@charset"utf-8";



body,

div,

dl,

dt,

dd,

ul,

ol,

li,

h1,

h2,

h3,

h4,

h5,

h6,

pre,

code,

form,

fieldset,

legend,

input,

textarea,

p,

th,

td {

	margin: 0;

	padding: 0;

}



div {

	box-sizing: border-box;

}



table {

	border-collapse: collapse;

	border-spacing: 0;

}



fieldset,

img {

	border: 0;

}



ol,

ul {

	list-style: none;

}



li {

	list-style: none;

}



th {

	text-align: left;

}



h1,

h2,

h3,

h4,

h5,

h6 {

	font-size: 100%;

	font-weight: normal;

}



input,

textarea,

select {

	font-family: inherit;

	font-size: inherit;

	font-weight: inherit;

	outline: none;

	background-color: transparent;

	border: none;

}



/*<!---->去掉苹果短的样式*/

input[type="button"],

input[type="submit"],

input[type="reset"] {

	-webkit-appearance: none;

}



textarea {

	-webkit-appearance: none;

}



a,

a:link,

a:visited,

a:hover,

a:active {

	text-decoration: none;

}



i,

em {

	vertical-align: middle;

	font-style: normal;

}



body {

	font: 12px/1.5 "Microsoft YaHei", PingFangSC-Regular, arial;

	overflow-x: hidden;

}



.clearfix:after {

	display: block;

	content: "";

	clear: both;

}



.fl {

	float: left;

}



.fr {

	float: right;

}



.w12 {

	width: 1200px;

	margin: 0 auto;

}



.w13 {

	width: 1300px;

	margin: 0 auto;

}



.w14 {

	width: 1400px;

	margin: 0 auto;

}

.w16 {

	width: 1600px;

	margin: 0 auto;

}



.fixed:before,

.clearfix:before,

body:before,

.header:before,

.main:before,

.footer:before {

	content: '';

	display: table;

}











/*移动端导航*/



.mhead{ width:100%; left:0; top:0; z-index:999; position:fixed;display: none;}

.mtoplauge1{ height:40px;display:none;width:40px; top:1px;position:relative;}

.mtoplauge1 i{ position:relative;width:100%;height:100%;}

.mtoplauge1{padding:0; margin-right:15px; cursor:pointer;display: none;}

.mtoplauge1 i,.mtoplauge1 span{ vertical-align:top;display:inline-block; color:#fff; font-family:Arial, Helvetica, sans-serif;}

.mtoplauge1 i:before,.mtoplauge1 i:after{ position:absolute;content:'';left:0;top:0; width:100%; height:100%; }

.mtoplauge1 i:after{ background:url(../wapimg/language_icon_1.gif) center no-repeat; background-size:100% auto;}

.mtoplauge1 i:before{ background:url(../wapimg/language_icon_2.gif) center no-repeat; opacity:0;background-size:100% auto;}

.mtoplauge1 i:after,.mtoplauge span:after{background-size:80% auto;}

/*.mtoplauge1.on  i:before{opacity:1;}

.mtoplauge1.on i:after{opacity:0;}*/



.yybox{position:fixed;width:100%;left:0;top:0;height: 100%;z-index:888;background: #122a3c; display:none;}

.yybox ul{ padding-top:100px; padding-left:4%; padding-right:4%;}

.yybox a{ display:block; background:#fff; color:#0b73d1; text-align:center;border-radius:5px;-webkit-border-radius:5px; line-height:45px; margin-top:20px;}







.mlogo{ position:relative; height:40px; width:160px;margin-top:0;}

.mlogo img{ position:absolute; left:0; top:0; height:100%;}

.logo2{opacity:0;-webkit-opacity:0;}





.mtoplauge{ width:100%;box-sizing:border-box;}

.mtoplauge,.mheadnav{  padding-left:4%; padding-right:4%;}

.mheadnavm{  padding:20px 0; height:80px;}

.mmeau {margin-top:5px;width: 28px;}

.mmeau span{ display:block; vertical-align:top; position:relative; width:100%;height:2px; margin-top:7px;border-radius:1px;background: #fff;}

.mmeau span{transform-origin: left center;transition: transform .3s ease-in-out,opacity .3s ease-in-out;    will-change: transform,opacity;}

.mmeauom .msp1{transform: rotate(45deg);}

.mmeauom .msp2{opacity: 0;}

.mmeauom .msp3{transform: rotate(-45deg);top:2px;}

.mheadon .mtoplauge1 span:before,.mheadon .mtoplauge1 i:before,.mheadonxx .mtoplauge1 span:before,.mheadonxx .mtoplauge1 i:before{ opacity:0;}

.mheadon .mtoplauge1 span:after,.mheadon .mtoplauge1 i:after,.mheadonxx .mtoplauge1 span:after,.mheadonxx .mtoplauge1 i:after{ opacity:1;}

.mheadon .mtoplauge1 span,.mheadonxx .mtoplauge1 span{ color:#000;}

.mheadon,.mheadonxx{ box-shadow:0 0 10px rgba(0,0,0,0.2);}



.menuMain{ position:fixed; left:0; top:0; width:100%; height:100%; z-index:900; background:#122a3c; display:none; margin:0; padding:0; overflow:hidden; overflow-y: scroll;}

.menuBox{ margin:100px 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;  display:block;}

.menuBox .onea{ position:relative;}

.menuBox .onea:before{ position:absolute; display:none; content:''; width:30px; background:url(../wapimg/jiagao.png) center no-repeat; background-size:13px auto; height:100%; top:0; right:0;}

.menuBox li a{border-bottom:solid 1px rgba(209, 209, 209, 0.1);}

.menuBox li>a{ height:48px; line-height:48px; color:#fff; font-size:14px;  display:block; opacity:0.8}

.menuBox li.bBor>a{background:url(../wapimg/icon_01.png) no-repeat 98% center; background-size:12px;}

.menuBox li>a.r-arrow{background-image: url(../wapimg/r-arrow.png);-webkit-background-size: 8px;background-size: 8px;}

.menuBox li.on>a{ background-image:url(../wapimg/icon_02.png);}

.menuBox li.link>a{ background-image:url(../wapimg/icon_031.png);}



.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 15px;}

.menuBox .preBox ul.proList{ padding-right:0;}

.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(../wapimg/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;}



.subtwo{ display:none;}

.proList a{ padding-left:0;}

.menuBox li .proList a{ line-height:40px; height:40px; font-size:12px;}

.menuBox li .subtwo a{ line-height:30px; height:30px;}



.mhead{transition: all .5s ease;}

.mheadon,.mheadonxx{  background:rgba(255,255,255,1);}

.mheadon .mheadnavm,.mheadonxx .mheadnavm{ border-color:#fff;}

.mheadon .logo2,.mheadonxx .logo2{ opacity:1;}

.mheadon .mmeau span,.mheadonxx .mmeau span{ background:#000;}



.mheadno .mtoplauge1 span:before,.mheadno .mtoplauge1 i:before{ opacity:0;}

.mheadno .mtoplauge1 span:after,.mheadno .mtoplauge1 i:after{ opacity:1;}

.mheadno .mtoplauge1 span{ color:#000;}

.mheadno{ box-shadow:0 0 10px rgba(0,0,0,0.2); background:#fff;}

.mheadno .mheadnavm{ border-color:#fff;}

.mheadno .logo2{ opacity:1;}

.mheadno .mmeau span{ background:#000;}



.wap_show{ display: none;}









.yfmain{ padding-right: 80px;}

.navigation{ width:50% ;height: 100vh; left:0;top:0; position: relative;}

.navigation li{ height: 100%; position: absolute;left:0;top:0; width: 100%;}

.navigation li a{ display: block; transition: all 0.3s ease; vertical-align: top; width: 100%; height: 100%; background-position: center; background-repeat: no-repeat; background-size: cover; visibility: hidden; opacity: 0; z-index: -2;}

.yfmainar{ width: 50%; }

.yfmainarbox{ height: 100vh; position: relative;}

.navigation li a{ opacity: 0;}

.navigation li a.active{ opacity: 1; z-index: 6; visibility: visible;}

			

.yfmainarbox1{ background: url(pic/yfmainarbox1bg.jpg) center no-repeat #144fe7; background-size: cover;}

.yfmainarimg1{ position: absolute;left:50%;top:50%; transform: translate(-50%,-50%);width:90%; text-align: center;}

.yfmainarimg1img{max-width: 85%;}







/* 通用滚动条代码 */

::-webkit-scrollbar {width: 10px;height: 1px;}

::-webkit-scrollbar-thumb {background: rgba(0,0,0,.3);}

::-webkit-scrollbar-track {-webkit-box-shadow: 0 0 5px rgba(0, 0, 0, 0.2);background: rgba(0,0,0,.1);}





.ys11{ height:100px; width:100px; border-radius:50%; right:10%;top:-60px; position: absolute; border-radius:50%;}

.ys12{position: absolute;right:100px;top:-80px;width: 108px; height: 108px; background: url(../img/icon001.png) center no-repeat; background-size: 100% auto; }

.ys13{position: absolute;right:30%;top:-80px;width: 108px; height: 108px; background: url(../img/icon021.png) center no-repeat; background-size: 100% auto; }

.ys16{position: absolute;left:100px;top:-80px;width: 108px; height: 108px; background: url(../img/icon004.png) center no-repeat; background-size: 100% auto; }

.ys17{position: absolute;right:100px;top:-80px;width: 108px; height: 108px; background: url(../img/icon004.png) center no-repeat; background-size: 100% auto; }

.ys18{position: absolute;left:100px;top:-80px;width: 108px; height: 108px; background: url(../img/icon001.png) center no-repeat; background-size: 100% auto; }

.ys21{position: absolute;right:100px;top:-80px;width: 108px; height: 108px; background: url(../img/icon021.png) center no-repeat; background-size: 100% auto; }

.ys14{ height:80px; width:80px; border-radius:50%; left:20%;top:-60px; position: absolute; border-radius:50%; background: #f9b81b;}

.ys15{ height:80px; width:80px; border-radius:50%; left:20%;top:-100px; position: absolute; border-radius:50%; background: #ff5e0f;}

.ys19{ height:120px; width:120px; border-radius:50%; right:20%;top:-120px; position: absolute; border-radius:50%; background: #0b49eb;}

.ys20{ height:80px; width:80px; border-radius:50%; right:80px;top:-80px; position: absolute; border-radius:50%; background: #f9b81b;}

.ani1{animation:ani1 2.8s infinite alternate;}

@keyframes ani1{

0% { opacity:1; transform: translate(10px,10px)}

100% {opacity:0.7;transform: translate(0,0)}

}

.ani12{animation:ani12 2s infinite alternate; }

@keyframes ani12{

0% { opacity:0.7; transform: translate(-10px,10px)}

100% {opacity:1;transform: translate(0,0)}

}

.ani2{animation:ani2 1.8s infinite alternate; }

@keyframes ani2{

0% { opacity:1; transform:scale(1.02)}

100% {opacity:0.7;transform: scale(0.9)}

}



.ani3{animation:ani3 1.8s infinite alternate;}

@keyframes ani3{

0% { opacity:1; transform: rotateZ(10deg);}

100% {opacity:0.8;transform: rotateZ(1deg);}

}



.ani4{animation:ani4 1s infinite alternate; }

@keyframes ani4{

0% { opacity:1; }

100% {opacity:0.7;}

}



.ani9{animation:ani4 2s infinite alternate; }

@keyframes ani4{

0% { opacity:0.5; }

100% {opacity:1;}

}





.ani5{animation:ani5 1.5s infinite alternate; }

@keyframes ani5{

0% { opacity:1;transform: translate(-10px,-10px)}

100% {opacity:0.4;transform: translate(0,10px)}

}



.ani6{animation:ani5 1.5s infinite alternate; }

@keyframes ani5{

0% { transform: translate(-10px,-10px)}

100% {transform: translate(0,10px)}

}



.diqiu001{ width: 580px; height: 580px; background: url(../img/diqiu001.png) center no-repeat; background-size: cover; position: absolute;right:-290px;top:50%; margin-top: -290px;}

.diqiu002{ width: 480px; height: 480px; background: url(../img/diqiu002.png) center no-repeat; background-size: cover; position: absolute;right:-180px;top:-80px;}

.diqiu003{ width: 680px; height: 680px; background: url(../img/diqiu003.png) center no-repeat; background-size: cover; position: absolute;left:-100px;bottom:50px; }

.diqiu004{ width: 680px; height: 680px; background: url(../img/diqiu004.png) center no-repeat; background-size: cover; position: absolute;right:-100px;bottom:-50px; }

.diqiu005{ width: 680px; height: 680px; background: url(../img/diqiu005.png) center no-repeat; background-size: cover; position: absolute;left:-150px;bottom:50px; }

.diqiu006{ width: 520px; height: 520px; background: url(../img/diqiu003.png) center no-repeat; background-size: cover; position: absolute;left:-100px;bottom:-100px; }