/*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;font-family:' '; color:#666;}
a{color:var(--color-three);}
a:hover{ color:var(--color-one); /*text-decoration:underline;*/}
p{line-height:1.8em; padding:5px 0;}
.clear{ margin:0; padding:0; font-size:0; clear:both; }
.wapper{ width:1200px; margin:0 auto;}
.wapper1{ width:1600px; margin:0 auto; max-width:1720px}
.wapper2{ width:1750px; margin:0 auto; max-width:1750px}
.wapper3{ width:1600px; margin:0 auto; max-width:1600px}
.wapper4{ width:1600px; margin:0 auto;  max-width: 1800px}

:root{
    --color-whiteblock:#ffffff;
	--color-blockwhite:#000000;
    --color-one:#0f47bd;
    --color-two:#444;
    --color-three:#333;
	--color-four:#5e6c82;
	--color-fiver:#555;

	/*CCC*/
	--main-temBold: 'temBold';
	--main-temLight: 'temLight';
	--main-temMid: 'temMid';
	--main-temRegular: 'temRegular';
	--main-temThin: 'temThin';
	--main-color: #3366cc;
	--main-color-white: #ffffff;
	--main-color-555: #555;
	--main-color-999: #999999;
	--main-color-666: #666666;
	--main-color-333: #333333;
	--main-color-888: #888888;
	--main-color-222: #222222;
	--main-transition: all ease 0.4s;
	--main-shadow: rgba(100, 100, 111, 0.2) 0px 7px 29px 0px;
}
@media screen and (min-width:980px) and (max-width:1720px){
	.wapper1{ width:90%;}
	}
@media screen and (min-width:980px) and (max-width:1700px){
	.wapper3{ width:90%;}
	}
@media screen and (min-width:980px) and (max-width:1830px){
	.wapper4{ width:90%;}
	}



.header-bg{ position:relative; top:0; left:0; width:100%; z-index:99}
.header{    display: flex;  align-items: center;  justify-content: space-between}
.header .img02{ display:none}
.header .logo{ width:32%;}
.header .logo a{    display: flex; justify-content: center;  align-items: center; height:120px;}
.header .logo img{ max-height:100%; max-width:100%;}
/*menu*/
.menu{height:120px;line-height:120px;}
.menu ul li{ float:left;  }
.menu ul li dl{background: #eee;width:100%;position:absolute;left:0px;top:100%;padding: 20px 0px;display:none;border-bottom: 4px solid var(--color-one);}
.menu ul li dl .wapper3{
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    justify-content: center;
    padding: 10px 0;
    }
.menu ul li dl dd{width: 15%}
.menu ul li dl dd>a{
    font-size: 16px;
    text-align: left;
    color: var(--color-fiver);
    transition: all ease .15s;
    display: flex;
    width: 100%;
    padding: 0;
    line-height: 1.2;
    text-align: center;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    }
.menu ul li dl dd>a img {
    width: 100%;
    max-width: 50px;
    margin-bottom: 10px;
}	
.menu a{ font-size:18px; color:var(--color-three); text-decoration:none; font-weight:normal;display:block;text-align:center;}

/*a.menu_hover{ background:#666;color:var(--color-whiteblock);}
.menu_down span{ display:block;background:url(../images/menu_down.gif) right 10px center no-repeat;}*/
.menu ul li:hover>span>a{color:var(--color-one) !important}
.menu ul li>span{ position:relative; padding:0 1vw; display:block;}
.menu ul li>span:after{background: var(--color-one);
    height: 4px;    content: '';  position: absolute; left: 0;  right: 0;   bottom: 0;  width: 0; margin: 0 auto;  transition: all ease .3s;}
.menu ul li:hover>span:after{    width: 100%;}

.menu a:hover{color:var(--color-one) !important;}

@media screen and (max-width:1700px) {
	.header .logo{ width:18%;}
	.menu ul li>span{    padding: 0 1vw;}
	.menu a{ font-size:14px}
	}
@media screen and (max-width:1250px) {
	.menu ul li>span{padding: 0 0.5vw;}
}
.yuyan{ display: flex;align-items: center;}
.yuyan01{ position:relative;}
.yuyan01 a{ display: flex; justify-content: center;  align-items: center; font-size:14px;  color:var(--color-three); line-height:30px;}
.yuyan01 a img{ margin-right:10px;}
.qitt{ display:none; position:absolute; top:100%; width:100%; background:var(--color-whiteblock); padding: 3px 0px 10px 0px;     box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.1); font-size:14px;    transition: all .3s ease;
    flex-direction: column;
    border-radius: 8px;}

.qitt:before {
    content: '▲';
    color: var(--color-whiteblock);
    position: absolute;
    font-size: 24px;
    width: 100%;
    top: -20px;
    text-align: center;
}
.qitt a{display: flex;align-items: center;font-size:16px;color:#666;justify-content: flex-start;padding: 0 10px;}
.qitt a img{ width:20px; display:block; margin-right:10px;}	

.qitt a:hover{ color:#00a0e9;}
.yuyan01:hover .qitt{ display:block;}

.ane{ width:20px; margin-left:20px;}
.ane a{ color:var(--color-three);}
.ane a i{ font-size:18px;}


/*.header-bg:hover .ane a{ color:var(--color-three);}
.header-bg:hover{ background:var(--color-whiteblock);}
.header-bg:hover .menu ul li>span>a{ color:var(--color-three);}
.header-bg:hover .img02{ display:none}
.header-bg:hover .img01{ display:block;}
.header-bg:hover .yuyan01 a{ color:var(--color-three);}
*/

.header-bg.active{ background:var(--color-whiteblock); position:fixed;}
/*.header-bg.active .ane a{ color:var(--color-three);}
.header-bg.active .menu ul li>span>a{ color:var(--color-three);}
.header-bg.active .img02{ display:none}
.header-bg.active .img01{ display:block;}
.header-bg.active .yuyan01 a{ color:var(--color-three);}*/







.suoe-bg{ display:none; background:var(--color-whiteblock); position:fixed; top:0; left:0; width:100%; z-index:100;}
.suoe{ height:120px; display: flex;   justify-content: space-between;  align-items: center;}
.suoe .input_text{ height:50px; flex:1;outline:none; font-size:14px; line-height:40px; color:#000;}
.suoe .input_text::-webkit-input-placeholder{ color:#666;}
.suoe .closeicon img{    transition: all ease .3s;}
.suoe .closeicon:hover img{transform: rotate(90deg);}
.qeuren{ width:128px; height:38px; text-align:center; line-height:38px; border:1px solid #ccc; border-radius:55px; font-size:15px; color:var(--color-three); margin:0 20px;}


.banner{ width:100%; height:auto; overflow:hidden;}
.banner img{ width:100%; vertical-align:bottom; transition: all 1.5s;transform: scale(1.1); }
.mySwiper01  .swiper-slide-active img{transform: scale(1.0); }
.swiper-pagination01 span{  width: 12px !important;  height: 12px !important; border-radius: 6px !important; transition: all .5s;  background: var(--color-whiteblock); opacity: .5 !important;}
.swiper-pagination01 .swiper-pagination-bullet-active{    background: var(--color-one) !important; width:30px !important; opacity:1 !important;}


.swiper-button-next01, .swiper-button-prev01{    width: 70px !important;height: 70px !important;    background: rgba(0 0 0 / 20%); border-radius:50%;}
.swiper-button-next01:after, .swiper-button-prev01:after{ color:var(--color-whiteblock) !important; font-size:20px !important;}
.swiper-button-next01:hover, .swiper-button-prev01:hover{ background:#007aff}


.cent01{ padding:4% 0;  display: flex;  justify-content: space-between;  align-items: center;}
.cent01-l{  width:50%;}
.cent01-l a{ display:block}
.cent01-l a img{ width:100%; vertical-align:bottom;}

.tlet{ background:url(../images/73c.png) left center no-repeat;    background-repeat: no-repeat;  background-position: center left; padding-left: 35px;  padding-top: 10px;  padding-bottom: 20px;}
.tlet em{ font-style:normal; font-size:18px; color:var(--color-two); display:block;    margin-bottom: 10px;}
.tlet a{font-size:36px; color:var(--color-one); line-height:1; font-weight:bold;}
.cent01-r{width: 44%;}
.cent01-r>span{font-size:18px;color:var(--color-two);display:block;line-height: 2;margin-top: 3%;}
.cent01-r>.ljxq{ margin:6% 0 0 0;} 
 
.shuzi{ margin-top:2%;} 
.shuzi ul{ display: flex;     justify-content: space-between;  align-items: center;} 
.shuzi ul li img{    max-width: 72px;}
.shuzi ul li .mun_top h2{ font-size:3.7vw; color:var(--color-one); line-height:1;} 
.shuzi ul li p{ font-size:18px;    color: var(--color-two);}
 
.tile{ text-align:center;}
.tile em{ font-size:18px; color:var(--color-two); display:block; font-style:normal;     margin-bottom: 10px; font-weight:bold;}
.tile a{ color:var(--color-one); font-size:36px; font-weight:bold; line-height:1;}
 
.cent02{ padding:4% 0;} 
.cent02 .mySwiper02{ margin-top:2%}
.cent02 .mySwiper02 .dongtu{ width:100%;}
.cent02 .mySwiper02 .dongtu a{ display:block}
.cent02 .mySwiper02 .dongtu .img{ display:block; width:100%;}
.cent02 .mySwiper02 .dongtu .img img{ width:100%; vertical-align:bottom;height: 300px;object-fit: contain;}
.cent02 .mySwiper02 .dongtu span{ display:block; font-size:18px; color:var(--color-whiteblock); background:var(--color-one); text-align:center; padding:2%; box-sizing:border-box;} 
 
 
.cent03-bg{ padding:4% 0;} 
.cent03{ overflow:hidden;}
/*.dinw{ max-width:900px; margin:2% auto; position:relative;  display: flex; justify-content: center;  align-items: center;}
.dinw::before { content: '';  position: absolute;  width: 670px;height: 1px; border-top: 1px dashed #adadad; top: 10px; left: 114px;}
.dinw .wuzhji{ text-align:center; width:25%; position:relative;}
.dinw .wuzhji span{ font-size:24px; color:var(--color-three);    padding-top: 35px;  padding-bottom: 8px; display: flex;   justify-content: center;}
.dinw .wuzhji.hover span{color:var(--color-one);}
.dinw .wuzhji::after { content: url(../images/6628e.png); position: absolute; left: 46%;  top: 3px;}
.dinw .wuzhji.hover::after { content: url(../images/6f.png);  position: absolute;  left: 43%; top: -2px;} 
.mySwiper03 .swiper-slide .shd{ display:block}
.mySwiper03 .swiper-slide .shd a{ display:block; position:relative;}
.mySwiper03 .swiper-slide .shd a .img{ width:100%; overflow:hidden;}
.mySwiper03 .swiper-slide .shd a .img img{ width:100%;cursor:pointer; transition: all 0.5s;}
.mySwiper03 .swiper-slide .shd a .img:hover img{ transform: scale(1.1);}	
.mySwiper03 .swiper-slide .shd span{ position:absolute; bottom:0; left:0; width:100%; background:rgba(0,0,0,0.5); padding:1.8vw; color:var(--color-whiteblock); font-size:24px; text-align:center; box-sizing:border-box;  overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-box-orient: vertical;
   -webkit-line-clamp: 1;}
.mySwiper03 .swiper-slide{  transition: 300ms;  transform: scale(0.9) !important; }
.mySwiper03 .swiper-slide-active{  transform: scale(1.07) !important;}	
.swiper-button-next03{ right:35% !important;}
.swiper-button-prev03{ left:35% !important;}
.swiper-button-next03, .swiper-button-prev03{    width: 70px !important;height: 70px !important;    background: rgba(255,255,255,.6); border-radius:50%;}
.swiper-button-next03:after, .swiper-button-prev03:after{ color:var(--color-one) !important; font-size:32px !important;}*/

#thumbs{ max-width:900px; margin:2% auto; position:relative;  display: flex; justify-content: center;  align-items: center;}
#thumbs::before { content: '';  position: absolute;  width: 670px;height: 1px; border-top: 1px dashed #adadad; top: 10px; left: 114px;}
#thumbs .wuzhji{ text-align:center; width:100%; position:relative;}
#thumbs .wuzhji a{ display:block}
#thumbs .wuzhji span{ font-size:18px; color:var(--color-three);    padding-top: 35px;  padding-bottom: 8px; display: flex;   justify-content: center;}
#thumbs .wuzhji::after { content: url(../images/6628e.png); position: absolute; left: 46%;  top: 3px;}
#thumbs .swiper-slide-thumb-active .wuzhji::after { content: url(../images/6f.png) !important;  position: absolute;  left: 43%; top: -2px;} 


#gallery{ position:relative; margin-top:4%;}
#gallery .swiper-slide .shd{ display:block; width:100%;}
#gallery .swiper-slide .shd a{ display:block; position:relative;}
#gallery .swiper-slide .shd a .img{ width:100%; overflow:hidden;}
#gallery .swiper-slide .shd a .img img{ width:100%;cursor:pointer; transition: all 0.5s;height: 300px;object-fit: contain;}
#gallery .swiper-slide .shd a .img:hover img{ transform: scale(1.1);}	
#gallery .swiper-slide .shd span{ position:absolute; bottom:0; left:0; width:100%; background:rgba(0,0,0,0.5); padding:1.8vw; color:var(--color-whiteblock); font-size:24px; text-align:center; box-sizing:border-box;  overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-box-orient: vertical;
   -webkit-line-clamp: 1;}
#gallery .swiper-slide{  transition: 300ms;  transform: scale(0.9) !important; }
#gallery .swiper-slide-active{  transform: scale(1.07) !important;}	
.swiper-button-next03{ right:35% !important;}
.swiper-button-prev03{ left:35% !important;}
.swiper-button-next03, .swiper-button-prev03{    width: 70px !important;height: 70px !important;    background: rgba(255,255,255,.6); border-radius:50%;}
.swiper-button-next03:after, .swiper-button-prev03:after{ color:var(--color-one) !important; font-size:32px !important;}



.cent04{ padding:4% 0;}
.cent04 .tile{ margin-bottom:4%;}
.cent04-l{ width:48%; float:left;}	
.cent04-l span{font-size:18px;color:var(--color-two);display:block;line-height: 2;}
.cent04-r{ width:48%; float:right;}
.cent04-r .img{ margin-top:2%; display:block;}	
.cent04-r img{ width:100%; vertical-align:bottom;}	
	
.ljxq{ color:var(--color-one); border:1px solid var(--color-one); transition: all 0.6s;  line-height: 48px;  display:block; width: 180px; border-radius:50px; text-align:center; font-size:18px; margin:2% auto 0; position:relative; overflow:hidden; z-index:2}
.ljxq:hover{ color:var(--color-whiteblock);}
.ljxq::after {
    content: "";
    position: absolute;
    width: 0;
    height: 100%;
    transition: all .6s;
    z-index: 0;
    opacity: 0;
    top: 0;
    left: 0px; z-index:-1
}	
.ljxq:hover::after {
    opacity: 1;
    background: linear-gradient(90deg, #0053ff, #008aff);
    width: 100%;
}
	
.footer-bg{ background:#263145}	
.footer{ padding-top:2%; display: flex; justify-content: space-between;  align-items: flex-start; padding-bottom:0%;}	
.footer ul{display: flex;justify-content: space-between;align-items: flex-start;flex: 1;margin: 0 10%;}
.footer ul li{margin-left:2%; line-height:30px;}	
.footer ul li a{ font-size:16px; color:var(--color-whiteblock);    white-space: nowrap;}
.footer01{    width: 42%;}
.logo01{ width:100%}
.logo01 a img{ max-height:50px; max-width:100%}
.footer01 dl{ margin-top:4%;}
.footer01 dl dd{ line-height:30px;color:var(--color-four); font-size:14px}
.footer01 dl dd a{ color:var(--color-four)}
.footer02{ width:120px; text-align:center}	
.footer02 img{ width:100%;}
.footer02 span{ display:block; color:var(--color-four); line-height:30px; text-align:center; font-size:14px;}
.footer03{ padding:1.5%;}
.footer03  span{ font-size:14px; color:var(--color-whiteblock)}
.footer03  span a{color:var(--color-whiteblock)}

@media screen and (max-width:1450px) {
	.footer ul li a{ font-size:14px;}
	}

.sp_header{ display:none}
.sjj_nav{ display:none;}

.top{ display:none}

.weizhi{line-height:34px;display: flex;align-items: center;color:#212529;font-size: 14px; padding-top:2%;}
.weizhi a{color:#6c757d;position:relative;padding-right: 14px;display: block;}
.weizhi a::before { content: '>';  position: absolute;color: #999; right: 1px;}
.weizhi img{width: 17px;margin-right: 6px;}

.banner02{ display:block; width:100%; position:relative}
.banner02 img{ width:100%; vertical-align:bottom;}
.bannner0202{position:absolute;top: 0%;left:10%;color:var(--color-whiteblock);height: 100%;display: flex;justify-content: center;align-items: flex-start;flex-direction: column;}
.bannner0202 h2{ font-size:40px; display:block;color: #36c;}
.bannner0202 span{ font-size:20px; display:block; margin-top:2%;}

.cent05{display: flex;justify-content: space-between;align-items: flex-start;margin-top: 2%;}
.cent05-l{  width:100%;}
.cent05-l a{ display:block}
.cent05-l a img{ width:100%; vertical-align:bottom;}
.cent05-r{width: 44%;}
.cent05-r>span{font-size:18px;color:var(--color-two);display:block;line-height: 2;margin-top: 3%;}
.cent05-r>.ljxq{ margin:6% 0 0 0;} 
 
.cent06{ padding-top:3%; padding-bottom:3%;} 
.cent06 video{ width:100%; vertical-align:bottom;} 
 
.cent07-bg{ border-bottom:1px solid #e2e2e2} 
.cent07{}
.cent07 ul{ display: flex; justify-content: center;  align-items: center;} 
.cent07 ul li a{padding: 26px 40px;    font-size: 16px; position:relative; transition: all .5s ease;  display:block;}
.cent07 ul li a:hover {color: var(--color-whiteblock); background: linear-gradient(90deg, #0053ff, #008aff);}
.cent07 ul li a:before {
    position: absolute;
    content: "";
    width: 1px;
    height: 20px;
    background: #eee;
    right: 0;
    top: 40%;
}


.cent08{ padding:3% 0 5% 0; width:1540px; max-width:1540px; margin:0 auto;}
.ykwh{ color:var(--color-whiteblock); text-align:center}
.ykwh h2{ font-size:32px; display:block; font-weight:bold;}
.ykwh em{ font-style:normal; font-size:16px; display:block; margin-top:1%;}
.ykwh p{ padding:0; width:50px; height:4px; background:var(--color-whiteblock); margin:2% auto;}


.cent08 ul{ }
.cent08 ul li{ float:left; display:block; width:calc((100% - 6.5%)/5); margin-right:1.5%; box-sizing:border-box; padding:2%; background:rgba(0,0,0,0.6); border-top:2px solid var(--color-one); color:var(--color-whiteblock); text-align:center; min-height:280px; position:relative; z-index:1}
.cent08 ul li:before {
    content: " ";
    height: 0%;
    width: 100%;
    background: linear-gradient(0deg,#0053ff,#008aff);
    position: absolute;
    top: 0;
    left: 0;
    transition: all 0.6s; z-index:-1;
}
.cent08 ul li:hover:before{ height:100%;}
.cent08 ul li:nth-child(5n) {margin-right: 0% ;}
.cent08 ul li:nth-child(2n){ margin-top:6%;}
.cent08 ul li .img{ width:56px; margin:0 auto;}
.cent08 ul li .img img{ width:100%;}
.cent08 ul li h2{ font-size:22px; display:block; padding-top:5%; padding-bottom:9%;}
.cent08 ul li span{ display:block; font-size:14px; line-height:1.5;}


.juli{margin-top:-120px; padding-top:120px}

.cent09{ padding:3% 0;}
.cent09 ul li{ float:left; display:block; width:calc((100% - 4%)/3); margin-right:2%; margin-top:4%;}
.cent09 ul li:nth-child(3n) {  margin-right: 0% ;}
.cent09 ul li a{ display:block}
.cent09 ul li a .img{ overflow:hidden; display: flex; justify-content: center;  align-items: center; height:30vh;overflow:hidden;}
.cent09 ul li a .img img{ max-height:100%; max-width:100%; vertical-align:bottom; transition: all 0.5s;}
.cent09 ul li span{ display:block; padding:2%; box-sizing:border-box; font-size:18px; color:var(--color-whiteblock); background:var(--color-one); text-align:center;}
.cent09 ul li a .img:hover img{ transform: scale(1.1);}

.cent10{display: flex;justify-content: space-between;align-items: flex-start; padding:4% 0;}
.cent10-l{  width:50%;}
.cent10-l a{ display:block}
.cent10-l a img{ width:100%; vertical-align:bottom;}
.cent10-r{width: 44%;}
.cent10-r>span{font-size:18px;color:var(--color-two);display:block;line-height: 2;margin-top: 3%;}
.cent10-r>.ljxq{ margin:6% 0 0 0;} 


.cpfl-bg{ border-bottom: 1px solid #e2e2e2;}
.cpfl{}
.cpfl ul{ display: flex; justify-content: center;  align-items: center;} 
.cpfl ul li a{padding: 26px 40px;    font-size: 17px; position:relative; transition: all .5s ease;   display: flex; justify-content: center;  align-items: center; font-weight:bold; }
.cpfl ul li a:hover {color: var(--color-whiteblock); background: linear-gradient(90deg, #0053ff, #008aff);}
.cpfl ul li a:before {
    position: absolute;
    content: "";
    width: 1px;
    height: 20px;
    background: #eee;
    right: 0;
    top: 40%;
}
.cpfl ul li a:hover img{filter: brightness(0%) contrast(200%) invert(100%) opacity(100%); }
.cpfl ul li a img{ margin-right:10px;}
.cpfl ul li.hover a{color: var(--color-whiteblock); background: linear-gradient(90deg, #0053ff, #008aff);}
.cpfl ul li.hover a img{filter: brightness(0%) contrast(200%) invert(100%) opacity(100%); }


.chp-bg{ background:rgba(245,248,250,1)}

.cent11{ padding-bottom:4%;}
.cent11 ul li{ background:var(--color-whiteblock); float:left; display:block; width:calc((100% - 6%)/4); margin-right:1.5%; margin-top:1.5%;}
.cent11 ul li:nth-child(4n) { margin-right: 0% ;}
.cent11 ul li a{ display:block}
.cent11 ul li a .img{ display: flex; justify-content: center;  align-items: center; height:40vh; overflow:hidden;}
.cent11 ul li a .img img{ max-width:100%; max-height:100%; vertical-align:bottom;cursor:pointer; transition: all 0.5s;}
.cent11 ul li a span{
    display:block;
    border-top:1px solid rgba(245,245,245,1);
    font-size:18px;
    color:var(--color-three);
    text-align:center;
    line-height: 3.5;
    padding: 0% 8%;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 1;
    }
.cent11 ul li:hover span{    background: linear-gradient(90deg, #0053ff, #008aff); color:var(--color-whiteblock);}
.cent11 ul li:hover .img img{transform: scale(1.1);}



.cent12{ margin-top:2%;}
.cent12 img{ max-width:100%}

.pro_lbox{ float:left; width:24%;position:sticky;top: 100px; left: 0; background:var(--color-whiteblock); padding:3%; box-sizing:border-box;}
.pro_lbox ul li a {
    font-size: 18px;
    color: #666;
    padding-left: 40px;
    position: relative;
    display: block;
    font-weight: bold
}

.pro_lbox ul li a.active {
    color: var(--color-one)
}

.pro_lbox ul li a::before {
    content: "";
    width: 12px;
    height: 12px;
    border-radius: 50%;
    background-color: #ddd;
    position: absolute;
    left: 0;
    top: 50%;
    transform: translateY(-50%);
    transition: 0.4s all
}

.pro_lbox ul li a.active::before {
    background-color: var(--color-one)
}

.pro_lbox ul li a::after {
    content: "";
    width: 1px;
    height: 52px;
    background-color: #ddd;
    position: absolute;
    left: 5px;
    bottom: -45px
}

.pro_lbox ul li + li {
    margin-top: 30px
}
.pro_lbox ul li:last-child a::after {
    display: none
}

.pro_lbox ul li {
    position: relative
}

.pro_lbox ul li::after {
    content: ">";
    color: #707070;
    position: absolute;
    right: 0;
    top: 0
}

.cent12-r{ float:right; display:block; width:74%;}
.xiangq{ padding:4%; box-sizing:border-box; width:100%; background:var(--color-whiteblock);}
.duotu-l{ float:left; display:block; width:48%;}
.mySwiper04{ border:1px solid #ddd;    height: 67%;
    width: 100%;}
.mySwiper04 .img{ display: flex; justify-content: center;  align-items: center;    padding: 30px; box-sizing:border-box;}	
.mySwiper04 .img img{ max-width:100%; max-height:100%;}

.mySwiper05{    height: 15%; margin-top:15px;}
.mySwiper05 .img{ display: flex; justify-content: center;  align-items: center; box-sizing:border-box;    padding: 10px; background: #f2f2f2;}
.mySwiper05 .img img{ max-width:100%; max-height:100%;}
.mySwiper05 .swiper-slide { opacity: 0.6; }
.mySwiper05 .swiper-slide-thumb-active { opacity: 1;}

.duotu-r{float:right; display:block; width:48%; margin-top:2%;}
.duotu-r>h2{ font-size:26px; color:var(--color-three); display:block; border-bottom:1px solid #e5e5e5; padding-bottom:3%;}
.duotu-r>span{ display:block; border-bottom:1px solid #e5e5e5; padding-bottom:3%; color:#666666; font-size:15px; line-height:1.5; padding-top:3%; min-height:110px;}


.die{ font-size:14px; color:#212529; margin:4% 0}

.ann{ display: flex;  align-items: center;}
.ann a{ display:block; width:160px;     font-size: 16px;  line-height:48px; text-align:center; color:var(--color-whiteblock); background:var(--color-two)}
.ann a:hover{    background: linear-gradient(90deg, #0053ff, #008aff);}
.cpzx{   background: linear-gradient(90deg, #0053ff, #008aff) !important; margin-right:10px}


.smsp{ margin-top:4%;}
.smsp>ul{    overflow-x: auto;overflow-y: hidden; white-space: nowrap; border-bottom: 1px solid #eee;}
.smsp>ul>li{    display: inline-block;  width: auto;  min-width: 150px;  padding: 0 5px;height: 50px;  line-height: 50px;  text-align: center;  border-bottom: 1px solid transparent;  background: #f2f2f2;  font-size: 16px;}
.cur{     color: var(--color-whiteblock);  border-bottom: 1px solid var(--primary); background: linear-gradient(90deg, #0053ff, #008aff) !important;}

.tab_valli{ display:none}
.inside_con{ padding:10px 0; min-height:300px;}
.inside_con img{ max-width:100%;}

.gjc{ display: flex;   align-items: center;flex-wrap: wrap; line-height:28px; }
.gjc span{ font-size:14px; color:#212529}
.gjc a{ color:#6c757d; padding:0 15px; border:1px solid #dee2e6; margin-left:15px; border-radius:5px; line-height:26px;}

.uema{ display: flex;  justify-content: space-between;  align-items: center; margin-top:5%;}
.uema span{display: flex;    align-items: center; font-size:14px; color:var(--color-fiver);}
.uema span a{ color:var(--color-fiver); margin:0 10px;}
.uema span em{ font-style:normal;}

.xgcp{ margin-top:2%;padding:4%; box-sizing:border-box; width:100%; background:var(--color-whiteblock);}
.xgcp>h2{ font-size:30px; color:var(--color-three);}
.xgcp ul li{ float:left; display:block; width:calc((100% - 6%)/4); margin-right:2%; text-align:center; }
.xgcp ul li:nth-child(4n) { margin-right: 0% ;}
.xgcp ul li a{ display:block;}
.xgcp ul li a .img{ display:block; width:100%; height:25vh;display: flex; justify-content: center;  align-items: center; overflow:hidden;}
.xgcp ul li a .img img{ max-width:100%; max-height:100%; cursor:pointer; transition: all 0.5s;}

.xgcp ul li:hover .img img{transform: scale(1.1);}
.xgcp ul li a span{ font-size:16px; color:#000; line-height:30px;    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-box-orient: vertical;
   -webkit-line-clamp: 1;}
.xgcp ul li:hover span{ color:#007bff}

.gwly{margin-top:2%;padding:4%; box-sizing:border-box; width:100%; background:var(--color-whiteblock);}
.gwly>h2{ font-size:30px; color:var(--color-three);}
.gwly ul{}
.gwly ul li{ margin-top:2%;}
.gwly ul li input {
    display: flex;
    align-items: center;
    margin: 0 auto;
    height: 45px;
    padding: 0 20px;
    background: #FAFAFA;
    border: 1px solid #FAFAFA;
    box-sizing: border-box;
    transition: .5s; width:100%;border-radius:5px;
}
.gwly ul li .input_text {
    display-radio: 1
}

.gwly ul li .input_text::-webkit-input-placeholder {
    color: #999 !important
}
.gwly ul li textarea {
    display: flex;
    align-items: center;
    margin: 0 auto;
    height: 100px;
    padding: 0 20px;
    background: #FAFAFA;
    border: 1px solid #FAFAFA;
    box-sizing: border-box;
    transition: .5s;
    margin-bottom: 13px;width:100%;border-radius:5px;
}
.gwly ul li .input_text:focus {
    color: #495057;
    background-color: var(--color-whiteblock);
    border-color: #80bdff;
    outline: 0;
    box-shadow: 0 0 0 0.2rem rgba(0,123,255,.25);
}
.gwly ul li textarea:focus {
    color: #495057;
    background-color: var(--color-whiteblock);
    border-color: #80bdff;
    outline: 0;
    box-shadow: 0 0 0 0.2rem rgba(0,123,255,.25);
}

.gwly .input_button{  display:block; text-align:center; width:100%; height:44px; line-height:44px; background:linear-gradient(90deg,#0053ff,#008aff); color:var(--color-whiteblock);}
.gwly em{ display:block; font-size:14px; color:#888888; font-style:normal; text-align:center; line-height:30px;}

.cent13{background:var(--color-whiteblock);padding: 1% 3% 3% 3%;box-sizing:border-box; margin-bottom:4%}
.cent13 ul li{float:left;display:block;width:calc((100% - 4%)/3);margin-right:2%;position:relative;margin-top: 3%;}
.cent13 ul li:nth-child(3n) {margin-right: 0% ;}
.cent13 ul li a{ display:block}
.cent13 ul li a .img{ position:relative; width:100%; height:30vh;overflow:hidden;}
.cent13 ul li a .img img{     height: 100%; width:100%; object-fit: cover; cursor:pointer; transition: all 0.5s; }
.cent13 ul li a .img:before {
    content: "+";
    display: flex;
    width: 60px;
    height: 60px;
    border: 2px var(--color-whiteblock) solid;
    border-radius: 50%;
    color: var(--color-whiteblock);
    font-size: 2rem;
    justify-content: center;
    position: absolute;
    left: 50%;
    top: 0;
    transform: translate(-50%,-50%);
    z-index: 3;
    transition: all 0.5s;
    opacity: 0
}
.cent13 ul li .img:after{ content: ""; position:absolute; top:0; left:0; height:100%; width:100%;     background: #000; display:none;}
.cent13 ul li:hover .img:before {
    top: 50%;
    opacity: 1;
}
.cent13 ul li:hover .img:after{display:block;opacity: 0.6;}
.cent13 ul li:hover .img img{ transform: scale(1.1);}
.cent13 ul li:before {
    content: "";
    display: block;
    width: 100%;
    height: 3px;
    background: rgb(227 227 227);
    position: absolute;
    left: 0;
    bottom: 0;
    z-index: 1;
    transition: all 0.5s;
}
.cent13 ul li:after {
    content: "";
    display: block;
    width: 0;
    height: 3px;
    background: linear-gradient(90deg, #0053ff, #008aff);
    position: absolute;
    left: 0;
    bottom: 0;
    z-index: 2;
    transition: all 0.5s;
}
.cent13 ul li:hover:after {  width: 100%;}
.cent13 ul li .cent13-l{ display:block; margin-top:5%; padding-bottom:5%;}
.cent13 ul li .cent13-l span{ display:block; font-size:18px; margin-bottom:2%;    overflow: hidden;  text-overflow: ellipsis; display: -webkit-box;  -webkit-box-orient: vertical;
 -webkit-line-clamp: 1;}
.cent13 ul li .cent13-l em{ font-style:normal; font-size:15px; color:#999;}
.cent13 ul li:hover .cent13-l span{ color:#007aff }



.cent14{ background:var(--color-whiteblock); padding:3.5% 4% 0 4%; box-sizing:border-box}
.cent14-l{ float:left; display:block; width:70%; box-sizing:border-box; padding:5%; border:1px solid #eeeeee;}
.tiet{}
.tiet>h2{ display:block; font-size:24px; color:var(--color-two); border-bottom:1px solid #f2f2f2; padding-bottom:20px;}
.fnse{ border-bottom:1px solid #f2f2f2; display: flex; justify-content: space-between;  align-items: center; padding:2% 0;  }
.fnse span{font-size:14px;color:#999;width: 36%;}

.weixer{position:absolute;bottom:100%;left:0;width:136px;display: none;}
.weixer03{background:#2BAD13;    box-shadow: 1px 1px 4px #888; padding: 8px 8px 4px; border-radius: 4px;}
.weixer03 img{ width:100%}
.weixer03 span{color:#000;font-size:12px;padding:4px 0;text-align: center;display: block;width: 100%;box-sizing: border-box;}
.weixer02 {
    position: relative;
    height: 0;
    width: 0;
    border-style: solid;
    border-width: 12px;
    border-color: transparent;
    border-bottom: none;
	border-top-color: #2BAD13;
}
.fbu{display: flex;justify-content: flex-end;align-items: center;flex: 1;}
.fbu a{  position:relative; width:30px; margin:0 5px;}
.fbu a img{ width:100%;}
.cent14-r{float:right;display:block;width:28%;box-sizing: border-box;padding: 0 2%;}
.cent14-r ul{}
.cent14-r ul li{margin-top: 7%;border-bottom:1px solid rgba(0,0,0,.1)}
.cent14-r ul li a{ display:block}
.cent14-r ul li a img{ display:block; width:100%; vertical-align:bottom;}
.cent14-r ul li a h2{font-weight:normal;font-size:18px;color:var(--color-three);display:block;margin: 6% 0 10%;}

.news{ padding:2% 0;}
.news ul li{ background:var(--color-whiteblock); margin-top:2%; margin-bottom:2%}
.news ul li:hover{    box-shadow: 0 23px 90px -5px rgb(29 56 72 / 17%);}
.news ul li a{ display: flex;justify-content: space-between;  align-items: center;}
.news ul li a .img{flex: 0 0 28%;
    margin-top: 0px;
    padding-top: 0px;
    padding-bottom: 0px;
    margin-bottom: 0px; overflow:hidden;
}
.news ul li a .img img{ width:100%; vertical-align:bottom;cursor:pointer; transition: all 0.5s;}
.news ul li:hover a .img img{ transform: scale(1.1);}
.cews01{ display: flex;
    flex-wrap: wrap;
    flex-direction: row;
    padding-top: 5%;
    padding-left: 5%;
    padding-bottom: 5%;
    padding-right: 5%;
    justify-content: space-between;}
.news-c{
    padding-left: 20px;
    padding-right: 20px;
    flex: 0 0 72%;
}
.news-c h2{ font-size:24px; color:var(--color-three); display:block;    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-box-orient: vertical;
   -webkit-line-clamp: 1;}
.news-c span{ overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-box-orient: vertical;
   -webkit-line-clamp: 2; font-size:15px; color:#707070; margin-top:5%;}
.news-r{    flex: 0 0 auto; text-align:center;color:#666666}
.news-r h1{ font-size:58px; }
.news-r span{ display:block; font-size:16px;    font-weight: bold;}
.news ul li:hover .news-r{ color:var(--color-one)}
.news ul li:hover .news-c h2{ color:var(--color-one)}

.cent15{display: flex;align-items: flex-end;justify-content: space-between;position: relative;padding-bottom: 5%;margin-top: -5%;}
.cent15-l{ width:48%;}
.cent15-l h2{display:block;font-size: 27px;position:relative;font-weight: normal;padding-bottom: 2%;}
.cent15-l h2:after{    content: ""; position:absolute; bottom:0; left:0; width:50px; height:1px; background:#666;}
.cent15-l ul{ margin-top:5%}
.cent15-l ul li{ display: flex;   align-items: center; line-height:30px; font-size:16px; color:#666; margin-bottom:2%;}

.cent15-r{ width:50%;   box-shadow: 0px 0px 15px #ccc; box-sizing:border-box; padding:2%; background:var(--color-whiteblock);}
.cent15-r img{ width:100%; vertical-align:bottom}


.cent16-bg{ background:url(../images/fc207d.png);    padding-left: 10px;  padding-right: 10px; padding-top: 5%; padding-bottom: 4%;}
.teid{ text-align:center;}
.teid h2{ font-size:36px; color:var(--color-three); display:block;}
.teid p{ display:block; padding:0; width:50px; height:4px; background:var(--color-one); margin:2% auto 0;}
.cent16 ul{ margin-top:3%}
.cent16 ul li{ float:left; display:block; width:32%; margin-right:2%; margin-bottom:1%;}
.cent16 ul li:nth-child(3n) {
    margin-right: 0% ;
}
.cent16 ul li .input_text{ width:100%; height:48px; line-height:48px; box-sizing:border-box; padding:0 10px;    background-color: var(--color-whiteblock);  border: 1px solid #eee;outline:none;}
.cent16 ul li .input_text:-webkit-input-placeholder{ color:#ccc;}
.cent16 ul li  .text{ width:100%; height:77px; line-height:1.5; box-sizing:border-box; padding:0 10px;    background-color: var(--color-whiteblock);  border: 1px solid #eee;outline:none;}
.cent16 ul li  .text:-webkit-input-placeholder{ color:#ccc;}
.cent16>a{    width: 200px;  padding: 14px 8px; display:block; box-sizing:border-box; background:var(--color-two); border-radius:50px; font-size:16px; text-align:center; color:var(--color-whiteblock); font-weight:bold; margin:2% auto 0;}
.cent16>a:hover{    background: linear-gradient(90deg, #0053ff, #008aff);}
@media only screen and (max-width: 980px) {
	
	
	/*---------------------------------------------------------------------------------------------------------------手机站导航开始----------*/
.sp_header{height: 60px;background:var(--color-whiteblock);position:fixed;z-index:10;width:100%;display:block;}
.sp_logo{padding:15px;float:left;height: 60px;box-sizing: border-box;}
.sp_logo img{margin:auto;max-height:30px;}
.sp_nav{width: 60px;float:right;position:relative;cursor:pointer;height:30px;margin-top: 22px;}
.sp_nav span{display:block;background:#2f93f7;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: 999;background: var(--color-whiteblock);width:100%;height: calc(100% - 63px);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:60px}

.sjj_nav ul li i{position:absolute;top: 12px;right:0px;/* border-left:1px #ddd solid; */height: 40px;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{position:relative;line-height: 1;font-size:14px;border-top: 1px solid #eee;padding: 15px 20px;}
.sjj_nav>ul>li>ul{margin-top: 15px;}
.sjj_nav>ul>li>ul>li{ display: flex;  align-items: center;}
.sjj_nav>ul>li>ul>li .img{ margin-right:10px}
.sjj_nav>ul>li>ul>li .img img{ max-width:23px;} 

.sjj_nav>ul >li:last-child{border-bottom:1px #ddd solid;}
.sjj_nav ul li ul{display:none}
.sjj_nav ul li a{color: var(--color-three);width:80%}
.sjj_nav ul li ul li a{color: var(--color-three);display:block;text-align:left;font-size: 14px;}
.sjj_nav ul li i svg{width: 30px;height: 30px;fill:var(--color-fiver);}
.sjj_nav ul li .sjj_nav_i_se svg{fill:#2f93f7}
.sjj_nav ul li ul li>ul{margin-left:10px}
.yuyan{float:right;height: 60px;margin-right: 15px;}
.ane a{ color:var(--color-three);}
.suoe{ height:100px;}
.yuyan01 a img{ margin-right:0}	
/*---------------------------------------------------------------------------------------------------------------手机站导航结束----------*/
	.top{ display:block; height:60px;}
	
	.header-bg{ display:none;}
	.wapper{ width:90%;}
	.wapper1{ width:90%;}
	.wapper2{width:90%;}
	.wapper3{ width:90%;}
	.wapper4{width:90%;}
	
	.tlet a{ font-size:26px;}
	
	.cent01{ flex-wrap: wrap; padding:10% 0}
	.cent01-l{ width:100%;}
	.cent01-r{width:100%; margin-top:5%;}
	.cent01-r>span{ font-size:16px; line-height:2;}
	.shuzi ul li .mun_top h2{ font-size:30px;}
	.shuzi ul li p{ font-size:13px;}
	.ljxq{ width:138px; height:38px; line-height:38px; font-size:14px; margin-top:10%;}
	
	.tile a{ font-size:26px}
	
	.cent02{ padding:10% 0;}
	
	
	.cent03-bg{ padding:10% 0;}
	#thumbs{ width:100%;}
	#thumbs::before{ width:80%; left:10%}
	#thumbs .wuzhji span{ font-size:15px}
	#thumbs .swiper-slide-thumb-active .wuzhji::after{ width:33%}
	#gallery .swiper-slide .shd span{ font-size:16px; line-height:34px; height:34px; padding:0}
	.swiper-button-next03, .swiper-button-prev03{ display:none !important;}
	
	
	.cent04-l{ width:100%; float:none;}
	.cent04-r{ width:100%; float:none; margin-top:5%;}
	
	
	.footer ul{ display:none;}
	.footer{ flex-wrap: wrap; padding-top:5%;}
	.logo01{ text-align:center;}
	.logo01 a img{ display:block; margin:0 auto;}
	.footer02{ margin:5% auto 0;  }
	
	.footer03{ padding:5% 0}
	.bannner0202{ width:100%; height:100%; left:0; top:0; align-items: center;}
	.bannner0202 h2{ font-size:24px;}
	.bannner0202 span{ display:none}
	
	.juli{margin-top:-60px; padding-top:60px}
	.cent08{ width:90%;}
	.cent08 ul{ text-align:center;}
	.cent08 ul li{ float:none;  width: calc((100% - 6.5%) / 3); margin-top:5%; display:inline-block;min-height: 215px;}
	.cent08 ul li:nth-child(2n){ margin-top:5%;}
	.cent08 ul li:nth-child(3n){ margin-right:0%;}
	.cent08 ul li span{ font-size:12px}
	
	.cent05{flex-wrap: wrap;}
	.cent05-l{ width:100%}
	.cent05-r{ width:100%; margin-top:5%;}
	
	.cent07 ul{overflow-y:scroll;}
	.cent07 ul li a{ font-size:14px; padding: 15px 15px;}
	
	.cent08{ padding:10% 0;}
	.ykwh h2{ font-size:20px;}
	.ykwh em{ font-size:14px}
	
	
	.cent10{flex-wrap: wrap; padding:10% 0;}
	.cent10-l{ width:100%}
	.cent10-r{ width:100%; margin-top:5%;}
	
	
	.cpfl ul{overflow-y:scroll;}
	.cpfl ul li a{ padding:15px 15px; font-size:14px;white-space:nowrap;}
	.cpfl ul li a img{ display:none;}
	
	.cent11 ul li{ background:var(--color-whiteblock); float:left; display:block; width:calc((100% - 4%)/2); margin-right:4%; margin-top:4%;}
	.cent11 ul li:nth-child(2n) { margin-right: 0% ;}
	.cent11 ul li a .img{ height:20VH;}
	
	.cent11{ padding:10% 0;}
	
	.pro_lbox{ float:none;width:100%;    top: 60px;} 
	.cent12-r{ float:none;width:100%; margin-top:5%;} 
	
	.duotu-l{float:none;width:100%;}
	.duotu-r{ float:none;width:100%; margin-top:5%;}
	.uema{ display:none}
	
	.xgcp>h2{ font-size:22px;}
	.xgcp ul li{ width:calc((100% - 4%)/2); margin-right:2%;}
	.xgcp ul li:nth-child(2n) { margin-right: 0% ;}
	.xgcp ul li a .img{ height: 20vh;}
	
	
	.gwly>h2{ font-size:22px;}
	.gwly em{ line-height:1; padding:5%;}
	
	.cent13 ul li{ float:none; display:block; width:100%; margin-right:0}
	
	.cent14-l{ width:100%; float:none; }
	.cent14-r{ width:100%; float:none;margin-top:5%;}
	
	.tiet>h2{ font-size:18px; padding-bottom:16px;}
	.fnse{ display:block;}
	.fnse span{display:block; width:100%; line-height:2;}
	.fbu{    justify-content: left;flex-wrap: wrap;  }
	
	
	.news ul li a{ display:block;}
	.cews01{
    padding-top: 20px;
    padding-left: 10px;
    padding-bottom: 20px;
    padding-right: 10px;
}
	.news-c{    padding-left: 0px;
    padding-right: 0px;}
	.news-c h2{ font-size:16px;}
	.news-c span{ font-size:15px}
	
	.news-r h1{ font-size:40px}
	.news-r span{ font-size:14px;}
	.news ul li{ margin:5% auto;}
	
	.cent15{flex-wrap: wrap; margin-top:0; padding:10% 0;}
	.cent15-l{ width:100%}
	.cent15-r{ width:100%; margin-top:5%;}
	
	.cent16-bg{ padding-top:10%; padding-bottom:10%;}
	.teid h2{ font-size:26px;}
	.cent16 ul li{ float:none; display:block; width:100%; margin-bottom:5%;}
	.cent16>a{ width:130px;}
	}