﻿@charset "utf-8";
@font-face {
    font-family: "scn";
    src: url("../fonts/SourceHanSansCN-Regular.woff2") format("woff2"),
		 url("../fonts/SourceHanSansCN-Regular.woff") format("woff"),
		 url("../fonts/SourceHanSansCN-Regular.ttf") format("truetype"),
		 url("../fonts/SourceHanSansCN-Regular.eot") format("embedded-opentype"),
         url("../fonts/SourceHanSansCN-Regular.svg") format("svg");
}
/* @font-face {
    font-family: "din";
    src: url("../fonts/DIN_Medium.woff") format("woff"),
         url("../fonts/DIN_Medium.ttf") format("truetype"),
         url("../fonts/DIN_Medium.eot") format("embedded-opentype"),
         url("../fonts/DIN_Medium.svg") format("svg");
}
@font-face {
    font-family: "bebas";
    src: url("../fonts/bebas.woff") format("woff"),
         url("../fonts/bebas.ttf") format("truetype"),
         url("../fonts/bebas.eot") format("embedded-opentype"),
         url("../fonts/bebas.svg") format("svg");
} */
html,body{width: 100%; overflow-x: hidden; transition: all ease 0.3s;}
html{-webkit-text-size-adjust:100%;font-size:100px}
body{-webkit-text-size-adjust:none; padding:0; margin:0px auto; font-size: 0.16rem; line-height: 0.24rem; color: #333; word-break: break-all; background: #fff; -webkit-user-select:none; -ms-user-select:none; -moz-user-select:none; -khtml-user-select:none;user-select:none;overflow-x:hidden;font-family: 'scn','Microsoft YaHei',arial,sans-serif;}
ul,li,form, dl,dt,dd,div,ul,li,p,em,i,address{font-style:normal; list-style:none; padding: 0px; margin: 0px;}
h1,h2,h3,h4,h5,h6{padding:0px; margin:0px;}
select,input,textarea,button{font-size:0.16rem; border-radius:0; -webkit-border-radius:0; color:#545454;font-family: 'scn', Microsoft YaHei, sans-serif; background: none;}
input:focus {outline: none;}
input,button,select,textarea{border:0px;outline:none;/*-webkit-appearance:none;*//*强制去除表单自带的样式*/}
button{cursor:pointer;}
textarea{resize:none;/*-webkit-appearance:none;*//*强制去除textarea自带的样式*/}
textarea,input,select {background:none; border:none; margin:0; padding:0;}
article,aside,footer,header,hgroup,nav,section,figure,fxigcaption,address{display: block;} /*html5设置*/
figure,figcaption{margin:0px; padding:0px;}
audio,canvas,progress,video{display: inline-block;}
video{object-fit: fill; width: 100%; height: 100%;}
img{max-width:100%; border:none; border:0;  vertical-align:top;}
a{color:#333; text-decoration:none; -webkit-tap-highlight-color:rgba(0,0,0,0);transition: all ease 0.3s;}
a:focus {outline:none; -moz-outline:none;}
a:hover{text-decoration:none; color:#ce1313;}
/**:hover{transition: all ease 0.3s;}*/

/*input字体*/
:-moz-placeholder {color: #999999;}
::-moz-placeholder {color: #999999;}
input:-ms-input-placeholder,
textarea:-ms-input-placeholder {color: #999999;}
input::-webkit-input-placeholder,
textarea::-webkit-input-placeholder {color: #999999;}

select {
	/*Chrome和Firefox里面的边框是不一样的，所以复写了一下*/
	/* border: solid 1px #d9d9d9; */
	/*很关键：将默认的select选择框样式清除*/
	appearance: none; color:#999999;
	-moz-appearance: none;
	-webkit-appearance: none;
	/*在选择框的最右侧中间显示小箭头图片*/
	background-image: url(../images/arrow3.png); background-repeat: no-repeat;background-position: 95% center;
	/*为下拉小箭头留出一点位置，避免被文字覆盖*/
	/* padding-right: 14px; */
}

/*清除ie的默认选择框样式清除，隐藏下拉箭头*/
select::-ms-expand {
display: none;
}

.mgc{position:relative;width:16px;height:16px;background-clip:border-box;-webkit-appearance:none;-moz-appearance:none;appearance:none;margin:-.15px .6px 0 0;vertical-align:text-bottom;border-radius:50%;-webkit-transition:background-color .25s;transition:background-color .25s;background-color:#fff;border:1px solid #d5d5d5;}.mgc:checked:after{left:-5px; top:-5px; position:absolute;content:'';display:block;height:10px;width:10px; border-radius:50%; background:#3b66ad; border:6px solid #dddddd;}.mgc:disabled{opacity:.65}.mgc:focus{outline:none;box-shadow:inset 0 1px 1px rgba(255,255,255,0.075),0 0 2px #38a7ff}.mgc:checked{background-color:#fff;border-color:#d7d7d7;}.mgc:checked:after{border-color:#dddddd}.mgc-primary{background-color:#fff;border:1px solid #d7d7d7;}.mgc-primary:checked{background-color:#337ab7;border-color:#337ab7;}.mgc-primary:checked:after{border-color:#fff}.mgc-success{background-color:#fff;border:1px solid #d7d7d7;}.mgc-success:checked{background-color:#5cb85c;border-color:#5cb85c;}.mgc-success:checked:after{border-color:#fff}.mgc-info{background-color:#fff;border:1px solid #d7d7d7;}.mgc-info:checked{background-color:#5bc0de;border-color:#5bc0de;}.mgc-info:checked:after{border-color:#fff}.mgc-warning{background-color:#fff;border:1px solid #d7d7d7;}.mgc-warning:checked{background-color:#f0ad4e;border-color:#f0ad4e;}.mgc-warning:checked:after{border-color:#fff}.mgc-danger{background-color:#fff;border:1px solid #d7d7d7;}.mgc-danger:checked{background-color:#cf3b3a;border-color:#cf3b3a;}.mgc-danger:checked:after{border-color:#fff}.mgc-circle{border-radius:50%}.mgc-sm{width:12px;height:12px;}.mgc-sm:checked:after{top:2px;left:1px;height:3px;width:6px}.mgc-lg{width:19px;height:19px;}.mgc-lg:checked:after{top:3px;left:3px;height:5px;width:10px}.mgr{position:relative;width:16px;height:16px;background-clip:border-box;-webkit-appearance:none;-moz-appearance:none;appearance:none;margin:-.15px .6px 0 0;vertical-align:text-bottom;border-radius:50%;background-color:#fff;border:1px solid #d7d7d7;}.mgr:disabled{opacity:.65}.mgr:before{content:'';display:block;height:0;width:0;-webkit-transition:width .25s,height .25s;transition:width .25s,height .25s}.mgr:checked:before{height:8px;width:8px;border-radius:50%;margin:3px 0 0 3px}.mgr:focus{outline:none;box-shadow:inset 0 1px 1px rgba(255,255,255,0.075),0 0 2px #38a7ff}.mgr:checked{border:1px solid #555;}.mgr:checked:before{background-color:#555}.mgr-primary{background-color:#fff;border:1px solid #d7d7d7;}.mgr-primary:checked{border:1px solid #337ab7;}.mgr-primary:checked:before{background-color:#337ab7}.mgr-success{background-color:#fff;border:1px solid #d7d7d7;}.mgr-success:checked{border:1px solid #5cb85c;}.mgr-success:checked:before{background-color:#5cb85c}.mgr-info{background-color:#fff;border:1px solid #d7d7d7;}.mgr-info:checked{border:1px solid #5bc0de;}.mgr-info:checked:before{background-color:#5bc0de}.mgr-warning{background-color:#fff;border:1px solid #d7d7d7;}.mgr-warning:checked{border:1px solid #f0ad4e;}.mgr-warning:checked:before{background-color:#f0ad4e}.mgr-danger{background-color:#fff;border:1px solid #d7d7d7;}.mgr-danger:checked{border:1px solid #cf3b3a;}.mgr-danger:checked:before{background-color:#cf3b3a}.mgr-sm{width:12px;height:12px;}.mgr-sm:checked:before{height:6px;width:6px;border-radius:50%;margin:2px 0 0 2px}.mgr-lg{width:19px;height:19px;}.mgr-lg:checked:before{height:11px;width:11px;border-radius:50%;margin:3px 0 0 3px}.mgc-switch{-webkit-appearance:none;-moz-appearance:none;appearance:none;position:relative;width:41px;height:24px;border:1px solid #dfdfdf;outline:0;border-radius:16px;box-sizing:border-box;background:#dfdfdf;}.mgc-switch:before,.mgc-switch:after{content:" ";position:absolute;top:0;left:0;border-radius:15px;-webkit-transition:-webkit-transform .3s;transition:-webkit-transform .3s;transition:transform .3s;transition:transform .3s, -webkit-transform .3s}.mgc-switch:before{width:39px;height:22px;background-color:#fdfdfd}.mgc-switch:after{width:22px;height:22px;background-color:#fff;box-shadow:0 1px 3px rgba(0,0,0,0.4)}.mgc-switch:checked{border-color:#04be02;background-color:#04be02;}.mgc-switch:checked:before{-webkit-transform:scale(0);transform:scale(0)}.mgc-switch:checked:after{-webkit-transform:translateX(17px);transform:translateX(17px)}.mgc-sm.mgc-switch{height:20px;width:32px;}.mgc-sm.mgc-switch:before{height:18px;width:30px}.mgc-sm.mgc-switch:after{width:18px;height:18px}.mgc-sm.mgc-switch:checked:after{top:0;left:2px;-webkit-transform:translateX(10px);transform:translateX(10px)}.mgc-lg.mgc-switch{height:32px;width:52px;}.mgc-lg.mgc-switch:before{height:30px;width:50px}.mgc-lg.mgc-switch:after{width:30px;height:30px}.mgc-lg.mgc-switch:checked:after{top:0;left:2px;-webkit-transform:translateX(18px);transform:translateX(18px)}

/*网页滚动条*/
::-webkit-scrollbar{
            width: 5px; height:5px;-webkit-overflow-scrolling : touch;
            background-color: #e6e6e6;}
::-webkit-scrollbar-track{
            background-color: #e6e6e6;}
::-webkit-scrollbar-thumb{
            border-radius: 10px;
            background-color: #c81528;}
::-webkit-scrollbar-button{
            height: 0px;
			background-color: #e6e6e6;}
			
/*公用样式*/
.fl{float:left;}.fr{float:right;}.tl{text-align:left !important;}.tr{text-align:right;}.tc{text-align:center !important;}
.hide{display:none !important;}
.block{display:block;}
.inline{display: inline-block; vertical-align: middle;}
.none{position:absolute; top:0; left:0; width:100%;visibility:hidden; opacity:0;}
.clear{clear:both;}
.clearfix{overflow:hidden;_zoom:1;}
.clearfix:after{content: ''; display: block; clear: both; height: 0; visibility: hidden; }
.clearfix{*zoom:1;}
.relative{position:relative; z-index:1;}
.auto{padding: 0 6.25%;}
.pl120{padding-left: 6.25%;}
.w1400{width:1400px; margin:0px auto;}
.w1060{width: 1060px; margin: 0 auto;}
.hidebox{display: none;}
.arial{font-family: Arial;}
.din{font-family: 'din';}
.bebas{font-family: 'bebas';}
@media(max-width:1920px){ 
	html{font-size: 5.208333vw;}
} 
@media(max-width:1440px){ 
	html{font-size: 6.3vw;}
	.auto{padding: 0 4%;}
	.pl120{padding-left: 4%;}
	.w1400{width: auto; padding: 0 4%;}
} 

@media ( max-width:1200px){
	html{font-size: 6.8vw;}
	.w1060{width: auto; padding: 0 4%;}
}

@media ( max-width:768px){
	html{font-size: 9.5vw;}
}

@media (max-width:640px) {
	html{font-size:12vw}
}

@media (max-width:480px) {
	html{font-size:23vw}
	body{font-size: 14px;}
}

.f_color{color: #c81528 !important;}
.f_grey{color: #999;}
.f_white{color: #fff !important;}
.Greybg{background-color: #f3f3f3;}
.Greybg2{background-color: #f8f8f8;}
.whitebg{background-color: #fff;}
.whitetxt{color: #fff !important;}
.fn{float: none !important; width: auto !important; clear: both;}
.boxbg{background-size: cover; background-position: center top; background-repeat: no-repeat;}
.empty,input,textarea,select{outline: 0; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box;}

@media ( max-width:768px){

}

/*font*/
.tit{display:block;text-overflow:ellipsis; white-space:nowrap; *white-space:nowrap; overflow:hidden;}
.p{overflow: hidden;word-break:normal; text-overflow: ellipsis; display: -webkit-box; -webkit-box-orient: vertical;}
.just{word-wrap: break-word; word-break: normal; text-align: justify; text-justify: distribute;}

/*table*/
.table,table{display: table; width: 100%; border-collapse: collapse;}
.table-head,.table-body{display: table-row; width: 100%;}
.table-th,.table-td{display: table-cell; text-align: center; vertical-align: middle;}
table td,table th{border: 1px solid #e5e5e5;}

/*effict*/
.Scale-img {overflow: hidden;cursor: pointer; zoom:1; overflow: hidden; position: relative; z-index: 3;}
.Scale-img img,.imgbox img{display: block; width: 100%;}
.Scale-img img,.Scale-img span {opacity: 1;-webkit-transition: opacity 0.6s, -webkit-transform 0.6s;transition: opacity 0.6s, transform 0.6s;}
.Scale-img:hover img,.Scale-img:hover span,dd:hover .Scale-img img,dd:hover .Scale-img span,li:hover .Scale-img img,li:hover .Scale-img span,.item:hover .Scale-img span{opacity: 1;-webkit-transform: scale3d(1.1,1.1,1.1);transform: scale3d(1.1,1.1,1.1);}
.imgbox{overflow:hidden; position:relative;}
.imgbox span,.Scale-img span{background-position:center center; background-repeat:no-repeat; background-size:cover; position:absolute; left:0px; top:0px; width:100%; height:100%;}
.Scale-img .mask{background-color: rgba(0,0,0,0.2);}
/* icon */
.icons img{position: absolute; width: 100%; left: 0; top: 0;}
.icons .i1{transition: 400ms;}
.icons .i2{-webkit-transform:scale(0); transform:scale(0); opacity:0; filter:alpha (opacity=0); transition:500ms;}
dd:hover .icons .i2,dd.on .icons .i2,.item.slick-current .icons .i2{-webkit-transform:scale(1); transform:scale(1); opacity:1;  filter:alpha(opacity=100);}
dd:hover .icons .i1,dd.on .icons .i1,.item.slick-current .icons .i1{opacity: 0; filter: alpha(opacity=0); -webkit-transform: scale (1.2); transform: scale(1.2);}

/*pages*/
.Pages{line-height: 0.38rem; text-align: center;}
.Pages li{display: inline-block;}
.Pages li.prev a,.Pages li.next a{width: auto; padding: 0 0.1rem;}
.Pages a{display:inline-block; border: 1px solid #e1e1e1; margin:0 0.05rem; width: 0.38rem; padding: 0 0.1rem !important}
.Pages a.disabled{background: #e1e1e1 !important; color: #666 !important; border: 1px solid #ccc !important;}
.Pages a.a_first,.Pages a.a_prev,.Pages a.a_end,.Pages a.a_next,.Pages li.prev a,.Pages li.next a,.Pages2 a.a_prev,.Pages2 a.a_next{font-weight: bold; font-family: "宋体";}
.Pages li.first a,.Pages li.last a{width: auto;  font-size: 0.16rem;}
.Pages .i_text{width: 0.58rem; height: 0.38rem; border-radius: 3px; border: 1px solid #e1e1e1; margin: 0 2px; text-align: center;}
.Pages .i_button{width: 0.38rem; background: #c6010b; border: 1px solid #c6010b; color: #fff; height: 0.38rem; line-height: 0.38rem; text-transform: uppercase;}
.Pages a:hover,.Pages a.a_cur,.Pages li.active a{color: #fff; border: 1px solid #c6010b; background: #c6010b;}
.Pages a.a_firstPage,.Pages a.a_lastPage,.Pages li a.first,.Pages li a.last{width: auto; padding: 0 0.1rem;}

.Pages2{line-height: 0.25rem; text-align: center;}
.Pages2 .p_page{display: inline-block; margin-top: 5px;}
.Pages2 .p_page a{display: inline-block; width: 0.25rem; border-radius: 50%; color: #999; margin: 0 1px;}
.Pages2 .p_page a.a_firstPage,.Pages2 .p_page a.a_lastPage{width: auto;}
.Pages2 .p_page a.a_cur,.Pages2 .p_page a:hover,.Pages li:hover a{background: #ce1313 !important; color: #fff !important;}

@media ( max-width:1440px){

}

@media ( max-width:640px){
	.Pages{line-height: 0.32rem;}
	.Pages a{width: 0.32rem; margin: 1px 0.05rem;}
	.Pages .i_text{height: 0.32rem;}
}
/*pages end*/

/*Top*/
.Header{width: 100%; position: absolute; left: 0; top: 0; z-index: 9999; padding: 0.17rem 0 0; border-bottom: 1px solid rgba(255,255,255,0.2);}
/* .Header.fixed2,.Header.fixed3{transition: transform .3s; transform-origin: top center; position: fixed;}
.Header.fixed3{transform: translateY(-190px);}
.Header.fixed2{background: #fff;} */
/* .Header .bgon{transition: all ease 0.3s;} */
.Header .i2{display: none;}
.Header.on{background: #fff; color: #333;}
.Header.on a{color: #333;}
.Header.on .i1{display: none;}
.Header.on .i2{display: inline-block;}
.Header.on .Search .searchbox .form{border: 1px solid #e2e2e2;}
.Header.on .Search .searchbox .input{color: #333;}
.Header.on .Search .searchbox .input::-webkit-input-placeholder{color: #999;}
.Header.on .Search .searchbox .btn{color: #c81528;}
.TopBox{z-index: 10;}
.TopLink{text-align: right; line-height: 0.27rem;}
.TopLink .hotline,.TopLink .wydl{display: inline-block;}
.TopLink a{color: #fff;}
.TopLink i{margin-right: 0.05rem; vertical-align: baseline;}
.TopLink em{display: inline-block; vertical-align: middle; width: 1px; height: 0.12rem; margin: 0 0.15rem; background: rgba(255,255,255,0.3);}

.TopLink .wydl{z-index: 9999;}
.TopLink .wydl .am{padding: 0.1rem 0.15rem; border-radius: 0.1rem; background-color: #b10a1c; background-image: linear-gradient(to bottom, #f52238, #b40a1b); color: #fff;}
.TopLink .wydl:hover .hidebox{height: auto; padding-top: 10px;}
.TopLink .wydl .hidebox{height: 0; transition: 300ms; display: block; overflow: hidden; position: absolute; top: 100%; left: -0.2rem; right: -0.05rem; text-align: center;}
.TopLink .wydl .hidebox .box{padding: 0.2rem 0.15rem 0.1rem; border-radius: 0.15rem; background: #fff; box-shadow: 0 0.2rem 0.2rem rgba(0,0,0,0.1);}
.TopLink .wydl .hidebox .box .arrow{position: absolute; z-index: 9; width: 12px; height: 16px; right: 50%; top: -14px; margin-left: -6px; background: url(../images/arrow1.png); transform: rotate(-90deg);}
.TopLink .wydl .hidebox li a{display: block; border: 1px solid #dedede; line-height: 0.38rem; text-align: center; border-radius: 0.3rem; margin-bottom: 0.1rem; background: #f2f2f2; color: #666;}
.TopLink .wydl .hidebox li a:hover{border: 1px solid #c81528; background: #c81528; color: #fff;}

.Header .Logo{position: absolute; left: 0; top: 50%; transform: translate(0,-50%); width: 3.4rem; transition: ease-in-out 300ms;}
.Header .Logo img{vertical-align: middle; width: 100%;}

.Tright{width: 70%;}
.Search{margin-top: 0.23rem;}
.Search .Searchico{display: none; cursor:pointer; transition: ease-in-out 300ms; width: 0.55rem; text-align: center; background: rgba(255,255,255,0.1); border-radius: 50%; color: #fff;}
.Search .Searchico .iconfont{font-size: 0.26rem;}
.Search .Searchico .close{display:none;}
.Search .Searchico.on .close{display:inline-block;}
.Search .Searchico.on .sousuo{display:none;}
.Search .searchbox{width:2.58rem;}
.Search .searchbox.on{visibility:visible; opacity:1;}
.Search .searchbox .form{padding: 0 0.6rem 0 0.2rem; border: 1px solid #fff; border-radius: 0.4rem;}
.Search .searchbox input{width:100%; height:0.48rem; color: #fff;}
.Search .searchbox .input::-webkit-input-placeholder {color: #fff;}
.Search .searchbox .btn{position:absolute; right:0.15rem; top:0; bottom: 0; color: #fff;}
.Search .searchbox .btn i{font-size: 0.22rem;}

.MainNav{width: 70%;}
.MainNav li{float: left; width: 13.666%; text-align: center;}
.MainNav li span,.MainNav li span a{display: inline-block;}
.MainNav li span a{z-index:1; position:relative; font-size: 0.2rem; line-height: 0.95rem; color: #fff; transition: all ease 0.3s; border-radius: 5px;}
.MainNav .arr{display:none; text-align: right;}
.MainNav .arr .jian{display:none;}
.MainNav li:hover span a,.MainNav li.onnav span a{color: #c81528;}
.MainNav li span a::after{content: ''; position: absolute; left: 50%; width: 0; bottom: -2px; height: 3px; background: #c81528; transition: all 300ms;}
.MainNav li:hover span a::after,.MainNav li.onnav span a::after{width: 100%; left: 0;}
.MainNav li:hover .NavPull{display: block;}
.NavPull{display: none; position: absolute; left: 0; top: 100%; width: 100%; background-color: #fff; border-top: 1px solid #e5e5e5; padding: 0.55rem 0; min-height: 1.65rem; background-image: url(../images/navbg.jpg); background-repeat: no-repeat; background-position: center bottom; background-size: 100% auto;}
.NavPull dl{line-height: 0.4rem; font-size: 0; text-align: center;}
.NavPull dd{display: inline-block; vertical-align: top; width: 12.5%;}
.NavPull dd a{display: block;}
.NavPull dd h2 a{font-size: 0.22rem; line-height: 0.3rem; margin-bottom: 0.14rem;}
.NavPull dd .Three a{font-size: 0.18rem; color: #666; line-height: 0.4rem;}
.NavPull dd a:hover{color: #c81528;}

.HomeBody .Header{top: -5%; transition: 300ms; opacity: 0;}
.fp-viewing-0 .Header,.Header:hover{top: 0; opacity: 1;}

.openbtn{cursor:pointer; display:none;width:32px; height:25px; position:absolute; right:0; top:50%; margin-top: -12px; z-index:999;}
.closebtn{position:fixed; left:0px; top:60px; width:100%; height:100%; z-index:9; display:none;}
.openbtn span{display:block; height:3px; background:#fff; border-radius:4px; margin:4px;transition: all ease 0.3s;}
.openbtn span.sp2{width: 18px; margin-left: 9px;}
.openbtn.on .sp1 {
	-webkit-transform: translate(0, 7px) rotate(45deg) !important;
	-moz-transform: translate(0, 7px) rotate(45deg) !important;
	-ms-transform: translate(0, 7px) rotate(45deg) !important;
	-o-transform: translate(0, 7px) rotate(45deg) !important;
	transform: translate(0, 7px) rotate(45deg) !important;}
.openbtn.on .sp3 {
	-webkit-transform: translate(0, 0) rotate(-45deg) !important;
	-moz-transform: translate(0, 0) rotate(-45deg) !important;
	-ms-transform: translate(0, 0) rotate(-45deg) !important;
	-o-transform: translate(0, 0) rotate(-45deg) !important;
	transform: translate(0, 0) rotate(-45deg) !important;}	
.openbtn.on .sp2{display:none;}

@media ( max-width:1000px){
	.Header{position: relative; background: #c81528; padding: 0.15rem 0 0.22rem;}
	.Header .openbtn{display:block;}
	.HomeBody .Header{opacity: 1; top: 0;}
	.TopBox{position: relative;}
	.Header .Logo{padding-left: 0;}
	.TopLink{margin-bottom: 0;}
	.Tright{line-height: 0.5rem; height: 0.5rem;}
	.Tright .wza,.Tright .navbtn{display: none;}
	.Search{margin-top: 0;}
	.Search .Searchico{display: block; margin-right: 0.8rem;}
	.Search .searchbox{width:3.6rem; right:0; visibility:hidden; opacity:0; position:absolute; top:0.92rem; transition: all ease 0.3s; z-index: 99;}
	.MainNav{position:fixed; left:0; bottom: 0; z-index:100; width:100%; float: none; margin-left: 0; padding:0; top:1.26rem;transition: all ease 0.3s; display:none; overflow: auto;}
	.MainNav ul{padding:12px 0; background: rgba(255,255,255,0.95);}
	.MainNav li{display:block; position:relative; float:none; width:auto; margin: 0; padding: 0; position: relative;}
	.MainNav li span{display: block;}
	.MainNav li span a{font-size:16px; border-bottom:1px solid rgba(0,0,0,0.1); color: #333 !important; text-align:left; height:auto; display:block; line-height:0.3rem !important; height:auto !important; height:auto; padding:0.15rem 0.3rem;}
	.MainNav .bg{display:none}
	.MainNav li:hover span a,.MainNav li.onnav span a,.MainNav li span a.sele{color:#c81528;}
	.MainNav .arr{display:inline-block; position:absolute; z-index:2; width:50%; height:0.6rem; line-height:0.6rem; right:0px; padding-right:0.2rem; top:0px; color:#666;}
	.MainNav li.onnav .jia{display:none;}
	.MainNav li.onnav .jian{display:block;}
	.MainNav li:hover .NavPull,.MainNav li .NavPull{display: none;}
	.MainNav li.onnav .NavPull{display: block;}
	.MainNav.on li{opacity:1;}
	.MainNav li:hover span a::after,.MainNav li.onnav span a::after{display: none;}
	.MainNav li:hover span a,.MainNav li.onnav span a{background: none; color: #c81528 !important;}

	.NavPull{width: auto; position: static; margin-left: 0; text-align: left; border-top: none; padding: 0.2rem 0 0.2rem 0.5rem; min-height: auto; background: none;}
	.NavPull .auto{padding: 0;}
	.NavPull dd{display: block; width: auto; text-align: left;}
	.NavPull dd h2 a{font-size: 0.18rem; font-weight: normal; margin-bottom: 0.1rem;}
	.NavPull dd:last-child h2 a{margin-bottom: 0;}
	.NavPull dd .Three{display: none;}
}

@media ( max-width:640px){
	.Header{padding: 0.1rem 0;}
	.Header .Logo{width: 2.4rem;}
	.Search .Searchico{background: none; margin-right: 0.5rem;}
	.Search .searchbox{top: 60px;}
	.MainNav{top: 0.95rem;}
}

@media ( max-width:480px){
	.TopLink i,.TopLink img{display: none;}
	.TopLink em{margin: 0 0.1rem;}
	.Search .searchbox{width: 3.2rem;}
	.Search .searchbox input{height: 0.5rem; font-size: 0.18rem;}
}

/*Bottom*/
.Footer{background-image: url(../images/bottombg.jpg); color: rgba(255,255,255,0.6);}
.Footer .box{padding: 1.26rem 0 0.84rem; border-bottom: 1px solid rgba(255,255,255,0.1);}
.Sitepath{width: 56.428%;}
.Sitepath dl{float: left; width: 16.6666%;}
.Sitepath dl dt{font-size: 0.18rem; color: #fff; line-height: 0.2rem; margin-bottom: 0.2rem; position: relative; padding-left: 0.16rem;}
.Sitepath dl dt a{color: #fff;}
.Sitepath dl dt::before{content: ''; position: absolute; left: 0; top: 0; bottom: 0; width: 0.05rem; background: #e61e26;}
.Sitepath dl dd a{display: block; color: rgba(255,255,255,0.5); line-height: 0.3rem;}
/* .Sitepath dl dd a:hover{color: #fff;} */

.weixinbox{width: 30.238%;}
.weixinbox dl{margin-left: -2.5%;}
.weixinbox dd{width: 30.833%; float: left; margin-left: 2.5%;}
.weixinbox dd img{display: block; width: 100%; border-radius: 0.1rem;}
.weixinbox dd p{font-size: 0.18rem; margin-top: 0.16rem; text-align: center; color: #fff;}

.Bottom{padding: 0.48rem 0;}
.Bottom .other{line-height: 0.32rem; text-align: center;}
.Bottom .other .copyright,.Bottom .other a{color: rgba(255,255,255,0.2);}
.Bottom .other i{padding: 0 0.13rem;}
.Bottom a{background: none !important;}
.Bottom img{display: inline-block; vertical-align: text-bottom; max-width: 0.3rem; margin: 0 0.05rem !important;}
.Footer a:hover{color: #fff;}

.Bottom .Link{width: 3rem; margin: 0 auto 0.15rem;}
.Bottom .Link .title{cursor:pointer; background:rgba(255,255,255,0.1); padding:0 0.12rem; position:relative; line-height:0.5rem; color:#fff;}
.Bottom .Link .xiajiantou-copy{ position:absolute; right:10px; top:0; color:#fff;transition: all ease 0.3s;}
.Bottom .Link ul{padding:0.1rem 0; position:absolute; top:-100%; width:100%; left:0; z-index:100; height: 1.14rem; overflow: auto; background:#2c2c2e; border-bottom:1px solid #464649; opacity:0; visibility:hidden;transition: all ease 0.3s;}
.Bottom .Link li{padding:0 0.1rem; line-height: 0.26rem;}
.Bottom .Link li a{ color:#fff;transition: all ease 0.3s;}
.Bottom .Link li a:hover{ color:#c81528;}
.Bottom .Link.on ul{ opacity:1; visibility:visible; top:-1.34rem;}
.Bottom .Link.on .title{ background:#424244;}
.Bottom .Link.on .title .xiajiantou-copy{
dis-moz-transform: translate(0, -3px) rotate(-180deg) !important;
-ms-transform: translate(0, -3px) rotate(-180deg) !important;
-o-transform: translate(0, -3px) rotate(-180deg) !important;
transform: translate(0, -3px) rotate(-180deg) !important;
}

/* 悬浮层 */
.FloatBox{position: fixed; width: 1.2rem; right: 0; top: 50%; margin-top: -1.18rem; text-align: center;}
.FloatBox dd{margin-bottom: 0.3rem; background: #e64a0c; padding-bottom: 0.06rem; position: relative; margin-left: 0.4rem; transition: 300ms;}
.FloatBox dd,.FloatBox dd a{border-radius: 0.5rem 0 0 0.5rem;}
.FloatBox dd .am{display: block; padding: 0.18rem 0; background-color: #ff9b43; color: #fff; background-image: linear-gradient(to bottom, #ff9b43,#ff5914);}
.FloatBox dd .am i{display: block; font-size: 0.4rem; line-height: 0.4rem;}
.FloatBox dd .am span{display: block; font-size: 0.14rem;}
.FloatBox dd:last-child,.FloatBox dd .hidebox li:last-child a{margin-bottom: 0;}
.FloatBox dd.i2{background: #9c0011;}
.FloatBox dd.i2 .am{background-color: #b10a1c; background-image: linear-gradient(to bottom, #f52238, #b40a1b);}
.FloatBox dd:hover{margin-left: 0;}
.FloatBox dd:hover .hidebox{display: block;}
.FloatBox dd .hidebox{position: absolute; top: 50%; transform: translate(0,-50%); left: -1.8rem; width: 1.5rem; padding-right: 0.3rem;}
.FloatBox dd .hidebox .box{padding: 0.2rem 0.15rem; border-radius: 0.15rem; background: #fff;}
.FloatBox dd .hidebox .box .arrow{position: absolute; width: 12px; height: 16px; right: -12px; top: 50%; margin-top: -8px; background: url(../images/arrow1.png);}
.FloatBox dd .hidebox li a{display: block; border: 1px solid #dedede; line-height: 0.38rem; text-align: center; border-radius: 0.3rem; margin-bottom: 0.1rem; background: #f2f2f2; color: #666;}
.FloatBox dd .hidebox li a:hover{border: 1px solid #c81528; background: #c81528; color: #fff;}

@media ( max-width: 1024px){
	.Footer .box{padding: 0.6rem 0;}
	.Sitepath{width: 65%;}
	.Bottom{padding: 0.25rem 0;}
	/* .FloatBox dd.i2{display: none;} */
}

@media ( max-width: 640px){
	.Footer .box{padding: 0.4rem 0;}
	.Sitepath{display: none;}
	.weixinbox{width: 70%; margin: 0 auto; float: none;}
	.Bottom .other i{padding: 0 0.05rem;}
}

@media ( max-width: 480px){
	.Footer .box{padding-bottom: 0.25rem;}
	.weixinbox{width: 100%;}
}

/*Bottom*/

/* 栏目页公用样式 */
.Ban{height: 6.5rem; text-align: center;}
.Ban .con{position: absolute; left: 0; right: 0; top: 0; bottom: 0; background: rgba(0,0,0,0.4); color: #fff; display: flex; align-items: center; justify-content: center;}
.Ban .con h2{font-size: 0.46rem; line-height: 0.48rem; margin-bottom: 0.22rem;}
.Ban .con p{font-size: 0.2rem; line-height: 0.3rem;}

.Container{min-height: 3.4rem; height: auto !important; height: 3.4rem;}

.Menus{border-bottom: 3px solid #e7e7e7; transition: 300ms;}
.Menus .title{line-height: 0.5rem; font-size: 0.22rem; background: #c81528; color: #fff; padding: 0 0.2rem; display: none;}
.Menus .title i{transition: 300ms;}
.Menus .title.on i{transform: rotate(-180deg);}
.Menus dl{font-size: 0; text-align: center;}
.Menus dd{display: inline-block; position: relative;}

.Menus dd a{display: block; line-height: 1.18rem; font-size: 0.28rem; padding: 0 0.45rem; background-image: url(../images/line.png); background-repeat: no-repeat; background-position: right center;}
.Menus dd:last-child a{background-image: none;}
.Menus dd.active a,.Menus dd:hover a{color: #c81528;}
.Menus .line{transition: all .5s ease; background-color: #c81528; height: 3px; width: 100px; position: absolute; top: 100%; color: #c81528; left: 0; box-shadow: 0px 3px 6px 0px rgba(0, 65, 255, 0.22); }
.Menus .line img {width: 0.3rem; height: 0.3rem; position: absolute; top: 50%; right: 0; margin-top: -0.15rem; z-index: 9;}
.Menus.scroll{position: fixed; left: 0; right: 0; top: 0; z-index: 1000; background: #fff; box-shadow: 0 0.1rem 0.1rem rgba(0,0,0,0.1);}
.Menus.scroll li a{line-height: 0.8rem;}

.ThreeMenu,.ThreeMenuSlider{margin: 1.1rem 0 0.86rem;}
.ThreeMenu dl{font-size: 0;}
.ThreeMenu dd{display: inline-block; margin: 0 0.15rem;}
.ThreeMenu dd a,.ThreeMenuSlider dd a{display: block; border: 1px solid #202020; border-radius: 0.1rem; line-height: 0.88rem; position: relative; min-width: 2.3rem; padding: 0 0.25rem;}
.ThreeMenu dd i,.ThreeMenuSlider dd i{position: absolute; left: 50%; bottom: -0.14rem; margin-left: -0.15rem; width: 0.3rem; height: 0.14rem; opacity: 0; background-image: url(../images/arrow2.png); background-size: 100% 100%;}
.ThreeMenu dd.on a,.ThreeMenu dd:hover a,.ThreeMenuSlider dd.on a{background: #c81528; color: #fff; border: 1px solid #c81528;}
.ThreeMenu dd.on i,.ThreeMenu dd:hover i,.ThreeMenuSlider dd.on i{opacity: 1;}

.ThreeMenuSlider dl{padding: 0 1rem;}
.ThreeMenuSlider dd{padding-bottom: 0.14rem;}
.ThreeMenuSlider dd a{margin: 0 0.5rem; text-align: center;}


.SinglePage{font-size: 0.18rem; line-height: 0.35rem; text-align: justify;}

@media ( max-width: 1440px){
	.Menus dd a{padding: 0 0.3rem;}
}

@media ( max-width: 1024px){
	.Ban{height: 4.5rem;}
	.Ban .con h2{font-size: 0.4rem; line-height: 0.5rem;}
	.Menus dd a{font-size: 0.2rem; line-height: 0.8rem;}

	.ThreeMenu,.ThreeMenuSlider{margin: 0.5rem 0;}
	.ThreeMenu dd a{min-width: auto; line-height: 0.6rem;}
	.ThreeMenuSlider dd a{line-height: 0.6rem; margin: 0 0.25rem; min-width: auto;}
}

@media ( max-width: 768px){
	.Ban{height: 3rem;}
	.Ban .con h2{font-size: 0.3rem; line-height: 0.4rem; margin-bottom: 0.05rem;}
	.Menus dd a,.Menus.scroll li a{line-height: 0.7rem;}
	.Menus dd a{padding: 0 0.15rem;}
	.ThreeMenuSlider dl{padding: 0 0.6rem;}
}

@media ( max-width: 640px){
	.Menus{position: relative; padding: 0.15rem 0;}
	.Menus .title{display: block;}
	.Menus dl{display: none; /* position: absolute; left: 0; right: 0; top: 100%; z-index: 99;*/ background: #fff; padding: 0.1rem 0; border: 1px solid #c81528;}
	.Menus dd{display: block; text-align: left;}
	.Menus dd a{font-size: 0.18rem; line-height: 0.4rem; padding: 0 0.2rem;}
	.Menus dd i,.Menus .line{display: none;}
}

@media ( max-width: 480px){
	.Ban{height: 2rem;}
	.Ban .con h2{font-size: 0.24rem; line-height: 0.3rem;}
	.Ban .con p{font-size: 0.16rem; line-height: 0.24rem;}
	.SinglePage{font-size: 0.18rem; line-height: 0.3rem;}
	.ThreeMenu,.ThreeMenuSlider{margin: 0.3rem 0;}
	.ThreeMenu dd{margin: 0 0.05rem;}
	.ThreeMenu dd a{padding: 0 0.1rem; line-height: 0.45rem; font-size: 0.18rem;}
	.ThreeMenuSlider dl{padding: 0 0.5rem;}
	.ThreeMenuSlider dd a{margin: 0 0.05rem;}
}

/* 首页动画 */
.active .ani1{
    animation:fadeInUp 1s .4s ease both;
    -webkit-animation:fadeInUp 1s .4s ease both;
    -moz-animation:fadeInUp 1s .4s ease both;
}
.active .ani2{
    animation:fadeInUp 1s .8s ease both;
    -webkit-animation:fadeInUp 1s .8s ease both;
    -moz-animation:fadeInUp 1s .8s ease both;
}
.active .ani3{
    animation:fadeInUp 1s 1.2s ease both;
    -webkit-animation:fadeInUp 1s 1.2s ease both;
    -moz-animation:fadeInUp 1s 1.2s ease both;
}
.active .ani4{
    animation:fadeInUp 1s 1.6s ease both;
    -webkit-animation:fadeInUp 1s 1.6s ease both;
    -moz-animation:fadeInUp 1s 1.6s ease both;
}
.active .ani5{
    animation:fadeInUp 1s 2s ease both;
    -webkit-animation:fadeInUp 1s 2s ease both;
    -moz-animation:fadeInUp 1s 2s ease both;
}

.active .ani6{
    animation:zoomIn 1s 1.2s ease both;
    -webkit-animation:zoomIn 1s 1.2s ease both;
    -moz-animation:zoomIn 1s 1.2s ease both;
}

.active .ani1_1{
    animation:fadeInLeft 1s .4s ease both;
    -webkit-animation:fadeInLeft 1s .4s ease both;
    -moz-animation:fadeInLeft 1s .4s ease both;
}
.active .ani1_2{
    animation:fadeInRight 1s .8s ease both;
    -webkit-animation:fadeInRight 1s .8s ease both;
    -moz-animation:fadeInRight 1s .8s ease both;
}

@-webkit-keyframes scale-bg{
	0%{
		-webkit-transform:scale(1);
		transform:scale(1);
	}
	100%{
		-webkit-transform:scale(1.1);
		transform:scale(1.1);
	}
}
@keyframes scale-bg{
	0%{
		-webkit-transform:scale(1);
		transform:scale(1);
	}
	100%{
		-webkit-transform:scale(1.1);
		transform:scale(1.1);
	}
}

@media ( max-width: 1200px){
	.active .ani{animation: none;}
}

/* 通用样式 */
.f18{font-size: 0.18rem; line-height: 0.3rem;}
.f20{font-size: 0.2rem; line-height: 0.3rem;}
.f24{font-size: 0.24rem; line-height: 0.3rem;}
.f26{font-size: 0.26rem;}
.f30{font-size: 0.3rem; line-height: 0.32rem;}
.f35{font-size: 0.35rem; line-height: 0.42rem;}
.f40{font-size: 0.4rem; line-height: 0.45rem;}
.Title01 i{display: block;width: 0.7rem; height: 3px; background: #c81528; margin-bottom: 0.35rem;}
.Title01.tc i{margin-left: auto; margin-right: auto;}
.Title01 em{display: block; font-size: 0.75rem; line-height: 0.78rem;}
.Title01 .ins{margin-top: 0.15rem;}
.Title01.whitetxt i{background: #fff;}
.Title02 p{font-size: 0.2rem; line-height: 0.3rem; margin-top: 0.1rem;}

.ptb82{padding: 0.82rem 0;}
.ptb119{padding: 1.1rem 0 0.9rem;}
.pt82{padding-top: 0.82rem;}
.mb20{margin-bottom: 0.2rem;}
.mb25{margin-bottom: 0.25rem;}
.mb38{margin-bottom: 0.38rem;}
.mb56{margin-bottom: 0.56rem;}
.mb78{margin-bottom: 0.78rem;}
.mr70{margin-right: 0.7rem;}
.pb100{padding-bottom: 1rem;}
.pb150{padding-bottom: 1.5rem;}

.mores,.CommonMore{font-size: 0.18rem;}
.mores span,.CommonMore span{display: inline-block; vertical-align: middle;}
.mores .iconfont,.CommonMore i{font-size: 0.28rem; font-weight: bold;width: 0.2rem;}
.mores{color: #c81528; line-height: 0.3rem;}
.CommonMore{display: block; width: 2rem; line-height: 0.7rem; background: #c81528; color: #fff !important; border-radius: 0.1rem; text-align: center;}
.CommonMore a{color: #fff !important; }

.CommonMore img{display: inline-block; vertical-align: middle; margin-right: 0.1rem; width: 0.25rem;}
.CommonMore.whitebg{background: none; border: 2px solid rgba(255,255,255,0.3);}
.CommonMore.whitebg:hover{background: #fff; color: #c81528 !important;}

@media ( max-width:1450px){ 
    .f40{font-size: 0.34rem;}
}

@media ( max-width: 1024px){
	.mb38{margin-bottom: 0.25rem;}
	.mb56,.mb78{margin-bottom: 0.3rem;}
	.pb150,.pb100{padding-bottom: 0.5rem;}
	.f35,.f40{font-size: 0.3rem; line-height: 0.36rem;}
	.f26,.f30{font-size: 0.24rem;}
	.Title01 i{margin-bottom: 0.15rem; width: 0.4rem;}
	.Title01 em{font-size: 0.6rem; line-height: 0.65rem;}
}

@media ( max-width: 768px){
    .ptb82,.ptb119{padding: 0.5rem 0;}
	.pt82{padding-top: 0.5rem;}
	.mb20{margin-bottom: 0.1rem;}
	.mb25{margin-bottom: 0.15rem;}
}

@media ( max-width: 640px){
	.CommonMore{width: 1.5rem; line-height: 0.5rem;}
    .ptb82{padding: 0.3rem 0;}
	.pt82{padding-top: 0.3rem;}
	.pb150,.pb100{padding-bottom: 0.3rem;}
	.f35,.f40{font-size: 0.22rem; line-height: 0.3rem;}
	.f24,.f26,.f30{font-size: 0.2rem;}
}

@media ( max-width: 480px){
	.f18{font-size: 0.16rem; line-height: 0.24rem;}
	.f20{font-size: 0.18rem;}
	.mb56,.mb78{margin-bottom: 0.25rem;}
	.Title01 .ins{margin-top: 0.1rem;}
	.Title01 em{font-size: 0.45rem; line-height: 0.5rem;}
	.Title02 p{font-size: 0.18rem; line-height: 0.24rem;}
}