h1,h4,h3,h2,h6,span,p,div{
font-family: "微软雅黑"
}
.padding_p{
padding: 0 3%
}
.xiao{
font-size: 18px !important;
font-weight: 400 !important;
line-height: 150%
}
.da{
font-size: 32px !important;
font-weight: 400 !important;
line-height: 130%
}
.d2{
	width: 1920px;
margin: 0 auto;

}
/*
.d2 li{
	position: relative;
	text-align: center;
}
*/
.dd{
	padding-top:110px; 
}
.dd li{
	width: 100%;
    height: auto;
    float: right;
    overflow: hidden;
    position: relative;
    z-index: 50;
    transition: all .4s;
}

.ce {
    text-align: center;
    position: absolute;
    top: 0;
    left: 50%;
    width: 100%;
    margin-left: -50%;
    height: 100%;
    background: rgba(0,0,0,.5 );
}
.ce p{
	margin-top: 32px;
	width: 200px;
	text-align: center;
	line-height: 35px;
    color: #F3F3F3;
	font-size: 22px;
	text-align: center;
}

.appearance-i .d3_{
	    
    margin: 0 auto;
    max-width: 1920px;
    padding-bottom: 120px;
    overflow: hidden;
    position: relative;
	padding-top:0; 
}
/*
.w1222 li  {
    max-width: 179%;
    transition: all .3s;
    -webkit-transition: all .3s;
}
*/
.d3{
margin: 0;
padding-top:2%;
padding-bottom: 3%;
}
.d3 li{
margin: 5% 10%; 
width:80%;
height: 20%
}
.d3 li img{
width:40%
}
.d3 li div{
text-align: center;
margin: 0;
margin-top:3%;  
width: 50%;
float: right;
margin-left:10% ;
font:500 20px "微软雅黑";
}
.d3 li div h3{
font:600 22px "微软雅黑";
margin-bottom:4%;
color:#dc201d;
}

.control-b{
font-size:1rem !important
}
.kong14{
position: relative !important
}
.kong14 div{
position: absolute !important;
left:25%;
top:50%;
}
.kong14 div h1{
font:400 0.8rem "微软雅黑";
color:#fff
}
.kong14 div h4{
font:400 0.4rem "微软雅黑"
}
.page20{
padding:10% 0 10% 15%
}
.page20 div{
width:40%;
float: left
}
.page21,.pos21,.pos22,.pos23,.dongli22{
clear: both;
position: relative
}
.page21 div{
position: absolute;
top:20%;
left: 3%
}
.dongli22 div{
position:absolute;
top:10%;
left:3%;
width: 30%
}
.pos22 div{
position:absolute;
top:10%;
left:8%;
width: 30%
}
.pos21 div{
position:absolute;
top:1%;
left:1%;
width: 30%
}
.pos23 div{
position:absolute;
top:30%;
left:10%;
width: 30%
}
.kong_a37717{
display: flex;
flex-flow: wrap;
padding:0% 10% 10%;
background: #000
}
.kong_a37717 div{
padding:0 3%;
color:#fff;
width:50%
}
.kong_a37717 div h1{
padding-top: 5%
}
.kong_a37718{
background: #000;
text-align: center;
color:#fff;
padding: 5% 0%
}
.kong_a37718>div{
padding:1% 0%; 
display: flex;
flex-flow: wrap;
margin-left: 17%
}
.kong_a37718>div div{

width:40%
}
.kong_a37718>div div img{
margin-bottom:2%; 
border: 4px solid #fff;}
.waiguan_o37714{
width:100%;background: #dff1fc;display: flex;flex-wrap: wrap
}
.waiguan_o37714 div{
width:50%;padding: 3% 0% 2% 2%;
}
.waiguan_y37714{
width: 100%;
padding: 1% 5%;
display: flex;
flex-flow: wrap
}
.waiguan_y37714 div{
width: 50%;
text-align: center;
margin-bottom: 1%
}
.waiguan_q37714{
text-align: center;width: 100%;padding: 3% 3%;
background: #0d100e;
color:#fff
}
.caokong37713{
width: 100%;
display: flex;
flex-flow: wrap
}
.caokong37713 div{
width: 50%;
padding: 3%;
text-align: center;
}
.caokong37713 div h4{
color:#000
}
.pos22 div h1{font:400 0.8rem "微软雅黑";color:#fff;margin-top: 2%}
.pos22 div h4{font:400 0.5rem "微软雅黑";color:#fff}
.pos21 div h1,.pos23 div h1{font:400 1rem "微软雅黑";color:#000;margin-top: 2%}
.pos21 div h4,.pos23 div h4{font:400 0.5rem "微软雅黑";color:#000}
.page21 div h1,.dongli22 div h1{font:400 0.8rem "微软雅黑";color:#fff}
.page21 div h4,.dongli22 div h4{font:400 0.5rem "微软雅黑"}
.appearance-iul{
margin: 0;
margin-left:4%;
margin-right:10%
}
 .waiguan_d37714{
 display: flex;
 flex-flow: wrap
 }
 
 .waiguan_a37714,.waiguan_p37714{
 display: flex;
 flex-flow: wrap;
 }
  .waiguan_p37714 div img{
  width: 100%
  }
 .waiguan_p37714 div{
 text-align: center;
 width: 50%;
 border-top: 2px solid #fff;
  border-right: 2px solid #fff;
   border-bottom: 2px solid #fff;
   background: #002d49;
   color:#fff
 }
 .waiguan_a37714 div{
 text-align: center;
 width: 50%;
 border-top: 2px solid #fff;
  border-right: 2px solid #fff;
   border-bottom: 2px solid #fff;
   background: #002d49;
   color:#fff
 }
 
.waiguan_z37714{
border-right: 0px solid #fff  !important
}
.waiguan37721{
width: 100%;
display: flex;
flex-flow: wrap;
background: #eeeeee;
}
.waiguan37721 div{
color:#000;
width: 33.3%;text-align: center;
padding: 2% 2% 1% 
}
.waiguan37721 div h4{
color:#000
}
.kong_z37721{
 background: #002d49;color:#fff;text-align: center;padding: 2% 0%;
 display: flex;
 flex-flow: wrap;
 text-align: center
}
.kong_z37721 div{
width: 50%
}

.kong_z37721 h4{
margin-bottom:2%
}
.gailan37720{
width: 100%;
display: flex;
flex-flow: wrap;
}
.gailan37720 div{
text-align: center;
padding: 3%;
width: 50%
}
.gailan_e37714{
margin-left: 20%
}
 .waiguan37718 div img{
 width: 40%
 }
 .waiguan_li37721,.waiguan_li3{
 display: flex;
 flex-flow: wrap;
 width: 100%;
 background: #f6f6f6
 }
 .waiguan_li3 div{width: 50%;text-align: center;color:#fff;background: #002d49}
  .waiguan_li37721 div{
  width: 25%;
  text-align: center;
  
  }
  .waiguan_li37721 div h4{
  color:#000
  }
   .waiguan_li37721 div img{
   width: 100%
   }
    .caokong_li1{
	width: 100%;
	display: flex;
	flex-flow: wrap;
	background: #013857;
	padding: 4% 0%
	}
	.caokong_li1 h1{
	width: 100%;
	text-align: center;
	color: #fff
	}
	.caokong_li1 h4{
	width: 100%;
	text-align: center
	}
	.caokong_li1 p{
	width: 100%;
	color: #fff;
	text-align: center
	}
	.caokong_li1 div{
	width: 25%;
	color: #fff;
	text-align: center;
	border-right: 1px solid #fff;
	padding: 0% 2%;
	margin-top: 2%
	}
/*轮播图*/
.banner {
	width:800px;
	height:500px;
	margin:100px auto;
	position:relative;
	overflow:hidden;
	z-index:1;
}

/*
.img {
	position:absolute;
	top:5%;
	left:0;
}
*/

.des {
	position:absolute;
	bottom:0;
	left:0;
	z-index:-2;
	background:rgba(0,0,0,.4)
}
.des li {
	float:left;
	width:1200px;
}
.img li {
	float:left;
}
.img li h1{
padding:4% 0;
font:400 0.5rem "微软雅黑"
}
.num1{
position: relative;
}
.num {
	position:absolute;
	top:5%;
	left:0%;
	width:52%;
	margin-left:24%; 
	text-align:center;
	border-bottom: 2px solid #000;
	color:#000;
	font:800 0.6rem "微软雅黑";
}
.num li {
	display:inline-block;
	margin:0 2%;
	cursor:pointer;
	padding-bottom: 3%
	
}
.btn {
	display:none;
}
.unm li {
	display:block;
	width:100px;
	height:100px;
	color:#000;
	color:#fff;
	font-size:1rem;
	border-bottom: 2px solid #000
	
}
.btn .prev {
	position:absolute;
	left:0;
	top:50%;
	margin-top:-50px;
}
.btn .next {
	position:absolute;
	right:0;
	top:50%;
	margin-top:-50px;
}
.num .active {
	color:#898989;
}
.hide {
	display:none;
}
@media (max-width: 1500px) {


.pos21 div h1{
    margin-top: 1%
}	
.gailan_e37714{
margin-left: 15%
}
.waiguan_e37714{
 padding-left: 34%!important
 
 }
}
@media (max-width: 1400px) {

.pos21 div h1{
 font-size: 30px !important;
}
.gailan_e37714{
margin-left: 12%
}
}
@media (max-width: 1300px) {

.pos21 div h1{
 font-size: 24px !important;
}
.pos21 div h4{
 font-size: 14px !important;
}
.gailan_e37714{
margin-left: 10%
}
.waiguan_e37714{
 padding-left: 32%!important
 
 }
}

@media (max-width: 1200px) {
.pos22 div{
top:2%;
left:2%
}
.pos22 div h1{
 font-size: 28px !important;
 margin-top: 1%
 }
 .pos22 div h4{
 font-size: 16px !important;
 }
 .kong37721{
left: 2%!important
}
.gailan_e37714{
margin-left: 8%
}
.waiguan_e37714{
 padding-left: 30%!important
 
 }
 }
 @media (max-width: 1100px) {

.pos21 div h1{
 font-size: 22px !important;
}
.pos21 div h4{
 font-size: 14px !important;
}
.gailan_e37714{
margin-left: 6%;
margin-right: 6%;
}
.waiguan_e37714{
padding-left:25%!important
 
 }
}
@media (max-width: 767px) {
.d2 li{
width:100%
}
	.d2 li div h3,.d3 li div h3{
font-size:16px
}
.d2 li div,.d3 li div{
color:#fff;
font-size:14px;
}
.waiguan_e37714{
 padding-left:20%!important
 
 }
}


@media (max-width:768px){
	
	.dongli22 div h4{
	display: none
	}
	.appearance-iu5 li{
	width: 100% !important
	}
	.header-l{margin-left: 0% !important}
	.appearance-iu5{
	margin:0px !important
	}
}


.img222{
	display: none;
}
@media(max-width:768px){
	.kongz{
		width: 100%;
	}
	.img222{
	display: block;
		    width: 100%;
}
	.img1{
		display: none;
	}
	.page20{
	position: relative;
	padding: 0%
	}
	.page20 div{
	width: 100%
	}
	.height_p div{
		height: 200px;
		line-height:20px;
		padding: 10% 3% 0 3%;
		border: 2px solid #467171;
		background-image: url(${template}images/img_20.jpg);
		color: #fff;
		font-size: 0.5rem !important;
		}
			
		.img li h1{
		display: none !important
		}
		.img li{
		width: 804px;
		}
		.img li img{
		width: 52% !important
		}
		.banner{
		height: 200px;
		}
		.num{
		width: 100%;
		margin-left: 0%;
		}
}
.more.page {
    padding-top:7.8333%;
    padding-bottom: 7.979%;
   
}
.jieshao{
	color: #fff;
	background: #383e4e;
	padding: 2% 3%;
	font: 400 0.7rem "微软雅黑";
	line-height: 2;
}

.kong6506 img{
		width: 100%;
		background: #00121c;
		float: right
		
		}
		.kong6506 div{
		height: 100%;
		width: 100%;
		background:#002d49
		}


.kong6506{
		width: 100%;
		background: #01131d;
		}
		.kong6506 .kongz{
		 width:100%;
		 height: 100%;
		 color:#fff; 
		overflow: hidden;
			padding: 2% 1%;
		}
		.kong6506 .kongz div{width: 50%}
		.kong6506 div h1{font:400 0.8rem "微软雅黑"}
		.kong6506 div h4{font:400 0.6rem "微软雅黑";
							margin-bottom:2%
		}
@media(max-width:768px){
	.kong6506 .kongz{
		 width: 100%;
		
		}
}

.header {
    width: 100%;
    top: 0;
    left: 0px;
    z-index: 8;
    height: 50px;
	line-height: 50px;}
	
.hea{
	color: #fff;
	text-align: center;
	height: 358px;
	background-color: #003856;
	font-size: 18px;
	padding-top: 100px;
}
.hea h1{
	font-size: 32px;
}
.hea1 b{
	font-size: 32px;
}
.hea1{
	position: absolute;
	top: 30%;
	left:60%;
	font-size: 16px;
	color: #fff;
}
.yc{
	display: none;
}	
@media(max-width:768px){
	.yc{
	display: block;
} 
	.yc1{
	display: none;
}
	.hea {
    color: #fff;
    text-align: center;
    height: 300px;
    background-color: #003856;
    font-size: 14px;
    padding-top: 70px;
}
	.hea1 b{
	font-size: 18px;
}
	.hea1 {
    position: absolute;
    top: 6%;
    left: 54%;
    font-size: 13px;
    color: #fff;
}
}
	
.zixsix{
	background: #383e4e;
	text-align: center;
	color: #fff;
	height: 200px;
	line-height: 200px;
	font-size: 22px;
}

.pos21 div{
    position: absolute;
    top: 1%;
    left:1%;
    width: 30%;
}	
@media (max-width: 767px){
	.kong6506 img {
    width: 100%;
}
	
.kong6506 div {
    width: 100%;
    background: #002d49;
	text-align: center
}
}
.zt b{
	font-size: 32px;
}
.zt{
	padding-top:100px; 
	height: 300px;
	text-align: center;
	color: #fff;
	background-color:#003856; 
}
.s{
	position: relative;
}
.s1{position: absolute;
	top: 2%;
	left: 5%;
	width: 400px;
	
}
.s1 b{
	font-size: 30px;
}
.s1{
	color: #fff;
	font-size: 16px;
	
}
@media(max-width:768px){
	.s1 b{
	font-size: 22px;
}
	.zt b {
    font-size: 18px;
}
	.zt {
    padding-top: 14px;
    height: 119px;
    text-align: center;
    color: #fff;
    background-color: #003856;
}
	.s1{
		width: 100%;
		left: 0;
		font-size: 13px;
		position: relative;
		background-color: black;
	
	}
}

.wai6504{
display: flex;
flex-flow: wrap;
text-align: center;
background: #262a2d
}
.wai6504 div{
width: 50%;
padding: 3%
}


.wai6504 div h1{font:400 0.8rem "微软雅黑";color:#fff;margin-top: 2%}
.pos22 div h4,.kong6502 div h4,.wai6504 div h4{font:400 0.5rem "微软雅黑";color:#fff}

@media(max-width:768px){
		.wai6504 div{
					width: 100%;
					}

.g1{
	margin-bottom: 80px;
}
.g b{
	font-size: 32px;
}
.g{
	text-align: end;
	padding:50px; 
	color: #fff;
	font-size: 18px;
	letter-spacing: inherit;
}

.z1{
	display: none; 
}
}
@media(max-width:768px){
	.z1{
		display: block;
	}
	.g{
		position:absolute;
		text-align: center;
		padding: 0;
		top: 0; 
		left: 15%;
		font-size: 13px;
	}
	.g b{
		font-size: 28px;
	}
	#GSX250R-index .page2 .page2-top {
    position: relative;
    margin-bottom: 0%;
}
	.g1 {
    margin-bottom: 0px;
}
}
.bic1{
	overflow: hidden;
}
.bic1 img,.bic1 div{
	float: right;
	height: 577px;
	
}
/*
	.bic1{
	    display: flex;
			flex-wrap: wrap;
}
*/
.bic1 div{
	padding: 10% 0 0 10%;
	text-align: left;
	background-color: #f7f5f5;
	font-size: 18px;
}
.bic1 div b{
	font-size: 32px;
}
.bic1 div,.bic1 img{
	width: 50%;
	
}
.kt b{
	font-size: 32px;
}
.kt p{
	font-size: 18px;
	position: absolute;
	color: #fff;
	top: 20%;
	left: 2%; 
}
.hj{
	display: none;
	height: 90px;
	padding-top:20px; 
	width: 100%;
	color: #fff;
	font-size: 18px;
	text-align: center;
	background:#002d49;
}
.hj p b{
	font-size: 22px;
}
.hj p{
	font-size: 14px;
	margin-top: 0;
}
.waiguan6500{
		position: relative
		}
		.waiguan6500 div h1{color:#fff}
		.waiguan6500 div{
		padding-top:20%;
		text-align: center;
		position: absolute;
		background: rgba(0,0,0,0.5);
		width: 100%;
		height: 100%;
		color:#000
		}
@media(max-width:768px){
	
.waiguan6500{
		position: relative
		}
		.waiguan6500 div h1{color:#fff}
		.waiguan6500 div{
		padding-top:20%;
		text-align: center;
		position: absolute;
		background: rgba(0,0,0,0.5);
		width: 100%;
		height: 100%;
		color:#000
		}


.waiguan6500 div{
position: relative;
padding:10% 0;
background:  #01131d
}


	
	.bic1 img, .bic1 div {
		
    float: right;
    height: 221px;
}
	.hj{
		display: block;
	}
	.kt p{
		display: none;
	}
	.bic1 div,.bic1 img{
	width: 100%;
	
}
	.kt b{
	font-size: 22px;
}
	.kt p{
		top: 47%;
	}
	.kt p,.bic1 div{
		font-size: 14px;
	}
	.kt b,.bic1 div b{
	font-size: 22px;
}
.waiguan37714 h1{
color:#fff
}
.canshu{
margin-right: 37%!important
}
.waiguan37714{
text-align: center;
padding: 10% 3%;
background: #002d49
}
.img37714{
width: 100%!important
}
.img11{
display: none !important
}
.waiguan_f37714 {
padding-top: 5%!important
}
.kong_z37721{
 background: #002d49;color:#fff;text-align: center;padding: 5% 0%
}
.kong_z37721 div{
width: 100%
}
.kong_z37721 h4{
margin-bottom:2%
}
 .waiguan_e37714{
 padding-left: 0 !important;
 text-align: center!important;
 border-bottom: 1px solid #fff
 }
 .waiguan_l37714{
 padding-left: 12%
 }
		.xiao{
font-size: 14px !important;
font-weight: 400 !important;
line-height: 150%;

}
.da{
font-size: 22px !important;
font-weight: 400 !important;
line-height: 130%
}
.waiguan37715 li{
width: 100%
}
.waiguan37715 li span{
font-size: 10px
}
.waiguan_p37714 div{
width: 100%
}
.waiguan_l37714{
padding-left: 13%!important
}
 .waiguan37718 div img{
 width: 60%
 }
 .bai{
 color:#fff
 }
}
@media(max-width:375px){
.waiguan_l37714{
padding-left: 9%!important
}
}