@charset "utf-8";

/* CSS Document */
html{-webkit-text-size-adjust:none;}
body {font-size:14px; color:#343434;line-height:26px; margin:0; padding:0; font-family:"微软雅黑","MicrosoftYaHei","Microsoft YaHei","Arial"; -webkit-text-size-adjust:none; min-width:1400px;}

img { border:0;}
div,form,ul,ol,li,span,h1,h2,h3,h4,h5,h6,dl,dt,dd {border: 0;margin: 0;padding: 0;list-style-type:none}
.fz12,font,h2,h1 { font-size:12px}
h3,h4,h5 { font-weight:normal; font-size:14px}

input,textarea,button { outline:none; border:0;}
input:focus,textarea:focus,button:focus { outline:none; border:0;}

@media all and (max-width:1480px){
body { min-width:1080px;}
}
@media all and (max-width:1100px){
body { min-width:inherit;}
}

a { outline:none;-moz-outline:none; color:#343434; -webkit-transition:all .4s ease;-moz-transition:all .4s ease;transition:all .4s ease;text-decoration:none;}
a:hover {color:#B42B33;text-decoration:none}
p { padding:0; margin:0;}
.tar { text-align:right}
.tal { text-align:left}
.tac { text-align:center}
.ft {float:left}
.fr {float:right}
.clear { clear:both}
.bgff { background:#fff}
.w100 { width:1440px; margin:0 auto}

@media all and (max-width:1440px){
.w100 { width:1080px;}
}
@media all and (max-width:1100px){
.w100 { width:90%; max-width:750px}
}

header { position:absolute; left:50%; margin-left:-700px; top:15px; width:1400px; z-index:3333}
header .logos { float:left; line-height:70px; height:70px; font-size:36px; font-weight:bold; color:#15A5DD; width:169px; background:url(../images/logo.png); background-size:100% 100%}
header .logos a { color:#15A5DD; display:block; opacity:0}
header nav { float:right; padding-top:15px}
header nav ul li { float:left; line-height:40px; padding-left:50px;}
header nav ul li a { color:#fff; font-size:16px}
header nav ul li.nav_on a { color:#15A5DD}

@media all and (max-width:1440px){
header { margin-left:-540px; width:1080px; }

}


.banner { overflow:hidden; position:relative}
.banner .ban_jj { position:absolute; bottom:0; left:50%; margin-left:-700px; width:1400px; height:250px; background:#193069}
.banner .ban_jj ul li { float:left; width:33.33%; height:250px}
.banner .ban_jj ul li:nth-child(2) { background:#15A5DD}

.banner .ban_jj ul li h2 { padding:20px 0 15px 25px; color:#fff; font-size:24px; color:#fff; line-height:40px}
.banner .ban_jj ul li h3 { color:#fff; font-size:14px; padding:0 25px; line-height:24px; font-weight:normal}
.banner .ban_jj ul li h4 { padding:15px 0 0 25px; display:none}
.banner .ban_jj ul li h4 a { color:#fff; display:block; line-height:38px; border:1px #fff solid; width:100px; border-radius:5px; text-align:center; font-size:16px}
.banner .ban_jj ul li h4 a:hover { background:#fff; color:#193069}
.banner .ban_jj ul li:nth-child(2) h4 a:hover { background:#fff; color:#15A5DD}


@media all and (max-width:1440px){
.banner .ban_jj { margin-left:-540px; width:1080px; height:210px; background:#193069}
.banner .ban_jj ul li { height:210px}

.banner .ban_jj ul li h2 { padding:15px 0 5px 20px; font-size:18px;}
.banner .ban_jj ul li h3 { font-size:12px; padding:0 20px; line-height:20px}
.banner .ban_jj ul li h4 { padding:15px 0 0 20px}
}

.banner .prev { display:block; position:absolute; left:30px; top:50%; background:url(../images/left.png); width:71px; height:71px; margin-top:-36px}
.banner .prev a { cursor:pointer; height:71px; display:block}
.banner .next { display:block; position:absolute; right:30px; top:50%; background:url(../images/right.png); width:71px; height:71px; margin-top:-36px}
.banner .next a { cursor:pointer; height:71px; display:block}

.banner .bd {}
.banner .bd ul li { position:relative; height:100%}
.banner .bd ul li h3 { position:absolute; left:50%; margin-left:-700px; top:45%; line-height:40px; color:#fff; font-size:36px; float:left; padding-right:50px; border-right:1px #ddd solid}
.banner .bd ul li h3 span { display:block; font-size:48px; line-height:50px; padding-bottom:15px}
.banner .bd ul li h4 { position:absolute; right:50%; margin-right:-700px; top:45%; line-height:40px; color:#15A5DD; font-size:48px; float:right; line-height:100px}



@media all and (max-width:1440px){
.banner .bd ul li h3 { margin-left:-540px; font-size:24px; padding-right:40px;}
.banner .bd ul li h3 span { font-size:36px;}
.banner .bd ul li h4 { margin-right:-540px; font-size:36px;}
}


.index_1 { padding:110px 0; width:1400px; margin:0 auto; overflow:hidden}
.index_1 img { display:block; float:right; padding-left:50px}
.index_1 h2 { font-size:24px; padding-top:20px}
.index_1 h1 { position:relative; line-height:60px; font-size:16px; font-weight:normal}
.index_1 h1 i { position:absolute; left:0; bottom:0; width:23px; height:3px; background:#193069}
.index_1 h3 { font-size:16px; padding:40px 0}
.index_1 h4 a { color:#fff; display:block; line-height:38px; border:1px #fff solid; width:100px; border-radius:5px; text-align:center; font-size:16px; background:#15A5DD; border:1px #15A5DD solid}
.index_1 h4 a:hover { background:#fff; color:#15A5DD}

.index_1 .js { font-size:16px; padding:40px 0}


@media all and (max-width:1440px){
.index_1 { padding:80px 0; width:1080px}
.index_1 img { width:600px}
}

.index_2 { height:380px; background:url(../images/index_bg1.jpg) bottom no-repeat; position:relative}
.index_2 .index_fs { width:1400px; margin:0 auto; height:250px; background:#fff; box-shadow:0 0 10px #ccc; position:relative}
.index_2 .index_fs ul li { float:left; width:33.33%; text-align:center}
.index_2 .index_fs ul li span { font-size:48px; line-height:50px; display:block; padding-top:80px}
.index_2 .index_fs ul li h3 { font-size:14px; padding-top:15px}
.index_2 .index_fs p.p1 { position:absolute; left:33.33%; top:100px; bottom:100px; width:1px; background:#ddd; display:block}
.index_2 .index_fs p.p2 { position:absolute; left:66.66%; top:100px; bottom:100px; width:1px; background:#ddd; display:block}


@media all and (max-width:1440px){
.index_2 .index_fs { width:1080px}
}

.index_3 { padding:110px 0; width:1400px; margin:0 auto}
.index_3 h2 { text-align:center; font-size:24px}
.index_3 .sm { position:relative; text-align:center; line-height:60px; font-size:16px}
.index_3 .sm i { position:absolute; left:50%; margin-left:-12px; bottom:0; width:23px; height:3px; background:#193069}

.index_3 .index_fa { padding-top:60px; width:1434px}
.index_3 .index_fa ul li { float:left; width:478px}
.index_3 .index_fa ul li a { display:block; width:444px; background:#FAFAFA; height:522px; border-bottom:2px #fafafa solid}
.index_3 .index_fa ul li a:hover { border-bottom:2px #15A5DD solid; box-shadow:0 0 5px #ccc}
.index_3 .index_fa ul li img { display:block; width:100%}
.index_3 .index_fa ul li h1 { padding:25px 0 10px 25px; font-size:16px}
.index_3 .index_fa ul li h3 { padding:0 0 0 25px; font-size:14px; color:#888}
.index_3 .index_fa ul li h4 { padding:15px 25px 0 25px}
.index_3.prl .index_fa ul li { padding-bottom:30px}



@media all and (max-width:1440px){
.index_3 { padding:80px 0; width:1080px}
.index_3 .index_fa { padding-top:40px; width:1116px}
.index_3 .index_fa ul li { width:372px}
.index_3 .index_fa ul li a { width:336px; height:452px; }
}


.pages {padding:18px 0px 24px 18px;clear:both;text-align:center}
.pages ul li {display:inline-block;}
.pages a,
.pages a:visited,.pages a:hover,.pages b { border:1px solid #E1EAFF;display:inline-block;height:36px;line-heighT:36px;text-decoration:none;color:#888;margin: 0 6px;border-radius: 50%;width: 36px;font-family: arial;}
.pages a:hover,.pages b {border:1px solid #D41B19; color:#fff;background:#D41B19}
.pages li.active span { border:1px solid #E1EAFF;display:inline-block;height:36px;line-heighT:36px;text-decoration:none;color:#888;margin: 0 6px;border-radius: 50%;width: 36px;font-family: arial;border:1px solid #D41B19; color:#fff;background:#D41B19}



.index_4 { height:590px}
.index_4 .bd ul li { height:590px; position:relative}
.index_4 .bd ul li h3 { position:absolute; left:55%; top:100px; font-size:24px}
.index_4 .bd ul li h4 { position:absolute; left:55%; top:130px; font-size:16px; line-height:50px}
.index_4 .bd ul li h4 i { position:absolute; left:0; bottom:0; width:23px; height:3px; background:#193069}
.index_4 .bd ul li h5 { position:absolute; left:55%; width:550px; top:210px; font-size:16px; line-height:32px}
.index_4 .bd ul li a { color:#fff; display:block; line-height:38px; border:1px #fff solid; width:100px; border-radius:5px; text-align:center; font-size:16px; background:#15A5DD; position:absolute; left:55%; top:400px; border:1px #15A5DD solid}
.index_4 .bd ul li a:hover { background:#fff; color:#15A5DD}


.index_5 { background:url(../images/index_pic13.jpg) center no-repeat; height:425px; position:relative; margin-top:110px}
.index_5 i { display:block; position:absolute; width:60px; height:60px; background:rgba(0,0,0,0.2); cursor:pointer; text-align:center; line-height:60px; font-size:24px; color:#fff; left:50%; margin-left:-30px; top:50%; margin-top:-30px}



.index_6 { padding:110px 0; background:#fafafa}
.index_6 .w100 { width:1400px; margin:0 auto}
.index_6 h2 { font-size:24px; }
.index_6 .sm { position:relative; line-height:60px; font-size:16px;}
.index_6 .sm i { position:absolute; left:0; bottom:0; width:23px; height:3px; background:#193069}

.index_6 .index_xw1 { float:left; width:620px; margin-top:50px; padding:30px 0}
.index_6 .index_xw1 a { display:block; padding:30px}
.index_6 .index_xw1:hover { background:#fff; box-shadow:0 0 10px #ccc}
.index_6 .index_xw1 img { display:block; margin:0 auto; width:560px}
.index_6 .index_xw1 h3 { font-size:16px; padding:10px 40px 10px 40px}
.index_6 .index_xw1 h4 { font-size:14px; padding:0 40px; height:80px}


.index_6 .index_xw2 { float:right; width:700px; margin-top:50px}
.index_6 .index_xw2:hover { background:#fff; box-shadow:0 0 10px #ccc}
.index_6 .index_xw2 ul li { padding:30px; overflow:hidden}
.index_6 .index_xw2 ul li:nth-child(1) { border-bottom:1px #eee solid}
.index_6 .index_xw2 ul li img { display:block; float:left; padding-right:40px}
.index_6 .index_xw2 ul li h3 { font-size:16px; line-height:50px; padding-top:30px; overflow: hidden;text-overflow: ellipsis;white-space: nowrap}
.index_6 .index_xw2 ul li h4 { line-height:26px; height:52px; overflow:hidden}

@media all and (max-width:1440px){
.index_6 { padding:80px 0;}
.index_6 .w100 { width:1080px;}

.index_6 .index_xw1 { width:500px; margin-top:30px; padding:20px 0}
.index_6 .index_xw1 img { width:460px}
.index_6 .index_xw1 h3 { font-size:16px; padding:10px 30px 10px 30px}
.index_6 .index_xw1 h4 { font-size:14px; padding:0 30px; height:80px}

.index_6 .index_xw2 { width:580px; margin-top:30px}
.index_6 .index_xw2 ul li { padding:20px; overflow:hidden}
.index_6 .index_xw2 ul li img { padding-right:30px}
}




footer { padding:40px 0; background:#193069}
footer h3 { border-bottom:1px #333 solid; padding-bottom:15px; text-align:center}
footer h3 a { font-size:16px; color:#ccc; margin:0 25px}
footer h3 a:hover { color:#fff}
footer h4 { color:#ccc; text-align:center; padding-top:15px}





.banner_about { background:url(../images/banner_about.jpg) center no-repeat; height:250px}
.banner_contact { background:url(../images/banner_contact.jpg) center no-repeat; height:250px}
.banner_news { background:url(../images/banner_news.jpg) center no-repeat; height:250px}
.banner_product { background:url(../images/banner_product.jpg) center no-repeat; height:250px}

.banner_about h1 { text-align:center; color:#fff; padding-top:150px; font-size:36px; opacity:0.9; font-weight:normal; opacity:0}
.banner_contact h1 { text-align:center; color:#fff; padding-top:150px; font-size:36px; opacity:0.9; font-weight:normal; opacity:0}
.banner_news h1 { text-align:center; color:#fff; padding-top:150px; font-size:36px; opacity:0.9; font-weight:normal; opacity:0}
.banner_product h1 { text-align:center; color:#fff; padding-top:150px; font-size:36px; opacity:0.9; font-weight:normal; opacity:0}




.index_2s { margin:0 auto; height:1080px; background:url(../images/news2s.jpg) center no-repeat; background-size:auto 100%}
.index_2s .index_fs { width:1400px; margin:0 auto; height:280px; position:relative; display:none}
.index_2s .index_fs ul li { float:left; width:33.33%; text-align:center; color:#fff}
.index_2s .index_fs ul li span { font-size:48px; line-height:50px; display:block; padding-top:100px}
.index_2s .index_fs ul li h3 { font-size:16px; padding-top:15px}

@media all and (max-width:1440px){
.index_2s .index_fs { width:1080px;}

}


.about_1 { padding:110px 0; width:1400px; margin:0 auto; overflow:hidden}
.about_1 img { display:block; padding-top:30px}
.about_1 h2 { font-size:24px;}
.about_1 .sm { position:relative; line-height:60px; font-size:16px; font-weight:normal}
.about_1 .sm i { position:absolute; left:0; bottom:0; width:23px; height:3px; background:#193069}
.about_1 .index_fa { font-size:16px; padding-top:30px; line-height:32px}

@media all and (max-width:1440px){
.about_1 { padding:80px 0; width:1080px;}

}



.about_2 { margin:0 auto; height:1080px; background:url(../images/news2.jpg) center no-repeat; background-size:auto 100%}
.about_2 h2 { font-size:24px; width:1400px; margin:0 auto}
.about_2 .sm { position:relative; line-height:60px; font-size:16px; font-weight:normal; width:1400px; margin:0 auto}
.about_2 .sm i { position:absolute; left:0; bottom:0; width:23px; height:3px; background:#193069}
.about_2 .about_fz1 { padding-top:30px; padding-bottom:30px; border-bottom:1px #ddd solid}
.about_2 .about_fz1 ul { overflow:hidden; width:1428px; margin:0 auto}
.about_2 .about_fz1 ul li { float:left; width:238px}
.about_2 .about_fz1 ul li img { display:block; width:210px;}

.about_2 .about_fz2 { width:1400px; margin:0 auto}
.about_2 .about_fz2 ul { overflow:hidden; width:1428px}
.about_2 .about_fz2 ul li { float:left; width:238px; padding-top:20px; position:relative}
.about_2 .about_fz2 ul li h3 { width:210px; text-align:center; font-size:18px; color:#15A5DD; line-height:30px}
.about_2 .about_fz2 ul li h4 { width:210px; text-align:center; font-size:16px; line-height:32px; padding-top:15px}
.about_2 .about_fz2 ul li i { position:absolute; top:-10px; height:20px; left:0; width:210px; display:block; text-align:center; font-size:24px; line-height:20px; color:#aaa}


@media all and (max-width:1440px){
/*.about_2 { padding:80px 0; }*/
/*.about_2 h2 { width:1080px;}*/
/*.about_2 .sm { width:1080px;}*/
/*.about_2 .about_fz1 ul { width:1098px;}*/
/*.about_2 .about_fz1 ul li { width:183px}*/
/*.about_2 .about_fz1 ul li img { width:166px;}*/

/*.about_2 .about_fz2 { width:1080px}*/
/*.about_2 .about_fz2 ul { width:1098px;}*/
/*.about_2 .about_fz2 ul li { width:183px}*/
/*.about_2 .about_fz2 ul li h3 { width:183px}*/
/*.about_2 .about_fz2 ul li i { width:183px}*/

}



.about_3 { margin:0 auto; height:1080px; background:url(../images/news1.jpg) center no-repeat; background-size:auto 100%}
.about_3 h2 { text-align:center; font-size:24px}
.about_3 .sm { position:relative; text-align:center; line-height:60px; font-size:16px}
.about_3 .sm i { position:absolute; left:50%; margin-left:-12px; bottom:0; width:23px; height:3px; background:#193069}
.about_3 .about_ry { padding-top:30px}
.about_3 .about_ry ul li { float:left; width:25%}
.about_3 .about_ry ul li img { display:block; margin:0 auto; max-width:90%}
.about_3 .about_ry ul li h3 { text-align:center; font-size:16px; padding-top:15px}

@media all and (max-width:1440px){
/*.about_3 { padding:80px 0; width:1080px; }*/



}


.news_list { padding:110px 0; margin:0 auto; width:1400px}
.news_list h2 { text-align:center; font-size:24px}
.news_list .sm { position:relative; text-align:center; line-height:60px; font-size:16px}
.news_list .sm i { position:absolute; left:50%; margin-left:-12px; bottom:0; width:23px; height:3px; background:#193069}

.news_list .list { padding-top:30px}
.news_list .list ul li { padding:30px 0; border-bottom:1px #ddd dashed; overflow:hidden}
.news_list .list ul li img { float:left; padding-right:30px; width:280px; height:180px}
.news_list .list ul li h3 { font-size:18px; padding:20px 0 10px 0}
.news_list .list ul li h4 { color:#888; line-height:32px; height:64px; overflow:hidden}
.news_list .list ul li h5 { padding-top:10px}


@media all and (max-width:1440px){
.news_list { padding:80px 0; width:1080px; }


}



.nowsite { background:#f5f5f5; line-height:32px; height:32px}

.news_id { width:1400px; margin:0 auto; padding:80px 0}
.news_id .news_title { padding-bottom:20px; border-bottom:1px #ddd solid}
.news_id .news_title h1 { font-size:24px}
.news_id .news_title h3 { padding-top:15px; color:#888}


.news_id .news_text { padding:30px; font-size:16px; line-height:32px; min-height:400px}
.news_id .news_text img { max-width:auto}
.news_id .news_text p { padding-bottom:15px}

.news_id .news_sx { border-top:1px #ddd solid; padding-top:15px; color:#888; overflow:hidden}



@media all and (max-width:1440px){
.news_id { padding:50px 0; width:1080px; }


}



.contact { padding:110px 0; margin:0 auto; width:1345px}
.contact h2 { text-align:center; font-size:24px}
.contact .sm { position:relative; text-align:center; line-height:60px; font-size:16px}
.contact .sm i { position:absolute; left:50%; margin-left:-12px; bottom:0; width:23px; height:3px; background:#193069}
.contact .map { padding:30px 0}
.contact ul { width:1405px;}
.contact ul li { float:left; width:351px; text-align:center}
.contact ul li a { display:block; border:2px #eee solid; padding:30px 0; width:287px}
.contact ul li i { display:block; font-size:36px; line-height:40px; text-align:center; color:#888; margin-bottom:15px}



@media all and (max-width:1440px){
.contact { padding:80px 0; width:1080px; }
.contact img { width:100%}
.contact ul { width:1108px;}
.contact ul li { width:277px; }
.contact ul li a { width:249px}

}