html, body {
    width: 100%;
    margin: 0;
    padding: 0;
    position: relative;
    font: 14px/24px "微软雅黑", Arial, Helvetica, sans-serif;
    overflow-x: hidden;
    color: #333;}
ul, li, p, img, b, ol, em, a, h1, h2, h3, h4, h5, h6, dl, dd, dt {
    list-style-type: none;
    margin: 0;
    padding: 0;
    border: none;
    font-style: normal;
    text-decoration: none;
    font-weight: initial;
}
#dituContent img {
    max-width: inherit;
}
img {
    max-width: 100%;
    display: block;
}
a:link, a:visited {
    color: inherit;
    font-size: inherit;
}
.fl {
    float: left;
}

.fr {
    float: right;
}
.container {
    width: 1600px;
    margin: auto;
}
.bg{
    width: 100%;
    height: 100%;
    position: absolute;
    z-index:-1;
    left: 0;
    top: 0;
}
.bg img{
    width: 100%;
    height: 100%;
    display: block;
}
.clear{
    overflow: hidden;
}
.six_box ul li:hover h4,.txt1 b, .two_nav ul li.on a,a.zx,.one_nav ul li:hover a,.title h4 i {color: #1e9d59;}
.six_box ul li:after,.six_box ul li:nth-child(1) .fr span:after,.six_nav ul li.on,.one1 .hd ul li:hover,.one1 .hd ul li.on,.banner .prev, .banner .next,.two_nav h5  {background: #1e9d59;}
.two_nav ul li.on {border-bottom: 1px solid #1e9d59;}
.treepage h2,.propage h2, .newspage h2,.bottom .dhzx {background:#1e9d59;}
.newspage li:before,.tlee.fr h2  b{
    color: #1e9d59;
}

/**toubu**/
.header {width: 100%;height: 115px;
    background: #fff;}

.logo {width: 20%;height: 115px;align-items: center;display: flex;}

.logo img {max-height: 100%;}
.nav {width: 63%;margin: 0 2%;}

.nav  li {float: left;position: relative;width: 16%;text-align: center;line-height: 115px;}

.navboxs {position: absolute;width: 100%;background: #fff;top: 110px;left: 0;z-index: 2;display: none;}

.navboxs li {float: none;width: 100%;line-height: 41px;}

.nav li:hover ul {display: block;}

.nav li a {display: block;font-size: 18px;}

.navboxs li a {font-size: 14px;}

.qh {width: 13%;text-align: center;line-height: 115px;}

.qh a {display: inline-block;font-size: 16px;margin: 0 9px;}

.nav li:hover>a,.nav li a.cur {background: #039c59 url(../image/nav.png) no-repeat center bottom;color:#fff;}

.navboxs li a:hover {background-image: none;}
/**banner**/
.banner {width: 92%;float: right;position: relative;}

.banner ul li img,.banner ul li {width: 100%;}
.banner .prev, .banner .next {position: absolute;border-radius: 35px 0 0 35px;
    display: block;
    width: 70px;
    height: 70px;
    transition: 0.5s;text-align: center;line-height: 70px;color: #fff;font-family: '宋体';font-size: 30px;bottom: 24%;cursor: pointer;}
  .banner .prev {left: -70px;}
  
  .banner .next {border-radius: 0 35px 35px 0;left: 0;}
.banner1 {
	width:100%;
}
.banner1 img {
	width:100%;
}
.banner_m{
    width: 100%;
    position: relative;
    overflow: hidden;
}
.banner_m img{
    width: 100%;
    display: block;
}
.banner_m{
display: none;    
}

/**banner**/
.one {width: 100%;position: relative;padding: 70px 0;overflow: hidden;}
.one .bg {height: auto;}
.one .bg img {height: auto;}
.one_nav {width: 100%;overflow: hidden;}
.one_nav .title {float: left;}
.one_nav ul {float: right;	width:46%;}
.one_nav ul li {float: left;width: 25%;line-height: 37px;list-style-type: circle;}

.title h4 {font-size: 36px;
    line-height: 34px;
    color: #333;
    margin-bottom: 22px;font-weight: bold;}

.title h4 i {font-style: inherit;}

.title p {font-size: 22px;letter-spacing: 4px;color: #cfcfcf;font-weight: bold;}

.title {margin-bottom: 30px; background: url(../image/bt.png) no-repeat left 25px;box-sizing: border-box;padding-left: 30px;}

.one_nav ul li a {display: block;font-size: 16px;text-align: left;width: 100%;overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;}
.one1 {width: 100%;overflow: hidden;margin-top: 15px;}

.one1 .bd {width: 45%;float: left;}

.one1 .bd ul li h3 {width: 100%;
    position: absolute;
    bottom: 0px;
    left: 0px;
    line-height: 100px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    text-align: center;
    transition: 0.5s;
    letter-spacing: 2.8px;
    font-size: 24px;color: #fff;}

.one1 .bd ul li {width: 100%;position: relative;overflow: hidden;}

.one1 .bd ul li img {width: 100%;display: block;transition: all 0.4s;}

.one1 .bd ul li:hover img {transform: scale(1.1);}

.one1 .hd {width: 50%;float: right;}

.one1 .hd ul li{float: right;width: 30%;margin: 0 1.5%;text-align: center;box-sizing: border-box;
    background-color: #ffffff;
    border-radius: 30px;
    border: solid 1px #dddddd;
    cursor: pointer;
    position: relative;
    transition: 0.5s;
    font-size: 18px;
    line-height: 18px;padding: 20px 0 30px 0;}

.imgs {width: 47px;
    height: 43px;
    display: block;
    overflow: hidden;
    margin: 23px auto 48px;}

.one1 .hd ul li:after {content: "";width: 2px;
    height: 20px;
    background-color: #ddd;
    margin: 14px auto;
    transition: 0.3s;position: absolute;left: 49%;bottom: 27%;}

.one1 .hd ul li h3 {font-size: 16px;overflow: hidden;white-space: nowrap;text-overflow: ellipsis;color: #666;}

.one1 .hd ul li:hover .tu,.one1 .hd li.on .tu {display: none;}

.one1 .hd ul li:hover .tu1,.one1 .hd li.on .tu1 {display: block;}

.imgs img {width: 91%;display: block;margin: auto;}

.tu1 {display: none;}
.one1 .hd ul li:hover h3,.one1 .hd ul li.on h3 {color: #fff;}

.one2 {overflow: hidden;float: right;width: 50%;margin-top: 100px;
    height: 62px;
    line-height: 62px;}

a.zx {width: 184px;
    height: 62px;
    background: #ffffff url(../image/zx.png) no-repeat 44px center;
    border: solid 1px #039c59;
    display: block;
    font-size: 16px;
    line-height: 62px;
    box-sizing: border-box;
    padding-left: 76px;
    float: left;}

a.zx1 {float: left;
    width: calc(100% - 185px);
    height: 62px;
    background: #039c59 url(../image/8.png) no-repeat 42px center;
    color: #fffefe;
    font-size: 23px;
    
    box-sizing: border-box;
    padding-right: 50px;padding-left: 74px;}
    .two_nav {width: 100%;overflow: hidden;height: 90px;
        background-color: #ffffff;
        box-shadow: 0px 0px 15px 0px rgb(0 0 0 / 6%);
        border-radius: 30px 0px 0px 0px;margin-bottom: 30px;}
    
    .two_nav h5 {font-weight: 500;
        float: left;
        width: 180px;
        height: 90px;
        border-radius: 30px 0px 30px 0px;
        line-height: 90px;
        text-align: center;
        font-size: 20px;
        color: #fff;}
    
    .two_nav ul {width: calc(100% - 185px);float: right;}
    
    .two_nav ul li {float: left;
        width: 16%;
        height: 90px;
        transition: 0.5s;
        box-sizing: border-box;
        
        border-top: 1px solid transparent;text-align: center;line-height: 90px;}
    
    .two_nav ul li a {display: block;font-size: 16px;}
    
    .two_box {width: 100%;}
    
    .two_box ul {overflow: hidden;}

    .two_box ul li {width: 32.66%;float: left;margin-right: 1%;margin-bottom: 1%;border: 1px solid #eee;box-sizing: border-box;padding: 10px;}

    .two_box ul li:nth-child(3n) {margin-right: 0;}
    
    .img {width: 100%;overflow: hidden;}
    
    .two_box ul li img {width: 100%;height: 295px;transition: all 0.4s;}
    
    .two_box ul li:hover img {transform: scale(1.1);}
    
    .two_box ul li h4 {height: 50px;
        display: block;
        background: url(../image/12.png) no-repeat 7px center;
        transition: 0.5s;
        color: #666666;text-align: center;line-height: 50px;overflow: hidden;white-space: nowrap;text-overflow: ellipsis;width: 100%;background-size: 96% auto;}

        .two_nav ul li.on a {font-weight: bold;}
        .three {width: 100%;position: relative;padding: 70px 0;margin-top: 65px;}
        .three ul li {width: 100%;overflow: hidden;margin-bottom: 56px;}

        .three ul li {width: 100%;overflow: hidden;}
        
        .title1 {width: 100%;text-align: center;padding-top: 30px;margin-bottom: 30px;position: relative;z-index: 1;}
        
        .title1 h4 {font-size: 32px;
            line-height: 32px;
            font-weight: bold;
            color: #333;height: 46px;}
        
        .title1 h4 b {display: block;color: #e5f5ee;font-size: 55px;position: relative;top: -52px;z-index: -1;font-weight: bold;text-transform: uppercase;}
        
        .title1 p {letter-spacing: 4.2px;
            color: #999999;
            
            font-size: 14px;}
        
        .three ul {width: 100%;}
        
        .img1 {width: 30%;}
        
        .txt {width: 32%;margin: 1%;}
 .txt1 {width: 100%;overflow: hidden;margin-bottom: 19px;box-sizing: border-box;border: 1px solid #eee;padding: 17px;}

        .txt1 b {font-weight: bold;font-size: 62px;float: left;padding: 15px 0;display: block;}
        
        .txt1 h4 {width: calc(100% - 100px);float: right;font-size: 24px;font-weight: bold;margin-top: 3px;}
        
        .txt1 h4 b {font-size: 16px;float: none;color: #a19d9d;font-weight: 100;padding: 0;margin-top: 6px;}
        
        .txt p {color: #999999;
            font-size: 14px;margin-top: 10px;}
            .four {width: 100%;padding: 70px 0;background: url(../image/dian.png) no-repeat top right;background-size: 25%;}

            .title span {position: absolute;right: 0;top: 26px;font-size: 18px;color: #666;}
            
            .title {position: relative;}
            
            .four{overflow: hidden;}
            
            .four  ul li {width: 33%;float: left;box-sizing: border-box;padding: 16px;}
            
            .four  ul li:hover img {transform: scale(1.2);}
            
            .four  ul li img {width: 100%;transition: all 0.4s;height: 280px;}
            
            .four  ul li h4 {text-align: center;font-size: 16px;height: 50px;line-height: 50px;overflow: hidden;white-space: nowrap;text-overflow: ellipsis;color: #666;background: #fafafa;}

            .five {width: 100%;overflow: hidden;background: #fbfbfb;padding: 70px 0;}

            .five .fl {width: 47%;}
            .five .fl ul li img {
	margin:auto;
	display:block;
	width:100%;
}
            .five .fr {width: 45%;}
            
            .five .fl .h3 {margin: 55px 0 20px 0px;
                box-sizing: border-box;
                
                height: 25px;
                
                font-size: 20px;
                line-height: 20px;
                font-weight: bold;
                color: #333;position: relative;z-index: 2;}
            
.five .fl .h3:after {content: "";width: 100px;height: 5px;background: #8dcbaf;position: absolute;left: 0;bottom: 4px;z-index: -1;}
            
            .five .fl .p {line-height: 36px;
                letter-spacing: 0px;
                color: #666666;
                margin-bottom: 35px;
                font-size: 14px;
                display: -webkit-box;
                overflow: hidden;
                text-overflow: ellipsis;
                -webkit-box-orient: vertical;
                -webkit-line-clamp: 3;width: 100%;}
            
            .five .fl ul {width: 100%;overflow: hidden;}
            
            .five .fl ul li {width: 44%;float: left;margin-right: 3%;border: 1px solid #eee;box-sizing: border-box;padding: 10px;}
            .five .fr img {width: 100%;display: block;}
            .six_nav {float: right;width: 55%;}
            .six {width: 100%;background: url(../image/dian.png) no-repeat top right;padding-top: 70px;background-size: 25%;margin-bottom: 70px;position: relative;}

            .six_nav ul {text-align: right;}
            
            .six_nav ul li {display: inline-block;width: 150px;
              line-height: 40px;
              border-radius: 20px;
              box-sizing: border-box;
              font-size: 16px;
              background: #fafafa;
              transition: 0.5s;text-align: center;margin: 0 12px;}
            .six_nav ul li.on a {color: #fff;display: block;}

            .six_box {width: 89%;overflow: hidden;float: right;}

.six_box ul li:nth-child(1) {width: 100%;overflow: hidden;float: none;background: #f7fbfa;margin-top: 0;padding: 0;}
            
            .six_box ul li:nth-child(1) img {width: 45%;float: left;height: 232px;}
            
            .six_box ul li:nth-child(1) .fr {width: 52%;box-sizing: border-box;padding: 28px 10px;}
            .six_box ul li:nth-child(1) .fr h4 {font-size: 17px;
                line-height: 16px;
                overflow: hidden;
                text-overflow: ellipsis;
                white-space: nowrap;
                color: #333;margin-bottom: 10px;padding: 5px 0;}
            
            .six_box ul li:nth-child(1) .fr p {line-height: 30px;
                letter-spacing: 0px;
                color: #666666;
                margin: 10px 0 35px;
                display: -webkit-box;
                overflow: hidden;
                text-overflow: ellipsis;
                -webkit-box-orient: vertical;
                -webkit-line-clamp: 2;
                font-size: 14px;height: auto;}
            
            .six_box ul li:nth-child(1) .fr span {
                height: 9px;
                display: block;
                font-family: arial;
                font-size: 20px;
                color: #666;
                line-height: 10px;position: relative;z-index: 2;}

            .six_box ul li:nth-child(1) .fr span:after {content: "";width: 38px;height: 4px;position: absolute;left: 0;bottom: 0px;z-index: -1;}       
            .six_box ul li {width: 32.33%;float: left;margin-right: 1%;margin-top: 3%;background: #f7fbfa;box-sizing: border-box;padding: 16px;position: relative;overflow: hidden;border-radius: 12px;}

            .six_box ul li h4 {font-size: 16px;margin-bottom: 10px;color: #333;overflow: hidden;white-space: nowrap;text-overflow: ellipsis;}
            
            .six_box ul li p {font-size: 12px;color: #888;height: 48px;overflow: hidden;}
            
            .six_box ul li:after {content: "";width: 20px;height: 20px;border-radius: 50%;position: absolute;right: 0;bottom: -10px;}
            .six .container {overflow: hidden;}
            
            .six:after {content: "";width: 33%;height: 86%;background: url(../image/9.png) no-repeat;position: absolute;left: 0;top: 23%;z-index: -1;}
            .foot {width: 100%;position: relative;overflow: hidden;padding: 70px 0;color: #fff;}

            .foot ul li a {color: #fff;display: block;}
            
            .foot_nav {width: 15%;box-sizing: border-box;padding-left: 36px;position: relative;}
            
            .foot_img {width: 17%;}
            
            .foot_dz {width: 31%;}
            
            .foot_nav h3 {font-size: 16px;
                line-height: 16px;
                font-weight: bold;
                color: #fff;
                margin-bottom: 18px;}
            
            .foot_nav:after {content: "";width: 30px;height: 2px;background: #fff;position: absolute;left: 0;top: 6px;}
            
            .foot_nav ul li {line-height: 38px;}
            
            .foot_img img {width: 90%;margin: auto;border: 1px solid #bfe4ca;padding: 10px;box-sizing: border-box;}
            
            .foot_img h4 {text-align: center;font-size: 16px;margin-top: 12px;}
            
            .foot_dz ul li {line-height: 35px;font-size: 16px;}
            
            .foot .container:after {content: "";background: rgba(0, 0, 0, 0.3);position: absolute;width: 37%;height: 500px;right: 0;top: -68px;z-index: -1;}
            .foot .container {position: relative;}
.footer {
	width:100%;
	
	font-size:12px;
background: #126b3d;color: #fff;padding: 10px 0;}
/**ty**/
.Tc {
    display: none;
    width: 100%;
    height: 100%;
    position: fixed;
    z-index: 999;
    background: rgba(0, 0, 0, 0.5);
    top: 0px;
    left: 0px;
    }
    
    .Tcs {
    background: #fff;
    width: 70%;
    height: 343px;
    position: absolute;
    left: 50%;
    margin-left: -35%;
    top: 50%;
    margin-top: -171.5px;
    border-radius: 10px;
    padding: 20px 10px;
    box-sizing: border-box;
    text-align: center;
    }
    
    .Tc_gb {
    position: absolute;
    right: 0px;
    width: 30px;
    height: 30px;
    font-size: 30px;
    text-align: center;
    top: 0px;
    transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    -webkit-transform: rotate(45deg);
    }
    
    .Tcs img {
    width: 100px;
    height: 100px;
    display: block;
    margin: 0 auto 5px;
    box-shadow: 0px 0px 3px 3px #eee;
    }
    
    .Tcs .Tc_dt {
    width: 150px;
    height: auto;
    margin: 15px auto 0;
    display: block;
    box-shadow: initial;
    }
    
    #weixin {
    line-height: 30px;
    display: inline-block;
    font-size: 15px;
    }
    
    #copy_btn {
    background: #000;
    border: none;
    line-height: 30px;
    width: 160px;
    border-radius: 5px;
    margin: 5px auto 0px;   
     color: #fff;
    }
    
    .Tcs p {
    line-height: 30px;
    }
    /**底部**/
    .bottom {
    position: fixed;
    bottom: 0px;
    width: 100%;
    overflow: hidden;
    z-index: 555;
    display: none;
    padding: 5px 0;
    background: #fff;
    }
    
    .bottom li {
    float: left;
    width: 20%;
    text-align: center;
    }
    
    .bottom .dhzx, .bottom .wxs {
    width: 38%;
    border-radius: 20px;
    line-height: 40px;
    margin: 0 1%;
    border: 1px solid #ccc;
    box-sizing: border-box;
 }
    
    .bottom .wxs {
    background: none;
    }
    
    .bottom .dhzx a, .bottom .wxs a {
    display: block;
    font-size: 14px;
    }
    
    .bottom li img {
    display: block;
    margin: auto;
    height: 20px;
    }
    
    .bottom .dhzx img, .bottom .wxs img {
    display: inline-block;
    vertical-align: middle;
    margin-right: 10px;
    }

/**友链**/
.interlink {
    padding: 10px 0;
overflow: hidden;width: 100%;margin-bottom: 30px;}

.interlink__inner {
    width: 1600px;
    margin: auto;
    overflow: hidden;
position: relative;}

.interlink__title {

    text-align: right;line-height: 42px;
    height: 40px;
    font-weight: bold;
    font-size: 16px;
    color: #333;
    font-family: "Microsoft yahei";position: relative;float: left;background: url(http://static2.fuhai360.com/n230828/css/images/links.png) no-repeat bottom left;width: 116px;padding: 0px 0 21px 0;}

.interlink__list {
    
    overflow: hidden;float: left;margin-left: 22px;margin-top: 24px;}

a.interlink__item {
    margin: 0px 10px 0 0;
    font-size: 14px;
color: #333;}

/**主题**/


/**内页**/

.page_fl {
    width: 100%;
overflow: hidden;}

.page_fr {
    width: 100%;
margin-top: 40px;}

.main_top {
    line-height: 50px;
    height: 50px;
    overflow: hidden;
    width: 100%;
    background: url(../image/tb.png) no-repeat left;
    color: #666;
    padding-left: 25px;
border-bottom: 1px solid #f2f2f2;margin-bottom: 16px;}

/*fy*/
.pading {
    text-align: center;
    margin-top: 20px;
}
.pading a, .pading span {

    padding: 3px 12px;
    display: inline-block;
    margin: 0px 5px;
    color: #333;
    border: 1px solid #eee;
}
/*dt*/
.propage, .treepage, .newspage {
    width: 100%;
    margin-bottom: 10px;
    overflow: hidden;
    box-sizing: border-box;
background: #ffffff;
  border: 1px solid #eaeaea;}

.treepage li {
    position: relative;
text-align: center;background: #f9f9f9;width: 14.65%;float: left;margin: 1%;}

.treepage li a {
    font-size: 16px;
    color: #333;display: block;
    width: 100%;
    line-height: 50px;
    height: 50px;
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
    
border-bottom: 1px solid #ededed;box-sizing: border-box;
}
.treepage ul {width: 100%;overflow: inherit;}
.treepage li ul {
    
display: none;width: 100%;margin: auto;position: absolute;left: 0;top: 47px;z-index: 22;}
ul.subTree li {background: #fff;width: 100%;float: none;}

ul.subTree li a {height: 50px;line-height: 50px;background: none;font-size: 15px;}
.treepage li:hover ul {
    display: block;
}
/**/
.propage, .newspage {
    margin: 1%;
width: 48%;float: left;}
.propage h2, .newspage h2 {
    font-size: 18px;
    text-transform: uppercase;
    line-height: 53px; 
text-align: center;
    color: #ffffff;
  }
.newspage li {
    box-sizing: border-box;
    width: 100%;
    border-bottom: 1px dashed #ccc;
    line-height: 40px;
    position: relative;
    height: 40px;
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
    padding-left: 20px;
    box-sizing: border-box;
}

.newspage li:before {
    content: '<';
    position: absolute;
    left: 0px;
    top: 13px;
font-family: '宋体';
width: 15px;height: 15px;border-radius: 50%;line-height: 15px;text-align: center;
font-weight: bold;font-size: 12px;}
.propage .con {
    margin-top: 10px;
}
/*cp*/

.product_ul {
    width: 100%;
}
.product_ul ul {
    overflow: hidden;
width: 100%;}

.product_ul li {
    width: 32.3%;
    float: left;
    margin-right: 1.5%;
border: 1px solid #f3f3f3;
box-sizing: border-box;
margin-bottom: 1.5%;box-shadow: 0 0 10px rgb(0 0 0 / 10%);}

.product_ul li:nth-child(3n) {
    margin-right: 0;
}

.product_img {
    width: 100%;
    display: flex;
    height: 220px;
    align-items: center;
    
overflow: hidden;margin-bottom: 10px;box-sizing: border-box;}

.product_img img {
    margin: auto;
    display: block;
    height: 100%;
transition: all 0.4s;}

.product_ul li h4 {
    text-align: center;
    line-height: 50px;
    height: 50px;
    
    box-sizing: border-box;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
    
color: #333;background: #eee;}

.propage li {
    float: left;
    width: 49%;
}

.propage li:nth-child(2n) {
    float: right;
}


.propage_img {
    display: flex;
    align-items: center;
    width: 100%;
    height: 160px;
    background: #eee;
}

.propage li img {
    margin: auto;
    height: 100%;
    display: block;
}

.propage li h4 {
    line-height: 30px;
    text-align: center;
    height: 30px;
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
    padding: 0 2%;
    box-sizing: border-box;
font-size: 12px;}
/**/

.product_imgs {
    margin-bottom: 20px;
}

.product_imgs_fl {
    width: 49%;
    position: relative;
}

.product_imgs_fl .imga img {
    margin: auto;
    display: block;
    height: 100%;
}

.product_imgs_fl .imga {
    margin-bottom: 5px;
    overflow: hidden;
}

.imga .swiper-slide {
    background: #eee;
    display: flex;
    align-items: center;
    height: 250px;
}


.product_text {
    width: 49%;
}

.product_text h2 {
    line-height: 50px;
    height: 50px;
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
    font-size: 20px;
    border-bottom: 1px dashed #000;
    margin-bottom: 10px;
}

.product_text p {
    color: #868686;
    line-height: 30px;
    font-size: 15px;
    height: 180px;
    overflow: hidden;
}

/**/

.main_next {
    overflow: hidden;
    width: 100%;
    margin-top: 20px;
}

.main_next .prevrecord, .main_next .nextrecord {
    margin: 5px 0px;
    display: block;
    font-size: 16px;
}

.main_next b {
    text-align: center;
    display: inline-block;
}
/**/

.xgwz, .xgcp {
    background: #f7f7f7;
    padding: 20px;
    box-sizing: border-box;
    margin-bottom: 10px;
    margin-top: 20px;
}

/**/

h4.related {
    border-bottom: 1px dashed #ccc;
    font-size: 22px;
    line-height: 40px;
}

h4.related span {
    display: inline-block;
}

.relatedlist {
    margin: 0 10px;
    padding: 10px 0;
    overflow: hidden;
}

ul.relate_news li a {
    color: inherit;
    display: block;
    border-bottom: 1px dashed #ccc;
    height: 46px;
    line-height: 46px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    font-size: 16px;
}

ul.relate_pr li {
    width: 20%;
    float: left;
}
ul.relate_pr li a {
    color: inherit;
    display: block;
    margin: 5px;
    text-align: center;
    line-height: 30px;
}
ul.relate_pr li img {
    display: block;
    height: 105px;
    margin: auto;
}
ul.relate_pr p {
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}
ul.relate_news li a:hover, ul.relate_pr p:hover {
    font-weight: bold;
}
/**/
.article li {
    border: 1px dashed #ccc;
    box-sizing: border-box;
    padding: 10px 20px;
    overflow: hidden;
width: 100%;
margin: 1% 0;}
.article li span {
    display: block;
    
    
text-align: left;}
.article li span {color: #666;font-size: 12px;}
.article li h4 {
    font-size: 18px;
    line-height: 40px;
    height: 40px;
    font-weight: bold;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
width: 83%;}
.article li p {
    height: 72px;
    color: #666;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 3;
    display: -webkit-box;
    overflow: hidden;
}
/**/
.Article_text {
    text-align: center;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
    font-size: 28px;
    color: #666;
    line-height: 40px;
    height: 40px;
    padding: 0 2%;
    box-sizing: border-box;
}
.info {
    text-align: center;
    color: #888;
    line-height: 30px;
    border-bottom: 1px dashed #999;
    height: 30px;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
    padding-bottom: 10px;
}

.detail {
    margin-top: 20px;
}
/****/
.page_banner img {
    width: 100%;
    display: block;
}
.propage ul, .newspage ul {width: 100%;box-sizing: border-box;padding: 0 10px;}
.product_img:hover img {transform: scale(1.1);}
.product_texts {width: 100%;overflow: hidden;}
.product_imgs.clear {overflow: hidden;}
.page .foot {
    overflow: hidden;
    margin-top: 50px;
}
.treepage h2 b {font-size: 16px;display: block;}
.article {width: 100%;overflow: hidden;}
.treepage {
	overflow:initial;
	height:140px;
}
.treepage li ul {
	background:#fff;
}




@media only screen and (max-width:1600px) {
    .container,.interlink__inner {
width: 1200px;
    }
  
}

@media only screen and (max-width: 1200px) {
    .container,.interlink__inner {
        width:960px;
    }
    .nav li a {font-size: 16px;}

    .qh a {font-size: 14px;margin: 0 11px;}
    
    .qh {width: 15%;}
    
    .nav {width: 61%;}

    .one1 .hd ul li {padding: 10px 0 20px 0;}
    
    .one2 {margin-top: 78px;}
    
    .one2 {font-size: 15px;}
    
    a.zx1 {font-size: 14px;}
    
    .two_box ul li img {height: 252px;}
    
    .four ul li img {height: 225px;}
    
    .five .fl .h3 {margin-top: 17px;margin-bottom: 10px;}
}

@media only screen and (max-width:768px) {
    .container,.interlink__inner {
        width:96%;
    }
    .bottom, .banner_m {
        display: block;
    }
    .banner{
        display: none;
    }

.logo.fl {width: 46%;height: 100px;margin-right: 0;}

    .nav {position: fixed;
        background: rgba(0,0,0,0.6);
        width: 100%;
        height: 100%;
        float: none;
        top: 0;
        left: 0;
        display: none;
        z-index: 22222;
        margin-left: 0;
        border: 0;}
    .navs b {
        display: block;
        width: 20px;
        height: 2px;
        margin: 4px auto;
        border-radius: 4px;
        position: relative;
  background: #333;}
    .nav_button {
        position: absolute;
        top: 0;
        left: 43%;
        width: 30px;
        height: 30px;
        background: url(../image/close.png) no-repeat;
        display: block;
        z-index: 22222;
        background-size: 20px;
    }
    .nav.fr {
        position: fixed;

        width: 100%;
        height: 100%;
        float: none;
        top: 0;
        left: 0;
        display: none;
        z-index: 222;
        margin-left: 0;
        border: 0;
    background: rgba(0,0,0,0.4);margin-top: 0;}
    .navs {
        width: 25px;
        border-radius: 5px;
        position: absolute;
        top: 55%;
        right: 17px;
    }
    .nav ul {
        width: 52%;
        overflow: hidden;
  
        height: 100%;
        right: 0;
        top: 0;
        position: absolute;
    z-index: 22;background: #000;float: none;}
    
    .nav ul li {
        width: 100%;
        float: none;
    height: auto;line-height: 40px;padding: 0;}
    .nav ul li ul {
        display: none !important;
    }
    
    .nav ul li a {
        font-size: 14px;
        line-height: 53px;
        color: #fff;
        text-align: center;
    padding: 0;text-shadow: inherit;}
    .swiper-button-next:after, .swiper-button-prev:after {color: #fff;
        font-size: 30px;}
        .nav li:hover>a,.nav li a.cur {background: #039c59 ;}
        .qh.fr {
            width: 24%;
        line-height: 60px;}

        .header {position: relative;height: 100px;}
        .one {padding: 30px 0;}

        .title h4 {font-size: 22px;margin-bottom: 6px;}
        
        .title p {font-size: 12px;}
        
        .title {margin-bottom: 20px;background-position-y: 13px;}
        
        .one_nav ul {width: 100%;float: none;overflow: hidden;}
        .one_nav ul li {
  
    width: 33%;
    
}
        .one_nav .title {float: none;}
        
        .one_nav ul li a {font-size: 12px;overflow: hidden;white-space: nowrap;text-overflow: ellipsis;}
        
        
        .one1 .bd {width: 100%;float: none;}
        
        .one1 .hd {width: 100%;float: none;margin-top: 20px;}
        
        .one1 .hd ul li {padding: 10px 0;}
        
        .imgs {margin-top: 10px;margin-bottom: 26px;}
        
        .imgs img {width: 78%;}
     
        
        .one1 .hd ul li h3 {font-size: 12px;}
        
        .one1 .hd ul li:after {height: 13px;bottom: 19%;}
        
        .one1 .bd ul li h3 {font-size: 14px;line-height: 38px;}
        
        .one2 {width: 100%;margin-top: 29px;}
        
        a.zx {font-size: 12px;width: 118px;padding-left: 44px;background-position-x: 16px;height: 56px;line-height: 56px;}

        
        a.zx1 {width: calc(100% - 127px);height: 56px;line-height: 56px;font-size: 15px;}

        .two_box ul li {width: 48%;margin: 1%;padding: 0;}



        .two_box ul li img {height: 140px;}
        
        .two_nav h5 {font-size: 15px;width: 97px;}
        
        
        
        .two_nav ul {width: calc(100% - 110px);}
        
        .two_nav ul li {line-height: 45px;height: 45px;width: 49%;}
        
        .two_nav ul li a {font-size: 12px;}
        
        .two_box ul li h4 {font-size: 12px;}
        
        
        
        .three {padding: 30px 0;margin-top: 25px;}
        
        .title1 {margin-bottom: 15px;padding-top: 15px;}
        
        .title1 h4 {font-size: 22px;height: 37px;}
        
        .title1 h4 b {font-size: 25px;top: -38px;}
        
        .title1 p {font-size: 12px;letter-spacing: 2px;}
        
        .three ul li {margin-bottom: 15px;}
        
        .four ul li {width: 48%;padding: 0;margin: 1%;}
        
        .img1 {width: 100%;float: none;}
        
        .txt {width: 47%;}
        
        .txt1 b {font-size: 30px;padding-top: 10px;}
        
        .txt1 h4 {width: calc(100% - 56px);font-size: 16px;}
        
        .txt1 h4 b {font-size: 12px;overflow: hidden;white-space: nowrap;text-overflow: ellipsis;margin-top: 0;}
        
        .txt p {font-size: 12px;margin-top: 2px;height: 48px;overflow: hidden;}
        
        .four {padding: 30px 0;}
        
        .four ul li img {height: 167px;}
        
        .four ul li h4 {font-size: 14px;height: 30px;line-height: 30px;}
        
        .title span {font-size: 12px;top: 22px;}
        
        
        
        .five {padding: 30px 0;}
        
        .five .fl {width: 100%;float: none;margin-bottom: 10px;}
        
        .five .fr {width: 100%;float: none;}
        
        
        .five .fl .h3 {font-size: 16px;margin-bottom: 5px;}
        
        .five .fl .p {font-size: 12px;margin-bottom: 20px;-webkit-line-clamp: inherit;line-height: 25px;}
        
        .five .fl ul li {width: 47%;}
        
        .six {padding-top: 30px;margin-bottom: 30px;}
        
        .six_nav {width: 100%;float: none;}
        
        .six .title {width: 100%;float: none;}
        
        .six_nav ul {text-align: center;}
        
        .six_nav ul li {width: 27%;margin: 1%;}
        
        .six_nav ul li a {font-size: 12px;}
  
        
        .six_box {width: 100%;float: none;margin-top: 10px;}
        
        .foot_img {display: none;}
        
        .foot_nav {width: 33.333%;}
        
        .foot_dz {width: 100%;float: none;text-align: center;overflow: hidden;padding-top: 13px;}
        
        .foot_dz ul li {line-height: 26px;font-size: 14px;width: 50%;float: left;text-align: left;overflow: hidden;white-space: nowrap;text-overflow: ellipsis;}
        
        .foot_nav ul li {line-height: 26px;}
        
        .foot {padding: 40px 0;}
        
        .foot_nav h3 {font-size: 14px;margin-bottom: 10px;}
        
        .foot ul li a {font-size: 12px;}
        
       
        
        .foot .container:after {display: none;}
        
        .six_box ul li h4 {font-size: 14px;margin-bottom: 0px;}
        
        .six_box ul li p {font-size: 12px;}
        
        .six_box ul li:nth-child(1) .fr p {margin-bottom: 5px;font-size: 12px;}
        
        .six_box ul li:nth-child(1) img {height: 165px;}
        
        .six_box ul li:nth-child(1) .fr span {font-size: 16px;}
        
        .six:after {width: 100%;height: 100%;}


    

.interlink {display: none;}
        
        .footer {font-size: 12px;padding-bottom: 70px;padding-top: 20px;}
        .bottom .dhzx a {color: #fff;}

.main_top {
    height: 40px;
    line-height: 40px;
    white-space: nowrap;
    text-overflow: ellipsis;font-size: 12px;
}


.page_fl {
    width: 100%;
    overflow: hidden;
}

.treepage h2 {
    font-size: 16px;
    line-height: 50px;
    height: 50px;
    background-position-x: 10px;
text-align: center;padding: initial;}
.treepage h2:after {width: 20px;height: 25px;top: 14px;left: 63%;}
.treepage ul {
    width: 100%;margin: 0% 0% 1%;
}
.treepage ul li {
    width: 31%;
    float: left;
    box-sizing: border-box;
    padding: 0 1%;
    border: 0;
}
.treepage ul li a {
    font-size: 12px;
    padding-left: 0;
    line-height: 40px;
    height: 40px;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
    display: block;
background-size: 16px;background-position-x: 99%;}
.treepage li ul.subTree {
    display: none;
    opacity: 0;
}
.newspage {
    width: 48%;
    float: left;
    margin-bottom: 0;
}

.propage {
    width: 48%;
    float: right;
    margin-bottom: 0;
}

.newspage h2, .propage h2 {
    font-size: 14px;
    height: 40px;
    line-height: 40px;
    padding-left: 0;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
}
.newspage ul li {
    width: 100%;
    padding: 0 0 0 20px;
    box-sizing: border-box;
}
.propage_img {
    height: 65px;
}

/**/
.page_fr {
    width: 100%;
    margin-top: 25px;
}

/**/

.prduct_ul, div#preview, .article, .Article_content, .page_c {
    width: 100%;
    float: none;
    margin-bottom: 10px;
}

.product_ul li h4 {
    font-size: 12px;
line-height: 30px;height: 30px;padding: 0 13% 0 5%;background-size: 8px;}

.product_img {
    height: 90px;
}

/**/
.pading {
    margin: 10px auto;
}

.pading a, .pading span {
    margin: 0 3px;
    padding: 0px 8px;
}

.product_imgs_fl, .product_text {
    width: 100%;
    float: none;
}

.product_text h2 {
    line-height: 40px;
    height: 40px;
    font-size: 16px;
}

.product_text p {
    line-height: 24px;
    font-size: 14px;
    height: auto;
}

/**/

.main_next .prevrecord, .main_next .nextrecord {
    font-size: 14px;
    height: 24px;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
}

.xgwz, .xgcp {
    padding: 1%;
    margin-top: 10px;
}

h4.related span {
    font-size: 16px;
}

ul.relate_news li a {
    height: 35px;
    line-height: 35px;
    font-size: 14px;
}

ul.relate_pr li img {
    height: 39px;
}

.article li {
    margin-bottom: 2%;
    padding: 2%;
}

.article li h4 {
    font-size: 15px;
    line-height: 30px;
    height: 30px;width: 71%;
}
.article li span {
    width: 26%;
}
.Article_text {
    font-size: 19px;
    line-height: 30px;
    height: 30px;
}

.info {
    line-height: 24px;
    height: 24px;
    padding-bottom: 5px;
font-size: 12px;}
.treepage ul li a {
text-align: center;
}
.treepage {
    height: auto;
    border: 0;
    padding-bottom: 10px;
    overflow: hidden;
}


.newspage ul li {font-size: 12px;height: 33px;line-height: 33px;}


.newspage li:before {top: 10px;}.banner1 {
    display: none;
}
}