锘緻charset "UTF-8";
/* CSS Document */


body{ font-family:'Microsoft YaHei','寰蒋闆呴粦','SimSun','瀹嬩綋',Arial; background:#487d53;margin:0;}
html{font-size:62.5%;}
img{ border:0; vertical-align: middle;}
ul, ol, li, div{ margin:0; padding:0;}
ul {margin-block-start:0; margin-block-end:0;padding-inline-start:0;padding-block-start:0; padding-block-end:0;}
li { list-style: none;}
p {margin-block-start:0; margin-block-end:0; -webkit-margin-before:0; -webkit-margin-after:0;}
a { color: #fff; text-decoration: none}
a:hover { text-decoration: none; -webkit-transition: background-color .2s ease; -moz-transition: background-color .2s ease;
    -ms-transition: background-color .2s ease; -o-transition: background-color .2s ease; transition: background-color .2s ease
}
.clear{ clear:both;}
.clearfix { zoom: 1; }
.clearfix:after { content: "."; display: block; clear: both; font-size: 0; height: 0; line-height: 0; visibility: hidden;}

.mbg{ width:100%; height:100%;background:#487d53; position:fixed; top:0; left:0; z-index:-1;}
.wrap{width: calc(100% - 10rem); margin:0 auto; margin-top:9.0rem;  min-height:500px; text-align:center; }

/*header
.mAuto { margin: 0 10px;}*/
.nilBlo { width: 100%; height: 107px;}

.header { background: #487d53; height: 7rem; width: 100%; max-width:calc(100% - 10rem); position: fixed; top: 0; left:5rem; z-index: 99; padding-top: 2rem; }
.headerBlo { width: 100%; margin: 0 auto;}
.header .logo { float: left;}
.header .nav { height: 3.5rem; line-height: 1.6rem; float: right; font-size: 1.2rem; text-align: right; color: #fff;}
.header .nav li { width: 5.5rem; height: 3.5rem; float: left; position: relative; margin-left: 2rem;}
.header .nav li a { display: block; width: 100%; height: 100%; color: #fff; text-align: right;}
.header .nav li a:hover {}
.header .nav li a span { width: 100%; color: #fff; position: absolute; top: 1.8rem; left: 0;}
.header .nav li a:hover span,.header .nav li a.cur span{ color: #000;}
.header .nav li .subNav{ width:40rem; display:none;}
.header .nav li .subNav li{ float:left;	 width:auto; height:5rem; line-height:3rem; text-align:left; margin-left:0; padding-right:1.7rem;}
.header .nav li .subNav li a{ width:100%; height:100%; display:block;}
.header .nav li .subNav li a:hover,.header .nav li .subNav li a.cur{ color:#000;}

.h5Header { width:calc(100% - 0.6rem); height:3.6rem; padding:1rem 0.3rem; position:fixed; top:0; z-index:99; background:#487d53; display:none;}
.h5Header .logo{ width:50%; float:left;}
.h5Header .logo img{ height:3.6rem;}
.h5Header .meun-off { float: right; margin-right: 2rem;}
.h5Header .meun-off span { width: 23px; height: 2px;  background-color: #fff; display: block; margin: 6px auto;
    -webkit-transition: all .3s ease-in-out; -o-transition: all .3s ease-in-out; transition: all .3s ease-in-out
}
.h5Header .meun-on #span2 { opacity: 0}
.h5Header .meun-on #span1 {
    -webkit-transform: translateY(8px) rotate(45deg); -ms-transform: translateY(8px) rotate(45deg);
    -o-transform: translateY(8px) rotate(45deg); transform: translateY(8px) rotate(45deg)
}
.h5Header .meun-on #span3 {
    -webkit-transform: translateY(-8px) rotate(-45deg); -ms-transform: translateY(-8px) rotate(-45deg);
    -o-transform: translateY(-8px) rotate(-45deg); transform: translateY(-8px) rotate(-45deg)
}
.h5Header .nav .close img { width: 2.5rem; }
.h5Header .nav { position: fixed; width: 100%; height: 100%; top: 0; left: 0; text-align:center; background: rgba(72, 125, 83, 1.0); display: none;}

.h5Header .nav ul { margin: 0 auto; width: 100%; text-align: center; height: 500px; margin-top: 10rem;}
.h5Header .nav ul li { width:100%;
    -webkit-animation: DDInY .8s .3s ease both; -ms-animation: DDInY .8s .3s ease both;
    -moz-animation: DDInY .8s .3s ease both; animation: DDInY .8s .3s ease both
}
.h5Header .nav ul a { display: block; height: 5rem; overflow: hidden;  margin: 10px 0; text-align:center;}
.h5Header .nav ul span {  display: block; font-size: 2.0rem; line-height: 5rem; text-transform: uppercase; color: #e9e7e8; width:100%; text-align:center;}
.h5Header .nav ul span.cn{ display:none;}

.h5Header .nav ul a:active span.en{ display:none;}
.h5Header .nav ul a:active span.cn{ display:block;}

.h5Header .nav .nav-tel { position: absolute; left: 2%; bottom: 2%}
.h5Header .nav .close { display: block; position: absolute; top: 4%; right: 4%}
.h5Header .nav .close img { transition: all .5s ease}
.h5Header .nav .close:hover img { transform: rotate(180deg)}

.footerBox { width:100%; min-width:1540px; text-align:center; background:#282828; margin-top:2rem; padding-bottom:3rem;}
.footer{width: calc(100% - 10rem); min-width:1540px; margin:0 auto; color:#fff;}
.footer .footerBlo{ width:100%; border-bottom:1px #fff solid; position:relative; height:260px;}
.footer .footerBlo .m_1{  position:absolute; top:25px; left:0;}
.footer .footerBlo .m_1 .left{ float:left;}
.footer .footerBlo .m_1 .right{ float:left; margin-left:30px; font-size:1.8rem; text-align:left;}
.footer .footerBlo .m_1 .right .l_2{ margin-top:30px;}
.footer .footerBlo .m_1 .right .l_2 p{ margin-bottom:10px;}

.footer .footerBlo .m_2{ position:absolute; top:25px; left:40%;}
.footer .footerBlo .m_2 .left{ float:left;}
.footer .footerBlo .m_2 .right{ float:left; margin-left:30px; font-size:12px; text-align:left;}
.footer .footerBlo .m_2 .right div{ margin-bottom:20px;}
.footer .footerBlo .m_2 .right div p{ margin-bottom:5px; }

.footer .footerBlo .m_3{ position:absolute; top:25px; left:72%;font-size:12px; text-align:left;}
.footer .footerBlo .m_3 div{ margin-bottom:20px;}
.footer .footerBlo .m_3 div p{ margin-bottom:5px; }

.footer .footerBlo .m_4{ position:absolute; top:25px; right:0;}

.footer .copyright{ position:relative;}
.footer .copyright ul{ float:left;padding-inline-start:0;}
.footer .copyright ul li{ float:left; color:#fff; line-height:40px; padding-right:10px;}
.footer .copyright ul li:first-child{padding-right:0;}
.footer .copyright span{ line-height:40px; color:#fff; position:absolute; top:0; left:calc(40% + 82px + 30px);}

.h5_footer{ width:100%; display:none;}
.h5_footer img{ width:100%;}

.quickHandle{ position:fixed; width:5rem; bottom:1rem; right:0.5rem;}
.quickHandle img{ width:100%;}

.bottomHandler{ width:100%;position:fixed; bottom:-1rem;z-index: 999; display:none;}
.bottomHandler ul{background:#fff; width:100%;padding-left:0.5rem; padding-right:0.5rem;}
.bottomHandler ul li{height:50px;border-bottom:1px solid rgba(0,0,0,.2); padding-left:0; text-align:center; line-height:50px; cursor:pointer;}
.bottomHandler ul li.first{border-top:1px solid rgba(0,0,0,.2);}
.hideBottom{bottom:-16rem;}

.pageStyle{ clear: both; text-align:right; margin-top:3rem;}
.pageStyle a{ width:22px; height:22px; display: inline-block; text-align:center; line-height:22px; margin-left:10px; }
.pageStyle a:hover{ color:#487d53; background:url(/images/page_cycle.png) no-repeat;}
.pageStyle .cur{ color:#487d53; background:url(/images/page_cycle.png) no-repeat;}



@media screen and (max-width:835px) 
{
    body{ margin:0.8rem;}
	.header{ display:none;}
	.h5Header{ display:block;}
	.wrap{width:100%; margin-top:5.7rem;}
}
@media screen and (max-width:750px) 
{
	.bannerBox{ display:none;}
	
	.footerBox{ display:none;}
	.h5_footer{ display:block;}
}