@charset "utf-8";
/* CSS Document */
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,legend,input,button,textarea,p,blockquote,th,td { margin:0; padding:0; }
h1,h2,h3,h4,h5,h6{font-weight: normal;}
BODY {FONT:15px/1.75 "Microsoft YaHei", arial,sans-serif; COLOR: #666;  background:#fff;min-width: 1300px; overflow-x: hidden;}
A {COLOR: #666; TEXT-DECORATION: none}
P{COLOR: #333;}
A:hover {TEXT-DECORATION: none}
A IMG {BORDER-BOTTOM-STYLE: none; BORDER-RIGHT-STYLE: none; BORDER-TOP-STYLE: none; BORDER-LEFT-STYLE: none}
DIV {PADDING-BOTTOM: 0px; LIST-STYLE-TYPE: none; MARGIN: 0px; PADDING-LEFT: 0px; PADDING-RIGHT: 0px; PADDING-TOP: 0px}
UL {PADDING-BOTTOM: 0px; LIST-STYLE-TYPE: none; MARGIN: 0px; PADDING-LEFT: 0px; PADDING-RIGHT: 0px; PADDING-TOP: 0px}
LI {PADDING-BOTTOM: 0px; LIST-STYLE-TYPE: none; MARGIN: 0px; PADDING-LEFT: 0px; PADDING-RIGHT: 0px; PADDING-TOP: 0px}
P {PADDING-BOTTOM: 0px; LIST-STYLE-TYPE: none; MARGIN: 0px; PADDING-LEFT: 0px; PADDING-RIGHT: 0px; PADDING-TOP: 0px}
FORM {PADDING-BOTTOM: 0px; LIST-STYLE-TYPE: none; MARGIN: 0px; PADDING-LEFT: 0px; PADDING-RIGHT: 0px; PADDING-TOP: 0px}
EM {FONT-STYLE: normal; FONT-WEIGHT: normal}
TABLE {PADDING-BOTTOM: 0px; LIST-STYLE-TYPE: none; MARGIN: 0px; PADDING-LEFT: 0px; PADDING-RIGHT: 0px; PADDING-TOP: 0px}
DT {PADDING-BOTTOM: 0px; LIST-STYLE-TYPE: none; MARGIN: 0px; PADDING-LEFT: 0px; PADDING-RIGHT: 0px; PADDING-TOP: 0px}
DL {PADDING-BOTTOM: 0px; LIST-STYLE-TYPE: none; MARGIN: 0px; PADDING-LEFT: 0px; PADDING-RIGHT: 0px; PADDING-TOP: 0px}
DD {PADDING-BOTTOM: 0px; LIST-STYLE-TYPE: none; MARGIN: 0px; PADDING-LEFT: 0px; PADDING-RIGHT: 0px; PADDING-TOP: 0px}
FORM {PADDING-BOTTOM: 0px; MARGIN: 0px; PADDING-LEFT: 0px; PADDING-RIGHT: 0px; PADDING-TOP: 0px}
TR {PADDING-BOTTOM: 0px; LIST-STYLE-TYPE: none; MARGIN: 0px; PADDING-LEFT: 0px; PADDING-RIGHT: 0px; PADDING-TOP: 0px}
.cl{HEIGHT: 0px; CLEAR: both;}
.jz{margin:0 auto;}
.fl{FLOAT: left}
.fr{FLOAT: right}
.container{width:1200px; margin:0 auto;}
.c{*zoom:1;}
.c:after{content: ""; display: block; height: 0; clear: both;}
.txt-c{text-align: center;}
.txt-r{text-align: right;}
.col-white{color: #fff;}
.dno{ display: none;}

*::selection {
  background: #5C307D;
  color: #FFFFFF;
  text-shadow: none; }
*::-moz-selection {
  background: #5C307D;
  color: #FFFFFF;
  text-shadow: none; }
.mainWrap {
  width: 1400px;
  margin: auto; }
.ie6 {
  text-align: center;
  font-size: 16px;
  background: #FC6;
  line-height: 100px;
  z-index: 100000;
  width: 100%;
  position: absolute;
  height: 100px;
  top: 0;
  left: 0; }
.ie6 span {
  float: right;
  margin-right: 30px;
  cursor: pointer; }
.masklayer {
  background: rgba(0, 0, 0, 0.9);
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  position: fixed;
  z-index: 999;}
/* CSS Document */


/*公共头部*/
.top{background: #EEEEEE; height:44px;border-bottom:1px solid #E2E2E2}
.top p{display: block; font-size: 14px; line-height: 44px; color: #333; opacity: 0.75;}

.top-tel span{font-size:26px;font-weight:bold;color:#2688D9;font-family: arial;}
.top-tel span img{margin-right:10px;}


.head{height:80px;}
.logo{margin-top:10px;}
.head .logo h1 {width:240px;}

.head .logo b{font-size:18px;color:#333;display: inline-block;vertical-align:bottom;line-height:26px;letter-spacing:2px;margin-left:5px}

.header-nav{height:45px; z-index: 3;}
.header-nav  ul li{float: left; position: relative;width:101px;height:80px;margin-right:5px;}
.header-nav  ul li>a{display: block; font-size:16px; line-height: 80px; color: #333;width:101px;height:80px;text-align: center;}
.header-nav  ul li.on>a{ background: #2688D9;color:#fff}
.header-nav  ul li:hover>a{background: #2688D9;color:#fff} 
.header-nav  ul li .hide{background-color: #fff;box-shadow: 0 6px 12px rgba(0, 0, 0, 0.18);float: left;font-size: 14px;display: none;width:210px;opacity: 0.95;position: absolute;text-align: center;z-index: 10000;}
.header-nav  ul li .hide em a{ display:block; font-size: 15px;line-height:35px;font-weight: normal; text-align:center; height:35px; color: #333;}
.header-nav  ul li .hide em a:hover{background: #fff; color: #2688D9; transition:background-color 0.3s linear; -moz-transition:background-color 0.3s linear;-webkit-transition:background-color 0.3s linear;-o-transition :background-color 0.3s linear;}

.navfixed{ position: fixed;top:0;left:0;width:100%;margin-top:0; background: #fff;box-shadow: 1px 1px 10px #aaa;z-index:9999999}


/*首页banner*/
.ny-banner{height:400px}
.ny-banner .banner-hd {height:400px;}
.banner{position:relative;}
.banner-hd {height:580px;position: relative; overflow:hidden; width: 100%;}
.banner-hd  ul{height:100%;margin: 0 auto;}
.banner-hd  ul li{height:100%;}
/*数字按钮样式*/
.banner-hd .num { overflow:hidden;  position:absolute; bottom:5%; margin:0 auto;left:0;right:0;text-align:center;zoom:1; z-index:3 ;}
.banner-hd .num ul{display: inline-block;}
.banner-hd .num li {width:48px;height:11px;  color: #FFFFFF;margin:0 5px; cursor:pointer; float: left; background: #fff; border-radius:10px}
.banner-hd .num li.on {background: #2688D9;  } 

/*关于我们*/
.about{ background:#FAFAFA;padding-bottom:50px;}
.about-con{margin-top:20px;}
.about-left{width:570px;height:286px}
.about-right{width:580px;}
.about-right h3{font-size:24px;color:#333333;padding-bottom:30px;line-height:24px;margin-top:10px;}
.about-right p{line-height: 28px;color:#666;}
.about-more{margin-top:40px;}
.about-more a{width:140px;height:40px;line-height:40px;text-align: center;border:1px solid #C6C6C6;display: block;border-radius:30px;}
.about-more a:hover{ background: #2688D9;color:#fff}
/*关于我们*/

/*产品中心*/
.product{border-bottom:1px solid #E6E6E6;}
.title{padding:40px 0 20px 0}
.title b{ display: block;text-align: center;}
.title b{font-weight:bold;font-size:26px;line-height:34px;margin-bottom: 10px;color:#333;letter-spacing: 2px;}
.title b:after{content: ''; display: block;width:55px;height:2px; background: #0094DE;margin:15px auto 10px auto}

.pro-con{width:1211px;margin:0 auto}
.pro-con ul li{float:left;width:377px;text-align: center;margin:15px 13px;height:301px;overflow: hidden; position: relative;transition: all .5s;}
.pro-con ul li img{transition: all .5s;}
.pro-con ul li:hover img{transform: scale(1.1);}
.pro-con ul li .pro-img{width:377px;height:301px;overflow:hidden}
.pro-con ul li .pro-info{width:377px;position: absolute;bottom:-100px;left:0;z-index:999;z-index:999;height:52px;line-height:52px; background: #0094DE;color:#fff;font-size:16px;transition: all .5s;}
.pro-con ul li:hover .pro-info{bottom:0}
.pro-con ul li:hover{box-shadow: 0px 0px 10px #0094DE;}
.more{margin:10px auto 20px auto; position: relative;width:141px;height:55px; overflow: hidden;} 
.more a{transition: all .5s; display: block;width:137px;height:51px;text-align: center;line-height:52px;border:1px solid #D1D1D1;color:#333333;margin:0 auto}
.more:after{height: 100%;width: 100px; background-color: rgba(38,136,217, 0.9);content: ''; display: block;transform: rotate(50deg); position: absolute;top:0;left:-150px;z-index:99;transform: skewX(-45deg) translateX(0);
    transition:all .6s;}
.more:hover:after{left:190px}
/*产品中心*/

/*工程案例*/
.case-con{ position: relative;}
.hd .next{position:absolute;top:45%;left:-65px}
.hd .prev{position:absolute;top:45%;right:-65px}
.case-con li{float:left;width:279px;border:1px solid #D1D1D1;margin:8px}
.case-con .case-img{width:279px;height:238px;}
.case-con .case-info{height:50px;line-height:50px;text-align: center; background: #fff;transition: all .5s;}
.case-con .case-info:after{font-size:18px;content: "+";width:17px;height:17px;line-height:15px;text-align: center;border-radius:100%;border:1px solid #6B6B6B;color:#6B6B6B;display: inline-block;margin-left:20px;transition: all .5s;}
.case-con li:hover .case-info{ background: #2688D9;}
.case-con li:hover .case-info{color:#fff}
.case-con li:hover .case-info:after{border-color:#fff;color:#fff;transform: rotate(180deg);}
.case-con li:hover{border-color:#2688D9;}
/*工程案例*/

/*流程*/
.process{ background: #2688D9;height:175px;margin-top:50px}
.process-con{ overflow: hidden;padding-top:20px;}
.process-con div{float:left}
.process dl{float:left;text-align: center;margin:0 59px;}
.process dl dt{font-size:56px;font-style: italic;color:#fff}
.process dl dd{color:#fff;font-size:16px;}
.process-con div:after{content: '';float:right;width:1px;height:55px; background: #4DA3EA;margin:40px 0;}
.process-con div:nth-child(5):after{content: '';width:0}
/*流程*/


/*工程案例*/
.cons-con{ position: relative;}
.hd .next{position:absolute;top:45%;left:-65px}
.hd .prev{position:absolute;top:45%;right:-65px}
.cons-con li{float:left;width:279px;border:1px solid #D1D1D1;margin:8px}
.cons-con .cons-img{width:279px;height:238px;}
.cons-con .cons-info{height:50px;line-height:50px;text-align: center; background: #fff;transition: all .5s;}
.cons-con .cons-info:after{font-size:18px;content: "+";width:17px;height:17px;line-height:15px;text-align: center;border-radius:100%;border:1px solid #6B6B6B;color:#6B6B6B;display: inline-block;margin-left:20px;transition: all .5s;}
.cons-con li:hover .cons-info{ background: #2688D9;}
.cons-con li:hover .cons-info{color:#fff}
.cons-con li:hover .cons-info:after{border-color:#fff;color:#fff;transform: rotate(180deg);}
.cons-con li:hover{border-color:#2688D9;}
/*工程案例*/

/*咨询电话*/
.zx-tel{ background: url(../images/zx-bg.jpg) no-repeat center center; height:172px;margin-top:38px;}
.zx-tel-fl{ background: url(../images/tel-zx.png) no-repeat center center;width:321px;height:107px;margin-top:40px;}
.zx-tel-fl span,.zx-tel-fl b{ display: block;color:#fff}
.zx-con{ background: url(../images/zx-tel.png) no-repeat center left;padding-left:60px;margin-top:19px;margin-left:10px;}
.zx-tel-fl span{font-size:14px;line-height:14px;}
.zx-tel-fl b{font-size:26px;line-height:26px;margin-top:10px;font-weight: normal;}
.zx-wz span{float:left;border:1px solid #fff;width:115px;height:115px;text-align: center;line-height:115px;font-size:24px;color:#fff;border-radius: 100%;margin:30px}

/*新闻资讯*/
.news-left{width:430px;}
.news-right{width:750px}
.news-right li{ overflow: hidden;padding:15px 10px;border-bottom:1px solid #e9e9e9;transition: all .2s; }
.news-right .news-date{float:left;width:90px;margin-top:20px;}
.news-right .news-date:after{content: ''; display: block;width:0px;height:1px; background: #fff;margin:5px auto;transition: all .5s;}
.news-right .news-date:before{content: ''; display: block;width:0px;height:1px; background: #fff;margin:5px auto;transition: all .5s;}
.news-right .news-info{float:right;width:630px}
.news-right .news-info b,.news-right .news-info p{ display: block;font-weight: normal;}
.news-right .news-info b{font-size:16px;margin-bottom:6px;color:#333}
.news-right .news-info p{font-size:13px;color:#888}
.news-right li:hover{ background: #0094DE;}
.news-right li:hover .news-info p{color:#fff}
.news-right li:hover .news-info b{color:#fff}
.news-right li:hover .news-date{color:#fff}
.news-right li:hover .news-date:after{width:72px}
.news-right li:hover .news-date:before{width:72px}

/*底部*/
.footer{ background: #333333;padding:20px 0;margin-top:70px;}
.footer-top{border-bottom:1px solid #565656;text-align: center;}
.footer-top span{display: inline-block;padding:10px 0;margin:0 30px}
.footer-top .f-tel{ background: url(../images/f-tel.png) no-repeat center left;padding-left:40px;vertical-align: middle;}
.footer-top .f-tel,.footer-top .f-add{color:#fff}
.footer-top .f-tel em{color:#ff3c3c;font-size:26px;}
.footer-top .f-add{ background: url(../images/f-address.png) no-repeat center left;padding-left:40px;vertical-align: middle;}
.foot-b-left{width:800px;margin-top:40px;}
.foot-b-left dl{float:left; background: #565656;width:386px;height:100px;margin:5px 14px 10px 0;font-size:14px;}
.foot-b-left dl.f-1 dt{margin-top:20px}
.foot-b-left dl.f-2 dt{margin-top:20px}
.foot-b-left dl.f-2{ background: url(../images/police.png) no-repeat center left 20px;background-color:#565656;}
.foot-b-left dl.f-2 dt,.foot-b-left dl.f-2 dd{text-indent: 70px;font-weight:normal}
/*.foot-b-left dl.f-2 dd{margin-top:5px;}*/
.foot-b-left dl.f-2 dd a{color:#fff}
.foot-b-left dl.f-3{line-height:28px}
.foot-b-left dl.f-4{line-height:100px}
.foot-b-left dl.f-4 a{color:#fff}
.foot-b-left dl dd,.foot-b-left dl dt{color:#fff;margin-left:16px;}
.foot-b-left dl dt{font-weight:bold}
.foot-b-right dl{float:right;text-align: center;color:#9d9d9d;margin:90px 20px 0 20px;}

/*内页*/
.position{padding:10px 0;border-bottom:1px solid #eee;overflow: hidden;background: url(../images/path-home.png) no-repeat center left;padding-left:40px;margin-bottom:30px;}
.position a{float:left; background: url(../images/path-arrow.png) no-repeat center right;padding-right:25px;margin-right:20px;font-size:16px;color:#666}
.position a:last-child{background: none;}
.position a:hover{color:#0094DE}

/* --- 产品中心 --- */
.product-center {margin-bottom:50px; overflow:hidden;}
.product-center .wrap{position:relative;}
.product-center .product-tab .pro-h2 b,.product-center .product-tab .pro-h2 span{display: block;width:100%}

/* 切换 */
.product-center .product-tab{float:left; width:265px;}
.product-center .product-tab .pro-h2{text-align:center; padding-top:30px; padding-bottom:30px; color:#fff; background:url(../images/product-arrow.png) no-repeat 0 0 #2688D9;}
.product-center .product-tab .pro-h2{font-size:22px; color:#fff; margin-bottom:10px;}
.product-center .product-tab .pro-h2 p{font-family:Gotham, "Helvetica Neue", Helvetica, Arial, sans-serifl; text-transform:uppercase; font-size:14px;}

.product-center .product-tab ul{border:1px solid #dfdfdf; padding:10px 10px 30px 10px;}
.product-center .product-tab ul li{height:50px; line-height:50px; margin-bottom:15px; border:1px solid #ccc; position:relative; overflow:hidden;}
.product-center .product-tab ul li a{display:block; padding-left:20px; position:relative; z-index:10;font-size:15px}
.product-center .product-tab ul li:before{content:""; background:#ddd; left:0; top:0%; width:0%; height:100%; position:absolute;  transition:all .3s ease;}
.product-center .product-tab ul li:hover,.product-center .product-tab ul li.on{transition:all .3s ease;}
.product-center .product-tab ul li:hover:before{width:100%; }
.product-center .product-tab ul li:hover a,.product-center .product-tab ul li.on a{background:url(../images/jt-fff.png) no-repeat 90% center;}
.product-center .product-tab ul li a{background:url(../images/arrow.png) no-repeat 90% center; position:relative;}
.product-center .product-tab ul li.on:before{width:100%; }
.product-center .product-tab ul li.now:before{width:100%; }

.product-center .product-tab ul ul.pc1{margin-bottom:15px; padding-top:5px; padding-left:25px;border:none;}
.product-center .product-tab ul ul.pc1 li{border:none;background:url(../images/dot2.jpg) no-repeat 0 center; padding-left:15px; line-height:250%;}
.product-center .product-tab ul ul.pc1 li a{background: none;padding-left: 0;padding-top: 5px;}
.product-center .product-tab .service{background:#434343;padding:35px 15px; position:relative;}
.product-center .product-tab .service h3{color:#fff; font-size:24px; font-weight:bold; background:url(../images/tel2.png) no-repeat 0 center; padding-left:45px; margin-bottom:10px; position:relative; z-index:100;}
.product-center .product-tab .service p{font-size:32px; color:#fff; font-weight:bold; position:relative; z-index:100;}
.product-center .product-tab .service span{position:absolute; right:-20px; bottom:0;}


.ny-right{width:900px}
.ny-product-list ul li{display: block; float: left; width: 285px; margin-left:15px;}
.ny-product-list ul li a{border:1px solid #ccc; display: block;margin-bottom:15px;transition: all .3s;}
.ny-product-list ul li a:hover {border-color:#2688D9;color:#475476}
.ny-product-list ul li a em{display: block; width: 100%;font-size: 16px; line-height:45px; text-align: center;transition: all .3s;}
.ny-product-list ul li a:hover .product-pic:after{top:0}
.ny-product-list ul li a:hover em{background: #2688D9;color:#fff}

.ny-case-list ul li{display: block; float: left; width: 281px; margin-left:19px;}
.ny-case-list ul li a{border:1px solid #ccc; display: block;margin-bottom:15px;transition: all .3s;}
.ny-case-list ul li a:hover {border-color:#2688D9;color:#475476}
.ny-case-list ul li a em{display: block; width: 100%;font-size: 16px; line-height:45px; text-align: center;transition: all .3s;}
.ny-case-list ul li a:hover .case-pic:after{top:0}
.ny-case-list ul li a:hover em{background: #2688D9;color:#fff}


.ny-news-list li{ overflow:hidden; background: #f5f5f5;padding:10px;transition: all .4s;margin-bottom:30px;}
.ny-news-img{width:200px;}
.ny-news-info{width:630px;margin-right:20px;}
.ny-news-info h3{line-height:18px;margin:13px 0}
.ny-news-info span{font-size:16px;color:#333}
.ny-news-info em{float:right;font-size:13px;color:#888}
.ny-news-info p{color:#888;font-size:13px;line-height:26px;}
.ny-news-list li:hover .ny-news-info span{color:#2688D9}
.ny-news-list li:hover{box-shadow: 1px 1px 20px #ddd;}

.ny-right .pro1{margin-top: 20px;}
.ny-right .pro1 .spec-preview img{display: block;}
.ny-right .pro1 .descript1 strong.title1{line-height: 38px;font-size: 20px; color: #333;display: block;}
.ny-right .pro1 .descript1 p{width: 525px;font-size: 13px;color: #8e8e8e;line-height: 25px;margin-bottom: 10px;}
.ny-right .pro1 .descript1 a.consult{display: block; width: 120px; height: 40px; font-size: 15px; color: #fff; line-height: 40px; text-align: center; background: #000; }
.ny-right .pro1 .descript1 a.consult:hover{background-color:#2688D9;}
.ny-right .pro1 .descript1 p.haoma{color: #333;font-size: 15px; font-weight: bold; }
.ny-right .pro1 .descript1 p.haoma em{display: block;color:#2688D9;font-size: 20px; font-weight: bold; }
.ny-right .pro1 .share{overflow: hidden;margin-top: 15px;}
.ny-right .pro1 .share ul li{float: left;margin: 0 5px;}
.ny-right .detail .de-title{border-bottom: solid 3px #2688D9; margin-bottom: 15px;}
.ny-right .detail .de-title a{display: block;width: 130px; font-size: 16px;line-height: 45px;color: #fff; text-align: center; margin-top: 35px;background:#2688D9; border-top-left-radius: 6px; border-top-right-radius: 6px; }

.ny-right  .pagelist {padding: 10px 0;margin-top:15px;overflow: hidden;border-top:0px solid #eee;text-align:center;}
.ny-right .pagelist a,
.ny-right  .pagelist span {border: 1px solid #ccc; display: inline-block;padding: 2px 8px;margin-right:5px;}
.ny-right  .pagelist span.current {color: #f30;border: 1px solid #ddd;}

/*在线咨询*/
.zx-service{position:fixed; right:0px; top:321px;z-index: 10000; }
.service-box{background-color: #fff; border-radius:5px; width:90px; margin-bottom:8px;box-shadow: 0px 2px 3px  #929ea9;}
.service-box span{display:block;}
.service-box span.text{ background:url(../images/kf01.png) no-repeat; height:47px; line-height:40px; text-align:center; color:#fff; font-size:16px; position:relative; z-index:10;}
.service-box ul{margin-top: -7px;}
.service-box li{border-bottom:1px solid #efefef; text-align:center; position:relative;}
.service-box li em{font-size:12px;color: #757575;}
.service-box li a{display:block; padding-top:6px; padding-bottom:3px;}
.service-box li:first-child a{padding-top: 14px;}
.service-box li:last-child a{border-bottom-left-radius: 5px;border-bottom-right-radius: 5px;}
.service-box li a:hover{background:#f9f9f9;}
.service-box li a:hover em{color:#1d95d6; }
.service-box ul li:last-child{border:none;}
.service-box li p{position:absolute; left:-170px; width:150px; top:0; background:#fff;box-shadow: 0 0 10px rgba(0,0,0,0.2);display:none; font-size:18px; font-weight:bold;color: #1d95d6;padding: 10px 0px;}
.service-box li:hover p{display:block; }
.service-arrow{box-shadow: 0px 2px 2px #d6d6d6;border:1px solid #ddd;  border-radius:5px;  width:90px; background:url(../images/kf05.png) no-repeat center center #fff; height:40px; cursor:pointer; }
.service-arrow a{display:block; width:90px; height:45px;}
/*在线咨询*/