@charset "utf-8";
@import url("bootstrap.min.css");
@import url("swiper.min.css");
@import url("icomoon.css");
@font-face{font-family: 'HelveticaDIN';src : url('../fonts/DIN Medium.ttf');}
@font-face{font-family: 'Helvetica';src : url('../fonts/Helvetica CE Bold.ttf');}
html,body,ul,li{margin:0;padding:0;height:100%; font-size:14px; color:#333;-webkit-text-size-adjust:none;}
h1,h2,h3,h4,h5,h6,hr,blockquote,dl,dt,dd,ul,ol,li,pre,form,fieldset,legend,button,input,textarea{margin:0;padding:0;list-style:none;font-size:14px; color:#333; font-weight:normal}
em{ font-style:normal}
input,dl,dt,dd{-webkit-tap-highlight-color:rgba(255,255,255,0); display:inline-block; vertical-align:top}
input{font-size:14px;outline:0;display: inline-block;}
input[type=button]{cursor:pointer}
select{margin:0}
li{list-style:none}
img{display: inline-block; border:none}
a{text-decoration:none;color:#333;-webkit-tap-highlight-color:rgba(0,0,0,0);-webkit-touch-callout: none; -webkit-user-select: none;transition: all 0.2s;}
a:hover{ color:#96C230;text-decoration:none;}
a,input,button,textarea,i{ outline:none; }
.fl{float: left;}
.fr{float: right;}
.pcshow{display:block}
.mobileshow{display: none;}
.header{ background:rgba(0,0,0,0.85); width:100%; height:85px;position: fixed;left: 0;top: 0;z-index: 200}
.header .menu{ padding-left:1%;width:100%; position:relative; background:url(../images/point.gif) repeat-x bottom; z-index:1000; height:85px}
.header .menu .icon{ background:url(../images/icon.png) no-repeat 29px 31px #28292b; width:85px; height:85px; cursor:pointer;display: inline-block;vertical-align: top}
.header .menu .icon.this{ background-position:29px -61px}
.header .menu ul{ height:85px; padding-left:30px; width:50%;display: inline-block;vertical-align: top}
.header .menu ul li{ display: inline-block;}
.header .menu ul li > a{ color:#fff; font-size:15px;position: relative;height: 85px;line-height: 85px;display: block;padding:0 20px;}
.header .menu ul li > a:hover{ text-decoration:none}
.header .menu ul li > a:after{content:'';background:#96C230; width:0; height:1px; position:absolute; z-index:10; left:50%; bottom:0;transition: all .2s}
.header .menu ul li.on > a{color: #96C230;}
.header .menu ul li a:hover:after{width: 100%;left:0;}
.header .tel{background:url(../images/400.png) no-repeat 0 13px; width:223px; height:45px; display:block; position:absolute; left:-250px; top:16px}
.header .logo{ height:85px; border-bottom:2px #96C230 solid; float:right; padding:13px 3% 0 10px; position:absolute; right:0; top:0;z-index: 1001;}
.header .logo a{color:#fff}
.header .logo a:first-child{ background:url(../images/logo.png) no-repeat; width:230px; height:56px;display: block;padding-left: 130px;color: #fff;font-size: 20px;font-weight: bold;padding-top: 25px;display: inline-block;}
.header .logo a:first-child sup{font-weight: normal;font-size: 14px;top: -8px}
.header .logo span{font-size: 20px;color: #fff;display: inline-block;border-left:1px rgba(255,255,255,.2) solid;padding-left:25px;}
.header .logo span i{margin-right:5px;}
.totalmenu,.header .menu ul li span{ background: url(../images/menu_bg.png); padding-left:1%;width:100%; height:0; overflow: hidden; position: fixed; z-index:100; top:85px; left:0;}
.totalmenu i{ width:85px; height:220px;display: inline-block;}
.totalmenu dl{ width:140px}
.totalmenu dl:nth-child(4){width: 250px;}
.totalmenu dl dt{ background:url(../images/icon.png) no-repeat -70px -42px; border-bottom:2px #fff solid; width:90%; height:52px;}
.totalmenu dl dt a{font-size: 0;}
.totalmenu dl dt.m2{ background-position:-72px -110px}
.totalmenu dl dt.m3{ background-position:-72px -177px}
.totalmenu dl dt.m4{ background-position:-72px -243px}
.totalmenu dl dt.m5{ background-position:-72px 26px}
.totalmenu dl dd{ width:90%; padding-top:12px;font-size: 0}
.totalmenu dl dd a{ display:inline-block;width: 100%; line-height:28px; color:#fff; font-size:13px}
.totalmenu dl:nth-child(4) dd a{width: 50%}
.totalmenu dl dd a:hover{ color:#96C230; text-decoration:none}
.totalmenu .nav_cont{ float:right; color:#fff; padding-right:13.8%; padding-top:28px; font-size:14px; line-height:30px}
.totalmenu .nav_cont i{ background:url(../images/400.png) no-repeat 0 13px; width:223px; height:45px; display:block}
.header .menu ul li span{ height:40px; top:85px; left:0; display:none; line-height:20px; }
.header .menu ul li span h1{ width:30px; height:30px; background:url(../images/icon.png) no-repeat -70px -56px; margin-left:100px;display: inline-block;}
.header .menu ul li span h1.t2{ background-position: -70px -124px}
.header .menu ul li span h1.t3{ background-position: -70px -190px}
.header .menu ul li span h1.t4{ background-position: -70px -258px}
.header .menu ul li span h1.t5{ background-position: -70px 11px}
.header .menu ul li span a{ padding:0 15px; line-height:39px; text-indent:0; font-size:13px;display: inline-block;vertical-align: top;color:#fff}
.header .menu ul li span a:hover{ color:#96C230;border-bottom:1px #96C230 solid;}
@media(max-width:1499px){
    .totalmenu .nav_cont{ padding-right:13%;}
}
@media(max-width:1299px){
    .header{ height:70px;}
    .header .menu .icon{background:url(../images/icon.png) no-repeat 23px 24px #28292b;width:70px; height:70px;}
    .header .menu .icon.this{ background-position:23px -68px}
    .header .menu ul li a{ font-size:14px;height: 70px;line-height:70px;}
    .header .menu ul{width:70%;}
    .header .logo{ height:70px;padding-top:0;}
    .header .logo a:first-child{width: 180px;padding-left: 90px;background-size: 64% auto;background-position:left 17px;}
    .header .logo span{font-size: 18px;}
    .totalmenu i{ width:25px;}
    .totalmenu .nav_cont{ padding-right:8%;}
    .totalmenu,.header .menu ul li span{top: 70px}
}
@media(max-width:1199px){
    .totalmenu dl{ width:120px}
    .totalmenu dl:nth-child(4){width:230px}
    .header .menu ul li a{padding:0 12px;}
}
@media(max-width:991px){
    .totalmenu{padding:0 3%}
    .totalmenu i{display: none;}
    .totalmenu dl,.totalmenu dl:nth-child(4){width: 100%;}
    .totalmenu dl dt{border-bottom:1px rgba(255,255,255,.5) solid;width:100%;height:60px}
    .totalmenu dl dt a{color:#fff;font-size:15px;font-weight:bold;padding-left: 30px;line-height:70px;}
    .totalmenu dl dd a,.totalmenu dl:nth-child(4) dd a{width: 33.333%;font-size:14px}
    .header .menu ul{display: none}
    .totalmenu .nav_cont{ float:left;font-size:14px}
}
@media(max-width:767px){
    .header .menu{ padding-left:0;}
    .header .logo{padding-right: 2%}
    .header .logo a:first-child{width: 155px;font-size: 16px;background-size: 72% auto;}
    .header .logo a:first-child sup{font-size: 12px;top: -4px}
    .header .logo span{font-size: 14px;padding-left: 10px;}
}
@media(max-width:576px){
    .pcshow{display:none}
    .mobileshow{display: block;}
}
.banner,.banner-inner {width: 100%;position: relative;}
.banner .swiper-slide{overflow: hidden}
.banner-slide .bgimg,.banner-inner .bgimg{position:relative;overflow: hidden;}
.banner .swiper-slide .bgimg img,.banner-inner .bgimg img{width: 100%}
.banner-slide .bgimg:after{height:950px;content:'';display:block}
.banner .swiper-slide .bgimg img{position:absolute;left:50%;height:100%;width:auto;top:0;-moz-transform: translateX(-50%);-ms-transform: translateX(-50%); -webkit-transform: translateX(-50%);transform: translateX(-50%);}
.banner-inner .bgimg img{width: 100%}
.banner .swiper-slide .text,.banner-inner .text{position: absolute;left:0;top: 40%;z-index: 2;width: 100%;text-align: center;}
.banner-inner .text{top: 45%;}
.banner .swiper-slide .text.flowleft{left:15%;width:42%;text-align: left;}
.banner .swiper-slide .text h1,.banner-inner .text h1{font-size: 3.2em;font-weight: bold;color: #fff;position: relative;margin-bottom:10px;text-shadow: 5px 5px 5px rgba(0,0,0,0.1);}
.banner .swiper-slide .text h2,.banner-inner .text h2{font-size:1.8rem;text-transform: capitalize;color: #fff;padding: 3px 0;text-shadow: 0 2px 5px rgba(0,0,0,0.4);margin-bottom: 40px}
.banner .swiper-slide .text h3,.banner-inner .text h3{font-size: 13px;color:rgba(255,255,255,.6);}
.banner .swiper-slide .text h1{transform:translateY(200px);opacity:0;transition:all .6s;}
.banner .swiper-slide .text h2{transform:translateY(400px);opacity:0;transition:all .6s;}
.banner .swiper-slide .text h3{transform:translateY(600px);opacity:0;transition:all .6s;}

.banner.home .swiper-slide-active .text h1,.banner.home .swiper-slide-active .text h2,.banner.home .swiper-slide-active .text h3{transform:translateY(0px);opacity:1;}
.banner.home .swiper-slide-active .img,.banner.ban-product .swiper-slide-active .img{transform:translateX(0px);opacity:1;}
.banner .swiper-button-next,.banner .swiper-button-prev{opacity:0.9}
.banner .swiper-button-next:after,.banner .swiper-button-prev:after{font-size: 20px;color: #fff;}
.banner .swiper-container-horizontal>.swiper-pagination-bullets{bottom: 68px}
.banner .swiper-pagination-bullet {position: relative;z-index: 11;width:6px;height: 6px;border-radius: 50%}
.banner .swiper-pagination-bullet::after {content: '';display: block;position: absolute;left:0;top: 0px;width:0;height: 6px;z-index: 10;background:rgba(255,255,255,.3);}
.banner .swiper-pagination-bullet.swiper-pagination-bullet-active::after {-webkit-animation: w100 4000ms 1;animation: w100 4000ms 1;}
.banner .swiper-pagination-bullet:first-child.swiper-pagination-bullet-active::after {-webkit-animation: w100 114000ms 1;animation: w100 114000ms 1;}
.banner .swiper-pagination-bullet-active{background: #fff}
.banner .swiper-pagination-bullet .circle-timer{transform: translate(-50%,-50%) scale(0) rotate(-90deg);left: 4px;top: 1px;position: relative;}
.banner .swiper-pagination-bullet.swiper-pagination-bullet-active .circle-timer {transform: translate(-50%,-50%) scale(1) rotate(-90deg)}
.banner .swiper-pagination-bullet.swiper-pagination-bullet-active .progress { animation: rotate 14000ms linear both;}
@keyframes rotate {
    from {stroke-dashoffset: 190px;}to{stroke-dashoffset: 0px;}
}
.banner-inner .text h1{-webkit-animation: mymove 500ms 1;animation: mymove 500ms 1;}
.banner-inner .text h2{-webkit-animation: mymove 800ms 1;animation: mymove 800ms 1;}
.banner-inner .text h3{-webkit-animation: mymove 1100ms 1;animation: mymove 1100ms 1;}

@keyframes mymove{from {transform:translateY(200px);opacity:0}to {transform:translateY(0px);opacity:1}}
.vjs-tech, .video-dimensions, #video_html5_api, .vjs-paused, .vjs-controls-disabled{width: 100%;height: 100%}
.vjs-control-text{font-size:0}
@media(max-width:1299px){
    .banner .swiper-slide .text h1,.banner-inner .text h1{font-size: 3rem;margin-bottom:10px}
    .banner .swiper-slide .text h2,.banner-inner .text h2{font-size:1.6rem;}
    .banner .swiper-slide .text a,.banner-inner .text a{padding:5px 25px;border:1px #fff solid;font-size: 18px;margin-top: 30px;}
    .banner-inner .bgimg:after{height:400px;content:'';display:block}
    .banner-inner .bgimg img{position:absolute;left:50%;height:100%;width:auto;top:0;-moz-transform: translateX(-50%);-ms-transform: translateX(-50%); -webkit-transform: translateX(-50%);transform: translateX(-50%);}
}
@media(max-width:1099px){
    .banner .swiper-slide .text,.banner-inner .text{top: 42%;}
}
@media(max-width:991px){
    .banner .swiper-slide .text.flowleft{width:84%;left:8%}
    .banner-inner .text{top: 44%;}
    .banner .swiper-slide .text h1,.banner-inner .text h1{font-size: 2.5rem;margin-bottom:10px}
    .banner .swiper-slide .text h2,.banner-inner .text h2{font-size:1.4rem;}
    .banner .swiper-slide .text a,.banner-inner .text a{font-size: 16px;margin-top: 20px;}
    .banner .swiper-container-horizontal>.swiper-pagination-bullets{bottom:60px}
}
@media(max-width:576px){
    .banner-slide .bgimg:after{height:760px;}
    .banner-inner .bgimg:after{height:320px;}
    .banner .swiper-slide .text{top: 44%;}
    .banner-inner .text{top: 52%;}
    .banner .swiper-slide .text h1,.banner-inner .text h1{font-size: 2rem;margin-bottom:5px}
    .banner .swiper-slide .text h2,.banner-inner .text h2{font-size:1.1rem;}
    .banner .swiper-slide .text a,.banner-inner .text a{font-size: 12px;margin-top: 10px;}
    .banner .swiper-container-horizontal>.swiper-pagination-bullets{display:none}
    .banner .swiper-button-next,.banner .swiper-button-prev{left: 10%}
    .banner .swiper-button-prev{left: 7%}
}

.section .row{height: 100%}
.home-about{background: url(../images/iabout1.jpg) no-repeat;background-size: cover;height: 100%;padding-top: 10%;padding-left: 5%;padding-right: 6%}
.home-about .title{font-size: 30px;color: #999}
.home-about .history{padding-top: 20%}
.home-about .history dl{border-right: 1px rgba(0,0,0,0.1) solid;padding:20px 0;text-align: right;padding-right: 10%}
.home-about .history dl dt{display: block;font-size: 16px}
.home-about .history dl dt h1{font-size: 65px;font-family: 'HelveticaDIN';color: #111;display: inline-block;margin-right: 5px;vertical-align: top;letter-spacing: -2px}
.home-about .history dl dd{display: block;margin-top: 10px;color: #999}
.home-about .more{padding-top: 15%;display: block;}
.home-about .more a{background: #fff;width: 80px;height: 80px;border-radius:50%;display: block;line-height: 80px;text-align: center;font-family: 'Arial';font-size: 40px;vertical-align: top}
.home-about .more a:hover{background: #333;color: #fff}
.section2 .brand-intro{padding-top: 50px;font-size: 15px;line-height: 28px;color: #5a5a5a;text-shadow: 0 2px 2px rgba(0,0,0,0.3);}
@media(max-width:1399px){
    .home-about .history dl dt h1{font-size: 50px;}
}
@media(max-width:1199px){
    .home-about .history dl dt h1{font-size: 40px;}
}
@media(max-width:991px){
    .section2 .row{position: relative;background:url(../images/comp.jpg) no-repeat center center;background-size:cover}
    .section2 .row .home-about{position:absolute;display:block;top:8%;z-index:1;background:none;padding-left: 5%;padding-right:5%}
    .section2 .row > div:last-child img{display:none}
    .home-about .title{font-size: 25px;padding-top: 10px;color:#fff}
    .home-about .history dl{border-right: 1px rgba(255,255,255,0.1) solid;}
    .home-about .history dl dt{color: #fff;}
    .home-about .history dl dt h1{font-size: 45px;color:#fff}
    .home-about .history dl dd{font-size: 13px;color:#fff}
    .home-about .history{padding-top: 0}
    .home-about .more{padding-top:0;padding-bottom: 20px;}
    .home-about .more a{width: 50px;height: 50px;line-height: 50px;font-size: 30px;}
    .section2 .brand-intro{padding-top: 40px;font-size: 14px;line-height: 25px;padding-bottom: 20px;color:#fff}
}
@media(max-width:576px){
    .home-about .title{font-size: 20px;}
    .home-about{padding-left: 5%;padding-right: 5%}
    .home-about .history dl dt h1{font-size:32px;line-height:32px}
    .home-about .history dl{padding-right: 3%}
    .home-about .more{padding-top:10px;}
    .home-about .more a{width: 40px;height: 40px;line-height: 40px;font-size: 25px;}
    .section2 .brand-intro{padding-top:0px;font-size: 13px;line-height: 20px;}
}

.section2 .row > div:last-child{padding:0;position: relative;}
.section2 .home-intro{padding-bottom: 50px;font-size: 15px;line-height: 28px;color: #fff;width: 80%}
.section2 .local i{color: #fff;font-size: 25px;margin-bottom: 20px;display: block;}
.section2 .row > div:last-child .intro{position: absolute;bottom:0;width: 100%;left: 0;padding:8%;z-index:1}
.section2 .row > div:last-child .intro dl{width: 100%;border-top: 1px rgba(255,255,255,.2) solid;padding-top: 30px}
.section2 .row > div:last-child .intro dl a dt{font-size: 25px;display: block;color:#fff;transition: all .2s}
.section2 .row > div:last-child .intro dl a dd{color:rgba(255,255,255,.8);display:inline-block;padding-top: 20px;padding-bottom: 10px;position: relative;}
.section2 .row > div:last-child .intro dl a dd:after{content: '';position: absolute;left: 0;bottom: 0;width: 0;height: 1px;background: #96C230;transition: all .2s}
.section2 .row > div:last-child .intro dl a i{transition: all .2s}
.section2 .row > div:last-child .intro dl a:hover dd{color:#96C230}
.section2 .row > div:last-child .intro dl a:hover dd i{margin-left: 5px}
.section2 .row > div:last-child .intro dl a:hover dd:after{width: 100%}
@media(max-width:991px){
    .section2 .row > div:last-child .intro{padding: 0 5%;}
    .section2 .home-intro{width: 100%;padding-bottom: 20px;}
    .section2 .row > div:last-child .intro dl{padding-top: 20px}
    .section2 .row > div:last-child .intro{bottom:3%;}
}
@media(max-width:576px){
    .section2 .home-intro{font-size: 13px;line-height: 25px;}
}
.home-product {background:url(../images/p.jpg) no-repeat center center;background-size: cover;position: relative;}
.home-product .title{position: absolute;left: 5%;top: 25%;width: 90%}
.home-product .title h1{color: #fff;font-size: 30px;line-height: 28px}
.home-product .title span{font-size: 16px;display: block;margin-top: 30px}
.home-product .title sup{top: -9px}
.circular{display: block;margin-top:50px;}
.circular dl{display: inline-block;width: 70px;text-align: center;margin-right: 15px;cursor: pointer}
.circular dl dt{display: block;width: 100%;transition: all .2s;position: relative;}
.circular dl dt i{font-size: 40px;width: 70px;height: 70px;line-height: 70px;text-align: center;color: #fff;border-radius:5px;border:1px rgba(255,255,255,.1) solid;display: inline-block;}
.circular dl dt:after,.circular dl dt:before{content: '';width: 70px;height: 70px;border-radius:5px;background:rgba(150,194,48,.2);display: inline-block;position: absolute;left: 0;top:0;transition: all .2s;opacity: 0}
.circular dl dt:before{background: rgba(150,194,48,.05)}
.circular dl.this dt i{background:rgba(150,194,48,.8);}
.circular dl.this dt:after{-webkit-animation: cirzoom .8s linear infinite normal;animation: cirzoom .8s linear infinite normal;}
.circular dl.this dt:before{-webkit-animation: cirzoom2 .8s 100ms linear infinite normal;animation: cirzoom2 .8s 100ms linear infinite normal;}
.circular dl dd{color: #fff;margin-top: 10px;font-size: 13px}
.home-product .more,.patent .more{display: block;margin-top: 60px}
.home-product .more a,.patent .more a{color:rgba(255,255,255,.8);position: relative;display: inline-block;;padding-bottom: 10px}
.home-product .more a:after,.patent .more a:after{content: '';position: absolute;left: 0;bottom: 0;width: 0;height: 1px;background: #96C230;transition: all .2s}
.home-product .more a i,.patent .more a i{transition: all .2s}
.home-product .more a:hover,.patent .more a:hover{color: #96C230;}
.home-product .more a:hover i,.patent .more a:hover i{margin-left: 5px}
.home-product .more a:hover:after,.patent .more a:hover:after{width: 100%}
.home-product .intro {position: absolute;bottom: 80px;left: 0;width: 42%;left:5%}
.home-product .intro dl{border-top: 1px rgba(255,255,255,.2) solid;padding-top: 40px;width: 100%;display: block;}
.home-product .intro dl dt{padding-bottom: 30px;display: block}
.home-product .intro dl dt h1{font-size: 25px;color: #fff}
.home-product .intro dl dd{font-size: 15px;font-size:0}
.home-product .intro dl dd p{font-size:15px;color: rgba(255,255,255,.8);display: inline-block;line-height: 30px;width: 33.33%;margin:0;}
.home-product .intro dl dd i{margin-right: 5px}
@media(max-width:1499px){
    .home-product .intro {width: 50%}
}
@media(max-width:1299px){
    .home-product .intro {width: 60%}
}
@media(max-width:1099px){
    .home-product .title h1{font-size: 25px;}
    .home-product .intro {width: 80%}
    .home-product .title span{font-size: 15px;margin-top: 20px}
    .circular dl dd{font-size: 12px}
    .circular dl{width: 60px;margin-right: 10px;}
    .circular dl dt i{font-size: 34px;width: 60px;height: 60px;line-height: 60px}
}
@media(max-width:991px){
    .home-product .title{top:18%;}
    .section2 .row > div:last-child .intro dl a dt{font-size: 20px;}
}
@media(max-width:767px){
    .home-product .intro dl dt{padding-bottom: 15px}
    .home-product .title h1,.home-product .intro dl dt h1{font-size: 20px;}
    .home-product .title span{font-size: 14px;margin-top: 15px}
    .home-product .intro {width: 90%}
    .home-product .intro dl dd p{font-size:12px;line-height: 25px;width: 50%;}
    .circular dl{width: 50px;margin-right: 6px;}
    .circular dl dt i{font-size: 30px;width: 50px;height: 50px;line-height: 50px}
    .section2 .row > div:last-child .intro dl a dt{font-size: 18px;}
    .home-product .intro {bottom:40px;}
    .patent .more{margin-top: 30px}
}
@media(max-width:576px){
    .home-product {background:url(../images/p2.jpg) no-repeat center center;background-size: cover}
}
@keyframes cirzoom{0% {width: 70px;height: 70px;line-height: 70px;opacity:0} 60% {width:80px;height: 80px;line-height:80px;opacity:1;left: -5px;top: -5px} 100% {width:80px;height: 80px;line-height:80px;left: -5px;top: -5px;opacity:0}}
@keyframes cirzoom2{0% {width: 70px;height: 70px;line-height: 70px;opacity:0} 60% {width:90px;height:90px;line-height:90px;opacity:1;left: -10px;top: -10px} 100% {width:90px;height:90px;line-height:90px;left: -10px;top: -10px;opacity:0} }

.home-case{background:url(../images/casebg.jpg) no-repeat;background-size: cover;padding:0 8%;}
.comm-title{text-align: center;display: block;width: 100%;margin-top: 80px}
.comm-title h1{color:#fff;font-size: 30px;position: relative;padding-bottom: 30px;margin-top: -38px;}
.comm-title h1:after{content: '';background: #96C230;width:50px;height: 2px;position: absolute;left: 50%;margin-left: -25px;bottom: 0px}
.comm-title h2{color:rgba(255,255,255,0.07);font-size: 55px;font-family: 'Helvetica';text-transform:uppercase;}
.home-case .navigation {display: block;font-size: 0;margin-top: 1.5%;text-align: center;width: 100%;margin-bottom: 2%;padding:0 255px;}
.home-case .navigation li{font-size: 14px;padding:15px 0;display: inline-block;color: #fff;position: relative;font-size: 16px;cursor: pointer;}
.home-case .navigation li:after{content: '';background:#96C230;width:0;height: 1px;position: absolute;left: 50%;bottom: 0px;opacity: 0.6;transition: all .2s}
.home-case .navigation li.this{color: #96C230}
.home-case .navigation li.this:after{width: 60%;left: 20%;}
.case-content dl{}
.case-content dl a{background:rgba(255,255,255,.05);display: block;padding:20px;transition: all .2s;width: 100%}
.case-content dl a:hover{background: rgba(255,255,255,.1);}
.case-content dl a dt{display: block;overflow: hidden;width: 100%}
.case-content dl a dt img{width: 100%;transition: all .2s}
.case-content dl a:hover dt img{transform: scale(1.05);}
.case-content dl a dd{padding-top:20px;width: 100%;display: block;}
.case-content dl a dd h1{color: #fff;font-size: 18px;display: block;position:relative;padding-right: 30px;}
.case-content dl a dd h1 i{position: absolute;right: 0;font-size: 20px;color: #fff;top: 0;}
.case-content dl a dd p{margin-top: 20px;height:72px;line-height: 24px;overflow: hidden;display: block;color: rgba(255,255,255,.6);}
.case-content dl a dd p b{font-weight:normal;color:red}
@media(max-width:1699px){
    .home-case .navigation {padding:0 80px;}
}
@media(max-width:1399px){
    .home-case .navigation {padding:0;margin-bottom: 4%;}
    .comm-title h2{font-size: 48px;}
    .home-case .navigation li{width: auto;margin-right: 60px;}
    .home-case .navigation li.this:after{width: 100%;left:0}
}
@media(max-width:991px){
    .home-case .navigation li{width: auto;margin-right: 40px;}
    .comm-title h1{margin-top: -30px;}
    .comm-title h2{font-size: 42px;}
    .home-case .navigation {margin-top: 5%;}
}
@media(max-width:576px){
    .home-case{padding:0 3%;}
    .home-case .navigation li{margin-right:25px;}
    .comm-title h1{margin-top: -25px;font-size:25px}
    .comm-title h2{font-size: 35px;}
    .home-case .navigation {margin-top: 12%;}
    .case-content dl a dd p{font-size: 13px;}
}
.home-news{background: #f0f0f0;}
.home-news .comm-title h1{color: #333}
.home-news .comm-title h2{color:rgba(0,0,0,.05);}
.home-news .list {padding:3% 8%;font-size: 0;width: 100%}
.home-news .list li {background: #fff;position: relative;width:calc(100%/3);display: inline-block;overflow: hidden;vertical-align:top}
.home-news .list li:before {content: "";border-left: 1px #e2e2e2 solid;position: absolute;left: 0;top: 0;width: 1px;height: 100%;z-index: 3;}
.home-news .list li:first-child:before{display: none}
.home-news .list li a .date {position: absolute;left: 0;top:0;z-index: 2;width: 150px;text-align: center;padding:10px 7%;background: #fff;transition: all .2s;}
.home-news .list li a .date h2{font-size: 44px; color: #000;font-weight:bold;font-family: 'Helvetica'}
.home-news .list li a .date h5{font-size: 14px; color: #b2b2b2;font-family: 'Arial'}
.home-news .list li a .text {padding:5% 8%; background: #fff;}
.home-news .list li a .text h3{ font-size: 16px;color: #000;border-bottom: #e2e2e2 1px solid;padding:15px 0;white-space: nowrap;text-overflow: ellipsis;overflow:hidden;display:block;line-height:30px;height:60px}
.home-news .list li a .text h3 sup{font-size: 13px;top: -5px;}
.home-news .list li a .text h4{ font-size: 14px;color: #808080; line-height: 24px;margin: 15px 0;display: -webkit-box;overflow: hidden;text-overflow: ellipsis;word-wrap: break-word;white-space: normal !important;-webkit-line-clamp: 3;-webkit-box-orient: vertical;height: 72px;}
.home-news .list li a .text h4 sup{font-size: 12px;top: -3px;}
.home-news .list li a .text h5{ font-size: 14px;color: #999; line-height: 24px;padding: 0px 0  15px 0;border-bottom: #e2e2e2 1px solid;display: none;}
.home-news .list li a .text h6 { font-size: 14px; margin-top: 20px;line-height: 30px;position: relative;display: inline-block;transition: all .2s;padding-bottom: 5px}
.home-news .list li a .text h6 i{padding-left:5px;display: inline-block;vertical-align: top;line-height: 30px}
.home-news .list li a:hover .text h6,.home-news .list li a:hover .text h3{color: #96C230}
.home-news .list li a .text h6:after{content: '';position: absolute;left: 0;bottom: 0;width: 0;height: 1px;background: #96C230;transition: all .2s}
.home-news .list li a:hover .text h6:after{width: 100%}
.home-news .list li a .pic {overflow: hidden;background: #000}
.home-news .list li a .pic img {width: 100%;transition: all .2s;opacity:.9}
.home-news .list li a:hover .date {padding:30px 2% 5% 2%;width: 20%;}
.home-news .list li a:hover .pic img{-webkit-transform:scale(1.1);-moz-transform:scale(1.1);-ms-transform:scale(1.1);-o-transform:scale(1.1);transform:scale(1.1);opacity: .6}
@media(max-width:1499px){
    .home-news .list li a .date {width: 130px;}
    .home-news .list li a:hover .date {width: 22%;}
}
@media(max-width:576px){
    .home-news .list {padding:3%;padding-top: 8%;}
}
.section.fp-auto-height{background: #f8f8f8;}
.section .index-join{padding:100px 5% 30px 5%;}
.index-join-content {width: 100%;position: relative;}
.index-join-content .title-1 {font-size: 30px;font-weight: bold;}
.index-join-content .title-1 span{color: #999;display: block;font-size: 20px;padding-top: 5px;font-weight: normal}
.index-join-content .right-3 {position: absolute;right: 0;top: 0;}
.index-join-content .right-3 a {display: block;width: 30px;height: 30px;background: url(../images/r2.png) center no-repeat;}
.index-join-content .right-3 a:hover {opacity: .5;}
.index-join-content .join-2 {float: right;overflow: hidden;margin-top: 5%;}
.index-join-content .join-2 a {display: block;overflow: hidden;position: relative;background: #ededed;}
.index-join-content .join-2 .text-pic  {display: block;width: 100%;height: auto;overflow: hidden;}
.index-join-content .join-2 .text-pic-mark {position: absolute;width: 100%;height: 100%;z-index: 10;left: 0;top: 0;}
.index-join-content .join-2 .img-block{width: 70%}
.index-join-content .join-2 .yuanquan {width: 250px;height: 250px;position: absolute;left: 0;top: 0;z-index: 1;background: #000;border-radius: 100%;margin-left: 10%;}
.index-join-content .join-2 .yuanquan i{display: block;width: 250px;height: 250px;}
@media(max-width:991px){
    .index-join-content .join-2 .img-block{width: 58%}
}
@media(max-width:767px){
    .index-join-content .join-2 .img-block{width: 50%}
}
@media(max-width:576px){
    .section .index-join{padding-left:3%;padding-right: 3%}
    .index-join-content .title-1 {font-size: 20px;}
    .index-join-content .join-2 {margin-bottom: 8%;}
    .index-join-content .join-2 .img-block{width: 45%;padding-left: 8%}
    .index-join-content .title-1 span{font-size:16px;}
}
.comm-intro-title{display: block;padding-left: 100px;position: relative}
.comm-intro-title:after{content:'';background: #fff;width: 80px;top: 19px;left: 0;height: 3px;position: absolute;}
.comm-intro-title h2{color: #fff;font-size: 30px;font-family: 'HelveticaDIN';letter-spacing: -1px}
.comm-intro-title h2 sup{top: -10px;font-size: 16px;font-weight: normal;}
.comm-intro-title h1{color: #fff;font-size: 20px;font-weight: bold;line-height: 40px}
.comm-intro-title.black:after{content:'';background: #333;}
.comm-intro-title.black h2,.comm-intro-title.black h1{color: #333;}
.brand-info,.contact-info{background:#1e1e1e;padding:100px 10%;}
.brand-info .detail > div{padding:40px}
.brand-info .detail > div:first-child{padding-left: 100px;padding-top: 40px;}
.brand-info .detail > div:last-child{padding-right: 0}
.brand-info .detail > div:last-child img{width: 100%;border-top-left-radius: 80px;}
.brand-info .detail > div:first-child,.patent > div:last-child{color: #fff;font-size: 15px;line-height: 30px;}
.patent-intro{padding-left: 100px;}
.patent{background:url(../images/patent-bg.jpg) no-repeat center bottom #333;background-size:100% auto;padding:100px 10% 280px 10%;}
.patent .row > div{padding:0;}
.patent > div:last-child{padding-top: 30px}
.patent .comm-intro-title{margin-bottom: 50px}
@media(max-width:1599px){
    .patent{padding:80px 10% 150px 10%;}
}
@media(max-width:1299px){
    .brand-info,.contact-info,.patent{padding:100px 5%;}
    .patent > div:last-child{padding-top: 20px}
    .brand-info .detail > div:first-child{padding-left: 0;} 
    .brand-info .detail > div:last-child{padding-right: 0}
}
@media(max-width:991px){
    .comm-intro-title{margin-bottom:30px;padding-left: 70px;}
    .comm-intro-title:after{width:60px;top: 15px;height: 2px}
    .comm-intro-title h2{font-size: 25px;}
    .comm-intro-title h1{font-size: 18px;}
    .brand-info,.contact-info,.patent{padding:80px 3%;}
    .patent-intro,.brand-info .detail > div:first-child{padding:0;padding-left: 70px;}
    .brand-info .detail > div:last-child{padding-left: 70px;padding-bottom: 0}
    .patent{background-position:bottom center;background-size:auto 55%;height: 880px}
    .brand-info .detail > div:last-child img{border-top-left-radius: 40px;}
}
@media(max-width:576px){
    .comm-intro-title h2{font-size: 22px;}
    .comm-intro-title h1{font-size: 16px;}
    .brand-info,.patent{padding:40px 3%;}
    .patent{background-size:auto 38%;height: 700px}
    .patent-intro,.brand-info .detail > div:first-child{padding-left: 0;}
    .brand-info .detail > div:last-child{padding-left: 0;}
    .brand-info .detail > div:first-child,.patent > div:last-child{color: #fff;font-size: 13px;line-height: 25px;}
}

.history-inner {background: url(../images/history.jpg) no-repeat center top fixed;background-size: cover;overflow: hidden;position: relative;padding:120px 10% 80px 10%;}
.history-inner .hls-history > div:last-child{padding:0;}
.histor {position: relative;padding-top:1%;overflow: hidden;}
.histor-time-line {background: url(../images/hline.svg) center bottom no-repeat;}
.histor-time {width:100%;overflow: hidden; margin:auto;position: relative;}
.histor-time h3{padding-bottom: 50px;overflow: hidden; font-size: 40px;font-family: dincond;color: #676768;text-transform: uppercase;text-align: center;}
.histor-time .swiper-slide-thumb-active  h3,.histor-time .swiper-slide-active h3{color: #fff;}
.histor-main {position: relative;margin-top:50px;}
.histor-main li{background: #fff;padding:5%;overflow: hidden;font-size: 15px;line-height: 32px;text-align: center;}
.histor-time h3,.histor-main li{cursor: pointer;}
@media screen and (max-width: 991px){
    .history-inner {padding:50px 5%;}
    .hls-history {padding: 80px 0 40px 0;}
    .histor-time h3 {padding:40px 0;font-size: 28px;}
    .histor-main li{font-size: 14px;line-height: 25px}
    .about-inner .about-giansun .title h1, .honor-list .title h1, .contact-inner .title h1, .comm-center h1, .comm-center-left h1{font-size:50px;}
}
@media screen and (max-width: 576px){
    .history-inner {padding:40px 3%;}
    .histor-time h3{font-size: 24px;}
    .hls-history {padding: 40px 0 0 0;}
}

.cer-list,.cer-intro{padding-left: 100px;padding-top: 30px}
.cer-intro{line-height: 28px;font-size: 15px}
.cer-list{padding-left: 90px;}
.cer-list .row > dl{padding:10px;}
.cer-list .row > dl a{display: block;width: 100%;background: #fff;box-shadow: 0px 3px 10px 0px rgb(10 25 50 / 5%);padding:12px;}
.cer-list .row > dl a dt{overflow: hidden;width: 100%}
.cer-list .row > dl a dt img{width: 100%;transition: all .2s}
.cer-list .row > dl a:hover dt img{transform: scale(1.05);}
.cer-list .row > dl a dd{background: #fff;padding:15px;width: 100%;text-align: center;}
.cer-list .row > dl a dd h1{line-height: 20px;height: 20px;display: block;white-space: nowrap;text-overflow: ellipsis;width: 100%;overflow: hidden;}
.cer-list .row > dl a:hover dd h1{color: #96C230}
@media screen and (max-width: 991px){
    .cer-list,.cer-intro{padding-left:70px;padding-top: 0;}
    .cer-list{padding-left: 60px;padding-top: 20px;}
    .cer-intro{line-height: 24px;font-size: 14px}
}
@media screen and (max-width: 576px){
    .cer-list,.cer-intro{padding-left:0px}
    .cer-list .row > dl{padding:6px;}
    .cer-list{padding-left: 0;padding-top: 10px;}
    .cer-list .row > dl a{padding: 5px;}
}
.product-info{background: #f3f3f3;padding:80px 10%;}
.product-info.white{background: #fff;padding: 80px 10%}
.product-info .detail > div{padding:40px}
.product-info.white .detail > div{padding:0 40px}
.product-info .detail > div:first-child{padding-left: 0;}
.product-info .detail > div:last-child{padding-right: 0}
.product-info .detail > div:first-child .img{padding-left: 100px;}
.product-info .detail > div:first-child .img img{width: 55%;border-top-left-radius: 40px}
.product-info .detail > div:last-child .img{text-align: right;margin-top: 15px}
.product-info .detail > div:last-child .img img{width: 100%;border-top-left-radius: 40px}
.product-info .detail > div:first-child .img.auto img{width: 95%}
.product-info .detail .intro{padding-left: 100px;font-size: 15px;line-height: 30px;}
.product-info .detail .intro i{margin-right: 5px;line-height:30px;vertical-align:top}
.product-info .detail h3{display: block;font-size: 25px;font-weight: bold;color: #96C230;padding-bottom: 35px;}
.product-info .detail h3 span{padding-left: 10px;color: #96C230}
.product-info .detail h4{color: #333;font-size: 30px;font-weight: bold;line-height: 60px}
.product-info .detail h4 sup{top: -10px;font-size: 16px;font-weight: normal;}
.product-info .detail .intro p span{color: #96C230}
.product-info .present{display: block;width: 100%;margin-top: 55px}
.product-info .present .present-list dl{width: 100%;display: block;font-size: 0;overflow: hidden;padding:40px;background: #fff;}
.product-info .present .present-list dl dt{width: 50%;display: inline-block;vertical-align: top;position: relative;overflow: hidden;}
.product-info .present .present-list dl dt:after{content:'';height: 280px;display: block;}
.product-info .present .present-list dl dt img{position:absolute;left:50%;height:100%;width:auto;top:0;-moz-transform: translateX(-50%);-ms-transform: translateX(-50%); -webkit-transform: translateX(-50%);transform: translateX(-50%);}
.product-info .present .present-list dl dd{width: 50%;display: inline-block;vertical-align: top;padding-left: 5%;}
.product-info .present .present-list dl dd h1{font-size: 20px;color: #111;line-height: 40px;font-weight: bold;padding-bottom:8px;position: relative;display: inline-block;margin-bottom: 20px;}
.product-info .present .present-list dl dd h1:after{content:'';background: #111;width: 0;height: 2px;position: absolute;left: 0;bottom: 0;transition: all .3s .3s}
.product-info .present .present-list dl.swiper-slide-active dd h1:after{width: 100%}
.product-info .present .present-list dl dd p{font-size: 15px;line-height: 25px;display: block;}
.product-info .present .present-list dl dd b{line-height: 35px;}
.product-info .swiper-button-prev:after,.product-info .swiper-button-next:after{font-size: 16px;opacity: 1;}
.product-info .swiper-button-prev{left: 5px;opacity: 1;}
.product-info .swiper-button-next{right: 5px;opacity: 1;}
.product-info .detail .circular{padding-left: 100px;padding-bottom: 50px;margin-top: 0;}
.product-info .detail .circular dl dt i{color: #333;transition: all .2s}
.product-info .detail .circular dl dt i{border:1px rgba(0,0,0,.1) solid;}
.product-info .detail .circular dl dd{color: #333;transition: all .2s}
.product-info .detail .circular dl:hover dt i,.product-info .detail .circular dl:hover dd{color: #96C230}
.product-info.product-img {padding-top: 80px;}
.product-info.product-img .row{padding-top: 60px;}
.product-info.product-img .row > div{padding: 0}
.product-info.product-img .row > div:first-child{padding-left: 100px;}
.product-info.product-img .row > div:last-child{padding-left: 6%;}
.product-info.product-img .product-img-list{border:1px #eee solid;display: block;width: 100%}
.product-info.product-img .product-img-list img{width: 100%}
.product-info.product-img .specs h1{position: relative;font-size:28px;line-height: 35px;font-weight: bold;padding-top:15px;color: #111}
.product-info.product-img .specs h1:after{content:'';background: #999;width: 90px;height: 1px;position: absolute;left: 0;top: 0}
.product-info.product-img .specs h2{font-size: 14px;padding-top:8px;}
.product-info.product-img .group{width: 100%;display: block;padding: 20px 0;margin-bottom: 40px;}
.product-info.product-img .group dl{width: 28%;display: inline-block;text-align: center;margin-right: 5%}
.product-info.product-img .group dl:last-child{margin-right: 0}
.product-info.product-img .group.two dl{width: 16%}
.product-info.product-img .group dl dd{padding-top: 5px}
.product-info.product-img .group dl dt img{width: 100%}
.product-info.product-img .group.three dl{width: 16%;margin-right: 2%}
.product-info .application-list{margin-top: 50px;margin-left: 100px}
.product-info .application-list dl{position: relative}
.product-info .application-list dl dt{display: block;width: 100%}
.product-info .application-list dl dt img{width: 100%}
.product-info .application-list dl dd{display: block;text-align: center;line-height: 40px;font-size: 16px;background: rgba(0,0,0,0.5);width: 100%;position: absolute;left: 0;bottom: 0;color: #fff}
.product-info .table{padding-left: 100px;padding-top: 40px;padding-bottom: 40px}
.product-info .table table{width: 100%;border-right: 1px #ddd solid;border-bottom:1px #ddd solid }
.product-info .table table tr:nth-child(2n+1){background:rgba(150,194,48,0.1);}
.product-info .table table tr:first-child{background: #96C230;border-bottom: 4px #729f0b solid;;}
.product-info .table table tr:first-child td{color: #fff;font-size: 18px;font-weight: bold;}
.product-info .table table tr td{padding:18px 0;font-size: 15px;text-align: center;border-left:1px #ddd solid;vertical-align: middle;}
.product-info .table table tr td i{width: 100%;display: block;height: 1px;background: #eee;margin-top:8px;margin-bottom: 8px;}
.product-info .table .title{padding:20px 0;}
.product-info .table .title h1{font-size: 25px;font-weight: bold;}
.product-info .table .title h2{font-size: 16px;padding-top: 10px;}
@media screen and (max-width: 1199px){
    .product-info,.product-info.white{padding: 50px 5%}
}
@media screen and (max-width: 991px){
    .product-info .detail h3{font-size: 20px;}
    .product-info .detail h4{font-size: 25px;line-height:40px}
    .product-info .detail h4 sup{top: -6px;}
    .product-info .detail .intro,.product-info .detail > div:first-child .img,.product-info .present,.product-info.product-img .row > div:first-child,.product-info .table{padding-left: 70px;}
    .product-info.product-img .row{padding-top: 0;}
    .product-info .present .present-list dl{padding:30px;}
    .product-info .present .present-list dl dt,.product-info .present .present-list dl dd{width: 100%;}
    .product-info .present .present-list dl dt{margin-bottom: 10px;}
    .product-info .present .present-list dl dt:after{height:350px;}
    .product-info .detail > div:last-child .img{text-align: left;padding-left:70px;}
    .product-info .detail > div:first-child .img.auto img{width: 100%;margin-bottom: 30px;}
    .product-info .detail > div,.product-info.white .detail > div{padding:0}
    .product-info .detail > div:first-child{padding-bottom: 0}
    .product-info .detail > div:first-child .img{margin-top: 30px}
    .product-info .detail > div{padding-top: 0;}
    .product-info .detail > div:first-child .img img{width: 100%;border-top-left-radius: 30px}
    .product-info.product-img .row > div:last-child{padding-left: 70px;padding-top: 50px;}
    .product-info .application-list{margin-top: 30px;margin-left: 70px}
    .product-info .table{padding-top: 0}
    .product-info .table table tr:first-child td{font-size: 16px;}
    .product-info .table table tr td{padding:18px 0;font-size: 14px;}
}
@media screen and (max-width: 767px){
    .product-info .present .present-list dl dt:after{height:300px;}
}
@media screen and (max-width: 576px){
    .product-info .present .present-list dl{padding:0px;}
    .product-info .present .present-list dl dt:after{height:240px;}
    .product-info,.product-info.white{padding: 40px 3%}
    .product-info .detail h3{padding-bottom: 18px;}
    .product-info .detail .intro,.product-info .detail > div:first-child .img,.product-info .present,.product-info.product-img .row > div:first-child,.product-info .table,.product-info.product-img .row > div:last-child{padding-left: 0;}
    .product-info .application-list{margin-left: 0}
    .product-info .detail > div:last-child .img{padding-left:0;}
    .product-info .table table tr:first-child td{font-size: 14px;}
    .product-info .table table tr td{padding:18px 0;font-size: 13px;}
}
.srollmenu{padding-left: 100px;padding-top: 40px;padding-bottom: 30px;padding-right: 170px}
.project-menu ul{width: 100%;font-size: 0}
.project-menu ul li{position: relative;}
.project-menu ul li a{display: inline-block;font-size: 18px;font-weight: bold;position: relative;padding-bottom: 15px}
.project-menu ul li a:before{content:'';position: absolute;background: #bbb;right: -50%;top: 6px;height: 15px;width: 1px}
.project-menu ul li:last-child a:before{display: none}
.project-menu ul li a:after{content:'';position: absolute;left: 0;bottom: 0;width: 0%;background: #729f0b;height: 2px;transition: all .2s}
.project-menu ul li a:hover,.project-menu ul li.this a{color: #96C230}
.project-menu ul li a:hover:after,.project-menu ul li.this a:after{width: 100%}
.project-list{padding-left: 80px;}
.project-list .row dl{padding:20px;}
.project-list .row dl a{display: block;width: 100%;background: #fff;box-shadow: 0px 3px 20px 0px rgb(10 25 50 / 10%)}
.project-list .row dl a dt{overflow: hidden;display: block;width: 100%}
.project-list .row dl a dt img{width: 100%}
.project-list .row dl a dd{padding:20px;padding-top: 40px;line-height: 26px;font-size: 14px;position: relative;width: 100%}
.project-list .row dl a dd h1{font-size: 20px;font-weight: bold;padding-bottom: 20px}
.project-list .row dl a dd i{position: absolute;right: 20px;top: 30px}
.project-list .row dl a dd p b{color:red;font-weight:normal}
.project-list .row dl a:hover{background: #96C230}
.project-list .row dl a:hover dd,.project-list .row dl a:hover dd h1,.project-list .row dl a:hover dd i{color: #fff}
@media screen and (max-width: 1699px){
    .srollmenu{padding-right: 25px}
    .project-menu ul li a:before{right: -40%;}
}
@media screen and (max-width: 1499px){
    .srollmenu{padding-right: 20px}
    .project-menu ul li a:before{right: -30%;}
    .project-menu ul li{padding-right: 40px;}
}
@media screen and (max-width: 1399px){
    .project-menu ul li{width: auto}
    .project-menu ul li a{font-size: 16px;}
}
@media screen and (max-width: 991px){
    .project-list{padding-left: 50px;}
    .srollmenu{padding-left: 70px;padding-top:10px;}
}
@media screen and (max-width: 767px){
    .project-menu ul li a{font-size: 16px;}
    .project-list .row dl a dd{padding-top: 30px}
}
@media screen and (max-width: 576px){
    .srollmenu{padding-right: 0}
    .srollmenu,.project-list{padding-left: 0;}
    .project-list .row dl{padding:0;margin-bottom: 25px;}
}

.news-inner-list{padding-left: 100px;display: block;width: 100%;padding-top: 50px;}
.news-inner-list dl{margin-bottom: 30px;width: 100%;display: block;background: #fff;padding:40px;position: relative;box-shadow: 0px 3px 20px 0px rgb(10 25 50 / 5%)}
.news-inner-list dl a{font-size: 0;display:block;width: 100%}
.news-inner-list dl a dt{width: 30%;display: inline-block;vertical-align: top;overflow: hidden;}
.news-inner-list dl a dt img{width: 100%;transition: all .2s}
.news-inner-list dl a:hover dt img{transform: scale(1.08);}
.news-inner-list dl a dd{width: 70%;display: inline-block;vertical-align: top;padding-right: 5%}
.news-inner-list dl a dd h1{font-size: 28px;color: #111;line-height:36px;height: 36px;overflow: hidden;width: 100%;display: block;white-space: nowrap;text-overflow: ellipsis;}
.news-inner-list dl a dd h1 sup{font-size: 16px;top:-12px}
.news-inner-list dl a:hover dd h1{color: #96C230}
.news-inner-list dl a dd p{line-height: 35px;font-size: 16px;margin-top: 30px;display: -webkit-box;overflow: hidden;text-overflow: ellipsis;word-wrap: break-word;white-space: normal !important;-webkit-line-clamp: 3;-webkit-box-orient: vertical;height: 105px;}
.news-inner-list dl a dd data{color: #ccc;font-size: 14px;font-family: 'Arial';position: absolute;left: 40px;bottom: 40px}
.news-inner-list dl a dd p sup{font-size: 12px;top: -6px;}
@media screen and (max-width: 1499px){
    .news-inner-list dl a dd h1{font-size: 24px;}
    .news-inner-list dl a dd h1 sup{font-size: 15px;top:-10px}
    .news-inner-list dl a dd p{line-height: 28px;font-size: 15px;height: 90px;margin-top: 20px}
    .news-inner-list dl a dd p sup{top: -5px;}
}
@media screen and (max-width: 1299px){
    .news-inner-list dl a dd h1{font-size:20px;}
    .news-inner-list dl a dd h1 sup{font-size: 14px;top:-8px}
    .news-inner-list dl a dd p{line-height:22px;font-size: 14px;height: 75px;}
    .news-inner-list dl a dd p sup{top: -4px;}
}
@media screen and (max-width: 991px){
    .news-inner-list{padding-left: 70px;padding-top: 0;}
    .news-inner-list dl{padding:30px;padding-bottom: 60px}
    .news-inner-list dl a dd data{left: 30px;bottom: 30px}
    .news-inner-list dl a dd h1{font-size:18px;}
    .news-inner-list dl a dd h1 sup{font-size: 13px;top:-6px}
    .news-inner-list dl a dd p{font-size: 13px;margin-top: 10px;line-height:22px;height: 66px;}
}
@media screen and (max-width: 767px){
    .news-inner-list dl a dd,.news-inner-list dl a dt{width: 100%}
}
@media screen and (max-width: 576px){
    .news-inner-list{padding-left: 0;}
}
.return-back{width: 100%;padding:30px 10%;margin-top:90px;font-size: 0;border-bottom: 1px #eee solid;background: #fff;box-shadow: 0px 3px 20px 0px rgb(10 25 50 / 10%)}
.return-back .return-link,.return-back .location{width: 30%;display: inline-block;vertical-align: top;font-size: 14px;line-height: 20px;color: #999}
.return-back .location{width: 70%}
.return-back .return-link a{font-size: 16px;color: #999}
.return-back .return-link a:hover{color: #111}
.return-back .location{text-align: right;}
.return-back .location i{font-size: 18px;line-height: 20px;vertical-align: bottom;margin-right: 5px}
.news-content{width: 100%;padding:50px 10%}
.news-content .title{display: block;width: 100%;}
.news-content .title h1{font-size: 40px;color:#111;line-height: 60px;font-weight: bold;}
.news-content .title h1 sup{font-size: 20px;font-weight: normal;top:-20px}
.news-content ul.news-source{line-height: 30px;font-size: 0;width: 100%;display: block;padding:30px 0;}
.news-content ul.news-source li{display: inline-block;color: #ccc;font-size: 14px;margin-right: 30px}
.news-content ul.news-source li:last-child{margin-right: 0}
.news-content .news-abstract{background: #f8f8f8;padding: 20px;margin-bottom: 30px;color: #666}
.news-content .news-abstract p b{color: #111;}
.news-content .news-abstract b{font-weight:normal}
.news-content .detail-info{font-size: 16px;line-height: 35px;color: #777;}
.news-content .detail-info img{max-width: 100%}
.news-content .detail-info sup{font-size: 12px;top: -6px;}
.news-content .prenext{border-top: 1px #eee solid;padding-top: 30px;font-size: 0;width: 100%;margin-top: 80px}
.news-content .prenext li{width: 40%;display:inline-block;font-size: 0}
.news-content .prenext li a{font-size: 14px;line-height: 16px}
.news-content .prenext li a i{display:inline-block;line-height: 16px;font-size: 14px;width: 15%;vertical-align: top}
.news-content .prenext li i:before{line-height: 16px;vertical-align: top;margin-right: 5px}
.news-content .prenext li a span{width: 79%;font-size: 14px;line-height: 17px;height:16px;vertical-align: top;display:inline-block;overflow:hidden;white-space: nowrap;text-overflow: ellipsis;padding-left: 15px;border-left: 1px #ddd solid}
.news-content .prenext li a i b{font-weight: normal;}
.news-content .prenext li:nth-child(2){width: 20%;text-align:center;line-height: 16px;vertical-align: top}
.news-content .prenext li:nth-child(2) i{width: auto;}
.news-content .prenext li:last-child{text-align:right;}
.news-content .prenext li a i.icon-arrow-right2:after{content: "\e90c";margin-left: 5px}
.news-content .prenext li:last-child a span{padding-left: 0;border-left:none;padding-right: 15px;border-right: 1px #ddd solid}
@media screen and (max-width: 1399px){
    .news-content .title h1{font-size:30px;line-height: 45px}
    .news-content .prenext li a i{width:10%;}
    .news-content .prenext li a i b{display:none;}
    .news-content .title h1 sup{font-size: 18px;top:-12px}
}
@media screen and (max-width: 1299px){
    .return-back{padding:20px 10%;margin-top: 70px}
}
@media screen and (max-width: 991px){
    .news-content{padding:40px 5%}
    .return-back{padding:20px 5%;margin-top: 70px}
}
@media screen and (max-width: 767px){
    .news-content .title h1{font-size:24px;line-height: 30px}
    .news-content .title h1 sup{font-size: 14px;top:-10px}
    .news-content ul.news-source{padding: 10px 0;line-height: 20px}
    .news-content .news-abstract{padding: 12px;}
    .news-content .prenext li a{font-size: 13px;}
    .news-content .prenext li a i{font-size: 13px;width: 20%;}
    .news-content .prenext li a span{font-size: 13px;}
    .news-content .prenext{margin-top: 40px}
    .return-back .return-link a{font-size: 14px}
    .return-back .location{font-size: 12px}
}
@media screen and (max-width:576px){
    .news-content .title h1{font-size:20px;}
    .news-content .title h1 sup{font-size: 13px;top:-8px}
    .news-content{padding:30px 3%}
    .news-content .prenext{margin-top: 20px}
    .news-content .prenext li:nth-child(2) em{display: none}
    .news-content ul.news-source{line-height: 20px;}
    .news-content ul.news-source li:first-child{display:block;}
    .news-content ul.news-source li{font-size: 12px;margin-right: 10px}
}
.pageNav{padding-bottom: 40px;font-size: 13px;padding-left:20px;padding-top: 60px}
.pageNav.pageCenter{text-align: center;padding-top: 60px}
.pageNav span,.pageNav a{display: inline-block;font-size: 13px;padding: 8px 14px;border: 1px #ddd solid;margin-right: 6px;border-radius: 2px}
.pageNav b{color: #f80;font-size: 16px;padding: 0 4px}
.pageNav a:hover,.pageNav span.current{color: #fff;background: #96C230;border-color: #96C230}
.pageNav span.disabled{border-color: #ddd;color: #aaa}
@media(max-width:576px){
    .pageNav{text-align: center;padding-left: 0;padding-top: 20px}
    .pageNav span,.pageNav a{font-size: 13px;padding: 5px 10px;}
}

.contact-info .detail{padding-top: 50px;padding-left: 100px;}
.contact-info .detail > div{padding:0;}
.contact-info .detail h2{color: #fff;font-size: 18px;margin-bottom: 20px;}
.contact-info .detail h2 sup{top: -5px;font-size: 14px}
.contact-info .detail h1{color: #fff;font-size: 22px;font-weight: bold;line-height: 40px;margin-bottom: 30px;}
.contact-info .detail p{color: #fff;margin: 5px 0}
.contact-info .detail > div:first-child img{margin-top: 30px}
.contact-info .detail .map{ width:100%;}
.contact-info .detail .map img{width:100%;}
@media screen and (max-width: 1299px){
    /*.contact-info .detail .map{height:450px;}*/
}
@media screen and (max-width: 991px){
    .contact-info .detail{padding-left: 70px;}
    /*.contact-info .detail .map{margin-top: 50px;height:400px;}*/
}
@media screen and (max-width: 576px){
    .contact-info .detail{padding-top: 10px;padding-left: 0;}
    .contact-info .detail h2{font-size: 14px;margin-bottom: 20px;}
    .contact-info .detail h2 sup{font-size: 12px}
    .contact-info .detail h1{font-size: 18px;line-height: 28px;}
    /*.contact-info .detail .map{margin-top: 50px;height:300px;}*/
}

/* footer */
.footer {overflow: hidden;background: #000;color: #fff;padding-top:65px;width: 100%}
.footer a{color: #fff;}
.footer a:hover {color: #fff;}
.footer-content {position: relative;width: 100%;padding:0 5%;}
.footer-content-top {overflow: hidden;position: relative;padding-bottom: 3%;border-bottom: 1px solid #0c0c0c;}
.footer-content-top-logo {width: 20%;position: absolute;left: 0;top: 0;}
.footer-content-top-logo p{font-size:18px;color: rgba(255,255,255,.9);font-weight: bold;padding-top: 30px}
.footer-content-top-nav {float: right;width: 100%;text-align: right;}
.footer-content-top-nav ul{list-style: none;padding: 0;margin: 0;display: inline-block;vertical-align: top;margin-left: 7%;}
.footer-content-top-nav ul a{display: block;}
.footer-content-top-nav ul > a{font-size: 16px;color: #6e6e6e;}
.footer-content-top-nav ul li{list-style: none;padding: 0;margin: 0;padding-top: 30px;}
.footer-content-top-nav ul li a{font-size: 13px;color: #c7c7c7;padding-bottom: 10px;}
.footer-content-bottom {line-height: 20px;padding:15px 0;width:100%}
.footer-content-bottom-copy {font-size: 12px;color: #a7a7a7;opacity:.5;width: 100%;line-height: 20px;padding:7px 0;}
.footer-content-bottom-copy a{font-size: 12px;color: #a7a7a7;margin-right:10px;}
.footer-content-bottom-social {text-align: right;float:right;width: 30%;}
.footer-content-bottom-social a{position: relative;display: inline-block;vertical-align: middle;width: 20px;height: 20px;margin-left: 8%;opacity: .3;}
.footer-content-bottom-social a:hover {opacity: 1;}

.footer-inner{background: #595757;line-height: 26px;width: 100%;color: #fff;padding:12px 0;}
.footer-inner .row > div {padding:0 5%}
.footer-inner .row > div:last-child{text-align: right;}
@media screen and (max-width: 1399px){
    .footer {padding-top:50px}
}
@media screen and (max-width: 991px){
    .footer {padding-top: 25px;}
    .footer-inner .row > div,.footer-inner .row > div:last-child{text-align: center;}
    .footer-content-top-logo {width: 100%;padding-top: 20px;}
    .footer-content-top-logo p{font-size:15px}
    .footer-content-top-nav {float: none;width: 100%;text-align: left;padding-top: 150px;font-size:0}
    .footer-content-top-nav ul{margin-left: 0;width:20%}
    .footer-content-bottom-copy {width: 100%;text-align:center}
}
@media screen and (max-width: 576px){
    .footer-inner .row > div,.footer-inner .row > div:last-child{text-align: center;font-size: 12px}
    .footer-content-bottom-copy {float: none;width: 100%;text-align: center;}
    .footer-content-top{border-bottom: none;padding-bottom: 2%;}
    .footer-content-top-nav ul{width: 100%;border-bottom:1px rgba(255,255,255,.1) solid;line-height:40px}
    .footer-content-top-nav ul > a{font-size: 14px;}
    .footer-content-top-nav ul li{display: none;}
    .footer-content-bottom {text-align: center;display:block}
    .footer-content-top-logo p{padding-top: 20px}
}