@charset "utf-8";
/* CSS Document */


*{ padding: 0; margin: 0;}
body{
    position: relative;
    padding: 60px 0 50px;
	max-width: 750px;margin: 0 auto;
}
p{/* margin:0px !important; */}
#main{overflow:hidden;}
b,strong{font-weight: normal;}
.fl{ float:left;}
.fr{float:right}
.mb20{margin-bottom:20px;}
input, textarea, select, button,radio {outline: none;vertical-align: middle;font-size: inherit;font-family: inherit;}
textarea {resize: none;overflow-y: auto;}
input[type="submit"], input[type="reset"], input[type="button"], button {cursor: pointer;-webkit-appearance: none;}
hr {height: 0;border-width: 1px 0 0 0;border-style: solid;margin: 0;color: #ddd;}
h1, h2, h3, h4, h5, h6 {font-weight: normal;margin: 0;}
ul, ol, li {list-style: none;-webkit-padding-start: 0}
dt, dd {padding: 0;margin: 0;list-style: none;}
b{font-weight: normal;}
.topbar{font-weight: bold;text-align: center;line-height: 60px;height: 60px;transition: .4s;z-index: 995;box-shadow: 0 2px 5px rgba(0,0,0,.2);overflow: hidden;padding: 5px;width:100%;background: #fff;position: fixed;top: 0;box-sizing: border-box;max-width: 750px;}
.topbar img{width: auto;height: 50px !important;}
.topbar .tel a{line-height: 50px;font-size: 24px;margin-right: 10px;color: #d00000;letter-spacing: -0.5px;font-family: impact;font-weight: 200;}
.menu-button{display: block;height: 30px;margin: 18px 0 0 0;cursor: pointer;position: relative;}
.menu-button .line:nth-of-type(1) {margin-top: 0;}
.menu-button .line:nth-of-type(2) {margin-bottom: 0;}
.menu-button .line{position: relative;display: block;width: 28px;height: 2px;margin: 5px 0;background: #666;border-radius: 5px;-webkit-transition:0.3s;transition: 0.3s;}
.header_active .line:nth-of-type(1){-webkit-transform: translateY(6.5px) rotate(-45deg);-ms-transform: translateY(6.5px) rotate(-45deg);transform: translateY(6.5px) rotate(-45deg);}
.header_active .line:nth-of-type(2){opacity:0}
.header_active .line:nth-of-type(3){-webkit-transform: translateY(-7.5px) rotate(45deg);-ms-transform: translateY(-7.5px) rotate(45deg);transform: translateY(-7.5px) rotate(45deg);}
#menu{background: #fff;height: 100%;position: fixed;transform: translateY(-100%);top:0;left: 0;right:0;bottom: 0;z-index: 990;overflow-y: hidden;padding:6.2rem 3rem 5rem;transition: .5s;max-width: 75rem;}
#menu ul{margin:0 0 7rem 0;transition-delay: .2s;}
#menu ul li{border-bottom: 1px solid rgba(0,0,0,.05);}
#menu ul li a{color: #333;padding: 10px 20px;display: inline-block;width: 90%;}
#menu ul li a:hover{background:none;}
#menu ul li i{line-height: 20px;font-size: 14px;display: none;width: 20px;transform: translateY(0);color: #333;}
#menu ul li.cur i,#menu ul li.current i{display: inline-block;}
#menu ul li.cur .fa-angle-down{display: inline-block;transform: rotate(90deg);}
#menu ul li.on {background:rgba(255,255,255,.05);}
#menu ul li.on a{color: #333;}
#menu dl{ background: rgba(0,0,0,.02); display: none;transform: translateY(0);}
#menu dl dt{border-bottom: 1px solid rgba(0,0,0,.05);}
#menu dl dt a{color: #555;display: block;padding: 1rem 1.5rem; font-weight: normal;}
#menu dl dt i{padding:0 6.5rem 0 0;font-size: 1.4rem;}
.header_active #menu{transform: translateY(0);}



.slideout-open #main .menu-button .line:nth-of-type(1){
    -webkit-transform: translateY(4.5px) rotate(-45deg);
    -ms-transform: translateY(4.5px) rotate(-45deg);
    transform: translateY(4.5px) rotate(-45deg);
}
.slideout-open #main .menu-button .line:nth-of-type(2){
    -webkit-transform: translateY(-6.5px) rotate(45deg);
    -ms-transform: translateY(-6.5px) rotate(45deg);
    transform: translateY(-6.5px) rotate(45deg);
}
.nav{width:100%;background-image:none;background-color: #ce000d;height: 40px;line-height: 39px;margin-top: 15px;}
.nav li{
    width: 20%;
    border-right: 1px #ce000d solid;
    border-bottom: 1px #ce000d solid;
    border-left:0;
    float: left;
    text-align: center;
    box-sizing: border-box;
    display: inline;
    }
.nav li{line-height: 39px;background-image:none;font-size: 16px;}
.nav li a{ color:#fff;}
.logo a{
    font-size:18px;
    color: #fff;
}
.home {
    display: block;
    width: 100px;
    height: 35px;
    line-height: 35px;
    border-radius: 50px;
    background: #1aad17;
    position: absolute;
    top: 12px;
    right: 50px;
    color: #fff;
}
.home i{
    font-size: 30px;
    color: #ce000d;
}

.p_banner{
    position: relative;
}
.p_banner .swiper-pagination-bullet{
    background: #444;
}


/*
*主体内容
*/
.pro{margin-bottom: 10px;}
.wrapper01 .scroller li:nth-child(1) a{background: #045e38;color: #fff;}

.wrapper01 {
    position: relative;
    line-height:40px;
    height:40px;
    width: 100%;
    overflow: hidden;
    margin: 20px auto 10px;
    background:#f0f0f0;
}

.wrapper01 .scroller {
    position: absolute;
    width: 1000px !important;
}

.wrapper01 .scroller li {
    color: #333;
    float: left;
    text-align: center;
}

.wrapper01 .scroller .bar {
    width: 50px;
    height: 3px;
    position: absolute;
    bottom: 0px;
}

.wrapper01 .scroller .color {
    width: 128px;
    margin: 0 auto;
    height: 43px;
    border-bottom: 2px solid #045e38;
}

.wrapper01 .scroller li a {
    color: #333;
    display: block;
    padding:0 15px;
}

.wrapper01 .scroller li.cur a {
    background: #045e38;
    color:#fff;
}

.i-box{
    border-top: 10px solid #eee;
}
.aboutbox{padding: 20px 10px 0;line-height: 28px;font-size: 16px;}
.aboutbox .con{margin-top: 10px;}

.i-box-hd{background-color: #fff;padding: 3% 5%;/* border-bottom:  1px #d00000 solid; */border-top: 1px solid #ddd;border-bottom:  1px solid #ddd;}
.i-box-hd .tit{
    font-size: 20px;
    color: #045e38;
    border-left: 4px #045e38 solid;
    padding-left: 10px;
    line-height: 1.2;
}
.i-box-hd p{
    color: #B7B7B7;
    /* font-size: 12px; */
    text-transform: capitalize;
    line-height:1;
}
.items-img_scroll{
    text-align: center;
    position: relative;
    overflow: hidden;
    margin: 20px 0 10px 0;
    padding: 0 5%;
}
.items-img_scroll .swiper-pagination{
    height: 15px;
}
.items-img_scroll .swiper-pagination .swiper-pagination-bullet-active{
    background: #444;
}
.items-img_scroll li .img{
    background: #eee;
}
.items-img_scroll li .img img{
    max-width: 100%;
    margin:auto;
}
.items-img_scroll li .tit{
    height:60px;
    line-height: 50px;
    font-size: 16px;
    padding:0 10px;
}

.items-img{
    padding: 0px 0% 0 0;
}
.items-img li{
    float: left;
    width: 48%;
    box-sizing: border-box;
    margin: 0px 0 10px 1.2%;
}
.items-img .goods-list .item-img .img{height: 160px;}
.items-img li:nth-child(2+2){margin-right:0;}
.items-img li .tit{
    height: 30px;
    line-height: 30px;
    padding:0 10px;
    font-size: 14px;
    transition:all .3s ease-out 0s;
    background: #f0f0f0;
    color: #333;
}
.items-img li:hover .tit{
    background: #444;
    color: #fff;
}

/*
*公司优势
*/

.i-youshi-bd{
    margin:20px 0 0 0;
    padding: 0 5%;
}
.i-youshi-bd ul{
    padding:10px 0 0 0;
}
.i-youshi-bd li{
    display: inline-block;
    width: 31%;
    padding:20px 3%;
    text-align: center;
    margin:0 2% 0 0;
    background: #f6f6f6;
    float: left;
}
.i-youshi-bd li:last-child{
    margin:0;
}
.i-youshi-bd li i{
    font-size: 18px;
    width:40px;
    height:40px;
    border-radius: 50%;
    background: #d00000;
    color: #fff;
    line-height:40px;
}
.i-youshi-bd li:first-child i{
    font-size: 16px;
}
.i-youshi-bd li p{
    padding:10px 0 0 0;
    font-size: 14px;
}

.youshi{ padding: 0 15px;}
.youshi h3{font-size: 20px;color: #da241c;line-height: 30px;}
.youshi h3 span{ width: 35px; height: 35px; background: #da241c; border-radius: 35px; line-height: 35px; text-align: center; color: #fff; display: inline-block;}
/*
*新闻列表
*/
.items-text_desc li{
    padding: 0 10px;
    line-height: 40px;
    border-bottom: #ddd 1px dotted;
}

.items-text_desc li .tit a{
    font-size: 16px;
    color: #444;
    margin-right: 180px;
}
.items-text_desc li .tit a:hover{
    color: #444;
}
.items-text_desc li .time{
    color: #999;
    font-size: 12px;
    margin:0 0 8px 0;
}
.items-text_desc li .time i{
    padding:0 5px 0 0;
}
.items-text_desc li .desc{
    font-size: 14px;
    height:50px;
    overflow: hidden;
    line-height:25px;
}

.i-about-bd{
    margin: 20px 0 20px 0;
    padding: 0 5%;
}
.i-about-bd .tit{
    font-size: 18px;
}
.i-about-bd .con{
    font-size: 16px;
    line-height:1.8;
    margin-top: 10px;
}
.i-about-bd .con a{
    color: #444;
}

.i-contact{text-align: center;font-size:16px;background: #eee;}
.i-contact-bd{
    line-height:1.8;
    padding: 5% 5% 5%;
}
.i-contact-bd a{
    color: #fff;
}
.i-contact img{display: inline-block;width: 50%;margin: 10px 0;}
.footer{
    background: #f7f7f7;
    padding:3% 5%;
    margin:0 5% 70px; 
}
.um-contact a{
    display: inline-block;
    width: 50.3%;
    line-height: 50px;
    text-align: center;
    color: #fff;
    font-size: 16px;
}
.um-contact a i{
    padding:0 6px 0 0;
    font-size: 16px;
    vertical-align: middle;
}


/*
* 分类
*/
.pro_menu{
    margin: 0 10px;
    overflow: hidden;
    font-size: 14px;
    text-align: center;
}
.pro_menu li{
    display: inline-block;
    margin: 5px;
    width: 30%;
    text-align: center;
}
.pro_menu li:last-child{
}
.pro_menu li a{
    display: block;
    background: #045e38;
    border-radius: 50px;
    padding:5px 10px;
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;
    color: #fff;
}
.pro_menu_more{
    text-align: center;
    display: none;
    text-decoration: underline;
    cursor: pointer;
    color: #999;
    margin:10px 0 20px;
}


/*
* 单页模型
*/



.um-tit {
    padding: 10px 0;
    border-bottom: 1px solid #eee;
}
.um-tit h4{
    font-size: 24px;
    background: url(../image/m1t2.png) no-repeat center center;
    height: 30px;
    line-height: 30px;
    text-align: center;
    margin: 10px 0;
    font-weight:bold;
}

.um-tit p{
    font-size: 12px;
    color: #999;
    text-transform: capitalize;
    line-height:1;
}

.page-index .con{
    padding:10px 0 20px;
    font-size:16px;
    line-height:1.8;
}
.page-index .con p{margin:0;}
.page-index .con a{
    color: #444;
}

/*
*   产品详情
*/

.img-show h1{font-size:20px;color:#333;
}
.img-show-hd{
    background: #eee;
    position: relative;
    overflow-x: hidden;
}
.img-show-hd .swiper-pagination-bullet{
    opacity:.3;
}
.img-show-hd .swiper-pagination-bullet-active{
    background: #444;
    opacity:.7;
}

.img-show-hd img{
    /* width:100%; */
    margin: 0 auto;
}
.img-show-bd{
    padding:10px 0 15px;
    border-bottom: 1px solid #eee;
}
.img-show-bd .tit{
    font-size: 16px;
    color: #444;
    font-weight: 700;
}
.img-show-bd p{
    color: #999;
    margin: 0;
}
.img-show-bd p i{
    padding:0 5px 0 0;
    font-size: 10px;
}

/*
* 内页内容通用
*/
.page_info{
    padding:20px 0;
    line-height:1.8;
    min-height: 300px;
}
.page_info p{
    margin:0 0 10px 0;
}
.page_info a{
    color: #444 !important;
    font-size: 14px !important;
}

.page_info img{
    margin:10px 0;
    margin:0 auto;
    height: auto !important;
}

/*
* 文章列表
*/
.article-list{
    background: #eee;
}
.article-list li{
    background: #fff;
    margin:0 0 10px 0;
}
.article-list li:last-child{
    margin:0;
}
.article-list li .img{
    width:26%;
}
.article-list li .img img{
    padding:10px;
}
.article-list li .con{
    width:96%;
    margin: 3%
}
.article-list li .con h4{
    font-size: 16px;
    color: #333;
    padding:10px 10px 2px 0;
}
.article-list li .con p{
    font-size: 14px;
    color: #999;
    height:44px;
    overflow: hidden;
    padding:0 10px 0 0;
    margin-left: px;
}


/*
* 文章详情
*/
.article-show{
    margin:30px 5% 0;
}
.article-show_hd .tit{
    font-size:18px;
    color: #333;
}
.article-show_hd .time{
    padding:0 0 10px 0;
    border-bottom: 1px solid #eee;
    color: #999;
}
.article-show_hd .time i{
    padding:0 6px 0 0;
}
.article-show_hd .time a{
    color: #999;
}

/*
*留言页面
*/
.guestbook-page{
    padding:20px 5%;
}
.guestbook-list li{
    padding:0 0 20px 0;
}
.guestbook-list li .tit{
    font-size: 16px;
    color: #333;
}
.guestbook-list li .time{
    color:#999;
}
.guestbook-list li .con{
    padding:5px 0;
}
.guestbook-list li .reply{
    background: #f5f5f5;
    padding:5px 10px;
}

.post_box tr{
    height:34px;
}
.post_box tr:nth-child(5){
    height:100px;
}
.post_box td{
    display: inline-block;
}
.post_box td.tit{
    margin:0 3% 0 0;
    width:15%;
}
.post_box td.con{
    width:76%;
}
.post_box td.con input,.post_box td.con textarea,.post_box td.con select{
    border: 1px solid #ccc;
    line-height:20px;
}
.post_box td.con textarea{
    max-width: 100%;
    max-height: 100px;
}
.post_box .btn{
    width:80px;
    height:30px;
    line-height:30px;
    border: none;
    margin:0 5px 0 20px;
    background: #444;
    color: #fff;
}
.post_box .btn-default{
    background: #ddd;
    color: #666;
    margin:0 5px 0 0;
}
.feedback-page .post_box tr:nth-child(5){
    height:32px;
}
.feedback-page .post_box tr:nth-child(6){
    height:110px;
}
/* 为了手机站显示正常 */
.main_body{  padding:10px 0 20px;
    font-size:14px ;
    line-height:1.8;
  width: 94%!important;margin: auto 3%!important;}

.main_body img{max-width: 100%!important}
.flnone{float: none!important;width: 100%!important;margin: 0!important;}
.frnone{float: none!important;width: 100%!important;margin: 0!important;}
.hide{display: none!important;}
/* 这里决定内页图片高度自适应 */
.page-index img{max-width: 100%!important;height: auto!important;}
.con .date{color: #999;display: block;}
.sjtel{ display:block; text-align:center; padding:20px 0;border-bottom:1px #dddddd solid; }
.sjtel img{ display: inline;}
.pro .dtit{margin:25px 0;}
.dtit .tit h2{font-size:24px;height:30px;line-height:30px;text-align: center;margin: 10px 0;color: #045e38;}
.dtit .tit span{display:block;font-size:16px;text-align:center;line-height: 0.5;color:#333;}



.i-nav{
    /* border-bottom: 7px solid #f6f6f6; */
    padding:  5% 3%;
}
.i-nav ul li {
    float: left;
    text-align:  center;
    padding: 0 4%;
    width: 25%;
}

.items-text_desc {padding: 0 10px;}
.items-text_desc span{ float:right; color:#999; font-size:12px;}
.i-nav ul li a img {margin: 0 auto;}

.i-box-hd .tit span {color: #999;font-size: 14px;}


.youshi {padding: 20px 0;margin-bottom: 20px;}
.youshi .indextit span{ color:#fff; font-size:36px;}
.youshi .indextit p{ color:#fff}
.youshi .list{width:106%;}
.youshi  .list li{float:left;width: 31%;padding: 10px;box-sizing: border-box;}
.youshi  .list li a{display:block;}
.youshi  .list li:first-child{}
.youshi  .list li .img{margin:0 auto;transition:all .5s;width: 80%;}
.youshi  .list li .title{}
.youshi  .list li .title h3{background:#fff;text-align:center;font-size: 18px;text-align:center;color:#1048a0;border-radius:30px;}
.youshi  .list li .cont{margin-top:20px;font-size:14px;line-height:24px;text-align:center;color:#fff;}
.youshi  .list li:hover .img{margin-top:-10px;transition:all .5s;}
.youshi  .list li:hover .tit{font-weight:bold;}

.min_contact{width:100%!important;}
.min_contact img{width:40%!important;margin-left: auto;margin-right: auto;}

.pro_menuu{
    margin: 0 10px;
    overflow: hidden;
    font-size: 14px;
    text-align: center;
}
.pro_menuu ul{margin-bottom: 0 !important;}
.pro_menuu li{
    display: inline-block;
    margin: 2px;
    width: 31%;
    text-align: center;
} 
.pro_menuu li a{
    display: block;
    background: #ce000d;
    border-radius: 50px;
    padding:5px 10px;
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;
    color: #fff;
}


.advantage .shang .one{float:left;width: 47%;box-sizing: border-box;padding: 18px 10px;background:#f0f0f0;margin-top: 10px;margin-left: 10px;border-radius: 4%;}
.advantage .one .image{width: 22%;float:left;}
.advantage .one .word{float:right;width: 75%;}
.advantage .line{border-left: 1px solid #dddddd;height: 80px;float: left;margin-left: 5px;margin-top: 10px;}
.advantage .line-1{border-bottom: 1px solid #dddddd;width:100;margin: 0 auto;}
.advantage .shang .one .word .top{font-weight:bold;color: #5a5a5a;}
.advantage .shang .one .word .bottom{font-size: 14px;color: #797979;}



.case ul li{width:46%;float:left;margin:1% 2%;}
.case ul li p{font-size:16px;color:#000;text-align:center;}



.yz{height:230px;padding:20px 10px;background:#f2f2f2;}
.yz ul{margin:30px 0;}
.yz ul li{float:left;position: relative;width: 25%;box-sizing: border-box;border-right: 1px solid #dddddd;}
.yz li:last-child{ border-right: 0; }
.yz ul li img{width: 50%;display:block;margin:auto;}
.yz ul li span{font-size: 17px;font-weight: bold;text-align:center;display:block;line-height: 2;color: #333;}
.yz ul li span img{width: 20%;margin: 5px auto 0;display:block;}
.about{padding:20px 0;background: #f2f2f2;}
.about h3{display:block;text-align:center;font-size:18px;background: url(../image/about.jpg) no-repeat center bottom;line-height:2;font-weight: 600;}
.about p{font-size: 16px;line-height: 1.5;}
.about ul{padding: 10px 20px 0;height: 60px;}
.about ul li{float:left;position: relative;margin-right:10px;width: 30%;}
.about ul li:nth-child(3n){margin-right:0;}
.about ul li b{font-size: 30px;font-weight:bold;color: #045e38;line-height:1;position:relative;text-align: center;display: block;}
.about ul li b:after{content:'+';display:block;width:16px;height:16px;border-radius:16px;background:#ff9900;position:absolute;right: 0px;top:0;font-size:14px;color:#fff;text-align:center;line-height:16px;}
.about ul li i img{display: block;width: 70%;margin: auto;}
.about ul li p{padding:0;text-align:center;font-size:24px;font-weight:bold;position:relative;}
.about ul li p:after{position:absolute;content:"+";width:12px;height:12px;background:#f90;border-radius:50px;right:0;top:10px;color:#fff;font-size:14px;line-height:0.8;}
.about ul li span{font-size: 16px;display:block;text-align:center;line-height:2;}
.youshi li h5{width: 90%;margin:auto;padding: 15px 0 15px 0;display: block;font-weight: bold;}
.youshi li h5 em{display: block;width: 40px;height:40px;background: #045e38;border-radius: 50%;text-align:center;line-height:40px;font-size: 20px;float: left;margin: 0 15px 0 50px;font-weight: bold;color: #fff;}
.youshi li h5 span{display:block;font-size: 20px;color: #045e38;line-height: 2;}
.youshi li h5 i{display:block;font-size:12px;color:#333;font-weight: normal;font-style: normal;}
.youshi li p{font-size: 14px;color: #333;width: 80%;margin: auto;padding:10px 0;line-height:1.6;text-align: center;}
.youshi li{margin-top:20px;}
.anli{background:#f2f2f2;padding:20px 0;}
.case ul{margin-top:20px;}
.case ul li{width: 46%;float:left;margin: 0% 2%;padding-bottom: 10px;}
.case ul li img{height: 160px;}
.case ul li p{font-size: 14px;color:#000;text-align:center;margin: 0;line-height: 2.4;white-space: nowrap;overflow: hidden; text-overflow: ellipsis;}
.i-contact-bd p{margin:0 auto;}
.um-contact{width: 100%;position: fixed;bottom: 0;background: #333;height: 55px;left: 0;z-index: 9999;}
.um-contact ul li{width: 33%;height: 55px;float:left;text-align: center;box-sizing: border-box;color: #fff;line-height: 2;font-size: 16px;position: relative;}
.um-contact ul li img{width: 40%;display:block;margin:auto;padding-top: 8px;}
.f_nav{height: 55px;width: 100%;bottom: 0px;z-index: 100;}
.f_nav li span{color: #fff;display: block;text-align: center;font-size: 14px;line-height: 1.6;}
.f_nav li:nth-child(1){background: #ce000d;}
.nav-top{position: relative;width: 45%;}
.nav-top ul li{float:left;width: 47%;height: 50px;line-height:50px;text-align: center;display:block;}
.nav-top ul li a{display:block;color:#333;font-size: 14px;}


.item-img{width: 49%;margin-right: 2%;margin-bottom: 2%;}
.item-img:nth-child(2n){margin-right:0;}
.new .swiper1{background: #eee;}
.new .swiper2 .swiper-slide{padding:2%;}
.new .swiper1 .swiper-slide{line-height: 40px;text-align: center;font-size: 14px;white-space: nowrap;text-overflow: ellipsis;overflow: hidden;}
.new .swiper1 .swiper-slide a{color:#333;}
.new .swiper2 .swiper-slide .tit{color:#333;}
.new .swiper1 .swiper-slide-thumb-active{background:#045e38;color:#fff;text-align:center;}

.nei_pinpai .swiper7{background: #eee;}
.nei_pinpai .swiper8 .swiper-slide{padding:2%;}
.nei_pinpai .swiper7 .swiper-slide{line-height: 40px;text-align: center;}
.nei_pinpai .swiper7 .swiper-slide a{color:#333;}
.nei_pinpai .swiper8 .swiper-slide .tit{color:#333;}
.nei_pinpai .swiper7 .swiper-slide-thumb-active{background:#045e38;color:#fff;text-align:center;}

.main_weizhi{padding:5px 0 0 10px;}
.main_weizhi span{font-size:14px;}
.inban{background:url(../image/cehua.jpg) no-repeat center center;height: 120px;background-size: cover;}
.inban p{font-size:30px;color: #333;text-align:center;line-height: 120px;}
.youshi .am-slider-a1 .am-control-nav{bottom:-25px;}
.youshi .am-slider-a1 .am-control-nav li a{  width: 12px;height: 12px;}
.span{white-space: nowrap;text-overflow: ellipsis;overflow: hidden;display: block;}