﻿.footer {
  position: absolute;
  bottom: 0;
  width: 100%;
  height: 60px; /* Set the fixed height of the footer here */
  background-color: #f5f5f5;
}
.anlipic1{ padding-bottom:20px;}
.news_img{ width:210px; height:132px; background-color:#999; float:left; margin-right:10px;}
.news_img img{width:210px; height:132px;}
.midd{ text-align:center;}
.ryt_1{
	width: 217px;
	height: 309px;
	margin-top: 0px;
	margin-right: auto;
	margin-bottom: 80px;
	margin-left: auto;
	transition: all 0.3s linear;
	border: 1px solid #f3f3f3;
}
.ryt_1:hover{
	border: 1px solid #069;
}
.topin{ padding-bottom:20px;}
.topin_toux{
	width: 80px;
    height: 80px;
    border-radius: 50px;
    border: 3px solid #ff6600;
    overflow: hidden;
    margin-top: 27px;
	float:left;
}
.topin_toux img{ width:80px; height:80px; }
.topin_text{ width:72%;}
@media (min-width: 576px) {
    .topin_text{ width:72%;} }
  @media (min-width: 768px) {
    .topin_text{ width:80%;} }
  @media (min-width: 992px) {
   .topin_text{ width:76%;} }
  @media (min-width: 1300px) {
    .topin_text{ width:76%;} }
.yuyue{ width:70px; height:28px; text-align:center; line-height:28px; background-color:#e73a33; border-radius:14px;}
.topin_text h1{ font-size:20px;}
.topin_text h1 span{ display:block; background-color:#ff6600; color:#FFF; font-size:14px; margin-right:110px; float:right; width:60px; height:28px; text-align:center; line-height:28px; border-radius:14px;}
@media (min-width: 576px) {
    .topin_text h1 span{ margin-right:400px;} }
  @media (min-width: 768px) {
   .topin_text h1 span{ margin-right:414px;} }
  @media (min-width: 992px) {
   .topin_text h1 span{ margin-right:260px;} }
  @media (min-width: 1300px) {
    .topin_text h1 span{ margin-right:270px;} }
.sheji{ background-color:#fff; border-radius:10px;padding:15px; box-shadow: 0px 0px 20px #e7e7e7;}
.shejixia{ margin-bottom:40px;}
@media (min-width: 576px) {
    .shejixia{ margin-bottom:40px;} }
  @media (min-width: 768px) {
    .shejixia{ margin-bottom:40px;} }
  @media (min-width: 992px) {
   .shejixia{ margin-bottom:60px;} }
  @media (min-width: 1300px) {
    .shejixia{ margin-bottom:60px;} }
.newsp { margin-bottom:2%;}
.newsp h1{ font-size:18px; margin-top: 0px; font-weight: bold;}
.newsp h2{ font-size:12px; color:#919191; margin-top: 0px;}
.newsp a h3{ font-size:12px; font-weight:bold;}
.kongge{padding-top:40px;}
@media (min-width: 576px) {
    .kongge{padding-top:40px;} }
  @media (min-width: 768px) {
    .kongge{padding-top:40px;} }
  @media (min-width: 992px) {
   .kongge{padding-top:70px;} }
  @media (min-width: 1300px) {
    .kongge{padding-top:70px;} }
.kongge2{padding-bottom:40px;}
@media (min-width: 576px) {
    .kongge2{padding-bottom:40px;} }
  @media (min-width: 768px) {
    .kongge2{padding-bottom:40px;} }
  @media (min-width: 992px) {
   .kongge2{padding-bottom:70px;} }
  @media (min-width: 1300px) {
    .kongge2{padding-bottom:70px;} }
	
.kongge3{ margin-bottom:20px;}
@media (min-width: 576px) {
    .kongge3{margin-bottom:20px;} }
  @media (min-width: 768px) {
    .kongge3{margin-bottom:280px;} }
  @media (min-width: 992px) {
   .kongge3{margin-bottom:280px;} }
  @media (min-width: 1300px) {
    .kongge3{margin-bottom:280px;} }	
.banner1{
	background-color: #09F;
	color: #FFF;
	height: 430px;
	background-image: url(../images/banner1.jpg);
	background-repeat: no-repeat;
	background-position: center center;
	margin-top: 0px;
}
.xzwm{ background-color:#096;}
.xzwm_t{ position: absolute;
    bottom: 0px;
	text-align:center;
	color:#FFF;
    background-color: #ff660080;
    line-height: 50px;
    width: 92.5%;
	backdrop-filter: brightness(100%) saturate(150%) blur(10px);
	-ms-backdrop-filter: brightness(100%) saturate(150%) blur(10px);
	-moz-backdrop-filter: brightness(100%) saturate(150%) blur(10px);
	-o-backdrop-filter: brightness(100%) saturate(150%) blur(10px);
	-webkit-backdrop-filter: brightness(100%) saturate(150%) blur(10px);
	}
.banner2{
	background-color: #09F;
	color: #FFF;
	height: 430px;
	background-image: url(../images/banner2.jpg);
	background-repeat: no-repeat;
	background-position: center center;
	margin-top: 0px;
}
.banner3{
	background-color: #ff6600;
	color: #FFF;
	height: 430px;
	background-image: url(../images/banner3.jpg);
	background-repeat: no-repeat;
	background-position: center center;
	margin-top:0px;
}
.banner4{
	background-color: #09F;
	color: #FFF;
	height: 430px;
	background-image: url(../images/banner4.jpg);
	background-repeat: no-repeat;
	background-position: center center;
	margin-top: 0px;
}
.banner5{
	background-color: #09F;
	color: #FFF;
	height: 430px;
	background-image: url(../images/banner5.jpg);
	background-repeat: no-repeat;
	background-position: center center;
	margin-top: 0px;
}
.ryt_1 img{ width:217px; height:309px;}
.granli{ background-color:#09F; width: 99.99%; margin:0.6%}
@media (min-width: 576px) {
    .granli{ width: 99.99%;} }
  @media (min-width: 768px) {
    .granli{ width: 99.99%;} }
  @media (min-width: 992px) {
   .granli{ width: 99.99%;} }
  @media (min-width: 1300px) {
    .granli{ width: 99.99%;} }

.dis{ display:inline;}
@media (min-width: 576px) {
    .dis{ display:inline;} }
  @media (min-width: 768px) {
    .dis{display:none;} }
  @media (min-width: 992px) {
   .dis{ display:none;} }
  @media (min-width: 1300px) {
    .dis{display:none;} }
	
	
.dibuc{
	text-align: left;
	font-size:14px;
	line-height:30px;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #f2f3f5;
}
@media (min-width: 576px) {
    .dibuc{ text-align:center; border:none;} }
  @media (min-width: 768px) {
    .dibuc{text-align:left; border:none;} }
  @media (min-width: 992px) {
   .dibuc{ text-align:left; border:none;} }
  @media (min-width: 1300px) {
    .dibuc{text-align:left; border:none;} }	 
	
	
.leeftt{ margin-left:0px;}
@media (min-width: 576px) {
    .leeftt{ margin-left:0px} }
  @media (min-width: 768px) {
    .leeftt{margin-left:15px} }
  @media (min-width: 992px) {
   .leeftt{ margin-left:-15px} }
  @media (min-width: 1300px) {
    .leeftt{margin-left:-15px} }
	
	
.copyright{ font-size:14px; color:#b0b0b0; display:none; background-color:#e7e7e7; height:50px; line-height:50px;}
@media (min-width: 576px) {
    .copyright{ display:none} }
  @media (min-width: 768px) {
    .copyright{display:none} }
  @media (min-width: 992px) {
   .copyright{ display:block} }
  @media (min-width: 1300px) {
    .copyright{display: block} }

.biaoti1{font-size: 18px; font-weight: bold;}
.biaoti{padding-left: 15px; padding-right: 15px; margin-bottom:52px;}
.biaoti2{ font-size:14px; color: #797979;line-height: 30px;}
.newst{
	padding-bottom: 25px;
	padding-top: 25px;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #CCC;
}
@media (min-width: 576px) {
    .newst{
	padding-bottom: 25px;
	padding-top: 25px;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #CCC;
} }
  @media (min-width: 768px) {
    .newst{
	padding-bottom: 35px;
	padding-top: 35px;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #CCC;
} }
  @media (min-width: 992px) {
   .newst{
	padding-bottom: 50px;
	padding-top: 50px;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #CCC;
	width: 80%;
} }
  @media (min-width: 1300px) {
    .newst{
	padding-bottom: 50px;
	padding-top: 50px;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #CCC;
	width: 80%;
} }
.zhaop h3{
	font-size: 18px;
	font-weight: bold;
}
.zhaop p{ width:250px; display:block;padding-bottom: 50px;}
.zhaop  a{color:#797979;transition: all 0.3s linear;}
.zhaop  a:hover{ color:#205296}
.zhaop h4{ font-size:14px; line-height:25px;}
.line2{
	height: 1px;
	background-color: #f4f4f4;
	width: 100%;
	margin-bottom: 30px;
	margin-top: auto;
	margin-right: 0px;
	margin-left: 0px;
}
.line3{
	height: 3px;
	background-color: #205296;
	width: 58px;
	margin-bottom: 0px;
	margin-top: 10px;
	margin-right: auto;
	margin-left: auto;
}
.rencaiz{ font-size:30px; padding-bottom:50px; padding-left:20px;}
.tips h2{ font-size:18px; color:#205296}
.tips h3{ font-size:16px; color:#797979}
.tips h3 span{color:#205296}
.mininv{ background-color:#efefef; line-height:60px;}
.mininv ul li{ float:left; width:120px; text-align:center;font-size: 20px; padding-bottom:10px;}
.mininv a { color:#333}
.logini{  width:360px; height:388px;
	padding:5px;
    margin-right: auto;
    margin-bottom: 0px;
    margin-left: auto; margin-top: 28px; background-color: #ffffff90;
	backdrop-filter: brightness(110%) saturate(100%) blur(10px);
	-ms-backdrop-filter: brightness(110%) saturate(100%) blur(10px);
	-moz-backdrop-filter: brightness(110%) saturate(100%) blur(10px);
	-o-backdrop-filter: brightness(110%) saturate(100%) blur(10px);
	-webkit-backdrop-filter: brightness(110%) saturate(100%) blur(10px);}
@media (min-width: 576px) {
    .logini{ margin-top: 28px;
    margin-right: auto;
    margin-bottom: 0px;
    margin-left: auto;	padding:5px;} }
  @media (min-width: 768px) {
   .logini{ margin-top: 28px;
    margin-right: auto;
    margin-bottom: 0px;
    margin-left: auto;	padding:5px;} }
  @media (min-width: 992px) {
   .logini{ float: right;margin-top: 28px;	padding:5px;} }
  @media (min-width: 1300px) {
    .logini{ float: right;margin-top: 28px;	padding:5px;}}
.tesee p{ font-size:15px;}
.anlish img{ width:375px; height:215px;}
.anlish h1 { font-size:18px;}
.anlish { text-align:center; padding-bottom:20px;}
.neirong1 p{ font-size:16px;}
.neirong1{ padding:15px;}
.gybann{ width:800px; height:505px;}
.gybann2{ width:480px; height:275px;}
.homeban{ height:226px;}
@media (min-width: 576px) {
    .homeban{ height:226px;} }
  @media (min-width: 768px) {
    .homeban{ height:226px;} }
  @media (min-width: 992px) {
   .homeban{ height:275px;} }
  @media (min-width: 1300px) {
    .homeban{ height:275px;}}
.tesee ul li{ float: left; width:120px; text-align:center; margin-right: 20px; margin-left: 20px;}
@media (min-width: 576px) {
    .tesee ul li{
	float: left; width:120px; text-align:center; margin-right: 20px; margin-left: 20px;
} }
  @media (min-width: 768px) {
    .tesee ul li{
	float: left; width:120px; text-align:center; margin-right: 20px; margin-left: 20px;
} }
  @media (min-width: 992px) {
   .tesee ul li{
	float: left; width:120px; text-align:center; margin-right: 55px; margin-left: 55px;
} }
  @media (min-width: 1300px) {
    .tesee ul li{
	float: left; width:120px; text-align:center; margin-right: 55px; margin-left: 55px;
} }
.hmore{
	width: 128px;
	height: 45px;
	background-color: #205296;
	background-image: url(../images/hmore.png);
	background-repeat: no-repeat;
	background-position: right center;
	text-align: center;
	line-height: 45px;
	font-size: 16px;
	margin-top: 20px;
}
.hmore2{
	width: 128px;
	height: 45px;
	background-color: #205296;
	background-image: url(../images/hmore.png);
	background-repeat: no-repeat;
	background-position: right center;
	text-align: center;
	line-height: 45px;
	font-size: 16px;
	margin-top: 20px;
	margin-right: auto;
	margin-bottom: 0px;
	margin-left: auto;
}
.hbg1{
	background-image: url(../images/hbg1.jpg);
	background-repeat: no-repeat;
	background-position: center center;
	background-color:#f5f5f5;
}
.blank{clear:both; padding-top:30px; padding-bottom:1px;}
@media (min-width: 576px) {
    .blank{
	clear:both; padding-top:30px; padding-bottom:1px;
} }
  @media (min-width: 768px) {
    .blank{
	clear:both; padding-top:30px; padding-bottom:20px;
} }
  @media (min-width: 992px) {
   .blank{
	clear:both; padding-top:30px; padding-bottom:30px;
} }
  @media (min-width: 1300px) {
    .blank{
	clear:both; padding-top:50px; padding-bottom:50px;
} }
.neir{
	width: 80%;
	height: 50px;
	margin-top: 25px;
	margin-right: auto;
	margin-bottom: 0px;
	margin-left: 35px;
	border:none;
	padding-left: 18px;
	 outline: none;
	 border-radius:25px;
}
.neir:hover{ transition:0.4s all;}
.neir2{
	width: 100%;
	height: 35px;
	margin-top: 20px;
	margin-right: auto;
	margin-bottom: 0px;
	margin-left: 0px;
	border:none;
	padding-left: 18px;
	background-color:#ff6600;transition:0.4s all; color:#ffffff;border-radius:25px;
}
.neir1{
	width: 80%;
	height: 50px;
	margin-top: 25px;
	margin-right: auto;
	margin-bottom: 0px;
	margin-left: 35px;
	border:none;
	padding-left: 18px;
	background-color:#ff6600;transition:0.4s all; color:#ffffff;border-radius:25px;
}
.neir1:hover{ background-color: #ff8a44; transition:0.4s all; }
.tes{
	background-color: #f7f5f0;
	width: 100%;
	margin-top: 0px;
	margin-right: auto;
	margin-bottom: 15px;
	margin-left: auto;
	height: 170px;
}
.kongzhi{ padding-top:27px;}
@media (min-width: 576px) {
    .kongzhi{ padding-top:40px;}}
  @media (min-width: 768px) {
    .kongzhi{ padding-top:40px;} }
  @media (min-width: 992px) {
   .kongzhi{ padding-top:35px;}}
  @media (min-width: 1300px) {
   .kongzhi{ padding-top:35px;} }
.tus{ padding-top:25px;}
.zxb{ width: 100%;
    height: 33px;
    outline: none;
    border: none;
    margin-top: 15px;
    padding: 15px;
    border-radius: 25px;}
.dis2{ display:none;}
@media (min-width: 576px) {
    .dis2{ display:none;} }
  @media (min-width: 768px) {
    .dis2{display:none;} }
  @media (min-width: 992px) {
   .dis2{ display:inline;} }
  @media (min-width: 1300px) {
    .dis2{display:inline;} }
	
	
.dis2t{ text-align:center}
@media (min-width: 576px) {
    .dis2t{ text-align:center} }
  @media (min-width: 768px) {
    .dis2t{ text-align:left} }
  @media (min-width: 992px) {
   .dis2t{ text-align:left;} }
  @media (min-width: 1300px) {
    .dis2t{text-align:left;} }
.desgin{
	width: 100px;
	height: 100px;
	border-radius: 50px;
	background-color: #993;
	border: 4px solid #ff6600;
	margin-top: 0px;
	margin-right: auto;
	margin-bottom: 0px;
	margin-left: 33%;
	position:absolute;
	overflow:hidden;
}
@media (min-width: 576px) {
    .desgin{ margin-left: 41%;} }
  @media (min-width: 768px) {
    .desgin{ margin-left: 32%;} }
  @media (min-width: 992px) {
   .desgin{ margin-left: 28%;} }
  @media (min-width: 1300px) {
    .desgin{margin-left: 28%;} }

.desgin img { width:100px; height:100px;}
.desnr{margin-top: 50px;
    padding-top: 52px;
    padding-bottom: 43px;
    padding-left: 15px;
    padding-right: 15px;
    background-color: #fff;
    margin-bottom: 30px;
    border-radius: 16px;
    box-shadow: 0px 0px 20px #e7e7e7;}
	
/*列表布局*/
.gallery{
  display: flex;
  flex-wrap: wrap;
   &::after {//处理最后一行
      content: '';
      flex-grow: 999999999;
    }
}

.gallery div{
  flex-grow: 1;
  margin:5px;
  background-color: violet;
  height:215px;
}
.gallery img{
  height:215px;
  object-fit: cover;
  max-width: 100%;
  min-width: 100%;
  vertical-align: bottom;
}
/*结束*/


.pressing{
    text-align: center;
    position: fixed;
    bottom: 78px;
    left: 0;
    right: 0;
    z-index: 999;
    width: 51%;
    border: 2px solid #fff;
    border-radius: 50px;
    padding: 7px;
    margin: 0 auto;
}
.pressing p{
    font-size: 1.4rem;
    color:#fff;
}
#goTopBtn{position:fixed;line-height: 38px;width: 46px;bottom: 47px;height: 46px;border-radius:50px;cursor:pointer;display:none;background:#000;-moz-opacity:0.5;-khtml-opacity:0.5;opacity:0.5;color:#FFFFFF;text-align:center;font-size: 5rem;z-index: 990;}
@font-face{font-weight:400;font-style:normal;font-family:SinaHomeFont;src:url(../img/HomeFont.eot);src:url(../img/HomeFont.eot) format('embedded-opentype'),url(../img/HomeFont.woff) format('woff'),url(../img/HomeFont.ttf) format('truetype');}
[class*=" icon_"],[class^=icon_]{text-transform:none;font-weight:400;font-style:normal;font-variant:normal;font-family:SinaHomeFont;line-height:1;speak:none;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;}

.icon_top:before{content:"\e60f";}
.rongyu{
	display: flex;
    flex-wrap: wrap;}
.rongyu div {
	flex-grow: 2;
height: 160px; width: 100px;
	margin-top: 5px;
	margin-right: auto;
	margin-bottom: 5px;
	margin-left: auto;
}
@media (min-width: 576px) {
    .rongyu div{ height: 160px; width: 100px;} }
  @media (min-width: 768px) {
    .rongyu div{ height: 160px; width: 100px;} }
  @media (min-width: 992px) {
   .rongyu div{ height: 250px; width: 200px;} }
  @media (min-width: 1300px) {
    .rongyu div{height: 250px; width: 200px;} }
.rongyu div img{ height:100%; object-fit: cover;}
.download{
	padding: 5px;
}
.download_n{ background-color:#f8f8f8; padding:30px;}
.sousuo{
	background-color: #f8f8f8;
	padding: 11px;
	background-image: url(../images/ss.png);
	background-repeat: no-repeat;
	background-position: 21px center;
	border-radius:30px;
	margin-bottom:30px;
}
.shiliimg{ padding-top:20px; padding-bottom:20px;}
.map{
	height: 450px;
	background-color: #CCC;
	margin-top: 0px;
	margin-right: auto;
	margin-bottom: 0px;
	margin-left: auto;
}
.cw1{
	width: 80%;
	border: 1px solid #df3620;
	margin-top: 0px;
	margin-right: auto;
	margin-bottom: 30px;
	margin-left: auto;
	padding: 30px;
	border-radius: 10px;
	text-align: center;
}
.cw1 h1{ font-size:22px; padding-bottom:20px;}
.cw1 h2{ font-size:16px;}
.anniu{ margin-top:20px;
	padding:10px;
	color: #df3620;
	font-size: 16px;
	text-align: center;
	border: 2px solid #df3620;
	border-radius:22px;
	transition: all 0.4s linear;
}
.anniu:hover{ margin-top:20px;
	padding:10px;
	color: #fff;
	font-size: 16px;
	text-align: center;
	border: 2px solid #df3620;
	border-radius:22px;
	background-color:#df3620;
}
/*********全屏滚动开始*************/
/* flexslider */

.flexslider{position:relative;height:500px;overflow:hidden;background:url(../images/loading.gif) 50% no-repeat;}

.slides{position:relative;z-index:1; padding-inline-start: 0px;}

.slides li{height:500px;}

.flex-control-nav{position:absolute;bottom:10px;z-index:2;width:100%;text-align:center; display:none;}

.flex-control-nav li{display:inline-block;width:14px;height:14px;margin:0 5px;*display:inline;zoom:1;}

.flex-control-nav a{display:inline-block;width:14px;height:14px;line-height:40px;overflow:hidden;background:url(../images/dot.png) right 0 no-repeat;cursor:pointer;}

.flex-control-nav .flex-active{background-position:0 0;}



.flex-direction-nav{position:absolute;z-index:3;width:100%;top:45%;}

.flex-direction-nav li a{display:block;width:50px;height:50px;overflow:hidden;cursor:pointer;position:absolute;}

.flex-direction-nav li a.flex-prev{left:40px;background:url(../images/prev.png) center center no-repeat;}

.flex-direction-nav li a.flex-next{right:40px;background:url(../images/next.png) center center no-repeat;}
.chenjun1{  display:none; height:500px; }
@media (min-width: 576px) {
    .chenjun1{ display:none} }
  @media (min-width: 768px) {
    .chenjun1{display:none} }
  @media (min-width: 992px) {
   .chenjun1{ display:block} }
  @media (min-width: 1300px) {
    .chenjun1{display: block} }
.moblie{display:block; height:350px;}
@media (min-width: 576px) {
    .moblie{ display:none} }
  @media (min-width: 768px) {
    .moblie{display:none} }
  @media (min-width: 992px) {
   .moblie{ display:none} }
  @media (min-width: 1300px) {
    .moblie{display: none} }
/**********全屏滚动结束************/
.logo2{ width:162px; height:35px; float:left; padding-top:10px;}
  @media (min-width: 768px) {
    .logo2{width:286px; height:63px;} }
  @media (min-width: 992px) {
   .logo2{ width:286px; height:63px;padding-top:5px;} }
  @media (min-width: 1300px) {
    .logo2{width:286px; height:63px;padding-top:5px;} }
.zone{
	background-color: #e7e7e7;
	background-image: url(../images/english.png);
	background-repeat: no-repeat;
	background-position: left center;
	border-radius:30px;
	height:50px; overflow:hidden;
	width:100%;
	color:#FFF;
}
.slg{  height:auto;}
@media (min-width: 576px) {
    .slg{ height:auto;} }
  @media (min-width: 768px) {
    .slg{height:auto;} }
  @media (min-width: 992px) {
   .slg{height:356px;} }
  @media (min-width: 1300px) {
    .slg{height:356px;} }
    
    
.slg2{  height:auto;}
@media (min-width: 576px) {
    .slg2{ height:auto;} }
  @media (min-width: 768px) {
    .slg2{height:auto;} }
  @media (min-width: 992px) {
   .slg2{height:212px;} }
  @media (min-width: 1300px) {
    .slg2{height:212px;} }    
    
.slg3{  height:auto;}
@media (min-width: 576px) {
    .slg3{ height:auto;} }
  @media (min-width: 768px) {
    .slg3{height:auto;} }
  @media (min-width: 992px) {
   .slg3{height:355px; width:355px;} }
  @media (min-width: 1300px) {
    .slg3{height:355px; width:355px;} }    
    
    
    
    