/*
* @description: PC
* @author: Senxia
* @update: 2018-07-24
*/
:root{
    --maincolor: #72bb38
}
body,html{ margin: 0; padding: 0; font-family: Arial, Helvetica, sans-serif; font-size: 14px;}
body,IMG,ul,li,i,dd,ol,section,dl,dt,figure{ list-style:none; margin:0; padding:0; border:0;}
i{ font-style:normal;}a{ text-decoration:none;}
h1,h2,h3,h4{display:inline-block;*display: inline;*zoom: 1; margin:0; padding:0; font-weight:100; font-size:100%;}
.main{ width: 1240px; margin: 0 auto;}

@font-face {
    font-family: 'iconfont2';  /* project id 875448 */
    src: url('//at.alicdn.com/t/font_875448_8rc351m0qcd.eot');
    src: url('//at.alicdn.com/t/font_875448_8rc351m0qcd.eot?#iefix') format('embedded-opentype'),
    url('//at.alicdn.com/t/font_875448_8rc351m0qcd.woff') format('woff'),
    url('//at.alicdn.com/t/font_875448_8rc351m0qcd.ttf') format('truetype'),
    url('//at.alicdn.com/t/font_875448_8rc351m0qcd.svg#iconfont') format('svg');
  }
  
  @font-face {
    font-family: 'iconfont';  /* project id 822224 */
    src: url('//at.alicdn.com/t/font_822224_d9eu5f2420u.eot');
    src: url('//at.alicdn.com/t/font_822224_d9eu5f2420u.eot?#iefix') format('embedded-opentype'),
    url('//at.alicdn.com/t/font_822224_d9eu5f2420u.woff') format('woff'),
    url('//at.alicdn.com/t/font_822224_d9eu5f2420u.ttf') format('truetype'),
    url('//at.alicdn.com/t/font_822224_d9eu5f2420u.svg#iconfont') format('svg');
  }


@font-face {
    font-family: 'AN';
    src: url('../fonts/AvenirNextLTPro-Cn.eot');
    src: url('../fonts/AvenirNextLTPro-Cn.eot?#iefix') format('embedded-opentype'),
         url('../fonts/AvenirNextLTPro-Cn.woff2') format('woff2'),
         url('../fonts/AvenirNextLTPro-Cn.woff') format('woff'),
         url('../fonts/AvenirNextLTPro-Cn.ttf') format('truetype'),
         url('../fonts/AvenirNextLTPro-Cn.svg#itc_avant_garde_gothicdemi') format('svg');
    font-weight: normal;
    font-style: normal;
}


/*导航1*/
.header{ width: 100%; float: left; z-index:3; height: 112px; position: fixed; top: 0; left: 0; opacity: 1; background: rgba(0,0,0,0.5);}
/* .header .menu{ width: 100%; float: left; position: relative; z-index: 1;} */
.header .logo{ margin: 17px 0 0 46px; float: left; z-index: 2; position: relative;}
.header ul.nav{ width: auto; float: right; padding: 45px 56px; height: 22px;}
.header ul.nav li{ float: left; margin-left: 34px; height: 22px;}
.header ul.nav li a{ text-transform: uppercase; float: left; line-height: 22px; color: #fff; font-size: 16px; position: relative;}
.header ul.nav li a.cur{ color: #72bb38;}
.header ul.nav li a:hover{ color: #72bb38; }
.header ul.nav li a.cur:hover{ color: #72bb38;}


.slideBox{ width: 100%; position: relative; overflow: hidden;}
.slideBox .bd{ width: 100%; height: 100%; float: left;}
.slideBox .bd li{ width: 100%; height: 100%; float: left; position: relative; overflow: hidden;}

.slideBox .hd{ width:100%; text-align: center; bottom:50px; position:absolute; z-index:2;}
.slideBox .hd ul{ width: auto; display: table; margin: 0 auto; }
.slideBox .hd li{ margin:0 10px; display: table-cell; width: 200px; height: 96px; position: relative; float:left;transition:all 0.4s ease; box-sizing: border-box; border: 2px solid #000;}
.slideBox .hd li:nth-child(1){ background: url(../images/banner_01.jpg) no-repeat top center; }
.slideBox .hd li:nth-child(2){ background: url(../images/banner_02.jpg) no-repeat top center; }
.slideBox .hd li:nth-child(3){ background: url(../images/banner_03.jpg) no-repeat top center; }
.slideBox .hd li.on{ border: 2px solid #fff; }

.banner-text{ width: 100%; position: absolute; top: 50%; text-align: center;  text-transform: uppercase; margin-top: -109px; display: none;}
.banner-text b{ display: block; font-weight: none; font-size: 100px; line-height: 108px; color:rgba(255,255,255,0.6);}
.banner-text span{ display: block; font-size: 16px; color:#fff; line-height: 46px; margin-bottom: 20px;}
.banner-text a{ display: inline-block; font-size: 14px; color:#8fc31f; border: 2px solid #8fc31f; line-height: 45px; padding: 0 31px; text-transform: uppercase;}
.banner-text a:hover{ background: #8fc31f; color: #fff;}

.i-about{ width: 100%; float: left; position: relative;}
.i-about .about-l{ width: 680px; float: left;}
.i-about .about-l .about-l-tit{ width: 100%; float: left; font-size: 24px; color: #5f5d5d;}
.i-about .about-l .about-l-tit b{ font-size: 84px; font-family: "arial"; font-weight: bold; color: #8fc31f;}
.i-about .about-l .about-l-text{ width: 100%; font-size: 14px; color: #5f5d5d;  line-height: 24px; border-bottom: 1px solid #b7b7b7; padding-bottom: 19px;}
.i-about .about-l .about-l-list{ width: 100%; float: left;}
.i-about .about-l .about-l-list li{ width: 32%; height: 170px; border-radius: 5px; line-height: 44px; text-transform: uppercase; text-align: center; box-sizing: border-box; padding-top: 88px; float: left; margin-right: 2%; margin-top: 35px;}
.i-about .about-l .about-l-list li:nth-child(3n){ margin-right: 0;}
.i-about .about-l .about-l-list li.i-ab-icon01{ background:#eee url(../images/i-ab-icon01.jpg) no-repeat center 54px;}
.i-about .about-l .about-l-list li.i-ab-icon02{ background:#eee url(../images/i-ab-icon02.jpg) no-repeat center 51px;}
.i-about .about-l .about-l-list li.i-ab-icon03{ background:#eee url(../images/i-ab-icon03.jpg) no-repeat center 46px;}


.i-about .about-r{ width: 490px; float: right; margin-top: 75px;}
.i-about .about-r ul{ margin-top: 15px; }
.i-about .about-r ul li{ width: 49%; float: left; margin-right: 2%; box-sizing: border-box; border:1px #cecece solid; }
.i-about .about-r ul li:last-child{ margin-right: 0; }
.i-about .about-r ul li img{ width: 100%; }

#stage3{ background: url(../images/pr-bj.jpg) no-repeat center center /100% 100%; position: relative;}
.i-product{ width: 100%; height: auto; position: relative; float: left;}
.i-product .tit{ width: 100%; float: left; position: relative; margin-bottom: 38px;}
.i-product .tit span{ width: auto; float: left; position: relative; font-family: "AN"; color: #fff; font-size: 36px; line-height: 76px; text-transform: uppercase;}
.i-product .tit span:before{ content: ""; position: absolute; left: 0; bottom: 0; width: 80px; height: 4px; background: #8fc31f; float: left;}
.i-product .tit .prnav-list{ width: auto; float: right; margin-top: 20px;}
.i-product .tit .prnav-list li{ float: left; margin-left: 21px;}
.i-product .tit .prnav-list li a{ padding: 0 20px; line-height: 42px; box-sizing: border-box; font-size: 16px; text-transform: uppercase; border:1px solid #5f5d5d; color: #5f5d5d; border-radius: 3px; float: left;}
.i-product .tit .prnav-list li a.cur{ background: #8fc31f; border-color: #8fc31f; color: #fff;}
.i-product .tit .prnav-list li:hover a{ background: #8fc31f; border-color: #8fc31f; color: #fff;}

.i-product-list{ width: 100%; float: left; position: relative;}
.i-product-list .prev,.i-product-list .next{ width: 56px; height: 56px; position: absolute; left: -77px; top: 50%; margin-top: -28px; background: #f2f2f2; border-radius: 3px; color: #666; line-height: 56px; text-align: center; font-weight: bold; font-family: }
.i-product-list .next{ left: auto; right: -77px;}
.i-product-list .list{ width: 100%; float: left; overflow: hidden;}
/* .i-product-list ul{ width: 100%; float: left; overflow: hidden;} */
.i-product-list ul li{ width: 285px; height: 408px; border: 5px solid #fff; margin-right: 20px; float: left;background: #fff;}
.i-product-list ul li:hover{ border-color: #72bb38;  }
.i-product-list ul li .img{ width: 100%; float: left;}
.i-product-list ul li .img img{width: 100%; float: left;} 
.i-product-list ul li .name{ width: 100%; height: 64px; float: left; color: #000; font-size: 14px;}
.i-product-list ul li .name{ display: inline-block; vertical-align: middle; line-height: 17px; height: 34px; margin: 15px 0; overflow: hidden; text-align: center; box-sizing: border-box; padding:0 15px;}




#stage4{ position: relative; overflow: hidden; background: #0b0b0b;}
.footer{ position: absolute; bottom: 0; left: 0;}

.i-zh{ width: 100%; float: left; position: relative; left: 0;}
.i-zh a:hover{ color: #fff;}
.i-news{ width: 33%; float: left; box-sizing: border-box; padding-right: 30px;}
.i-news .tit{ width: 100%; float: left; position: relative;}
.i-news .tit span{ width: auto; float: left; position: relative; font-family: "AN"; color: #fff; font-size: 30px; line-height: 76px; text-transform: uppercase;}
.i-news .tit span:before{ content: ""; position: absolute; left: 0; bottom: 0; width: 50px; height: 4px; background: #8fc31f; float: left; border-radius: 5px;}
.i-news .list{ width: 100%; float: left; margin-top: 80px;}
.i-news .list li{ width: 100%; float: left; margin-bottom: 26px;}
.i-news .list .img{ width: 66px; float: left;}
.i-news .list .img img{ width: 100%; height: 66px; float: left;}
.i-news .list dl{ width: 280px; float: right; color: #5f5d5d;}
.i-news .list dl dt{ width: 100%; font-size: 16px; color: #5f5d5d; line-height: 24px; float: left; overflow: hidden; height: 24px; }
.i-news .list dl dd{ width: 100%; font-size: 12px; color: #5f5d5d; line-height: 21px; float: left; overflow: hidden; height: 42px; }
.i-news .list dl dt:hover,.i-news .list dl dd:hover{ color: #fff;}

.i-links{ width: 33%; float: left;}
.i-links .tit{ width: 100%; float: left; position: relative;}
.i-links .tit{ font-family: "AN"; color: #fff; font-size: 30px; line-height: 76px; text-transform: uppercase;}
.i-links .tit:before{ content: ""; position: absolute; left: 0; bottom: 0; width: 50px; height: 4px; background: #8fc31f; float: left; border-radius: 5px;}
.i-links .list{ width: 30%; float: left; margin-top: 80px; position: relative;}
.i-links .list:before{ content: ""; height: 100%; width: 1px; background: #181818; position: absolute; left: 0; top: 0; float: left;}
.i-links .list li{ width: 100%; float: left; margin: 13px 0; box-sizing: border-box; padding-left: 27px; position: relative;}
.i-links .list li:before{ content: ""; width: 16px; height: 1px; float: left; background: #181818; position: absolute; top: 50%; left: 0;}
.i-links .list li a{ width: 100%; float: left; color: #5f5d5d; text-transform: uppercase;}
.i-links .list li a:hover{ color: #fff; }

.i-links .pr-nav-list{ width: 60%; float: right;}
.i-links .pr-nav-list li a{ text-transform: none;}
.i-links .pr-nav-list li a:hover{ color: #fff; }

.i-contact{ width: 33%; float: left; box-sizing: border-box; padding-left: 30px;}
.i-contact .tit{ width: 100%; float: left; position: relative;}
.i-contact .tit{ font-family: "AN"; color: #fff; font-size: 30px; line-height: 76px; text-transform: uppercase;}
.i-contact .tit:before{ content: ""; position: absolute; left: 0; bottom: 0; width: 50px; height: 4px; background: #8fc31f; float: left; border-radius: 5px;}
.i-contact .list{ width: 100%; float: left; margin-top: 80px; position: relative;}
.i-contact .list li{ width: 100%; float: left; margin: 13px 0; box-sizing: border-box; padding-left: 45px; position: relative;}
.i-contact .list li:before{ content: ""; width: 45px; height: 30px; float: left; position: absolute; top: 0; left: 0;}
.i-contact .list li{ width: 100%; float: left; color: #5f5d5d; min-height: 30px;}
.i-contact .list li.adds{ background: url(../images/i-adds.png) no-repeat left top;}
.i-contact .list li.tel{ background: url(../images/i-tel.png) no-repeat left top;}
.i-contact .list li.mail{ background: url(../images/i-mail.png) no-repeat left top;}

.footer{ width: 100%; background: #020202; color: #fff; height: 69px; line-height: 69px; float: left; }
.footer p{ margin: 0; text-transform: uppercase; width: auto; float: left;}
.footer p span{color: #8fc31f;}
.footer ul{ float: right; margin-top: 14px; }
.footer ul li{ float: left; margin-right: 10px;}
.footer ul li a{ font-family: 'iconfont'; width: 40px; height:40px; line-height: 40px; text-align: center; border: 1px solid #848484; border-radius: 50%; display: block; color: #848484; font-size: 29px;}
.footer ul li:nth-child(2) a{ font-size: 29px; } 
.footer ul li:nth-child(3) a{ font-size: 23px; } 
.footer ul li:nth-child(4) a{ font-size: 20px; } 
.footer ul li:hover a{ color: #fff; border-color: #fff; }

.transition{ transition: all 0.3s ease}


/*加载动画*/
.chromeframe {margin: 0.2em 0;background: #ccc;color: #000;padding: 0.2em 0;}
#loader-wrapper {position: fixed;top: 0;left: 0;width: 100%;height: 100%;z-index:999999;}
#loader {display: block;position: relative;left: 50%;top: 50%;width: 150px;height: 150px;margin: -75px 0 0 -75px;border-radius: 50%;border: 3px solid transparent;/* COLOR 1 */border-top-color: #FFF;-webkit-animation: spin 2s linear infinite; /* Chrome, Opera 15+, Safari 5+ */-ms-animation: spin 2s linear infinite; /* Chrome, Opera 15+, Safari 5+ */-moz-animation: spin 2s linear infinite; /* Chrome, Opera 15+, Safari 5+ */ -o-animation: spin 2s linear infinite; /* Chrome, Opera 15+, Safari 5+ */   animation: spin 2s linear infinite; /* Chrome, Firefox 16+, IE 10+, Opera */z-index:1001;}
#loader:before {content: "";position: absolute;top: 5px;left: 5px;right: 5px;bottom: 5px;border-radius: 50%;border: 3px solid transparent;/* COLOR 2 */border-top-color: #FFF;-webkit-animation: spin 3s linear infinite; /* Chrome, Opera 15+, Safari 5+ */-moz-animation: spin 3s linear infinite; /* Chrome, Opera 15+, Safari 5+ */-o-animation: spin 3s linear infinite; /* Chrome, Opera 15+, Safari 5+ */-ms-animation: spin 3s linear infinite; /* Chrome, Opera 15+, Safari 5+ */              animation: spin 3s linear infinite; /* Chrome, Firefox 16+, IE 10+, Opera */}
#loader:after {content: "";position: absolute;top: 15px;left: 15px;right: 15px;bottom: 15px;border-radius: 50%;border: 3px solid transparent;border-top-color: #FFF;-moz-animation: spin 1.5s linear infinite; /* Chrome, Opera 15+, Safari 5+ */-o-animation: spin 1.5s linear infinite; /* Chrome, Opera 15+, Safari 5+ */-ms-animation: spin 1.5s linear infinite; /* Chrome, Opera 15+, Safari 5+ */        -webkit-animation: spin 1.5s linear infinite; /* Chrome, Opera 15+, Safari 5+ */ animation: spin 1.5s linear infinite; /* Chrome, Firefox 16+, IE 10+, Opera */}
@-webkit-keyframes spin {
        0%{ 
            -webkit-transform: rotate(0deg);  /* Chrome, Opera 15+, Safari 3.1+ */
            -ms-transform: rotate(0deg);  /* IE 9 */
            transform: rotate(0deg);  /* Firefox 16+, IE 10+, Opera */
        }100%{
            -webkit-transform: rotate(360deg);  /* Chrome, Opera 15+, Safari 3.1+ */
            -ms-transform: rotate(360deg);  /* IE 9 */
            transform: rotate(360deg);  /* Firefox 16+, IE 10+, Opera */}
}
@keyframes spin {
        0%{ 
            -webkit-transform: rotate(0deg);  /* Chrome, Opera 15+, Safari 3.1+ */
            -ms-transform: rotate(0deg);  /* IE 9 */
            transform: rotate(0deg);  /* Firefox 16+, IE 10+, Opera */
        }100%{
            -webkit-transform: rotate(360deg);  /* Chrome, Opera 15+, Safari 3.1+ */
            -ms-transform: rotate(360deg);  /* IE 9 */
            transform: rotate(360deg);  /* Firefox 16+, IE 10+, Opera */}
}

#loader-wrapper .loader-section {position: fixed;top: 0;width: 51%;height: 100%;background: #fff; /* Old browsers */z-index: 1000;-webkit-transform: translateX(0);  /* Chrome, Opera 15+, Safari 3.1+ */-ms-transform: translateX(0);  /* IE 9 */transform: translateX(0);  /* Firefox 16+, IE 10+, Opera */}
#loader-wrapper .loader-section.section-left {left: 0;}
#loader-wrapper .loader-section.section-right {right: 0;}

/* Loaded */
.loaded #loader-wrapper .loader-section.section-left {-webkit-transform: translateX(-100%);  /* Chrome, Opera 15+, Safari 3.1+ */-ms-transform: translateX(-100%);  /* IE 9 */transform: translateX(-100%);  /* Firefox 16+, IE 10+, Opera */-webkit-transition: all 0.7s 0.3s cubic-bezier(0.645, 0.045, 0.355, 1.000);  transition: all 0.7s 0.3s cubic-bezier(0.645, 0.045, 0.355, 1.000);}
.loaded #loader-wrapper .loader-section.section-right {-webkit-transform: translateX(100%);  /* Chrome, Opera 15+, Safari 3.1+ */-ms-transform: translateX(100%);  /* IE 9 */transform: translateX(100%);  /* Firefox 16+, IE 10+, Opera */-webkit-transition: all 0.7s 0.3s cubic-bezier(0.645, 0.045, 0.355, 1.000);  transition: all 0.7s 0.3s cubic-bezier(0.645, 0.045, 0.355, 1.000);}
.loaded #loader {opacity: 0;-webkit-transition: all 0.3s ease-out;  transition: all 0.3s ease-out;}
.loaded #loader-wrapper {visibility: hidden;-webkit-transform: translateY(-100%);  /* Chrome, Opera 15+, Safari 3.1+ */-ms-transform: translateY(-100%);  /* IE 9 */ transform: translateY(-100%);  /* Firefox 16+, IE 10+, Opera */-webkit-transition: all 0.3s 1s ease-out;  transition: all 0.3s 1s ease-out;}
/* JavaScript Turned Off */
.no-js #loader-wrapper {display: none;}
.no-js h1 {color: #222222;}
#loader-wrapper .load_title {
    font-family:'Open Sans';
    color:#FFF; font-size:19px; width:100%; text-align:center; z-index:9999999999999; position:absolute; top:60%; opacity:1; line-height:30px; }
#loader-wrapper .load_title span {  font-weight:normal; font-style:italic; font-size:13px; color:#FFF; opacity:0.5;}
.loadtp{font-family:'Open Sans';
    color:#FFF; font-size:19px; width:100%; text-align:center; z-index:9999999999999; position:absolute; top:30%; opacity:1; line-height:30px;}
@media screen and (min-width:1280px) {
.bp-hs{height: 517px;}
}
@media screen and (min-width:1440px) {
.bp-hs{height: 576px;}
}
@media screen and (min-width:1680px) {
.bp-hs{height: 680px;}
}



@media screen and (max-width:768px){
    .banner img{ max-width: 100%;}
    .main{
        width: 100%;
    }
    .stage{
        width: 100%; float: left;
    }
    .header{
        height: .8rem;
    }
    .header .logo{
        height: .5rem; margin: .15rem;
    }
    .header .logo img{
        max-height: 100%;
    }

    header .menu{ display: block; position: fixed; box-sizing: border-box; padding: 0 .07rem; top: .2rem; right: .2rem; width: .4rem; height: .4rem; z-index: 100;}
    header .menu span{ width: 100%; height: 3px; background: var(--maincolor); position: relative; margin-top: .19rem; display: block; position: relative; transition: all 0.2s ease-in-out;}
    header .menu span::before,
    header .menu span::after{ content: ""; position: absolute; bottom: -.08rem; left: 0; width: 100%; height: 3px; background: var(--maincolor); display: block; transition: all 0.4s ease-in-out .1s;}
    header .menu span::before{ top: -.08rem;}
    header .menu.open span{ background: none;}
    header .menu.open span::before{ transform: rotate(-45deg); top: 0; background: #fff;}
    header .menu.open span::after{ transform: rotate(45deg); bottom: 0; background: #fff;}
    .header ul.nav{ position: fixed; height: 100vh; width: 40%; padding: 0; top: 0; right: -40%; background: var(--maincolor); display: flex; flex-direction: column; justify-content:flex-start; align-items: flex-start; box-sizing: border-box; padding-top: .7rem;}
    .header .nav.open{ right: 0; }
    .header ul.nav{ height: 100%; padding-left: 0;}
    .header .nav .l{ padding-right: 0;}
    .header ul.nav li{ width: 100%; margin: 0; height: auto;  border-bottom: 1px solid rgba(255,255,255,.2);}

    .header ul.nav li a{ margin: 0; box-sizing: border-box; padding: 0 .2rem; height: .6rem; line-height: .6rem; font-size: .18rem; color: #fff; text-align: right; width: 100%; transition: all 0.3s ease-in-out;}
    .header ul.nav li a.cur,
    .header ul.nav li a:hover{ font-weight: bold; color: #fff;}
    .header ul.nav li a.cur::after{ height: 3px; width: 0; background: #0061ae; transition: all 0.6s ease-in-out .6s;}
    .header .nav.open ul li a.cur::after{ width: 100%;}
    .header .nav li a:hover, .header .nav li a.cur, .header .nav li.cur a{
        color: #fff;
    }
    .slideBox .bd li img{
        max-width: 100%;
    }
    /* 关于 */
    .i-about{
        margin: .2rem 0;
    }
    .i-about .about-l{
        width: 100%; box-sizing: border-box; padding: 0 .2rem;
    }
    .i-about .about-l .about-l-tit{
        font-size: .24rem;
    }
    .i-about .about-l .about-l-tit b{
        font-size: .64rem;
    }
    .i-about .about-l .about-l-text{
        font-size: .14rem; line-height: 1.75; padding-bottom: .1rem;
    }
    .i-about .about-l .about-l-text p {
        text-indent: .28rem;
    }
    .i-about .about-l .about-l-list li{
        height: 1rem; padding-top: .5rem; line-height: .44rem; font-size: .14rem; margin-top: .1rem;
    }
    .i-about .about-l .about-l-list li.i-ab-icon01{
        background-position-y: .25rem;
    }
    .i-about .about-l .about-l-list li.i-ab-icon02{
        background-position-y: .21rem;
    }
    .i-about .about-l .about-l-list li.i-ab-icon03{
        background-position-y: .2rem;
    }
    .i-about .about-r{
        width: 100%; box-sizing: border-box; padding: 0 .2rem; margin-top: .2rem;
    }
    .i-product{
        padding: .2rem 0 .6rem;
    }
    .i-product .tit{
        box-sizing: border-box; padding: 0 .2rem; margin: .2rem 0 .4rem;
    }
    .i-product-list{
        box-sizing: border-box; padding: 0 10%;
    }
    .i-product-list ul li{
        border: none; height: auto;
    }
    .i-product-list ul li a{
        border: .05rem solid var(--maincolor); box-sizing: border-box; width: 100%; float: left;
    }
    .i-product-list ul li .img{
        width: 100%;
    }
    .i-product-list li img{
        max-height: 100%;
    }
    .i-product-list .prev{
        left: .1rem; z-index: 2; box-shadow: 0 0 5px #ccc; font-family: "宋体"; font-size: .24rem;
    }
    .i-product-list .next{
        right: .1rem; z-index: 2; box-shadow: 0 0 5px #ccc; font-family: "宋体"; font-size: .24rem;
    }

    /* 新闻中心 */
    .i-zh{
        padding: .2rem; box-sizing: border-box;
    }
    .i-news{
        width: 100%; margin: .3rem 0;
    }
    .i-news .list{
        margin-top: .2rem;
    }
    .i-news .list li{
        margin-bottom: .2rem;
    }
    .i-news .list li a{
        display: flex; justify-content: left;
    }
    .i-news .list .img{
        width: 1rem; flex-shrink: 0;
    }
    .i-news .list .img img{
        max-height: 1rem;
        height: auto;
    }
    .i-news .list dl{
        width: 100%; flex-shrink: 1; margin-left: .2rem;
    }
    .i-news .list dl dt{
        font-size: .16rem; line-height: 1.5; height: .24rem;
    }
    .i-news .list dl dd{
        font-size: .12rem; line-height: .21rem; height: .42rem;
    }

    .i-links{
        width: 100%;
    }
    .i-links .list,.i-links .pr-nav-list{
        margin-top: .2rem;
    }
    .i-links .list li{
        padding-left: .27rem; margin: .12rem 0;
    }
    .i-links .list li:before{
        width: .16rem;
    }
    .i-contact{
        width: 100%; padding: 0;
    }
    .i-contact .list{
        margin-top: .2rem; 
    }
    .footer{
        height: auto; line-height: 1.75; padding: .15rem .2rem; box-sizing: border-box; text-align: center; border-top: 1px solid #333; position: relative;
    }
    .footer p{
        width: 100%;
    }
    .footer ul{
        display: none;
    }
}
/*
@media screen and (max-width:1440px){
    .i-about,.i-product,.i-zh,.footer{ box-sizing: border-box; padding: 0 40px 0 200px;}
    .main{ width: 100%;}
}

@media screen and (max-width:1366px){
    .i-about,.i-product,.i-zh,.footer{ box-sizing: border-box; padding: 0 40px 0 200px;}
    .i-about .about-l{ width: 600px;}
    .main{ width: 100%;}

}

@media screen and (max-width:1280px){
    .i-about,.i-product,.i-zh,.footer{ box-sizing: border-box; padding: 0 40px 0 200px;}
    .main{ width: 100%;}

}

*/