@charset "utf-8";
/*
[MBKFW Template] Copyright (c) 2010-2023 www.mbkfw.com
This is not a free template. Please buy the authentic license.
Author: Xiaohei, QQ:2909458585. Version: v9, time: 20180408.
Special note: do not modify this document without permission.
*/
body, dl, dt, dd, ul, ol, li, h1, h2, h3, h5, h6, pre, form, fieldset, input, textarea, p, blockquote{ margin: 0; padding: 0; }
body { font-size: 12px; font-family:"Microsoft Yahei",Helvetica,Tahoma,sans-serif;line-height: 150%; color: #333; background:#f5f5f5;min-width:1200px}

fieldset, img {border: 0;vertical-align: middle;}
ins { text-decoration: none; display:block;}
legend { display: none; }
ol, ul ,li { list-style: none; }
caption, th { text-align: left; }
h1, h2, h3, h4, h5, h6 { font-size: 100%;}
q:before, q:after { content: ''; }
abbr, acronym { border: 0; }
a:link, a:visited { color: #333; text-decoration: none; }
a:hover { color: #c00;  text-decoration:none;}
a strong { color: #c00; }
object, embed { display: block }
em ,i{font-style:normal}
td input{padding:5px}
.f12{font-size:12px}
.f14{font-size:14px}
.f24{font-size:24px}
.bold {font-weight: bold;}
.gray9 {color: #696969 !important;}

/* common */
.f_l,.fl{float:left}
.f_r,.fr{float:right}
.b10{height:10px;overlflow:hidden;clear:both;width:100%}
.b20{height:20px;overlflow:hidden;clear:both;width:100%}
.b30{height: 0px;overflow: hidden;clear:both;width:100%;background-color: #ffffff;}
.topbg {background:white;overflow:hidden;}
.head{ position: relative;}
.head div {float:left;}
.head .logo {padding: 25px 10px 0 0px;overflow:hidden;float:left;}
.head .gs{max-width: 730px;}
.head h1 {font-weight:bold;padding: 0;}
.head h4 {
    white-space: nowrap;
    -webkit-text-overflow: ellipsis;
    -moz-text-overflow: ellipsis;
    -o-text-overflow: ellipsis;
    -ms-text-overflow: ellipsis;
    text-overflow: ellipsis;
    overflow: hidden;
}
.head h5 {display:none}
.com-name{float:left;margin-top:20px}
.com-telphone{float:right;margin-top:20px}
.telphone{position:absolute;width: 260px;height:64px;right:0px;top:32px;font-size:16px;padding-left:80px;background: url(phone.png) no-repeat 20px 0px;line-height:40px;}
.telphone b{font-size:32px;color:#C20707;padding-top:10px}

/*menu*/
.hide{display:none}
.clearfix {*zoom:1}
.clearfix:after{content: "\200B";display: block;height: 0;clear: both;}
#menu a {text-decoration:none;}
.menu {width: 100%;background:#309434;height: 44px;max-height: 44px;font-size:16px;position: relative;z-index: 3;}
.menu .m{}
.menu span {display:block;width:100%;height:44px;padding:0 16px;color:#FFFFFF;}
.menu_li {float:left;white-space:nowrap;line-height:44px;margin:0 1px 0 0;position: relative;}
.menu_li:hover {background:#1E6721;}
.menu_on {float:left;white-space:nowrap;line-height:44px;background:#1E6721;margin:0 1px 0 0;position: relative;}
.menu ul li .mu_type {display: none;width:100%;border-left:none;}
.menu ul li:hover .mu_type {display: block;position:absolute;top: 44px;left:0;background: #ffffff;border-left:none;z-index: 100;}
.menu ul li:hover .mu_type a{line-height:40px;height:40px;overflow:hidden;float: none;text-align: center;}
.menu ul li:hover .mu_type a {display:block;font-size: 14px;font-weight:normal;background: #ffffff;}
.menu ul li:hover .mu_type a:hover {background: #1E6721;color:#ffffff}


/*幻灯*/
/* banner*/
#banner_main{overflow: hidden;position: relative;z-index: 2;max-width: 1920px;margin: 0 auto;}
#banner{width: 100%;min-width: 1000px;position: relative;overflow: hidden;z-index: 0;}
.banner li{width: 100%;position: absolute;z-index: 1;overflow: hidden;display: none;}
.banner li:first-child{display: block;}
.banner li img{width: 1920px;display: block;position: relative;left: 50%;margin-left: -960px;top: 0;}
#banner .tip{width: 1000px;height: 20px;line-height: 0;font-size: 0;text-align: center;position: absolute;left: 50%;margin-left: -500px;bottom: 20px;z-index: 3;}
#banner .tip span{width: 16px;height: 16px;margin: 0 6px;display: inline-block;font-size: 0;cursor: pointer;background-position: -150px 0px;}
#banner .tip span.cur{background-position: -130px 0px;}
#banner #btn_prev, #banner #btn_next{width: 32px;height: 50px;position: absolute;top: 250px;z-index: 5;}
#banner #btn_prev{background-position: -60px 0;left: 12%;transition: all 600ms ease;}
#banner #btn_next{background-position: -92px 0;right: 12%;transition: all 600ms ease;}
#banner #btn_prev:hover{opacity: .8;filter: alpha(opacity=80);transition: all 600ms ease;left: 11.6%;}
#banner #btn_next:hover{opacity: .8;filter: alpha(opacity=80);transition: all 600ms ease;right: 11.6%;}
#banner #btn_prev, #banner #btn_next{top:200px}
#banner #btn_prev {background: url(banner_arrow.png) no-repeat left top;position: absolute;width: 70px;height: 70px;z-index:999;}
#banner #btn_next {background: url(banner_arrow.png) no-repeat left bottom;position: absolute;width: 70px;height: 70px;z-index:999;}


.more{width:120px;margin: 30px auto 10px;}
.more a{border-radius:2px;display:block;font-size:14px;padding:8px 15px;color: #309434;font-weight:bold;text-align:center;border: #309434 1px solid;}
.more a:hover{opacity: .8;filter:alpha(opacity=80);}

.elite-box{ width:1200px; margin:0 auto; position:relative; overflow:hidden; _height:100%;}
.picbox{width: 1220px;height:275px;overflow:hidden;position:relative;}
.piclist{ height:275px;position:absolute; left:0px; top:0px}
.piclist .pic{width:228px;height:228px;display: table-cell;vertical-align: middle;text-align: center;overflow: hidden;background: #ffffff;}\
.piclist .text{width:200px;height:20px;line-height:20px; overflow:hidden;text-overflow: ellipsis;white-space: nowrap;}
.piclist li{margin: 0px 5px 0;float:left;width:228px;border: #309434 1px solid;overflow:hidden;transition: all 0.2s linear 0s;text-align:center;line-height:35px;font-size:14px;background:#309434;color: #333333;}
.piclist li img{transition: all 0.6s;max-height: 210px;max-width: 210px;_height: 210px;_width: 210px;}
.piclist li:hover img{transform: scale(1.05);}
.piclist li>a{overflow: hidden;color: #ffffff;height: 40px;line-height: 40px;display: block;}
.elite-box .hd{display:inline-block;width:100%;text-align:center;margin-top: 10px;}
.elite-box .hd li{text-indent:-9999px;background: #888888;width: 20px;height: 8px;display: inline-block;margin: 0 3px;border-radius: 5px;}
.elite-box .hd li.on{width:30px;background: #ff6600;}
.prev, .next{position:absolute;top: 39%;z-index:2;width:35px;height:80px;margin-top:-45px;background:red;text-indent:-9999px;background-repeat:no-repeat;transition:opacity .2s linear 0;opacity: 0.7;}
.prev:hover, .next:hover{opacity:.8;cursor:pointer;}
.prev{left:5px;background:url(show_img.png) #000 no-repeat}
.next{right:5px;background:url(show_img.png) #000 no-repeat right 0}

.infos{padding:20px;font-size:14px;line-height:28px;overflow:hidden}
.comthumb{width: 280px;padding: 15px;}
.comintro{width: 820px;height: 308px;overflow: hidden;font-size: 15px;}
.comintro a.t{color: #309434;}
.infos p{text-indent:30px}


.float-box{width:1230px;margin-top:20px;margin-bottom:20px}
.float-box li {display: inline-block;width: 228px;margin-right: 10px;list-style: none;background:#f5f5f5;font-size:14px;margin-bottom:10px;text-align:center;overflow:hidden;border:#e3e3e3 1px solid; position:relative}
.float-box li .pic{width:228px;height: 228px;overflow:hidden;z-index:90;}
.float-box li img{width:100%;height: 100%;transition: all 0.6s;}
.float-box li:hover img{transform: scale(1.05);		}
.float-box li p{height:20px;line-height:20px;padding:8px 10px;overflow:hidden;text-overflow: ellipsis;white-space: nowrap;position:absolute;bottom:0;z-index:100;background: rgba(0, 0, 0, 0.5);width:208px;color:#ffffff}
.float-box li p a{color:#ffffff}

.brand .float-box li .pic{height:auto}


.p-box{width:900px;margin-top:10px;margin-bottom:10px}
.p-box li {display: inline-block;width: 200px;margin-right: 17px;list-style: none;background:#f5f5f5;font-size:14px;margin-bottom:10px;text-align:center;overflow:hidden;border:#e3e3e3 1px solid; position:relative}
.p-box li .pic{width:200px;overflow:hidden;z-index:90}
.p-box li img{width:100%;transition: all 0.6s}
.p-box li:hover img{transform: scale(1.05);		}
.p-box li p{height:20px;line-height:20px;padding:8px 5px;overflow:hidden;text-overflow: ellipsis;white-space: nowrap;position:absolute;bottom:0;z-index:100;background: rgba(0, 0, 0, 0.5);width:190px;}
.p-box li p a{color:#ffffff}


.c-box{width:900px;margin-top:10px;margin-bottom:10px}
.c-box li {display: inline-block;width: 275px;margin-right: 17px;height:350px;list-style: none;font-size:14px;margin-bottom:10px;text-align:center;overflow:hidden;border:#e3e3e3 1px solid; position:relative}
.c-box li .pic{width:275px;overflow:hidden;z-index:90;height:320px; display:table-cell; vertical-align:middle}
.c-box li img{width:100%;transition: all 0.6s}
.c-box li:hover img{transform: scale(1.05);		}
.c-box li p{height:20px;line-height:20px;padding:8px 5px; overflow:hidden;text-overflow: ellipsis;white-space: nowrap; position:absolute; bottom:0;z-index:100;background: rgba(0, 0, 0, 0.5);width:265px}
.c-box li p a{color:#ffffff}

/*尾巴*/
.footer{text-align:center; background:white}
.footer dl{float:left;width:360px;margin-left:10px; margin-right:10px;margin-top:15px;line-height:30px}
.footer p{font-size:14px;color:#888}
.footer h3{font-size:14px; line-height:25px; text-align:center;font-weight:normal}

.side_head, .main_head{border-top:#309434 3px solid;}
.nvs:hover s{background:#309434;}


.sidebar{width:250px; float:left;overflow:hidden;}
.sidebar .list{padding: 0px 15px 0; background:white; overflow:hidden;}
.sidebar .list li{border-top: 1px solid #e5e5e5;line-height:50px;overflow:hidden;height: 59px;}
.sidebar .list li:nth-child(1){border-top:none}
.sidebar .list li a{color: #666;font: normal 16px/50px "Microsoft YaHei";display: block;padding-left: 35px;background: url("subject_ico.png") no-repeat 18px 22px}
.sidebar .list li a.active{color: #ff5837}
.sidebar .list li.on a{color:#d10000;font-weight:bold}
.sidebar .list li a.typeidv1{display:inline;padding-left: 10px;}

.main{width: 870px;padding: 10px 30px 30px 30px;background: #fff;font-size:16px;box-shadow:0px 0px 15px #dadada;float:right;}
#pos_show{font-size:14px;height:45px;border-bottom:#eee 2px solid;line-height:40px;}
#pos_show h3{font-size:18px; border-left:#309434 3px solid;height:18px;line-height:18px;margin-right:10px;padding-left:10px;margin-top:10px;float:left}
#pos_show span{float:right}
.news-list ul li{line-height:35px;height:35px; overflow:hidden; background:url(dot.png) no-repeat left 16px;padding-left:10px;font-size:16px;}
.news-list ul li span{float:right}
.fenlei {width:100%;overflow:hidden;border-bottom:#eee 2px solid;margin-top:-10px;}
.fenlei a{display:block;font-size:16px;line-height:30px;padding:5px 10px;;text-align:center;float:left}
.fenlei a:hover{background:#309434;color:white;}
.main h1{font-size:24px;text-align:center;border-bottom:#eee 1px solid;padding:25px 0 15px 0;color:#333}
.content {font-size:16px;padding-top:15px;line-height:28px;}
.info {line-height:35px;text-align:center;font-size:14px;color:#888}
.p-f {padding-top:20px;width:100%;margin:0px auto;overflow:hidden}
.p-f a{border:#ccc 1px solid;border-radius:2px;display:block;font-size:14px;padding:9px 13px;text-align:center;float:left;margin:5px;}
.p-f a:hover{background:#309434;color:white;border:#309434 1px solid}
.p-f li.on a{background:#309434;color:white;border:#309434 1px solid}

.b5{height:10px}

.nrcp{margin-top:20px}
.nrcp a{background:#a0a0a0;display:block;float:left;padding: 3px 15px;color:white;border-radius:3px;margin-right:20px;font-size:14px;}
.nrcp a:nth-child(2){background:#a0a0a0}
.nrcp a:hover{background:#ff6600}
.box .ch-title {width: 50px;height: 5px;background: #222;margin: 10px auto;-webkit-transition: width .3s linear;-moz-transition: width .3s linear;-ms-transition: width .3s linear;-o-transition: width .3s linear;transition: width .3s linear;}
.box:hover .ch-title{width: 100px;}
.white{background:white;overflow:hidden}
.i-introduce{}
.news-bg{overflow:hidden;background: #efefef url(news-bg.jpg) no-repeat center top;background-size: cover;-webkit-background-size: cover;-moz-background-size: cover;-o-background-size: cover;}
.service-bg{background:url(service-bg.jpg) no-repeat center top;overflow:hidden}

.box{padding:30px 0;overflow:hidden;background: url(news-bg-xian.png) no-repeat center 119px;}

.title-en{font-size: 16px;color:#222;margin: 0 0 21px 0;line-height: 20px;height: 20px;/* font-weight:bold; */text-align:center;text-transform : uppercase;}
.title-cn{font-size:24px;line-height:40px;height:45px;font-weight:bold;text-align:center;color:#309434;}
.foot_page {text-align:center;font-size: 12px;color: #666;background: #2d2d2d;overflow:hidden;line-height: 25px;padding-bottom:20px;padding-top: 20px;}
.s-menu{text-align:center;padding-top:15px;}

.foot_page a{color:#666;padding: 0px 8px 0px 8px;}
.foot_page a:hover{color:#ffffff}
#copyright {font-family:"font-family:Georgia, "Times New Roman", Times, serif"}

.footer_top{background: #262626;overflow:hidden;color:#777;font-size:14px;line-height:30px;padding:30px 0px;}
.footer_top a{color:#777}
.footer_top a:hover{color:#ffffff}
.footer_top h3{font-size:20px;margin-bottom:10px}
.aboutus{float:left;width: 200px;}
.contactus{float:left;width: 200px;}
.service{float:left;width: 250px;margin-right: 100px;text-align: center;}
.hotline{margin-top:20px;overflow: hidden;}
.hotline span{/* font-weight:bold; */font-size: 22px;background:url(b-tel.png) no-repeat left 3px;margin-top: 8px;background-size:22px 22px;padding-left:29px;display:block;}
.hotline1{/* float:left; */width:240px;}
.hotline1 p {line-height: 26px;}
.hotline1 p.bold{margin-bottom:5px}
.hotline2{float:left}
.footer_right{float:right;overflow:hidden;text-align:center}
.service strong{font-size:20px;border:#777 1px solid;padding:7px 20px;display:block;color:#777;text-align:center;width: 170px;font-weight:normal;}
.footer_right div{float:left;padding:0px 15px}

/*new kefu*/
.float{background:url(float_bj.png) no-repeat;width:190px;height:320px;position:fixed;top:17%;right:0;z-index: 1000;}
.fl_tit a{height:30px;width:30px;display:block;margin:0 auto;background:url(float_bj_cha.png) no-repeat center center}
.fl_tit a:hover{background:url(float_bj_cha_h.png) no-repeat center center}
.fl_con{color:#fff;text-align:center;vertical-align:middle;height:275px;padding-top:12px}
.fl_con p span{display:block}

.no_cp{padding-top:92px}
.zw_ft{font-weight:bold;font-size:22px}
.yw_ft{font-size:16px;font-family:Arial}
.fl_con a.fa_xq{color:#305dc3;font-weight:bold;font-size:14px;width:150px;height:35px;text-align:center;line-height:35px;display:block;background:#fff;border-radius:18px;margin:16px auto 0}
.no_cp a.fa_xq{margin-top:20px}
a.fa_xq:hover{text-decoration:underline}
.fl_con ul,.fl_con table{background:url(tm.png) no-repeat;width: 150px;margin:12px auto;height:120px;padding:10px 0;}
.fl_con ul li,.fl_con table td{padding: 8px 5px 0 5px;line-height:20px;text-align:left;font-size: 12px;}
.fl_con ul li span,.fl_con table td span{border:1px #fff solid;width: 6px;height: 6px;border-radius:5px;display:inline-block;margin-right:5px;}
.fl_con ul li a,.fl_con table a{color:#fff;font-size: 12px;overflow:hidden;display:inline-block;vertical-align:middle;}
.fl_con ul li a:hover,.fl_con table a:hover{text-decoration:underline}

/*首页-新闻中心*/
.float-left{float:left;}
.float-box-s{overflow:hidden;margin-top: 30px;}
.newsitem li{border-bottom: dashed 1px #ddd;/* padding-bottom: 5px; */margin-bottom: 10px;}
.newsitem .news-date1{text-align: center;color: #666666;font-size: 1.5625rem;margin-top: 0.6rem;}
.newsitem .news-date2{text-align: center;color: #999999;font-size: 0.8rem;}
.newsitem .news-bodys{padding: 0 0.875rem;overflow: hidden;zoom: 1;}
.newsitem .news-bodys h3{word-wrap: break-word;overflow: hidden;}
.newsitem .news-bodys p{word-wrap: break-word;overflow: hidden;line-height: 1.15rem;font-size: 0.75rem;color: #999;margin-top: 10px;}
/*新闻2*/
.news-span1{width: 16.66666667%;}
.news-span2{width: 83.3333333%;}
.news-item2{float: left;width: 48%;margin: 0 1%;overflow: hidden;position: relative;}
.news-item2 a{width: 100%;overflow: hidden;padding: 0px;margin: 4px 0;display: inline-block;}
.news-item2 .news-time{padding: 6px 0;border-right: 1px solid #eee;text-align: center;color: #666666;-webkit-transition: all .3s;-moz-transition: all .3s;-ms-transition: all .3s;transition: all .3s;}
.news-action{padding: 0px 30px 0px 25px;box-sizing: border-box;}
.news-item2 .news-time .news-time-date{font: inherit;font-size: 22px;line-height: 30px;}
.news-item2 .news-time .news-time-year{font-size:14px;line-height:20px}
.news-item2 .news-title{position: relative;font-size: 18px;color: #666666;line-height: 24px;padding-bottom: 0;margin-bottom: 15px;-webkit-transition: all .3s;-moz-transition: all .3s;-ms-transition: all .3s;transition: all .3s;overflow: hidden;white-space: nowrap;text-overflow: ellipsis;}
.news-item2 .news-desc{font-size: 14px;color: #999999;line-height: 24px;overflow: hidden;white-space: nowrap;text-overflow: ellipsis;-webkit-transition: all .3s;-moz-transition: all .3s;-ms-transition: all .3s;transition: all .3s;}
.news-item2 .news-tit{position: relative;z-index: 10;vertical-align: baseline;overflow: hidden;padding: 10px 0;}
.news-item2:after{content: "";background-color: #ffffff;position: absolute;top: 0;left: 0;width: 0;height: 100%;z-index: 0;display: block;-webkit-transition: all .3s;-moz-transition: all .3s;-ms-transition: all .3s;transition: all .3s;}
.news-item2:hover:after{width: 100%;}
.news-item2:hover .news-title, .news-item2:hover .news-desc, .news-item2:hover .news-time{color: #666666;}


/*浮动*/
.sideBar{width:45px;position:fixed;right:0;z-index:9999}
.sideBar li{margin-bottom:1px;position:relative}
.sideBar li a{display:block;padding:12px 0 6px 0;background:#1b1b1d;color:#fff;text-align:center;font-size:12px;overflow:hidden}
.sideBar li a#back-to-top{background:#fff;color:#333;font-weight:bold;font-size:13px}
.sideBar li a#back-to-top span{margin-bottom:0;height:13px}
.sideBar li.li2 a{z-index:999;position:relative}
.sideBar li.li2 a *{overflow:hidden}
.sideBar li span{display:block;margin:0 auto 5px}
.sideBar li.li1 a span,.sideBar li.li1 .tel-num span{height:22px;width:22px;background:url(q1.png) no-repeat center center}
.sideBar li.li2 a span,.sideBar li.li2 .tel-num span{height:22px;width:15px;background:url(q2.png) no-repeat center center}
.sideBar li.li3 a span,.sideBar li.li3 .tel-num span{height:22px;width:24px;background:url(q3.png) no-repeat 0 0}
.sideBar li.li4 a span,.sideBar li.li4 .tel-num span{height:22px;width:22px;background:url(q4.png) no-repeat center center}
.sideBar li.li4:hover .qrcode_a {display:block}
.sideBar li.li5 a{border:1px #ededed solid}
.sideBar li.li5 a span{height:18px;width:14px;background:url(q5.png) no-repeat center center}
.sideBar li a:hover{background:#305dc3;color:#fff}
.sideBar li a#back-to-top:hover{color:#305dc3}
.sideBar li.li5 a:hover span{height:18px;background:url(q5_0.png) no-repeat center center}
.sideBar li .tel-num .a{position:absolute;right:0;top:0;text-align:center;width:80px;padding:10px 0}
.sideBar li .tel-num .a span{height:28px;background:url(q2.png) no-repeat center center;display:block;margin:0}
.sideBar li .tel-num p{font-size:14px;color:#fff;line-height:24px}
.sideBar li.li4 .code_img{background:#fff;border:2px solid #ff5825;padding:10px;width:120px;text-align:center;position:absolute;right:65px;top:0;z-index:1111;line-height:16px;display:none}
.sideBar li.li4 .code_img img{display:block;width:100%;margin:0 0 5px 0}
.sideBar li .qrcode_a{position:absolute;left: -141px;padding: 10px;background: #ffffff;top: -79px;cursor:pointer;display: none;border: 1px solid #ededed;border-right: 0;}
.sideBar li .qrcode_a p{color:#666;height:35px;line-height:35px;font-size:14px}
.sideBar li .tel-num{width:120px;padding:10px 0 8px 12px;background:#305dc3;color:#fff;position:absolute;left:45px;top:0;display:block}
.sideBar li.wdsl .tel-num{width:32px}
.sideBar li .tel-num span{float:left}
.sideBar li .tel-num span.num_0,.sideBar li .tel-num span.num_1{background:0}
.sideBar li.li2 .tel-num span.num_0{font-family:Arial;font-size:14px}
.sideBar li .tel-num span.num_1{margin-left:20px;width:auto}
.sideBar li .tel-num a{background:0;padding:0}

.btn-buy,.btn-cart {font-size:16px;width: 128px;height:36px;line-height:36px;border:none;text-align:center;cursor:pointer;padding:0;-webkit-appearance:none;margin:6px 10px 0 0;}
.btn-buy {background:#FFEDED;border:#FF0036 1px solid;color:#FF0036;}
.btn-buy:hover {background:#F7BBBB;}
.btn-buy:disabled {background:#F2F2F2;border:#D6D6D8 1px dashed;color:#CDCDCD;cursor:not-allowed;}
.btn-cart {background:#FF0036;border:#FF0036 1px solid;color:#FFFFFF;}
.btn-cart:hover {background:#DF3033;}
.btn-cart:disabled {background:#CDCDCD;border:#CDCDCD 1px solid;color:#999999;cursor:not-allowed;}