@charset "utf-8";
/* CSS Document */


.w1200{ max-width:1920px; margin:0 auto; padding-left:210px; padding-right:210px;}
.flex{ display:flex; display: -webkit-flex; align-items:center;flex-wrap:  wrap ; justify-content:space-between}
.flex2{ display:flex; display: -webkit-flex; align-items:stretch;flex-wrap:  wrap ; justify-content:space-between}


.header{ transition:all .3s; position:fixed; top:0; left:0; width:100%; z-index:200; padding-top:60px; padding-bottom:25px;}
.header .logo img.w{ display:block;}
.header .logo img.b{ display:none;}
.header .logo img{ max-width:330px; max-height:45px;}

.header.on{ padding-top:27px; padding-bottom:27px;}



.navbox .nav{}
.navbox .nav li{ margin-right:40px; position:relative;}
.navbox .nav li.on>a{ border-bottom:1px solid #fff;}
.navbox .nav li> a{ color:#fff; line-height:40px; display:block;}
.navbox .nav li .nav2{ box-shadow:0 0 10px rgba(0,0,0,.1); opacity:0; visibility:hidden; position:absolute; top:120%; left:50%; transform:translateX(-50%); -webkit-transform:translateX(-50%); transition:all .3s;}
.navbox .nav li i{ margin-top:-8px; line-height:40px; vertical-align:middle; margin-left:5px;}
.navbox .nav li .nav2 a{ white-space:nowrap; color:#333; font-size:14px}
.navbox .nav li .nav2{ background:#fff; padding:15px 25px;}
.navbox .nav li:hover .nav2{ opacity:1; visibility:visible; top:100%;}
.navbox .nav li .nav2 a:hover{ color:#ff120b}

.searchbox{ margin-right:40px;}
.searchbox form{ width:190px; height:40px; border:1px solid #fff; overflow:hidden; border-radius:100px;}
.searchbox form button{height:38px; width:50px; background:none; cursor:pointer;}
.searchbox form input{ color:#fff; height:38px; padding:0 15px; background:none; width:calc(100% - 50px);}

.searchbox form button img{ margin:0 auto;}
.searchbox form button img.b{display:none;}
.searchbox form button img.w{ display:block; }

.lang a{ border-radius:100%; display:inline-block; width:40px; height:40px; border:1px solid #fff; color:#fff; line-height:38px; text-align:center;}


.banner{ position:relative;}
.banner img{ width:100%; height:100%; object-fit:cover; transition:all 7s;}
.banner .swiper-slide{ overflow:hidden;}
.banner .swiper-slide-active img{ transform:scale(1.05,1.05); -webkit-transform:scale(1.05,1.05);}


.header.on{ background:#fff; box-shadow:0 0 10px rgba(0,0,0,.1);}
.header.on .logo img.w{ display:none;}
.header.on .logo img.b{ display:block;}
.header.on .navbox .nav li> a{ color:#666666;}
.header.on .searchbox form{ border:1px solid #666; color:#666}
.header.on .searchbox form input{ color:#666}
.header.on .lang a{ color:#666; border:1px solid #666}

.header.on .searchbox form button img.w{ display:none;}
.header.on .searchbox form button img.b{ display:block;}
.header.on .navbox .nav li.on>a{ border-bottom:1px solid #333;}

.banbtn{ position:absolute; bottom:2.2rem; left:0; width:100%; padding-left:210px; padding-right:210px;}
.banbtn div{ position:static; width:40px; height:40px; border:1px solid #fff; line-height:38px; text-align:center;}
.banner div.swiper-button-next{ background:none; width:40px; height:40px; border:1px solid #fff; text-align:center; line-height:38px; border-radius:100%; right:50px;}
.banner div.swiper-button-next i,.banner div.swiper-button-prev i{ font-size:18px; color:#fff; }
.banner div.swiper-button-prev{width:40px; height:40px; border:1px solid #fff;text-align:center; line-height:38px;border-radius:100%; background:none; left:50px;}

.index01{ padding:130px 0 130px 210px;}
.indextit01{ padding-right:210px;}
.indextitle span{ font-size:14px; color:#666; display:block;}
.indextitle b{ font-size:40px; color:#000; font-weight:normal;}
.indextit01ri{ max-width:calc(100% - 300px);}
.indextit01ri p{  font-size:16px; color:#333;}

.moress {  margin-right:70px; margin-top:55px; display:block; width:50px; height:50px; border-radius:100%; position:relative; background-image:url(../images/yuanh.png); background-size:50px 50px; background-position:left center; background-repeat:no-repeat;   line-height:48px; text-align:center;}
.moress i{ font-size:18px; color:#3b3b3b;  position:relative; z-index:2;}
.moress span{ z-index:2; position:absolute; left:40px; top:50%; transform:translateY(-50%); -webkit-transform:translateY(-50%); display:inline-block; width:65px; background:#fff; color:#3b3b3b; transition:all .3s;}

.moress:hover{ }
.moress:after{ transition:all .3s; -webkit-transition:all .3s; border-radius:100%; content:""; position:absolute; display:block; width:0; height:0; left:0; top:50%; left:50%;  background:#fe1c15;}
.moress:hover:after{ width:100%;  left:0; top:0; height:100%;}
.moress:hover i{ color:#fff;}
.moress:hover span{ left:55px; color:#fe1c15;}

.index01box{ padding-top:55px;}
.index01bot{ padding-right:210px;}
.jindutiao{ }
.index01btn{ width:80px; position:relative;}
.index01bot .jindutiao{  position:relative; width:calc(100% - 90px); height:1px; background:#999999;}
.index01bot .jindutiao span{ width:50px; position:absolute; height:3px; background:#333; position:absolute; left:0; top:50%; margin-top:-2px;}
.index01btn div{ text-align:center; font-size:20px; background:none; position:static; width:48%; margin:0; height:auto;}
.index01btn div i{ line-height:50px;}


.index01box .txt{ padding:30px 0;}
.index01box .txt b{ font-size:20px; color:#333; font-weight:normal;}
.index01box .txt p{ font-size:14px; color:#666666;}
.index01box .img{ height:410px; position:relative;}
.index01box .img:after{ content:""; transition:all .3s; position:absolute; left:0; top:0; display:block; width:100%; height:100%; background:none; z-index:1;}
.index01box .swiper-slide:hover .jt{ opacity:1; top:50%; transform:rotate(-30deg); -webkit-transform:rotate(-30deg);}
.index01box .swiper-slide:hover .img:after{ background:rgba(254,28,21,.5);}
.index01box .swiper-slide .jt{position:absolute; left:50%; top:80%; opacity:0; z-index:2; transition:all .5s; width:100px; height:100px; line-height:100px; margin-top:-50px; margin-left:-50px;  background:#fff; border-radius:100%; text-align:center;  font-size:20px;}
.index01box .swiper-slide:hover .txt b{ font-weight:bold;}


.index02{  padding:90px 0; background:#f7f7fa;}

.index02 .moress{ margin-bottom:100px;}
.index02 .moress span{ background:#f7f7fa}

.index02le{ width:50%;}
.index02ri{ width:50%; padding:40px 0;}
.index02ri p{ font-size:14px; color:#666666; line-height:2;}
.index02ri hr{ background:#ebebec; border:none; height:1px;}

.index02ul{justify-content: flex-start;}
.index02ul li{ width:auto; max-width:33%; margin-right:.8rem; position:relative; text-align:left;}
.index02ul li b{ line-height:1.4; display:block; font-size:.4rem; color:#333;}
.index02ul li b em{ font-style:normal;}
.index02ul li p{ font-size:.16rem; color:#666666;}
.index02ul li:after{ transform:rotate(20deg); -webkit-transform:rotate(20deg); content:""; display:block; width:1px; height:100%; position:absolute; right:-.3rem; top:0; background:#dfdfdf;}
.index02ul li:last-child:after{ display:none;}



.index03{ padding:120px 0 80px; padding-left:210px;}
.index03bot{ margin-top:50px;}

.index03tiri{ padding-right:210px;}
.leribtn>div{ background:#eeeeee; display:inline-block; position:static; text-align:center; color:#686868; margin:0; width:60px; height:60px; line-height:60px; transition:all .3s;}
.leribtn>div i{ font-size:18px;}
.leribtn>div:hover{ background:#fe1c15;}
.leribtn>div:hover i{ color:#fff;}



.index03bot .txt{ padding:30px 0;}
.index03bot .txt b{ font-size:20px; color:#333; font-weight:normal; margin-bottom:5px; position:relative; display:inline-block;}
.index03bot .txt b:after{ width:100%; height:2px; width:35px; position:absolute; background:#fe1c15; content:""; display:block; left:calc(100% + 15px); top:50%; transition:all .3s;}
.index03bot .txt p{ font-size:14px; color:#666666;}
.index03bot .img{ height:285px; position:relative;}
.index03bot .swiper-slide:hover .jt{ opacity:1; top:50%; transform:rotate(-30deg); -webkit-transform:rotate(-30deg);}
.index03bot .swiper-slide .jt{position:absolute; left:50%; top:80%; opacity:0; z-index:2; transition:all .5s; width:80px; height:80px; line-height:80px; margin-top:-40px; margin-left:-40px;  background:#fff; border-radius:100%; text-align:center;  font-size:20px;}
.index03bot .swiper-slide .jt i{ color:#333;}
.index03bot .swiper-slide:hover .txt b:after{ width:45px;}


.index04{ position:relative; padding:110px 0;}
.index04 .index04bac{ position:absolute; left:0; z-index:1; top:0; width:100%; height:100%;}
.index04bac img{ display:none; width:100%; height:100%; object-fit:cover;}
.index04 .w1200{ position:relative; z-index:2;}

.index04 .moress{ color:#fff; }
.index04 .moress i{  color:#fff;}
.index04 .moress span{ color:#fff; background:none;}
.indextitle.white b,.indextitle.white span{ color:#fff;}
.white.moress{ background-image:url(../images/bacyuan.png);}

.index03bot .swiper-slide .jt span,.index01box .swiper-slide .jt span{ display:none;}

.index03bot .swiper-slide .jt,.index01box .swiper-slide .jt{ background-image:url(../images/ribtn.png); background-position:center; background-repeat:no-repeat;}

.index04box .swiper-slide{ padding:50px 80px; background:rgba(255,255,255,.8);}
.index04box .swiper-slide b{font-size:30px; color:#000; display:block; margin-bottom:15px;}
.index04box .swiper-slide p{ font-size:16px; color:#000}


.index05{ padding:130px 0;}
.index05bot{ margin-top:60px;}

.index05tri{ max-width:930px; width:calc(100% - 180px); }
.index05tri:hover .txt b{ color:#ff120b;}
.index05tri .img{ width:42%;overflow:hidden;}
.index05tri .img img{ width:100%; height:100%; object-fit:cover;}
.index05tri .txt{ padding:20px; width:58%; padding-right:.55rem;}
.index05tri .txt b{ transition:all .3s; color:#333333; font-size:18px; font-weight:normal;}
.index05tri .txt p{ font-size:14px; color:#666; margin-top:15px; margin-bottom:25px;}
.index05tri .txt span{ font-size:14px; color:#666666;}

.index05li{ width:50%; padding-right:60px; border-right:1px solid #e4e4e4;}
.index05li2{ padding-right:0; padding-left:60px; border:none;}
.index05li b a{ font-size:22px; color:#000000;}
.index05li b { display:block; border-bottom:1px solid #f2f2f2; padding-bottom:15px; margin-bottom:15px;}
.index05li li a{ font-size:14px; color:#666666;}
.index05li li:hover a{ color:#ff120b}
.index05li li{ margin-bottom:13px;}
.index05li li span{ float:right; font-size:14px; color:#666666; padding-left:15px;}

.footer{ background-size:cover; background-position:center; background-repeat:no-repeat; padding-top:120px;}
.fotcopy{ margin-top:80px; text-align:center; padding:10px  0; border-top:2px solid #404040;}
.fotcopy p,.fotcopy a{ font-size:12px; color:rgba(255,255,255,.5);}
.fotcopy a:hover{ color:#fff;}
.fotcopy a{ padding:0 15px;}

.fotri { width:175px; text-align:center;}
.fotri img{ max-width:100%;}
.fotri span{ font-size:14px; color:rgba(255,255,255,.5); margin-top:15px; display:block;}

.fotmi li{ width:220px;}
.fotmi li b{ display:block; font-size:20px; color:#fff; margin-bottom:15px;}
.fotmi li a{ display:block; font-size:14px; color:rgba(255,255,255,.5); margin-bottom:10px;}
.fotmi li a:hover{ color:#fff;}

.fotle{ max-width:50%;}
.fotle b{ font-size:30px; line-height:1.3; color:#fff; display:block;}
.fotle .line{ margin:25px 0 35px; width:340px; height:5px; background:#ff120b;	}
.fotle p{ font-size:14px; color:rgba(255,255,255,.5); margin-bottom:15px; padding-left:30px; background-position:left center; background-repeat:no-repeat;}
.fotle p.tel{ background-image:url(../images/index_39.png);}
.fotle p.email{ background-image:url(../images/index_43.png);}
.fotle p.add{ background-image:url(../images/index_48.png);}
.fotle a{ transition:all .3s; margin-top:25px; font-size:14px; display:inline-block; line-height:45px; padding:0 50px;color:rgba(255,255,255,.5); border:1px solid rgba(255,255,255,.5)}
.fotle a img{ vertical-align:middle; margin-right:10px;}
.fotle a:hover{ color:#fff; border:1px solid #fff;}

.suban{ height:500px; background-size:cover; background-position:center; background-repeat:no-repeat;}

.position{ border-bottom:1px solid #f0f0f0;}
.position .posi{ padding-left:25px; background-image:url(../images/3bac_04.jpg); background-position:left center; background-repeat:no-repeat; font-size:14px; color:#666}
.position .posi,.position .posi a{ color:#666; line-height:70px;}

.subnav a{ position:relative; font-size:14px; color:#666666; display:inline-block; margin-left:60px; line-height:70px;}
.subnav a:after{ width:0; height:1px; position:absolute; content:""; display:block; bottom:0; left:50%; transition:all .3s; background:#333;}
.subnav a:hover:after,.subnav a.on:after{ width:100%; left:0;}
.subnav a:hover{ color:#333;}
.position .posi a:hover{ color:#ff120b}

.main{ padding:95px 0 70px;}
.chanpinlist{ justify-content: flex-start;}
.chanpinlist li{ transition:all .5s; background:#f7f7fa; width:31.33%; margin-right:3%; margin-bottom:40px;}
.chanpinlist li:nth-child(3n){ margin-right:0}
.chanpinlist li .txt{ padding:30px 40px;}
.chanpinlist li b{ font-size:18px; color:#333; display:block; margin-bottom:10px;}
.chanpinlist li p{ font-size:14px; color:#999999;}
.chanpinlist li .img{ height:3.6rem;}
.chanpinlist li:hover{ box-shadow:0 0 15px rgba(0,0,0,.1); background:#fff;}

.pages{ padding-top:50px;}
.pages ul{justify-content:center;}
.pages ul li a{ display:block; padding:0 10px; font-size:14px; color:#666666;}
.pages ul li.active a,.pages ul li a:hover{ color:#ff120b}

.a_box{ text-align:right; padding-top:25px;}
.a_box a{ color:#333; font-size:14px;}
.chanpinlist li:hover .a_box a{ color:#fe1c15}
.a_box i{ margin-left:15px; width:14px; height:11px; display:inline-block; background-image:url(../images/xie.png);}

.gongyi002{ padding:100px 0 1.5rem; background-size:cover; background-position:center; background-repeat:no-repeat;}

.gongyi2ul li{ transition:all .5s; width:31.33%; padding:25px; background:#fff;}
.gongyi2ul li .txt{ padding:30px 10px;}
.gongyi2ul li .txt b{ font-size:24px; color:#333333; margin-bottom:15px; display:block}
.gongyi2ul li .txt p{ font-size:14px; color:#333333;}
.gongyi2ul li:hover{box-shadow:0 0 15px rgba(0,0,0,.1);}


.suban2{ height:700px; background-position:center; background-repeat:no-repeat; background-size:cover;}

.esg01{ margin-top:80px;}
.esg01box{ background-position:left center; background-repeat:no-repeat; background-size:cover; padding:50px 0; padding-right:60px; padding-left:60%;}
.esg01box .line{ display:none; width:58px; height:4px; background:#fff; margin-bottom:25px;}
.esg01box p{ font-weight:bold; font-size:24px; color:#ffffff; margin:5px 0;}

.esg02{ padding-bottom:120px;}
.esg02 li{ margin-top:70px;}
.esg02 li .txt,.esg02 li .img{ width:48%;}
.esg02 li .img img{ width:100%; height:100%; object-fit:cover;}
.esg02 li .txt{ padding-top:60px; }
.esg02 li .txt .txtb{ font-size:40px; color:#333333; font-weight:normal; line-height:1.3; width:135px; padding-left:20px; border-left:10px solid #333333;}
.esg02 li .txt .txtp{ text-align:right;}
.esg02 li .txt .txtp p{ font-size:16px; color:#666666; line-height:2;}

.about01{ padding:110px 0; }
.about01box{    background-image: url(../images/3bac_11.jpg); background-position:right bottom; background-repeat:no-repeat; background-size:43% auto;}
.about01le,.about01ri{ width:43%; text-align:justify;}
.about01box p{font-size:14px; color:#666666	; line-height:2;}
.about01le p,.about01ri p{ font-size:14px; color:#666666	; line-height:2;}
.about01le img{ max-width:100%; margin:0 auto;}
.about01le hr{ background:#ececec; border:none; height:1px;}
.about01ribox{ margin-top:50px;}
.about01ri{}
.about02{ background-size:cover; background-position:center; background-repeat:no-repeat; padding:100px 0;}

.about1bot{ margin-top:1.5rem;}
.thumbs{ margin-top:.8rem;  padding:0 2.1rem;}
.toppic{ padding-left:2.1rem;}
.thumbs{  }
.thumbspic{ padding:20px 0; width:calc(100% - 80px);}

.thumbs .swiper-button-next{background-repeat:no-repeat; background-position:center; margin:0; width:40px; position:static;background-size:22px auto; margin:0 auto; background-image:url(../images/ribtn.png);}
.thumbs .swiper-button-prev{ background-repeat:no-repeat; background-position:center; margin:0; width:40px; position:static; background-size:22px auto; background-image:url(../images/lebtn.png);}
.thumbs .swiper-button-next:after{  display:none;}
.thumbs .swiper-button-prev:after{  display:none;}
.thumbbox{background:#f7f7fa; padding:0 70px; border-radius:100px;}
.thumbspic{ text-align:center;}

.thumbspic .swiper-slide-thumb-active b{ color:#fd1c15;}

.toppic .swiper-slide-active .year { color:#fd1c15}
.toppic .year{ width:240px; font-size:60px; color:#d6d6d6; font-weight:bold; line-height:1;}
.toppic .cont{ width:calc(100% - 240px); padding-top:25px;}
.toppic .cont p{ color:#666666;  font-size:14px; line-height:2; max-width:290px;}
.toppic .cont i{ margin-bottom:15px; position:relative; border-top:1px dashed #666666; display:block; width:100%;}
.toppic .cont i:after{ background:#666; border-radius:100%; content:""; display:block;  right:0; top:50%; margin-top:-4px; height:7px; width:7px; position:absolute;}
.toppic .cont i:before{ background:#666; border-radius:100%; content:""; display:block;  left:0; top:50%; margin-top:-4px; height:7px; width:7px; position:absolute;}

.culture{  padding:85px 0;}
.culle{ width:30%;  height:470px;}
.culle img{ width:100%; height:100%; object-fit:cover;}
.culri{ width:67%;}
.culri li{  height:470px; width:33%; position:relative; background-size:cover; background-position:center; background-repeat:no-repeat;}
.culri li .line{transition:all .5s; width:0; height:2px; background:#fff; margin: 5px auto; display:block;}
.culri li .txt{ left:0; bottom:0; transition:all .5s; width:100%; text-align:center; padding:20px; height:50%; background:#f7f7f6; position:absolute;}
.culri li .txt b{ font-size:24px; color:#666666; font-weight:normal;}
.culri li .txt p{ font-size:14px; color:#666666;}
.culri li:hover .txt{ color:#fff; height:100%; background:rgba(231,33,26,.8);}
.culri li:hover .txt b{ font-weight:bold; color:#fff;}
.culri li:hover .line{ width:20px; margin:15px auto;}
.culri li:hover  .txt p{ font-weight:bold; color:#fff;}

.zhengshule{ width:280px; text-align:justify;}
.zhengshuri{ width:calc(100% - 350px);}
.zhengshule p{ font-size:14px; margin:30px 0; color:#666666; line-height:2;}

.zhengshulist{ padding:70px 0;}
.zslists{    justify-content: flex-start;}
.zslists li{ width:31%; margin:1%; margin-bottom:30px; text-align:center;}
.zslists li img{ width:100%; border:7px solid #eeeeee;}
.zslists li span{ font-size:14px; color:#666666; margin-top:15px; display:block;}

.fengcailist{ justify-content: flex-start;}
.fengcaile{ width:73%;}
.fengcairi{ width:24%; }

.fengcairi b{ font-size:20px; color:#333; font-weight:normal; display:block; margin-bottom:20px;}
.fengcairi li{ border-bottom:1px solid #efeff0; padding:20px 0;}
.fengcairi li a{ position:relative; display:block; font-size:16px; color:#666666;}
.fengcairi li a i{  position:absolute; right:0; top:50%; transform:translateY(-50%); -webkit-transform:translateY(-50%);}
.fengcairi li.on{ border-bottom:1px solid #fc2c25;}
.fengcairi li.on a,.fengcairi li.on a i{ color:#fc2c25}
.fengcairi li:hover a,.fengcairi li:hover a i{ color:#fc2c25}

.fengcailist li{ width:31.33%; margin:0 1%; margin-bottom:20px;}
.fengcailist li img{ width:100%; height:100%; object-fit:cover;}

.fcribox{background:#f7f7fa; padding:40px 55px;}

.contactle{  transform:translateY(-2.6rem); -webkit-transform:translateY(-2.6rem);  background:#fff; display:block; width:50%; box-shadow:0 0 15px rgba(0,0,0,.1); padding:60px;}
.contactri{ width:45%; max-width:580px;}

.contactbox{ padding-top:60px; padding-bottom:30px;}
.addli{ margin-top:50px;}
.addli li{ cursor:pointer; margin-bottom:25px;}
.addli li b{ transition:all .3s; padding:0 50px; font-size:16px; line-height:60px; background:#eeeeee; color:#666; display:block;  position:relative;}
.addli li b:after{ content:">"; position:absolute;  display:block; right:50px; top:50%; transform:translateY(-50%); -webkit-transform:translateY(-50%);}
.addli li.on b{ color:#000; text-align:center;}
.addli li.on b:after{ opacity:0;}
.addli li .txt{ padding-bottom:40px; display:none;}
.addli li .txt span{ font-size:14px; color:#666;}
.addli li .txt p{ font-size:16px; color:#000000;}
.addli li .txt div{ margin-top:50px; padding-left:80px;  background-position:left center; background-repeat:no-repeat;}
.addli li .txt div.add{ background-image:url(../images/7contact_04.jpg)}
.addli li .txt div.tel{ background-image:url(../images/7contact_07.jpg)}
.addli li .txt div.Email{ background-image:url(../images/7contact_09.jpg)}
.addli li.on .txt{ display:block;}

.contactri input{ border-bottom:1px solid #e6e6e6; width:100%; margin-bottom:35px;  height:50px; line-height:50px; font-size:14px; color:#333;}
.contactri textarea{ margin-bottom:35px; width:100%; height:120px; border:1px solid #e6e6e6; padding:10px;}
.contactri button{ width:165px; height:50px; cursor:pointer;}
.contactri button:first-child{ background:#fb3a34; color:#fff;}

.contact02ri{ width:50%;}
.contact02le{ width:45%;}
.contact02le img{ max-width:100%;}

.contact02{ padding:95px 0;}

.contact02ri li  .cont{ display:none; padding:25px 0;}
.contact02ri li {  cursor:pointer; }
.contact02ri li .litit{padding:35px 0; border-bottom:2px solid #929292;}
.contact02ri li b{ font-size:18px; color:#333; font-weight:normal;}
.contact02ri li em{ font-style:normal; font-weight:normal; font-size:40px; line-height:1; font-weight:lighter; }
.contact02ri li.on .cont{ display:block;}
.contact02ri li  .cont p{ font-size:14px; color:#666666; line-height:2;}
.contact02ri li.on .litit{ border-bottom:2px solid #eee;}

.phone01{ padding:80px 0;}
.leadd{ width:230px;}
.leadd b{ font-size:32px; color:#000000; display:inline-block; line-height:1; padding-left:40px; border-left:7px solid #06223a;}
.riadd{ width:calc(100% - 230px);}
.riadd ul{justify-content: flex-start;}
.riadd li{ transition:all .3s; min-height:365px; padding:40px 50px; width:29.33%; background:#f7f7fa; margin:2%;}
.riadd li:hover{ background:#fff; box-shadow: 0 0 15px rgba(0,0,0,.1);}
.riadd li b{ font-size:14px; color:#000000; margin-bottom:10px; display:block;}
.riadd li p{ font-size:14px; color:#000000; line-height:2;}
.dianhualist{ margin-bottom:30px;}
.dianhualist:first-child .riadd li:first-child b{ font-size:18px;}

.news{ padding:100px 0;}
.newlist li{ width:47%; margin-bottom:4%; background:#f7f7fa; transition:all .3s;}
.newlist li .img{ height:370px;}
.newlist li .txt{ padding:30px 50px;}
.newlist li:hover { background:#fff; box-shadow:0 0 15px rgba(0,0,0,.1);}
.newlist li  b{ font-size:18px; color:#333;}
.newlist li p{ font-size:14px; color:#999999;}
.news3 { margin-bottom:1rem;}
.news3 li{ width:50%;}
.news3 li img{ width:100%;}

.contentbox h1{ font-size:24px; color:#333333; font-weight:normal; text-align:center;}
.times{ text-align:center;}
.times span{ font-size:14px; color:#666666;}
.content{ padding:50px 0;}
.content p{ text-indent:2em; font-size:14px; color:#666666; line-height:2;}

.pre_next{ border-top:1px solid #dcdcdc; padding:35px 0;}
.pre_next a{ max-width:48%; font-size:16px; color:#666666;}
.pre_next a:hover{ color:#ff120b}


	.main_xindex{ padding-top:7.7rem; background-size:100% auto; background-position:top center; background-repeat:no-repeat;}
	.xindex01 li{ width:24%; background:#fff; padding:20px 0 10px;}
	.xindex01 li .img{ height:2.35rem; width:100%;}
	.xindex01 li span{ display:block; margin-top:10px; font-size:20px; color:#333; text-align:center;}
	
	.xindex02{ padding:1.25rem 0;}
	.xindex02  .xindex02le{ width:45%}
	.xindex02ri{ width:49%;}
	.xindex02ri .culri{ width:100% !important;}
	
	
	.xindex02ri .culri li{ height:3.45rem;}
	.xindex02vieo video{ width:100%; height:3.15rem;object-fit: cover;}
	.xindex02le b{ font-weight:normal; font-size:22px; color:#333; display:block;}
	

@media screen and (max-width:1920px){
	.w1200{ padding-left:2.1rem; padding-right:2.1rem;}
	}
@media screen and (max-width:1660px){
	.w1200,.banbtn{ padding-left:1.5rem; padding-right:1.5rem;}
	.index03tiri{ padding-right:1.5rem;}
	.index01bot{ padding-right:1.5rem;}
	.indextit01{ padding-right:1.5rem;}
	.index01,.index03{ padding-left:1.5rem;}
	.navbox .nav li{ margin-right:20px;}
	.fotmi{ width:calc(50% - 180px);}
	.fotmi li{ width:50%;}
	.header .logo img{ max-width:250px;}
	.searchbox form{ width:130px;}
	.index01box .img{ height:4rem;}
	.index03bot .img{ height:2.85rem;}
	.newlist li .img{ height:4rem;}
	}
@media screen and (max-width:1240px){
	.searchbox{ margin-right:15px;}
	.w1200,.banbtn{ padding-left:1rem; padding-right:1rem;}
	.index03tiri{ padding-right:1rem;}
	.index01bot{ padding-right:1rem;}
	.indextit01{ padding-right:1rem;}
	.index01,.index03{ padding-left:1rem;}
	.navbox .nav li> a{ font-size:14px;}
	.fotle b{ font-size:20px;}
	.index01box .swiper-slide .jt,.index03bot .swiper-slide .jt{ width:50px; height:50px; margin-top:-25px; margin-left:-25px; background-size:15px auto;}
	}
@media screen and (max-width:960px){
	 .wap{ display:block;}
	 .pc{ display:none;}
	 .fotmi{ display:none;}
	 .suban{ height:6rem;}
	 .suban2{ height:7rem;}
	 .position .posi{ display:none;}
	 .position .posi, .position .posi a{ line-height:50px;}
	 .subnav{ width:100%;  white-space:nowrap; overflow:auto;}
	 .subnav a{ line-height:50px; margin:0; margin-right:20px;}
	 .zhengshule,.zhengshuri,.fengcaile,.fengcairi{ width:100%;}
	 .zhengshule{ margin-bottom:40px;}
	 .contact02{ padding:40px 0;}
	 .contact02le,.contact02ri{ width:100%;}
	 .leadd{ width:100%;}
	 .riadd{ width:100%;}
	 .phone01{ padding:40px 0;}
	 
	}
@media screen and (max-width:768px){
	.banner div.swiper-button-prev{ left:10px;}
	.banner div.swiper-button-next{ right:10px;}
	.index01{ padding:40px 15px;}
	.indextit01ri{ width:100%; max-width:none; margin-top:20px;}
	.indextit01ri p{ font-size:14px;}
	.moress{ margin-top:20px;}
	.indextitle b{ font-size:22px;}
	.moress{ width:30px; height:30px; line-height:30px; background-size:30px auto;}
	.moress i{ line-height:30px;}
	.indextit01{ padding-right:0}
	.indextit01ri p{ font-size:12px;}
	.indextit01 .moress{ float:none;}
	.index01box{ padding-top:25px;}
	.moress span{ font-size:14px; left:20px;}
	.index01box .img{ height:6rem;}
	.index01bot{ padding-right:0}
	.index01box .txt{ padding:10px;}
	.index01box .txt b{ font-size:16px;}
	.index01box .txt p{ font-size:12px;}
	.index02{ padding:40px 0;}
	.w1200,.banbtn{ padding-left:15px; padding-right:15px;}
	.index02le,.index02ri{ width:100%}
	.index02 .moress{ margin-bottom:20px;}
	.index02ul li b{ font-size:20px;}
	.index02ul li span{ font-size:14px;}
	.index02ul li{ width:30%; margin-right:0; text-align:center;}
	.index02ri{ padding:25px 0;}
	.index03{ padding:40px 15px;}
	.index02ul li:after{ right:0;}
	.leribtn>div{ width:30px; height:30px; line-height:30px;}
	.index03bot .img{ height:5rem;}
	.index03bot{ margin-top:20px;}
	.index03bot .txt b:after{ width:20px;}
	.index03bot .txt{ padding:15px 10px;}
	.index03bot .txt b{ font-size:16px;}
	.index03bot .txt p{ font-size:12px;}
	.index04{ padding:40px 0;}
	.index04box .swiper-slide{ padding:20px;}
	.index04box .swiper-slide b{ font-size:20px;}
	.index04box .swiper-slide p{ font-size:12px;}
	.index05{ padding:40px 0;}
	.index05tri .txt b{ font-size:16px;}
	.index05tri .txt p{ margin-bottom:15px;}
	.index05bot{ margin-top:25px;}
	.footer{ padding-top:40px;}
	.fotle .line{ width:100%;}
	.fotle a{ display:block; margin:0 auto; width:175px; padding:0 20px; text-align:center;}
	.fotcopy{ margin-top:30px;}
	.fotcopy{ padding:15px;}
	.fotcopy a{ display:inline-block;} 
	.fotri{ margin:0 auto; margin-top:40px;}
	.index05li{ margin-bottom:15px; width:100%; padding:0 !important; border:none;}
	.index05li b a{ font-size:18px;}
	.index05tri{ position:relative; margin-top:25px; width:100%; padding-top:8rem}
	.index05tri .img{ position:absolute; top:0; left:0; height:8rem; width:100%;}
	.index05tri .txt{ padding:15px 0; width:100%;}
	.banner div.swiper-button-prev,.banner div.swiper-button-next{ width:20px; height:20px; line-height:20px; margin-top:-10px;}
	.main{ padding:40px 0;}
	.chanpinlist li .txt{ padding:20px;}
	.pages{ padding-top:30px;}
	.chanpinlist li{ width:100%; margin:0; margin-bottom:15px;}
	.about01{ padding:40px 0;}
	.about01le, .about01ri{ width:100%;}
	.about01ri{ margin-top:20px;}
	.about01ribox{ margin-top:20px;}
	.about02{ padding:40px 0;}
	.gongyi2ul li{ width:100%; margin-bottom:15px; padding:15px;}
	.gongyi2ul li .txt{ padding-bottom:0}
	.gongyi2ul li .txt b{ font-size:16px; margin-bottom:10px;}
	.about01box{ background-size:90% auto;}
	.thumbs{ padding:0 15px;}
	.thumbbox{ padding:0 10px;}
	.toppic .year{ width:100%;}
	.toppic .cont{ width:100%;}
	.toppic{ padding:0 15px; margin-bottom:20px;}
	.toppic .year{ font-size:22px;}
	.toppic .cont p{ max-width:none;}
	
	.esg01{ margin-top:40px;}
	.esg01box p{ padding:10px 20px; background:rgba(0,0,0,.5);}
	.esg01box{ padding:40px;}
	.esg01box p{ font-size:16px; margin:0;}
	.esg02 li{ margin-top:25px; padding-top:8rem; position:relative;}
	.esg02 li .img{ position:absolute; top:0; left:0; width:100%; height:8rem;}
	.esg02 li .txt{ width:100%; padding:25px 0;}
	.esg02 li .txt .txtb{ width:100%; font-size:20px;}
	.esg02{ padding-bottom:40px;}
	
	.culture{ padding:40px 0;}
	.culri{ margin-top:15px;}
	.culri li{ width:100%; height:20rem; margin-bottom:10px;}
	.culri,.culle{ width:100%; height:auto;}
	.culri li .txt b{ font-size:20px;}
	.culri li .txt p{  font-size:14px;}
	.zhengshulist{ padding:40px 0;}
	.zhengshule p{ margin:10px 0;}
	.zslists li{ width:48%;}
	.fengcailist li{ width:48%; margin:1%;}
	.fengcairi{ margin-top:15px;}
	.fcribox{ padding:20px;}
	.contactle,.contactri{ width:100%; transform:none; -webkit-transform:none;}
	.contactle{ padding:20px;}
	.addli{ margin-top:20px;}
	.addli li .txt p{ font-size:14px;}
	.addli li .txt div{ margin-top:20px;}
	.addli li .txt{ padding-bottom:20px;}
	.contactri{ padding:25px; box-shadow:0 0 15px rgba(0,0,0,.1); margin-top:20px;}
	.contact02ri li .litit{ padding:15px 0;}
.contact02ri{ margin-top:20px;}
.riadd li{ padding:20px; width:100%; min-height:inherit; margin:0; margin-bottom:15px;}
.leadd b{ font-size:22px; margin-bottom:20px; padding-left:20px;}
.newlist li { width:100%;}
.newlist li .img{ height:10rem;}
.news{ padding:40px 0;}
.newlist li .txt{ padding:20px;}
.newlist li b{ font-size:14px;}
.newlist li p{ margin-top:10px;}
.news3 li{ width:100%; margin-bottom:5px;}
.news3{ margin-bottom:40px;}
.contentbox h1{ font-size:20px;}
.times { margin-top:15px;}
.content{ padding:30px 0;}
.pre_next a{ max-width:none; width:100%; font-size:14px;}
.fengcairi li a{ padding-right:20px;}
.chanpinlist li .img{ height: auto;}

.xindex01 li{ width:48%; padding:10px 0;}
.xindex01 li span{ font-size:14px;}
.xindex01 li .img{ height:5rem;}
.xindex02 .xindex02le,.xindex02 .xindex02ri{ width:100%;}
.xindex02vieo video{ height:10rem;}
.xindex02le b{ font-size:20px;}
.xindex02ri .culri li{ height:15rem;}
.fotri,.fotle{ width:100%; max-width:none}
.fotri{ margin-top:20px; max-width:150px; margin:20px auto 0;}
	}