@charset "utf-8";
/* CSS Document */
#banner{overflow: hidden;}
#banner .ban-des{color: #fff; position: absolute; padding: 1.6% 24px; left: 0; top: 30px; width: 100%; font-size: 20px; line-height: 1.3; text-align: center; text-transform: uppercase; font-weight: bold; text-shadow: 0 3px 10px rgba(0,0,0,.72), 0 1px 2px rgba(0,0,0,.9);}
#banner .ban-des::before{content:""; position:absolute; left:50%; top:50%; width:min(86%, 1320px); height:118%; transform:translate(-50%,-50%); background:radial-gradient(ellipse at center, rgba(0,0,0,.42) 0%, rgba(0,0,0,.24) 48%, rgba(0,0,0,0) 76%); pointer-events:none; z-index:0;}
#banner .ban-des .title,#banner .ban-des .title2,#banner .ban-des p{position:relative; z-index:1;}
#banner .ban-des .title{font-size: 50px; line-height: 1.12; margin: 0 auto 18px; max-width: 1200px;}
#banner .ban-des .title2{font-size: clamp(38px, 3.6vw, 56px); line-height: 1.12; margin: 0 auto 18px; max-width: 1320px; white-space: normal;}
#banner .ban-des p{line-height: 1.45; margin: 0 auto; max-width: 1120px; text-transform: none;}
@media (min-width: 1280px){
#banner .ban-des{top: 15%;}
}
@media (max-width: 991px){
#banner .ban-des .title{font-size: 24px; margin-bottom: 8px;}
#banner .ban-des .title2{font-size: 28px; margin-bottom: 8px;}
#banner .ban-des{font-size: 14px; line-height: 1.35;}
#banner .ban-des .more{ width: 136px; height: 46px; line-height: 46px; }
}
@media (max-width: 767px) {
	#banner .ban-des .title,#banner .ban-des .title2{font-size:14px; line-height: 1.25; margin-bottom: 4px;}
	#banner .ban-des p{display: none;}
}
@media (min-width: 992px) and (max-width: 1199px){
	#banner .ban-des .title2{font-size:40px;}
}
#offer{padding-top: 3.6%; background: #41a660; text-align: center; color: #fff;}
#offer .typename{font-size: 26px; text-transform: uppercase; margin-bottom: 7px; font-weight: bold;}
#offer p{color: #d4e4d9; font-size: 18px; margin-bottom: 3.4%;}
#offer .offcont{background: #444; padding: 32px 32px 7px;}
#offer .offcont .row{margin-left: -8px; margin-right: -8px;}
#offer .offcont .row .col-xs-6{padding-left: 8px; padding-right: 8px;}
#offer .offcont a{color: #fff; padding: 5px 0; display: block;  text-decoration: none;}

#offer .col-sm-3{padding-top: 3.5%;}
#offer .col-sm-3 a{font-size: 24px; color: #fff; text-decoration: none;}
#offer .col-sm-3 .box-raw{border: 18px solid #444; margin-top: 20px;position: relative; display:inline-block;}
#offer .col-sm-3 .box-raw::before {color: #34c26e;content:"\f0c1";font-family: "FontAwesome";font-size: 28px;position: absolute;right:18px; bottom: 18px;  transition: all 0.3s ease 0s;z-index: 3;}
#offer .col-sm-3 .box-raw::after{ width: 68px; height: 68px; background: rgba(0,0,0,.5); position: absolute; right: 0; bottom: 0; content: ""; transition: all 0.3s ease 0s;}
@media (min-width:768px) {
#offer .col-sm-3 a:hover.box-raw::before{right: 50%; top: 50%; margin-right: -10px; margin-top: -10px;}
#offer .col-sm-3 a:hover.box-raw::after{left: 50%; top: 50%; margin-left: -34px; margin-top: -34px;}
#offer .raw3::after,#offer .final3::before{top: 50%;}
#offer .col-offer{padding: 0 4.5%;}
}
#offer .raw3::after,#offer .final3::before{display:none !important;}
#offer .final3::before{left: auto; margin-left: 0;}
#offer a.box-img{display: block;position: relative; overflow: hidden;transition: all 0.3s ease 0s; padding: 0;}
#offer .box-img::before {color: #34c26e;content:"\f0c1";font-family: "FontAwesome";font-size: 32px;left: 50%;opacity: 0;position: absolute;top: 50%; margin-left: -15px; margin-top: -15px; transition: all 0.3s ease 0s;z-index: 3;}
#offer .box-img::after {background: rgba(0, 0, 0, 0.5) none repeat scroll 0 0;content: "";display: block;height: 100%;left: 0;opacity: 0;position: absolute;top: 0;transition: all 0.3s ease 0s; width: 100%;}
#offer a:hover.box-img::after{opacity: 1;}
#offer a:hover.box-img::before { opacity: 1;}
#offer a:hover{color: #62df78;}

@media (min-width:768px) and (max-width: 1199px){
	#offer .raw3::after,#offer .final3::before{display:none !important;}
}
@media(max-width: 991px){
#offer .offcont{padding: 20px 20px 7px;}
#offer .col-sm-3 .box-raw{ border-width: 10px; }
}
@media (max-width: 767px) {
	#offer .title{display: block;}
	#offer .offcont{ margin: 28px 0; }
	#offer .raw3,#offer .final3{position: relative;}
	#offer .raw3::after,#offer .final3::before{display:none !important;}
	#offer .offcont{padding:15px 15px 7px; }
}

#choose{background:url(../images/usbg.jpg) repeat; padding: 3.6% 0;}

#choose .typename{ font-size: 24px; color: #323232; font-weight: bold; text-transform: uppercase; margin-bottom: 3.6%; }
#choose .typename a{color: #323232;}
#choose p{margin-bottom: 2.6%; color: #3b3b3b;}
#choose .more{width: 138px; line-height: 42px; border: 1px solid #41a660; border-radius: 5px; text-align: center; display: block; color:#41a660 ; font-weight: bold; text-decoration: none;}
#choose a:hover.more{ background:#41a660; color: #fff; }
#choose .col-sm-4{text-align: center;}
#choose .col-sm-4 img{margin-bottom: 30px;}

#news{padding: 4.6% 0;} 
#news .typename{color: #323232; font-size: 24px; font-weight: bold; text-transform: uppercase; margin-bottom: 5.6%;}
#news .time{ color: #959595; margin: 10px 0; font-size: 12px;}
#news .time i{color: #42a466;}
#news p{color: #9e9e9d; height: 74px; overflow: hidden;}
#news .title{color: #4b4948; font-weight: bold; line-height: 20px; display: block; margin-bottom: 8px;}
#news a:hover.title{color:#3b3938; }
#news .more{width: 136px; height: 43px; text-align: center; line-height: 43px; display: inline-block; background: #42a466; border-radius: 5px; color: #fff; text-transform: uppercase; font-weight: bold; text-decoration: none; margin-top: 30px; margin-bottom: 30px;}
#news .newslist{ padding: 15px 0; border-bottom: 1px solid #eceaea; }
#news a:hover.more{background: #2e2e2e;}
#news .achieve .row{ margin-left: -6px; margin-right: -6px; }
#news .achieve .row .col-sm-4{ padding-left: 6px; padding-right: 6px; margin-bottom: 12px; }
#news .panel-heading{ padding: 0; margin-bottom: 2px; line-height:18px; }
#news .panel-heading a{ position: relative; background: #42a466; border-bottom: 1px solid #e5e5e5; font-size: 13px; border-radius: 3px; display: block; padding: 10px 15px 10px 60px; color: #fff; text-decoration: none; outline: none; font-weight: bold;}
#news .panel-heading a.collapsed{background: #444444; color: #fff;}
#news .panel-heading a:hover{background: #42a466; color: #fff;}
#news .panel-body{ border: none; color: #3a3a3a; padding: 7px 15px; font-size: 12px; }
#news .panel-heading a.collapsed::after,#news .panel-heading a::after{ position:absolute; top: 50%; margin-top: -9px; left: 15px; width: 18px; height: 18px;content:"\f067"; line-height: 20px; background: #54c67e; border-radius: 9px; color: #444444; font-size: 10px; display:inline-block; font-family:FontAwesome; text-align:center;  color:#fff;}

#news .panel-heading a::after{content:"\f068";background: #fff; color:#54c67e; }
#news .panel-heading a:hover::after{ background: #fff; color:#54c67e;  }
#news .panel-heading a::before{ width: 1px; height: 17px; background: #48be74; position: absolute; content: ""; top: 50%; margin-top: -8px; margin-left: -15px;}
#news .panel-heading a.collapsed::before{background: #696767;}
#news .panel-heading a:hover:before{background: #48be74;}
@media (min-width:768px){
#news .newsdiv,#news .achieve{padding-left: 5.2%;}	
}
@media (max-width: 767px) {
#news .newslist .col-sm-4{text-align: center;}
}

#sendform{background: #42a466 url(../images/form-bg.jpg) left top no-repeat; padding: 3.3% 0;}
#sendform .mailcont{background: #fff url(../images/mail-logo.png) 140% center no-repeat; padding: 3.7% 7.2% 2.6%; box-shadow: 5px 5px 5px rgba(0,0,0,.3);}
#sendform .mailtop{margin-bottom: 20px; border-left: 3px solid #42a466; padding-left: 20px;}
#sendform .mailtitle{font-size: 30px; color: #42a466; font-weight: bold; margin-bottom: 6px;}
#sendform .mailtop p{ font-size: 12px; line-height: 18px; margin-bottom: 0; }
#sendform .mailtop b{font-style: italic;}
#sendform .mailtop span{color: #66b280; font-weight: bold;}
#sendform .mailtitle::before{width: 3px; height: 21px; background: #292929; content: ""; position: absolute; margin-left: -23px;}
#sendform input.form-control{height: 47px; }
#sendform .form-group{margin-bottom: 8px;}
#sendform .sbtn{width: 310px; height: 47px;background: #42a466; border: none; color: #fff; font-size: 18px; font-weight: bold; border-radius: 5px;}
#sendform .sbtn:hover{background: #292929;}