html,body{
font-size: 10px;

    margin: 0;
    padding: 0;
    height: 100%;
}
div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,   
form,fieldset,input,textarea,p,blockquote{   
    padding: 0;   
    margin: 0;   
}
td{font-size: 14px;color: #666;font-weight: 400;text-align: left;line-height: 40px;padding-left: 1.2%;padding-top: 1%;}
input{border: 1px solid #e0e0e0;
-webkit-border-radius: 2px;
-moz-border-radius: 2px;
border-radius: 2px;
background:#fff;
font-size: 13px;
color:#333;
width: 100%;

padding-left: 14px;
height: 44px;
line-height: 44px;
outline: 0;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
}
textarea{
    border: 1px solid #e0e0e0;
-webkit-border-radius: 2px;
-moz-border-radius: 2px;
border-radius: 2px;
background: #fff;
font-size: 13px;
color:
#333;
width: 100%;
padding: 9px 14px;
height: 100px;
resize: none;
outline: 0;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
}
li{ list-style-type: none; }
.clearfloat{clear:both;height:0;font-size: 1px;line-height: 0px;} 
.bodycontent{width: 100%;
    margin: auto;
    padding: 0;
    display: block;
}


.sytitle1{
    font-size: 30px;
    line-height: 40px;
    color: #00923f;
    text-align: center;
    width: 100%;
    margin-top: 6.6%;
}
.sytitle2{
    font-size: 20px;
    line-height: 30px;
    color: #333;
    text-align: center;
    width: 100%;
}
.sytitle3{
    font-size: 14px;
    line-height: 20px;
    color: rgb(128, 128, 128);
    text-align: center;
    width: 100%;
}
.sy_pr{
    width: 100%;
    margin: auto;
    padding-top: 3.6%;
   

}
.sy_pr ul{width: 1422px;display: flex;margin: auto;}
.sy_pr ul li{width: 474px;flex: inherit; text-align: center;}
.sy_pr ul li a{text-decoration: none;text-align: center;}
.sy_pr ul li a:hover{color: #00923f}
.kuan{width: 460px;height: 367px; text-align: center;padding-top:23px;display: block;text-decoration: none;margin-bottom: 10px;}
.kuan .img_box{width:415px;height:300px;overflow: hidden;margin: auto;text-align: center;}
.kuan .img_box .img{width:100%;height: 300px;  transition: all 1s;}
.kuan .title{width: 100%;text-align: center;font-size: 16px;color: #333;padding-top: 20px; }
.kuan:hover .title{color: #00923f}
.kuan:hover{box-shadow:#EAEAEA 0px 0px 10px;}
.kuan:hover > p{color: #00923f;}
.kuan:hover .img_box .img{transform: scale(1.1);}




.sy_pr ul li p{padding: 1.5rem;font-size:1.6rem;color: #333;text-align: center;}

.sy_com{background: #F9F9F9;text-align: center;margin: auto;padding-top: 4%;padding-bottom: 4%;}
.sy_com_content{width: 1267px;padding-top: 50px;text-align: left;margin: auto;color: #808080; font-size: 1.4rem;line-height: 3rem;}
.sy_com_more{width: 1340px; margin: auto;height: 43px; padding-top: 30px;}
.sy_com_more a{width: 158px;
    height: 43px;
    display: block;
    background: #00923f;
    color: #fff;
    text-align: center;
    line-height: 43px;
    font-size: 1.3rem;
    border-radius: 4px;
    margin: auto;
    float: right;
    text-decoration: none;
}
.sy_com_more a:hover{box-shadow:#999 0px 0px 10px;font-size: 1.4rem;}

.sy_case{
    width: 1368px;
    margin: auto;
    text-align: center;
}
.sy_case ul{width: 100%;height: 700px;padding-top: 65px;}
.sy_case ul li{
    width: 456px;float: left;
    margin: auto;
    text-align: center;
    padding: 30px 0;

    }
    
.sy_case ul li img{border: 0px solid #e8e8e8;margin: auto;  width: 100%;}
.sy_case ul li .kuan1{
    width: 78%;float: left;margin-left: 40px;
    
    text-align: center;
    padding: 20px;bottom: 0;
    border: 1px solid #e8e8e8;
    border-radius: 0px;
     background: #f9f9f9;
}
.sy_case ul li .kuan1:hover{
   
     box-shadow:#999 0px 0px 10px;
    
}
.sy_case ul li .kuan1:hover p{
   color: #00923f;
}
.sy_case ul li .kuan1 p{
  
    text-align: center;
   font-size: 16px;  
   padding-top: 15px;
   display: flex;
    align-items: center;
    justify-content: center;
    height: 48px;
    color: #333;
}

.sy_news{
    width: 1200px;
    padding: 110px 0;
    text-align: center;
    margin: auto;
    height: 400px;
}
.new_line:hover{box-shadow:#999 0px 0px 10px;}
.new_line{border-bottom: 1px solid #eee;text-align: left;margin: auto;width: 100%;float: left;display: block;
    padding: 20px;
}
.newtitle span{
    width: 10%; 
    float: right; 
    text-align: right;
    margin-right: 10px;
    font-size: 14px;
    color:#999;
    line-height: 24px;}

.newtitle{
    width: 100%; 
    float: left;
    font-size: 16px;
font-weight: 400;
color: #333;
line-height: 24px;
word-break: break-all;display: block;}
.newcontent{display: block; bottom: 0;padding-left: 30px;
    font-size: 14px;
    color: #666;
   line-height: 60px;
}

.sy_lxwm{
    width: 100%;
    background: #f9f9f9;
    padding: 100px 0;
    margin: auto;
    text-align: center;
    height: 368px;
}
.c_all{width: 1300px;margin: auto;}
.c_left{width: 30%;float: left;padding-top: 20px;padding-left: 100px;}
.c_right{width: 52%;float: right;}
.c_right span{color: #ff0000;}
.bt{background: #333333; color: #fff;}
.bt:hover{background: #484848; cursor: pointer;}

.tophead{margin: auto;
    text-align: center;
    background: #fff;
    height: 70px;
    line-height: 70px;
    max-width: 1920px;
    min-width: 1000px;
}
#topmenu{display: flex;
    width: 100%;
    line-height: 60px;
    text-align: center;
    margin: auto;
     max-width: 1200px;
    min-width: 960px;
}
#topmenu .right_menu{flex: inherit;
    float: right;
    width: 60%;
    line-height: 70px;
    text-align: right;

}
.right_menu > ul{height: 100%;display: flex;}
.right_menu > ul li{height: 100%;flex: inherit;width: 20%;float: left;}
.right_menu > ul li a:active, .right_menu > ul li a:hover{font-size: 14px;color: #00923f;}
.right_menu > ul li a{font-size: 14px;color: #333; }
.right_menu > ul li a:hover{border-bottom: 4px solid #00923f;padding-bottom: 23px;}
#topmenu .left_logo{
    flex: inherit;
    float: left;
    width: 40%;
    line-height: 71px;
    text-align:left;
    font-size: 28px;
    color: #00923f;
    
}



.c_foot{
	color: #505050;
	background: #0d0c0d;
	line-height: 22px;
    padding: 10px 0;
    font-size: 12px;
    text-align: center;
    
    bottom: 0;
    width: 100%;
}
.c_foot a{
    color: #505050;
   text-decoration: none;
}
.c_foot a:hover{
    color: #fff;
   
}

.seonav{
    width: 1278px;
    margin: auto;
    text-align: right;
    padding: 10px 0;
    color: #90939b;
}
.seonav a{color: #90939b;text-decoration: none;}
.seonav a:hover{color: #666;}
.articletxt{ 
    padding: 60px 0;
    width: 1278px;
    margin: auto;
    text-align: left;}

.flexrightmenu{
    position: fixed;
    width:100px;
    right:0;
    bottom:45px;
    text-align: center;
    border: 1px solid #eee;
    background: #EAEAEA;
    margin-right: 60px;
}
.flexrightmenu a{
   padding: 10px;
   display: block;   
   text-decoration: none;
   color: #00923f;
}
.flexrightmenu a:hover{
  background: #fff;
}


.newsall{width: 1278px; padding: 30px 0 60px 0; margin: auto; display:flex;text-align: left; position:relative; }

.newsleft{width: 960px;float: left;background: #fff;border: 1px solid #efefef; flex:inherit;}
.newsleft ul {padding: 0 30px;text-align: left;}
.newsleft ul li{border-bottom: 1px solid #f0f2f5;padding: 0px;width: 100%;}
.newsleft ul li img{width: 160px;height: 90px; float: left;}
.newsbody {width: 100%;text-align: left;display: flex;padding:30px 0 40px;}
.newsbody_l{flex: inherit;text-align: left;}
.newsbody_r{flex: inherit;text-align: left;margin-left: 20px;}
.newsbody_r p.title {font-size: 22px;margin-bottom: 20px; color: #464646;line-height: 22px;}
.newsbody_r p.title > a{ color: #464646; text-decoration: none;}
.newsbody_r p.title > a:hover{ color: #6b6b6b;}
.newsbody_r p.content {color: #6a6a6a;
    margin-bottom: 10px;
    font-size: 13px;}
.newsbody_r p.time{
     font-size: 16px;
    font-weight: 300;
    color: #a3afb7;
    line-height: 16px;
}


.newsright{width: 290px;float: right;flex: inherit;margin-left: 30px;}
.news_b{
    width: 100%;
    background: #fff;
    border: 1px solid #efefef;
    padding: 20px;
}
.news_b .title{font-size: 18px;
    font-weight: 300;
    margin: 0;text-align: left;
    border-bottom: 0px solid #f0f2f5;
    padding-bottom: 20px;
}

.news_b .title a{text-decoration: none;color: #333;
}
.news_b .title a:hover{color: #999;}
.news_b .fl{color: #464646;
    font-size: 15px;
    line-height: 30px;padding-bottom: 30px;

}

.news_b .fl ul{color: #464646;
    font-size: 15px;
    line-height: 30px;
    border-top: 1px solid #e4eaec;    
    border-left: 1px solid #e4eaec;  
    border-right: 1px solid #e4eaec;  

}
.news_b .fl ul li{
    font-size: 15px;
   
    border-bottom:  1px solid #e4eaec;
    padding: 15px;    
}
.news_b .fl ul li a{
    text-decoration: none;
    color: #464646;
}
.news_b .fl ul li a:hover{
    color: #6f6f6f;
}
.newsinfo{ padding: 30px;}
.newsinfo p.title{
    margin: 0;
    margin-bottom: 5px;
    font-size: 32px;
    font-weight: 400;
    line-height: 32px;
    color: #37474f;
}
.newsinfo p.time{padding-bottom: 20px;
    border-bottom: 1px solid #f0f2f5;
    font-size: 16px;
    font-weight: 300;
    color: #a3afb7;
}
.newsinfo .content{
    padding-top: 30px;
    font-size: 14px;
    line-height: 22px;
    color: rgb(106, 106, 106);
    word-wrap: break-word;
    min-height: 115px;
    overflow-x:auto;
   
}
.newsinfo .fy{margin-top: 50px;padding: 20px; border-top: 1px solid #f0f2f5; text-align: center;font-size: 14px;color: #464646}



.pagebt{
    width:100%;
    text-align:center;
   padding-top: 40px;
   padding-bottom: 60px;
   font-size: 14px;

}
.pagebt span a{
   font-size: 14px;
   padding: 10px;
   border: 1px solid #cccccc;
   margin-left: 10px;
   text-decoration: none;
   color: #999999;
}
.pagebt span a:hover{
   background-color: #ccc;
   color: #fff;
}
.pagebt span .sel{background-color: #ccc;
   color: #fff;}


.pronav{width: 1278px;
    margin: auto;
    text-align: center; 
    height: 52px;
    line-height: 52px;    
    display: flex;
}
.pronav_l{width: 50%;float: left;text-align: left;flex: inherit;}
.pronav_l a{
    font-size: 14px;     
    padding:10px;
    text-decoration: none;
    border: 1px solid #cccccc;
    border-radius: 0px;
    margin-right:  10px;
    color: #90939b;
}

.pronav_l a:hover{background:#ccc;color:#fff;}
.pronav_l .sel{background-color: #ccc;
   color: #fff;}
.pronav_r{width: 50%;float: right; text-align: right;flex: inherit;color: #90939b;}
.pronav_r a{color: #90939b;text-decoration: none;}
.pronav_r a:hover{color: #666;}
.productall{width: 100%;background: #f2f2f2;margin: auto;}
.prolist{width: 1350px;margin: auto;padding-top: 30px; height: auto;display: flex;}
.prolist ul{width: 100%; flex: inherit;}
.prolist ul li:hover{box-shadow:1px 2px 3px 4px #ccc}
.prolist ul li{width: 240px;height: 260px;padding: 0; float: left; margin:0 15px 22px 15px;}

.prolist ul li p{height: 80px; text-align: center;background: #fff; padding:0 10px;display: flex;
align-items: center;
justify-content: center;font-size: 16px;color: #464646;text-decoration: none;}



.casebody{width: 100%;margin: auto;text-align: center;display: flex;margin-top: 30px;}
.casebody ul{width: 1360px; margin: auto; flex: inherit;}
.casebody ul li{width: 340px; float: left; }
.casebody ul li a  {width: 100%; float: left;}
.casekuan{width: 290px; float: left;display: flex;padding: 10px;box-shadow:#EAEAEA 0px 0px 10px;margin-top: 30px;}
.casekuan:hover{box-shadow:#8e8e8e 3px 3px 10px;}
.casekuan img{width: 290px;height: 210px; float: left;flex: inherit;}
.casekuan p{width: 290px; float: left;padding-top: 10px;font-size: 14px;height: 50px;display: flex;
    align-items: center;
    justify-content: center;color: #464646}


.tempbody{width: 100%;margin: auto;text-align: center;display: flex;margin-top: 30px;}
.tempbody ul{width: 1350px; margin: auto; flex: inherit;}
.tempbody ul li{width: 270px; float: left; }
.tempbody ul li a  {width: 100%; float: left;}
.tempkuan{width: 230px; float: left;display: flex;padding: 10px;box-shadow:#EAEAEA 0px 0px 10px;margin-top: 30px;}
.tempkuan:hover{box-shadow:#8e8e8e 3px 3px 10px;}
.tempkuan img{width: 230px;height: 307px; float: left;flex: inherit;}
.tempkuan p{width: 230px; float: left;flex: inherit;padding-top: 10px;font-size: 14px;height: 50px;display: flex;
    align-items: center;
    justify-content: center;color: #464646}