@charset "utf-8";
/* CSS Document */
html{color:#000;-webkit-text-size-adjust: 100%;-ms-text-size-adjust: 100%;font-size: 62.5%;background:#fff;}
body{font-family: 'Microsoft YaHei';}
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,legend,input,textarea,p,blockquote,th,td,hr,button,article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section {margin:0;padding:0;}
ol,ul,li {list-style:none;}.fl,.fr {_display:inline;}.fl{float:left;}.fr {float:right;}
body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, code, form, fieldset, legend, input, textarea, p, blockquote, th, td, hr, button, article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section{margin: 0;padding: 0;}
ol, ul, li{list-style: none;}
h1,h2{ font-weight:normal}
em,i{ font-style:normal}
a{text-decoration: none;display:inline}
img{border:none; width:100%; display:block}
.fl, .fr{_display: inline;}
.fl{float: left;}
.fr{float: right;}
.cl { clear:both;}
.cl:after { content:"."; visibility:hidden; height:0; font-size:0; display:block; clear:both;}
.mt80{ margin-top:0.6rem;}
.pr{ position:relative;}
html, body {position: relative; height: 100%; } 
body {background: #fff; font-size:0.24rem; color:#000; margin: 0; padding: 0; } 
.swiper-container { width: 100%; height: 100%; }

.swiper-slide { /* Center slide text vertically */ position: relative;
display: -webkit-box; display: -ms-flexbox; display: -webkit-flex; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; -webkit-justify-content: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; -webkit-align-items: center; align-items: center; background:#fff; }
.content{ margin-top:-1rem;}
@-webkit-keyframes start {
	0%,30% {opacity: 0;-webkit-transform: translate(0,10px);}
	60% {opacity: 1;-webkit-transform: translate(0,0);}
	100% {opacity: 0;-webkit-transform: translate(0,-8px);}
}
@-moz-keyframes start {
	0%,30% {opacity: 0;-moz-transform: translate(0,10px);}
	60% {opacity: 1;-moz-transform: translate(0,0);}
	100% {opacity: 0;-moz-transform: translate(0,-8px);}
}
@keyframes start {
	0%,30% {opacity: 0;transform: translate(0,10px);}
	60% {opacity: 1;transform: translate(0,0);}
	100% {opacity: 0;transform: translate(0,-8px);}
}
/*标题*/
.tt{ width:6.68rem; height:0.76rem; margin:0 auto 0.4rem;}

/*首页*/
.bg1{ background:url(../img/part1.jpg) no-repeat center; background-size:100%;}
.bg2{ background:url(../img/part2.jpg) no-repeat center; background-size:100%;}
.top-logo{ width:1.79rem; height:1.46rem; margin-left:0.15rem;}
.top-theme{ width:7.5rem; height:2.76rem; margin:0 auto;}
.top-txt{ width:6.8rem; margin:0 auto; background:url(../img/opacity.png); padding:0.2rem;}
.top-txt p{ text-indent:2em; color:#fff; font-size:0.24rem; line-height:0.38rem;}

.part2{ width:6.2rem; margin:0 auto;}
.part2 li{ width:2.81rem; margin-bottom:0.68rem;}
.part2 li:nth-child(odd){ float:left;}
.part2 li:nth-child(even){ float:right;}
.part2 li img{ width:2.81rem; height:2.4rem; margin-bottom:0.1rem;}
.part2 li a{ display:block; width:1.46rem; height:.36rem; background:url(../img/part2-btn.png) no-repeat; background-size:100%; margin:0 auto;}

.slide{ width:7.3rem; margin:0 auto;}
.slide .hd ul{ width:100%; text-align:center; padding-bottom:0.7rem; font-size:0;}
.slide .hd ul li{ width:1.14rem; border:0.01rem solid #fff; display:inline-block; color:#fff; text-align:center; line-height:0.48rem; font-size:0.24rem; margin:0 0.02rem}
.slide .hd ul li.on{ background:#ec0000; border:0.01rem solid #ec0000;}
.slide .hd{ width:7.3rem; overflow:hidden;}
.slide .bd ul li img{ width:7.1rem; height:3.75rem; margin:0 auto;}
.slide .bd ul li dl{ padding:0.2rem;}
.slide .bd ul li dt{ font-size:0.24rem; color:#fff;}
.slide .bd ul li dd{ color:#fff; font-size:0.24rem; line-height:0.4rem; text-indent:2em; text-align:justify;}
.slide .bd ul li dd b{ color:#ffd956}
.slide .bd ul li:nth-of-type(1) img{ width:4.24rem; height:4.04rem; margin:0 auto;}
.slide .bd ul li .cl{ width:6.1rem; margin:.2rem auto 0;}
.slide .bd ul li .cl p{ color:#fff; font-size:0.24rem; line-height:0.4rem;}
.slide .bd ul li .cl p b{ color:#ffd956}
.slide .bd ul li .cl p:nth-of-type(odd){ width:50%; float:left;}
.slide .bd ul li .cl p:nth-of-type(even){ width:50%; float:right;}
.slide .bd ul li .cl p:nth-of-type(7),.slide .bd ul li .cl p:nth-of-type(8){ width:100%;}

.part6 ul{ width:6rem; text-align:center;}
.part6 ul li{ font-size:0.24rem; line-height:.34rem; color:#fff;}
.part6 .cl{ width:3.4rem; margin:0 auto;}
.part6 .cl .fl,.part6 .cl .fr{ width:1.5rem; margin:0.3rem 0.1rem 0; text-align:center;}
.part6 dl{ width:6.7rem; margin:0.4rem auto 0; color:#fff;}
.part6 dl dt{ font-size:0.3rem; font-weight:bold; width:100%; text-align:center; margin-bottom:0.2rem;}
.part6 dl dt i{ color:#fe0000;}
.part6 dl dd{ font-size:0.24rem; text-indent:2em; line-height:0.45rem;}

.fix-nav{ width:1.08rem; height:1.08rem; position:fixed; right:0.1rem; top:1.18rem; z-index:9;}
/*兼容屏幕宽度750*/
@media only screen and (min-width:1601px) and (max-width:2047px){
	html{ font-size:100px!important}
	body{ max-width:750px; margin:0 auto; }
}
@media only screen and (min-width: 1025px){
	body {width: 100% !important;margin: 0 auto;}
}

@media only screen and (max-width: 375px){
	.slide .bd ul li .cl{ width:7rem;}
	.slide .hd ul li{ width:1.1rem}
	
}