*{
	font-family: "黑体";
}
.banner{
	width: 100%;
	height: auto;
}
.banner img{
	width: 100%;
	height: auto;
}
@media only screen and (min-width:701px ) {
	.bottom_header{
	height: 0.6rem;
   }
   .right_icon{
	right: 15%;
	line-height: 0.6rem;
}
}
.bottom_header{
	width: 100%;
}
@media only screen and (max-width:700px ) {
	.bottom_header{
	height: 1.5rem;
	line-height: 1.5rem;
}
.right_icon{
	right: 5%;
	line-height: 1.5rem;
}
}
.bottom_header a{
	color: #333333;
}
.left_logo{
	position: absolute;
	left: 15%;
	top: 0;
	font-size: 0.35rem;
	color:#F5B800 ;
	font-weight: bold;
}

.right_icon{
	position: absolute;

}
.right_icon>span{
	float: left;
}
.right_icon img{
	 margin: -0.05rem 0.1rem 0 0.3rem
}
.model{
	width: 100%;
	height:auto;
}
.model1 .icon_box{
    width: 30%;
    position: absolute;
    left: 22%;
    top: 20%;
    z-index: 999;
}
.bg_img{
	width: 100%;
	height: auto;
}
.model2 .text_box{
	width: 100%;
	position: absolute;
	left: 0;
	top: 12%;
	text-align: center;
}
.model2 .text_box>p:nth-of-type(1){
	font-size: 0.6rem;
	color: #fff;
	font-weight: bold;
	
}
.model2 .text_box>p:nth-of-type(2){
	font-size: 0.22rem;
	color: #fff;
}
.model3 .text_box,.model4 .text_box,.model5 .text_box,.model7 .text_box,.model11 .text_box,.model10 .text_box{
	width: 100%;
	height: 40%;
	position: absolute;
	top: 14%;
	text-align: center;
}
.model3 .text_box>p:nth-of-type(1),.model4 .text_box>p:nth-of-type(1),.model5 .text_box>p:nth-of-type(1),.model7 .text_box>p:nth-of-type(1),.model8 .text_box>p:nth-of-type(1),.model9 .text_box>p:nth-of-type(1),.model10 .text_box>p:nth-of-type(1),
.model11 .text_box>p:nth-of-type(1),.model12 .text_box>p:nth-of-type(1),.model13 .text_box>p:nth-of-type(1),.model14 .text_box>p:nth-of-type(1),.model17 .text_box>p:nth-of-type(1),
.model18 .text_box>p:nth-of-type(1),.model19 .text_box>p:nth-of-type(1),.model21 .text_box>p:nth-of-type(1),.model22 .text_box>p:nth-of-type(1){
	font-size: 0.45rem;
	font-weight: bold;
}

.model3 .text_box>p:nth-of-type(2),.model4 .text_box>p:nth-of-type(3),.model5 .text_box>p:nth-of-type(2),.model5 .text_box>p:nth-of-type(3),.model7 .text_box>p:nth-of-type(2),.model8 .text_box>p:nth-of-type(2),
.model9 .text_box>p:nth-of-type(2),.model10 .text_box>p:nth-of-type(2),.model11 .text_box>p:nth-of-type(3),.model20 .text_box>p:nth-of-type(2),.model21 .text_box>p:nth-of-type(2),
.model21 .text_box>p:nth-of-type(3),.model22 .text_box>p:nth-of-type(2){
	font-size: 0.22rem;
	text-align: center;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
}
.model3 .icon_box,.model4 .icon_box{
	width: 40%;
	margin:1% auto;
}
.model3 .icon_box>.img_box,.model4 .icon_box>.img_box{
	float: left;
	width: 30%;
}
.model3 .icon_box>.img_box>img,.model4 .icon_box>.img_box>img{
	width: 40%;
	margin: 0 auto 0.1rem auto;
	display: block;
}
.model3 .icon_box>.img_box:nth-of-type(2),.model4 .icon_box>.img_box:nth-of-type(2){
	margin-left: 5%;
	margin-right: 5%;
}
.model3 .icon_box2{
	width: 55%;
	margin: auto;
}

p{
	margin:0!important;
}

.model3 .text_box .icon_box>.img_box>p,.model4 .text_box .icon_box>.img_box>p{
	font-size: 0.22rem;
	text-align: center;
	margin: 0;
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
}
.model4 .icon_box2{
	width: 100%;
	margin:2% auto;
}
.model4 .icon_box2>img{
	width: 33%;
	margin: 0 33%;
}
.model4 .text_box>p:nth-of-type(2),.model11 .text_box>p:nth-of-type(2){
	font-size: 0.35rem;
}
.model5 .icon_box{
	width: 50%;
	margin: 2% 20%;
}
.model5 .icon_box>img{
	width: 100%;
}
.model6 .icon_box{
    width: 60%;
    position: absolute;
    top: 35%;
    left: 20%;
}
.model7 .icon_box{
    width: 40%;
    margin: 2% auto;
}
.model8 .icon1{
	position: absolute;
	left: 36%;
	width: 10%;
	top: 50%;
}
.model8 .icon2{
	position: absolute;
	left: 50%;
	width: 30%;
	top: 50%;
}
.model8 .icon3{
	width:40% ;
	position: absolute;
	left: 30%;
	top: 30%;
}
.model8 .text_box,.model9 .text_box,.model12 .text_box,.model13 .text_box,.model14 .text_box,.model21 .text_box,.model22 .text_box{
	width: 100%;
	height: 40%;
	position: absolute;
	top: 8%;
	text-align: center;
}
.model9 .icon1{
	width:40% ;
	position: absolute;
	left: 30%;
	top: 30%;
}
.model10{
	background-image: url(../img/bg_10.jpg);
	width: 100%;
	height: 8rem;
	background-size: 100% 100%;
	background-position: center center;
	background-repeat: no-repeat;
}
.model10box{

	width: 100%;
	height: 8rem;

}
  .model10_bg{
  	position: absolute;width: 100%;
  	height: auto;
  	top: 0;
  	left: 0;
  }
.model10-swipper{
	width: 100%;
	height: 6.7rem;
}

.icon2-play1{
	position: absolute;
    left: 29.125%;
    top: 20%;
    width: 6%;
    height: 80%;
}
.icon2-play2{
	position: absolute;
    left: 40.125%;
    top: 20%;
    height: 80%;
    width: 6%;
}
.icon2-play3{
	position: absolute;
    left: 50.125%;
    top: 20%;
    height: 80%;
    width: 6%;
}
.icon2-play4{
	position: absolute;
    left: 60.525%;
     top: 20%;
    height: 80%;
    width: 6%;
}
.icon2-play5{
	position: absolute;
    left: 70.825%;
     top: 20%;
    height: 80%;
    width: 6%;
}
.icon2-play6{
	position: absolute;
    left:80.125%;
     top: 20%;
    height: 80%;
    width: 6%;
}
.icon2-play1 img,.icon2-play2 img,.icon2-play3 img,.icon2-play4 img,.icon2-play5 img,.icon2-play6 img{
	width: 100%;
}
.model10{
	
	width: 100%;

}
.finger{
	display: block;
	position: absolute;
	top: 100%;
	left: 58%;
	z-index: 99999;
	width:15%
}
.model10-icon1{
	position: relative;
	top: 1.0rem;
	left: 23.25%;
	width: 53.5%;
}
.model10-icon2{
	position: absolute;
	top: 60%;
	left: 39%;
	height: 44%;
	width: 22.5%;
}
.model10 .icon2{
   position: absolute;
    top: 27%;
    left: 0;
    height: 15%;
    width: 100%;
}
.model11 .icon_box{
	width:40% ;
	position: absolute;
	left: 30%;
	top: 65%;
}
.model11 .icon_box img{
	width: 100%;
}
.model12 .icon1{
	position: absolute;
	bottom:10% ;
	width: 60%;
	left: 20%;
}
.model12{
	    z-index: 99999;
}
.model12 .text_box{
	color: #fff;
}
.model13 .icon1{
	position: absolute;
	top:60% ;
	left: 25%;
	width: 5%;
}
.model13 .text_box2{
    width: 40%;
    position: absolute;
    top: 56%;
    left: 40%;
    font-size: 0.1rem;
    max-height: 15%;
    overflow: hidden;
}
.model13 .text_box2:after{
content: "...."; color:#000; 
position: absolute;
 bottom: 0; 
 right: 0; 
 padding-left:60px;
background: -webkit-linear-gradient(left, transparent, #C4E2D870%);
background: -o-linear-gradient(right, transparent, #C4E2D8 70%);
background: -moz-linear-gradient(right, transparent, #C4E2D8 70%);
background: linear-gradient(to right, transparent,#C4E2D8 70%);
}
.model14 .icon1{
    position: absolute;
    width: 30%;
    left: 35%;
    top: 22%;
}
.box1{
	width: 20%;
    left: 0;
    margin: 17% 0 0 15%;
    float: left;
    overflow: hidden;
}
.box1 p:nth-of-type(1),.box2 p:nth-of-type(1),.box3 p:nth-of-type(1){
	font-size: 0.25rem;
    width: 100%;
    text-align: center;
    position: absolute;
    top: 55%;
    font-weight: bold;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}
.box1 p:nth-of-type(2),.box2 p:nth-of-type(2),.box3 p:nth-of-type(2){
	font-size: 0.22rem;
    line-height: 0.3rem;
    position: absolute;
    top: 65%;
    padding: 0 0.1rem;
}
.box2{
	width: 20%;
    left: 0;
    margin: 27% 0 0 2%;
    float: left;
    overflow: hidden;
}
.box3{
	width: 20%;
    left: 0;
    margin: 17% 0 0 2%;
    float: left;
    overflow: hidden;
}
.model14{
	background:#F3F4F8;
}
.model15 .icon1{
    position: absolute;
    top: 45%;
    left: 32%;
    width: 5%;
}
.model15 .icon2{
	position: absolute;
	top: 45%;
	right: 32%;
	width: 5%;
}
.model15 .icon3{
	position: absolute;
	top: 56%;
	left: 25%;
	width: 23%;
	font-size: 0.22rem;
}
.model15 .icon3>p,.model15 .icon4>p{
	display: -webkit-box;
   -webkit-box-orient: vertical;
   -webkit-line-clamp: 2;
   overflow: hidden;
}
.model15 .icon3>img,.model15 .icon4>img{
	width: 100%;
	height: auto;
}
.model15 .icon4{
	position: absolute;
	top: 55.5%;
	right: 25%;
	width: 23%;
	font-size: 0.22rem;
}
.model15 .icon5{
	position: absolute;
    top: 59%;
    right: 45%;
    width: 5%;
}
.model15 .text_box{
	width: 30%;
    position: absolute;
    font-size: 0.45rem;
    top: 25%;
    left: 35%;
    text-align: center;
    color: #000;
    z-index: 999;
	
	
}
.model16{
	background: #F3F4F8;
}
.model16 .text_box{
	width: 100%;
	text-align: center;
	font-size: 0.45rem;
	padding-top: 4%;
}
.model16 .icon_new{
	position: absolute;
	top: 0;
	right: 0;
	width: 20%;
    z-index: 999;
}
.model16 .icon1{
	margin: 0.45rem 10% -0.45rem 35%;
    display: block;
    width: 45%;
}
.box_section{
	width: 70%;
    margin: 0 15% 3%;
    height: auto;
    float: left;
}
.box_section>div{
	float: left;
	width: 33%;
	overflow: hidden;
}

.box_section>div>p{
	position: absolute;
	padding: 2%;
}
.box_section>div>p:nth-of-type(1){
	font-size: 0.2rem;
	text-align: center;
	top: 55%;
	width: 90%;
	font-weight: bold;
	white-space: nowrap;
	text-overflow: ellipsis;
	overflow: hidden;
}
.box_section>div>p:nth-of-type(2){
	font-size: 0.22rem;
    line-height: 0.3rem;
    position: absolute;
    top: 65%;
    padding: 0 0.1rem;
    width: 92.3%;
}
.model17 .text_box,.model18 .text_box{
	width: 100%;
	text-align: center;
	padding: 3% 0 1%;
}
.model17 .icon1,.model18 .icon1{
	width:70%;
	margin: 0 15%;
	padding: 0 0 5% 0;
}
.model17 .text_box1,.model18 .text_box1{
    width: 20%;
    text-align: center;
    position: absolute;
    top: 50%;
    left: 17%;
    font-size: 0.2rem;
    font-weight: bold;
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
}
.model17 .text_box2,.model18 .text_box2{
	width:20%;
	text-align: center;
	position: absolute;
	top: 50%;
	left: 40%;
	font-size: 0.2rem;
	font-weight: bold;
	white-space: nowrap;
	text-overflow: ellipsis;
	overflow: hidden;
}
.model17 .text_box3,.model18 .text_box3{
	width:20%;
	text-align: center;
	position: absolute;
	top: 50%;
	left: 63%;
	font-size: 0.2rem;
	font-weight: bold;
	white-space: nowrap;
	text-overflow: ellipsis;
	overflow: hidden;
}
.model17 .text_box4,.model18 .text_box4{
	position: absolute;
	width: 100%;
	top: 45%;
	left: 0;
	font-size: 0.45rem;
	text-align: center;
}
.model17 .text_box5,.model18 .text_box5{
	position: absolute;
	width: 20%;
	top: 92%;
	left: 17%;
	font-size: 0.2rem;
	text-align: center;
	font-weight: bold;
	white-space: nowrap;
	text-overflow: ellipsis;
	overflow: hidden;
}
.model17 .text_box6,.model18 .text_box6{
	position: absolute;
	width: 20%;
	top: 92%;
	left: 40%;
	font-size: 0.2rem;
	text-align: center;
	font-weight: bold;
	white-space: nowrap;
	text-overflow: ellipsis;
	overflow: hidden;
}
.model17 .text_box7,.model18 .text_box7{
	position: absolute;
	width: 20%;
	top: 92%;
	left: 64%;
	font-size: 0.2rem;
	text-align: center;
	font-weight: bold;
}
.model18{
	background: #F3F4F8;
}
.model19 .text_box{
	position: absolute;
	top: 8%;
	width: 100%;
	text-align: center;
}
.model19 .text_box1{
	position: absolute;
	width: 20%;
	left: 25%;
	top: 25%;
	text-align: center;
}
.model19 .text_box2{
	position: absolute;
	width: 20%;
	top: 25%;
	left:55%;
	text-align: center;
}
.model19 .text_box1>p:nth-of-type(1),.model19 .text_box2>p:nth-of-type(1){
	font-size:0.35rem ;
}
.model19 .text_box1>p:nth-of-type(2),.model19 .text_box1>p:nth-of-type(3),.model19 .text_box2>p:nth-of-type(2),.model19 .text_box2>p:nth-of-type(3){
	font-size:0.22rem ;
}
.model19 .icon1{
	width: 40%;
	position: absolute;
	bottom: 5%;
	left: 30%;
}
.model20{
	padding-bottom: 7%;
    padding-top: 3%;
}
.model20 .con_bg{
	width: 50%;
	left: 25%;
}
.model20 .icon3{
	width: 60%;
	left: 20%;
	margin: 2% 0;
}
.model20 .text_box>p:nth-of-type(1){
	font-size: 0.45rem;
	text-align: center;
}
.model20 .icon1{
	position: absolute;
	bottom: 5%;
	left:35% ;
	width: 13%;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
}
.model20 .icon2{
	position: absolute;
	bottom: 5%;
	left:50% ;
	width: 13%;
}
.model20 .icon1>img,.model20 .icon2>img{
	width: 100%;
}
.model20 .icon1>p,.model20 .icon2>p{
	width: 100%;
	text-align: center;
	font-size: 0.2rem;
	font-weight: bold;
	 white-space: nowrap;
	text-overflow: ellipsis;
	overflow: hidden;
}
.model21 .icon1,.model22 .icon1{
	width: 36%;
	position: absolute;
	bottom: 0%;
	left: 32%;
}
.model23 .text_box{
	width: 30%;
	position: absolute;
	top:16%;
	left: 22%;
	display: -webkit-box;
	-webkit-box-orient:vertical ;
	-webkit-line-clamp: 2;
	overflow: hidden;
}
.model23 .text_box>p:nth-of-type(1){
	font-size: 0.45rem;
	margin-left: 20%;
	margin-bottom: 0;
}
.model23 .text_box>p:nth-of-type(2){
	margin-left: 20%;
	font-size: 0.45rem;
	color: #6F7781;
}
.model23 .text_box>p:nth-of-type(3){
	font-size: 0.22rem;

}
.model23 .icon1{
	position: absolute;
    top: 40%;
    left: 19%;
	
}
.model23 .icon1>p>span{
	float: left;
	line-height: 1rem;
}
.model23 .icon1>p>span>img{
	width: 0.45rem;
	margin-right: 0.1rem;
}
.model24 .text_box{
	margin: 0.45rem auto;
	width: 100%;
	
}
.model24 .text_box>p:nth-of-type(1){
	text-align: center;
	font-size: 0.6rem;
	font-weight: bold;
}
.model24 .icon1{
	margin: 0 auto;
    display: block;
    width: 40%;
}
.model24 .icon2{
    margin: 0.45rem 15%;
    width: 70%;
    height: auto;
    float: left;
}
.model24 .icon2>div{
	width: 46%;
	margin: 0.01rem 2%;
	float: left;
	background:#E9EEF4 ;
	line-height:0.6rem;
}
.model24 .icon2>div>div{
	float: left;
	font-size: 0.18rem;
	color: #80878F;
	
}
.model24 .icon2>div>div:nth-of-type(1){
	width:10% ;
	background: #DDE5F0;
}
.model24 .icon2>div>div:nth-of-type(2){
	padding-left: 0.2rem;
	width: 90%;
	text-overflow: ellipsis;
	overflow: hidden;
	white-space: nowrap;
}
.model24 .icon2 img{
width: 100%;
}