@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: 1100px; 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:1100px; 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{height: 85px; }
.logo{margin-top:21px; }
.head .logo h1 {line-height: 0px;}

.head-tel{margin-top: 26px; }
.head-tel span{display: block; font-size: 20px; color: #333; line-height: 20px;text-align: center;}
.head-tel span em{font-size: 24px; font-family: arial;}

.pannel{height: 36px; margin-bottom: 21px;}
.nav{ height: 36px; width: 720px; float: left;}
.nav ul li{float: left; position: relative; margin-right: 72px;}
.nav ul li:last-child{margin-right: 0px;}
.nav ul li a{display: block; font-size:15px; line-height: 36px; color: #000; }
.nav ul li:hover>a{color: #0067c4; } 
.nav ul li.on>a{color: #0067c4;}
.nav ul li .hide{background-color: #fff;box-shadow: 0 6px 12px rgba(0, 0, 0, 0.18);float: left;font-size: 14px;left: -25px;display: none;width: 110px;opacity: 0.95;position: absolute;text-align: center;z-index: 10000;}
.nav ul li .hide em {float: left; display: block; width: 110px;}
.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: #2c52a1; 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;}


.search{width: 228px; position: relative;}
.search .search-text{width: 217px; height: 34px; padding-left: 9px; background: #fff; border:solid 1px #3386d0; color: #bebebe; font-size: 14px; font-family: '微软雅黑'; outline: none;line-height: 34px;}
.search .search-btn{ width: 21px; height:20px; background: url(../images/bt.png)no-repeat ;border: 0px; cursor: pointer;outline: none; position: absolute; right: 12px; top: 7px;}


/*首页banner*/
.banner{position:relative;}
.banner-hd {height:400px;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:14px;height:14px;  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; } /*当前项*/


/*产品展示*/
.title{text-align: center;}
.title em{display: block; font-size: 20px; line-height: 20px; color: #000; margin-bottom: 10px;}
.title span{display: block; font-size: 14px; line-height: 10px; color: #000; text-transform: uppercase;}
.product{margin-top: 25px;}
.product-list{margin-top: 32px;}
.product-list ul li{float: left; width:360px; background: url(../images/product-li-bg.jpg) no-repeat center; margin-right: 10px; height: 200px; margin-bottom: 31px;}
.product-list ul li:nth-child(3n){margin-right: 0px;}
.product-list ul li .product-pic{margin-left: 10px; margin-top: 51px;}
.product-list ul li .product-info{width: 177px; margin-right: 16px;}
.product-list ul li .product-info em{display: block; font-size: 16px; line-height: 16px; color: #000; margin: 24px 0 18px;}
.product-list ul li .product-info pre{display: block; font-size: 14px; line-height: 18px; color: #333; font-family: "Microsoft YaHei";}
.product-list ul li:hover .product-info em{color: #0067c4;}

/*新闻中心*/
.news{ margin: 11px 0 68px;}
.news-list{margin-top: 33px;}
.news-list ul li{border: solid 1px #76aedf; height: 180px;}
.news-list ul li .news-title{width: 157px; height: 180px;}
.news-list ul li .news-title .news-icon{height: 47px; margin:41px 0px 15px;}
.news-list ul li .news-title em{display: block; font-size: 16px; line-height: 16px; color: #3386d0; font-weight: bold; text-align: center;}
.news-list ul li:nth-child(1) .news-title .icon-img {background: url(../images/news-icon1.png) no-repeat top center;}
.news-list ul li:nth-child(2) .news-title .icon-img {background: url(../images/news-icon1.png) no-repeat top center;}
.news-list ul li:nth-child(2) {border-top: none;}
.news-list ul li .news-pic{margin-right: 33px;}
.news-list ul li .news-info{width: 477px;}
.news-list ul li .news-info em{display: block; font-size: 16px; line-height: 16px; color: #333; margin: 24px 0px 12px;}
.news-list ul li .news-info span{display: block; font-size: 14px; color: #c6c6c6; line-height: 10px;}
.news-list ul li .news-info p{display: block; font-size: 14px; line-height: 24px; color: #666; margin: 8px 0 3px;}
.news-list ul li .news-title em:hover{color: #e92626;}
.news-list ul li .news-info em:hover{color: #3386d0;}

/*公共底部*/
.foot{background: #efefef; height: 146px;}
.flink-list{padding-top: 21px; margin-bottom: 9px;}
.flink-list ul em{display: inline-block; font-size: 14px; line-height: 14px; color: #000;}
.flink-list ul li{float: left; margin-right: 10px;}
.flink-list ul li a{display: block; font-size: 14px; line-height: 14px; color: #666;}
.flink-list ul li a:hover{color: #3386d0;}
.foot-content .foot-logo{padding-top: 27px;}
.foot-nav{width: 832px;}
.foot-nav ul{border-bottom: solid 1px #d0d0d0; height: 50px;}
.foot-nav ul li{float: left;margin-right: 80px;}
.foot-nav ul li:nth-child(1){margin-left: 26px;}
.foot-nav ul li:nth-child(3){margin-right: 50px;}
.foot-nav ul li a{display: block;  font-size: 16px; line-height: 50px; color: #000;}
.foot-nav ul  p{display: inline-block; font-size: 14px; line-height: 51px; color: #000; padding-left: 40px;}
.foot-nav ul  p span{font-family: arial;}
.foot-nav ul  .foot-add-icon{background: url(../images/foot-add-icon.png) no-repeat left center; }
.foot-nav ul  .foot-tel-icon{background: url(../images/foot-tel-icon.png) no-repeat left center; }
.foot-nav ul:nth-child(2){border-bottom:none;}
.foot-nav ul li a:hover{color: #3386d0;}
.foot-text{background: #000;}
.foot-text p {display: block; font-size: 14px; line-height: 62px; color: #fff; text-align: center;}
.foot-text p a{color: #fff;}
.foot-text p a:hover{color: #e92626;}


/*在线咨询*/
.zx-service{position:fixed; right:0px; top:175px;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:#0067c4; }
.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: #0067c4;padding: 10px 0px;}
.service-box li p.qq-tel{width: 200px; left: -220px;}
.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: 300px;}
.ny-main{margin-top: 25px; margin-bottom:100px;}
.ny-left{width: 251px; }
.ny-left .ny-left-title{ display: block; color: #000; font-size: 18px;line-height: 52px; border-bottom: 1px solid #dcdcdc; padding-left: 25px; font-weight: bold; border:1px solid #dcdcdc;}
.ny-left .ctitle1{padding-top:18px; border:1px solid #dcdcdc; border-top: none;}
.ny-left .ctitle1 li a h3{display: block; font-size: 15px; line-height: 48px; padding-left: 27px;}
.ny-left .ctitle1 li.on a h3{background: #f6f6f6; border-left: solid 8px #0067c4; color: #0067c4; padding-left: 19px;}
.ny-left .ctitle1 li:hover a h3{background: #f6f6f6; border-left: solid 8px #0067c4; color: #0067c4; padding-left: 19px;}
.ny-left .ny-contact{margin-top:25px; border:1px solid #dcdcdc;}
.ny-left .ny-contact img{margin-top: 6px; margin-left: 5px;}
.ny-left .ny-contact p{display: block; font-size: 16px; color: #333333; margin-top: 10px; padding-left: 16px; margin-bottom: 15px;}
.ny-right{width: 819px;}
.ny-right .position{border-bottom: 1px solid #dadada; margin-bottom: 20px;}
.ny-right .position h3{font-size: 19px; line-height: 53px; font-weight: normal; padding-left: 16px; color: #535353;}
.ny-right .position span{font-size: 13px; color: #8f8f8f; padding-top: 20px;}
.ny-right .position span a:hover{color: #0067c4;}

/*内页产品列表*/
.ny-product-list ul li{float: left;  width: 261px; margin-right: 18px;}
.ny-product-list ul li .ny-product-pic{border: solid 1px #c4c4c4; width: 259px; height: 176px; overflow: hidden;}
.ny-product-list ul li:nth-child(3n){margin-right: 0px;}
.ny-product-list ul li .ny-product-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 .ny-product-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 .ny-product-name {display: block; font-size: 16px; line-height: 16px; color: #333; text-align: center; padding: 0 5px; width: 251px; white-space:nowrap;text-overflow:ellipsis;overflow: hidden; margin: 20px 0px 15px; }
.ny-product-list ul li:hover .ny-product-name{color: #0067c4;}

/*产品详情*/
.ny-right  .pro1 .pro-list-pic{width: 332px;}
.ny-right  .pro1 .spec-preview img{display: block;}
.ny-right  .pro1 .descript1{width: 455px;}
.ny-right  .pro1 .descript1 strong.title1{line-height: 38px;font-size: 20px; color: #2d2d2d;display: block;}
.ny-right  .pro1 .descript1 p{width: 455px;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: #0067c4; }
.ny-right  .pro1 .descript1 a.consult:hover{background-color: #e92626;}
.ny-right  .pro1 .descript1 p.haoma{font-size: 18px; font-weight: bold; color: #e92626;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 #0067c4;}
.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:#0067c4;}
.ny-right  .detail .infor{padding-top: 15px;}
.ny-right  .detail .infor p{font-size: 14px;color: #2d2d2d;line-height: 25px;}



.ny-news-list ul li{border-bottom: 1px dashed  #bbbbbb; margin-bottom: 17px;}
.ny-news-list ul li h3{font-size: 17px; color: #141414; font-weight: normal; margin-bottom: 8px; background: url(../images/newsico.jpg) left no-repeat; padding-left: 25px;}
.ny-news-list ul li h3.down {font-size: 14px;}
.ny-news-list ul li h3 a{display: inline-block; color: #141414; width: 640px; white-space:nowrap;text-overflow:ellipsis;overflow: hidden;}
.ny-news-list ul li h3 a:hover{color: #0067c4;}
.ny-news-list ul li em{display: inline-block;font-size: 13px; color: #707070;}
.ny-news-list ul li p{margin-bottom:15px; color: #707070;}


.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;}