@charset "utf-8";
/* body */
body{font-size: 14px; font-family: arial, "Microsoft YaHei";font-style: normal;-webkit-font-smoothing: antialiased;-moz-osx-font-smoothing: grayscale;}
/* color */
:root{--mColor:#C12510;}
/* animate */
.tran-time{transition: all .3s;}
/* width */
.container-width{max-width: 1430px; margin: 0 auto; padding-left: 15px; padding-right: 15px; }
/* set */
.set-position{position: relative;}
.set-overflow{overflow: hidden;}
.set-padding{padding-top: 50px; padding-bottom: 120px;}
.set-background{background-position: center;background-repeat: no-repeat; background-size: cover;}

@media (max-width:768px) {
	.set-padding{padding-top: 20px; padding-bottom: 30px;}
}
/* fonts  */
@font-face {
  font-family: 'iconfont';  /* project id 1805563 */
  src: url('//at.alicdn.com/t/font_1805563_irafmqrx3wp.eot');
  src: url('//at.alicdn.com/t/font_1805563_irafmqrx3wp.eot?#iefix') format('embedded-opentype'),
  url('//at.alicdn.com/t/font_1805563_irafmqrx3wp.woff2') format('woff2'),
  url('//at.alicdn.com/t/font_1805563_irafmqrx3wp.woff') format('woff'),
  url('//at.alicdn.com/t/font_1805563_irafmqrx3wp.ttf') format('truetype'),
  url('//at.alicdn.com/t/font_1805563_irafmqrx3wp.svg#iconfont') format('svg');
}

 @font-face {
	font-family: 'OPPOSans';
	src:url('../fonts/OPPOSans/OPPOSans-M.ttf') format('truetype');
}

.iconfont {
	font-family: "iconfont" !important;
	font-size: 16px;
	font-style: normal;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
} 
/* ===================== SetStyle end ====================== */



/*head*/
.i-header{position: fixed; top: 0; left: 0; width: 100%; z-index: 99;transition: .3s; background: rgba(255,255,255,.8);}

/*logo*/
.i-logo{float: left; padding: 20px 0;}
.i-logo img{max-width: 100%; height: 60px; transition: .3s;}
@media screen and (max-width:1100px) {
	.i-logo img{height: 50px;}
}
@media screen and (max-width:768px) {
	.i-logo img{height: 40px;}
}
@media screen and (max-width:480px) {
	.i-logo img{height: 35px;}
}

.r-nav{float: right;}
.language{text-align: right;}
.language a{width: 36px; height: 28px; text-align: center; line-height: 28px; color: #fff; display: inline-block; background-color: #144582; border-radius: 0 0 0 5px; font-size: 16px;}
.language a:nth-child(2){background-color: #DD732E; border-radius: 0 0 5px 0;}


/*nav*/
.nav-box { line-height: 80px; transition: .3s;}
.nav-box .nav-menu{float: right;}
.nav-box .nav-menu li {float: left;padding: 0 30px}
.nav-box .nav-menu li a {position: relative;display: block;color: #666; font-size: 18px;transition: .5s;}
.nav-box .nav-menu li a:after {position: absolute;bottom: 0;left: 0;content: "";width: 0;height: 2px;background: var(--color); transition: all .5s ease 0s}
.nav-box .nav-menu li.active>a{color: #144582; border-bottom: 4px solid #144582;}
.nav-box .nav-menu li.active>a:after{width: 100%;}

.nav-box .nav-menu li.dropdown {display: inherit;position: relative}

.nav-box .nav-menu li.dropdown .dropdown_menu {display: none;position: absolute;top: 80px;width: 100%;background: rgba(255,255,255,.8);box-shadow: 0 15px 27px 0 rgba(167, 165, 165, .28);width: 120%;left: -10%}
.nav-box .nav-menu li.dropdown .dropdown_menu a {font-size: 14px;color: #666;padding: 0 10px;line-height: 40px;text-align: center;background: #fff;margin-bottom: 2px}
.nav-box .nav-menu li.dropdown:hover>a{color: #144582;}
.nav-box .nav-menu li.dropdown:hover .dropdown_menu {display: block;background: #f3f3f3;transition: .5s}
.nav-box .nav-menu li.dropdown:hover .dropdown_menu a {color: #666;}
.nav-box .nav-menu li.dropdown:hover .dropdown_menu a:hover {background: var(--color);}
.nav-box .nav-menu li.dropdown:hover::before{display: block;}

.nav-box .nav-menu li a:hover{color: var(--color)}
.nav-box .nav-menu li a:hover:after {width: 100%}

.nav-box.on {background: #fff;border-bottom: 1px solid #ccc}
.nav-box.on .nav-menu li a {color: #333}
.nav-box.on .nav-menu li:hover a {color: #ff4500}

@media screen and (max-width:1300px) {
	.nav-box .nav-menu li {float: left;padding: 0 15px}
}

@media screen and (max-width:1000px) {
	.nav-box {display: none;}
}


/*navToggle*/
#navToggle {display: none}
@media screen and (max-width:1000px) {
	#navToggle {float: right;display: inline-block;height: 100%;padding: 13px 15px;margin-top: 11px}
	#navToggle span {position: relative;width: 25px;height: 1px;}
	#navToggle span:before,
	#navToggle span:after {content: '';position: relative;width: 100%;height: 1px;left: 0}
	#navToggle span,
	#navToggle span:before,
	#navToggle span:after {transition: .3s;display: block;background: #144582;}
	#navToggle span:before {top: 8px}
	#navToggle span:after {bottom: 10px}
	#navToggle.open span:before {top: 10px;transform: translateY(-11px) rotate(-45deg)}
	#navToggle.open span:after {bottom: 12px;transform: translateY(10px) rotate(45deg)}
	#navToggle.open span {background: 0 0}
	#navToggle.open span:before,
	#navToggle.open span:after {background: #fff}
}

.fixed{padding: 10px 50px; background: rgba(0,0,0,.8);}
.fixed .i-logo img{height: 50px;}

@media screen and (max-width:1000px) {
	.fixed{padding: 10px 15px;}
	.fixed .i-logo img{height: 30px;}
	.fixed #navToggle {margin-top: 3px}
	.fixed .i-search{margin-top: 8px; float: right;}
}
@media screen and (max-width:768px) {
	.i-search{margin-top: 9px;}
	#navToggle {margin-top: 9px}
}

.mobile-window {position: fixed;top: 0;width: 100%;height: 100%;background: #fff;transition: all ease .5s;-webkit-transition: all ease .5s;z-index: 1000;opacity: 1;visibility: visible;margin-top: 0;overflow-y: auto;transition: all .6s cubic-bezier(.77, 0, .175, 1) 0ms;top: 0;transform: translateX(100%); overflow: hidden;}
#close-navbar {width: 50px;height: 50px; line-height: 50px; transform: rotate(45deg); font-size: 50px; vertical-align: middle;float: right; cursor: pointer; margin: 10px 10px 0 0;}

.mobile-box ul {margin-top: 30px}
.mobile-box ul li {padding: 0 20px;border-bottom: 1px solid #f5f5f5;transform: translateY(0);transform: translateY(100%);transition: all .6s cubic-bezier(.77, 0, .175, 1) 0ms;opacity: 0}
.mobile-box ul li:nth-child(1) {transition: all .2s cubic-bezier(.77, 0, .175, 1) 0ms}
.mobile-box ul li:nth-child(2) {transition: all .4s cubic-bezier(.77, 0, .175, 1) 0ms}
.mobile-box ul li:nth-child(3) {transition: all .6s cubic-bezier(.77, 0, .175, 1) 0ms}
.mobile-box ul li:nth-child(4) {transition: all .8s cubic-bezier(.77, 0, .175, 1) 0ms}
.mobile-box ul li:nth-child(5) {transition: all 1s cubic-bezier(.77, 0, .175, 1) 0ms}
.mobile-box ul li:nth-child(6) {transition: all 1.2s cubic-bezier(.77, 0, .175, 1) 0ms}
.mobile-box ul li a {display: block;text-decoration: none;color: #333;font-size: 16px;height: 50px;line-height: 50px;width: 100%}
.mobile-box ul li .dropdown_menu {display: none; transition: none;}
.mobile-box ul li.dropdown.active .dropdown_menu {display: block}
.mobile-box ul li .dropdown_menu a {display: block;height: 50px;line-height: 50px;padding: 0 20px;box-sizing: border-box;border-bottom: 1px solid #f5f5f5}
.mobile-box ul li .dropdown_menu a:last-child {border: none}
.mobile-box ul li .dropdown_menu a i{margin-right: 20px; font-size: 12px; color: var(--color);}

.mobile-window.open {transform: translateX(0)}
.mobile-window.open ul li {opacity: 1;-webkit-transform: translateY(0);transform: translateY(0)}



/* footer */
.i-footer{ background: #0c1117;}
.i-footer-box{padding: 70px 0px 50px;}

.i-footer-contact{float: left;  width: 30%; color: #aaa; padding: 0 60px 15px 0;}
.i-footer-contact img{max-width: 100%; margin-bottom: 15px;}
.i-footer-contact p{background-repeat: no-repeat; background-position: left 10px ; margin:5px 0; padding: 5px 0 5px 25px; font-size: 16px; line-height: 30px;}	
	
.i-footer-nav{float: left; width: 30%; padding:30px 60px; border-right: 1px solid #666; border-left: 1px solid #666;}
.i-footer-nav h3{color:#df7228; font-size: 18px; margin-bottom: 40px;}
.i-footer-nav li{width: 50%; float: left; font-size: 16px; line-height: 32px;}
.i-footer-nav li a{color: #aaa;}
.i-footer-nav li a:hover{color: #fff;}

.i-footer-wx{float: right; width: 40%; padding: 30px 0 40px 35px;}
.i-footer-wx-img{float:left; width:30%;}
.i-footer-wx img{max-width: 100%; width:100%;}
.i-footer-wx p{padding: 40px 15px; color: #aaa; float:left; width: 70%; line-height: 26px;}

.fp-auto-height.fp-section, .fp-auto-height .fp-slide, .fp-auto-height .fp-tableCell { height: auto !important;}

@media screen and (max-width:1200px) {	
	.i-footer-contact{ padding: 0 40px 15px 0;}
	.i-footer-contact img{margin-bottom: 20px;}
	.i-footer-contact p{font-size: 14px; line-height: 26px; margin:0;}
	.i-footer-nav{padding:25px 35px;}
	.i-footer-nav h3{font-size: 16px; margin-bottom: 25px;}
	.i-footer-nav li{font-size: 14px; line-height: 26px;}
	.i-footer-wx{padding: 40px 0 35px 35px;}
	.i-footer-wx p{padding: 15px 10px; font-size: 12px;}
}

@media screen and (max-width:768px) {
	.i-footer-box{padding: 55px 0px 35px;}
	.i-footer-contact,.i-footer-nav,.i-footer-wx{width: 100%; border: 0;}
	.i-footer-nav{padding:25px 0px; border: 0; border-top: 1px solid #666; border-bottom: 1px solid #666;}
	.i-footer-wx{padding: 30px 0 35px 0px;}
}