/*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:#030303;/*font-family:'Microsoft YaHei';*/}
@font-face {
    font-family: "ziti";
    src: url("/fonts/Quicksand-Regular.otf") format("truetype");
}

* {
    font-family: ziti;
}
a{color:#030303;}
a:hover{ color:#63a0d3; /* text-decoration:underline; */}
p{line-height:1.8em; padding:5px 0;}
.clear{ margin:0; padding:0; font-size:0; clear:both; }
.wapper{ width:1634px !important; margin:0 auto; max-width: 90% !important;}

.more{ display: flex;   align-items: center;}
.get{ background: #466bf6; color: #fff; font-size: 16px; border-radius: 10px; padding: 12px 24px; font-size: 16px;}
.get1{ color: #fff; font-size: 16px; border-radius: 10px; padding: 12px 24px; font-size: 16px; border: 1px solid #fff;}

.title{padding-left: 30px;}
.title .h1{position: relative;font-size: 31px;font-weight: bold; text-transform: uppercase;}
.title .h1:before {content: "";position: absolute;left: -30px;top: 50%;width: 4px;height: 30px;background: #466bf6;  transform: translate(0,-50%);}


.header_bg{ position:absolute; top: 0; left: 0; width: 100%; z-index: 9;}
.header{ display: flex; align-items: center;justify-content: space-between; height: 80px;}
.logo{ height: 100%;}
.logo a{ width: 100%; height: 100%; display: flex;   align-items: center;}
.logo a img{ max-width: 100%; max-height: 100%;}
/*menu*/ 
.menu{height:35px;line-height:35px; flex:1}
.menu ul li{ float:left; position:relative; margin: 0 1vw;}
.menu ul li dl{ background:#fff; min-width: 120px; 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; position: relative; }
.menu ul li dl dd>dl{ position: absolute; left: 100%; top: 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 a{ font-size:14px;color:#fff; text-decoration:none; font-weight:normal;display:block;text-align:center; opacity: 0.6;}
.menu ul li.menu_down span>a{ padding-right: 30px;}
.menu a:hover{color:#fff;opacity:1;}
a.menu_hover{ opacity:1;color:#fff;}
.menu_down span{ display:block;background:url(../images/xiae.png) right 0px center no-repeat; background-size: 20px;}

.menu ul li.active span>a{ color:#fff;  opacity:1;}
	.sp_header{ display: none;}
	.sjj_nav{ display: none;}
	.top{display: none;height: 50px;}
@media only screen and (max-width: 980px) {
	.header_bg{ display:none;}
	.top{display:none; }
	/*---------------------------------------------------------------------------------------------------------------手机站导航开始----------*/
	.sp_header{height:50px;overflow:hidden;position:fixed !important;z-index:10;width:100%; display: block; background: #00000057;}
	.sp_logo{padding:10px;float:left;height:50px}
	.sp_logo img{margin:auto;max-height:30px;}
	.sp_nav{width:50px;float:right;position:relative;cursor:pointer;height:30px;margin-top:15px}
	.sp_nav span{display:block;background:#466bf6;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 !important;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 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}
	/*---------------------------------------------------------------------------------------------------------------手机站导航结束----------*/
}


.banner_bg{ background:#030303; color: #fff;}
.banner{ min-height: 100vh; display: flex;  align-items: center;justify-content: space-between;}
.banner .imgbg{width: 45%;}
.banner .imgbg .img {padding-bottom: 70%;position: relative;border-radius: 20px;overflow: hidden;}
.banner .imgbg .img img {width: 100%;height: 100%;position: absolute;top: 0;right: 0;bottom: 0;left: 0;margin: auto auto;transition: all .3s ease;object-fit: cover;}
.banner  .tit_bg{ width: 48%;}
.banner  .tit_bg .h1{ font-size: 4vw; display: block; font-weight: bold;}
.banner  .tit_bg .h2{ font-size: 18px; display: block; margin-top: 4%;}
.banner  .more{ margin-top: 4%;}
.banner  .more .get1{ margin-left: 2%;}
@media only screen and (max-width: 980px) {
	.banner{ min-height:inherit; padding: 80px 0;flex-wrap: wrap; }
	.banner .imgbg{ width: 100%;}
	.banner .tit_bg{ width:100%; margin-top: 5%;}
	.banner .tit_bg .h1{ font-size: 24px;}
	.banner .tit_bg .h2{ font-size: 16px;}
}

.cent01{ margin-top: 3%;}
.cent01 .img{padding-bottom: 12%;position: relative;overflow: hidden;}
.cent01 .img img {width: 100%;height: 100%;position: absolute;top: 0;right: 0;bottom: 0;left: 0;margin: auto auto;transition: all .3s ease;object-fit: cover;}
.cent0101{ margin-top: -4%; position: relative; z-index: 1;} 
.cent0101 ul{ display: flex; justify-content: center;  align-items:flex-start;}
.cent0101 ul li{margin: 0 4vw;width: 13%;text-align: center;}
.cent0101 ul li .img01{background: #030303;border-radius: 5px;border: 8px solid #fff;padding-bottom: 93%;position: relative;overflow: hidden;box-sizing: border-box;}
.cent0101 ul li .img01 img {height:80px; max-width: 100%;max-height: 100%;position: absolute;top: 0;right: 0;bottom: 0;left: 0;margin: auto auto;transition: all .3s ease;object-fit: cover;}
.cent0101 ul li .tit_bg{}
.cent0101 ul li .tit_bg .h1{text-transform:uppercase;color:#030303;font-size: 20px;font-weight: bold;margin-top: 4%;}
.cent0101 ul li .tit_bg .h2{  text-transform:uppercase; color: #466bf6; font-size: 12px; margin-top: 4%;}

@media only screen and (max-width: 980px) {
	.cent01{ margin-top: 5%;}
	.cent01 .img{ padding-bottom: 30%;}
	.cent0101 ul{flex-wrap: wrap; }
	.cent0101 ul li{margin: 0 1vw;width: 30%;text-align: center;}
	.cent0101 ul li .tit_bg .h1{ font-size: 14px;}
	.cent0101 ul li .tit_bg .h2{ font-size: 14px;}
}


.cent02{ margin-top: 5%;}
.cent02 dl{ display: flex;align-items:flex-start;justify-content: space-between;}
.cent02 dl dd:nth-child(1) {width: 36%;}
.cent02 dl dd:nth-child(2) {width: 49%;}
.cent02 dl dd .tit_bg{ padding-left: 30px;}
.cent02 dl dd .tit_bg .h2{color: #466bf6;font-size: 20px;text-transform: uppercase;letter-spacing:4px;margin-top: 4%;}
.cent02 dl dd .tit_bg .h3{line-height: 1.5; font-size: 16px; margin-top: 5%;}
.cent02 dl dd .tit_bg>a{ font-size: 14px; color: #fff; background: #466bf6;letter-spacing:4px; padding: 12px 24px; border-radius: 20px; display: inline-block; margin-top: 5%;}
.cent02 dl dd .tit_bg .h4{ font-size: 14px; color: #666; width: 60%; line-height: 1.5;}
.fure{ margin-top: 4%;}
.fure ul{ display: flex;  align-items: center;justify-content: space-between;flex-wrap: wrap;gap: 20px; }
.fure ul li{ width: 48%;}
.fure ul li>span{ font-size: 16px;letter-spacing:2px; color:#666;}
.fure ul li .jdt {width: 100%; height: 10px;background-color: #f0f0f0;overflow: hidden; position: relative;margin-top: 10px;}

/* 进度条填充样式 */
.fure ul li .jdt em {content: "";position: absolute; top: 0; left: 0;height: 100%; width: 0%;transition: width 0.5s ease;}
.fure ul li:hover .jdt em{ animation: pulse 0.5s ease;}
@keyframes pulse {
    0% { opacity: 0.8; }
    50% { opacity: 1; }
    100% { opacity: 0.8; }
}
@media only screen and (max-width: 980px) {
	.cent02{ margin-top: 5%;}
	.cent02 dl{ flex-wrap: wrap; }
	.cent02 dl dd:nth-child(1) {width: 100%;}
	.cent02 dl dd:nth-child(2) {width: 100%; margin-top: 5%;}
	.cent02 dl dd .tit_bg .h4 {width: 100%;}
	.fure ul li{width: 100%;}
}


.cent03{ width: 100%; position:relative; margin: 4% auto;}
.cent03 .img{ width: 100%;}
.cent03 .img img{ width: 100%; vertical-align: bottom;}
.cent0301{ position: absolute; top:50%; right: 2%;  transform: translate(0,-50%); color: #fff; width: 20%; text-transform:uppercase;} 
.cent0301 .h1{ font-size: 4vw;}
.cent0301 .h2{ font-size: 1.5vw;}
@media only screen and (max-width: 980px) {
	.cent03{ margin: 5% auto;}
	.cent0301{ width: 40%; right: 5%;}
	.cent0301 .h1{font-size: 20px;}
	.cent0301 .h2{font-size: 12px;}
}

.footer_bg{ background:#030303; padding: 3% 0; color: #fff;}
.footer_bg a{color: #fff;}
.footer dl{ display: block;  align-items:flex-start;justify-content: space-between; text-align: center;margin:0 auto;}
.footer dl dd {}
    .footer dl dd .h1 {
        text-align: left;font-size: 11px;
        display: block;
        letter-spacing: 3px;
    }
.footer dl dd .tit_bg{text-align: left;margin-top:10px;font-size: 14px;line-height: 2;}
.footer dl dd .tit_bg span{ display: block;}
.footer dl dd .tit_bg span p{ padding:0;}
.footer dl dd .fpte{ margin-top: 1%;}
.footer dl dd .fpte a{ display: inline-block; font-size: 22px; margin: 0 5px; opacity: 0.5;}
.footer dl dd .fpte a:hover{ opacity: 1;}
@media only screen and (max-width: 980px) {
	.footer_bg{padding: 5% 0;}
	.footer dl{flex-wrap: wrap; }
	.footer dl dd{ width: 100%; margin:5% auto;}
	.footer dl dd .tit_bg{ margin-top: 10px;}
	
}


.banner02{ position:relative; color: #fff;}
.banner02 img{ width: 100%; vertical-align: bottom;}
.banner02 .tit_bg{ position: absolute; top: 50%; left: 50%;    transform: translate(-50%,-50%); text-align: center;} 
.banner02 .tit_bg .h2{ font-size: 4vw; font-weight: bold; display: block; text-transform: uppercase;}
.banner02 .tit_bg .h1{ font-size: 1vw;}
@media only screen and (max-width: 980px) {
	.banner02 img{ min-height: 16vh;}
	.banner02 .tit_bg .h2{ font-size: 24px;}
	.banner02 .tit_bg .h1{ font-size: 14px;}
}


.cent04{}
.cent04 ul li{ margin: 5% 0;}
.cent04 ul li .nr_box{ display: flex; align-items: center;justify-content: space-between;}
.cent04 ul li .nr_box .imgbg{ width: 46%;}
.cent04 ul li .nr_box .imgbg .img {padding-bottom: 70%;position: relative;overflow: hidden;border-radius: 20px;}
.cent04 ul li .nr_box .imgbg .img img { width: 100%; height: 100%; position: absolute; top: 0; right: 0; bottom: 0; left: 0; margin: auto auto; transition: all .3s ease; object-fit: cover; }
.cent04 ul li .nr_box .txtbg{ width: 46%;}
.cent04 ul li .nr_box  .tit_bg{ padding-left: 30px;}
.cent04 ul li .nr_box .txtbg .tit_bg .h2{color: #466bf6;font-size: 20px;text-transform: uppercase;letter-spacing:4px;margin-top: 2%;}
.cent04 ul li .nr_box  .tit_bg .h3{line-height: 1.5;font-size: 16px;margin-top: 3%;}
.cent04 ul li .nr_box  .tit_bg>a{ font-size: 14px; color: #fff; background: #466bf6;letter-spacing:4px; padding: 12px 24px; border-radius: 20px; display: inline-block; margin-top: 5%;}
.cent04 ul li .nr_box  .tit_bg .h4{ font-size: 14px; color: #666; width: 60%; line-height: 1.5;}
@media only screen and (max-width: 980px) {
	.cent04 ul li .nr_box{flex-wrap: wrap;    flex-direction:column-reverse; }
	.cent04 ul li .nr_box .imgbg{ width: 100%; }
	.cent04 ul li .nr_box .txtbg{ width: 100%; margin-top: 5%;}
}


.cent05_bg{ background: #030303; color: #fff;}
.cent05_bg a{color: #fff;} 
.cent05{padding: 3% 0;display: flex;justify-content: space-between;}
.cent05_l{width: 47%;display: flex;justify-content: space-between;];]=;align-items: flex-start;flex-direction: column;}
.cent05_l .h1{font-size: 15px;opacity: 0.8;display: block;width: 100%;}
.cent05_l .tite{ width: 100%;}
.cent05_l .tite ul li{display: flex;align-items: center;justify-content: space-between;width: 100%;margin: 5% 0;}
.cent05_l .tite ul li .h2{ display: flex;   align-items: center;}
.cent05_l .tite ul li .h2 i{font-size: 24px;margin-right: 10px;width: 30px;display: flex;justify-content: center;align-items: center;}
.cent05_l .tite ul li .h2 .h2_l{}
.cent05_l .tite ul li .h2 .h2_l strong{ font-size: 14px; display: block;}
.cent05_l .tite ul li .h2 .h2_l p{ padding: 0; font-size: 14px; display: block;}
.cent05_l .tite ul li .h2 .h2_l p a{text-decoration:underline;}
.cent05_l .tite ul li>a{ display: block; padding: 12px 14px; border-radius: 5px; border:solid 1px #fff; font-size: 14px;}

.cent05_r{ width: 47%;}
.cent05_r .h1{ font-size: 12px; opacity: 0.8; display: block;}
.cent05_r .h2{ font-size:4vw; display: block;}
.cent05_r ul{ margin-top: 4%;}
.cent05_r ul li{ float: left; display: block;width:calc((100% - 2%)/2); margin-right: 2% ; margin-bottom: 2%;}
.cent05_r ul li:nth-child(2n) {  margin-right: 0% ;}
.cent05_r ul li span{ display: block; font-size: 14px; text-transform: uppercase; margin-bottom: 10px;}
.cent05_r ul li .input_text{outline:none;color: #000;width: 100%;border-radius: 5px;box-sizing: border-box;padding: 8px 12px;font-size: 20px;}
.cent05_r ul li .input_text::-webkit-input-placeholder{ color:#ccc;}
.cent05_r ul li .text{outline:none;color: #000;width: 100%;border-radius: 5px;box-sizing: border-box;padding: 8px 12px;min-height: 120px;font-size: 20px;}
.cent05_r ul li .text::-webkit-input-placeholder{ color:#ccc;}
.cent05_r .input_button{display: block;color: #fff;width: 100%;border-radius: 5px;box-sizing: border-box;padding: 8px 12px;background: #466bf6;font-size: 20px;}
.zuih{ width: 100% !important; margin-right: 0 !important;}
@media only screen and (max-width: 980px) {
	.cent05{ padding: 5% 0;flex-wrap: wrap; }
	.cent05_l{ width: 100%;}
	.cent05_r{ width: 100%; margin-top: 5%;}
	.cent05_r ul li{ width: 100%; margin-top: 5%; margin-right: 0; float: none;}
}

.cent06{ padding: 3% 0;} 
.cent06_l{ float: left; display: block; width: 47%;} 
.cent06_l .h1{ font-size: 4vw; display: block; margin-bottom: 4%;}
.cent06_l .h2{ display: block; font-size: 20px; color: #666;  margin-bottom: 4%;}
.cent06_l>a{ display:inline-block; font-size: 18px; padding: 12px 14px; border-radius: 5px; border:solid 1px #666;}
.cent06_r{ float:right; display: block; width: 47%;} 
.cent06_r ul li{border-bottom:solid 1px #ccc;padding: 2% 0;margin-top: 3%;}
.cent06_r ul li>.h1{ display: block; font-size: 16px; margin-bottom: 2%;}
.cent06_r ul li .tit_bg{ display: block; font-size: 14px; color: #666;}
@media only screen and (max-width: 980px) {
	.cent06{ padding: 5% 0;} 
	.cent06_l .h1{ font-size: 24px;}
	.cent06_l .h2{ font-size: 18px;}
	.cent06_l{ float:none;  width: 100%;} 
	.cent06_r{ float:none;width: 100%; margin-top: 5%;} 
}

.cent08{ margin: 3% auto;}
.title1{padding-left: 30px; position: relative;}
.title1 .h1{font-size: 31px;font-weight: bold; text-transform: uppercase;}
.title1:before {content: "";position: absolute;left: 0px;top: 50%;width: 4px;height: 100%;background: #466bf6;  transform: translate(0,-50%);}
.title1 p{color: #466bf6;font-size: 20px;text-transform: uppercase;letter-spacing:4px;margin-top: 10px;padding: 0;}
.cent08 .tit_vb{line-height: 1.5; font-size: 16px; margin-top: 2%;}
.cent08 .tit_vb>span{ display: block;}
@media only screen and (max-width: 980px) {
	.cent08{ margin: 5% auto;}
}

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

.cent09{margin: 3% auto;}

.cent10{margin: 3% auto;}
.cent10 ul li { float: left; width: calc((100% - 160px)/5); margin:  0 0px 40px 40px; background: #fff; }
.cent10 ul li:nth-child(5n-4) { margin-left: 0; clear: left; }
.cent10 ul li .nr_box {}
.cent10 ul li .img { padding-bottom: 70%; position: relative; overflow: hidden; background: #f9f9f9; }
.cent10 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;    object-fit: cover;     -webkit-filter: grayscale(100%);
    filter: grayscale(100%);}
.cent10 ul li:hover .img img {    -webkit-filter: grayscale(0);
    filter: none  }
@media(max-width:999px) {
.cent10 ul li { float: left; width: calc((100% - 10px)/2); margin: 0 0 20px  10px; }
.cent10 ul li:nth-child(5n-4) { margin-left: 10px; clear: none; }
.cent10 ul li:nth-child(2n-1) { margin-left: 0; clear: left; }
}