*{ margin:0; padding:0;box-sizing: border-box;}
@font-face {
	font-family: 'Calibri';
}
body{font-family:"Calibri"; font-size:14px;width:100%;margin:auto;}
html{width:100%;}
a{ color:#333; text-decoration:none;outline:none;}
li{ list-style:none;}
.clear{clear:both;}
.ellipsis{text-overflow:ellipsis; overflow:hidden; white-space:nowrap;display:block;}
.jwrap{width:80%;margin:0 auto;position:relative;}
/*--------head--------*/
.fixed{background: #000;height:102px;}
.whead{padding:30px 0;background: #000;width:100%;z-index:9999;position:fixed;}
.whead img{display: block;}
.wlogo{float:left;}
.wlogo img{height:42px;}
.wnav{float:left;margin-left:8%;}
.wnav>li{float: left;line-height:41px;margin-right: 20px;position:relative;}
.wnav>li a{color: #fff;font-size: 16px;}
.wnav>li i{display:none;}
.wnav>li>a:hover{color:#1cb2f6 !important;}
.wnav>li ul{position:absolute;background: rgba(0,0,0,0.6);border-top:2px solid #009FE3;display:none;width:130px;text-align:center;transiton:all 0.1s}

.wnav>li ul li a{font-size:15px;}
.wnav>li ul li:hover{background:rgba(0,159,227,0.6);}
.nav-btn,.return{display:none !important;}
/*按钮*/
.btn-box{float: left;width:230px;height: 42px;background:url(../images/blbj_06.png) no-repeat center center;background-size:100% 100%;}
.btn-box a{display: inline-block;width:50%;height:100%;line-height:42px;font-size: 18px;font-weight: bold;text-align: center;float: left;position:relative;}
.btn-box a:nth-of-type(2){color: #fff;}
.btn-box a:first-of-type{left:5px;}
.btn-box a:last-of-type{left:-7px;}
.select-language{float:right;margin-left:16px;}
.lang-img{float:left;}
.lang-img img{height:26px;position:relative;top:8px;}
.select-language i{float: left;position: relative; left: 15px; top: 16px;}
.select-language i img{ width: 15px;cursor: pointer;}
/*--------footer--------*/
.wfooter{background:#000000;margin-top: 80px;padding: 40px 0;color:#fff;}
.host_box{float:left;}
.host-ul{}
.host-ul li{float:left;display:flex;align-items:center;}
.host-ul li span,.att_box span{display:block;margin-right:20px;font-size:16px;font-weight:600;}
.host-ul li:first-of-type{margin-right:80px;}

.att_box{float:right;display:flex;align-items:center;margin-top:-8px;}
.att_box img{height:65px;margin-left:15px;}


.copy_box{text-transform:capitalize;margin-top:33px;color:#333;}
.host-ul li img{width:51%;}
.host-ul li:nth-of-type(2) img{width:57%;}
.content_kk h2{color:#009fe3 !important;}
/*合作*/
.coop-box{background:#009fe3;height:80px;width:100%;margin: 80px auto 0;background:url(../images/hz_02.jpg);background-size:100% 100%;}
.wfooter{margin-top:0;}
.coop-ul{width:100%;}
.coop-ul li{width:25%;line-height:80px;float:left;text-align:center;}
.coop-ul li a{font-weight:500;font-size:25px;color:#fff;letter-spacing:3px;text-transform:uppercase;position:relative;left:-27px;}
/*面包屑导航*/
.brea-dcrumbs{margin:80px auto 0;}
.brea-dcrumbs .jwrap{background:#009fe3;height:40px;padding:0 30px;}
.brer-ul{}
.brer-ul li{float:left;text-transform:uppercase;}
.brer-ul li a{color:#fff;line-height:41px;display:block;float:left;font-weight:600;font-size:16px;}
.brer-ul li img{float:left;margin:0 25px;height:40px;}


/*媒体查询*/
/*底部*/
/*底部*/
.dj{position: relative;}
.imgdj1 {
    position: absolute;
    top: -120px;
    left: 0px;
    display: none;
	   transform:scale(2);
}
.imgdj2 {
    left:87px;
}
.imgdj3 {
	left:174px;
}
/*资料里图片的尺寸*/
.ej_right img{width:53% !important;height:auto !important;}
@media screen and (max-width:1500px) {
	.wnav>li{margin-right:20px;}
	.brea-dcrumbs,.coop-box{margin:65px auto 0;}
	.fixed{height:72px;}
	.whead{padding:15px 0;}
	.wnav>li a{font-size:14px;}
     	.wnav{margin-left:4%;}
	.wnav>li ul li a{font-size:14px;}
	.btn-box{height:35px;position:relative;top:4px;}
	.btn-box a{line-height:36px;font-size:16px;}
	.btn-box a:first-of-type{left:5px;}
	.btn-box a:last-of-type{left:-7px;}
	.lang-img img{height:22px;position:relative;top:10px;}
	.select-language{margin-left:24px;}
	.coop-box{height:60px;}
	.coop-ul li{line-height:60px;}
	.coop-ul li a{font-size:18px;}
	.coop-ul li a{left:-17px;}
}
@media screen and (max-width:1300px){
	.btn-box{width:170px;}
	.btn-box a{font-size:14px;}
	.wnav>li{margin-right:8px;}
	.wlogo img{height:36px;}

	/*foot*/
	.host-ul li:first-of-type{margin-right:15px;}
	.att_box img{height:50px;}
	.att_box{margin-top:0;}
	.copy_box p{float:none;width:100%;text-align:center;}
	.copy_box p span{width:100%;text-align:center;margin-top:10px;}


	.coop-ul li a{font-size:14px;}

	
	.imgdj1{top:-90px;}
	.imgdj2{left:70px;}
	.imgdj3{left:140px;}
}
@media screen and (max-width:1100px){

	
	.fixed{height:44px;}
	.whead{padding:10px 0;}
	.wlogo img{height:24px;}
	.nav-btn{position:absolute;height:24px;display:block !important;right:0;}
	.nav-box{background:#000;position:fixed;top:0px;z-index:999;right:-48%;width:48%;height:100%;transition:0.5s;}
	.wnav{float:none;margin-left:0;margin-top:15%;}
	.wnav>li{width:80%;float:none;text-align:left;line-height: 42px;border-bottom:1px dashed #fff;margin:auto;}
   	i.active{transform:rotate(90deg);}
	.wnav>li i{display:block;}
	.wnav>li a{font-size:14px;}
	.wnav>li ul{position:relative;padding:10px 15px;}
	.wnav>li i{font-style: normal;float: right; color: #fff; transition: all 500ms; cursor: pointer;}
	.wnav>li i.down {transform: rotate(90deg);}
	.wnav>li ul li{line-height:25px;}
	.wnav>li ul li a{font-size:12px;}
	.btn-box{width:200px;float:none;height:24px;}
	.btn-box{position:absolute;left:40%;top:0px;}
	.btn-box a{font-size:12px;line-height:27px;}
	.btn-box a:first-of-type{left:2px;}
	.btn-box a:last-of-type{left:-5px;}
	.select-language{float:none;display:flex;position:absolute;top:1%;right:10%;}
	.lang-img img{height:20px;}
	.select-language i img{width:10px;}
	.lang-img,.select-language i{float:none;}
	.select-language i{left:15%;}
	.return{display:block !important;height:30px;position:relative;top:2%;left:5%;}
	.body-mark{position:fixed;width:100%;height:100%;background:rgba(255,255,255,0.5);z-index:998;top:0;display:none; }   
	/*footer*/ 
	.wfooter{padding:20px 0 20px;}
	.host-ul{display:flex;}
	.host-ul li{float:none;width: 50%;}
	.host-ul li:first-of-type{margin-right:0;}	
	.host-ul li span, .att_box span{font-size:12px;margin-right:2%;line-height:16px;width:80px;}
	.host_box{width:100%;}
	.att_box{float:left;margin-top:3%;}
	.host-ul li img{width:auto;height:40px;}
	.host-ul li:nth-of-type(2) img{width:auto;}
	.att_box span{width:90px;}
	.dj{width:100%;}
	.att_box img{height:23px;}
	.copy_box{margin-top:3%;font-size:12px;text-align:center;line-height:13px;overflow:hidden;}
	
	.imgdj1{top:-36px;}
	.imgdj2{left:44px;}
	.imgdj3{left:88px;}


	.brea-dcrumbs{margin:5% auto 0;}
	.brea-dcrumbs .jwrap{height:30px;padding:0 3%;}
	.brer-ul li a{line-height:34px;font-size:14px;}
	.brer-ul li img{height:30px;margin:0 4px;}

	.coop-ul{height:100%;}
	.coop-ul li{display:flex;align-items:center;height:100%;justify-content:center;}
	.coop-ul li a{font-size:12px;max-width:180px;line-height:16px;display:block;width:100%;text-align:center;left:0;}

}
@media screen and  (max-width:768px) {
	.jwrap{width: 92%;}
	
	
	/*合作*/


	.coop-box .jwrap{background:url(../images/hz_021.jpg);background-size:100% 100%;padding:8% 0 3%;}
	.coop-ul li{line-height:30px;margin-bottom:5%;}
	.coop-ul li a{max-width:70px;line-height:14px;left:-7px;letter-spacing:0;text-transform:none;overflow:hidden;}
	

	

	.ej_right img{width:100% !important;height:auto !important;}


}
@media screen and  (max-width:540px) {
	.host-ul li img{height:26px;}
	.btn-box{width:50%;left:34%;}
	.btn-box a{font-size:10px;}
	.brer-ul li a{font-size:12px;}


	.host-ul{flex-wrap:wrap;}
	
}