@charset "utf-8";
body {font: normal 14px "微软雅黑"; margin:0; padding:0; color:#666}
p,span,dl,dd,dt,ol,ul,li,h1,h2,h3,h4,h5,h6,table,tr,td{ margin:0;}
input,textarea{font-family:"微软雅黑",Verdana, Geneva, sans-serif;font-size:14px;padding:5px;}
ul,li,a{ text-decoration:none; list-style:none;}
.main{ width:1200px; max-width:100%; margin:0 auto; position:relative; overflow:hidden;}
img{ max-width:100%;}

.banner{ width:100%; margin:0 auto}
#One_box{ width:100%; padding:20px 0; background:#ececec}
h1{ text-align:center; line-height:80px; background:url(../images/line.png) no-repeat bottom center; margin-bottom:30px}
.One{ overflow:hidden}
.One p{ width:155px; height:80px;font-size:14px;padding-top:120px; margin:0 5px; display:inline-block; overflow:hidden; position:relative}
.One p:hover{ color:#1a8386;}
.One p.a{ background:url(../images/One-1.png) no-repeat center top;}
.One p.b{background:url(../images/One-2.png) no-repeat center top;}
.One p.c{background:url(../images/One-3.png) no-repeat center top;}
.One p.d{ background:url(../images/One-4.png) no-repeat center top;}
.One p.e{background:url(../images/One-5.png) no-repeat center top;}
.One p.f{background:url(../images/One-6.png) no-repeat center top;}
.One p.g{background:url(../images/One-7.png) no-repeat center top;}
.One p.a:hover{background:url(../images/One-1a.png) no-repeat center top;}
.One p.b:hover{background:url(../images/One-2a.png) no-repeat center top;}
.One p.c:hover{background:url(../images/One-3a.png) no-repeat center top;}
.One p.d:hover{background:url(../images/One-4a.png) no-repeat center top;}
.One p.e:hover{background:url(../images/One-5a.png) no-repeat center top;}
.One p.f:hover{background:url(../images/One-6a.png) no-repeat center top;}
.One p.g:hover{background:url(../images/One-7a.png) no-repeat center top;}

#pro-bg{ margin-top:40px; background:url(../images/pro-bg.png) repeat-x;}
.product{ overflow:hidden}
.product-l{ float:left; width:137px}
.product-r{ float:right; width:1062px}
.product-r p{ padding-top:100px; background:url(../images/pro-p.png) no-repeat right top}
.product-r p span{ width:349px; height:222px; border:1px solid #000; display:inline-block}
.product-r p span:hover{ border:1px solid #1a8386}

.about{ margin-top:40px; overflow:hidden}
.about dl{ overflow:hidden}
.about dd{ float:left; width:446px; overflow:hidden; position:relative}
.about dt{ float:right; width:720px; font-size:16px; line-height:30px}

.Two{ margin-top:40px; overflow:hidden}
.Two-dl{ overflow:hidden; position:relative}
.Two-dl dl{ width:281px; height:351px; display:inline-block; margin:2px}
.Two-dl dd{ border:5px solid #f1f1f1}
.Two-dl dd:hover{ border:5px solid #1a8386}
.Two-dl dt{ margin-top:30px; line-height:45px; font-size:18px; text-align:center}

.Three{ margin-top:40px; overflow:hidden}
.Three p{ width:196px; height:595px; margin:0 0.01rem; display:inline-block;background:#d9d9d9;overflow:hidden}
.Three p:hover{ background:#1a8386; color:#fff}
.Three p span{ line-height:25px; margin:10px 10px; padding-top:287px; display:inline-block; }
.Three span.a{ background:url(../images/img11.png) no-repeat;}
.Three span.b{ background:url(../images/img12.png) no-repeat;}
.Three span.c{ background:url(../images/img13.png) no-repeat;}
.Three span.d{ background:url(../images/img14.png) no-repeat;}
.Three span.e{ background:url(../images/img15.png) no-repeat;}
.Three span.f{ background:url(../images/img16.png) no-repeat;}

.Fove{ margin-top:40px; overflow:hidden}
.Fove p{ overflow:hidden; margin-top:40px}
.Fove span{ width:235px; display:inline-block; line-height:45px; text-align:center; padding-top:80px; }
.Fove span.a{background:url(../images/Two-1.png) no-repeat top center;}
.Fove span.a:hover{background:url(../images/Two-1a.png) no-repeat top center;}
.Fove span.b{background:url(../images/Two-2.png) no-repeat top center;}
.Fove span.b:hover{background:url(../images/Two-2a.png) no-repeat top center;}
.Fove span.c{background:url(../images/Two-3.png) no-repeat top center;}
.Fove span.c:hover{background:url(../images/Two-3a.png) no-repeat top center;}
.Fove span.d{background:url(../images/Two-4.png) no-repeat top center;}
.Fove span.d:hover{background:url(../images/Two-4a.png) no-repeat top center;}
.Fove span.e{background:url(../images/Two-5.png) no-repeat top center;}
.Fove span.e:hover{background:url(../images/Two-5a.png) no-repeat top center;}
.Fove span.f{background:url(../images/Two-6.png) no-repeat top center;}
.Fove span.f:hover{background:url(../images/Two-6a.png) no-repeat top center;}
.Fove span.g{background:url(../images/Two-7.png) no-repeat top center;}
.Fove span.g:hover{background:url(../images/Two-7a.png) no-repeat top center;}
.Fove span.h{background:url(../images/Two-8.png) no-repeat top center;}
.Fove span.h:hover{background:url(../images/Two-8a.png) no-repeat top center;}
.Fove span.i{background:url(../images/Two-9.png) no-repeat top center;}
.Fove span.i:hover{background:url(../images/Two-9a.png) no-repeat top center;}
.Fove span.j{background:url(../images/Two-10.png) no-repeat top center;}
.Fove span.j:hover{background:url(../images/Two-10a.png) no-repeat top center;}

.Fives{ width:1200px; max-width:100%; margin:0 auto;position:relative; overflow:hidden}
.Fives-bg{ background:#303030; width:1200px;border-radius:5px; position:relative;margin-top:40px; float:left}
.cor01{ color:#ff4900}
.Fives-l{ float:left; width:480px; color:#fff; padding:40px; line-height:30px}
.Fives-l h2{ line-height:40px; border-bottom:1px solid #989898}
.Fives-l h3{ line-height:45px}
.Fives-r{ float:right; width:500px; padding-right:24px; font-size:16px}
.Fives-r-title{ border-radius:29px; width:365px; height:58px; line-height:48px; color:#fff; font-size:28px; font-weight:700; text-align:center; right:84px; top:-20px; position:absolute; background:#303030; z-index:9999}
.Fives-b{ margin-top:24px; maring-right:24px; border-top-right-radius:10px; border-top-left-radius:10px;background:#fff; padding:40px}
.Fives-b p{ line-height:45px; margin-top:10px;}
.Fives-b input{ border:1px solid #ccc; border-radius:5px; height:32px; line-height:40px; width:300px}
.Fives-b .but{ margin-left:80px; width:288px; height:42px;text-align:center; border:none; color:#fff; font-size:18px; background:linear-gradient(to left,#ffde00,#ff4b00)}
.Fives-b textarea{ border:1px solid #ccc; border-radius:5px; width:300px; height:80px}

.Show-bg{ margin-top:40px; padding:10px 0; width:100%; height:120px;background-image:linear-gradient(to right,#fff 30%,#1a8386 0); position:relative}
.Show-title{ float:left; width:15%; padding-top:50px; font-size:28px; font-weight:700; text-align:left; background:url(../images/blak.png) no-repeat left top #1a8386;}
.idx-adv{ width:100%;height:100px; position:relative; float:right; width:85%;overflow:hidden;}
.idx-adv ul{position:relative;overflow:hidden; padding:10px;}
.idx-adv li{ width:100%; float:left; line-height:30px; border-bottom:1px solid #dcdcdc;}
.idx-adv li span{ display:block}

.bottom-bg{width:100%;background:#303030; border-bottom:1px solid #707070; padding-bottom:40px;float:left}
.bottom{width:1200px; max-width:100%; margin:0 auto; position:relative;}
.bottom_l{position:absolute; top:-100px; padding-top:150px; width:200px; height:190px;background:#1a8386 url(../images/map.png) no-repeat center 10%;}
.bottom_l dl{ text-align:center}
.bottom_l dt{ line-height:35px; color:#fff}
.bottom_r{ padding-top:40px; width:1000px; float:right; position:relative;}
.bottom_r ul{ overflow:hidden}
.bottom_r li{ display:inline-block; padding:0 10px; font-weight:700}
.bottom_r li a{ color:#707070}
.bottom_r li a:hover{ color:#fff}
.bottom_r dl{ margin-top:40px; margin-left:10px}
.bottom_r dd{ float:left; width:283px; margin-top:20px}
.bottom_r dt{ margin-left:20px; float:left; width:640px; line-height:30px}
.bottom_r dt span{ display:block}
.fs01{ font-size:18px}


.footer{ background:#303030;line-height:45px; color:#707070; text-align:center; clear:none}










