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;
}
.nav li:hover>a,.nav li a.cur {color: #7795d9;border-color: #5e64a4;}

.banner .hd li.on,.four .hd ul li.on,.eight ul li h4:after,
.treepage h2,.propage h2, .newspage h2,.bottom .dhzx {background: #5e64a4;}

.title p,.two ul li:hover h4,.eight ul li:hover h4,.newspage li:before{
 color: #5e64a4;
}
.five .fr h4 b {border-top: 2px solid #5e64a4;}

/**toubu**/
.top {width: 100%;overflow: hidden;background: #0f1114;
    height: 50px;line-height: 50px;}

.top .fl {color: #ffffff;
    font-size: 14px;width: 44%;overflow: hidden;
    white-space: nowrap;text-overflow: ellipsis;}

.top .fr {color: #fff;width: 335px;}

.tel img {float: left;margin-right: 10px;margin-top: 15px;}

.tel span {font-size: 16px;}

.tel {width: 200px;float: left;}

.qh {width: 134px;float: right;}

.qh a {display: inline-block;margin: 0 10px;}

.header {background: #0f1114;height: 100px;
border-top: 1px solid #333;}

.logo.fl {width: 300px;height: 100px;
align-items: center;display: flex;}

.nav {width: 55%;}

.nav  li {float: left;position: relative;
    line-height: 96px;width: 16.6%;text-align: center;}

.nav ul  a {color: #fff;display: block;font-size: 16px;
    border-top: 2px solid transparent;}

.navboxs {width: 100%;position: absolute;
z-index: 222;background: #0f1114;display: none;}

.navboxs li {width: 100%;float: none;line-height: 40px;}

.navboxs li a {font-size: 14px;}

.nav li:hover ul {display: block;}
/**banner**/
.banner_m,.banner {
    width: 100%;
    position: relative;
    overflow: hidden;
}
.banner_m img, .banner img {
    width: 100%;
    display: block;
}
.banner_m{
display: none;    
}
.banner .hd {
    width: 90%;
position: absolute;bottom: 3%;left: 5%;}

.banner .hd ul{
    text-align: center;
}
.banner .hd li {
    margin: 0px 4px;
    width: 14px;
    height: 14px;
    display: inline-block;
    cursor: pointer;
  color: transparent;
    position: relative;
    background: #fff;
border-radius: 50%;}
.banner .prev,.banner .next {position: absolute;z-index: 2;
top: 42%;
    width: 40px;height: 40px;text-align: center;
line-height: 40px;
    background: #eee;font-size: 20px;font-family: '楷体';
    font-weight: bold;border-radius: 50%;
cursor: pointer;opacity: 0;
    transition: all 0.4s;}
.banner .prev {left: 3%;}
.banner .next {right: 3%;}
.banner:hover .prev,.banner:hover .next {opacity: 0.6;}
/**one**/
.one {width: 100%;background: #333;padding: 50px 0;}

.one ul {text-align: center;}

.one ul li {display: inline-block;color: #fff;
    padding: 0 50px;border-right: 1px solid #999;}

.one ul li span {font-size: 50px;display: inline-block;
font-weight: bold;}

.one ul li i {display: inline-block;font-size: 14px;}

.one ul li em {display: block;font-size: 22px;margin-top: 10px;
    overflow: hidden;white-space: nowrap;text-overflow: ellipsis;}

.one ul li:last-child {border: 0;}
.two {width: 100%;padding: 50px 0;background: #0f1114;}

.title {width: 100%;margin-bottom: 30px;color: #fff;
    overflow: hidden;background: url(/uploads/image/snimages/product.png) no-repeat left top;height: 155px;}

.title h2 {float: left;margin-left: 159px;line-height: 194px;
    font-weight: bold;font-size: 28px;}

.title p {float: right;font-size: 18px;letter-spacing:2px;
   font-weight: bold;line-height: 144px;}

.two ul {overflow: hidden;}

.two ul li:last-child {margin-right: 0;}

.two ul li {width: 23.5%;float: left;margin-right: 2%;}

.two ul li img {width: 100%;display: block;height: 433px;transition: all 0.2s;}

.two ul li:nth-child(2n) {margin-top: 60px;}

.two ul li h4 {background: url(/uploads/image/snimages/6.png) no-repeat center;
    width: 100%;background-size: 100% auto;height: 38px;
    box-sizing: border-box;padding-left: 14px;
    line-height: 38px;color: #fff;overflow: hidden;
    white-space: nowrap;text-overflow: ellipsis;font-size: 16px;}
.imgs {width: 100%;overflow: hidden;margin-bottom: 10px;}

.two ul li:hover img {transform: scale(1.1);}

.three {width: 100%;background: #0f1114;padding-bottom: 50px;}

.three .bd {width: 100%;overflow: hidden;}

.three .bd ul li {width: 380px;float: left;
    margin: 0 10px;background: #444;
    box-sizing: border-box;padding: 12px;}

.three .bd ul li img {width: 100%;height: 285px;}

.three .bd ul li h4 {color: #fff;text-align: center;line-height: 50px;
    font-size: 16px;overflow: hidden;
    white-space: nowrap;text-overflow: ellipsis;
    margin: 23px 0;position: relative;z-index: 2;}

.three .bd ul li h4:after {content: "product";position: absolute;
    font-size: 48px;color: #676666;left: 50%;
    top: 0;width: 200px;
    margin-left: -100px;
    z-index: -1;}
.four {width: 100%;padding: 50px 0 ;position: relative;}
.four .title h2 {margin-left: 207px;letter-spacing: 3px;margin-top: 10px;}
.four ul li {width: 100%;overflow: hidden;}

.four ul li .fl {width: 44%;}

.four ul li img {float: left;margin-left: 3%;}

.four ul li .fl b {color: #fff;display: inline-block;
    font-weight: bold;
    font-size: 50px;padding: 14px 0;margin-right: 5px;}

.four ul li .fl h4 {display: inline-block;color: #fff;font-size: 22px;}

.four ul li .fl h4 span {display: block;font-size: 12px;}

.four ul li .fl p {color: #fff;margin-top: 13px;line-height: 33px;}

.four .bd {width: 100%;overflow: hidden;}
.four .title {background: url(/uploads/image/snimages/why.png) no-repeat left;}

.four .title h2 {margin-left: 207px;letter-spacing: 3px;margin-top: 10px;}

.four .hd {width: 200px;position: absolute;left: 8%;bottom: 5%;}

.four .hd ul li {display: inline-block;width: 13px;height: 13px;
    background: #fff;margin: 0 7px;border-radius: 50%;
    color: transparent;cursor: pointer;}

.five {position: relative;overflow: hidden;padding: 50px 0;width: 100%;}

.five .fl {width: 45%;}

.five .fr {width: 48%;position: relative;}

.five .title {background: url(/uploads/image/snimages/a.png) no-repeat center;
    background-size: 100% auto;margin-bottom: 10px;}

.five .title p {position: absolute;left: 21%;top: -17px;}

.five .title h2 {margin-left: 125px;}

.p {color: #fff;margin-bottom: 19px;font-size: 15px;
    line-height: 29px;}

.five .fr h4 {color: #fff;font-size: 20px;margin-top: 50px;width: 80%;}

.five .fr h4 b {display: block;padding-top: 10px;margin-top: 10px;}
.six {width: 100%;padding:0 0 50px 0;background: #0f1114;}

.six .title {background: url(/uploads/image/snimages/c.png) no-repeat left;}
.six ul {width: 100%;overflow: hidden;}

.six ul li {width: 25%;float: left;margin: 1%;position: relative;overflow: hidden;}

.six ul li:first-child {width: 44%;}

.six ul li img {width: 100%;height: 225px;transition: all 0.4s;}

.six ul li h4 {width: 90%;background: rgba(225,225,225,0.6);text-align: center;
    padding: 7px 0;position: absolute;left: 5%;bottom: 5%;z-index: 22;
    color: #000;overflow: hidden;white-space: nowrap;text-overflow: ellipsis;}

.six ul li:first-child img {height: 480px;}

.six ul li:hover img {transform: scale(1.1);}
.seven {background: #0f1114;width: 100%;padding-bottom: 50px;}

.seven .title {background: url(/uploads/image/snimages/4.png) no-repeat left;}

.sev_nav {width: 22%;float: left;}

.sev_box {width: 73%;float: right;}

.seven .container {overflow: hidden;}

.sev_nav ul li a {color: #fff;display: block;width: 100%;font-size: 18px;
    background: url(/uploads/image/snimages/5.png) no-repeat 24%;background-size: 25px;}

.sev_nav ul li {width: 100%;
    height: 84px;
    
    border-radius: 5px;
    line-height: 84px;
    margin-top: 16px;
    box-sizing: border-box;
    text-align: center;
    transition: 0.5s;background: #2b2b2b;}

.sev_box ul {overflow: hidden;}

.sev_box ul li {height: 402px;
    border: solid 1px #343434;
    box-sizing: border-box;
    padding: 30px 20px;width: 32%;float: left;margin: 0 2% 0 0;}

.sev_box ul li:nth-child(3n) {margin-right: 0;}

.sev_box ul li span {font-family: arial;
    font-size: 26px;
    line-height: 19px;
    color: #fff;}

.sev_box ul li h4 {color: #fff;overflow: hidden;white-space: nowrap;
    text-overflow: ellipsis;margin: 30px 0 22px;
    font-size: 18px;
    line-height: 18px;width: 100%;}

.sev_box ul li p {line-height: 30px;
    letter-spacing: 0px;
    color: #b6b4b4;
    font-size: 14px;
    display: -webkit-box;
    overflow: hidden;
    text-overflow: ellipsis;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    height: 60px;
    box-sizing: border-box;
    padding-left: 20px;
    position: relative;}

.sev_box ul li p:after {width: 1px;
    height: 50px;
    background: #fff;
    content: "";
    position: absolute;
    top: 6px;
    left: 0px;}

.sev_box ul li img {display: block;
    overflow: hidden;
    width: 100%;
    height: 168px;
    margin-top: 26px;}
    .sev_nav ul li.on {background-image: linear-gradient(90deg, #5c61a1 0%, #7b9ce1 100%), 
        linear-gradient(#cca073, #cca073);
        background-blend-mode: normal, normal;}
        .eight {width: 100%;background: #0f1114;padding-bottom: 50px;}

        .eight ul {overflow: hidden;}
        
        .eight ul li {width: 31.3%;float: left;margin: 5px 1% 0;
            color: #fff;overflow: hidden;box-sizing: border-box;
            padding: 10px 0;border-bottom: 1px solid #525252;}
        
        .eight ul li h4 {width: calc(100% - 100px);float: left;
            overflow: hidden;white-space: nowrap;text-overflow: ellipsis;
            font-size: 16px;box-sizing: border-box;
            padding-left: 15px;position: relative;}
        
        .eight ul li span {
            text-align: right;font-size: 12px;
            display: block;float: right;width: 90px;
	height:25px;
	overflow:hidden;}
        
        .eight ul li h4:after {content: "";width: 7px;height: 7px;
            position: absolute;left: 0;top: 10px;border-radius: 50%;}
.footer1 {
	width:100%;
	background:#0f1114;
	padding:10px 0;
	color:#999;
}
        .footer {width: 100%;background: #0f1114;padding: 50px 0 20px 0;color: #fff;}
        .footer ul {width: 20%;float: left;position: relative;box-sizing: border-box;
            padding-left: 50px;}
        
        .footer ul p {writing-mode: tb-rl;
            font-family: arial;
            font-size: 12px;
            line-height: 11px;
            color: #fff;
            position: absolute;
            top: 0px;
            left: 0px;border-right: 1px solid #bbb5b5;padding-right: 10px;}
        
        .ti {font-size: 18px;
            line-height: 18px;
            color: #fff;
            margin-bottom: 14px;
            font-weight: bold;}
        
        .footer ul li a {color: #999;
            transition: 0.3s;}
        
        .footer ul li {line-height: 36px;
            letter-spacing: 0px;
            color: #999999;
            font-size: 14px;
            transition: 0.3s;}

            p.p1 {width: 100%;text-align: center;overflow: hidden;padding-top: 38px;color: #999999;}
            .footer_img {width: 20%;float: left;text-align: center;color: #666;}

.footer_img img {width: 145px;margin: auto;display: block;margin-bottom: 10px;}
.page .footer {margin-top: 30px;}

/*通用*/
.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 {
    background: #0f1114;
    padding: 10px 0;
}

.interlink__inner {
    width: 1600px;
    margin: auto;
    overflow: hidden;
position: relative;}

.interlink__title {

    line-height: 45px;
    height: 40px;
    font-weight: bold;
    font-size: 15px;
    color: #999999;
    font-family: "microsoft yahei";position: relative;float: left;}

.interlink__list {
    margin: 10px;
    overflow: hidden;float: left;margin-left: 22px;}

a.interlink__item {
    margin: 0px 10px 0 0;
    font-size: 12px;
color: #999999;}

/**主题**/


/**内页**/

.page_fl {
    width: 23%;
}

.page_fr {
    width: 73%;
}

.main_top {
    line-height: 50px;
    height: 50px;
    overflow: hidden;
    width: 100%;
    background: url(/uploads/image/snimages/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 h2 {
    width: 100%;
    height: 80px;
    line-height: 27px;
    font-size: 24px;
    font-weight: bold;
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
text-align: left;
    color: #ffffff;
position: relative;
z-index: 2;padding-top: 13px;box-sizing: border-box;padding-left: 31px;}

.treepage li {
    position: relative;
text-align: left;background: #f9f9f9;}

.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;padding-left: 21px;
background: url(/uploads/image/snimages/8.png) no-repeat 93%;}
.treepage ul {width: 90%;margin: 10px auto;}
.treepage li ul {
    display: none;
width: 100%;margin: auto;}
ul.subtree li {background: #fff;}

ul.subtree li a {height: 50px;line-height: 50px;background: none;font-size: 15px;}
.treepage li:hover ul {
    display: block;
}
/**/
.propage, .newspage {
    margin-bottom: 20px;
}
.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;
}

.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: left;
    line-height: 50px;
    height: 50px;
    padding: 0 13%;
    box-sizing: border-box;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
    
color: #333;background: url(/uploads/image/snimages/7.png) no-repeat 95%;}

.propage li {
    float: left;
    width: 49%;
}

.propage li:nth-child(2n) {
    float: right;
}


.propage_img {
    display: flex;
    align-items: center;
    width: 100%;
    height: 84px;
    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;
}
/**/

.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: 20px;
    overflow: hidden;
width: 100%;
margin: 1% 0;}
.article li span {
    display: block;
    background: url(/uploads/image/snimages/time.png) no-repeat left center;
    background-size: 17px;	background-position-x:27%;
text-align: right;width: 12%;float: right;margin-top: 4px;}
.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;
text-indent: 24px;}
/**/
.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;}

@media only screen and (max-width:1600px) {
    .container,.interlink__inner {
    width: 1200px;
    }
 	.article li span {
	background-position-x:0%;
	background-position-y:5px;
}
}

@media only screen and (max-width: 1200px) {
    .container,.interlink__inner {
        width:960px;
    }
    .p {font-size: 12px;}

    .five .fr h4 {font-size: 16px;margin-top: 10px;}
.nav {
    width: 64%;
}
sev_nav ul li a {
   
    background-size: 19px;
}
}

@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;}

    .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: #fff;}
    .nav_button {
        position: absolute;
        top: 0;
        left: 43%;
        width: 30px;
        height: 30px;
        background: url(/uploads/image/snimages/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: 40%;
        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 !important;}
        .header {position: relative;}
    
        .logo.fl img {width: 100%;}
        
        .nav li:hover>a, .nav a.cur {color: #fff;}
        .top .fr {width: 35%;}

        .qh {width: 100%;text-align: right;}
        
        .tel {display: none;}
        
        .top .fl {width: 55%;}
        .one ul li {padding: 0;width: 32%;}

        .one ul li span {font-size: 25px;}
        
        .one ul li em {font-size: 12px;margin: auto;}
        
        .one {padding: 20px 0;}
        
        .two {padding: 30px 0;}
        
        .title p {font-size: 12px;line-height: 123px;}
        
        .title h2 {font-size: 20px;margin-left: 124px;line-height: 140px;}
        
        .title {background-size: 212px;height: 121px;margin-bottom: 15px;}
        
        .two ul li img {height: 186px;}
        
        .two ul li h4 {font-size: 14px;}
        
        .three .bd ul li {width: 300px;}
        
        .three .bd ul li img {height: 220px;}
        
        .three .bd ul li h4 {margin: 10px auto;font-size: 14px;}
        
        .three {padding-bottom: 30px;}
        
        .four {padding: 30px 0;}
        
        .four .title {background-size: 330px;}
        
        .four .title h2 {margin-left: 135px;}
        
        .four ul li .fl h4 {font-size: 16px;}
        
        .four ul li .fl b {font-size: 37px;}
        
        .four ul li .fl p {font-size: 12px;line-height: 23px;}
        
        .four ul li img {width: 36%;float: right;}
        .four ul li .fl {width: 57%;}
        .five .fl {width: 100%;float: none;}
        
        .five .fl img {width: 97%;margin: auto;}
        
        .five .fr {width: 100%;float: none;margin-top: 15px;}
        
        .five .title h2 {margin-left: 100px;}
        .six .title {background-size: 212px;}

.six .title h2 {margin-left: 106px;}

.six ul li img {height: 184px;}

.six ul li {width: 48%;}

.six ul li:first-child {width: 100%;}

.six ul li:first-child img {height: 310px;}

.seven .title {background-size: 150px;}

.seven .title h2 {margin-left: 106px;}

.seven {padding-bottom: 30px;}

.sev_nav {width: 100%;float: none;overflow: hidden;}

.sev_nav ul li {width: 31.29%;margin: 1%;float: left;height: 50px;line-height: 50px;}

.sev_nav ul li a {font-size: 14px;background-image: none;}

.sev_box {width: 100%;float: none;margin-top: 15px;}

.sev_box ul li {padding: 10px;height: auto;}

.sev_box ul li img {height: 100px;margin-top: 10px;}

.sev_box ul li span {font-size: 20px;}

.sev_box ul li h4 {font-size: 16px;margin: 10px auto;}

.sev_box ul li p {font-size: 12px;
-webkit-line-clamp: 3;line-height: 22px;height: 68px;padding-left: 10px;}

.sev_box ul li p:after {height: 59px;}

.eight ul li {width: 48%;margin-top: 0;}

.eight {padding-bottom: 30px;}

.eight ul li h4 {width: calc(100% - 60px);font-size: 14px;}

.eight ul li span {width: 60px;}

.footer_img {display: none;}

.footer ul {width: 50%;margin-bottom: 14px;padding-left: 38px;}

.footer ul li {width: 48%;float: left;overflow: hidden;white-space: nowrap;text-overflow: ellipsis;font-size: 12px;line-height: 22px;}
.footer ul p {width: 24px;padding-right: 3px;font-size: 12px;}
.ti {font-size: 15px;margin-bottom: 10px;}

p.p1 {font-size: 12px;padding-top: 10px;}

.interlink {display: none;}
        
        .footer {font-size: 12px;padding-bottom: 70px;padding-top:30px;}
        .bottom .dhzx a {color: #fff;}

.main_top {
    height: 40px;
    line-height: 40px;
    white-space: nowrap;
    text-overflow: ellipsis;
}


.page_fl {
    width: 100%;
    float: none;
    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: 33%;
    float: left;
    box-sizing: border-box;
    padding: 0 1%;
    border: 0;
}
.treepage ul li a {
    font-size: 14px;
    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: 49%;
    float: left;
    margin-bottom: 0;
}

.propage {
    width: 49%;
    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%;
    float: none;
    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;
}

}