@charset "utf-8";

html, body { overflow-x: hidden; }

* { margin: 0px; padding: 0px; list-style: none; }

body { font-size:12px; line-height: 24px; color: #232323;font-family:"Microsoft YaHei","瀵邦喛钂嬮梿鍛寸拨"; min-width:1024px; }

a { color: #232323; text-decoration: none; }

a:hover { color: #10cbcd; cursor: pointer; text-decoration: none; }

a,button,input{-webkit-tap-highlight-color:rgba(0,0,0,0);}

.fl { float: left; }

.fr { float: right; }

.c { clear: both; line-height: 0; overflow: hidden; zoom: 1; font-size: 0; content: '.'; }

h1, h2, h3, h4, h5, h6 { font-size: 100%; font-weight: normal; }

img { border: none; vertical-align: middle; }

input, select, textarea { font-family:"Microsoft YaHei","瀵邦喛钂嬮梿鍛寸拨";}

.wp { width: 1140px; margin: 0 auto;}



a,li,span{transition:all 0.3s;-moz-transition:all 0.3s;-webkit-transition:all 0.3s;-o-transition:all 0.3s;}



.header{ background:#000000; height:70px; width:100%; position:relative; z-index:1;}

.header .logo{ float:left;}

.header .logo img{ margin-top:5px; float:left;}

.header .nav{ float:left;}

.header .nav li{ float:left; padding:0 12px; position:relative; z-index:1;}

.header .nav li .fd{ display:block; overflow:hidden; position:relative;}

.header .nav li i{ padding:0 10px; font-size:20px; color:#fff; display:block; height:70px;line-height:70px; font-style:normal;filter:alpha(opacity=0);-moz-opacity:0;-khtml-opacity:0;opacity:0;}

.header .nav li span{ padding:0 10px; font-size:20px; color:#fff; display:block; height:70px;line-height:70px; position:absolute; left:0px; top:0px;transition:none;-moz-transition:none;-webkit-transition:none;-o-transition:none;}

.header .nav li em{ padding:0 10px; font-size:20px; display:block;color:#22f8fa; border-top:3px solid #22f8fa; height:67px; line-height:63px; font-style:normal; position:absolute; left:0px; top:70px;}

.header .nav li.on span{ display:none;}

.header .nav li.on em{ top:0px;}

.header .nav li .sub{ position:absolute; left:0px; top:70px; background:url(../images/ico_nav.png) repeat; overflow:hidden; width:100%; text-align:center; color:#fff; display:none;}

.header .nav li .sub a{color:#fff; font-size:14px; padding:0 5px; height:30px; line-height:30px; display:block;}

.header .nav li .sub a:hover{ color:#22f8fa; background:#333;}

.header.home{ background:url(../images/ico_nav.png) repeat; position:absolute; left:0px; top:0px;}

.header.home .nav li .sub{ background:url(../images/ico_navsub.png) repeat;}

.header .tel{ float:right;}

.header .tel img{ margin-top:5px; float:right;}





.banner{ position:relative; width:100%; overflow:hidden; margin-bottom:30px;}

.banner a{ display:block; height:700px; overflow:hidden; text-indent:-9999px; background-position:center top; background-repeat:no-repeat;}

.banner .banner_x{ position:absolute; left:0px; bottom:15px; width:100%; text-align:center;}

.banner .banner_x span{ display:inline-block; background:#fff; width:40px; height:4px; cursor:pointer; margin:0 4px;}

.banner .banner_x span.on{ background:#0cdddf;}



.footsm{ background:#10cbcd; padding:25px 0 30px 0; overflow:hidden; color:#fff; font-size:14px; margin-top:30px;}

.footsm .box{ width:480px;}

.footsm .bt{ font-size:18px; height:40px; line-height:40px; padding-bottom:20px;}

.footsm .bt span{ font-size:30px; font-weight:bold; padding-right:10px;}

.footsm .more{ width:188px; height:52px; line-height:52px; font-size:24px; border:2px solid #fff; margin-top:25px; overflow:hidden; display:block; text-align:center; color:#fff;}

.footsm .more:hover{ background:#fff; color:#10cbcd;}

.footsm dl{ overflow:hidden;}

.footsm dl dt{ float:left; width:165px; text-align:center; line-height:40px; margin-top:5px; font-size:16px;}

.footsm dl dd{ font-size:16px; line-height:30px; float:right; width:280px;}

.link{ padding:15px 0 5px 0; overflow:hidden;}

.link .bt{ font-size:18px; height:26px; line-height:26px;}

.link .bt span{ color:#10cbcd; padding-right:5px;}

.link ul{ overflow:hidden; margin-left:-10px; position:relative;}

.link li{ margin:5px 0 5px 10px; float:left;}

.link li a{ color:#6d6c6c;}

.link li a:hover{ color:#0cdddf;}

.copy{ padding:15px 0; overflow:hidden; border-top:1px solid #e5e5e5; text-align:center;}

.copy .kj{ display:inline-block; line-height:20px; color:#6d6c6c;white-space:nowrap;}

.copy .kj .fl{ margin-right:20px;}

.copy .kj .line{ display:block; height:10px;}



.neibj{ background:url(../images/bj_neiy.png) center 70px no-repeat;}



.neibt{ height:70px; overflow:hidden; padding:50px 0 30px 0; font-size:14px; color:#000;}

.neibt em{ font-style:normal; font-size:72px; float:left; margin-right:10px; display:block; height:70px; line-height:70px;}

.neibt span{ font-size:36px; display:block; line-height:46px;}



.w775{ width:775px;}

.w232{ width:232px;}



.pdtb30{ padding:30px 0;}



.menu{ padding:60px 0; overflow:hidden; margin-left:-6px; position:relative;}

.menu li{ margin:3px 0 3px 6px; width:108px; background:#49494e; height:32px; line-height:32px; float:left;-moz-border-radius:20px;-webkit-border-radius:20px;border-radius:20px; overflow:hidden; text-align:center; font-size:15px;}

.menu li a{ display:block; overflow:hidden; color:#fff;}

.menu li:hover,.menu li.on{ background:#02b1c1;}



.danye{ padding:20px 0; overflow:hidden;}



.page{ text-align:center; overflow:hidden; padding:10px 0;}

.page ul{ display:inline-block;}

.page li{ float:left; width:78px; height:38px; line-height:38px; text-align:center; border:1px solid #d9d9d9; overflow:hidden;margin:4px;-moz-border-radius:3px;-webkit-border-radius:3px;border-radius:3px; font-size:14px;}

.page li em{ font-size:12px; font-style:normal; padding:0 2px;}

.page li a{ display:block; overflow:hidden;}

.page li.on{ border:1px solid #10cbcd; background:#10cbcd;}

.page li.on a{ color:#fff;}



.fdkefu{ width:43px; border:1px solid #fff; border-bottom:none; position:fixed; left:50%; top:50%; margin:-70px 0 0 550px; z-index:999;-moz-box-shadow:0px 0px 10px #DDDDDD; -webkit-box-shadow:0px 0px 10px #DDDDDD; box-shadow:0px 0px 10px #DDDDDD;}

.fdkefu li{ border-bottom:1px solid #fff; overflow:hidden;}

.fdkefu li a{ display:block; overflow:hidden; height:43px; text-indent:-9999px; background-repeat:no-repeat; background-position:center center; background-color:#10cbcd;}

.fdkefu li a.ico_top{ background-image:url(../images/ico_fdlx1.png);}

.fdkefu li a.ico_qq{ background-image:url(../images/ico_fdlx2.png);}

.fdkefu li a.ico_ewm{ background-image:url(../images/ico_fdlx3.png);}

.fdkefu li a:hover{ background-color:#0fb1b3;}



.syser{ padding:20px 0; overflow:hidden;}

.syser .bt{ color:#7c7c7c; overflow:hidden; text-align:center; padding-bottom:20px;}

.syser .bt span{ font-size:30px; color:#000;}

.syser .bt p{ font-size:18px;}

.syser .bt em{ font-style:normal;}

.syser .kj{ border-top:1px solid #dedddc; border-bottom:1px solid #dedddc; overflow:hidden;}

.syser ul{ overflow:hidden; position:relative;}

.syser ul li{ float:left; width:256px; border-left:1px solid #dedddc; height:415px; overflow:hidden; margin-left:-1px; position:relative; text-align:center;}

.syser ul li img{ margin-top:55px; width:120px; height:110px;}

.syser ul li span{ color:#000; display:block; padding:10px 0 4px 0; font-size:24px;}

.syser ul li p{ color:#6b6969; display:block; padding:10px 38px; height:80px; overflow:hidden; text-align:left;}

.syser ul li em{ display:block; font-style:normal; font-size:14px;}

.syser ul li a{ display:block; width:172px; height:30px; background:url(../images/ico_an1.png) no-repeat; margin:0 auto; text-indent:-9999px; overflow:hidden;}

.syser ul li.on{ background:#10cbcd; color:#fff;}

.syser ul li.on span{color:#fff;}

.syser ul li.on p{color:#fff;}

.syser ul li.on a{ background:url(../images/ico_an1h.png) no-repeat;}



.sycase{ background:url(../images/bj_case.jpg) center bottom no-repeat; width:100%; height:840px; margin-top:10px;}

.sycase .more{ width:69px; height:69px; display:block; margin:0 auto; background:url(../images/ico_more.png) no-repeat; text-indent:-9999px; overflow:hidden;}

.sycase .bt{ color:#bcbbbb; text-align:center; overflow:hidden; margin-top:70px;}

.sycase .bt span{ font-size:30px; color:#000; display:block; line-height:40px;}

.sycase ul{ overflow:hidden; margin:10px 0 0 -32px; position:relative;}

.sycase ul li{ float:left; width:320px; text-align:center; overflow:hidden; margin:30px 0 0 32px;}

.sycase ul li .b{ height:40px; line-height:40px; overflow:hidden; display:block; font-size:18px;}



.synews{ overflow:hidden;}

.synews .bt{ color:#bcbbbb; text-align:center; overflow:hidden;}

.synews .bt span{ font-size:30px; color:#000; display:block; line-height:40px;}

.synews dl{ overflow:hidden; padding:30px 0 20px 0;}

.synews dl dt{ border:1px solid #e3e3e3; width:310px; height:339px; float:left; overflow:hidden;}

.synews dl dt .kj{ padding:10px; overflow:hidden;}

.synews dl dt .kj .b{ font-size:16px; display:block; height:24px; overflow:hidden; color:#10cbcd;}

.synews dl dt .kj p{ display:block; color:#5b5b5b; height:72px; overflow:hidden; padding-top:2px;}

.synews dl dt .kj .more{color:#fff; background:#10cbcd; padding:0 5px; display:block; height:20px; line-height:20px; float:right; margin-top:3px;}

.synews dl dd{ border:1px solid #e3e3e3; float:left; margin:0 0 10px 20px; width:314px; height:85px; padding:10px; overflow:hidden;}

.synews dl dd .t{ float:left; height:85px; overflow:hidden; margin-right:10px; font-size:14px; text-align:center;}

.synews dl dd .t span{ width:60px; height:60px; display:block; line-height:60px; color:#fff; font-size:30px; background:#10cbcd; margin-bottom:3px;}

.synews dl dd .b{font-size:16px; display:block; height:24px; overflow:hidden;}

.synews dl dd p{ display:block; color:#848383; line-height:20px; height:60px; overflow:hidden; padding-top:4px;}



.caselist{ overflow:hidden; margin-left:-16px; padding-bottom:30px; position:relative;}

.caselist li{ overflow:hidden; width:330px; height:225px; float:left; margin:8px 0 8px 16px; position:relative;}

.caselist li .f{ position:absolute; left:0px; top:0px; width:100%; height:165px; padding:60px 0 0 0; background:url(../images/ico_tmh8.png) repeat; color:#fff; font-size:36px; line-height:48px; text-align:center; display:none;}

.caselist li:hover .f{ display:block;}



.contact{ overflow:hidden;}

.contact .bt{ padding:30px 0; overflow:hidden; height:100px; line-height:100px; font-size:48px; color:#5d5c5c; text-align:center;}

.contact .js{ overflow:hidden;}

.contact .js dt{ width:448px; float:left; overflow:hidden;}

.contact .js dd{ width:540px; float:right; font-size:24px; line-height:36px; color:#5d5c5c; overflow:hidden;}

.contact .js dd p{ display:block; padding:10px 0; overflow:hidden;}

.contact .form{ overflow:hidden; width:842px; margin:0 auto;}

.contact .form li{ padding:8px 0; overflow:hidden; line-height:50px; width:100%;}

.contact .form li.fl,.contact .form li.fr{ width:402px;}

.contact .form li.c{ padding:0px;}

.contact .form li .tex{ width:820px; height:90px; padding:10px; font-size:18px; border:1px solid #dddddd; color:#a3a3a3; float:left;}

.contact .form li .inp{ width:380px; height:48px; padding:0 10px; font-size:18px; border:1px solid #dddddd; color:#a3a3a3; float:left;}

.contact .form li a{ font-size:14px;display:block; float:left; margin-left:15px;}

.contact .form li a img{ display:block; float:left; margin-right:10px;}

.contact .form li .sub{ background:url(../images/ico_sub.png) no-repeat; width:269px; height:60px; margin:30px auto 40px auto; display:block; color:#fff; font-size:30px; border:none;}



.tag{ overflow:hidden; border:1px solid #ececec; padding:7px 10px;}

.tag ul{ margin-left:-5px; position:relative; overflow:hidden;}

.tag ul li{ margin:3px 0 3px 5px; float:left;}

.tag ul li a{ font-size:14px; color:#797979; display:block; background:#eeeeee; overflow:hidden; padding:0 5px;}

.tag ul li a:hover{ background:#03dbd3; color:#fff;}



.newslist{ overflow:hidden; padding-bottom:10px;}

.newslist li{ margin-bottom:20px; overflow:hidden; padding:14px; border:1px solid #ececec; font-size:14px; color:#747474;}

.newslist li .b{ overflow:hidden; height:30px; line-height:30px; padding-bottom:6px;}

.newslist li .b a{ color:#000000; font-size:24px;}

.newslist li .b a:hover{ color:#10cbcd;}

.newslist li .b span{ float:right; color:#a0a0a0; padding-left:10px;}

.newslist li:hover{ background:#f4f4f4;}



.diynr1{ overflow:hidden; font-size:16px; line-height:30px; color:#454444;}

.diynr1 .fr{ padding-left:40px;}

.diynr1 .fl{ padding-right:40px;}

.diynr1 .b{ font-size:30px; height:66px; line-height:66px; color:#000; overflow:hidden;}

.diynr1 .bb{ overflow:hidden; color:#7e7d7d; padding:10px 0;}

.diynr1 .bb span{ font-size:30px; color:#000; line-height:40px; display:block; overflow:hidden;}



.diynr2{ overflow:hidden; font-size:14px; color:#717171;}

.diynr2 .fr{ padding:0 40px;}

.diynr2 .flj{ padding:0 40px; float:left;}

.diynr2 .b{ font-size:24px; color:#000; overflow:hidden; padding:20px 0;}

.diynr2 .b em{ font-style:normal; line-height:50px; color:#04cfc8; display:block;}

.diynr2 .b span{ font-size:30px;}

.diynr2 .bt{ overflow:hidden; color:#000; text-align:center; padding:10px 0;}

.diynr2 .bt span{ font-size:30px;display:block; overflow:hidden; line-height:40px;}



.diynr3{ overflow:hidden; font-size:14px; line-height:30px; color:#3f3f3f;}

.diynr3 .fr{ padding:0 40px;}

.diynr3 .b{ font-size:24px; color:#000; overflow:hidden; padding:20px 0; font-size:30px;}

.diynr3 .bcen{ font-size:24px; color:#000; overflow:hidden; padding:20px 0; font-size:30px; text-align:center; border-bottom:1px solid #ddd;}



.diynr4{ overflow:hidden; font-size:14px; color:#717171; background:#f9f9f9; padding:30px 0; margin:20px 0 30px 0;}

.diynr4 .bt{ overflow:hidden; color:#000; text-align:center; padding:10px 0;}

.diynr4 .bt span{ font-size:30px;display:block; overflow:hidden; line-height:40px;}



.tedianx{ overflow:hidden; margin:20px 100px;}

.tedianx li{ background:url(../images/ico_map.png) left center no-repeat; padding-left:50px; overflow:hidden; line-height:24px; margin:10px 0;}



.fuwuldx{ overflow:hidden; margin:20px 100px;}

.fuwuldx li{ width:42%; float:left; overflow:hidden; padding:0 4%;}

.fuwuldx li a{ display:block; overflow:hidden; line-height:98px; font-size:24px; padding-bottom:10px;}

.fuwuldx li a img{ float:left; margin-right:10px;}



.wzlix{ overflow:hidden; width:540px; float:right; margin-top:30px;}

.wzlix li{ border-bottom:1px dashed #ccc; line-height:36px; padding:10px 0; font-size:18px;}

.wzlix li em{ font-style:normal; float:left; display:block; font-size:30px; color:#02b1c1; padding-right:10px;}



.wzjsx{width:400px; float:left;text-align:right;}

.wzjsx dt{ overflow:hidden;padding:0 0 10px 0;}

.wzjsx dt span{ overflow:hidden;font-size:30px; color:#000; padding:20px 0; display:block;}

.wzjsx dd{ overflow:hidden; padding-right:50px; margin:10px 0;}

.wzjsx dd span{ color:#000; display:block; font-size:16px;}

.wzjsx dd.libj1{ background:url(../images/tu28.jpg) right center no-repeat;}

.wzjsx dd.libj2{background:url(../images/tu29.jpg) right center no-repeat;}

.wzjsx dd.libj3{background:url(../images/tu30.jpg) right center no-repeat;}

.wzjsx dd.libj4{background:url(../images/tu31.jpg) right center no-repeat;}



.dianpx{ overflow:hidden; margin-left:-51px; margin-top:30px;}

.dianpx li{ width:164px; float:left; margin:0 0 0 51px;}

.dianpx li .n{ min-height:130px; line-height:20px; overflow:hidden;}

.dianpx li .n span{ display:block; text-align:center; color:#0CC; font-size:18px; padding:10px 0; overflow:hidden; line-height:24px;}



.liuchengx{ overflow:hidden; margin-left:-28px; position:relative;}

.liuchengx li{ text-align:center; width:120px; margin-left:30px; float:left;}

.liuchengx span{ display:block; font-size:16px; color:#000; padding:10px 0 5px 0;}



.allp{ padding:10px 0; overflow:hidden; text-align:center;}

.allp img{ max-width:100%; height:auto;}



.about{ overflow:hidden; padding-bottom:50px;}

.about .bt{ text-align:center; overflow:hidden; padding-bottom:60px;}

.about .fr{ width:540px; font-size:14px; padding-top:10px;}

.about .fr .b{ height:32px; line-height:32px; display:inline-block; background:#04cfc8; font-size:18px; color:#fff; padding:0 20px; margin:20px 0;}

.about .fr .xun{ overflow:hidden; width:400px;}

.about .fr .xun li{ height:32px; line-height:32px; background:#ebebeb; font-size:16px; width:100px; margin:5px 25px 5px 0; text-align:center; float:left;}

.about .fr .xun li:hover,.about .fr .xun li.on{ background:#04cfc8;}

.about .fr .xun li:hover a,.about .fr .xun li.on a{color:#fff;}





.w675{margin-right:10px; width:1000px;}

.view_cs{ text-align:center;}

.fr{ float:right;}

.view_title{ text-align:center; font-size:16px; overflow:hidden; color:#000; line-height:30px;}

.view_cs span{ margin:0 10px;}

.view_body{ padding:10px 0 20px 0; overflow:hidden;}