@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 */


/*公共头部*/
.top{border-bottom: solid 1px #dcdcdc; background: #f2f2f2;}
.top  p{display: block; font-size: 12px; line-height: 42px; color: #989797; }
.top  span{display: block; background: url(../images/top-tel.png) no-repeat left center; padding-left: 28px; font-size: 20px; line-height: 42px; color: #0070c0; }

.head{height: 87px;}
.logo{margin-top: 8px;}
.head .logo h1 {line-height: 0px;}

.nav{height: 87px;}
.nav ul li{float: left; position: relative; width: 100px;}
.nav ul li>a{display: block; font-size:15px; line-height: 87px; color: #333; text-align: center; }
.nav ul li.on>a{background: #0070c0; color: #fff;}
.nav ul li:hover>a{background: #0070c0; 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: 126px;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: #017dc4; 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 .container{position: relative;}
.search-icon img{display: block; margin-top: 32.5px; margin-left: 32.5px;}
.search{ position: absolute; width: 195px; border: solid 1px #e5e5e5; margin-top: 23px; margin-left: 30px; right: 0; top: 84px; display: none; z-index: 2;}
.search input{font-family: "Microsoft YaHei"; outline: none;  border: none;}
.search .search-text{width: 110px; height: 38px; padding-left: 14px; background: transparent;}
.search .search-btn{background: url(../images/search-btn.png) no-repeat; width: 29px; height: 22px; position: absolute; top: 10px; right: 10px;}
.headfixed{position: fixed; background: #fff; top: 0; width: 100%; z-index: 222;}



/*首页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 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:18px;height:18px; margin:0 5px; cursor:pointer; float: left;background: url(../images/banner-num.png) no-repeat center;}
.banner-hd .num li.on {background: url(../images/banner-num-on.png) no-repeat center;} /*当前项*/


/*关于我们*/
.about{background: url(../images/about-bg.jpg) no-repeat top center; height: 592px; padding-top: 41px; }
.title h3{display: block; font-size: 24px; color: #333;}
.title span{display: block; font-size: 14px; color: #c5c5c5; font-style:italic; text-transform: uppercase; background: url(../images/about-title-line.png) no-repeat center;}
.about p{display: block; font-size: 15px; line-height: 30px; color: #666; text-align: center; width: 927px; margin: 31px auto 40px;}
.about ul {text-align: center; margin-bottom: 62px;}
.about ul li{display: inline-block; margin: 0 77px;}
.about ul li .icon img{display: block; margin: 0 auto 20px; } 
.about ul li:hover .icon img{transition: 0.8s; transform:rotate(360deg);-ms-transform:rotate(360deg); 	/* IE 9 */-moz-transform:rotate(360deg); 	/* Firefox */-webkit-transform:rotate(360deg); /* Safari 和 Chrome */-o-transform:rotate(360deg); 	/* Opera */}
.about ul li em{display: block; font-size: 14px; line-height: 14px; color: #666; text-align: center;}
.about-more{width: 144px; height: 42px; border: solid 1px #aaa; margin: 0 auto; font-size: 14px; line-height: 42px; color: #666;  text-align: center;}

/* Bounce To Right */
a.hvr-bounce-to-right {display:block;vertical-align: middle;-webkit-transform: translateZ(0);transform: translateZ(0);box-shadow: 0 0 1px rgba(0, 0, 0, 0);-webkit-backface-visibility: hidden;backface-visibility: hidden;-moz-osx-font-smoothing: grayscale;position: relative;-webkit-transition-property: color;transition-property: color;-webkit-transition-duration: 0.5s;transition-duration: 0.5s;background: #fff;color: #666;}
a.hvr-bounce-to-right:before {content: "";position: absolute;z-index: -1;top: 0;left: 0;right: 0;bottom: 0;background:#0070c0;-webkit-transform: scaleX(0);transform: scaleX(0);-webkit-transform-origin: 0 50%;transform-origin: 0 50%;-webkit-transition-property: transform;transition-property: transform;-webkit-transition-duration: 0.5s;transition-duration: 0.5s;-webkit-transition-timing-function: ease-out;transition-timing-function: ease-out;}
a.hvr-bounce-to-right:hover,a.hvr-bounce-to-right:focus,a.hvr-bounce-to-right:active {border: solid 1px #0070c0;color: white;}
a.hvr-bounce-to-right:hover:before,a.hvr-bounce-to-right:focus:before,a.hvr-bounce-to-right:active:before {-webkit-transform: scaleX(1);transform: scaleX(1);-webkit-transition-timing-function: cubic-bezier(0.52, 1.64, 0.37, 0.66);transition-timing-function: cubic-bezier(0.52, 1.64, 0.37, 0.66);}


/*产品中心*/
.product{background: url(../images/product-bg.jpg) no-repeat center top; height: 503px; padding-top: 39px; margin-bottom: 49px;}
.product .title{margin-bottom: 47px;}
.product .title h3{color: #fff;}
.product .title span{color: #c5c5c5; background: url(../images/pro-title-line.png)no-repeat center;}

.product-list{overflow: hidden;}
.product-list ul li{float: left; width: 283px; margin-right: 22px;}
.product-list ul li .pic{width: 281px; height: 247px; overflow: hidden; border: solid 1px #bfbfbf;}
.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 em{display: block; font-size: 14px; line-height: 48px; color: #fff; background: #0070c0; text-align: center;}
.product-list ul li:hover em{background: #2bbec5;}
.product-btn{text-align: center; margin: 50px auto 0;}
.product-btn  li{display: inline-block; background: #0070c0; width: 10px; height: 10px; cursor: pointer; border-radius: 50%; margin: 0 3px;}
.product-btn  li.on{background: #fff;}


/*新闻中心*/
.news{margin-bottom: 73px;}
.news-title{height: 43px; line-height: 43px; border-bottom: solid 1px #f4f4f4; margin-bottom: 24px;}
.news-title h3{font-size: 24px; color: #333;}
.news-title h3 em{font-size: 14px; color: #c5c5c5; text-transform: uppercase; margin-left: 11px;}
.news-title .news-more{font-size: 14px; color: #666; }
.news-title .news-more:hover{color: #0070c0;}

.latest-news{width: 481px;}
.latest-news .pic img{display: block; width: 481px; height: 195px; margin-bottom: 20px;}
.latest-news .info strong{display: block; font-size: 16px; line-height: 16px; color: #0070c0; margin-bottom: 7px;}
.latest-news .info span{display: block; font-size: 14px; color: #c0c0c0; font-style: italic;}
.latest-news .info p{display: block; font-size: 13px; line-height: 24px; color: #7b7b7b; margin: 6px 0 16px;}
.latest-news .info em{line-height: 13px; color: #4b4b4b;}
.latest-news .info em:hover{color: #0070c0;}

.news-list ul li{padding-top: 14px; padding-left: 12px; background: #fafafa; width: 693px; height: 102px; position: relative; margin-bottom: 20px;}
.news-list ul li:before{position: absolute; content: ''; top: 0; left:0; background: #0070c0; width: 0; height: 100%; z-index: 1;     transition: width 0.25s; -moz-transition: width 0.25s; -webkit-transition: width 0.25s; -o-transition: width 0.25s;}
.news-list ul li:hover:before{ width: 100%;}
.news-list ul li .info{position: relative; z-index: 2;}
.news-list ul li .info em{display: block; font-size: 15px; color: #666; margin-bottom: 6px; background: url(../images/news-icon.png) no-repeat left center; padding-left: 18px;}
.news-list ul li .info p{display: block; font-size: 13px; color: #989898; width: 461px;}
.news-list ul li .date{position: relative; z-index: 2; margin-right: 33px;}
.news-list ul li .date span{display: block; font-size: 27px; line-height: 54px; background: url(../images/arrow.png) no-repeat left bottom;}
.news-list ul li:hover .info em,.news-list ul li:hover .info p,.news-list ul li:hover .date span{color: #fff;}
.news-list ul li:hover .info em{background: url(../images/news-icon-on.png) no-repeat left center; font-weight: bold;}
.news-list ul li:hover .date span{background: url(../images/arrow-hover.png) no-repeat left bottom;}


/*公共底部*/
.foot{background: #0070c0; height: 278px;}
.foot-nav{padding-top: 51px; margin-bottom: 48px;}
.foot-nav ul li {float: left;}
.foot-nav ul li a{display: block; font-size: 15px; line-height: 15px; color: #fff;  font-weight: bold; text-align: center; padding: 0 25px; border-right: solid 1px #fff;}
/*.foot-nav ul li a:hover{color: #2bbec5;}*/
.foot  p{display: block; line-height: 26px; color: #fff;}
.foot  p a{color: #fff;}
.foot  p a:hover{text-decoration: underline;}
.wechat{margin-top: 92px; margin-right: 63px;}

/*在线咨询*/
.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:#0070c0; }
.service-box ul li:last-child{border:none;}

.service-box li p{position:absolute; left:-154px; 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: #0070c0;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;}


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

.position{height:50px;line-height:50px; text-align: left;color:#333;background-color: #EEEEEE;margin:20px auto; width: 1200px;}
.position span{margin-left:15px}
.position a{color:#333}
.position a:hover,.position a.on{color:#0070c0}


/*左侧*/
.ny-left{width: 270px;overflow: hidden;}
.ny-left .column-title{display: block; font-size:22px;font-weight:bold;letter-spacing:2px; line-height:70px; color: #fff; text-align: center; background: #0786D3; border-top-left-radius:2px; border-top-right-radius:2px;}
.ny-left .ctitle1 {border: solid 1px #ccc;margin-bottom: 20px;}
.ny-left .ctitle1 .on{ background: #0070c0;}
.ny-left .ctitle1 li{width: 250px;margin:10px auto; background: #333;color:#fff;text-indent: 20px;}
.ny-left .ctitle1 li a{display: block; font-size: 16px; line-height:48px; color: #fff;}
.ny-left .ctitle1 li:hover{ background:#0070c0;}

.ny-contact{background:#464646;height: 75px;padding-left: 30px;padding-top: 24px; }
.ny-contact em{display: block; font-size: 14px;line-height: 14px;color: #fff;margin-bottom: 10px;}
.ny-contact p{background: url(../images/ny-contact-tel.png)no-repeat left center;font-size: 20px;line-height: 28px;font-weight: bold; color: #fff; padding-left:38px;}

.ny-right{width: 900px;}


.nr-content{padding-top:20px;}


/*内页产品列表*/
.ny-product-list ul{width: 930px;}
.ny-product-list ul li{float: left; width: 280px; margin-right: 30px; margin-bottom: 25px;}
.ny-product-list ul li .pic{width: 278px; height: 244px; overflow: hidden; border: solid 1px #bfbfbf;}
.ny-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;}
.ny-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;}
.ny-product-list ul li em{display: block; background: #0070c0; padding: 0 10px; width: 260px; white-space: nowrap; text-overflow: ellipsis; overflow: hidden; font-size: 15px; line-height: 40px; color: #fff; text-align: center;}
.ny-product-list ul li:hover em{background: #2bbec5; }


/*产品详情*/
.ny-right  .pro1 .pro-list-pic{width: 332px;}
.ny-right  .pro1 .spec-preview img{display: block;}
.ny-right  .pro1 .descript1{width: 533px;}
.ny-right  .pro1 .descript1 strong.title1{line-height: 38px;font-size: 20px; color: #2d2d2d;display: block;}
.ny-right  .pro1 .descript1 p{width: 533px;font-size: 13px;color: #8e8e8e;line-height: 25px;}
.ny-right  .pro1 .descript1 a.consult{display: block; width: 120px; height: 40px; font-size: 15px; color: #fff; line-height: 40px; text-align: center; background: #0070c0; }
.ny-right  .pro1 .descript1 a.consult:hover{background-color: #2bbec5;}
.ny-right  .pro1 .descript1 p.haoma{font-size: 18px; font-weight: bold; color: #0070c0;line-height: 35px;margin-top: 10px; margin-bottom: 10px;}
.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 #0070c0; 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:#0070c0;}


/*内页公司新闻列表*/
.ny-news-list ul li{overflow: hidden;padding-bottom: 22px;border: none;border-bottom: solid 1px #f0f0f0; margin-bottom: 20px;}
.ny-news-list ul li .date{width: 82px;padding: 14px 7px;border:solid #dbdbdb 1px;border-radius: 5px;}
.ny-news-list ul li .date span{display: block;border-bottom: solid #dbdbdb 1px;font-size: 40px;line-height: 40px;color: #0070c0; padding-bottom: 8px;}
.ny-news-list ul li .date p{font-size: 17px;line-height: 17px;color: #747474; margin-top: 15px;}
.ny-news-list ul li .descript{overflow: hidden;width: 770px;}
.ny-news-list ul li .descript strong{width:600px; font-size: 16px;line-height: 38px;color: #232323;font-weight: bold;display: block;text-overflow: ellipsis;white-space: nowrap;overflow: hidden;}
.ny-news-list ul li .descript strong:hover{color: #0070c0; }
.ny-news-list ul li .descript p{color: #5f5f5f;font-size: 14px;line-height: 22px;}

/*内页常见问题列表页*/
.problem-list ul li{background: #eee; padding: 10px; margin-bottom: 20px;}
.problem-list ul li span{ display: block;margin:8px 0;overflow: hidden;}
.problem-list ul li span b{text-align: center;display: inline-block;width:26px;height:26px;border-radius:100%;color:#fff;font-weight: normal;margin-right:8px;line-height:26px;}
.problem-list ul li span b,.problem-list ul li span em{float:left}
.problem-list ul li span em{width:88%;}
.problem-list ul li .new-m-span1 b{ background: #0070c0;}
.problem-list ul li .new-m-span2 b{ background: #2bbec5;}
.problem-list ul li .new-m-span1{font-size:15px}
.problem-list ul li .new-m-span2{font-size:13px;}
.problem-list ul li:hover .new-m-span1{color:#0070c0}


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