﻿.otxt,.obtn,.otext{ background:none; border:none;}
.top-nav{
	position: fixed;
	z-index: 998;
	top: 0;
	left: 0;
	width: 100%;
	padding-top: 10px;
	-webkit-transition:  0.3s;
	-moz-transition:  0.3s;
	transition:  0.3s;
}
.top-nav.bg{
	background-color: #fff;
	box-shadow:0 0 4px rgb(102,102,102,0.1);
	-webkit-box-shadow:0 0 4px rgb(102,102,102,0.1);
	-moz-box-shadow:0 0 4px rgb(102,102,102,0.1);
}
.top-nav .nav-main-warp{

}
.top-nav .nav-main{
	max-width: 1200px;
	margin: auto;
}
.top-nav .nav-l{
	/* margin-top: 20px; */
}
.top-nav .nav-l .logo{
	padding: 5px 0;
}
.top-nav .nav-l .logo .logo-img-w{
	display: none;
}
.top-nav.bg .nav-l .logo .logo-img{
	display: none;
}
.top-nav.bg .nav-l .logo .logo-img-w{
	display: block;
}
.top-nav .nav-l .logo img{ height:100px;}
.top-nav .nav-r{
	
}
.top-nav .nav-other-link{
	text-align: right;

}
.top-nav .nav-other-link > li{
	position: relative;
	display: inline-block;
	padding: 10px 30px;
	cursor: pointer;
	background: left/18px no-repeat;
	z-index:99;
}
.top-nav .nav-other-link li.signin{
	background-image: url('../images/signin-w.png');
}
.top-nav .nav-other-link li.lan{
	background-image: url('../images/lan-w.png');
}
.top-nav .nav-other-link li.search{
	background-image: url('../images/search-w.png');
}
.top-nav.bg .nav-other-link li.signin{
	background-image: url('../images/signin.png');
}
.top-nav.bg .nav-other-link li.lan{
	background-image: url('../images/lan.png');
}
.top-nav.bg .nav-other-link li.search{
	background-image: url('../images/search.png');
}
.top-nav .nav-other-link li span{
	position: relative;
	font-size: 12px;
	color: #fff;
	-webkit-transition: color 0.3s;
	transition: color 0.3s;
}
.top-nav.bg .nav-other-link li span{
	color: #919191;
}
.top-nav .nav-other-link li span.triangle:after{
	position: absolute;
	content: '';
	right: -14px;
	top: 7px;
	width: 0;
	height: 0;
	border-top: 4px solid #fff;
	border-left: 4px solid transparent;
	border-right: 4px solid transparent;
	border-bottom: none;
}
.top-nav.bg .nav-other-link li span.triangle:after{
	border-top-color: #000;
}
.language-list{
	position: absolute;
	display: none;
	top: 100%;
	left: 0;
	width: 100%;
	border-radius: 5px;
	overflow: hidden;
	/* box-shadow: 2px 2px 6px #f4f4f4,-2px -2px 6px #f4f4f4,-2px 2px 6px #f4f4f4,2px -2px 6px #f4f4f4; */
}
.language-list li{
	border-bottom: 1px solid #999;
}
.language-list li:last-child{
	border-bottom: none;
}
.language-list a{
	display: block;
	padding: 6px 0;
	color: #000;
	text-align: center;
	-webkit-transition: 0.3s;
	transition: 0.3s;
	background-color: #fff;
}
.subsidiary-list a:hover{
	color: #fff;
	background-color: #666;
}
.top-nav .nav-link{
	
}
.top-nav .nav-link li{
	float: left;
}
.top-nav .nav-link a:hover{ color:#fc941a;}
.top-nav .nav-link a{
	display: block;
	padding: 10px 25px;
	font-size: 18px;
	color: #fff;
	-webkit-transition: color 0.3s;
	transition: color 0.3s;
}
.top-nav.bg .nav-link a{
color: #000;
}
.top-nav.bg .nav-link a:hover{
color:#fc941a;
}













.search-pop{
	position: fixed;
	box-sizing: border-box;
	top: 0;
	left: 0;
	z-index: 999;
	width: 100%;
	opacity: 0;
	padding: 30px;
	background-color: #1260bb;
	-webkit-transition: 0.4s;
	transition: 0.4s;
	background-color: #212b33;
	-webkit-transform: translateY(-100%);
	transform: translateY(-100%);
}
.search-pop.show{
	opacity: 1;
	-webkit-transform: translateY(0);
	transform: translateY(0);
}
.search-pop .close{
	position: absolute;
	top: 131px;
	right: 40px;
	cursor: pointer;
}
.search-warp .searchinp{
	position: relative;
	background-color: #fff;
}
.search-warp input[type=text]{
	box-sizing: border-box;
	width: 100%;
	padding: 18px 20px;
	font-size: 18px;
	padding-right: 62px;
}
.search-warp input[type=text]:focus{color:#000}
.search-warp input[type=text]{
	padding-left: 36px;
	border: 1px solid #fff;
	border-radius: 100px;
	color: #fff;
}
.search-warp input[type=submit]{
	position: absolute;
	top: 0;
	right: 15px;
	width: 40px;
	height: 100%;
	background: url('../images/search.png') center/30px no-repeat;
	cursor: pointer;
}
.footer{
	padding: 56px 0 28px;
	background-color: #212b34;
	border-top: 20px solid #e8ecf0;
	border:none;
}
.footer-main{
	max-width: 1200px;
	text-align: center;	
	margin: auto;
}

.footer-main-link-box{
	
}
.other-link-box{

}
.other-link-list,.subsidiary,.social-link-list{
	display: inline-block;
}
.other-link-list{

}
.other-link-list li,.social-link-list li{
	float: left;
}
.other-link-list li a,.social-link-list li a{
	display: block;
}
.other-link-list li a{
	position: relative;
	padding: 5px 32px;
	color: #fff;
}
.other-link-list li a:hover{
	color: #0075c1;
}
.other-link-list li a:after{
	position: absolute;
	content: '';
	right: 0;	
	top: 50%;	
	width: 1px;	
	height: 12px;	
	background-color: #fff;
	-webkit-transform: translateY(-50%);
	transform: translateY(-50%);
}
.other-link-list li:last-child a:after{
	display: none;
}
.subsidiary-box{
	margin: 28px 0;
}
.subsidiary{
	position: relative;
	cursor: pointer;	
}
.now-subsidiary{
	position: relative;
	padding: 5px 20px 5px 30px;
	background: url('../images/qi.png') left/26px no-repeat;
	color: #939393;
}
.now-subsidiary:after{
	position: absolute;
	content: '';
	right: 5px;
	top: 50%;	
	width: 12px;	
	height: 10px;	
	margin-top: -5px;
	background: url('../images/b-arrow-y.png') center/12px no-repeat;
	-webkit-transition: 0.4s;
	transition: 0.4s;
}
.subsidiary:hover .now-subsidiary{
	background-color: #fff;
	background-image: url('../images/qi-h.png');
	color: #000;
}
.subsidiary:hover .now-subsidiary:after{
	background-image: url('../images/b-arrow.png');
	-webkit-transform: rotateZ(180deg);
	transform: rotateZ(180deg);
}
.subsidiary-nav2{
	position: absolute;
	bottom: 28px;
	width: 100%;
	height: 0;		
	overflow: hidden;	
	-webkit-transition: 0.4s;
	transition: 0.4s;
}
.subsidiary:hover .subsidiary-nav2{
	height: 60px;
	
}

.subsidiary-nav2 li{
	background-color: #fff;
}
.subsidiary-nav2 li:hover{
	background-color: #52c3f1;
}
.subsidiary-nav2 li a{
	display: block;
	padding: 6px 10px;
	color: #000;
}
.social-link-box{
	margin-top: 32px;
}
.social-link-list{

}
.social-link-list li a{
	width: 14px;
    height: 14px;
    padding: 10px 20px;
    opacity: 0.6;
    background: center/30px no-repeat;
}
.social-link-list li a:hover{
	opacity: 1;
}
.social-link-list li.facebook a{
	-webkit-background-size: 15px;
	background-size: 15px;
	background-image: url('../images/facebook.png');	
}
.social-link-list li.twitter a{
	background-image: url('../images/twitter.png');
}
.social-link-list li.youtube a{
	background-image: url('../images/youtube.png');
}
.social-link-list li.wx a{
	background-image: url('../images/wx.png');
}
.copyright{
	line-height: 32px;
	color: #b6b6b6;
}


.vam{ vertical-align:top;}
.text-1{overflow: hidden;text-overflow:ellipsis;white-space: nowrap;}





.proList, .serList{ display:none; overflow:hidden;}


.bBor:after,.tBor:before{position:absolute;content:"";height:1px;background:rgba(255,255,255,0.35);left:0;right:0}
.tBor:before{top:0}
.bBor:after{bottom:0}
.lBor:before,.rBor:after{position:absolute;content:"";width:1px;background:rgba(255,255,255,0.35);top:0;bottom:0}
.lBor:before{left:0}
.rBor:after{right:0}
a{color: #000000;}
.trblBor:after{position:absolute;content:"";top:0;left:0;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;width:100%;height:100%;border:1px solid rgba(255,255,255,0.35);point-events:none}
@media (min--moz-device-pixel-ratio:1.5),(-webkit-min-device-pixel-ratio:1.5),(min-device-pixel-ratio:1.5),(min-resolution:144dpi),(min-resolution:1.5dppx),(-ms-high-contrast:active),(-ms-high-contrast:none){.bBor:after,.tBor:before{-webkit-transform:scaleY(.5);-ms-transform:scaleY(.5);-o-transform:scaleY(.5);transform:scaleY(.5)}
.lBor:before,.rBor:after{-webkit-transform:scaleX(.5);-ms-transform:scaleX(.5);-o-transform:scaleX(.5);transform:scaleX(.5)}
.trblBor:after{width:200%;height:200%;-webkit-transform:scale(.5);-ms-transform:scale(.5);-o-transform:scale(.5);transform:scale(.5)}
.lBor:before,.tBor:before,.trblBor:after{-webkit-transform-origin:0 0;-moz-transform-origin:0 0;-ms-transform-origin:0 0;-o-transform-origin:0 0;transform-origin:0 0}
.bBor:after,.rBor:after{-webkit-transform-origin:100% 100%;-moz-transform-origin:100% 100%;-ms-transform-origin:100% 100%;-o-transform-origin:100% 100%;transform-origin:100% 100%}
}
@media (-webkit-device-pixel-ratio:1.5){.bBor:after,.tBor:before{-webkit-transform:scaleY(.6666);-ms-transform:scaleY(.6666);-o-transform:scaleY(.6666);transform:scaleY(.6666)}
.lBor:before,.rBor:after{-webkit-transform:scaleX(.6666);-ms-transform:scaleX(.6666);-o-transform:scaleX(.6666);transform:scaleX(.6666)}
.trblBor:after{width:150%;height:150%;-webkit-transform:scale(.6666);-ms-transform:scale(.6666);-o-transform:scale(.6666);transform:scale(.6666)}
}
@media (-webkit-device-pixel-ratio:3){.bBor:after,.tBor:before{-webkit-transform:scaleY(.3333);-ms-transform:scaleY(.3333);-o-transform:scaleY(.3333);transform:scaleY(.3333)}
.lBor:before,.rBor:after{-webkit-transform:scaleX(.3333);-ms-transform:scaleX(.3333);-o-transform:scaleX(.3333);transform:scaleX(.3333)}
.trblBor:after{width:300%;height:300%;-webkit-transform:scale(.3333);-ms-transform:scale(.3333);-o-transform:scale(.3333);transform:scale(.3333)}
}
/*loading*/
.loading{ position:fixed; left:0; top:0; width:100%; height:100%; z-index:9999; background:#fff;}
.loading img{ width:60px; height:60px; position:absolute; left:50%; top:50%; margin-left:-30px; margin-top:-30px;}

.hidden{overflow: hidden !important; height: 100% !important; height: 100% !important; margin-top:0!important;}

/*鑿滃崟鍔ㄧ敾*/
.menuIcon,.menuIcon2{position:absolute; left:0px; top:0px; z-index:996; cursor:pointer;}
.btn-nav{background:0 0;border:none;padding:10px 20px;-webkit-transition:all .5s ease;-moz-transition:all .5s ease;-ms-transition:all .5s ease;-o-transition:all .5s ease;transition:all .5s ease;cursor:pointer;z-index:99999}
.btn-nav:focus{outline:0}
.icon-bar{display:block;margin:5px 3px;width:18px;height:2px;background-color:#fff;}
.btn-nav:hover .icon-bar{-webkit-transition:all 0.5s ease;-moz-transition:all 0.5s ease;-ms-transition:all 0.5s ease;-o-transition:all 0.5s ease;transition:all 0.5s ease;}
.animated2{display:block;margin:0 auto}
.animated2:focus .icon-bar,.animated2:hover .icon-bar{background-color:#000}
.animated2:focus{cursor:pointer;z-index:9999}
.middle{width:24px;margin-left: 0;}
.icon-bar{-webkit-transition:all .5s ease;-moz-transition:all .5s ease;-ms-transition:all .5s ease;-o-transition:all .5s ease;transition:all .5s ease;z-index:999999}
.animated2 .icon-bar{z-index:999999;background-color:#000}
.animated2 .top{-webkit-transform:translateY(6px) rotateZ(45deg);-moz-transform:translateY(6px) rotateZ(45deg);-ms-transform:translateY(6px) rotateZ(45deg);-o-transform:translateY(6px) rotateZ(45deg);transform:translateY(6px) rotateZ(45deg)}
.animated2 .bottom{-webkit-transform:translateY(-8px) rotateZ(-45deg);-moz-transform:translateY(-8px) rotateZ(-45deg);-ms-transform:translateY(-8px) rotateZ(-45deg);-o-transform:translateY(-8px) rotateZ(-45deg);transform:translateY(-8px) rotateZ(-45deg)}
.animated2 .middle{width:0}

/*鍏叡澶撮儴*/
.menuIcon2{ background:url(../img/icon_05.png) no-repeat center center; background-size:18px; width:63px; height:46px; display:none;}
header{ left:0; top:0; width:100%; height:45px; z-index:1000;position:fixed;transition:background 0.4s ease-out 0.5s; -webkit-transition:background 0.4s ease-out 0.5s;}
header .logo{ position:absolute; left:0; top:0; width:140px; height:45px; background:url(../image/logo.png) no-repeat center center; }
header .logo a{ display:block; width:100%; height:100%;}
header.showMenu{  background:none;transition:background 0s ease-out; -webkit-transition:background 0s ease-out;}
header.showMenu .logo{ background-image:url(../img/logo2.png)}
header.showMenu .animated2 .icon-bar{ background:#fff;}
.menuMain{ position:fixed; left:0; top:0; width:100%; height:100%; z-index:999; background:#2f2f2f; display:none; margin:0; padding:0; overflow:hidden; overflow-y: scroll;}
.menuBox{ margin:65px 0px 20px 0px; padding:0 20px; height:100%; position:relative; overflow:hidden; overflow-y:scroll;}
.menuBox li{ padding:0 0px 0 0; position:relative;}
.menuBox li>a{ height:48px; line-height:48px; color:#fff; font-size:14px; background:url(../img/icon_01.png) no-repeat 98% center; background-size:12px; display:block; opacity:0.8}
.menuBox li>a.r-arrow{
	background-image: url(../img/r-arrow.png);
	-webkit-background-size: 8px;
	background-size: 8px;
}
.menuBox li.on>a{ background-image:url(../img/icon_02.png);}
.menuBox li.link>a{ background-image:url(../img/icon_031.png);}
.menuBox li.searchBtn>a{ background: url(../img/icon_04.png) no-repeat left center;background-size:14px; text-indent:18px;}
.menuBox .linkBtn{ padding-top:30px; text-align:center;}
.menuBox .linkBtn a{height:42px; line-height:42px; color:rgba(255,255,255,0.5); padding:0 30px; border-radius:5px; display:inline-block; margin:0 15px; font-size:14px; position:relative;}
.menuBox .linkBtn a:after{border-radius:10px;}
.proList,.serList{ overflow:hidden; display:none;}
.proList a,.serList a{ padding-left:12px; display:block; height:42px; line-height:42px; font-size:13px;  color:rgba(255,255,255,0.6); position:relative; background-repeat:no-repeat; background-position:15px center; background-size:28px;}
.serList a{ width:100%; text-indent:20px;}
.menuBox .preBox ul{ padding:0 20px;}
.menuBox .preBox{ position:absolute; left:0; top:0; width:100%;
-webkit-transform: translateY(0px); transform:translateY(0px);
 transition:-webkit-transform 0.35s linear;
    transition: transform 0.35s linear;}
    
.menuBox .nextBox .other{ display:none;}
.menuBox .nextBox .other .tit{ font-size:12px; color:rgba(255,255,255,0.3); padding:20px 0 10px 0;}
.menuBox .nextBox .other a{ height:40px; line-height:40px; position:relative; font-size:14px; color:rgba(255,255,255,0.64); display:inline-block; width:100%;}
.searchForm{height:48px; line-height:48px; color:rgba(255,255,255,0.8); font-size:14px; background: url(../img/icon_04.png) no-repeat left center;background-size:14px; text-indent:18px; opacity:0.8; position:relative; left:200%; opacity:0;}
.searchForm .searchBtn,.searchForm .searchBtn2{ position:absolute; left:0; top:0; width:20px; height:48px; display:block;}
.searchForm .searchBtn2{ height:24px; line-height:24px; width:68px; text-align:center; color:#fff; border:1px solid #fff; border-radius: 5px; display:inline-block; right: 0; left: auto; top:8px; text-indent: 0; opacity:0.5;}
.searchForm input{ background:none;color:rgba(255,255,255,0.64); border:0;height:20px; line-height:20px; margin-top:14px; width:90%;}
.menuSearch .preBox{-webkit-transform: translateY(-144px); transform:translateY(-144px);}
.menuSearch .searchForm{ left:0;}
.searchHide .searchForm{opacity:1;}
.showMain .searchHide .searchBtn{opacity:0;}
.menuBox li,.linkBtn{opacity: 0;
    pointer-events: none;
    -webkit-transform: scale(1.1) translateY(-24px);
    transform: scale(1.1) translateY(-24px);
    -webkit-transition: opacity 0.35s ease-out, -webkit-transform 0.35s ease-out;
    transition: opacity 0.35s ease-out, -webkit-transform 0.35s ease-out;
    transition: opacity 0.35s ease-out, transform 0.35s ease-out;
    transition: opacity 0.35s ease-out, transform 0.35s ease-out, -webkit-transform 0.35s ease-out;}
.showMain .menuBox li,.showMain .linkBtn{opacity: 1;pointer-events: auto; -webkit-transform: none; transform: none;}
.showMain .menuBox li:nth-child(2){-webkit-transition-delay: 100ms,100ms; transition-delay: 100ms,100ms;}
.showMain .menuBox li:nth-child(3){-webkit-transition-delay: 180ms,180ms; transition-delay: 180ms,180ms;}
.showMain .menuBox li:nth-child(4){-webkit-transition-delay: 260ms,260ms; transition-delay: 260ms,260ms;}
.showMain .menuBox li:nth-child(5){-webkit-transition-delay: 340ms,340ms; transition-delay: 340ms,340ms;}
.showMain .menuBox li:nth-child(6){-webkit-transition-delay: 420ms,420ms; transition-delay: 420ms,420ms;}
.showMain .menuBox li:nth-child(7){-webkit-transition-delay: 500ms,500ms; transition-delay: 500ms,500ms;}
.showMain .menuBox li:nth-child(8){-webkit-transition-delay: 580ms,580ms; transition-delay: 580ms,580ms;}
.showMain .linkBtn{-webkit-transition-delay: 340ms,340ms; transition-delay: 340ms,340ms;}
.nav-search-warp{
    position: relative;
    line-height: 46px;
    height: 46px;
    padding-left: 30px;
    font-size: 14px;
    margin: 0 20px;
    padding-left: 24px;
    color: rgba(255,255,255,0.8);
    background: url('../img/search-icon.png') left/16px no-repeat;
}
.nav-search-warp:after{
    content: '';
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 1px;
    -webkit-transform: scaleY(0.5);
    -moz-transform: scaleY(0.5);
    -ms-transform: scaleY(0.5);
    -o-transform: scaleY(0.5);
    transform: scaleY(0.5);
    background-color: rgba(220,220,220,.5);
}
.nav-search-warp input{
    width: 100%;
    height: 100%;
    border: none;
    color: rgba(255,255,255,0.8);
    background-color: transparent;
}


footer{ padding:0 15px; background:#1a1a1a;}
.footNav li{ padding:0 8px 0 0; position:relative;}
.footNav li>a{ height:48px; line-height:48px; color:#fff; font-size:14px; background:url(../img/icon_01.png) no-repeat right center; background-size:12px; display:block;}
.footNav li.on>a{ background-image:url(../img/icon_02_2.png);}
.footNav li.link>a{ background-image:url(../img/icon_03_2.png);}
footer .proList a,footer .serList a{ color:rgba(255,255,255,0.4);}
footer .proList a{ background-size:auto 28px;}
footer .icons{ text-align:center; padding:30px 0 25px 0;}
footer .icons a{ width:50px; height:50px; border:1px solid #ccc; background-repeat:no-repeat; background-position:center center; border-radius: 100%; display:inline-block; background-size:36px; margin:0 10px;}
footer .icons a.sina{ background-image:url(../img/sina.png);}
footer .icons a.logo3{ background-image:url(../img/logo3.png);}
footer .icons a.wechat{ background-image:url(../img/wechat.png);}
footer .links{ padding:20px 0; text-align:center; font-size:12px;color:#939393;}
footer .links a{ color:#939393;}
footer .links u{ text-decoration:none;padding:0 10px; font-size:12px; font-family:Arial, Helvetica, sans-serif;}
.copyp2{ text-align:center; text-transform:uppercase; font-size:12px; padding-top:5px; color:#939393;}
.copyp1{ text-align:center; color:#b6b6b6; padding:12px 0;}

.moreBtn{ padding:30px 0; text-align:center; color:#999;}
.moreBtn a{ height:38px; line-height:38px; border:1px solid #E8E8E8; display:inline-block; padding:0 20px; color:#C3C3C3; width:30%;}


.backtops{background:#aaaaaa;color: #fff;text-align: center;height: 46px;line-height: 46px;}

.backtops{ background:#999; color:#fff; font-size:14px; text-align:center; height:46px; line-height:46px;}
.backtops span{ display:inline-block; background:url(../img/gotop.png) center right no-repeat; background-size:10px 6px; padding-right:15px;}

.footer-fx{ text-align:center; padding:8px 0; border-bottom:1px solid rgba(255,255,255,0.35)}
.footer-fx img{ height:40px;}


.wechat-pop{display: none;position: fixed;z-index: 99999;width: 100%;height: 100%;top: 0;left: 0;background-color: rgba(0,0,0,0.4);}
.wechat-qrcode{
    position: absolute;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
}




.mainbox{text-align: center;display: -webkit-box;display: -ms-flexbox;display: -webkit-flex;display: flex;-webkit-box-pack: center;-ms-flex-pack: center;-webkit-justify-content: center;justify-content: center;-webkit-box-align: center;-ms-flex-align: center;-webkit-align-items: center;align-items: center;}
.homeslider{ height:100vh; width:100%;}
.homeslider .slidem{text-align:center; width:100% !important;}
.homep1{ font-size:25px; padding-bottom:0; font-family:Arial, Helvetica, sans-serif;transform: translateX(-150px);opacity: 0;transition: all 1.2s;visibility: hidden;}
.homep2{ font-size:32px; margin-top:0;transform: translateX(150px);opacity: 0;transition: all 1.2s;visibility: hidden;}
.homep1,.homep2{ color:#fff;}
.homeslidertxt{ width:100%; position:relative; z-index:6;}
.swiper-img{ position:absolute; left:0; top:0; width:100%; height:100%;background-position:center; background-size:cover; background-repeat:no-repeat;}
.homep3{ padding:0 25px;height:31px; line-height:31px;  display:inline-block; text-align:center; background:#f77e00; color:#2c56bb;border-radius:6px;-webkit-border-radius:6px;-moz-border-radius:6px;margin-top:45px;}
.homep3 span{ color:#fff; padding-right:1px; background:url(../img/amore.png) right center no-repeat; background-size:0.2px auto;}
.homeslider .swiper-slide-active .homep1,.homeslider .swiper-slide-active .homep2{ opacity:1;visibility:visible;transform:translateX(0px);}
.homeslider .swiper-slide .swiper-img{transform:scale(1.06);-webkit-transform:scale(1.06);-moz-transform:scale(1.06);}
.homeslider .swiper-slide-active .swiper-img{transform:scale(1);-webkit-transform:scale(1);-moz-transform:scale(1);}

.homepage{ height:2px; position:absolute; width:100%; text-align:center; top:auto; margin-top:-1px; z-index:68;}
.homepage .swiper-pagination-bullet{ width:20px;height:100%;vertical-align:top;background:#fff;opacity:1;-webkit-opacity:1;-moz-opacity:1;border-radius:0;-webkit-border-radius:0;-moz-border-radius:0;}
.homepage .swiper-pagination-bullet-active{ background:#f77e00;}
.swiper-container-horizontal>.swiper-pagination-bullets  .swiper-pagination-bullet{margin:0 5px;}


.scroll_arrow{width:46px;height:66px; position: absolute;left:50%;bottom:0.5px;margin-left: -0.23px;z-index:68; display:none;}
.scroll_arrow .arrow{position:absolute;width:100%;height:22px;opacity:1;}
.scroll_arrow .arrow_img{position:absolute;width:100%;height: 100%;background-image: url(../img/scroll_arrow.png);background-size:100% auto;}
.scroll_arrow .arrow {
    animation: arrow 1500ms linear infinite;
    -ms-animation: arrow 1500ms linear infinite;
    -moz-animation: arrow 1500ms linear infinite;
    -webkit-animation: arrow 1500ms linear infinite;
}
.scroll_arrow .arrow:nth-child(2) {
    animation-delay:  -0.5s;
    -ms-animation-delay:  -500ms;
    -moz-animation-delay: -500ms;
    -webkit-animation-delay:  -0.5s;
	top:11px;
}
.scroll_arrow .arrow:nth-child(3) {
    animation-delay:  -1s;
    -ms-animation-delay: -1000ms;
    -moz-animation-delay: -1000ms;
    -webkit-animation-delay:  -1s;
	top:22px;
}

@-webkit-keyframes arrow {
    0% {-webkit-transform: translateY(0);opacity: 0;}
    50% {-webkit-transform: translateY(11px);opacity: 1;}
    100% {-webkit-transform: translateY(22px);opacity: 0;}
}
@-ms-keyframes arrow{
    0% {-moz-transform: translateY(0);opacity: 0;}
    50% {-moz-transform: translateY(11px);opacity: 1;}
    100% {-moz-transform: translateY(22px);opacity: 0;}
}
@-moz-keyframes arrow{
    0% {-moz-transform: translateY(0);opacity: 0;}
    50% {-moz-transform: translateY(11px);opacity: 1;}
    100% {-moz-transform: translateY(22px);opacity: 0;}
}
@keyframes arrow {
    0% {transform: translateY(0);opacity: 0;}
    50% {transform: translateY(11px);opacity: 1;}
    100% {transform: translateY(22px);opacity: 0;}
}








@media screen and (max-width:1200px){
	.top-nav .nav-main{
		width: 90%;
	}
}
@keyframes Twinkle{
	50%{opacity: 0;}
	100%{opacity: 1;}
}

@-o-keyframes zoomIn{0%{opacity:0;-o-transform:scale(1.1);}100%{opacity: 1;-o-transform:scale(1);}}
@-moz-keyframes zoomIn{0%{opacity: 0;-moz-transform:scale(1.1);}100%{opacity: 1;-moz-transform:scale(1);}}
@-webkit-keyframes zoomIn{0%{opacity: 0;-webkit-transform:scale(1.1);}100%{opacity: 1;-webkit-transform:scale(1);}}
@keyframes zoomIn{0%{transform:scale(1.1);}100%{transform:scale(1);}}

.zoomIn{-o-animation-name:zoomIn;-moz-animation-name:zoomIn;-webkit-animation-name:zoomIn;animation-name:zoomIn;}
.swiper-img{-webkit-transition: 3s;transition: 3s;}


.drop-down{
	position: absolute;
	z-index: 9;
	/* width: 100%; */
    bottom: 34px;
    left: 50%;
    -webkit-transform: translate3d(-50%,0,0);
    -moz-transform: translate3d(-50%,0,0);
    -ms-transform: translate3d(-50%,0,0);
    -o-transform: translate3d(-50%,0,0);
    transform: translate3d(-50%,0,0);
}
.drop-down img{
	display: block;
	position: relative;
	
}
.drop-down img:first-child{
	-webkit-animation: bounceY 2s infinite;
    -moz-animation: bounceY 2s infinite;
    -o-animation: bounceY 2s infinite;
    -ms-animation: bounceY 2s infinite;
    animation: bounceY 2s infinite;
}
.drop-down img + img{
	margin: auto;
	-webkit-transform: rotate(90deg);
    -moz-transform: rotate(90deg);
    -o-transform: rotate(90deg);
    -ms-transform: rotate(90deg);
    transform: rotate(90deg);
    -webkit-animation: ico_opa_B 2s infinite;
    -moz-animation: ico_opa_B 2s infinite;.join
    -o-animation: ico_opa_B 2s infinite;
    -ms-animation: ico_opa_B 2s infinite;
    animation: ico_opa_B 2s infinite;
}
.drop-down img:last-child{
	top: -6px;
    -webkit-animation-delay: 1s;
    -moz-animation-delay: 1s;
    -o-animation-delay: 1s;
    -ms-animation-delay: 1s;
    animation-delay: 1s;
}

@-webkit-keyframes bounceY {
  0%, 100% {
    -webkit-transform: translateY(0);
    transform: translateY(0);
  }
  50% {
    -webkit-transform: translateY(-15px);
    transform: translateY(-15px);
  }
}
@-moz-keyframes bounceY {
  0%, 100% {
    -moz-transform: translateY(0);
    transform: translateY(0);
  }
  50% {
    -moz-transform: translateY(-15px);
    transform: translateY(-15px);
  }
}
@-o-keyframes bounceY {
  0%, 100% {
    -o-transform: translateY(0);
    transform: translateY(0);
  }
  50% {
    -o-transform: translateY(-15px);
    transform: translateY(-15px);
  }
}
@keyframes bounceY {
  0%, 100% {
    transform: translateY(0);
  }
  50% {
    transform: translateY(-15px);
  }
}

@-webkit-keyframes ico_opa_B {
  0%, 100% {
    opacity: 0;
  }
  50% {
    opacity: 1;
  }
}
@-moz-keyframes ico_opa_B {
  0%, 100% {
    opacity: 0;
  }
  50% {
    opacity: 1;
  }
}
@-o-keyframes ico_opa_B {
  0%, 100% {
    opacity: 0;
  }
  50% {
    opacity: 1;
  }
}
@keyframes ico_opa_B {
  0%, 100% {
    opacity: 0;
  }
  50% {
    opacity: 1;
  }
}




.top-nav.bgnew{
	background-color: #fff;
	box-shadow:0 0 4px rgb(102,102,102,0.1);
	-webkit-box-shadow:0 0 4px rgb(102,102,102,0.1);
	-moz-box-shadow:0 0 4px rgb(102,102,102,0.1);
}



.top-nav.bgnew .nav-l .logo .logo-img{
	display: none;
}
.top-nav.bgnew .nav-l .logo .logo-img-w{
	display: block;
}


.top-nav.bgnew .nav-other-link li.signin{
	background-image: url('../images/signin.png');
}
.top-nav.bgnew .nav-other-link li.lan{
	background-image: url('../images/lan.png');
}
.top-nav.bgnew .nav-other-link li.search{
	background-image: url('../images/search.png');
}

.top-nav.bgnew .nav-other-link li span{
	color: #919191;
}

.top-nav.bgnew .nav-other-link li span.triangle:after{
	border-top-color: #000;
}
.top-nav.bgnew .nav-link a{
	color: #000;
}


.nav-link li{ position:relative;}
.Navmeau2{ position:absolute; width:155px; top:38px; left:0;display:none; padding-top:15px; background:#fff;box-shadow:0 0 10px rgba(0,0,0,0.2);-webkit-box-shadow:0 0 10px rgba(0,0,0,0.2);-moz-box-shadow:0 0 10px rgba(0,0,0,0.2); background:rgba(0,0,0,0.7);border-radius:5px;-webkit-border-radius:5px;-moz-border-radius:5px;}
.Navmeau2 dl{ border-radius:5px;-webkit-border-radius:5px;-moz-border-radius:5px; text-align:left; padding:8px 18px; position:relative;}
.Navmeau2 dl:before{content: "";display: block; height:100%; width:1px; background:#e8e8e8; width:1px; position:absolute; left:18px; top:0;}
.Navmeau2 dd{ padding-left:20px; line-height:36px;}

.Navmeau2Line{ display:block; height:36px; width:1px; position:absolute; left:18px; top:23px; z-index:777;}
.Navmeau2Line em{ display:block; float:left; width:1px; height:26px; margin-top:5px; background:#0065a6;}
.Navmeau2 dd a { color:#3c3c3c; font-size:14px;}
.Navmeau2 dd a:hover,.bg .nav-link .Navmeau2 dl a:hover{ color:#0065a6;}
.nav-link .Navmeau2 dl a{ padding:0;}
.bg .nav-link .Navmeau2 dl a,.bgnew .nav-link .Navmeau2 dl a{ color:#fff;}