@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:13px/1.75 "Microsoft YaHei", arial,sans-serif; COLOR: #666;  background:#fff;min-width: 1200px; 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;}

/* CSS Document */


/*公共头部*/
.head{background: #fff; height: 105px; position: fixed; top: 0; z-index: 222; width: 100%;}
.logo{margin-top: 7px;}
.head .logo h1 {line-height: 0px;}

.nav ul li{float: left; position: relative; }
.nav ul li>a{display: block; font-size:15px; line-height: 105px; color: #2f2e2e; text-align: center; padding: 0 22px;}
.nav ul li>a:after{position: absolute; content: ''; width: 100%; height: 0; background: #0470ba; left:0; z-index: -1; transition:0.3s;}
.nav ul li:hover>a:after{height: 100%;}
.nav ul li.on>a,.nav ul li:hover>a{color: #fff;}
.nav ul li.on>a{background:#0470ba; }
.nav ul li:last-child>a{background:#ffba00;color:#fff;}
.nav ul li .hide{background-color: #fff;box-shadow: 0 6px 12px rgba(0, 0, 0, 0.18);float: left;font-size: 14px;left: 0px;display: none;width: 124px;opacity: 0.8;position: absolute;text-align: center;z-index: 10000;}
.nav ul li .hide em a{ display:block; font-size: 15px;line-height:35px;font-weight: normal; text-align:center; height:35px; color: #333;}
.nav ul li .hide em a:hover{background: #fff; color: #0470ba; 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;}

.head-zw{height: 105px;}


/*首页banner*/
.banner{position:relative;}
.banner-hd {height:600px;position: relative; overflow:hidden; width: 100%;}
.banner-hd  ul{height:100%;margin: 0 auto;}
.banner-hd ul a{display: block; 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:83px;height:5px; margin:0 5px; cursor:pointer; float: left; background: #fff;}
.banner-hd .num li.on {background: #2aa2dd;  } /*当前项*/


/*产品分类*/
.pro-class{background: #f9f9f9; padding: 0px 0;}
.pro-class ul li{float: left; width: 299px; height: 218px; border-right: solid 1px #f9f9f9;}
.pro-class ul li.bg1{background: url(../images/class-pic1.png) no-repeat center 115px #fff;}
.pro-class ul li.bg2{background: url(../images/class-pic2.png) no-repeat center 100px #fff;}
.pro-class ul li.bg3{background: url(../images/class-pic3.png) no-repeat center 110px #fff;}
.pro-class ul li.bg4{background: url(../images/class-pic4.png) no-repeat center 90px #fff;}
.pro-class ul li h2,.pro-class ul li h3{display: block; text-align: center;}
.pro-class ul li h2{font-size: 18px; color: #333333; font-weight: bold; padding-top: 13px; margin-bottom: 6px;}
.pro-class ul li h3{color: #888888;}
.pro-class ul li:hover h2{color: #0470ba;}

/*关于我们*/
.about{background: url(../images/about-bg.jpg) no-repeat center top; padding: 84px 0 111px;}
.about .pic{width: 332px; margin-right: 41px;}
.about .info{width: 457px; margin-top: 28px;}
.about .info strong{display: block; background: url(../images/about-title.png) no-repeat left center; font-size: 30px; color: #eef3fa; padding-left: 42px; line-height: 70px; margin-bottom: 18px;}
.about .info p{display: block; font-size: 15px; line-height: 30px; color: #eef3fa; text-align: justify; margin-bottom: 30px;}
.about .info .more{display: block; width: 158px; height: 48px; border: solid 1px #dbdbdb; font-size: 14px; line-height: 48px; color: #fff; text-align: center; transition: all linear .4s;-webkit-transition: all linear .4s;-moz-transition: all linear .4s;-ms-transition: all linear .4s;-o-transition: all linear .4s;}
.about .info .more:hover{background: #fff; color: #0470ba;}
.about  .about-line{display: block; background: url(../images/about-line.png) no-repeat center top; width: 346px; height: 350px; position: relative; margin-top: 28px;}
.about  .about-logo{display: block;background: url(../images/about-logo.png) no-repeat center #e6f1f8; width: 258px; height: 258px; border-radius: 50%; position: absolute; top: 0; bottom: 0; left: 0; right: 0; margin: auto;}
.about  .anround {animation: 2s linear infinite running rond;}
@keyframes rond {
	0% {
	    transform: rotate(0deg);
	}
	100% {
	    transform: rotate(360deg);
	}
}


/*优势*/
.ys-title{width: 1000px; margin: 46px auto 58px;}
.ys-title em,.ys-title strong{display: block; text-align: right;}
.ys-title em{color: #979797; margin: 6px 0 7px;}
.ys-title strong{font-size: 19px; color: #2f2f2f;}
.ys-title h2{display: block; width: 412px; height: 74px; border: solid 1px #bfbfbf; font-size: 35px; line-height: 74px; color: #333333; font-weight: bold; text-align: center;} 

.ys-list ul li{float: left; margin-bottom: 23px; border-bottom: solid 1px #dcdcdc; width: 100%;}
.ys-list ul li .pic img{display: block;}
.ys-list ul li .info{width: 575px;}
.ys-list ul li .info .num1{background: url(../images/num1.png) no-repeat left center; padding-left: 80px;}
.ys-list ul li .info .num2{background: url(../images/num2.png) no-repeat left center; padding-left: 86px;}
.ys-list ul li .info .num3{background: url(../images/num3.png) no-repeat left center; padding-left: 86px; margin-bottom: 34px;}
.ys-list ul li .info .num4{background: url(../images/num4.png) no-repeat left center; padding-left: 86px;}
.ys-list ul li .info h3{font-size: 25px;color: #0470ba; font-weight: bold;}
.ys-list ul li .info em{font-size: 16px;color: #605f5f; }
.ys-list ul li .info p{display: block; font-size: 15px; color: #666; margin-top: 34px;}
.ys-list ul li .info p strong{color: #0470ba}
.ys-list ul li .info span{display: block; font-size: 15px; color: #666; background: url(../images/ys-icon.png) no-repeat left center; padding-left: 20px; margin-left: 8px; margin-bottom: 6px;}

.ys-list ul li.item1{padding-bottom: 19px;}
.ys-list ul li.item1 .info{margin-right: 16px;}

.ys-list ul li.item2{padding-bottom: 38px; margin-bottom: 42px;}
.ys-list ul li.item2 .info{margin-top: 41px;}
.ys-list ul li.item2 .pic{margin-right: 107px;}

.ys-list ul li.item3{padding-bottom: 31px;}

.ys-list ul li.item4{border-bottom: none;}
.ys-list ul li.item4 .info{margin-top: 41px;}
.ys-list ul li.item4 .pic{margin-right: 107px;}


/*公共底部*/
.foot{background: #f4fbff; padding: 50px 0; border-top: solid 3px #0470ba;}
.foot-contact{width: 290px;}
.foot-contact .tel{background: url(../images/foot-tel.png) no-repeat left top; padding-left: 62px; height: 83px; border-bottom: solid 1px #d5d5d5; margin-bottom: 18px;}
.foot-contact .tel em{display: block; line-height: 13px; color: #666666;}
.foot-contact .tel strong{display: block; font-size: 24px; color: #0470ba;}
.foot-contact p{display: block; font-size: 14px; color: #666; margin-bottom: 3px;}
.foot-contact p a{color: #666;}
.foot-contact p a:hover{color: #0470ba}

.foot-list dl{float: left; background: url(../images/foot-line.png) no-repeat right 14px; padding-right: 66px; margin-right: 64px;}
.foot-list dl dt{display: block; border-left: solid 3px #0470ba; padding-left: 11px; font-size: 18px; line-height: 22px; color: #333333; margin-bottom: 15px;}
.foot-list dl dd a,.foot-list dl span{display: block; font-size: 15px; line-height: 30px; color: #666; margin-left: 12px;}
.foot-list dl span{ font-size: 14px;}
.foot-list dl dd a:hover{color: #0470ba}

.foot-list dl.wechat{background: transparent; margin-right:0; padding-right:0;}
.foot-list dl img{display: block; margin: 11px 0 8px;}
.foot-list dl em{display: block; font-size: 14px; color: #666; text-align: center;}


/*在线咨询*/
.zx-service{position: fixed;right: 5px;top: 25%;z-index: 9999;}
.zx-service>ul>li{width: 80px;height: 80px;margin-bottom: 1px;position: relative;}	
.zx-service>ul>li a{display: block;width: 80px;height: 30px;color: #fff;font-size: 15px;text-align: center;padding-top: 50px;}	

.zx-service01{background: url(../images/online-icon1-1.png) no-repeat center top 10px #0470ba;}
.zx-service02{background: url(../images/online-icon2-2.png) no-repeat center top 10px #333;}
.zx-service03{background: url(../images/online-icon3-3.png) no-repeat center top 10px #333;}
.zx-service04{background: url(../images/online-icon4-4.png) no-repeat center top 10px #333;}
.zx-service05{background: url(../images/online-icon5-5.png) no-repeat center top 10px #333;}

.zx-service02:hover a{background: url(../images/online-icon2-2.png) no-repeat center top 10px #0470ba;}
.zx-service03:hover a{background: url(../images/online-icon3-3.png) no-repeat center top 10px #0470ba;}
.zx-service04:hover a{background: url(../images/online-icon4-4.png) no-repeat center top 10px #0470ba;}
.zx-service05:hover a{background: url(../images/online-icon5-5.png) no-repeat center top 10px #0470ba;}
	
.weixin-hide{width: 120px;padding: 130px 10px 0;background:url(../images/wechat-pic.jpg) no-repeat center top 10px #0470ba;position: absolute;right: 81px;top: 0;display: none;}
.weixin-hide span,.weixin-hide b,.weixin-hide em{display: block; width: 100%;text-align: center;color: #fff;}
.weixin-hide span{line-height: 40px;}
.weixin-hide em{line-height: 35px;}
.weixin-hide b{line-height: 13px;font-family: arial;font-size: 18px}
	
.tel-hide{padding: 20px 10px 0;background: #0470ba;position: absolute;right: 81px;top: 0;width: 140px;display: none;}
.tel-hide li span,.tel-hide li b{display: block;color: #fff;}
.tel-hide li:first-child{margin-bottom: 10px;padding-bottom: 10px; /*border-bottom: 1px solid #fff*/}
.tel-hide li span{line-height: 12px;}
.tel-hide li b{line-height: 15px;font-size: 19px;font-family: arial;padding-top: 10px;}	

.zx-service03:hover .weixin-hide{display: block;}
.zx-service04:hover .tel-hide{display: block;}


/*内页样式*/
.ny-hd{height: 450px;}
.ny-main{margin-top: 25px; margin-bottom:100px;}


.ny-left{width:250px;}
.ny-left .column-title{border-radius: 5px 5px 0 0; background:#0470ba;text-align: center; padding: 20px 0 15px;}
.ny-left .column-title span{font-size: 22px;font-weight:bold;display: block;}
.ny-left .column-title em{display: block; font-size:16px; text-transform: uppercase;}

.ctitle1{ border:1px solid #CCCCCC; padding-bottom: 20px;}
.ctitle1>li{font-size:16px;margin:0 auto;line-height:40px;margin-top:10px;}
.ctitle1>li>a{display: block;width:200px;margin:0 auto;color:#333;padding-left:40px;margin:0 auto;}
.ctitle1>li.on>a,.ctitle1>li:hover>a{color:#fff;background-color: #000000;}

.ctitle1 .ctitle2{padding-left: 42px; padding-top: 10px; display: none;}
.ctitle1 .ctitle2>li{float: left; width: 100%; transition: all 0.5s;}
.ctitle1 .ctitle2>li>a{display: block; font-size: 14px; line-height: 34px; color: #666;}
.ctitle1 li.on .ctitle2{ display: block;}
.ctitle1 .ctitle2>li:hover>a,.ctitle1 .ctitle2>li.on>a{color: #0470ba;}



.pro-tel{width:249px;height:110px; background: url(../images/pro-tel.jpg) no-repeat center center;margin-top:20px}
.pro-tel b,.pro-tel span{ display: block;margin-right:20px;color:#fff;text-align:right;}
.pro-tel b{font-size:18px;padding-top:12px;}
.pro-tel span{font-size:16px;}

.ny-right{width:920px;}
.ny-right .position{display: block;margin-top: 30px; margin-bottom: 25px; border-bottom: solid 1px #ddd;position: relative;}
.ny-right .position span{display: block; padding-left: 50px; font-size: 13px;line-height: 40px;background: url(../images/ny-home.png) no-repeat 20px center;border-bottom: solid 1px #0470ba; z-index: 3;position: absolute;bottom: -1px;left: 0;}
.ny-right .position span a.on{color: #0470ba;}
.ny-right .position span a:hover{color: #0470ba;}

/*内页产品列表*/
.product-list ul{width: 950px;}
.product-list ul li{float: left; width: 286px; margin-right: 30px; margin-bottom: 15px;}
.product-list ul li .pic{width: 284px; height: 227px; border: solid 1px #ccc; overflow: hidden;}
.product-list ul li .pic img{display: block; -webkit-transition: opacity 1s, -webkit-transform 1s; transition: opacity 1s, transform 1s; -webkit-backface-visibility: hidden;backface-visibility: hidden;opacity: 1;}
.product-list ul li:hover .pic img{-webkit-transform: scale3d(1.1,1.1,1);transform: scale3d(1.1,1.1,1);-webkit-transition: opacity 1s, -webkit-transform 1s;transition: opacity 1s, transform 1s;-webkit-backface-visibility: hidden;backface-visibility: hidden;}
.product-list ul li h3{text-overflow: ellipsis; overflow: hidden;white-space: nowrap;display: block; font-size: 15px; line-height: 40px; color: #666; text-align: center; }
.product-list ul li:hover h3{color: #0470ba;}


/*产品详情*/
.ny-right  .pro1 .pro-list-pic{width: 332px;}
.ny-right  .pro1 .spec-preview img{display: block;}
.ny-right  .pro1 .descript1{width: 550px;}
.ny-right  .pro1 .descript1 strong.title1{line-height: 38px;font-size: 20px; color: #2d2d2d;display: block;border-bottom: 1px solid #c0ccd6; padding: 10px 0 15px; margin-bottom: 10px;}
.ny-right  .pro1 .descript1 p{width: 550px;font-size: 13px;color: #666;line-height: 28px;margin: 10px 0;text-align: justify;}
.ny-right  .pro1 .descript1 a.consult{display: block; width: 120px; height: 40px; font-size: 15px; color: #fff; line-height: 40px; text-align: center; background: #333; }
.ny-right  .pro1 .descript1 a.consult:hover{background-color: #0470ba;}
.ny-right  .pro1 .descript1 p.haoma{ color: #333;font-size: 15px;display: block; margin: 20px 0;}
.ny-right  .pro1 .descript1 p.haoma em {display: inline-block;color: #0470ba;font-size: 25px;font-weight: bold; vertical-align: middle;}
.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 #0470ba; margin-bottom: 20px;}
.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:#0470ba;}


/*内页合作案例列表*/
.case-list ul{width: 950px;}
.case-list ul li{float: left; width: 284; margin-right: 30px; margin-bottom: 25px; border: solid 1px #ccc; overflow: hidden;}
.case-list ul li .pic{width: 284px; height: 184px;  }
.case-list ul li h3{display: block; font-size: 15px; line-height: 50px; color: #666; text-align: center; background: #eee; transition:0.6s;}
.case-list ul li:hover h3{background: #0470ba; color: #fff;}


/*内页新闻列表页*/
.ny-news-list ul li{float: left;  margin-bottom: 20px; width: 100%; padding-bottom: 20px; border-bottom: dashed 1px #ccc;}
.ny-news-list ul li .pic{display: block; width: 180px; height: 125px;}
.ny-news-list ul li .info{width: 710px; margin-top: 5px;}
.ny-news-list ul li .info strong{ display: block; font-size: 16px; color: #333; }
.ny-news-list ul li .info p{display: block;font-size: 14px;color: #808080;margin-bottom: 6px;}
.ny-news-list ul li .info span {display: block;font-size: 14px;color: #808080;background: url(../images/nynews-icon.png) no-repeat left center;padding-left: 22px;}
.ny-news-list ul li:hover .info strong{color: #0470ba;}
.ny-news-list ul li:hover{border-color: #0470ba;}


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