/*通用样式*/
body { margin: 0; padding: 0; background: #fff; font-size: 14px;  font-family:"siyuan-Regular"; overflow-x: hidden; }
ul, li, h1, h2, h3, h4, h5, h6, dl, dt, dd, form, input, hr, img, div, label, span, p, table, tr, td { margin: 0; padding: 0; list-style: none; border: 0;}
a{ text-decoration: none; outline: none !important;}
* {
    margin: 0;
    padding: 0;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
}
img{vertical-align: middle;}
a:focus, a:hover {
    text-decoration: none !important;
}
input,select{outline:none;}
i,em{font-style: normal; display: block;}
::-webkit-scrollbar {width: 5px;  height: 10px; border-radius: 4px;}
::-webkit-scrollbar-button { background-color: #cac7c7;  display: none;}

::-webkit-scrollbar-thumb {
    background: #878787;
    border-radius: 4px;
}
::-webkit-scrollbar-track {
    background: none;
    border-radius: 4px;
}
::selection {
    background: #0f0f22;
    color: #fff;
}
@font-face { 
  font-family: siyuan-bold; 
  src: url(../fonts/SourceHanSansCN-Bold.otf); 
}
@font-face { 
  font-family: siyuan-Regular; 
  src: url(../fonts/SourceHanSansCN-Regular.otf); 
}
@font-face { 
  font-family: siyuan-Medium; 
  src: url(../fonts/SourceHanSansCN-Medium.otf); 
}
.clearfix{ clear: both; }
.fl{ float: left }
.fr{ float: right }


.header { position: absolute;  top: 0; left: 0;  z-index: 10;  width: 100%;  padding: 23px 120px 0;}
.header .language{ position: absolute;top: 33px;width: 100px; height: 30px; right: 252px; border: 1px solid #fff; border-radius: 3px;}
.header .language::after{ width:13px; height:7px;position: absolute; content: "";right: 7px; top: 12px; background: url(../images/up_icon.png) no-repeat; }
.header .language1::after{ width:13px; height:7px;position: absolute; content: "";right: 7px; top: 12px; background: url(../images/up_icon1.png) no-repeat; }
.header .language a{ margin-right: 14px;}
.header .language .cn{ display: block; text-align: center; line-height: 30px;}
.header .language .cn a{ color: #fff; display: block}
.header .language .en a:hover{ text-decoration: underline !important}
.language .language-list{
	position: absolute;
	top:30px;
	width:100%;
	padding:10px 0;
	background: url(../images/blocktm.png);
}
.header .language .en{width:100%;  line-height:36px;-webkit-transition-duration:.6s;transition-duration:.6s;top:30px} 
.header .language .en a{display:block;width:100%;color:#FFF;height:auto;cursor:pointer;text-align:center;text-indent:0;-webkit-transition-duration:.6s;transition-duration:.6s}
.logo-m{ display: none;}
.header .logo{ width: 303px;  position: relative; }
.header .logo img { width: 100%; }
.nav-btn {position: fixed; right: 180px;  top: 27px;  z-index: 30;  cursor: pointer;  width: 46px;  height: 46px; background: url(../images/nav_icon.png) no-repeat;  -webkit-animation: nav_ linear 6s infinite;  animation: nav_ linear 6s infinite;}
@-webkit-keyframes nav_{
	0%,20%{
		background-color: transparent;
		-webkit-transform: rotate(0);
		        transform: rotate(0);
	}
	40%,60%{
		-webkit-transform: rotate(180deg);
		transform: rotate(180deg);
	}
	80%,100%{
		-webkit-transform: rotate(360deg);
		transform: rotate(360deg);
	}
}
@keyframes nav_{
	0%,20%{
		-webkit-transform: rotate(0);
		transform: rotate(0);
	}
	40%,60%{
		-webkit-transform: rotate(180deg);
		transform: rotate(180deg);
	}
	80%,100%{
		-webkit-transform: rotate(360deg);
		transform: rotate(360deg);
	}
}
.nav{position: fixed; right: 98px;top: 25px;  z-index: 30;cursor: pointer; width: 128px; }
.nav p a{ color: #fff; font-size: 18px; line-height: 46px; text-align: right; display: block}
.nav ul{ width: 135px; position: absolute;  display: none; right: 0;}
.nav li{ font-size: 16px; line-height: 30px; text-align: right}
.nav li a{ color: #fff;}
.nav li a.lion{ color: #add138;}
.nav li a:hover{ color: #add138;}
.footer{ height: 400px !important; }
.footer .fp-tableCell{ display: block !important;height: 400px !important; }
footer{ width: 100%; overflow: hidden; height: 400px; background: url(../images/footer-bg.jpg) repeat;  }
.contain{ width: 1300px; margin:auto; }
.footer-sec1{ padding-top: 50px }
.footer-sec1-left{ width: 319px; border-right: 1px solid #343434; position: relative; height: 215px; -webkit-transition: height .5s ease-in-out;transition: height .5s ease-in-out; }
.footer-sec1-left:before{ content: "";position: absolute; right: -1px; width: 1px; height: 64px; background: #0059a8;-webkit-transition: height .5s ease-in-out;transition: height .5s ease-in-out; }
.footer-sec1-left:hover:before{ height: 100%; }
.footer-sec1-left ul{ margin-top: -10px; }
.footer-sec1-left li{ float: left; width: 90px; margin-right: 68px; }
.footer-sec1-left li a{ display: block; font-size: 16px; line-height: 36px; color: #fff; font-family: "siyuan-Medium";}
.footer-sec1-left li ul{ margin-top: 0; }
.footer-sec1-left li ul li a{font-size: 14px;font-family: "siyuan-Regular";  color: #c6c6c6;  }
.footer-sec1-left li a:hover{ color:#fff; }
.footer-sec1-center{ width: 642px; padding:0  50px 0 94px; border-right: 1px solid #343434; position: relative; height: 215px; -webkit-transition: height .5s ease-in-out;transition: height .5s ease-in-out; }
.footer-sec1-center:before{ content: "";position: absolute; right: -1px; width: 1px; height: 64px; background: #0059a8;-webkit-transition: height .5s ease-in-out;transition: height .5s ease-in-out; }
.footer-sec1-center:hover:before{ height: 100%; }
.footer-sec1-center ul{ margin-top: -10px; }
.footer-sec1-center li{ float: left; width: 135px; margin-right: 40px; }
.footer-sec1-center li a{ display: block; font-size: 16px; line-height: 36px; color: #fff; font-family: "siyuan-Medium";}
.footer-sec1-center li ul{ margin-top: 0; height: 108px; /*overflow-y: scroll !important; overflow-x:hidden;*/ }

/*.footer-sec1-center li ul::-webkit-scrollbar{width: 1px !important;height: 1px !important;  background: #0059a8 !important;}   
.footer-sec1-center li ul::-webkit-scrollbar-track{ -webkit-box-shadow: 0; border-radius: 0;background-color: #343434 !important;}   
.footer-sec1-center li ul::-webkit-scrollbar-thumb{ border-radius: 0; -webkit-box-shadow: 0;   background-color: #0059a8 !important;}*/

.footer-sec1-center li ul li a{font-size: 14px;font-family: "siyuan-Regular"; color: #c6c6c6; }
.footer-sec1-center li a:hover{ color:#fff; }
.footer-sec1-right{ width: 200px; }
.footer-sec1-right dd{ width: 198px; height: 48px; border:1px solid #616161; text-align: center; margin-bottom: 40px; float: left; position: relative;}
.footer-sec1-right dd a{ color: #fff; font-size: 20px; line-height: 48px; position: relative; display: block}

.footer-sec1-right dd:before{ position: absolute; left: 0; content: ""; width: 0; height: 48px; color: #fff; background:#0059a8;-webkit-transition: width .5s ease-in-out;transition: width .5s ease-in-out;  }
.footer-sec1-right dd:hover:before{ width: 198px; }
.footer-sec1-right dd:hover{ border:1px solid #0059a8;}
.footer-sec1-right dd:hover a{ color: #fff }
.footer-sec2{ width:100%; margin-top: 66px; overflow: hidden; border-top: 1px solid #343434;height: 66px; line-height: 66px; color: #fff; font-size: 14px; }
.footer-sec2 p{ float: left;color: rgba(255,255,255,0.8) }
.footer-sec2 span{ float: right; display: block;color: rgba(255,255,255,0.8) }
.footer-sec2 span  a{color: rgba(255,255,255,0.8)}



/*内页head部分*/

.cont-header{ width: 100%; height: 96px;}
.cont-header-cen{ width: 87.5%; margin:auto; }
.cont-header .logo{ margin: 23px 0 0;margin-right: 125px;     float: left; }
.cont-nav{ width: 852px;  float: left; }
.cont-nav li{  width: auto; float: left;  text-align: center; line-height: 96px; position: relative; }
.cont-nav li a{ color: #333; font-size: 18px; display: block;position: relative; height: 94px;margin:0 30px; }
.cont-nav li a:hover{ color: #0059a8; border-top: 2px solid #0059a8; }
.cont-nav li a.active{color: #0059a8; border-top: 2px solid #0059a8;}
.cont-nav li:hover ul{ display: block; -webkit-transition: all 0.4s ease-in-out;-moz-transition: all 0.4s ease-in-out;transition: all 0.4s ease-in-out; }
.cont-nav li ul{ display: none; width: 100%;  height: auto;  background: #fff; border: 1px solid #e5e5e5;  position: absolute; left: 0;  top: 95px; z-index: 1001 }
/*.cont-nav li:before{ content: ""; width: 1px; height: 0; background-color: #0059a8; position: absolute; top: 76px; left: 50%; -webkit-transition: height .5s ease-in-out;transition: height .5s ease-in-out;  z-index: 999}
.cont-nav li:hover:before{ height: 30px; }*/
.cont-nav li ul li:before{ display: none }
.cont-nav li ul li{ line-height: 40px; text-align: center; width:100%; border-bottom: 1px dashed #e5e5e5;}
.cont-nav li ul li a{ color: #666; font-size: 15px; display: block;height: 40px; margin: 0 20px; }
.cont-nav li ul li a:hover{ border-top: 0; }
.cont-nav li ul li a.active{color: #0059a8; border-top: 0;}
/*.cont-header-cen .language{width: 100px; height: 30px; margin-top: 32px;  border: 1px solid #0059a8; border-radius: 3px; position: relative;}
.cont-header-cen .language::after{ width:13px; height:7px;position: absolute; content: "";right: 7px; top: 12px; background: url(../images/blue-up.png) no-repeat; }
.cont-header-cen .language a{ margin-right: 7px;}
.cont-header-cen .language .cn{ display: block; text-align: center; line-height: 30px;}
.cont-header-cen .language .cn a{ color: #0059a8;}
.cont-header-cen .language .en{ display: none;width:100%;  line-height:30px;position:absolute;left:0;-webkit-transition-duration:.6s;transition-duration:.6s;top:30px} 
.cont-header-cen .language .en a{display:block;width:100%;color:#0059a8;height:auto;cursor:pointer;line-height:25px;text-align:center;text-indent:0;-webkit-transition-duration:.6s;transition-duration:.6s}
.cont-header-cen .language:hover .en{height:30px; display: block; line-height: 30px;}
*/

.cont-header-cen .language{ position: absolute;top: 33px;width: 100px; height: 30px; right: 108px; border: 1px solid #0059a8; border-radius: 3px;}
.cont-header-cen .language::after{ width:13px; height:7px;position: absolute; content: "";right: 7px; top: 12px; background: url(../images/blue-up.png) no-repeat; }
.cont-header-cen .language1::after{ width:13px; height:7px;position: absolute; content: "";right: 7px; top: 12px; background: url(../images/blue-up1.png) no-repeat; }
.cont-header-cen .language a{ margin-right: 7px;}
.cont-header-cen .language .cn{ display: block; text-align: center; line-height: 30px;}
.cont-header-cen .language .cn a{ color: #0059a8;}
.cont-header-cen .language .language-list{
	position: absolute;
	top:30px;
	width:100%;
	padding:10px 0;
	background: url(../images/blocktm.png);
}
.cont-header-cen{}
.cont-header-cen .language .en{width:100%;  line-height:36px;-webkit-transition-duration:.6s;transition-duration:.6s;top:30px} 
.cont-header-cen .language .en a{display:block;width:100%;color:#FFF;height:auto;cursor:pointer;text-align:center;text-indent:0;}
.cont-header-cen .language a:hover{ text-decoration: underline !important }
.cont-header-fixed{ position: fixed; top: 0; z-index: 1000; background-color: #fff;  height: 60px; border-bottom: 1px solid #eee;box-shadow: 0px 0px 6px #eee; }
.cont-header-fixed .logo{margin: 10px 0 0; width: 260px; height: auto; /*transition: all 0.5s ease-in;*/}
.cont-header-fixed .logo img{ width: 100%; height: auto }
.cont-header-fixed li a{ height: 58px;    -webkit-transition: all 0.3s ease;transition: all 0.3s ease;}
.cont-header-fixed li{ line-height: 60px }
.cont-header-fixed .language{ top: 15px; }
.cont-header-fixed .logo{margin-right: 100px;}
.tr5 {
    transition: all 0.5s ease;
}
@media only screen and (max-width: 1600px){
.header {padding-left: 70px;}
.nav-btn {right: 150px;}
.nav{ right: 70px;}
.header .language{ right: 210px;}
}
@media only screen and (max-width: 1024px){
.header { position: fixed;  z-index: 6; background-color: #fff; padding: 0; height: 80px;}
.cont-nav{ max-width: 852px; }
.cont-nav li{ max-width: 142px; }
}
@media only screen and (max-width: 1440px){
.header {padding-left: 30px;}	
.nav-btn {  right: 110px;}
.header .language{ right: 180px;}
.nav{ right: 30px;}
.cont-header-cen{  width: 100%;  padding-left: 30px; }
.cont-header-cen .language{ right: 2.5% }
.cont-header .logo{ margin-right: 110px; }
.cont-header-fixed .logo{ margin-right: 70px; }
.cont-nav{ max-width: 852px; width: auto;  }
.cont-nav li a{ width: auto; margin:0 25px; }
.cont-nav li ul li a{margin:0 15px; }
.contain{ width: 1200px !important; }
.footer-sec1-center{ width: 570px; padding:0 40px; }
}


.res-box{display: none;}
#header,#mm-list,#LSnav2{display: none;}
.mobile-banner{display: none;}
@media screen and (max-width:1200px){
	body{ font-family:"微软雅黑" !important; }
#header,#mm-list,#LSnav2{display: block;}
.cont-header{display: none;}
.LSwrap{max-width: 96%;}
/*.mobile-banner{display: block;height: 193px;background-size: 100% !important;}*/
.public-banner{display: none;}
.mobile-banner .ban-span{color: #fff;}
/*导航隐藏*/
#LSheader,.menuwap{ display:none;}
/* 首页-手机端导航 */
#LSnav2{ width:100%; display:block; overflow: hidden;}
#LSnav2 .dao{ width:100%;background-color:#fff;position:fixed; top: 0; z-index: 999999999; box-shadow: 0 0 6px #333;}
#header{ width:100%; height:60px; position:relative;   }
#header span.right{ display:block; width:30px; height:30px; position:absolute; right:2%; top:15px; background:url("../images/btn.png") no-repeat center center; background-size:100%; transform:rotate(0deg); -ms-transform:rotate(0deg);-moz-transform:rotate(0deg);-webkit-transform:rotate(0deg);-o-transform:rotate(0deg); -webkit-transition:all 0.3s linear; -ms-transition:all 0.3s linear; -moz-transition:all 0.3s linear; -o-transition:all 0.3s linear; transition:all 0.3s linear; }
#header span.right.on{background:url("../images/btn2.png") no-repeat center center; background-size:55%; transform:rotate(135deg);-ms-transform:rotate(135deg);-moz-transform:rotate(135deg);-webkit-transform:rotate(135deg);-o-transform:rotate(135deg); -webkit-transition:all 0.3s linear; -ms-transition:all 0.3s linear; -moz-transition:all 0.3s linear; -o-transition:all 0.3s linear; transition:all 0.3s linear; }
#header h1{font-size:0.16rem; font-weight:normal; }
#header span.left{ position:absolute; left:0; top:0; display:block; height:60px; padding:0px; margin-left:2%}
#header span.left img{ margin:20px 0 0 0; height:28px; }
.menu{ overflow:hidden; background:#00a4ff; width:100%; margin-left:0; position:absolute; left:0; top:61px; z-index:9999; height:0; list-style:none;-webkit-transition:all 0.3s linear; -ms-transition:all 0.3s linear; -moz-transition:all 0.3s linear; -o-transition:all 0.3s linear; transition:all 0.3s linear;}
.menu li{ width:80%; text-align:left; border-bottom:1px solid #9fdbfd; height:64px; line-height:64px; margin:0 10%;}
.menu li a{ color:#fff; font-size:18px;}
.login{ line-height:65px; margin-left: 180px;}
.footer-sec1-left,.footer-sec1-center,.footer-sec1-right{display: none;}
.footer-sec1 { padding-top: 0;}
footer { width: 100%;background: #000;overflow: hidden;height: auto;}
.footer-sec2 {width: 100%; margin: 5px 0;height: auto;line-height: 24px;border-top: 0;}
.footer-sec2 p {float: none; text-align: center; font-size: 14px; color: rgba(255,255,255,0.8);}
.footer-sec2 span {float: none;display: block; text-align: center;font-size: 14px; color: rgba(255,255,255,0.8);display: none;}
.footer-sec2 span  a{color: rgba(255,255,255,0.8)}
.footer {height: auto !important;}
.processlist li:hover .process_wrapper:after{display: block !important;content: ''; left: 11px;margin-left: -6px; z-index: 999;width: 10px;height: 10px; background: #9d9d9d;border-radius: 10px;opacity: 1;}
.contain{ width: 95% !important; }

.menuwap dl{ width:  }
.mm-list .language{ margin-top: 20px; text-align: center; position: relative;}


.mm-list .language a{color: rgba(255, 255, 255, 0.5); font-size: 14px;}
.mm-list .language a.active-text{ color: #fff;}
.mm-list .language i{color: rgba(255, 255, 255, 0.5);    margin: 0 10px;display: inline-block;}

}