/* ====首页====== */
body{ background-color:#fff;}
/** header **/
.header{ position:relative; z-index:100; background-color: #fff; border-bottom: 1px solid #187740;}
.top{ height: 35px; background: url(../images/icon/top_bg.png) left center repeat-x;}
.wel{ width: 500px; display: inline-block; line-height: 35px; font-size: 12px;}
.topOpa{ width: 250px; }
.tel{ text-align: left; margin-top: 9px;  font-size: 12px;   color: #333; display: inline-block;}
.tel::before{ width: 18px; height: 18px; text-align: center; vertical-align: middle; line-height: 18px; background: #9B9B9B; color: #fff; font-size: 12px; margin-right: 10px; border-radius: 50%; -webkit-border-radius: 50%; -moz-border-radius: 50%; -ms-border-radius: 50%; -o-border-radius: 50%; position: relative; top: -2px;}
.cartBtn{  display: inline-block; position: relative; margin-left: 30px; width: 24px; height: 24px; margin-top: 5px; text-align: center; line-height: 24px; border: 1px solid #187740; color: #187740; border-radius: 50%; -webkit-border-radius: 50%; -moz-border-radius: 50%; -ms-border-radius: 50%; -o-border-radius: 50%; }
.cartBtn::before{ font-size: 16px; }
.cartBtn .num{ display: inline-block; min-width: 6px; height: 14px; font-size: 12px; line-height: 14px; text-align: center; padding: 0 4px; color: #fff; background: #187740; position: absolute; left: -12px; top: 50%; margin-top: -7px; text-align: center;}
.cartBtn:hover{}
.chooseLan{ margin: 2px 0 0 20px; padding: 0px 5px; display: inline-block; text-align: left; position: relative; cursor: pointer;}
.curLan{ color: #858585; line-height: 30px;  }
.curLan .iconCountry{ font-size: 12px; margin-right: 5px;}
.curLan .arr{ font-size: 12px; margin-left: 0px; color: #187740; }
.curLan .val{ font-size: 12px; text-transform: uppercase; }
.lanLay{ padding-top: 4px; position: absolute; right: 0px; text-align: center; z-index: 10; top: 32px; width: 60px; display: none;  }
.lanul{  border-top: 2px solid #187740; box-shadow: 0 0 4px 0 #ddd; background-color: #fff;}
.lanul li{ }
.lanul li a{ display:block;padding: 5px 10px; line-height: 1.4;  font-size: 12px; }
.lanul .icon{ margin-right: 10px;height: 12px; }
.lanul .val{font-size: 12px;}
.lanul a:hover{ color: #187740; background-color: #fafafa;}
.chooseLan:hover .lanLay{ display: block;}

.loarea{ height:80px; position:relative; z-index:3;}
.loarea .wp{ }
.logo{ width:200px; display:block; padding-top:27px;}
.logo .tp{ height:36px; width:auto;}

.searchBtn{ display: inline-block; width: 30px; height: 30px; text-align: center; line-height: 30px;  font-size: 26px; cursor: pointer; float: right; margin: 30px 0 0 20px;}
.searchBtn:hover{ color: #187740;}
.searchLay{ display: none; position: absolute; top: 114px; width: 100%; left: 0;  padding: 25px 0; font-size: 0; background-color: rgba(255, 255, 255, .7);}
.search{ width: 410px; max-width: 94%; display: flex; align-items: center; justify-content: space-around; border-radius: 40px; -webkit-border-radius: 40px; -moz-border-radius: 40px; -ms-border-radius: 40px; -o-border-radius: 40px; border: 1px solid #187740; overflow: hidden;background-color: #fff; }
.search .text{ display: flex; width: 100%;  padding: 10px 0 10px 25px; font-size: 16px; }
.search .tjBtn{ width: 46px; height: 42px; line-height: 42px; font-size: 32px; line-height: 36px; color: #187740; cursor: pointer;}
/*PC导航 begin*/
.nav{  z-index:5; }
.navul{ font-size:0;}
.navul li{ display:inline-block; margin: 0 20px; font-size:16px;position:relative;}
.rowLi{ position: static !important;}
.navul li>a{  padding:10px 5px 0; text-align:center; display:inline-block; line-height:70px; height:70px; position: relative;}
.navul li>a::after{ content: ""; display: block; width: 0em; height: 2px; background-color:#187740 ; position: absolute; left: 50%; bottom: 0px; transform: translateX(-50%); -webkit-transform: translateX(-50%); -moz-transform: translateX(-50%); -ms-transform: translateX(-50%); -o-transform: translateX(-50%); transition: .3s; -webkit-transition: .3s; -moz-transition: .3s; -ms-transition: .3s; -o-transition: .3s; }
.navul li>a:hover,.act_nav{color:#187740 !important;}
.navul li>a:hover::after,.act_nav::after{  width: 100% !important;}

/*PC导航end*/
.subnav{ position:absolute;  }
.subnavNormal{ display: none; left:50%; transform:translateX(-50%) ; top:70px;  padding-top: 10px; -webkit-transform:translateX(-50%) ; -moz-transform:translateX(-50%) ; -ms-transform:translateX(-50%) ; -o-transform:translateX(-50%) ; }
.subnavNormal .wrap{display: flex; align-items: center ; justify-content: space-between; padding: 15px 30px 30px; background-color: #fff; box-shadow: 0 0 4px 0 #555; width: 500px;}
/* .subnav:after{ content: ''; display: block; width: 0; height: 0; border: 8px solid transparent; border-bottom-color: #fff; position: absolute; top: -16px; left: 50%; margin-left: -6px; display: none;} */
.subnav .wrap>.nr{ flex: 1;  font-size: 0;}
.subnav .nr a{text-align:left; line-height:2; padding: 6px 0; width:50%; font-size:16px; display: inline-block;  color:#333; text-align:center; border-bottom: 1px solid #bfbfbf; }
.subnav .nr a:hover{ color: #187740 !important;  }
.subnav .tparea{ width: 230px; margin-left: 50px; font-size: 0;}
.subnav .tparea .tp{ width: 100%;}
.subnavRow{ position: absolute; width: 100%; left: 0; top: 112px; padding-top: 0px; }
.subnavRow .wrap{ display: flex; align-items: center; justify-content: space-between;background:rgba(0, 0, 0, .6); padding:10px 0; box-shadow: 0 2px 10px 0 #333; }
.subnavRow .nr{ width: 100%; padding: 10px 20px; font-size: 0;}
.subnavRow .nr a{ display: inline-block; width:23%; margin: 0 1%; color: #fff; border-bottom: 1px dashed #fff; font-size: 13px; text-align: center; padding: 8px 0;}
.subnavRow .nr a:hover{ color: #fff !important; background-color: #D34F05;}


/*手机导航按钮及下拉菜单begin*/
.menubtn{ position:absolute; width:24px; height:24px;top:12px; right:2%; cursor:pointer; display:none;}
.menubtn i{ display:block; width:21px; height:3px; background-color:#000; position:absolute; -webkit-transition:.5s; -moz-transition:.5s; -o-transition:.5s; transition:.5s; border-radius: 2px;}
.menubtn i:nth-child(1){ top:4px; -webkit-transform-origin:left bottom; -moz-transform-origin:left bottom; -ms-transform-origin:left bottom; -o-transform-origin:left bottom; transform-origin:left bottom;}
.menubtn i:nth-child(2){ top:11px;}
.menubtn i:nth-child(3){ top:18px; -webkit-transform-origin:left top; -moz-transform-origin:left top; -ms-transform-origin:left top; -o-transform-origin:left top; transform-origin:left top;}
.menubtn.on i:nth-child(1){ -webkit-transform:rotate(40deg); -moz-transform:rotate(40deg); -ms-transform:rotate(40deg); -o-transform:rotate(40deg); transform:rotate(40deg);}
.menubtn.on i:nth-child(2){ opacity:0;}
.menubtn.on i:nth-child(3){ -webkit-transform:rotate(-40deg); -moz-transform:rotate(-40deg); -ms-transform:rotate(-40deg); -o-transform:rotate(-40deg); transform:rotate(-40deg);}
/*小导航*/
.inav{ width:400px; max-width: 60%; height: 100vh; overflow-y: auto; background-color:rgba(0, 0, 0, .9); position:fixed;  z-index:999; top:0px; left:-100%;  z-index:99; overflow-y: auto; display: none; }
.navlogo{ padding: 30px;}
.navlogo .tp{ max-width: 66%;}
.inav ul{ margin: 0 30px;}
.inavul li{border-bottom:1px solid #363636;}
.inavul li>a{ display:block; text-align:left;  font-size:14px; color:#fff; padding:15px 30px 15px 15px; position: relative;}
.inavul li>a .iconfont{ position: absolute; right: 0; top: 12px; font-size: 18px; }
.act_inav{ border-color: #187740 !important; color:#187740 !important;}
.act_inav .iconfont{ transform: rotate(90deg); -webkit-transform: rotate(90deg); -moz-transform: rotate(90deg); -ms-transform: rotate(90deg); -o-transform: rotate(90deg); }
.inavul .nr{ display: none; padding:5px 30px 5px 40px;}
.inavul .nr a{display:inline-block; text-align:left; padding: 4px 0; margin-right: 10px;  font-size:13px; color:#ddd;}
/*手机导航按钮及下拉菜单end*/
/*banner begin*/
.banner{ position:relative; z-index:3; }
.banner .swiper-slide{position:relative; overflow:hidden;}
.banimg{ width:100%; height:auto; display:block;}
.banner .swiper-pagination{ bottom:24px !important; text-align: right; width: 1200px !important; max-width: 100% !important; left: 50% !important; transform: translateX(-50%); -webkit-transform: translateX(-50%); -moz-transform: translateX(-50%); -ms-transform: translateX(-50%); -o-transform: translateX(-50%); }
.banner .swiper-pagination-bullet{ display: inline-block; vertical-align:middle; width: 30px; text-align: center; padding: 0; background-color:transparent; font-size: 36px; color:#fff; line-height: 0; height: 30px; line-height: 30px; outline:none; cursor: pointer; filter:alpha(opacity=100); -moz-opacity:1; -khtml-opacity: 1; opacity: 1; margin:0 20px !important; font-style: italic; font-family:Georgia, 'Times New Roman', Times, serif; -webkit-filter:alpha(opacity=100); position: relative; }
.banner .swiper-pagination-bullet::after,.banner .swiper-pagination-bullet::before{ width: 15px; height: 2px; content: ""; display: block; position: absolute; background-color: #fff; bottom: 5px; margin-top: -1px;}
.banner .swiper-pagination-bullet:nth-child(1)::after{ display:none;}
.banner .swiper-pagination-bullet:nth-last-child(1)::before{ display: none;  }
.banner .swiper-pagination-bullet::after{ left: -20px;}
.banner .swiper-pagination-bullet::before{ right: -20px}
/* .banner .swiper-pagination-bullet{width:18px;height:18px;padding: 0;background-color:transparent; border:1px solid #ef9b35; font-size: 0;line-height: 0;outline:none;cursor: pointer; filter:alpha(opacity=100); -moz-opacity:1; -khtml-opacity: 1; opacity: 1; margin:0 11px !important;} */
.banner .swiper-pagination-bullet-active{ font-size: 60px !important; color: #47b347 !important; }
.banner .swiper-button-prev,.banner .swiper-button-next{ display: none;}
/* .banner .swiper-button-prev{ left:2%;}
.banner .swiper-button-next{ right:2%;} 
.banner .swiper-button-prev::after,.banner .swiper-button-next::after{ display: none;}
 .banner .swiper-button-prev,.banner .swiper-button-next{filter:alpha(opacity=40); -moz-opacity:0.4; -khtml-opacity: 0.4; opacity: 0.4;width:80px;  height:150px; line-height: 150px; top:50%; margin-top:-75px; color: #fff;}
.banner .swiper-button-prev .iconfont,.banner .swiper-button-next .iconfont{ font-size: 80px; font-weight: bold;}
.banner .swiper-button-prev:hover,.banner .swiper-button-next:hover{filter:alpha(opacity=100); -moz-opacity:1; -khtml-opacity: 1; opacity: 1;} */
.banWrap{ position: relative;}
.banWrap .sbbar{ left: 50%; transform: translateX(-50%); bottom: 30px; z-index: 10; -webkit-transform: translateX(-50%); -moz-transform: translateX(-50%); -ms-transform: translateX(-50%); -o-transform: translateX(-50%); }
.sbbar{ position: absolute; -moz-animation: moves 2s linear infinite; -o-animation: moves 2s linear infinite; animation: moves 2s linear infinite;  font-size: 0; -webkit-animation: moves 2s linear infinite; }
.sbbar .tp{ height: 36px;}
/*banner end*/
.h_tit{ padding: 30px 0;}
.h_tit .tit{ font-size: 36px;}
.h_tit .line{ height: 4px; width: 3em; font-size: 36px; background-color: #187740; margin: 12px auto 0;}
.h_ab{ padding: 20px 0 100px;}
.hIntro { width: 860px;  margin: 0 auto; max-width: 100%;}
.hIntro .nr{ font-size: 16px; line-height: 2; color: #666;}
.hIntro .sbtn{ font-size: 16px; padding: 5px 30px;}

.h_tit2{ padding: 40px 0;}
.h_tit2 .tit{ font-size: 36px; display: inline-block; margin: 0 25px; vertical-align: middle;}
.h_tit2 .line{ height: 7px;}
.h_pro{ padding: 20px 0 50px;}
.h_pro .pageSbtn{}
.pageSbtn .sbtn{ font-size: 18px; padding: 8px 44px;}
.hp_tit{ width: 780px; margin: 0 auto; font-size: 0; text-align: center; max-width: 100%;}
.hp_tit span{ font-size: 16px; padding: 6px 20px;  margin: 0 2px 4px; background-color: #bfbfbf; display: inline-block; cursor: pointer; color: #666; }
.act_hp{ background-color: #187740 !important; color: #fff !important;}
.hpbox{ display: none; overflow: hidden;}

.hpul{ padding-bottom: 4px;}
.hpul li{ width: 33.33%; float: left; border: 1px solid #ededed; border-width: 0 1px 1px 0; box-sizing: border-box;}
.hpul li:nth-child(3n){ border-right-color:transparent;}
.hpItem{}
.hpItem a{ display: block; padding: 6px; border: 4px solid transparent;}
.hpItem .tparea{ font-size: 0; overflow: hidden; position: relative;}
.hpItem .tparea .tp{ width: 100%;}
.hpItem .tparea .shade{ background: rgba(0, 0, 0, .6); width: 100%; height: 100%; position: absolute; left: 0; top: 0; z-index: 10; opacity: 0; transition: .3s; -webkit-transition: .3s; -moz-transition: .3s; -ms-transition: .3s; -o-transition: .3s; }
.hpItem .tparea .shade .addBtn{ line-height: 1; overflow: hidden    ; position: absolute; display: inline-block; left: 50%; top: 50%; transform: translate(-50%,-50%); font-size: 45px; -webkit-transform: translate(-50%,-50%); -moz-transform: translate(-50%,-50%); -ms-transform: translate(-50%,-50%); -o-transform: translate(-50%,-50%); color: #187740; }
.hpItem .tparea .shade .add::before{}
.hpItem .des{ padding: 15px 20px 9px; height: 60px; overflow: hidden; text-align: center;  }
.hpItem .des .tit{ font-size:16px;white-space:nowrap; overflow:hidden; -o-text-overflow:ellipsis; text-overflow:ellipsis; }
.hpItem .des .opa{ font-size: 16px; margin-top: 6px;}
.hpItem .des .opa .price{ font-size: 16px;}
.hpItem .des .opa .addcartBtn{ font-size: 14px; width: 25px; height: 25px; line-height: 25px; text-align: center; border-radius: 50%; -webkit-border-radius: 50%; -moz-border-radius: 50%; -ms-border-radius: 50%; -o-border-radius: 50%;  font-size: 16px; color: #187740; border: 1pppx solid #187740; border: 1px solid #187740; display: none; }
.hpItem a:hover{ border-color: #187740;}
.hpItem a:hover .tparea .shade{ opacity: 1;}
.hpItem a:hover .des .tit{  font-weight: bold;}
.hpItem a:hover .des .opa .price{ float: left;}
.hpItem a:hover .des .opa .addcartBtn{ float: right; display: block;}

.h_exp{ position: relative; margin-top: 10px;}
.h_exp .bg{ height: 500px; width: 58%; position:absolute; left: 0; top: 0px; z-index: 20;}
.hexp{ position: relative;}
.hexp::after{ content: ""; display: block; width: 100%; height: 76%; position: absolute; left: 0; bottom: 0;  background-color: #F2F2F2;}
.hexp .intro{ width: 50%; padding: 30px 0 40px; float: right; position: relative; z-index: 100;}
.hexp .intro .h_tit3{}
.h_tit3 .tit{ color: rgba(24, 119, 64, .6); font-size: 60px; line-height: 1;}
.h_tit3 .tit .span{ font-size: 55px;}
.h_tit3 .subtit{ font-size: 36px; font-weight: bold; margin-top: 8px;}
.hexp .intro .nr{ line-height: 1.8; height: 75.6px; overflow: hidden; margin-top: 20px; color: #666;}
.hexp .intro .mandiv{ margin-top: 20px;}
.hexp .intro .mandiv .sbtn{ font-size: 16px;}
.hexpul{  position: relative; z-index: 100;}
.hexpul li{ width: 25%; float: left; margin:0 0% 20px 0 ;}
.hexpItem{}
.hexpItem a{ display: block;}
.hexpItem .tparea{ font-size: 0; overflow: hidden; position: relative;}
.hexpItem .tparea .tp{ width: 100%;}
.hexpItem .tparea .shade{ position: absolute; left: 0; top: 0; width: 100%; height: 100%; background-color: rgba(0, 0, 0, .6);}
.hexpItem .tparea .shade .playerBtn{ position: absolute; left: 50%; top: 50%; transform: translate(-50%,-50%); -webkit-transform: translate(-50%,-50%); -moz-transform: translate(-50%,-50%); -ms-transform: translate(-50%,-50%); -o-transform: translate(-50%,-50%); color: rgba(255, 255, 255, .7); font-size: 80px;  }
.hexpItem .des{ padding: 12px 0px; text-align: center; }
.hexpItem .des .tit{ font-size: 16px;white-space:nowrap; overflow:hidden; -o-text-overflow:ellipsis; text-overflow:ellipsis;}
.hexpItem a:hover .des .tit{ color: #187740;}
.hexpItem a:hover .tparea .tp{ transform: scale(1.1); -webkit-transform: scale(1.1); -moz-transform: scale(1.1); -ms-transform: scale(1.1); -o-transform: scale(1.1); }

.h_new{ padding: 20px 0 60px;}
.hnItem{ }
.hnItem a{ display: block; padding: 0px 16px 16px;}
.hnItem .tparea{ font-size: 0; overflow: hidden;}
.hnItem .tparea .tp{ width: 100%;}
.hnItem .des{ padding: 16px 0; }
.hnItem .des .tit{ font-size: 16px;white-space:nowrap; overflow:hidden; -o-text-overflow:ellipsis; text-overflow:ellipsis; }
.hnItem .des .time{ font-size: 12px; color: #999; }
.hnItem .des .nr{ font-size: 12px; color: #666; line-height: 1.6; height: 57.6px; overflow: hidden; margin-top: 10px;}
.hnItem a:hover{ background-color: #fff;box-shadow: 0px 0px 13px 0px rgba(0, 0, 0, 0.19);}
.hnItem a:hover .des .tit{ color: #187740;}
.hnItem a:hover .tparea .tp{ transform: scale(1.1); -webkit-transform: scale(1.1); -moz-transform: scale(1.1); -ms-transform: scale(1.1); -o-transform: scale(1.1); }
.hnSlide { padding-bottom: 70px !important;}
.hnSlide .swiper-pagination{ bottom:0px !important;}
.hnSlide .swiper-pagination-bullet{ width:90px; height:4px; padding: 0; background-color:#bfbfbf; font-size: 0; line-height: 0; outline:none; cursor: pointer; filter:alpha(opacity=100); -moz-opacity:1; -khtml-opacity: 1; opacity: 1; margin:0 22px !important; border-radius:0 ; -webkit-border-radius:0 ; -moz-border-radius:0 ; -ms-border-radius:0 ; -o-border-radius:0 ; } 
.hnSlide .swiper-pagination-bullet-active{  color: #187740 !important; }
.hnSlideWrap{ position: relative; margin-top: 20px;}
.hnSlideWrap .swiper-button-prev{ left:-27px;}
.hnSlideWrap .swiper-button-next{ right:-27px;} 
.hnSlideWrap .swiper-button-prev::after,.hnSlideWrap .swiper-button-next::after{ display: none;}
 .hnSlideWrap .swiper-button-prev,.hnSlideWrap .swiper-button-next{ border-radius: 50%; background-color: rgba(0, 0, 0, .3); filter:alpha(opacity=100); -moz-opacity:1; -khtml-opacity: 1; opacity: 1; width:54px; height:54px; text-align: center; line-height: 54px; top:50%; margin-top:-25px; color: #fff; -webkit-filter:alpha(opacity=100); -webkit-border-radius: 50%; -moz-border-radius: 50%; -ms-border-radius: 50%; -o-border-radius: 50%; }
.hnSlideWrap .swiper-button-prev .iconfont,.hnSlideWrap .swiper-button-next .iconfont{ font-size: 36px; font-weight: bold;}
.hnSlideWrap .swiper-button-prev:hover,.hnSlideWrap .swiper-button-next:hover{background-color: #187740; color: #fff;}

.h_con{ padding: 0 0 90px;}
.h_con .wrap{ position: relative;}
.h_con .des{ width: 530px; max-width: 100%; box-sizing: border-box; position: absolute; left: 0; top: 50%; transform: translateY(-50%); background-color: #fff; border: 4px solid #187740; padding: 0 30px 30px; -webkit-transform: translateY(-50%); -moz-transform: translateY(-50%); -ms-transform: translateY(-50%); -o-transform: translateY(-50%); }
.h_con .des .list{ color: #666; padding: 15px 0; margin-bottom: 5px; border-bottom: 1px solid #ACACAC;}
.h_con .des .list .mc{ font-size: 15px; color: #333;}
.h_con .des .list .mc::before{ font-size: 24px; margin-right: 6px; display: inline-block; line-height: 1; vertical-align:  middle;}
.h_con .des .mandiv{ margin-top: 30px;}
.h_con .des .mandiv .sbtn{ font-size: 15px; padding: 8px 40px; margin-right: 15px;}
.h_con .des .mandiv .sbtn::before{ margin-right: 10px; display: inline-block; line-height: 1; vertical-align: middle; font-size: 24px;} 
.h_con .tparea{ width: 72%;}
.h_con .tparea .tp{ width: 100%;}

.footer{  background-color:#187740;}
.f_t{padding:40px 0 30px; display: -webkit-flex; display: -moz-box; display: -ms-flexbox; display: flex; -webkit-justify-content: space-between; -moz-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between;}
.ftlItem{ -webkit-flex: 1; -moz-box-flex: 1; -ms-flex: 1; flex: 1; min-width: 0;}
.ftrItem{ width: 320px; margin-left: 40px;}

.flink{ color:#666; margin-left:-20px;}
.flink a{  color:#ddd; margin:0 20px; font-size: 16px;}
.flink a:Hover{ text-decoration: underline; }

.frilink{margin-top: 20px;color: #E8E8E8;}
.frilink .mc{ }
.frilink a{ margin-right: 20px; color: #E8E8E8;}
.frilink a:hover{ color: #fff;}

.femail{ color:#E8E8E8; margin-top: 20px;}
.femail .mc{display: inline-block; margin-right: 10px;}
.femail .email{ font-size: 14px;}
.femail .email::before{ margin-right: 6px; font-size: 20px; display: inline-block; line-height: 1; vertical-align: middle;}

.ftel_fshare{ width:200px;}
.ftel h4{ font-size:14px; color:#E8E8E8;}
.ftel h4::before{ font-size: 28px; margin-right: 10px; display: inline-block; line-height: 1; vertical-align: middle;}
.ftel p{ font-size:24px; color:#E8E8E8;}

.fshare{ margin-top: 10px; font-size: 0;}
.fshare a{ display: inline-block; margin-right: 20px; width: 40px ; height: 40px; text-align: center; line-height: 40px; background-color: #E7E7E7; color: #187740;}
.fshare a:hover{ background-color: #fff;}

.fcode{ width:80px;}
.fcode img{ width:78px; height:78px; border: 1px solid #ddd;}
.fcode p{  color:#E8E8E8; text-align:center; margin-top:5px;}

.f_b{padding:20px 0; border-top: 1px solid #499167;}
.copy{ color: #fff;}
.copy a{ color: #fff;}
.copy a:hover{ color: #ccc;}

/*右侧客服*/
.floatpart{ position:fixed; right:0px; top:50%; margin-top:-150px; z-index:999; }
.floatpartul{ width:70px; }
.floatpartul li{  position:relative; margin-bottom: 2px;}
.floatpartul li a{ padding: 10px 0;  color: #fff; background-color: #187740; text-align:center; cursor:pointer; display:block; position: relative; border-radius:3px ; -webkit-border-radius:3px ; -moz-border-radius:3px ; -ms-border-radius:3px ; -o-border-radius:3px ; }
.floatpartul li a .iconfont{ width: 32px; height: 32px; line-height: 32px; font-size: 18px; color: #fff; border: 2px solid #fff; display: inline-block; }
.floatpartul li a .tit{ text-align: center; font-size: 12px; }
.floatpartul li:nth-last-child(1){ margin-top: 20px; line-height: 1;}
.floatpartul li:nth-last-child(1) a{font-size: 38px;}
.floatpartul li:hover a{ background-color: #090; }

/* 搜索结果 */
.i_main{  min-height:400px;}
.i_ban{ font-size: 0; position: relative; overflow: hidden; }
.i_ban .tp{ width: 100%;}

.location .wp{ padding: 8px 15px; background: #187740; position: relative; z-index: 10; font-size: 16px; color: #999; box-sizing: border-box;}
.location span{  color:#FEFEFE;}
.location a{  color:#FEFEFE; font-size: 16px;}
.location .home::before{ margin-right: 8px; font-size: 20px;}
.location a:hover{ color:#fff;}
.act_loca{ color:#fff !important;}
.location i{ margin:0 8px;color:#FEFEFE; font-style: normal; }

.location2 .wp{ background: none; padding-left: 0; padding-right: 0 ; font-size: 16px; color: #999; }
.location2 span{  color:#999;}
.location2 a{  color:#999; font-size: 16px;}
.location2 .home::before{font-size: 20px;}
.location2 a:hover{ color:#187740;}
.act_loca{ color:#187740 !important;}
.location2 i{ color:#999; }
/* 翻页 */
.turnpage{font-size:0; margin:0 auto; }
.turnpage a,.turnpage span{ display:inline-block; padding:5px 15px; font-size:14px; margin:0 10px; color:#666; border:1px solid #B5B5B5; background-color: #fff; }
.turnpage a.point{ border: none;}
.turnpage a:hover,.current{ color:#fff !important; background-color:#187740 !important; border-color: #187740 !important; }
.result{ padding: 22px 0 44px;}
.resultul{ padding-bottom: 22px;  border-top: 1px solid #ededed; }
.resultul li{ width: 25%; float: left; border: 1px solid #ededed; border-width: 0 1px 1px 0; box-sizing: border-box; }
.resultul li:nth-child(4n){ border-right-color:transparent;}

/* 体验中心 */
.i_tit{ background-color: #f4f4f4; padding: 25px 0; font-size: 24px; color: #187740;}
.exp{ padding: 32px 0 44px;}
.expul{ padding-bottom: 22px;}
.expul li{ width: 31.33%; float: left; margin: 0 2% 20px 0; }
.expul li:nth-child(3n){ margin-right: 0;}

/* 新闻中心 */
.new{ padding: 32px 0 44px;}
.newul{ padding-bottom: 22px;}
.newul li{ width: 33.33%; float: left; margin: 0 0% 20px 0; }
.newItem{}
.newItem a{ display: block;}
.newItem .tparea{ font-size: 0; overflow: hidden;}
.newItem .tparea .tp{ width: 100%;}
.newItem .des{ padding: 10px; }
.newItem .des .tit{ font-size: 16px;white-space:nowrap; overflow:hidden; -o-text-overflow:ellipsis; text-overflow:ellipsis; }
.newItem .des .nr{ font-size: 12px; color: #666; line-height: 1.6; height: 38.4px; overflow: hidden; margin-top: 10px;}
.newItem .des .time_arr{ margin-top: 15px; display: flex; align-items: center; justify-content: space-between; color: #999; }
.newItem .des .time_arr .time{  color: #333;}
.newItem .des .time_arr .arr{ color: #187740; font-size: 24px;  line-height: 1;}
.newItem a:hover{ background-color: #fff;}
.newItem a:hover .des .tit{ color: #187740;}
.newItem a:hover .tparea .tp{ transform: scale(1.1); -webkit-transform: scale(1.1); -moz-transform: scale(1.1); -ms-transform: scale(1.1); -o-transform: scale(1.1); }

/* 新闻中心详情页 */
.newdel{ padding: 20px 0; position: relative; z-index: 10;}
.artHeader{ padding: 20px 0; border-bottom: 1px solid #BFBFBF;}
.artHeader .tit{ font-size: 30px; color: #187740; line-height: 1.4;}
.artHeader .pub{ margin-top: 15px; color: #999;}
.artHeader .pub span{ margin: 0 10px;}

.artBody{ padding: 30px 0 50px; border-bottom: 2px solid #BFBFBF;}
.artBody .wz{  color: #666; line-height: 1.8; text-indent: 2em;}
.artBody .tp{ display: block; margin: 0px auto;}
.backList_pnpage{ padding: 25px 0; display: -webkit-flex; display: -moz-box; display: -ms-flexbox; display: flex; -webkit-align-items: center; -moz-box-align: center; -ms-flex-align: center; align-items: center; -webkit-justify-content: space-between; -moz-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between;}
.backList{ padding: 4px 28px;}
.backList .val{ font-size: 14px;}
.pnpage{ width: 600px;}
.pnpage .list{ padding: 4px 0; white-space:nowrap; overflow:hidden; -o-text-overflow:ellipsis; text-overflow:ellipsis; }
.pnpage .list .mc{}
.pnpage .list a{ color: #666;}
.pnpage .list a:hover{ color: #187740;}

/* 联系我们 */
.contact{ }
.cont{}
.cont .item{ padding: 40px 0; border-bottom: 1px dashed #7f7f7f;}
.cont .item:nth-last-child(1){ border: none;}
.cont .item .list{ padding: 25px 0 25px 88px; position: relative;}
.cont .item .list::before{ position: absolute; left: 0; top: 25px; color: #187740; font-size: 40px;}
.cont .item .tit{ font-size: 35px;}
.cont .item .nr{ font-size: 24px; margin-top: 10px;}
.cont .item .nr .p1{}
.cont .item .nr .p2{ margin-top: 15px;}

/* 产品展示列表 */
.lm{ background: #f4f4f4; font-size: 20px; padding: 20px 0;}
.lm a{ display: inline-block; }
.lm .cutline{ margin: 0 20px;}
.lm a:hover,.act_lm{ color: #187740 !important;}
.lm2{ padding: 40px 0 30px; }
.lm2 .wp{font-size: 0;}
.lm2 a{ font-size: 16px; padding: 3px 25px; margin: 0 10px;}
.lm2 a:hover,.act_lm2{ background-color: #187740 !important; color: #fff !important; }

.prolist{ padding-top: 0;}
/* 企业介绍 */
.i_tit2{ padding: 25px 0;}
.i_tit2 .tit{ font-size: 30px;}
.i_tit2 .line{ height: 2px; width: 3em; font-size: 30px; background-color: #187740; margin: 12px 0   0;}
.i_tit_tc .line{  margin: 12px auto  0;}
.profile{ padding: 70px 0;}
.profile .wp{ display: flex; align-items: center; justify-content: space-between;}
.profile .tparea{ width: 564px; margin-left: 50px; padding-bottom: 18px; background-color: #187740; position: relative;}
.profile .tparea .tp{ position: relative; margin: -18px 0 0 -18px;}
.profile .des{ flex: 1;}
.profile .des .i_tit2{ padding-top: 0;}
.profile .des .nr{}
.profile .des .nr .wz{ color: #666; line-height: 1.8;}

.comDis{ background-color: #EAEAEA; padding: 20px 0 60px;}
.comDisItem{}
.comDisItem a{ display: block;}
.comDisItem .tparea{ font-size: 0; overflow: hidden;}
.comDisItem .tparea .tp{ width: 100%;}
.comDisItem .des{ padding: 8px 20px; background-color: #fff; transition:.3s ; -webkit-transition:.3s ; -moz-transition:.3s ; -ms-transition:.3s ; -o-transition:.3s ; }
.comDisItem .des .tit{ white-space:nowrap; overflow:hidden; -o-text-overflow:ellipsis; text-overflow:ellipsis; text-align: center;}
.comDisItem a:hover .des{box-shadow: 0px 7px 18px 0px rgba(0, 0, 0, 0.07); background-color: #187740; color: #fff;}
.comDisItem a:hover .tparea .tp{ transform: scale(1.1); -webkit-transform: scale(1.1); -moz-transform: scale(1.1); -ms-transform: scale(1.1); -o-transform: scale(1.1); }

.comDisWrap{ margin: 20px 40px 0; position: relative;}
.comDisWrap .swiper-button-prev{ left:-40px;}
.comDisWrap .swiper-button-next{ right:-40px;} 
.comDisWrap .swiper-button-prev::after,.comDisWrap .swiper-button-next::after{ display: none;}
 .comDisWrap .swiper-button-prev,.comDisWrap .swiper-button-next{ border-radius: 50%; background-color: #fff; filter:alpha(opacity=100); -moz-opacity:1; -khtml-opacity: 1; opacity: 1; width:32px; height:32px; text-align: center; line-height: 32px; top:50%; margin-top:-25px; color: #666; -webkit-filter:alpha(opacity=100); -webkit-border-radius: 50%; -moz-border-radius: 50%; -ms-border-radius: 50%; -o-border-radius: 50%; }
.comDisWrap .swiper-button-prev .iconfont,.comDisWrap .swiper-button-next .iconfont{ font-size: 24px; font-weight: bold;}
.comDisWrap .swiper-button-prev:hover,.comDisWrap .swiper-button-next:hover{color: #187740; }

.comHon{ padding: 20px 0 50px;}
.honItem{}
.honItem a{ display: block; font-size: 0;}
.honItem a .tp{ width: 100%; box-shadow: 0px 10px 6px 0 #555;}
.comHonWrap{ margin: 20px 0px 0; position: relative;}
.comHonWrap .swiper-button-prev{ left:-56px;}
.comHonWrap .swiper-button-next{ right:-56px;} 
.comHonWrap .swiper-button-prev::after,.comHonWrap .swiper-button-next::after{ display: none;}
 .comHonWrap .swiper-button-prev,.comHonWrap .swiper-button-next{ border-radius: 50%; background-color: #fff; filter:alpha(opacity=100); -moz-opacity:1; -khtml-opacity: 1; opacity: 1; width:40px; height:40px; text-align: center; line-height: 40px; top:50%; margin-top:-25px; color: #666; -webkit-filter:alpha(opacity=100); -webkit-border-radius: 50%; -moz-border-radius: 50%; -ms-border-radius: 50%; -o-border-radius: 50%; border: 1px solid #ddd; }
.comHonWrap .swiper-button-prev .iconfont,.comHonWrap .swiper-button-next .iconfont{ font-size: 24px; font-weight: bold;}
.comHonWrap .swiper-button-prev:hover,.comHonWrap .swiper-button-next:hover{color: #187740; }
.comHonSlide .swiper-slide{ position: relative;}
.comHonSlide .swiper-slide::after{ content: ""; display: block; width: 100%; height: 100%; position: absolute
    ; left: 0; top: 0; background: rgba(0, 0, 0, .6); }
    .comHonSlide .swiper-slide-active::after{ display: none;}

/* 产品详情页 */
.pdel{ padding: 0 0 60px;}
.pdb .item{ padding:20px 0;}
.p_tit{ background: url(../images/icon/black1.png) center center repeat-x; padding: 25px 0;}
.p_tit .mc{ font-size: 30px; padding: 0 20px; display: inline-block; background-color: #fff; color: #187740; font-weight: bold;}
.pdb .item .nr .tp{ display: block; margin: 0 auto;}

.pdt{ display: flex; align-items: flex-start; justify-content: space-between;}
.pdtSlideWrap{width: 430px; margin-right: 50px; position: relative;}
.gallery-top {width:74%; float:right;}
.gallery-top {height: 450px; border: 1px solid #ededed;}
/* .gallery-top .swiper-slide{ display: flex; align-items: center;} */
.zoomBtn{ position: absolute; right: 10px; bottom: 10px; z-index: 100; color: #fff; font-weight: bold; }
.gallery-top img{ width: 100%; display: block; cursor: pointer;}
.gallery-thumbs {height: 440px;width: 23%; float:left;-moz-box-sizing: border-box;box-sizing: border-box;margin: 30px 0 !important; padding-bottom: 2px !important;}
.gallery-thumbs .swiper-slide {opacity: 0.6; cursor: pointer;padding: 4px; border: 2px solid transparent;  display: block; -moz-box-sizing: border-box; box-sizing: border-box;}
.gallery-thumbs .swiper-slide img{  height: 100%; margin: 0 auto;}
.gallery-thumbs .swiper-slide-thumb-active {opacity: 1; border-color: #187740 !important; }
.pdtSlideWrap .swiper-button-prev{ top:0%;}
.pdtSlideWrap .swiper-button-next{ bottom:0%; top: auto;}
.pdtSlideWrap .swiper-button-prev::after,.pdtSlideWrap .swiper-button-next::after{ display: none;}
.pdtSlideWrap .swiper-button-prev,.pdtSlideWrap .swiper-button-next{filter:alpha(opacity=40); -moz-opacity:0.4; -khtml-opacity: 0.4; opacity: 0.4;width: 23%;  height:22px; line-height: 22px; left: 0; margin-top: 0; color: #fff; cursor: pointer; z-index: 10; text-align: center; background-color: #666;}
.pdtSlideWrap .swiper-button-prev .iconfont,.pdtSlideWrap .swiper-button-next .iconfont{ font-size: 20px;  line-height: 1;}
.pdtSlideWrap .swiper-button-prev:hover,.pdtSlideWrap .swiper-button-next:hover{filter:alpha(opacity=100); -moz-opacity:1; -khtml-opacity: 1; opacity: 1; background-color: #187740;}

.pshare{ position: absolute; right: 0; bottom: 0; font-size: 0;}
.pshare a{ display: inline-block; margin-left: 10px; width:30px ; height:30px; text-align: center; line-height: 30px; color: #fff;}
.pshare a:nth-child(1){ background-color: #2fb0ec;}
.pshare a:nth-child(2){ background-color: #3b5998;}
.pshare a:hover{ transform: scale(1.1); -webkit-transform: scale(1.1); -moz-transform: scale(1.1); -ms-transform: scale(1.1); -o-transform: scale(1.1); }
.pdtIntro{ flex: 1; }
.pdtIntro .tit{ font-size: 32px; font-weight: bold; color: #187740;}
.pdtIntro .fee{ padding: 10px 20px; margin-top: 15px; background-color: #E5E5E5;}
.pdtIntro .fee .price{ font-size: 36px; font-weight: bold; color: #DC0000;}
.pdtIntro .fee .unit{ margin-left:40px;}
.pdtIntro .para{ margin-top: 30px; font-size: 0;}
.pdtIntro .para .list{ color: #999;  display: inline-block; width: 48%; margin-right: 2%; font-size: 16px; padding: 6px 0;}
.pdtIntro .para .list .mc{ color: #333;}
.pdtIntro .pOpa{ margin-top: 20px; display: flex; align-items: center; justify-content: space-between;}
.pdtIntro .pOpa .sbtn{ width: 32%; font-size: 18px; padding-left: 0; padding-right: 0;}
.pdtIntro .pOpa .sbtn::before{ font-size: 24px; margin-right: 10px;}

.quantity .mc,
.quantity .num {display: inline-block;vertical-align: middle;
}
.quantity .num {overflow: hidden;position: relative;border: 1px solid #cfcfcf;display: inline-block;
}
.quantity .num em {display: inline-block;width: 32px;height: 32px;text-align: center;line-height: 32px;font-size: 14px;cursor: pointer;float: left;color: #666;background-color: #e3e3e3;
}
.quantity .num .text {display: inline-block;float: left;width: 130px;height: 32px;border: 1px solid #ebebeb;text-align: center;border-width: 0 1px;line-height: 32px;background-color: #fff;font-size: 14px;
}
.quantity .num em:hover {background-color: #ddd;
}
.quantity .num em.jian {}
.quantity .num em.add {}
.quantity .totalNum{ margin-left: 15px; font-size: 14px;}



/* 弹窗 */
.pupbg{ background-color: rgba(0, 0, 0, .6); width: 100%; height: 100%; position: fixed; left: 0; top: 0; z-index: 200;}
.pup{position: fixed; top: 50%; left: 50%; -webkit-transform: translate(-50%,-50%);-moz-transform: translate(-50%,-50%);-ms-transform: translate(-50%,-50%);-o-transform: translate(-50%,-50%);transform: translate(-50%,-50%); width: 85%; z-index: 205;}
.fillNeedsPup{ width: 740px; max-width: 94%;}
.closePup{ position: absolute; right:-0px; top: -34px; line-height: 1;cursor: pointer; width: 26px; height: 26px; line-height: 26px; text-align: center; font-weight: bold; font-size: 20px; border: 2px solid #fafafa; color: #fafafa; display: inline-block }
.closePup:hover{ color: #187740; background-color: #fff; }
.fillNeedsMain{ padding: 0px 0px 36px;
    box-shadow: 0px 0px 8px 0px rgba(0, 0, 0, 0.4);}
.fillNeedsMain .i_tit{ padding: 15px 0;}
.fillNeedsForm{ width: 90%; margin: 26px auto 0; }
.fillNeedsForm .item{ display: flex; margin-bottom: 16px;}
.fillNeedsForm .item .attrmc{ width:120px; text-align: right; font-size: 16px; line-height: 32px; margin-right: 10px; display: inline-block;}
.fillNeedsForm .item .attrval{ flex: 1;}
.fillNeedsForm .text{ display: block; width:340px; float: left; max-width: 80%; padding-left: 15px; border: 1px solid #7d7d7d; height: 32px; line-height: 32px; font-size: 14px; background-color: #fff; }
.required{ color: #f00; font-style: normal; float: left; margin: 5px 0 0 5px;}
.fillNeedsForm .textarea{ display: block; width: 100%; padding:10px 15px; border: 1px solid #7d7d7d; height: 150px;  font-size: 14px; background-color: #fff; }
.fillNeedsForm .select{display: block; width: 100%; border: 1px solid #7d7d7d; height: 32px; line-height: 32px; font-size: 14px; background-color: #fff;}
.fillNeedsForm .msg{ color: #999; line-height: 1.8; margin-top: 10px;}
.formSubmit{ padding-top: 10px;}
.formSubmit .sbtn{ padding: 5px 44px; font-size: 14px;}

/* 购车列表 */
.y_tit{ font-size: 16px; padding: 10px 20px;  background-color: #BFBFBF; }
.youlike{ padding: 60px 0;}
.youlike .resultul{ margin-top: 12px;}

.c_tit{ font-size: 16px; padding: 10px 40px; color: #fff; background-color: #187740;}
.cartorder{ margin:8px 0 0;  -webkit-box-sizing:border-box; -moz-box-sizing:border-box; -ms-box-sizing:border-box;-o-box-sizing:border-box; box-sizing:border-box;}
.ordertit li{ background-color:#eeeeee; display: flex; text-align: center; align-items: center; justify-content: space-between; }
.ordertit .col{   padding:12px 9px; font-size:13px; color:#666;-webkit-box-sizing:border-box; -moz-box-sizing:border-box; -ms-box-sizing:border-box;-o-box-sizing:border-box; box-sizing:border-box;text-align:center;}
.ordertit .col01{ width:50px; text-align:right; position: relative;}
.ordertit .col01 .val{ position: absolute; left: 100%; top: 50%; transform: translateY(-50%); color: #333; display: block; width: 50px; text-align: left; -webkit-transform: translateY(-50%); -moz-transform: translateY(-50%); -ms-transform: translateY(-50%); -o-transform: translateY(-50%); }
.ordertit .col02{ width:400px; padding-left:0; }
.ordertit .col03{ width:140px;}
.ordertit .col04{ width:140px;}
.ordertit .col05{width:140px;}
.ordertit .col06{ width:140px;;}
.ordertit .col07{ width:100px;}
.orderlist{ }
.orderlist li{border:1px solid #EAEAEA; margin-bottom: 15px; -webkit-box-sizing:border-box; -moz-box-sizing:border-box; -ms-box-sizing:border-box;-o-box-sizing:border-box; box-sizing:border-box; display: flex; align-items: center; justify-content: space-between; }
.orderlist li:hover{ border-color: #187740;}
.orderlist .col{padding:12px 9px; color:#333;-webkit-box-sizing:border-box; -moz-box-sizing:border-box; -ms-box-sizing:border-box;-o-box-sizing:border-box; box-sizing:border-box; font-size:13px;  }
.orderlist .mc{ display: none;}
.orderlist .col01{ width:50px; text-align:right;}
.orderlist .col02{ width:400px; }
.orderlist .tp{ text-align:center; display:block;}
.orderlist .tp img{ border:1px solid #ddd; width:80%; height:auto;}
.orderlist .col03{width:140px;}
.orderlist .col04{ width:140px;}
.orderlist .col05{width:140px;}
.orderlist .col06{ width:140px;}
.orderlist .col07{ width:100px;}
.cartItem{}
.cartItem a{ display: flex; align-items: center; justify-content: space-between;}
.cartItem .tparea{ width: 86px; margin-right: 15px; font-size: 0; overflow: hidden;}
.cartItem .tparea .tp{ width: 100%;}
.cartItem .des{ flex: 1;  text-align: left;}
.cartItem .des .tit{ font-size: 12px; color: #187740; white-space:nowrap; overflow:hidden; -o-text-overflow:ellipsis; text-overflow:ellipsis;}
.cartItem .des .info{ font-size: 13px; margin-top: 5px; color: #666; }
.cartItem .des .info .list .mc{ color: #333;}
.cartItem a:hover .des .tit{ color: #187740;}
.cartItem a:hover .tparea .tp{ transform: scale(1.1); -webkit-transform: scale(1.1); -moz-transform: scale(1.1); -ms-transform: scale(1.1); -o-transform: scale(1.1); }

.orderlist .col .price,.orderlist .col .total,.orderlist .col .opa{ text-align:center; padding-top:20px;}
.orderlist .col .opa a{ display: block;}
.orderlist .num{ width:88px; margin:20px auto 0; text-align:center; display:block;}
.orderlist .num{ overflow:hidden;}
.orderlist .num em{ display:inline-block; width:18px; height:18px; background-color:#fff; border:1px solid #ccc; text-align:center; line-height:18px; float:left; float:left; cursor:pointer;}
.orderlist .num .text{ display:inline-block; float:left; width:46px; height:20px; border:none; border-top:1px solid #ccc;border-bottom:1px solid #ccc; text-align:center; line-height:24px; color: #C50A18;}
.orderlist .num em:hover{ background-color:#ebebeb;}


.slopa{ padding:6px 20px; background-color:#DADADA; display: flex; align-items: center; justify-content: space-between; }
.slopa .delAll{ font-size: 14px;}
.slopa .delAll input{ margin-right: 10px;}
.slopa .delAll .val{ margin-right: 20px; }
.slopa .delAll .btn{ color: #187740;}
.slopa .span{ margin-left: 40px; font-size: 16px;}
.cart .pOpa{ margin: 40px auto 0;  width: 700px; max-width: 100%;display: flex; align-items: center; justify-content: space-between;}
.cart .pOpa .sbtn{ width: 32%; font-size: 18px; padding-left: 0; padding-right: 0;}
.cart .pOpa .sbtn::before{ font-size: 24px; margin-right: 10px;}






.green{ color: #187740;}
.red{ color: #C50A18;}