html{
	font-size: 100px;
}
*{
	margin: 0;
	padding: 0;
}
a{
	color: indianred;
	text-decoration: none;//去除下划线
}
li{
	list-style: none;
}

img{
	display: block;
}

h1,h2,h3,h4,h5,h6{
	font-weight: normal;
}
/*前端切图服务商*/
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,textarea,p,blockquote,th,td {
	margin: 0;
	padding: 0;
}

table {
	border-collapse: collapse;
	border-spacing: 0;
}

fieldset,img {
	border: 0;
}

ol,ul {
	list-style: none;
}

caption,th {
	text-align: left;
}

q:before,q:after {
	content: '';
}

abbr,acronym {
	border: 0;
}

.clear {
	clear: both;
	display: block;
	overflow: hidden;
	visibility: hidden;
	width: 0;
	height: 0;
}

.l,.col-l,.col_l,.col-c,.col_c {
	float: left;
}

.r,.col-r,.col_r,dt span,.ul-txt li span,.ul_txt li span {
	float: right;
}

.c {
	clear: both;
}

.n,em {
	font-weight: normal;
	font-style: normal;
}

.b {
	font-weight: bold;
}

.i {
	font-style: italic;
}

.fa {
	font-family: Arial;
}

.fg {
	font-family: Georgia;
}

.ft {
	font-family: Tahoma;
}

.fl {
	font-family: Lucida Console;
}

.fs {
	font-family: '宋体';
}

.fw {
	font-family: '微软雅黑';
}

.tc {
	text-align: center;
}

.tr {
	text-align: right;
}

.tl {
	text-align: left;
}

.tdu {
	text-decoration: underline;
}

.tdn,.tdn:hover,a.tdl:hover {
	text-decoration: none;
}

.fc0 {
	color: #000000;
}

.fc3 {
	color: #333333;
}

.fc6 {
	color: #666666;
}

.fc9 {
	color: #999999;
}

.fcr {
	color: red;
}

.fcw {
	color: white;
}

.fcb {
	color: blue;
}

.fcg {
	color: green;
}

.f0 {
	font-size: 0;
}

.f10 {
	font-size: 10px;
}

.f12 {
	font-size: 12px;
}

.f13 {
	font-size: 13px;
}

.f14 {
	font-size: 14px;
}

.f16 {
	font-size: 16px;
}

.f20 {
	font-size: 20px;
}

.f24 {
	font-size: 24px;
}

.vm {
	vertical-align: middle;
}

.vtb {
	vertical-align: text-bottom;
}

.vt {
	vertical-align: top;
}

.vn {
	vertical-align: -2px;
}

.vimg {
	margin-bottom: -3px;
}

.m0 {
	margin: 0;
}

.ml0 {
	margin-left: 0;
}

.ml5 {
	margin-left: 5px;
}

.ml10 {
	margin-left: 10px;
}

.ml20 {
	margin-left: 20px;
}

.mr0 {
	margin-right: 0;
}

.mr5 {
	margin-right: 5px;
}

.mr10 {
	margin-right: 10px;
}

.mr20 {
	margin-right: 20px;
}

.mt5 {
	margin-top: 5px;
}

.mt10 {
	margin-top: 10px;
}

.mt20 {
	margin-top: 20px;
}

.mb5 {
	margin-bottom: 5px;
}

.mb10 {
	margin-bottom: 10px;
}

.mb20 {
	margin-bottom: 20px;
}

.ml-1 {
	margin-left: -1px;
}

.mt-1 {
	margin-top: -1px;
} 
.pl5 {
	padding-left: 5px;
}

.p5 {
	padding: 5px;
}

.pt5 {
	padding-top: 5px;
}

.pr5 {
	padding-right: 5px;
}

.pb5 {
	padding-bottom: 5px;
}

.p10 {
	padding: 10px;
}

.pl10 {
	padding-left: 10px;
}

.pt10 {
	padding-top: 10px;
}

.pr10 {
	padding-right: 10px;
}

.pb10 {
	padding-bottom: 10px;
}

.p20 {
	padding: 20px;
}

.pl20 {
	padding-left: 20px;
}

.pt20 {
	padding-top: 20px;
}

.pr20 {
	padding-right: 20px;
}

.pb20 {
	padding-bottom: 20px;
}

.rel,.pr {
	position: relative;
}

.abs,.pa {
	position: absolute;
}

.dn {
	display: none !important;
}

.db {
	display: block !important;
}

.dib {
	-moz-inline-stack: inline-block;
	display: inline-block;
}

.di {
	display: inline;
}

.ovh {
	overflow: hidden;
}

.ovs {
	overflow: scroll;
}

.vh {
	visibility: hidden;
}

.vv {
	visibility: visible;
}

.lh14 {
	line-height: 14px;
}

.lh16 {
	line-height: 16px;
}

.lh18 {
	line-height: 18px;
}

.lh20 {
	line-height: 20px;
}

.lh22 {
	line-height: 22px;
}

.lh24 {
	line-height: 24px;
}

.fix {
	*zoom: 1;
}

.fix:after,.fix:before {
	display: block;
	content: "clear";
	height: 0;
	clear: both;
	overflow: hidden;
	visibility: hidden;
}

.z {
	_zoom: 1;
}

.h1 {
	height: 1px;
}

.h5 {
	height: 5px;
}

.h10,.h {
	height: 10px;
}

.h15 {
	height: 15px;
}

.h20 {
	height: 20px;
}

.h1,.h5,.h10,.h15,.h20,.h {
	font-size: 0px;
	line-height: 0;
	overflow: hidden;
	clear: both;
}


a {
	text-decoration: none;
}

a:hover {
	color: #FF6600
}


/*-----------------[初始化]--------------*/
*,*:before,*:after {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    -o-box-sizing: border-box;
    box-sizing: border-box;
    outline: none;
}
body{color: #333;font-size: 14px;line-height: 1.5;font-family: 'Microsoft Yahei',"PingFang SC","Helvetica Neue","Helvetica","Arial",sans-serif;}
img{max-width: 100%;}
a,img,button,input,textarea,div{-webkit-tap-highlight-color:rgba(255,255,255,0);}
input,textarea,select{font-size: 14px;color: #666;font-family: 'Microsoft Yahei';outline: 0;border: none;}
input[type='submit'],input[type='reset'],input[type='button'],input[type='radio'],select{
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
}
select::-ms-expand {display: none;}
input[type='submit'],input[type='reset'],input[type='button']{cursor: pointer;}
::-webkit-input-placeholder {color: #e7e7e7;}
::-moz-placeholder {color: #e7e7e7; }
::-ms-input-placeholder {color: #e7e7e7;}

.ani{
    transition: .5s;
    -ms-transition: .5s;
    -moz-transition: .5s;
    -webkit-transition: .5s;
    -o-transition: .5s;
}
a {color: #333;
    -o-transition: .5s;
    -ms-transition: .5s;
    -moz-transition: .5s;
    -webkit-transition: .5s;
    transition: .5s;
}
a:hover {color: #015da4;}




#head-wrap{
	
	background-color: #1c6e45;
	width: 100%;
}
.to-top{
	width:0.8rem;
	height:0.8rem;
	position: fixed;
	bottom: 0.5rem;
	right: 0.2rem;
	cursor: pointer;
	background-color: rgba(35,35,35,0.2);
}
.to-top:hover{
	background-color: #5F9765;
}
.to-top img{
	width: 0.5rem;
	height: 0.5rem;
	position: absolute;
	left: 0;
	right: 0;
	top: 0;
	bottom: 0;
	margin: auto;
}

#header{
	width: 12.8rem;
	height: 0.64rem;
	margin: 0 auto;
	padding-top: 0.36rem;
}
#header .logo img{
	float: left;
	width: 3.71rem;
	height: 1.35rem;
}
#header .right-box{
	float: right;
	width: 8.44rem;
	height: 0.48rem;
	margin-top: 0.16rem;
}
#header .nav{
	height: 0.46rem;
	font-family: OPPOSans-R;
	font-size: 0.18rem;
	line-height: 0.46rem;
	color: #606060;
	float: left;
	margin-left: 0.8rem;
}
#header .nav a{
	color: #606060;
}
#header .nav li{
	float: left;
	padding: 0 0.22rem;
	position: relative;
	cursor:pointer;
}
#header .nav li div{
	position: absolute;
	background-color: #f0f0f0;
	color: #777;
	left: 0;
	top: 0.48rem;
	height: 0;
	transition:all 0.5s linear;
	overflow: hidden;
	z-index: 2;
	text-align: center;
	font-size: 0.18rem;
	line-height: 0.4rem;
	width: 100%;
}
#header .nav li .two{
	width: 3.9rem;
	text-align: left;
	left: -1.2rem;
}
#header .nav li .two p{
	margin-left: 0.4rem;
}
#header .nav li:hover div{
	height: auto;
	padding: 0.2rem 0;
}

#header .nav .hover{
	border-bottom: 0.02rem solid #72af6b;
}
#header .nav .hover a{
	color: #72af6b;
}
#header .xiaomi{
	float: left;
	margin: 0.12rem 0.2rem 0 0rem;
	background-color: #72af6b;
	border-radius: 0.05rem;
	font-size: 0.14rem;
	line-height: 0.23rem;
	color: #ffffff;
	text-align: center;
	cursor:pointer;
	padding: 0 0.08rem;
}
#header .lang{
	font-family: OPPOSans-R;
	height: 0.46rem;
	width: 0.53rem;
	font-size: 0.18rem;
	line-height: 0.46rem;
	color: #606060;
	float: left;
}




#footer-wrap{
	background-color: #272727;
	width: 100%;
}
#footer{
	width: 12.8rem;
	margin: 0 auto;
	height: 3.86rem;
	padding-top: 0.7rem;
}
#footer .top{
	height: 2.5rem;
}
#footer .top .nav{
	height: 100%;
	width: 1.58rem;
	margin-right: 0.24rem;
	float: left;
}
#footer .top .nav h4{
	width: 1.58rem;
	height: 0.4rem;
	border-bottom: 1px solid #626262;
	font-family: OPPOSans-M;
	font-size: 0.16rem;
	line-height: 0.4rem;
	color: #ffffff;
}
#footer .top .nav p{
	font-family: OPPOSans-L;
	font-size: 0.14rem;
	line-height: 0.2rem;
	color: #b9b9b9;
	margin-top: 0.2rem;
	cursor:pointer;
}
.nav p a{
	line-height: 0.2rem;
	color: #b9b9b9;

}
#footer .top .ma img{
	width: 1.15rem;
	height: 1.15rem;
	margin: 0.1rem 0 0.25rem 0;
}

#footer .top .company{
	float: right;
	width: 2.67rem;
	height: 100%;
	font-family: OPPOSans-L;
	font-size: 0.14rem;
	line-height: 0.32rem;
	color: #ffffff;
}

#footer .top .company img{
	width: 0.75rem;
	height: 0.75rem;
	margin: 0.1rem 0 0.25rem 0;
}
#footer .footer-line{
	height: 0.49rem;
	line-height: 0.49rem;
	border-bottom: #626262 solid 1px;
	font-family: OPPOSans-L;
	font-size: 0.16rem;
	letter-spacing: 0.02rem;
	color: #b1b1b1;
	text-align: right;
}
#footer .copyright{
	font-family: OPPOSans-L;
	font-size: 0.14rem;
	line-height: 0.56rem;
	color: #a7a7a7;
}

/*布局*/
.wp{margin: 0 auto;width: 100%;max-width: 1200px;}
.bd-inner {padding-top: 62px;overflow: hidden;}
.g-cont {float: left;width: 57%;max-width: 1100px;}
.g-cont .box {padding: 40px 0 50px;}
/*******************************
  -------[=头部]-------
********************************/
#head-wrap{background-color: #4a4fa9;}
#head-wrap .logo {padding: 19px 0 10px 68px;float: left;display: block;width: 29%;background-color: #fff;}
#head-wrap .lang {margin-top: 28px;padding-right: 64px;float: right;color: #fff;font-size: 18px;}
#head-wrap .lang a {padding: 0 5px;color: #fff;}
#head-wrap.lang a:hover {color: #d4d4d4;}
/*******************************
    -------[=导航]-------
********************************/
#nav {float: left;}
#nav li {position: relative;padding-right: 46px;float: left;width: 164px;background: url(../img/bg-line.png) right top no-repeat;text-align: right;}
/* #nav > ul > li:last-child {position: relative;padding-right: 46px;float: left;width: 164px;text-align: right;} */
#nav a.par {padding-top: 30px;display: inline-block;color: #fff;font-size: 18px;line-height: 1em;text-transform: uppercase;}
#nav a.par:hover,#nav a.par.on {color: #d4d4d4;}
#nav .sub {position: absolute;top: 80px;left: 0;width: 100%;opacity: 0;visibility: hidden;z-index: 10;background-color: #fff;
    -o-transition: .5s;
    -ms-transition: .5s;
    -moz-transition: .5s;
    -webkit-transition: .5s;
    transition: .5s;
}
#nav .sub a {display: block;width: 100%;height: 40px;line-height: 40px;text-align: center;font-size: 14px;}
#nav .sub a:hover {color: #34a24b;background-color: #f4f4f4;}
#nav .on .sub {top: 51px;opacity: 1;visibility: visible;}
.menuBtn {position: absolute;top: 28px;right: 20px;width: 30px;height: 20px;display: none;cursor: pointer;z-index: 100;
    -o-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);}
.menuBtn em {margin-bottom: 10px;display: block;height: 2px;background-color: #fff;
-o-transition:.5s;
-ms-transition:.5s;
-moz-transition:.5s;
-webkit-transition:.5s;
transition:.5s;
}
.menuBtn.on em {display: none;margin: -2px 0 0;position: absolute;left: 5px;top: 50%;width: 24px;}
.menuBtn.on em:first-child {display: block;
    transform:rotate(45deg);
    -webkit-transform:rotate(45deg);
    -o-transform:rotate(45deg);
    -ms-transform:rotate(45deg);
}
.menuBtn.on em:last-child {display: block;
    transform:rotate(-45deg);
    -webkit-transform:rotate(-45deg);
    -o-transform:rotate(-45deg);
    -ms-transform:rotate(-45deg);}

#aside {position: fixed;top: 0;left: -240px;bottom: 0;width: 240px;
    background-color:#4a4fa9;z-index: 110;height: auto;}
#aside.open {left: 0;}
#aside .menu {margin-top: 50px;}
#aside .menu .v1 {padding-left: 30px;display: block;width: 100%;height: 41px;line-height:40px;font-size: 16px;color: #fff;border-bottom: 1px solid #fff;}
#aside .menu .v1:hover,#aside .menu .v1.on {color: #34a24b;background-color: #fff;}
#aside .menu .v1 img {margin-top: -3px;margin-right: 10px;display: inline-block;vertical-align: middle;}
#aside .menu .sub {padding: 10px 0;display: none;}
#aside .menu .sub > a {padding-left: 46px;display: block;width: 100%;height: 36px;line-height: 36px;color: #fff;font-size: 14px;}
#aside .menu .sub > a:hover,#aside .menu .sub > a.on {color: #34a24b;background-color: #fff;}
#aside .menu .sub-sub {padding: 10px 0;display: none;}
#aside .menu .sub-sub a {padding-left: 60px;display: block;width: 100%;height: 32px;line-height: 32px;color: #fff;font-size: 12px;}
#aside .menu .sub-sub a:hover,#aside .menu .sub-sub a.on {color: #34a24b;background-color: #1c1c1c;}
#aside .lang {padding: 20px 0;text-align: center;color: #fff;}
#aside .lang a {padding: 0 10px;color: #fff;}
#aside .lang a.on {color: #34a24b;}
/*******************************
  -------[=底部]-------
********************************/
#fd {padding-top: 26px;height: 142px;background: url(../images/bg-fd.jpg) center center no-repeat;background-size: cover;color: #e5e5e5;}
#fd .cont {margin: 0 auto;width: 98%;max-width: 1440px;}
#fd .col-l {width: 19%;font-size: 23px;}
#fd .col-c {width: 62%;text-align: center;}
#fd .col-c .p1 {font-size: 18px;line-height: 1em;}
#fd .col-c .p2 {padding-top: 28px;font-size: 14px;line-height: 1em;}
#fd .col-r {width: 19%;text-align: right;font-size: 18px;}
#fd a {color: #e5e5e5;}
#fd a:hover {color: #d4d4d4;}
/*******************************
    -------[=正文]-------
********************************/
/*侧边*/
.sidebar {padding-right: 126px;float: left;width: 31%;max-width: 600px;text-align: right;}
.sidebar .col-name {border-top: 3px solid #1c6e45;}
.sidebar .col-name .en {height: 50px;line-height: 50px;font-size: 18px;color: #1c6e45;text-transform: uppercase;}
.sidebar .col-name .cn {font-size: 30px;color: #1c6e45;line-height: 1em;}
.sidebar .comanme {margin-top: 78px;padding-left: 25px;display: inline-block;height: 47px;line-height: 45px;border-bottom: 2px solid #707070;font-size: 18px;color: #707070;}
/*面包屑导航*/
.sitemap {padding-left: 64px;height: 48px;line-height: 48px;color: #fff;font-size: 13px;background: url(../images/bg-sitenav.png) center center no-repeat #1c6e45;}
.sitemap a {color: #fff;text-transform: uppercase;}
.sitemap a:hover {text-decoration: underline;}