body{width: 100%;color: #333;font-size: 14px;font-family: "Microsoft YaHei", "Arial";max-width: 640px;margin: 0 auto;background: #ffffff;}
*{list-style: none;margin: 0px;padding: 0px}
a{outline: 0px;color: #333;text-decoration: none}
input,textarea{font-family: "Microsoft YaHei", "Arial", "SimHei";}
.clear{clear: both}
.fr{float: right}
.fl{float: left}
.wrap{background: #fafafa;margin: 0px auto;width: 100%;overflow: auto;-ms-overflow-x: hidden;overflow-x: hidden;}
.padding20{box-sizing: border-box; padding: 0px 20px 20px;width: 100%;color: rgb(0, 0, 0);line-height: 150%;float: left}
.content{width: 100%;float: left;overflow: hidden;}
.content p{margin-bottom: 0.5em}
.content img{height: auto;max-width: 100%}
.cb{clear: both}
.center{width: 100%;text-align: center;float: left;background-size: 100%}
.center img{margin: 5.8% 0px;width: 90%}
.borderbox{box-sizing: border-box;-o-box-sizing: border-box;-ms-box-sizing: border-box;-moz-box-sizing: border-box;-webkit-box-sizing: border-box}
/*---------------------------------------------------------------------------------------------------------------手机站导航开始----------*/
.sp_header{height:50px;overflow:hidden;background:#fff;position:relative;z-index:10;width:100%;}
.sp_logo{padding:10px 10px 0;float:left;height:50px;box-sizing: border-box;}
.sp_logo img{display: block;max-height:30px;}
@media only screen and (max-width: 480px) {
	.sp_logo{}
	.sp_logo img{max-width: 150px;margin-top: 5px;}
}

.sp_nav{width:50px;float:right;position:relative;cursor:pointer;height:30px;margin-top:15px}
.sp_nav span{display:block;background:#99cc44;width:30px;height:3px;position:absolute;left:10px;transition:all ease 0.35s}
.sp_nav span:nth-of-type(1){top:0px}
.sp_nav span:nth-of-type(2){top:10px}
.sp_nav span:nth-of-type(3){top:20px}
.sp_nav_se span:nth-of-type(1){top:10px;transform:rotate(45deg)}
.sp_nav_se span:nth-of-type(2){width:0}
.sp_nav_se span:nth-of-type(3){top:10px;transform:rotate(-45deg)}
.sjj_nav{position:fixed;z-index:9;background:#eee;width:100%;height:calc(100% - 104px);font-size:14px;line-height:40px;top:-100%;left:0;overflow:auto;overflow-x:hidden;transition:top ease 0.35s;}

.sjj_nav>ul>li:first-child{overflow:hidden;border-top:0}
.sjj_nav>ul>li:first-child>a{float:left;width:calc(100% - 70px)}
.sjj_nav>ul>li:first-child .language{float:right;width:80px;overflow:hidden;line-height:30px;margin-top:5px}
.sjj_nav>ul>li:first-child .language a{width:35px;float:left;border-left:1px #ddd solid;text-align:center;color:#999;}
.sjj_nav ul li i{position:absolute;top:5px;right:0px;border-left:1px #ddd solid;height:30px;padding:0px 7px 0 7px;}
.sjj_nav ul li i svg{transform:rotate(-90deg);transition:all ease 0.35s}
.sjj_nav ul li .sjj_nav_i_se svg{transform:rotate(0deg)}
.sjj_nav ul li{border-top:1px #ddd solid;margin-left:20px;position:relative;line-height:40px;font-size:14px}
.sjj_nav>ul >li:last-child{border-bottom:1px #ddd solid;}
.sjj_nav ul li ul{display:none}
.sjj_nav ul li a{color:#666;width:80%;display: inline-block;}
.sjj_nav ul li ul li a{color:#999;display:block;text-align:left;}
.sjj_nav ul li i svg{width:40px;height:30px;fill:#555;}
.sjj_nav ul li .sjj_nav_i_se svg{fill:#c9141e}
.sjj_nav ul li ul li>ul{margin-left:10px}

.sp_lan{width:50px;float:right;position:relative;cursor:pointer;height:36px;margin-top:7px;box-sizing: border-box}
.sp_lan span{display: block;height: 36px;width: 36px;margin: 0px auto;background:#f9f9f9 url(/images/worldwide.png) no-repeat center center;}
.sp_lan_se span{background:#99cd45 url(/images/worldwide-white.png) no-repeat center center;}
.sjj_lan{position:fixed;z-index:8;background:#99cd45;width:100%;top:-100%;left: 0; padding: 20px 10px 10px 10px;overflow-x:hidden;transition:top ease 0.35s;box-sizing: border-box;}
.sjj_lan li{width: 48%; min-height: 56px; margin: 0 0 10px 0; padding: 0; font-size: 1.0rem; text-align: center; float: left; box-sizing: border-box;}
.sjj_lan li:nth-child(2n){float: right}
.sjj_lan li a{width: 100%; padding: 15px 0; display: block; color: #fff; border: solid 1px #fff; line-height: 1; box-sizing: border-box;}
.sp_search{width:50px;float:right;position:relative;cursor:pointer;height:36px;margin-top:7px;box-sizing: border-box}
.sp_search span{display: block;height: 36px;width: 36px;margin: 0px auto;background:#f9f9f9 url(/images/search.png) no-repeat center center;}
.sp_search_se span{background:#99cd45 url(/images/search-white.png) no-repeat center center;}
.sjj_search{position:fixed;z-index:7;background:#99cd45;width:100%;top:-100%;left: 0; padding: 20px 10px 10px 10px;overflow-x:hidden;transition:top ease 0.35s;box-sizing: border-box;}
.gh-pc_search_form_inner{display: block;box-sizing: border-box;overflow: hidden;position: relative;width: 100%;}
.gh-pc_search_form_input{width: 100%; height: 38px !important;border-radius: 0;background-color: #fff !important; background-image: none !important;box-sizing: border-box;border: solid 1px #333 !important; padding: 0 48px 0 10px !important; -webkit-appearance: none;}
.gh-pc_search_form_submit{height: 38px;width: auto;border: none; position: absolute; float: left; top: 0;right: 0; -webkit-appearance: none; border-radius: 0;}

.nav_show{top:50px}
/*---------------------------------------------------------------------------------------------------------------手机站导航结束----------*/
#globalbanner .myslide img,#probanner .myslide img{ width: 100%; display: block;}

/*-----------------------------banner结束--------------------------------------*/

.hr_10{margin:0px auto; clear:both; height:10px; font-size:1px; overflow:hidden;}
.wipper{position: relative;width: 100%; overflow:hidden; padding:2em 0; clear:both;background-color: #fff;}
.promore{width: 100%;text-align: center;float: left;position: relative; }
.promore a{display: block;width: 180px;border: 2px solid #3d97d6;height: 40px; line-height: 40px; margin: 0 auto;text-align:center;color:#3d97d6;}

.h-title{width:100%;overflow: hidden; margin-bottom:2em;background: url(/images/green-bg.png) no-repeat center center}
.h-title .tit-body{margin: 0px auto;padding: 0px 2rem;background: #fff;display: table;}
.h-title h2{ display:block; color:#222; font-size:1.5em;line-height:2em; text-align:center;}
.h-title p{ color:#7C7C7C; font-size:1.0em; font-weight:normal; line-height:1.2em; text-align:center;}

.field-catelog{width: 100%;overflow: hidden}
.field-catelog li{float: left;width: 50%;box-sizing: border-box;border: 5px solid #fff;background-repeat: no-repeat;background-size: cover}
.field-catelog li a{display:block; width:140px; height:80px;margin: 50px auto;text-align: center;background: rgba(255,255,255,0.7)}
.field-catelog li a h3{ display: block;line-height:30px;text-align:center;font-size:16px; color:#63ADE5;padding-top: 25px;}
.field-catelog li a h3::after{ content: "";margin: 5px auto 0px;display:block; width:25px; height: 2px; background: #99cc44;}

.home-abo{background: #f3f3f3}
.home-abo .h-title .tit-body{background: #f3f3f3}
.home-abo .cont{padding: 0 1em;font-size: 16px;line-height: 24px;box-sizing: border-box}
.home-abo .cont p{margin: 5px 0;}
.home-abo .cont img{ margin-bottom:8px; max-width:100%;}
.home-abo .promore{ margin-top:2em;}

/*产品*/
.prolist{}
.prolist .cpic{display: block;width: 100%;border:solid 1px #d7d7d7;}
.prolist .tit{display: block;color: #3b3e3d;line-height: 24px;font-size: 14px;overflow:hidden;text-align: center;margin-bottom: 15px;} 

.product{background: #ffffff;width: 100%;margin-bottom:2rem;float: left;position: relative}
.product ul{float:left;width: 100%;margin-bottom:2rem;}
.product li{float:left;box-sizing: border-box; width: 50%;padding:0 2% 1.5rem;}
.product li img{display: block;width: 100%;border:solid 1px #d7d7d7;}
.product li span{display: block;color: #3b3e3d;line-height: 2.4rem; height:2.4rem; overflow:hidden;text-align: center;} 

.wipper .product{margin-bottom:0rem;}
.wipper .product ul{margin-bottom:0rem; }

/*新闻*/
.newslist{padding: 0 2% 2em;width: 100%;overflow: hidden;box-sizing: border-box}
.newslist ul{width: 100%;float: left; padding-bottom:5%;}
.newslist ul li{width: 100%;border-bottom-color: rgb(233, 232, 232);border-bottom-width: 1px;border-bottom-style: solid;float: left}
.newslist ul li a{box-sizing: border-box; background-image: url(../images/newsico.png);background-repeat: no-repeat;background-position: left;background-size: 2%;padding: 0px 2% 0px 3%;width: 100%;color:#222;line-height: 3;overflow: hidden;float: left;white-space: nowrap;text-overflow: ellipsis;-ms-text-overflow: ellipsis}
.newslist ul li a span{ float:right;}

/*内页栏目*/
.title{ box-sizing: border-box;background:#99cb44;padding-left: 20px;width: 100%;color: #fff;font-size: 1.8em;margin-bottom:1em; line-height:2.5em; height:2.5em; position:relative;}
.title span{float: right}
.title span a{color:#fff; font-size: 1.5rem; font-weight:normal;}

.pages{box-sizing: border-box;padding: 10px 2%;border-radius: 20px;border: 0px solid #026db3;width: 100%;float: left;overflow: hidden;}
.page_list{height: 24px;line-height: 24px;text-align: center;letter-spacing: 0;font-family: "Arial Black";margin: 5px auto;}
.page_list a{display: inline-block;color: #898989;border: 1px solid #e8e8e8;background: #f8f8f8;text-align: center;padding: 0 8px;margin: 0 1px;}
.page_list a:hover{color: #fff;border: 1px solid #898989;background: #898989;}
.page_list a.on{color: #333;border: 1px solid #ccc;background: #E5EDF2;}
.prevNext{clear: both;box-sizing: border-box; margin: 0px auto;border-top: dashed 1px #ccc;border-bottom: dashed 1px #ccc;color: #666;-webkit-text-size-adjust: none;padding: 15px 0px;}
.prevNext li{line-height: 24px;color: #0171ba}


.in-abo{font-size: 16px;padding-top: 0px}

.news-title{overflow: hidden;margin-bottom: 15px;}
.news-title h1{font-size: 22px;line-height: 32px;color: #222; font-weight: bold; margin-bottom: 10px; }
.news-title span{display: block;color: #999;}

.news-pic{border: 4px solid #F3F3F3;box-sizing: border-box;}
.news-pic img{max-width: 100%;display: block;margin: 0px auto;}

.pro-content{margin:20px 0; width:100%; clear:both;}
.protabs{height: 45px;background: #DFDFDF;overflow: hidden;}
.protabs span{float: left;height: 45px;width: 140px;background: #2B2B2B;font-size: 18px;line-height: 45px;color: #fff;text-align:center;}

.feedback_str{ margin-top:15px; text-indent:2em;}
.pro-inquire{width:100%; margin:0 auto; overflow:hidden; margin-top:40px; border-top:5px solid #419ED5;}
.inner-feedback{width:98%; font-size:14px; color:#444;}
.inner-feedback .feed_t{width:98%; height:40px; background:#FAFAFA; border:1px solid #ccc; line-height:40px;color:#555;padding-left:12px;box-sizing: border-box;}
.inner-feedback .feed_c{width:98%; height:80px; background:#FAFAFA; border:1px solid #ccc; padding:10px; color:#555;box-sizing: border-box;}
.inner-feedback .feed_b{float:left; width:120px; height:48px; line-height:48px; background:#FA8021; color:#fff; text-align:center; border:1px solid #FA8021; font-size:16px;}
.inner-feedback .error{display: block;color: #f00;}
.inner-feedback table{margin:0px auto; background:#fff; border:1px solid #fff; border-radius:10px; overflow:hidden;}
.inner-feedback table td{padding:10px 0px;}
.goto{padding: 20px 15px 30px;line-height: 24px;}


.pro-content .ke-zeroborder{border-collapse: collapse;}
.pro-content .ke-zeroborder td, .pro-content .ke-zeroborder th{border: 1px solid #cdcdcd;padding:.2em .3em}
.pro-content .ke-zeroborder p{padding: 0px;margin: 0px;}
.pro-content .ke-zeroborder{width: 100%;overflow-y: auto; overflow-x:scroll;_overflow: auto;margin: 0.5em 0 1em;}

/*添加IOS下滚动条*/
.bartable{overflow-x: scroll;}
.bartable::-webkit-scrollbar{-webkit-appearance: none;width: 14px;height: 14px;}
.bartable::-webkit-scrollbar-track{-webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.3);border-radius: 10px;background-color: #F5F5F5;}
.bartable::-webkit-scrollbar-thumb{border-radius: 8px;border: 0px solid #fff;background-color: rgba(0, 0, 0, .3);}


.clear{margin:0px auto; clear:both; height:0px; font-size:0px; overflow:hidden;}
.blank1{margin:0px auto; clear:both; height:1px; font-size:1px; overflow:hidden;}
.blank8{margin:0px auto; clear:both; height:8px; font-size:1px; overflow:hidden;}
.blank10{margin:0px auto; clear:both; height:10px; font-size:1px; overflow:hidden;}
.blank15{margin:0px auto; clear:both; height:15px; font-size:1px; overflow:hidden;}
.blank20{margin:0px auto; clear:both; height:20px; font-size:1px; overflow:hidden;}
.blank25{margin:0px auto; clear:both; height:25px; font-size:1px; overflow:hidden;}
.blank30{margin:0px auto; clear:both; height:30px; font-size:1px; overflow:hidden;}
.blank40{margin:0px auto; clear:both; height:40px; font-size:1px; overflow:hidden;}
.blank45{margin:0px auto; clear:both; height:45px; font-size:1px; overflow:hidden;}
.blank50{margin:0px auto; clear:both; height:50px; font-size:1px; overflow:hidden;}
.blank80{margin:0px auto; clear:both; height:80px; font-size:1px; overflow:hidden;}
.padding12{padding:12px;}


.footer{text-align: center;width: 100%;overflow: hidden;padding: 30px;border-bottom: 10px solid #99cc44;box-sizing: border-box;background: #fff;}
.footer p{display: block;margin: 5px 10px;}


.codefooer{display: none;}