/* 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_24{ font-size: 24px;}
.fnt_30{ font-size: 30px;}
.fnt_32{ font-size: 32px;}
.fnt_35{ font-size: 35px;}
.fnt_38{ font-size: 38px;}

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

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

.head{ height: 60px; background: #9ABA64; position:relative;}
.head_logo{ position:absolute; z-index:2; left:18%; top:10px; width:180px; height:59px;}
 @media only screen and (max-width:1279px) {
  .head_logo{left:8%;}
  }
  @media only screen and (max-width:1023px) {
    .head_logo{left:5%; width:140px; height: 46px;}
  }
  @media only screen and (max-width:767px) {
    .head_logo{left:5%; top:3px; width:80px; height: 26px;}
  }

.banner{ position: relative;}
.banner .pc>img,.banner .ph>img{width:100%;}
.banner .pc{ display: block; width:100%;}
.banner .pc video{ width:100%;}
.banner .ph{ display: none; width:100%;position: relative;}
/*.banner .ph .em01{ display: block; width:40.66%;}
.banner .ph .em01 img{ width:100%;}
.banner .ph .em02{position: absolute; right:5%; top:0; width:56.93%;}*/
.menu{ height: 52px; line-height: 52px; color:#fff; background: #626262;}
.menu_fixed .menu{ position: fixed; left:0; top:0; width:100%; z-index: 1000;}
.menu ul{ text-align: center;}
.menu ul li{ display: inline-block; margin:0 40px; padding:0 20px; position: relative;}
.menu ul li em{ position: absolute; lefT:0; bottom:-1px; width:0; height: 3px; background: #88AF6D;}
.menu ul li.active em,.menu ul li:hover em{ width:100%;}
.menu ul li a{color:#fff;}

.part01{padding:100px 0; color:#fff; background: #192952;}
.part01 .ll{ float: left; width:54%;}
.part01 .rr{ float: right; width:42%;}
.part01 .ll h2{color:#9ABA64; text-align: center; line-height: 1.3;}
.part01 .ll h3{text-align: center; font-family: Arial, Helvetica, sans-serif; line-height: 1.3;}
.part01 .ll .c{margin-top: 5%; line-height: 2;}
.part01 .ll .c a{color:#9ABA64;}
.part01 .ll .c p.arial{ margin-top:5%; line-height: 1.2; font-family: Arial, Helvetica, sans-serif; letter-spacing: -1px; text-align: center; color:#A1B53D; position: relative;}
.part01 .ll .c p.arial span{ margin-top:5%; display: block; color:#fff;}
.part01 .ll .c p.arial::before{content: ""; position: absolute; left:0; top:0; width:40px; height: 36px; background: url(../images/dot101.jpg); background-size: cover;}
.part01 .ll .c p.arial::after{content: ""; position: absolute; right:0; top:0; width:40px; height: 36px; background: url(../images/dot102.jpg);background-size: cover;}
.part01 .rr .video-box{max-width: 394px; margin:0 auto 20px;}
.part01 .rr .img{ text-align: center;}
.part01 .rr .btn{ display: block; margin:10px auto 0; max-width: 284px; height: 50px; line-height: 50px; color:#000!important; border-radius: 10px; text-align: center; background: #FDB812;}


.part02{padding:270px 0 60px; color:#fff; background: #545454; position: relative;}
.part02::before{content: ""; position: absolute; left:0; top:-83px; width:100%; height: 233px; background: url(../images/img103.jpg) center top no-repeat;}
.part02 .tt{padding:0 2%;}
.part02 .tt .img{ float: left; max-width:146px;margin-top:170px; overflow: hidden;}
.part02 .tt .con{ float: right; width:calc(100% - 190px);}
.part02 .tt .con h2{color:#9DBD65; margin-bottom: 20px;}
.part02 .tt .con h3{font-family: Arial, Helvetica, sans-serif; margin-bottom: 35px;}
.part02 .tt .con .c{ line-height: 2;}
.part02 .bb_list{padding: 80px 0 50px; margin-top:10%; position: relative; height: 1150px; overflow: hidden;}
.part02 .bb_list.showall{ height: auto;}
.part02 .bb_list .line{ position: absolute; width:27px; height: 100%; left:50%; margin-left:-13px; top:0; background: url(../images/dot104.png) center top repeat-y;}
.part02 .bb_list .line::before{content: ""; position: absolute; left:0; top:0px; width:27px; height: 71px;background: url(../images/dot103.png) no-repeat #545454;}
.part02 .bb_list li{ float: right; max-width:551px; width:51%; margin-top:60px; padding-left:30px; padding-top: 38px; position: relative;}
.part02 .bb_list li:nth-child(2n){ float: left; padding-left: 10px; padding-right: 20px;}
.part02 .bb_list li dd{margin-bottom: 40px;}
.part02 .bb_list li dd:last-child{margin-bottom: 0;}
.part02 .bb_list li .img{ position: absolute; lefT:-260px; top:0; width:180px; height: 180px; padding:8px; border:4px solid #fff; border-radius: 100%; box-shadow: 0 0 5px 5px rgba(255,255,255,0.2);}
.part02 .bb_list li .img img{width:156px; height: 156px; border-radius: 100%;}
.part02 .bb_list li .img::after{content: ""; position: absolute; left:100%; top:50%; margin-top:-2px; width:192px; height: 5px; background: #fff;filter: blur(1px);box-shadow: 0 0 3px 3px rgba(255,255,255,0.1);}
.part02 .bb_list li .year{color:#A2BD52; font-family: Arial, Helvetica, sans-serif; margin-bottom: 20px;}
.part02 .bb_list li h4{font-size: 16px; font-weight: bold; margin-bottom: 10px;}
.part02 .bb_list li p{ line-height: 2;}
.part02 .bb_list li a.item_a{ display: block; margin-top:20px; width:98%; line-height: 20px; padding:10px 10px; text-align: center; color:#fff!important; border-radius: 15px; border:3px solid #EBB407;}
.part02 .bb_list li a.item_a_b{ float: left; width:48%; margin-right: 1%;}
.part02 .bb_list li:nth-child(2n) .img{ left:auto; right:-260px;}
.part02 .bb_list li:nth-child(2n) .img::after{ width:620px; left:auto; right:175px;}
.part02 em.arr{ cursor: pointer; position: absolute; left:50%; bottom:25px; margin-left:-20px; width:40px; height: 34px;}
.part02 em.arr_down{background: url(../images/dot122.png) no-repeat;}
.part02 em.arr_up{background: url(../images/dot123.png) no-repeat;}

.part03{ padding:100px 0 200px;color:#fff; background: #2D5854;}
.part03 h2,.part03 h3{ text-align: center;}
.part03 h2{color:#AAC752; line-height: 1.2;}
.part03 h3{ font-family: Arial, Helvetica, sans-serif;}
.part03 ul{margin:6% -1% 0;}
.part03 li{ float: left; width:18%; margin:0 1%; border-radius: 20px; padding:22px; background: #fff;}
.part03 li .img{ width:100%; height: 86px; overflow: hidden; position: relative; background: #AAC752;}
.part03 li h4{ font-size: 14px; color:#000; margin:10px 0; text-align: center;}
.part03 li p{ font-size: 14px; line-height: 1.3; height: 3.2em; color:#C9CACA; font-family: Arial, Helvetica, sans-serif;}

.part04{ padding:250px 0 50px;color:#fff; background: #88AF6D; position: relative;}
.part04::before{content: ""; position: absolute; left:0; top:-83px; width:100%; height: 265px; background: url(../images/img105.jpg) center top no-repeat;}
.part04 h2,.part04 h3{ text-align: center;}
.part04 h3{ font-family: Arial, Helvetica, sans-serif;}
.part04 ul{margin:7% 0 0;}
.part04 li{ float: left; widtH:18%; text-align: center; margin:0 3.5% 8%;}
.part04 li .circle{ position: relative; margin:0 auto 20px; width:100%; border-radius: 100%; background: #2D5854; box-shadow: 0 5px 5px 5px rgba(0,0,0,0.2);}
.part04 li .circle::before{content: ""; position: absolute; left:-10px; top:-10px; width:100%; height:100%;bordeR:10px solid #fff; border-radius: 100%;}
.part04 li .circle img{max-width: 100%; width:auto;}
.part04 li a{color:#fff!important;}

.part05{padding:100px 0; color:#fff; text-align: center; background: #545454;}
.part05 ul{width:250px; margin:40px auto 0; position:relative;}
.part05 li{ float: left; width:100%; height: 70px; line-height: 70px; color:#82A46A; border-radius: 18px; margin-bottom: 15px; border:6px solid #82A46A; position:relative; }
.part05 li a{color:#82A46A; display: block; line-height: 58px; font-weight: bold;}
.part05 li em{ position:absolute; right:4px; bottom:4px; width:28px; height:28px; background:url(../images/webcat_ico.png) no-repeat; background-size:cover;}
.part05 .web_img{ display:none; position:absolute; left:-240px; top:-100px; width:213px; height:252px;}

.videolist_appbox{ position:fixed; width:100%; height:100%; top:0; left:0; z-index:9999999;display:none;}
.videolist_appbox .video_t{ left:10%; top:15%; position:absolute; height:70%; width:80%; z-index:2; background:#000;}
.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:10%; cursor:pointer; z-index: 2;}


@media only screen and (min-width: 1025px){
a,.menu ul li em,.part02 .tt .img,.part03 li,.part04 li .circle,.part05 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);}
.part02 .bb_list li a.item_a:hover{ background: #80703C;}
.part03 li:hover,.part02 .tt .img:hover{box-shadow: 0 0 5px 5px rgba(255,255,255,0.5);}
.part04 li:hover .circle{ background: #FABE00;}
.part05 li:hover{ background: #80703C;}
.part05 li a:hover{color:#fff!important;}
}




@media only screen and (max-width: 1279px){
    body, input, select, button, textarea{ font-size: 14px;}
    .part03 li h4{ height: 3em;}
}

@media only screen and (max-width: 1023px){
.head{ height: 48px;}
.menu ul li{margin:0 20px; padding:0 10px;}
.banner .pc{ display: none;}
.banner .ph{ display: block;}
.part01{padding:10% 0 20%;}
.part01 .ll{ width:60%;}
.part01 .rr{ width:36%}
.part01 .rr .video-box{width:100%; height: auto;}
.part01 .rr .btn{height: 36px; line-height: 36px;}
.part01 .ll .c p.arial::before,.part01 .ll .c p.arial::after{ width:20px; height: 18px;}
.part02{padding:10% 0;}
.part02::before,.part04::before{ height: 100px; background-size: cover;}
.part02 .bb_list li{ padding-top: 50px;}
.part02 .bb_list li:nth-child(2n){padding-left: 0;}
.part02 .bb_list li .img::after{width:165px;}
.part02 .bb_list li a.item_a_b{width:100%; margin-right: 0;}
.part03{padding:10% 0;}
.part03 ul{margin:6% 0;}
.part03 li{ width:48%; margin:0 0 6%;}
.part03 li:nth-child(2n){ float: right;}
.part03 li h4{ height: auto;}
.part04{padding:10% 0 5%;}
.part04 li{width:23.33%; margin:0 5% 8%;}
.part04 li .circle img{max-width: 50%;}
.part05{padding:10% 0}

}

@media only screen and (max-width: 767px){
body, input, select, button, textarea{ font-size: 12px;}
.menu{ height: 30px; line-height: 30px;}
.menu ul li{margin:0 5px; padding:0;}
.head{ height: 24px;}
.part01 .ll h2,.part02 .tt .con h2{font-size: 15px;}
.part01 .ll h3,.part02 .tt .con h3{ font-size: 12px;}
.part01 .ll .c p.arial{ letter-spacing: 0;}
.part01 .ll .c p.arial br{ display: none;}
.part02 .tt .img{width:20%; margin-top:58px;}
.part02 .tt .con{ width:76%;}
.part02 .tt .con h2{margin-bottom:0;}
.part02 .tt .con h3{margin-bottom: 10px;}
.part01 .ll .c,.part02 .tt .con .c{ line-height: 1.5;}
.part02 .bb_list{ height: 1090px;}
.part02 .bb_list li{margin-top:30px; padding-top: 30px; padding-left: 15px;}
.part02 .bb_list li .img{width:120px; height: 120px; left:-135px; padding: 3px;}
.part02 .bb_list li .img img{ width:106px; height: 106px;}
.part02 .bb_list li .img::after{width:72px;}
.part02 .bb_list li h4{ font-size: 14px;}
.part02 .bb_list li p{line-height: 1.5;}
.part02 .bb_list li:nth-child(2n) .img{ right:-135px;}
.part02 .bb_list li:nth-child(2n) .img::after{right:115px;}
.part02 .bb_list li a.item_a{padding:5px 10px; line-height:16px;}
.part03{padding-bottom: 15%;}
.part03 li{padding:15px;}
.part03 li p{ font-size: 12px;}
.part04 li .circle::before{ left:-5px; top:-5px; border:5px solid #fff;}
.part04 li .circle{margin-bottom: 10px;}
.part04 li h4{ height: 3em; font-size: 12px;}
.part05 .img{max-width: 70%; margin:0 auto;}
.part05 ul{widtH:105px; margin-top:20px;}
.part05 li{ height: 40px; line-height: 40px; border:3px solid #82A46A; border-radius: 6px;}
.part05 li a{ line-height: 34px;}
.part05 li em{width:18px; height:18px;}
.part05 .web_img{left:-110px;top:-55px; width:110px; height:130px; }
}
@media only screen and (max-width:400px){
.menu{ font-size: 12px;}
.menu ul li{margin:0 3px;}
.part03 li h4{ height: 3em;}
}