.clearfix:after{content:'.';display:block;height:0;clear:both;visibility:hidden}
.none{display:none}
h2,h3{font-weight: normal; }
.Left{float:left}
.header{background-color:#fff}
.view{width:1200px;margin:0 auto}
.menu-bar .category{width:167px;position:relative;float:left;cursor:pointer;z-index:100}
.category-option{width:167px; box-sizing:border-box;padding:9px 0 9px;background:rgba(255,255,255);position:absolute;z-index:101;display:block}
.category-option .cat-item{height:2.51em;line-height:2.51em;vertical-align:top;transition:.2s ease-in-out}
.category-option .cat-item .sub-cat{overflow:hidden;display:none;width:616px;height:427px;padding:9px 30px 25px 0;left:167px;top:0;background:rgba(255,255,255,.95);z-index:10000;position:absolute;line-height:20px}
.category-option .cat-item.top-cat .sub-cat{width:750px}
.category-option .sub-cat .sub-cat-links .sub-group{padding-top:3.2px;}
.category-option .sub-cat .sub-cat-links .sub-title{width:110px;font-size:13px;font-weight:700}
.category-option .sub-cat .sub-cat-links .sub-content{font-size:12px;padding-top: 3px; padding-bottom:7px;border-bottom:1px dotted #afacb1;}
.category-option>li:nth-child(5) .sub-cat-links .sub-content{ padding-top: 0; padding-bottom: 3.5px !important;}
.category-option .sub-cat .sub-cat-links .sub-content a{margin-right:16px;display:inline-block;color:#666}
.category-option .cat-item.top-cat .icon{opacity:1}
.category-option .cat-item .icon{float:left;width:20px;height:20px;margin:8px 10px 0 15px;background:url(../images/menu.png) no-repeat;opacity:.65}
.category-option .cat-item .txt{color:#797878;margin-right:10px;float:left;font-size:13px}
.category-option .cat-item.top-cat .txt{font-size:14px}

.category-option .cat-item .icon.i0{background-position:-21px -168px}
.category-option .cat-item .icon.i1{background-position:-21px -147px}
.category-option .cat-item .icon.i2{background-position:-21px -126px}
.category-option .cat-item .icon.i3{background-position:-21px -231px}
.category-option .cat-item .icon.i4{background-position:-21px -210px}
.category-option .cat-item .icon.i5{background-position:-21px -189px}
.category-option .cat-item .icon.i6{background-position:-21px -264px}
.category-option .cat-item .icon.i7{background-position:-21px -42px}
.category-option .cat-item .icon.i8{background-position:-21px -21px}
.category-option .cat-item .icon.i9{background-position:-21px 0}
.category-option .cat-item .icon.i10{background-position:-21px -105px}
.category-option .cat-item .icon.i11{background-position:-21px -84px}

.category-option .cat-item.hover .icon.i0{background-position:0 -168px;opacity:1}
.category-option .cat-item.hover .icon.i1{background-position:0 -147px;opacity:1}
.category-option .cat-item.hover .icon.i2{background-position:0 -126px;opacity:1}
.category-option .cat-item.hover .icon.i3{background-position:0 -231px;opacity:1}
.category-option .cat-item.hover .icon.i4{background-position:0 -210px;opacity:1}
.category-option .cat-item.hover .icon.i5{background-position:0 -189px;opacity:1}
.category-option .cat-item.hover .icon.i6{background-position:0 -264px;opacity:1}
.category-option .cat-item.hover .icon.i7{background-position:0 -42px;opacity:1}
.category-option .cat-item.hover .icon.i8{background-position:0 -21px;opacity:1}
.category-option .cat-item.hover .icon.i9{background-position:0 0;opacity:1}
.category-option .cat-item.hover .icon.i10{background-position:0 -105px;opacity:1}
.category-option .cat-item.hover .icon.i11{background-position:0 -84px;opacity:1}

.category-option .cat-item.hover{background:#fff;background:rgba(255,255,255,.9);padding-left:5px}
.category-option .cat-item.hover a{color:#333!important}
.category-option .cat-item.hover a:hover{color:#e62318!important}
.category-option .cat-item:hover .sub-cat{display:block;opacity:1;padding-left:10px;animation:subcat .3s ease-in-out}
@keyframes subcat{
	from{padding-left:0}
    to{padding-left:10px}
}

.scroll-banner{position:relative;z-index:0;overflow:hidden;height:460px}
.scroll-banner .scroll-content{height:460px}
.scroll-banner .scroll-content li{position:absolute;height:460px;width:100%}
.scroll-banner .scroll-item{position:absolute;width:100%;top:0;left:0;text-align:center;display:none}
.scroll-banner .scroll-index{position:relative;-webkit-filter:inherit;filter:inherit;width:1200px;height:460px;margin:0 auto}
.scroll-banner .scroll-item .sc-big{position:relative}
.fadeInR{animation-name:fadeInR;animation-duration:1.5s;animation-timing-function:linear}
@keyframes fadeInR{from{left:-20px}
to{opacity:1;filter:alpha(opacity=100);left:0}
}
.scroll-btn{position:absolute;overflow:hidden;bottom:30px;z-index:3;width:100%;text-align:center}
.scroll-btn span{display:inline-block;width:30px;height:5px;margin:0 1px;cursor:pointer;background:#fff}
.scroll-btn span.current{background:#d20d8d}

.disp_flex{ display: flex;}
.index_list{ background-color: #fff; margin-top: .5em; box-sizing: border-box; padding:.7em 1em; text-align: justify;}
.index_list a:hover{ color: #d20d8d;}
.index_list img{transition: all 2s;}
.index_list img:hover{ transform: scale(1.1);}
.index_list .h2_title{ margin-bottom: .5em; line-height:2em;justify-content: space-between;border-bottom: 1px solid #f2f2f2;}
.index_list .h2_title p:last-child{ font-size: .6em;}
.index_list .h2_title p:last-child a{ padding-left: .5em;}
.index_list li{ width: 28%;}
.index_list li a{ display: block;}
.index_list li:nth-child(2){ width: 40%; padding-left: 2%; padding-right: 2%;}
.index_list li:first-child a:first-child{ height: 15.5em; overflow: hidden;margin-bottom:1em;}
.index_list li:first-child a:first-child img{width: 100%;object-fit: cover;height: 15.5em;}
.index_list li:first-child a h3,.index_list li:nth-child(2) a:first-child h3{text-align: center; }
.index_list li:first-child a h3{margin-top: .8em; }
.index_list li:first-child a h3,.index_list li:nth-child(2) a h3{margin-bottom: .5em; font-size: 1em;}
.index_list li:first-child a p,.index_list li:nth-child(2) a p{ font-size: .9em; line-height: 1.5em;color: #999999;text-indent: 2em;}
.index_list li:nth-child(2) a{ height: 6em; overflow: hidden; margin-bottom: .7em;}
.index_list li:nth-child(2) a:first-child{border-bottom: 1px #e2e0e0 dashed;padding-bottom: .7em;}
.index_list li:nth-child(2) a:nth-child(2) span,.index_list li:nth-child(2) a:nth-child(4) span{float: left; margin-right: .5em;}
.index_list li:nth-child(2) a:nth-child(3) span{float: right;margin-left: .5em;}
.index_list li:nth-child(2) a span{ display: block; width: 9em; height: 6em; overflow: hidden; }
.index_list li:nth-child(3){ font-size: .9em;}
.index_list li:nth-child(3)>div{border-bottom: 1px dashed #e2e0e0; padding-bottom: .7em;}
.index_list li:nth-child(3)>div a{ width: 49%;}
.index_list li:nth-child(3)>div a:first-child{ margin-right: 2%;}
.index_list li:nth-child(3)>div span{ display: block; height: 6em; overflow: hidden;}
.index_list li:nth-child(3)>div span img{ display: block; width: 100%;}
.index_list li:nth-child(3) p{ line-height: 2.02em; margin-top: .5em;}
.index_list li:nth-child(3) p span{ padding-right: .3em;}

.nav_list{ margin-top: .5em; }
.left_nav,.right_aside{background-color: #fff;box-sizing: border-box;text-align: justify;}
.left_nav{ width: 70%; padding-bottom: .5em;}
.left_nav .h2_title,.right_aside .h2_title{ padding:0 .7em;  line-height:2em;justify-content: space-between;}
.left_nav ul{flex-wrap: wrap; padding: 0 .2em;}
.left_nav ul li{ width: 25%;padding: 1.5%;border-top:1px solid #f2f2f2;padding-top: 1.5%; box-sizing: border-box;}
.left_nav ul li:not(:nth-child(4n)){border-right:1px solid #f2f2f2;}
.left_nav ul li div{ height: 8.6em; overflow: hidden;}
.left_nav ul li div img{ height: 8.6em; width: 100%; transition: all 2s;}
.left_nav ul li div img:hover{ transform: scale(1.1);}
.left_nav ul li h3{margin-bottom: .5em;font-size: 1em;}
.left_nav ul li h3:hover{color: #d20d8d;}
.left_nav ul li p{font-size: .9em;color: #999999;line-height: 1.5em;}
.right_aside{ margin-left: .8%; width: 29.2%;}
.right_aside .h2_title{border-bottom:1px solid #f2f2f2; font-size: 1em;line-height: 3em;}
.right_aside .h2_title span{ padding-right: .2em;}
.right_aside .zixun-new{padding:0 .8em;}
.right_aside .zixun-new li{ height: 3em; line-height: 1.5em;}
.right_aside .zixun-new li:not(:last-child){border-bottom:1px solid #f2f2f2; padding-bottom: .5em;}
.right_aside .zixun-new li:first-child{padding-top: 1em;}
.right_aside .zixun-new li:not(:last-child){ margin-bottom: .65em;}
.right_aside .zixun-new li h3{display: flex;font-weight: normal;line-height: 1.2em;}
.right_aside .zixun-new li h3 span{width: 4%;font-size: 1em;padding: 0 .2em;margin-right: .5em;color: #d1d3d6;}
.right_aside .zixun-new li h3 a{ width:95%;font-size: .77em;}
.right_aside .zixun-new li h3 a:hover{ color: #d20d8d;}
.right_aside .zixun-new li span{font-family: Impact;}