@charset "utf-8";
/* CSS Document */
@import url("iconfont/iconfont.css");
html,body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,input,p,blockquote,th,td,form,p{margin:0;padding:0;}
body,html{_background-image:url(about:blank);_background-attachment:fixed;}
body{background-repeat: repeat-x; background-color: #FFF; background-position: center 110px; }
ol,ul,li,dd,dt,dl{list-style:none;}
img{border:0;}
input,select,textarea{ font-size: 14px; color: #565656; font-family: Arial, Helvetica, sans-serif; }
body,p,div,span,strong,td,a{ font-family: "Microsoft YaHei", "Helvetica Neue", Helvetica, Arial, sans-serif; font-size: 14px; line-height: 27px; color: #101010; }
:focus{outline:none;}
em,th{font-style:normal;font-weight:normal;}
.left,.fl{float:left;}
.right,.fr{float:right;}
a{text-decoration:none;}
a:hover{}
li{list-style:none;}
input::-webkit-input-placeholder,input:-ms-input-placeholder{ color: #999; -webkit-transition: color.5s; } 
input:focus::-webkit-input-placeholder,input:hover::-webkit-input-placeholder,input:focus:-ms-input-placeholder,input:hover:-ms-input-placeholder{ color: #333; -webkit-transition: color.5s; } 

h3.title{ height: 50px; margin-bottom: 30px;}
h3.title strong{ font-size:22px; color: rgba(16, 16, 16, 100); line-height: 30px; border-bottom: 2px solid rgba(0, 102, 85, 100);  padding: 0 25px 10px 25px; margin: 0 auto; display: table;}
h3.title a.more{ float: right; line-height: 40px; font-weight: 500; }
h3.title a.more::after{content: "\e631"; font-family: 'iconfont'; font-size:13px; margin-left:8px;}

.clear{ clear:both; }
.line10,.h10{ line-height: 10px; height: 10px; width: 100%; clear:both; }
.line20{ line-height: 20px; height: 20px; width: 100%; }
.line40{ line-height: 40px; height: 40px; width: 100%; }
.mr10{margin-right:10px;}
.mr15{margin-right:15px;}
.mb15{margin-bottom:15px;}
.w1200{width:1200px;margin:0px auto;}

.border1{border:1px solid #DEDEDE;}
.border2{border:1px solid #DEDEDE; border-top:none;}
.border_b{border-bottom:1px solid #DEDEDE;}
.p5{padding:5px;}
.hide{display:none;}
a.more{ }
a.more::after{content: "\e631"; font-family: 'iconfont'; font-size:13px; margin-left:8px;}
a.more:hover{}
.back{background:url(image/back.png);}
.-webkit_2{transition: .2s ease-in-out; -webkit-transition: .2s ease-in-out; -moz-transition: .2s ease-in-out; -o-transition: .2s ease-in-out;}
.-webkit_5{transition: .5s ease-in-out; -webkit-transition: .5s ease-in-out; -moz-transition: .5s ease-in-out; -o-transition: .5s ease-in-out;}
div.more{ }
div.more a{ }
div.more a:hover{ }

.swiper-slide{background-repeat: no-repeat; background-position: center top; background-size:auto 100%;
    /* Center slide text vertically */
  /*display: -webkit-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  -webkit-justify-content: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  -webkit-align-items: center;
  align-items: center;*/
}

header{width: 100%; height: 70px; padding:35px 0;}
header a.logo{ display: block; width: 490px; height:70px; margin:0px 0 0 10px; background: url('../images/logo.jpg') no-repeat left top; background-size: auto 100%; line-height: 999; overflow: hidden;}
header .search{ float: right; height: 35px; margin:17px 0 0 0; border: 1px solid rgba(187, 187, 187, .26); border-radius: 18px; width: 300px;}
header .search input{ height: 35px; width: 240px; line-height: 35px; border: none; background: none; margin:  0 0 0 10px; text-align: center; font-size:14px;}
header .search button{width:37px; height: 37px; border: none; background: none; font-size:20px; color: #959AA0; float: right; margin-right: 10px;}

nav{ background-color: #006655; height: 50px;}
nav li{float: left; min-width: 115px; position: relative;}
nav li a{display:block; width: 100%; height: 100%; text-align: center; line-height: 50px; color: #FFFFFF;}
nav li dl{ position: absolute; top: 50px; z-index: 99999; width:100%; overflow: hidden; height: 0px;}
nav li dl dd{ height: 40px; line-height: 40px; background: #ffffff; }
nav li dl dd:last-child{margin-bottom: 20px;}
nav li dl dd:hover{ background-color: #F0F0F0;}
nav li dl dt{margin-bottom: 20px; }
nav li dd a{ color: #333333; line-height: 40px;}
nav li:hover dl{ height: 320px; }

.index-banner {width: 100%;height: 470px; overflow: hidden; position: relative; }

.notify{height: 50px; background-color: rgba(187, 187, 187, .12);overflow: hidden;}
.notify em{display: block; width: 50px; height: 100%;float: left;}
.notify em::before{font-size:26px; line-height: 50px; text-align: center; color: #959AA0;}
.notify-container{height:50px; width:1150px; float: left;}

.notify-container a.note{ width:1150px; line-height: 50px; display: block;  z-index: 1}
.notify-container .swiper-slide::after{ content: "查看更多 \e631"; font-family: 'iconfont'; width: 80px; text-align: right; position:absolute; right:0px; top:0; z-index: 0; line-height: 50px;}

.infobox{}
.info-text{ position: relative; height: 390px;}
.info-text .info-img{ width: 560px; height: 320px; margin: 20px 0 36px 0; overflow: hidden; z-index: 2; position: absolute;}
.info-text .info-img img{ width: 100%; min-height: 100%; }
.info-text .info-text-box{ position: absolute; top: 0; right: 0; width: 580px; height: 350px; background-color:  rgba(187, 187, 187, .08); z-index: 1; padding: 20px 10px 20px 130px; }
.info-text .info-text-box h3.title{margin-bottom: 20px;}
.info-text .info-text-box h3.title strong{padding: 0 50px 10px 0px; display: inline;}
.info-text .info-text-box .info-text-content{ height: 250px; overflow: hidden;}
.info-text .info-text-box .info-text-content,
.info-text .info-text-box .info-text-content * { font-size: 16px; line-height: 40px; text-indent:2em;}
.info-child{ margin-top: 40px; clear: both; height: auto;}
.info-child li{ float: left; width: 21%; margin-left: 5.3%; }
.info-child li:first-child{ margin-left:0;}
.info-child li em{display: block; font-size:50px; width: 64px; height: 64px; text-align: center; line-height: 64px; float: left; margin: 0 8px 30px 0; color: rgba(219,219,219,1)}
.info-child li h5{ font-size: 17px; line-height: 30px; color: rgba(16, 16, 16, 100);}
.info-child li p{ line-height: 30px; height: 60px; overflow: hidden; color:  rgba(102, 102, 102, 100);}
.info-child li a.more{color: rgba(12, 185, 95, 100); }

.news-solid{width:550px; height: 400px; float: left; border-radius: 3px; overflow: hidden;  position: relative;}
.news-solid a{ display: block; width: 100%; height: 100%;  position: relative;}
.news-solid .news-solid-img{ width: 100%; height: 100%; overflow: hidden;}
.news-solid .news-solid-img img{ width: 100%; min-height:100%;}
.news-solid a p{ position: absolute; height: 30px; background-color: rgba(255,255,255,.8); line-height: 30px; font-size:18px; color: #000; z-index: 9999; left: 0; bottom: 0px; width: 94%; padding: 0 3% 40px}

section.index-news .index_news_list{ width:620px; height:400px; position: relative; margin-left:30px;}
section.index-news .index_news_list .swiper-pagination{ height: 50px; position: inherit; text-align: left; bottom: 0px; border-bottom: 1px dashed rgba(187, 187, 187, .26); margin-bottom: 15px;}
section.index-news .index_news_list .swiper-pagination span{height:23px; line-height: 23px; font-size:22px; border-radius: 0; color: #101010; background: none;opacity:.5; padding:0 15px; width:15%; margin: 8px 0; font-weight: 700; border-left:1px solid #BBBBBB;}
section.index-news .index_news_list .swiper-pagination span:first-child{ border-left:none;}
section.index-news .index_news_list .swiper-pagination span.swiper-pagination-bullet-active{ color: #101010;opacity:1;}
section.index-news a.more{ position:absolute; right: 10px; top:10px; z-index: 999;}
.index-news .index_news_list .swiper-slide{ background: #fffFFF; padding: 0;}
.index-news .index_news_list .news_list{ width: 100%;}
.index-news .index_news_list .news_list li,
.dangjian .dj-left .news_list li{ line-height: 41px; height: 41px; overflow: hidden;}
.index-news .index_news_list .news_list li a,
.dangjian .dj-left .news_list li a{font-size:16px; }
.index-news .index_news_list .news_list span{ float:right; color: #666666; line-height: 41px;}

.dangjian{background: url("../images/bg_dj1.png") no-repeat center top; background-size: 100% 100%; padding: 30px 0;}
.dangjian h3.title{margin-bottom: 0px;}
.dangjian h3.title strong{padding: 0 50px 10px 0px; display: inline; border: none;}
.dangjian .dj-left{ width: 400px; margin-right: 40px; float: left;}
.dangjian .dj-top-img{ width:100%; height: 150px; overflow: hidden; margin-bottom: 20px; border-radius: 0.5rem;}
.dangjian .dj-right{width:760px; float: left;}
.dangjian .dj-right .dj-top-img{ height: 210px;}
.dangjian .dj-top-img img{ width:100%; min-height: 100%;}
.dangjian .dj-solid-box{ padding: 0 8%; position: relative; height: 150px; overflow: hidden;}
.dangjian .swiper-wrapper{width: 90%;}
.dangjian .swiper-wrapper .swiper-slide{width:200px; overflow: hidden;}
.dangjian .swiper-wrapper .swiper-slide img{width: 100%; max-height: 100%;}
.dangjian .swiper-button-next,
.dangjian .swiper-button-prev{height:100%; width: 6%; background: #ffffff; bottom: 0; top: inherit; font-family: 'iconfont'; text-align: center; line-height: 150px; font-size: 20px;}
.dangjian .swiper-button-prev{left: -1px;}
.dangjian .swiper-button-prev::after{ content: "\e602"; display: block; width: 100%; font-family: 'iconfont';  font-size: 16px; color: #666666;}
.dangjian .swiper-button-next{right: -1px;}
.dangjian .swiper-button-next::after{ content: "\e603"; display: block; width: 100%; font-family: 'iconfont'; font-size: 16px; color: #666666;}

section.product{background: rgba(187, 187, 187, .08);}
.index-product-box li{ float: left; width: 25%; text-align: center; margin-bottom: 15px;}
.index-product-box li .thumb{ width: 250px; height: 245px; overflow: hidden; border-radius: 0.3rem; margin: 0 auto 10px;}
.index-product-box li .thumb img{  width: 100%; min-height: 100%;}
.index-product-box li p{ font-size:16px; height: 40px; line-height: 40px;}

.footer .footer-logo{ float: left; width: 490px; height: 70px; overflow: hidden;}
.footer .footer-logo img{ width: 100%;}
.footer .footer-nav { float: right; line-height: 70px;}
.footer .footer-nav a{ color: #101439; margin: 0 3px 0;}
.footer .footer-nav a::before{ content: "|"; margin-right: 3px; color: #666666;}
.footer .footer-nav a:first-child::before{ content: "";}
.footer .footer-office{ float: right;}
.footer .footer-office .office-list{ width: 310px; height: 32px; line-height: 32px; border: 1px solid rgba(187, 187, 187, .26); padding: 0 15px; border-radius: 0.5rem; margin-top: 10px;}
.footer .footer-content{ float: left;}
.footer .footer-content p{ line-height: 26px;}
.footer .copyright{ height: 48px; background-color: rgba(0, 102, 85, 100);}
.footer .copyright p{ text-align: center; color: #FFFFFF; line-height: 48px;}



/*内页开始*/
.child-banner{height: 300px; background-image: url("../images/chieldbanner.jpg"); background-position: center center; background-repeat: no-repeat; background-size:100% auto;}

h2{ margin: 20px 0; line-height: 220%;}
h2 strong{ font-size:28px;}
h2 span{ color: #959AA0; font-size:18px; font-weight: 500; margin-left:20px; text-transform: uppercase;}

.child-nav{ height: 62px;background-color: rgba(187, 187, 187, .12);}
.child-nav .nav{ float: right; }
.child-nav .nav li{ float: left; line-height: 60px; padding: 0 10px; margin: 0 6px;}
.child-nav .nav li a{ font-size: 16px; color: #666666;}
.child-nav .nav li.action,
.child-nav .nav li:hover{ border-bottom: 2px solid #006655;}
.child-nav .nav li.action a,
.child-nav .nav li:hover a{ color:#006655; font-weight: 600;}

.child-nav .crumbs a{ font-size:14px; line-height: 62px; }
.child-nav .crumbs::before{ content: "\e65e";font-family: 'iconfont'; font-size:20px; color: #006655;}
.child-nav .crumbs a::before{content: "\e603";font-family: 'iconfont'; margin: 0 3px; font-size:12px; color: #999999;}
.child-nav .crumbs a:first-child::before{ content: "当前位置："; font-size:14px; color: #101010;}

.info-box,
.info-box *{ font-size:16px; line-height: 240%;}
.child-footer{ background-color: rgba(187, 187, 187, .08); margin-top: 40px;}

.content-news .news-list{}
.content-news .news-list li{ padding: 10px; margin-bottom: 10px; border-bottom: 1px dashed rgba(187, 187, 187, .26); height: 150px;}
.content-news .news-list li .thumb{ width: 210px; height: 140px; overflow: hidden; float: left; margin-right: 20px; border-radius: 0.5rem; background: url('../images/default_logo.png') no-repeat center center; background-size: 100% auto;}
.content-news .news-list li .thumb img{ width: 100%; min-height: 100%;}
.content-news .news-list li h4{ font-size:18px; line-height: 300%; height: 54px; overflow: hidden;}
.content-news .news-list li p.time{ color: #959AA0; }
.content-news .news-list li p.desc{ color: #666666; line-height: 30px; max-height: 60px; overflow: hidden;}

.content-news-show h1{font-size: 28px; line-height: 260%;}
.content-news-show p.time{ color: #959AA0; line-height: 200%;}
.content-news-show .show-line{  margin: 20px 0; border-bottom: 1px dashed rgba(187, 187, 187, .26);}

.picture-list li{ float: left; width: 25%; text-align: center; margin-bottom: 15px; border-radius: 0.3rem; }
.picture-list li:hover{box-shadow: 0px 0px 6px 0px rgba(0,0,0, .15);}
.picture-list li .thumb{ width: 250px; height: 166px; overflow: hidden; border-radius: 0.3rem; margin: 18px auto 10px;}
.picture-list li .thumb img{  width: 100%; min-height: 100%;}
.picture-list li p.title{ font-size:16px; height: 40px; line-height: 40px; text-align: left; width: 250px; margin: 0 auto 0px;}
.picture-list li p.time{ font-size:14px; line-height: 30px; text-align: left; width: 250px; margin: 0 auto 10px; color: #666666;}
.product-list li .thumb{ width: 250px; height: 245px;}



.content-product-show h1{font-size: 28px; line-height: 260%;}
.content-product-show p.mallurl{margin-top: 10px;}
.content-product-show p.mallurl a{  background: #FF6666; padding: 3px 8px; border-radius: 0.3rem; color: #fff; }
.content-product-show p.time{ color: #959AA0; line-height: 200%;}
.content-product-show .show-line{  margin: 20px 0; border-bottom: 1px dashed rgba(187, 187, 187, .26);}
.content-product-show div.qrcode {float: right; width: 110px; height: 110px;}
.content-product-show div.qrcode img{width: 100%; height: 100%;}
.content-product-show div.qrcode::after{content: "扫码下单"; display: block; width: 100%; text-align: center; font-size: 12px; color: #959AA0;}

.btn-loadmore{
    width: 200px; height: 44px; line-height: 44px; border-radius: 6px; text-align: center; color: #FFFFFF; background-color: #006655; display: block; margin: 20px auto;
}
.loadmore-nodata{ width: 100%; line-height: 40px; text-align: center; }
.loadmore-nodata span{color: #999999;}