@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; }
BODY {FONT:13px/1.75 "SimHei", arial,sans-serif; COLOR: #666;  background:#fff;min-width: 1200px; overflow-x: hidden;}
A {COLOR: #666; TEXT-DECORATION: none}
P{COLOR: #434343;}
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;}
.bg-black{background: #000;}
.col-black{color: #000;}
.col-white{color: #fff;}
.col-orange{color: #f08300;}

/* CSS Document */


/*公共头部*/
.head{position: fixed; top:0px; background: #fff; width: 100%; z-index: 99999;}
.head .logo h1{line-height: 0;}
.head-tel{margin-top: 20px; }
.head-tel p{line-height: 27px; color: #1496d6;background: url(../images/head-tel.png) no-repeat top left; padding-left: 33px; }
.head-tel .tel-num{font-size: 18px;  line-height: 30px; color: #1496d6; font-family: arial; font-weight: bold;}
.zw{height: 90px;}

/*nav导航*/
.nav{ margin-left: 120px;}
.nav ul{}
.nav ul li{position: relative; float: left;  }
.nav ul li a{display: block; font-size: 16px; line-height: 90px; color: #333; text-align: center; padding: 0 17px; }
.nav ul li a:hover{background: #1496d6; color: #fff;}
.nav ul li a.on{background: #1496d6; color: #fff;}
.nav li dl{position:absolute;  top:90px; z-index:100000; display:none; width:180px;background:#ffffff; -moz-box-shadow: 0px 0px 15px rgba(0,0,0,0.4); /* 老的 Firefox */box-shadow: 0px 0px 15px rgba(0,0,0,0.4) ;}
.nav li dl dd a{display:block; text-align:center;line-height:40px; height:40px; width: 100%;background: none;padding: 0; color: #616161 }
.nav li dl dd a:hover{ color: #fff; background: #1496d6;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:500px;position: relative; overflow:hidden;}
.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:72px;height:9px;  color: #FFFFFF;margin:0 5px; cursor:pointer; float: left;background:url(../images/banner-ico.png) no-repeat;}
.banner-hd .num li.on { background:url(../images/banner-ico-on.png) no-repeat } /*当前项*/



/*公司简介*/
.about {margin-top: 34px;}
.about .about-title em{font-size: 36px; color: #3a3a3a; display: block; line-height: 36px;}
.about .about-title h2{ font-weight: normal; font-size: 26px; line-height: 26px; color: #3a3a3a; padding-top: 23px; padding-bottom: 27px; width: 128px; margin: 0 auto; border-top: 1px solid #bfbfbf; margin-top: 27px;}
.about .content{line-height: 27px; margin-bottom: 52px; overflow: hidden;}
/*.about .fast-link{width:1236px;}*/
.about .fast-link ul li{ float: left; margin: 0 13px; width: 274px; height: 202px; position: relative;}

.about .fast-link .pic{ margin: 0 auto; width: 274px; height: 202px; overflow: hidden; position: relative;}
.about .fast-link .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;}
.about .fast-link 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;}
.about .fast-link .cs-title{position: absolute;top:41px; left: 50%; margin-left: -34px; z-index: 999;}
.about .fast-link .cs-title h3{ color: #fff; border-bottom: 1px solid #fff; padding:18px 0; font-size: 16px; line-height: 16px; }
.about .fast-link .miaoshu{ position: absolute; top:63px; left: 50%; margin-left: -111px; width: 222px;}
.about .fast-link .miaoshu p,.about .fast-link .miaoshu span{color: #fff;}
.about .fast-link .miaoshu span{ width:100px; height:31px; line-height: 31px; border:1px solid #fff; display: block; margin:0 auto; margin-top: 20px;}
.about .fast-link .hidden{opacity: 0; }
.about .fast-link ul li:hover .cs-title{ opacity: 0; -webkit-transition:0.4s ; transition:0.4s;}
.about .fast-link ul li:hover .miaoshu{ opacity: 1; -webkit-transition:0.4s ; transition:0.4s;}

.title h2{font-size: 26px; color: #3a3a3a; font-weight: normal; text-align: center;}
.title em{font-size: 16px; color: #838383; text-align: center; display: block;}
.title2 h2 ,.title2 em{color: #fff;}

/*产品中心*/

.pro{background: url(../images/pro-bg.jpg) no-repeat center center;margin-top: 56px; margin-bottom: 30px; padding-top: 35px; padding-bottom: 50px;}
.pro .content{overflow: hidden; text-align: center;}
.pro .pro-list li{width: 273px;  margin:0 13px; float: left; position: relative;}
.pro .pro-list li span{padding: 0 15px; white-space:nowrap;text-overflow:ellipsis;overflow: hidden;display: block; background: url(../images/protitle.png); font-size: 16px; line-height:61px; color: #fff; text-align: center;}
.pro .pro-list li:hover span{background: url(../images/protitle2.png);}
.pro .pro-list li .pic{overflow: hidden; width:273px; height: 259px;}
.pro .pro-list 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;}
.pro .pro-list 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;}
.pro .content .pro-hide{position: absolute; top: 0px; display: none; width: 273px; height: 259px; background: rgba(2,64,136,0.7);}
.pro .content .pro-hide p{width: 226px; display: block; margin:0 auto; color: #fff; padding-top: 95px; }
.pro .pro-bd{width: 1200px; overflow: hidden; margin-top: 40px;}

.pro .prev,.pro .next{display: inline-block; width: 87px; height: 38px; background: url(../images/zjt.png); cursor: pointer; margin-top:54px; }
.pro .next{background: url(../images/yjt.png); margin-left:30px;}


/*新闻中心*/
.news{margin-bottom: 38px;}
.news .content{margin-top: 37px; margin-bottom: 41px;}
.news .news-left{width: 531px; background: #f8f8f8; padding-bottom: 21px;}
.news .news-left .top {width: 391px; margin: 0 auto;}
.news .news-left .top span{font-size: 20px; line-height: 72px; color: #959595; font-weight: lighter;}
.news .news-left .top h3{  /*white-space:nowrap;text-overflow:ellipsis;*/overflow: hidden;font-size: 18px; line-height: 26px; font-weight: normal; color: #393939;}
.news .news-left .top p{color: #a3a3a3; margin:15px 0; }
.news .news-list li{ border-bottom: 1px solid #f8f8f8; position: relative; }
.news .news-list li:last-child{ border-bottom:0; }
.news .news-list li::before{ display: block; height:137px; content: ""; background: #1496d6;position:absolute;top: 0; width:0; z-index: -999; transition:width 0.25s;-moz-transition:width  0.25s; /* Firefox 4 */-webkit-transition:width  0.25s; /* Safari and Chrome */-o-transition:width  0.25s; /* Opera */} 
.news .news-list li:hover::before{width:100%;}
.news .news-list .newsbg{background: url(../images/newsbg.png) 13px 24px no-repeat; width: 563px; height: 137px; }
.news .news-list .news-title{width: 363px; margin-left: 40px; margin-top: 15px;}
.news .news-list .news-title h3{ white-space: nowrap; text-overflow:ellipsis;overflow: hidden;font-weight: normal; font-size: 16px; color: #676767;}
.news .news-list .news-title p{ color: #959595; font-size: 15px; margin-top: 16px;}
.news .news-list span{font-size: 20px; font-weight: lighter; margin-top: 7px; margin-right: 25px;}
.news .news-list li:hover .newsbg{background: url(../images/newsbg2.png) 13px 24px no-repeat;}
.news .news-list li:hover h3,.news .news-list li:hover p,.news .news-list li:hover span{color: #fff;}



/*应用案例*/
.case{margin-bottom: 80px;}
.case .honor_box ul li {position: relative;}
.case .honor_box ul li span{display: block; position:absolute; bottom: 0; width:100%; height: 45px; color: #fff; line-height: 45px; text-align: center; background: rgba(0,0,0,0.60);}



/*公共底部footer*/
.footer{background: #fcfcfc; padding-top: 40px; padding-bottom:56px; }
.footer .foot-about {width: 310px;}
.footer .foot-about p{ margin:14px 0; color: #707070; }
.footer .foot-about  span{width: 95px; height: 34px; color: #fff; background: #1496d6; display: block; line-height: 34px; text-align: center; margin: 0 auto;}
.footer .foot-about  span a{color: #fff;}
.footer .foot-nav{width: 220px; margin-left: 85px;}
.footer .foot-nav dl dt,.footer .foot-right dl dt{font-size: 16px; color: #707070; margin-bottom: 18px; line-height: 16px; margin-top: 14px;}
.footer .foot-nav dl dd{display: inline-block; margin-right:18px; }
.footer .ewm{margin-left: 50px; margin-top: 20px;}
.footer .ewm img{display: block;}
.footer .ewm span{display: block; text-align: center;}
.footer .foot-right{width: 360px; }
.footer .foot-right dl{background: url(../images/add.png) 0 44px no-repeat;}
.footer .foot-right dl dd{line-height: 32px; padding-left: 25px;}
.copyright {background: #1496d6; color: #fff; font-size: 16px; line-height:58px; }
.copyright a{color: #fff;}

.gjc ul em,.links ul em{color: #666;}
.gjc ul li a,.links ul li a{float: left; margin-right: 15px; color: #666;}
.gjc ul li a:hover,.links ul li a:hover {color: #1496d6;}

/*在线咨询*/
.zx-service{position:fixed; right:10px; top:315px; z-index: 100;}
.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:#1496d6; }
.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: #1496d6;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;}


/*内页banner*/
.ny-banner{ height: 228px; background: url(../images/ny-banner.jpg);}

/*内页面包屑*/
.pos{background: #eee; height: 47px;}
.pos span{line-height: 47px; background: url(../images/home.png) no-repeat; padding-left: 32px;}

/*内页内容区*/
.ny-content{margin-top: 19px; margin-bottom: 56px;}
/*内页左侧*/
.ny-content .left{width: 200px;}
.ny-content  .left h3{background: #1496d6; font-size: 18px; line-height: 47px; text-align: center; color: #fff;}
.ny-content  .ny-nav ul{border: 1px solid #eaeaea;}
.ny-content  .ny-nav ul li{background: url(../images/ny-navico.png) right center no-repeat; line-height: 26px; padding-left: 30px;  margin-right: 36px;margin-bottom: 30px;margin-top: 30px;}
.ny-content  .ny-nav ul li a{font-size: 15px; color: #4c4b4b;}
.ny-content  .ny-nav ul li a:hover{color: #1496d6;}
.ny-content  .ny-nav ul .on a{color: #1496d6; }

.ny-content .ny-tjpro {margin-top: 15px; margin-bottom:18px; text-align: center; }
.ny-content .pro-bd {border: 1px solid #eaeaea;}
.ny-content .pro-bd ul li{text-align: center; margin-top:10px; }
.ny-content .pro-bd ul li span{display: block; line-height: 47px; border-top: 1px solid #eaeaea; margin-top: 10px;}
.ny-content .ny-tjpro .prev,.ny-content .ny-tjpro .next{display:inline-block;width: 50px; height: 30px; background: url(../images/ztj.jpg); margin-top:8px; cursor: pointer;}
.ny-content .ny-tjpro .next{background: url(../images/ytj.jpg);}

.ny-content .ny-contact .tel{width: 182px; background: #1496d6; padding-top: 13px; padding-bottom: 12px; margin-bottom:20px; }
.ny-content .ny-contact .tel span{display: block; color: #fff; background: url(../images/wxico.png) left no-repeat;margin-left: 40px;padding-left: 30px; line-height:28px;}
.ny-content .ny-contact .tel em{font-size: 18px; font-weight: bold; color: #fff; margin-left: 25px;}

.ny-content .ny-contact .ny-ewm{border: 1px solid #eaeaea; text-align: center;}
.ny-content .ny-contact .ny-ewm span{background: url(../images/lxico.png) 26px no-repeat; display: block; line-height: 50px; text-align: center; font-size: 15px; border-bottom: 1px solid #eaeaea;}
.ny-content .ny-contact .ny-ewm img{margin-top:15px; }
.ny-content .ny-contact .ny-ewm p{display: block; text-align: center;font-size: 12px; line-height: 18px; margin-bottom:20px; color: #333333; }


/*内页右侧*/
.ny-content  .right{width: 976px; overflow: hidden;}
.ny-content  .right h2{font-size: 17px; font-weight: normal; line-height: 19px; background: url(../images/bar.png) left no-repeat; padding-left: 18px; margin-bottom: 32px;}

/*内页产品右侧*/
.right .right-cont .pro-list li{width: 280px; float: left; margin-bottom: 33px; position: relative; margin-right: 45px;}

.right .right-cont .pro-list li h3{font-size: 16px; color: #606060; font-weight: normal; margin-top: 21px; line-height: 17px;width: 190px; white-space:nowrap;text-overflow:ellipsis;overflow: hidden;}
.right .right-cont .pro-list li span{display: block; width: 83px; height: 30px; background:#b5b5b5; text-align: center; line-height: 30px; color: #fff; margin-top: 16px; }

.right .right-cont .pro-list li .pic{overflow: hidden; width:282px; height: 268px; border: 1px solid #d8d8d8;}
.right .right-cont .pro-list 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;}
.right .right-cont .pro-list li .pic:hover>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;}

.right .right-cont .pro-list .nypro-hidden{display: none; position:absolute; top: 0;  width: 283px; height: 269px; background: rgba(20,150,214,0.8);}
.right .right-cont .pro-list .nypro-hidden img{margin:0 auto; display: block; margin-top:97px; }
.right .right-cont .pro-list li h3:hover{color: #1496d6;}
.right .right-cont .pro-list li span:hover{background: #1496d6;}


/*案例*/
.right .right-cont .case-list li{width: 280px; float: left; margin-bottom: 33px; position: relative; margin-right: 45px;text-align: center;}

.right .right-cont .case-list li h3{font-size: 17px; color: #606060; font-weight: normal; margin-top: 21px; line-height: 17px;width: 280px; text-align: center;white-space:nowrap;text-overflow:ellipsis;overflow: hidden;}

.right .right-cont .case-list li .pic{overflow: hidden; width:280px; height: 149px; border: 1px solid #d8d8d8;}
.right .right-cont .case-list li .pic>img{ width: 280px; height: 149px;  display: block; -webkit-transition: opacity 1s, -webkit-transform 1s; transition: opacity 1s, transform 1s; -webkit-backface-visibility: hidden;backface-visibility: hidden;opacity: 1;}
.right .right-cont .case-list li .pic:hover>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;}

.right .right-cont .case-list li h3:hover{color: #1496d6;}
.right .right-cont .case-list li span:hover{background: #1496d6;}

/*内页新闻右侧*/
.right .news-list li{margin-bottom: 30px;}
.right .news-list li .news-pic{width: 209px; height: 130px;}
.right .news-list li .news-pic img{display: block; width: 209px; height: 130px;}
.right .news-list li .news-cont{width: 729px;}
.right .news-title{ margin-top: 5px; margin-bottom: 10px;}
.right .news-title h3{font-size: 16px; line-height: 16px; font-weight: normal; }
.right .news-title h3 a{color: #5c5c5c;}
.right .news-title h3 a:hover{color: #1496d6;}
.right .news-list li .news-cont p{color:#757575; }
.right .news-list li .news-cont .more{width: 95px; height: 30px; background: #a0a0a0; color: #fff; display: block; text-align: center;line-height: 30px; margin-top: 10px; }
.right .news-list li .news-cont .more:hover{background: #1496d6;}



.right .right-cont p{ font-size:16px; }

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


.ny-load-list{margin-top: 50px;}
.ny-load-list ul li {width: 473px;height: 55px;border: 1px solid #DEDEDE;line-height: 55px;text-indent: 88px;background: url(../images/load-icon.png) no-repeat center left 30px;float: left;margin-right: 25px;margin-bottom: 25px;}
.ny-load-list ul li:nth-child(2n){margin-right: 0}
.ny-load-list ul li a {display: block;width: 455px;height: 55px;}
.ny-load-list ul li a:before {content: '';display: block;width: 1px;height: 20px;background: #D5D5D5;float: left;position: relative;top: 18px;left: 72px;}

.ny-load-list ul li{width: calc(100% - 2px)}
.ny-load-list ul li a{width: 80%}



.load-info p{font-size: 16px!important; font-family: arial;}