@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: #333;  background:#fff;min-width: 1120px; overflow-x: hidden;}
a { text-decoration: none; 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}
li {padding-bottom: 0px; list-style-type: none; margin: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px}
p,strong,em{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}
tr {padding-bottom: 0px; list-style-type: none; margin: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px}
.cl{height: 0px; clear: both;}
.fl{float: left; display: block;}
.fr{float: right;}
.container{width:1120px; margin:0 auto; height: 100%;}
.container1{width:1580px; margin:0 auto; height: 100%;}
.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;}
/*strong{font-weight: normal;}*/
/* CSS Document */

/*head*/
.head{ padding-top: 21px; width: 100%;background: url(../images/head-bg.png) no-repeat center; height: 104px;}
/*body{ position: relative;}*/
.head .logo{ margin-left: 8%; width:0.08%;}
.head-text{ border-left: 1px solid #d1d1d1; padding-left: 22px; margin-top: 10px;}
.head-text em{ font-size: 16px; line-height: 27px; color: #c0293e;}
.head-text p{ font-size: 14px; line-height: 22px;}
.head-brand{ margin-left: 16%; width: 50%; overflow: hidden; margin-top: 0px;}
.head-brand .logo-name{ float: left; display: block; margin-right: 10px; font-weight: bold; line-height: 40px; font-size: 20px;}
.head-brand ul{ width: 100%; overflow: hidden; height: 62px; }
.head-brand ul li{ float: left; margin-right: 10px; display: block; width: 14%; height: 62px;}
/*.head-brand ul li:nth-child(7){ width: 150px; display: block;}*/
.head-brand img{display: block; margin: auto;max-width: 111px;}
.head-tl{ margin-right: 8%; background: url(../images/head-tel.png) no-repeat left 30px ; padding-left: 45px;}
.head-tl span{ font-size: 15px;}
.head-tl .tel-num{ font-size: 20px; color: #ba001a; font-family: arial; font-weight: bold; line-height: 20px;}

/*导航*/
.nav{ background-color:  #1689d9;}
.nav .nav-list li{ float: left; font-size: 15px; position: relative;}
.nav .nav-list li>a{ color: #fff; height: 50px; line-height: 50px; width: 140px; display: block;}
.nav .nav-list .on{ background: #10588a;}
.nav .nav-list li a:hover{ background: #10588a;}
.nav .nav-list li .hide{color: #fff; min-width: 140px; background-color: #1689d9; box-shadow: 0 6px 12px rgba(0, 0, 0, 0.18);opacity: 0.95; display: none; position: absolute; top: 50px; z-index: 1000;}
.nav .nav-list li .hide2{ min-width: 180px; left: -20px;}
.nav .nav-list li .hide em a{color: #fff; min-width: 140px; height: 35px; line-height: 35px; font-size: 14px; display: block; text-align: center;}
.nav .nav-list li .hide em a:hover{ background-color: #10588a;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;}
.nav-fixed {position: fixed;top: 0px;width: 100%;z-index: 100000;background: rgba(22,137,217,0.8);}

/*banner*/
.banner{position:relative; z-index: 2;}
.banner-hd {height:532px;position: relative; overflow:hidden;}
.banner-hd  ul{height:100%;margin: 0 auto;}
.banner-hd  ul li{height:100%;}
.banner-hd  ul li a {display: block; height:100%;}
/*banner number*/
.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:104px; margin-right: 20px; height:13px;  color: #FFF; cursor:pointer; float: left;background:url(../images/banner-icon.png) no-repeat;}
.banner-hd .num li.on { background:url(../images/banner-icon-on.png) no-repeat } 

/*about*/
.about{ padding-top: 50px; background: #f0f0f0; padding-bottom: 55px;}
.about-left{width: 700px;}
.about-left em{ font-size: 25px; color:#1689d9; line-height: 30px;}
.about-left strong{ font-size: 24px;}
.about-left p{ font-size: 14px; color: #666; line-height: 26px; margin-top: 5px;}
a.more{ font-size: 16px; width: 147px; height: 45px; line-height: 45px; display: block; background:#1689d9; color: #fff; margin-top: 40px;}
a.more:hover{ background-color: #10588a;}
.about-right{ margin-top: 20px;}

/*产品*/
.pro-title{ margin-top: 35px; padding-top: 37px; margin-bottom: 40px;background: url(../images/pro-title-bg.png) no-repeat top center;}
.pro-title strong{ font-size: 25px; line-height: 50px;}
.proclass-list strong{line-height: 58px;  border-radius: 8px 8px 0 0; margin-bottom: 10px;}
.proclass-list strong,.proclass-list a.proclass-more{font-size: 16px; font-weight: bold; display: block; width: 264px; color: #fff; background-color: #1689d9;}
.proclass-list a.proclass-more{ line-height: 52px; margin-top: 10px;}
.proclass-list ul li{ margin-bottom: 4px;}
.proclass-list ul li a{ background-color: #1689d9; width: 264px; color: #fff; display: block; line-height: 49px; font-size: 15px;}
.proclass-list ul li a:hover{ background-color: #f6f6f6; color: #1689d9;}
.pro-list{ width: 840px; margin-top: 4px;}
.pro-list ul li{ border-bottom: 2px solid #1689d9; width: 266px; float: left; margin-right: 20px; margin-bottom: 55px;}
.pro-list ul li:nth-child(3n){ margin-right: 0;}
.pro-list ul li .pro-img{ position: relative; overflow: hidden; width: 264px; height: 242px; border:1px solid #d6d6d6;}
.pro-list ul li a em{ font-size: 15px; line-height: 50px; text-align: center; display: block; width: 266px; overflow: hidden;white-space:nowrap;text-overflow:ellipsis;}
.pro-img .hide{ position: absolute; top: -100%;transition:0.5s;-moz-transition:0.5s;-webkit-transition:0.5s;-o-transition:0.5s; left: 0;width: 100%; height: 100%; z-index: 1000; background:rgba(22,137,217,0.8);}
.pro-img .hide p{ width: 210px; margin: 0 auto; margin-top:30%;   color: #fff; font-size: 14px; line-height: 24px;}
.pro-list ul li a:hover .pro-img 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-list ul li a:hover em{ color: #1689d9;}
.pro-list ul li a:hover .pro-img .hide{ top:0;}

/*资质*/
.honor{ padding-bottom: 110px; margin-top: 45px; background: url(../images/honor-bg.png) no-repeat center bottom;}
.honor-left ul{ width: 698px;}
.honor-left ul li{ float: left; width: 216px; height: 261px; border: 1px solid #d6d6d6; margin-right: 22px;}
.honor-left ul li:hover{ border-color: #1689d9;}
.honor-right{ width: 371px;}
.honor-right .hr-txt{ padding-top: 10px; height: 90px; padding-right: 10px; background-color: #fff;}
.honor-right .hr-txt em{ text-transform: uppercase; font-size: 25px;color: #1689d9;}
.honor-right .hr-txt strong{ font-size: 24px;}

/*news*/
.news{ margin-top: 65px; margin-bottom: 70px;}
.news .title{ margin-bottom: 25px; border-bottom: 1px solid #dcdcdc; width: 100%;}
.news .title strong{ float: left; font-size: 24px; border-bottom: 2px solid #1689d9;}
.news .title em{ text-transform: uppercase; font-size: 25px; color: #1689d9;}
.news a.more2{ font-size: 16px;}
.news a.more2:hover{ color: #1689d9;}
.news .news-list{ width:100%;}
.news .news-list li{ float: left; width: 360px; display: block; margin-right: 20px;}
.news .news-list li:last-child{ margin-right: 0;}
.news .news-list li a .news-pic{ width: 358px; height: 191px; overflow: hidden; border:1px solid #e8e8e8;}
.news-text{ height: 170px; overflow: hidden; margin-top: 2px; padding:20px 10px;}
.news-text strong{ font-size: 15px; line-height: 25px;}
.news-text em{ font-size: 14px; color: #c3c3c3;}
.news-text p{ font-size: 14px; color: #888; line-height: 24px;}
.news .news-list li a:hover .news-text{ background-color: #1689d9;}
.news .news-list li a:hover .news-text strong,.news .news-list li a:hover .news-text p{ color: #fff;}
.news .news-list li a:hover .news-text em{color: #7ecaff;}
.news .news-list li a:hover .news-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;}

/*底部*/
.footer{ background-color: #333; padding-top: 40px; padding-bottom: 30px;}
.footer-nav li{ display: inline-block; padding:  0 37px;}
.footer-nav li a{color: #fff; line-height: 30px;}
.footer-nav li a:hover{color:#1689d9; }
.footer-contact{ border-bottom: 1px solid #585858; border-top: 1px solid #585858; margin: 15px; padding: 35px 0;}
.footer-contact p{ color: #ccc; line-height: 30px;}
.copyright{ background: #333;}
.copyright p,.copyright p a{ color: #8c8c8c; font-size: 14px;}
.copyright p a:hover{color: #fff;}

/*友情链接*/
.links {margin-bottom: 15px;}
.links ul em{display: inline-block; font-size: 13px;color: #333; font-weight: bold;} 
.links ul li a{float: left; display: block; font-size: 13px;color: #666; margin-right: 15px;}
.links ul li a:hover{color: #1689d9;}

/*在线咨询*/
.zx-service{position:fixed; right:10px; top:220px; 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:#1689d9; }
.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: #1689d9;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: 472px;}
.ny-main{margin-top: 40px;margin-bottom: 100px; overflow: hidden;}

/*产品列表页*/
.ny-left{width: 260px;  }
.ny-left .column{border: solid 1px #dcdcdc;}
.ny-left-title{ background-color: #1689d9; display: block; font-size: 23px; line-height:70px; color: #fff; border-bottom:solid 1px #dcdcdc;text-transform: uppercase; text-align: center; }
.ctitle1 li a h3{display: block;font-size: 15px;  line-height: 56px; color: #6b6b6b; border-bottom:solid 1px #dcdcdc; padding-left: 6px; border-left: solid 4px #fcfcfc;}
.ctitle1 li.on a h3{background: #f6f6f6; border-left: solid 4px #1689d9; color: #1689d9;}
.ctitle1 li a h3:hover{background: #f6f6f6; border-left: solid 4px #1689d9; color: #1689d9;}
.ctitle1 li:last-child a h3{border-bottom: none;}

.ny-contact{margin-top:25px; border:1px solid #dcdcdc;}
.ny-contact img{margin-top: 6px; margin-left: 6px;}
.ny-contact p{display: block; font-size: 16px; color: #333333; margin-top: 10px; padding-left: 16px; margin-bottom: 15px;}
.ny-contact em{ color: #1689d9; font-size: 20px;}

.ny-right{width: 835px;}
.position{height: 30px; border-bottom: solid 1px #dcdcdc; margin-bottom: 25px;}
.position span{display: block; font-size: 14px; line-height: 30px; color: #686868;}
.position span a.on{color: #1689d9;}
.position span a:hover{color: #1689d9;}

.ny-pro-list ul li{ border-bottom: 2px solid #eee; width: 265px; float: left; margin-right: 20px; margin-bottom: 35px;}
.ny-pro-list ul li:nth-child(3n){ margin-right: 0;}
.ny-pro-list ul li .ny-pro-img{ position: relative; overflow: hidden; width: 263px; height: 241px; border:1px solid #d6d6d6;}
.ny-pro-list ul li a em{ font-size: 15px; line-height: 50px; text-align: center; display: block; width: 265px; overflow: hidden;white-space:nowrap;text-overflow:ellipsis;}
.ny-pro-img .ny-hide{ position: absolute; top: -100%;transition:0.5s;-moz-transition:0.5s;-webkit-transition:0.5s;-o-transition:0.5s; left: 0;width: 100%; height: 100%; z-index: 1000; background:rgba(22,137,217,0.8);}
.ny-pro-img .ny-hide p{ width: 210px; margin: 0 auto; margin-top:30%;   color: #fff; font-size: 14px; line-height: 24px;}
.ny-pro-list ul li:hover{ border-bottom: 2px solid #1689d9;}
.ny-pro-list ul li a:hover .ny-pro-img 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-pro-list ul li a:hover em{ color: #1689d9;}
.ny-pro-list ul li a:hover .ny-pro-img .ny-hide{ top:0;}

/*产品详情*/
.ny-right .content .pro1 .spec-preview img{display: block;}
.ny-right .content .pro1 .descript1 strong.title1{line-height: 38px;font-size: 20px; color: #2d2d2d;display: block;}
.ny-right .content .pro1 .descript1 p{width: 470px;font-size: 13px;color: #8e8e8e;line-height: 25px;}
.ny-right .content .pro1 .descript1 a.consult{display: block; width: 120px; height: 40px; font-size: 15px; color: #fff; line-height: 40px; text-align: center; background: #10588a; }
.ny-right .content .pro1 .descript1 a.consult:hover{background-color: #1689d9;}
.ny-right .content .pro1 .descript1 p.haoma{font-size: 18px; font-weight: bold; color: #1689d9;line-height: 35px;margin-top: 10px; margin-bottom: 10px;}
.ny-right .content .pro1 .share{overflow: hidden;margin-top: 15px;}
.ny-right .content .pro1 .share ul li{float: left;margin: 0 5px;}
.ny-right .content .detail .de-title{border-bottom: solid 3px #1689d9;}
.ny-right .content .detail .de-title a{display: block;width: 130px; font-size: 16px;line-height: 45px;color: #fff; text-align: center; margin-top: 35px;background:#1689d9;}
.ny-right .content .detail .infor{padding-top: 15px;}
.ny-right .content .detail .infor p{font-size: 14px;color: #2d2d2d;line-height: 25px;}

/*内页新闻列表*/
.ny-news-list li{ margin-bottom: 20px;overflow: hidden; padding: 20px 15px;}
.ny-news-list li a.ny-news-pic{display: block;width: 180px;height: 96px; border: 2px solid #efefef;verflow: hidden;}
.ny-news-list li .descript{overflow: hidden;width: 610px;}
.ny-news-list li .descript strong{font-size: 15px;color: #333;display: block;font-weight: bold;width: 606px; overflow: hidden;white-space:nowrap;text-overflow:ellipsis;}
.ny-news-list li .descript strong:hover{color: #f89814;}
.ny-news-list li .descript p{ margin-top: 3px; width: 610px; color: #5f5f5f;font-size: 13px;line-height: 26px; height: 56px; overflow: hidden;}
.ny-news-list li .descript span{ background: url(../images/news-time.png) no-repeat left center; padding-left: 20px; position: relative; display: block;  line-height: 16px; font-size: 12px; color: #ccc;}
.ny-news-list li:hover .descript strong,.ny-news-list li:hover .descript p{ color: #fff;}
.ny-news-list li:hover{ background: #1689d9;}
.ny-news-list li:hover .descript span{ background: url(../images/news-time-on.png) no-repeat left center;}

/*内页成功案例*/
.ny-case-list li{ float:left; width:250px;margin-right: 40px;margin-bottom: 25px;}  
.ny-case-list li:nth-child(3n){ margin-right: 0;}
.ny-case-list li .ny-case-pic{overflow: hidden; width: 250px; height: 270px;}
.ny-case-list li a p{width: 250px;font-size: 14px;line-height: 38px;color:#333;text-align: center;margin-top: 9px;}
.ny-case-list li:hover .ny-case-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-case-list li:hover a p{ color: #1689d9;}
.ny-case-list li:hover{ box-shadow: 3px 3px 8px  #888888;}

.ny-honor-pic{overflow: hidden; width: 250px; height: 302px;}