@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:1200px;}

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:1440px){
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:#D41B19text-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:1200px; margin:0 auto}

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



header { position:absolute; top:0; left:0; width:100%; padding:15px 0 15px; border-bottom: 1px solid hsla(0, 0%, 100%, .1); z-index:6333}
header .logos { float:left; padding-left:30px; padding-right:30px; padding-top:5px}
header .logos img { display:block; height:40px}

header nav { float:left}
header nav ul li { padding:0 20px; float:left; line-height:40px; position:relative}
header nav ul li a { font-size:16px; color:#fff; display:block; height:40px}
header nav ul li a:hover { color:#fff}
header nav ul li.nav_on { font-weight:bold; color:#fff}
header nav ul li.nav_on a { color:#fff}

header .head_r { float:right; padding-right:30px; line-height:40px; font-size:18px; font-weight:bold; color:#fff; padding-top:10px}
header .head_r a { display:block; float:right; background-image: linear-gradient(90deg, #CB1F1F, #333); background-position: 0 0; border-radius: 6px; color:#fff; font-size:14px; width:88px; text-align:center; font-weight:normal; margin-left:20px}
header .head_r i { margin-right: 8px;}
header .head_r i.fa-phone { display:block; float:left; width:20px; height:20px; background-color: hsla(0, 0%, 0%, .12); border-radius:50%; text-align:center; color:#fff; line-height:20px; margin-top:10px; font-size:12px}


header.toph2 { position:fixed; background:#fff; display:none; border-bottom:1px #ddd solid; padding:10px 0}
header.toph2 nav ul li a { color:#555}
header.toph2 nav ul li a:hover { color:#000}
header.toph2 nav ul li.nav_on a { color:#D41B19; border-bottom:2px #CB1F1F solid}

header.toph2 .head_r { color:#666; padding-top:5px}
header.toph2 .head_r i.fa-phone { color:#fff;}



header nav ul li h3 { position:absolute; left:-30px; right:-30px; background:#fff; top:39px; display:none}
header nav ul li h3 a { display:block; font-size:14px; line-height:44px; height:44px; border-bottom:1px #ddd solid; text-align:center; color:#343434}
header nav ul li h3 a:hover { background:#f5f5f5}
header nav ul li.nav_on h3 a { font-weight:normal; color:#343434; text-align:center}
header.toph2 nav ul li.nav_on h3 a { font-weight:normal; color:#343434; text-align:center; border-bottom:1px #ddd solid}
header nav ul li:hover h3 { display:block}

.head_r2 { display:none}


@media all and (max-width:1100px){
header { height:30px;}
.head_r2 { display:block; line-height:30px; float:left; color:#fff}

header .head_r { font-size:14px; padding-top:10px}

header.toph2 .head_r2 { color:#333}
header.toph2 .head_r { padding-top:0}

header { padding:10px 0 10px;}
header .logos { padding-left:20px; padding-right:20px; padding-top:0px}
header .logos img { height:30px}

header nav { position:absolute; left:0; top:51px; right:0; background:#fff; display:none}

header nav ul li { padding:10px 20px; float:none; line-height:30px; border-bottom:1px #ddd solid}
header nav ul li a { font-size:14px; height:30px; color:#333;}
header nav ul li.nav_on { border-left:2px #00A2E9 solid}
header nav ul li.nav_on a { color:#D41B19}
header.toph2 nav ul li.nav_on a { border-bottom:0 none}

header .head_r { padding-right:20px; line-height:30px; font-size:14px; padding-top:0px}
header .head_r a { width:60px;}
header .head_r i { margin-right: 4px;}
header .head_r i.fa-phone { margin-top:5px; font-size:12px}

header nav ul li h3 { display:block; position:relative; left:auto; right:auto; overflow:hidden; top:auto}
header nav ul li h3 a {font-size:14px; line-height:24px; height:24px; border-bottom:0 none; text-align:left; float:left; width:50%}
header.toph2 nav ul li.nav_on h3 a { border-bottom:0 none; text-align:left}
}
@media all and (max-width:440px){
header .head_r a { margin-left:10px}
header .head_r { font-size:12px}
}


#banner { overflow:hidden; position:relative; background:#000; margin-top:60px; height:558px}
#banner .bd { max-width:1920px; margin:0 auto; position:relative; z-index:32; height:558px}
#banner .bd ul li { position:relative; height:558px}
#banner .bd ul li img { display:block; width:100%}
#banner .bd ul li h3 { position:absolute; left:10%; top:50%; margin-top:-130px; font-size:60px; color:#fff; line-height:60px; padding-top:50px; opacity:0; font-weight:bold; text-shadow:1px 1px 1px #333}
#banner .bd ul li h3 font { font-size:60px; color:#D41B19; font-weight:bold;}
#banner .bd ul li h4 { position:absolute; left:10%; top:50%; margin-top:-60px; font-size:48px; color:#D41B19; line-height:60px; font-family:Arial; padding-top:50px; opacity:0; text-transform: uppercase; text-shadow:1px 1px 1px #333;}
#banner .bd ul li h5 { position:absolute; left:10%; top:50%; margin-top:10px; font-size:18px; color:#fff; line-height:32px; width:50%; padding-top:50px; opacity:0}
#banner .bd ul li video { position:absolute; top:90px; right:50%; margin-right:-600px; width:720px}

#banner .hd { position:absolute; left:0; bottom:20px; right:0; text-align:center}
#banner .hd ul li { display:inline-block; padding:0 5px}
#banner .hd ul li i { display:block; width:60px; height:3px; background:#333; cursor:pointer; border-radius:3px}
#banner .hd ul li.on i { background:#00A2E9}

#banner .prev { position:absolute; left:0px; width:50px; height:50px; top:50%; margin-top:-25px; cursor:pointer; z-index:333}
#banner .next { position:absolute; right:0px; width:50px; height:50px; top:50%; margin-top:-25px; cursor:pointer; z-index:334}
#banner .prev i { display:block; text-align:center; line-height:50px; font-size:24px; background:rgba(0,0,0,0.3); border-radius:5px; box-shadow:0 0 2px #ccc; color:#fff}
#banner .next i { display:block; text-align:center; line-height:50px; font-size:24px; background:rgba(0,0,0,0.3); border-radius:5px; box-shadow:0 0 2px #ccc; color:#fff}
#banner .prev i:hover { background:rgba(0,0,0,0.7); color:#fff}
#banner .next i:hover { background:rgba(0,0,0,0.7); color:#fff}

@media all and (max-width:1100px){
#banner { margin-top:51px; height:250px}
#banner .bd { max-width:1920px; margin:0 auto; position:relative; z-index:32; height:250px}
#banner .bd ul li { position:relative; height:250px}
#banner .bd ul li img { display:block; width:100%}
#banner .bd ul li h3 { position:absolute; left:10%; top:50%; margin-top:-130px; font-size:60px; color:#fff; line-height:60px; padding-top:50px; opacity:0; font-weight:bold; text-shadow:1px 1px 1px #333}
#banner .bd ul li h3 font { font-size:60px; color:#D41B19; font-weight:bold;}
#banner .bd ul li h4 { position:absolute; left:10%; top:50%; margin-top:-60px; font-size:48px; color:#D41B19; line-height:60px; font-family:Arial; padding-top:50px; opacity:0; text-transform: uppercase; text-shadow:1px 1px 1px #333;}
#banner .bd ul li h5 { position:absolute; left:10%; top:50%; margin-top:10px; font-size:18px; color:#fff; line-height:32px; width:50%; padding-top:50px; opacity:0}
}
.index_1 { padding:120px 0}
.index_1 h1 { font-size:24px; line-height:50px; text-align:center;}
.index_1 h1 span { color:#D41B19; display:block; font-size:40px; padding-bottom:5px}
.index_1 .tac { font-size:18px; line-height:34px; width:1200px; margin:0 auto; color:#888; padding-top:20px; padding-bottom:40px; text-align:left}
.index_1 .tac p { padding-bottom:10px}
.index_1 ul { width:1200px; margin:0 auto}
.index_1 ul li { float:left; width:300px;}
.index_1 ul li img { display:block; margin:0 auto}
.index_1 ul li h3 { padding-top:30px; text-align:center; color:#D41B19; line-height:30px}
.index_1 ul li h3 span { font-size:36px; font-weight:bold}
.index_1 ul li h4 { text-align:center; padding-top:5px; font-size:18px; color:#888}


@media all and (max-width:1440px){
.index_1 { padding:80px 0}
.index_1 h1 { font-size:18px; line-height:40px;}
.index_1 h1 span { font-size:24px}
.index_1 .tac { font-size:16px; line-height:32px; width:1080px; padding-bottom:40px}
.index_1 ul { width:1080px}
.index_1 ul li { width:260px;}
.index_1 ul li img { display:block; margin:0 auto}
.index_1 ul li h3 { padding-top:20px;}
.index_1 ul li h3 span { font-size:30px;}

}

@media all and (max-width:1100px){

.index_1 { padding:60px 0}
.index_1 h1 { font-size:18px;}
.index_1 h1 span { font-size:24px}
.index_1 .tac { font-size:14px; line-height:26px; width:90%; padding-bottom:40px}
.index_1 ul { width:100%}
.index_1 ul li { width:50%;}

}

.index_2 { background:url(../images/index_bg1.jpg) center no-repeat; background-size:100% auto; padding:120px 0}
.index_2 h2 { line-height:50px; text-align:center;color:#D41B19; font-size:36px}

.index_2 .hd { height:50px; border-bottom:1px #ddd solid; padding-top:50px; text-align:center}
.index_2 .hd ul li { text-align:center; display:inline; padding:8px 40px}
.index_2 .hd ul li.on { background:#D41B19; color:#fff; border-radius:5px}
.index_2 .hd ul li.on a { color:#fff}
.index_2 .bd { padding-top:50px; width:1200px; margin:0 auto; position:relative}
.index_2 .bd ul { width:1228px}
.index_2 .bd ul li { float:left; width:307px}
.index_2 .bd ul li a { display:block; width:279px; overflow:hidden; border-radius:10px}
.index_2 .bd ul li img { display:block; width:100%; -webkit-transition:all .4s ease;-moz-transition:all .4s ease;transition:all .4s ease}
.index_2 .bd ul li a:hover img { transform:scale(1.05)}
.index_2 .bd ul li h3 { font-size:18px; padding-top:20px; font-weight:bold; padding-left:10px}

.index_2 .prev { position:absolute; left:-100px; width:50px; height:50px; top:50%; margin-top:-25px; cursor:pointer}
.index_2 .next { position:absolute; right:-100px; width:50px; height:50px; top:50%; margin-top:-25px; cursor:pointer}
.index_2 .prev i { display:block; text-align:center; line-height:50px; font-size:24px; background:#fff; border-radius:50%; box-shadow:0 0 2px #ccc}
.index_2 .next i { display:block; text-align:center; line-height:50px; font-size:24px; background:#fff; border-radius:50%; box-shadow:0 0 2px #ccc}
.index_2 .prev i:hover { background:#D41B19; color:#fff}
.index_2 .next i:hover { background:#D41B19; color:#fff}

.index_5 { max-width:1920px; margin:0 auto}
.index_5 img { display:block; max-width:100%}



.index_3 { height:1080px; position:relative; background:url(../images/renzheng.jpg) center no-repeat; overflow:hidden}
.index_3 ul { position:absolute; left:50%; top:447px; width:880px; margin-left:-189px}
.index_3 ul li { width:258px; float:left}
.index_3 ul li img { display:block; width:190px; height:270px}

@media all and (max-width:1440px){
.index_3 { height:810px; background:url(../images/index_zsbg.jpg) center no-repeat; background-size:auto 100%}
.index_3 ul { position:absolute; left:50%; top:366px; width:656px; margin-left:-185px}
.index_3 ul li { width:164px; float:left}
.index_3 ul li img { display:block; width:122px; height:174px}

}

.index_4 { padding:120px 0; overflow:hidden}
.index_4 h2 { line-height:50px; text-align:center;color:#D41B19; font-size:36px}

.index_4 .hd { width:1200px; margin:0 auto; overflow:hidden; padding-top:50px}
.index_4 .hd ul li { float:left; padding:5px 20px}
.index_4 .hd ul li.on { background:#D41B19; color:#fff; border-radius:5px}
.index_4 .hd ul li.on a { color:#fff}

.index_4 .bd { width:1200px; margin:0 auto; padding-top:50px}
.index_4 .bd .map { float:left; width:700px; margin-right:60px; height:350px}
.index_4 .bd h3 { font-size:18px; font-weight:bold; padding-top:30px}
.index_4 .bd h4 { padding-top:15px; line-height:32px}

@media all and (max-width:1440px){
.index_4 { padding:80px 0;}
.index_4 h2 { font-size:24px;}

.index_4 .hd { width:1080px; margin:0 auto; overflow:hidden; padding-top:40px}
.index_4 .hd ul li { float:left; padding:5px 20px}
.index_4 .hd ul li.on { background:#D41B19; color:#fff; border-radius:5px}
.index_4 .hd ul li.on a { color:#fff}

.index_4 .bd { width:1080px; padding-top:40px}
.index_4 .bd .map { width:600px; margin-right:50px; }
.index_4 .bd h3 { font-size:16px; font-weight:bold; padding-top:30px}
.index_4 .bd h4 { padding-top:15px; line-height:32px}

}

@media all and (max-width:1080px){
.index_4 { padding:40px 0;}
.index_4 h2 { font-size:18px;}
.index_4 .hd { width:90%; margin:0 auto; overflow:hidden; padding-top:30px}
.index_4 .hd ul li { float:left; padding:5px 20px}
.index_4 .hd ul li.on { background:#D41B19; color:#fff; border-radius:5px}
.index_4 .hd ul li.on a { color:#fff}

.index_4 .bd { width:90%; padding-top:20px; float:none; margin:0 auto}
.index_4 .bd .map { width:100%; margin-right:0px; margin-bottom:20px}
.index_4 .bd h3 { font-size:16px; font-weight:bold; padding-top:30px}
.index_4 .bd h4 { padding-top:15px; line-height:32px}

}



.hezuo_zz { padding:120px 0}
.hezuo_zz h1 { font-size:24px; line-height:50px; text-align:center;}
.hezuo_zz h1 span { color:#D41B19; display:block; font-size:36px}
.hezuo_zz .tac { font-size:18px; line-height:34px; width:1200px; margin:0 auto; color:#888; padding-top:20px; padding-bottom:50px}
.hezuo_zz .bd { width:1200px; margin:0 auto; position:relative}
.hezuo_zz .bd ul li {}
.hezuo_zz .bd ul li img { display:block; margin:0 auto}
.hezuo_zz .prev { position:absolute; left:-100px; top:50%; width:50px; height:50px; background:rgba(0,0,0,0.2); margin-top:-25px; border-radius:5px; cursor:pointer}
.hezuo_zz .prev i { display:block; text-align:center; line-height:50px; font-size:24px; color:#fff}
.hezuo_zz .next { position:absolute; right:-100px; top:50%; width:50px; height:50px; background:rgba(0,0,0,0.2); margin-top:-25px; border-radius:5px; cursor:pointer}
.hezuo_zz .next i { display:block; text-align:center; line-height:50px; font-size:24px; color:#fff}
.hezuo_zz .prev:hover { background:rgba(0,0,0,0.7)}
.hezuo_zz .next:hover { background:rgba(0,0,0,0.7)}



@media all and (max-width:1440px){
.hezuo_zz { padding:80px 0}
.hezuo_zz h1 { font-size:24px; line-height:40px; padding-top:20px}
.hezuo_zz h1 span { font-size:24px}
.hezuo_zz .tac { font-size:16px; line-height:30px; width:1080px; padding-bottom:40px}
.hezuo_zz .bd { width:1080px}
.hezuo_zz .bd ul li img { display:block; margin:0 auto; width:100%}

}
@media all and (max-width:1080px){
.hezuo_zz { padding:80px 0}
.hezuo_zz h1 { font-size:18px; padding-top:0px}
.hezuo_zz h1 span { font-size:18px}
.hezuo_zz .tac { font-size:14px; line-height:24px; width:90%; padding-bottom:20px}
.hezuo_zz .bd { width:90%}
.hezuo_zz .bd ul li img { display:block; margin:0 auto; width:100%}
.hezuo_zz .prev { left:0}
.hezuo_zz .next { right:0}
}

footer { background:url(../images/footer_bg.jpg) center no-repeat #CB1F1F; background-size:auto 100%; height:280px}
footer .w100 { width:1200px}
footer h2 { font-size:20px; line-height:30px; padding-bottom:15px; color:#fff}
footer .foot_1 { float:left; padding-top:100px}
footer .foot_1 img { height:100px}

footer .foot_2 { float:left; width:650px; padding-top:30px; padding-left:200px}
footer .foot_2 ul { padding-left:40px; background:url(../images/footer_bg.png) left no-repeat;}
footer .foot_2 ul li { line-height:48px; color:#fff; font-size:16px}
footer .foot_2 ul li i { display:block; float:left; width:30px; line-height:32px; color:#fff; display:none}

footer .foot_3 { float:left; width:400px; padding-top:45px;display:none}
footer .foot_3 ul li { line-height:32px; color:#fff; float:left; width:50%}
footer .foot_3 ul li a { color:#ddd}
footer .foot_3 ul li a:hover { color:#fff}

footer .foot_4 { float:right; padding-top:60px}
footer .foot_4 img { display:block; height:160px}
footer .foot_4 h3 { font-size:30px; padding-bottom:15px; color:#fff; line-height:50px}
footer .foot_4 ul li { line-height:32px; color:#ddd}
footer .foot_4 ul li i { display:block; float:left; width:30px; line-height:32px; color:#ccc}
footer .foot_4 ul li a { color:#ddd}
footer .foot_4 ul li a:hover { color:#fff}

footer .copyright { text-align:center; padding:15px 0; text-align:center; line-height:20px; background:#CB1F1F; color:#ddd}
footer .copyright a { color:#ddd}

.copyright { text-align:center; padding:10px 0}

@media all and (max-width:1580px){
footer { height:320px}
footer .w100 { width:1180px}

/*footer .foot_1 { padding-top:60px}*/
/*footer .foot_1 img { height:200px}*/

/*footer .foot_2 { width:420px; padding-top:60px; padding-left:80px}*/

/*footer .foot_4 { padding-top:50px}*/
/*footer .foot_4 img { height:220px}*/
}

@media all and (max-width:1080px){
footer { height:auto}
footer .w100 { width:auto}
footer h2 { font-size:16px; padding-bottom:5px; }

footer .foot_1 { padding-top:30px; float:none; width:auto}
footer .foot_1 img { height:auto; display:block; max-width:60%; margin:0 auto}

footer .foot_2 { width:370px; padding-top:20px; padding-left:0px; float:none; margin:0 auto}
footer .foot_2 ul li { font-size:14px}

footer .foot_4 { width:auto; float:none; padding-top:30px; padding-bottom:30px}
footer .foot_4 img { max-width:50%; display:block; margin:0 auto}
}



.banner_a { height:300px; margin-top:60px}
.banner_a.bg1 { background:url(../images/banner_about1.jpg) center no-repeat}
.banner_a.bg2 { background:url(../images/banner_solution.jpg) center no-repeat}
.banner_a.bg3 { background:url(../images/banner_contact.jpg) center no-repeat}

.banner_b { overflow:hidden}
.banner_b img { display:block; width:100%}

@media all and (max-width:1080px){
.banner_b { margin-top:51px}
}
.about_1 { width:1200px; margin:0 auto; padding:80px 0}
.about_1 h1 { text-align:center; font-size:30px; line-height:30px}
.about_1 h3 { font-size:18px; text-align:center; padding-top:10px}
.about_1 .about_cn1 { padding-top:50px; overflow:hidden; font-size:16px; line-height:32px}
.about_1 .about_cn1 img { display:block; float:right; width:500px; margin-left:80px}
.about_1 ul { overflow:hidden; width:1212px; margin-top:30px}
.about_1 ul li { float:left; width:202px}
.about_1 ul li img { display:block; width:190px; height:140px}


.about_2 { background:url(../images/about_bg1.png) center; background-size:100% 100%; position:relative}
.about_2 .about_cn2 { width:1200px; margin:0 auto; overflow:hidden}
.about_2 .about_cn2 ul li { float:left; width:50%; height:300px}
.about_2 .about_cn2 ul li h3 { font-size:24px; padding-top:80px}
.about_2 .about_cn2 ul li h4 { font-size:16px; padding-top:20px; width:370px}
.about_2 .about_cn2 ul li:nth-child(2n) h3 { padding-left:230px}
.about_2 .about_cn2 ul li:nth-child(2n) h4 { padding-left:230px}

.about_2 .about_pic { position:absolute; left:50%; top:50%; margin-left:-243px; margin-top:-243px}
.about_2 .about_pic h3 { position:absolute; left:0; width:100%; text-align:center; font-size:40px; font-weight:bold; color:#fff; top:50%; line-height:40px; margin-top:-20px}





.about_3 { padding:80px 0}
.about_3 h2 { width:1200px; margin:0 auto; font-size:30px; line-height:30px; padding-bottom:30px; text-align:center}
.about_3 .about_li1 { width:1200px; margin:0 auto}
.about_3 .about_li1 ul { width:1244px}
.about_3 .about_li1 ul li { float:left; width:25%; padding-bottom:30px}
.about_3 .about_li1 ul li img { display:block}


.about_3 .about_li2 { border-top:1px #ddd solid}
.about_3 .about_li2 ul { width:1244px; margin:0 auto}
.about_3 .about_li2 ul li { float:left; width:25%; padding-bottom:30px; position:relative}
.about_3 .about_li2 ul li i { position:absolute; left:0; width:266px; text-align:center; font-size:24px; color:#aaa; top:-10px; line-height:20px}
.about_3 .about_li2 ul li h3 { width:266px; text-align:center; line-height:60px; font-size:24px; font-family:Arial, Helvetica, sans-serif; color:#D41B19; padding-top:10px}
.about_3 .about_li2 ul li h4 { width:266px; text-align:center; }




.about_4 { padding:80px 0}
.about_4 h2 { width:1200px; margin:0 auto; font-size:30px; line-height:30px; padding-bottom:30px; text-align:center}
.about_4 .bd { width:1200px; margin:0 auto}
.about_4 .bd ul li { float:left; width:20%;}
.about_4 .bd ul li img { display:block; width:95%; margin:0 auto}









.product { width:1200px; margin:0 auto; margin-top:140px; margin-bottom:80px}
.product h1 { text-align:center; font-size:30px; line-height:30px; height:60px}
.product h3 { font-size:16px; text-align:center; padding:20px 0}
.product .product_cn { font-size:16px; text-align:center; padding-top:20px}
.product .lis ul li { float:left; width:33.3%; padding-top:40px; position:relative}
.product .lis ul li img { display:block; width:332px; margin:0 auto}
.product .lis ul li h3 { position:absolute; left:0; right:0; bottom:25px}


.product .pro_lanmu { text-align:center;}
.product .pro_lanmu a { background:#f0f0f0; border-radius:3px; padding:10px 25px; font-size:16px}
.product .pro_lanmu a.on { background:#D41B19; color:#fff}

.product .pro_content { font-size:16px; line-height:32px; overflow:hidden; padding-top:20px}
.product .pro_content img { display:block; max-width:100%}
.product .pro_content .s1 { float:left; width:300px; padding-right:40px; padding-top:20px}

.product .bd { padding-top:20px; width:1040px; margin:0 auto; float:right}
.product .bd ul li img { display:block; margin:0 auto; width:100%}
.product .hd { padding-top:20px; text-align:center; float:left; width:120px}
.product .hd ul li { display:inline-block; padding:0 5px}
.product .hd ul li img { display:block; margin:0 auto; width:120px; border:2px #ddd solid; cursor:pointer}
.product .hd ul li.on img { border:2px #00A2E9 solid}

@media all and (max-width:1440px){
.product { width:1080px; margin-top:140px; margin-bottom:50px}
.product h1 { font-size:24px;}


.product .bd { padding-top:50px}
.product .bd ul li img { display:block; margin:0 auto}
.product .hd { padding-top:20px; text-align:center}
.product .hd ul li { display:inline-block; padding:0 5px}
.product .hd ul li img { display:block; margin:0 auto; height:60px; border:2px #ddd solid; cursor:pointer}
.product .hd ul li.on img { border:2px #00A2E9 solid}
}
@media all and (max-width:1100px){
.product { width:90%; margin-top:80px; margin-bottom:30px}
.product h1 { font-size:16px;}

.product .product_cn { font-size:14px;}
.product .lis ul li { width:50%; padding-top:20px;}
.product .lis ul li img { width:95%; margin:0 auto}
.product .lis ul li h3 { bottom:10px; font-size:14px; padding:0}

.product .bd { padding-top:30px; display:none}

.product .pro_lanmu { overflow:hidden; height:auto}
.product .pro_lanmu a { display:block; float:left; margin-bottom:2px; font-size:14px; margin-right:2px; padding:2px 5px}

.product .hd { float:none; width:auto; max-width:540px}
.product .hd ul li { display:block; padding:5px 0}
.product .hd ul li img { width:100%; border:2px #ddd solid; cursor:pointer; height:auto}
.product .hd ul li.on img { border:2px #00A2E9 solid}
}



.solution { width:1200px; margin:0 auto; margin-top:80px; margin-bottom:80px}
.solution h2 { text-align:center; font-size:30px; line-height:30px}
.solution ul li { padding-top:50px; overflow:hidden}
.solution ul li img { display:block; float:left; width:500px; margin-right:80px; border-radius:10px}
.solution ul li h3 { text-align:right; font-size:24px; font-weight:bold; line-height:30px; padding-top:80px}
.solution ul li h4 { text-align:right; font-size:16px; line-height:32px; padding-top:10px}

.solution ul li:nth-child(2n) img { float:right; margin-right:0; margin-left:80px}
.solution ul li:nth-child(2n) h3 { text-align:left}
.solution ul li:nth-child(2n) h4 { text-align:left}






.hezuo_bg { position:relative; max-width:1920px; margin:60px auto 0 auto}
.hezuo_bg img { display:block; position:relative; z-index:11; width:100%}
.hezuo_bg .hez_cn { position:absolute; z-index:22; left:10%; bottom:10%; width:500px; background:#fff; border-radius:10px; padding:30px; overflow:hidden}
.hezuo_bg .hez_cn h1 { font-size:30px; line-height:40px; font-weight:bold}
.hezuo_bg .hez_cn h3 { font-size:16px; line-height:32px; padding-top:10px}
.hezuo_bg .hez_cn h4 { padding-top:15px}
.hezuo_bg .hez_cn h4 a { display:block; float:left; padding:0 20px; border:1px #ddd solid; line-height:40px; font-size:16px; border-radius:20px}
.hezuo_bg .hez_cn h4 a:hover { background:#D41B19; color:#fff}


.news { width:1200px; margin:0 auto; margin-top:80px}
.news h1 { text-align:center; font-size:30px; line-height:30px; padding-top:30px}

.newslist li { padding: 50px 0 30px 0; float:left; width:33.3%; display:block !important}
.newslist li img {width: 360px;height: 180px; display:block; margin:0 auto}
.newslist li h2 {font-size:18px;font-weight: bold;line-height: 36px; width:90%; margin:0 auto; padding-top:10px; white-space: nowrap;overflow: hidden; text-overflow: ellipsis;}
.newslist li span { font-size: 14px;display: block;color: #888; width:90%; margin:0 auto}
.newslist li p {line-height:20px;font-size: 14px; width:90%; margin:0 auto; padding-top:10px; height:40px}


.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}



@media all and (max-width:1440px){
.news { width:1080px; margin:0 auto; margin-top:80px}
.news h1 { font-size:24px;}
.newslist { padding-bottom:20px}
.newslist li { padding: 40px 0 20px 0;}
.newslist li img {width: 320px;height: 140px;}
.newslist li h2 {font-size:16px;}

}


@media all and (max-width:1080px){
.news { width:auto}
.news h1 { font-size:18px;}
.newslist { padding-bottom:10px}
.newslist li { padding:20px 0 10px 0; float:none; width:auto}
.newslist li img {width: 320px;height: 140px;}
.newslist li h2 {font-size:16px;}

}






.hr { width:1200px; margin:0 auto; margin-top:80px}
.hr h1 { text-align:center; font-size:30px; line-height:30px;}
.hr .tac { font-size:18px; line-height:34px; width:1200px; margin:0 auto; color:#888; padding-top:30px; padding-bottom:50px; text-align:left; border-bottom:1px #ddd solid; padding-bottom:30px; margin-bottom:30px}
.hr .tac b { color:#333; padding-top:0px; display:block}

.hr .w100 { overflow:hidden; width:1200px; padding-bottom:40px}
.hr .w100 ul { width:1230px}
.hr .w100 ul li { float:left; width:410px}
.hr .w100 ul li h2 { font-size:18px; padding-bottom:10px}
.hr .w100 ul li h3 { padding-right:30px; font-size:14px; line-height:30px; color:#888; height:240px}


@media all and (max-width:1440px){
.hr { width:1080px;}
.hr h1 { font-size:24px;}
.hr .tac { font-size:16px; line-height:28px; width:1080px;}

.hr .w100 { overflow:hidden; width:1080px}
.hr .w100 ul { width:1110px}
.hr .w100 ul li { width:370px}
.hr .w100 ul li h2 { font-size:16px; padding-bottom:10px}
}
@media all and (max-width:1080px){
.hr { width:90%; margin-top:30px}
.hr h1 { font-size:18px;}
.hr .tac { font-size:14px; line-height:24px; width:auto;}

.hr .w100 { overflow:hidden; width:1080px}
.hr .w100 ul { width:1110px}
.hr .w100 ul li { width:370px}
.hr .w100 ul li h2 { font-size:16px; padding-bottom:10px}

.hr .w100 { width:auto}
.hr .w100 ul { width:auto}
.hr .w100 ul li { width:auto}
.hr .w100 ul li h2 { font-size:16px; padding-bottom:10px}
}




.bigimg{width:600px;position: fixed;left: 0;top: 0; right: 0;bottom: 0;margin:auto;display: none;z-index:9999;border: 10px solid #fff;}
.mask{position: fixed;left: 0;top: 0; right: 0;bottom: 0;background-color: #000;opacity:0.5;filter: Alpha(opacity=50);z-index: 98;transition:all 1s;display: none}
.bigbox{width:840px;background: #fff;border:1px solid #ededed;margin:0 auto;border-radius: 10px;overflow: hidden;padding:10px;}
.bigbox>.imgbox{width:400px;height:250px;float:left;border-radius:5px;overflow: hidden;margin: 0 10px 10px 10px;}
.bigbox>.imgbox>img{width:100%;}
.imgbox:hover{cursor:zoom-in}
.mask:hover{cursor:zoom-out}
.mask>img{position: fixed;right:10px;top: 80px;width: 60px; -webkit-transition:all .4s ease;-moz-transition:all .4s ease;transition:all .4s ease; text-decoration:none}
.mask>img:hover{ transform:rotate(180deg)}
.mask>img:hover{cursor:pointer}





.height10 { height:80px}
.nowsite { width:1200px; margin:0 auto; margin-top:20px; color:#aaa; font-size:12px; height:20px}
.nowsite a { color:#ccc}
.nowsite a:hover { color:#fff}



@media all and (max-width:1440px){
.nowsite { width:1080px;}
.height10 { height:80px}
}
@media all and (max-width:1080px){
.nowsite { width:auto; margin-top:0}
.height10 { height:60px}
}

.news_list .news_content { width:1200px; padding:30px 0; margin:0 auto}
.news_list .news_content .con_f { padding-bottom:20px; border-bottom:1px #eee solid}
.news_list .news_content .con_f h1 { font-size:24px; line-height:30px; padding-bottom:10px}
.news_list .news_content .con_f h3 { font-size:14px; color:#888; line-height:20px}

.news_list .news_content .con_c { padding:20px 0; font-size:16px; line-height:32px; color:#343434; min-height:300px}
.news_list .news_content .con_c p { padding-bottom:15px}
.news_list .news_content .con_c img { max-width:100%}

.news_list .news_content .con_b { padding-top:10px; border-top:1px #eee solid; text-align:right; color:#aaa; line-height:30px}


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

@media all and (max-width:1080px){
.news_list .news_content { width:90%;}
.news_list .news_content .con_f h1 { font-size:18px;}
}