body{
	font-family: "微软雅黑";
	font-size: 14px;
	color:#000;	
}
input,button,textarea,select{ font:100% Lao UI, sans-serif, "微软雅黑"; vertical-align:middle;}
*{margin: 0;padding: 0;list-style: none;}
a{color: #000;text-decoration: none;}
body{width: 100%;background: #f7f8fa}
.clear{clear: both;}
#left{border: 0px;}
.hidden{ overflow: hidden;white-space: nowrap;text-overflow: ellipsis;}
.line{width: 50px;border: 1.5px solid #009B4C;margin: 15px auto;}
.page{width: 350px;clear: both; margin: 0 auto;padding: 0px 0;}
.page li{width: 30px;height: 30px;float: left;border: 1px solid #ccc;text-align: center;line-height: 30px;}
.page .page_li{width: 60px;}

header .head_nav1{height: 30px;line-height: 30px; color: #000;font-size: 14px;border-bottom: 1px solid #CCCCCC;}
header .head_nav1 li{float: left;}
header .head_nav1 li>a{color: #fff;}
header .head_nav1 .head_nav1_li1{width: 50%;text-align: center;}

header .head_logo ul{width: 130px;height: 58px; }
.head_nav1_li2{margin-top: 15px;line-height: 3.5;margin-left: 32px;}
#selector{position:absolute;height:30px;width:130px;font-size:13px;line-height:30px;text-align:left;user-select:none;}
#selector select{display:none;} 
#selector .arrow{position:absolute;right:5px;top:12px;display:block;height:0;width:0;border-top:8px solid #009B4C;border-right:5px solid transparent;border-left:5px solid transparent;}
#selector .mr-selector{font-size: 17px; display:block;height:30px;width:130px;padding-left:10px;border:1px solid #009B4C;cursor:default;}
#selector .select{display:none;width:210px;margin-top:-1px;border:1px solid #009B4C;position: absolute;z-index: 999;background-color: #fff;}
#selector .select li{height:50px;font-size: 16px; line-height:40px;padding-left:10px;}
#selector .select li>*{vertical-align:middle; }
#selector .select li:hover{background:#009B4C;color:#fff;cursor:default;}
svg {
    width: 30px;
    height: 30px;
    box-shadow: 0 0 0.1rem rgba(0, 0, 0, 0.3), 0 0 2rem rgba(0, 0, 0, 0.15);
    border-radius: 50%;
    -webkit-animation: borderradius 6s infinite;
    animation: borderradius 6s infinite;
}
/*2019.11.8*/
.top_jl{
	height: 97px;
	overflow: hidden;
	width: 100%;
}
header nav{width: 100%;max-width: 100%; text-transform:Capitalize; /* height: 100px;*/background-color: #fff;position:fixed;z-index: 99999;top:0; }
header nav div.head_div2 div{float: left;}
header nav div.head_div2 .head_dd{margin-left: 80px;}
header nav div.head_div2{ width: 1200px; height: 75px; margin: 0 auto;padding-top: 20px;}
header nav .nav_div{ padding: 3px 12px; height: 20px;margin: 17px 0; text-align: center; }
header nav .nav_div .nav_ul1 li{width: 100%;height: 55px;line-height: 22px;font-size: 15px;}
header nav .nav_div:hover .nav_ul1{border-bottom: 3px solid #009B4C;}
header nav .nav_div:hover .nav_ul1 li{color: #009B4C;}
header nav .nav_div:hover .nav_ul2{display: block;z-index: 88888;text-align: left;}
header nav .nav_div .nav_ul2{ padding: 10px; border-radius: 8px;margin-left: -20px; display: none;font-size: 14px; position: absolute;line-height: 35px;background-color: #F0F0F0; opacity: 0.8;}
header nav .nav_div .nav_ul2 li{ margin-left: 8px; border-top: 1px solid #ccc;margin: 0 auto;padding: 0 5px ;}
header nav .nav_div .nav_ul2 li:hover{color: #009B4C;}
header nav .nav_div .nav_ul2 li span{width: 30px; float: right; }
header nav .nav_div .nav_ul2 li.top{border: 0;}


.products{width: 1200px;margin: 30px auto;}
.pro_title{font-size: 35px;padding-bottom: 15px; margin: 20px auto;text-align: center;border-bottom: 1px dashed #ccc;}
.pro_title{padding: 15px 0;}
.pro_title span{font-size: 14px;padding: 15px 0;}
.products .pro_tab .tab{width: 100%;}
.products .pro_tab .tab span{padding: 20px 10px 3px 10px;border-bottom: 1px solid #ccc;}

 .pro_tab .content {
    height: 700px;
  }
   .pro_tab .tab_bar {
   	width: 1200px;
    margin: 30px auto;
  }
  .pro_tab .tab_bar ul {
    margin: 0 auto;
    text-align: center;
  }
  .pro_tab .tab_bar li {
    list-style-type: none;
    float: left;
    width: 15%;
    margin: 10px 24px;
    height: 30px;
    text-overflow: ellipsis;white-space:nowrap;overflow:hidden;
    /*background-color: gray;*/
    padding: 5px;
    border: 1px solid #ccc;
    line-height: 30px;
    border-radius: 8px;
  }
  .pro_tab .tab_css {
  	width: 100%;
    /*height: 650px;*/
    margin: 20px 0;
    overflow: hidden;
    /*background-color: orange;*/
    display: none;
    float: left;
    margin-bottom: 50px;
  }


/*products*/
.products .pro_div1{width: 26.5%;border: 1px solid #ccc;float: left;margin: 25px 3.33%;    background-color: #fff;}
.products .pro_div1 li{ font-size: 18px;}
.tran{height: 250px;overflow: hidden;}
.products .pro_div1 li img{width: 100%;height: 100%; transition: all 1.5s;}
.products .pro_div1 li img:hover{transform: scale(1.2);}
.products .pro_div1 li.text{padding: 10px 5px;border-top: 1px solid #ccc; text-align: center;width: 96%;text-overflow: ellipsis;white-space:nowrap;overflow:hidden;}
.products .pro_div1 li.contt{word-wrap:break-word;word-break:break-all; width: 93%; height: 55.5px; text-indent:2em;font-size: 14px ; padding: 0 8px;overflow : hidden;display: -webkit-box;-webkit-line-clamp:3;-webkit-box-orient: vertical;}

.products .tab_bar li:hover{cursor: pointer;}
.products .pro_div1:hover{border: 1px solid #009B4C;box-shadow:0px 0px 5px 2px #009B4C;} 
.products .pro_div1:hover li.text{border-top: 1px solid #009B4C;color: #009B4C;} 
.products .pro_div1:hover li.contt{color: #009B4C;}
/*优势*/

.advantage{width: 100%;;background-color: #F6F7F8;}
.advantage .adv_title{width: 1200px;margin: 0 auto;}
.advantage .adv_title li{font-size: 20px;height: 40px; border: 1px solid red;float: left; text-decoration: underline ;}
.advantage .advan1{width: 1200px;margin: 20px auto;}
.advantage .advan1 ul{width: 340px;float: left;margin-left: 30px; }
.advantage .advan1 ul .adv_img{width: 50px; padding: 30px 0;border-bottom: 1px solid #111;}
.advantage .advan1 ul .adv_img img{width: 100%;}
.advantage .advan1 ul .tage_title{font-size: 14px;font-weight: 700;height: 40px;line-height: 40px;text-overflow: ellipsis;white-space:nowrap;overflow:hidden;}
.advantage .advan1 ul .tage_cont{font-size: 15px;}

.row {
    margin-top: 45px;
    margin-right: auto;
    margin-bottom: 0px;
    margin-left: auto;
}
.box-content .container {
	background: #f7f8fa;
	height: auto;
	overflow: hidden;
	padding-top: 20px;
	padding-bottom: 40px;
}
.box-content{width: 100%;height: 100%;padding: 20px 0; background-color: #ECECEC;overflow: hidden}
.box-content .container{width: 1200px;margin: 0 auto;overflow: hidden;}
.box-content .container .heading{text-align: center; margin: 20px auto;;}
.box-content .container .heading h2{font-size: 35px;}
.row{ margin: 0 auto;}
.row .col-md{width: 270px;padding: 8px; float: left;margin-left: 10px; height:250px;}
.row .col-md img{display: block; width: 80px;height: 80px;position: absolute;}
.row .col-md .box-item h3{width: 150px;height: 53px;margin: 0 auto;padding-top: 30px; font-size: 18px;text-align: center;overflow: hidden;
    display: -webkit-box;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;}
.row .col-md .box-item p{margin-top: 10px;text-align: center;}
.row .col-md .box-item .one{z-index: 999;}
.row .col-md .box-item .two{display: none;}
.row .col-md .box-item .row_li{width: 80px;height: 80px;margin-top: -70px;    margin: 0 auto;}
.row .col-md .box-item .row_li:hover .one{display: none;}
.row .col-md .box-item .row_li:hover .two{display: block;}

.us{width: 100%;height: 590px;}
.us_img{width: 100%;height: 500px;background: url(../img/home1.jpg) no-repeat;background-size: 100% 100%;}
.us_about{width: 600px;height: 255px;padding: 20px 80px; background-color: #FFFFFF;box-shadow:0px 0px 5px 2px #666; position: relative; top: -245px;margin: 0 auto; opacity: 0.8;}
.us_about h3{font-size: 35px;color: #5F696F; text-align: center;}
.us_about li p{font-size: 14px; line-height: 30px;overflow: hidden; display: -webkit-box; -webkit-line-clamp: 3; -webkit-box-orient: vertical;text-align: justify}
.us label{color: #009B4C; display: block;margin: 0 auto;text-align: center;width: 80px;height: 25px;margin-top: 15px;border-radius: 8px;}
.us label:hover{background: #009B4C;color: #fff;cursor:pointer }
/*about*/
.gun{width: 1200px; margin: 0 auto;/*height: 460px;*/}
.about{}
.about div{float: left;}
.about .about_title{width: 200px;}
.about .about_title p{height: 100px;color: #fff; width: 120px;text-align: right; font-size: 35px;border-right: 3px solid #fff;border-top: 3px solid #fff;/*border-top: 0;border-bottom: 0;*/padding: 5px 10px;margin: 15px 12px;}
.about .about_title span{width: 80%;line-height: 150px;margin-left: 15px;}


.new{width: 100%;height: 600px; margin-top: 30px; background: url(../img/body.jpg) no-repeat;background-size: 100% 100%; background-attachment:fixed;}
.new .new_div1{ width: 1200px;margin: 0 auto;padding-top: 60px;}
.new>p{text-align: center;font-size: 30px;}
.new .new_div1>div{width: 650px;margin: 0 10px;float: left;}
.new .new_div1 .company{width: 505px;}
.new .new_div1 .com_div1{margin-top: 20px;margin-bottom: 55px;}
.new .new_div1 .com_div1 li{padding: 10px 0;color: #fff;}
.new .new_div1 .com_div1 li:hover {color: #009B4C;}
.new .new_div1 .com_div1 .com_title{width: 60%;margin-left: 10px; font-size: 16px; overflow: hidden;white-space: nowrap;text-overflow: ellipsis;}
.new .new_div1 .com_div1 .com_cont{width: 95%;text-indent:1em; margin: 0 auto;font-size: 14px;line-height: 26px; overflow: hidden; display: -webkit-box;-webkit-line-clamp: 3;-webkit-box-orient: vertical;}
.new .new_div1 .com_div1 img{width: 100%;height: 265px;}
.new .new_div1 div> p{border-bottom: 1px solid #ccc;padding-bottom: 10px;}
.new .new_div1 p label{font-size: 25px;color: #009B4C;border-bottom: 2px solid #218838;padding-bottom: 10px;}
.new .new_div1  ul li{float: left;font-size: 15px;line-height: 22px;margin-top: 12px;}
.new .new_div1 .indu_div1 img{width: 150px;height: 100px;}
.new .new_div1 .indu_div1 li{float: left;}
.new .new_div1 .indu_div1 li.indu_li2{width: 475px;margin-left: 15px;color: #fff;}
.new .new_div1 .indu_div1 .indu_li2 p:hover {color: #009B4C;}
.new .new_div1 .indu_div1 .indu_ul{width: 100%;border-bottom: 1px dashed #ccc;padding-top: 20px;}
.new .new_div1 .indu_div1 .indu_ul:after{
  content: "020"; 
  display: block; 
  height: 0; 
  clear: both; 
  visibility: hidden;  
  }

.new .new_div1 .indu_div1 .indu_ul {
  /* 触发 hasLayout */ 
  zoom: 1; 
  }

.new .new_div1 .indu_div1 .indu_p1{overflow: hidden;width: 60%; white-space: nowrap;text-overflow: ellipsis;}
.new .new_div1 .indu_div1 .indu_p2{text-indent:1em; margin-top: 8px;  display: -webkit-box;overflow: hidden; -webkit-line-clamp: 3;-webkit-box-orient: vertical;}
.new .new_div1 .indu_div2{width: 100%;}
.new .new_div1 .indu_div2 li{color: #fff; width: 45%;line-height: 53px; margin-left: 20px;float: left;overflow: hidden;white-space: nowrap;text-overflow: ellipsis;}
.new .new_div1 .indu_div2 li:hover{color: #009B4C;}

footer{text-transform:Capitalize; width: 100%;background: #3E3E3E;color: #fff;margin-top: 20px;}
.foot1{width: 620px;margin: 0 auto;}
.foot1 div{width: 180px; float: left;padding: 40px 8px;font-size: 12px;}
footer .div_foot>div{float: left;}
footer:after{
  content: "020"; 
  display: block; 
  height: 0; 
  clear: both; 
  visibility: hidden;  
  }

 footer {
  /* 触发 hasLayout */ 
  zoom: 1; 
  }
.foot_ul1{ height: 30px;width: 4em;margin-bottom: 15px; border-bottom: 1px solid #e1e1e1;font-size: 16px;line-height: 30px;padding-bottom: 15px}
.foot_ul1 li{color: #fff;}
.foot_ul2 li{line-height: 25px;color: #fff;}
.div_foot{width: 1200px;margin: 0 auto;}
.div_foot .lianx{width: 330px; font-size: 14px;padding: 40px 0;/*margin-left: 24px;*/}
.div_foot .lianx ul li{font-size: 12px;line-height: 25px;}
.div_foot .foot_div1{width: 150px;padding: 40px 0;margin-left: 85px;}
.div_foot .foot_div1>img{width: 150px;margin: 10px 0;}
.div_foot .foot_div .foot_ul2 li:hover{color: #009B4C;}
.foot2{width: 100%; text-align: center;color: #999;line-height: 40px; background-color: #F0F0F0;}

.bann{width: 100%;height: 300px; margin-bottom: 0px;}
.bann img{width: 100%;height: 100%;}

.tab .products{width: 100%;margin: 0;}
.tab .products .pro_div1{width: 290px;height: 330px;}
.tab .products .pro_div1 .tran{width: 100%;height: 208px;}

.menu_tab .nav_menu{text-transform:Capitalize; height: 30px;border-bottom: 1px solid #ccc;font-size: 16px;margin-bottom: 25px;}
.menu_tab .nav_menu a{font-size: 14px;margin-bottom: 25px;color: #484848;padding: 5px;}
.menu_tab .nav_menu p{font-size: 15px;}
.app{width: 933px;margin: 0 auto;}
.app ul{width: 299px;margin: 6px;float: left;}
.app ul li img{width: 100%;}
.heig img{height: 200px;}
.app ul li.app_text{width: 99%; padding: 10px 0;text-align: center;font-size: 14px;line-height: 15px;overflow: hidden;white-space: nowrap;text-overflow: ellipsis;}
.app ul:hover{background-color: #009B4C;color: #fff;}

.equipment table{width: 100%;border-collapse:collapse;text-align: left;font-size: 14px;}
.equipment table{line-height: 30px;color: #696969;}
.equipment h3{line-height: 65px;}
.equipment li{width: 90%;margin: 0 auto;}
.equipment li img{width: 100%;}

.capability{width: 933px;}
.capability li{width: 70%;margin: 0 auto;}
.capability li img{width: 100%;}
.capability span{line-height:40px;color: #666;font-size: 18px; font-weight: 700;}

		
.about_div .container .menu h3{height: 40px;line-height: 40px; font-size: 15px;background: #009B4C;color:#fff;border: 1px solid #fff;}
.about_div .container .menu h3:hover{background: #fff;color:#009B4C;border: 1px solid #009B4C;}
.about_div .container .menu .selected{height: 40px;background: #fff;color:#009B4C;}
.about_div .content .about_ul li{  margin-bottom: 15px;font-size: 14px; list-style-type: disc;text-indent: 1em;}
.about_div .content .about_ul ol{width: 95%;margin: 10px auto;}
.about_div .content .about_ul ol img{width: 100%;}
.about_div .content .about_ul1 li{width: 94%;margin-left: 20px; list-style: none;font-size: 16px;margin-top: 50px; border-bottom: 3px solid #009B4C;padding-bottom: 14px}
.about_div .content .about_ul1 li span{font-weight: 700;font-size: 23px;}
.h3_a {height: 30px;line-height: 40px; font-size: 15px;padding: 20px 0; background: #009B4C;color:#fff;border: 1px solid #fff;}
.h3_a>h3{margin-left: -41px;margin-top: -20px;}



.content .com_new{width: 925px;height: 150px;margin: 20px 0;}
.content .com_new .cont_ul1{width: 200px;}
.content .com_new .cont_ul1 li img{width: 100%;}
.content .com_new ul{float: left;}
.content .com_new .cont_ul2{width: 723px;}
.content .com_new .cont_ul2 li{margin: 15px;font-size: 14px;display: -webkit-box;overflow: hidden; -webkit-line-clamp: 2;-webkit-box-orient: vertical;line-height: 24px;color: #686868;}
.content .com_new .cont_ul2 .new_rq{color: #808080;}
.content .com_new .cont_ul2 .new_tit{font-size: 18px;overflow: hidden;white-space: nowrap;text-overflow: ellipsis;color: #282828!important}
.content .com_new{
	/*padding: 20px 0;*/
	transition:All 0.4s ease-in-out;
	-webkit-transition:All 0.4s ease-in-out;
	-moz-transition:All 0.4s ease-in-out;
	-o-transition:All 0.4s ease-in-out;
	
}
.content .com_new:hover {
	/*border: 1px solid #ccc;*/
	transform:translate(0,-10px);
	-webkit-transform:translate(0,-10px);
	-moz-transform:translate(0,-10px);
	-o-transform:translate(0,-10px);
	-ms-transform:translate(0,-10px);
	-webkit-box-shadow:0px 5px 15px #e5e5e5;
    -moz-box-shadow:0px 5px 15px #e5e5e5;
    box-shadow:0px 5px 15px #e5e5e5;
}
.leftimg img{width: 47%;float: left;margin: 0 8px;}



/*support*/
.ddd{width: 1200px;margin: 0 auto;background: #fff;}
.quotations{width: 900px; padding: 20px 0; margin: 0 auto;}
.quotations h3{text-align: center;font-size: 35px;color: #009B4C;}
.quotations p{text-align: center;color: #555;}
.quotations .tab_sub {width: 900px;margin: 30px auto;}
.quotations .tab_sub ul{width: 48%;float: left;margin: 15px 8px;}

.quotations .tab_sub ul li{float: left;line-height: 40px;margin:  0 5px;}
.quotations .tab_sub ul li.sub_li1{width: 160px; font-size: 12px;font-weight: 700; text-align: right;}
.quotations .tab_sub ul li.sub_li2 input{padding: 10px 0;width: 232px;background: #EEEEEE;border: 1px solid #ccc;}
.quotations .tab_sub ul li.sub_li3{color: red;line-height: 45px;}
.quotations .tab_sub button{float: left;margin: 40px 10px;width: 180px;height: 45px; font-size: 25px;color: #fff; background: #BFBFBF;border: 0;}
.quotations .tab_but{width: 400px;height: 80px; margin: 0 auto;}


.indeustry{width: 1200px;margin: 0 auto;}
.indeustry ul{width: 1180px;margin: 0 auto;}
.indeustry ul li{margin-top: 15px;list-style-type: decimal;  border-bottom: 1px dashed #ccc; text-indent: 1em;font-size: 14px; word-break: normal;word-wrap: break-word;line-height: 24px;color: #686868;padding-bottom: 15px;}


.contact{width: 1200px;margin: 0 auto;font-size: 14px;}
.contact li{margin-top: 10px;}


/*.contact .ditu{width: 1200px;height: 450px;margin-top: 20px;}*/
.recrui li{float: left;border: 1px solid #eee;width: 184px; text-align: center;}
.recrui .rec_titl li{font-weight: 700;font-size: 18px;height: 2em;line-height: 2em;height: auto;}
.recrui .rec_cont li{font-size: 14px;height: 3em;line-height: 3em;height: auto;}
.recrui .rec_cont a:hover{color: #009B4C;}

/*.Talent li{font-size: 20px;margin: 25px;border-bottom: 1px dashed #ccc;}*/
.Talent ul{margin: 40px 0;}
.Talent ul.textcent{text-align: center;}
.Talent ul h2{font-size: 30px;margin-bottom: 24px;color: #282828;}
.Talent ul h3{color: #212529; margin: 25px 0;font-size: 24px;color: #484848;}
.Talent ul li{font-size: 14px;color: #686868;line-height: 24px;}
.Talent ul div li{width: 215px;float: left;margin: 15px 5px;}
.Talent ul div li img{width: 100%;margin-bottom: 20px;}



.about_ab_img li{margin-top: 40px;}

.new_inside{width: 1200px;margin: 0 auto;}
.new_inside .ins_new h3{text-align: center;font-size: 30px;margin: 15px auto;width: 1000px;}
.new_inside .ins_new h6{text-align: center;font-size: 14px;font-weight: 400;margin: 15px 0;}
.new_inside .ins_new li{word-break: normal;word-wrap: break-word;font-size: 14px;line-height: 35px;}
.new_inside .nav_menu{border-bottom: 1px solid #ccc;}
.new_inside .ins_new a li{width: 50px; height: 30px;font-size: 14px; background-color: #009B4C;text-align: center;line-height: 30px;border-radius: 8px;color: #fff;margin: 20px 0;}
.new_inside .ins_new a li:hover{background-color: red;}
.new_inside .ins_new img{
	margin:0 20px 20px 0; 
	float: left;
}
.new_inside .xq_new h3{text-align: center;font-size: 30px;margin: 15px auto;width: 1000px;}
.new_inside .xq_new h6{text-align: center;font-size: 14px;font-weight: 400;margin: 15px 0;}
.new_inside .xq_new li{word-break: normal;word-wrap: break-word;font-size: 14px;line-height: 35px;}
.new_inside .nav_menu{border-bottom: 1px solid #ccc;}
.new_inside .xq_new a li{width: 50px; height: 30px;font-size: 14px; background-color: #009B4C;text-align: center;line-height: 30px;border-radius: 8px;color: #fff;margin: 20px 0;}
.new_inside .xq_new a li:hover{background-color: red;}



.pro_inside{width: 1200px;margin: 0 auto;}
.pro_inside .nav_menu{border-bottom: 1px solid #ccc;}
.pro_inside .ins_cont{float: right;width: 600px;    position: relative;top: -450px;}
.pro_inside .ins_cont li.ins_details{font-size: 14px;margin: 20px 0;word-break: normal;word-wrap: break-word;line-height: 30px;}

.pro_inside .ins_cont li.ins_title{font-size: 20px;margin: 10px 0;padding: 10px 0; border-bottom: 1px solid #009B4C;}

.pro_inside .ins_xiang{width: 1200px; margin: 30px 0;}
.pro_inside .ins_xiang h1{width: 150px;border-bottom: 3px solid #009B4C;text-align: center}
.pro_inside .ins_xiang h3{margin-top: 20px;}
.pro_inside .ins_xiang p{line-height: 40px;margin-left: 10px;float: left;width: 200px;margin: 5px 10px;}

.comm{width: 900px;margin: 0 auto;}
.nav_menu{border-bottom: 1px solid #ccc;}

.comm_sub{ margin: 0 auto;}
.comm_sub ul{margin: 40px 0;font-size: 16px;border-bottom: 1px dashed #ccc;padding-bottom: 15px;color: #282828;}
.comm_sub ul h4{font-size: 16px;}
.comm_sub ul li{line-height: 30px;text-indent: 1em;margin-top: 10px;color: #686868;font-size: 14px;}


.join_inside{width: 1200px;padding: 40px 20px; margin: 0 auto;background: #fff;}
.join_inside ul{width: 1150px; margin: 15px auto;}
.join_inside>ul li{ width: 280px;text-align: center; float: left; color: #5A6268;margin:10px 0; font-size: 14px;}
.ins_join ul{font-size: 14px;color: #999;}
.ins_join ul p{margin: 15px 0;}
.ins_join ul li{list-style-type: decimal;margin-left: 25px;line-height: 25px;}


.tal li{margin-top: 25px;text-align: center;font-size: 15px;}

/*2019.10.30*/
.about_ul{
	
}
.about_ul li{
	line-height: 24px;
	color: #686868;
}

/*ny*/
.ny_cp {
	padding:40px 0 80px 0;
	background: url( ../img/ny-bj.jpg) fixed;
}
.ny_cp .sy_dh{
	margin-top: 20px;
}
.ny_cp .sy_dh ul {
	margin-top: 60px;
	width: 80%;
	
}
.ny_cp .sy_dh ul li {
	padding-bottom: 15px;
	margin-bottom: 15px;
	border-bottom: 1px dashed #a1a1a1;
	padding-left: 20px;
	position: relative;
	font-size: 15px;
}
.ny_cp .sy_dh ul li i{
	position: absolute;
	left: 8px;
	width: 3px;
	height: 8px;
	border-radius: 20px;
	background: #009B4C;
	top: 7px;
}
.ny_cp .sy_dh ul li div{
	position: absolute;
	bottom: -1px;
	width:0%;
	height: 1px;
	background: #009B4C;
	left: 0;
	transition-duration: 0.5s;
	-moz-transition-duration: 0.5s;
	-webkit-transition-duration: 0.5s;
	-o-transition-duration: 0.5s;	
} 
.ny_cp .sy_dh ul li a{
	transition-duration: 0.5s;
	-moz-transition-duration: 0.5s;
	-webkit-transition-duration: 0.5s;
	-o-transition-duration: 0.5s;	

}
.ny_cp .sy_dh ul li:hover div{
	width: 100%;
	
} 
.ny_cp .sy_dh ul li:hover  a{
	color: #009B4C;
	padding: 15px 10px;
}
.ny_cp .sy_dh ul li.s  a{
	color: #009B4C;
	padding: 15px 10px;
}
.ny_cp .sy_dh ul li.s div{
	width: 100%;
} 
.ny_cp .sy_dh ul li.s  a{
	color: #009B4C;
	
}


/*产品详情*/
.wenzi{margin-top: 20px;}
.wenzi img{width: 100%;}
.wenzi li{line-height: 30px;}
.product_kuan{width:100%;margin: 40px auto; overflow: hidden}
.product_xq{width:100%; margin:0 auto; }
.page{ width:50%;margin: 0 auto;}
.page img{
	width: 100%;
}
.sp-wrap{ display:none; line-height:0; font-size:0;}
.sp-thumbs{ width:100%;}
.sp-thumbs img{ max-width:100%;}
.sp-thumbs a:link, .sp-thumbs a:visited{ margin:0 0 0 1%; width:24%; height:46px; overflow:hidden; opacity:.3; display:inline-block; background-size:cover; background-position:center; -webkit-transition:all .2s ease-out; -moz-transition:all .2s ease-out; -ms-transition:all .2s ease-out;-o-transition:all .2s ease-out; transition:all .2s ease-out;}
.sp-thumbs a:hover{ opacity:1;}
.sp-thumbs a:active, .sp-current{ opacity:1!important; position:relative;}
.sp-large{ border:1px solid #eee; position:relative; overflow:hidden; width:100% !important; margin:0 0 2% 0;}
.sp-large a img{ max-width:100%; height:auto;}
.sp-large a{ display:block;}
.sp-zoom{ position:absolute; left:-50%; top:-50%; cursor:-webkit-zoom-in; cursor:-moz-zoom-in; cursor:zoom-in; display:none;}
.sp-lightbox{ position:fixed; top:0; left:0; height:100%; width:100%; background:rgb(0, 0, 0); background:rgba(0, 0, 0, .9); z-index:500; display:none; cursor:pointer;}
.sp-lightbox img{ position:absolute; margin:auto; top:0; bottom:0; left:0; right:0; max-width:90%; max-height:90%; border:2px solid #fff;}
#sp-prev, #sp-next{ position:absolute; top:50%; margin-top:-25px; z-index:501; color:#fff; padding:14px; text-decoration:none; background:#000; border-radius:25px; border:2px solid #fff; width:50px; height:50px; box-sizing:border-box; transition:.2s;}
#sp-prev{ left:10px;}
#sp-prev:before{ content:''; border:7px solid transparent; border-right:15px solid #fff; position:absolute; top:16px; left:7px;}
#sp-next{ right:10px;}
#sp-next:before{ content:''; border:7px solid transparent; border-left:15px solid white; position:absolute; top:16px; left:18px;}
#sp-prev:hover, #sp-next:hover{ background:#444;}
@media screen and (max-width: 400px) {
	.sp-wrap{ margin:0 0 15px 0;width: 100%}
	#sp-prev, #sp-next{ top:auto; margin-top:0; bottom:25px;}
}
.product_xq_right{ width:95%; font-size:14px; color:#525252; line-height:24px;position: relative; min-height: 280px;}
.product_xq_right:after{
  content: "020"; 
  display: block; 
  height: 0; 
  clear: both; 
  visibility: hidden;  
  }

.product_xq_right {
  /* 触发 hasLayout */ 
  zoom: 1; 
  }
.product_xq_right h2{ font-size:20px; line-height:26px; color:#009B4C; padding:0 0 8px 0; margin:0 0 12px 0;}
.product_xq_right h2 a{
	float: right;
	font-size: 16px;
	margin-right: 5px;
	margin-top: 5px;
	color: #808080
}
.product_xq_right h3{
	width: 100%;
	border-top: 1px solid #e1e1e1;
	position: absolute;
	bottom: 0;
	padding-top: 10px;
}	 
.product_xq_right h3  a{
	color: #808080;
}	
.product_xq_right h3  a:hover{
	color: #175FB5;
}
.yx{width: 110px;float: right;height: 100%; }
.yx img{width: 100%;margin-top:12%}
.products_detail_two p{

	clear: left;
	margin:10px 5px; 
}
.products_detail_two{ display:block; height:auto; overflow:hidden; margin:36px 0 0 0; font-size:14px; color:#525252; line-height:24px;position: relative;}
.products_detwo_titel{ border-bottom:solid 1px #a1a1a1; border-top:solid 1px #a1a1a1; height:55px; line-height:55px;}
.products_detwo_titel .web>a{ cursor:pointer; float:left; font-size:16px; text-align:center; display:block; height:55px; border-left:solid 1px #e8e8e8; border-top:none; padding:0 5%;}
.products_detwo_titel .web a.cur,.products_detwo_titel a:hover{ color:#fff; background:#009B4C; text-decoration:none;margin-bottom: 3%}
.borleft{ width:100%; border-left:solid 1px #e8e8e8;}
.borleft h3{
float: right;
	margin-right: 1px;
}
.borleft h3 a{
	height:55px;
	cursor:pointer; float:left; font-size:14px; text-align:center; display:block; height:55px; border:solid 1px #e8e8e8; border-top:none;padding: 0 10px;
}	
.products_decon{ width:100%; margin:0 auto;}
.pro_con{ display:none; padding-top:30px; font-size:14px; color:#666; line-height:24px;}
.produxt_common{ padding-bottom:30px; display:block; height:auto; overflow:hidden; width:100%;}
.produxt_common ul { padding-top:20px;}
.produxt_common ul li{ border:solid 1px #ddd; width:225px; float:left; margin-right:19px; text-align:center; padding:5px 4px 20px 4px;}	

.banh{width: 100%;text-align: center;display: none;overflow: hidden}
.banh p{padding:1% 0 1% 0;background: #2E3032; margin-bottom: 48px;color: #f1f1f1;}


.products_detail_two{
	
}
.products_detail_two h4{
	font-size: 18px;
	font-weight: 600;
	color: #282828;
	margin-bottom: 20px;
}
.products_detail_two .js>p{
	color: #686868;
	line-height: 40px;
}
.products_detail_two .js{
	margin-bottom: 40px;
}
.js  table{
border-collapse: collapse;
	text-align: center;
	width: 80%;
}
.js  table tr{
padding: 15px;
	height: 40px;
}
.js  table tr:nth-child(1){
	background: #1a7ae6;
	color: #f1f1f1;
	font-size: 18px;
	border-color: #f1f1f1;
}
.js  table td{
	
}


.js  ol{
	
	
}
.js ol li{
	padding: 10px;
}

.js ol li:nth-child(1n+1){
	background: #009B4C;
	color: #f1f1f1;
}
.js ol li:nth-child(2n+1){
	background: #f1f1f1;
	color: #484848
}
.js ol li:nth-child(1){padding: 15px 10px;
}
.js h4{
	padding-bottom: 0px;
	margin-bottom: 0;
	color: #484848	

}
.product_xq_right h3{
	width: 100%;
	border-top: 1px solid #e1e1e1;
	position: absolute;
	bottom: 0;
	padding-top: 10px;
}	 
.product_xq_right h3  a{
	color: #808080;
}
.product_xq_right h4{
	position: absolute;
	bottom:0px;
	background: #DF1414;
	right: 0;
	border-radius: 5px;
	padding: 5px 0;
	
}	
.product_xq_right h4 img{
	width:15px;
	margin-left: 5px;
	margin-top: 8px;
}
.product_xq_right h4  a{
	color: #808080;
	color: #f1f1f1;
	padding: 10px;
	line-height: 30px;
}

strong{
	color: #282828;
}

.product_xq_right{margin-left: 20px;}
.product_xq_div ul p{margin: 10px 0;}
.product_xq_div ul ol{float: left;}
.product_xq_div ul ol img{width: 30px;height: 30px;margin-right: 10px;}


.products_detail_three{width: 100%;  background-color: #fff;border-radius: 8px;}
.products_detail_three:after{
  content: "020"; 
  display: block; 
  height: 0; 
  clear: both; 
  visibility: hidden;  
  }

.products_detail_three {
  /* 触发 hasLayout */ 
  zoom: 1; 
  }


.opac{padding: 20px;}
.products_detail_three h3{text-align: center;font-size: 23px;}
.products_detail_three ol{text-align: center;line-height: 30px;}
.products_detail_three ul{float: left;width: 265px; margin-top: 23px;}
.products_detail_three ul h5{font-size: 16px;}
.products_detail_three ul li{line-height: 30px;list-style-type: disc;margin-left: 1.2em;font-size: 14px;}
.products_detail_three .three_left{width: 800px;margin: 0 auto;}

.service_div{width: 100%;}
.service_div img{width: 100%;height: 300px;}
.service_div li{margin-top: 20px;line-height: 30px;word-break: normal;word-wrap: break-word;}


.cont_form{width: 700px;margin:0 about!important;}
.liuyan_ul1{float: left;width: 330px;margin: 10px 10px;}
.liuyan input{width: 100%;height: 2em;}
.liuyan_ul2{width: 680px;margin: 0 auto;padding: 0 10px;}
.liuyan_ul2 button:hover{background-color: #34CE57;cursor: pointer;border-radius: 8px;}
.liuyan_ul2 textarea{width: 100%;height: 12em;}
.liuyan_ul2 button{width: 100%;height: 2.5em;font-size: 14px; background-color: #009B4C;border: 0; color: #fff;}
.zhu{margin: 30px 0;font-size: 20px;color: red;}
.cont_form h1{font-size:35px;text-align: center;}
.cont_form p{text-align: center;}
.font-s{font-size: 25px;line-height: 40px;}



/*.di_tu{
	width: 100%;
	height: 350px;
}

.my-map { margin: 0 auto; width: 100%; height:350px; }
.my-map .icon { background: url(http://lbs.amap.com/console/public/show/marker.png) no-repeat; }
.my-map .icon-cir { height: 31px; width: 28px; }
.my-map .icon-cir-red { background-position: -11px -5px; }
.amap-container{height: 100%;}*/


#imglist{width: 300px;float: left;margin-top: 10px;height: 235px;}
#imglist li img{width: 100%;height: 200px;}
#imglist li{text-align: center;font-size: 16px;line-height: 30px;overflow: hidden;white-space: nowrap;text-overflow: ellipsis;}
#imglist:hover li{color: #009B4C;cursor: pointer;}

.contact span.size{font-size: 18px;}


/*lanrenzhijia.css*/
@charset "utf-8";

.wrap a {
	display:block;
	width:284px;
	height:460px;
	text-decoration:none;
	color:#000;
}
.wrap {
	width:284px;
	height:460px;
	position:relative;
	overflow:hidden;
	font-family:arial, sans-serif;
	border:0;
	margin: 0 8px;
	/*margin-left: 27px;*/
	float:left;
	display:inline;
}
.wrap img {
	width: 100%;
	height: 100%;
	position: absolute;
	border:0;
}
.wrap i {
	display:block;
	width:284px;
	height:460px;
	position:absolute;
	left:0;
	top:300px;
	z-index:1;
	background:#000;
	filter: alpha(opacity=40);
filter: progid:DXImageTransform.Microsoft.Alpha(opacity=40);
	opacity:0.40;
	-webkit-transition: all 0.6s ease-in-out;
}
.wrap p {
	display:block;
	width:98%;
	text-align: center;
	height:460px;
	position:absolute;
	left:1%;
	top:430px;
	z-index:1;
	background:rgba(158, 152, 152, 0.7);
	font-size:12px;
	color:#ffffff;
	padding:0;
	
	margin:0;
	line-height:16px;
	-webkit-transition: all 0.6s ease-in-out;
}
.wrap p b {
	display:block;
	font-size:22px;
	color:#fc0;
	text-align:center;
	margin:0;
	padding:0;
	line-height:30px;
}
.wrap p span {
	display:block;
	padding:10px;
	line-height:20px;
}
.wrap a:hover {
	direction:ltr;
}
.wrap a:hover i {
	top:0px;
}
.wrap a:hover p {
	top:0px;
}
.clear {
	clear:left;
}

h1,h2,h3,h4,h5,h6 { font-size:100%; font-weight:normal;}
	.container{
		width: 1200px;
		margin:0px auto;
        overflow: hidden;
	}
	.container .p{width: 100%;padding: 25px 0px;background: #009B4C;font-size: 25px;color: #fff;text-align: center;}
	.container .menu{
		width: 210px;
		float: left;
		text-transform:Capitalize;
		border: 1px solid #aaa;
	}

	.container .menu h3{
		font-size: 15px;
		padding: 20px 0;
		text-indent: 1em;
		color: #fff;
		background: #009B4C;
		border: 1px solid #fff;
		cursor: pointer;
	}
    .container .menu ul{
        display: none;
    }
	.container .menu ul li{
		height: 40px;
	}

	.container .menu ul li a:hover{
		background: #009B4C;
		color:#fff;
	}
	.container .menu a{
		text-decoration: none;
		color: #000;
		font-size: 14px;
		display: block;
		width: 170px;
		height: 40px;
		line-height: 40px;
		border-bottom: 1px solid #009B4C;
		padding-left: 40px;
	}

	.container .menu .selected{
		height: 40px;
		color: #009B4C;background-color: #009B4C;color: #fff;
	}
	.container .content{
		margin-top: 15px;
		width: 932px;
    	margin-left: 267px;
	}

	.container .content .get-menu{
		/*margin-left: -10px;*/
		font-size: 18px;
	}

	.container .content .get-menu a{
		display: inline-block;
		font-size: 20px;
	    height: 40px;
	}

	.container .content .get-menu a:last-child{
		/*margin-left: -8px;*/
		color: #009B4C;
		font-size: 18px;
	}

	.container .content .get-menu span{
		display: inline-block;
	    height: 40px;
	    margin-left: -110px;
	}

	.container .content .menu1 .tab {
		display: none;
	}

	.container .content .menu1 .active{
		display: block;
	}

	.container .content .menu1 .tab p{
		font-size: 15px;
		line-height: 20px;
		color: rgba(0,0,0,1);
        word-break:justify;
	}

	.container .content .menu1 .tab .tt{
		font-size: 14px;
		font-weight: bold;

	}
/*第二个菜单下的文档内容*/
	.container .content .menu2 .tab {
		display: none;
	}

	.container .content .menu2 .active{
		display: block;
	}

	.container .content .menu2 .tab p{
		font-size: 14px;
		line-height: 20px;
		color: rgba(0,0,0,0.8);
        word-break:break-all;
	}

	.container .content .menu2 .tab .tt{
		font-size: 14px;
		font-weight: bold;

	}
/*第三个菜单下的文档内容*/
	.container .content .menu3 .tab {
		display: none;
	}

	.container .content .menu3 .active{
		display: block;
	}

	.container .content .menu3 .tab p{
		font-size: 14px;
		line-height: 20px;
		color: rgba(0,0,0,0.8);
        word-break:break-all;
	}

	.container .content .menu3 .tab .tt{
		font-size: 13px;
		font-weight: bold;

	}
	/*第四个菜单下的文档内容*/
	.container .content .menu4 .tab {
		display: none;
	}

	.container .content .menu4 .active{
		display: block;
	}

	.container .content .menu4 .tab p{
		font-size: 14px;
		line-height: 20px;
		color: rgba(0,0,0,0.8);
        word-break:break-all;
	}

	.container .content .menu4 .tab .tt{
		font-size: 13px;
		font-weight: bold;

	}
	/*第五个菜单下的文档内容*/
	.container .content .menu5 .tab {
		display: none;
	}

	.container .content .menu5 .active{
		display: block;
	}

	.container .content .menu5 .tab p{
		font-size: 14px;
		line-height: 20px;
		color: rgba(0,0,0,0.8);
        word-break:break-all;
	}

	.container .content .menu5 .tab .tt{
		font-size: 13px;
		font-weight: bold;

	}
	/*第六个菜单下的文档内容*/
	.container .content .menu6 .tab {
		display: none;
	}

	.container .content .menu6 .active{
		display: block;
	}

	.container .content .menu6 .tab p{
		font-size: 14px;
		line-height: 20px;
		color: rgba(0,0,0,0.8);
        word-break:break-all;
	}

	.container .content .menu6 .tab .tt{
		font-size: 13px;
		font-weight: bold;

	}
	/*第七个菜单下的文档内容*/
	.container .content .menu7 .tab {
		display: none;
	}

	.container .content .menu7 .active{
		display: block;
	}

	.container .content .menu7 .tab p{
		font-size: 14px;
		line-height: 20px;
		color: rgba(0,0,0,0.8);
        word-break:break-all;
	}

	.container .content .menu7 .tab .tt{
		font-size: 13px;
		font-weight: bold;

	}

.main_img{width:750px; height:400px;}
 /*CSS Document 
body,h1,h2,h3,h4,h5,h6,p,ul,ol,li,form,img,dl,dt,dd,table,th,td,blockquote,fieldset,div,strong,label,em{margin:0;padding:0;border:0}
ul,ol,li{list-style:none}
input,button{margin:0;font-size:12px;vertical-align:middle}
body{font-size:12px;font-family:Arial, Helvetica, sans-serif; text-align:center;margin:0 auto}
table{border-collapse:collapse;border-spacing:0}
a{color:#333;text-decoration:none}
a:hover{color:#ef9b11;text-decoration:underline}*/

.box{width:900px;margin:0px auto}
.left-pro{width:890px; padding:20px 10px;border:1px solid #ccc;text-align:left;float:left;margin-top: 7px;}
.left-pro .t1{width:100px;float:right}
.left-pro .t2{width:352px;text-indent:0;float:left;padding-left:10px}
.left-pro .t2 img{text-indent:0;}
#showArea img{cursor:pointer;display:block;margin-bottom:5px;width:68px;padding:1px;border:1px solid #ccc;height:68px;float:left}
#main_img{cursor:pointer;display:block}
#gotop{cursor:pointer;display:block;margin-left:9px}
#gobottom{cursor:pointer;display:block;margin-left:9px}
#showArea{height:379px;margin:10px;overflow:hidden;}


/* CSS class for zoomed area */
.MagicZoomBigImageCont{border:1px solid #91b817;overflow:hidden}
.MagicZoomBigImageCont img{width:800px;height:800px}
.MagicZoomBigImageCont iframe{width:300px;height:300px}
.MagicZoomHeader{font:10px Tahoma, Verdana, Arial, sans-serif;color:#fff;background:#91b817;text-align:center !important}
.MagicZoomPup{border:1px solid #aaa;background:#fff;cursor:hand;left:0}
.MagicZoomLoading{text-align:center;background:#fff;color:#444;opacity:0.8;padding:3px 3px 3px 3px !important;display:none}
.MagicZoomLoading img{padding-top:3px !important}
.MagicThumb{cursor:url(cursor/zoomin.cur), pointer;outline:none}
.MagicThumb-zoomed{cursor:default}
.MagicThumb span{display:none}
.MagicThumb-image{border:1px solid #ccc;outline:none}
.MagicThumb-image-zoomed{cursor:url(cursor/zoomout.cur), pointer}
.MagicThumb-caption{color:#333333;background-color:#F0F0F0;border:1px solid #CCC;border-top:none;font-family:Verdana, Helvetica;font-size:11px;padding:8px 16px}
.MagicThumb-controlbar{display:block;height:18px}
.MagicThumb-controlbar a{display:block;width:180px;height:180px;margin:0px 1px;outline:none;float:left;overflow:hidden}
.MagicThumb-controlbar a span{display:block;width:1000px;height:1000px;background:transparent url(graphics/controlbar.png) no-repeat 0 0;outline:none;position:absolute;left:0px;top:0px}
.MagicThumb-loading{border:1px solid #000;background:#fff url(graphics/loader.gif) no-repeat 2px 50%;padding:2px 2px 2px 22px;margin:0;text-decoration:none;text-align:left;font-size:8pt;font-family:sans-serif;}



.nav2{display: none;}
.sp_header{height:50px;overflow:hidden;background:#fff;position:fixed;z-index:10;width:100%;}
.sp_logo{padding:10px;float:left;height:50px}
.sp_logo img{margin:auto;max-height:30px;}
.sp_nav{width:50px;float:right;position:relative;cursor:pointer;height:30px;margin-top:15px}
.sp_nav span{display:block;background:#c9141e;width:30px;height:2px;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;}
.nav_show{top:50px}
.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:38px;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%}
.sjj_nav ul li ul li a{color:#999;display:block;text-align:left;}
.sjj_nav ul li i svg{width:20px;height:20px;fill:#555;}
.sjj_nav ul li .sjj_nav_i_se svg{fill:#c9141e}
.sjj_nav ul li ul li>ul{margin-left:10px}

.price{width: 100%; display: none;}

.about_div{background: #f7f8fa;}
/*手机选项卡*/
.container {
	background: #f7f8fa;
	height: auto;
	overflow: hidden;
	padding-top: 60px;
	padding-bottom: 80px;
}

.price {
	width: 100%;
	margin: 0 auto;
}

.price .category {
	width: 97%;
	overflow: hidden;
	position: relative;
	overflow: hidden;
	margin-bottom: 20px;
	margin-left: 10px;
}

.price .category:after {
	content: "";
	position: absolute;
	width: 100%;
	left: 0;
	top: 0;
	height: 1px;
	background-color: #EDEDED;
	z-index: 2;
}

.price .category:before {
	content: "";
	position: absolute;
	width: 100%;
	left: 0;
	bottom: 0;
	height: 1px;
	background-color: #EDEDED;
	z-index: 2;
}

.price .category a:after {
	content: "";
	display: inline-block;
	width: 0;
	height: 100%;
	vertical-align: middle;
}

.price .category .prev {
	display: none;
	position: absolute;
	top: 0;
	width: 59px;
	height: 100%;
	box-shadow: 0 0 3px #c6c6c7;
	background: #fff;
	text-align: center;
	font-size: 0;
	left: 0;
	border-right: 1px solid #e1e3e6;
}

.price .category .prev span {
	display: inline-block;
	vertical-align: middle;
	width: 9px;
	height: 14px;
	background-repeat: no-repeat;
	background-image: url(../images/arrow.svg);
	background-position: 96.77% 25%;
	background-size: initial;
}

.price .category .next span {
	display: inline-block;
	vertical-align: middle;
	width: 9px;
	height: 14px;
	background-repeat: no-repeat;
	background-image: url(../images/arrow.svg);
	background-position: 61.29% 25%;
	background-size: initial;
}

.price .category .next {
	position: absolute;
	top: 0;
	width: 59px;
	height: 100%;
	box-shadow: 0 0 3px #c6c6c7;
	background: #fff;
	text-align: center;
	font-size: 0;
	right: 0;
	border-left: 1px solid #e1e3e6;
}

.price .category ul li {
	/*display: table-cell;*/
	white-space: nowrap;
	font-size: 14px;
	text-align: center;
	border-bottom: 3px solid transparent;
	cursor: pointer;
	position: relative;
	padding: 18px 25px;
}

.price .category ul li.active {
	border-bottom-color: #00a4ff;
	color: #00a4ff;
}


/*2019.11.8*/
.top_jl{
	height: 97px;
	overflow: hidden;
	width: 100%;
}
.tab_bar ul li:nth-child(1){
	background-color: #009B4C;color: #fff;
}
.indu_ul  img {
    width: 150px;
    height: 100px;
}
.menu>h3>a{
	border: 0;
}
.menu>h3>a{
	color: #f1f1f1;
}

.container .menu>h3>a{
		text-decoration: none;
		color: #f1f1f1;
		font-size: 14px;
		display: block;
		width: 100%;
		height: 40px;
		line-height: 40px;
		border-bottom: 0px solid #009B4C;
		padding-left: 0px;
	}
.container .menu>h3:hover>a{
		text-decoration: none;
		color: #009B4C;
	}
.container .menu>.selected>a{
		text-decoration: none;
		color: #009B4C!important;
		
	
	}

    .container .menu ul{
        display: none;
    }
.container .menu ul li{
	
}

.container .menu ul li a{
	color: #009B4C!important
}
.container .menu ul li .selected{
	color: #f1f1f1!important;
}
.container .menu ul:nth-child(3){
	display: block;
}
.container .menu ul li:hover a{
	color: #f1f1f1!important
}

.container .menu h3{
		font-size: 15px;
		padding: 20px 0;
		text-indent: 1em;
		color: #fff;
		background: #009B4C;
		border: 1px solid #fff;
		cursor: pointer;
	}
.container .menu  .selecte{
	background: #fff!important;
	color: #009B4C!important
}
.container .menu .selecte a{
    color: #009B4C!important;
}
.container .menu .selecte {
    height: 40px;
    color: #009B4C!important;
    background-color:  #fff!important;

}
.container .menu h3:hover  {
    height: 40px;
    color: #009B4C;
    background-color:  #fff!important;

}

/*sy*/
.sy {
	margin-top: 0%;
	margin-bottom: 8%;
	float: left;
	width: 100%
}
.sy h3{
	text-align: center;
	font-size: 20px;
	color: #333333;
	margin-bottom: 6%;

		
}
.sy h3 p{
	font-size: 14px;
	color: 888888;
}



.sy ul{
	margin-left: -2.3%;
}
.sy ul li{
	width: 31%;
	overflow: hidden;
	margin-left: 2.3%;
	float: left;
	margin-bottom: 4%;
	box-shadow: 0px 4px 10px #e1e1e1;
	position: relative;

	
}
.sy ul li .dx {
	width: 100%;
	height: auto;
	overflow: hidden;
}
.sy ul li .dx img{
	width: 100%
}
.sy ul li .yx-pf{
	padding:10px 10px ;
	background: #fff;
}
.sy ul li .yx-pf h3{
	font-size: 18px;
	margin-bottom: 10px;
	text-align: left
}

.sy-cp ul li .yx-pf{
	padding:10px 10px ;
	background:url(../img/3.png);
	position: absolute;
	bottom: -60px;
	z-index: 99999;
	width: 100%;
	text-align: center;	transition-duration:0.4s; 
	-moz-transition-duration:0.4s; 
	-webkit-transition-duration:0.4s; 
	-o-transition-duration:0.4s; 

	
}
.sy-cp-gd ul li .yx-pf{
	padding:10px 10px ;
	background:url(../img/3.png);
	position: absolute;
	bottom: -10px;
	z-index: 99999;
	width: 100%;
	text-align: center;	transition-duration:0.4s; 
	-moz-transition-duration:0.4s; 
	-webkit-transition-duration:0.4s; 
	-o-transition-duration:0.4s; 

	
}
 .sy-cp ul li .yx-pf p{
	font-size: 18px;
	margin-bottom: 10px;
	color: #f1f1f1;
}
.sy-cp ul li .yx-pf h3 {
	margin-top: 20px;
	margin-bottom: 12px;
	 text-align: center;
}
 .sy-cp ul li .yx-pf h3 a{
	padding: 9px 20px;
	border: 1px solid #f1f1f1;
	color: #f1f1f1;
	border-radius: 15px;
	font-size: 14px;

}

.sy  ul li  img{
	transition-duration:0.4s; 
	-moz-transition-duration:0.4s; 
	-webkit-transition-duration:0.4s; 
	-o-transition-duration:0.4s; 
}
.sy ul li:hover img{
		transform: scale(1.1);
	-ms-transform: scale(1.1);
	-webkit-transform: scale(1.1);
	-o-transform: scale(1.1);
	-moz-transform: scale(1.1);

}
.sy ul li:hover{
		box-shadow: 0px 4px 10px #d1d1d1;

	
}
 .sy-cp ul li:hover .yx-pf{
	position: absolute;
	bottom: 0px;
}
 .sy-cp ul li .yx-pf h3 a:hover{
	padding: 9px 20px;
	border: 1px solid #f1f1f1;
	color: #1ca8f8;
	border-radius: 15px;
	font-size: 14px;
	background: #f1f1f1;
}

/*gsjj*/
.gsjj{
	width: 100%;




}
.gsjj h3 {
	width: 100%;
	float: left;
	padding:0 20px 20px 0 
}
.gsjj h3 img{
	width: 100%;
}
.gsjj p{
	    word-break: keep-all;
    word-wrap: break-word;
    white-space: pre-wrap; 
    text-align:justify;  
    text-justify:inter-ideograph;
}
	
/*企业文化*/
.gy_pp{
	width: 100%;
}
.gy_pp img{
	max-width: 100%
}
.gy_pp>h2{
	font-size: 28px;
	text-align: center;
	color: #282828;
	margin-bottom: 24px;
}
.gy_pp>p{
	text-align: center;
	width: 980px;
	margin: 0 auto;
	line-height: 30px;
	color: #808080;
	margin-bottom:80px;
	
}
.gy_pp ul {
	
}
.gy_pp ul li{
	overflow: hidden;
}
.gy_pp ul li .w50{
	width: 50%;
	overflow: hidden;
}
.gy_pp ul li .w50 img{
	width: 100%;
			transition-duration:0.3s; 
	-moz-transition-duration:0.3s; 
	-webkit-transition-duration:0.3s; 
	-o-transition-duration:0.3s; 
	
}
.gy_pp ul li:hover h4 img{
		transform:scale(1.1,1.1);
-ms-transform:scale(1.1,1.1); /* IE 9 */
-moz-transform:scale(1.1,1.1); /* Firefox */
-webkit-transform:scale(1.1,1.1); /* Safari and Chrome */
	-o-transform:scale(1.1,1.1); /* Opera */

}
.gy_pp ul li .lr{
	width: 50%;
	padding: 3% 0% 0 0%;
}
.gy_pp ul li h5{
	font-size: 22px;
	color: #1569b1;
	margin-bottom: 20px;
	font-weight: 600;
	margin-left: 20px;
	margin-right: 20px;
	
}
.gy_pp ul li  p{
	line-height: 30px;
	color: #484848;
	font-size: 15px;
	margin-bottom: 0px;
		margin-left: 20px;
	margin-right: 20px;

}
.gy_pp ul li  a{
	text-transform: uppercase;
	border: 1px solid #55b26b;
	padding: 10px 15px;
	border-radius: 5px;
}

.gy_pp ul li  a:hover{
	text-transform: uppercase;
	color: #55b26b;
	
}
.gy_pp{
	
}
.gy_pp ol {
	
}
.gy_pp ol li{
	padding-bottom: 35px;
	border-bottom: 1px solid #55b26b;
	margin-bottom: 35px;
}
.gy_pp ol li h4{
	font-size: 24px;
	margin-bottom: 25px;
	color: #55b26b;
}
.gy_pp ol li p{
	font-size: 16px;
	line-height: 30px!important;
}
.gy_pp strong{
	margin-right: 10px;
	color: #1569b1;
}
.gy_pp  h6{
	display:none;
}
.w50{
	width: 50%;
}
.l{
	float: left;;
}
.r{
float: right;
}
		/*分页*/
		.yema{text-align:center; padding:30px 0 0; overflow:hidden;  margin-bottom:50px;}
		.yema a,.yema span{ padding:3px 10px; border:#ccc 1px solid; margin:0 2px; font-size:17px; display:inline-block; color:#333; font-family:"宋体"; margin-bottom:10px; border-radius:4px;}
		.current{background:#009B4C;color:#fff !important;border:#009B4C 1px solid !important;}
		.yema a:hover{  background:#009B4C; margin:0 2px; color:#fff; text-decoration:none; border:1px solid #009B4C;}

		a.yema_on{color:#fff !important; border:#009B4C 1px solid !important; background:#009B4C;}
		a.yema_on:hover{color:#fff !important; border:#009B4C 1px solid !important; }
		a.ok{color:#fff !important; border:#009B4C 1px solid !important; background:#009B4C;}
		a.ok:hover{color:#fff !important; border:#009B4C 1px solid !important; }
		
.contact .menu_tab{
			margin-top:40px;
		}
	 .new_inside{
			margin-top:40px;
		}
		
		.xw_more{margin-top:40px;width: 100%;overflow: hidden;}
.xw_more a{display:inline-block; line-height:40px; padding:0 16px; color:#fff; background:#c82126 ;}


.yc{
display:none;
}
.jj{
	margin-top:80px;
}
.gy_pp ul li .jj h5{
	margin-left:0px;
	
}
.gy_pp .jj p{
	margin-left:0px;
	
}



.gun .wrap:nth-child(1){
	display: none;
}

.gun .wrap{
	display: none;
}
.gun  .yc3{
	display: block;
}
.gun  .cp3{
	display: block;
}
.gun  .cp5{
	display: block;
}
.gun  .zl1{
	display: block;
}








@media screen and (max-width:1028px){
	
	
	
	
.us{width: 100%;height: 450px;}
.us_img{width: 100%;height: 350px;background: url(../img/home1.jpg) no-repeat;background-size: 100%;}
	
.new .new_div1 .indu_div1 img {
    width: 150px;
	height:auto;}
	
.indu_ul img {
    width: 150px;
	height:auto;}
    /* height: 100px; */
	
.heig img{/* height: 200px; */ height:auto;}	
.bann{width: 100%;height:auto; margin-bottom: 0px;}	
	
	/*header{display: none;}*/
	.products{width: 100%;}
	.gun {width: 100%;}
	.new .new_div1{width: 100%;}
	/*.pro_tab .tab_bar li {width: 152px;}*/
	.products .pro_div1 {width: 26%;}
	.box-content .container{width: 100%;}
	.row .col-md {width: 21%;}
	/*.row .col-md .box-item .row_li {margin-left: 72px;}*/
	.wrap {width: 22.8%;height: 405px;}
	.wrap p{top: 373px;}
	.tran {/*height: 194px;*/ height:auto;}
	.pro_tab .tab_bar {	width: 100%; float: left;}
	.new{overflow: hidden;}
	.pro_tab .tab_bar li {width: 26%; margin: 10px 20px;}	
	.new .new_div1 .company { width: 40%;}
	.new .new_div1>div { width: 54%;}
    .new .new_div1 .indu_div1 li.indu_li2 {width: 70%;}
    .new .new_div1 .indu_div1 li{ width: 25%;}
    .new .new_div1 .indu_div1 li img{ width: 100%;}
    .new .new_div1 .indu_div2 li{width: 93%;}
    .div_foot { width: 100%;}
    
    .div_foot .foot_div1 {margin-left: 0;}
    .foot1 div {width: 29%;}
    .foot1 {width: 57%;}
    .div_foot .lianx {width: 20%;}
    
    /*ABOUT*/
    .container { width: 100%;}
    .container .menu { width: 20.6%;}
    .container .content { width: 75%; margin-left: 24%;}
    .app ul { width: 26%;}
    
    /*products*/
    .box {  width: 90%;}
    .main_img{width: 125%;}
    .left-pro { width: 100%;}
    #imglist { width: 33.3%;}
    .capability { width: 100%;}
    .quotations { width: 90%;}
	.products_detail_three ul { width: 32%;}
	.container .menu a {width: 98%;padding-left: 2%;}
	
	/*appliction*/
	.new_inside { width: 95%;}
	
	
	
    /*support*/
    .quotations .tab_sub { width: 100%;}
    .ddd { width: 100%;}
    .quotations .tab_sub ul { width: 47%;}
    .quotations .tab_but { width: 70%;}
    .comm {width: 95%;}
    
    /*new*/
    .content .com_new .cont_ul2 {width: 70%;}
    .content .com_new {width: 100%;}
    
    /*join*/
   .Talent ul div li { width: 21%;}
   .recrui .rec_titl li  {width: 19.5%;}
   .recrui .rec_cont li { width: 19.5%;}
   
   
    /*contact*/
   .contact { width: 95%;}
}

@media screen and (max-width:1024px){
	.head_div2{display: none;}
	.nav2{display: block;}
}

@media screen and (max-width:768px){
	.menu{display: none;}
	.price{display: block;}
	.bann {margin-bottom: 10px;}
	.container .content{width: 96%;margin: 0 auto;}
}

@media screen and (max-width:414px){
.top_jl {
    height: 53px;
    overflow: hidden;
    width: 100%;
}	
	.pro_tab .tab_bar{margin: 0;}
	.pro_title {font-size: 30px;}
	.pro_tab .tab_bar li {width: 88%;}
	.products .pro_div1 {width: 95%;}
	.row .col-md {width: 40%;}
	.content .com_new .cont_ul1 {width: 30%;}
	/*.row .col-md .box-item .row_li {margin-left: 47px;}*/
	.box-content .container .heading h2 {font-size: 30px;}
	.about {width: 100%; }
	.new{    height: 1270px;}
	.new .new_div1>div { width: 95%;}
	.new .new_div1 .indu_div1 img {width: 80px;}
	.new .new_div1 .indu_div1 li{width: 100%;}
	.new .new_div1 .indu_div1 li.indu_li2{width: 100%;}
	.new .new_div1 .indu_div1 .indu_p1 {width: 100%;}
	.us_about { width: 65%; padding: 20px 50px}
	.wrap { width: 45%; height: 290px;}
	.wrap p{ top: 230px;}
	.new .new_div1 .company { width: 94%;}
	.wrap img{margin-top: 10px;}
	footer{margin-top: 0;}
	.foot1{display: none;}
	.foot_div1 {margin-left: 30px;}
	.div_foot .lianx {width: 95%;margin-left: 20px;}
	.div_foot .foot_div1 {display: none;}
	.menu{display: none;}
	.container .content {margin-left: 0;width: 99%;}
	.left-pro .t1 { width: 100%;float: left;}
	.liuyan_ul2 { width: 94%;}
	.cont_form {width: 100%;margin-bottom: 10px;}
	.leftimg img{width: 45%;}
	.liuyan_ul1 {width: 94%;}
	.main_img {width: 98%;}
	#showArea {height: 77px; margin: 10px;overflow: hidden;}
	.products_detail_three ul {float: none;}
	.products_detail_three {height: 100%;}
	.products_detail_three ul {width: 55%;}
	.menu_tab .nav_menu {height: 55px; margin-left: 10px;}
	.about_ul {padding-left: 5px;}
	.app{width: 100%;}
	.app ul {width: 100%;}
	#imglist {width: 50%;}
	.gy_pp ul li .w50 {width: 100%;}
	.gy_pp ul li .lr {width: 100%;}
	.quotations .tab_sub ul li.sub_li1 {width: 100%;text-align: left;}
	.quotations .tab_sub ul {width: 100%;}
	.quotations .tab_but { width: 100%;}
	.quotations .tab_sub button {width: 43%;}
	.quotations .tab_sub ul li.sub_li2{width: 90%;}
	.quotations .tab_sub ul li.sub_li2 input { width: 100%;}
	.recrui .rec_titl li{font-size: 12px;height: 5em;}
	.recrui .rec_cont li{height: 6em;}
}	

.div_p{width:60%;margin:0 auto;text-aling:content;}
.tab_but button:hover{background:#009B4C;cursor: pointer;}