.content{position: relative;}

/* .mode_title{margin-bottom: 12px;display: block;}
.mode_title::after{content: '';display: block;clear: both;}
.mode_title .channel_link{float: right;position: relative;z-index: 2;color: #999;margin: 6px 0 0;}
.mode_title .channel_title{padding: 0 0 0 0;font-weight: bold;}
.mode_title .channel_title i{display: inline-block;vertical-align: middle;width: 7px;height: 7px;border-radius: 50%;background: #ffb624;margin: 0px 5px;}
.mode_title .channel_link:hover{color: #326ee5;} */

.mode_title{width: 400px;position: relative;margin: 0 auto 8px;padding: 50px 0 30px 0;background: url(../images/index_title.png) left bottom no-repeat;display: block;white-space: nowrap;}
.mode_title .t1,.mode_title .t2,.mode_title .t3{display: inline-block;vertical-align: bottom;}
.mode_title .t1{font-family: 'ysbth';color: #383836;margin: 0 5px 0 0;line-height: 35px;text-align: right;width: 200px;}
.mode_title .t2{width: 150px;margin: 0 5px 0 0;position: relative;z-index: 2;}
.mode_title .en{text-transform: uppercase;font-family: 'castelar';transform: scale(.85);color: #383836;transform-origin: left center;margin: 0 0 2px;}
.mode_title .tip{position: relative;width: 86px;height: 18px;line-height: 18px;text-align: center;color: #fff;font-weight: bold;}
.mode_title .tip::before{content: '';display: block;position: absolute;left: 0;right: 0;top: 0;bottom: 0;width: 100%;height: 100%;background: #416732;z-index: -1;transform: skewX(-30deg);transform-origin: left bottom;}
.mode_title .t3{line-height: 25px;height: 25px;position: relative;padding: 0 8px;color: #416732;margin: 0 0 5px;}
.mode_title .t3::before{content: '';display: block;width: 8px;height: 8px;border-top: 1px solid #416732;border-left: 1px solid #416732;position: absolute;left: 0;top: 0;}
.mode_title .t3::after{content: '';display: block;width: 8px;height: 8px;border-right: 1px solid #416732;border-bottom: 1px solid #416732;position: absolute;right: 0;bottom: 0;}

.index_title1{background: url(../images/index_title_bg.png) left center no-repeat;background-size: auto 100%;margin: -17px 0 26px;}
.index_title1 .title{display: inline-block;vertical-align: middle;padding: 0 32px;line-height: 48px;font-weight: bold;color: #383836;}
.index_title1 .title.on,.index_title1 .title.on a{color: #fff;background: #5d7f4b;}

.index_title2{border-bottom: 1px solid #dedede;position: relative;display: block;line-height: 30px;padding: 0 0 17px;color: #314728;margin-bottom: 24px;}
.index_title2::before{content: '';display: block;width: 96px;height: 3px;background: #5d7f4b;position: absolute;left: 0;bottom: -2px;}
.index_title2 .title{color: #314728;}
.index_title2 .more{float: right;color: #989898;margin: 6px 0 0;}
.index_title2 .more:hover{color: #314728;}

.index_title3{line-height: 36px;margin: -9px 0 10px;overflow: hidden;margin-left: -14px;font-size: 0;}
.index_title3 .title{display: inline-block;vertical-align: middle;padding: 0 14px;position: relative;color: #383836;font-weight: bold;}
.index_title3 .title::before{content: '|';display: block;position: absolute;left: 0;top: 50%;transform: translateY(-50%);color: #cacaca;}
.index_title3 .title:last-child{padding-right: 0;}
.index_title3 .title.on,.index_title3 .title.on a{color: #416732;}

.tab_box1 .box.off{display: none;}

.content .lf{float: left;width: calc(50% - 16px);}
.content .rt{float: right;width: calc(50% - 16px);overflow: hidden;}

.wrap_mode01{padding: 24px 0 0;}
.mode01{}

.index_01{}
.index_01 ul{margin: 0 0 0 0;}
.index_01 ul.off{display: none;}
.index_01.index_01_2 li{width: 50%;}
.index_01 .item{margin: 0 0 0;position: relative;padding: 0 0 0 26px;}
.index_01 .item::before{content: '';display: block;width: 4px;height: 4px;background: #a3a3a3;border-radius: 50%;position: absolute;left: 0;top: 50%;transform: translateY(-50%);}

.wrap_mode02{padding: 16px 0 45px;}
.mode02 .bt{padding: 20px 0 0;}

.wrap_mode034{padding: 137px 0 0;background: url(../images/mode03_bg.png) top center no-repeat;}
.wrap_mode04{padding: 0 0 143px;background: url(../images/mode04_bg.png) bottom center no-repeat;margin: -9px 0 -69px;}

.wrap_mode03 .lf,.wrap_mode04 .lf{margin-bottom: 24px;}

.wrap_mode05{padding: 0 0 49px;}
.mode05{}

.index_05{}
.index_05 ul{margin: 0 0 0 -30px;padding: 3px 0 0;}
.index_05 li{width: 25%;}
.index_05 .item{margin: 0 0 0 30px;height: 477px;position: relative;}
.index_05 .img{padding-bottom: 404px;position: absolute;left: 0;right: 0;bottom: 0;transition: all ease-in-out .3s;-ms-transition: all ease-in-out .3s;-moz-transition: all ease-in-out .3s;-webkit-transition: all ease-in-out .3s;-o-transition: all ease-in-out .3s;}
.index_05 .bottom{padding: 0 0 0 0;background: #fff;position: absolute;left: 0;right: 0;bottom: 0;z-index: 2;padding: 28px 24px;transition: all ease-in-out .3s;-ms-transition: all ease-in-out .3s;-moz-transition: all ease-in-out .3s;-webkit-transition: all ease-in-out .3s;-o-transition: all ease-in-out .3s;}
.index_05 .title{margin: 0 0 0;text-align: center;}
.index_05 .info{margin: 17px 0 30px;color: #fff;display: none;}
.index_05 .more{background: #ffa63c;text-align: center;width: 84px;height: 28px;color: #fff;border-radius: 20px;display: none;}
.index_05 li.on .img{padding-bottom: 477px;}
.index_05 li.on .bottom{padding: 35px 24px 40px;background: url(../images/mode05_cover.png) center no-repeat;background-size: cover;}
.index_05 li.on .title{color: #fff;}
.index_05 li.on .info,.index_05 li.on .more{display: block;}

.wrap_mode06{padding: 0 0 160px;background: url(../images/mode06_bg.png) center bottom no-repeat;}
.mode06 .index_01{margin-top: 58px;}

.side{position: absolute;left: calc(50% + 622px);top: 0;text-align: center;width: 58px;}
.side.fix{position: fixed;top: 20px;}
.side ul{margin: 0 0 0 0;}
.side li{}
.side .item{margin: 0 0 1px;height: 65px;position: relative;background:#3d592f;background: -webkit-linear-gradient(left, #3d592f , #5d7f4b 65%);background: -o-linear-gradient(right, #3d592f, #5d7f4b 65%);background: -moz-linear-gradient(right, #3d592f, #5d7f4b 65%);background: linear-gradient(to right, #3d592f , #5d7f4b 65%);cursor: pointer;}
.side .title{position: absolute;top: 50%;transform: translateY(-50%);text-align: center;width: 100%;color: #fff;}

@media screen and (max-width:1480px){
    .side{left: calc(50% + 600px);width: 50px;}
}