@charset "UTF-8";
/*page*/
.pager { width:100%; text-align:center; font-size:15px; padding:10px 0; }
DIV.jogger { MARGIN: 2px; }
DIV.jogger A { PADDING: 5px 10px; MARGIN: 1px; COLOR: #666; BACKGROUND-COLOR: #eee; border:#CCC 0px solid; TEXT-DECORATION: none; transition: all 0.5s;}
DIV.jogger A:hover {PADDING: 5px 10px; MARGIN: 1px; COLOR: #fff; border:#e6bc30 0px solid; BACKGROUND-COLOR: #e6bc30; }
DIV.jogger A:active {PADDING: 5px 10px; MARGIN: 1px; COLOR: #fff; border:#e6bc30 0px solid; BACKGROUND-COLOR: #e6bc30;}
DIV.jogger SPAN.current {PADDING: 5px 10px; MARGIN: 1px; COLOR: #fff; border:#369031 0px solid; BACKGROUND-COLOR: #369031; }
DIV.jogger SPAN.disabled {DISPLAY: none}

/* layout *******************************************************************************************************************/
.wrap { max-width: 1440px; margin-left: auto; margin-right: auto; padding: 0 20px; }
.wrapper { max-width: 1440px; margin-left: auto; margin-right: auto; padding: 0 20px; }
@media (max-width: 750px){
.wrap { width: 100%; padding: 0; }
.wrapper { width: 100%; padding: 0; }
}

/* header *******************************************************************************************************************/
.header { width: 100%; }
.header .logo { float: left; height: 105px; margin: 15px 0 10px; }
.header .logo img { height: 100%; }
.header .hotline { float: right; margin-top: 45px; }
.header .hotline i { float: left; width: 83px; height: 62px; background: url("../images/icon/tel.png") no-repeat center;  }
.header .hotline strong { display: block; margin-left: 88px; font-family: "Century Gothic", Arial; font-weight: bold; font-size: 40px; color: #099f00; line-height: 1; }
.header .hotline span { display: block; margin-left: 88px; font-size: 18px; color: #666; line-height: 30px; }
.header .menu { display: none; }
@media (max-width: 1366px){
.header .logo { height: 105px; }
.header .hotline { margin-top: 30px; }
}
@media (max-width: 1024px){
.header .logo { height: 80px; }
.header .hotline { margin-top: 20px; }
}
@media (max-width: 750px){
.header { position: fixed; top: 0; left: 0; z-index: 10000; width: 100%; height: 56px; box-shadow: 0 0 4px rgba(0,0,0,0.15); background-color: #fff; }
.header .logo { height: 40px; margin: 8px 10px; }
.header .hotline { display: none; }
.header .menu { float: right; display: block; width: 56px; height: 56px; opacity: 0.8; }
.header .menu .icon-menu { display: block; width: 100%; height: 100%; background: url("../images/icon/menu.png") no-repeat center; background-size: 24px; }
.header .menu-active .icon-menu { background-image: url("../images/icon/close.png"); background-size: 18px; }
.header-fixed { position: fixed; top: 0; left: 0; }
}

/* nav *******************************************************************************************************************/
.nav { height: 46px; background-color: #006938; overflow: hidden; }
.nav ul li { float: left; width: 14.28%; }
.nav ul li a { display: block; margin-right: 1px; font-size: 18px; font-weight: bold; color: #fff; line-height: 46px; text-align: center; }
.nav ul li a:hover,
.nav ul li.current a { background-color: #4bb033; }

@media (max-width: 1366px){
.nav ul li a { font-size: 16px; }
}

@media (max-width: 1024px){
.nav ul li a { font-size: 14px; font-weight: normal; }
}

@media (max-width: 750px){
.nav { position: fixed; top: 0; left: 0; z-index: 1000; width: 100%; height: 100%; background-color: #fff; 
  -webkit-transition: transform 0.5s ease; -moz-transition: transform 0.5s ease; -ms-transition: transform 0.5s ease; transition: transform 0.5s ease;
	-webkit-transform: translateX(100%); -moz-transform: translateX(100%); -ms-transform: translateX(100%); transform: translateX(100%); 
}
.nav ul { padding-top: 56px; }
.nav ul li { float: none; width: 100%; border-bottom: 1px solid #f0f0f0; }
.nav ul li a { position: relative; height: 50px; margin-right: 0; padding: 0 20px; font-weight: normal; font-size: 14px; color: #333; line-height: 50px; text-align: left; }
.nav ul li a:after { -webkit-transform: rotate(45deg); -moz-transform: rotate(45deg); -ms-transform: rotate(45deg); transform: rotate(45deg); content: ""; position: absolute; top: 50%; right: 20px; width: 8px; height: 8px; margin-top: -4px; border-top: 1px solid #ddd; border-right: 1px solid #ddd; }
.nav ul li a:hover,
.nav ul li.current a { color: #099f00; background-color: transparent; }
.nav ul li a:hover:after,
.nav ul li.current a:after { border-color: #666; }
.nav-fixed { 
    -webkit-transform: translateX(0%); -moz-transform: translateX(0%); -ms-transform: translateX(0%); transform: translateX(0%); 
  }
}

/* banner *******************************************************************************************************************/
.banner { position: relative; width: 100%; }
.banner .inner { width: 100%; height: 470px; background-repeat: no-repeat; background-position: center; background-size: cover; }
.banner .info { padding-top: 173px; }
.banner .info .box { width: 59%; background-color: rgba(0,0,0,0.45); }
.banner .info .box .text { padding: 32px 9% 50px; color: #fff; }
.banner .info .box .text h2 { font-size: 36px; }
.banner .info .box .text p { margin-top: 18px; font-size: 14px; }
@media (max-width: 1366px){
.banner .inner { height: 450px; }
.banner .info .box .text { padding: 30px 9% 45px; }
.banner .info .box .text h2 { font-size: 32px; }
.banner .info .box .text p { margin-top: 15px; font-size: 13px; }
}
@media (max-width: 1024px){
.banner .inner { height: 420px; }
.banner .info .box .text { padding: 28px 9% 42px; }
.banner .info .box .text h2 { font-size: 28px; }
.banner .info .box .text p { margin-top: 12px; font-size: 12px; }
}
@media (max-width: 750px){
.banner .inner { height: auto; }
.banner .info { padding-top: 50px; padding-bottom: 20px; }
.banner .info .box { width: 76%; margin-left: 10px; }
.banner .info .box .text { padding: 15px 9%; }
.banner .info .box .text h2 { font-size: 18px; }
.banner .info .box .text p { margin-top: 8px; font-size: 10px; }
}

/* path *******************************************************************************************************************/
.path { height: 45px; font-size: 16px; color: #666; line-height: 45px; box-shadow: 0 0 1px rgba(0,0,0,0.05); border-bottom: 1px solid #e0e0e0; background-color: #fff; }
.path i { font-style: normal; }
.path img { display: inline-block; margin-top: -3px; margin-right: 8px; vertical-align: middle; }
.path-2 { padding-top: 10px; }
@media (max-width: 1366px){
.path { font-size: 14px; }
}
@media (max-width: 1024px){
.path { font-size: 12px; }
}
@media (max-width: 750px){
.path { display: none; }
}

/* module *******************************************************************************************************************/
.module { width: 100%; padding: 68px 0; overflow: hidden; }
.module-bg { background-color: #ededed; }
.module .module-title { margin: 0 50px 50px; text-align: center; }
.module .module-title h2 { font-size: 40px; }
.module .module-title h2 img { display: inline-block; width: 45px; height: 45px; margin-top: -3px; margin-right: 25px; vertical-align: middle; }
.module .module-title p { margin-top: 32px; font-size: 18px; color: #4c4c4c; }
.module .module-title-2 { margin: 0 10% 40px; text-align: center; }
.module .module-title-2 h2 { font-size: 36px; }
.module .module-title-2 p { margin-top: 20px; font-size: 16px; color: #666; }
@media (max-width: 1366px){
.module { padding: 60px 0; }
.module .module-title { margin: 0 40px 40px; }
.module .module-title h2 { font-size: 36px; }
.module .module-title p { margin-top: 28px; font-size: 16px; }
.module .module-title-2 h2 { font-size: 32px; }
.module .module-title-2 p { margin-top: 15px; font-size: 14px; }
}
@media (max-width: 1024px){
.module { padding: 50px 0; }
.module .module-title { margin: 0 30px 35px; }
.module .module-title h2 { font-size: 32px; }
.module .module-title p { margin-top: 24px; font-size: 14px; }
.module .module-title-2 h2 { font-size: 28px; }
.module .module-title-2 p { margin-top: 12px; font-size: 14px; }
}
@media (max-width: 750px){
.module { padding: 40px 0; }
.module .module-title { margin: 0 10px 30px; }
.module .module-title h2 { font-size: 22px; }
.module .module-title h2 img { width: 28px; height: 28px; margin-top: -2px; margin-right: 15px; }
.module .module-title p { margin-top: 15px; font-size: 12px; }
.module .module-title-2 { margin: 0 10px; }
.module .module-title-2 h2 { font-size: 22px; }
.module .module-title-2 p { margin-top: 15px; font-size: 12px; }
}

/* video player *******************************************************************************************************************/
.video-player { position: relative; width: 100%; margin-top: 15px; }
.video-player .video { display: block; width: 100%; }
.video-player .control { position: absolute; top: 0; left: 0; width: 100%; height: 100%; }
.video-player .control .mask { width: 100%; height: 100%; background-color: rgba(0,0,0,0.2); }
.video-player .control .button { position: absolute; top: 50%; left: 50%; width: 103px; height: 103px; margin-top: -52px; margin-left: -52px; text-indent: -9999em; background: url("../images/icon/video_play.png") no-repeat center; background-size: cover; cursor: pointer; overflow: hidden; }
@media (max-width: 1366px){
.video-player .control .button { width: 98px; height: 98px; margin-top: -49px; margin-left: -49px; }
}
@media (max-width: 1024px){
.video-player .control .button { width: 92px; height: 92px; margin-top: -46px; margin-left: -46px; }
}
@media (max-width: 750px){
.video-player { width: auto; margin: 0 10px; }
.video-player .control .button { width: 50px; height: 50px; margin-top: -25px; margin-left: -25px; }
}

/* pases *******************************************************************************************************************/
.pages { margin: 70px 0 90px; font-size: 0; line-height: 26px; text-align: center; }
.pages a { display: inline-block; margin: 0 4px; padding: 0 12px; font-size: 14px; background-color: #f0f0f0; }
.pages a:hover,
.pages a.current { color: #fff; background-color: #e9c50b; }
.pages span { display: inline-block; margin-left: 10px; font-size: 12px; color: #666; }
@media (max-width: 750px){
.pages { margin: 40px 0 60px; }
.pages span { display: ; }
}

/* footer *******************************************************************************************************************/
.footer { padding: 50px 0 35px; color: #999; background-color: #2e2e2e; }
.footer a { color: #999; }
.footer a:hover { color: #fff; }
.footer h4 { font-size: 18px; font-weight: bold; color: #fff; }
.footer h4 a,
.footer h4 a:hover { color: #fff; }
.footer .inner { /*margin-left: 4%;*/ }
.footer .footer-nav { float: left; width: 55%; }
.footer .footer-nav .item { float: left; width: 25%; }
.footer .footer-nav .item ul { margin-top: 22px; }
.footer .footer-nav .item ul li { width: 100%; font-size: 16px; line-height: 30px; text-overflow: ellipsis; white-space: nowrap;  overflow: hidden; }
.footer .footer-contact { float: left; width: 45%; }
.footer .footer-contact .contact { float: left; width: 60%; }
.footer .footer-contact .contact .info { margin-top: 22px; line-height: 1.6; }
.footer .footer-contact .contact .info span { display: block; font-size: 16px; color: #e8c50d; }
.footer .footer-contact .contact .info strong { display: block; font-size: 30px; color: #e8c50d; }
.footer .footer-contact .contact .info p { font-size: 14px; }
.footer .footer-contact .qrcode { float: left; width: 40%; }
.footer .footer-contact .qrcode .info { margin-top: 27px; }
.footer .footer-contact .qrcode .info img { max-width: 100%; }
@media (max-width: 1366px){
.footer h4 { font-size: 16px; }
.footer .footer-nav .item ul { margin-top: 20px; }
.footer .footer-nav .item ul li { font-size: 14px; line-height: 28px; }
.footer .footer-contact .contact .info { margin-top: 20px; }
.footer .footer-contact .contact .info span { font-size: 14px; }
.footer .footer-contact .contact .info strong { font-size: 28px; }
.footer .footer-contact .contact .info p { font-size: 12px; }
.footer .footer-contact .qrcode .info { margin-top: 25px; }
.footer .footer-contact .qrcode .info img { max-width: 85%; }
}
@media (max-width: 1024px){
.footer h4 { font-size: 14px; }
.footer .footer-nav .item ul { margin-top: 15px; }
.footer .footer-nav .item ul li { font-size: 12px; line-height: 25px; }
.footer .footer-contact .contact .info { margin-top: 15px; }
.footer .footer-contact .contact .info span { font-size: 12px; }
.footer .footer-contact .contact .info strong { font-size: 25px; }
.footer .footer-contact .contact .info p { font-size: 12px; }
.footer .footer-contact .qrcode .info { margin-top: 20px; }
.footer .footer-contact .qrcode .info img { max-width: 70%; }
}
@media (max-width: 750px){
.footer { padding: 0; }
.footer a { color: #fff; }
.footer h4 { font-size: 14px; line-height: 30px; }
.footer .inner { margin-left: 10px; margin-right: 10px; }
.footer .footer-nav { float: none; width: 100%; }
.footer .footer-nav .item { float: none; width: 100%; }
.footer .footer-nav .item h4 { line-height: 40px; }
.footer .footer-nav .item h4 a { position: relative; display: block; padding-left: 10px; border-bottom: 1px solid #464646; }
.footer .footer-nav .item h4 a:after { content: ""; position: absolute; top: 50%; right: 12px; width: 8px; height: 8px; margin-top: -6px; border-right: 1px solid #fff; border-bottom: 1px solid #fff; 
  -webkit-transform: rotate(45deg); -moz-transform: rotate(45deg); -ms-transform: rotate(45deg); transform: rotate(45deg); 
}
.footer .footer-nav .item h4 a.active { color: #099f00; border-color: #099f00; }
.footer .footer-nav .item ul { display: none; margin-top: 0; }
.footer .footer-nav .item ul li { font-size: 11px; line-height: 40px; border-bottom: 1px solid #464646; }
.footer .footer-nav .item ul li a { display: block; padding: 0 20px; }
.footer .footer-contact { float: none; width: 100%; padding: 15px 0 30px; }
.footer .footer-contact .item { width: auto; }
.footer .footer-contact .contact { float: left; width: 65%; padding-left: 10px; }
.footer .footer-contact .contact .info { margin-top: 12px; }
.footer .footer-contact .contact .info span { font-size: 12px; }
.footer .footer-contact .contact .info strong { font-size: 16px; }
.footer .footer-contact .contact .info p { font-size: 11px; }
.footer .footer-contact .qrcode { float: right; width: 25%; padding-right: 10px; text-align:center; }
.footer .footer-contact .qrcode .info { margin-top: 12px; }
.footer .footer-contact .qrcode .info img { max-width: 90px; }
}

/* copyright *******************************************************************************************************************/
.copyright { padding: 25px 0; font-size: 12px; color: #666; line-height: 1.8; text-align: center; background-color: #181818; }
.copyright a { color: #666; }
.copyright a:hover { color: #fff; }
.copyright p span { margin: 0 5px;  }
.copyright .links { margin-bottom: 12px; padding: 0 10%; }
.copyright .links a { margin: 0 3px; }
@media (max-width: 1366px){
.copyright .links { padding: 0 5%; }
}
@media (max-width: 1024px){
.copyright .links { padding: 0; }
}
@media (max-width: 750px){
.copyright { padding: 25px 15px 85px; font-size: 8px; }
.copyright p span { display: block; margin: 0; }
.copyright .links { display: none; }
}

/* service *******************************************************************************************************************/
.service-bar { display: none; position: fixed; left: 0; bottom: 0; z-index: 100; width: 100%; background-color: #fff; }
.service-bar ul li { float: left; width: 25%;  }
.service-bar ul li a { display: block; margin-right: 1px; padding: 8px 0; font-size: 10px; color: #fff; line-height: 18px; text-align: center; background-color: #12a20c; }
.service-bar ul li a .icon { display: block; width: 24px; height: 24px; margin: 0 auto; background-repeat: no-repeat; background-position: center; background-size: cover; }
.service-bar ul li a .icon01 { background-image: url("../images/icon/cs_01.png"); }
.service-bar ul li a .icon02 { background-image: url("../images/icon/cs_02.png"); }
.service-bar ul li a .icon03 { background-image: url("../images/icon/cs_03.png"); }
.service-bar ul li a .icon04 { background-image: url("../images/icon/cs_04.png"); }
.service-bar ul li a span { display: block; }
.service-bar ul li:last-child a { margin-right: 0; }
@media (max-width: 750px){
.service-bar { display: block; }
}