@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:15px/1.75 "Microsoft YaHei", arial,sans-serif; COLOR: #666;  background:rgba(212,234,245,0.5);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 */
.ny-photo-list li{float:left;width:280px;margin:10px 11px;height:220px;overflow: hidden;}
.ny-photo-list li:nth-child(3n){margin-right:0}
.ny-photo-list li a{display: block;}
.ny-photo-list li img{width: 100%;}

/*公共头部*/
.top{background: url(../images/top-bg.jpg) no-repeat center; height: 10px;}
.head{height: 162px;}
.logo{margin-top: 30px;}
.head .logo h1 {line-height: 0px;}
.head-fr {margin-top: 44px;}
.head-tel{display: block; background: url(../images/head-tel.png) no-repeat left center; font-size:20px; line-height: 30px; color: #333; font-family: arial; margin-bottom: 11px; padding-left: 42px;}
.search{position: relative;}
.search-text{display: block;width: 188px; padding-left: 12px; font-size: 16px; line-height: 32px; color: #ccc; font-family:"Microsoft YaHei"; outline: none; border: solid 1px #d9d9d9; }
.search-btn{position: absolute; background: url(../images/search-btn.png) no-repeat; width: 18px; height: 18px; right: 9px; top: 6px; outline: none; border: none;}

.nav{background: #292929; height: 55px; z-index: 3;position: relative;}
.nav ul>li{float: left; position: relative; width: 150px; position: relative;}
.nav ul>li>a{display: block; font-size:20px; line-height: 55px; color: #fff; text-align: center; -webkit-transition: 0.3s linear; -moz-transition: 0.3s linear; -ms-transition: 0.3s linear; -o-transition: 0.3s linear; transition: 0.3s linear;}
.nav ul>li.on>a{background: #1d95d6;}
.nav ul>li:hover>a{background: #1d95d6; } 

.nav ul li .hide{position: absolute;background: #fff; width: 400px;/*height: 262px;*/padding: 15px;display: none;z-index: 1; overflow: hidden;}
.nav ul li .hide-nav{width: 115px; }
.nav ul li .hide-nav>li{float: left; width: 128px;}
.nav ul li .hide-nav>li>a{font-size: 16px;line-height: 16px;  padding: 7px 0px; color: #575757; text-align: left;}
.nav ul li .hide-nav>li:hover>a{padding-left: 15px; color: #1d95d6; background: transparent;}
.nav ul li .submenu-img{width: 254px; margin-left: 25px;}
.nav ul li .submenu-img img{display: block; width: 248px; height: 148px;}
.nav ul li .submenu-img em{display: block; font-size: 18px; line-height: 16px;  color: #1d95d6; margin: 15px 0 10px 0;}
.nav ul li .submenu-img p{font-size: 15px; line-height: 22px; color: #6a6a6e;}
.nav ul li:nth-child(7) .hide{left: -280px;}

.navfixed{background: #292929; height: 55px; z-index: 4;position: fixed; top: 0px; width: 100%;}

/*首页banner*/
.banner{position:relative;}
.banner-hd {height:501px;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:16px;height:16px;  color: #FFFFFF;margin:0 5px; cursor:pointer; float: left; background: #fff; border-radius: 50%;}
.banner-hd .num li.on {background: #1d95d6;  } /*当前项*/

/*最新产品*/
.title{}
.title h3{font-size: 32px; line-height: 36px; color: #bc3539; padding-left: 50px;}
.title h3 em{font-size: 24px; color: #999; font-family: arial; text-transform: uppercase; margin-left: 7px;}
.title .more{display: block; background: url(../images/more-icon.png) no-repeat right center; font-size: 18px; line-height: 36px; color: #333; padding-right: 23px;}
.title .more:hover{color: #bc3539;}
.latest-pro{margin: 45px 0 35px;}
.latest-pro .container{position: relative;}
.latest-pro .title{padding-bottom: 17px; background: url(../images/pro-title-line.jpg) no-repeat center bottom;}
.latest-pro .title h3{background: url(../images/title-icon1.png) no-repeat left center; }
.latest-pro-list{background: #fff; padding-top: 31px; height: 247px;}
.latest-pro-list .latest-pro-content{display: block; width: 1114px; margin: 0 auto; overflow: hidden;}
.latest-pro-content ul li{float: left; width: 206px; height: 223px; margin-right: 21px;}

.latest-pro-content ul li .pic{width: 204px; height: 221px; border: solid 1px #d9d9d9; overflow: hidden;}
.latest-pro-content 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;}
.latest-pro-content 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;}
.latest-pro-content ul li em{display: block; font-size: 16px; line-height: 14px; color: #666; position: relative; bottom: 33px;}
.latest-pro-content ul li:hover em{color: #bc3539;}
.latest-pro-list .prev1,.latest-pro-list .next1{position: absolute; top: 173px; width: 37px; height: 37px;}
.latest-pro-list .prev1{background: url(../images/prev.png) no-repeat center; left: 0px;}
.latest-pro-list .next1{background: url(../images/next.png) no-repeat center; right: 0px;}
.latest-pro-list .prev1:hover{background: url(../images/prev-on.png) no-repeat center; left: 0px;}
.latest-pro-list .next1:hover{background: url(../images/next-on.png) no-repeat center; right: 0px;}


/*关于我们*/
.about{background: #fff; height:590px; padding-top: 25px; margin-bottom: 50px;}
.about .title{padding-bottom: 22px; border-bottom: solid 1px #ccc;}
.about .title h3{background: url(../images/title-icon2.png) no-repeat left center;}
.about .title h3{color: #333;}
.about .title h3 span{color: #bc3539;}
.about-content{margin-top: 44px; position: relative;}
.about-info{display: none;background: #fff; width: 287px; height: 224px; padding-left: 40px; padding-top: 50px; position: absolute; top:54px; left: 0px;}
.about-info em{font-size: 18px; line-height: 18px; color: #666;}
.about-info em span{font-size: 14px; color: #999; font-family: arial; text-transform: uppercase;}
.about-info p{font-size: 14px; line-height: 26px; color: #666; margin: 15px 0 22px; width: 240px;}
.about-more{-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.3s;transition-duration: 0.3s;display: block; width: 65px; line-height: 21px; font-size: 16px; color:#666!important;text-align: center; border: solid 1px #bc3539;}
.about-more:before{content: "";position: absolute;z-index: -1;top: 0;bottom: 0;left: 0;right: 0;background: #bc3539;-webkit-transform: scaleX(0);transform: scaleX(0);-webkit-transform-origin: 50%;transform-origin: 50%;-webkit-transition-property: transform;transition-property: transform;-webkit-transition-duration: 0.3s;transition-duration: 0.3s;-webkit-transition-timing-function: ease-out;transition-timing-function: ease-out;}
.about-more:hover,.about-more:focus,.about-more:active{color: #fff!important;border-color:#bc3539!important;}
.about-more:hover:before, .about-more:focus:before, .about-more:active:before{-webkit-transform: scaleX(1);transform: scaleX(1);}

.about-pic{width:815px; height:425px; overflow: hidden;}
.about-pic img{display: block; width: 100%;}

.about-list{width:366px; }
.about-list ul li{ width:310px; height:103px; padding-left: 58px; padding-top: 32px; background: #E9F4F9; margin-bottom: 11px;}
.about-list ul li:last-child{margin-bottom: 0px;}
.about-list ul li .about-icon{width: 57px; height: 58px; border-radius: 50%; border: solid 1px #d5d5d5; margin-right: 14px;}
.about-list ul li .about-icon1{background: url(../images/about-icon1.png) no-repeat center; }
.about-list ul li .about-icon2{background: url(../images/about-icon2.png) no-repeat center; }
.about-list ul li .about-icon3{background: url(../images/about-icon3.png) no-repeat center; }
.about-list ul li h3{font-size: 22px; line-height: 18px; color: #333; margin: 9px 0;font-weight:700}
.about-list ul li span{font-size: 16px; line-height: 12px; color: #999; font-family: arial;}
.about-list ul li:hover .about-icon{border: solid 1px #bc3539;}
.about-list ul li:hover .about-icon1{background: url(../images/about-icon1-on.png) no-repeat center; }
.about-list ul li:hover .about-icon2{background: url(../images/about-icon2-on.png) no-repeat center; }
.about-list ul li:hover .about-icon3{background: url(../images/about-icon3-on.png) no-repeat center; }
.about-list ul li:hover h3{color: #bc3539;}
.about-list ul li:hover span{color: #333;}

/*新闻动态*/
.news{margin-bottom: 89px;}
.news .title{padding-bottom: 26px; border-bottom: solid 1px #ccc;}
.news .title h3{background: url(../images/title-icon3.png) no-repeat left center;}
.news .title h3{color: #333;}
.news .title h3 span{color: #0f60af;}
.news-content{margin-top: 25px;}
.latest-news{width: 574px; position: relative;}
.latest-news .pic{width: 574px; height: 403px;}
.latest-news .info{position: absolute; background: rgba(7,0,2,0.55);bottom: 0;  padding-top: 22px; padding-left: 26px; width:548px; height: 108px;}
.latest-news .info em{display: block; font-size:20px; line-height:20px; width: 420px; white-space: nowrap; text-overflow: ellipsis; overflow: hidden;}
.latest-news .info p{font-size: 16px; line-height: 25px; margin-top: 13px; width: 523px;}
.latest-news .info em:hover{color: #bc3539;}
.news-list ul li{margin-bottom: 32px;}
.news-list ul li:last-child{margin-bottom: 0px;}
.news-list ul li .date{width: 108px;}
.news-list ul li .date span{display: block; background: #ccc; font-size: 18px; line-height: 39px; color: #666; font-family: arial;}
.news-list ul li .date strong{display: block; background: #999; font-size:45px; line-height: 74px;  font-family: arial;}
.news-list ul li .info{width: 477px; padding-left: 20px; padding-top: 16px; height: 97px; background: #fff;}
.news-list ul li .info  em{display: block; font-size:20px; line-height:20px; color: #333; font-weight: bold; width: 365px; white-space: nowrap; text-overflow: ellipsis; overflow: hidden; margin-bottom: 12px;}
.news-list ul li .info p{font-size: 16px; line-height: 26px;color: #999;  width: 467px;}
.news-list ul li .info  em:hover{color: #bc3539;}

/*公共底部*/
.foot{background: #161c2a;  height: 278px;}
.foot-contact{width: 330px;  padding-top: 40px; margin-right:60px;}
.foot-head{background: url(../images/foot-tel.png) no-repeat left center; height:49px; padding-left: 62px; margin-bottom: 24px; }
.foot-head span{display: block; font-size: 16px; line-height: 16px; padding-top: 7px; margin-bottom: 7px;}
.foot-head em{display: block; font-size: 20px; line-height: 15px; }

.wechat{background: url(../images/wechat-line.jpg) no-repeat center top;}
.wechat-pic{margin-top: 17px; width: 106px; height: 106px;  margin-right: 21px;}
.wechat-info p{display: block; font-size: 16px; line-height: 29px; margin: 18px 0 37px;}
.wechat-info i{display: block; width: 17px; height: 3px; background: #fff;}

.foot-nav{padding-top: 55px;}
.foot-nav dl{float: left; margin-right: 80px;}
.foot-nav dl:last-child{margin-right: 0px;}
.foot-nav dl dt{font-size: 18px; line-height: 16px; color: #fff; margin-bottom: 19px;}
.foot-nav dl dd a{font-size: 14px; line-height: 29px; color: #fff; opacity: 0.5;}
.foot-nav dl:nth-child(2){width: 245px; margin-right: 30px;}
.foot-nav dl:nth-child(2) dd a{float: left; margin-right:20px; text-align: left; width:100px;}

.foot-copy{background: #000;}
.foot-copy p { font-size: 16px; line-height: 54px; color: #fff;}
.foot-copy p a{color: #fff;}
.foot-nav dl dd a:hover,.foot-copy p a:hover{color: #bc3539; opacity: 1;}


/*在线咨询*/
.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:14px;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:#1d95d6; }
.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: #1d95d6;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:310px;}
.ny-main{margin-top: 40px;margin-bottom:80px;}

/*产品列表页*/
.ny-left{width: 270px;}
.column{margin-bottom: 25px;}
.column-title{height: 30px;border-bottom: 1px solid #CCC;padding-top: 4px;}
.column-title span{display: block; width: 200px;height: 24px; font-size:20px; line-height: 24px; border-left: 6px solid #1d95d6;padding-left: 16px;}
.ctitle1 li{background: url(../images/ctitle1-li-bg.png) no-repeat left 28px; padding-left: 10px; padding-top: 10px;border-bottom: 1px solid #fff; cursor: pointer;}
.ctitle1 li a{font-size: 18px; line-height: 40px; color: #333;}
.ctitle1 li:hover a{color: #1d95d6;}
.ctitle1 li.on a{color: #1d95d6;}

.ctitle1 .ctitle2{padding-top: 10px;}
.ctitle1 .ctitle2 li{border-bottom:none; height: 30px;padding-left:5px;margin-bottom: 10px;overflow: hidden;background: none; padding-top: 0px;}
.ctitle1 .ctitle2 li.on{background: #b1b3b4;}
.ctitle1 .ctitle2 li.on a{color: #fff;}
.ctitle1 .ctitle2 li a{ font-size: 16px; line-height: 30px; color: #666;}
.ctitle1 .ctitle2 li:hover a{color: #1d95d6;}
.ctitle1 .ctitle2{display: none;}

.ny-contact{background:#464646;height: 75px;padding-left: 30px;padding-top: 24px; }
.ny-contact em{display: block; font-size: 16px;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: 895px;}
.ny-right-title{background: #fff;height:45px;line-height:45px;margin-bottom: 20px;border-left: 6px solid #1d95d6;}
.ny-right-title  span{display: block;font-size:22px;height:35px;padding-left:20px;}

/*内页产品列表页*/
.product-list ul li{float: left; width: 278px; margin-right: 30px; margin-bottom: 35px; position: relative;}
.product-list ul li:nth-child(3n){margin-right: 0px;}
.product-list ul li .pic{border: solid 1px #d9d9d9; width: 276px; height: 299px; overflow: hidden;}
.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{background: #1d95d6; position: absolute; bottom: 0px;  padding: 0 5px; width: 268px; white-space: nowrap; text-overflow: ellipsis; overflow: hidden; font-size: 16px; line-height: 50px; }
.product-list ul li:hover .pic{border:solid 1px #bc3539; }
.product-list ul li:hover em{background: #bc3539;}
.left-pic img{width:100%}

/*内页产品详情*/
.ny-right .pro1{margin-top: 20px;}
.ny-right .pro1 .spec-preview img{display: block;}
.ny-right .pro1 .descript1 strong.title1{line-height: 38px;font-size: 22px; color: #333;display: block;}
.ny-right .pro1 .descript1 p{width: 525px;font-size: 13px;color: #8e8e8e;line-height: 25px;margin-bottom: 10px;}
.ny-right .pro1 .descript1 a.consult{display: block; width: 120px; height: 40px; font-size: 15px; color: #fff; line-height: 40px; text-align: center; background: #000; }
.ny-right .pro1 .descript1 a.consult:hover{background-color: #bc3539;}
.ny-right .pro1 .descript1 p.haoma{color: #333;font-size: 15px; font-weight: bold; }
.ny-right .pro1 .descript1 p.haoma em{display: block;color: #bc3539;font-size: 20px; font-weight: bold; }
.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 #1d95d6; 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:#1d95d6; border-top-left-radius: 6px; border-top-right-radius: 6px; }

/*内页新闻列表页*/
.ny-news-list ul li .info{width: 767px;}
.ny-news-list ul li .info em{width: 630px;}
.ny-news-list ul li .info p{width: 750px;}
.ny-news-list ul li .info em:hover{color: #bc3539;}

/*内页下载*/
.down-list ul li{ border-bottom: dashed 1px #bbb; margin-bottom: 5px;}
.down-list ul li .down-title {background: url(../images/downico.png) no-repeat left center; padding-left: 20px; margin-bottom: 5px; margin-left: 15px;}
.down-list ul li .down-title em{display: inline-block;font-size: 18px;line-height: 33px;color: #5c5c5c;width:700px;white-space: nowrap;text-overflow: ellipsis;overflow: hidden;}
.down-list ul li .down-title span{line-height: 33px;}
.down-list ul li:hover .down-title em{color: #bc3539;}


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