@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:14px/1.75 "Microsoft YaHei", arial,sans-serif; COLOR: #666;  background:#fff;min-width: 1200px; overflow-x: hidden;}
A {COLOR: #333; TEXT-DECORATION: none}
P{COLOR: #666;}
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 .container{height: 100px; border-radius: 5px; background: rgba(242,242,242,0.8); position: absolute; top: 0; z-index: 222; left: 0; right: 0; }
.head .logo{ margin-left: 30px; margin-top: 25px;}
.head .logo h1 {line-height: 0px;}
.nav ul li{float: left; border-left: solid 1px #d4d4d4; width: 136px; position: relative;}
.nav ul li a{display: block; font-size: 16px; line-height: 100px; color: #333333; text-align: center; position: relative;}
.nav ul li>a:after{position: absolute; content: ''; width: 0; background: #43a3d6; height: 2px; left: 50%; bottom: 0}
.nav ul li.on>a:after,.nav ul li:hover>a:after{width: 100%; left: 0; transition:0.6s;}
.nav ul li.on>a,.nav ul li:hover>a{color: #43a3d6}

.nav ul li .hide{background:rgba(255,255,255,0.9);box-shadow: 0 6px 12px rgba(0, 0, 0, 0.18);float: left;left: 0px;display: none;width: 150px;position: absolute;z-index: 22; }
.nav ul li .hide em a{ display:block; line-height:44px;color: #666; text-align: center; border-bottom: dotted 1px #ccc;}
.nav ul li .hide em:last-child a{border-bottom: none;}
.nav ul li .hide em a:hover{background: #fff; color: #43a3d6; 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;}


/*首页banner*/
.banner{position:relative;}
.banner-hd {height:680px;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:2%; 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:12px;height:12px; margin:0 5px; cursor:pointer; float: left; background: #fff; border-radius: 50%}
.banner-hd .num li.on {background: #43a3d6;  } /*当前项*/


/*产品中心*/
.index-title{margin-bottom: 40px;}
.index-title em{display: block; font-size: 30px; line-height: 30px; color: #333333; height: 52px; position: relative;}
.index-title em:after{position: absolute; content: ''; width: 38px; height: 3px; background: #43a3d6; left: 0; bottom: 0}

.product{padding: 68px 0 50px; border-bottom: solid 1px #d9d9d9;}
.proclass{display: block; width: 215px; padding: 0 40px; height: 400px;   background-image: -moz-linear-gradient( 90deg, rgb(217,217,217) 0%, rgb(250,250,250) 50%, rgb(217,217,217) 100%); background-image: -webkit-linear-gradient( 90deg, rgb(217,217,217) 0%, rgb(250,250,250) 50%, rgb(217,217,217) 100%); background-image: -ms-linear-gradient( 90deg, rgb(217,217,217) 0%, rgb(250,250,250) 50%, rgb(217,217,217) 100%);}
.proclass img{display: block;  margin: 128px 0 14px;}
.proclass p{line-height: 24px; color: #808080; margin-bottom: 92px;}
.proclass a{color: #808080;}
.proclass a:hover{color: #43a3d6}

.product-list{position: relative; overflow: hidden; width: 887px;}
.product-list ul li{float: left; margin-right: 2px;  background-image: -moz-linear-gradient( 90deg, rgb(217,217,217) 0%, rgb(250,250,250) 50%, rgb(217,217,217) 100%);   background-image: -webkit-linear-gradient( 90deg, rgb(217,217,217) 0%, rgb(250,250,250) 50%, rgb(217,217,217) 100%);  background-image: -ms-linear-gradient( 90deg, rgb(217,217,217) 0%, rgb(250,250,250) 50%, rgb(217,217,217) 100%);}
.product-list ul li .pic{position: relative; overflow: hidden; width: 295px; height: 400px;}
.product-list ul li .info{position: absolute; background: rgba(67,163,214,0.5); bottom: -100%;  text-align: center; width: 100%; height: 100%}
.product-list ul li .info img{display: block; margin: 128px auto 0;}
.product-list ul li .info h3{font-size: 17px; color: #fff; font-weight: bold; }
.product-list ul li:hover .info{bottom: 0; transition:0.6s;}
.product .prev,.product .next{position: absolute;  width: 35px; height: 50px; top: 175px; z-index: 22}
.product .prev{background: url(../images/product-prev.png) no-repeat center #f0f0f0; left: 0}
.product .next{background: url(../images/product-next.png) no-repeat center #f0f0f0; right: 0}
.product .prev:hover{background: url(../images/product-prev2.png) no-repeat center rgba(230,230,230,0.5);}
.product .next:hover{background: url(../images/product-next2.png) no-repeat center rgba(230,230,230,0.5);}


/*新闻中心*/
.news{padding: 39px 0 10px; border-bottom: solid 1px #d9d9d9;}
.news-btn ul li{float: left; margin-left: 15px; width: 125px; line-height: 45px; background: #f7f7f7; border-radius: 2px; color: #333333; text-align: center;}
.news-btn ul li.on{background: #43a3d6; color: #fff;}
.news-list ul{width: 1240px;}
.news-list ul li{float: left; background: #f7f7f7; padding: 20px 26px 20px 20px; width: 534px; margin-right: 40px; margin-bottom: 40px;}
.news-list ul li .pic{width: 240px; height: 170px; margin-right: 25px; overflow: hidden;}
.news-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;}
.news-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;}
.news-list ul li .info{width: 265px;}
.news-list ul li .info em{display: block; font-size: 16px; color: #333333; margin: 22px 0 13px;}
.news-list ul li .info p{line-height: 24px; color: #666666; margin-bottom: 12px;}
.news-list ul li .info span{color: #666666}
.news-list ul li:hover .info em{color: #47aee5}



/*服务支持*/
.service{padding: 50px 0;}
.service-list ul{width: 1208px;}
.service-list ul li{float: left; width: 295px; height: 400px; background: #f2f2f2; text-align: center; margin-right: 7px;}
.service-list ul li a{display: block;}
.service-list ul li .info{margin-top: 104px;}
.service-list ul li .icon{background-position: center top; width: 75px; height: 75px; overflow: hidden; margin: 0 auto 32px; box-shadow: 0px 0px 5px 2px #ededed; border-radius: 50%}
.service-list ul li .icon1{background: url(../images/service-icon1.png) no-repeat ;}
.service-list ul li .icon2{background: url(../images/service-icon2.png) no-repeat ;}
.service-list ul li .icon3{background: url(../images/service-icon3.png) no-repeat ;}
.service-list ul li .icon4{background: url(../images/service-icon4.png) no-repeat ;}
.service-list ul li strong{display: block; font-size: 20px; color: #333333; margin-bottom: 7px;}
.service-list ul li span{display: block; line-height: 10px; color: #666666; font-family: arial; text-transform: uppercase; height: 43px; position: relative; margin-bottom: 50px;}
.service-list ul li span:after{position: absolute; content: ''; width: 45px; height: 3px; background: #333333; bottom: 0; left: 50%; margin-left: -22.5px;}
.service-list ul li em{display: block; width: 85px; line-height: 33px; background: #fff; border-radius: 2px; color: #595959; margin: 0 auto; opacity: 0}
.service-list ul li:hover{margin-top:-20px;/*transform:scale(1.1);*/height:420px; transition:0.6s; background: #43a3d6}
.service-list ul li:hover .info{margin-top: 62px; transition:0.6s;}
.service-list ul li:hover .icon{background-position: center bottom; box-shadow: 0px 0px 5px 2px  #409bcb}
.service-list ul li:hover strong,.service-list ul li:hover span{color: #fff;}
.service-list ul li:hover span:after{background: #fff;}
.service-list ul li:hover em{opacity: 1}


/*公共底部*/
.foot{background: #333333; padding: 50px 0 27px}
.foot dl{float: left; margin-right: 100px;}
.foot dl dt{font-size: 16px; color: #fff; line-height: 16px; height: 37px; position: relative; text-align: center; margin-bottom: 9px;}
.foot dl dt:after{position: absolute; content: ''; width: 30px; height: 2px; background: #43a3d6; bottom: 0; left: 50%; margin-left: -15px;}
.foot dl dd a{display: block; line-height: 34px; color: #a9a9a9; text-align: center;}
.foot dl.item1{width: 134px;}
.foot dl.item1 dd{float: left; margin-right: 22px;}
.foot dl.item1 dd:nth-of-type(even){margin-right: 0}
.foot dl img{display: block; margin: 20px auto 0;}
.foot dl em{display: block; color: #a9a9a9; line-height: 34px; text-align: center;}

.foot-copy p{background: #111111; color: #6c6c6c; line-height: 35px; text-align: center;}
.foot-copy p a{color: #6c6c6c}
.foot dl dd a:hover,.foot-copy p a:hover{color: #fff}




/*在线咨询*/
.zx-service{position: fixed;right: 5px;top: 30%;z-index: 9999;}
.zx-service ul li{margin-bottom: 1px;position: relative;}
.zx-service ul li a{display: block; width: 80px;height: 52px;padding: 14px 0;background: #000;}
.zx-service ul li:hover a{background: #47afe6;}
.zx-service ul li a img{display: block;margin: 0 auto 10px;}
.zx-service ul li a span{display: block;width: 80px;color: #fff;text-align: center;line-height: 14px;}
.zx-service ul li dl{width: 150px;padding: 0 15px;background: #47afe6;text-align: center;display: none;position: absolute;right: 81px;top: 0;}
.zx-service ul li dl dd{font-family: arial;color: #fff;font-size: 16px;height: 50px;width: 150px;line-height: 50px;}
.weixin-hide{width: 130px;padding: 140px 10px 0;background:url(../images/wechat-pic2.jpg) no-repeat center top 10px #47afe6;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: 36px;}
.weixin-hide em{line-height: 35px;}
.weixin-hide b{line-height: 13px;font-family: arial;font-size: 18px}
.tel-hide li span,.tel-hide li b{display: block;color: #fff;}
.tel-hide li span{line-height: 12px;font-size: 14px;}
.tel-hide li b{line-height: 15px;font-size: 19px;font-family: arial;padding-top: 10px;} 
.zx-service03:hover .weixin-hide{display: block;}
.zx-service ul li:hover dl{display: block;}



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

.ny-class{background: #43a3d6; line-height: 50px;}
.ny-class .ctitle1 {text-align: center;}
.ny-class .ctitle1 li{display: inline-block; margin: 0 40px;}
.ny-class .ctitle1 li a{display: block; font-size: 16px; color: #fff;}

.ny-class .sub-nav {text-align: center;}
.ny-class .sub-nav li{display: inline-block; margin: 0 40px;}
.ny-class .sub-nav li a{display: block; font-size: 16px; color: #fff;}


.ny-title{text-align: center; margin-bottom: 35px;}
.ny-title span{display: block; font-size: 38px;  color: #b9b9b9; font-family: "Times New Roman";  text-transform: uppercase;}
.ny-title em{display: block; font-size: 22px; color: #333; line-height: 22px;}


/*内页荣誉列表页*/
.ny-honor-list ul{width: 1240px;}
.ny-honor-list ul li{float: left; width: 270px; margin-right: 40px; margin-bottom: 40px;}
.ny-honor-list ul li .pic{width: 270px; height: 378px; overflow: hidden;}
.ny-honor-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;}
.ny-honor-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;}



/*内页招聘列表页*/
.recurit{}
.recurit-title ul li{float: left; font-size: 18px; line-height: 55px; text-align: center; background: #eee; width: 240px;}
.recurit-list dl{float: left;  border-bottom: 1px solid #e5e5e5;  }
.recurit-list dl dd{float: left; width: 240px; line-height: 55px; color: #484848; text-align: center;}
.recurit-list dl dd span{color: #47afe6}
    

/*内页产品列表页*/
.nyproduct-list{overflow: hidden;}
.nyproduct-list ul {text-align: center;}
.nyproduct-list ul li{display: inline-block; width: 334px; margin: 15px 20px;  border: solid 1px #e1e1e1;}
.nyproduct-list ul li .pic{width: 332px; height: 219px; overflow: hidden;}
.nyproduct-list ul li em{display: block; width: 200px; margin: 0 auto 47px;  font-size: 16px; line-height: 56px; color: #747474; text-align: center; border-bottom: 1px solid #e9eaea;}
.nyproduct-list ul li span{display: block; width: 86px; height: 4px; background: #47afe6; margin: 0 auto;}
.nyproduct-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;}
.nyproduct-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;}


/*产品详情*/
.pro1{margin-bottom: 20px;}
.pro1 .pro-list-pic{width: 500px;}
.pro1 .spec-preview img{display: block;}
.pro1 .descript1{width: 630px;}
.pro1 .descript1 strong.title1{line-height: 38px;font-size: 24px; color: #2d2d2d;display: block;border-bottom: 1px solid #c0ccd6; padding: 10px 0 15px; margin-bottom: 10px; font-weight: normal;}
.pro1 .descript1 p{width: 630px;font-size: 13px;color: #666;line-height: 28px;margin: 10px 0;text-align: justify;}
.pro1 .pro-link a{display: inline-block; width: 120px; margin-right: 20px; height: 40px; font-size: 15px; color: #fff; line-height: 40px; text-align: center; background: #333; }
.pro1 .pro-link a:hover{background-color: #47afe6;}
.pro1 .descript1 p.haoma{ color: #333;font-size: 15px;display: block; margin: 20px 0;}
.pro1 .descript1 p.haoma em {display: inline-block;color: #47afe6;font-size: 25px;font-weight: bold; vertical-align: middle;}
.pro1 .share{overflow: hidden;margin-top: 15px;}
.pro1 .share ul li{float: left;margin: 0 5px;}
.detail {margin-bottom: 20px;}
.detail .de-title{border-bottom: solid 1px #ddd; margin-bottom: 20px;}
.detail .de-title ul li{float: left; line-height: 50px; text-align: center;  width: 120px; cursor: pointer;}
.detail .de-title ul li.on,.detail .de-title ul li:hover{color: #47afe6}


/*内页产品说明书及操作视频*/
.down-list{overflow: hidden; width: 1110px; margin: 0 auto;}
.down-list ul{width: 1140px;}
.down-list ul li{float: left; background: url(../images/down-icon1.png) no-repeat right 52px center #eaeaea; padding: 25px 0 25px 20px; width: 520px; margin-right: 30px; margin-bottom: 48px;}
.down-list ul li a{display: block;}
.down-list ul li .date{text-align: center; border-right: 1px solid #5a5a5a; color: #636363;padding-right: 15px; margin-right: 16px;}
.down-list ul li .date b{display: block; font-size: 36px; line-height: 39px;}
.down-list ul li .date span{display: block; line-height: 16px;}
.down-list ul li .info{width: 380px;}
.down-list ul li .info em{display: block; font-size: 18px; color: #4a4a4a}
.down-list ul li .info span{color: #636363}
.down-list ul li:hover{background: url(../images/down-icon2.png) no-repeat right 52px center #47afe6; transition:0.6s;}
.down-list ul li:hover .date,.down-list ul li:hover .info em,.down-list ul li:hover .info span{color: #fff;}
.down-list ul li:hover .date{border-color: #fff;}

/*产品维护常识*/
.knowledge-list{overflow: hidden;}
.knowledge-list ul li{float: left; border-bottom: dashed 1px #cccccc; padding-bottom: 20px; margin-bottom: 20px;}
.knowledge-list ul li .pic{width: 176px; height: 130px; margin-right: 20px;}
.knowledge-list ul li .info{width: 1004px;}
.knowledge-list ul li .info strong{display: block; font-size: 16px; color: #333; margin: 20px 0 6px;}
.knowledge-list ul li .info p{line-height: 24px; color: #666;}
.knowledge-list ul li:hover{border-color:#47afe6; }
.knowledge-list ul li:hover .info strong{color: #47afe6}



/*内页留言反馈*/
.message{width: 1042px; margin: 0 auto;}
.message input,.message textarea{border: 1px solid #ccc;  font-family: "Microsoft YaHei"; margin-bottom: 16px;}
.message-left{ width: 555px;}
.message-left input,.message-left select{display: inline-block; width: 96%; line-height: 44px; text-indent: 13px; height: 44px; margin-bottom: 16px;}
.message-left select{border-radius: 2px;}
.message-right{width: 457px;}
.message-right textarea{ padding: 6px 12px; width: 431px; height: 218px;}
.message-right .fdsub{display: block; width: 100%; background: #47afe6; font-size: 18px; line-height: 44px; color: #fff; text-align: center; text-indent: 0px;}

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


/*企业文化*/
.culture-btn{text-align: center;}
.culture-btn li{display: inline-block; margin: 0 10px; cursor: pointer;}
.culture-btn li p{width: 120px; font-size: 15px; line-height: 35px; color: #333; background: #ededed; border-radius: 4px;}
.culture-btn li.on p{background: #43a3d6; color: #fff;}


.nynews-btn{text-align: center; margin-bottom: 20px;}
.nynews-btn ul li{display: inline-block; margin: 0 10px; cursor: pointer;}
.nynews-btn ul li a{display: block; width: 145px; font-size: 15px; line-height: 42px; color: #333; background: #ededed; border-radius: 4px;}
.nynews-btn ul li.on a{background: #43a3d6; color: #fff;}