/*common start*/
body,div,ul,li,a,img,p,dl,dt,dd,h1,h2,h3,h4,span,strong,input{ margin:0; padding:0;list-style:none;text-decoration:none;border:0; list-style:none;}
body{ font-size:12px; color:#666;font-family:'QuattrocentoSans';}
a{color:#666;}
a:hover{ color:#ff5100; /*text-decoration:underline;*/}
p{line-height:1.8em; padding:5px 0;}
.clear{ margin:0; padding:0; font-size:0; clear:both; }
.wapper{ width:90% !important; margin:0 auto; max-width:1440px !important;}

@font-face {
  font-family: "QuattrocentoSans";
  src: url("../fonts/QuattrocentoSans.woff2") format("woff2"),
       url("../fonts/QuattrocentoSans.woff") format("woff"),
       url("../fonts/QuattrocentoSans.ttf") format("truetype"),
       url("../fonts/QuattrocentoSans.eot") format("embedded-opentype"),
       url("../fonts/QuattrocentoSans.svg") format("svg");
}
.header-bg{transition: all .5s; z-index:99}
.top{ width:100%;    line-height: 40px;  background-image: linear-gradient(to top, #d77515, #d71518);  display: flex;     justify-content: space-between;  align-items: center;padding: 0 50px; box-sizing:border-box; height:40px;color:#fff;}
.top>span{ color:#fff;}
.top>span>a{ color:#fff; font-size:16px}
.search{ display: flex; justify-content: center;  align-items: center;}
.search01{     display: flex;  align-items: center;border: 1px solid rgba(255, 255, 255, .5);  border-radius: 5px; height:30px; line-height:30px;}
.search01 .input_text{   padding-left: 10px;  min-width: 280px; background:none; color:#fff; font-size:16px;outline:none;}
.search01 .input_text::-webkit-input-placeholder{ color:#fff;}
.search01 a{ width:30px; height:30px; display: flex; justify-content: center;  align-items: center;}
.search01 a i{ color:#fff; font-size:16px}
.search>a{ font-size:16px; color:#fff;      margin-left: 15px;}

.header{ width:100%;display: flex;     justify-content: space-between;  align-items: center;padding: 0 50px; box-sizing:border-box; background:#fff;       box-shadow: rgb(51, 51, 51,0.2) 10px 10px 10px; height:80px; position:relative;}
.logo a{ width:180px; height:100%; display: flex;     justify-content:center;  align-items: center;}
.logo a img{ max-width:100%; max-height:100%}


/*menu*/
.menu{height:80px;line-height:80px;;}
.menu>ul>li{float:left; }
.menu>ul>li>dl{   background:#fff; width:120%;  position:absolute;  left:50%;   top:100%; box-shadow:2px 2px 5px rgba(0,0,0,0.2);
    /* padding:10px 0; */   display:none;  z-index:99; transform: translate(-50%, 0);  transition: .5s opacity;  max-width: 200px;  }
.menu>ul>li>dl>dd{line-height: 36px;margin:0 10px;text-align: center;}
.menu>ul>li>dl>dd a{font-size: 16px;color: #333;font-weight:normal;display:inline;padding:0;text-align: center;}
.menu>ul>li>dl>dd a:hover{ color:#f60;}
.menu>ul>li>span>a{ font-size:18px;color:#333; text-decoration:none; font-weight:bold;display:block;text-align:center;     padding: 0 1.7vw;}
.menu a:hover{color:#ff5100;}
a.menu_hover{ color:#ff5100;}

.geji{max-width: inherit !important;background:#f0f2f2 !important;border-top: 1px solid #dddfdf;padding:50px;box-sizing:border-box;width: 100% !important;}
.geji ul{ display: flex; justify-content: center;  align-items: flex-start;}
.geji ul li{ text-align:center; margin:0 2vw}
.geji ul li a{ display:block}
.geji ul li a img{ width:100%; vertical-align:bottom;}
.geji ul li span{ font-size:14px; color:#333 !important; display:block; line-height:26px;}

.header-bg.on{    transform: translateY(-41px);    position: fixed;
    left: 0;
    right: 0;
    top: 0;
    width: 100%;    z-index: 9999;}
.header-bg.on .top{}



.banner{ width:100%;}
.banner img{ width:100%; vertical-align:bottom;}
.banner .img{ position:relative;}
.banner .tao{    position: absolute; bottom: 30%;  left: 50%;  transform: translate(-50%, 0); text-align:center; color:#fff; width:100%; height:auto;}
.banner .tao h2{    font-weight: bold; display:block; font-size: 60px; margin-bottom:2%}
.banner .tao span{ font-size:18px; display:block;  margin-bottom:2%}
.more{font-size: 16px; color:#fff; position:relative;    background-image: linear-gradient(to top, #d77515, #d71518);
    border-radius: 60px;
    padding: 12px 70px;     color: #fff; display:inline-block;    transition: all .5s;
}
.more i{
    position: absolute;
    font-size: 14px;
    color: #fff;
    -webkit-transition: all 0.3s;
    -moz-transition: all 0.3s;
    transition: all 0.3s;
    left: 70%;
    opacity: 0;
    top: 0;
    z-index: 10;
    top: 50%;
      transform: translateY(-50%);
    pointer-events: none;}
.more:hover i {
    left: 80%;
    opacity: 1;
}
.more:hover{ color:#fff;}
.banner .swiper-button-next, .banner .swiper-button-prev{ color:#fff !important}
.banner .swiper-pagination-bullet-active{ background:#fff !important}


.title{ text-align:center}
.title h2{ font-size:35px; color:#333}

.cent01-bg{ padding:10% 0; color:#fff;}
.cent01 ul li{ float:left; display:block; width:25%; text-align:center; margin-top:4%}
.cent01 ul li .img{ display:block;}
.cent01 ul li .img img{ height:100px;}
.cent01 ul li .nem{ display: flex; justify-content: center;  align-items: center; font-size:40px;}
.cent01 .title h2{ color:#fff;}
.cent01 ul li .nem h2{ font-size:40px;}
.cent01 ul li p{ font-size:20px; display:block; margin-top:2%}

.cent02{ padding:4% 0 2%}
.cent02-l{ float:left; display:block; width:48%; text-align:left; color:#333; margin-top:2%}
.cent02-l .title{ text-align:left;}
.cent02-l .title h2{ font-size:36px; color:#333}
.cent02-l span{ font-size:18px; color:#333; display:block; margin-top:3%; line-height:1.5}
.cent02-l ul{ margin-top:4%}
.cent02-l ul li{ display: flex;   align-items: center; margin-bottom:2%;}
.cent02-l ul li .img{ width:26px; height:26px;  display: flex; justify-content: center;  align-items: center; margin-right:2%}
.cent02-l ul li .img img{ max-width:100%; max-height:100%}
.cent02-l ul li em{ font-style:normal; font-size:18px}
.cent02-l>a{ margin-top:4%; }


.cent02-r{ float:right; display:block; width:48%}
.cent02-r img{ max-width:100%; vertical-align:bottom;}
.swiper-pagination02 span{ width:12px; height:12px;}
.cent02-r .swiper-pagination-bullet-active{ background:#ff5100 !important}
 
 

.cent03{ margin-top:3%;} 
.cent03 .mySwiper{ margin-top:4%}
.cent03 .mySwiper .swiper-slide{ padding-bottom:10px}
.cent03 .mySwiper .img{ height:60px; width:100%; overflow:hidden;}
.cent03 .mySwiper .img img{ height:100%;cursor:pointer; transition: all 0.5s;}
.cent03 .mySwiper:hover img{transform: scale(1.1);}
.cent03 .mySwiper .swiper-slide span{ font-size:18px; color:#333; display:block; line-height:24px} 
.cent03 .swiper-slide-thumb-active{border-bottom:2px solid #d71518;}
.cent03 .swiper-slide-thumb-active span{ color: #d71518; font-weight:bold;}
.cent03 .mySwiper2{ margin-top:2%}
.topc{ position:relative;}
.topc a{ width:100%; display:block;}
.topc a>img{ width:100%; vertical-align:bottom;}
.perc{position:absolute;top:0;background:#d71518;background-image: linear-gradient(to top, #d77515, #d71518);box-sizing:border-box;padding: 2.5% 2%;color:#fff;width: 23%;left: 12%;text-align:left;z-index: 99;} 
.perc h2{ font-size:24px; font-weight:normal; display:block;}
.perc span{ font-size:18px; display:block; line-height:30px; margin-top:5%} 
 
 
 
.cent04-bg{ background:#f2f2f2; padding:2% 0 4%} 
.cent0401{ display: flex; justify-content: space-between;  align-items: center;}
.cent0401-1{}
.cent0401-1 span{ font-size:18px; color:#616161; display:block; margin-top:5%}
.cent0401-r{ margin-top:1%}
.cent0401-r ul{display: flex;   align-items: center;}
.cent0401-r ul li{ margin-left:2vw;}
.cent0401-r ul li .shue{ display: flex; justify-content: center;  align-items: flex-start; color:#ff5100; font-size:24px }
.cent0401-r ul li .shue h2{ font-size:50px;}
.cent0401-r ul li p{ font-size:18px; color:#333; display:block;} 
 
.cent04>ul>li{ float:left; display:block; width:calc((100% - 6%)/4); margin-right:2%; margin-top:3%; position:relative;} 
.cent04>ul>li:nth-child(4n) {  margin-right: 0% ;}
 .cent04>ul>li a{ display:block}
 .cent04>ul>li a img{ width:100%; vertical-align:bottom;}
  .cent04>ul>li  .est-bg{     position: absolute;
    width: 100%;
    height: 100%;
    top: 0px;
    left: 0px;
    transform: translateY(00%);
    transition: all 0.3s;}
 
  .cent04>ul>li  .est-bg .est03 {
    position: absolute;
    bottom: 0px;
    width: 100%;
}
  .cent04>ul>li  .est-bg .est03 .est01{    padding: 0 35px;
    min-height: 107px;font-size: 24px;
    font-weight: bold;
    color: #fff;}


  .cent04>ul>li  .est-bg .est03 .est{
    padding: 0px 35px;
    display: none;
    transition: all 0.3s;    font-size: 14px;
    line-height: 2;
    color: #fff;
}
  .cent04>ul>li:hover .est-bg{
    background: rgba(0, 0, 0, 0.8);
}
 .cent04>ul>li:hover .est-bg .est03 .est{     padding: 0px 35px 25px 35px;
    display: block;
    max-height: unset;
    font-size: 16px; display:block;}
  .cent04>ul>li:hover .est01{    padding-bottom: 10px !important;
    min-height: unset !important;}

.cent05{ margin-top:5%;}
.cent05>p{ padding:0; font-size:18px; color:#333; display:block; text-align:center; margin-top:2%}
.cent05 ul li{ float:left; display:block;width:calc((100% - 6%)/4); margin-right:2%; text-align:center;    transition: all .5s; margin-top:3%}
.cent05 ul li:nth-child(4n) {  margin-right: 0% ;}
.cent05 ul li:hover {  transform: translateY(-15px);}
.cent05 ul li .img{ width:100px; height:100px; display: flex; justify-content: center;  align-items: center; margin:0 auto;}
.cent05 ul li .img img{ max-width:100%; max-height:100%;}
.cent05 ul li span{ font-size:20px; color:#333; font-weight:bold; margin-top:5%; display:block;}



.cent06{ border-top:1px solid #e2e2e2; margin-top:5%; padding:4% 2%; box-sizing:border-box; display: flex;   justify-content: space-between;  align-items: center;}
.cent06-l{display:block;width: 23%;}
.cent06-l p{font-size: 18px; color: #333; line-height: 1.8;  padding-bottom: 40px; display:block; margin-top:2%}
.cent06-r{display:block;width: 75%;}
.cent06-r ul li{ float:left; display:block;width:calc((100% - 4%)/3); margin-right:2%; text-align:center;    transition: all .5s; position:relative;}
.cent06-r ul li:nth-child(3n) {  margin-right: 0% ;}
.cent06-r ul li .img{ width:100%; position:relative; overflow:hidden;}
.cent06-r ul li .img img{ width:100%; vertical-align:bottom;cursor:pointer; transition: all 0.5s;}
.cent06-r ul li .img .second_name{ color:#fff; position:absolute; font-size:64px; bottom:0; left:0}
.cent06-r ul li::after {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    right: 100%;
    height: 3px;
    background: #ff5100;
    transition: 1.5s all;
}
.cent06-r ul li:hover::after{ right:0 !important;}
.proe{ text-align:left; padding-top:2%;    color: #333;}
.proe h2{ font-size:24px; display:block; margin-bottom:2%}
.proe span{ font-size:18px; color:#333; display:block; line-height:2;}
.proe>a{ margin-top:5%;}
.cent06-r ul li:hover .img img{transform: scale(1.1);}


.cent07-bg{ background:#f2f2f2; padding:3% 0;}
.cent0701{ border-bottom:1px solid #e7e7e7; display: flex; justify-content: space-between; padding-bottom:2%;  align-items: center;}
.cent0701-r{ position:relative;}
.cent0702{ margin-top:2%}
.cent0701-r{ display: flex; justify-content: center;  align-items: center;}
.cent0701-r div{ margin:0 10px;}
.cent0701-r .swiper-button-next, .cent0701-r .swiper-button-prev{ position:inherit !important;    background-image: linear-gradient(to top, #d77515, #d71518); width:48px; height:48px; color:#fff; right:inherit; left: inherit; border-radius:50%;}
.cent0701-r .swiper-button-next:after, .cent0701-r  .swiper-button-prev:after{ font-size:18px;}
.cent0702 .img-bg{ width:100%; background:#fff;}
.cent0702 .img-bg a{ display:block}
.cent0702 .img-bg .img{ width:100%; height:25vh; display: flex; justify-content: center;  align-items: center;overflow:hidden; }
.cent0702 .img-bg .img img{ max-height:100%; max-width:100%;cursor:pointer; transition: all 0.5s;}
.cent0702 .img-bg:hover img{transform: scale(1.1);}
.taois{ padding:5%; text-align:left;height: 150px;}
.taois h3{ font-size:20px; color:#000; display:block;    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-box-orient: vertical;
   -webkit-line-clamp: 2; color:#000; font-weight:normal;}
.taois span{    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-box-orient: vertical;
   -webkit-line-clamp: 3; 
       overflow: hidden;
   font-size:18px; color:#ABAFAF; font-weight:400; line-height:25px; margin-top:5%}
.cent0702 .img-bg:hover h3{ color:#ff5100}

.cent08{ padding:3% 0; display: flex;     justify-content: space-between;  align-items: center;}
.cent08-l{display:block; width:45%; text-align:left;}
.cent08-l .title{ text-align:left;}
.cent08-l .title h2{ color:#fff;}
.cent08-l span{ font-size:18px; color:#fff; line-height:2; margin-top:5%; display:block;}
.cent08-r{  display:block; width:49%; box-sizing:border-box; padding:4% 3%; background:#ffffff1f}
.cent08-r ul li{ margin-bottom:2%;    padding: 8px 0; border-bottom:1px solid #dcdcdc;}
.cent08-r ul li .input_text{ display:block; line-height:40px; width:100%; font-size:12px; line-height:40px; background:none; outline:none;color:#fff;}
.cent08-r ul li .input_text::-webkit-input-placeholder{ color:#fff;}
.cent08-r ul li .text{ display:block; line-height:40px; width:100%; font-size:12px; line-height:40px; background:none; outline:none;color:#fff; height:70px; border:none;}
.cent08-r ul li .text::-webkit-input-placeholder{ color:#fff;}
.cent08-r>a{ margin-top:4%}

.footer-bg{ background:#222; padding:3% 0; color:#fff}
.footer-bg a{ color:#fff;}
.footer-bg a:hover{ color:#ff5100;}
.footer_menu{border-right: 1px solid rgba(255, 255, 255, .4);    flex: 1;}
.footer_menu dl{ display: flex;       justify-content: space-around;  align-items:flex-start;}
.footer_menu dl h2{ font-size:20px; font-weight:normal;}
.footer_menu dl dd ul{ margin-top:5%;}
.footer_menu dl dd ul li{ line-height:32px; font-size:16px;}


.footer{ display: flex;   justify-content: space-between;  align-items:flex-start;}
.footer-l{display: flex;  flex-wrap: wrap; width: 83.33333333%;    justify-content: space-between; padding-left: 15px;
    padding-right: 15px; box-sizing:border-box}
.footer_top_logo{ width:34.5%; margin-right:4%;}
.logo01{ height:84px}
.logo01 a{ height:100%}
.logo01 a img{ height:100%; max-width:100%;}
.footer_top_logo p{ font-size:16px; color:#fff; line-height:2;
}
.fotoer-r{    width: 16.66666667%;     display: flex;
    justify-content: flex-end;    flex-direction: column;    padding-left: 15px;
    padding-right: 15px; box-sizing:border-box;}
.fotoer-r h2{ font-size:20px; font-weight:normal;}

.footer02-bg{    background-image: linear-gradient(to top, #d77515, #d71518);    padding: 15px 0; box-sizing:border-box;}
.footer02 span{ font-size:16px; color:#fff;}
.footer02 span a{ color:#fff;}


.dibus{ display:none}
.mobile_down{ display:none}

.sp_header{ display:none}
.sjj_nav{ display:none}
.goae{ display:none; height:50px;}



.banner01{ width:100%; position:relative}
.banner01 img{ width:100%; vertical-align:bottom}
.banner0101{ position:absolute; top:0; left:0; width:100%; height:100%; color:#fff; display: flex; justify-content: center;  align-items: center;}
.banner0101 h2{ font-size:55px; text-align:center}


.cent09-bg{ background:#f2f2f2}
.cent09{ padding:4% 0}
.cent09 .title h2{ text-align:left;}
.cent0901{ position:relative; margin-top:2%; padding-bottom:5%;}
.cent0901 .swiper-pagination{ bottom:0}
.cent0901 .swiper-pagination span{ width:12px; height:12px; }
.cent0901 .swiper-pagination-bullet-active{ background:#ff5100}
.cent0901 .img{ position:relative;}
.cent0901 .img img{ width:100%; vertical-align:bottom;}
.adie{ position:absolute; top:2vw; left:2vw; color:#333; width:60%; text-align:left;}
.adie span{ font-size:20px; display:block;    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-box-orient: vertical;
   -webkit-line-clamp: 3;}
.adie h2{ font-size:35px; display:block; margin-top:5%;}
.adie font{ font-size:18px; display:block; margin-top:5%; line-height:2;}
.cent0901 .img>a{ position:absolute; bottom:2vw; left:2vw;     width: 170px;
    height: 40px;
    line-height: 40px;
    font-size: 16px;
    color: #333;
    border-radius: 40px;
    border: 1px solid #333;
    display: inline-block;
    text-align: center;
    transition: all .3s;}
.cent0901 .img>a:hover{     border-color: #ff5100; color: #fff; background: #ff5100;}	
.adie span:hover{ color:#ff5100}



.cent10-bg{ padding:5% 0;}
.cent10 .title h2{ color:#fff;}
.cent10 ul li{ float:left; display:block; width:32%; text-align:center; margin-right:2%; margin-top:4%;    transition: all .5s;} 
.cent10 ul li:nth-child(3n) {  margin-right: 0% ;}
.cent10 ul li a{ display:block}
.cent10 ul li a .img{ height:80px;}
.cent10 ul li a .img img{ max-width:100%; height:100%;}
.cent10 ul li a  h2{ font-size:20px; color:#fff;} 
.cent10 ul li a span{ font-size:18px; color:#999; display:block; line-height:1.5; margin-top:2%}
.cent10 ul li:hover{    transform: translateY(-15px);}
.cent10 ul li:hover h2{ color:#ff5100}

.weizhi{ position:absolute; top:0; left:0; width:100%; height:100%; display: flex; justify-content: center;  align-items: center; color:#fff;  font-size:16px;}
.weizhi a{ color:#fff;}
.weizhi>i{ color:#fff; margin:0 10px;}
.weizhi strong{ color:#ff5100; font-weight:normal;}

.cent11-bg{ background:#f4f4f4; padding-top:3%; padding-bottom:3%}
.cent1101{ display: flex;justify-content: space-between;  align-items: center;}
.cent1101>a{       border-radius: 4px;
    padding: 20px 30px;
    box-shadow: 0px 5px 10px 0px rgba(0,0,0,.15);
    background-image: linear-gradient(to top, #d77515, #d71518);
    border-radius: 60px !important;
    padding: 18px 70px;
    font-size: 18px;
    font-weight: normal;
    display: inline-block; color:#fff; min-width:400px; box-sizing:border-box; text-align:center;
}
.cent1101>a i{ margin-right:10px}
.cent11 ul li{ float:left; background:#fff; width:calc((100% - 6%)/4); margin-right:2%; margin-top:5%; text-align:center;}
.cent11 ul li:nth-child(4n) {  margin-right: 0% ;}
.cent11 ul li .img{ padding-top:100%;cursor:pointer; transition: all 0.5s; }
.cent11 ul li span{ font-size:18px; color:#333; display:block; text-align:center; padding:5% 0}
.cent11 ul li .img-bg{overflow:hidden; position:relative;}
.cent11 ul li .img-bg .img:hover{ transform: scale(1.1);}
.cent11 ul li .img-bg:before {
    content: "";position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    -webkit-transition: all .4s;
    -o-transition: all .4s;
    transition: all .4s;background-color: rgba(0, 0, 0, .3);  display:none; z-index:99}
.cent11 ul li:hover .img-bg:before{ display:block}


.cent12{ margin-top:3%;    box-shadow: 0px 10px 20px 0px rgba(27.541100543478258,62.99999999999999,62.49413254851429,.2);
    transition: background .3s, border .3s, border-radius .3s, box-shadow .3s;
    padding: 50px; box-sizing:border-box;    background-color: #fff;    border-radius: 10px; box-sizing:border-box;}
.cent12 ul li{ float:left; display:block;  display: flex;  align-items: center; margin-top:2%; font-size:18px; color:#333; width:calc((100% - 3%)/2); margin-right:3%; }
.cent12 ul li .img{ display: flex; justify-content: center;  align-items: center; width:15px; margin-right:2%;}
.cent12 ul li .img img{ width:100%}
.cent12 ul li:nth-child(2n) {  margin-right: 0% ;}


.cent13{ margin-top:3%;}
.cent13>p{ font-size:18px; color:#333; display:block; text-align:center; margin-top:1%}
.cent1301{ background:#f2f2f2; border-radius:2px; margin-top:2%}

.cent1301-1{float:left;display:block;width: 47%;box-sizing:border-box;margin-top: 3%;margin-left: 3%;}
.cent1301-1 ul li{ background:#fff;    margin: 0;
    padding: 10px 20px;
    background-color: #fff;
    border-style: solid;
    border-width: 0 0 0 4px;    border-color: #ff5100;
    box-shadow: 0px 5px 10px 0px rgba(6.617017663043477,67.5,63.454921418101684,.15);
}
.cent1301-1 ul li h2{ font-size:18px; color:#333; display:block}
.cent1301-1 ul li span{ font-size:18px; color:#333; display:block; line-height:24px; margin-top:2%}
.cent1301-r{float:right;display:block;width: 37%;margin-right: 7%;}
.cent1301-r img{ width:100%; vertical-align:bottom;}



.cent14-bg{ margin-top:3%; padding-top:3%; background:#f4f4f4; padding-bottom:3%}
.cent14 .title{ margin-bottom:3%}
.cent14 .img{ width:100%;    padding: 0 48px; box-sizing:border-box;}
.cent14 .img h2{ font-size:18px; color:#333; display:block; font-weight:normal;}
.cent14 .img .ijge{ display: flex; justify-content: center;  align-items: center;margin-top: 30PX;}
.cent14 .img .ijge img{ width:60px; height:60px; border-radius:50%;}
.ijge01{ margin-left:10px; text-align:left}
.ijge01 strong{ display:block; font-size:16px; color:#333;}
.ijge01 em{ font-style:normal;font-size:16px; color:#333;}
.cent14 .swiper-pagination-bullet-active{ background:#ff5100}

.cent1601{ display:none}


.cent15{ margin-top:4%; padding-bottom:2%; border-bottom:1px solid #eaeaea;}
.cent15 ul{ text-align:center; margin-top:2%;}
.cent15 ul li{ display:inline-block; font-size:16px; color:#333; padding:12px 24px; border-radius:30px; background:#f2f2f2;    transition: .5s all; margin:0 10px;}
.cent15 ul li.on{ color:#fff; background:#ff5100; font-weight:bold;}
.ovw{ display:block; margin:3% auto 0;     padding: 0px 36px;
    border: 2px solid;
    border-color: #bebebe;
    border-radius: 50px;
    display: flex;
    transition: .5s all; width:195px; height:47px; box-sizing:border-box; display: flex; justify-content: center;  align-items: center; font-size:18px; color:#333;}
.ovw i{ margin-left:10px}

.cent160101{ display: flex;justify-content: space-between;  align-items: flex-start;}
.cent1602{ width:40%; position:relative; overflow:hidden}
.cent1602  .img{ width:100%}
.cent1602  .img a{ width:100%; height:50vh; display: flex; justify-content: center;  align-items: center;}
.cent1602  .img a img{ max-width:100%; max-height:100%}
.cent1602 .swiper-button-next:after, .cent1602 .swiper-button-prev:after{ display:none}
.cent1602 .swiper-button-next, .cent1602 .swiper-button-prev{    width: 48px;
    height: 48px;
    position: absolute;
    top: calc(50% - 24px);
    z-index: 3;
    display: flex;
    justify-content: center;
    align-items: center;
    background: #fff;
    border-radius: 24px;
    box-shadow: 0 0 12px #0000001a; color:#333}
.cent1602 .swiper-button-next:hover, .cent1602 .swiper-button-prev:hover{background: #ff5100; color:#fff;}
.cent1602 .swiper-button-next svg, .cent1602 .swiper-button-prev svg{ width:16px; }
.cent160101 ul{max-width:28%;}
.cent160101 ul li{ text-align:center; color:#333; margin-bottom:6% }
.cent160101 ul li .img{ width:80px; height:80px; margin:0 auto; display:block;}
.cent160101 ul li .img img{ width:100%; height:100%;}
.cent160101 ul li h2{ font-size:18px; display:block; margin-top:4%}
.cent160101 ul li span{ font-size:16px; display:block; line-height:30px;}


.max{ margin-top:3%}
.max ul{    display: flex; padding: 20px 0;  box-shadow: 0px 0px 12px rgb(0 0 0 / 10%);  flex-wrap: wrap; justify-content: space-between}
.max ul li{ width:24%; border-right:1px solid #eee; text-align:center; color:#333;}
.max ul li:last-child{border-right:0;}
.max ul li h2{ font-size:32px}
.max ul li span{ font-size:18px}


.inside_con{ padding:10px 0; min-height:300px}
.inside_con>span{ font-size:16px; color:#333;}
.inside_con table { border:none;}
.inside_con table tr td{ border-bottom:1px solid #ccc; font-size:16px; color:#333; padding:10px;}
.inside_con table tr th{     background: #f9f9f9;padding: 10px; font-size:20px; color:#333; text-align:left;}

.cent17{ margin-top:4%; margin-bottom:1%}
.cent17 .title h2{ text-align:left;}
.cent17 ul{ margin-top:2%}
.cent17 ul li{ float:left; display:block; width:48%; margin-right:2%; margin-bottom:1%}
.cent17 ul li:nth-child(2n) {  margin-right: 0% ;}
.gne{ width:100% !important;}
.cent17 ul li span{ font-size:18px; color:#333; display:block; margin-bottom:4px}
.cent17 ul li span em{ font-style:normal; color:#F00;}
.cent17 ul li .input_text{ border:1px solid #bfbfbf; padding:5px; line-height:20px; color:#333; font-size:14px; border-radius:4px; background:#fff; width:100%; box-sizing:border-box;outline:none;}
.cent17 ul li .input_text::-webkit-input-placeholder{ color:#333;}
.cent17 ul li .text{ border:1px solid #bfbfbf; padding:5px; line-height:20px; color:#333; font-size:14px; border-radius:4px; background:#fff; width:100%; box-sizing:border-box;outline:none; height:210px}
.ver{ display: flex; justify-content: space-between;  align-items: center; width:64%}
.ver .input_text02{ border:1px solid #bfbfbf; padding:5px; line-height:20px; color:#333; font-size:14px; border-radius:4px; background:#fff; width:100%; box-sizing:border-box;outline:none; width:80%}
.ver .input_text02::-webkit-input-placeholder{ color:#333;}
.ver>a{width:calc(100% - 82%); height:32px;}
.ver>a img{ width:100%; height:100%;}
.cent17>a{ display:block; width:120px; height:40px; line-height:40px; color:#fff; border-radius:5px; background:#ff5100; font-size:16px; text-align:center;}

.HBoxbg{ position:fixed; left:0px; top:0px; width:100%; height:100%; z-index:88; background:rgba(0,0,0,0.5); display:none;}
.HBox {
	width: 35%;
	height:auto;
	margin: 0 auto;
	box-shadow: 1px 1px 5px #333;
	-webkit-box-shadow: 1px 1px 5px #333;
	background-color: #ffffff; position:absolute;
	top: 50%;
	left: 50%; transform: translate(-50%, -50%);    border-radius: 8px;
    padding: 36px 43px; box-sizing:border-box; 
	z-index: 100000;
}
.HBox h2{ font-size: 16px; color: #1E1E1E;font-weight: 700; margin: 4px 0px;}
.HBox .enter{ position:relative; margin-bottom:2%; margin-top:2%}
.HBox .enter .input_text{    background: #FDFFFF;
    border: 1px solid #58565633;
    border-radius: 1px;
    height: 40px;
    width: 100%;
    padding: 0 10px; box-sizing:border-box;}
.HBox .enter em{ position:absolute; color:#F00; font-style:normal; font-size:16px; top:0; right:5px; line-height:40px}
.toee{ display: flex;  justify-content: space-between;  align-items: center;}
.toee input{    background: #FDFFFF;
    border: 1px solid #58565633;
    border-radius: 1px;
    height: 40px;
    padding: 0 10px; width:117px}
.HBox .send{ background: #ff5100;
    border-radius: 1px;
    display: inline-block;
    padding: 12px 38px;
    font-size: 14px;
    color: #FDFFFF;
    cursor: pointer;
    margin-top: 22px;}
.HBox>span{ font-size:16px; color:#333;}
.sipha{position:relative; margin-bottom:2%; margin-top:2%}
.sipha .text{    background: #FDFFFF;
    border: 1px solid #58565633;
    border-radius: 1px;
    height: 40px;
    width: 100%;
    padding: 10px; box-sizing:border-box; height:100px}
.sipha em{ position:absolute; color:#F00; font-style:normal; font-size:16px; top:0; right:5px; line-height:40px}


.cent18{ margin-top:3%; margin-bottom:3%}
.cent18>p{ font-size:20px; color:#333; display:block; text-align:center;}
.cent18 ul li{ float:left; display:block; text-align:center; width:32%; margin-right:2%; margin-top:3%}
.cent18 ul li .img{ width:}
.cent18 ul li .img img{    transition: all .5s ease;}
.cent18 ul li .img:hover img { transform: rotateY(180deg);}
.cent18 ul li h2{ font-size:20px; color:#333; display:block;}
.cent18 ul li span{ font-size:18px; color:#333; display:block; margin-top:5%;}
.cent18 ul li:nth-child(3n) {  margin-right: 0% ;}

.cent19{ display:block; background:#36352f}
.cent19 .img{ display:block; position:relative;}
.cent19 .img img{ width:100%; vertical-align:bottom}
.cent19 .zne{ position:absolute; top:50%; left:50%; transform: translate(-50%, -50%); display: inline-flex;  justify-content: center;  align-items:  center; flex-direction: column; width:50%; height:100%; color:#fff;}
.cent19 .zne h2{ font-size:40px;}
.cent19 .zne span{ font-size:18px; display:block; margin:4% auto;}
.cent19 .zne a{}


.weizhi01{ text-align:right; font-size:16px; color:#666; padding:10px 0;}
.weizhi01 a i{ margin-right:5px}
.weizhi01 i{ font-size:}
.weizhi01 strong{ font-weight:normal; font-size:16px; color:#ff5100;}


.cent20{}
.cent20 a{ font-size:18px; color:#333; display:block; padding:10px 20px; float:left;}
.cent20 a:hover{ background:#ff5100; color:#fff;}
.cent20 a.on{ background:#ff5100; color:#fff;}


.cent21{ margin-top:2%; margin-bottom:4%;}
.cent21 ul li{ float:left; display:block; width:calc((100% - 6%)/3); margin-right:3%;box-shadow: 0 0 8px 0 rgba(0,0,0,0.08); margin-bottom:2%;}
.cent21 ul li:nth-child(3n) {  margin-right: 0% ;}
.cent21 ul li .img{ border:10px solid #fff;  padding-top:100%;     transition: all .6s;}
.cent21 ul li:hover .img{ border:10px solid #ff5100}
.cent2102{ padding:5%;}
.cent2102 h2{ font-size:20px; display:block; color:#333;}
.cent2102 p{ width:80px; display:block; padding:0; background:#ff5100; height:3px; margin-top:3%}
.cent2102 span{ font-size:18px; color:#333; display:block; margin-top:4%;}


.cent22{ margin-top:2%;}
.cent2202{ text-align:center; border-bottom:1px solid #E5E5E5; padding-bottom:1.5%}
.cent2202 h2{ font-size:26px; font-weight:normal;}
.cent2202 p{ font-size:14px; color:#999; display: flex; justify-content: center;  align-items: center;}
.cent2202 p img{ margin-right:10px}

.cent23{ display: flex;  justify-content: space-between;  align-items: center; margin-top:2%; margin-bottom:3%}
.cent23 a{display: flex;align-items: center;background:#A9A9A9;width:50%;padding: 17px;box-sizing:border-box;color:#fff;justify-content: space-between;}
.cent23 a .img{ width:120px; height:90px}
.cent23 a .img img{ width:100%; height:100%;}
.cent23 a:hover{ background:#ff5100}
.cent23 a.prd{justify-content: space-between;}
.cent23 a p{ font-size:16px; position:relative; margin-left:30px; padding:0}
.cent23 a i{ font-size:20px;}
.cent23 a p:before {
    content: '';
    display: table;
    width: 1px;
    height: 16px;
    background: #DADADA;
    position: absolute;
    left: -16px;
    top: 4px;
}
.cent2301{ display: flex; justify-content: center;  align-items: center;}
.cent23 a.prd p:before{ right: -16px; left:inherit !important;}
.cent23 a.prd p{ margin-right:30px}


.tab_valli{ display:none;}


.cent24{}
.cent24 ul{    display: flex; flex-wrap: wrap;justify-content: space-between; background-color: #fff;  box-shadow: 0px 0px 8px 3px rgba(0,0,0,.1);  position: relative; transform: translateY(-50%); z-index: 9;}
.cent24 ul li{    flex: 0 0 25%;  width: 25%;}
.cent24 ul li a {
    width: 100%;
    height: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 16px;
    color: #333;
    cursor: pointer;
    transition: all .5s;
    padding: 20px 0;    font-weight: bold;
    position: relative; box-sizing:border-box;
}
.cent24 ul li:not(:last-child) a:after {
    position: absolute;
    display: block;
    content: '';
    width: 1px;
    height: 20px;
    right: 0;
    top: 50%;
    transform: translateY(-50%);
    background-color: #ccc;
}
.cent24 ul li a:hover{ background-color: #ff5100!important; color:#fff !important;}


.cent25-bg{ background:#f2f2f2}
.cent25{ padding:2% 0 4%;}
.cent25-l{ float:left; display:block; width:48%}
.cent25-l p{ padding:0;     width: 180px; height: 6px;background: #ff5100;}
.cent25-l h2{ font-size:18px; color:#333; font-weight:normal; display:block; line-height:2; margin-top:2%}
.cent25-l .title{    display: flex;
    justify-content: space-between;}
.cent25-l .title li{    border: 1px solid rgba(244, 236, 236, 1);
    border-bottom: none;
    border-radius: 2px 2px 0 0;    color: #333;font-size: 24px;

    letter-spacing: 1.29px;
    font-weight: 700;
    flex: 0 0 50%;
    padding: 15px 20px; box-sizing:border-box;
}
.cent25-l .tabs{ margin-top:6%}
.cent25-l .tab_valli .tao{    padding: 30px 20px 50px 20px;
      border: 1px solid rgb(226 226 226);
    border-top: none;
    border-radius: 0 0 2px 2px;
    min-height: 120px;
}
.cent25-l .tab_valli .tao span{ font-size:18px; color:#333; line-height:1.5;}
.cent25-l .title li:not(.on) {
                border-bottom: 1px solid rgb(226 226 226);
            }
.cent25-l .title li.cur {
    border: 1px solid rgb(226 226 226);
    border-bottom: none !important;
}

.cent25-r{ float:right; display:block; width:48%}
.cent25-r img{ width:100%; display:block; vertical-align:bottom;}



.cent26{ margin-top:4%; margin-bottom:3%}
.cent26 .mySwiper4{ width:80%; margin:2% auto 0;}
.cent26 .mySwiper4 .img{ border:1px solid #484e664d; border-radius:10px;    display: flex;
    align-items: center;     padding: 2px 30px;    transition: .5s all;justify-content: center; height:40px}
.cent26 .mySwiper4 .img i{ margin-right:10px}
.cent26 .mySwiper4 .swiper-slide-thumb-active .img{    border-color: #ff5100; color:#ff5100}
.cent26 .mySwiper5{ margin-top:4%;}
.cent26 .mySwiper5 .est{ display: flex;    justify-content: space-between;  align-items: flex-start; }
.cent26 .mySwiper5 .est01{ width:48%; text-align:left}
.cent26 .mySwiper5 .est01 h2{ font-size:30px; color:#333; display:block;}
.cent26 .mySwiper5 .est01 span{ font-size:18px; color:#333; display:block; margin-top:4%; line-height:1.5;}
.cent26 .mySwiper5 .est02{ width:48%}
.cent26 .mySwiper5 .est02 img{ width:100%; vertical-align:bottom}


.cent27{ margin-top:2%; margin-bottom:4%}
.cent27 ul{
    background: url(../images/7761703757969662.png) center;
    background-repeat: repeat-y;
    display: flex;
    flex-wrap: wrap;
    align-items: flex-start;
}
.cent27 ul li {    display: flex;
    align-items: center;
    justify-content: center; width:50%; position:relative;}
.cent27 ul li em {
                width: 18px;
                height: 18px;
                background: #fff;
                border-radius: 30px;
                border: 5px solid #ff5100;
                display: block;
                position: absolute; box-sizing:border-box;
            }
.cent27 ul li p {
                box-shadow: 0 0 25px rgba(0, 0, 0, 0.1);
                padding: 30px;
                width: 80%;
                border-radius: 10px; box-sizing:border-box; font-size:18px; color:#333;
            }
.cent27 ul li h2 {
                padding: 0 20px;
                color: #ff5100;
                font-weight: bold; font-size:30px;
            }

.cent27 ul li:nth-child(2n) {
    margin-top: 8%;
}

.cent27 ul li:nth-child(2n-1) em {
                right: -10px;
            }

.cent27 ul li:nth-child(2n) em {
                left: -10px;
            }

.cent27 ul li:nth-child(2n) {
                margin-top: 8%
            }

.cent27 ul li:nth-child(2n-1) h2 {
                order: 2;
            }

.cent27 ul li:nth-child(2n) h2 {
                order: -1;
            }


  @media screen and (max-width: 993px) {
                .cent27 ul {
                    background: none;
                }

                .cent27 ul li:nth-child(2n) {
                    margin-top: 5%
                }
            }

            @media screen and (max-width: 767px) {
                .cent27 ul {
                    background: url(../images/7761703757969662.png) 7px;
                    background-repeat: repeat-y;
                }

                .cent27 ul li {
                    margin-bottom: 15px; width:100%
                }
.cent27 ul li h2{ font-size:20px}
					
                .cent27 ul li:nth-child(2n-1) em,.cent27 ul li:nth-child(2n) em {
                    left: 0;
                }

                .cent27 ul li:nth-child(2n-1) h2 {
                    order: -1;
                }

                .cent27 ul h2 {
                    font-size: 20px;
                }
            }

.cent28{ padding-top:2%; padding-bottom:3%;}
.cent28>p{ display:block; text-align:center; font-size:24px; color:#333; font-weight:bold;}
.cent28 ul li{ float:left; display:block; width:calc((100% - 4%)/3); margin-right:2%; margin-top:2%;}
.cent28 ul li:nth-child(3n) { margin-right: 0% ;}
.cent28 ul li .img{ padding-top:70%;}
.cent28 ul li .img img{ width:100%; vertical-align:bottom;}
.cent28 ul li span{ display:block; font-size:18px; text-align:center; font-weight:bold; color:#333; margin-top:2%;min-height: 50px;}
.cent29-l{ float:left; display:block; width:30%;}
.cent29-l ul li{ margin-bottom:20%; display:block;}
.cent29-l ul li h2{ font-size:40px; color:#ff5100; display:block;}
.cent29-l ul li span{ font-size:18px; display:block; color:#333; margin-top:2%}
.cent29-r{ float:right; display:block; width:70%;}
.cent29-r img{ width:100%; vertical-align:bottom;}

.cent29{ padding-top:2%; padding-bottom:4%;}
.cent29>p{ display:block; font-size:18px; color:#333; text-align:center; width:85%; margin:2% auto 0;min-height: 54px;}

.cent30-bg{  margin-bottom: 60px;}
.cent30{ padding: 80px 0;}
.cent3001{  width: 60%;
    margin: 0 0 -160px 0;
    box-shadow: 0px 10px 70px rgba(0, 0, 0, 0.1);
    background-color: #FFFFFF;
    border-radius: 5px; box-sizing:border-box; padding:4% 4% 6% 4%; position:relative;}
.cent3001 .img{ text-align:left; color:#333;}	
.cent3001 .img h2{ font-size:20px; display:block;}
.cent3001 .img span{font-size:20px; display:block; margin-top:2%}	
.cent3001 .by{ display: flex;    align-items: center; margin-top:5%}
.cent3001 .by .img02{ width:84px; height:84px;}
.cent3001 .by .img02 img{ max-height:100%; max-width:100%;}
.cent3001 .by .by02{ margin-left:10px; color:#333;}
.cent3001 .by .by02 h2{ font-size:24px; font-weight:normal;}
.cent3001 .by .by02 span{ font-size:16px;}	
.cent3001 .swiper-button-next08{}	
.cent3001  .swiper-button-prev, .cent3001  .swiper-button-next {
    width: 60px;
    height: 60px;
    margin: 0;
    background: #F8F8F8;
    border-radius: 50%;
    top: unset;
    left: unset;
    bottom: 90px;
    display: flex;
    justify-content: center;
    align-items: center;
    font-size: 36px !important;
    font-weight: bold;
    transition: .5s all;
}
.cent3001 .swiper-button-prev {
    right: 150px;
}
.cent3001 .swiper-button-next {
    right: 70px;
}
.cent3001 .swiper-button-next:after, .cent3001 .swiper-button-prev:after{ font-size:24px; color:#333;}

.cent30-bg{ margin-top:4%;}	
	
	
.cent31{ margin-top:6%; padding-bottom:3%}	
.cent31>p{padding:0; font-size:20px; color:#333; display:block; text-align:center; margin-top:2%}
.cent31 .title h2{ position:relative; padding-bottom:2%;}
.cent31 .title h2:after {
    position: absolute;
    display: block;
    content: '';
    width: 80px;
    height: 3px;
    left: 50%;
    bottom: 0px;
    transform: translateX(-50%);    background-color: #ff5100;
}
	
.cent31 ul li{ float:left; display:block; width:calc((100% - 6%)/3); margin-right:3%; margin-top:3%;    box-shadow: 0 10px 25px 0px rgba(0,0,0,.1); background:#fff; position:relative;}
.cent31 ul li:after {
    position: absolute;
    display: block;
    width: 100%;
    height: 5px;
    left: 0;
    bottom: 0;
    content: '';
    opacity: 0;
    transition: all .5s;
}	
.cent31 ul li:hover:after{    background-color: #ff5100;     opacity: 1;}
.cent31 ul li:nth-child(3n) {
    margin-right: 0% ;
}

.cent31 ul li:nth-child(3n-2){ clear:left;}
.cent31 ul li .img{ display:block; width:100%;}
.cent31 ul li .img img{ width:100%; vertical-align:bottom;}
.cent31 ul li .env{ padding:6% 4%; text-align:center; color:#333;}
.cent31 ul li .env h2{ display:block; font-size:20px;}
.cent31 ul li .env span{ display:block; font-size:18px; line-height:1.5;}

.cent32{ margin-top:2%; margin-bottom:4%;}
.tket{ display: flex;     justify-content: space-between;  align-items: center;border-bottom: 1px solid #e5e5e5;  padding: 10px 0;}
.tket h2{ font-weight:normal; color:#ff5100;    line-height: 28px;    display: inline-block; position:relative;}
.tket a{ font-size:16px; color:#868585}
.tket a:hover{     color: #ff5100;text-decoration: underline;}
.tket h2:after {
    position: absolute;
    content: '';
    width: 100%;
    bottom: -10px;
    height: 2px;
    left: 0;    background: #ff5100;
}
.cent32 ul li{ float:left; display:block; width:calc((100% - 6%)/4); margin-top:2%; margin-right:2%}
.cent32 ul li:nth-child(4n) {
    margin-right: 0% ;
}
.cent32 ul li:nth-child(4n-3){ clear:left;}
.cent32 ul li a{ display:block;border: 1px solid #ececec; border-radius: 6px; overflow:hidden; position:relative;}
.cent32 ul li a .img{ display:block; width:100%;}
.cent32 ul li a .img img{ width:100%; vertical-align:bottom;}
.cent32 ul li h2{ display:block; font-size:16px;    padding: 20px 49px; color:#868585; text-align:center; font-weight:normal;}
.down-hover{    position: absolute;
    bottom: 0;
    width: 100%;
    height: 0;
    background: rgba(0, 0, 0, 0.3);
    text-align: center;
    transition: all .6s;}
.cent32 ul li:hover .down-hover {
    height: 100%;
    z-index: 92;
}
.cent32 ul li i {
    font-size: 40px;
    color: #ffffff;
    top: 50%;
    position: absolute;
    left: 50%;
    transform: translate(-20px, -20px);
    -webkit-transform: translate(-20px, -20px);
}

.cent33{ margin-top:2%; margin-bottom:4%;}
.cent33 ul li{ display: flex; justify-content: center;  align-items: center; background:#f2f2f2;}
.cent33 p{font-size:18px; color:#333; display:block; text-align:center; margin-top:1%}
.cent33 ul li .img{ width:50%;}
.cent33 ul li .img img{ width:100%; vertical-align:bottom;}
.cent33 ul li .watce01{ width:50%;    position: relative;
    padding: 20px 3vw;
    display: flex;
    flex-direction: column;
    justify-content: center; box-sizing:border-box; color:#333;}
.cent33 ul li:nth-child(2n){ flex-direction: row-reverse;}
.cent33 ul li .watce01 h2{    position: relative; font-size: 30px;    padding-bottom: 40px;}
.cent33 ul li .watce01 h2:before, .cent33 ul li .watce01 h2:after {
    display: block;
    content: '';
    position: absolute;
}
.cent33 ul li span{ font-size:18px; line-height:1.5; display:block;}
.cent33 ul li .watce01 h2:before {
    width: 100%;
    height: 1px;
    background-color: #c4c4c4;
    bottom: 20px;
}

.cent33 ul li .watce01 h2:before {
    background-color: transparent;
}

.cent33 ul li .watce01 h2:after {
    background-color: #ff5100;    width: 5vw;
    height: 3px;
    left: 0;
    bottom: 19px;
}

.cent34{ margin-top:2%; margin-bottom:3%}
.tlet{ margin-bottom:3%}
.tlet h2{ font-size:18px; color:#333; display:block;}
.cent34 ul li{
    padding: 20px 0;
    box-sizing: border-box;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    margin-bottom: 30px;
    border: 1px solid #EEEEEE;
    border-right: none;
    border-left: none;
    background: #fff;
    transition: .6s;
}
.cent34 ul li:hover {
    padding-left: 40px;
    box-shadow: 0 8px 35px rgba(0,0,0,0.08);
    transition: .6s;
    transform: translate3d(0, 0, 0);
}
.new_list_row .img{height: auto;
    overflow: hidden;
    transition: .6s;
    float: left;    width: 16.66666667%; float:left;}
.new_list_row .img a{ display:block}
.new_list_row .img a img{ width:100%;height: 160px;object-fit: cover;}

.main_news_right{    height: auto;
    position: relative;
    padding-left: 25px;
    box-sizing: border-box;    width: 83.33333333%; float:left;}

.nie3{    transition: .6s;
    padding: 0; width:75%; float:left;}
.nie3 h2{font-size: 18px;
    color: #333333;
    letter-spacing: 0;
    line-height: 28px;
    font-weight: normal;}
.cent34 ul li:hover .nie3 h2{    color: #ff5100;}
.main_news_right em{font-style:normal;text-align: right;width:25%;float:right;position:relative;font-size: 20px;line-height:44px;padding-left: 15px;padding-right: 15px;box-sizing: border-box;}
.main_news_right em:before {
    content: '';
    display: table;
    width: 37px;
    height: 11px;
    background: url(../images/Bitmap.png) no-repeat;
    position: absolute;
    bottom: -30px;
    left: 50%;
    opacity: 0;
    transition: .6s;
}
.cent34 ul li:hover em:before {
    left: 66%;
    opacity: 1;
    transition: .6s;
}

.cent34 ul li em:after {
    content: '';
    display: table;
    width: 37px;
    height: 11px;
    background: url(../images/Bitmap.png) no-repeat;
    position: absolute;
    bottom: -30px;
    left: 50%;
    transition: .6s;
}

.cent34 ul li:hover em:after {
    left: 66%;
    opacity: 0;
    transition: .6s;
}
.main_news_dowm {
    width: 100%;
    transition: .6s;
    display: flex;
    align-items: center;
}

.main_news_dowm span {
    font-size: 14px;
    color: #999999;
    letter-spacing: 0;
    line-height: 20px;
    margin-right: 20px;
    display: inline-flex;
    align-items: center;
}

.main_news_dowm span a {
    color: #999;
    position: relative;
    display: inline-block
}

.main_news_dowm span a:before {
    content: '';
    display: table;
    width: 0;
    height: 2px;
    position: absolute;
    bottom: 0;
    left: 50%;
    background: transparent;
    transition: .6s;
    -moz-transition: .6s;
    -webkit-transition: .6s
}

.main_news_dowm span a:hover:before {
    content: '';
    display: table;
    width: 100%;
    height: 2px;
    position: absolute;
    bottom: 0;
    left: 0;
    transition: .6s;
    -moz-transition: .6s;
    -webkit-transition: .6s;
    display: inline-block
}

.main_news_dowm span img {
    position: relative;
    top: -1px;
    margin-right: 10px
}


.cent35-bg{ display:block; width:100%; padding:3% 0;}
.cent35{}
.cent35 .title h2{    position: relative;}
.cent35 .title h2:before, .cent35 .title h2:after {
    display: block;
    content: '';
    position: absolute;
}
.cent35 .title h2:before {
    width: 100%;
    height: 1px;
    background-color: #c4c4c4;
    bottom: 20px;
}

.cent35 .title h2:before {
    background-color: transparent;
}

.cent35 .title h2:after {
    background-color: #ff5100;
    width: 5vw;
    height: 3px;
    left: 50%;
    bottom: 0;
    transform: translate(-50%, 0);
}
.cent35 .title span{ font-size:18px; display:block; line-height:1.5; color:#333; margin-top:1%}
.cent35 ul li{ float:left; display:block; background:#fff; width:calc((100% - 6%)/4); margin-right:2%; position:relative; margin-top:2%}
.cent35 ul li:nth-child(4n) {  margin-right: 0% ;}
.cent35 ul li a{ display:block}
.cent35 ul li a .img{ width:100%; padding-top:60%;}
.cent35 ul li::after {
    position: absolute;
    display: block;
    width: 100%;
    height: 5px;
    left: 0px;
    bottom: 0px;
    content: "";
    opacity: 0;
    transition: all 0.5s ease 0s;    background-color: rgb(255, 81, 0);
}

.cent35 ul li:hover::after {
    opacity: 1;
}
.cent35 ul li span{    padding: 30px 20px;
    text-align: center;
    font-size: 16px;
    color: rgb(51, 51, 51); display:block;}
@media only screen and (max-width: 980px) {
	.header-bg{ display:none}
	.header-bg.on{ display:none}
	
	
	
	/*---------------------------------------------------------------------------------------------------------------手机站导航开始----------*/
.sp_header{height:50px;overflow:hidden;background: #333;position:fixed;z-index:10;width:100%;display:block}
.sp_logo{padding:10px;float:left;height:50px}
.sp_logo img{margin:auto;max-height:30px;}
.sp_nav{width:50px;float:right;position:relative;cursor:pointer;height:30px;margin-top:15px}
.sp_nav span{display:block;background: #fff;width:30px;height:2px;position:absolute;left:10px;transition:all ease 0.35s}
.sp_nav span:nth-of-type(1){top:0px}
.sp_nav span:nth-of-type(2){top:10px}
.sp_nav span:nth-of-type(3){top:20px}
.sp_nav_se span:nth-of-type(1){top:10px;transform:rotate(45deg)}
.sp_nav_se span:nth-of-type(2){width:0}
.sp_nav_se span:nth-of-type(3){top:10px;transform:rotate(-45deg)}
.sjj_nav{position:fixed;z-index:9;background:#eee;width:100%;height:calc(100% - 104px);font-size:14px;line-height:40px;top:-100%;left:0;overflow:auto;overflow-x:hidden;transition:top ease 0.35s;display:block}
.nav_show{top:50px}
.sjj_nav>ul>li:first-child{overflow:hidden;border-top:0}
.sjj_nav>ul>li:first-child>a{float:left;width:calc(100% - 70px)}
.sjj_nav>ul>li:first-child .language{float:right;width:70px;overflow:hidden;line-height:30px;margin-top:5px}
.sjj_nav>ul>li:first-child .language a{width:35px;float:left;border-left:1px #ddd solid;text-align:center;color:#999;}
.sjj_nav ul li i{position:absolute;top:5px;right:0px;border-left:1px #ddd solid;height:30px;padding:0px 7px 0 7px;}
.sjj_nav ul li i svg{transform:rotate(-90deg);transition:all ease 0.35s}
.sjj_nav ul li .sjj_nav_i_se svg{transform:rotate(0deg)}
.sjj_nav ul li{border-top:1px #ddd solid;margin-left:20px;position:relative;line-height:40px;font-size:14px}
.sjj_nav>ul >li:last-child{border-bottom:1px #ddd solid;}
.sjj_nav ul li ul{display:none}
.sjj_nav ul li a{color:#666;width:80%}
.sjj_nav ul li ul li a{color:#999;display:block;text-align:left;}
.sjj_nav ul li i svg{width:20px;height:20px;fill:#555;}
.sjj_nav ul li .sjj_nav_i_se svg{fill:#c9141e}
.sjj_nav ul li ul li>ul{margin-left:10px}
.search01{ margin-top:2%}
.search01 .input_text{ width:79%; min-width:inherit;}
.goae{ display:block}

	
	.banner .tao h2{ font-size:18px;}
	.banner .tao span{ font-size:12px}
	.more{ padding:12px 30px;}
	.title h2{ font-size:24px}
	
	.cent01-bg{ padding:20% 0;}
	.cent01 ul li{ width:48%; margin:10% 1% 0 1%;}
	.cent01 ul li .nem{ font-size:26px;}
	.cent01 ul li .nem h2{ font-size:24px;}
	.cent01 ul li:nth-child(2n-1){ clear:left;}
	.cent01 ul li p{ font-size:18px; padding:0;}
	
	
	.perc{ position:inherit; left:inherit; top:inherit; width:100%; padding:5%;}
	.perc h2{ font-size:16px;}
	.cent02{ padding:10% 0;}
	
	.cent02-l{ float:none; display:block; width:100%; margin-top:5%}
	.cent02-r .mySwiper02{ padding-bottom:10%;}
	.cent02-r{ float:none; display:block; width:100%}
	.cent02-l .title h2{ font-size:24px;}
	
	.cent04-bg{ padding-top:10%; padding-bottom:10%;}
	.cent0401{flex-wrap: wrap; }
	.cent0401-1{ width:100%;}
	.cent0401-1 .title h2{ text-align:left;}
	.cent0401-r{ margin-top:10%;}
	.cent0401-r ul li .shue{    justify-content: space-around;}
	
	.cent04>ul>li{ float:none; display:block; width:100%; margin-right:0}
	
	
	.cent05{ padding-top:10%;}
	.cent05 ul li{ float:none;  width:100%; float:none;}
	
	
	.cent06{ padding:10% 5%;flex-wrap: wrap;}
	.cent06-l{ width:100%;}
	.cent06-r{ width:100%;}
	.cent06-r ul li{ float:none; display:block; margin-right:0; width:100%; margin-top:5%;}

	.cent07-bg{ padding:10% 0;}	
	.cent0701{flex-wrap: wrap;    justify-content: center; padding:10% 0}
	
	.cent0701-r{ margin-top:5%;}
	.cent0702 .img-bg .img{ height:auto;}
	
	.cent08{flex-wrap: wrap; padding:10% 0;}
	.cent08-l{ float:none; width:100%;}
	.cent08-r{float:none; width:100%;}
	
	.footer-bg{ display:none;}
	.footer02 span{ display:block; line-height:30px;}
	
	.dibus{ display:block; height:70px}
	.mobile_down{ display:block; position:fixed; bottom:0; left:0; height:70px; width:100%; background:#ff5100; z-index:999}
	.mobile_down ul{ display: flex; justify-content: center;  align-items: center;}
	.mobile_down ul li{ border-right:1px solid #f34d00; width:30%;}
	.mobile_down ul li a{height:70px;display: inline-flex;justify-content: center;align-items: center;flex-direction: column;width: 100%;color: #fff;}
	.mobile_down ul li a i{ font-size:16px;}
	.mobile_down ul li span{ font-size:15px; display:block; margin-top:2%}
	.mobile_down ul li:last-child{border-right: 0px;}
	
	.adie font{ display:none;}
	.adie h2{ font-size:22px;}
	.banner01 img{ height:30vh; object-fit: cover;}
	.banner0101 h2{ font-size:24px;}
	.adie{ top:4vw; left:5vw;}
	.adie span{ line-height:2;}
	.cent09{ padding:10% 0;}
	.cent0901{ padding-bottom:10%; margin-top:5%}
	
	.cent10 ul li{ float:none; display:block; width:100%; margin-right:0}
	
	.cent10-bg{ padding:10% 0;}
	
	.cent1101{flex-wrap: wrap;}
	.cent11-bg{ padding-top:10%;}
	.cent1101>a{ min-width:inherit; margin-top:5%}
	.cent11 ul li{width:calc((100% - 5%)/2); margin-right:5%;}
	.cent11 ul li:nth-child(2n) {  margin-right: 0% ;}
	
	.cent12{ margin-top:10%; padding:5%}
	
	.cent12 ul li{ float:none; width:100%; margin-right:0;}
	
	.cent13{ margin-top:10%;}
	.cent13>p{ line-height:25px;}

	.cent1301{ padding:0}
	.cent1301-1{ margin-top:0; margin-left:0; width:100%; margin-right:0}
	.cent1301-r{ margin-right:0; width:100%;}
	
	.cent14-bg{ margin-top:10%; padding:10% 0}
	.cent14 .title{ margin-bottom:10%}
	.cent14 .img .ijge{ margin-top:5%;}
	
	.cent15{ margin-top:10%;}
	.cent15 ul li{ font-size:14px;}
	.cent160101{flex-wrap: wrap;}
	.cent160101 ul{ max-width:inherit; width:100%;}
	
	.cent1602{ width:100%;}
	.cent160101 ul li span{ margin-top:5%}
	.max ul{flex-wrap: wrap;}
	.max ul li{ width:49%;}
	.max ul li:nth-child(2n) {     border-right: 0;}
	
	.cent17{ margin-bottom:5%;}
	.cent17 ul li{ float:none; display:block; width:100%; margin-right:0}
	.ver{ width:100%}
	
	.HBox{ width:90%; padding:10%;}
	
	.cent18{ margin-top:5%;}
	.cent18>p{ font-size:18px}
	.cent18 ul li{ float:none; display:block; margin-right:0; width:100%;}
	.cent19 .zne{ width:80%}
	.cent19 .zne h2{ font-size:24px}
	
	.weizhi01{ text-align:left; padding:5% 0}
	.cent21 ul li{ float:none; display:block; width:100%; margin-right:0}
	.cent20 a{ padding:10px 10px; font-size:16px}
	.cent23{ width:100%;flex-wrap: wrap;}
	.cent23 a{ width:100%;}
	
	.cent2202 h2{ font-size:22px;}
	
	.cent23{ margin-top:5%; margin-bottom:5%}
	
	.cent26 .mySwiper4{ width:100%;}
	.cent26 .mySwiper4 .img i{ margin-right:0}
	.cent26 .mySwiper4 .img{ padding:0; font-size:12px}
	
	.cent24 ul li a{ font-size:12px;}
	.cent25-l{ float:none; display:block; width:100%}
	.cent25-l h2{ line-height:1.5;}
	.cent25-l .title li{ font-size:16px}
	.cent25-r{ float:none; display:block; width:100%}
	
	.cent26{ margin-top:10%; margin-bottom:10%;}
	.cent26 .mySwiper5 .est{flex-wrap: wrap; }
	.cent26 .mySwiper5 .est01{ width:100%;}
	.cent26 .mySwiper5 .est02{ width:100%; margin-top:5%}
	
	.cent28>p{ font-size:18px;}
	.cent28 ul li{ float:none; display:block; width:100%; margin-right:0; margin-top:5%}
	
	
	.cent29{ margin-top:10%; margin-bottom:10%;}
	.cent29>p{ width:100%; line-height:1.5;}
	.cent29-l{ float:none; display:block; width:100%;}
	.cent29-l ul li{ margin-bottom:5%;}
	.cent29-r{float:none; display:block; width:100%;}
	
	
	.cent30-bg{ margin-top:10%;}
	.cent3001{ width:100%;padding: 30px 30px 80px 30px}
	
	.cent3001 .swiper-button-prev {
        right: 55%;
    }

    .cent3001 .swiper-button-next {
        right: unset;
        left: 55%;
    }

    .cent3001 .swiper-button-prev, .cent3001 .swiper-button-next {
        width: 46px;
        height: 46px;
        bottom: 20px;
        font-size: 30px;
    }

	.cent31{ margin-top:30%;}
	.cent31>p{ font-size:18px; line-height:1.5;}
	.cent31 ul li{ float:none; display:block; width:100%; margin-right:0; margin-top:5%}
.cent31 ul li .env span{ margin-top:5%}

.cent32{ margin:10% auto}
.cent32 ul li{ float:none; display:block; width:100%; margin-right:0; margin-top:4%;}

.cent33 ul li{flex-wrap: wrap; }
.cent33 ul li:nth-child(2n){ flex-direction:inherit}

.cent33 ul li .watce01{ float:none; display:block; width:100%}
.cent33 ul li .img{ float:none; display:block; width:100%; margin-top:5%}
.cent33{ margin-top:10%; margin-bottom:10%;}

.new_list_row .img{ float:none; display:block; width:100%;}
.main_news_right{ float:none; display:block; width:100%; margin-top:5%;}
.main_news_right em{ display:none;}
.cent35 ul li{ float:none; display:block; width:100%; margin-right:0; margin-top:5%}
}

.ydae{ width:100%; height:100vh;}
.ydae video{ width:100%; height:100%; vertical-align:bottom;object-fit: cover; }