@charset "utf-8";

/* CSS Document */
body, div,iframe, ul, ol, dl, dt, dd, li, dl, h1, h2, h3, h4, table,th, td, input, button, select, textarea {margin:0; padding:0;font-style: normal;font:12px/22px 'microsoft yahei',"\5B8B\4F53",Arial, Helvetica, sans-serif;}
ol, ul ,li{list-style-type:none;}
img {border: 0;}
body{color:#5d5d5d; background:#fff; }
.clear{clear:both;height:1px;width:100%; overflow:hidden; margin-top:-1px;}
a{color:#5d5d5d;text-decoration:none; } 
a:hover{color:#F00;}
.clear {display:block;clear: both;height:0;line-height:0;overflow:hidden;visibility: hidden;font-size:0px;}
.red ,.red a{ color:#F00;}
.blue ,.blue a{ color:#1E51A2;}
*{margin:0; padding:0}
.FF{overflow:hidden;*zoom:1;}
.fl{float:left;}
.fr{float:right;}
.blue{color:#0055a2;}
.noBg{background:none !important;}
@font-face {font-family: "iconfont";
          src: url('../fonts/iconfont.eot'); /* IE9*/
          src: url('../fonts/iconfont.eot#iefix') format('embedded-opentype'), /* IE6-IE8 */
          url('../fonts/iconfont.woff') format('woff'), /* chrome, firefox */
          url('../fonts/iconfont.ttf') format('truetype'), /* chrome, firefox, opera, Safari, Android, iOS 4.2+*/
          url('../fonts/iconfont.svg#iconfont') format('svg'); /* iOS 4.1- */
        }

        .iconfont {
          font-family:"iconfont" !important;
          font-style:normal;
          /*-webkit-font-smoothing: antialiased;
          -webkit-text-stroke-width: 0.2px;*/
          -moz-osx-font-smoothing: grayscale;
		  font-weight:normal;
        }
.alpic{*position:absolute;top:50%;left:50%;}
.alpic img{*position:relative;top:-50%;left:-50%;}

/*首页 头部*/
.header{ width:100%; height:auto; position:fixed; top:0; z-index:888888888888888888888888888888888888;}
.headerzw{ width:100%; height:88px; margin:0 auto;}
.t1{ width:100%; height:30px; background:#f7f7f7; margin:0 auto; }
.t1c{ width:1200px; height:29px; margin:0 auto;}
.t1z{ float:left; font-size:12px; color:#999; line-height:29px;}
.t1z span{color:#666;}
.t1y{ float:right;}
.t1y a {display:block;float:left;width:80px;height:29px;line-height:29px;padding-right:5px;margin-left:10px; position:relative; font-size:12px;color:#999;}
.t1y a:hover {color:#666;}
.t1y a i{ display:block; float:left; height:29px; width:29px; font-size:18px; line-height:29px; color:#999; text-align:center;}
.t1y a span {display:block;height:29px; float:left;}
#wxevm{ position:absolute; z-index:2222222222222222222; top:29px; left:0; border:#CCCCCC 1px solid; display:none;width:108px; height:108px; padding:10px; background:#FFFFFF;}
#wxevm img{ width:108px; height:108px;}

.t2{ width:100%; height:100px; margin:0 auto; background:#FFFFFF;}
.t2c{ width:1200px; height:auto; margin:0 auto;}
.logo{ height:77px; float:left; margin:10px 0 0 0;}
.logosm{ float:left; height:52px; line-height:24px; margin:20px 0 0 35px; color:#333; font-size:18px;}
.logosm span{ color:#993300; font-weight:bold;}
.tel{float:right; height:60px;margin-top:20px; margin-right:20px;}
.telicon{ float:left; width:40px; height:40px; background:#50BDF8; border-radius:20px; text-align:center; margin-top:6px;}
.telfont{ font-size:24px; color:#fff; line-height:40px;}
.telc{ float:left;height:50px; width:180px; margin-left:10px;}
.telc p{ display:block; float:left; font-size:13px; color:#666; line-height:16px; width:100%; margin-top:6px;}
.telc h8{ display:block;float:left; line-height:32px;font-size:24px; color:#9c221d; text-align:left; font-family: 'Book-Antiqua';}
.telc h6{ display:block;float:left; margin-top:3px; line-height:24px; font-size:24px; color:#9c221d; text-align:left; font-family: 'Book-Antiqua'; font-weight:normal;}
/*顶部电话*/

.shadow{-o-box-shadow:0 0 35px rgba(0,0,0,.1); -ms-box-shadow:0 0 35px rgba(0,0,0,.1); -moz-box-shadow:0 0 35px rgba(0,0,0,.1); -webkit-box-shadow:0 0 35px rgba(0,0,0,.1); box-shadow:0 0 35px rgba(0,0,0,.1);}


/*导航条*/
.t3{ width:100%; height:40px; margin:0 auto; background:#50BDF8;box-shadow: 0 2px 4px 0px rgba(0, 0, 0, 0.2); position:relative; z-index:99; }
.nav{width:1200px; height:40px;  margin:0 auto; }
.t-nav{width:100%; margin:0px auto; height:40px;  border-left: solid 1px #6CC9FB; }
.t-nav li {height:40px;float:left;position:relative; z-index:8; font-family:"Microsoft YaHei"; border-right: solid 1px #6CC9FB; }
.t-nav .cur a {color: #fff; background:#0BA7FB;}
.t-nav .on a {color:#fff; background:#0BA7FB;}
.t-nav li.last {background:none;}
.t-nav li a {color:#ffffff;display:inline-block;line-height:40px;padding:0 29px 0 30px; font-size:16px;font-family:"Microsoft YaHei"; }
.t-nav li a:hover,.t-nav li a.hover {color:#fff; background:#0BA7FB;}
.caret {display: inline-block;width:0;height: 0;margin-left: 2px;vertical-align: middle;border-top: 4px solid; border-right: 4px solid transparent;border-left: 4px solid transparent;}

.t-nav li .td-m {background:#fff;width:100%;position:absolute;overflow:hidden;top:40px;left:0;clear:both;text-align:center;display:none;padding:7px 0 0px 0; z-index:88888; }
.t-nav li .td-m a {background:none;display:block;margin:5px 10px 0 10px;color:#707070; font-size:14px; line-height:14px;padding:8px 0 8px 0; font-family:"Microsoft YaHei";}
.t-nav li:hover .td-m a.last {border:none;}
.t-nav li .td-m a:hover {background:none;background-color:#0BA7FB;color:#fff;}
.t-nav li:hover .td-m a { font-weight:normal;}
.t-nav li .td-m .dh {height:40px;}
.t-nav li .td-m p {height:15px; display:block; }
.ffyahei {font-family:"Microsoft YaHei",arial,verdana,sans-serif;}






/*首页背景幻灯片*/

.hdp{ width:100%; height:500px; margin:0 auto; background:#ccc; position:relative;min-width:1120px; }
.flexslider{position:relative;height:500px;overflow:hidden;background:url(../img/loading.gif) 50% no-repeat; margin:0 auto; width:100%; z-index:1;}
.slides{position:relative;z-index:2;}
.slides li{height:500px;}
.fudong{ width:100%; height:49px; bottom:0; left:0; background:url(../images/011.png) top repeat-x; position:absolute; z-index:88;}
.flex-control-nav{position:absolute;bottom:40px;z-index:9999;width:100%;text-align:center; }
.flex-control-nav li{display:inline-block;width:21px;height:21px;margin:0 8px;*display:inline;zoom:1;}
.flex-control-nav a{display:inline-block;width:21px;height:21px;line-height:40px;overflow:hidden;background:url(../img/dot.png) right 0 no-repeat;cursor:pointer; text-indent:-99999px;}
.flex-control-nav .flex-active{background-position:0 0;}
.flex-direction-nav{position:absolute;z-index:9999;width:100%;top:30%;}
.flex-direction-nav li a{display:block;width:65px;height:129px;overflow:hidden;cursor:pointer;position:absolute;}
#hdpa{ display:block; width:100%; height:100%;}
.flex-direction-nav li a.flex-prev{left:60px;background:url() center center no-repeat;}
.flex-direction-nav li a.flex-next{right:60px;background:url() center center no-repeat;}

/*主体*/
.sboxbg{ width:100%; height:auto; overflow:hidden; margin:0 auto; background:#f7f7f7;min-width:1120px;}
.sboxk{ width:100%; height:auto; overflow:hidden; margin:0 auto;min-width:1120px;}
.rel{ position:relative;}
.abs{ position:absolute;}
.h360{ height:280px;}
.dbgtl{ width:100%; height:auto; overflow:hidden; position:absolute; top:0; left:0; z-index:8;}
.fdbg{ width:100%; height:80px; position:absolute; z-index:1; top:0; left:0; background:#0077bb;}
.sbox{ width:1200px; height:auto; overflow:hidden; margin:0 auto;}
.sboxc{ width:1200px; height:auto; overflow:hidden; margin:0 auto;}
.jjtro{ width:664px; height:auto; float:left;}
.sbt{ width:100%; height:42px; float:left; border-bottom:#ff3300 1px solid;}
.sbt h1{ display:block; float:left; font-size:16px;color:#fff; padding:0 20px 0 20px; line-height:42px; height:42px; background:#0077bb;}
.sbt span{ display:block; float:left; font-size:12px; color:#c9c9c9;font-family: "Times New Roman", Times, serif, HELVETICANEUELTPRO-THEX, "微软雅黑"; line-height:20px; margin-top:18px; margin-left:10px;}
.bro1{ border-bottom:#0077bb 1px solid;}
.more{ display:block; float:right; font-size:14px; color:#5d5d5d; line-height:56px;}
.lmtl2{ width:100%; height:98px; overflow:hidden; margin:0 auto; background:url(../images/02.png) top center no-repeat;}
.lmtl2 h1{ width:100%; text-align:center; font-size:26px;  color:#50BDF8; font-weight:bold; padding:20px 0 0 0;}
.lmtl2 p{ width:100%; text-align:center; font-size:24px; color:#333; height:30px; line-height:20px; padding-top:10px;}
.lmtl6{ width:100%; height:98px; overflow:hidden; margin:0 auto; background:url(../images/02.png) top center no-repeat;}
.lmtl6 h1{ width:100%; text-align:center; font-size:26px;  color:#50BDF8; font-weight:bold; padding:20px 0 0 0;}
.lmtl6 p{ width:100%; text-align:center; font-size:24px; color:#fff; height:30px; line-height:20px; padding-top:10px;}
.lmtl5{ width:100%; height:98px; overflow:hidden; margin:0 auto; background:url(../images/022.png) top center no-repeat;}
.lmtl5 h1{ width:100%; text-align:center; font-size:26px;  color:#ae3437; font-weight:bold; padding:20px 0 0 0;}
.lmtl5 p{ width:100%; text-align:center; font-size:24px; color:#fff; height:30px; line-height:20px; padding-top:10px;}
.tlan{ width:100%; height:auto; overflow:hidden; margin:0 auto; padding:20px 0 0 0;}
.tlan a{ width:150px; height:40px; border-radius:5px; line-height:40px; font-size:14px; text-align:center; color:#FFFFFF; background:#50BDF8; margin:0 auto; display:block;}
.tlan a:hover{ background:#0BA7FB;}

/*特点*/
.fwxm{ width:1200px; height:auto; overflow:hidden; margin:0 auto;}
.fwxm li{ width:33.3%; height:220px; float:left; text-align:center; }
.fwxm li h2{ display:block; width:100px; height:100px; margin:0 auto; line-height:100px; text-align:center;background:#50BDF8; color:#fff;border-radius:54px;  }
.fwxm li span{color:#fff; font-size:50px;font-weight:normal;}
.fwxm li h3{ display:block; width:80%; height:auto; overflow:hidden; margin:0 auto; line-height:180%; color:#fff; font-size:18px; padding:12px 0 12px 0; }
.fwxm li p{ display:block; width:70%; height:auto; overflow:hidden; margin:0 auto; line-height:150%; color:#7a7a7c; font-size:14px; }
.fwxm li a:hover h2{ background:#50BDF8; color:#fff;border-radius:54px;}
.fwxm li a:hover span{color:#fff; font-size:50px;}
.fwxm li a:hover h3{ color:#50BDF8;}
#mr0{ margin-right:0;}

.fwbg1{ background:#50BDF8;}
.fwbg2{ background:#e72a86;}
.fwbg3{ background:#87b918;}
.fwbg4{ background:#f0a122;}
.fwbg5{ background:#1892c5;}
.fwbg6{ background:#18a966;}
.fwbg7{ background:#0f869a;}
.fwbg8{ background:#3481d3;}
.fwbg9{ background:#4a97cf;}
.fwbg10{ background:#d47113;}

.fwxm2{ width:1200px; height:auto; overflow:hidden; margin:0 auto;}
.fwxm2 li{ width:179px; height:180px; float:left; margin-right:75px;  text-align:center; }
.fwxm2 li h2{ display:block; width:100px; height:100px; margin:0 auto; border-radius:54px; line-height:100px; text-align:center;}
.fwxm2 li span{color:#fff; font-size:36px;}
.fwxm2 li h3{ display:block; width:140px; height:auto; overflow:hidden; margin:0 auto; line-height:180%; color:#333; font-size:17px; padding:12px 0 12px 0; }
.fwxm2 li p{ display:block; width:160px; height:auto; overflow:hidden; margin:0 auto; line-height:150%; color:#999; font-size:12px; }
.fwxm2 li a:hover h2{ background:#50BDF8; color:#fff;border:#50BDF8 4px solid;}
.fwxm2 li a:hover span{color:#fff; font-size:50px;}
.fwxm2 li a:hover h3{ color:#50BDF8;}



.tedian{ width:150px; height:auto; overflow:hidden; float:left; }
.tedian a{ display:block; width:130px; height:180px;background:#50BDF8; border-radius:8px; margin:0 auto;  }
.tdpic{width:80px; height:80px; text-align:center;border-radius:40px; background:#FFFFFF; float:left; margin:25px 0 0 25px;}
.tdpic span{ line-height:80px; color:#666;font-size:40px;}
.tedian h1{ display:block; float:left; width:80px; margin-left:25px; line-height:20px; text-align:center; font-size:16px; color:#fff; padding:20px 0 4px 0;}
.tedian a:hover{background: #FF3300;}
.tedian a:hover .tdpic span{color: #FF3300;}

/*公司简介*/
.jjbg{ background:url(../images/18.jpg) top center no-repeat #fff;}
.jjk{ width: 1200px;height: auto;overflow: hidden; margin:0 auto;}
.jjpic{ width:520px;float:left; height:420px; overflow:hidden; }
.jjc{ width:600px; height:420px; overflow:hidden; float:left; background:#131313; padding-left:80px; }
.jjbt{ width:520px; float:left;}
.jjbtz{ float:left; width:400px;}
.jjbtz p{display:block; float:left; width:100%; height:14px; line-height:14px; font-size:12px; color:#999999; padding-top:20px;}
.jjbtz h1{ display:block; float:left; width:100%; padding:60px 0 10px 0; line-height:28px; font-size:24px;  color:#fff;}
.jjbtz h1 span{ color:#50BDF8;}

.jjbtmore{ display:block; float:left; margin:36px 0 0 0; height:30px; background:#50BDF8; border-radius:15px; color:#fff; line-height:30px; text-align:center; padding:0 20px 0 20px;}
.jjbtmore:hover{ background: #0BA7FB; color:#fff;}
.jjcontent{ width:520px; height:auto; overflow:hidden; float:left; line-height:32px; font-size:14px; margin:15px 0 0 0;}


/*产品展示*/
.tmxian{ width:1200px; height:30px; margin:0 auto;}
.cpmenu{ width:260px; height:auto; overflow:hidden; float:left; background:#fff;}
.cpbt{ width:260px; height:75px; float:left;background:#00978c;}
.cpbt h1{ width:100%; height:26px; line-height:26px; font-size:26px; color:#FFFFFF; text-align:center; float:left; margin-top:15px;}
.cpbt p{ width:100%; height:14px; line-height:14px; font-size:12px; color:#d7ffda; text-align:center; float:left; margin-top:5px;}
.dalei{ width:180px; height:40px; border-bottom:#D2D2D2 1px solid; line-height:40px; float:left; margin:20px 0 0 20px;}
.dalei a{ font-size:18px; color:#007CC6;}
.xiaolei{ width:230px; height:auto; overflow:hidden; float:left; margin:10px 0 0 20px;}
.xiaolei a{ width:210px; height:40px; line-height:40px; background:url(../img/pro_ic2.png) left center no-repeat; padding-left:12px;font-size:14px; color:#666666; display:block; float:left;}
.xiaolei a:hover{ color:#00aa14;}
.kong20{ width:100%; height:20px; float:left;}
.cpc{ width:920px; float:right;}

/* 首页产品中心 */
.pro{width:920px; float:left;background: #fff;height:390px;overflow: hidden;padding: 0}
.pro ul{width: 9999%}
.pro ul li{float: left;width: 920px;height:390px;position:relative;}
.pro .spWarp{position: absolute;left: 30px;bottom: 25px;}
.pro .sp{width: 32px;height:4px;float: left;margin-right: 5px;background: #fff;display: block;cursor: pointer;}
.pro .sp.on{background: #FBA907}
.pro .imgBg{left:0;top:0;border:0; height:390px; width:533px;}
.pro .proInfo{width:400px;height:390px; background:#fff;right:0;top:0;overflow: hidden;}
.pro .proWarp{margin:30px;width:340px;}
.pro .proWarp h1{font-size:16px;font-weight: normal;color: #fff;padding-left: 10px}
.pro .proLogo{padding-top:10px; font-size:24px; line-height:28px; color:#00aa14;}
.pro .proTitle{font-size: 14px; padding:15px 0 15px 0; line-height:16px;color: #999;margin-bottom: 10px;}
.pro .proOverview{margin-top: 15px; line-height:24px;font-size: 12px;color: #666; height:180px;}
.pro .abiaoq{ border:1px #009e13 solid; color:#009e13; font-size:14px; width:100px; height:28px; padding-left:16px;}
.absolute {position: absolute;}
.relative {position: relative;}
.proInfo .png{ background:url(../img/stt.png) left bottom no-repeat;}


/*产品列表*/
.cplb{ width:920px; height:auto; overflow:hidden; float:left; margin-top:20px;}
.cplb ul{ float:left;}
.cplb li{ width:213px; height:280px; float:left; margin:0 22px 22px 0; background:#fff;}
.cplb li h1{ display:block; float:left; width:213px; height:150px; float:left;}
.cplb li h1 img{ display:block; float:left; margin:8px; width:197px; height:134px;}
.cplb li h2{ display:block; float:left; width:193px; height:40px;border-bottom:1px solid #f1f1f1; line-height:40px; float:left; background:#f7f7f7; font-size:14px; text-align:center; color:#333; margin-left:10px;}
.cplb li h3{ display:block; float:left; width:173px; height:auto; overflow:hidden; margin:10px 0 0 20px; color:#999; font-size:12px; line-height:18px; }
#mr0{ margin-right:0;}

/*首页联系方式*/


.zlxfs1{ width:260px; height:auto; overflow:hidden; float:left;  background:#FFFFFF;}
.zclxfs1{ width:220px; height:auto; overflow:hidden; float:left; margin:10px 0 0 20px; }
.lxtu1{ width:260px; height:60px; float:left; position:relative; background:#00978c;}
.kfpic1{ width:110px; height:87px; position:absolute; left:20px; bottom:0; z-index:2;}
.lxbt1{ width:100px; float:right; margin-right:20px; height:87px; text-align:right;}
.lxbt1 h1{ display:block; width:100%; font-size:20px; color:#FFFFFF; padding:12px 0 2px 0;  }
.lxbt1 p{ display:block; width:100%; font-size:12px; color:#8ec8c5;line-height:14px;}



/*特点*/
.bggc{ background:url(../images/09.jpg) top center no-repeat #00800f;}

.section2{height: 160px;overflow: hidden; text-align: center; }
.section2 h1{text-align:center; padding:40px 0 20px 0; font-size:32px; color:#FFFFFF; font-weight:bolder; margin:0 auto; display:block;}
.section2 p{ padding:20px 0 50px 0;color:#b7cee7;  margin:0 auto; display:block; height:auto; overflow:hidden;}
.section2 ul{overflow: hidden; margin:0 auto;}
.section2 li{float:left;width: 160px; height:160px; border-radius:80px;  color: #fff; background:#019a3f;margin:0 50px 0 150px; transition: all 0.5s ease-in-out 0s; -moz-transition: all 0.5s ease-in-out 0s; -webkit-transition: all 0.5s ease-in-out 0s; -o-transition: all 0.5s ease-in-out 0s; -ms-transition: all 0.5s ease-in-out 0s; cursor: default; }
.section2 li:hover{background-color: #f4c405;color: #019a3f;}

.section2 li h2{ font-size: 42px; margin-bottom:12px; color: #fff;transition: all 0.5s ease-in-out 0s; -moz-transition: all 0.5s ease-in-out 0s; -webkit-transition: all 0.5s ease-in-out 0s; -o-transition: all 0.5s ease-in-out 0s; -ms-transition: all 0.5s ease-in-out 0s; margin-top:60px; font-family:Arial, Helvetica, sans-serif;}
.section2 li p{ font-size: 14px; padding:0; margin: 0 !important;color: #fff; transition: all 0.5s ease-in-out 0s; -moz-transition: all 0.5s ease-in-out 0s; -webkit-transition: all 0.5s ease-in-out 0s; text-align:center; -o-transition: all 0.5s ease-in-out 0s; -ms-transition: all 0.5s ease-in-out 0s; }
.section2 li:hover p,.section2 li:hover h2{color: #fff;}

.lmtl3{ width:100%; height:auto; overflow:hidden; margin:0 auto; background:url(../images/011.png) center 20px no-repeat;}
.lmtl3 h1{ width:100%; text-align:center; font-size:26px;  color:#333; padding:20px 0 0 0;}
.lmtl3 h1 span{ color:#999; font-family:Arial, Helvetica, sans-serif; font-size:28px;}
.lmtl3 p{ width:100%; text-align:center; font-size:14px; color:#666; padding:10px 0 0 0;}
.yssm{ width:800px; margin:0 auto; height:auto; overflow:hidden;padding:40px 0 40px 0; color:#FFFFFF; line-height:24px; font-size:16px; text-align:center; }





.lmtl{ width:100%; height:auto; overflow:hidden; margin:0 auto;background:url(../images/011.png) center 25px no-repeat;}
.lmtl h1{ width:100%; text-align:center; font-size:30px; font-weight:bold; color:#00aa14; padding:20px 0 0 0;}
.lmtl h1 span{ color:#fff}
.lmtl p{ width:100%; text-align:center; font-size:13px; color:#fff; padding:10px 0 0 0;}
.casefl{ width:100%; height:auto; overflow:hidden; margin:0 auto; text-align:center;}
.casefl a { position: relative; display: inline-block; margin-left: 10px; padding: 6px 25px;  color: #898989;  transition: all .3s ease-out 0s; border-radius:18px; border:#CCCCCC 1px solid; }
.casefl a:after { position: absolute; margin-top: 7px; margin-left: 25px; width: 10px; height: 1px; background-color: #dbdbdb;}
.casefl a:last-of-type:after { width: 0; height: 0 }
.casefl a.active,.casefl a:hover { background-color: #d10005; color: #fff }
.casefl a.active{ background-color: #d10005;}
.casec{ width:100%; height:auto; overflow:hidden; margin:0 auto;}
.casec ul li:hover img{-webkit-transform:scale(1.1); -moz-transform:scale(1.1); transform:scale(1.1);}
.casec ul li{ position:relative;}
.gks{ color:#9b9b9b; font-size:14px; font-family:"微软雅黑"; height:40px; line-height:55px; text-align:center;}
.casec ul li:hover .titl{ background-color:#262626; color:#fff; opacity:1; width:288px;}
.casec li a:hover{ opacity:1;}
.casec ul{width:100%; overflow:hidden; float:left;}
.casec ul li{float:left;width:288px; height:258px; text-align:center; margin-right:15px; margin-top:20px;}
.casec ul li a{display:block; background:#fff; -webkit-transition:0.3s; -moz-transition:0.3s; transition:0.3s;}
.casec ul li article{position:relative; width:288px; height:220px;  overflow:hidden;border:solid 1px #e1e1e1;}
.casec ul li article img{position:absolute; top:0; left:0; width:100.5%; height:220px; -webkit-transition:0.3s; -moz-transition:0.3s; transition:0.3s; -webkit-transform:translate3d(0,0,0); -moz-transform:translate3d(0,0,0); transform:translate3d(0,0,0); }
.casec ul li article summary{width:100%; height:50px; position:absolute; bottom:-50px; left:0; line-height:50px; color:#a9a9a9; background:rgba(0,0,0,0.5); background:#666; text-align:left; text-indent:20px; z-index:3; -webkit-transition:0.3s; -moz-transition:0.3s; transition:0.3s;}
.casec ul li h5{line-height:24px; font-size:18px; color:#333; padding-top:16px; -webkit-transition:0.3s; -moz-transition:0.3s; transition:0.3s;}
.casec ul li span{line-height:22px; font-size:14px; color:#999; display:block; padding-bottom:18px; -webkit-transition:0.3s; -moz-transition:0.3s; transition:0.3s;}
.casec li a .titl{border:solid 1px #e1e1e1; border-top:none; font-family:"微软雅黑"; font-size:14px; line-height:38px; text-align:center; display:block; color:#fff; margin-top: -1px; position: relative;z-index: 0;width: 288px; background:rgba(0,0,0,0.5); background:#666;}
.casec li a:hover .titl{ color:#fff; background:rgba(0,0,0,0.5); background: #50BDF8;}
.casec li a p {border:solid 1px #e1e1e1; height:78px; float:left; background-color:#f1f1f1; line-height:28px; font-size:12px; text-align:left; padding-left:20px; padding-right:20px; padding-top:20px;border-top:none; border-bottom:solid 1px #dedede;}
.casec li a{ color:#333;}
.casec ul{ margin-top:5px;}
#mr0{ margin-right:0;}
#bg0{ background:none;}

/*通栏背景*/
.tlbg{ width:100%; height:488px; background:url(../images/06.jpg) center no-repeat; overflow:hidden; margin:0 auto;}
/*优势*/
.ys{ background:url(../images/03.png) top center no-repeat; height:458px;}

.ys ul{ margin:70px auto; overflow:hidden; padding-top:30px;}
.ys ul li{ float:left;position:relative;}
.l1{ width:336px;}
.l2{ width:238px;}
.l3{ width:333px;}
.l4{ width:249px;}
.ys ul li h5{ font-size:20px;color:#fff;text-align:center; display:block; padding:30px 0 15px 0;margin:0 auto; font-weight:bold;}
.ys ul li i{ font-size:12px; line-height:24px; color:#fff;text-align:center; display:block; font-style:normal;}


/*表单 二维码*/
.dbly{ width:670px; height:auto; overflow:hidden; float:left;}
.biaoti{ width:100%; float:left;}
.biaoti h1{ font-size: 18px; color:#474747; display:block; float:left;}
.biaoti span{ display:block; float:left; padding-top:4px; font-size:12px; margin-bottom:22px; margin-left:20px; color:#a5a5a5; }
.biaoti p{ display:block; float:left; font-size:13px; line-height:24px; color:#848484; width:100%;}
.demand_table { width:685px; float:left; }
.demand_table .row { width:100%; clear:both; }
.demand_table label { position:relative; float:left; margin-top:25px; margin-right:12px; display:block; }
.ml12{ margin-left:12px;}
.demand_table label span { position:absolute; left:15px; top:10px; font-size:14px; color:#999; }
.demand_table .txt { border:1px solid #d9d9d9; padding:10px 15px; background:#FAFAFA; }
.demand_table .txt:focus { background:#FFF; }
.demand_table .txt.w1 { width:170px; height:20px; line-height:20px; font-size:14px;}
.demand_table .txt.w2 { width:622px; height:86px; line-height:20px; font-size:14px;}
#frombtn { float:left; display:block; width:150px; height:44px; padding:0 11px; margin-top:23px; line-height:44px; vertical-align:middle; cursor:pointer; text-align:center; font-size:15px; color:#fff; border:0; background:#F74848; border-radius:2px; }
#frombtn:hover{ filter:Alpha(opacity=80); opacity:0.8; }
.demand_table .row p.xin { float:right; margin-top:20px; margin-right:15px; color:#666; line-height:44px; font-size:14px; }
.demand_table .row p.xin a { color:#F74848; }
.demand_table .row p.xin a:hover { text-decoration:underline; }
form .placeholder { color: #222;} 
.w288{ width:288px;float:right;}
.dbevm{ width:416px; float:right;}
.evmc{ width:100%; height:auto; overflow:hidden; text-align:right; margin-top:25px; float:left;}
.evmc img{ width:236px;}
#fr{ float:right;}
.textfr{ text-align:right;}
.bghui{ background:#f5f5f5;}


/*新闻中心*/
.news{ width:1200px; height:auto; overflow:hidden; margin:0 auto;}
.newsz{ width:536px; height:auto; overflow:hidden; float:left;}
.newsbt{ width:536px; height:60px; border-bottom:#f1f1f1 1px solid;}
.newsbt h1{ display:block; float:left; line-height:50px; font-size:18px; color:#333;}
.newsbt span{ display:block; float:left; line-height:20px; font-size:12px; color:#c4c4c4; margin:20px 0 0 20px;}
.more3{ display:block; float:right; line-height:30px; height:30px; font-size:12px; color:#666;border-radius:15px; padding:0 20px 0 20px; margin:10px 10px 0 0;}
.more3:hover{ color:#fff; background:#296fb7;}


/*公司新闻*/
.newsfirst{ width:536px; height:auto; overflow:hidden; float:left;}
.newsfirst h1{ width:536px; height:300px; float:left; }
.newsfirst h2{ display:block; float:left; width:536px; height:40px; line-height:40px; float:left; margin-top:12px; line-height:40px;}
.newsfirst h2 a{ color:#000; font-size:16px; font-weight:bold;}
.newsfirst h2 a:hover{ color:#FF6600; text-decoration:underline;}
.newsfirst p{ display:block; float:left; line-height:24px; color:#999999; font-size:12px; width:520px;}

/*行业新闻*/
.newsy{ width:616px; float:right; background:#FFFFFF; padding:15px;}
.newslb{ width:618px; height:80px; float:left; margin:20px 20px 0 20px;}
.snewspic{ width:80px; height:60px; float:left; margin-left:20px;}
.newsc{ width:380px; height:70px; float:left; margin-left:20px; font-size:12px;}
.newsc a{ width:380px; height:20px; display:block; float:left; line-height:20px;color:#333; font-size:16px; }
.newsc a:hover{ color:#CC0000; text-decoration:underline;}
.newsc p{ display:block; float:left; line-height:18px; color:#999999; font-size:12px; padding-top:6px; }
.sj1{ width:60px; height:60px; float:left;}
.sj1 h1{ display:block; float:left; width:100%; text-align:center; padding-top:10px; line-height:28px; font-size:28px; font-family:Arial, Helvetica, sans-serif;  color:#5B5B5B; font-weight:bold;}
.sj1 h2{ display:block; float:left; width:100%; text-align:center; height:12px;  font-size:12px; color:#999; font-family:Arial, Helvetica, sans-serif;}

.xbiaoti{ height:50px;}
.xbiaoti h1{ display:block; float:left; line-height:50px; color:#006789; font-size:18px; font-weight:bold;}

/*成功案例*/
.rongyu{ width:1200px; height:auto; margin:0 auto;}

.case{ width:1100px; height:320px; position:relative;margin:0 auto; }
.case li{width:232px; height:300px; float:left;margin:0 20px 0 20px; background:#fff; border:#f2f2f2 1px solid;} 
.case .hd{overflow:hidden; -moz-user-select: none;-webkit-user-select: none;-ms-user-select: none;-khtml-user-select: none;user-select: none;}
.case .hd .prev{ width:50px; height:50px; position:absolute; left:-50px; top:100px; background:url(../img/case_tab_l.png) no-repeat; cursor:pointer; z-index:888888;}
.case .hd .next{ width:50px; height:50px; position:absolute; right:-50px; top:100px; background:url(../img/case_tab_r.png) no-repeat; cursor:pointer;z-index:888888;}
.case .bd ul{ overflow:hidden; zoom:1; float:left; margin-left:80px;}


.alnm1{width:232px;  height:140px; color:#333; overflow:hidden; float:left; background:#f2f2f2; }

.alnm1 h1{ display:block; width:200px; margin:0 auto; padding:20px 0 10px 0; font-size:14px; color:#333; line-height:18px;}
.alnm1 p{ display:block; width:200px; margin:0 auto; padding:10px 0 10px 0; font-size:12px; color:#666; line-height:18px;}

.ver_pic1{width:232px;height:172px;text-align:center;position:relative;display:table-cell;vertical-align:middle; background:#FFFFFF;}
.jiantou{ position: absolute; bottom:0; right:10px; z-index:8;}

.lan{ background:#f3f5f6;}


/*客户案例*/
.kehu{ width:1164px; height:auto; overflow:hidden; margin:0 auto;}
.i-customerlist {margin:0 -10px 36px 0;float:left;border-top:1px dotted #cccccc;border-left:1px dotted #cccccc;}
.i-customerlist li {border:1px dotted #cccccc;width:165px;height:88px;float:left;margin:-1px 0 0 -1px; background:#FFFFFF;}
.i-customerlist li img{ width:145px; height:60px; display:block; float:left; margin:10px 0 0 10px;}



/*友情*/
.yqbg{ width:100%; height:auto; overflow:hidden;}
.youqing{ width:1200px; height:auto; overflow:hidden; margin:30px auto; background:#f5f5f5;}
.youqing h1{ height:100%; font-size:15px; color:#fff; background:#50BDF8; float:left; padding:20px; position:relative;}
.youqing h1:before{
   content: '';
    position: absolute;
    top: 42%;
    right:-4px;
    width: 7px;
    height: 7px;
    border-top: 7px solid #50BDF8;
    border-right: 7px solid #50BDF8;
    transform: rotate(45deg);
}
.youqing p{ float:left; height:auto; overflow:hidden; display:block; float:left;padding:20px;}
.youqing a{ display:block; float:left; line-height:22px; margin-right:10px; color:#74777C; font-family:Microsoft YaHei,LiHei Pro;font-size:12px;}
.youqing a:hover{ color:#000;}



/*底部*/
.d1{ width:100%; height:auto; overflow:hidden; background:#282828; margin:0 auto;}
.dboxleft{ float:left; width:420px; border-right:#373737 1px solid; height:auto; overflow:hidden;}
.dboxright{ float:right; height:168px;}
.dboxcenter{ float:left; width:520px; float:left; border-right:#373737 1px solid;height:168px;margin-left:40px;}
/*联系方式*/
.dboxbt{ width:400px; height:auto; overflow:hidden; float:left;}
.dboxbt i{ display:block; width:38px; height:38px; border-radius:19px; float:left; background: #373737; text-align:center; line-height:38px; font-size:24px; color:#666; font-weight:normal; font-style:normal;}
.dboxbtc{ width:320px; float:left; margin-left:12px;}
.dboxbt h1{ display:block; float:left; font-size:12px;color:#666; line-height:20px; width:100%;}
.dboxbt span{ display:block; float:left; width:100%; font-size:12px; color:#666;font-family: "Times New Roman", Times, serif, HELVETICANEUELTPRO-THEX, "微软雅黑"; line-height:16px; }
.dboxbt p{ display:block; float:left; width:100%; font-size:16px; color:#bdbdbd; padding:10px 0 10px 0; line-height:20px;}
.dboxlx{ width:88%; float:left; line-height:23px; color:#8d8d8d; font-size:13px; margin-top:15px;}
.dboxlx a{ padding:0 10px 0 0; text-decoration:underline;color:#8d8d8d;}

/*底部导航*/
.dnav{ float:left;  float:left; height:168px; margin-top:10px;}
.dnav dt{width:100%; float:left; height:30px; font-size:15px; color:#bdbdbd; font-weight:bold;}
.dnav dd{ float:left;margin-top:12px; width:120px; }
.dnav dd a{color:#666666;line-height:20px; font-size:12px; display:block; float:left; }
.w230{ width:240px;}
.dnav dd a:hover{color:#fff; text-decoration:underline;}
.d2{ width:100%; height:40px; background:#202020; margin: 0 auto;}
.dbox{ width:1200px; height:auto; overflow:hidden; margin:0 auto; font-size:12px; color:#666; line-height:40px;}
.dbox p{ display:block;}

.dtelc{ float:left;height:60px; width:320px; margin-top:6px;}
.dtelc h8{ display:block;float:left; line-height:22px; height:auto; overflow:hidden; font-size:20px; color:#bdbdbd; text-align:left; width:100%; font-family:Arial, Helvetica, sans-serif;}
.dtelc .bd{width:240px; height:60px; float:left;}
.dtelc .bd ul{ overflow:hidden; zoom:1; }
.dtelc .bd ul li{ float:left; _display:inline; overflow:hidden; text-align:center;}

.devm{ float:right; height:168px;}
.devm ul{ float:left;}
.devm ul li{ float:right; width:128px; height:168px; background:#FFFFFF; margin-left:26px; padding:10px 10px 0 10px;}
.devm ul li img{ display:block; width:128px; height:128px; float:left;}
.devm ul li span{ display:block; width:128px; height:30px; line-height:30px; font-size:12px; color:#999999; text-align:center;}


.f15{ font-size:15px; font-weight:bold;}

.k30{ width:100%; height:30px; margin:0 auto;}
.k50{ width:100%; height:50px; margin:0 auto;}
.k80{ width:100%; height:80px; margin:0 auto;}
.k20{ width:100%; height:20px; margin:0 auto;}
.kong20{ width:100%; height:20px; float:left;}
.kong10{ width:100%; height:15px; float:left;}
.kong12{ width:100%; height:10px; float:left;}
.k31{width:100%; height:30px; margin:0 auto; border-top:#d5d5d5 1px solid; }

.k15{ width:100%; height:40px; line-height:40px; margin:0 auto; clear:both;}
.k10{ width:100%; height:30px; line-height:30px; margin:0 auto; clear:both;}
.k12{ width:100%; height:12px; line-height:12px; margin:0 auto; clear:both;}

.kong10{ width:100%; height:15px; line-height:15px; float:left; clear:both;}
.kong50{ width:100%; height:50px; float:left; width:100%;}
.bglan{ background:#f7f7f7;}

.tdbg{ background:url(../images/28.jpg) top center no-repeat;}

.bghong{ background:#f05d5d}
.bghui{ background:#2f3034;}
.youshibg{ background:url(../images/07.jpg) bottom center no-repeat;}

.youshi{ width:800px; float:left; height:auto; overflow:hidden; padding-bottom:50px;}

.youshi li{ float:left; padding:20px 0 20px 50px;}
.youshi li h1{ display:block; float: left; width:100px; height:100px; font-size:36px; color:#FFFFFF; background:#50BDF8; border-radius:50px; text-align:center; line-height:100px;}
.youshi li h5{ display:block; float:right; width:600px; font-size:18px; color:#000000; padding:15px 0 15px 0;}
.youshi li p{display:block; float:right; width:600px; font-size:14px; color:#999;}


.bgjianjie{ background:url(../images/08.jpg) left center no-repeat #000;}

.lmtl22{ width:100%; height:98px; overflow:hidden; margin-top:30px; }
.lmtl22 h1{ width:100%;  font-size:26px;  color:#50BDF8; font-weight:bold; padding:20px 0 0 0;}
.lmtl22 p{ width:100%;  font-size:24px; color:#333; height:30px; line-height:20px; padding-top:10px;}

/*主营业务*/

.m2 .list{ width: 100%; padding-top: 20px;}
.m2 .list a{  display: block; width: 33.33%; height: auto; float: left; position: relative; }
.m2 .list a .img{ width: 100%; border:none; display: block;}
.m2 .list a .list-a .img-p-hui{ position: absolute; width: 100%; height: 100%; left: 0;top:0; background: url("../images/m2_bg.png") repeat; z-index: 2 }
.m2 .list a .list-b .img-p-lu{ position: absolute; width: 100%; height: 70px; left: 0; bottom:0; background:#0073E3; z-index: 2  }
.m2 .list a .list-a .img-p-img{font-size: 16px; z-index: 3; position: absolute; top:32%;  left: 0; width: 100%;  text-align: center;  color: #ffffff;}
.m2 .list a .list-a .img-p-img img{  padding-bottom: 20px;}
.m2 .list a .list-b .img-p-img{ padding-bottom:16px;font-size: 16px; z-index: 3; position: absolute; bottom:0;  left: 0; width: 100%; text-align: center;  color: #ffffff;}
.m2 .list a .list-b .img-p-img img{  padding-bottom: 10px;}
.m2 .list a .list-a{ display: block;}
.m2 .list a .list-b{ display: none;}
#sfont{ font-size:16px;}

.mszdleft{ float:left; width:400px;}
.mstdms{  margin:0 auto; width:100%;}
.mstdms p{ display:block; padding:30px 0 0 0;}
.mszdright{ float:left; margin:30px 30px 50px 50px; width:720px;}

.mszdlist li{ width:300px; height:420px; background:#FFFFFF; margin:30px 30px 0 30px; float:left; margin-bottom:30px; border-radius:15px; overflow:hidden;}
.mszdpic{ width:300px; display:block; height:280px; background:#e2e2e2;text-align:center;position:relative;display:table-cell;vertical-align:middle;}
.mszdlist li p{ display:block; width:100%; height:100px; background:#FFFFFF; padding:20px;}
.mszdlist li p { font-size:14px; color:#999; line-height:28px;}
.mszdlist li p span{ display:block; width:100%; font-size:18px; color:#000000}