/*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{ width:960px !important; margin:0 auto; max-width:960px !important;}
.wapper03{ padding:0 1.6%; box-sizing:border-box;}
.kong{height:20px;}

.header-bg{position: relative;top:0;left:0;width:100%;left:0;z-index:99}
.header{ padding:0.6% 1.6%; display: flex;    justify-content: space-between;  align-items: flex-start; height:40px;}
.logo{ width:auto;}
.logo a{ display:block; height:40px;}
.logo a  img{width:auto;height:100%;filter: brightness(0%) contrast(200%) invert(0%) opacity(100%);}
.header-r{ display: flex; align-items: center;}
.zhoyie{ margin-left:10px;color:#333;font-size: 17px;
}
.zhoyie a{color: #333;font-size: 15px;}
.zhoyie a:hover{color: #111;}
/*menu*/
.menu{/* height:35px;line-height:35px; background:#333; */}
.menu ul li{float:left;position:relative;/* border-right:#666 solid 1px; *//* width:120px; */margin: 0 16px;}
.menu ul li dl{background:#fff;width: auto;position:absolute;left:0px;top:35px;box-shadow:2px 2px 5px rgba(0,0,0,0.2);padding:10px 0;display:none;min-width: 120px;}
.menu ul li dl dd{ line-height:28px;border-bottom:#ddd dotted 1px; margin:0 10px; }
.menu ul li dl dd a{ font-size:12px; color:#666; font-weight:normal; display:inline; padding:0; text-align:left;}
.menu ul li dl dd a:hover{ color:#f60;}
.menu a{font-size: 15px;color: #333;text-decoration:none;font-weight: normal;display:block;text-align:center;}
.menu a:hover{color:#111}
a.menu_hover{ color:#111;}
/*.menu_down span{ display:block;background:url(../images/menu_down.gif) right 10px center no-repeat;}
*/
.menu ul li.hover span>a{color:#111;}

.banner{ width:100%; height:100vh;}
.banner .img{ width:100%; height:100%; display:block;}
.banner img{ width:100%; vertical-align:bottom; height:100%; object-fit: cover;}
.banner .swiper-pagination01{ margin-bottom:1%}
.banner .swiper-pagination01 span{ height:5px; border-radius:inherit; width:26px; background:#fff; margin: 0 var(--swiper-pagination-bullet-horizontal-gap, 12px) !important;}


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

.cent01{ padding:0 1.6%; box-sizing:border-box; margin-top:1%; margin-bottom:3%;}
.cent01 ul li{ float:left; display:block; width:calc((100% - 60px)/4); margin-right:20px; margin-bottom:20px; position:relative;}
.cent01 ul li a{ display:block;}
.cent01 ul li .imag{ display:block; padding-top:56%;}
.cent01 ul li:nth-child(4n) {margin-right: 0% ;}
.cent01 ul li .smcd{position:absolute;top:0;left:0;width:100%;height:100%;background:rgba(0,0,0,.5);padding: 4%;color:#fff;box-sizing:border-box;display: flex;justify-content: space-between;align-items: flex-end; opacity:0}
.cent01 ul li .smcd span{ font-size:18px;}
.cent01 ul li:hover .smcd{ opacity:1}


.footer{ text-align:center; margin-bottom:2%}
.footer span{font-size:17px; color:#334059;}
.footer span a{  color:#334059;}
.footer .img{ display: flex; justify-content: center;  align-items: center; margin-top:0.8%}
.footer .img a{ display: flex; justify-content: center;  align-items: center; width:33px; height:33px; border-radius:50%; border:1px solid #ccc; margin:0 5px;}
.footer .img a img{ max-height:100%; max-width:80%;}

.fhdbu{ padding:0 1.6%; text-align:right; margin-bottom:2%;}
.fhdbu a{ display:block;}

.top{ display:none;}

.xingmu{ position:relative; padding: 0 1.6% 19px;margin-top:1%;}

.xingmu .mySwiper02 .img{ height:calc(100vh - 60px - 78px); display:block; width:100%;}
.xingmu .mySwiper02 .img>img{ display: block;   width: 100%;   height: 100%;  object-fit: cover;}

.xingmu .mySwiper02 .swiper-slide>a{ width:20px; height:20px; position:relative; display: flex; justify-content: center;  align-items: center; float:right; margin-top:20px; margin-right:0%;z-index:99}
.xingmu .mySwiper02 .swiper-slide>a img{  width:100%; height:100%;filter: brightness(0%) contrast(200%) invert(50%) opacity(100%);}
.tele01{background:#000;color:#fff;position:absolute;padding:5.12px 12px;font-size:14px;left: 50%;transform: translate(-50%, 0);bottom: 143%; display:none;}
.tele01:before {content: " ";bottom: -10px;left: 50%;margin-left: -5px;position: absolute;width: 0;height: 0;border: 5px solid transparent;border-top-color: #000;}
.xingmu .mySwiper02 .swiper-slide>a:hover .tele01{ display:block}	
.xingmu .mySwiper02 .swiper-slide>a:hover img{filter:none;}	
.xingmu .swiper-button-next:after, .xingmu .swiper-button-prev:after{color:#fff; text-shadow:#ccc 3px 4px 5px}


.shuen{position:absolute;bottom:0;padding-left:0%;z-index:2;height:60px;display: flex;align-items: center;padding-right:2.9%;box-sizing:border-box;justify-content: space-between; width:calc(100% - 80px);} 
.shuen .swiper-pagination02{position: relative;width: auto;left: inherit;bottom: inherit;top: inherit;display: block;}	
.shuen .swiper-pagination02 span{ font-size:15px !important; color:#222;}
.anme{display: flex;align-items: center;/* margin-right: 1.8%; */}	
.anme a{width:20px;height:20px;display: flex;justify-content: center;align-items: center;position:relative;margin-left: 60px;}	
.anme a img{ width:100%; display:block;filter: brightness(0%) contrast(200%) invert(50%) opacity(100%);}
.anme a:hover .tele01{ display:block}
.anme a:hover img{ filter:none}	


.cent02{ color:#333; padding:8% 0}
.cent02 h2{ font-size:28px; font-weight:normal; margin-bottom:6%;}
.cent02 span{ display:block; font-size:16px; margin-bottom:6%; color:#434249; line-height:1.4; text-align: justify;}
	
.sqs-block-content ul li{ border-top:2px solid #000; display: flex;  align-items: center;font-size:14px; padding:1% 0; color:#666;}	
.sqs-block-content ul li>strong{ color:#000; margin-right:10px;}	
.sqs-block-content ul li:last-child{ border-bottom:2px solid #000;}
	
	
.HBoxbg{position:fixed;left:0px;top:0px;width:100%;height:100%;z-index: 999;background: hsl(0deg 0% 100% / 94%);display:none;}
.HBox {
	width: 97.9%;
	height: 88%;
	margin: 0 0 0 0.5%;
	/* box-shadow: 1px 1px 5px #333; */
	/* -webkit-box-shadow: 1px 1px 5px #333; */
	/* background-color: #ffffff; */
	position:absolute;
	z-index: 100000;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
	margin-top: 1%;
}
.HBox .HCloseBtn{ position:absolute; top:-65px; right:0.6%; width:28px; height:28px}
.HBox .HCloseBtn img{ max-width:100%; max-height:100%;}	
.HBox .pie{ width:100%; height:100%;overflow-y:scroll;}


.pie ul li{ float:left; display:block; width:calc((100% - 6.25%)/6); margin:0 1.25% 1.25% 0;}
.pie ul li:nth-child(6n) { margin-right: 0% ;}
.pie ul li a{ display:block;}
.pie ul li a .img{ width:100%; /*height:19vh;*/  display: flex; justify-content: center;  align-items: center;     transition: opacity .24s ease-out;    box-shadow: 0 5px 15px rgba(0,0,0,.085);}
.pie ul li a .img img{ max-width:100%; max-height:100%}
.pie ul li a .img:hover{ opacity:0.7}

.cent03{ text-align:right;}
.cent03 a{ color:#333; font-size:17px; margin-right:10px;}
.cent03 a:hover{ color:#111;}

.cent04{ padding:0 5%; box-sizing:border-box; margin-top:4%;}
.cent04-l{ float:left; display:block; width:60%}
.cent04-l h2{ font-weight:normal; font-size:20px; color:#111; display:block; margin-bottom:1%;}
.cent04-l ul li{ font-size:16px; display:block; line-height:2;}
.cent04-l .siue{ display: flex;  align-items: center; margin-top:1%;}
.cent04-l .siue a{ width:30px; height:30px; display:block; margin-right:10px}
.cent04-l .siue a img{ width:100%; height:100%; filter: brightness(0%) contrast(200%) invert(50%) opacity(100%); }
.cent04-l .siue a:hover img{ filter:none;}

.cent04-r{ float:right; display:block; width:33%}
.cent04-r img{ width:100%;}
.cent05{ padding:0 5%; box-sizing:border-box; margin-top:3%; margin-bottom:3%}
.cent05>h2{ font-weight:normal; font-size:20px; color:#111; display:block; margin-bottom:1%;}
.cent05>span{ font-size:16px; line-height:2;}
.cent05 ul li{ margin-top:2%;}
.cent05 ul li>h2{ font-weight:normal; font-size:20px; color:#111; display:block; margin-bottom:1%;}
.cent05 ul li>p{ font-size:16px; line-height:2;padding:0;}



.cent06{width: 72%; margin: 1% auto;}
.cent06 ul li{ display:block; float:left; width:calc((100% - 80px)/3); margin-right:40px; margin-bottom:2%;}
.cent06 ul li:nth-child(3n) {  margin-right: 0% ;}
.cent06 ul li a{ display: flex; justify-content: center;  align-items: center;}
.cent06 ul li a img{ max-width:100%; max-height:100%;}
.cent06 ul li .dani{ display:block; padding:0% 0 0 0;}
.cent06 ul li .dani em{ display:block; font-style:normal; font-size:16px; color:#666;}
.cent06 ul li .dani span{ font-size:13px; color:#000; font-weight:normal; display:block; margin-top:1%;height: 35px;}

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

@media only screen and (max-width: 980px) {
.header-bg{ display:none;}	
.top{ display:block; height:50px}
/*---------------------------------------------------------------------------------------------------------------手机站导航开始----------*/
.sp_header{height:50px;overflow:hidden;background:#fff;position:fixed;z-index:10;width:100%; display:block}
.sp_logo{padding:10px;float:left;height:50px}
.sp_logo img{margin:auto;max-height:30px;filter: brightness(0%) contrast(200%) invert(0%) opacity(100%);}
.sp_nav{width:50px;float:right;position:relative;cursor:pointer;height:30px;margin-top:15px}
.sp_nav span{display:block;background:#111;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:#111}
.sjj_nav ul li ul li>ul{margin-left:10px}
/*---------------------------------------------------------------------------------------------------------------手机站导航结束----------*/

.cent01{ padding:0 5%;}
.cent01 ul li{ float:none; display:block; width:100%; margin-right:0; margin-top:5%;}

.fhdbu{ padding:0 5%;}
.footer{ padding:5%; box-sizing:border-box;}
.footer .img{ margin-top:3%}

.wapper{ width:90% !important;}
.pie ul li{ float:left; display:block; width:calc((100% - 3%)/3); margin:0.7% 1.5% 0.7% 0;}
.pie ul li:nth-child(6n) { margin-right: 1.5% ;}
.pie ul li:nth-child(3n) { margin-right: 0% ;}
.pie ul li a .img{ height:10vh;}
.xingmu .mySwiper02 .img{ height:300px;}
.maodian{margin-top:-50px; padding-top:50px}

.cent04-l{ float:none; display:block; width:100%}
.cent04-r{ float:none; display:block; width:100%; margin-top:5%;}
.cent04-l ul li{ font-size:14px;}
.cent06{ padding:0 5%;}
.cent06 ul li{ float:none; display:block; width:100%; margin-right:0; margin-bottom:5%}
.cent06 ul li a{ height:auto;}
	}