@charset "utf-8";
/* CSS Document */


/*head nav start*/

.pc{ display:block;}
.mb{ display:none;}
.no{display:none;}

.dela01{-webkit-animation-delay: 0.1s !important;-moz-animation-delay: 0.1s !important;-ms-animation-delay: 0.1s !important;animation-delay: 0.1s !important;}
.dela02{-webkit-animation-delay: 0.2s !important;-moz-animation-delay: 0.2s !important;-ms-animation-delay: 0.2s !important;animation-delay: 0.2s !important;}
.dela03{-webkit-animation-delay: 0.3s !important;-moz-animation-delay: 0.3s !important;-ms-animation-delay: 0.3s !important;animation-delay: 0.3s !important;}
.dela04{-webkit-animation-delay: 0.4s !important;-moz-animation-delay: 0.4s !important;-ms-animation-delay: 0.4s !important;animation-delay: 0.4s !important;}
.dela05{-webkit-animation-delay: 0.5s !important;-moz-animation-delay: 0.5s !important;-ms-animation-delay: 0.5s !important;animation-delay: 0.5s !important;}
.dela06{-webkit-animation-delay: 0.6s !important;-moz-animation-delay: 0.6s !important;-ms-animation-delay: 0.6s !important;animation-delay: 0.6s !important;}
.dela07{-webkit-animation-delay: 0.7s !important;-moz-animation-delay: 0.7s !important;-ms-animation-delay: 0.7s !important;animation-delay: 0.7s !important;}
.dela08{-webkit-animation-delay: 0.8s !important;-moz-animation-delay: 0.8s !important;-ms-animation-delay: 0.8s !important;animation-delay: 0.8s !important;}
.dela09{-webkit-animation-delay: 0.9s !important;-moz-animation-delay: 0.9s !important;-ms-animation-delay: 0.9s !important;animation-delay: 0.9s !important;}
.dela10{-webkit-animation-delay: 1s !important;-moz-animation-delay: 1s !important;-ms-animation-delay: 1s !important;animation-delay: 1s !important;}
.dela11{-webkit-animation-delay: 1.1s !important;-moz-animation-delay: 1.1s !important;-ms-animation-delay: 1.1s !important;animation-delay: 1.1s !important;}
.dela12{-webkit-animation-delay: 1.2s !important;-moz-animation-delay: 1.2s !important;-ms-animation-delay: 1.2s !important;animation-delay: 1.2s !important;}
.dela13{-webkit-animation-delay: 1.3s !important;-moz-animation-delay: 1.3s !important;-ms-animation-delay: 1.3s !important;animation-delay: 1.3s !important;}
.dela14{-webkit-animation-delay: 1.4s !important;-moz-animation-delay: 1.4s !important;-ms-animation-delay: 1.4s !important;animation-delay: 1.4s !important;}
.dela15{-webkit-animation-delay: 1.5s !important;-moz-animation-delay: 1.5s !important;-ms-animation-delay: 1.5s !important;animation-delay: 1.5s !important;}
.dela16{-webkit-animation-delay: 1.6s !important;-moz-animation-delay: 1.6s !important;-ms-animation-delay: 1.6s !important;animation-delay: 1.6s !important;}
.dela17{-webkit-animation-delay: 1.7s !important;-moz-animation-delay: 1.7s !important;-ms-animation-delay: 1.7s !important;animation-delay: 1.7s !important;}
.dela18{-webkit-animation-delay: 1.8s !important;-moz-animation-delay: 1.8s !important;-ms-animation-delay: 1.8s !important;animation-delay: 1.8s !important;}
.dela19{-webkit-animation-delay: 1.9s !important;-moz-animation-delay: 1.9s !important;-ms-animation-delay: 1.9s !important;animation-delay: 1.9s !important;}
.dela20{-webkit-animation-delay: 2s !important;-moz-animation-delay: 2s !important;-ms-animation-delay: 2s !important;animation-delay: 2s !important;}
.dela21{-webkit-animation-delay: 2.1s !important;-moz-animation-delay: 2.1s !important;-ms-animation-delay: 2.1s !important;animation-delay: 2.1s !important;}
.dela22{-webkit-animation-delay: 2.2s !important;-moz-animation-delay: 2.2s !important;-ms-animation-delay: 2.2s !important;animation-delay: 2.2s !important;}
.dela23{-webkit-animation-delay: 2.3s !important;-moz-animation-delay: 2.3s !important;-ms-animation-delay: 2.3s !important;animation-delay: 2.3s !important;}
.dela24{-webkit-animation-delay: 2.4s !important;-moz-animation-delay: 2.4s !important;-ms-animation-delay: 2.4s !important;animation-delay: 2.4s !important;}
.dela25{-webkit-animation-delay: 2.5s !important;-moz-animation-delay: 2.5s !important;-ms-animation-delay: 2.5s !important;animation-delay: 2.5s !important;}
.dela26{-webkit-animation-delay: 2.6s !important;-moz-animation-delay: 2.6s !important;-ms-animation-delay: 2.6s !important;animation-delay: 2.6s !important;}
.dela27{-webkit-animation-delay: 2.7s !important;-moz-animation-delay: 2.7s !important;-ms-animation-delay: 2.7s !important;animation-delay: 2.7s !important;}
.dela28{-webkit-animation-delay: 2.8s !important;-moz-animation-delay: 2.8s !important;-ms-animation-delay: 2.8s !important;animation-delay: 2.8s !important;}
.dela29{-webkit-animation-delay: 2.9s !important;-moz-animation-delay: 2.9s !important;-ms-animation-delay: 2.9s !important;animation-delay: 2.9s !important;}
.dela30{-webkit-animation-delay: 3s !important;-moz-animation-delay: 3s !important;-ms-animation-delay: 3s !important;animation-delay: 3s !important;}
.dela50{-webkit-animation-delay: 5s !important;-moz-animation-delay: 5s !important;-ms-animation-delay: 5s !important;animation-delay: 5s !important;}

#home_title{ width:100%; height:82px; position:fixed; left:0; top:0; z-index:28; background:white;}
#home_title .titleParent{ width:100%; height:55px; position:absolute; top:15px; left:0;}
.pc_homeLogo{ width:113px; height:37px; position:absolute; left:5%; top:9px; background:url(../img/home_title_Logo.png) no-repeat center; background-size:100% 100%;}
.pc_homeRLogo{ width:159px; height:55px; background:url(../img/home_title_RLogo.png) no-repeat; background-size:100% 100%; position:absolute; right:0; top:0;}
.mb_homeLogo{ width:86px; height:100%; background:url(../img/home_title_mobileLogo.png) no-repeat center; background-size:cover; position:absolute; left:50%; margin-left:-43px; top:0;}
.mb_homeRLogo{ width:128px; height:100%; background:url(../img/home_title_mobileRLogo.png) no-repeat center; background-size:100% 100%; position:absolute; left:0; top:0;}
.pc_home_RLogo_text1{ position:absolute; left:26px; top:30px; font-size:14px; font-weight:bold; color:#d6d6d8; line-height:15px;}
.pc_home_RLogo_text2{ position:absolute; left:122px; top:30px; font-size:13px; color:#d6d6d8; line-height:15px;}
.mb_home_RLogo_text1{ position:absolute; left:12px; top:24px; font-size:13px; font-weight:bold; color:#d6d6d8; line-height:12px;}
.mb_home_RLogo_text2{ position:absolute; left:82px; top:24px; font-size:12px; color:#d6d6d8; line-height:12px;}
.title_btn{ width:85px; height:100%; background-image:url(../img/home_title_mobileBtn.png); background-repeat:no-repeat; background-size:cover; background-position:center; position:absolute; right:0; top:0; display:none;}
.navUl_pc{ width:700px; height:100%; position:absolute; right:180px; top:0; z-index:5;}
.navUl_pc li{ width:116px; height:100%; position:relative; float:left; text-align:center; cursor:pointer; color:#8b8b91;font-size:16px; line-height:55px; background-repeat:no-repeat; background-position:center;}
.navUl_pc li span{ width:1px; height:31px; position:absolute; right:0; top:12px; background:#cfcfd2; transform:rotate(22deg)}

.mbMask{ width:100%; height:100%; background:rgba(0,0,0,0.5); position:fixed; left:0; top:-1px; z-index:29; overflow:hidden; transition:.5s; transition-timing-function:linear; opacity:0; display:none;}
.navUl_mb{ width:70%; height:100%; position:absolute; right:0; top:0; margin:0;  font-family:"微软雅黑"; background:white;}
.navUl_mb li{ width:100%; height:80px; text-align:start; padding-left:10%; float:none; position:relative; font-size:14px; line-height:42px; box-sizing:border-box; opacity:0; animation-fill-mode:forwards; -webkit-animation-fill-mode:forwards; background-repeat:no-repeat; background-position:10% center;}
.navUl_mb li:nth-of-type(1){ background-size:34px 17px;}
.navUl_mb li:nth-of-type(2){ background-size:70px 17px;}
.navUl_mb li:nth-of-type(3){ background-size:89px 17px;}
.navUl_mb li:nth-of-type(4){ background-size:70px 17px;}
.navUl_mb li:nth-of-type(5){ background-size:89px 17px;}
.navUl_mb li:nth-of-type(6){ background-size:61px 19px;}
.navUl_mb li:nth-of-type(1){ margin-top:84px;}
.lineNav{ width:86%; height:1px; position:absolute; left:7%; background:#e6e6e7; top:82px;}
.navUl_mb li span{ width:86%; height:1px; position:absolute; left:7%; top:auto; right:auto; bottom:0; background:#e6e6e7;}
.close{ width:171px; height:86px; position:absolute; right:00; top:0; background:url(../img/title_close.png) no-repeat center; background-size:100% 100%;}
.titleMbIn{ animation:.3s titleMbIn 1 ease-out; -webkit-animation:.3s titleMbIn 1 ease-out;}
.titleMbOut{ animation:.3s titleMbOut 1 ease-out; -webkit-animation:.3s titleMbOut 1 ease-out;}
.titlePadIn{ animation:.3s titlePadIn 1 ease-out; -webkit-animation:.3s titlePadIn 1 ease-out;}
.titlePadOut{ animation:.3s titlePadOut 1 ease-out; -webkit-animation:.3s titlePadOut 1 ease-out;}

@-webkit-keyframes titleMbIn{
	0%{ transform:translateY(-40px); opacity:0;}
	100%{ transform:translateY(0); opacity:1;}
}
@keyframes titleMbIn{
	0%{ transform:translateY(-40px); opacity:0;}
	100%{ transform:translateY(0); opacity:1;}
}
@-webkit-keyframes titleMbOut{
	0%{ transform:translateY(0); opacity:1;}
	100%{ transform:translateY(-40px); opacity:0;}
}
@keyframes titleMbOut{
	0%{ transform:translateY(0); opacity:1;}
	100%{ transform:translateY(-40px); opacity:0;}
}

@-webkit-keyframes titlePadIn{
	0%{ transform:translateX(-40px); opacity:0;}
	100%{ transform:translateX(0); opacity:1;}
}
@keyframes titlePadIn{
	0%{ transform:translateX(-40px); opacity:0;}
	100%{ transform:translateX(0); opacity:1;}
}
@-webkit-keyframes titlePadOut{
	0%{ transform:translateX(0); opacity:1;}
	100%{ transform:translateX(-40px); opacity:0;}
}
@keyframes titlePadOut{
	0%{ transform:translateX(0); opacity:1;}
	100%{ transform:translateX(-40px); opacity:0;}
}

/*head nav end*/

/*homebtm start*/

#home_btm{ width:100%; height:22px; position:fixed; left:0; bottom:0; z-index:28; background:white;}
#home_btm .img1{ float:right; margin-top:5px; margin-right:1%;}
#home_btm .mb{ width:96px; height:100%; background:url(../img/MBhome_btm_text.png) no-repeat center; background-size:auto 10px; float:right; margin-right:3%;}
#home_btm a{ display:inline-block; height:100%; float:right; margin-right:15px;}
#home_btm a img{ width:auto; position:relative; top:50%; transform:translateY(-50%); -moz-transform:translateY(-50%); -ms-transform:translateY(-50%); -o-transform:translateY(-50%); -webkit-transform:translateY(-50%); float:right; margin-right:4px;}
#home_btm a .imgA{ height:90%;}
#home_btm a .imgB{ height:102%;}
#home_btm a p{ color:#939393; height:100%; float:right; font-size:12px; line-height:22px;}

/*homebtm end*/

@media screen and (max-width: 1600px){
/*	.navUl_pc li{ right:160px; transform:scale(0.94); -webkit-transform:scale(0.94); -moz-transform:scale(0.94); -ms-transform:scale(0.94); -o-transform:scale(0.94);}*/
	.navUl_pc{ right:160px;}
	.navUl_pc li:nth-of-type(1){ background-size:29px 15px;}
	.navUl_pc li:nth-of-type(2){ background-size:58px 15px;}
	.navUl_pc li:nth-of-type(3){ background-size:72px 15px;}
	/* .navUl_pc li:nth-of-type(4){ background-size:58px 15px;} */
	.navUl_pc li:nth-of-type(4){ background-size:72px 15px;}
	
}


@media screen and (max-width: 1300px){
	#home_title{ height:61px;}
	#home_title .titleParent{ top:3px;}
	.pc_homeLogo{ width:80px; height:26px; top:17px;}
	.navUl_pc li{ width:100px; color:#8b8b91; font-size:15px;}
	
	.navUl_pc{ right:80px;}
	.navUl_pc li:nth-of-type(1){ background-size:25px 13px;}
	.navUl_pc li:nth-of-type(2){ background-size:50px 13px;}
	.navUl_pc li:nth-of-type(3){ background-size:63px 13px;}
	/* .navUl_pc li:nth-of-type(4){ background-size:50px 13px;} */
	.navUl_pc li:nth-of-type(4){ background-size:63px 13px;}
}

@media screen and (max-width: 1024px){
	.pc{ display:none;}
	.mb{ display:block;}

	#home_title{ width:100%; height:56px; position:fixed; left:0; top:0; z-index:28; background:white;}
	#home_title .titleParent{ width:100%; height:42px; position:absolute; top:7px; left:0;}
	.close{ display:block;}
	
}


@media screen and (max-width: 750px){
	#home_title{ height:42px;}
	#home_title .titleParent{ top:0;}
	#home_btm{ height:16px;}
	#home_btm a p{ line-height:16px;}
	#home_btm a{ margin-right:4px; font-size:10px;}
	#home_btm a img{ margin-right:2px;}
	
	.mbMask{ top:42px;}
	.navUl_mb{ width:100%; height:320px;}
	.navUl_mb li{ width:100%; height:50px; text-align:start; padding-left:10%; float:none; position:relative; font-size:14px; line-height:42px; box-sizing:border-box; opacity:0; animation-fill-mode:forwards;}
	.navUl_mb li:nth-of-type(1){ margin-top:0;}
	.lineNav{ top:0;}
	.close{ display:none;}
	}