*{
    margin: 0;
    padding: 0;
    font-family: "微软雅黑";
    list-style: none;
}
a{
    text-decoration: none;
    color:#000000
}
a:hover{
    cursor: pointer;
}
button:hover{
    cursor: pointer;
}
input,button,select,textarea{
    outline: none;
}

/** 清除内外边距 **/
body,h1,h2,h3,h4,h5,h6,hr,p,blockquote, 
/* structural elements 结构元素*/
dl,dt,dd,ul,ol,li, 
/* list elements 列表元素*/
pre, 
/* text formatting elements 文本格式元素*/
form,fieldset,legend,button,input,textarea, 
/* form elements 表单元素*/
th, td 
/* table elements 表格元素*/
{
	margin: 0;
	padding: 0;
}
h1,h2,h3,h4,h5,h6{
	font-size: 100%;
}
address,cite,dfn,em,var{
	font-style: normal;
}
/* 将斜体扶正*/
code,kbd,pre,samp{
	font-family: courier new, courier, monospace;
}
/* 统一等宽字体*/
small{
	font-size: 12px;
}
/* 小于 12px 的中文很难阅读，让 small 正常化*/
	/** 重置列表元素 **/
ul,ol{
	list-style: none;
}
/** 重置文本格式元素 **/
	

/** 重置表单元素 **/
legend{
	color: #000;
}
/* for ie6*/
fieldset,img{
	border: 0;
}
/* img搭车：让链接里的 img 无边框*/
button,input,select,textarea{
	font-size: 100%;
}
/* 使得表单元素在 ie 下能继承字体大小*/
	/* 注：optgroup 无法扶正*/
	/** 重置表格元素 **/
table{
	border-collapse: collapse;
	border-spacing: 0;
}
/* 处理图像3px问题 */
img{
    vertical-align:middle;
    margin: auto;
}


/* 公用样式 */
.fl{
    float: left;
}

.fr{
    float: right;
}
.clear{
    clear: both;
}
.clearfix:after{
    width: 0;
    height: 0;
    content: '';
    display: block;
    clear: both;
}
/* 版心和标题*/
.container{
    width: 1200px;
    margin: 0px auto;
    overflow: hidden;
}
.container1{
    width: 63%;
    margin: 0px auto;
    position:relative;
    padding-top:38px; 
}
.container .title{
    text-align: center;
    font-size: 32px;
    color: #000;
    margin-bottom: 10px;
}
.container .title_bar{
    width: 30px;
    height: 2px;
    background: #5bb52f;
    margin: 0 auto;
}
.container .describe{
    font-size: 14px;
    text-align: center;
    color: #000;
    padding-top: 12px;
}

/* 头部开始 */

#head{
    width: auto;
    position: relative;
    z-index: 1000;
}
#head .head_top{
    width: auto;
    height: 40px;
    background-color: #f4f3f3;
    display: none;
}
#head .head_top .container p{
    font-size: 14px;
    color: #666;
    line-height: 40px;
}
#head .head_top .container p a:hover{
    color: #5bb52f;
}
#head .head_mid{
    height: 120px;
    display: none;
}
#head .head_mid .container .logo{
    height: 100px;
    margin: 12px 22px 0 0;
    padding-right: 22px;
    border-right: 1px solid #c4c4c4;
}
#head .head_mid .container .logo img{
    width: 230px;
    height: 95px;
}
#head .head_mid .container .font{
    margin-top: 16px;
}
#head .head_mid .container .font h2{
    font-size: 38px;
    color: #181818;
    font-weight: bold;
    padding-top: 4px;
}
#head .head_mid .container .font p{
    font-size: 18px;
    color: #ff7000;
    margin-top:6px;
}
#head .head_mid .container .contact{
    margin-top: 16px;
    padding-top: 18px;
    margin-left: 40px;
}
#head .head_mid .container .contact img{
    padding: 10px 12px 0 0;
}
#head .head_mid .container .contact .contact_font p{
    font-size: 18px;
}
#head .head_mid .container .contact .contact_font h2{
    font-size: 24px;
}
#head .head_mid .container .head_wx{
    vertical-align: middle;
}
#head .head_mid .container .head_wx img{
    max-width: 100px;
    max-width: 100px;
    padding: 10px 0 0 20px;
}
#head .head_mid .container .ew img{
    margin-top: 13px;
}
#head .nav{
    position: fixed;
    top: 0;
    width: 100%;
    height: 120px;
}
#head .nav .container1 .logo1{
    position: absolute;
    left: 45%;
    top: 0;
}
#head .nav .container1 .logo1 a .logo1_img{
    width: 123px;
}
#head .nav .container1 .logo2{
    display: none;
    float: left;
}
.navchange{
    height: 80px!important;
    background: #fff;
    box-shadow: 0px -1px 5px #000;
}
.sublichange{
    margin-left:0!important; 
    width: 110px!important;
}
.subnavchange{
    justify-content: flex-end!important;
}
.contchange{
    padding-top: 0!important;
    width: 70%!important;
}

#head .nav .container1 ul>li{
    line-height: 60px;
    color: #fff;
    text-align: center;
    font-size: 18px;
    width: 100%;
    cursor: pointer;
    position: relative;
}
#head .nav .container1>ul>li a::after{
    content: "";
    position: absolute;
    top: -4px;
    right: 50%;
    width: 0; /* 一开始宽度为0下划线也为0看不出来 */ 
    height: 100%;
    border-bottom: 2px solid #59c724;
    transition: all 0.2s  linear;
}
#head .nav .container1>ul>li a:hover::after{
    width: 100%; /* hover后宽度显示出来下划线也显示出来 */ 
    top: -4px;
   right: 0;
    transition-delay: 0.1s;
    border-bottom-color: #59c724;
    z-index: 10001;
}
#head .nav .container1 ul li:hover .subnav{
    display: block;
}
#head .nav .container1 .subul>li:nth-child(5){
    margin-left: 133px;
}
#head .nav .container1 ul li a{
    color: rgb(0, 0, 0);
}
#head .nav .containe1 ul li:hover{
    background: #59c724;
}

#head .nav .container1 ul li:hover>a{
    color: rgb(0, 0, 0);
    font-weight: bold;
}
#head .nav .container1 ul li .subnav{
    z-index: 100;
    position: relative;
    background: #5bb52f;
    display: none;
}
#head .nav .container1 ul li .subnav li:hover{
    background: #ffffff;
    cursor: pointer;
}
#head .nav .container1 ul li .subnav li:hover a{
    color: #5bb52f;
}
#head .nav .container1 .subul {
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    height: 60px;
    padding:10px 0;
}
/* 头部结束 */


/* banner_box开始 */
.banner_box{
    width: 100%;
    height:160px;
    position: relative;
    margin-top: 60px;
    margin-bottom: 40px;
}
.row{
    display: flex;
    justify-content: space-between;

    z-index: 100;
    width: 1200px;
    border-radius: 10px;
    background-color: #63bb6b; /* 不支持线性的时候显示*/
    background-image: linear-gradient(to right, rgba(99,187,107,1) , rgba(128,194,54,1));
    box-shadow: 0px 6px 12px #cdcdcd;
}
.box{
    margin: 2% 0;
   width: 25%;
    border-right: 3px solid #fff;
    display: flex;
    flex-direction: column;
}
.box .box_text{
    text-align: center;
    margin-top: 18px;
}
.box .box_text span{
    font-size: 22px;
    color: #fff;
}
.box .box_text p{
    color: #fff;
    font-size: 14px;
    margin-top: 3px;
}
.box1{
    border:none;
}

/* banner_box结束 */


body{

}

/* 公司简介新闻开始 */
#video{
    padding:60px 0 ;
}
.video_mp4{

    margin-bottom: 30px;
    margin-left: 24px;
    background: #68bc6224;
}
.video_font{
    width: 45%;
    margin-left: 8%;
}
.about p{
    font-size: 30px;
    font-weight: 600;
    color: #5bb52f;
    text-align: center;
}
.about>p:before{
    display: inline-block;
    
        position: relative;
    
        top:-7px;
    
        right: 20px;
    
        content: "";
    
        width: 15px;
    
        height: 0px;
    
        border: 0.5px solid #444;
}
.about>p::after{
    display: inline-block;
    
        position: relative;
    
        top:-7px;
    
        right: -20px;
    
        content: "";
    
        width: 15px;
    
        height: 0px;
    
        border: 0.5px solid #444;
}
.about hr{
    display: inline-block;
    width: 13px;
    height: 5px;
    border: none;
    background: #5bb52f;
    margin-bottom: 3px;
    margin-right:10px;
}
.about h4{
    color: #9f9f9f;
    text-align: center;
}
.about .jianjie p{
    font-size: 17px;
    color: #464646;
    text-align: left;
    text-indent: 2rem;
    margin-top: 20px;
}
.btn{
    padding: 5px  10px;
    color: #fff;
    font-size: 16px;
    background: #68bc62;
    border: none;
    border-radius: 9px;
    margin-top: 24px;
    float: right;
    box-shadow: -3px 3px 3px #cdcdcd;
}
.btn a{
    color: #fff;
}
.btn1{
    margin-top:0; 
}
.new{width: 100%}
.news{
    margin-top:20px; 
}
.news_center{
    padding: 8px;
    margin: 2px 0;
    font-size: 14px;
    cursor: pointer;
}
.news_center:hover{
    background: #f0f0f0;
    color: rgb(20, 20, 20);
}
.news_center span{
    float: right;
}
.news_center hr{
    display: inline-block;
    width: 13px;
    height: 5px;
    border: none;
    background: #5bb52f;
    margin-bottom: 3px;
    margin-right:10px;
}
/* 公司简介新闻结束 */

/* 合作案例开始 */
.about {
    
}
.index_brand{
    text-align: center;
    padding: 60px 0;
    background: #f5f5f5;
    background:rgba(128,194,54,0.2) url(/template/huiweiyuan/pc/image/diwen.png);
}
.index_meun .index_ml{
    padding: 8px 20px;
    background: #5bb52f;
    display: inline-block;
    cursor: pointer;
    margin: 3% 8%;
}
.index_meun .index_ml a{
    color: #fff;
}
.brand_bg{
    overflow: hidden;
    height: 420px;
}

.brand_box1 ul{
    position: relative;
    overflow: auto;
}
.brand_box1 ul li{
    display: inline-block;
    vertical-align: top;
    padding: 0 9px;
}
.brand_box1 .brand_ul li:first-child {
    width: 55%;
    float: left;
    margin-left: 23px;
}
.brand_box1 .brand_ul li:not(:first-child) {
    float: left;
    height: 200px;
    overflow: hidden;
    width: 38%;
}
.brand_li{
    margin-top:10px;
}
.brand_box1 .brand_ul li{
    overflow: hidden;
}
.brand_box1 .brand_ul li a{
    display: block;
}
.brand_box1 .brand_ul li a .img1{
    width: 660px;
    height: 410px;
}
.brand_box1 .brand_ul li a .img2{
    width: 465px;
    height: 200px;
}
.brand_box1 .brand_ul li a img{
    max-width: 100%;
    height: auto;
    border-radius: 4px;
}
.brand_box2 .brand_ul2 li{
    display: inline-block;
    margin: 0px 6px;
    overflow: hidden;
}
.brand_box2 .brand_ul2 li a img{
    width: 270px;
    height: 400px;
    border-radius:10px; 
}
.rowListblue{height: 0;position: relative;background: rgb(2 2 2 / 60%)!important;top: -600px;width: 100%;text-align: center;color: #fff;transition: all 0.5s ease;}
.rowListblue1{height: 0;position: relative;background: rgb(2 2 2 / 60%)!important;top: -600px;width: 100%;text-align: center;color: #fff;transition: all 0.5s ease;}
.rowListblue a{padding: 7px 20px;position: absolute;left: 50%;top: 50%;transform: translate(-50%, -50%);color: #ffffff;    border: 1px solid #53dd26; border-radius: 4px;}
.rowListblue1 a{padding: 7px 20px;position: absolute;left: 50%;top: 50%;transform: translate(-50%, -50%);color: #ffffff;    border: 1px solid #53dd26; border-radius: 4px;}
.brand_box1 .brand_ul li:hover .rowListblue{ top: -200px;height: 100%;z-index: 100}
.brand_box1 .brand_ul li:hover .rowListblue1{ top: -410px;height: 410px;z-index: 100}
.brand_box2 .brand_ul2 li:hover img{transform: scale(1.1);transition: all 1s;}

.brand_box2{
    display: none;
}
.index_meun .index_ml:hover .brand_bg .brand_box2{
    display: block!important;
}


/* 合作案例结束 */

/* 产品开始 */
#product{
    padding: 60px 0;
}
#product .container .product_left{
    width: 300px;
    margin-right: 40px;
}
#product .container .product_left .nav_top{
    width: 300px;
    height: 90px;
    background: #5bb52f;
}
#product .container .product_left .nav_top h1{
    font-size: 30px;
    font-weight: bold;
    color: #fefefe;
    padding: 14px 0 2px 30px;
}
#product .container .product_left .nav_top p{
    font-size: 14px;
    color: #fefefe;
    padding-left: 30px;
}
#product .container .product_left .nav1 ul{
    margin-bottom: 28px;
}
#product .container .product_left .nav1 ul li{
    height: 70px;
    line-height: 70px;
    font-size: 18px;
    padding-left: 18px;
    border-bottom: 1px solid #e3e3e3;
}
#product .container .product_left .nav1 ul li a{
    padding-left: 12px;
    color: #000;
}
#product .container .product_left .nav1 ul li a:hover{
    color: #5bb52f;
}
#product .container .product_left .nav_bot{
    background: url(../image/kefu.jpg) no-repeat;
    width: 300px;
    height: 140px;
    margin-top: 170px;
}
#product .container .product_left .nav_bot img{
    padding:16px 0 0 126px;
}
#product .container .product_right .right_bot .bot .bot_box{
    overflow: hidden;
}
#product .container .product_right .right_bot .bot .bot_box:hover img{
    transform: scale(1.1);transition: all 1s;
}
#product .container .product_left .nav_bot h2{
    color: #666666;
    font-size: 16px;
    padding: 18px 0px 0px 140px;
    font-weight: normal;
}
#product .container .product_left .nav_bot p{
    font-size: 20px;
    color: #5bb52f;
    padding: 6px 0 0 140px;
}
#product .container .product_left .nav_bot button{
    width: 100px;
    height: 35px;
    border: 1px solid #5bb52f;
    background: none;
    text-align: center;
    font-size: 14px;
    margin: 16px 0 0 140px;
}
#product .container .product_left .nav_bot button:hover{
    background: #5bb52f;
}
#product .container .product_left .nav_bot button:hover a{
    color: #fff;
}
#product .container .product_left .nav_bot button a{
    color: #5bb52f;
}
#product .container .product_left .nav_bot button a:hover{
    color: #fff;
}
#product .container .product_right{
    width: 860px;
}
#product .container .product_right .right_top{
    height: 50px;
    width: 858px;
    border-bottom: 1px solid #e1e1e1;
}
#product .container .product_right .right_top h2{
    font-size: 24px;
    font-weight: bold;
    line-height: 49px;
    color: #5bb52f;
    border-bottom: 3px solid #5bb52f;
}
#product .container .product_right .right_top p{
    font-size: 14px;
    color: #666666;
    line-height: 50px;
}
#product .container .product_right .right_top p a:hover{
    color: #5bb52f;
}
#product .container .product_right .right_bot{
    margin-top: 20px;
}
#product .container .product_right .right_bot .bot{
    margin: 0px 24px 20px 0px;
}
#product .container .product_right .right_bot .bot:nth-child(3n+0){
    margin-right: 0px;
}
#product .container .product_right .right_bot .bot .bot_box{
    width: 260px;
    height: 180px;
    border: 1px solid #c1c1c1;
    padding: 4px;
    text-align: center;
}
#product .container .product_right .right_bot .bot .bot_box a img{
    width: 260px;
    height: 180px;
}
#product .container .product_right .right_bot .bot:hover p a{
    color: #5bb52f;
}
#product .container .product_right .right_bot .bot p{
    font-size: 14px;
    padding-top: 6px;
    text-align: center;
}
#product .container .product_right .right_bot .bot p a{
    color: #000;
}
#product .container .product_right .right_bot .bot p a:hover{
    color: #5bb52f;
}
/* 产品结束 */

/* 合作伙伴开始 */
.customer{
    background: #f5f5f5;
    padding:60px 0;
    background: url(/template/huiweiyuan/pc/image/bg_4.jpg);
    background-repeat: no-repeat;
    background-attachment: fixed;
}
.partner_box{
    margin: 0 auto;
    text-align: center;
    overflow: auto;
    padding-top: 80px;
    padding-bottom: 45px;
}
.partner_box ul{
    display: flex;
    -webkit-display:flex;
    justify-content: center;
}
.partner_box ul li{
    display: inline-block;
    width: 120px;
    height: 120px;
    overflow: hidden;
    margin: 0 47px;
    transform: rotate(45deg);
    display: flex;
    -webkit-display:flex;
    justify-content: center;
    box-shadow: 10px 3px 11px 0 #8f8f8fa6;
    background: #fff;

}
.partner_box ul li img{
    transform: rotate(-45deg);
}
.hzkh1{
    color: #68fb20!important;
}
.hzkh{
    color: #fff!important;
}
/* 合作伙伴结束 */

/* 样品试用开始 */
.try{
    margin-bottom: 60px ;
    

}
.try_left{
    padding: 44px 59px 52px;  
    margin-top: 60px;
    border-right: 1px solid #a3a3a3; 
    width: 40%;
    text-align: center;
    background: #f2f9ef;
}
.try_left h6{
    font-size: 30px;
    padding-left: 68px;
    text-align: left;
}
.try_left h6 span{
    font-size: 15px;
    margin-left:10px;
}
.try_left h6 span span{
    color: #ff7802;
    margin-left:0; 
}
.try_input{
    padding:10px;
}
.try_input input{
    margin:18px 6px;  
    outline-style: none ;
    border: 1px solid #ccc; 
    padding: 5px 10px;
    width: 270px;
    font-size: 15px;
    background: #f2f9ef;
}
.try_input input:focus{
    border-color: #f2f9ef;
    outline: 0;
    -webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.075),0 0 8px rgba(102,175,233,.6);
    box-shadow: inset 0 1px 1px rgba(0,0,0,.075),0 0 8px rgba(102,175,233,.6)
}
.try_left button { 
    padding:8px;  
    color: #ffffff;  
    text-align: center; 
    vertical-align: middle;  
    font-size:16px;
    background: #5bb52f;
    border:none;
    width: 224px;
}
.try_left button:hover{
    border-color: #f2f9ef;
    outline: 0;
    -webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.075),0 0 8px #ff740269;
    box-shadow: inset 0 1px 1px rgba(0,0,0,.075),0 0 8px #ff740269;
}
.try_right{
    padding: 46px 52px 23px;  
    margin-top: 60px;
    width: 41%;
    background: #f2f9ef;
}
.try_right p{
    font-size: 28px;
    letter-spacing: 2px;
    text-align: center;
}
.try_right p span{
    color: #ff7802; 
    letter-spacing: 0;
}
.try_right .try_yr{
    margin: 15px;
}
.try_right .try_yr ul li{
    line-height: 35px;
    padding-left: 15px;
    cursor: pointer;
}
.try_right .try_yr ul li span{
    margin: 0 42px;
}
/* 样品试用结束 */

/* 尾部开始 */
#footer{
    width: auto;
    background: #333;
    margin-top: 40px;
}
#footer .container ul{
    padding-top: 46px;
    margin-right: 78px;
}
#footer .container ul li{
    padding-bottom: 10px;
}
#footer .container ul li a{
    font-size: 14px;
    color: #999;
}
#footer .container ul li a:hover{
    color: #fff;
}
#footer .container ul .footer_title a{
    font-size: 16px;
    color: #fff;
}
#footer .container ul .footer_bar{
    margin: 14px 0;
    width: 28px;
    height: 1px;
    border-bottom: 2px solid #666;
}
#footer .container .footer_wx{
    padding-top: 44px;
    width: 150px;
    margin-right: 25px;
}
#footer .container .footer_wx img{
    max-width: 150px;
    max-height: 150px;
}
#footer .container .footer_wx p{
    font-size: 16px;
    color: #fff;
    text-align: center;
    padding-bottom: 10px;
}
#footer .container h2{
    text-align: center;
    font-size: 14px;
    color: #999;
    font-weight: normal;
    padding: 22px 0 18px 0;
}
#footer .container h2 a{
    color: #999;
}
/* 尾部结束 */