/*header*/
.header {position:fixed;top:0;left:0;width:100%;z-index:55;padding:0 0 0 105px;}
.header .logo {float:left;}
.header .navlist {float:right;margin-right:90px;}
.header .navlist li {display:inline-block;padding:0 42px;line-height:90px;position:relative}
.header .navlist li>a {font-size:2rem;color:#FFF;font-weight:bold;}
.header .navlist li.navdown>a {color:#59b530}
.header .navlist li>dl {position:absolute;top:89px;left:0;width:100%;background:rgba(244,244,244,0.6);border-top:2px solid #59b530;padding:15px 0;display:none;transition:none;}
.header .navlist li>dl a {font-size:1.8rem;color:#000;line-height:35px;text-align:center;display:block;margin:0 0 5px;}
.header .navlist li>dl a:hover ,.header .navlist li:hover>a{color:#59b530;}
.header .menu {position:absolute;right:0;top:0;background:#FFF;line-height:90px;text-align:center;background:#000;width:90px;font-size:3.5rem;color:#FFF;cursor:pointer;height:90px;}
.header .menu>i:last-child {display:none;}

.is_header{background:#FFF;border-bottom:1px solid #e0e0e0}
.is_header .navlist{display:none;}
.header .menu.close_>i {display:none;}
.header .menu.close_>i:last-child {display:inline;}

.on_header,.pon_header,.inside {background:#FFF}
.on_header .navlist li>a,.pon_header .navlist li>a ,.inside .navlist li>a{color:#333}
/*å³è¾¹å±•å¼€å¯¼èˆª*/
.fixed_nav {position:fixed;width:100%;height:100%;top:0;left:110%;background:#FFF;padding-top:90px;z-index:50;overflow:hidden;background-position:center;background-repeat:no-repeat;background-size:cover;transition:all .6s}
.fixed_nav>div {width:100%;max-width:1400px;margin:0 auto;}
.fixed_nav li {padding:60px 45px;display:inline-table;}
.fixed_nav li>h1 {font-size:2.4rem;color:#000;font-weight:bold;cursor:pointer;}
.fixed_nav li>div {padding:40px 0;margin:30px 0 0;}
.fixed_nav li dl {margin:0 0 15px;padding:0;}
.fixed_nav li dl dt a {font-size:1.6rem;color:#000;font-weight:600;line-height:1.3;}
.fixed_nav li dl dd a {font-size:1.4rem;color:#555;margin:18px 0;display:inline-block;line-height:1.3}
.fixed_nav li:hover h1,.fixed_nav li dl:hover dt a {color:#8cc63e}
.fixed_nav li dd:hover a {color:#000;font-weight:bold;}
/*banner*/
.tem_banner {position:relative}
.tem_banner .swiper-slide {background:#000;position:relative;    overflow: hidden;}
.tem_banner .swiper-slide .img {background-position:center;background-repeat:no-repeat;background-size:cover;width:100%;position:relative;top:0;left:0;}
.tem_banner .swiper-slide .img>img {opacity:0}
.tem_banner .swiper-slide .banner_txt {position:absolute;top:50%;left:50%;width:100%;transform:translate(-50%,-50%);text-align:center;z-index:1;max-width:1200px;}
.tem_banner .swiper-slide .banner_txt>* {transform:translateX(-25px);opacity:0;transition: .4s linear;}
.tem_banner .swiper-slide.swiper-slide-active .banner_txt h2 {transform:none;opacity:1;transition-delay:.2s}
.tem_banner .swiper-slide.swiper-slide-active .banner_txt p {transform:none;opacity:1;transition-delay:.4s}
.tem_banner .swiper-slide .ban2 h2 {font-size:4.8rem;color:#FFF;text-align:left;font-weight:bold;display:inline-block;line-height:1.6}
.tem_banner .swiper-slide .ban1 p {font-size:6rem;color:#FFF;text-transform:uppercase}
.tem_banner .swiper-slide .ban1 h2 {font-size:5rem;color:#FFF;font-weight:bold;}
.tem_banner .swiper-slide .ban0 {top:auto;bottom:35%;left:50%;transform:translate(-50%,0);text-align:left}
.tem_banner .swiper-slide .ban0 p {font-size:3rem;color:#FFF;text-transform:uppercase}
.tem_banner .swiper-slide .ban0 h2 {font-size:4.5rem;color:#FFF;font-weight:bold;}
/*index-tem about*/
.tem_about {padding:257px 0 65px;}
.tem_about .main {background-position:center;background-repeat:no-repeat;background-size:cover;position:relative}
.tem_about .main>div {padding:0}
.tem_about .main>div.col-sm-5 {padding:0 26px;}
.tem_about .main .title {font-size:2rem;color:#000;position:relative;padding-top:15px;}
.tem_about .main .title:before {content:attr(data-name);font-size:4.6rem;color:#000;font-weight:bold;text-transform:uppercase;position:absolute;top:-100%;left:0}
.tem_about .main p {font-size:1.6rem;color:#4f4f4f;line-height:1.6;margin:24px 0 40px;text-indent:2em}
.tem_about .main .cpany_list a{display:block;font-size:1.8rem;color:#000;line-height:40px;border-bottom:1px solid #dcdcdc;margin:0 0 15px;max-width:75%;position:relative}
.tem_about .main .cpany_list a i {color:#575757;font-size:2rem;position:absolute;right:10px;top:50%;transform:translateY(-50%)}
.tem_about .main .link{margin:45px 0 0;}
.tem_about .main .link a {display:inline-block;margin-right:15px;padding:0 32px;background:#FFF;line-height:52px;font-size:1.6rem;color:#151515;text-align:center;border-radius:5px;margin-bottom:15px;}
.tem_about .main .link a span {display:inline-block;line-height:52px;padding-left:30px;background:url(../images/icon1-1.png) 0 center no-repeat;}
.tem_about .main .link a:first-child+a span{background:url(../images/icon1-2.png) 0 center no-repeat}
.tem_about .main .link a:first-child+a+a span{background:url(../images/icon1-3.png) 0 center no-repeat}
.tem_about .main .link a:first-child+a+a+a span{background:url(../images/icon1-4.png) 0 center no-repeat}
.tem_about .main>div:last-child{transform:translateY(-35%)} 
.tem_about .main span.stock {font-size:1.6rem;color:#FFF;position:absolute;bottom:45px;right:40px;z-index:2;text-align:left}
.tem_about .main .cpany_list a:hover {color:#59b530;}
.tem_about .main .cpany_list a:hover i {right:15px}
/*index-tem product*/
.tem_product {position:relative;}
.tem_product .slogan {font-size:2rem;color:#5a5a5a;line-height:1.8;text-align:center;width:100%;max-width:1200px;margin:0 auto 95px;}
.tem_product .lists {position:relative;}
.tem_product .lists:before {content:attr(data-name);font-size:11.6rem;color:#d4d4d4;text-transform:uppercase;font-weight:bold;position:absolute;right:0;top:-12%;}
.tem_product .lists>div {padding:0}
.tem_product .lists>div a{display:block;position:relative;overflow:hidden;}
.tem_product .lists>div .img {overflow:hidden;}
.tem_product .lists>div .info {position:absolute;top:50px;left:25px;z-index:3;transition:all .36s}
.tem_product .lists>div .info p {font-size:2.6rem;color:#FFF;text-transform:uppercase;}
.tem_product .lists>div .info p:last-child {font-size:3rem}
.tem_product .lists>div a:after {content:'';width:100%;height:0;background:rgba(89,181,48,0.8);position:absolute;bottom:0;left:0;z-index:2;	-webkit-transition: all .6s cubic-bezier(.77,0,.175,1) 0s;
    -o-transition: all .6s cubic-bezier(.77,0,.175,1) 0s;
     transition: all .6s cubic-bezier(.77,0,.175,1) 0s;}
.tem_product .lists>div a:hover:after {height:100%}
.tem_product .lists>div a:hover .info {left:50%;transform:translate(-50%,-50%);top:50%;transition-delay:.2s}
/*index-tem news*/
.tem_news {padding:0 0 160px;background-position:right bottom;background-repeat:no-repeat;}
.tem_news h1 {font-size:11.6rem;color:#d4d4d4;text-transform:uppercase;font-weight:bold;margin:0 0 141px;}
.tem_news .lists {}
.tem_news .lists>div {padding:0}
.tem_news .lists>div .item{border:1px solid #e5e5e5;padding:45px 60px;background:#FFF;}
.tem_news .lists>div .item h2 {font-size:2.6rem;color:#000;font-weight:bold;text-align:center;margin:0 0 40px;}
.tem_news .lists>div .item h2:before {content:'';width:49px;height:1px;background:#102e84;display:block;margin:0 auto 30px;}
.tem_news .lists>div .item .infos li {margin:0 0 33px;}
.tem_news .lists>div .item .infos li:last-child {display:none;}
.tem_news .lists>div .item .infos li p,.tem_news .lists>div .item .infos li span {font-size:1.6rem;color:#383838}
.tem_news .lists>div .item.on .infos li span {font-size:1.4rem;}
.tem_news .lists>div .item>a {font-size:1.6rem;color:#FFF;font-weight:bold;display:none;margin:40px 0 0;}

.tem_news .lists>div .item.on {padding:45px 35px;background:url(../images/icon2.jpg) 0 0 no-repeat;width:516px;height:467px;z-index:1;position:absolute;top:-60px;left:-90px;box-shadow:0 0 50px rgba(0,0,0,0.6)}
.tem_news .lists>div .item.on h2 {color:#FFF;text-align:left;}
.tem_news .lists>div .item.on h2:before {background:#FFF;margin:0 0 30px;}
.tem_news .lists>div .item.on .infos li {margin:0 0 20px;}
.tem_news .lists>div .item.on .infos li p,.tem_news .lists>div .item.on .infos span {color:#FFF}
.tem_news .lists>div .item.on .infos li:last-child{display:block;}
.tem_news .lists>div .item.on>a {display:inline-block}
/*é€šç”¨åº•éƒ¨*/
.footer {background:#060006;padding:35px 0 0;}
.footer .f_info {padding:0 0 15px;}
.footer .f_info .title {margin:0 0 20px;}
.footer .f_info .title span {font-size:1.6rem;color:#9c9c9c;text-transform:uppercase;}
.footer .f_info .title p {font-size:3.6rem;color:#9b9b9b;margin:5px 0 0}
.footer .f_info .f_list>p {font-size:1.6rem;color:#9c9c9c;margin-right:105px;display:inline-block;}
.footer .f_info .f_list>p span {display:block;margin:0 0 20px;}
.footer .copy {padding:35px 0;border-top:1px solid #313131;font-size:1.4rem;color:#9c9c9c;}
.footer .copy>div {padding:0}

.footer .copy>div a {
    color: #9c9c9c;
}
.footer .copy >div:last-child {text-align:right;text-transform:uppercase;}
/*å†…é¡µé€šç”¨*/
.tem_banner .flash>img {width:auto !important;height:auto !important}
.tem_banner .text {position:absolute;width:100%;max-width:1200px;bottom:24px;left:50%;transform:translateX(-50%);background:rgba(0,0,0,0.25);line-height:85px;}
.tem_banner .text h3 {display:inline-block;font-size:2.4rem;color:#FFF;font-weight:bold;padding:0 45px 0 40px;position:relative}
.tem_banner .text h3:after {content:'';width:25px;height:2px;background:#FFF;right:0;top:50%;margin:-1px 0 0;position:absolute}
.tem_banner .text span {font-size:2.2rem;color:#FFF;text-transform:uppercase}
/*page-about*/
.about_box {}
.common_navbox {padding:33px 0 20px;border-bottom:1px solid #e5e5e5;}
.common_navbox li {float:left;position:relative}
.common_navbox li a {padding:0 60px;line-height:54px;font-size:1.6rem;color:#333;display:block;}
.common_navbox li a:hover,.common_navbox li.on a {background:#59b530;color:#FFF;border-radius:3px;}
.common_navbox li:after {content:'';width:10px;height:10px;border:2px solid #59b530;border-radius:100%;position:absolute;left:50%;bottom:-25px;transform:translateX(-50%);opacity:0}
.common_navbox li:hover:after,.common_navbox li.on:after {opacity:1}

.company {padding:70px 0 0;position:relative;}
.company:after{content:attr(data-title);font-size:24.1rem;color:#fbfbfb;text-transform:uppercase;top:-10%;left:0;font-weight:bold;position:absolute;z-index:-1}
.company .editor {padding:60px 50px 135px;position:relative;background-position:center bottom;background-repeat:no-repeat;background-size:cover}
.company .title p {font-size:2.4rem;color:#FFF;text-transform:uppercase;margin:0 0 20px;}
.company .title h2 {font-size:3.6rem;color:#FFF;margin:0 0 40px;}
.company .main ol{padding:0}
.company .main>ol li {margin: 0 0 19px;}
.company .main>ol li a {max-width:230px;background:#FFF;padding:25px 0;text-align:center;display:block;font-size:1.6rem;color:#343434;position:relative}
.company .main>ol li a:after {content:'';width:12px;height:13px;background:url(../images/icon3.png) 0 0 no-repeat;position:absolute;right:-12px;top:50%;transform:translateY(-50%);opacity:0}
.company .main>ol li#current a:after ,.company .main>ol li a:hover:after{opacity:1}
.company .main .cnt {padding:0 0 0 20px;}
.company .main .cnt>div {font-size:1.6rem;color:#FFF;line-height:1.8;text-indent:2em}
.company .main .cnt>div video {width:100%;height:54.4rem;background:#000}
.company .stock {margin:40px 0 0;font-size:1.6rem;color:#fff;}

.culture_box {padding:112px 0 85px;background-position:center;background-repeat:no-repeat;background-size:cover}
.culture_box .main {display:inline-block;width:65%;text-align:left;}
.culture_box .main .title>*{display:inline-table;}
.culture_box .main .title span {font-size:2.4rem;color:#FFF;padding-left:10px;}
.culture_box .main .editor {margin:60px 0 0;font-size:1.4rem;color:#FFF;line-height:1.6}

.history {padding:110px 0 0;}
.history>div {padding:0}
.history>div:last-child {padding-left:50px;}
.history .time_list {position:relative;max-width:82px}
.history .time_list:after {content:'';width:6px;height:6px;background:#d2d2d2;border-radius:100%;bottom:0;left:50%;margin:0 0 0 -3px;position:absolute}
.history .time_list:before {content:'';width:100%;height:11px;position:absolute;background:url(../images/icon4.png) center 0 no-repeat;bottom:-20px;left:0}
.history .time_list>span{font-size:3.6rem;color:#d70505;text-align:center;display:block}
.history .time_list>ul {display:block;position:relative;padding:35px 0 0}
.history .time_list>ul:before {content:'';width:1px;height:100%;background:#d2d2d2;left:50%;top:0;position:absolute}
.history .time_list>ul:after {content:'';width:6px;height:6px;background:#d2d2d2;border-radius:100%;top:0;left:50%;margin:0 0 0 -3px;position:absolute}
.history .time_list li {padding: 0 0 30px;text-align:center;}
.history .time_list li a {font-size:2rem;color:#797979;}
.history .time_list li#current a {font-size:3.6rem;color:#d70505}
.history .title h2{font-size:4.8rem;color:#1e1e1e;text-transform:uppercase;margin:0 0 10px;}
.history .title p {font-size:3.6rem;color:#1e1e1e}
.history .mainlist>div h3 {font-size:2rem;color:#232323;margin:0 0 15px;}
.history .mainlist>div h3 em {font-size:3rem;color:#d70b0b;padding-right:10px;}

.honor {padding:85px 0 20px;text-align:center;}
.honor .title h2{font-size:4.8rem;color:#1e1e1e;text-transform:uppercase;margin:0 0 10px;}
.honor .title p {font-size:3.6rem;color:#1e1e1e}
.honor .swiper-slide a{display:block;overflow:hidden;box-shadow:0 0 15px #f1faf1;background:#FFF}
.honor .swiper-slide .img {overflow:hidden}
.honor .swiper-slide p {font-size:2rem;color:#1e1e1e;margin:10px 0 0;}
.honor .swiper-slide a:hover img {transform:scale(1.06)}
.honor .slide-pagination {margin:60px 0 0;}
.honor .slide-pagination>span {display:inline-block;margin:0 8px;width:47px;height:4px;background:#b5b5b5;opacity:1;border-radius:0}
.honor .slide-pagination>span.swiper-pagination-bullet-active {background:#59b530}

.zzjg {background-position:center top;background-repeat:no-repeat;background-size:cover;padding:105px 0 70px;text-align:center;}
.zzjg .title h2{font-size:4.8rem;color:#000;text-transform:uppercase;margin:0 0 10px;}
.zzjg .title p {font-size:3.6rem;color:#000} 

.zzjg .editor {margin:85px 0 0;}
.zzjg .editor video {max-width:100%}
/*è§£å†³æ–¹æ¡ˆ*/
.case_box {padding:75px 0 20px;}
.case_box .case_width {width:100%;max-width:1475px;margin:0 auto;position:relative}
.case_box .item {margin:0 0 145px;position:relative;}
.case_box .item .img {overflow:hidden;}
.case_box .item .infos {position:absolute;bottom:0;left:50%;width:100%;max-width:1200px;transform:translateX(-50%) translateY(70px);z-index:1}
.case_box .item .infos>div {display:inline-block;padding:80px 70px 105px;max-width:875px;width:100%}
.case_box .item .infos>div h1 {font-size:2.4rem;color:#FFF;font-weight:bold;margin:0 0 25px;}
.case_box .item .infos>div .editor {font-size:1.6rem;color:#FFF;line-height:1.6;}
.case_box .item .infos>div>a {font-size:1.4rem;color:#FFF;position:relative;margin:30px 0 0;display:inline-block}
.case_box .item .infos>div>a:after {content:'';width:100%;height:2px;background:#FFF;position:absolute;bottom:-5px;left:0}
.case_box .item .infos.flt {text-align:right}
.case_box .item .infos.flt .main {text-align:left;}
.case_box .item .infos.text0>div.main {background:url(../images/icon5-1.png) 0 0 no-repeat;background-size:cover}
.case_box .item .infos.text1>div.main {background:url(../images/icon5-2.png) 0 0 no-repeat;background-size:cover}
.case_box .item .infos.text2>div.main {background:url(../images/icon5-3.png) 0 0 no-repeat;background-size:cover}
.case_box .item .infos.text3>div.main {background:url(../images/icon5-4.png) 0 0 no-repeat;background-size:cover}
.case_box .item .infos.text4>div.main {background:url(../images/icon5-5.png) 0 0 no-repeat;background-size:cover}
.case_box .item:hover .infos .main {box-shadow:20px 20px 65px rgba(0,0,0,0.3)}

.case_mainbox {padding:75px 0 130px;background:#f8f8f8}
.case_mainbox .img{position:absolute;top:0;width:100%;z-index:0}
.case_mainbox .showimg {background:#FFF;padding:75px 35px;transform:translateY(90px);box-shadow:0 6px 10px rgba(0,0,0,0.1)}
.showimg>h1 {font-size:2.4rem;color:#1d1d1d;font-weight:bold;text-align:center;margin:0 0 10px;}
.showimg .met_infos {font-size:1.4rem;color:#595959;text-align:center;}
.showimg .met_infos>span {padding:0 50px;display:inline-block}
.showimg .editor {padding:55px 0;font-size:1.4rem;color:#393939;line-height:1.8;}
.showimg .met_page {padding:70px 0 0}
.showimg .met_page>li {float:left;width:48%;background:#dcdcdc;line-height:80px;padding:0 15px;font-size:1.6rem;color:#393939;margin:0 2% 0 0}
.showimg .met_page>li:last-child {margin:0 0 0 2%;}
.showimg .met_page>li a {font-size:1.6rem;color:#393939}
/*æ–°é—»èµ„è®¯*/
.news_box {padding:0 0 125px;}
.news_box .lists {padding:70px 0 35px;position:relative;}
.news_box .lists:before {content:attr(data-name);font-size:24.1rem;color:#fbfbfb;text-transform:uppercase;position:absolute;left:0;top:-18%;z-index:-1}
.news_box .lists li {padding:0 9px;margin:0 0 35px;}
.news_box .lists li a {display:block;overflow:hidden;box-shadow:0 0 15px rgba(0,0,0,0.2);background:#FFF;}
.news_box .lists li h1 {padding:35px 25px 0;font-size:2rem;color:#1e1e1e;margin:0 0 10px;}
.news_box .lists li span {font-size:1.6rem;color:#616161;padding:0 25px;display:inline-block}
.news_box .lists li .more {border-top:1px solid #dcdcdc;padding:26px 25px;font-size:1.4rem;color:#616161;position:relative;margin:30px 0 0}
.news_box .lists li .more i {position:absolute;right:25px;top:50%;transform:translateY(-50%);font-size:2rem}
.news_box .lists li a:hover {background:#59b530;}
.news_box .lists li a:hover h1 {color:#FFF}
.news_box .lists li a:hover span,.news_box .lists li a:hover .more {color:#abe790;}
.news_box .lists li a:hover .more {border-color:#abe790}
/*ç¿»é¡µ*/
.page {margin:40px 0 0;text-align:center;}
.page a,.page span {display:inline-table;width:60px;height:60px;line-height:60px;font-size:1.8rem;color:#333;box-shadow:0 0 10px rgba(0,0,0,.2);background:#FFF;margin:0 5px;}
.page a[href="javascript:;"] {background:#999;}
.page a:hover ,.page a.page-num-current{background:#59b530;color:#FFF}
/*æ–°é—»å†…é¡µ*/
.news_mainbox {padding:75px 0 130px;background:#f8f8f8}
.news_mainbox .img{position:absolute;top:0;width:100%;z-index:0}
.news_mainbox .showimg {background:#FFF;padding:75px 35px;box-shadow:0 6px 10px rgba(0,0,0,0.1)}
/*äº§å“ä¸­å¿ƒ*/
.product_box .lists{position:relative;padding:70px 0 120px;}
.product_box .lists:before {content:attr(data-name);font-size:15rem;color:#fbfbfb;text-transform:uppercase;font-weight:bold;top:0;left:0;z-index:-1;position:absolute}
.product_box .pro_width {width:100%;max-width:1475px;margin:0 auto;}
.product_box .pro_width .title h1 {font-size:4.8rem;color:#000;margin:0;}
.product_box .pro_width .title p {font-size:3.6rem;color:#000;margin:0}
.product_box .comlist {background:url(../images/icon6.png) 0 0 no-repeat #59b530;padding:170px 0 0;position:relative;box-shadow:8px 10px 15px rgba(0,0,0,0.2)}
.product_box .comlist>div {overflow:inherit}
.product_box .comlist>div.swiper-container {overflow:hidden}
.product_box .comlist .swiper-slide a{display:block;position:relative;}
.product_box .comlist .swiper-slide a>div {padding:0}
.product_box .comlist .swiper-slide a>div:first-child {box-shadow:0 0 15px rgba(0,0,0,0.2);transform:translateY(52px)}
.product_box .comlist .swiper-slide .img {display:inline-block;position:relative;z-index:1}

.product_box .comlist .swiper-slide .img:after {content:'';width:296px;height:361px;position:absolute;right:-60%;top:50%;background:url(../images/icon7.png) 0 0 no-repeat;z-index:-1;transform:translateY(-50%)}
.product_box .comlist .swiper-slide .text {padding:50px 50px 125px;text-align:left;}
.product_box .comlist .swiper-slide a>div:last-child {position:absolute;bottom:0;right:0}
.product_box .comlist .swiper-slide a>div:last-child:after{content:'';width:100%;height:65%;background:#FFF;z-index:-1;position:absolute;bottom:0;left:0;}
.product_box .comlist .swiper-slide .text h3 {font-size:2rem;color:#1c1c1c;margin:0 0 20px;}
.product_box .comlist .swiper-slide .text .editor {font-size:1.4rem;color:#434343;line-height:24px;height:72px;overflow:hidden}
.product_box .comlist .swiper-page {position:absolute;bottom:-35px;left:50%;background:#ef9d32;padding:30px 78px;z-index:1;margin-left:50px;}
.product_box .comlist .swiper-page>div {outline:none;width:auto;font-size:1.4rem;color:#FFF;display:inline-block;margin:0 4px;}

.pro_lists {padding:0 0 80px;}
.pro_lists .infos{padding:140px 0 50px;}
.pro_lists .infos li {padding:0 10px;margin:0 0 45px;}
.pro_lists .infos li .img {overflow:hidden;text-align:center;}
.pro_lists .infos li p {font-size:1.8rem;color:#252525;margin:25px 0 10px;}
.pro_lists .infos li span {font-size:1.4rem;color:#252525}
/*äº§å“è¯¦æƒ…*/
.showproduct .displayimg{position:relative;padding:70px 0;}
.showproduct .displayimg:before {content:attr(data-name);font-size:15rem;color:#fbfbfb;text-transform:uppercase;font-weight:bold;top:0;left:0;z-index:-1;position:absolute}
.showproduct .displayimg>div{box-shadow:0 0 20px rgba(0,0,0,0.2);background:#FFF;padding:65px 0;text-align:center;}
.showproduct .displayimg>div h1 {font-size:3rem;color:#000;margin:0 0 40px;}
.showproduct .displayimg>div .swiper-page>div {z-index:1;outline:none;position:absolute;top:50%;left:20%;transform:translateY(-50%);background:url(../images/icon8.png) 0 0 no-repeat;width:52px;height:32px;}
.showproduct .displayimg>div .swiper-page>div>a {display:block;width:52px;height:32px}
.showproduct .displayimg>div .swiper-page>div.slide-button-next {left:auto;right:20%;background-position:-63px 0}
.showproduct .displayimg>div .swiper-page>div.slide-button-prev:hover {background:url(../images/icon9.png) 0 0 no-repeat}
.showproduct .displayimg>div .swiper-page>div.slide-button-next:hover {background:url(../images/icon9.png) -63px 0 no-repeat}
.showproduct .content {padding:0 0 35px;}
.showproduct .content ol {margin:0;padding:0}
.showproduct .content ol li{display:inline-table;margin-right:25px;}
.showproduct .content ol li a {font-size:2rem;color:#59b530;line-height:40px;padding:0 30px;border-radius:5px;display:block;text-align:center}
.showproduct .content ol li#current a,.showproduct .content ol li:hover a {color:#FFF;background:#59b530;}
.showproduct .content>div {padding:35px 15px 0;border-top:1px solid #e5e5e5;margin:35px 0 0}
.showproduct .content>div .editor {font-size:1.4rem;color:#212121;line-height:1.8}

/*ç ”å‘å­¦é™¢*/
.about_box .main_yf {padding:70px 0 120px;}
.main_yf .item1 .img{overflow:hidden;position:relative;}
.main_yf .item1 .title {position:absolute;top:95px;left:50px;}
.main_yf .item1 .title h2 {font-size:2.4rem;color:#FFF;font-weight:bold;}
.main_yf .item1 .title p {font-size:1.6rem;color:#FFF;margin:10px 0 0;text-transform:uppercase;}
.main_yf .item1 .text {background:#59b530;padding:48px 40px 50px;line-height:1.6;font-size:1.4rem;color:#FFF}
.main_yf .item1 .text h2 {font-size:1.8rem;color:#FFF;font-weight:bold;margin:0 0 35px;}
.main_yf .item2 {position:relative;padding:55px 55px 0;}
.main_yf .item2:before {content:'';width:100%;height:53%;background:#f4f4f4;position:absolute;top:0;left:0;z-index:-1}
.main_yf .item2 .title h2 {font-size:2rem;color:#59b530;font-weight:bold;}
.main_yf .item2 .title p {margin:10px 0 0;font-size:1.4rem;color:#59b530;text-transform:uppercase;}
.main_yf .item2 .text {margin:30px 0 0;background:url(../images/icon10.jpg) 0 0 no-repeat;padding:48px 34px;}
.main_yf .item2 .text>div {margin:0 0 20px;}
.main_yf .item2 .text>div h3 {font-size:1.8rem;color:#101010;font-weight:bold;}
.main_yf .item2 .text>div p {font-size:1.4rem;color:#000;margin:5px 0}

.imgbox_yf {padding:70px 0 105px;}
.imgbox_yf>div {padding:0 8px;margin:0 0 10px;}
.imgbox_yf>div a{display:block;position:relative;overflow:hidden;}
.imgbox_yf>div a .title {position:absolute;bottom:0;left:0;background:rgba(0,0,0,0.39);width:100%;line-height:75px;font-size:2.4rem;color:#FFF;padding:0 30px;}
.imgbox_yf>div a:hover img {transform:scale(1.08)}

.download_box {padding:70px 0;}
.download_box li {padding:0 8px;margin:0 0 47px;}
.download_box li a {display:block;overflow:hidden;position:relative;box-shadow:0 0 15px rgba(0,0,0,0.2);padding:35px 0 0;background:#FFF}
.download_box li h1 {font-size:2rem;color:#3c3c3c;margin:0 0 10px;padding:0 25px;}
.download_box li span {font-size:1.6rem;color:#8f8f8f;display:block;padding:0 25px;margin:0 0 30px;}
.download_box li em {display:block;border-top:1px solid #8ad06b;line-height:68px;text-align:center;font-size:2.5rem;color:#707070;transition:none}
.download_box li a:hover {background:#59b530}
.download_box li a:hover h1,.download_box li a:hover em {color:#FFF}
.download_box li a:hover span {color:#abe790}
/*å®‰å…¨çŽ¯ä¿*/
.safety_box .lists {padding:47px 0 50px;}
.safety_box .lists:before {content:attr(data-name);font-size:5.5rem;color:#000;text-transform:uppercase;position:absolute;font-weight:bold;top:50px;right:30%}
.safety_box .lists>div {position:relative;margin:0 0 78px;}
.safety_box .lists>div .img {overflow:hidden;display:inline-block;max-width:50%}
.safety_box .lists>div .infos {background:#FFF;width:100%;position:absolute;left:0;bottom:-35px;box-shadow:0 0 45px #ebf6e7;z-index:-1;text-align:right}
.safety_box .lists>div .infos .text {display:inline-block;text-align:left;padding:55px 30px 90px;font-size:1.6rem;color:#1a1a1a;line-height:1.6;max-width:54%}
.safety_box .lists>div:hover img {transform:scale(1.06)}

.safety_box .main {padding:47px 0 0;margin-bottom:200px;}
.safety_box .main .title {position:absolute;top:90px;left:55px;}
.safety_box .main .title h1 {font-size:3.6rem;color:#FFF;text-transform:uppercase;margin:0 0 10px;}
.safety_box .main .title p {font-size:3rem;color:#FFF}
.safety_box .main .text {position:absolute;left:55px;bottom:-78px;background:#FFF;box-shadow:0 12px 35px #ebf6e7;padding:50px 20px 80px;font-size:1.4rem;color:#242424;line-height:1.6;max-width:655px;width:100%}
/*è”ç³»æ–¹å¼*/
.contact_box .infobox {padding:30px 0 70px;}
.infobox .c_info {padding:300px 0 0 60px;position:relative;background-position:center;background-repeat:no-repeat;}
.infobox .c_info >div {width:100%;max-width:730px;background:#FFF;padding:60px 40px;}
.infobox .c_info >div h1 {font-size:3.6rem;color:#333;text-transform:uppercase;}
.infobox .c_info >div h2 {font-size:3rem;color:#333;margin:15px 0 40px;}
.infobox .c_info >div p {font-size:1.6rem;color:#4f4f4f;}

.contact_box .com_info  {padding:115px 0 30px;}
.contact_box .com_info>div {padding:0}
.contact_box .com_info>div h2 {font-size:3rem;color:#333;margin:0 0 45px;}
.contact_box .com_info>div p {font-size:1.6rem;color:#4f4f4f}
/*äººæ‰æ‹›è˜*/

.job_main {position:relative;overflow:hidden;margin:30px 0 50px;}
.job_main:before {content:attr(data-name);font-size:24rem;color:#fbfbfb;text-transform:uppercase;position:absolute;top:0;left:0}
.job_main .joblist {margin:60px 0 0}
.joblist li {margin:0 0 25px;}
.joblist li a {display:block;width:100%;position:relative;padding:0 25px;background:#f5f5f5;line-height:85px;}
.joblist li a>p.title {display:inline-table;margin:0;font-size:2rem;color:#333;vertical-align:middle;width:35%}
.joblist li a>div.infos {display:inline-table;vertical-align:middle;font-size:1.6rem;color:#333;}
.joblist li a>div.infos span {padding:0 5px;}
.joblist li a>i {font-size:3rem;color:#333;position:absolute;top:50%;right:25px;transform:translateY(-50%);}
.joblist li .editor {transition:none;display:none;border-top:1px solid #e5e5e5;background:#f5f5f5;padding:30px 30px 50px;font-size:1.4rem;color:#333;line-height:1.7}
.joblist li .editor>h5 {font-size:1.8rem;color:#333;margin:0 0 25px;}
.joblist li.open a>i {transform:rotate(-180deg) translateY(50%);}
.job_box .message {background:#f2f2f2;padding:75px 0 110px;}
.job_box .message h2 {font-size:3rem;color:#343434;margin:0 0 40px;}
.job_box .message .message_box table{width:100%;}
.job_box .message .message_box table tr {width:50%;display:inline-table;vertical-align:middle;margin:0 0 55px;}
.job_box .message .message_box table tr td.text {font-size:1.6rem;color:#343434;display:block;padding:0 15px;margin:0 0 5px;}
.job_box .message .message_box table tr td.input {display:block;padding:0 15px;}
.job_box .message .message_box table tr td input[type="text"] {width:100%;background:#FFF;line-height:45px;font-size:1.4rem;color:#333;border:0;padding:0 10px;}
.job_box .message .message_box table tr td span {display:none;}
.job_box .message .message_box table tr:first-child+tr+tr{width:100%;display:block;}
.job_box .message .message_box table tr td textarea  {width:100%;padding:10px;font-size:1.4rem;color:#333;height:170px;border:0}
.job_box .message .message_box table tr:last-child {width:100%}
.job_box .message .message_box table tr:last-child td.text {display:none;}
.job_box .message .message_box table tr input[type="submit"] {padding:22px 0;font-size:1.6rem;color:#FFF;display:block;width:225px;margin:0 auto;border:0;background:#59b530}
/*浮窗专题*/
.right_fixed {position:fixed;top:40%;right:0;background:rgba(0,0,0,.9);z-index:999;padding:35px 20px;box-shadow:10px 10px 15px rgba(0,0,0,.2);max-width:200px}
.right_fixed a{font-size:16px;color:#FFF;line-height:25px;}
.right_fixed span {position:absolute;top:10px;right:10px;color:#FFF;font-size:18px;cursor:pointer}
/**/
.st-container .st-menu {background:rgba(0,0,0,0.7)}
.st-container .st-menu ul li a {color:rgba(255,255,255,0.8)}
.st-container .st-menu ul li a:hover,.st-container .st-menu ul li.active a {background:rgba(0,0,0,0.07);box-shadow:0 4px 8px rgba(0,0,0,0.2)}
/***************************/
@media(max-width:1600px){
	.header{padding:0 15px;}
}
@media(max-width:1500px){
	.header .navlist {margin:0 90px 0 60px;}
  	.header .navlist li {padding:0 2rem;}
  	.header .navlist li a{font-size:1.6rem}
}
@media(max-width:1400px){
	.fixed_nav>div {padding:0 15px;}	
  	.fixed_nav li {padding:60px 35px;}
	.tem_banner .swiper-slide .banner_txt {padding:0 25px;}
}
@media(max-width:1300px){
	.header .navlist {margin:0 90px 0 15px;}
	.right_fixed a{font-size:14px}
	.right_fixed span {font-size:16px;}
}
@media(max-width:1200px){
	.header .navlist li {padding:0 15px;}	
  	.fixed_nav li {padding:60px 25px;}
	.contact_box .infobox {padding-left:15px;padding-right:15px;}
  .tem_banner .swiper-slide .banner_txt {padding:0 15px;}
}
@media(max-width:1100px){
	.header .navlist li {padding:0 10px;}
}
/***********ipad and coomon mobile***************/
@media(max-width:990px){
	.header .navlist{display:none;}		.fixed_nav li>div {margin:0;padding:20px 0}	.fixed_nav {overflow-y:auto}
	.fixed_nav li {padding:35px 0;display:block;}	.fixed_nav li dl {display:inline-table;padding:0 15px 0 0;}
  .tem_about .main>div.col-sm-5 {padding:0 15px}
	.tem_about .main .link a {margin-right:30px;padding:0 17px;}
	.common_navbox li a {padding:0 40px;}
	.tem_banner .flash {padding-top:85px;}
	.safety_box .lists>div .infos .text {font-size:1.3rem;max-width:50%}
	.safety_box .lists:before {right:20%;top:20px;}
	
	.company .editor {padding:60px 15px 135px;}
	.company:after {font-size:19rem}
	.footer .f_info .f_list>p {margin:0 0 10px;}

	.infobox .c_info {padding:300px 15px 0}
	.infobox .c_info >div {max-width:100%}
	.contact_box .com_info>div {padding:0 10px}
	.contact_box .com_info>div h2 {font-size:2rem;}
	.contact_box .com_info>div p {font-size:1.4rem;}
  
  .company .main>ol li {display:inline-table;margin:0;width:32.5%}
  .company .main>ol li a{display:block;font-size:1.2rem}
  .company .main>ol li a:after {display:none}
  
  
 .tem_banner .swiper-slide .ban2 h2 {font-size:3.5rem;}
.tem_banner .swiper-slide .ban1 p {font-size:4rem;}
.tem_banner .swiper-slide .ban1 h2 {font-size:3rem;}
.tem_banner .swiper-slide .ban0 p {font-size:2rem;}
.tem_banner .swiper-slide .ban0 h2 {font-size:3.5rem;} 
	.right_fixed a{font-size:12px}
	.right_fixed span {font-size:14px;}
  
}

/********mobile********/
@media(max-width:767px){
	.header .menu {width:60px;height:60px;line-height:60px;font-size:2.5rem;}	.fixed_nav li {padding:35px 0 0}
	.header .logo img {max-height:60px;}
	.tem_banner .swiper-slide .banner_txt h1 {font-size:3.5rem}
	.tem_banner .swiper-slide .banner_txt p {font-size:2rem;}
	.tem_about {padding:65px 0 55px;}
	.tem_about .main>div:last-child{transform:none;}
	.tem_about .main:before {display:none;}
	.tem_product .slogan {font-size:1.4rem;}
	.tem_product .lists>div .info {top:10px;left:10px;font-size:1.3rem;}
	.tem_product .lists>div .info p {font-size:1.3rem !important}
	.tem_news h1 {font-size:6rem}
	.tem_news .lists>div .item.on {position:relative;width:auto;height:auto;top:0;left:0}
	.footer .copy >div:last-child {text-align:center;}
	.common_navbox {display:none;}
	.tem_banner .flash {padding:60px 0 0}
	.tem_banner .text {line-height:35px;bottom:10px;}
	.tem_banner .text h3 {font-size:1.6rem;}
	.tem_banner .text span {font-size:1.4rem}
	.product_box .pro_width .title h1 {font-size:3rem}
	.product_box .pro_width .title p {font-size:2.3rem}
	.product_box .lists:before ,.showproduct .displayimg:before{font-size:6rem}
	
	.product_box .comlist .swiper-slide a>div:last-child {position:relative}
	.product_box .comlist .swiper-page {left:auto;right:0}
	.pro_lists .infos {padding:65px 0 50px;}
	.showproduct .displayimg>div .swiper-page>div {left:0}
	.showproduct .displayimg>div .swiper-page>div.slide-button-next {right:0}
	.case_box .item .infos {position:relative;transform:none;left:0}
	.case_box .item .infos>div {padding:35px 15px 50px;}
	.news_box .lists:before {font-size:6rem}
	.main_yf .item1 .title {top:15px;left:15px;}
	.main_yf .item1 .text {padding:30px 15px;}
	.main_yf .item2 {padding:50px 10px 0}
	.main_yf .item2 .text {background-size:cover;background-position:right center;}
	.imgbox_yf>div a .title {font-size:1.4rem}
	.safety_box .lists>div .img {display:block;max-width:100%}
	.safety_box .lists>div .infos {position:relative;bottom:0;}
	.safety_box .lists>div .infos .text {display:block;max-width:100%}
	.safety_box .lists {padding:90px 0 50px;}
	.safety_box .main .text {position:relative;left:0;bottom:0;}
	.safety_box .main .title {top:65px;left:15px;}
	.safety_box .main .title h1 {font-size:2.3rem;}
	.safety_box .main .title p {font-size:1.6rem}
	.company .main .cnt {padding:0}
	.culture_box .main {width:100%;padding:0 10px;}
	.history .title h2{font-size:2rem}
	.history .title p {font-size:1.6rem}
	.history .mainlist>div h3 {font-size:1.3rem}
	.honor .title h2,.zzjg .title h2,.company .title h2 {font-size:3rem;}
	.honor .title p,.zzjg .title p {font-size:2.2rem;}
	.company:after {font-size:9rem}
	
	.contact_box .infobox {padding-left:0;padding-right:0}
	.infobox .c_info {padding:120px 5px 0}
	.infobox .c_info >div {padding:60px 15px;}
	.infobox .c_info >div h1 {font-size:2.3rem;}
	.infobox .c_info >div h2 {font-size:2rem;}
	.infobox .c_info >div p {font-size:1.4rem;}
	#container {height:350px}
	.joblist li a {padding:0 10px;line-height:55px;}
	.joblist li a>p.title {font-size:1.4rem;width:30%}
	.joblist li a>div.infos {font-size:1.2rem;}
	.joblist li .editor {padding:15px 15px 30px;}
	.job_box .message .message_box table tr {width:100%;display:block;margin:0 0 20px;}
	.job_box .message .message_box table tr:last-child td {width:100%;display:block}
	.job_box .message h2 {padding:0 15px;font-size:2rem;}
  
  .showproduct .content ol li {width:48%;padding:0 5px;margin:0}
 .tem_banner .swiper-slide .ban2 h2 {font-size:2.5rem;}
.tem_banner .swiper-slide .ban1 p {font-size:2.2rem;}
.tem_banner .swiper-slide .ban1 h2 {font-size:2.5rem;}
.tem_banner .swiper-slide .ban0 p {font-size:1.4rem;}
.tem_banner .swiper-slide .ban0 h2 {font-size:2rem;}  
  
}