/*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:1200px  !important; margin:0 auto; width:90% !important}

@font-face {
    font-family: "ziti";
    src: url("/fonts/CabinSketch-Regular.ttf") format("truetype");
}
@font-face {
    font-family: "siyuanheiti";
    src: url("/fonts/SourceHanSansCN-Regular-Alphabetic.woff") format("truetype");
}
* {
    font-family: ziti;
}

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




/*menu*/
.menu{height:22px;line-height:22px;/* background:#333; */}
.menu ul li{float:left;position:relative;height: 40px;/* margin: 0 3px; */}
    .menu ul li span a {
        font-family: siyuanheiti;
        padding: 4px 12px;
        border-radius: 30px;
        position: relative
    }
.menu ul li dl{background: #f7941d;min-width: 338px;position:absolute;left:0px;top:100%;box-shadow:2px 2px 5px rgba(0,0,0,0.2);padding:10px 0;display:none;z-index:6999;border-radius: 20px;}
.menu ul li dl dd{line-height:28px;/* border-bottom:#ddd dotted 1px; */margin:0 10px;}
.menu ul li dl dd a{font-size: 15px;color: #fff;font-weight:normal;display:inline;padding:0;text-align:left;display: block;padding: 0 10px;}
.menu ul li dl dd a:hover{    background-color: #e67e00 !important; border-radius: 8px;}
.menu a{font-size: 16px;color:#fff;text-decoration:none;font-weight:bold;display:block;text-align:center;}
.menu a:hover{color:#fff;}
a.menu_hover{ background:#f7941d ;color:#fff;}
.menu ul li span a i{ margin-left:4px}
.menu ul li span a:after {
    opacity: 0;
    position: absolute;
    content: "";
    bottom: -5px;
    left: 0;
    height: 2px;
    width: 100%;
    background-color:#9e9e9e;
    transition: all .2s;
    pointer-events: none;
    }
a.menu_hover:after{opacity: 1 !important;bottom: -8px;}
.menu ul li.on span a{  background:#f7941d ;color:#fff;}
.menu ul li.on span a:after{opacity: 1 !important;bottom: -8px;   background-color:#0067ff !important;}

.header01{ border-radius:30px; line-height:28px; height:28px; background:#fff; display: flex;align-items: center;justify-content: space-between; padding:0 10px;}
.header01 .input_text{outline:none; line-height:1.5; font-size:14px; color:#000}
.header01 .input_text::-webkit-input-placeholder{ color:#ccc;}
.header01 a{ width:28px; height:28px; display: flex; justify-content: center;  align-items: center;}
.header01 a i{ font-size:16px; color:#f7941d} 


.banner{ position:relative;}
.banner img{ width:100%; vertical-align:bottom;}
.banner .swiper-pagination-bullet-active{ width:37px}
.banner .swiper-pagination-bullet{ border-radius:5px; background:#fff;}


.cent01{ margin:2% auto;}
.title{ text-align:center;}
.title h2{font-family:siyuanheiti; font-size:36px; color:#666; display:block;}
.cent01 ul li{ float:left; display:block; width:calc((100% - 8%)/3); margin-right:2%; margin-top:2%;}
.cent01 ul li:nth-child(5n) {  margin-right: 0% ;}
.cent01 ul li a{ display:block;}
.cent01 ul li a img{ width:100%;}
    .cent01 ul li p {
        font-family: siyuanheiti;
        font-size: 18px;
        text-align: center
    }

.footer-bg{ background:#12bfc4; color:#fff; padding:3% 0 10px;}
    .footer-bg a {
        font-family: siyuanheiti;
        color: #fff;
    }
.footer-bg a:hover{ color:#8fb9fa}
.footer01 dl{ display: flex; align-items: flex-start;}
.footer01 dl dd{ width:20%}
.footer01 dl dd i{ font-size:20px;}
.footer01 dl dd h2{ font-size:18px; font-weight:bold;}
.footer01 dl dd ul{ margin-top:20px;}
.footer01 dl dd ul li{ font-size:15px; line-height:24px}


.footer02{ display: flex;  align-items: center;justify-content: space-between;margin-top: 3%;}
.footer02 span{font-family:siyuanheiti; font-size:14px;}
.fooer03{display: flex;align-items: center;}
.fooer03 a{width:30px;height:30px;display: flex;justify-content: center;align-items: center;margin-left: 1vw;}
.fooer03 a svg{ max-height:100%; max-width:100%}
.fooer03 a i{font-size: 29px;}


.sp_header{ display:none}
.sjj_nav{ display:none}
.top{ display:none}
.weizhi {
    font-family: siyuanheiti;
    height: 40px;
    line-height: 40px;
    background: #e9ecef;
    font-size: 14px;
    color: #666;
    box-sizing: border-box;
    padding: 12px 20px;
    margin: 2% auto;
    border-radius: 5px;
    display: flex;
    align-items: center;
}
    .weizhi a {
        font-family: siyuanheiti;
    }
    .weizhi span {
        font-family: siyuanheiti;
    }
.weizhi img{ width:20px; margin-right:10px}
.weizhi strong{ font-weight:normal;}
.weizhi span{ color:#333;}

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


.cent02{ margin-bottom:4%}
.cent02-l{ float:left; display:block; width:calc(100% - 300px);}
.cent02-l ul li{ float:left; display:block;width:calc((100% - 4%)/3); margin-top:2%; margin-right:2%}
.cent02-l ul li:nth-child(3n) { margin-right: 0% ;}
.cent02-l ul li a{ display:block}
.cent02-l ul li .img{ width:100%; height:200px;  display: flex; justify-content: center;  align-items: center;}
.cent02-l ul li .img img{ max-width:100%; max-height:100%;}
.cent02-l ul li:hover { transform: translateY(-2px);}
.cent02-l ul li h2{ font-size:18px; color:#000; display:block; margin-top:10px;}
.cent02-l ul li span{ font-size:15px; color:#22292f; display:block; margin-top:30px;}

.cent02-r{ float:right; display:block; width:280px;position:sticky;top: 0; right: 0; }
.cent02-r ul li{}
.cent02-r ul li span{ display: flex;  align-items: center;justify-content: space-between; box-sizing:border-box; padding:18px 20px;    transition: background-color .2s ease;    border-bottom: 1px solid #e5e5e5;}
.cent02-r ul li span a{ font-size:14px; color:#333; display:block; font-weight:bold}
.cent02-r ul li span .img .pues{ display:block}
.cent02-r ul li span .img .minus{ display:none}
.cent02-r ul li span .img i{ font-size:14px;}

.cent02-r ul li span.cee .img .pues{ display:none}
.cent02-r ul li span.cee .img .minus{ display:block}

.cent02-r ul li span:hover{ background:#f8f9fa}
.sje label{ margin-top:10px; display: block; display: flex;  align-items: center;flex-wrap: wrap; color: #666; font-size: 14px; color:#333}
.sje label input{ width: 16px; height: 16px; margin-right: 0.5vw; border:1px solid #bfbfbf}
.cent02-r ul li .sje{ display:none}


.cent03{ margin-bottom:2%;}
.cent03 .mySwiper2 .img{ width:100%; display: flex; justify-content: center;  align-items: center; height:400px;}
.cent03 .mySwiper2 .img img{ max-height:100%; max-width:100%}
.cent03 .mySwiper2 .img video{   vertical-align:bottom;max-height:100%; max-width:100%}
.te{ text-align:center; margin-bottom:2%; }
.te h2{ color:#000; font-size:24px; font-weight:normal;}
.cent03 .mySwiper2 .swiper-pagination{ position:relative; background:none}
.cent03 .mySwiper2 .swiper-pagination .swiper-pagination-progressbar-fill{ background:#4ecdc4}
.cent03 .swiper-button-next:after, .cent03 .swiper-button-prev:after{ font-size:18px; color:#fff}
.cent03 .swiper-button-next, .cent03 .swiper-button-prev{    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    width: 50px;
    height: 50px;
    background: #4ecdc4;
    border: none;
    border-radius: 50%;
    cursor: pointer;
    display: flex
;
    align-items: center;
    justify-content: center;
    transition: all .3s ease;
    z-index: 10;
    box-shadow: 0 2px 10px #4ecdc44d;}
.cent03  .mySwiper{ margin-top:2%}
.cent03  .mySwiper .swiper-wrapper{ display: flex; justify-content: center;  align-items: center;flex-wrap: wrap; }
.cent03  .mySwiper .img{ width:114px; height:114px; border:3px solid transparent; border-radius:5px; display: flex; justify-content: center;  align-items: center; position:relative; overflow:hidden;}
.cent03  .mySwiper .img>img{ max-width:100%; max-height:100%; vertical-align:bottom;}
.cent03  .mySwiper .img span{display: flex; justify-content: center;  align-items: center; position:absolute; top:0; left:0; width:100%; height:100%}
.cent03  .mySwiper .img span img{ max-width:100%; max-height:100%; vertical-align:bottom;}
.cent03  .mySwiper .swiper-slide-thumb-active .img{ border:3px solid #4ecdc4}

.cent04{ margin:2% auto 4%}


.cent06{ border-radius:10px; overflow:hidden;}
.cent06 img{ width:100%; vertical-align:bottom;}

.cent07{ background:url(../images/contact.png) center no-repeat; background-size:cover; margin:10px auto; border-radius:10px; padding:4% 1%; box-sizing:border-box;}
.cent07 ul li{ float:left; display:block; width:calc((100% - 2%)/2); margin-right:2%;     background: #e8e8e8;  padding: 25px;  border-radius: 8px; box-shadow: 0 2px 8px rgba(0, 0, 0, 0.1);   margin-bottom:4%; box-sizing:border-box}
.cent07 ul li:nth-child(2n) {
    margin-right: 0% ;
}
.cent07 ul li h2{font-family:siyuanheiti; font-size:14px; color:#333; display:block}
    .cent07 ul li span {
        font-size: 12px;
        color: #555;
        display: block;
        font-family: siyuanheiti;
    }



.cent18{ margin:4% auto;}
.djsue{ text-align:center; border-bottom:1px solid #ced4da; padding-bottom:4%}
    .djsue h2 {
        font-family: siyuanheiti;
        font-size: 22px;
        color: #333;
        display: block;
    }
.cent18 ul{
    width: 50%;
    margin: 0 auto;
}
    .cent18 ul li {
        font-family: siyuanheiti;
        display: flex;
        justify-content: center;
        align-items: center;
        gap: 20px;
        margin-block: 2%;
    }
    .cent18 ul li span {
        font-family: siyuanheiti;
        text-align: right; /* width:48%; */
        font-size: 18px;
        color: #333;
        font-weight: 300;
        min-width: 200px;
    }
    .cent18 ul li .input_text {
        font-family: siyuanheiti;
        padding: 15px 18px;
        border: 1px solid #e0e0e0;
        border-radius: 4px;
        font-size: 16px;
        font-family: inherit;
        color: #666;
        background: #f8f8f8;
        transition: border-color 0.3s ease;
        flex: 1;
        outline: none;
    }
.cent18 ul li .input_text::-webkit-input-placeholder{ color:#ccc;}

.cent18 ul li .text{
    padding: 15px 18px;
    border: 1px solid #e0e0e0;
    border-radius: 4px;
    font-size: 16px;
    font-family: inherit;
    color: #666;
    background: #f8f8f8;
    transition: border-color 0.3s ease;
     flex: 1;
  outline:none; height:180px}
.cent18 ul li .input_text::-webkit-input-placeholder{ color:#ccc;}

.xzie{ display: flex; justify-content: center;  align-items: center; border-top:1px solid #ced4da; padding-top:4%; margin-top:4%}
    .xzie a {
        font-family: siyuanheiti;
        background: #666;
        color: white;
        border: none;
        padding: 15px 35px;
        border-radius: 4px;
        font-size: 16px;
        font-weight: 500;
        cursor: pointer;
        transition: background-color 0.3s ease;
        min-width: 120px;
        text-align: center;
        box-sizing: border-box;
        margin: 0 10px;
    }
.tede{    background: #ffa500 !important;}
@media only screen and (max-width: 980px) {
	
	.top{ display:block; height:50px;}
/*---------------------------------------------------------------------------------------------------------------手机站导航开始----------*/
.sp_header{height:50px;overflow:hidden;background: #12bfc4;position:fixed;z-index:10;width:100%;display:block;}
.sp_logo{padding:10px;float:left;height:50px}
.sp_logo img{margin:auto;max-height:30px;}
.sp_nav{width:50px;float:right;position:relative;cursor:pointer;height:30px;margin-top:15px}
.sp_nav span{display:block;background: #f7941d;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}
	.cent01{ margin:5%  auto;}
	.title h2{ font-size:26px;}
	.cent01 ul li{  width:calc((100% - 5%)/2); margin-right:5%; margin-top:5%;}
	.cent01 ul li:nth-child(5n) {  margin-right: 5% ;}
	.cent01 ul li:nth-child(2n) {  margin-right: 0% ;}
	.footer01 dl dd{ width:50%}
	.footer01{ display:none}
	.footer01 dl{flex-wrap: wrap; }
	.footer02{flex-wrap: wrap; }
	
	.cent02-l{ float:none; width:100%;}
	.cent02-l ul li{ width:100%; margin-right:0; margin-top:5%; float:none;}
	.cent02-r{ float:none; width:100%; position:relative;}
	.cent03 .mySwiper .img{ width:40px; height:40px;}
	.cent04{ overflow-x:scroll;}
	.cent04 .rte{ width:1200px}
	
	.cent07 ul li{ float:none; display:block; width:100%;}
	.cent18 ul{ float:none; display:block; width:100%;}
	.cent18 ul li{flex-wrap: wrap;        justify-content: left;}
	.cent18 ul li span{ min-width:inherit; text-align:left; width:100%;}
	}