body{background: #fff;font-size:14px;font-family: Arial,"Helvetica Neue", Helvetica, sans-serif;color:#333; background: url(../images/body_bg.jpg)}
*{margin:0;padding:0;box-sizing: border-box;}
ul,dl,dd,dt,h2,p,h3,h4,h1{margin:0;}
ul,li{list-style: none;}
i{font-style: normal;}
a{cursor: pointer;color:inherit; }
a:hover,a:focus{text-decoration: none;color:inherit;}

.fs36{font-size:36px;}
.fs34{font-size:34px;}
.fs30{font-size:30px;}
.fs26{font-size:26px;}
.fs24{font-size:22px;}
.fs20{font-size:20px;}
.fs18{font-size:17px;}
.fs14{font-size:14px;}

.c0{color:#000;}
.c3{color:#333;}
.c6{color:#666;}
.grey{color:#757575;}
.fl{float:left;}
.fr{float:right!important;}
.mb10{margin-bottom: 10px;}
.mt10{margin-top: 10px;}
.mt5{margin-top: 5px;}
.pr{position: relative;}
.bold{font-weight: bold;}
.img-responsive{display: block;margin:0 auto;}
.flex,.flexC{ display: -webkit-box;display: -webkit-flex; display: -ms-flexbox; display: flex;}
.flex>.sub,.flexC>.sub{ -webkit-box-flex: 1; -webkit-flex: 1; -ms-flex: 1; flex: 1; overflow: hidden;}
.flexC{-webkit-flex-direction: column; flex-direction: column;}
.sb{justify-content: space-between;}
.jc{justify-content: center;}
.ai{align-items: center;}
.flex-end{align-items: flex-end;}
.wrap{flex-wrap: wrap;}
.oneLine{white-space: nowrap;width: 100%;overflow: hidden;text-overflow: ellipsis;}
.no-padding{padding-left:0;padding-right: 0;}
.padding{padding:0 5%;}
.bg{background: #f8f8f8;}
.navbar{margin:0;border:none;background: none;color:#fff;}
.navbar-brand{height: auto;padding:0;display: inline-block;}
.navbar-brand>img{max-height: 80px;}
.imghover .img{transition: all .5s ease 0s;}
.imghover:hover .img{transform: scale(1.08);}
.mix{position: absolute;top:50%;left:50%;transform:translate(-50%,-50%);-ms-transform:translate(-50%,-50%);-moz-transform:translate(-50%,-50%);-webkit-transform:translate(-50%,-50%);-o-transform:translate(-50%,-50%);}
.w1400{width: 85%;max-width: 1470px;margin-left:auto;margin-right: auto;}
.css3{
 -moz-transition:all .5s ease 0s; 
 -ms-transition:all .5s ease 0s; 
 -o-transition:all .5s ease 0s; 
 -webkit-transition:all .5s ease 0s; 
 transition:all .5s ease 0s;
}

.common_btn{position: relative;overflow: hidden;}
.common_btn>span{display:inline-block;vertical-align:middle;opacity:0;filter: alpha(opacity=0);color:#fff;-webkit-transform:translate3d(0,-10px,0);transform:translate3d(0,-10px,0);-webkit-transition:-webkit-transform .3s,opacity .3s;transition:transform .3s,opacity .3s;-webkit-transition-timing-function:cubic-bezier(.75,0,.125,1);transition-timing-function:cubic-bezier(.75,0,.125,1);vertical-align:0}
.common_btn::before{content:attr(c-text);position:absolute;top:0;left:10%;width:80%;height:100%;-webkit-transition:-webkit-transform .3s,opacity .3s;transition:transform .3s,opacity .3s;-webkit-transition-timing-function:cubic-bezier(.75,0,.125,1);transition-timing-function:cubic-bezier(.75,0,.125,1);display: none\0;}
.common_btn:hover .iconfont{color:#fff;}
/*.common_btn:hover{background:#d20319;}*/
.common_btn:hover::before{opacity:0;filter: alpha(opacity=0);-webkit-transform:translate3d(0,100%,0);transform:translate3d(0,100%,0)}
.common_btn:hover>span{opacity:1;filter: alpha(opacity=100);-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0);display: inline-block;}
.common_btn>span.sep{width: 5px;height: 5px;display: inline-block;}
.common_btn:hover>span:nth-child(1){-webkit-transition-delay:45ms;transition-delay:45ms}
.common_btn:hover>span:nth-child(2){-webkit-transition-delay:.09s;transition-delay:.09s}
.common_btn:hover>span:nth-child(3){-webkit-transition-delay:.135s;transition-delay:.135s}
.common_btn:hover>span:nth-child(4){-webkit-transition-delay:.18s;transition-delay:.18s}
.common_btn:hover>span:nth-child(5){-webkit-transition-delay:.225s;transition-delay:.225s}
.common_btn:hover>span:nth-child(6){-webkit-transition-delay:.27s;transition-delay:.27s}
.common_btn:hover>span:nth-child(7){-webkit-transition-delay:.315s;transition-delay:.315s}
.common_btn:hover>span:nth-child(8){-webkit-transition-delay:.36s;transition-delay:.36s}
.common_btn:hover>span:nth-child(9){-webkit-transition-delay:.405s;transition-delay:.405s}
.common_btn:hover>span:nth-child(10){-webkit-transition-delay:.45s;transition-delay:.45s}
.common_btn:hover>span:nth-child(11){-webkit-transition-delay:.495s;transition-delay:.495s}
.common_btn:hover>span:nth-child(12){-webkit-transition-delay:.54s;transition-delay:.54s}
.common_btn:hover>span:nth-child(13){-webkit-transition-delay:.585s;transition-delay:.585s}
.common_btn:hover>span:nth-child(14){-webkit-transition-delay:.63s;transition-delay:.63s}
.common_btn:hover>span:nth-child(15){-webkit-transition-delay:.675s;transition-delay:.675s}
.common_btn:hover>span:nth-child(16){-webkit-transition-delay:.72s;transition-delay:.72s}
.common_btn:hover>span:nth-child(17){-webkit-transition-delay:.765s;transition-delay:.765s}
.common_btn:hover>span:nth-child(18){-webkit-transition-delay:.81s;transition-delay:.81s}
.common_btn:hover>span:nth-child(19){-webkit-transition-delay:.855s;transition-delay:.855s}
.common_btn:hover>span:nth-child(20){-webkit-transition-delay:.9s;transition-delay:.9s}
.common_btn.static_btn:hover{background:none;}
.common_btn.static_btn>span{color:#d20319;}
.common_btn.static_btn::before{left:0;}

.common-btn{border-radius:999px;width:310px;text-align: center;max-width: 60%;margin-left:auto;margin-right: auto;display: block;line-height: 58px;border:3px solid #313131;}
.common-btn:hover{border-color:#0042a6;background: #0042a6;color:#fff;}

.view-more{margin-top: 55px;display: inline-block;min-width: 160px;padding:0 30px;line-height: 46px;border:1px solid #999999;color:#999999;font-size:16px;}
.view-more:hover{color:#4dc469;border-color:#4dc469;}
.returnTop{width: 48px;height: 48px;background: url(../images/icon-return.png) no-repeat center;background-size: 100% auto;cursor: pointer;position: fixed;right:3%;bottom:120px;z-index:100;}

@font-face{
 font-family: 'jt';
 src:url('bd.ttf') format('truetype');
}

/*.container{max-width: 1200px;margin:0 auto;}*/
@media (min-width: 767px){
 .container{width: 88%;}
 .bcontainer{width: 90%;margin:0 auto;}
}
@media (min-width: 992px){
 .container{width: 82%;max-width: 1350px;}
 .bcontainer{width: 84%;max-width: 1450px;margin:0 auto;}
}

.header-container{width: 90%;max-width: 1600px;margin:0 auto;position: relative;}
.header{font-size:16px;background: #fff;position: sticky;top:0;left:0;z-index:100;width: 100%;box-shadow: 0 5px 8px rgba(0,0,0,.2);color:#333;}
.header-container{position: relative;}
.header-container .header-logo{position: absolute;left:0;top:0;bottom:0;padding:10px 5px;}
.header-container .header-logo img{max-height: 100%;max-width: 100%;}
@media (min-width: 767px){
 .header-button{display: none;}
}
.header-nav .nav_container{text-align: right; padding:42px 0; position: absolute;right: 20%;margin-left:330px; }
.header-nav .nav_container li{position: relative;}
.header-nav .nav_container ul li a{ position: relative;}
.header-nav .nav_container>ul>li{display: inline-block;min-width: 90px;text-align: center;margin-left:5px;}
.header-nav .nav_container>ul>li>a{padding:0 20px;display: block;line-height:44px;}
 
.header-nav .nav_container li a.active,.header-nav .nav_container li a:hover{ background:#3e9e0f; color:#fff; border-radius:25px;}
 
.header-nav .nav_container .dropdown-menu ul{display: none;position: absolute;left:100%;top:0;}
.header-nav .nav_container .dropdown-menu li a{display: block;white-space: nowrap;padding:10px 15px;}
.header-nav .nav_container .dropdown-menu,.header-nav .nav_container .dropdown-menu ul{padding:0;background: rgba(74,179,68,0.75);margin:0;min-width: 100%;box-shadow: none;font-size:15px;}
.header-nav .nav_container .dropdown-menu li{text-align: center;}
.header-nav .nav_container .dropdown-menu li a{padding:10px 0 14px;color:#fff;background: none;position: relative;}
.header-nav .nav_container .dropdown-menu li a::after{position: absolute;content:'';border-bottom: 1px dashed #197114;bottom:0;left:10px;right:10px;height: 1px;}
.header-nav .nav_container .dropdown-menu li:last-child>a::after{border:none;}
.header-nav .nav_container .dropdown-menu li a:hover,.header-nav .dropdown-menu li a.active{background: #4ab344;color:#fff;border-radius:0;}
.header-cn{ float: right;padding: 42px 0;}
.luan{float:left; width:86px; text-align:center; }
.luan a{ display: block; line-height: 44px;}
.luan a:hover{background:#3e9e0f; color:#fff; border-radius:25px; text-align:center; padding:2 20px;}
 
@media (max-width: 767px){
 .header-button{float:right;margin-left:10px;display: block;width: 32px;height: 30px;border:2px solid #333;border-radius:4px;overflow:hidden;background: url(../images/icon-nav.png) no-repeat center;background-size: 100% 100%; margin-top: 6px;}
 .header-nav .nav_container>ul>li{display: block;}
 .header-nav li a{font-size:14px;}
 .no-padding{padding-left:15px;padding-right: 15px;}
}

.header.fixed .header-nav{padding-top:0;}

.ibanner .swiper-container-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet{transition: all linear .3s;outline: none;margin:0 3px;width: 14px;height: 4px;opacity: 0.6;background: #e5e5e5;border-radius:2px;overflow: hidden;}
.ibanner .swiper-container-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet-active,.ibanner .swiper-container-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet:hover{width:26px;opacity: 1;}
.ibanner .swiper-pagination{bottom: 1%;}
.ibanner{position: relative;overflow:hidden;}
.footer{background: #f6f6f6;color:#333333;padding:30px 0 30px;font-size:12px;}
.footer-log { text-align:right}
.footer-log img{ margin-top:8px}
 .fenxiang{ height:25px;border-left:1px solid #1e1e1e;padding-left:10px;float:right;margin-top: 8px;}
.fenxiang a{width:25px;height:25px;border-radius:50%;background-color:#333333;display:block;margin-left:12px;float:left;background-repeat:no-repeat;transition:all 0.5s;}
.fenxiang a:hover{width:25px;height:25px;border-radius:50%;background-color:#3e9e0f;display:block;margin-left:12px;float:left;background-repeat:no-repeat;transition:all 0.5s;}
.fenxiang a.googlej{background-image:url(../images/fenxiang.png);background-position:3px center;}
.fenxiang a.lingying{background-image:url(../images/fenxiang.png);background-position:-35px center;}
.fenxiang a.twitter{background-image:url(../images/fenxiang.png);background-position:-70px center;}
.fenxiang a.facebook{background-image:url(../images/fenxiang.png);background-position:-107px center;}

 .fenxiang2{width:164px;height:25px; margin-top:20px;}
.fenxiang2 a{width:25px;height:25px;border-radius:50%;background-color:#333333;display:block;margin-right:12px;float:left;background-repeat:no-repeat;transition:all 0.5s;}
.fenxiang2 a:hover{width:25px;height:25px;border-radius:50%;background-color:#3e9e0f;display:block;margin-right:12px;float:left;background-repeat:no-repeat;transition:all 0.5s;}
.fenxiang2 a.googlej{background-image:url(../images/fenxiang.png);background-position:3px center;}
.fenxiang2 a.lingying{background-image:url(../images/fenxiang.png);background-position:-35px center;}
.fenxiang2 a.twitter{background-image:url(../images/fenxiang.png);background-position:-70px center;}
.fenxiang2 a.facebook{background-image:url(../images/fenxiang.png);background-position:-107px center;}
.part-about{ padding:80px 0; }
.about-profile0{padding:0 0 30px;}
.profile-img0{ position: relative;background: url(../images/about.jpg) no-repeat 0 120px;}
.profile-img0 .atitle{ position:absolute; top:0; left:0}
.about-profile0 .profile-left0{ margin-top: 12%;}
.about-profile0 .desc0{text-align: justify; line-height:28px;color:#363636;padding-left: 2%;}
.about-profile0 .desc0 p{margin-bottom: 40px;}
.about-profile0 .profile-left0 .item-more0{ display: inline-block;line-height: 25px;padding-bottom: 15px;padding-right:24px;position: relative; color:#004a9a;font-size:16px;}
 .factory h2{ width:80%; text-align:right; margin:0 auto;}
 
.index-partSwiper{position: relative; }
.index-partSwiper .swiper-slide{padding-right:1px;}
.index-partSwiper .item-img{overflow: hidden; }
.index-partSwiper .item-img .img{padding-bottom:70%;position: relative;transition: all ease .6s; }
.index-partSwiper .item-img:hover .img{transform: scale(1.1);}
.index-partSwiper .item-img img{max-width: 95%;max-height: 95%;}
.index-partSwiper .swiper-btn{top:0;margin:0;height: 100%;width: 25px;background: #b9babb;outline: none;}
.index-partSwiper .swiper-btn::after{color:#fff;font-size:18px;font-weight: bold;}
.index-partSwiper .swiper-button-next{right:0;}
.index-partSwiper .swiper-button-prev{left:0;} 


.part-case{ padding:0 0 50px;}
.part-ptitle{ overflow:hidden; margin-bottom:35px;}
.part-ptitle .ptitle{ float:left}
.part-ptitle .pdesc{ margin-top:50px; float:right}
.part-case .item-con{text-align: center;line-height: 54px;padding:0 10px;background: #ececec;color:#333333;}
.part-case .item-img{overflow:hidden; border:1px solid #ececec;}
.part-case .item-img .img{padding-bottom: 72%;background-repeat: no-repeat;background-size: cover;background-position: center;}
.part-case .swiper-slide:hover img{transform: scale(1.08);}
.part-case .swiper-slide:hover .item-con{color:#fff;background: #3e9e0f;}
.part-case .swiper-box{position: relative;padding:0 15px;}
.part-case .swiper-box .swiper-btn{transition: all linear .2s;color:#666666;outline: none;width: 34px;height: 34px;;border-radius:100%;overflow:hidden;text-align: center;background: #e1dfdd;}
.part-case .swiper-box .swiper-btn::after{font-size:20px;font-weight: bold;}
.part-case .swiper-button-prev{left:-38px;}
.part-case .swiper-button-next{right:-38px;}
.part-case .swiper-box .swiper-btn:hover{background: #228c61;color:#fff;}

.part-news{padding-bottom:0; background:#f9f9f9}
.part-news ul li{margin-bottom: 40px;}
.part-news ul li>a{display: block;}
.part-news .news-item{background-color: #fff;padding:10px 40px 40px;transition: padding linear .3s;}
.part-news .news-item .item-title{color:#1a1a1a;font-weight: bold;margin-top: 20px;line-height: 1;}
.part-news .news-item .item-date{color:#8b8b8b;}
.part-news .news-item .item-desc{margin-top: 18px;color:rgb(112,112,112);opacity: 0.79;}
.part-news .news-item .item-more{line-height: 1;margin-top: 12px;display: inline-block;position: relative;padding-right: 25px;letter-spacing: 1px;color:#d40000;}
.part-news .news-item .item-more::after{position: absolute;content:'';width:0;height:0;border:5px solid transparent;border-left:7px solid #d40000;right:0;top:50%;margin-top:-5px;}
.part-news .news-item:hover{background-color: #679e4e;background: #3e9e0f;padding:40px 40px 10px;background-size: 100% auto;}
.part-news .news-item:hover div,.part-news .news-item:hover span{color:#fff;}
.part-news .news-item:hover span::after{border-left-color: #fff;}
.part-mess{ padding:50px 0;}
.footer_btn{height:235px;}
.footer_btn a{display:block;width:50%;height:235px;transition:all 0.5s;transform: translate3d(0px,0px, 0);}
.footer_btn a:hover{display:block;width:50%;height:235px;transition:all 0.5s;transform: translate3d(0px,-10px, 0);box-shadow:0px 10px 20px rgba(185, 185, 185, 0.65);}
.footer_btn a.messages{float:left;background:url(../images/messages.png) #3e9e0f no-repeat center center;transition:all 0.5s;}
.footer_btn a.contact{float:right;background:url(../images/phonetit.png) #242424 no-repeat center center;transition:all 0.5s;}

@media (max-width:767px){
 .header{padding:6px 0;}
 .header-container .header-logo, .banner-navBox .banner-nav{width: auto;}
 .header-container .header-logo{padding:0;position: static;float:left;}
 .header-container .header-logo img{max-height: 40px;} 
 
}
 
@media (max-width:1400px){
 .header-nav .nav_container>ul>li{min-width:auto;}
 .part-pro .pro-category ul li a{padding:16px 10px;}
 .part-pro .pro-left .pro-title{padding:26px 10px;}
}
@media (max-width:1200px){
 .fs36{font-size:34px;}
 .fs34{font-size:32px;}
 .fs30{font-size:28px;}
 .fs26{font-size:24px;}
 .fs24{font-size:20px;}
 .fs20{font-size:18px;}
 .fs18{font-size:16px;}

 .header-nav .nav_container>ul>li{margin:0;}
 .header-nav .nav_container>ul>li>a{padding:0 18px;font-size:15px;line-height: 80px;}
 .header-nav .dropdown-menu, .header-nav .dropdown-menu ul{font-size:14px;}
 

}
@media (max-width:992px){
 .fs36{font-size:32px;}
 .fs34{font-size:30px;}
 .fs30{font-size:26px;}
 .fs26{font-size:22px;}
 .fs24{font-size:19px;}
 .header-container{width: 100%;padding:0 12px;}
 .header-nav .nav_container>ul>li>a{padding:0 12px;line-height: 76px;}
 
}
@media (max-width:767px){
 .container{width: 100%!important;}
 .ibanner .slide-item>img{min-height: 250px;object-fit: cover;}
 .ibanner .slide-item .item-txt{max-width: 60%;}
 .part-about {padding: 30px 0;}
 .fs36{font-size:30px;}
 .fs34{font-size:28px;}
 .fs30{font-size:26px;}
 .fs26{font-size:21px;}
 .fs24{font-size:18px;}
.footer-log { text-align:left}
 .about-profile0 .desc0{ line-height:22px;color:#363636;padding-left: 2%;}
 .profile-img0{ background:none}
 .mbo{ margin-top:90px;}
 .col-xs-12{ padding-left:0; padding-right:0}
 .part-ptitle .pdesc{ margin-top:20px;}
 .part-news .news-item{ padding: 10px 20px 20px;}
 .part-news ul li{ margin-bottom:0;}
 .factory h2 img{ width:95%;}
 .factory h2{ text-align:left; width:85%;}
 .ptitle img{ max-width:100%;}
 .part-ptitle .ptitle { width:80%;}
 .footer_btn a{width: 100%; height: 135px;}
 .footer_btn{width: 100%; }
 .footer_btn a.messages {background-size: 80% 40%;}
 .footer_btn a.contact {background-size: 80% 40%;}
}
