/* reset */
html {height: 100%;}
body { min-height: 100%; /*min-width: 1024px;*/}
body { _height: 100% }
body, div, ul, ol, li, dl, dt, dd, h1, h2, h3, h4, h5, h6, iframe, pre, code, fieldset, legend, form, input, select, textarea, button, p, blockquote, th, td, figure { margin: 0; padding: 0 }
body, div, ul, ol, li, dl, dt, dd, h1, h2, h3, h4, h5, h6, iframe, pre, code, fieldset, legend, form, p, blockquote, figure, header, footer, nav, article, section, aside, address, figcaption { *zoom: 1 }
li { list-style-type: none }
h1, h2, h3, h4, h5, h6 { font-size: 100%; font-weight: normal;}
iframe, frame, fieldset, img { border: 0 none }
img { vertical-align: top }
input[type=button], input[type=submit], input[type=reset] { cursor: pointer }
button { cursor: pointer }
input, textarea, button { -webkit-border-radius: 0; -webkit-appearance: none }
input[type=radio] { -webkit-border-radius: 100%; -webkit-appearance: radio }
input[type=checkbox] { -webkit-appearance: checkbox }
input[type=search] { -webkit-box-sizing: content-box; -moz-box-sizing: content-box; -ms-box-sizing: content-box; -o-box-sizing: content-box; box-sizing: content-box }

textarea { overflow: auto; resize: none }
::-webkit-input-placeholder{color:#C9C9C8;}   
:-moz-placeholder{color:#C9C9C8;}          
::-moz-placeholder{color:#C9C9C8;}            
:-ms-input-placeholder{color:#C9C9C8; opacity: 0.8;}        
.placeholder{color:#C9C9C8;}
blockquote, q { quotes: none }
blockquote:before, blockquote:after, q:before, q:after { content: ""; content: none }
table { border-collapse: collapse; border-spacing: 0 }
caption, th { text-align: left }
th { font-weight: normal }
em, cite, address,i { font-style: normal }
sup { /*vertical-align: text-top; top:0!important;*/ }
sub { /*vertical-align: text-bottom*/ }
body, input, select, button, textarea {color: #000; font-size: 16px;font-family: "微软雅黑","Source Han Sans",arial,"\5b8b\4f53";}
body { line-height: 1.5;}
a { color:#605F5F;text-decoration: none!important; transition:0.2s all; -webkit-transition:0.1s all;  }
a { blr:expression(this.onFocus=this.blur()) }
a * { *cursor: pointer }
:focus { outline: none }
a:hover{color: #F0871D;}

img{max-width: 100%;}

/* 阿里图标 */
[class*='icon']{
    font-family: 'iconfont';
}


.edit_con_original{ line-height:1.7em; padding:0 0; color:#000000;}
.edit_con_original ul{ margin:inherit; padding:inherit; padding-left:2em;}
.edit_con_original ul li { list-style-type:disc; margin:auto; }
.edit_con_original ol{ margin:inherit; padding:inherit}
.edit_con_original ol li { list-style-type:decimal; margin:auto; }
.edit_con_original h1 { font-size: 2em; font-weight:bold }
.edit_con_original h2 { font-size: 1.5em; font-weight:bold }
.edit_con_original h3 { font-size: 1.17em; font-weight:bold }
.edit_con_original h4 { font-size: 1em; font-weight:bold }
.edit_con_original h5 { font-size: 0.83em; font-weight:bold }
.edit_con_original h6 { font-size: 0.67em; font-weight:bold }
.edit_con_original em { font-style: italic }
.edit_con_original cite{ font-style: italic }
.edit_con_original address{ font-style: italic }
.edit_con_original i { font-style: italic }
.edit_con_original table{ border-collapse: separate; border-spacing: 2px }
.edit_con_original img{ max-width:100%; height:auto;}
/*所有后台编辑器区域都要引用 edit_con_original 类名*/

/* clear 页头，页脚，内容区都不用再加清除样式 */
.fixed:before, .clearfix:before, .cf:before, body:before, .header:before, .main:before, .footer:before { content: ''; display: table }
.fixed:after, .clearfix:after, .cf:after, after, .header:after, .main:after, .footer:after { content: ''; display: table; clear: both }
.fixed, .clearfix, .cf, .header, .main, .footer { *zoom: 1 }
.clear, .cl { display: block!important; float: none!important; clear: both; width: auto!important; max-width: none!important; min-width: 0!important; max-height: none!important; min-height: 0!important; overflow: hidden; margin: 0!important; padding: 0!important; border: 0 none!important; font-size: 0!important; line-height: 0!important }

.animate{ transition: 1.5s all cubic-bezier(0.19, 1, 0.22, 1);}
.animate_slowx { transition: 2.5s all cubic-bezier(0.19, 1, 0.22, 1); }
.animate_fast{ transition: 1s all cubic-bezier(0.19, 1, 0.22, 1);}
.animate_slow{ transition: 10s all cubic-bezier(0.19, 1, 0.22, 1);}
.animate_normal{ transition: 0.5s all linear;}

/*去除鼠标双击选中效果*/
/**{-moz-user-select:none;-ms-user-select: none;-webkit-user-select: none;user-select: none;}*/


/*两端对齐*/
.justify { text-align:justify; text-justify:distribute-all-lines;}

/*图片经过*/
.tran_scale{ overflow:hidden; display:block;}
.tran_scale img{transition:0.5s all; -webkit-transition:0.5s all; -o-transition:0.5s all;-ms-transition:0.5s all;}

/*截字*/
.ellipsis{ overflow:hidden; text-overflow:ellipsis; white-space:nowrap; display: inline-block; max-width:100%;}
.clamp{display:-webkit-box; -webkit-box-orient: vertical;-webkit-line-clamp: 3; line-height: 1.5; max-height: 4.5em;overflow:hidden;}

/*上下居中*/
.v-m-c{ transform: translate(0,-50%); -webkit-transform: translate(0,-50%); -ms-transform: translate(0,-50%); position:absolute; left:0; top:50%;}

/*左右居中*/
.l-m-c{ transform: translate(-50%,0); -webkit-transform: translate(-50%,0); -ms-transform: translate(-50%,0);position:absolute; left:50%; top:0;}

/*绝对居中*/
.a-m-c{ transform: translate(-50%,-50%); -webkit-transform: translate(-50%,-50%); -ms-transform: translate(-50%,-50%); position:absolute; left:50%; top:50%;}

/*背景*/
.bg-cover{background-size: cover; background-repeat: no-repeat; background-position: center center;}
.bg-layer{background: rgba(0,0,0,0.5); position: absolute; left:0; top:0; width: 100%; height: 100%; z-index: 10;}

.ratio-img,.ratio-img img{width: 100%;}

.fnt_18{ font-size: 18px;}
.fnt_20{ font-size: 20px;}
.fnt_22{ font-size: 22px;}
.fnt_24{ font-size: 24px;}
.fnt_28{ font-size: 28px;}
.fnt_30{ font-size: 30px;}
.fnt_32{ font-size: 32px;}
.fnt_35{ font-size: 35px;}
.fnt_38{ font-size: 38px;}
.fnt_48{ font-size: 48px;}
.fnt_62{ font-size: 62px;}

@media only screen and (max-width: 1520px){
/*.fnt_18{ font-size: 16px;}
.fnt_20{ font-size: 18px;}
.fnt_22{ font-size: 20px;}
.fnt_24{ font-size: 20px;}
.fnt_28{ font-size: 22px;}
.fnt_30{ font-size: 24px;}
.fnt_32{ font-size: 30px;}
.fnt_35{ font-size: 32px;}
.fnt_38{ font-size: 36px;}
.fnt_48{ font-size: 40px;}
.fnt_62{ font-size: 52px;}*/
}
@media only screen and (max-width: 1365px){
.fnt_18{ font-size: 14px;}
.fnt_20{ font-size: 16px;}
.fnt_22{ font-size: 18px;}
.fnt_24{ font-size: 18px;}
/*.fnt_28{ font-size: 18px;}*/
.fnt_30{ font-size: 20px;}
.fnt_32{ font-size: 24px;}
.fnt_35{ font-size: 30px;}
.fnt_38{ font-size: 32px;}
.fnt_48{ font-size: 36px;}
.fnt_62{ font-size: 40px;}
}
@media only screen and (max-width: 1023px){
.fnt_20{ font-size: 14px;}
.fnt_22{ font-size: 16px;}
.fnt_24{ font-size: 16px;}
.fnt_28{ font-size: 18px;}
.fnt_30{ font-size: 18px;}
.fnt_32{ font-size: 20px;}
.fnt_35{ font-size: 22px;}
.fnt_38{ font-size: 24px;}
.fnt_48{ font-size: 28px;}
.fnt_62{ font-size: 30px;}
}
@media only screen and (max-width: 767px){
.fnt_20{ font-size: 12px;}
.fnt_22{ font-size: 14px;}
.fnt_24{ font-size: 14px;}
.fnt_28{ font-size: 16px;}
.fnt_30{ font-size: 16px;}
.fnt_32{ font-size: 18px;}
.fnt_35{ font-size: 18px;}
.fnt_38{ font-size: 18px;}
.fnt_48{ font-size: 20px;}
.fnt_62{ font-size: 22px;}

}

*{box-sizing: border-box;}
.wrap{max-width:920px;margin:0 auto; width:90%;}

.y_01::before,.y_04::before{content: ""; position: absolute; left:0; top:-150px; width:100%; height: 300px; background: url(../images/y_bg.png) center top no-repeat;background-size: 100% 100%;}
@media only screen and (max-width: 1660px){
.y_01::before,.y_04::before{ height: 200px; background-size: 100% 100%;top:-120px;}
}
@media only screen and (max-width: 1023px){
.y_01::before,.y_04::before{ height: 100px; background-size: 100% 100%;top:-60px;}
}

.head{ height: 60px; background: #9ABA64;}
.foot{height: 120px;background: #b1e253;}
.banner>img{width: 100%;}
.banner{position: relative;}
.banner_text{z-index: 9; width:100%; top:auto; bottom:22%; text-align: center;}
.banner_text h3{color:#fff;}

.banner_btn{padding-left: 30px;}
.banner_btn a{float: left;width: 238px; border: 3px solid #b1e253;color: #fff;border-radius: 10px;text-align: center;margin-right: 45px;}
.banner_btn a:last-child{margin: 0;}
.banner_btn i{display: block;height: 48px;line-height: 45px;}


.y_01{position: relative;background: #2a5754;color: #fff;padding: 180px 0 155px 0;}
.y_title{text-align: center;margin-bottom: 30px;}
.y_title h1{color: #9dbd65;}
.y_title h2{font-family: "Arial";color: #fff;}
.y_story{width: 920px;max-width: 100%;margin: auto;}
.y_story_text{line-height: 40px;margin: 10px 0;}
.y_yh{height: 68px;position: relative;}
.y_yh em{position: absolute;top:50%;left:0;height: 1px;width: 100%;background: #b1e253;}
.y_yh i{width: 140px;background: #2a5754;text-align: center;display: block;margin: auto;position: relative;z-index: 2;}

.y_02{background: #333;padding: 145px 0;color: #fff;}
.y_04{background: #2a5754;padding: 280px 0 200px 0;color: #fff;text-align: center;position: relative;}
.y_04 .banner_btn{text-align: center;}
.y_04 .banner_btn a{float: none;margin: 0;display: inline-block;}
.y_04 h1{margin-bottom: 40px;}
.v_tit{ line-height:60px; margin-bottom: 8%;}
.v_tit .ll{ float: left;}
.v_tit .ll em{ float: left; width:60px; height: 60px; margin-right: 24px; overflow: hidden;}
.v_tit .ll em img{ widtH:100%;}
.v_tit .rr{ float: right;}
.sort{ float: left; margin-right:20px; width:38px; height: 30px; margin-top:15px; overflow: hidden;}
.sort em{cursor: pointer;}
.sort_img02{display: none;}
.sort.on .sort_img01{display: none;}
.sort.on .sort_img02{display: inline-block;}
.v_list{ position: relative;}
.v_list li{ display: none; width:100%; margin:0 0 5%; border:3px solid #fff; padding:4%; border-radius: 20px;}
.v_list li:nth-child(1),.v_list li:nth-child(2),.v_list li:nth-child(3),.v_list li:nth-child(4),.v_list li:nth-child(5){ display: block;}
.v_list li:hover{border:3px solid transparent; box-shadow: 0 0 8px 8px rgba(168,214,81,0.9);}
.v_list li dt{ float: left; widtH:62%;}

.v_list li dd{ float: right; widtH:36%;}
.v_list li dt p{margin:2% 0 5%; line-height: 1.8;margin-bottom:0;}
.v_list li dt span{ margin-left: 40px; position:relative;}
.v_list li dt span::before{content:""; position:absolute; left:-20px; top:50%; width:4px; height:4px; border-radius:100%; margin-top:-2px; background:#fff;}
.v_list li dt a{color:#fff;}
.v_list li dt em{ float:left; margin-right:15px;width:30px; height: 30px; overflow: hidden;}
.Keywords{color:#9dbd65;margin:15px 0;}
.v_list li dt .Keywords span{margin-right:15px;margin-left:0;}
.Keywords span::before{display:none;}
@media  only screen and (max-width:1560px){
	.v_list li dt.fnt_22{font-size:18px;}
	.Keywords.fnt_20{font-size:16px;}
}
.v_list li dd .img{ position: relative;}
.v_list li dd .img em{width:35px; height: 43px; background:url(../images/v_play01.png) no-repeat; background-size: cover;}
.v_list .more_btn{ display: none; margin:2% auto 5%; width: 40px;height: 33px; cursor: pointer;background: url(../images/v_arrow.png) no-repeat center center;background-size: 100%;}
.v_list.on .more_btn{background: url(../images/v_arrow_top.png) no-repeat center center;background-size: 100%;}
.v_list.on li{ display: block;}
.videolist_appbox{ position:fixed; width:100%; height:100%; top:0; left:0; z-index:9999999;display:none;}
.videolist_appbox .video_t{width:66%; z-index:2; background:#000;}
.videolist_appbox .video_t video{ width:100%; height: 100%;}
.videolist_appbox .mask{ position:absolute; z-index:1; left:0; top:0; width:100%; height:100%; background:rgba(0,0,0,0.5);}
.video_close{ position:absolute; top:10%; right:14%; cursor:pointer; z-index: 2;}


.v_tcbox{ display: none; position: fixed; z-index: 1001; max-width: 750px; widtH:90%;background:url(../images/v_dot02.png) left bottom no-repeat #2C5855;}
.v_tcbox::before{content: ""; position: absolute; right:0; top:0; width:88px; height: 192px; background: url(../images/v_dot01.png) right top no-repeat;}
.v_tcboxbg{ display: none; position: fixed; z-index: 1000; lefT:0; top:0; widtH:100%; height: 100%; background: rgba(0,0,0,0.8);}
.v_tcbox .inner{padding:6% 0 15%;max-width: 430px; width:100%; margin:0 auto;color:#fff;}
.v_tcbox h2{color:#FABE00; margin-bottom: 20px; text-decoration: underline;}
.v_tcbox ul{margin-bottom: 0px;}
.v_tcbox li{margin:0 0 10px; line-height: 50px;}
.v_tcbox li .ll{ float: left; widtH:130px;}
.v_tcbox li .ll em{color:#E60011;}
.v_tcbox li .rr{ float: right; width:calc(100% - 130px); line-height: 50px;}
.v_tcbox li .rr .pub_select{float: left; widtH:48%;height: 46px; line-height: 46px; background:none; border:2px solid #fff; border-radius: 4px;}
.v_tcbox li .rr .pub_select+.pub_select{ float: right;}
.v_tcbox li .rr .select{position: relative; height: 100%;}
.v_tcbox li .rr .select input{ float: left; width:100%;height: 46px; cursor: pointer; color:#fff; line-height: 46px; background:none; bordeR:none; padding-left: 15px;}
.v_tcbox li .rr .select span.arrow{ position: absolute; right:5px; top:0; z-index: 1; display: block; widtH:26px; height: 100%; background: url(../images/v_arr.jpg) center no-repeat; background-size: 60%;}
.option {display: none; position: absolute;left: 0;z-index: 99999;width: 100%;background: #FABE00; font-size: 14px;top: 46px;height:200px!important;overflow: auto!important;}
.option ul{padding:10px 0; margin:0;}
.option li{ line-height: 30px;margin:0; padding:0 10px; cursor: pointer;}
.v_tcbox li .rr input.inp{width:100%; height: 46px; line-height: 46px; color:#fff; font-size: 16px; padding: 0 15px; background:none; border:2px solid #fff; border-radius: 4px;}
.v_tcbox li.long .ll,.v_tcbox li.long .rr{widtH:100%;}
.v_tcbox li.long .rr .label-radio{ float: left; margin-right: 15%; cursor: pointer;}
.label-radio input{margin-right:0; cursor: pointer; opacity:0; filter:alpha(opacity=0);}
.label-radio em{position: relative; float: left; margin-top:16px; width: 18px; height:18px;border:2px solid #fff;border-radius:50%;}
.label-radio em::before{opacity: 0; content: ""; position: absolute; left:4px; top:4px; width:6px; height:6px;border-radius:50%;background: #fff;}
.label-radio.on em::before{opacity: 1;}
.vbtn_box button{ float: left; max-width:140px; width:45%; height: 40px; line-height: 40px; color:#241714; text-align: center; background: #FABE00; border:none;}
.vbtn_box button+button{ float: right;}




@media only screen and (min-width: 1025px){
a,.more_btn,.v_list li{transition: 0.3s all;-webkit-transition: 0.3s all;-moz-transition: 0.3s all;-o-transition: 0.3s all;-ms-transition: 0.3s all;}
a:hover{color:#9DBD65!important;}
.tran_scale:hover img{transform:scale(1.05,1.05) rotate(0deg); -webkit-transform:scale(1.05,1.05) rotate(0deg);}
.more_btn:hover{opacity: 0.8}
.banner_btn a:hover{color: #fff !important;opacity: 1;background: rgba(250,190,0,0.45); }
}

@media only screen and (max-width:1440px){
    .y_01{padding: 100px 0;padding-top: 130px;}
    .y_02{padding: 100px 0 140px;}
    .y_04{padding: 150px 0;padding-top: 200px;}
    .foot{height: 80px;}
}
@media only screen and (max-width: 1365px){
    body, input, select, button, textarea{ font-size: 14px;}
    .v_tit{ line-height: 40px; margin-bottom: 5%;}
    .v_tit .ll em{ width:40px; height: 40px;}
    .sort{margin-top:5px;}
    .v_list li dt em{ width:20px; height: 20px;}
}

@media only screen and (max-width: 1024px){
.y_01{padding: 60px 0;padding-top: 80px;}
.y_02{padding: 60px 0 100px;}
.y_04{padding: 60px 0;padding-bottom:80px;}
.head{ height: 48px;}
.foot{height: 50px;}
.y_yh i{width: 100px;}
.y_yh i img{width: 60px;}
.banner_btn{padding: 0;}
.banner_btn a{width: 170px;margin-right: 20px;}
.banner_btn i{height: 40px;line-height: 40px;}
}

.banner .v_banner_phone{ display: none;}
@media only screen and (max-width: 767px){
	.y_01::before{top:-38px;}
.y_01{padding: 30px 0;padding-top: 50px;}
.y_02{padding: 30px 0;padding-bottom: 50px;}
.y_04{padding: 30px 0;padding-top:50px;}
body, input, select, button, textarea{ font-size: 14px;}
.head{ height: 24px;}
.banner{background: none;}
.banner>img{display: none;}
.banner .v_banner_phone{ display: block;}
.banner_text{ display:none;}
.banner_btn a{border-width: 2px;width: 100px;font-size: 14px;margin-right:4px;border-radius: 20px;}
.banner_btn i{height: 34px;line-height: 34px;}
.y_yh i img{width: 30px;}
.y_yh i{width: 50px;}
.y_yh{height: 25px;}
.y_title{margin-bottom:20px;}
.v_tit{ line-height: 30px;}
.v_tit .ll em{ widtH:30px; height: 30px; margin-right: 5px;}
.sort{margin-right:5px;width: 30px; margin-top:0;}
.sort img{vertical-align: middle;}
.v_list .more_btn{width: 24px;height: 20px;}
.v_list li dd .img em{ width:20px; height:24px;}
.videolist_appbox .video_t{width:100%;}
.video_close{right:10px; top:20%;}
.v_list li dt a,.v_list li dt span{font-size:12px;}
.v_list li dt em{margin-right:5px;}
.v_list li dt span{margin-left:20px;}
.v_list li dt span::before{left:-10px;}

.v_list li dt,.v_list li dd{ float:none;width:100%;}
.v_list li dt.fnt_22{font-size:14px;}
.Keywords.fnt_20{font-size:12px;}

.v_tcbox .inner{padding: 5%;}
.v_tcbox li{line-height: 30px; margin-bottom:10px;}
.v_tcbox::before{ background-size:50%;}
.v_tcbox{ background-size: 90%;}
.v_tcbox li .ll{width:65px;}
.v_tcbox li .rr{line-height: 30px; width:calc(100% - 65px);}
.v_tcbox li .rr .pub_select,.v_tcbox li .rr input.inp,.vbtn_box button{height: 30px; line-height: 30px;}
.v_tcbox li .rr input.inp,.v_tcbox li .rr .select input{ padding:0 5px;}
.v_tcbox li .rr .select input{line-height: 26px; height: 26px;}
.label-radio em{margin-top:4px;}
.v_tcbox li .rr .pub_select{width:100%; margin-bottom: 10px;}
.v_tcbox li .rr .select span.arrow{right:0;}
.option{top:30px;}
.option li{line-height: 24px; margin:0;}
}