/* @font-face{
	font-family:"xmlt";
	src: url("../font/xmlt.woff") format("woff"),
       url("../font/xmlt.ttf") format("truetype"),
       url("../font/xmlt.eot") format("embedded-opentype"),
       url("../font/xmlt.otf") format("opentype");     
} */
body,input,h1,h2,h3,h4,h5,h6,b,c,e,i,g,p,div,dl,dt,dd,select,textarea,font,right,left{ margin:0; padding:0;color:#333333; font-size:12px; font-family:"微软雅黑"; line-height:1;font-weight: normal;letter-spacing: 0;}
body,html{height:100%;position:relative;width: 100%;background-color: #ffffff;}
img{display: block;object-fit: cover;width: 100%;transition: 0.5s;}
.bao {width: 100%;overflow: hidden;}
a{ color:#333; text-decoration:none; font-size: 16px;}
ul, ol, li, dl, dd {margin: 0;padding: 0; list-style:none;}
html, body, form, fieldset, p, div, h1, h2, h3, h4, h5, h6,span,dd,dt,b,c,e,a,font,right,left{ -webkit-text-size-adjust:100%;}
.fl{float: left;}
.fr{float: right;}
.clearfix:after{display: block;content: '';clear: both;}



/* common */
.icenter{width: 1600px;margin: auto;}

/* h5 */
.drawer-nav { display: none; }
.drawer-hamburger{display: none;} 
.h5-dl{display: none;}

/* pc */
.pc-1200px{display: none;}
@media only screen and (max-width:1260px){
.pc-1200px{ position: fixed;width: 100%;height: 100%;top: 0;left: 0;background: #333;z-index: 99999999999999999;display: block;}
.pc-1200px p{ position: absolute;transform: translateY(-50%);-webkit-transform: translateY(-50%);width: 100%;top: 50%;left: 0;}
.pc-1200px p img{ display: block;margin: 0 auto 2em;height: 50px;}
.pc-1200px p strong{ display: block;color: #fff;text-align: center;font-size: 2em;letter-spacing: 1px;line-height: 1em;margin-bottom: 2em;}
.pc-1200px p span{ display: block;text-align: center;color: #eee;letter-spacing: 1px;font-size: 16px;}
}

/* common */
.more {border-radius: 5px; width: 150px; height: 47px; line-height: 45px; font-size: 16px; color: white; text-align: center; display: block; box-sizing: border-box; background-color: rgb(235,97,0); position: relative; transition: .5s; z-index: 2; border: 1px solid transparent;}
.i01-l h3{font-size: 50px; font-weight: 600; color: #333; letter-spacing: 5px; margin-bottom: 30px;}
.i01-l p {font-size: 16px;margin-bottom: 50px;}
.more::after{content: "";width: 0;height: 100%;position: absolute;left: 0px; background-color: white;border-radius: 5px;transition: .5s;z-index: -1;}
.more:hover::after{width: 100%;}
.more:hover{border: 1px solid rgb(235, 97, 0);color: rgb(235, 97, 0);}

/* header */

.h-language  .zhong {position: relative;}
.h-language  .zhong:hover h5 {display: flex;}
.h-language  .zhong h5 {     background-color: #fff; box-shadow: 0 0 10px rgba(0,0,0,.1); display: none; position: absolute; top: 100px; left: -1px; text-align: center; flex-direction: column; align-items: center; width: 100%;}




.h-language  .zhong h5 a::after{display: none;}
.h-language  .zhong h5 a {  padding: 10px 5px; font-size: 14px; color: #000000; display: block; width: 100%; box-sizing: border-box; font-weight: 100;}
.h-language  .zhong h5 a:hover{color: #eb6100;}
.h-language  .zhong {   cursor: pointer; height: 100%; display: flex; align-items: center;}
.h-language  .zhong:hover i {color: #eb6100;}






.div1 {box-shadow: 0 0 10px #bdbdbd91; z-index: 2; position: relative;}

.header {display: flex;justify-content: space-between;height: 100px;align-items: center;margin: auto;}
.header a {width: 7%;font-weight: 600;}
.header a img {width: 100%;}
.header .logo img {width: 138%;}
.header .h-r {display: flex;justify-content: space-between;width: 52%;height: 100px;}
.header .h-r .nav {display: flex;  width: 82%;justify-content: space-between;align-items: center;}
.header .h-r .nav li {position: relative;}
.header .h-r .nav li .hide{width:120px;height: 250px;background-color: rgb(235, 97, 0);position: absolute;display: none;}
.header .h-r .nav li .hide p {margin-bottom: 10px;}
.h-language{ display: flex;     width: 13%; justify-content: space-between; align-items: center;}
.h-language a { width: 20px; color: rgb(173,173,173);width: 20px;}
.h-language a:nth-of-type(1) {position: relative;}
.h-language a:nth-of-type(1)::after {height: 20px; content: ""; width: 1px; background-color: rgb(153,153,153); position: absolute; top: 1px; left: 32px;}
.h-language i { font-size: 17px;}
.h-language span {font-size: 16px;margin: 0 10px 0 20px; color: #999;}

.headerwrap:hover, .div2_1 .headerwrap { background-color: #FFFFFF; box-shadow: 0px 0px 5px rgba(0,0,0,0.3); }

.header .h-r .nav li h3 a{position: relative;font-size: 20px;}
.header .h-r .nav li h3 a::after{content: "";height: 2px;width: 0%;position: absolute;left: 50%;transform: translateX(-50%);background-color: rgb(235, 97, 0);transition: .5s;    bottom: -7px;}
.header .h-r .nav li h3 a:hover::after{width: 100%;}
.header .h-r .nav li h3 a:hover{color: rgb(235, 97, 0);}


.header .h-r .nav li.active h3 a {color: rgb(235, 97, 0);}
.header .h-r .nav li.active h3 a::after{width: 100%;}



/* banner */
.bannerwrap .icenter{    position: absolute; z-index: 1; top: 90%; transform: translate(-50%,-50%); left: 50%;}
.bannerwrap .lunbo {display: flex;}

.bannerwrap .box  img {width: 100%;object-fit: cover;}
.bannerwrap{position: relative;overflow: hidden;}
.bannerwrap .box .bannertext p{color: white;  font-size: 76px; font-weight: 700; margin-bottom: 40px;}
.bannerwrap .box .bannertext h3{color: white;font-size: 32px; margin-bottom: 60px;}
.bannerwrap .box {position: relative;}
.bannerwrap .box .bannertext{position: absolute;top: 50%; transform: translate(-50%,-50%);  left: 50%; }

.bannerwrap  .bannerpagination {  left: 54px; position: relative;}
.bannerwrap  .swiper-button-prev,.bannerwrap  .swiper-button-next {    outline: none;    top: 12px;}
.bannerwrap  .swiper-button-prev {background: url("../images/01banner.png");width: 16px; height: 29px;    position: relative; top: 13px;left: 0px;}
.bannerwrap  .swiper-button-next {background: url("../images/02banner.png");width: 16px; height: 29px;    position: relative;   left: 27px;} 


.bannerwrap  .swiper-pagination-bullet-active { background: rgb(235, 97, 0)!important; width: 39px; border-radius: 15px; }
.bannerwrap  .swiper-pagination-bullet {background: white; opacity: 1; margin-left: 15px;outline: none;}
/* .index01wrap */
.index01wrap{position: relative;display: flex; overflow: hidden;}
.i01mid {position: absolute;z-index: 5;height: 300px;bottom: 0px;    width: 73.4%;   height: 460px; opacity: 0.9;   }
.i01mid ul li {text-align: center;width: 33.3%;    position: relative;}
.i01mid ul li:nth-of-type(3){background-color: rgba(235, 97, 0,.8);}
.i01mid ul li:nth-of-type(1){background-color: rgba(235, 97, 0)}
.i01mid ul li:nth-of-type(2){background-color: rgb(237, 112, 24);}
.i01mid ul{display: flex;height: 100%;}
.i01mid ul li h3 {color: white;font-size: 26px; font-weight: 600; margin-bottom: 30px; letter-spacing: 2px;}
.i01mid ul li h4 {color: white;    font-size: 70px; font-family: "arial"; position: relative;}
.i01mid ul li h4 span {color: white;font-size: 15px; position: absolute; top: 45px;}
.i01mid ul li .text {position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%);}
.index01wrap .a {  width: 49%;background: url("../images/i01-l.jpg");padding: 80px 110px 0 7.5%;box-sizing: border-box;}
.index01wrap .a p {font-size: 17px; line-height: 37px; color: rgb(173,173,173); margin-bottom: 50px; text-align: justify;}
.index01wrap .i01-r {width: 51.3%;}
.index01wrap .i01-r img {width: 100%; object-fit: cover; height: 100%;}


/* .index02wrap */
.index02wrap{position: relative;background: url("../images/chanpin-3.jpg");height: 750px;overflow: hidden;}
.index02wrap .i02{display: flex;justify-content: space-around;;margin-left: 4.5%;}
.index02wrap .i02 .i02-l{position: relative;}
.index02list {position: relative;}
.index02list h3{ left: 8.2%; margin-top: 210px; font-size: 34px;margin: 50px 0; font-weight: bold;font-size: 50px; font-weight: 600; margin: 65px 0 90px 0;color: #333;position: absolute;}
.index02wrap .i02 .i02-l h4 {margin-top: 210px; color: rgb(235, 97, 0); border-bottom: 1px solid rgb(235, 97, 0); font-size: 31px; font-weight: 600; width: fit-content; padding-bottom: 16px; margin-bottom: 30px; max-width: 500px;}
.index02wrap .i02 .i02-l p {line-height: 26px;    font-size: 16px; width: 341px; color: rgb(173,173,173); margin-bottom: 33px; display: -webkit-box;    -webkit-box-orient: vertical;    -webkit-line-clamp: 2;    overflow: hidden;}
.index02wrap .i02 .i02-l ul {margin-bottom: 40px;}
.index02wrap .i02 .i02-l ul li {font-size: 15px; margin-bottom: 19px;}
.index02wrap .i02 .i02-l ul li strong{color: #333;font-weight: bold;margin-right: 15px; font-size: 20px;}
.index02wrap .i02 .i02-m { width: 40%; margin-right: 6%; margin-top: 100px; display: flex; height: 612px;    margin-top: 100px;}

.index02wrap .i02 .i02-m img {width: 100%;background-size: cover;background-position: center;transition: .5s;object-fit: contain;    display: block; margin-left: -61px; mix-blend-mode: multiply; }

.index02wrap .i02 .i02-r {position: relative; width: 29%;}


.index02wrap   .index02tab li{padding: 15px 10px 15px 54px; cursor: pointer; height: 93.8px; display: flex; justify-content: flex-start; align-items: center; position: relative; border-bottom: 1px solid white;}
.index02wrap   .index02tab li:first-child {background-color: rgb(235, 97, 0);}
.index02wrap   .index02tab li:first-child  .big { color: white; font-weight: 600; letter-spacing: 1px;}
.index02wrap   .index02tab li strong{font-size: 55px; font-weight: 500;color: rgb(185,183,183);margin-right: 83px; font-family: "arial";}
.index02wrap   .index02tab li .biao {    font-size: 17px; position: absolute; bottom: 41px; left: 24%; color: rgb(201,201,201);  font-family: "arial";}
.index02wrap   .index02tab li .big {color: rgb(185,183,183);font-size: 33px;font-weight: 600;}

.index02wrap  .swiper-pagination-bullet {    margin-left: 10px;}
.index02wrap  .swiper-pagination-bullet-active{background-color: rgb(235, 97, 0);outline: none;}
.index02wrap  .index02tab li:first-child strong {color:white;}
.index02wrap  .index02tab li:first-child .biao {color:white;}

.index02tab{position: absolute;right: 0;top: 0px;width: 26.7%;  z-index: 15;background: url("../images/chanpin-2.png");}
.index02list .item {position: relative;}
.index02wrap .swiper-container { margin: 0; width: 73.3%;}


.index02wrap .options {     z-index: 10; position: absolute;bottom: -2px; left: 50%;transform: translateX(-50%);display: flex;align-items: center;justify-content: center;}
.index02wrap  .fa  {     outline: none;  position: unset;   background-image: none; font-size: 38px; color: #8c8c8c; width: auto; height: auto; line-height: 26px; margin-top: -4px;}
.index02wrap .chanpin-prve-cc  {position: unset;}
.index02wrap .chanpin-next-cc {position: unset;}
.index02wrap .swiper-pagination-bullet:nth-of-type(1){margin-left: 0px;}
.index02wrap .swiper-pagination-bullet:last-child {margin-right: 0px;}


.chanpinpagination01{position:unset;    margin: 0 22px;}
.chanpinpagination02{position:unset;    margin: 0 22px;}
.chanpinpagination03{position:unset;    margin: 0 22px;}
.chanpinpagination04{position:unset;    margin: 0 22px;}
.chanpinpagination05{position:unset;    margin: 0 22px;}
.chanpinpagination06{position:unset;    margin: 0 22px;}



/* .index03wrap */
.index03wrap {position: relative;overflow: hidden;background-size: cover;background: url("../images/index-03bg.jpg");}
.index03wrap  .main {display: flex;justify-content: space-between;}
.index03wrap .left {    width: 75%; position: relative;}
.index03wrap .left ul {    display: flex; flex-wrap: wrap; justify-content: space-between; width: 100%; height: 82.6%;position: relative;top: 17.4%;}
.index03wrap .left ul li { justify-content: space-between;  height: 100%; width: 19%; display: flex;flex-direction: column;position: relative;}
.index03wrap .left ul li  a:hover {opacity: 1;}
.index03wrap .left ul li a {  height: 31.5%;  display: block; position: relative; width: 100%;background: rgba(255,255,255,.3); backdrop-filter: blur(6px);    opacity: .85;}
.index03wrap .left ul li a .num {  width: 74px;  color: white; font-size: 67px; font-weight: 500; position: relative; font-family: "arial"; left: 10%; top: 10%;}
.index03wrap .left ul li a h3 {    color: white; font-weight: 900; font-size: 24px; position: relative; }
.index03wrap .left ul li:nth-of-type(1){  width: 25.4%;} 
.index03wrap .left ul li:nth-of-type(1) a{    height: 31%;}
.index03wrap .left ul li:nth-of-type(1) a .num {left: 10%;}
.index03wrap .left ul li a .num{left: 14%; top: 10%; width: 74px;z-index: 1;}





.index03wrap .left ul li:nth-of-type(2){    width: 18.8%;} 
.index03wrap .left ul li:nth-of-type(2) a:nth-of-type(1){height: 31%;}
.index03wrap .left ul li:nth-of-type(2) a:nth-of-type(2){height: 31.5%;}
.index03wrap .left ul li:nth-of-type(2) a:nth-of-type(3){height: 36.8%;}

.index03wrap .left ul li a h3 { position: absolute;  z-index: 1;    width: fit-content!important;right: 40px;bottom: 40px;}



.index03wrap .left ul li:nth-of-type(3){    width: 18.8%;} 
.index03wrap .left ul li:nth-of-type(3) a:nth-of-type(1){    height: 52.1%; position: relative; bottom: 21%;}
.index03wrap .left ul li:nth-of-type(3) a:nth-of-type(2){height: 36.8%;}




.index03wrap .left ul li:nth-of-type(4){    width: 18.8%;justify-content: normal;} 
.index03wrap .left ul li:nth-of-type(4) a:nth-of-type(1){margin-bottom: 2px;    height: 31%;}




.index03wrap .left ul li:nth-of-type(5){width: 17.4%;justify-content: center;}  

.index03wrap .left ul li:nth-of-type(5) a {  position: relative; top: -3%;}
.index03wrap .left ul li:nth-of-type(5) a .num{left: 17%;}





.index03wrap .right {    display: flex; align-items: center;background-color: #eb6100; width: 25%; padding: 286px 134px 279px 80px;    opacity: .85;}
.index03wrap .right .content{    width: 100%;}
.index03wrap .right .content h3{    color: white; font-size: 49px; margin-bottom: 40px; font-weight: 600; letter-spacing: 4px;}
.index03wrap .right .content p{color: rgb(243 228 224); font-size: 17px; line-height: 35px; margin-bottom: 50px; text-align: justify; letter-spacing: 1px;}
.index03wrap .right .content a{ border: 1px solid white;background-color: transparent;}


/* index04 */
.index04wrap{     margin: 0px auto 50px;    position: relative; overflow: hidden;}
.index04wrap .i04-top h3 {    text-align: center; font-size: 50px; color: #333; font-weight: 600;margin: 106px 0 60px;}
.index04wrap .i04-mid {display: flex;justify-content: space-between;margin-bottom: 28px;}
.index04wrap .i04-mid .left {width: 48%;}
.index04wrap .i04-mid .left .bao {overflow: hidden;  }
.index04wrap .i04-mid .left .bao img {    width: 768px;  height: 100%;  display: block;  object-fit: contain;transition: .5s;}
.index04wrap .i04-mid .left .part{    border: 1px solid rgb(236,236,236); padding: 50px 40px 75px;}
.index04wrap .i04-mid  .part a {display: flex;    justify-content: space-between;  align-items: center;}
.index04wrap .i04-mid .right  .part{   padding-bottom: 29px; margin-bottom: 35px; border-bottom: 1px solid rgb(236,236,236);} 
.index04wrap .i04-mid  .part .part-l {  width: 13%; display: flex; flex-direction: column; align-items: center; margin-right: 19px; padding-right: 13px;position: relative;}
.index04wrap .i04-mid .left .part .part-l {width: 23%;}
.index04wrap .i04-mid  .part:hover .part-l h3 {color: rgb(235, 97, 0);}
.index04wrap .i04-mid  .part:hover .part-l .line{background-color: rgb(235, 97, 0);}
.index04wrap .i04-mid  .part:hover .part-l span {color: rgb(235, 97, 0);}
.index04wrap .i04-mid .part:hover .part-r h3 { color: rgb(235, 97, 0); }
.index04wrap .i04-mid  .part .part-l::after {content: "";height: 100px;width: 1px;position: absolute;background-color: rgb(173,173,173);right: 0px;}
.index04wrap .i04-mid  .right .part .part-l::after  {display: none;}
.index04wrap .i04-mid  .right .part .part-l {padding-right: 0;margin-right: 0px;}
.index04wrap .i04-mid  .part .part-l span:nth-of-type(1) {    font-size: 33px;     font-family: "arial";}
.index04wrap .i04-mid  .part .part-l .line {width: 30px;height: 1px;margin: 6px 0;margin: 17px auto; background-color: rgb(204,204,204);    font-family: "arial";}
.index04wrap .i04-mid  .part .part-l span:nth-of-type(2) {    font-size: 26px;    font-family: "arial"; }
.index04wrap .i04-mid  .part .part-r {padding-top: 10px;width: 81%;}
.index04wrap .i04-mid  .left .part .part-r {padding-top: 10px;width: 68%;}
.index04wrap .i04-mid  .part .part-r h3 {margin-bottom: 20px;    font-size: 30px; color: rgb(54,54,54); display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 1;overflow: hidden;}
.index04wrap .i04-mid  .part .part-r  p {    font-size: 16px; line-height: 27px; color: rgb(173,173,173);display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 2; overflow: hidden;}
.index04wrap .i04-mid .right{width: 48%;}
.index04wrap .more {    margin: -6px auto 90px;}

.index04wrap .i04-mid .left .bao:hover img {transform: scale(1.1);}


/* index05 */
.index05wrapF {background: url("../images/pa-bg.jpg");padding: 88px 0;    position: relative; overflow: hidden;}
.index05wrap {display: flex;    justify-content: space-between;  margin:auto;align-items: center;}
.index05wrap  .i01-l {width: 35%;}
.index05wrap  .i01-l  h3 {    font-size: 49px; font-weight: 600; color: #333; margin-bottom: 41px;}
.index05wrap  .i01-l p {line-height: 28px; color: rgb(173,173,173); margin-bottom: 62px;}  
.index05wrap .i05-r {width: 46%;}
.index05wrap .i05-r ul{display: flex;flex-flow: wrap;}
.index05wrap .i05-r ul li {width: 25%;  background-color: white; display: flex; justify-content: center; align-items: center; overflow: hidden;}
.index05wrap .i05-r ul li img {width: auto;transition: .5s;    max-width: 100%;}
.index05wrap .i05-r ul li:nth-of-type(2),.index05wrap .i05-r ul li:nth-of-type(4),.index05wrap .i05-r ul li:nth-of-type(5),.index05wrap .i05-r ul li:nth-of-type(7),.index05wrap .i05-r ul li:nth-of-type(10),.index05wrap .i05-r ul li:nth-of-type(12)  {background-color: rgb(246, 246, 246);}



.index05wrap .i05-r ul li:hover img {transform: scale(1.1);}

/* footer */
.footerwrap {background-color: rgb(61, 74, 86);padding: 80px 0% 0 0%;position: relative; overflow: hidden;border-top: 10px solid rgb(255, 105, 0);}
.footerwrap .footer {    display: flex; justify-content: center; align-items: center; margin: 0 auto 60px;}
.footerwrap .footer .left {width: 37%;}
.footerwrap .footer .left a {display: block;margin-bottom: 40px;}
.footerwrap .footer .left p {    color: rgba(255, 255,255,.5 ); display: flex; align-items: center; font-size: 14px;  margin-bottom: 20px;}
.footerwrap .footer .left img {    display: inline-block; margin-right: 15px;    width: auto;}

.footerwrap .footer .right {width: 70%;display: flex; justify-content: space-between;}
.footerwrap .footer .right h3 {    margin-bottom: 20px;}
.footerwrap .footer .right h3 a {color: white;    font-size: 28px;}
.footerwrap .footer .right .min p a {font-size: 16px;color: rgba(255, 255,255,.5 );position: relative ;}
.footerwrap .footer .right .min p {margin-bottom: 16px;}
.footerwrap .copyright {display: flex;justify-content: space-between;padding: 15px 4%;    margin: auto; }
.footerwrap .copyright h3 {    color: rgb(173,173,173); font-size: 14px;}
.footerwrap .copyright h3 a {    color: rgb(173,173,173); font-size: 14px; margin-left: 6px;}
.footerwrap .copyright .se {color: rgb(173,173,173);font-size: 14px;}

.footerwrap .footer .right .min p a::after{content: "";position: absolute;bottom: -5px;height: 2px;width: 0%;background-color: rgb(235, 97, 0);left: 0px;transition: .2s;}
.footerwrap .footer .right .min p a:hover::after{width: 100%;}
.footerwrap .copyright h3 a:hover {color: white;}
.footerwrap .copyright .se:hover {color: white;}
.footerwrap .bottom{background-color: rgb(49, 62, 73);}






/*page-banner*/
.page-banner {position: relative;overflow: hidden;}
.page-banner img  {width: 100%;}
.page-banner .text {position: absolute;top: 50%;left: 50%;transform: translate(-50%,-50%);}
.page-banner .text h3 {font-size: 72px;font-weight: 600;color: #ffffff;margin-bottom: 20px;letter-spacing: 10px;}
.page-banner .text h4 {    font-size: 36px; color: #ffffff; font-weight: 600; text-align: center; letter-spacing: 1px; font-family: "小米兰亭";}


/* pro01 */
.pro01{position: relative;display: flex;overflow: hidden;}
.pro01 .content {    padding: 0px 100px; box-sizing: border-box;display:flex;align-items: center;}
.pro01 a {    text-align: center; width: 24%; padding-right: 0px; display: block; font-size: 18px; color: #333333; padding-top: 30px; padding-bottom: 30px; border-right: 1px solid #e2e2e2; border-bottom: 3px solid transparent;}
.pro01 a:first-child{    border-left: 1px solid #e2e2e2;}
.pro01 a.active {color: #eb6100;border-bottom:3px solid #eb6100;} 
.pro01 a:hover {color: #eb6100;border-bottom:3px solid #eb6100;}



/* pro02 */
.pro02 {background-color: #f5f5f5;position: relative;overflow: hidden;padding-top: 100px; display: none; }

.pro02.on {display: block;}

.pro02  .content {    margin: auto; padding-bottom: 100px;}
.pro02 .child {display: flex;justify-content: space-between;align-items: center;margin-bottom: 20px;background-color: #ffffff;    padding: 45px 214px 70px;}
.pro02 .child .left {width: 43%;}
.pro02 .child .left img {transition: 0.5s;    width: 510px;}
.pro02  .child:hover .left img {transform: scale(1.1);}
.pro02  .child:hover .right h3 {color:#eb6100 ;}
.pro02  .child .right {width: 45%;}
.pro02  .child .right h3 {    font-size: 40px; font-weight: 600; color: #333333;     margin-bottom: 35px;letter-spacing: 3px; }
.pro02 .child .right p {    font-size: 18px; color: #999; line-height: 30px; letter-spacing: 2px; width: 100%; display: -webkit-box; overflow: hidden; text-overflow: ellipsis; -webkit-box-orient: vertical; -webkit-line-clamp: 4;}
.pro02 .child .right p br{ display: none; }


/* pros */
.pros .t_nav {margin-bottom: 110px;position: relative; z-index: 1;}
.pros .t_nav .content .cc {     align-items: center; position: relative; width: 50%; box-sizing: border-box;  display: flex;    padding: 27px 50px 27px 190px;}
.pros .t_nav .content .cc::after{     content: ""; position: absolute; width: 160%; height: 100%; background-color: #f5f5f5; border-bottom-right-radius: 150px; z-index: 0; right: 0px;}
.pros .t_nav .content  .left {     margin-right: 20%; width: 60%;font-size: 18px;color: #333333;    z-index: 1;    font-weight: 600;}
.pros .t_nav .content  .right {width: 20%;display: flex;position: relative;    z-index: 1;}
.pros .t_nav .content  .right span {font-size: 16px;color: #666666;    cursor: pointer;} 
.pros .t_nav .content  .right span i {display: inline-block;}
.pros .t_nav .content  .right  .subnav{    position: absolute;    left: 68px; top: 39px; display: none; z-index: 1;}
.pros .t_nav .content  .right  .subnav ul li{padding: 0 20px; width: 206px; display: flex; justify-content: center; align-items: center; background-color: #f5f5f5; line-height: 26px;}
.pros .t_nav .content  .right  .subnav ul li a {font-size: 14px; color: #666666; padding:8px 0; border-bottom: 1px solid #eee; display: block;width: 100%;}

.pros .t_nav .content .right .subnav ul li:last-child a {border-bottom: 0px;}
.pros .t_nav .content .right span:hover,.pros .t_nav .content .right span:hover i  {color: #eb6100;}
.pros .t_nav .content .right span.on, .pros .t_nav .content .right span.on i {color: #eb6100;}
.pros .t_nav .content .right .subnav ul li a:hover {color: #eb6100;}


.pros .top {margin-bottom: 30px;}
.pros .top .content {display: flex;}
.pros .top .content .left{padding:  0 110px 30px 190px;width: 50%;box-sizing: border-box;}
.pros .top .content .left h3 {font-size: 20px;color: #eb6100;margin-bottom: 15px;}
.pros .top .content .left h4 {font-size: 36px;color: #333333;font-weight: 600;margin-bottom: 15px;}
.pros .top .content .left  p {font-size: 16px;line-height: 32px;color: #333333;margin-bottom: 60px;    width: 478px;}
.pros .zixun {  position: relative; z-index: 0; overflow: hidden; border: 1px solid #eb6100;  width: 158px; height: 46px; text-align: center; line-height: 46px; border-radius: 6px; color: #fff; font-size: 16px; display: block; background-color: #eb6100;}
.pros .zixun::after {z-index: -1; content: "";position: absolute;left: 0;width: 0%;height: 100%;transition: 0.5s;background-color: #fff;}
.pros .zixun:hover {color: #eb6100;}

.pros .top .content .left a:hover::after {width: 100%;}
.pros .top .content .right {     width: 50%; padding-top: 70px;padding-right: 180px;box-sizing: border-box;}
.pros .top .content .right .bao:hover img{transform: scale(1.1);}
.pros .top .content .right .bao {overflow: unset;}

.pros .tab .content{padding: 0 190px;box-sizing: border-box;}
.pros .tab .content ul {display: flex;}
.pros .tab .content li {padding: 0 32px;}
.pros .tab .content li:nth-of-type(1) {padding-left: 0px;text-align: start;}
.pros  .tab .content li a{ padding: 16px 0px;display: block;border-bottom: 2px solid transparent;font-size: 18px;color: #333333;text-align: center;}
.pros  .tab .content li a:hover {color: #eb6100;border-color: #eb6100;}
.pros  .tab .content li.active a{color: #eb6100;border-color: #eb6100;}



.pros .bot  {background-color: #f5f5f5;display: none;}
.pros .bot .content {display: flex;padding: 100px 190px;box-sizing: border-box;}
.pros .bot .left {width: 24%;font-size: 36px;color: #333333; margin-right: 2%;}
.pros .bot .right {width: 74%;}
.pros .bot .right  ul li {padding: 16px 30px;display: flex;}
.pros .bot .right  ul li:nth-of-type(2n-1) {background-color: #e6e6e6;}

.pros .bot .right  ul li:nth-of-type(2n) {background-color: #f5f5f5;}
.pros .bot .right  ul li .ft {width: 10%;margin-right: 5%;font-size: 16px;color: #333333;}
.pros .bot .right  ul li .gt {width: 50%;font-size: 16px;color: #333333;}


.pros .bot .right  ul li .ft_2{    display: flex; width: 75%; margin-right: 5%; align-items: center;}
.pros .bot .right  ul li .gt_2 img{    width: 18px; margin-right: 10px;}
.pros .bot .right ul li .ft_2 .sp_1 {margin-right: 9%;display: block;}
.pros .bot .right ul li .gt_2 a{display: flex;    justify-content: center; align-items: center;transition: 0.5s;}

.pros .bot .right ul li .gt_2 a:hover {transform: scale(1.1);color: #fff;}


.pros .bot.on {display: block;}




/* ch_er */
.ch_er {position: relative;}
.ch_er  img {width: 100%;}
.ch_er .text {position: absolute;left: 50%;top: 50%;transform: translate(-50%,-50%);}
.ch_er .text h3 {    font-size: 72px; color: #fff; margin-bottom: 15px; font-weight: 600; letter-spacing: 8px;}
.ch_er .text h4 {font-size: 36px;font-family: arial;color: #fff; text-align: center;} 




/* page */

.page { display: flex; justify-content: center;   margin: 58px 0px 0px;}
.page a {    color: #666666; font-size: 16px; margin-right: 7px; width: 37px; height: 37px; border: 1px solid #cbcbcb; text-align: center; line-height: 37px; }
.page a:hover { background-color: #eb6100!important; color: white!important; }
.page a.active {background-color: #eb6100!important; color: white!important; }

/* new */
.new {background-color: #f8f8f8;padding: 100px  0;}

.new  .content .title{font-size: 48px;color: #333333;margin-bottom: 50px;text-align: center;font-weight: 600;}


.new  .content .top {background-color: #fff;margin-bottom: 35px;}
.new  .content .top a {display: flex;justify-content: space-between;        box-shadow: 0px 2px 2px #cfcfcf7a;}

.new .content .top a:hover img{transform: scale(1.1);}

.new .content .top a:hover  .right h4 {color: #eb6100;}
.new  .content .top .left {width: 48.7%;}
.new .content .top .left img {width: 100%;height: 100%;transition: 0.5s;}

.new .content .top .bao {width: 100%;height: 100%;}

.new  .content .top .right {      width: 48.5%; padding: 115px 0; padding-right: 50px; box-sizing: border-box;}
.new  .content .top .right h3 {font-size: 16px;color: #ff6900;margin-bottom: 20px;}
.new  .content .top .right h4 {    font-size: 30px; color: #333333; margin-bottom: 34px; font-weight: 600; letter-spacing: 2px;}
.new  .content .top .right p {font-size: 16px;color: #999999;line-height: 36px;}

.new  .content .bot ul{display: flex;flex-flow: wrap;}
.new  .content .bot ul li {width: 32.5%; background-color: #fff; margin-bottom: 1.24%; margin-right: 1.24%;}
.new  .content .bot ul li:nth-of-type(3n){margin-right: 0px;}
.new .content .bot ul li:hover {   box-shadow: 0px 0px 20px #cfcfcf;}

.new .content .bot ul li:hover a h4{color: #eb6100;}
.new .content .bot ul li:hover img {transform: scale(1.1);}

.new .content .bot ul li img {transition: 0.5s;}


.new  .content .bot ul li .dul {padding: 38px;}
.new  .content .bot ul li .dul h3 {font-size: 16px;color: #eb6100;margin-bottom: 20px;}
.new  .content .bot ul li .dul h4 {     height: 72px;   font-size: 22px; color: #333333; margin-bottom: 6px; line-height: 36px;}
.new  .content .bot ul li .dul p {line-height: 36px; font-size: 16px;color: #999999;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 2;overflow: hidden;}

.news {padding: 100px 0;}
.news .content {padding: 0 195px;box-sizing: border-box;}

.news .content .box {background-color: #fff;box-shadow: 0px 0px 10px #cfcfcf;   padding: 55px 100px;}
.news .content .box  .top h3 {font-size: 30px;color: #333333;margin-bottom: 20px;text-align: center;}
.news .content .box  .top h4 {font-size: 16px;color: #999999;margin-bottom: 30px;text-align: center;}
.news .content .box .bot {padding-top: 24px;border-top: 1px solid #e8e8e8;}
.news .content .box .bot p {font-size: 16px;line-height: 32px;color: #666666;}
.news .content .box .bot p img {max-width: 100%;height: auto;width: auto;}

 .fen {display: flex;justify-content: space-between;padding: 27px 0;border-top: 1px solid #e5e5e5;border-bottom: 1px solid #e5e5e5;}
  .fen a {display: flex;align-items: center;font-size: 16px;color: #666666;}
  .fen a img  {margin-right: 8px;width: 23px;}
.fen a:hover {color: #eb6100;}







.ab01,.ab02,.ab03,.ab04,.ab05 {padding: 100px 0;}
.ab02 {background-color: rgba(255,255,255,0.9);}



.ch_banner  {position: relative;}
.ch_banner .text {position: absolute;left: 50%;top: 50%;transform: translate(-50%,-50%);}
.ch_banner .text h3 {font-size: 72px;color: #fff;margin-bottom: 16px;}
.ch_banner .text h4 {font-size: 36px;color: #fff;text-align: center;}

.ab01 {background: url("/style/images/ab01-1.jpg");background-size: cover;}
.ab01 .content {display: flex;justify-content: space-between;}
.ab01 .left   {width: 57%;padding: 105px 0;}
.ab01 .right {width: 36.5%;}
.ab01 .right .bao {height: 100%;}
.ab01 .right .bao img{height: 100%;}
.ab01 .right  img {width: 100%;}
.cc {  letter-spacing: 5px;  font-size: 48px; color: #333333; margin-bottom: 30px; font-weight: bold;}
.ccp { position: relative;  padding-top: 21px; border-top: 1px solid #dcd3d3; }
.ab01 .left .bot {margin-top: 115px;}

.ccp::after{position: absolute; content: ""; top: -2px; left: 0px; width: 40px; height: 2px; background-color: #eb6100;}
.ccp p  {font-size: 18px; color: #999999;line-height: 36px; }
.ccp .p {margin-bottom: 20px;}
.ccp .p:last-child {margin-bottom: 0px;}


.ab01 .left  p::before {content: "";}
.ab01 .left .bot  ul{font-size: 24px; color: #ff6900; margin-bottom: 12px; font-weight: bold;display: flex;justify-content: space-between;}
.ab01 .left .bot  ul li .box {     width: fit-content; display: flex;justify-content: center;align-items: center;flex-direction: column;}
.ab01 .left .bot ul li:nth-of-type(3){display: flex;justify-content: flex-end;}
.ab01 .left .bot ul li:nth-of-type(2){display: flex;justify-content: center;}
.ab01 .left .bot  ul li {width: 31%;}
.ab01 .left .bot  ul li h4 {font-size: 24px;color: #ff6900;   margin-bottom: 6px;}
.ab01 .left .bot  ul li h5 {font-size: 16px; color: #ff6900;}
.ab01 .left .bot  ul li h5 span {font-size: 70px;}

.ab01 .right .bao:hover img{transform: scale(1.1);}
.ab01 .right .bao img {transition: 0.5s;}
.ab02 .left .bao {width: 100%;height: 100%;}
.ab02 .left .bao  img{width: 100%;height: 100%;object-fit: cover;transition: 0.5s;}

.ab02 .content {display: flex;justify-content: space-between;}
.ab02 .left {width: 34%;}
.ab02 .right {width: 60%;padding: 100px 0;}

.ab02 .left .bao:hover img {transform: scale(1.1);}

.ab03{background: url("/style/images/ab03-1.jpg");background-size: cover;overflow: hidden;}
.ab03 .cc {color: #fff;text-align: center;    margin-bottom: 88px}
.ab03 ul {width: 1700px;display: flex;position: relative;}
/* .ab03 ul .line {  display: none; transition: 0.3s;   left: 31px; width: 0%; height: 1px; background-color: #eb6100; position: absolute; top: 14px;} */
.ab03 ul::after{     left: 31px;top: 16px; content: ""; position: absolute;width: 100%;height: 1px;background-color: rgba(255, 255, 255, 0.5);}
.ab03 ul li { cursor: pointer;   width: 16%; position: relative; z-index: 1;}
.ab03 ul li .dot .text {transition: 0.3s; position: absolute; top: -36px; left: -3px; color: #949ca5; font-size: 22px;}
.ab03 ul li .dot { transition: 0.3s; width: 30px;height: 30px;position: relative;background-color: #7c8186;border-radius: 50%;border: 1px solid transparent;}
.ab03 ul li .dot::after{  transition: 0.3s; position: absolute;    content: "";width: 10px;height: 10px;border-radius: 50%;background-color: #bcbec1;left: 50%;top: 50%;transform: translate(-50%,-50%);}
.ab03 .content1 {padding-left: 358px; margin-bottom: 157px;}

.ab03 ul li.on  .dot .text{color: #eb6100;}
.ab03 ul li.on  .dot {background-color: transparent;border: 1px solid #eb6100;}
.ab03 ul li.on  .dot::after {background-color: #eb6100;}

.ab03 ul li:hover  .dot .text{color: #eb6100;}
.ab03 ul li:hover  .dot {background-color: #eb6100;}
.ab03 ul li:hover  .dot::after {background-color: #fff;}




.ab03 .content2 .box {display: flex;  justify-content: center;}
.ab03 .content2 .box .bao {margin-right: 50px;}
.ab03 .content2 .box .main {padding: 54px 0;}
.ab03 .content2 .box .main h3{ transition: 0.5s; font-size: 48px;color: #a6a7a7;margin-bottom: 30px;}
.ab03 .content2 .box .main .line1{ transition: 0.5s; position: relative;width: 400px;height: 1px;background-color: #878a8d;margin-bottom: 46px;}

.ab03 .content2 .box .main .line2{ transition: .5s; position: absolute;top: 0px;left: 0px;width: 0%;height: 1px;background-color: #eb6100;}
.ab03 .content2 .box h4 {transition: 0.5s; font-size: 22px;color: #a6a7a7;line-height: 40px;}

.ab03Swiper .box  .bao {height: 393px; width: 0px;transition: 0.2s;display: flex; justify-content: flex-end; }




.ab03Swiper .box  .bao img{width: 0px;transition: 0.8s;height: 100%;}
.ab03Swiper .swiper-slide {width: auto!important;}


.ab03Swiper  .swiper-slide-active  .box .bao {     height: 366px; width: 499px;}
.ab03Swiper  .swiper-slide-active  .box .bao img {width: 100%;}

.ab03Swiper .swiper-slide-prev {opacity: 0;transition: 0.1s;}

.ab03Swiper  .swiper-slide-active  .box h4 {color: #fff!important;}
.ab03Swiper  .swiper-slide-active  .box .main h3 {color: #eb6100;}
.ab03Swiper  .swiper-slide-active  .box .main .line2 {width: 10%;}


.ab03Swiper .ab03Swiper-button-prev,.ab03Swiper .ab03Swiper-button-next {background-image: none; border-radius: 50%; width: 32px; height: 32px; top: 80%; left: 34%; border: 1px solid rgba(255,255,255,0.5); color: rgba(255,255,255,0.5); text-align: center; line-height: 32px; font-size: 20px; box-sizing: content-box;}
.ab03Swiper .ab03Swiper-button-next  {left: 37%;}

.ab03Swiper .ab03Swiper-button-prev:hover,.ab03Swiper .ab03Swiper-button-next:hover {background-color: #eb6100;color: #fff;border-color: #eb6100;}

.swiper-button-prev:after,.swiper-button-next:after {display: none;}


.ab03 .content2 {position: relative;}






.ab04Swiper,.ab05Swiper {overflow: hidden;padding: 0 2px;}






.ab04 h5 {     font-size: 16px; line-height: 28px; color: #999999; margin: auto; width: 41%; text-align: center;   margin-bottom: 52px;}
.ab04  .cc {text-align: center;}
.ab04 ul {position: relative; display: flex;flex-flow: wrap;}



.ab04 ul li {  border: 1px solid #dddddd;  box-sizing: border-box;  width: 16%; position: relative; border-right: 1px solid #dddddd; height: 195px;    margin-right: 0.7%; margin-bottom: 0.7%;}
.ab04 ul li:nth-of-type(6n){margin-right: 0px;}


.ab04 ul li .bao{width: 100%;height: 100%;     display: -webkit-flex;    display: flex;    -webkit-justify-content: space-between;    justify-content: space-between;    align-items: center;    -webkit-align-items: center;}
.ab04 ul li .bao img{ height: auto;width: auto;max-height: 100%;margin: 0 auto;}
.ab04 ul li:hover .text{display: flex;}
.ab04 ul li  .text{    background-color: rgba(236, 105, 13,0.96); position: absolute; top: 50%; left: 50%; transform: translate(-50%,-50%); width: 100%; height: 100%; display: none; justify-content: center; align-items: center;}
.ab04 ul li  .text::after{       content: ""; position: absolute; width: 93%; height: 89%; left: 3%; border: 1px solid rgba(255,255,255,0.5); top: 5%;}
.ab04 ul li  .text h4 {color: #fff;font-size: 16px;}







.ab04 .bot {position: relative;}
.ab04 .bot  .swiper-pagination-bullet-active {background-color: #eb6100;}

.ab04 .bot  .swiper-pagination {bottom: -14%; left: 50%; transform: translate(-50%, -50%);}

.ab04 .bot .swiper-pagination-bullet { margin-right: 12px; }

.ab04 .bot .swiper-pagination-bullet:last-child{margin-right: 0px;}

.ab04  {padding: 100px 0 100px;}

.ab05 {background: url("/style/images/ab05-1.jpg");background-size: cover;}
.ab05  .box  {padding: 38px;background-color: #fff;position: relative;}
.ab05  .cc {text-align: center;}
.ab05  .box h4 { text-align: center; position: relative; font-size: 22px; color: #333333; margin-bottom: 35px; width: fit-content; margin: auto; margin-bottom: 35px;}
.ab05  .box h4::after,.ab05  .box h4::before { top: 49%; content: ""; position: absolute;width: 50px;height: 1px;background-color: #999999;}
.ab05  .box h4::after {right: -70px;}
.ab05  .box h4::before {left: -70px;}
.ab05  .box  h5 { text-align: center; margin-top: 25px; font-size: 16px; color: #999999;}
.ab05 .box img {height: 216px;}
.ab05 .bot {position: relative;}
.ab05 .box .bao{height: 216px;width: 100%;}
.ab05 .bot .ab05Swiper-pagination {  bottom: -22%; left: 50%; transform: translate(-50%, -50%);}

.ab05 .bot .swiper-pagination-bullet { margin-right: 12px; }

.ab05 .bot .swiper-pagination-bullet:last-child{margin-right: 0px;}

.ab05  .cc {margin-bottom: 67px;}

.ab05 .bot  .swiper-pagination-bullet-active {background-color: #eb6100;}
.ab05  .bot .swiper-pagination-bullets.swiper-pagination-horizontal{bottom: -17%;}


.ab05 {padding: 100px 0 170px;}


.ab05 .box .text {  background-color: rgba(236, 105, 13,0.96); position: absolute; top: 50%; left: 50%; transform: translate(-50%,-50%); width: 100%; height: 100%; display: none; justify-content: center; align-items: center; }


.ab05 .box:hover .text{display: flex;}

.ab05 .box  .text::after{  content: ""; position: absolute; width: 91.5%; height: 88%; left: 4.2%; border: 1px solid rgba(255,255,255,0.5); top: 5.7%;}
.ab05 .box  .text h5 {color: #fff; font-size: 16px; line-height: 28px; width: 391px; text-align: justify; text-align-last: center;}





/* app01 */
.app h6 {font-size: 48px;color: #333333;margin-bottom: 52px;font-weight: 650;text-align: center;}
.app01  {padding: 100px 0;overflow: hidden;position: relative;}
.app01 .content  ul {display: flex;flex-flow: wrap;}
.app01 .content  ul li { cursor: pointer; transition: 0.5s; position: relative; top: 0px;   width: 13%; height: 48px; border-radius: 5px; line-height: 48px; text-align: center; font-size: 16px; color: #999999; box-shadow: 1px 5px 5px #8c8c8c57; margin-right: 1.5%; margin-bottom: 1.5%;}
.app01 .content  ul li:nth-of-type(7n){margin-right: 0px;}
.app01 .content ul li:hover {background-color: #eb6100;color: #fff;top: -10px;}

.app02 {overflow: hidden;position: relative;}
.app02 ul{display: flex;flex-flow: wrap;}
.app02 ul li {    width: 33.33%;position: relative;}
.app02 ul li .text {position: absolute;top: 30%;left: 50%;transform: translateX(-50%);display: flex;justify-content: center;align-items: center;flex-direction: column;}
.app02 ul li .text  .top  {margin-bottom:220px ;}
.app02 ul li .text  .top  h3 {font-size: 60px;color: #fff;font-weight: 500;margin-bottom: 10px;font-family: arial;text-align: center;}
.app02 ul li .text  .top  h4 {font-size: 30px;color: #fff;font-weight: bold;}
.app02 ul li .text  .ap2_more { border-radius: 34px; overflow: hidden; z-index: 0; position: relative; width: 330px;height: 60px;border: 2px solid #fff;text-align: center;line-height: 60px;font-size: 16px;color: #fff;}
.app02 ul li .text  .ap2_more::after {left: 0px; content: "";position: absolute;z-index: -1;transition: 0.5s;background-color: #eb6100;width: 0%;height: 100%;}
.app02 ul li:hover .text  .ap2_more::after{width: 100%;}

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



.app03 {padding: 100px 0 160px;overflow: hidden;position: relative;}
.app03 .top {margin-bottom: 50px;}
.app03 .top h4 {font-size: 16px;color: #999999;text-align: center;}
.app03 .box h3{font-size: 16px;color: #333333;margin-top: 13px;text-align: center;}
.app03 .box img{transition: 0.5s;object-fit: cover;}
.app03 .box:hover img{transform: scale(1.1);}
.app03 .box:hover h3 {color: #eb6100;}
.app03 h6 {margin-bottom: 30px;}
.app03 .bot {position: relative;}
.app03 .bot .swiper-container-horizontal>.swiper-pagination-bullets{ bottom: -73px;}
.app03 .bot .swiper-pagination-bullet-active {  background: #eb6100; }



/* apps */
.apps01 {padding: 100px 0 0px;}
.apps01 .content  .top {margin-bottom: 100px;display: flex;justify-content: space-between;}
.apps01 .content  .top .left {width: 50%;}
.apps01 .content  .top .left .bao:hover img{transform: scale(1.1);} 
.apps01 .content  .top .right {width:50%;background-color: #f5f5f5;}
.apps01 .content  .top .right {padding: 125px 0;display: flex;flex-direction: column;justify-content: center;align-items: center;}
.apps01 .content  .top .right .text h3{    font-size: 33px; color: #ff6900; font-weight: bold; letter-spacing: 2px;}
.apps01 .content  .top .right .text .line{width: 40px; height: 2px; background-color: #ff6900; margin: 19px 0 26px;}
.apps01 .content  .top .right .text h5 {     margin-bottom: 10px; font-size: 23px; color: #333333; font-weight: bold;}
.apps01 .content  .top .right .text span {    font-size: 16px; color: #999999; line-height: 32px;}
.apps01 .content  .top .right .text .sp_1 {margin-bottom:20px ;display: block;}

.apps01 .content   .m h3{font-size: 22px;color: #333333;margin-bottom: 25px;    font-weight: 600;}

.apps01 .content   .m .p{padding: 44px 0 60px;position: relative;border-top: 1px solid #e5e5e5;}
.apps01 .content  .m .p::after {content: "";position: absolute;width: 44px;height: 2px;background-color: #ff6900;left: 0px; top: -2px;}
.apps01 .content  .m .p p {font-size: 16px;line-height: 32px;color: #999999;}


.appsbot .swiper-pagination-bullet-active { background: #eb6100; }
.apps01  .appsbot { padding: 0px 0 149px;}

.apps01 .content  .appsbot  .b_m  .p{padding-bottom: 0px;}
.apps01 .content .top .left .bao {height: 100%;}
.apps01 .content .top .left .bao img {height: 100%;}

.apps01 .content  .swiper-container-horizontal>.swiper-pagination-bullets{ bottom: -49px;}

.apps01 .content .m .box h3 {font-size: 16px;}

.apps01 .content .m .box:hover h3{color: #ff6900;}



/* apps02 */
.apps02 {padding-bottom: 100px;}
.apps02-1 {padding: 100px 0;}
.apps02 .hang {display: flex;justify-content: space-between;}
.apps02 .hang  .left {width: 50%;}
.apps02 .hang  .right {width: 50%;}
.apps02 .hang  .left .bao:hover img{transform: scale(1.1);}
.apps02 .hang .right {padding: 104px 140px;display: flex;justify-content: center;align-items: center;box-sizing: border-box;}
.apps02 .hang .right .text h3{    font-size: 30px; color: #ff6900; font-weight: 600; letter-spacing: 2px;}
.apps02 .hang .right .text .line {    width: 38px; height: 2px; margin: 18px 0 30px; background-color: #ff6900;}
.apps02 .hang .right .text .bot h5{    font-size: 24px; color: #333; font-weight: 600; margin-bottom: 10px;}
.apps02 .hang .right .text .bot span{    font-size: 16px; line-height: 36px; color: #999;}
.apps02 .hang .right .text .bot .sp_1{    margin-bottom: 32px;display: block;}
.apps02 .hang02 {flex-direction: row-reverse;}


.apps02-2{background-color: #f5f5f5;padding: 100px 0 160px;}
.apps02-2 .bot {position: relative;}
.apps02-2 .box:hover  img{transform: scale(1.1);}
.apps02-2 .box h3 {font-size: 18px;color: #333333;margin-top: 15px;    text-align: center;}
.apps02-2 .box:hover h3 {color: #ff6900;}

.apps02-3 {padding: 0px 0 160px;}
.apps02-3 .bot{position: relative;}

.apps02-3Swiper,.apps02-2Swiper {overflow: hidden;}
.apps02-3 .box {background-color: #fff; border: 1px solid #ddd;   padding: 48px 32px 30px;}
.apps02-3 .box .bao{margin: auto; width: 74%; overflow: unset;    margin-bottom: 18px; }
.apps02-3 .box:hover img{transform: scale(1.1);}
.apps02-3 .box:hover .dul h3 {color: #ff6900;}

.apps02-3  .box .dul h3 {font-size: 30px;margin-bottom: 10px;font-weight: 600;}
.apps02-3  .box .dul h4 {font-size: 16px;color: #333333;}

.apps02-3 .swiper-pagination-bullet-active { opacity: 1; background: #ff6900; }
.apps02-3  .swiper-container-horizontal>.swiper-pagination-bullets{ bottom: -57px; }
.apps02 .hang .left .bao{height: 100%;}
.apps02 .hang .left .bao img {height: 100%;}






/* ser01 */
.ser01 {padding-top: 100px;overflow: hidden;}
.ser01 h6 {font-size: 48px;color: #333333;margin-bottom: 46px;text-align: center;font-weight: 600;}

.ser01 ul li {position: relative; display: flex;justify-content: space-between;align-items: center;padding: 55px 0;}
.ser01 ul li:nth-of-type(1)::before{    content: ""; position: absolute; width: 150%; height: 2px; background-color: #e6e6e6; top: 0px; left: -20%;}
.ser01 ul li:nth-of-type(2n)::after {    position: absolute; width: 140%; height: 100%; background-color: #f5f5f5; left: -20%; top: 0px; content: ""; z-index: 0;}

.ser01 ul li:nth-of-type(2n){flex-direction: row-reverse;}
.ser01 ul li  .left {width: 37.2%; z-index: 1;}

.ser01 ul li:hover  .left .bao img{transform: scale(1.1);}
.ser01 ul li:hover  .right h3  {color: #eb6100;}

.ser01 ul li  .right {width: 54%;padding: 115px 0;z-index: 1;}
.ser01 ul li  .right h3 {font-size: 36px;color: #333333;margin-bottom: 30px;font-weight: 600;}
.ser01 ul li  .right p {font-size: 16px;color: #999999;line-height: 36px;}


.ser02 {padding: 100px 0;background: url("/style/images/ser02.jpg");background-size: cover;}
.ser02 .content h6 {font-size: 36px;color: #fff;margin-bottom: 60px;font-weight: 600;text-align: center;}
.ser02 .content ul {display: flex;}
.ser02 .content ul  li {padding: 50px 10px;display: flex;flex-direction: column;align-items: center;}

.ser02 .content ul  li h4{font-size: 60px;color: rgba(255, 255, 255, 0.5);margin: auto;}
.ser02 .content ul  li .line{width: 40px;height: 2px;background-color: rgba(255, 255, 255, 0.5);    margin: 20px auto 20px;}
.ser02 .content ul  li p{font-size: 24px;color: #fff;line-height: 42px;    text-align: center;}
.ser02 .content ul  li {width: 22%;border-right: 1px solid rgba(255, 255, 255, 0.4);    box-sizing: border-box;}
.ser02 .content ul  li:nth-of-type(1){width: 15.6%;    align-items: flex-start;}
.ser02 .content ul  li .box{display: flex;flex-direction: column;align-items: center;justify-content: center;}
.ser02 .content ul  li:nth-of-type(1) .box {align-items: flex-start;}

.ser02 .content ul  li:nth-of-type(5){width: 15.6%;border-right: 0px;    align-items: flex-end;}
.ser02 .content ul  li:nth-of-type(5) .box {align-items: flex-end;}

.ser03 {padding: 100px 0;}
.ser03  .content h6 {    font-size: 36px; margin-bottom: 32px; color: #333333; text-align: center; font-weight: 600;}
.ser03  .content h3 {font-size: 22px;color: #999999;    margin-bottom: 56px;text-align: center;}
.ser03  .content .bot {display: flex;justify-content: space-between;}
.ser03  .content .bot .left{    width: 58%;}
.ser03  .content .bot .right {width: 37%;}
.ser03  .content .bot .right span {font-size: 24px;line-height: 42px;font-weight: 600;color: #333333;}
.ser03  .content .bot .right p {font-size: 22px;line-height: 42px;color: #a0a0a0;}
.ser01 ul li .left .bao {height: 100%;}
.ser01 ul li .left .bao img {height: 100%;}
.ser01 ul li .right { width: 54%; padding: 66px 0; z-index: 1; }



/*  contact */
.con  h6 {font-size: 48px;color: #333333;font-weight: 600;margin-bottom: 60px;text-align: center;}

.con01 {padding: 100px 0;background-color: #f2f2f2;}
.con01 ul {display: flex;   justify-content: space-between;}
.con01 ul li {       padding: 50px 20px; width: 23.8%; box-shadow: 0 0 10px #d5d4d4; border-radius: 10px; background-color: #fff; display: flex; flex-direction: column; align-items: center; box-sizing: border-box;}
.con01 ul li .bao { border-radius: 50%; width: 64px;height: 64px;border: 4px solid #dbdbdb;display: flex;justify-content: center;align-items: center;margin-bottom: 30px;}
.con01 ul li .bao img {    width: 24px;}
.con01 ul li:nth-of-type(1) .bao img {width: 18px;}

.con01 ul li h3 {font-size: 22px;font-weight: bold;color: #333333;}
.con01 ul li .line {    width: 35px; height: 1px; margin: 14px 0 21px; background-color: #e2e2e2;}
.con01 ul li h4 {font-size: 16px;color: #666666;}
.con01 ul li .bao1 img{width: 100px;}

.con02 {padding: 0px 0 100px;background-color: #f2f2f2;}
.con02 .bot1{display: flex;justify-content: space-between;}

.con02 .bot1 .dul {width: 49%; padding: 25px;    box-sizing: border-box;background-color: #fff;}
.con02 .bot1 .dul .bao:hover img {transform: scale(1.1);}
.con02 .bot1 .dul .bao img  {height: 374px;}
.con02 .bot1 .dul .bot {    padding: 30px 30px 17px;}
.con02 .bot1 .dul .bot  h3 {font-size: 24px;color: #333333;}
.con02 .bot1 .dul .bot  p {font-size: 16px;color: #333333;line-height: 42px;margin-top: 27px;padding-top: 27px;border-top: 1px solid #d9d9d9;}

.con03  {background: url(/style/images/con03.jpg);background-size: cover;padding: 100px 0;}

.con03  .content {box-sizing: border-box;padding: 0 150px;}

.con03  .content  form {display: flex;justify-content: space-between;flex-flow: wrap;}
.con03  .content  form input { color: #333333; outline: none;  width: 49%; border: 1px solid #9f9f9f; margin-bottom: 18px; background-color: transparent; padding: 20px; box-sizing: border-box; border-radius: 5px;}
.con03  .content  form textarea {color: #333333; outline: none; width: 100%;height: 123px;margin-bottom: 57px;    background-color: transparent;padding: 20px; box-sizing: border-box; border-radius: 5px;}
.con03  .content  form .submit {display: block; margin: auto; border: 1px solid transparent; position: relative; z-index: 0; overflow: hidden; width: 160px;height: 45px;text-align: center;line-height: 45px;color: #fff;font-size: 16px;border-radius: 5px;background-color: #eb6100;}
.con03  .content  form .submit::after { border-radius: 5px;  z-index: -1; content: "";position: absolute;left: 0px;background-color: #fff;transition: 0.5s;width: 0%;height: 100%;top: 0px;}
.con03  .content  form .submit:hover::after {width: 100%;}
.con03  .content  form .submit:hover{color: #eb6100;}
.con03  .content  form input::-webkit-input-placeholder,textarea::-webkit-input-placeholder{font-size: 16px;color: #757575;}


.search_er{position: relative;}
.search_er .main{position: absolute;left: 50%;top: 50%;transform: translate(-50%,-50%);display: flex;}
.search_er .main input {    width: 650px; height: 52px; border-radius: 8px; margin-right: 10px; padding-left: 20px; color: rgb(41 41 41); font-size: 16px; outline: none;border: none;}
.search_er .main input::-webkit-input-placeholder{font-size: 16px;}
.search_er .main button {outline: none; cursor: pointer;  background-color:#eb6100;  width: 120px; height: 52px; border-radius: 5px; color: #fff; font-size: 18px; display: flex; justify-content: center; align-items: center; border: none;}



.search_er .main form {display: flex;align-items: center;}



.sear .content {padding: 100px 190px 0;box-sizing: border-box;}
.sear .content .tab {display: flex;border-bottom: 1px solid #e5e5e5;}
.sear .content .tab a {margin-right: 78px;font-size: 18px;color: #333333;padding-bottom:10px;font-weight: bold;border-bottom: 2px solid transparent;}
.sear .content .tab a.active {color: #eb6100;border-color: #eb6100;}
.sear .content .tab a:hover {color: #eb6100;border-color: #eb6100;}


.sear .content .res ul {padding: 63px 0 100px;}
.sear .content .res ul li{padding: 17px 0;border-bottom: 1px solid #f1f1f1;}
.sear .content .res ul li a {display: flex;justify-content: space-between;align-items: center;}
.sear .content .res ul li  .left {width: 18.9%;}
.sear .content .res ul li .left .bao {  width: 100%; height: 175px; border: 1px solid #e8e0e0; display: flex; align-items: center; justify-content: center;}
.sear .content .res ul li .right {width: 75.4%;padding: 10px 0;}
.sear .content .res ul li .right h3 {font-size: 16px;color: #333333;margin-bottom: 16px;font-weight: bold;}
.sear .content .res ul li .right h4 {font-size: 16px;color: #999999;line-height: 24px;}
.sear .content .res ul li .left .bao img {width: 170px;transition: 0.5s;}
.sear .content .res ul li:hover .left .bao img{transform: scale(1.1);}
.sear .content .res ul li:hover .right h3 {color:#eb6100;}

.sear .content .res .text.on {display: block;}
.sear .content .res .text {display: none;}






 
.screen-reader-text{display:none;}
.nav-links{ display: flex;justify-content: center;margin: 58px 0px 0px;}
.nav-links a.active { display: flex; justify-content: center;   margin: 58px 0px 0px;}
.nav-links a,.nav-links span {    color: #666666; font-size: 16px; margin-right: 7px; width: 37px; height: 37px; border: 1px solid #cbcbcb; text-align: center; line-height: 37px; }
.nav-links a:hover,.nav-links span,.nav-links a.active { background-color: #eb6100!important; color: white!important; }
  



































@media only screen and (max-width:1600px){


/* common */
.more {    width: 120px; height: 34px; line-height: 32px; font-size: 14px;}
.icenter {width: 1100px;}

/* header */
.header .h-r .nav li h3 a {    font-size: 16px; }

.header .h-r {width: 61%;}
.header a {font-size: 14px; width: 13%;}
.header a img {width:100%;}
.h-language a:nth-of-type(1)::after { height: 12px; content: ""; width: 1px; background-color: rgb(153,153,153); position: absolute; top: 0px; left: 21px; }
.h-language i { font-size: 14px; }
.header .logo img {width: 100%;}
.h-language span {      font-size: 14px; margin: 0 5px 0 10px;}
.h-language { display: flex; width: 13%; justify-content: space-around;}

/* .bannerwrap */
.bannerwrap .box .bannertext p {font-size: 40px;}
.bannerwrap .box .bannertext h3 { font-size: 22px;margin-bottom: 50px;}



.bannerwrap .box img { width: 100%; object-fit: cover;}



/* .index01wrap */
.index01wrap .a { padding: 66px 99px 319px 89px;}
.i01-l h3 { font-size: 40px;}
.index01wrap .a p { font-size: 15px;     line-height: 30px; margin-bottom: 40px;}
.i01mid {  width: 76.8%; height: 280px;}
.i01mid ul li h3 {    font-size: 18px;}
.i01mid ul li h4 { font-size: 50px;}
.i01mid ul li h4 span { font-size: 14px;}
.index01wrap .a { width: 55.4%; box-sizing: border-box;}
.index01wrap .i01-r { box-sizing: border-box; width: 54.6%; }

/* .index02wrap */

.index02tab {    width: 23.3%;}
.index02list h3 { left: 6.2%; font-size: 40px;}
.index02wrap .i02 .i02-l h3 { font-size: 40px}
.index02wrap .i02 .i02-l h4 { font-size: 26px;    margin-top: 179px;}
.index02wrap .i02 .i02-l p { font-size: 14px; width: 329px;}
.index02wrap .i02 .i02-l ul li { font-size: 14px;}
.index02wrap .i02 .i02-m {height: 520px; margin-top: 141px;    width: 42%; margin-right: 6%;}
.chanpinpagination { margin-top: -90px; }
.index02wrap .i02 .i02-r ul li strong { font-size: 38px;}
.index02wrap .i02 .i02-r ul li .biao { bottom: 49px;left: 36%;}
.index02wrap .i02 .i02-r ul li .big { font-size: 24px; }
.index02wrap .index02tab li { padding: 15px 10px 15px 36px;}
.index02wrap .index02tab li strong { font-size: 40px; font-weight: 500; margin-right: 53px; }
.index02wrap .index02tab li .biao { font-size: 14px; position: absolute;    bottom: 47px; left: 29%; }
.index02wrap .index02tab li .big { font-size: 23px;}

/* .index03wrap */
.index03wrap .right { width: 23.9%;}
.index03wrap .right { padding: 190px 99px 191px 53px;}
.index03wrap .right .content h3 { font-size: 36px; }
.index03wrap .right .content p { font-size: 16px; line-height: 30px; }
.index03wrap .left ul li a .num { font-size: 46px;}
.index03wrap .left ul li a h3 { font-size: 20px;    width: fit-content!important; }




/* .index04wrap  */
.index04wrap .i04-top h3 { font-size: 40px;}
.index04wrap .i04-mid .part .part-r h3 { margin-bottom: 30px; font-size: 24px;}
.index04wrap .i04-mid .part .part-r p { font-size: 14px;   line-height: 20px;}
.index04wrap .i04-mid .part .part-l span:nth-of-type(1) {font-size: 26px; }
.index04wrap .i04-mid .part .part-l .line { margin: 10px auto; }
.index04wrap .i04-mid .part .part-l span:nth-of-type(2) { font-size: 20px; }
.index04wrap .i04-mid .part .part-r h3 { margin-bottom: 12px;font-size: 22px;}
.index04wrap .more { margin: 50px auto 0; }
.index04wrap .i04-mid .part .part-l { width: 14%;}

.index04wrap .i04-mid .right .part {      padding-bottom: 25px; margin-bottom: 25px; }
.index04wrap .more { margin: 20px auto 0; }
.index04wrap .i04-mid .left .bao img { width: 529.02px;}
/*.index05wrap  */

.index05wrap .i01-l h3 { font-size: 40px;}
.i01-l p {     font-size: 16px; }
.index05wrap .i05-r ul li img { width: 170px;}
.index05wrap .i01-l p { margin-bottom: 50px; }




/* .footerwrap  */
.footerwrap .footer .right h3 a {font-size: 20px; }
.footerwrap .footer .right .min p a { font-size: 14px;}
.footerwrap .footer .left p {     font-size: 14px;}
.footerwrap .footer .left a  img {width: 158px;}
.footerwrap .copyright h3 { font-size: 12px; }
.footerwrap .copyright h3 a { font-size: 12px;}
.footerwrap .copyright .se { font-size: 12px; }





/* product */
.pro01 .left { padding-right: 130px; font-size: 16px; padding-top: 24px; padding-bottom: 24px;    padding-right: 100px;}
.pro01 .right {padding-right: 130px; font-size: 16px; padding-top: 24px; padding-bottom: 24px;    padding-left: 100px;}
.pro02 .child .right h3 { font-size: 40px; font-weight: 600; margin-bottom: 28px; letter-spacing: 3px; }
.pro02 .child .right p { font-size: 16px; line-height: 30px; letter-spacing: 2px; }
.pro02 .child .right p br{display:none;}
.pro02 .child .left img { width: 416px; }

.pro02 .child .left { width: 44%; }
.pro02 .child { margin-bottom: 18px; padding: 45px 80px 70px; }
.page a {min-width: 35px;height: 35px; font-size: 14px; line-height: 35px;}
.page {    margin: 52px 0px 0px; }




.footerwrap { border-top: 6px solid rgb(255, 105, 0); }


.ch_er .text h3 { font-size: 52px; margin-bottom: 11px; letter-spacing: 2px; }
.ch_er .text h4 { font-size: 26px;}
.new .content .title { font-size: 34px; margin-bottom: 40px; font-weight: 600; }
.new { padding: 75px 0; }

.new .content .top .right h3 { font-size: 14px; margin-bottom: 16px; }
.new .content .top .right h4 { font-size: 24px; margin-bottom: 22px; }
.new .content .top .right h3 { font-size: 14px; margin-bottom: 16px; }
.new .content .top .right p { font-size: 14px; line-height: 30px; }
.new .content .top .right { padding: 86px 0;    padding-right: 30px; }
.new .content .bot ul li .dul { padding: 30px; }
.new .content .bot ul li .dul h3 { font-size: 14px; margin-bottom: 7px; }
.new .content .bot ul li .dul h4 { height: 58px; font-size: 18px; margin-bottom: 6px; line-height: 30px; }
.news .content .box { padding: 39px 75px; }


.news .content .box .top h3 { font-size: 24px; margin-bottom: 14px; }
.news .content .box .top h4 { font-size: 14px; margin-bottom: 23px; }
.news .content .box .bot { padding-top: 15px; }
.news .content .box .bot p { font-size: 14px; line-height: 30px; }

.news .content .box .fen a { font-size: 14px;}
.news .content .box .fen a img { margin-right: 6px; width: 17px; }
.news .content .box .fen { padding: 18px 0;}
.news .content {padding: 0 134px;}

.app h6 { font-size: 34px; margin-bottom: 30px; }
.app01 { padding: 75px 0; }
.app01 .content ul li { font-size: 14px;}
.app02 ul li .text .top h3 { font-size: 46px; margin-bottom: 5px;}
.app02 ul li .text .top h4 { font-size: 22px; }
.app02 ul li .text .top { margin-bottom: 120px; }
.app02 ul li .text .ap2_more { width: 226px; height: 44px; line-height: 44px; font-size: 14px; }
.app03 .top h4 { font-size: 14px;}
.app03 h6 { margin-bottom: 20px; }
.app03 .top { margin-bottom: 39px; }
.app03 .box h3 { font-size: 14px; margin-top: 10px;}
.app03 { padding: 75px 0 135px; }
.app03 .bot .swiper-container-horizontal>.swiper-pagination-bullets { bottom: -61px; }
.apps01 { padding: 75px 0 0px; }
.apps01 .content .top .right .text h3 { font-size: 24px; }
.apps01 .content .top .right .text .line { width: 30px; height: 2px; margin: 14px 0 19px; }
.apps01 .content .top .right .text span { font-size: 14px; line-height: 28px; }
.apps01 .content .top .right .text h5 { margin-bottom: 6px; font-size: 18px; }
.apps01 .content .top .right { padding: 95px 0;}
.apps01 .content .m h3 {font-size: 18px; margin-bottom: 21px; }
.apps01 .content .m .p p { font-size: 14px; line-height: 30px; }
.apps01 .content .m .p { padding: 38px 0 50px; }
.apps01 .content .m .p::after { width: 36px;}
.apps01 .appsbot { padding: 0px 0 115px; }
.apps01 .content .swiper-container-horizontal>.swiper-pagination-bullets { bottom: -43px; }

.apps02-1 { padding: 75px 0; }


.apps02 .hang .right .text h3 { font-size: 24px; letter-spacing: 2px; }
.apps02 .hang .right .text .line { width: 29px; height: 2px; margin: 15px 0 23px; }
.apps02 .hang .right .text .bot span { font-size: 14px; line-height: 30px; }
.apps02 .hang .right .text .bot h5 { font-size: 18px; margin-bottom: 10px; }
.apps02 .hang .right .text .line { width: 29px; height: 2px; margin: 15px 0 21px; }

.apps02 .hang .right { padding: 68px 104px;}
.apps02-3 .box { padding: 40px 19px 23px; }
.apps02-3 .box .dul h3 { font-size: 24px; margin-bottom: 8px; }
.apps02-3 .box .dul h4 { font-size: 14px; }
.apps02-3 .box .bao { width: 68%;}

.apps02-3 { padding: 0px 0 123px; }
.apps02-3 .swiper-container-horizontal>.swiper-pagination-bullets { bottom: -50px; }
.fen a { font-size: 14px; }
.fen a img { margin-right: 6px; width: 20px; }
.fen { padding: 20px 0;}
.fen { padding: 20px 0;}

.pro01 a { font-size: 16px; padding-top: 22px; padding-bottom: 22px;}
.pro02 { padding-top: 80px; }
.pro02 .content { padding-bottom: 80px; }


.pros .t_nav .content .cc {     padding: 22px 42px 22px 80px;}
.pros .t_nav .content .left { font-size: 16px;}
.pros .t_nav .content .right span { font-size: 14px;}
.pros .t_nav .content .right .subnav {        left: 59px; top: 33px; }
.pros .t_nav .content .right .subnav ul li { padding: 0 16px; width: 191px; line-height: 26px; }
.pros .t_nav .content .right .subnav ul li a { font-size: 14px; padding: 16px 0;}
.pros .top .content .left h3 { font-size: 18px; margin-bottom: 12px; }
.pros .top .content .left h4 { font-size: 30px; margin-bottom: 12px; }
.pros .top .content .left p { font-size: 14px; line-height: 30px; margin-bottom: 50px; width: 403px; }

.pros .zixun  { width: 138px; height: 38px; line-height: 38px; font-size: 14px;}
.pros .top .content .right { width: 50%; padding-top: 31px; padding-right: 52px; }
.pros .t_nav { margin-bottom: 90px; }
.pros .tab .content li a { padding: 12px 0px; font-size: 16px;}
.pros .tab .content li { padding: 0px 26px; }
.pros .bot .right ul li .ft_2 { width: 71%; margin-right: 5%; }
.pros .top { margin-bottom: 47px; }
.pros .tab .content { padding: 0 80px; }
.pros .bot .content { padding: 76px 80px; }
.pros .bot .left { width: 30%; font-size: 30px;}

.pros .bot .right ul li .ft { font-size: 14px; }
.pros .top .content .left { padding: 0 81px 70px 80px;}

.ser01 h6 { font-size: 40px; margin-bottom: 40px;  }

.ser01 { padding-top: 80px; }
.ser01 ul li .right h3 { font-size: 30px; margin-bottom: 23px; }
.ser01 ul li .right p { font-size: 15px; line-height: 30px; }
.ser01 ul li { padding: 45px 0; }
.ser02 { padding: 80px 0;}
.ser02 .content h6 { font-size: 30px; margin-bottom: 50px;}
.ser02 .content ul li h4 { font-size: 50px; }
.ser02 .content ul li .line { width: 30px; margin: 20px auto 20px; }

.ser02 .content ul li p { font-size: 18px; line-height: 33px; }

.ser02 .content ul li { padding: 30px 6px;}
.ser03 { padding: 80px 0; }

.ser03 .content h6 { font-size: 30px; margin-bottom: 24px;}
.ser03 .content h3 { font-size: 19px; margin-bottom: 43px; }
.ser03 .content .bot .right span { font-size: 20px; line-height: 38px;}
.ser03 .content .bot .right p { font-size: 20px; line-height: 38px; }

.con01 { padding: 80px 0;}
.con h6 { font-size: 38px; margin-bottom: 50px;}
.con01 ul li .bao { width: 50px; height: 50px; margin-bottom: 23px; }
.con01 ul li:nth-of-type(1) .bao img { width: 15px; }
.con01 ul li h4 { font-size: 14px; }
.con01 ul li .line { width: 26px; margin: 13px 0 16px; }
.con01 ul li .bao1 img { width: 78px; }
.con01 ul li .bao img { width: 22px; }
.con01 ul li h3 { font-size: 18px; }
.con02 .bot1 .dul .bao img { height: 252px; }
.con02 .bot1 .dul { width: 49%; padding: 18px;}
.con02 .bot1 .dul .bot {padding: 25px 25px 7px; }
.con02 .bot1 .dul .bot h3 { font-size: 21px;}
.con02 .bot1 .dul .bot p { font-size: 14px; line-height: 38px; margin-top: 22px; padding-top: 18px; }
.con03 { padding: 80px 0; }
.con03 .content { padding: 0px 90px; }


.con03 .content form input { margin-bottom: 14px; padding: 14px; border-radius: 5px; font-size: 14px; }

.con03  .content  form input::-webkit-input-placeholder,textarea::-webkit-input-placeholder{font-size: 14px;}
.con03 .content form textarea { width: 100%; height: 111px; margin-bottom: 47px; padding: 14px; border-radius: 5px; }
.con03 .content form .submit { width: 128px; height: 36px; line-height: 36px; font-size: 14px; border-radius: 5px; }
.con01 ul li { padding: 34px 16px; }

.ab01, .ab02, .ab03, .ab04, .ab05 { padding: 80px 0; }

.ab04, .ab05 { padding: 80px 0 80px; }
.cc { letter-spacing: 3px; font-size: 38px; margin-bottom: 24px; }
.ccp p { font-size: 16px; line-height: 32px;    text-align: justify; }
.ab01 .left .bot ul li h5 { font-size: 14px; }
.ab01 .left .bot ul li h5 span { font-size: 60px; }
.ab01 .left .bot ul li h4 { font-size: 20px; margin-bottom: 15px; }
.ab01 .left .bot { margin-top: 96px; }
.ab01 .left { width: 57%; padding: 80px 0; }
.ab02 .right { width: 60%;     padding: 30px 0; }
.ccp .p { margin-bottom: 6px; }
.ccp { padding-top: 18px; }
.ab02 .left { width: 36.5%; }
.ab05 .box { padding: 24px; }
.ab05 .box .text h5 { color: #fff; font-size: 14px; line-height: 26px; width: 268px; }
.ab05 .box h4 {    font-size: 16px; margin-bottom: 15px;}
.ab05 .box h4::after, .ab05 .box h4::before { width: 28px; }
.ab05 .box h4::before { left: -44px;}
.ab05 .box h4::after { right: -44px; }
.ab04 .bot .swiper-pagination { bottom: -17%;}
.ab05 .box h5 { margin-top: 13px; font-size: 14px; }
.ab05 .bot .ab05Swiper-pagination { bottom: -17%;}
.ab05 .cc { margin-bottom: 42px; }
.ab04 ul li {  height: 115px;}
.ab04 h5 { font-size: 15px; line-height: 24px; width: 59%; margin-bottom: 36px; }
.ab03 .content2 .box .main h3 { font-size: 38px; margin-bottom: 20px; }
.ab03 .content2 .box h4 { font-size: 18px; line-height: 29px; }
.ab03 .content2 .box .main .line1 { width: 280px; margin-bottom: 28px; }

.ab03Swiper .swiper-slide-active .box .bao { height: 260px; width: 354px; }
.ab03 .content2 .box .main { padding: 40px 0; }
.ab03 ul li .dot .text { top: -29px; left: -7px; font-size: 18px; }
.ab03 ul li .dot { width: 26px; height: 26px;}
.ab03 .content1 { padding-left: 225px; margin-bottom: 109px; }
.content2 {height: 256px;}


.ab03Swiper .box .bao img { height: 259px; }

.ab03Swiper .ab03Swiper-button-prev,.ab03Swiper .ab03Swiper-button-next { top: 88%; left: 36%; }
.ab03Swiper .ab03Swiper-button-next  {left: 40%;}

.ab03 ul { width: 1500px; }

.ab03 ul::after { left: 27px; top: 14px;}


.sear .content { padding: 80px 134px 0; box-sizing: border-box; }
.search_er .main input { width: 500px; height: 46px; font-size: 14px;}
.search_er .main button {height: 46px;font-size: 14px;width: 100px;}
.sear .content .res ul { padding: 53px 0 80px; }
.sear .content .res ul li .left .bao { width: 100%; height: 146px; }
.sear .content .res ul li .left .bao img { width: 126px; }
.h-language .zhong h5 a {     padding: 7px 5px; font-size: 12px; color: #4c4c4c; display: block; width: 100%; box-sizing: border-box; }

.ab05 .box .bao { height: 178px;}
.ab05 .box img { height: 178px; }
.ab04 ul li .text h4 { color: #fff; font-size: 15px; width: 80%; text-align: center; line-height: 18px; }








}