section{padding:50px 0;overflow: hidden;}

.title{ text-align:center;}
.title h1{color:#313131;position:relative;display: inline-block;line-height: initial;}
.title span{color:#A1A1A1;display:block;margin-top:25px;}

#block_1{ text-align:center;}
#block_1 .title h1:before,#block_1 .title h1:after{content:"";display:inline-block;border-top:1px solid #313131;width:60px;position:absolute;top:25px;}
#block_1 .title h1:before{left:-80px}
#block_1 .title h1:after{right:-80px;}
#block_1 p{color:#575555; line-height:40px;}

#block_2{padding:0;}
#block_2 .tit{font-size:28px;color:#153F9F; margin-bottom:20px;}
#block_2 .category{margin:20px 0; text-align:center;}
#block_2 .category ul{display:inline-block;}
#block_2 .category li{float:left;}
#block_2 .category li a{font-size:16px;color:#333232;padding:0 20px;}
#block_2 .category li a:hover{color:#231715;font-weight:bold;}
#block_2 p{color:#242323; text-indent:2em;line-height:30px;}


.swiper-container {margin:0 auto;position:relative;overflow:hidden;-webkit-backface-visibility:hidden;-moz-backface-visibility:hidden;-ms-backface-visibility:hidden;-o-backface-visibility:hidden;backface-visibility:hidden;z-index:1}
.swiper-wrapper {position:relative;width:100%;-webkit-transition-property:-webkit-transform,left,top;-webkit-transition-duration:0s;-webkit-transform:translate3d(0,0,0);-webkit-transition-timing-function:ease;-moz-transition-property:-moz-transform,left,top;-moz-transition-duration:0s;-moz-transform:translate3d(0,0,0);-moz-transition-timing-function:ease;-o-transition-property:-o-transform,left,top;-o-transition-duration:0s;-o-transition-timing-function:ease;-o-transform:translate(0,0);-ms-transition-property:-ms-transform,left,top;-ms-transition-duration:0s;-ms-transform:translate3d(0,0,0);-ms-transition-timing-function:ease;transition-property:transform,left,top;transition-duration:0s;transform:translate3d(0,0,0);transition-timing-function:ease;-webkit-box-sizing:content-box;-moz-box-sizing:content-box;box-sizing:content-box}
.swiper-free-mode>.swiper-wrapper {-webkit-transition-timing-function:ease-out;-moz-transition-timing-function:ease-out;-ms-transition-timing-function:ease-out;-o-transition-timing-function:ease-out;transition-timing-function:ease-out;margin:0 auto}
.swiper-slides {float:left;-webkit-box-sizing:content-box;-moz-box-sizing:content-box;box-sizing:content-box}
.swiper-wp8-horizontal {-ms-touch-action:pan-y}
.swiper-wp8-vertical {-ms-touch-action:pan-x}
.design-topic {position:relative;}
.design-topic .design-info {display:none;position:absolute;top:0;left:65px;width:480px;height:362px;padding:60px;z-index:2;overflow:hidden;background:rgba(255,255,255,.8)}
.design-topic .design-info a {display:block}
.design-info .design-info-title {font-size:30px;font-weight:400;word-break:break-all;word-wrap:break-word}
.design-info .design-info-detail {margin-top:20px;margin-bottom:60px;line-height:35px;font-size:14px;word-break:break-all;word-wrap:break-word;height:168px;display:-webkit-box;-webkit-line-clamp:5}
.design-info .design-info-btn {padding:5px 15px;border:1px solid #777;font-size:12px}
.design-info .design-info-btn:hover {padding:6px 16px;background-color:#ff5a00;color:#fff;border:0}
.design-topic .arrow-left,.design-topic .arrow-right {display:block;position:absolute;bottom:0;z-index:2;width:50px;height:50px}
.design-topic .arrow-left {left:398px;background-color:#0cb469}
.design-topic .arrow-right {left:483px;background-color:#0cb469}
.design-topic .topic-arrow {display:block;position:absolute;left:50%;top:50%;margin-left:-6px;margin-top:-11px;width:12px;height:22px;background:url(http://img.to8to.com/to8to_pc/index/statics/img/index_bg_m.png) no-repeat}
.design-swiper,.design-swiper .swiper-slides {height:482px!important}
.arrow-left .topic-arrow {background-position:0 0}
.arrow-right .topic-arrow {background-position:-14px 0}
.design-swiper {position:relative;display:none;overflow:hidden}
.design-swiper .swiper-wrapper {height:482px!important;}
.design-swiper .swiper-slides a {display:block;padding-left:0px;width:742px;overflow:hidden}
.design-swiper .swiper-slides img {display:block;width:100%;margin:0 auto}
.design-group {width:100%}
.design-group .design-group-l {width:24%;float:left}
.design-group .design-group-c {width:37.2%;float:left;margin-left:.675%}
.design-group .design-group-r {width:37.45%;float:right}
.design-group-c img,.design-group-l img,.design-group-r img {position:absolute}
.design-group-l .design-link.first {height:330px}
.design-group-l .design-link.second {height:240px}
.design-group-c .design-link.first {height:260px}
.design-group-c .design-link.second {height:310px}
.design-group-r .design-link.first {height:320px}
.design-group-r .design-link.second {height:250px}
.design-group .design-link {position:relative;display:block;overflow:hidden;line-height:0}
.cover-inner,.index-kgl-type span img {position:absolute}
@media screen and (min-width:1460px) {.design-group-l .design-link.first {height:480px}
.design-group-l .design-link.second {height:314px}
.design-group-c .design-link.first {height:334px}
.design-group-c .design-link.second,.design-group-r .design-link.first {height:460px}
.design-group-r .design-link.second {height:334px}
.design-swiper .swiper-slides a {width:960px}
.design-swiper .swiper-slides img{width:auto;height:625px;}
.design-topic .arrow-left,.design-topic .arrow-right {width:62px;height:62px}
.design-swiper,.design-swiper .swiper-slides,.design-swiper .swiper-wrapper {height:625px!important}
.design-topic .design-info {height:625px}
.design-info .design-info-title {font-size:38px}
.design-info .design-info-detail {font-size:16px}
.design-info .design-info-btn {padding:8px 18px;font-size:14px}
.design-info .design-info-btn:hover {padding:9px 19px;font-size:14px}
}
.design-group .design-link .cover {width:100%;height:100%;position:absolute;top:-100%;left:0;background-color:rgba(0,190,141,.8);filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#7f11bc90,endColorstr=#7f11bc90);color:#fff;text-align:center}
.cover-inner {width:100%;top:50%;left:0;height:34px;margin-top:-17px;line-height:20px}
.cover-title {display:block;font-size:20px}
.cover-num {display:block;margin-top:25px;font-size:16px}
.design-group-c .design-link+.design-link,.design-group-l .design-link+.design-link,.design-group-r .design-link+.design-link {margin-top:18px}


#block_3{background:#000000;}
#block_3 .index_title{position:relative;}
#block_3 .index_title span{font-family:宋体;color:#C79F61}
#block_3 .index_title span.en{font-family:Arial;color:#fff;}

#block_3 ul{position:absolute;right:0;top:5px;}
#block_3 ul li{float:left;}
#block_3 ul li{font-family:宋体;font-size:18px;color:#fff;margin:0px 15px;padding:5px;}
#block_3 ul li:hover,#block_3 ul li.hover{border-bottom:1px solid #fff;cursor:pointer;}
#block_3 a.more{font-family:Arial;border:1px solid #C79F61;color:#C79F61;font-size:18px;padding:10px 25px;display: inline-block; margin-top:40px; }
#block_3 a.more:hover{background:#C79F61;color:#fff;}
#block_3 .list{display:none; text-align:center;margin-top:45px;}
#block_3 .swiper-slide{padding:10px;}

#block_3 .owl-item {width:100%; margin:0 auto; padding:8px 0;}
#block_3 .owl-item a{display: block; margin:0 15px; color:#111;}
#block_3 .owl-item a:hover{ color:#0B3B8B;}
#block_3 .owl-item img.img-responsive {display: block;width:100%;}
#block_3 .owl-theme .owl-controls .owl-buttons div.owl-prev{background-position:center; background-repeat:no-repeat;}
#block_3 .owl-theme .owl-controls .owl-buttons div.owl-next{background-position:center; background-repeat:no-repeat;}

#block_4{background:url(../images/block_4_bg.jpg) center;text-align:center;}

#block_4 ul li{float:left;width:20%;padding:0 2px;}
#block_4 .item1{background:#C79F61;padding:30px 0;float:left;width:25%;}
#block_4 .item1 h1{color:#fff;}
#block_4 .item1 span{color:#fff;margin-top:10px;display: block;}
#block_4 .item2{background:#EDEDED;padding:30px 0;float:left;width:15%;}
#block_4 .item2 h1{color:#221815;}
#block_4 .item2 span{color:#787676;margin-top:10px;display: block;}

#block_5{background:#EFEFEF;}
#block_5 .index_title{border-left:2px solid #C79F61;margin-bottom:25px;}
#block_5 .index_title span{font-size:24px;color:#231815;margin-left:25px;}
#block_5 ul{background:#fff;padding:20px;margin-bottom:25px;}
#block_5 ul li{text-align:left;border-bottom:1px dashed #464646; line-height:40px;}
#block_5 ul li .img-responsive{width:100%;}
#block_5 ul li a{color:#464646;}
#block_5 ul li a .time{float:right;}
#block_5 ul li a:hover{color: #0B3B8B;}

#block_5 ul li.f{text-align:left;border-bottom:0px dashed #464646;padding-left:40px;line-height:34px;position:relative;}
#block_5 ul li.f a{color:#4D4D4D}
#block_5 ul li.f:before{content:"F";display:inline-block;background:#C79F61;width:28px;line-height:28px; text-align:center;color:#fff;position:absolute;left:0;top:3px;}
#block_5 ul li.q{text-align:left;border-bottom:0px dashed #464646;padding-left:40px;line-height:34px;position:relative;color:#929191;}
#block_5 ul li.q:before{content:"Q";display:inline-block;background:#6F6F6F;width:28px;line-height:28px; text-align:center;color:#fff;position:absolute;left:0;top:3px;}

#block_5 dl{background:#fff;padding:20px;margin-bottom:25px;overflow: hidden;}
#block_5 dl dt{width:35%;float:left;}
#block_5 dl dt .img-responsive{width:100%;}
#block_5 dl dd{width:65%;float:left;padding-left:15px;}
#block_5 dl dd a{font-size:18px;color:#231815}
#block_5 dl dd .des{font-size:14px;color:#7F7F7E}

#block_6{ text-align:center;}
#block_6 ul{margin-top:30px;}
#block_6 ul li{float:left;width:20%;}
@media screen and (max-width:768px) {
.header-mobile .logo{ width:3.1rem; height:1.1rem; background:url("../images/logo-1.png") no-repeat center center; background-size:auto 1.1rem; }
.title h1.fs36{ font-size:18px;}
#block_1 p{ font-size:12px;}
#block_3 ul{ top:50px;}
#block_4{ display:none;}
#block_4 .item1{padding:20px 0;float:none;width:100%;}
#block_4 .item2{padding:20px 0;float:none;width:100%;}
#block_5 .row .col-50{ width:100%;}
#block_6 ul li img{ max-width:90%;}
.footerlogo,.footernav{ display:none;}
}