@import "iconfont.css";
.c99{color: #999;}.c66{color: #666;}
.vm{top: 50%;left: 50%; position: absolute;-webkit-transform: translate(-50%, -50%);transform:translate(-50%, -50%);}
.vtm{top: 50%; position: absolute;-webkit-transform: translate(0%, -50%);transform:translate(0, -50%);}
.vwm{left: 50%; position: absolute;-webkit-transform: translate(-50%, 0%);transform:translate(-50%, 0%);}
.col-center{align-items: center;}
a:hover{text-decoration:none;}
h3,p{margin:0;}
button{outline: none;background: none;border:none;}
html{-ms-text-size-adjust:100%;text-rendering: optimizeLegibility;-webkit-font-smoothing: antialiased;-moz-osx-font-smoothing: grayscale;}
body{font-family: Arial;min-width: 320px;background-color: #fff;font-size: 14px;}
html,body{width: 100%;overflow-x: hidden;font-family: 'Microsoft Yahei';}
a,a:hover {color: #333;cursor:pointer;}
ul,li {padding: 0;margin: 0;list-style: none;}
.left{ float:left;display: inline-block;}.right{float:right;display: inline-block;}
.clearfix:after{content:'\20';display:block;height:0;clear:both;overflow:hidden;}
.clearfix{*zoom:1;}
*{box-sizing: border-box;}
.wrap{max-width: 1200px;margin: 0 auto;padding: 0;}
.wow { visibility: hidden;}
.flex_wrap{flex-wrap: wrap;}
.flex_column{flex-direction: column;}
.header{left: 0;right: 0;top: 0; z-index: 400;text-align: center;transition: all 400ms;position: fixed;background-color: transparent;padding:15px 3%;}
.header-posi{background-color: #fff;}
.hr{flex:1;}

.menu{text-align: center;font-size: 0;white-space: nowrap;}
.menu li{display: inline-block;margin:0 45px 0 0;}
.menu li a.item{position: relative; font-size: 20px;padding: 0 5px; display: block;color:#453218;text-transform: uppercase;}
.menu li.active a.item{color: #f69d11;}
.menu-btn { height: 60px;width: 60px;display: block;position: relative;}
.menu-btn span {display: block;height: 2px;background-color: #f69d11;position: absolute;left: 15px;right:15px;-webkit-transition: all 0.3s;transition: all 0.3s;}
.menu-btn span:nth-of-type(1) {top:18px;}
.menu-btn span:nth-of-type(2) {top: 50%;transform: translateY(-50%)}
.menu-btn span:nth-of-type(3) {bottom: 18px;}
.menu-btn.active span:nth-of-type(1){top:33px;-moz-transform:rotate(-45deg);-webkit-transform:rotate(-45deg);-o-transform:rotate(-45deg);-ms-transform:rotate(-45deg);transform:rotate(-45deg)}
.menu-btn.active span:nth-of-type(2){-ms-filter:progid:DXImageTransform.Microsoft.Alpha(Opacity=0);filter:alpha(opacity=0);opacity:0;-moz-opacity:0;-khtml-opacity:0;-webkit-opacity:0}
.menu-btn.active span:nth-of-type(3){top:33px;-moz-transform:rotate(45deg);-webkit-transform:rotate(45deg);-o-transform:rotate(45deg);-ms-transform:rotate(45deg);transform:rotate(45deg)}

.sub_menu{position: absolute;background-color: rgba(255,255,255,.9);left:50%;top:100%;right:0; z-index: 200;visibility:hidden;opacity:0;margin-top:10px;-webkit-transition:all .2s ease;transition:all .2s ease;text-align: left;width: 100%;transform: translateX(-50%);border-radius: 8px;border-radius: 20px;padding: 20px;}
.sub_menu a{position: relative;color: #333;font-size: 16px;height: auto;padding:10px 0; display: block;white-space: pre-wrap ;padding-left: 15px;}
.sub_menu a .iconfont{font-size: 18px;position: absolute;left: -3px;top:8px;}
.sub_menu a:hover{color: #1e2970;}
.sub_menu a:last-child{border-bottom: none;}
.sub_menu::before{ content: ""; position: absolute; top: -6px; left: 50%; transform: translateX(-50%);width: 0;height: 0;border-left: 6px solid transparent;border-right: 6px solid transparent;border-bottom: 6px solid white;}

.sideMenu{position: fixed;top: 60px;width: 100%;z-index: 600;left:0;opacity: 0;color: #000;padding:10px 0;bottom: 30%;overflow-y: auto;width: 100%;z-index: 500;background-color: #fff;transform: translateY(-100%);visibility: hidden;transition: all .3s;}
.sideMenu.slide{visibility: visible;transform: translateY(0);opacity: 1;}
.side_bg{background: rgba(0,0,0,.4);position: absolute;left: 0;top:0;right: 0;bottom: 0;z-index:100;display: none;position: fixed;}
.side_c{width:100%;overflow:auto;position: relative;z-index: 101;}
.mob_header{ position: fixed;left: 0;top:0;right: 0;z-index: 500;display: none;padding:0 15px;background-color: #fff;}

.w1{text-overflow: -o-ellipsis-lastline;overflow: hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 1; line-clamp: 1;-webkit-box-orient: vertical;}
.w2{text-overflow: -o-ellipsis-lastline;overflow: hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 2; line-clamp: 2;-webkit-box-orient: vertical;}
.w3{text-overflow: -o-ellipsis-lastline;overflow: hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 3; line-clamp: 3;-webkit-box-orient: vertical;}

.img-responsive{width: 100%;height: auto;display: block;}
.flex{
	display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex
}
.justify-content-center {justify-content: center;}
.justify-between{justify-content: space-between;}
.flex_mjustify{-webkit-box-pack:justify;-webkit-justify-content:space-between;-ms-flex-pack:justify;justify-content:space-between}
.flex_crosscenter{-webkit-box-align:center;-webkit-align-items:center;-ms-flex-align:center;align-items:center}
.flex_mcenter{-webkit-box-pack:center;-webkit-justify-content:center;-ms-flex-pack:center;justify-content:center}
.flex_box_1{-webkit-box-flex:1;-webkit-flex-grow:1;-ms-flex-positive:1;flex-grow:1;-webkit-flex-shrink:1;-ms-flex-negative:1;flex-shrink:1}
.align-center{align-items: center;}
.row-between{justify-content: space-between;}
h1,h2,h3,h4,h5{padding:0;margin:0;}
.mob_img{display: none;}
.sub-nav{display: none;}
.navs{width: 100%;border-top: 1px solid #f2f2f2; padding: 3% 5% 3%;}
.navs li{text-align: left;}
.navs li a{ color: #333;display: block;font-size: 15px;letter-spacing: 1px;font-weight: 500;}
.navs li a.item{position: relative;display: flex;align-items: center;justify-content: space-between;padding:15px 0;border-bottom: 1px solid rgba(0, 0, 0, .2);}
.navs li:last-child a.item{border-bottom: none;}
a{text-decoration: none !important;}
.mob_show{display: none;}
.pc_show{display: block;}
.hc_r{flex:1;}
.mog_logo{padding: 60px 0 30px 0;}

.banner{position: relative;}
.banner img{width: 100%;height: auto;display: block;}
.ban_cont{position: absolute;left: 0;top:20%;right: 0;z-index: 2;}
.ban_cont h1{font-size: 40px;color: #f69d11;font-weight: bold;}
.ban_cont h2{font-size: 35px;color: #453218;font-weight: bold;}
.btool {margin: 30px 0;}
.btool li{text-transform: uppercase;font-size: 14px;margin-right: 25px;text-align: center;}
.btool li .icon{display:flex;align-items: center;justify-content: center;width: 67px;height: 67px;border: 1px solid #453218;border-radius: 50%;margin: 0 auto;margin-bottom: 5px;}
.btool li .icon .iconfont{font-size: 30px;color: #f69d11;}
.contion{width: 495px;background-color: #f69d11;border-radius:20px 0 20px 0;position: relative;padding:8px;box-sizing: border-box;}
.contion .dh{position:absolute;right: 10px;top:-60px;width: 144px;}
.contion h3{color: #fff;font-size: 30px;font-weight: bold;display: flex;align-items: center;padding:15px 0;padding-left: 30px;}
.colUl{background-color: #fff;border-radius: 20px 0 20px 0;padding:24px 20px 10px 20px;}
.colUl li strong{color: #f69d11;font-size: 20px;}
.colUl li  p{line-height: 1.7;color: #453218;font-size: 18px;}
.ma_l{width: 455px;flex-shrink: 0;}
.mlogo{width: 266px;height: 209px;background-color: #ffe1a9;display: flex;align-items: center;justify-content: center;border-radius: 30px 0 0 0;}
.mtxt{display: flex;align-items: center;justify-content: center;background-color: #f69d11;height: 209px;flex-direction: column;width: 164px;color: #fff;font-size: 16px;}
.ml_top{margin-bottom: 26px;}
.ml_bot img{display: block;border-radius: 0 0 30px 0;}
.main_a{padding: 65px 0;}
.ma_r{flex:1;margin-left: 60px;display: flex;flex-direction: column;justify-content: space-between;}
.ma_r h2,.why_top{font-size: 40px;font-weight: bold;margin-bottom: 30px;}
.ma_r h2 span,.why_top span{color: #f69d11;}
.ma_r p{margin-bottom: 15px; color: #777;line-height: 2;font-size: 16px;text-align: justify;}
.map{flex:1;}
.more{display: inline-flex;align-items: center;justify-content: center;padding:0 20px;height: 55px;color: #f69d11;font-size: 18px;border: 1px solid #f69d11;border-radius: 28px;}
.ma_r .more{max-width: 165px;}
.main_b{background-color: #fff4e1;position: relative;padding: 35px 0;min-height: 500px;}
.main_b::after{content: '';position: absolute;top:0;bottom: 0;width: 24%;right: 0;background-color: #f69d11;}
.main_b .wrap{position: relative;z-index: 3;}
.imgsu{position: absolute;right: 0;top:-70px;width: 560px;}

.why_top .t{margin-right: 50px;}
.wline{width: 795px;}
.wline span:first-child{width:187px;height: 5px;background-color: #f69d11;flex-shrink: 0;margin-right: 5px;}
.wline span:last-child{flex:1;height: 2px;background-color: #ccc6bd;}
.wUl{padding:25px 0;}
.wUl li{margin-bottom: 12px;color: #453218;font-size: 16px;}
.wUl li span{width: 45px;height: 45px;display: flex;align-items: center;justify-content: center;border-radius: 8px 0 8px 0;background-color: #f69d11;color: #fff;font-weight: bold;font-size: 24px;margin-right: 20px;}
.wUl li:nth-last-child(2n+2) span{background-color: #ccc6bd;}
.mcUl{margin: 0 -18px;}
.mcUl li{width: 33.3333%;padding:0 18px}
.mcUl li .item{background-color: #fff4e1;height: 480px;border-radius: 30px 0 30px 0;}
.mcUl li  .txt{text-align: justify;padding: 0 20px;font-size: 16px;color: #453218;line-height: 1.8;margin-top: 20px;}
.ic_t{background:url(../images/ic1.png) no-repeat center bottom;padding-bottom: 50px;border-radius: 30px 0 0 0;color: #fff;display: flex;align-items: center;justify-content: center;flex-direction: column;height: 200px;position: relative;text-align: center;background-size: 100% auto;}
.ic_t:before{position: absolute;content: '';left: 0;top:0;right: 0;bottom: 80px;background-color: #f69d11;border-radius: 30px 0 0 0;}
.ic_t strong{font-size: 30px;position: relative;z-index: 2;}
.ic_t p{font-size: 14px;position: relative;z-index: 2;}
.main_c{padding: 105px 0;}

.footer{background: #222222 url(../images/fg.png) no-repeat 96% top;padding: 30px 0;}
.ftit{color: #fff; border-bottom: 1px solid rgba(255,255,255,.3);padding-bottom: 20px;}
.ftit strong{font-size: 24px;}
.ftit .iconfont{font-size: 24px;margin-right: 10px;}
.fUl li{color: #949494;font-size: 16px;line-height: 2.4;}
.fUl li:last-child{line-height: 1.6;width: 40%;}
.fUl{padding: 25px 0;flex-wrap: wrap;}
.footer .p{color: #949494;font-size: 16px;line-height: 2;}
.aBan{width: 100%;height: auto;display: block;object-fit: cover;}
.am_cont{min-height: 500px;position: relative;}
.am_cont .img3{position: absolute;top:-66px;right: -45px;}
.am_tit{text-transform: uppercase; color: #f69d11;font-size: 85px;font-weight: bold;padding:20px 0}
.adiv1{max-width:690px ;}
.adiv {margin-bottom: 40px;}
.adiv strong{font-size: 24px;font-weight: bold;color: #453218;display: block;margin-bottom: 10px;}
.adiv p{color: #777;color: #777777;line-height: 1.8;margin-bottom: 20px;}
.amUl{margin: 0 -10px;}
.amUl li{width: 33.3333%;padding: 0 10px;}
.amUl li img{width: 100%;display: block;border-radius: 20px 0 20px 0;}
.aMain{padding-bottom: 100px;}
.pro_top{position: relative;}
.pro_top .img3{right: 0;top:-260px;z-index: 2;position: absolute;}
.pro_cont{min-height:400px;padding:80px 0;}
.pro_cont table{width: 100%;border-collapse: collapse;}
.pro_cont td{color: #453218;font-size: 20px; border: 1px solid #d0ccc6;padding:12px 0;text-align: center;}
.f30{font-size: 30px;}
.pro_cont th{font-weight: bold;border: 1px solid #d0ccc6;padding:12px 0;text-align: center;font-size: 20px;background-color: #f7f5f3;}
.pro_cont td.w270{width: 270px;}
.kform{flex:1;}
.kform .item{margin-bottom: 15px;}
.kform .item span{text-align: right;width: 200px;font-size: 18px;color: #453218;line-height: 50px;margin-right: 10px;}
.kform .int{flex:1;height: 50px;line-height: 50px;border: 1px solid #ccc;border-radius: 25px;padding:0 15px;outline: none;}
.kform .int:focus{border: 1px solid #f69d11;}
.kform textarea.int{height: 140px;resize: none;}
.kform .btn{width:165px ;margin:0 auto;margin-top: 50px;}
.yue_cont p{color: #777777;font-size: 20px;margin-bottom: 40px;}
@media (min-width:992px) {
    body {padding-bottom: 0;}
}

@media (min-width:750px) {
}
@media (max-width:1200px) {
}

@media (max-width:1441px) {
	
}

@media (max-width:1024px){
    .wrap{width: auto;padding: 0 15px;}
	
	
}
@media (max-width:1080px)  {
	html,body{width: 100%;overflow-x: hidden;}
    .ascon{padding-right: 0;padding-bottom: 80px;}
    .mob_header{display: block;height: 60px;}
	.header{display: none;}
	.mob_header .logo img{height: 40px;}
	.banner{margin-top: 60px;}
	.wrap{padding: 0 3%;}
	.banner .banImg{height: 80vh;object-fit: cover;}
	.ban_cont{top:10%}
	.ban_cont h1{font-size: 24px;}
	.ban_cont h2{font-size: 16px;}
	.btool li .icon{width: 40px;height: 40px;}
	.btool li .icon .iconfont{font-size: 20px;}
	.btool li{font-size: 12px;}
	.contion .dh{width: 100px;}
	.contion h3{font-size: 20px;padding:10px}
	.colUl li p{font-size: 13px;}
	.colUl li strong{font-size: 15px;}
	.contion{max-width: 480px;width: auto;}
	.ma_r{margin-left: 0;margin-top: 30px;}
	.ma_cont{flex-wrap: wrap;}
	.ma_l{width: 100%;}
	.ml_bot{width: 100%;}
	.ml_bot img{width: 100%;}
	.imgsu{width: 40%;top:50%;transform: translateY(-50%);}
	.why_top .t{font-size: 30px;}
	.why_top img{width: 60px;}
	.wline{max-width: 60%;}
	.mcUl li{width: 100%;margin-bottom: 25px;}
	.mcUl li .item{height: auto;padding-bottom: 20px;}
	.am_tit{font-size: 50px;}
	.am_cont .img3{max-width: 30%;right: 0;top:-20px}
	.pro_top .img3{max-width: 40%;top:0;}
	.pro_cont th,.pro_cont td{font-size: 16px;}
	.f30{font-size: 16px;}
	.pro_cont td.w270{max-width: 100px;}
	.kf_box{flex-wrap: wrap;}
	.kf_box .kform{order: 1;}
	.kf_box img{order: 2;margin-top: 20px;margin: 0 auto;display: block;max-width: 100%;}
	.kform .item:last-child span{width: 0;}
	.kform .btn{width: 100%;}
	
}   




@media (max-width:768px){
    
    .mob_show{display: block;}
    .pc_show{display: none;}
	.banner img.aBan{height: 35vh;}
  
}
@media (max-width:640px){
    .imgsu{top:auto;bottom: -30px;transform: translateY(0);width: 30%;}

}

@media (max-width:520px){
	
    
}
@media (max-width:480px){
	.pro_cont{overflow-y: auto;position: relative;}
	.pro_cont td{padding:5px;}
	.pro_cont table{min-width: 480px;}
	.pro_cont::after{content: '请左右滑动查看表格内容';line-height: 3; padding:10px 0;color: #f00;}
}
@media (max-width:420px){
	.colUl{flex-wrap: wrap;}
	.colUl li{padding: 5px 0;}
	.colUl li p{font-size: 14px;}
}
@media (max-width:380px){
}
@media (max-width:360px){
}