/** reset **/
*{-webkit-box-sizing: border-box;box-sizing: border-box;}
body, h1, h2, h3, h4, h5, h6, hr, p, blockquote, dl, dt, dd, ul, ol, li, pre, form, fieldset, legend, button, input, textarea, th, td, img{border:medium none;margin: 0;padding: 0;font-size: 100%;}
body,button, input, select, textarea{font-size: 14px;line-height: 1.5;color: #333;font-family: "Microsoft YaHei", 'PingFang SC',"PingFang SC Regular";}
h1, h2, h3, h4, h5, h6{font-weight: normal;}
input,button,img{border: none;background: none;}
input[type="text"],
input[type="password"],button{outline: none;-webkit-appearance:none;}
em,i{font-style:normal;}
ul, ol{list-style: none;}
a{text-decoration: none;
	color:#333;
    -webkit-transition: .4s ease-in-out;
    transition: .4s ease-in-out;
}
a:hover{
    -webkit-transition: .4s ease-in-out;
    transition: .4s ease-in-out;
}
a,a:hover,a:active,a:visited,a:link,a:focus{
    -webkit-tap-highlight-color:rgba(0,0,0,0);
    -webkit-tap-highlight-color: transparent;
    outline:none;
    text-decoration: none;
}
img{border:0px;  outline-width:0px;  vertical-align:top;}
img.responsive{display: block;max-width:100%;object-fit:cover;width:100%;}

.clearfix { *zoom: 1; } 
.clearfix:before, .clearfix:after {  display: table; line-height: 0; content: ""; } 
.clearfix:after { clear: both; } 
.fl { float:left;}
.fr { float:right;}
.text-center{text-align: center;}
.text-right{text-align: right;}


/* 限制 */
.limit1{white-space: nowrap;text-overflow: ellipsis;overflow: hidden;}
.limit2{overflow: hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp:2;-webkit-box-orient: vertical;}
.limit3{overflow: hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 3;-webkit-box-orient: vertical;}
.flex-item{display: -webkit-box;display: -ms-flexbox;display: flex;-webkit-box-pack: justify;-ms-flex-pack: justify;justify-content: space-between;-webkit-box-align: center;-ms-flex-align: center;align-items: center;}
.flex-center{display: -webkit-box;display: -ms-flexbox;display: flex;-webkit-box-pack: center;-ms-flex-pack: center;justify-content: center;-webkit-box-align: center;-ms-flex-align: center;align-items: center;}
.flex-middle{display: -webkit-box;display: -ms-flexbox;display: flex;-webkit-box-orient: vertical;-webkit-box-direction: normal;-ms-flex-direction: column;flex-direction: column;-webkit-box-pack: center;-ms-flex-pack: center;justify-content: center;-webkit-box-align: center;-ms-flex-align: center;align-items: center;}
.flex-box{display: -webkit-box;display: -ms-flexbox;display: flex;-webkit-box-pack: start;-ms-flex-pack: start;justify-content: flex-start;-webkit-box-align: center;-ms-flex-align: center;align-items: center;}
.flex-betw{display: -webkit-box;display: -ms-flexbox;display: flex;-webkit-box-pack: justify;-ms-flex-pack: justify;justify-content: space-between;-webkit-box-align: start;-ms-flex-align: start;align-items: flex-start;}
/* 字体-间距 */





@media screen and (max-width: 1440px) {
  
    .font64{font-size: 48px;}
    .font50{font-size: 40px;}
    .font48{font-size: 36px;}
    .font40{font-size: 32px;}
    .font36{font-size: 30px;}
    .font32{font-size: 28px;}
	.font30{font-size: 29px;}
    .font24{font-size: 22px;}
    .font20{font-size: 18px;}
}




/* ==========================================================================
    文字
============================================================================ */
.font64{font-size: 64px;}
.font60{font-size: 60px;}
.font50{font-size: 50px;}
.font48{font-size: 48px;}
.font40{font-size: 40px;}
.font36{font-size: 36px;}
.font32{font-size: 32px;}
.font30{font-size: 30px;}
.font24{font-size: 24px;}
.font20{font-size: 20px;}
.font18{font-size: 18px;}
.font16{font-size: 16px;}

@media screen and (max-width: 1440px) {
	.font64{font-size: 56px;}
	.font60{font-size: 56px;}
	.font50{font-size: 48px;}
	.font48{font-size: 46px;}
	.font40{font-size: 38px;}
	.font36{font-size: 34px;}
	.font32{font-size: 30px;}
	.font30{font-size: 26px;}
	.font24{font-size: 22px;}
	.font20{font-size: 18px;}
	.font18{font-size: 16px;}
}

@media screen and (max-width: 1280px) {
	.font64{font-size: 48px;}
	.font60{font-size: 44px;}
	.font50{font-size: 40px;}
	.font48{font-size: 36px;}
	.font40{font-size: 32px;}
	.font36{font-size: 28px;}
	.font32{font-size: 24px;}
	.font30{font-size: 22px;}
	.font24{font-size: 20px;}
	.font20{font-size: 18px;}
	.font18{font-size: 16px;}
	.font16{font-size: 14px;}
	
}

@media screen and (max-width: 767px) {
    .font60{font-size: 32px;}
    .font36{font-size: 24px;}
    .font30{font-size: 20px;}
    .font24{font-size: 18px;}
	.font18{font-size: 16px;}
	.font16{font-size: 14px;}
	
	.font64{font-size: 32px;}
	.font60{font-size: 30px;}
	.font50{font-size: 28px;}
	.font48{font-size: 26px;}
	.font40{font-size: 24px;}
	.font36{font-size: 22px;}
	.font32{font-size: 20px;}
	.font30{font-size: 20px;}
	.font24{font-size: 20px;}
	.font20{font-size: 18px;}
	.font18{font-size: 16px;}
	.font16{font-size: 14px;}
}



/* ==========================================================================
    距离
============================================================================ */
.pad150{padding: 150px 0px;}
.pad120{padding: 120px 0px;}
.pad100{padding: 100px 0px;}
.pad80{padding: 80px 0px;}
.pad60{padding: 60px 0px;}
.pad50{padding: 50px 0px;}
.pad40{padding: 40px 0px;}
.pad30{padding: 30px 0px;}
.pad20{padding: 20px 0px;}

.marg150{margin: 150px 0px;}
.marg120{margin: 120px 0px;}
.marg100{margin: 100px 0px;}
.marg80{margin: 80px 0px;}
.marg60{margin: 60px 0px;}
.marg50{margin: 50px 0px;}
.marg40{margin: 40px 0px;}
.marg30{margin: 30px 0px;}
.marg20{margin: 20px 0px;}

.pt150{padding-top: 150px;}
.pt120{padding-top: 120px;}
.pt100{padding-top: 100px;}
.pt80{padding-top: 80px;}
.pt60{padding-top: 60px;}
.pt50{padding-top: 50px;}
.pt40{padding-top: 40px;}
.pt30{padding-top: 30px;}
.pt20{padding-top: 20px;}

.pb150{padding-bottom: 150px;}
.pb120{padding-bottom: 120px;}
.pb100{padding-bottom: 100px;}
.pb80{padding-bottom: 80px;}
.pb60{padding-bottom: 60px;}
.pb50{padding-bottom: 50px;}
.pb40{padding-bottom: 40px;}
.pb30{padding-bottom: 30px;}
.pb20{padding-bottom: 20px;}

.mt150{margin-top: 150px;}
.mt120{margin-top: 120px;}
.mt100{margin-top: 100px;}
.mt80{margin-top: 80px;}
.mt70{margin-top: 70px;}
.mt60{margin-top: 60px;}
.mt50{margin-top: 50px;}
.mt40{margin-top: 40px;}
.mt30{margin-top: 30px;}
.mt20{margin-top: 20px;}
.mt10{margin-top: 10px;}


.mb150{margin-bottom: 150px;}
.mb120{margin-bottom: 120px;}
.mb100{margin-bottom: 100px;}
.mb80{margin-bottom: 80px;}
.mb70{margin-bottom: 70px;}
.mb60{margin-bottom: 60px;}
.mb50{margin-bottom: 50px;}
.mb40{margin-bottom: 40px;}
.mb30{margin-bottom: 30px;}
.mb20{margin-bottom: 20px;}
.mb10{margin-bottom: 10px;}

@media screen and (max-width: 1366px) {
	.pad150{padding: 100px 0px;}
	.pad120{padding: 80px 0px;}
	.pad100{padding: 60px 0px;}
	.pad80{padding: 50px 0px;}
	.pad60{padding: 44px 0px;}
	.pad50{padding: 32px 0px;}
	.pad40{padding: 26px 0px;}
	
	.marg150{margin: 100px 0px;}
	.marg120{margin: 80px 0px;}
	.marg100{margin: 60px 0px;}
	.marg80{margin: 50px 0px;}
	.marg60{margin: 44px 0px;}
	.marg50{margin: 32px 0px;}
	.marg40{margin: 26px 0px;}
}

@media screen and (max-width: 1280px) {
	 body{font-size: 14px;}
    .pad150{padding: 90px 0px;}
    .pad120{padding: 60px 0px;}
    .pad100{padding: 50px 0px;}
    .pad80{padding: 44px 0px;}
    .pad60{padding: 38px 0px;}
    .pad50{padding: 32px 0px;}
    .pad40{padding: 26px 0px;}
    
    .marg150{margin: 90px 0px;}
	.marg120{margin: 60px 0px;}
	.marg100{margin: 50px 0px;}
	.marg80{margin: 44px 0px;}
	.marg60{margin: 38px 0px;}
	.marg50{margin: 32px 0px;}
	.marg40{margin: 26px 0px;}
	
	.pt150{padding-top: 120px;}
	.pt120{padding-top: 100px;}
	.pt100{padding-top: 80px;}
	.pt80{padding-top: 60px;}
	.pt60{padding-top: 50px;}
	.pt50{padding-top: 44px;}
	.pt40{padding-top: 36px;}
	
	.pb150{padding-bottom: 120px;}
	.pb120{padding-bottom: 100px;}
	.pb100{padding-bottom: 80px;}
	.pb80{padding-bottom: 60px;}
	.pb60{padding-bottom: 50px;}
	.pb50{padding-bottom: 44px;}
	.pb40{padding-bottom: 36px;}
	
	.mt150{margin-top: 120px;}
	.mt120{margin-top: 100px;}
	.mt100{margin-top: 80px;}
	.mt80{margin-top: 60px;}
	.mt60{margin-top: 50px;}
	.mt50{margin-top: 44px;}
	.mt40{margin-top: 36px;}
	
	.mb150{margin-bottom: 120px;}
	.mb120{margin-bottom: 100px;}
	.mb100{margin-bottom: 80px;}
	.mb80{margin-bottom: 60px;}
	.mb60{margin-bottom: 50px;}
	.mb50{margin-bottom: 44px;}
	.mb40{margin-bottom: 36px;}
}

@media screen and (max-width: 992px) {
    .pad150{padding: 90px 0px;}
    .pad120{padding: 72px 0px;}
    .pad100{padding: 60px 0px;}
    .pad80{padding: 50px 0px;}
    .pad60{padding: 40px 0px;}
    .pad50{padding: 36px 0px;}
    .pad40{padding: 32px 0px;}
    .pad30{padding: 28px 0px;}
    .pad20{padding: 18px 0px;}
    
    .marg150{margin: 90px 0px;}
	.marg120{margin: 72px 0px;}
	.marg100{margin: 60px 0px;}
	.marg80{margin: 50px 0px;}
	.marg60{margin: 40px 0px;}
	.marg50{margin: 36px 0px;}
	.marg40{margin: 32px 0px;}
	.marg30{margin: 28px 0px;}
	.marg20{margin: 18px 0px;}
	
	.pt150{padding-top: 90px;;}
	.pt120{padding-top: 72px;;}
	.pt100{padding-top: 60px;;}
	.pt80{padding-top: 50px;}
	.pt60{padding-top: 40px;}
	.pt50{padding-top: 36px;}
	.pt40{padding-top: 32px;}
	.pt30{padding-top: 28px;}
	.pt20{padding-top: 18px;}
	
	.pb150{padding-bottom: 90px;;}
	.pb120{padding-bottom: 72px;;}
	.pb100{padding-bottom: 60px;;}
	.pb80{padding-bottom: 50px;}
	.pb60{padding-bottom: 40px;}
	.pb50{padding-bottom: 36px;}
	.pb40{padding-bottom: 32px;}
	.pb30{padding-bottom: 28px;}
	.pb20{padding-bottom: 18px;}
	
	.mt150{margin-top: 90px;;}
	.mt120{margin-top: 72px;;}
	.mt100{margin-top: 60px;;}
	.mt80{margin-top: 50px;}
	.mt60{margin-top: 40px;}
	.mt50{margin-top: 36px;}
	.mt40{margin-top: 32px;}
	.mt30{margin-top: 28px;}
	.mt20{margin-top: 18px;}
	
	.mb150{margin-bottom: 90px;;}
	.mb120{margin-bottom: 72px;;}
	.mb100{margin-bottom: 60px;;}
	.mb80{margin-bottom: 50px;}
	.mb60{margin-bottom: 40px;}
	.mb50{margin-bottom: 36px;}
	.mb40{margin-bottom: 32px;}
	.mb30{margin-bottom: 28px;}
	.mb20{margin-bottom: 18px;}
}

@media screen and (max-width: 768px) {
    .pad150{padding: 60px 0px;}
    .pad120{padding: 50px 0px;}
    .pad100{padding: 44px 0px;}
    .pad80{padding: 36px 0px;}
    .pad60{padding: 30px 0px;}
    .pad50{padding: 30px 0px;}
    .pad40{padding: 28px 0px;}
    .pad30{padding: 24px 0px;}
    .pad20{padding: 16px 0px;}

    .marg150{margin: 60px 0px;}
	.marg120{margin: 50px 0px;}
	.marg100{margin: 44px 0px;}
	.marg80{margin: 36px 0px;}
	.marg60{margin: 30px 0px;}
	.marg50{margin: 30px 0px;}
	.marg40{margin: 28px 0px;}
	.marg30{margin: 24px 0px;}
	.marg20{margin: 16px 0px;}
	
	.pt150{padding-top: 60px;}
	.pt120{padding-top: 50px;}
	.pt100{padding-top: 44px;}
	.pt80{padding-top: 36px;}
	.pt60{padding-top: 30px;}
	.pt50{padding-top: 30px;}
	.pt40{padding-top: 28px;}
	.pt30{padding-top: 24px;}
	.pt20{padding-top: 16px;}
	
	.pb150{padding-bottom: 60px;}
	.pb120{padding-bottom: 50px;}
	.pb100{padding-bottom: 44px;}
	.pb80{padding-bottom: 36px;}
	.pb60{padding-bottom: 30px;}
	.pb50{padding-bottom: 30px;}
	.pb40{padding-bottom: 28px;}
	.pb30{padding-bottom: 24px;}
	.pb20{padding-bottom: 16px;}
	
	.mt150{margin-top: 60px;}
	.mt120{margin-top: 50px;}
	.mt100{margin-top: 44px;}
	.mt80{margin-top: 36px;}
	.mt60{margin-top: 30px;}
	.mt50{margin-top: 30px;}
	.mt40{margin-top: 28px;}
	.mt30{margin-top: 24px;}
	.mt20{margin-top: 16px;}
	.mt10{margin-top: 6px;}
	
	.mb150{margin-bottom: 60px;}
	.mb120{margin-bottom: 50px;}
	.mb100{margin-bottom: 44px;}
	.mb80{margin-bottom: 36px;}
	.mb60{margin-bottom: 30px;}
	.mb50{margin-bottom: 30px;}
	.mb40{margin-bottom: 28px;}
	.mb30{margin-bottom: 24px;}
	.mb20{margin-bottom: 16px;}
	.mb10{margin-bottom: 6px;}
}


.header{position: absolute;width: 100%;height: 100px;top: 0px;left: 0;z-index: 99;margin-top: 40px;}
.header .hd-logo{display: block;line-height: 100px;}
.header .hd-logo img{vertical-align: middle;display: block;height: 80px;}
.header .hd-btns{margin-left:12px;}
.header .hd-btns li{padding: 0 24px;position: relative;line-height:60px;}
.header .hd-btns li::after{display: block;content: '';width: 1px;height: 16px;background: rgba(255,255,255,.5);position: absolute;left: 0;top: 50%;margin-top: -7px;}
.header .hd-btns .btn-wrap-memu{display: none;}
.header .hd-btns a{display: block;font-size:22px;color: #fff;text-align: center;line-height:60px;}
.header .hd-btns a:hover{color: #cf132f;-webkit-transition: .4s;transition: .4s;}
.header .hd-btns .user-login{width: auto;}
.header .hd-btns .user-login span{font-size: 16px;margin-left: 10px;display: inline-block;vertical-align: top;}
.header .hd-line{position: absolute;width: 100%;height: 1px;bottom: 0;left: 0;background: rgba(255,255,255,.2);background: -webkit-gradient(linear,left top, right top,from(rgba(255,255,255,.01)),color-stop(rgba(255,255,255,.3)),to(rgba(255,255,255,.01)));background: linear-gradient(to right,rgba(255,255,255,.01),rgba(255,255,255,.3),rgba(255,255,255,.01));}
.hd-space{height: 100px;background:#ffffff;position: relative;}
.hd-space::after{
	display: block;
	content: '';
	position: absolute;
	width:70%;
	height:4px;
	background:#0070bd;
	left:0;
	top:0;
}
.hd-space::before{
	display: block;
	content: '';
	position: absolute;
	width:70%;
	height:4px;
	background:#58aca7;
	right:0;
	top:0;
}


.header-right{margin-top:10px;position: relative;}

.nav .nav-close{display: none;}
.nav .nav-list{display: -webkit-box;display: -ms-flexbox;display: flex;-webkit-box-align: center;-ms-flex-align: center;align-items: center;}
.nav .nav-list{*zoom: 1;clear: all;}
.nav .nav-list>li{margin: 0 14px;position: relative;float:left;}
.nav h3 a{display: block;line-height:54px;color: #ffffff;font-size:18px;}
.nav h3 a i{display:none;vertical-align: middle;font-size: 10px;margin-left: 4px;}
.nav h3 a:hover{color: #fff;}



@media screen and (max-width: 1440px) {
	/* head */
    .header{height: 84px;}
    .header .hd-logo{line-height: 84px;}
    .header .hd-btns li{padding: 0 20px;}
    .hd-space{height: 84px;}
	.header-right{margin-top:20px;}
	.header-right .head-tag{top:-10px;}
    .search-group input{height: 60px;line-height: 60px;font-size:18px;}
    .nav .nav-list>li{margin: 0 14px;}
    .nav h3 a{height:54px;line-height:54px;font-size:17px!important;}

}
@media screen and (max-width: 1366px) {
	/* footer */
	.footer .copyright{padding:26px 0;}
}

@media screen and (max-width: 1280px) {
	/* head */
	
}

@media screen and (max-width: 1024px) {
	/* head */
    .header{height: 72px;-webkit-animation: none !important;animation: none !important;}
    .header .hd-logo{line-height: 72px;}
    .header .hd-btns .btn-wrap-memu{display: list-item;padding-right: 0;margin-top:5px;}
    .header .hd-btns .btn-wrap-memu::after{display: none;}
    .header .hd-btns .menu-btn{display: -webkit-box;display: -ms-flexbox;display: flex;-webkit-box-orient: vertical;-webkit-box-direction: normal;-ms-flex-direction: column;flex-direction: column;-webkit-box-pack: center;-ms-flex-pack: center;justify-content: center;-webkit-box-align: stretch;-ms-flex-align: stretch;align-items: stretch;}
    .header .hd-btns .menu-btn span{display: block;width:20px;height: 2px;background: #fff;border-radius: 2px;}
    .header .hd-btns .menu-btn span:nth-child(2){margin: 7px 0;}
	.header .hd-btns{margin-top:20px;}
	.header .hd-btns li{line-height:30px;}
	.header .hd-btns a{line-height:30px;}
	.header-right .head-tag{display:none;}
	.header-right{margin-top:0px;}
	.header-white .hd-btns .menu-btn span{background: #333333;}
	
	
    .hd-space{height: 72px;}
    .nav{position: fixed;width: 100%;height: 100%;top: 0;left: 0;z-index: 999999;background: #000;padding: 50px 0 20px;overflow-y: auto;-webkit-transition: .4s;transition: .4s;-webkit-transform: translateX(100%);transform: translateX(100%);}
    .nav.nav-show{-webkit-transition: .4s;transition: .4s;-webkit-transform: translateX(0);transform: translateX(0);}
    .nav .nav-close{display: block;width: 30px;height: 30px;position: absolute;right: 10px;top: 10px;font-size: 24px;color: #cf132f;}
    .nav .nav-list{-webkit-box-orient: vertical;-webkit-box-direction: normal;-ms-flex-direction: column;flex-direction: column;width:100%;}
    .nav .nav-list li{width: 100%;margin: 0;}
    .nav .nav-list li h3{border-bottom: 1px solid #333;}
    .nav .nav-list li h3 a{height: 48px;line-height: 48px;font-size:16px; padding: 0 5%;display: -webkit-box;display: -ms-flexbox;display: flex;-webkit-box-pack: justify;-ms-flex-pack: justify;justify-content: space-between;-webkit-box-align: center;-ms-flex-align: center;align-items: center;}
    .nav .nav-list li h3 a i{font-size: 16px;}
	/* footer */

	.nav h3 a i{display:inline-block;}
	
}


@media screen and (max-width: 768px) {
    .header{height: 60px;margin-top:0px;}
    .header .hd-logo{line-height: 60px;margin-top: 20px;}
    .header .hd-logo img{height: 24px;}
    .header .hd-btns li{padding: 0 12px;}
    .hd-space{height: 60px;}
	.header-right{margin-top:0;}
	.header .hd-btns{margin-top:20px;}
	.header .hd-btns a{line-height:20px;}
	.header-white .hd-btns .menu-btn span{background:#666666!important;}
	.header-white .hd-btns .btn-wrap-memu{margin-top:0!important;}
	.header-white .nav h3 a{color:#ffffff;}
	.header .hd-btns .btn-wrap-memu{margin-top:0!important;}
	
	.i-sec6 img{
		width: auto;
		
		height: 400px;
		max-width:100%;
	}
}