/*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:'Microsoft YaHei';*/}
a{color:#666;}
a:hover{ color:#f60; /*text-decoration:underline;*/}
p{line-height:1.8em; padding:5px 0;}
.clear{ margin:0; padding:0; font-size:0; clear:both; }
.wapper{ max-width:1440px !important; margin:0 auto; width:90% !important}

.header-bg{ width:100%; background:#fff}
.header{ display: flex;  align-items: center;justify-content: space-between;}
.logo{ width:7%;}
.logo a{display: flex;  align-items: center; height:100px;}
.logo a img{ max-height:100%; max-width:100%;}

.ship{ width:100%; position:relative}
.ship video{ width:100%; vertical-align:bottom}
.ship>h2{ position:absolute; top:50%; left:50%; font-size:2vw;transform: translate(-50%,-50%); color:#fff;}

/*menu*/
.menu{height:100px;line-height:100px;}
.menu ul li{ float:left; position:relative;width:120px;}
.menu ul li dl{ background:#fff; width:100%; position:absolute; left:0px; top:100%; box-shadow:2px 2px 5px rgba(0,0,0,0.2); padding:10px 0;display:none; z-index:99 }
.menu ul li dl dd{ line-height:28px;border-bottom:#ddd dotted 1px; margin:0 10px; }
.menu ul li dl dd a{ font-size:12px; color:#666; font-weight:normal; display:inline; padding:0; text-align:left;}
.menu ul li dl dd a:hover{ color:#f60;}
.menu ul li span a i{ margin-left:10px; font-size:18px; opacity:0}
.menu a{ font-size:16px;color:#333333; text-decoration:none; font-weight:normal;display:block;text-align:center;}
.menu a:hover{color:#e94706;}
.menu a:hover i{ opacity:1}
a.menu_hover{ color:#e94706;}
a.menu_hover i{ opacity:1}
.menu_down span{ display:block;background:url(../images/menu_down.gif) right 10px center no-repeat;}
.menu ul li.on span a{ color:#e94706}
.menu ul li.on span a i{ opacity:1}

.header01{display: flex;  align-items: center;}
.teite{display: flex;  align-items: center;}
.header01>a{ display:block; width:7vw}
.header01>a img{ width:100%; height:auto; vertical-align:bottom;}

.teite{ font-size:18px; color:#323232; margin-left:1.5vw}
.teite img{ width:48px; margin-right:10px;}
.teite a{ color:#323232; font-weight:bold}

.banner{ width:100%; height:auto}
.banner img{ width:100%; vertical-align:bottom;}

.title{ text-align:center;}
.title span{ display:block; font-weight:bold; font-size:100px;background-image: -webkit-linear-gradient(top,#f2f2f2,transparent);
 -webkit-background-clip: text;
 -webkit-text-fill-color: transparent; line-height:1;text-transform: uppercase;}
.title em{text-transform: uppercase; font-style:normal; margin-top:-68px; display:block; color:#000; font-size:13px;}
.title h2{ font-size:55px; display:block; color:#000;}
.title p{ display:block; margin:16px auto 0; padding:0; background:#ea4905; height:3px; width:50px;}


.cent01{ margin-top:4%;}
.cent01 ul{ display: flex;   align-items: center;justify-content: space-between; margin-top:3%; }
.cent01 ul li{width:calc(100%/5);position:relative;}
.cent01 ul li .img{ width:100%;}
.cent01 ul li .img img{ width:100%; vertical-align:bottom;}
.cent01 ul li .bust{ position:absolute; top:0; left:0; width:100%; height:100%;  display: inline-flex; justify-content: center;  align-items:center;flex-direction: column; color:#fff;}
.cent01 ul li .bust h2{ font-size:22px;} 
.cent01 ul li .bust em{ width:2px; height:100px; background:#ffffff69; margin:30px auto;}
.cent01 ul li .bust h1{ font-size:36px; display:block;}
.cent01 ul li .bust a{ color:#fff; border:1px solid #fff; border-radius:5px; padding:13px; font-size:17px; display:inline-block; margin-top:30px;}

.cent02-bg{ margin-top:4%; padding:3% 0;}
.gje01{ display:none}
.cent02{ background:url(../images/tu07.png) center right no-repeat; background-size:auto 100%}
.cent02-bg .title em{ margin-top:0}
.cent02-bg .title{ text-align:left;}
.cent02-bg .title p{ margin:16px 0 0;}
.gjje{margin-bottom:2%;margin-top:-3%;margin-right: 6%;}
.gje01-bg{display: flex;justify-content: space-between;}
.gje01-l{width: 35%;margin-top: 6%;}
.gje01-l h2{ font-size:42px; color:#ea4807; display:block}
.gje01-l span{ font-size:14px; display:block; line-height:2; margin-top:4%;}
.gje01-r{width: 55%;}
.gje01-r img{ width:100%; vertical-align:bottom;}

.cent0201 ul{ display: flex; justify-content: center;  align-items: center;}
.cent0201 ul li{ margin:0 2%;}
.cent0201 ul li a{display: flex; justify-content: center;  align-items: center;}
.cent0201 ul li .cent0201-l{}
.cent0201 ul li .cent0201-l img{ width:46px; display:block;filter: brightness(0%) contrast(100%) invert(0%) opacity(80%); }
.cent0201 ul li .cent0201-l span{ display:block; font-size:22px; color:#000; margin-top:20px;}
.cent0201 ul li .cent0202{ width:100px; margin-left:2vw}
.cent0201 ul li .cent0202 img{ width:100%; vertical-align:bottom}
.cent0201 ul li.cur .cent0201-l img{filter:none;}
.cent0201 ul li.cur .cent0201-l span{ color:#ea4807;}



.cent03{ margin-top:4%;}
.cent03 .title{ margin-bottom:3%;}
.cent03-l{ float:left; display:block; width:68%;}
.cent03-l ul li{ float:left; display:block; width:calc((100% - 2%)/2); margin-right:2%}
.cent03-l ul li:nth-child(2n) {  margin-right: 0% ;}
.cent03-l ul li a{ display:block}
.cent03-l ul li .sge{ position:relative; }
.cent03-l ul li .sge img{ width:100%; min-height:59vh; object-fit: cover; vertical-align:bottom;}
.cent03-l ul li .qixw{ position:absolute; bottom:0; left:0; width:100%; height:auto;  background:#f2f2f2; padding:4%; box-sizing:border-box; transition: all 0.5s; padding-bottom:6%;}
.cent03-l ul li .qixw h2{ display: flex; align-items: center;justify-content: space-between; font-size:14px; font-weight:normal;}
.cent03-l ul li .qixw h2 i{ font-style:normal; color:#114169}
.cent03-l ul li .qixw h2 em{ font-style:normal; color:#999999}
.cent03-l ul li .qixw h4{ font-size:21px; color:#000; display:block; font-weight:normal; margin:4% 0; position:relative;}
.cent03-l ul li .qixw p{ padding:0; font-size:16px; color:#b6b6b6; position:absolute; bottom:4%; left:4%;}
.cent03-l ul li .qixw p i{ margin-left:4px}
.cent03-l ul li:hover .qixw{ background:#e04e13d4; padding:4%; height:100%; padding:9% 4%}
.cent03-l ul li:hover p{ color:#fff}
.cent03-l ul li:hover h2{ color:#fff}
.cent03-l ul li:hover h4{ color:#fff; font-weight:normal; font-size:22px; border-bottom:1px solid #fff;  padding-bottom:8%;}
.cent03-l ul li:hover h4:before {  content: ""; position:absolute; bottom:0; width:50px; height:1px; background:#fff;}
.cent03-l ul li:hover p{ color:#fff}
.cent03-l ul li:hover .qixw h2 i{color:#fff}
.cent03-l ul li:hover .qixw h2 em{color:#fff}


.cent03-r{ float:right; display:block; width:30%;}
.cent03-r ul li{ margin-bottom:20px;}
.cent03-r ul li a{ display: flex; align-items: center; justify-content: space-between;}
.cent03-r ul li .imsge{ width:50%} 
.cent03-r ul li .imsge img{ width:100%; vertical-align:bottom;}
.gjie{ width:48%;}
.gjie em{ display:block; font-size:14px; color:#b6b6b6; font-style:normal;}
.gjie h2{  display:block; font-size:16px; color:#000; line-height:1.5; margin:10px 0}
.gjie p{ padding:0; font-size:16px; color:#b6b6b6}
.gjie p i{ margin-left:4px}




.cent04-bg{ background:#fbf7ec; padding:4% 0; text-align:center;}
.cent04>h2{ font-size:40px; color:#333333}
.cent04>span{ font-size:16px; color:#333; margin-top:2%; display:block;}
.cent04 .sousou01{ display: flex; align-items: center;justify-content:center; margin-top:3%;}
.sousou01 .input_text02{ line-height:62px; box-sizing:border-box; padding:0 10px; width:50%; margin-right:1vw; font-size:16px;outline:none; color:#000;}
..sousou01 .input_text02::-webkit-input-placeholder{ color:#ccc;}
.sousou01 a{ width:225px; height:62px; line-height:62px; background:#ea4807; color:#fff; font-size:16px;}


.footer-bg{ background:#333333; padding-top:3%; color:#fff}
.footer-bg a{ color:#fff;}
.footer{ display: flex; align-items: center;justify-content: space-between; padding-bottom:2%}
.footer dl{display: flex; align-items: flex-start;justify-content: space-between;flex:1}
.footer dl {}
.footer dl dd{ width:30%;}
.footer dl dd h2{ font-size:21px; display:block;}
.footer dl dd ul{ margin-top:30px;}
.footer dl dd ul li{ font-size:16px; display:block; line-height:1; margin-bottom:10px; }
.footer dl dd ul li .img{display: flex;   align-items: center;}
.footer dl dd ul li .img span{ font-size:16pz; margin-left:1vw;}


.footer01{ margin-right:8vw; width:26%;}
.footer01 .img{ width:82px;}
.footer01 .img a{ width:100%}
.footer01 .img a img{ width:100%; vertical-align:bottom;}
.footer01 span{ font-size:16px; line-height:1.5; margin-top:5%; display:block;}
.footer01 .get{ display: flex; align-items: center; margin-top:5%;}
.footer01 .get a{ width:29px; height:29px; margin-right:1vw; display: flex; justify-content: center;  align-items: center;}
.footer01 .get a img{ max-height:100%; max-width:100%;}



.footer02{ border-top:1px solid #fff; text-align:center; margin-top:1%;}
.footer02 span{ font-size:15px; padding:22px 0; display:block;}

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


.cent05{ position:relative;}
.cent05>img{ width:100%; vertical-align:bottom;}
.cent0501{ position:absolute; top:0; left:50%; width:45%; height:100%;    display: inline-flex;justify-content: center; align-items: center;  flex-direction: column; color:#fff;transform: translate(-50%, 0);}
.cent0501 h2{ font-size:42px; display:block;}
.cent0501 span{ text-align:center; font-size:19px; line-height:1.5; display:block; margin:40px 0;}


.weizhi{height:40px; line-height:40px; border:1px solid #fff; border-radius:20px; padding:4px 12px; color:#fff; font-size:17px;}
.weizhi a{ color:#fff;font-size:17px; margin:0 6px} 


.cent06{ margin-top:4%;}
.cent06-l{ width:40%; float:left; display:block;}
.cent06-l .title{ text-align:left;}
.cent06-l .title em{ margin-top:0}
.cent06-l .title p{ margin:16px 0 0}
.cent06-l>span{ display:block; font-size:16px; line-height:1.5; margin-top:4%;}
.cent06-l>a{ display: flex;align-items: center; margin-top:4%;}
.cent06-l>a em{ font-style:normal; display:inline-block; font-size:15px; border-bottom:1px solid #999999; color:#999999; padding-bottom:10px;}
.cent06-l>a img{ width:48px; margin-right:1vw}

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



.cent07{ margin-top:4%;}
.gunduo{ display: flex;  align-items: center;justify-content: space-between;}
.gunduo .title{ text-align:left;}
.gunduo .title p{ margin:16px 0 0}
.gunduo>a{ border:1px solid #999999; font-size:16px; border-radius:5px; padding:18px 20px;}
.cent07 ul{ margin-top:2%;}
.cent07 ul li{ float:left; display:block; width:calc((100% - 60px)/4); margin-right:20px; margin-top:20px;}
.cent07 ul li:nth-child(4n) {  margin-right: 0% ;}
.cent07 ul li a{ display:block}
.cent07 ul li .img{ width:100%}
    .cent07 ul li .img img {
        width: 100%;
        vertical-align: bottom;
        height: 250px;
        object-fit: cover;
    }
.cent07 ul li span{ display:block; font-size:17px; color:#333; text-align:center; margin-top:20px;}


.cent08{ margin-top:4%; }
.cent080101{ display:none}
.cent080101 .img{float:left;display:block;width: 42%;}
    .cent080101 .img img {
        width: 100%;
        vertical-align: bottom;
        height: 300px;
        object-fit: contain;
    }
.cent080102{float:right;display:block;width: 52%;}
.cent080102>h2{; border-bottom:1px solid #ccc; color:#333333; display: flex; align-items: center; padding-bottom:27px;}
.cent080102>h2 em{ font-style:normal; font-size:18px; color:#ec4906; border-radius:5px; background:#f2f2f2; padding:10px 30px; display:inline-block; margin-left:10px;}
.cent080102>h2 span{  line-height:1; position:relative; font-size:43px}
.cent080102>h2 span:before {content: ""; position:absolute; bottom:-29px; height:1px; width:100%; background:#842020}
.cent080102>span{ font-size:16px; line-height:1.5; display:block; margin-top:4%; color:#666;}
.guos{ margin-top:2%; margin-bottom:8%}
.guos h3{ font-size:24px; display:block; border-bottom:1px solid #ccc; color:#000; padding-bottom:24px;}
.guos ul li{ font-size:15px; margin-top:20px; color:#666;}

.cent0801{ margin-top:4%; }

.cent0802{ margin-top:2%;}
.cent0802 ul{ display: flex;   align-items: center;justify-content: space-between;}
.cent0802 ul li{ margin-right:2%; background:#f2f2f2; border-radius:10px; box-sizing:border-box; padding:4% 3%;}
.cent0802 ul li:nth-child(3n-2){ clear:left;}
.cent0802 ul li .bwj{ display: flex; align-items: center;}
.cent0802 ul li .bwj .img{ width:100px;}
.cent0802 ul li .bwj .img img{ width:100%; vertical-align:bottom;}
.cent0802 ul li .bwj .bwj01{ margin-left:2vw}
.cent0802 ul li .bwj .bwj01 h2{ font-size:30px; font-weight:normal; color:#000;}
.cent0802 ul li .bwj .bwj01 span{ display:block; font-size:15px; color:#999999; margin:10px 0;}
.cent0802 ul li .bwj .bwj01 strong{ font-size:16px; color:#e94706}
.cent0802 ul li>span{     display: block;font-size: 15px;  color: #999999; margin: 20px 0;}
.cent0802 ul li a{padding:0; font-size:16px; color:#000}
.cent0802 ul li a i{ margin-left:4px}



.cent09{ margin:4% auto;}
.cent09 ul{ border-top:1px solid #ea4807;}
.cent09 ul li{ float:left; display:block;width:calc(100%/2);}
/*.cent09 ul li:nth-child(4n) {
    margin-right: 0% ;
}*/
.cent09 ul li a{ display: flex; justify-content: center;  align-items: center; height:200px;}
.cent09 ul li a img{ max-width:100%; max-height:100%;}
.cent09 ul li:hover{ background:#ea4807}
.cent09 ul li:hover img{filter: brightness(0%) contrast(200%) invert(100%) opacity(100%); }


.cent10{ margin-top:4%;}
.cent10-l{ float:left; display:block; width:48%;}
.cent10-l .title{ text-align:left;}
.cent10-l .title em{}
.cent10-l .title p{ margin:16px 0 0}
.cent10-l ul li{ /*margin-top:2%;*/ border-bottom:1px solid #f2f2f2; padding:2% 0; display: flex;   align-items: center;}
.cent10-l ul li .img{ width:68px;}
.cent10-l ul li .img img{ width:100%;}
.cent10-l ul li .zjzx{ margin-left:1vw}
.cent10-l ul li .zjzx h2{ font-size:19px; font-weight:normal; color:#999999}
.cent10-l ul li .zjzx span{ font-size:22px; color:#343434; display:block; font-weight:bold; margin-top:15px;}

.cent1001{ display: flex;   align-items: center;justify-content: space-between; margin-top:4%;}
.cent1001 .img{ width:30%; text-align:center;}
.cent1001 .img img{ width:100%;}
.cent1001 .img span{ font-size:16px; color:#666666; display:block; text-align:center; margin-top:10px;}

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

.cent11-bg{ margin-top:4%; padding:4% 0;}
.cent11 ul li{ float:left; display:block;width:calc((100% - 4%)/2); margin-right:4%; margin-top:2%;}
.cent11 ul li:nth-child(2n) { margin-right: 0% ;}
.cent11 ul li span{ font-size:19px; color:#000; display:block; font-weight:bold}
.cent11 ul li span em{ font-style:normal; color:#F00;}
.cent11 ul li .sgte{background:#fff;border-radius:5px;display: flex;justify-content: space-between;box-sizing:border-box;padding:10px;margin-top:10px;}
.cent11 ul li .sgte .img{ width:26px;}
.cent11 ul li .sgte .img img{ width:26px;}
.cent11 ul li .sgte .input_text{width: calc(100% - 38px);font-size:18px;outline:none; background:none;}
.cent11 ul li .sgte .input_text::-webkit-input-placeholder{ color:#ccc;}
.lysx{ width:100% !important; margin-right:0 !important}
.cent11 ul li .sgte .texer{width: calc(100% - 38px);font-size:18px;outline:none;border:none;height:370px; background:none;}
.cent11 ul li .sgte .texer::-webkit-input-placeholder{ color:#ccc;}
.cent11 ul li .sgte:hover{ background:#ea4807}
.cent11 ul li .sgte:hover .img img{filter: brightness(0%) contrast(200%) invert(100%) opacity(100%);  }
.cent11 ul li .sgte:hover .input_text{ color:#fff;}
.cent11 ul li .sgte:hover .texer{ color:#fff;}
/*.cent11 ul li .sgte .input_text:hover::-webkit-input-placeholder { color:#ccc;}
*/
.cent11 a{ display:block; width:100%; text-align:center; margin-top:2%; background:#ea4807; color:#fff; font-size:14px; border-radius:5px; line-height:64px;}

.cent12{ margin-top:4%; margin-bottom:4%}
.cent12-l{ width:40%; float:left; display:block;}
.cent12-l .title{ text-align:left;}
.cent12-l .title em{}
.cent12-l .title p{ margin:16px 0 0}
.cent12-l>span{ display:block; font-size:16px; line-height:1.5; margin-top:4%;}
.cent12-l>a{ display:inline-block; font-size:16px; color:#fff; background:#666666; border-radius:5px; padding:12px 12px; margin-top:8%;}

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

.cent13{ margin:4% auto;}
.cent13 ul li{ position:relative; display: flex;  align-items: center;justify-content: space-between; color:#333333; margin-top:4%;}
.cent13 ul li .img{ width:30%;}
.cent13 ul li .img a{ display:block;}
.cent13 ul li .img img{ width:100%; vertical-align:bottom;}
.cent13 ul li h2{flex:1; text-align:center; font-size:31px;}
.cent13 ul li span{ text-align:left; font-size:31px; width:30%;}
.cent13 ul li:before{content: '';position:absolute;top: 68%;height: 86%;width:1px;background:#cccccc;left:50%;transform: translate(-50%, 0);}
.cent13 ul li:last-child:before{ display:none}

.cent14{ margin:4% auto;}
.cent14 ul{ position:relative;}
.cent14 ul:before{  content: ""; position:absolute; top:0; height:100%; width:1px; background:#cccccc;}
.cent14 ul li{display: flex;justify-content: space-between;padding-left: 1.7%;position:relative; margin-bottom:4%;}
.cent14 ul li:before{content: "";position:absolute;top:0;left: -11px;background:url(../images/TU.png) center no-repeat;width:20px;height:20px;background-size:100%;}
.cent1401{ width:48%;}
.cent1401 em{ font-style:normal; font-size:13px; color:#333333; display:block;}
.cent1401 h2{ display:block; font-size:56px; color:#333333;}
.cent1401 p{ width:50px; height:3px; background:#ea4807; padding:0; margin-top:10px;}
.cent14 ul li .img{width: 50%;}
.cent14 ul li .img img{ width:100%; vertical-align:bottom;}
.cent14 ul li .img span{ display:block; font-size:14px; color:#666666; line-height:1.5; margin-top:4%;}
.cent14 ul li .img a{ display:inline-block; font-size:16px; color:#fff; background:#666666; border-radius:5px; padding:12px 12px; margin-top:6%;}



.cent15{ margin-top:4%; margin-bottom:4%}
.cent1502{ display: flex;  align-items: flex-start;justify-content: space-between;}
.cent1502-l {
    width: 48%;
    height: 330px;
    overflow: hidden;
}
.cent1502-l span{ display:block; font-size:16px; line-height:1.5;    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-box-orient: vertical;
   -webkit-line-clamp: 16;}
.cent1502 .img{ width:47%;}
.cent1502 .img img{ width:100%; vertical-align:bottom;}

.cent1501{ position:relative; margin-top:4%;}
.cent1501 .mySwiper{ position:absolute; bottom:0; width:50%;}
.cent1501 .mySwiper .img{ width:100%;}
.cent1501 .mySwiper .img img{ width:100%; vertical-align:bottom;}
.cent1501 .mySwiper .img span{ display:block; font-size:17px; color:#333; margin-top:10px;}
.cent1501 .swiper-button-next:after, .cent1501 .swiper-button-prev:after{ display:none}
.cent1501 .swiper-button-next, .cent1501 .swiper-button-prev{ width:40px; top:40%}
.cent1501 .swiper-button-next img, .cent1501 .swiper-button-prev img{ width:100%;}
.cent1501 .swiper-button-next{ right:inherit; left:60px;}
.cent1501 .swiper-pagination{  bottom: 0;top: inherit !important;}
.cent1501 .mySwiper{ padding-bottom:2%;}
.cent1501 .swiper-pagination{ height:2px !important;}
.cent1501 .swiper-pagination-progressbar-fill{ background:#ea4905 !important}
.gee{ margin-top:4%;}
.gee video{ width:100%; vertical-align:bottom;}

.cent18{margin-top:3%;box-shadow: 0px 0px 15px #f2f2f2;box-sizing:border-box;padding:3%;}
.cent18 .img-bg{    }
.cent18 .img-bg .img{ float:left; display:block; width:36%}
.cent18 .img-bg .img img{ width:100%; vertical-align:bottom;}
.cent18 .lgee{ float:right; display:block; width:60%;}
.cent18 .lgee h2{display:block;font-size:26px;line-height:1.5;color:#000;height: 76px;overflow: hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 2;}
.cent18 .lgee>span{display:block;font-size:17px;line-height:1.5;margin-top:2%;height:50px;overflow: hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 2;}
.cent18 .lgee>a{ display:block; margin-top:5%;}
.cent18 .lgee>a img{ max-width:100%; vertical-align:bottom}
.cent18 .se{ background:url(../images/tu37.png) left center no-repeat; padding-left:24px; line-height:60px; border-top:1px solid #ccc; margin-top:3%; font-size:15px;}
.cent18 .swiper-button-next:after, .cent18 .swiper-button-prev:after{ display:none}
.cent18 .swiper-button-next, .cent18 .swiper-button-prev{ width:35px; height:35px; bottom:5px; top:inherit;}
.cent18 .swiper-button-prev{ left:inherit; right:60px}


.cent19{ margin:3% auto;}
.cent19 ul li{float:left;display:block;width:calc((100% - 40px)/3);margin-right:20px;margin-top:20px;box-shadow: 0px 0px 15px #f2f2f2;box-sizing:border-box;border-radius:20px;overflow:hidden;padding:1.5%;}
.cent19 ul li:nth-child(3n) {  margin-right: 0% ;}
.cent19 ul li:nth-child(3n-2){ clear:left;}
.cent19 ul li a{ display:block}
.cent19 ul li .img{ width:100%}
    .cent19 ul li .img img {
        width: 100%;
        vertical-align: bottom;
        height: 300px;
        object-fit: cover;
    }
.cent19 ul li span{
    font-size: 15px;
    line-height:2;
    display:block;
    margin:4% 0;
    color:#000;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 3;
    }
.cent19 ul li  .cent1901{display: flex;align-items: center;justify-content: space-between;border-top:1px solid #ccc;padding-top: 5%;}
.cent19 ul li  .cent1901 i{ font-style:normal; background:url(../images/tu37.png) left center no-repeat; font-size:16px; padding-left:24px; color:#b7b7b7}
.cent19 ul li  .cent1901 em{ display: flex;   align-items: center; font-style:normal; color:#ea4807; font-size:16px;}
.cent19 ul li  .cent1901 em p{ padding:0; margin-left:10px; font-size:16px;}

.inside_con{ padding:10px 0; min-height:300px;}

@media only screen and (max-width: 980px) {
	
.ship>h2{ font-size:24px;}	
	
.top{ display:block;}	
	/*---------------------------------------------------------------------------------------------------------------手机站导航开始----------*/
.sp_header{height:50px;overflow:hidden;background:#fff;position:fixed;z-index:10;width:100%;  display:block;}
.sp_logo{padding:10px;float:left;height:50px; box-sizing:border-box}
.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:#ea4807;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}
/*---------------------------------------------------------------------------------------------------------------手机站导航结束----------*/
	
.header-bg{ display:none}	
.title span{ font-size:60px;}
.title h2{ font-size:30px;}
.title em{ margin-top:-40px;}
.cent01 ul{flex-wrap: wrap;     justify-content: center;}
.cent01 ul li{width:calc(100%/3); margin-top:1%}
.cent01 ul li .bust h1{ font-size:20px;}
.cent01 ul li .bust a{ font-size:12px; padding:4px 12px; margin-top:10px;}
.cent01 ul li .bust em{ height:30px; margin:10px auto;}
.gje01-bg{flex-wrap: wrap; }
.gjje{ margin-top:2%;}
.cent02{ background: none;}
.gje01-l{ width:100%;}
.gje01-r{ width:100%; margin-top:5%}
.gje01-l h2{ font-size:20px;}
.gje01-l span{ font-size:12px; line-height:1.5;}
.cent0201 ul li .cent0201-l img{ width:20px;}
.cent0201 ul li .cent0201-l span{ font-size:12px; margin-top:10px;}
.cent0201 ul li .cent0202{ width:60px;}
.cent03-l{ float:none; display:block; width:100%}
.cent03-l ul li{float:none; display:block; width:100%; margin-right:0; margin-top:5%;}
.cent03-l ul li .qixw h4{ font-size:16px;}
.cent03-l ul li .qixw p{ font-size:12px;}
.cent03-r{ margin-top:5%; width:100%;}
.gjie p{ font-size:12px;}
.gjie h2{ font-size:14px;}
.cent04>h2{ font-size:24px;}
.cent04>span{ font-size:12px;}
.sousou01 .input_text02{ line-height:40px; height:40px;}
.sousou01 a{ width:120px; height:40px; line-height:40px;}
	
	.cent0501{ width:90%;}
	.cent0501 h2{ font-size:24px;}
	.cent0501 span{ font-size:12px; margin:10px 0}
	.cent05>img{ height:300px; object-fit: cover;}
	
	.cent06{ margin-top:5%;}
	.cent06-l{ float:none; display:block; width:100%}
	.cent06-r{ float:none; display:block; width:100%; margin-top:5%;}
	
	.gunduo{flex-wrap: wrap; }
	.gunduo>a{ margin-top:5%; padding:4px 20px;}
	
	.cent07 ul li{ width:calc((100% - 5%)/2); margin-right:5%; margin-top:5%;}
	.cent07 ul li:nth-child(2n) {  margin-right: 0% ;}
	
	.cent080101 .img{ float:none; display:block; width:100%}
	.cent080102{float:none; display:block; width:100%; margin-top:5%;}
	.cent080102>h2 span{ font-size:40px;}
	.cent0802 ul{flex-wrap: wrap; }
	.cent0802 ul li{ float:none; display:block; width:100%; margin-right:0; margin-top:5%;}
	
	.footer{flex-wrap: wrap;}
	.footer01{ width:100%;}
	.footer dl{flex-wrap: wrap;}
	.footer dl dd{ width:100%; margin-top:4%;}
	.footer dl dd ul{ margin-top:2%;}
	.footer02 span{ padding:5%; font-size:12px;}
	
	.cent12{ margin-top:5%; margin-bottom:5%;}
	.cent12-l{ float:none; display:block; width:100%}
	.cent12-r{ float:none; display:block; width:100%; margin-top:5%;}
	
	.cent10-l ul li .img{ width:40px;}
	.cent10-l ul li .img img{ width:100%;}
	.cent10-l ul li .zjzx{ margin-left:4vw}
	.cent10-l ul li .zjzx span{ margin-top:0;} 
	.cent10-l{ float:none; display:block; width:100%}
	.cent10-r{ float:none; display:block; width:100%; margin-top:5%;}
	.cent11 ul li .sgte .texer{ height:200px;}
	.cent11 a{ line-height:40px;}
	
	
	.cent13 ul li{flex-wrap: wrap; margin-top:5%; }
	.cent13 ul li .img{ width:100%;}
	.cent13 ul li:before{ display:none}
	.cent13 ul li h2{ width:100%; margin:4% 0;}
	.cent13 ul li span{ width:100%;}
	.cent13 ul li span{ font-size:24px;}
	
	.cent1401 h2{ font-size:24px;}
	.cent14 ul li{ display:block; padding-left:7.7%; margin-bottom:5%;}
	.cent1401{ width:100%}
	.cent14 ul li .img{ width:100%; margin-top:5%;}
	.cent14 ul li .img a{ padding:4px 12px;}
	
	
	.cent15{ margin-top:5%; margin-bottom:5%;}
	.cent1502{flex-wrap: wrap; }
	.cent1502-l{ width:100%;}
	.cent1502 .img{ width:100%;}
	.cent1501 .mySwiper{ position:inherit; width:100%; margin-top:5%;}
	.cent1501 .swiper-button-next, .cent1501 .swiper-button-prev{ top:50%;}
	.cent1501 .swiper-button-next{ right:0 !important; left:inherit;}
	
	.cent18 .img-bg .img{ float:none; display:block; width:100%}

.cent19{ margin:5% auto;}
.cent18{ margin-top:5%;}
.cent18 .lgee{ float:none; display:block; width:100%; margin-top:5%;}
.cent18 .lgee h2{ font-size:20px;    height: 64px;}
.cent19 ul li{ float:none; display:block; width:100%; margin-right:0; margin-top:5%; padding:5%;}

	}
	
	
		


.centhou01{ margin:4% auto;}
.centhou01-l{ float:left; display:block; width:250px; border-bottom:14px solid #ba2a17}
.centhou01-l .h1{    display: block;
    margin: 0;
    padding: 36px 70px 0 0;
    border: 0;
    font-size: 24px;
    line-height: 34px;
    text-align: right;
    min-height: 78px;}
.centhou01-l .h1 a{ color:#fff; font-weight:bold; font-size:28px;}
.centhou01-l .zxzhib{}
.centhou01-l .zxzhib ul li{ background:linear-gradient(to bottom,#f0f0f0,#f0f0f0); border-left: 4px solid transparent;}
.centhou01-l .zxzhib ul li a{    position: relative;
    display: block;
    padding: 17px 0 17px 42px;
    color: #333;
    text-indent: -1.2em; font-size:16px;
}
.centhou01-l .zxzhib ul li:hover a, .centhou01-l .zxzhib ul li.active  a {
    color: #ba2a17;
}
.centhou01-l .zxzhib ul li:hover,  .centhou01-l .zxzhib ul li.active {
    border-bottom: 0;
    background: #f2f2f2;
    background: linear-gradient(to bottom, #f0f0f0, #f0f0f0);
    border-left: 4px solid #ba2a17;
}

.centhou01-r{ float:right; display:block;width:calc(100% - 300px);    padding:2%;  box-shadow: 0 0 15px rgb(0 0 0 / 10%); box-sizing:border-box}
.pq .newsclass_list { margin-top: 0.63rem; }
.pq .newsclass_list ul li {float: left;width: calc((100% - 40px)/3);margin: 0 0 20px 20px;background: #fff;}
.pq .newsclass_list ul li:nth-child(3n-2) { margin-left: 0; clear: left; }
.pq .newsclass_list ul li .nr_box {/* border:1px solid #eee; *//* border-radius:10px; */overflow: hidden;transition: all .3s ease;/* box-shadow: 0px 0px 15px #ccc; */}
.pq .newsclass_list ul li:hover .nr_box { border-color: var(--primary-color); box-shadow: 0 0 10px rgba(0,0,0,.1); }
.pq .newsclass_list ul li .img { padding-bottom: 70%; position: relative; overflow: hidden; background: #f9f9f9; }
.pq .newsclass_list ul li .img img { width: 100%; height: 100%; position: absolute; top: 0; right: 0; bottom: 0; left: 0; margin: auto auto; transition: all .3s ease; }
.pq .newsclass_list ul li:hover .img img { transform: scale(1.1); }
.pq .newsclass_list ul li .txtbg { }
.pq .newsclass_list ul li .txt {padding: 5% 4.5%;color: #666;}
.pq .newsclass_list ul li .txt .h2 {font-size: 16px;line-height: 1.5em;height: 1.5em;color: #333;margin-bottom: 0.2rem;overflow: hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 1;-webkit-box-orient: vertical;text-align: center;}
.pq .newsclass_list ul li:hover .txt .h2 { color: var(--primary-color); }
.pq .newsclass_list ul li .txt .h3 { font-size: 17px; line-height: 1.5em; height: 3em; margin-bottom: 0.2rem; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; }
.pq .newsclass_list ul li .time { font-size: 14px; line-height: 24px; color: #999;/* padding-left:24px; */ position: relative; }
.pq .newsclass_list ul li .time i { width: 20px; height: 24px; background: url(../images/ico_time.png) center no-repeat; position: absolute; left: 0; top: 0; display: none; }
@media(max-width:999px) {
	.centhou01-l{ margin:0 auto; width:100%; float:none}
	.centhou01-r{margin:0 auto; width:100%; float:none; margin-top:5%}
.pq .newsclass_list ul li { float: left; width: 100%; margin: 0 0 20px 0px; }
/*.pq .newsclass_list ul li:nth-child(2n-1){ margin-left:0; clear:left;}*/
.pq .newsclass_list ul li .txt { padding: 10px 5%; }
.pq .newsclass_list ul li .txt .h2 { font-size: 14px; line-height: 1.5em; height: 1.5em; margin-bottom: 5px; }
.pq .newsclass_list ul li .txt .h3 { font-size: 12px; line-height: 1.5em; height: 3em; margin-bottom: 5px; }
}




.display_title { padding:0 0 20px;text-align:center;color:#999}
.display_title h1 { margin:0 0 20px;padding:20px 0;border-bottom:1px dotted #ccc;color:#333}

.display_title .info,
.display_title .others,
.display_title .others_online {display:inline-block;vertical-align:top;}
.display_title .others_online  { background:url(others_online.png) no-repeat; width:102px; height:26px; border-radius:3px; border:1px solid #ececec; line-height:26px;color:#333;text-indent:20px; }

.display_title .info {min-height:28px;line-height:26px;font-size: 14px;}
.display_title .info span { display:inline-block; }
.centhou01-r vdieo{ width:100%;}

.diplay_foot { display:none; }
.page_up_dn {padding: 20px 0;overflow:hidden;zoom:1;border-top: 1px solid #e5e3e3;margin-top: 50px;font-size: 14px;}
.page_up_dn li { float:left; width:50%; }

@media(max-width:999px) {
.page_up_dn li{ float:none; display:block; width:100%; line-height:1.5;}
	}