@charset "utf-8";
/*css reset*/

@media screen and (max-width:1200px){
	*{font-size:1rem;}
}


html, body, div, span, object, iframe,h1, h2, h3, h4, h5, h6, p, blockquote, pre,abbr, address, cite, code,del, dfn, em, img, ins, kbd, q, samp,small, strong, sub, sup, var,b, 
i,dl, dt, dd, ol, ul, li,fieldset, form, label, legend,table, caption, tbody, tfoot, thead, tr, th, td,article, aside, dialog, figure, footer, header,hgroup, menu, nav, section,time,
mark, audio, video,input,button{margin:0;padding:0;border:none;outline:0;font-size:100%;vertical-align:baseline;background:transparent;}
article, aside, dialog, figure, footer, header,hgroup, nav, section {display:block;}
ul,ol,li{list-style:none;}
i,em{font-style:normal;}
blockquote, q {quotes:none;}
blockquote:before, blockquote:after,q:before, q:after {content:'';content:none;}
table {border-collapse:collapse; border-spacing:0;}
input, select {vertical-align:middle;}
a{text-decoration:none;}
em{font-style:normal;}
a,button,input,textarea{outline:none;-webkit-appearance:none;-webkit-tap-highlight-color: rgba(255, 255, 255, 0);}
input[type="text"]{-webkit-appearance:none;background:none;}
input[type="submit"]{-webkit-appearance:none;}
input[type="checkbox"]{border:1px solid #ccc;border-radius:0;}
input[type="password"]{-webkit-appearance:none;}
input[type="tel"]{-webkit-appearance:none;background:none;}
input[type="tel"]{-webkit-appearance:none;background:none;}
body{font-family:"Microsoft Yahei",'微软雅黑','思源宋体','黑体',Arial,'微软雅黑',Helvetica,sans-serif;}
td,th{vertical-align:middle; }
.clear{clear:both;}
/*reset end*/

/*basic start*/
@media screen and (min-width:240px){html,body{font-size:32px;}}
@media screen and (min-width:320px){html,body{font-size:42.667px;}}
@media screen and (min-width:480px){html,body{font-size:64px;}}
@media screen and (min-width:560px){html,body{font-size:74.6667px;}}
@media screen and (min-width:640px){html,body{font-size:15.333px;}}
@media screen and (min-width:720px){html,body{font-size:96px;}}
@media screen and (min-width:800px){html,body{font-size:106.667px;}}
@media screen and (min-width:1024px){html,body{font-size:136.533px;}}


.bold{font-weight:bold;}
.rotate30{-webkit-transform:rotate(30deg);-ms-transform:rotate(30deg);-moz-transform:rotate(30deg);-o-transform:rotate(30deg);transform:rotate(30deg);}
.rotate-30{-webkit-transform:rotate(-30deg);-ms-transform:rotate(-30deg);-moz-transform:rotate(-30deg);-o-transform:rotate(-30deg);transform:rotate(-30deg);}
.rotate45{-webkit-transform:rotate(45deg);-ms-transform:rotate(45deg);-moz-transform:rotate(45deg);-o-transform:rotate(45deg);transform:rotate(45deg);}
.rotate-45{-webkit-transform:rotate(-45deg);-ms-transform:rotate(-45deg);-moz-transform:rotate(-45deg);-o-transform:rotate(-45deg);transform:rotate(-45deg);}
.rotate180{-webkit-transform:rotate(180deg);-ms-transform:rotate(180deg);-moz-transform:rotate(180deg);-o-transform:rotate(180deg);transform:rotate(180deg);}



* input::-moz-placeholder{color:#cfcfcf;font-family:"Microsoft Yahei",'微软雅黑','思源宋体','黑体',Arial,'微软雅黑',Helvetica,sans-serif;}
* input::-webkit-input-placeholder{color:#cfcfcf;font-family:"Microsoft Yahei",'微软雅黑','思源宋体','黑体',Arial,'微软雅黑',Helvetica,sans-serif;}
* input::-o-input-placeholder{color:#cfcfcf;font-family:"Microsoft Yahei",'微软雅黑','思源宋体','黑体',Arial,'微软雅黑',Helvetica,sans-serif;}
* input::-ms-input-placeholder{color:#cfcfcf;font-family:"Microsoft Yahei",'微软雅黑','思源宋体','黑体',Arial,'微软雅黑',Helvetica,sans-serif;}
.thin{font-weight:normal;}


/*========定义基础样式========*/
/*body{word-break: break-all;}*/
.hide { display:none;}
.hides{visibility: hidden;}
.fl { float:left;}
.fr { float:right;}
.clearfix:after { content:" "; display:block; clear:both; height:0; /*visibility:hidden;*/}
.clearfix { zoom:1; }
a .opacity { filter:alpha(opacity=100); opacity:1; -moz-opacity:1; }
a:hover .opacity { filter:alpha(opacity=80); opacity:0.8; -moz-opacity:0.8; }
.bac{background: #fff;}

.home .w{width: 1200px;margin:0 auto;}
.mobile .w{width: 92%;margin:0 auto;}
a.button{display:block;height:2.5em;line-height: 2.5em;font-size: 0.9375em;color: #fff;text-align:center;background: #ee3749;border-radius:0.3rem;}
a.buttons{display:block;height:2.5em;line-height: 2.5em;font-size: 0.9375em;color: #666;text-align:center;background: #ccc;border-radius:0.3rem;}  
.text_over1{width: 100%;white-space:nowrap;overflow: hidden; text-overflow: ellipsis;}
.text_over2{overflow: hidden;
text-overflow: ellipsis;
display: -ms-box;
-ms-line-clamp: 2;
-ms-box-orient: vertical;
display: -moz-box;
-moz-line-clamp: 2;
-moz-box-orient: vertical;
display: -webkit-box;
-webkit-line-clamp: 2;
-webkit-box-orient: vertical;
display: -o-box;
-o-line-clamp: 2;
-o-box-orient: vertical;
}
.text_over3{overflow: hidden;
text-overflow: ellipsis;
display: -ms-box;
-ms-line-clamp: 3;
-ms-box-orient: vertical;
display: -moz-box;
-moz-line-clamp: 3;
-moz-box-orient: vertical;
display: -webkit-box;
-webkit-line-clamp: 3;
-webkit-box-orient: vertical;
display: -o-box;
-o-line-clamp: 3;
-o-box-orient: vertical;
}
.text_over13{overflow: hidden;
text-overflow: ellipsis;
display: -ms-box;
-ms-line-clamp: 13;
-ms-box-orient: vertical;
display: -moz-box;
-moz-line-clamp: 13;
-moz-box-orient: vertical;
display: -webkit-box;
-webkit-line-clamp: 13;
-webkit-box-orient: vertical;
display: -o-box;
-o-line-clamp: 13;
-o-box-orient: vertical;
}
.bor_top{ border-top:1px #ddd solid;}
.bor_rig{ border-right:1px #ddd solid;}
.bor_bot{ border-bottom:1px #ddd solid;}
.bor_lef{ border-left:1px #ddd solid;}
.bor{ border:1px #ddd solid;}
.bor-radius{border-radius: 0.4rem;}
.translateX50{-webkit-transform:translateX(-50%);-ms-transform:translateX(-50%);-moz-transform:translateX(-50%);-o-transform:translateX(-50%);transform:translateX(-50%);}
.translateY50{-webkit-transform:translateY(-50%);-ms-transform:translateY(-50%);-moz-transform:translateY(-50%);-o-transform:translateY(-50%);transform:translateY(-50%);}
.translate50{-webkit-transform:translate(-50%,-50%);-ms-transform:translate(-50%,-50%);-moz-transform:translate(-50%,-50%);-o-transform:translate(-50%,-50%);transform:translate(-50%,-50%);}
@font-face{
	font-family: 'Butler'; 
	src: url('../font/Butler_Regular.otf');
}
@font-face{
	font-family: 'sourceCN'; 
	src: url('../font/CN_SourceHanSerifCN-Heavy.otf');
}
@font-face{
	font-family: 'sourceEn'; 
	src: url('../font/EN_Bangla\ MN.ttc');
}
.bs{-webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box;}

.w1400{width: 1400px;margin: 0 auto;}

.header{position: fixed;left:0px;top: 30px;z-index: 4; width: 100%;height: 80px;
	-webkit-transition:all .8s cubic-bezier(0.22, 0.61, 0.36, 1); -moz-transition:all .8s cubic-bezier(0.22, 0.61, 0.36, 1); -ms-transition:all .8s cubic-bezier(0.22, 0.61, 0.36, 1); -o-transition:all .8s cubic-bezier(0.22, 0.61, 0.36, 1); transition:all .8s cubic-bezier(0.22, 0.61, 0.36, 1);
	}
	.header .w1920{width: 78.125%;min-width: 1160px; margin: 0px auto;padding-top: 30px;position: relative;}
	.header .logo{ position: absolute;z-index: 8;top: 40%;width: 491px;height: 52px;}
	.header .logo img{display: block;}
	.header .sear{margin-right: 40px; width: 24px;height: 80px;background: url(../images/icon/icon_2.png) center no-repeat;}
	.header .menu{transition: all 0.5s; width: 33px;height: 80px;background: url(../images/icon/icon_1ss.png) center no-repeat;cursor: pointer;margin-right: 0;}
	.header .menu.other{transition: all 0.5s; width: 33px;height: 80px;background: url(../images/icon/icon_1.png) center no-repeat;cursor: pointer;}
	.header .menu.cur{transition: all 0.5s; background: url(../images/icon/icon_1s.png) center no-repeat;}
	
	
	
	.header .nav{opacity: 0;transition: all 0.5s;visibility: hidden; margin: 19px 6% 0 0;}
	.header .nav a{display: block;float: left; margin:0 19px; font-size: 14px;color: #666;line-height: 42px;}
	.header .nav a.cur,.header .nav a:hover{color: #c7161d;border-bottom: #c7161d 2px solid;}
	@media screen and (max-width:1650px){
		.header .nav{margin-right: 0%;}
		.header .nav a{margin:0 15px;}
	}
	@media screen and (max-width:1538px){
		.header .nav{margin-right: 0%;}
		.header .nav a{margin:0 15px;}
	}
	.header .search{display: none;}
	
	.header_fixed{background: #fff;border-bottom: #e5e5e5 1px solid;}
	.header_fixed .nav{opacity:1;transition: all 0.5s;visibility: visible;}
	.header_fixed .menu{visibility: hidden;}
	.header_fixed .search{display: block}
	.header_fixed .search a{width: 30px;height: 80px;background: url(../images/icon/icon_2.png) right center no-repeat;}
	.header_mar{width: 100%;height: 81px;}
.header2{display: none; position: fixed;top: 30px;left: 0;width: 100%;z-index: 21;height: 100px;border-bottom: 1px solid #e0e0e0;}
.header2 .logos{width: 317px;height: 36px;display: block;margin-top: 33px;}
.header2 .nav a{font-size: 16px;color: #333333;line-height: 100px;display: block;float: left;margin: 0 41px;position: relative;transition-duration: 0.5s;}
.header2 .w1920{width: 78.125%;min-width: 1160px; margin: 0px auto;}
.header2 .logos img{display: block;}
/* .header2 .nav a */
.header2 .nav a em{position: absolute;bottom: 0;left: 50%;width: 0;height: 3px;background-color: #d20a10;transform: translateX(-50%);transition-duration: 0.3s;}
.header2 .nav a:hover,.header2 .nav a.on{color: #d20a10;}
.header2 .nav a:hover em,.header2 .nav a.on em{width: 100%;}
.header2 .search{height: 100px;}
.header2 .search .btn{display: block;width: 25px;height: 100%;background: url(../images/icon/icon17.png) center no-repeat;}
.header3{display: none; position: fixed;top: 30px;left: 0;width: 100%;z-index: 21;height: 100px;border-bottom: 1px solid #e0e0e0;}
.header3 .logos{width: 317px;height: 36px;display: block;margin-top: 33px;}
.header3 .nav a{font-size: 16px;color: #ffffff;line-height: 100px;display: block;float: left;margin: 0 41px;position: relative;transition-duration: 0.5s;}
.header3 .w1920{width: 78.125%;min-width: 1160px; margin: 0px auto;}
.header3 .logos img{display: block;}
/* .header3 .nav a */
.header3 .nav a em{position: absolute;bottom: 0;left: 50%;width: 0;height: 2px;background-color: #ffffff;transform: translateX(-50%);transition-duration: 0.3s;}
.header3 .nav a:hover,.header3 .nav a.on{color: #ffffff;}
.header3 .nav a:hover em,.header3 .nav a.on em{width: 100%;}
.header3 .search{height: 100px;}
.header3 .search .btn{display: block;width: 25px;height: 100%;background: url(../images/icon/icon18.png) center no-repeat;}
/* .header3 .nav a.on{border-bottom: 1px solid #ffffff;} */
.header2{transition-duration: 0.3s;}
.header2.top_s{top: 0;}
.header2.cur{display: block; background-color: #fff;}
/* .header3.cur{display: block;} */
.header2.cur .logos,.header .logo,.header3.cur .logos{animation-delay: 0.2s;-webkit-animation-duration: 0.8s;animation-duration: 0.8s;-webkit-animation-fill-mode: both;animation-fill-mode: both;-webkit-animation-name: fadeInLeft;animation-name: fadeInLeft;}
/* .header2.cur .logos{visibility: visible;} */
.header2.cur .nav,.header .menu,.header3.cur .nav{animation-delay: 0.2s;-webkit-animation-duration: 0.8s;animation-duration: 0.8s;-webkit-animation-fill-mode: both;animation-fill-mode: both;-webkit-animation-name: fadeInRight;animation-name: fadeInRight;}
.header2.cur .search,.header3.cur .search{animation-delay: 0.4s;-webkit-animation-duration: 0.8s;animation-duration: 0.8s;-webkit-animation-fill-mode: both;animation-fill-mode: both;-webkit-animation-name: fadeInRight;animation-name: fadeInRight;}


	.nav_bac{transition: all 0.5s; position: fixed;right: 0px;top: 0px;z-index: 5;width: 0%;height: 100%; background: rgba(255,255,255,0.95);}
	.nav_1{display: none; position: fixed;left: 50%;top: 50%;z-index: 6; transform: translate(-50%,-50%);}
	.nav_1 .left{position: relative; margin-top: 150px; padding:51px 70px 51px 0; text-align: right;}
	.nav_1 .left span{margin-bottom: 20px; font-size: 24px;color: #333;}
	.nav_1 .left div{margin-bottom: 15px;}
	.nav_1 .left p{font-size: 16px;color: #777;line-height: 26px;}
	.nav_1 .left i{position: absolute;right: 0px;top: 0px;width: 1px;height: 0px;background:#cbcbcc; }
	.nav_1 .right{padding-left: 82px;}
	.nav_1 .right a{display: block; position: relative;width: 185px;overflow: hidden;}
	.nav_1 .right p{font-size: 20px;color: #444;line-height: 69px;text-align: center;}
	.nav_1 .right i{transition: all 0.5s; position: absolute;left: -163px;top: 44px;width: 185px;height: 1px;background: #c7161d;}
	
	.nav_1 .right a.other p{color: #bbb8b8;}
	.nav_1 .right a.other i{left: 0px; background: #bbb8b8;}
	.nav_1 .right a:hover i{transition: all 0.5s;left: 163px;}
	
	.nav_baccur{transition: all 0.5s;width: 100%;}
	.nav_1cur{display: block;}
	.nav_1cur .left i{ height: 356px;
	-webkit-animation:Height 0.8s ease-in-out 0.6s 1 both;
	   -moz-animation:Height 0.8s ease-in-out 0.6s 1 both;
		-ms-animation:Height 0.8s ease-in-out 0.6s 1 both;
			animation:Height 0.8s ease-in-out 0.6s 1 both;}
	.nav_1cur .left span{
		animation-delay: 0.6s;
		-webkit-animation-duration: 0.5s;
		animation-duration: 0.5s;
		-webkit-animation-fill-mode: both;
		animation-fill-mode: both;
	-webkit-animation-name: fadeInRights;
		animation-name: fadeInRights;}
	.nav_1cur .left div{
		animation-delay: 0.7s;
		-webkit-animation-duration: 0.5s;
		animation-duration: 0.5s;
		-webkit-animation-fill-mode: both;
		animation-fill-mode: both;
	-webkit-animation-name: fadeInRights;
		animation-name: fadeInRights;}
	
	.nav_1cur .left div:nth-child(2){
		animation-delay: 0.8s;
	}
	.nav_1cur .left div:nth-child(3){
		animation-delay: 0.9s;
	}
	.nav_1cur .right a{animation-delay: 0.6s;
		-webkit-animation-duration: 0.5s;
		animation-duration: 0.5s;
		-webkit-animation-fill-mode: both;
		animation-fill-mode: both;
	-webkit-animation-name: fadeInLefts;
		animation-name: fadeInLefts;}
	.nav_1cur .right a:nth-child(2){
		animation-delay: 0.7s;
	}
	.nav_1cur .right a:nth-child(3){
		animation-delay: 0.8s;
	}
	.nav_1cur .right a:nth-child(4){
		animation-delay: 0.9s;
	}
	.nav_1cur .right a:nth-child(5){
		animation-delay: 1s;
	}
	.nav_1cur .right a:nth-child(6){
		animation-delay: 1.1s;
	}
	.nav_1cur .right a:nth-child(7){
		animation-delay: 1.2s;
	}
	.nav_1cur .right a:nth-child(8){
		animation-delay: 1.3s;
	}
	.nav_1cur .right a:nth-child(9){
		animation-delay: 1.4s;
	}
		

	.header,.header_mar,.banner,.footer{display: block;}
	.m_header,.m_header_mar,.m_banner,.m_footer{display: none;}

	.m_header{
		position: fixed;left:0px;top: 0px;z-index: 15; width: 100%;
	-webkit-transition:all .8s cubic-bezier(0.22, 0.61, 0.36, 1); -moz-transition:all .8s cubic-bezier(0.22, 0.61, 0.36, 1); -ms-transition:all .8s cubic-bezier(0.22, 0.61, 0.36, 1); -o-transition:all .8s cubic-bezier(0.22, 0.61, 0.36, 1); transition:all .8s cubic-bezier(0.22, 0.61, 0.36, 1);
	
	}
	.mobile .w{margin:0 auto;width: 92%;}
	
	
	.m_header .ub{height: 6.2rem;}
	.m_header .logo{display: block; height: 2.6rem;}
	.m_header .logo img{height: 100%;}
	.m_header .icon{width: 3rem;height: 6.2rem; background: url(../images/icon/icon_17.png) right center no-repeat;background-size: 2rem auto;}
	
	
	
	.m_header_fixed{background: #fff;box-shadow: 0 0 0.4rem rgba(0,0,0,0.16)}
	.m_header_fixed .icon{ background: url(../images/icon/icon_17s.png) right center no-repeat;background-size: 2rem auto;}
	.m_header_mar{width: 100%;height: 6.2rem;;}
	
	
	.m_nav {position: fixed;width: 100%;z-index: 50;height: 100%;top: 0;left: 0;transition-duration: 0.5s;
		-webkit-transform: translateX(100%);-moz-transform: translateX(100%);-o-transform: translateX(100%);-ms-transform: translateX(100%);pointer-events: none;}
	.m_nav.on {pointer-events: auto;transform: translateY(0);transition-duration: 0.5s;}
	
	.m_nav .nav-inner {position: relative;width: 100%;height: 100%;background-color: rgba(255, 255, 255, 0.96);overflow-y: auto;}
	.m_nav .nav-inner .close-nav {
		position: absolute;
		right: 8%;
		top: 1.8rem;
		width: 3.3rem;
		height: 4rem;
		background: url(../images/icon/icon_36.png) right center no-repeat;background-size: 1.8rem auto;
	}
	.navList{
		position: absolute;
		left: 0;
		top: 50%;
		width: 100%;
		transform: translateY(-50%);
	}
	.navList ul li .tit {
		position: relative;
		margin:0 auto;
		width:34%;
		height: 5.5rem;
		line-height: 5.5rem;
		overflow: hidden;
	}
	.navList ul li .tit a {
		position: relative;
		z-index: 2;
		font-size: 1.4rem;
		color: #444;
		text-align: center
	}
	.navList ul li .tit i {
		position: absolute;
		left: -88%;
		top: 50%;
		transform: translateY(-50%);
		width: 100%;
		height: 1px;
		background: #ce353b;
	}
	.navList ul li.cur .tit i {
		left: 0;
		background: #d5d6d6;
	}
	
.navModal{display: none; padding-top: 46px; position: fixed;top: 0;left: 0;width: 100%;height: 100vh;background-color: #1b1b1c;z-index: 1000;background: url(../images/icon/icon14.jpg) center no-repeat;background-size: 100% 100%;}
.navModal .w1920{width: 78.125%;min-width: 1160px;margin: 0px auto;}
.navModal .navTit {padding-bottom: 55px;}
.navModal .navTit a{display: block;}
.navModal .navTit a img{display: block;}
.navModal .navTit .clo{width: 28px;height: 28px;cursor: pointer;margin-top: 18px;margin-right: 4px;position: relative;}
.navModal .navTit .clo span{display: block;transform-origin: center center;transition-duration: 0.5s;position: absolute;left: 0; background-color: #333333;width: 28px;height: 2px;}
.navModal .navTit .clo span:nth-child(2){margin-top: 5px;top: 6px;}
.navModal.active .navTit .clo span:nth-child(1){transform: rotate(45deg);top: 10px;}
.navModal.active .navTit .clo span:nth-child(2){transform: rotate(-45deg);}
.navModal .w1400{background: url(../images/icon/icon10.png) center no-repeat;}
.modal{visibility: visible;opacity: 1;}
.footer{background-color: #333333;padding-top: 70px;position: relative;background: #ffffff url(../images/index/i35.jpg) center no-repeat;background-size: 100% 100%;}
.footer h6{font-size: 18px;color: #333333;font-weight: 400;line-height: 26px;min-height: 52px;}
.footer .fo1{width: 21.7%;margin-left: 5%;}
.footer li{padding: 0;}
.footer .fo1 .sicon{padding-top: 30px;}
.footer .fo1 em{display: block;width: 33.33%;float: left;}
.footer .fo1 em img{display: block;margin:0 auto; width: 86%;}
/* .footer .fo1 .i1{position: relative; background: #2b2b2b url(../images/icon/icon_3.png) center no-repeat;} */
/* .footer .fo1 .i2{position: relative; background: #2b2b2b url(../images/icon/icon_2.png) center no-repeat;margin-left: 10px;} */
.footer .fo1 .i3{float: right;}
.footer .fo1 p{margin-top: 8px; font-size: 14px;color: #838383;text-align: center;line-height: 20px;}
.footer .fo1 .fo1_bot{margin-bottom: 48px;}
.footer .fo1 .fo1_bot h6{margin-bottom: 18px;}
.footer .fo1 .fo1_bot a{display: block;font-size: 14px;color: #838383;line-height: 36px;}
.footer .fo1 h6{min-height: 26px;}

.footer .fo2{width: 19.9%;margin-right: 3.4%}
.footer .fo2 .info{margin-top: 8px;}
.footer .fo2 p{font-size: 14px;color: #838383;line-height: 40px;}

.footer .fo2 .guides{padding-top: 23px;}
.footer .fo2 ul{margin-right: 50px;}
.footer .fo2 a{font-size: 14px;color: #838383;line-height: 32px;display: block;}
.footer .fo3{width: 56.428%;width: 50%;}
.footer .fo3 p{font-size: 14px;margin-top: 15px;color: #838383;line-height: 24px;min-height: 48px;}
.footer .fo3 .noMar{margin-top: 0;}
.footer .fo3 a{display: block; margin-top: 15px;padding-left: 15px;font-size: 14px;line-height: 24px; color: #838383;background: url(../images/icon/icon4.png) left 6px no-repeat;}
.footer .fo3 a:hover{color: #d20a10;background: url(../images/icon/icon4s.png) left 6px no-repeat;}

/* .footer .fo3 .moreMar{margin-top: 48px;} */
.footer .fo3>div{margin-bottom: 59px;height: 141px;}
/* .footer .fo3 .bs1{width: 28.354%;margin-right: 7.594%;}
.footer .fo3 .bs2{width: 26.582%;margin-right: 9.367%;}
.footer .fo3 .bs3{width: 27.594%;} */

.footer .fo3 .bs1{width: 30%;margin-right:5%;}
.footer .fo3 .bs2{width: 30%;margin-right: 5%;}
.footer .fo3 .bs3{width: 30%;}

.footer .footer01{padding-bottom: 42px;border-bottom: 1px solid #858585;}
.footer .footer02 p{font-size: 14px;color: #838383;text-align: center;line-height: 70px;}
.footer .toTop{opacity: 0.6; padding-top: 37px;background: url(../images/icon/icon5.png) center top no-repeat;position: absolute;bottom: 52px;right:60px;font-size: 18px;color: rgba(255,255,255,1);cursor: pointer;}
.footer .toTop p{color: #696969;font-family: 'Arial'}
.modals{height: 80%;overflow-y: auto;}
.modals .w1400{padding: 0 174px;margin-top: 72px;}
.modals .mavL{margin-top:37px; width: 422px;}
.modals .navlT{margin-bottom: 35px;}
.modals .navlT .item{float: left;width: 50%;margin-bottom: 86px;}
.modals .navlT .item p{font-size: 18px;color: #333333;padding-bottom: 6px;}
.modals .navlT .item span{font-size: 16px;color: #333333;display: block;}
.modals .mavL>p{font-size:16px;color: #333333;}

.modals .navlb{width: 318px;height: 58px;line-height: 58px;text-align: center;margin-top: 75px;position: relative;}
.modals .navlb p{font-size: 14px;color: #333333;line-height: 58px;position: relative;width: 318px;overflow: hidden;cursor: pointer;}
.modals .navlb>a p em{display: block;position: relative;z-index: 1;}
.modals .navlb> a p:hover em{color: #ffffff;}
.modals .navlb p::after{-webkit-transition: all .6s cubic-bezier(.165,.84,.44,1);
    transition: all .6s cubic-bezier(.165,.84,.44,1);
    -webkit-transition-timing-function: cubic-bezier(.165,.84,.44,1);
    transition-timing-function: cubic-bezier(.165,.84,.44,1);
    height: 100%;
    left: -35%;
    top: 0;
    -webkit-transform: skew(50deg);
    transform: skew(50deg);
    -webkit-transform-origin: top left;
    transform-origin: top left;
    width: 0;    background: #333333;
    content: '';
    position: absolute;
    z-index: 0;}
	.modals .navlb p:hover{color: #333333;}
	.modals .navlb p:hover::after{height: 100%;
		width: 135%;}
.modals .navlb .l1{position: absolute;top: 0;left: 0;width: 0;height: 1px;background-color: #333333;transition-delay: 0.5s;transition-duration: 0.5s;}
.modals .navlb .l2{position: absolute;top: 0;left: 100%;width: 1px;height: 0;background-color: #333333;transition-duration: 0.5s;transition-delay: 0.5s;}
.modals .navlb .l3{position: absolute;bottom: 0;right: 0;width: 0;height: 1px;background-color: #333333;transition-duration: 0.5s;transition-delay: 0.5s;}
.modals .navlb .l4{position: absolute;bottom: 0;left: 0;width: 1px;height: 0;background-color: #333333;transition-duration: 0.5s;transition-delay: 0.5s;}
.modals .mavr{width: 272px;margin-top: -12px;}
.modals .mavr li{margin-bottom: 20px;padding: 0;}
.modals .mavr a{font-size: 22px;color: #333333;display: block;line-height: 38px;}
.modals .mavr span{position: relative; font-size: 16px;color: #333333;display: block;opacity: 0;transition-duration: 0.5s;float: left;}
.modals .mavr .sseach{padding-top: 10px;}
.modals .mavr .sseach input{height: 52px;background: url(../images/icon/icon7.png) center right no-repeat; display: block;width: 100%;font-size: 18px;color: #333333;border-bottom: 1px solid #333333;border-radius: 0;}
/* .modals .mavr .sseach em{display: block;width: 24px;height: 24px;} */
.modals .navlT .item,
.modals .mavL>p,
.modals .mavr li,
.modals .mavr .sseach{visibility: hidden;}

.navModal.active .modals .navlT .item,
.navModal.active .modals .mavL>p,
.navModal.active .modals .mavr li,
.navModal.active .modals .mavr .sseach{visibility: visible;
   
    -webkit-animation-duration: 0.5s;
    animation-duration: 0.5s;
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both;
-webkit-animation-name: fadeInUp;
    animation-name: fadeInUp;}
.navModal.active .modals .navlT .item:nth-child(1){animation-delay: 0.1s;-webkit-animation-delay: 0.1s;}
.navModal.active .modals .navlT .item:nth-child(2){animation-delay: 0.2s;-webkit-animation-delay: 0.2s;}
.navModal.active .modals .navlT .item:nth-child(3){animation-delay: 0.3s;-webkit-animation-delay: 0.3s;}
.navModal.active .modals .mavr ul li{position: relative;}
.navModal.active .modals .mavr ul li em{position: absolute;bottom: 12px;left: 0;width: 0;height: 1px;background-color: #333333;transition-duration: 0.5s;transition-delay: 0.4s;}
.navModal.active .modals .mavr ul li:hover em{width: 100%;}
.navModal.active .modals .mavr ul li:hover span{opacity: 1;}
/* .navModal.active .modals .navlT .item:nth-child(1){animation-delay: 0.5s;-webkit-animation-delay: 0.5s;} */
.navModal.active .modals .mavL>p{animation-delay: 0.4s;-webkit-animation-delay: 0.4s;}
.navModal.active .modals .mavr ul li:nth-child(1){animation-delay: 0.1s;-webkit-animation-delay: 0.1s;}
.navModal.active .modals .mavr ul li:nth-child(2){animation-delay: 0.2s;-webkit-animation-delay: 0.2s;}
.navModal.active .modals .mavr ul li:nth-child(3){animation-delay: 0.3s;-webkit-animation-delay: 0.3s;}
.navModal.active .modals .mavr ul li:nth-child(4){animation-delay: 0.4s;-webkit-animation-delay: 0.4s;}
.navModal.active .modals .mavr ul li:nth-child(5){animation-delay: 0.5s;-webkit-animation-delay: 0.5s;}
.navModal.active .modals .mavr ul li:nth-child(6){animation-delay: 0.6s;-webkit-animation-delay: 0.6s;}
.navModal.active .modals .mavr .sseach{animation-delay: 0.7s;-webkit-animation-delay: 0.7s;}
.navModal.active .modals .navlb .l1{width: 318px;}
.navModal.active .modals .navlb .l2{height: 58px;}
.navModal.active .modals .navlb .l3{width: 318px;}
.navModal.active .modals .navlb .l4{height: 58px}


@-webkit-keyframes fadeInUp {
	from {
	  opacity: 0;
	  -webkit-transform: translate3d(0, 50px, 0);
	  transform: translate3d(0, 50px, 0);
	}
  
	to {
	  opacity: 1;
	  -webkit-transform: translate3d(0, 0, 0);
	  transform: translate3d(0, 0, 0);
	}
  }
  
  @keyframes fadeInUp {
	from {
	  opacity: 0;
	  -webkit-transform: translate3d(0, 50px, 0);
	  transform: translate3d(0, 50px, 0);
	}
  
	to {
	  opacity: 1;
	  -webkit-transform: translate3d(0, 0, 0);
	  transform: translate3d(0, 0, 0);
	}
  }
	.loading{position: fixed;top: 0;left: 0;width: 100%;height: 100vh;background-color: #fff;z-index:9999;}
	.loading .loadCon{position: absolute;top: 50%;left: 50%;padding-bottom: 80px;background: url(../images/index/loading.png) center top no-repeat;background-size: 87% auto; width: 819px;height: 380px;transform: translate(-50%,-50%);opacity: 0;transition-duration: 0.5s;}
	.loading .loadCon p{position: absolute;bottom: 0;left: 50%;width: 0;height: 2px;background-color: #cccccc;transform: translateX(-50%);transition-duration: 2s;}
	.loading.active .loadCon p{width: 800px;}
	.loading.active .loadCon{opacity: 1;}
.header .logo .flogo{display: none;}
	@media (max-width:1401px){
		.w1400{width: 1200px;}
	}
.mobile{display: none !important;}

	@media (max-width:1201px){
		.mobile{display: block !important;}
		.pc{display: none !important;}
		/* .header_mar,.footer{display: none;} */
		.m_header,.m_header_mar,.m_banner,.m_footer{display: block;}
		.header .w1920{width: 91.8667%;margin: 0 auto;min-width: auto;padding-top: 0;}
		.header .logo{width: 4.77rem;height: auto;left: 0;top:35%;}
		.w1400{width: 91.667%;margin: 0 auto;}
		.header{top: 0; height: 1.6rem;}
		.header .menu{width: 0.38rem;height: 1.6rem;}
		.header .menu.other{width: 0.38rem;height: 1.6rem;background-image: url(../images/mobile/icon/i1.png);background-size: 100% auto;padding-top: 0;}
		.menu{margin-right: 0;}
		.navModal .w1920{width: 91.886%;min-width: auto;}
		.navModal .navTit a{width: 4.77rem;}
		.navModal{padding-top: 0.56rem;background: #f7f7f7;}
		.navModal .navTit .clo{width: 0.28rem;height: 0.28rem;background-size: 100% auto;margin-top: 0.11rem;margin-right: 0.1rem;}
		.modals .w1400{padding: 0;padding: 0 4%;background-image: none;margin: 0;}
		.modals .mavL{display: none;}
		.modals .mavr a{font-size: 0.3rem;line-height: 0.48rem;}
		.modals .mavr span{font-size: 0.18rem;left: 50%;-webkit-transform:translateX(-50%);-ms-transform:translateX(-50%);-moz-transform:translateX(-50%);-o-transform:translateX(-50%);transform:translateX(-50%);}
		.modals .mavr{width: 100%;text-align: center;margin: 0;padding-top: 1.3rem;}
		.modals .mavr li{margin-bottom: 0.22rem;}
		.modals .mavr .sseach input{width: 2.71rem;height: 0.6rem; font-size: 0.24rem;background-size: 0.24rem auto;margin: 0 auto;}
		/* .navModal .navTit .clo span{width: 0.4rem;} */
		.navModal .navTit .clo span:nth-child(2){top: 0.1rem;margin-top: 0;}
		.navModal.active .navTit .clo span:nth-child(1){top: 0.1rem;}
		.header.on{background-color: #fff;border-bottom: 1px solid #e0e0e0;}
		.header.on .logo .flogo2{display: none;}
		.header.on .logo .flogo{display: block;max-width: 100%;}
		.header .logo .flogo2{display: block;}
		.header .logo .flogo{display: none;}
		.header.on .menu.other{background-image: url(../images/mobile/icon/i1_s.png);}
		.footer .footer01{padding-bottom: 0.96rem;}
		.footer .w1400{width: 91.667%;}
		.footer .fo2{width: 100%;}
		.footer .fo3{width: 100%;}
		.footer .fo1{width: 100%;margin-left: 0;}
		.footer h6{font-size: 0.28rem;line-height: 0.41rem;min-height: auto;}
		.footer .fo2 p{font-size: 0.24rem;line-height: 0.37rem;}
		.footer .fo3 p{font-size: 0.24rem;line-height: 0.37rem;margin-top: 0.1rem;min-height: 0.74rem;}
		.footer .fo3 .bs1{width: 50%;margin-right: 0;}
		.footer .fo3 .bs2{width: 50%;margin-right: 0;}
		.footer .fo3 .bs3{width: 50%;margin-right: 0;}
		.footer .fo3>div{padding-right: 0.41rem;margin-bottom: 0.9rem;}
		.footer .fo3>div:nth-child(2n){padding-left: 0.41rem;padding-right: 0;}
		.footer .fo3 a{padding-left: 0.23rem; font-size: 0.24rem;margin-top: 0.1rem;background: url(../images/icon/icon4.png) left 0.07rem no-repeat;background-size: 0.16rem auto;line-height: 0.36rem;}
		.footer .fo3 a:hover{background: url(../images/icon/icon4.png) left 0.07rem no-repeat;background-size: 0.16rem auto;}
		.footer .fo1 em{}
		.footer .fo1 .i2,.footer .fo1 .i3{margin-left:calc(50% - 2.625rem);}
		.footer .fo1 p{margin-top: -0.1rem; font-size: 0.28rem;line-height: 0.4rem;}
		.footer .fo1 .fo1_bot a{line-height: 0.66rem;font-size:0.3rem;}
		.footer .fo1 .fo1_bot h6{margin-bottom: 0.15rem;}
		.footer .fo1 .fo1_bot{margin-top: 0.6rem;}
		.footer .fo1 .sicon{padding-top: 0.4rem;}
		.footer .fo2{margin-right: 0;padding-bottom: 0.6rem;}
		.loading.active .loadCon p{width: 80%;}
		.loading .loadCon{width: 60%;height: 1.5rem;}
		.footer{padding-top: 0.8rem;background-image: url(../images/index/i35_m.jpg);}
		.footer .fo2 .info>div{margin-left: 6.5%;}
		.footer .fo2 .info>div:nth-child(1){margin-left: 0;}
		.footer .footer02{padding: 0.3rem 0;}
		.footer .footer02 p{font-size: 0.24rem;color: #333333;text-align: center;line-height: 0.4rem;}
		.footer .footer02 p img{width: 0.17rem;}
		.footer .fo1 em{width: 1.75rem;}
		.footer .fo1 em img{width: 100%;}
		.footer .toTop{width: 0.9rem;height: 0.9rem;background: #b5b5b5 url(../images/icon/icon5_m.png) center no-repeat;background-size: 0.3rem 0.43rem;padding: 0;right: 4%;}
		.footer .toTop p{display: none;}
		.navModal .navTit .clo span{width: 0.4rem;}
		/* .header .logo{top: 35%;} */
	}





	@-webkit-keyframes img_show{
		0%{-webkit-transform:translate(0,0) scaleX(0);
			transform:translate(0,0) scaleX(0);
			-webkit-transform-origin:left center;
			transform-origin:left center
		}
		35%{
			-webkit-transform:translate(0,0) scaleX(1);
			transform:translate(0,0) scaleX(1);
			-webkit-transform-origin:left center;
			transform-origin:left center
		}
		36%,60%{
			-webkit-transform:translate(0,0) scaleX(1);
			transform:translate(0,0) scaleX(1);
			-webkit-transform-origin:right center;
			transform-origin:right center
		}
		to{
			-webkit-transform:translate(0,0) scaleX(0);
			transform:translate(0,0) scaleX(0);
			-webkit-transform-origin:right center;
			transform-origin:right center
		}
	}
	@keyframes img_show{
		0%{
			-webkit-transform:translate(0,0) scaleX(0);
			transform:translate(0,0) scaleX(0);
			-webkit-transform-origin:left center;
			transform-origin:left center
		}
		35%{
			-webkit-transform:translate(0,0) scaleX(1);
			transform:translate(0,0) scaleX(1);
			-webkit-transform-origin:left center;
			transform-origin:left center
		}
		36%,60%{
			-webkit-transform:translate(0,0) scaleX(1);
			transform:translate(0,0) scaleX(1);
			-webkit-transform-origin:right center;
			transform-origin:right center
		}
		to{
			-webkit-transform:translate(0,0) scaleX(0);
			transform:translate(0,0) scaleX(0);
			-webkit-transform-origin:right center;
			transform-origin:right center
		}
	}





	@-webkit-keyframes fadeInUps {
		from {
		  opacity: 0;
		  -webkit-transform: translate3d(0, 150px, 0);
		  transform: translate3d(0, 150px, 0);
		}
	  
		to {
		  opacity: 1;
		  -webkit-transform: translate3d(0, 0, 0);
		  transform: translate3d(0, 0, 0);
		}
	  }
	  
	  @keyframes fadeInUps {
		from {
		  opacity: 0;
		  -webkit-transform: translate3d(0, 150px, 0);
		  transform: translate3d(0, 150px, 0);
		}
	  
		to {
		  opacity: 1;
		  -webkit-transform: translate3d(0, 0, 0);
		  transform: translate3d(0, 0, 0);
		}
	  }
	  
	  .fadeInUps {
		-webkit-animation-name: fadeInUps;
		animation-name: fadeInUps;
	  }
	  

	  @-webkit-keyframes proBounceIn {
		from,
		20%,
		40%,
		60%,
		80%,
		to {
		  -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
		  animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
		}
	  
		0% {
		  opacity: 0;
		  -webkit-transform: scale3d(0.3, 0.3, 0.3);
		  transform: scale3d(0.3, 0.3, 0.3);
		}
	  
		20% {
		  -webkit-transform: scale3d(1.1, 1.1, 1.1);
		  transform: scale3d(1.1, 1.1, 1.1);
		}
	  
		40% {
		  -webkit-transform: scale3d(0.9, 0.9, 0.9);
		  transform: scale3d(0.9, 0.9, 0.9);
		}
	  
		60% {
		  opacity: 1;
		  -webkit-transform: scale3d(1.03, 1.03, 1.03);
		  transform: scale3d(1.03, 1.03, 1.03);
		}
	  
		80% {
		  -webkit-transform: scale3d(0.97, 0.97, 0.97);
		  transform: scale3d(0.97, 0.97, 0.97);
		}
	  
		to {
		  opacity: 1;
		  -webkit-transform: scale3d(1, 1, 1);
		  transform: scale3d(1, 1, 1);
		}
	  }
	  
	  @keyframes proBounceIn {
		from,
		20%,
		40%,
		60%,
		80%,
		to {
		  -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
		  animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
		}
	  
		0% {
		  opacity: 0;
		  -webkit-transform: scale3d(0.3, 0.3, 0.3) translate(-50%,-50%);
		  transform: scale3d(0.3, 0.3, 0.3 translate(-50%,-50%));
		}
	  
		20% {
		  -webkit-transform: scale3d(1.1, 1.1, 1.1) translate(-50%,-50%);
		  transform: scale3d(1.1, 1.1, 1.1) translate(-50%,-50%);
		}
	  
		40% {
		  -webkit-transform: scale3d(0.9, 0.9, 0.9) translate(-50%,-50%);
		  transform: scale3d(0.9, 0.9, 0.9) translate(-50%,-50%);
		}
	  
		60% {
		  opacity: 1;
		  -webkit-transform: scale3d(1.03, 1.03, 1.03) translate(-50%,-50%);
		  transform: scale3d(1.03, 1.03, 1.03) translate(-50%,-50%);
		}
	  
		80% {
		  -webkit-transform: scale3d(0.97, 0.97, 0.97) translate(-50%,-50%);
		  transform: scale3d(0.97, 0.97, 0.97) translate(-50%,-50%);
		}
	  
		to {
		  opacity: 1;
		  -webkit-transform: scale3d(1, 1, 1) translate(-50%,-50%);
		  transform: scale3d(1, 1, 1) translate(-50%,-50%);
		}
	  }

.top-menu-s{z-index: 100000;}
.top-menu ul li{position: static;padding: 0;margin:0;}
.top-menu .z-x-w-100{height: 30px;}
.z-x-m-p-p:after { content:" "; display:block; clear:both; height:0; /*visibility:hidden;*/}
.z-x-m-p-p{zoom:1; }
.z-x-m li a{display: block !important;}
.z-x-m li .z-x-m-p{top:30px;}

.z-x-l-p > li > ul > li a{display: block;font-size: 12px;}
.z-x-line{padding-bottom: 0px !important;padding-top: 10px !important;}
.footer{padding-top: 0;}
.footer .footer01{padding-top: 70px;}
@media screen and (max-width:1201px){
	.top-menu-s{display: none;}
	.footer{padding-top: 0.8rem;}
	.footer .footer01{padding-top: 0px;}
	.footer.section.swiper-slide{display: none;}
}


.heade,.header2,.header3{top:0;}
.top-menu-s,.z-x-line{display:none;}