@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: 1200px; overflow-x: hidden;}
a { text-decoration: none; color: #333;display: block;}
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}
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:1200px; margin:0 auto; height: 100%;}
.c{*zoom:1;}
.c:after{content: ""; display: block; height: 0; clear: both;}
.txt-c{text-align: center;}
.txt-l{ text-align: left;}
.txt-r{text-align: right;}
.bg-black{background: #000;}
.co-b{color: #000;}
.co-w{color: #fff;}
strong{ font-weight: normal;}
.m{ margin: 0 auto;}
b{display: block; font-weight: bold;}
i{font-style: normal;}
.blue{color: #046760;}
.wider{ font-weight: bold;}
.gr{color: #107a73;}
.or{color: #f7c266;}

/* CSS Document */


/*top*/
.top{background:#ededed;height:44px;}
.top p{color:#999;line-height: 44px;font-size: 15px;}
.top p>a{display: inline-block;color:#999;}
.top p a.fe{background:url(../images/head-line.png) no-repeat right center;padding-right: 17px;margin-right: 13px;}


/*head*/
.header{}
.header .logo{margin-top:16px;}
.head-tel{margin-top: 30px;margin-left: 40px;}
.head-tel em{padding-left: 23px;height: 18px; font-size: 15px; color: rgb(207, 33, 33); line-height: 18px;display: block;background:url(../images/head-tel.png) no-repeat  center left;}
.head-tel p{ font-size: 24px; font-family: "Arial"; color: rgb(203, 0, 0); line-height: 24px;margin-top: 11px; }
 
 
/*nav */
.nav{margin-top:60px;margin-bottom: 17px;}
.nav .nav-list{}
.nav .nav-list li{float: left;position: relative;margin-right:50px;width: 64px;height: 28px;text-align: center;}
.nav .nav-list li:last-child{margin-right:0;}
.nav .nav-list li a{color:#333;font-size:16px;position: relative;line-height: 16px;}
.nav .nav-list li:hover>a{color: #046760;border-bottom:solid 1px #046760;padding-bottom: 9px;}
.nav .nav-list li.on>a{color: #046760;border-bottom:solid 1px #046760;padding-bottom: 9px;}
.nav .nav-list li:nth-child(6){display: none;}
.nav .nav-hide{display: none;position:absolute;top:26px;width: 116px; background: rgba(255,255,255,1); left: -50%; margin-left:5px;text-align: center;  z-index: 1000;}
.nav .nav-hide em{height: 48px;}
.nav .nav-hide em a{display: block; font-size: 14px; line-height: 48px; color: #333333; }
.nav .nav-hide em a:hover{background: #046760; color: #fff;}

.headfixed{background: rgba(255,255,255,0.9);position: fixed;top: 0px;left: 0px;right: 0px;z-index: 999;width: 100%;box-shadow: 1px 1px 3px rgba(0,0,0,0.1);height: 60px;}
.headfixed ul li{float: left; width: 200px; position: relative;}
.headfixed ul li:nth-child(6){display: none;}
.headfixed ul li a{display: block; font-size: 15px; line-height: 60px; color: #fff; text-align: center;color: #333;}
.headfixed ul li.on a{color: #046760;}
.headfixed ul li:hover a{color:#046760; }


/*banner*/
.banner{position:relative;z-index: 1;}
.banner-hd {height:620px;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;; }
.banner-hd .num ul{display: inline-block;}
.banner-hd .num li {width:12px;height:12px; margin:0 14px; border-radius:50%;cursor:pointer; float: left;background:#fff;}
.banner-hd .num li.on{ background:#046760;} /*当前项*/

#banner-prev,#banner-next{position:absolute;top:40%;opacity: 1!important;}
#banner-prev{left:14%;}
#banner-next{right:14%;}



.ny-hd .num {overflow:hidden;position:absolute; bottom:5%; margin:0 auto;left:0;right:0;text-align:center;zoom:1; }

.title{text-align: center;}
.title p span{font-size: 50px;font-weight: bold; font-style: italic;line-height: 50px;}
.title h2{padding-top: 15px;  font-size: 20px; color: #333; line-height: 20px;margin-bottom:22px;background: url(../images/tit-bg.png)no-repeat center top;margin-top: 22px; }


/*首页简介*/
.about {background:url(../images/a-bg.png)no-repeat right bottom;margin: 80px 0 0;padding-bottom: 78px;}
.about .about-title{border-bottom: solid 1px #eaeaea;padding-bottom: 19px;}
.about .about-title h2{ font-size: 24px; color: #333;line-height: 45px;display: inline-block;margin-right: 18px;line-height: 24px;}
.about .about-title b{font-size: 50px; color: rgb(16, 122, 115); font-weight: bold; display: inline-block;line-height: 50px;} 
.about p{font-size: 15px; color: rgb(51, 51, 51); line-height: 32px;margin-top: 18px;width: 1025px;} 
.about a.more{transition: all 0.3s;  font-size: 15px;color:#333;background: url(../images/news-more.png)no-repeat center bottom;padding-bottom:6px;width: 94px;margin-top: 57px;}
.about a.more:hover{color: #046760;background: none;}



/*首页产品*/
.pro{background:url(../images/p-bg.jpg)no-repeat center top;padding-top: 63px;text-align: center;padding-bottom: 34px;}
.pro-list ul{width: 1218px;margin-top: 39px;}
.pro-list ul li{float:left;width:388px;margin-right:18px;overflow: hidden;margin-bottom: 40px;}
.pro-list ul li .pic{width:388px;height:228px;position: relative;}
.pro-list ul li .pic-info{display: block;font-size: 16px;text-align: center;line-height: 52px;color: #fff;background: #107a73 ;}
.pro-list ul li .pic-info span{margin-left: 34px;}
.pro-list ul li .info-hide{top:-100%;position: absolute;width:100%;height:100%;left:0;text-align: center;transition: 0.5s;-moz-transition: 0.5s; -webkit-transition: 0.5s;-o-transition: 0.5s;background:url(../images/plus.png)no-repeat center  rgba(4, 86, 80,0.7);text-align: center;}
.pro-list ul li .info-hide p{font-size:13px;line-height: 22px; color:#fff;display: block;margin-top: 67px;width: 227px;display: inline-block;}
.pro-list ul li .info-hide p:after{display: inline-block;content: "";width: 109px;height: 1px;background: rgba(255,255,255,0.7);margin-top: 12px;}
.pro-list ul li:hover .info-hide{top:0; }
.pro-list ul li:hover .pic-info{background: #fff;color: #666;}
.pro a.more{transition: all 0.3s;display: inline-block;  font-size: 15px;color:#fff;background: url(../images/more1.png)no-repeat center bottom;padding-bottom:6px;width: 94px;margin-top:14px;}
.pro a.more:hover{color: #046760;background: none;}


/*首页广告*/
.as{background: url(../images/as-bg.jpg)no-repeat center top;padding-top: 166px;padding-bottom: 146px;}
.as b{font-size: 39px;background: url(../images/as-icon.png)no-repeat center left;width: 529px;margin:0 auto;padding-left: 50px;}
.as p{width: 834px;margin:36px auto; font-size: 16px; line-height: 38px; }


/*首页新闻*/
.news{margin: 70px 0 53px;}
.latest{}
.latest-info{padding:0 22px;box-sizing: border-box;background-color: rgb(252, 252, 252); width: 383px; height: 155px;}
.latest-info em{font-size: 17px;line-height: 17px; color: #333; padding-top: 22px;display:block;margin-bottom: 12px;}
.latest-info p{font-size: 14px;color:rgb(153, 153, 153);line-height: 26px ;}
.latest-info span{line-height:14px;color: #999; font-size: 14px;margin-top: 8px;display:inline-block;}
.latest-info i{font-size: 14px;color: rgb(51, 51, 51);background: url(../images/news-more.png)no-repeat center bottom;padding-bottom:6px;width: 68px;}
.news .news-list{margin-top: 45px;}
.latest-info:hover em{color:#107a73;}
.news-list{margin-top:52px;}
.news-list ul{width: 802px;}
.news-list ul li{float: left;margin:0 12px 20px 0;}
.news-list ul li .latest-info{height: 180px;}
.news-list ul li .latest-info em{position: relative;padding-top: 42px;}
.news-list ul li .latest-info em:before{display:block;content: "";position:absolute;width: 42px; height: 2px; background-color: rgb(205, 205, 205); top:18px;left:0;}
.news-list ul li .latest-info p{margin-bottom: 16px;}
.news-list ul li .latest-info  i{background: none;color: #999;}
.news a.more{margin:30px auto 0;  text-align: center;transition: all 0.3s;  font-size: 15px;color:#333;background: url(../images/news-more.png)no-repeat center bottom;padding-bottom:6px;width: 94px;margin-top: 57px;}
.news a.more:hover{color: #046760;background: none;}



/*首页底部*/
.foot{background: #184744;margin-top: 40px;}
.foot p,.foot span,.foot p,.foot a{color:#fff;font-size: 15px;}
.foot a{display: inline-block;}
.foot-nav{border-bottom: solid 1px #315b58;height: 68px;width: 1147px;}
.foot-nav ul{width: 1080px;}
.foot-nav ul li {float: left;padding: 29px 0;}
.foot-nav ul li a{font-size: 16px;color:#fff;border-right:solid 2px #5d7e7c;padding: 0 44px;line-height: 14px;}
.foot-nav ul li:last-child a{border-right: none;}
.foot a:hover{color: #f7c266}
.foot .f-l{margin-top: 28px;margin-left:260px;}
.foot .f-m{margin-left:126px;width: 631px;}
.foot .f-m b{font-size: 16px;margin-top: 62px; line-height: 16px;margin-bottom: 22px;display: block;}
.foot .f-m p{ color: #cdcdcd;font-size: 15px;float: left;width: 188px; margin-bottom: 26px;height:20px ;padding-left: 45px;line-height:20px;}
.f-t{background: url(../images/f-t.png)no-repeat left center;}
.f-f{background: url(../images/f-f.png)no-repeat left center;}
.f-c{background: url(../images/f-c.png)no-repeat left center;}
.foot .f-m .f-a{background: url(../images/f-a.png)no-repeat left center;height: 20px;width: 303px;}

.qrcode{margin-top: 45px;margin-right:260px;}
.qrcode ul li{display: inline-block;margin-right:38px;}
.qrcode ul li img{display: block;}
.qrcode ul li span{display: block;margin-top: 16px;}


.foot .cp{border-top:solid 1px #315b59;margin-top: 58px;}
.foot .cp p{line-height: 57px;color: #d7d6d6;text-align: center;}
.foot .cp a{display: inline-block;color: #d7d6d6;font-size: 14px;}
.foot .cp a:hover{color: #fff;}



/*内页*/
.ny-hd{ height: 400px;}
.ny-main {margin-top: 40px;margin-bottom: 60px;overflow: hidden;}

.position{height:52px; line-height:52px; font-size:14px; border-bottom: solid 1px #dfdfdf; margin-bottom: 30px;}
.position .container{background:url(../images/position-home.png) no-repeat 0 center; padding-left:30px; width: 1200px;}
.position a{background:url(../images/position-arrow.png) no-repeat right center; padding-right:20px; margin-right:10px;display: inline-block;}
.position a:last-child{background: transparent;}
.position .on{color: #046760;}
.position a:hover{color: #046760;}

/*左侧*/
.ny-left{width: 270px;overflow: hidden;}
.ny-left-pro,.ny-left-pro2{margin-bottom:20px;}
.column-title{display: block; font-size:22px;font-weight:bold; line-height:90px; color: #fff; text-align: center; background: #184744; }
.ny-left .ctitle1{border:1px solid #CCCCCC;  border-top: none; padding: 10px 0 0;}
.ny-left .ctitle1>li{float: left; width: 250px; margin: 0 10px 10px 10px;}
.ny-left .ctitle1>li a{display: block; background: #ededed;color:#666;text-indent: 20px; font-size: 16px; line-height:48px; width: 100%}
.ctitle2{ display: none;}
.ny-left .ctitle1 li.on .ctitle2{ display: block;}
.ny-left .ctitle1>li:hover>a,.ny-left .ctitle1>li.on>a{ background:#184744;color: #fff;}
.ny-left .ctitle1 .ctitle2 li{float: left;}
.ny-left .ctitle1 .ctitle2 li a{ background: #fff;border-bottom: 1px dotted #eee; color:#333; font-size: 14px;display: block;width:250px;}
.ny-left .ctitle1 .ctitle2 li.on a{color: #184744}

.ny-contact{width: 250px; padding: 10px 9px 10px;background: #fff;border:1px solid #CCCCCC;  border-top: none;}
.ny-contact p {line-height: 30px;width:250px;margin:5px auto;color: #333;}
.ny-tel{height:103px;line-height:40px;color:#fff;font-weight:bold;background-color: #184744;padding:20px 20px 0 ;text-indent:40px;font-size:25px;}
.ny-tel b{background:url(../images/lc-tel.png) no-repeat center left;}
.ny-tel b,.ny-tel span{margin-left:28px;}

.ny-right {width:873px}

/*内页产品列表*/
.ny-product-list ul{width: 930px;}
.ny-product-list ul li{float: left; width: 270px; margin-right: 30px; margin-bottom: 30px;}
.ny-product-list ul li .pic{width: 270px; height: 159px; position: relative; overflow: hidden; border: solid 1px #ccc;}
.ny-product-list ul li h3{text-align: center; display: block;font-size: 15px;height:40px; line-height: 30px;padding-right: 25px;padding-top: 10px; color: #666; border-bottom: 1px solid #ccc; background: url(../images/link.png) no-repeat right center; position: relative;}
.ny-product-list ul li h3:after{position: absolute; content: ''; width: 0; height: 1px; bottom: -1px; background: #184744; left: 0; transition:0.6s;}
.ny-product-list ul li:hover h3{color: #184744}
.ny-product-list ul li:hover h3:after{width: 100%;}

/*产品详情*/
.ny-right  .pro1 .pro-list-pic{width: 348px;}
.ny-right  .pro1 .spec-preview img{display: block;}
.ny-right  .pro1 .descript1{width: 409px;}
.ny-right  .pro1 .descript1 strong.title1{font-weight:bold;line-height: 38px;font-size: 20px; color: #2d2d2d;display: block;border-bottom: 1px solid #c0ccd6; padding: 10px 0 15px; margin-bottom: 10px;}
.ny-right  .pro1 .descript1 p{width: 395px;font-size: 13px;color: #666;line-height: 28px;margin: 10px 0;}
.ny-right  .pro1 .descript1 a.consult{display: block; width: 120px; height: 40px; font-size: 15px; color: #fff; line-height: 40px; text-align: center; background: #333; }
.ny-right  .pro1 .descript1 a.consult:hover{background-color: #184744;}
.ny-right  .pro1 .descript1 p.haoma{ color: #333;font-size: 15px;display: block; margin: 20px 0;}
.ny-right  .pro1 .descript1 p.haoma em {display: inline-block;color: #184744;font-size: 25px;font-weight: bold; vertical-align: middle;}
.ny-right  .pro1 .share{overflow: hidden;margin-top: 15px;}
.ny-right  .pro1 .share ul li{float: left;margin: 0 5px;}
.ny-right  .detail {margin-bottom: 20px;}
.ny-right  .detail .de-title{border-bottom: solid 3px #184744; margin-bottom: 20px;}
.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:#184744;}


/*内页新闻列表页*/
.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:#046760; 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: 746px;}
.ny-news-list ul li .descript strong{font-size: 16px;line-height: 38px;color: #232323;font-weight: bold;display: block;}
.ny-news-list ul li .descript strong:hover{color:#046760; }
.ny-news-list ul li .descript p{color: #5f5f5f;font-size: 14px;line-height: 22px;}



/*内页分页样式*/
.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;}


/*在线咨询*/
.zx-service{position: fixed;right: 5px;top: 30%;z-index: 9999;}
.zx-service ul li{margin-bottom: 1px;position: relative;}
.zx-service ul li a{display: block; width: 80px;height: 52px;padding: 14px 0;background: #004892;}
.zx-service ul li:hover a{background: #003061;}
.zx-service ul li a img{display: block;margin: 0 auto 10px;}
.zx-service ul li a span{display: block;width: 80px;color: #fff;text-align: center;line-height: 14px;}
.zx-service ul li dl{width: 150px;padding: 0 15px;background: #003061;text-align: center;display: none;position: absolute;right: 81px;top: 0;}
.zx-service ul li dl dd{font-family: arial;color: #fff;font-size: 20px;height: 50px;width: 150px;line-height: 50px;}
.weixin-hide{width: 130px;padding: 140px 10px 0;background:url(../images/wechat-pic.jpg) no-repeat center top 10px #003061;position: absolute;right: 81px;top: 0;display: none;}
.weixin-hide span,.weixin-hide b,.weixin-hide em{display: block; width: 100%;text-align: center;color: #fff;}
.weixin-hide span{line-height: 36px;}
.weixin-hide em{line-height: 35px;}
.weixin-hide b{line-height: 13px;font-family: arial;font-size: 18px}
.tel-hide li span,.tel-hide li b{display: block;color: #fff;}
.tel-hide li span{line-height: 12px;font-size: 14px;}
.tel-hide li b{line-height: 15px;font-size: 19px;font-family: arial;padding-top: 10px;} 
.zx-service03:hover .weixin-hide{display: block;}
.zx-service ul li:hover dl{display: block;}