@charset "UTF-8";
/* layout *******************************************************************************************************************/
.wrap { max-width: 1200px; margin-left: auto; margin-right: auto; padding: 0 5px; }
.wrapper { max-width: 1200px; margin-left: auto; margin-right: auto; padding: 0 20px; }
@media (max-width: 750px){
.wrap { width: 100%; padding: 0; }
.wrapper { width: 100%; padding: 0; }
}
.space-between {
justify-content: space-between;
}
。.space-around{
justify-content: space-around;
}
.flex {
display: flex;
}
.wraps{flex-wrap: wrap;}
.i_center {
align-items: center;
}
/* 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: 40px; }
.header .hotline i { float: left; width: 62px; 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 5px; }
.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: #1e212a; overflow: hidden; }
.nav ul li { float: left; width: 11%; }
.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: #009b4b; }
.tpone{display: none;}
@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%);
}
.head_top{
display: none;
}
.logo .gx{
display: none;
}
.logo .ti{
display: none;
}
.tpone{
display: inline-block;
}
.footer{
display: none;
}
.fl_ab{width: 100%!important;padding: 5px}
.fl_ab p{font-size: 16px;margin: 10px;text-align: justify;line-height: 30px;}
.fr_img{display: none}
}
/* banner *******************************************************************************************************************/
.banner { position: relative; width: 100%; }
.banner .inner { width: 100%; height: 275px; background-repeat: no-repeat; background-position: center; }
.banner .info { padding-top: 90px; }
.banner .info .box { width: 50%; background-color: rgba(0,0,0,0.45); }
.banner .info .box .text { padding: 32px 9% 20px; 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!important; }
.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; }*/
.path{padding-left:5px;overflow:hidden}
}
/* module *******************************************************************************************************************/
.module { width: 100%; padding: 20px 0; overflow: hidden; }
.ab{background:url(../images/bg/ab6.jpg) no-repeat center;}
/*.module-bg { background-color: #ededed; }*/
.module .module-title { margin: 0 50px 50px; text-align: center; }
.module .module-title h2 { font-size: 40px;color: #369031 }
.sq{float: left;width: 260px;height: 97px;color: #fff;background: url(../images/icon/201.png) no-repeat left center;
background-size: 100% 100%;overflow: hidden;margin-left: 38%;line-height: 88px;}
.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 p span {float: left;}
.module .module-title-2 { margin: 0 10% 40px; text-align: center; }
.module .module-title-2 h2 { font-size: 36px;color: #369031 }
.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: 10px 0; }
.module .module-title { margin: 0 10px 15px; }
.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; }
.xg .m{display: block!important;width: 100%}
.xg .pc{display:none}
.sq{margin-left: 29%;line-height: 45px;width: 160px;height: 45px;}
}
.xg img{width: 100%}
.xg .m{display: none}
/* video player *******************************************************************************************************************/
.video-player { position: relative; width: 100%; margin-top: 5px; box-shadow: 0 0 15px #4E4E4E }
.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: 60px 0 50px; font-size: 0; line-height: 30px; 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: 30px 0 30px; }
.pages span { display: none; }
}
/* 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: auto; 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: auto; padding-right: 10px; }
.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 35px; font-size: 8px;background-color:unset }
.copyright .cp{display: none}
.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: inline-block; margin-right: 1px; padding: 6px 0; font-size: 10px; color: #fff; line-height: 16px; text-align: center; }
.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; }
}
#goto_top {
width: 50px;
height: 50px;
background: url(../images/icon/to_top.png) no-repeat center #009b4b;
background-size: 30px 34px;
position: fixed;
right: 40px;
bottom: 100px;
cursor: pointer;
z-index: 9999;
display: none;
}
.pro_c { position: relative; width: 100%; margin-top: 15px}
.pro_c .tit { font-size: 18px!important;}
.pro_c ul li { float: left;width: 47% }
@media (max-width: 1366px){
.pro_c { position: relative; width: 100%; margin-top: 15px}
.pro_c .tit { font-size: 18px!important;}
.pro_c ul li { float: left;width: 47% }
}
@media (max-width: 1024px){
.pro_c { position: relative; width: 100%; margin-top: 15px}
.pro_c .tit { font-size: 18px!important;}
.pro_c ul li { float: left;width: 47% }
}
@media (max-width: 750px){
/*.pro_c { display: none}*/
.pro_c{margin-top: 2px;}
.pro_c .tit { font-size: 18px!important;}
.pro_c ul li { float: left;width: 47% }
.pro_c ul li img{width:100%; }
.pro_c ul li .m7{font-size:10px!important}
.pro_c ul li .m8{font-size: 12px!important;}
}