/*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:#272e47;}
a{color:#272e47;}
a:hover{ color:#084fa0; /*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;}
.wapper02{ max-width:1020px !important; margin:0 auto; width:90% !important;}
.wapper03{ max-width:960px !important; margin:0 auto; width:90% !important;}
@font-face {
  font-family: "6xKhd";
  src: url("../fonts/6xKhdSpbNNCT-sWPCm4.woff2") format("woff2"),
}

@font-face {
  font-family: "B50NF";
  src: url("../fonts/B50NF7ZCpX7fcHfvIUB5jKJr.woff2") format("woff2"),
}

.header-bg{ border-bottom:1px solid #e5e7eb; padding:10px 0}
.header01{ height:60px; position:relative; text-align:center;}
.logo{ height:60px}
.logo a{ display:block; height:60px}
.logo a img{ max-width:100%; max-height:100%;}
.ine{ position:absolute; top:0; right:0; width:auto}
.ine a{ width:16px; height:16px; display:inline-block; margin-left:30px;}
.ine a img{ width:100%; height:100%;}
.sosop:hover{ opacity:0.8;}



/*menu*/
.menu{height:54px;line-height:54px; text-align:center;  font-family: "6xKhd";}

.menu ul li{position:relative;/* border-right:#666 solid 1px; *//* width:120px; */display:inline-block;margin: 0 1vw;}
.menu ul li dl{background:#fff;width: auto;position:absolute;left:0px;top: 54px;box-shadow:2px 2px 5px rgba(0,0,0,0.2);padding: 5px 0;display:none;z-index: 99;}
.menu ul li dl dd{line-height: 36px;/* border-bottom:#ddd dotted 1px; *//* margin:0 10px; */display: flex;  align-items: center; position:relative}
.menu ul li dl dd>dl{ position:absolute; top:0; left:100%;}
.menu ul li dl dd img{ width:24px; margin-left:10px}
.menu ul li dl dd a{font-size: 15px;color: #666;font-weight:normal;display:inline;padding:0;text-align:left;white-space: nowrap;display: block;padding: 0 10px;}
.menu ul li dl dd a:hover{color: #084fa0;background: #e5e7eb;}
.menu a{font-size: 12.5px;color: #000000d9;text-decoration:none;font-weight: normal;display:block;text-align:center;}
.menu a:hover{color: #084fa0;}
a.menu_hover{/* background:#666; */color: #084fa0; border-bottom:2px solid #084fa0}
.menu_down span{ display:block;background:url(../images/menu_down.gif) right 10px center no-repeat;}
.menu ul li.on span>a{color: #084fa0; border-bottom:2px solid #084fa0}

.cent01{ text-align:center; margin-top:4%;}
.cent01 h2{font-family:'6xKhd'; font-size:54px; color:#272e47; font-weight:normal; line-height:1; display:block; margin-bottom:2%;}
.cent01>span{ width:80%; margin:0 auto; display:block;}
.cent01>span P{ padding:0; font-size:14px; color:#272e47; font-weight:700; line-height:1.5}



.cent02{ margin-top:4%;}
.cent02 ul li{float:left;display:block;width: calc((100% - 3%)/3);margin-right: 2%;}
.cent02 ul li:nth-child(3n) {
    margin-right: 0% ;
}
.cent02 ul li .img{ width:100%; border-radius:10px; overflow:hidden;}
.cent02 ul li .img img{ width:100%; vertical-align:bottom;}
.cent02 ul li .lea{ display:block; text-align:center; border-radius:100px; background:#272E47; font-size:18px; font-weight:bold; color:#fff; line-height:60px;  border:1px solid #070a17; margin-bottom:10px;  width:90%;  margin:0 auto 5%}
.cent02 ul li .lea:hover{ background:rgb(54, 64, 99)}
.cent02 ul li .lea01{ display:block; text-align:center; border-radius:100px;font-size:18px; font-weight:bold; color:#070a17; line-height:60px; border:1px solid #070a17;margin-bottom:10px;   width:90%; margin:0 auto 5%}
.cent02 ul li .lea01:hover{ background:rgb(245, 245, 245) !important}

.cent02 ul li:nth-child(2) {width: 29.9%;}

.cent03-bg{ background:#f0f3f5; margin-top:4%;}
.cent03{ padding:3% 0}
.cent03 ul li{ float:left; width:calc(100%/4); position:relative; display: flex; justify-content: center;  align-items: center;flex-direction: column; padding:2% 0;}
.cent03 ul li:before {
    content: ""; position:absolute; right:0; top:50%; height:80%; width:1px; background:#e1e3e8;    transform: translate(0,-50%);}
.cent03 ul li:nth-child(1):after{
    content: ""; position:absolute; left:0; top:50%; height:80%; width:1px; background:#e1e3e8;    transform: translate(0,-50%);}
.cent03 ul li .mun_top{ display: flex; justify-content: center;  align-items: flex-start;font-size:46px; color:#272e47; line-height:1;}
.cent03 ul li .mun_top h2{ font-size:54px; color:#272e47}
.cent03 ul li p{ font-size:16px; color:#747a8b; display:block; margin-top:3%;}


.cent04{ padding-top:4%;}
.tea{ display: flex;  align-items: center;justify-content: space-between;}
.tea h2{ font-size:44px; color:#272e47; font-weight:normal;font-family: "B50NF";}
.tea a{ font-size:20px; color:#272e47;display: flex;  align-items: center; font-weight:normal;}
.tea a i{ width:28px; height:28px; border-radius:50%; background:#e5e7eb; display: flex; justify-content: center;  align-items: center; margin-left:10px}

.cent04-1{ float:left; display:block; width:50%}
.cent04-1 img{ width:100%; vertical-align:bottom;}
.cent04-r{ float:right; display:block; width:35%;}
.cent04-r img{ width:100%; vertical-align:bottom;    height: 315px;object-fit: contain;}
.cent04-r .swiper-button-next:after, .cent04-r .swiper-button-prev:after{ color:#333; font-size:14px}
.cent04-r .swiper-button-next, .cent04-r .swiper-button-prev{ width:30px; height:30px; border-radius:50%; border:1px solid #ccc;}

.cent05-bg{ background:#f0f3f5; margin-top:3%}
.cent05{ padding:4% 0; display: flex;  align-items: center;justify-content: space-between;}
.cent05 .img{width: 40%;}
.cent05 .img img{ width:100%; vertical-align:bottom}
.cent05-l{width: 41%;}
.cent05-l h2{ font-size:24px; color:#272e47; display:block;}
.cent05-l p{ padding:0; font-size:16px; color:hsla(227, 29%, 22%, 1);}
.cent05-l span{display:block;font-size:14px;color:#747a8b;line-height:2;margin-top: 5%;}


.cent07{ background:#fcfaf8;}

.cent06{display: flex;align-items: center;justify-content: space-between;margin: 4% auto;}
.cent06 .img{width: 41%;}
.cent06 .img img{ width:100%; vertical-align:bottom;}
.cent06-l{ width:48%}
.cent06-l h2{ font-size:36px; display:block;}
.cent06-l span{ font-size:14px; display:block;}



.cent08-bg{ padding:5% 0;}
.cent08{    display: flex; align-items: center; justify-content: space-around; color:#fff;}
.cent08-l{}
.cent08-l span{ font-size:28px;font-family: "6xKhd";}
.cent08-r{}
.cent08-r ul li{margin-bottom: 6%;display: flex;align-items: center;}
.cent08-r ul li span{font-size:14px;color:#b7bac2;display: flex;align-items: center;width: 15%;justify-content: flex-end;margin-right: 10px;}
.cent08-r ul li span em{color: red;font-style: normal;margin-right: 5px;}
.cent08-r ul li .input_text{border:none;background:#ffffff33;line-height:32px;width: 220px;outline:none;text-indent: 10px;color:#fff;}
.cent08-r ul li .input_text::-webkit-input-placeholder{ color:#ccc;}
.cent08-r>a{width:220px;height:36px;text-align:center;color:#fff;background:#084fa0;font-size:14px;display:block;line-height:36px;margin-left: 18%;}


.footer-bg{ background:#212431; color:#fff;}
.footer{ max-width:1130px !important; margin:0 auto;}
.footer01{ padding:6% 0;}
.footer01 dl{ display: flex;   align-items: flex-start;justify-content: space-between;}
.footer01 dl dd{    padding: 0 2px;}
.footer01 dl dd h2 a{ color:#fff; font-size:12px; font-weight:normal;}
.footer01 dl dd ul li{ line-height:30px;}
.footer01 dl dd ul li a{ color:#808080; opacity:0.8; font-size:10px}
.footer01 dl dd ul li a:hover{ color:#4c6aff}


.footer02{ border-top:1px solid #7d8085; padding:2% 0 10% 0; text-align:center;}
.footer02 span{ display:block; font-size:14px; color:#7d8085}



.HBoxbg{ position:fixed; left:0px; top:0px; width:100%; height:100%; z-index:88;  display:none;}
.HBox {
	width: 100%;
	height: 111px;
	margin: 0 auto;
	background-color: #ffffff;
	position:absolute;
	top: 0%;
	left: 0%;
	z-index: 100000;
	text-align: center; display: flex; justify-content: center;  align-items: center;
}
.search{ width:800px; margin:0 auto; display: flex;  align-items: center;}
.search-l{ display: flex;  align-items: center; flex:1;    border-bottom: 1px solid #abadb6;
    padding: 4px 5px; height:22px}
.search-l a{ width:22px; height:22px;}
.search-l a img{ width:100%; height:100%}
.search-l .input_text{ float:1; background:none; line-height:22px; color:#000; outline:none;text-indent: 10px;}
.search-l .input_text::-webkit-input-placeholder{ color:#ccc;}

	
.search .HCloseBtn{ width:20px; height:20px}
.search .HCloseBtn img{ width:100%; height:100%}

.top{ display:none; height:50px}
.sp_header{ display:none;}
.sjj_nav{ display:none;}

.cent09{ padding:2% 0; display: flex;align-items: center;justify-content: space-between; position:relative;}
.cent09-l{ width:42%}
.cent09-l h2{ font-size:54px; display:block; font-weight:normal; font-family: "6xKhd";}
.cent09-l span{ display:block; font-size:16px;  line-height:1.5; margin-top:2%; font-weight:300 } 

.weta{    height: 550px;}
.dpi01{     position: absolute;   z-index: 4;
    top: 225px;
    left: 618.5px;
    width: 216px;
    height: 216px;
    bottom: unset;
    right: unset; display:block;}
.dpi01 img{ width:100%;}



.dpi02{      position: absolute;  z-index: 5;
    top: 419px;
    left: 732.5px;
    width: 216px;
    height: 216px;
    bottom: unset;
    right: unset;}
.dpi02 img{ width:100%;}

.dpi03{    position: absolute;    z-index: 6;
    top: 80px;
    /*left: 823.5px;*/
    width: 100%;
    height: 404px;
    bottom: unset;
    right: unset;}
.dpi03 img{ width:100%;height: 404px;object-fit: cover;}



.cent09-r{width: 54%;}
.cent09-r ul li{ float:left; display:block;width:calc((100% - 4%)/3); margin-right:2%}
.cent09-r ul li:nth-child(3n) {
    margin-right: 0% ;
}
.cent09-r ul li a{ width:100%}
.cent09-r ul li a img{ width:100%; vertical-align:bottom;}
.cent09-r ul li:nth-child(2n){margin-top: 9%;}

.cent10{ margin:3% auto; border-top:1px solid #e2e4e9; padding-top:4%}
.lae{  font-size:14px;display: flex; justify-content: flex-end;  align-items: center;}
.lae a{ width:30px; height:30px; border-radius:50%; border:1px solid #272e47; display: flex; justify-content: center;  align-items: center; margin-left:20px}
.lae a:hover{ color:#fff; background:#272e47}
.cent10 ul li{ float:left; display:block;width:calc((100% - 6%)/4); margin-right:2%; margin-top:2%}
.cent10 ul li:nth-child(4n) {
    margin-right: 0% ;
}
.cent10 ul li a{ display:block;border: 1px solid #cbcbcb;}
.cent10 ul li a .img{ width:100%; height:282px; background:#FFFFFF; overflow:hidden;}
.cent10 ul li a .img img{ max-width:100%; max-height:100%;cursor:pointer; transition: all 0.5s;    width: 280px;height: 280px;    object-fit: contain;margin: auto;background: #FFFFFF;}
.cent10 ul li a .img:hover img{ transform: scale(1.1);}
.cent10 ul li span{ display:block; font-size:16px; line-height:1.5; margin-top:15px; color:#272e47;text-align: center;
    margin-bottom: 15px;overflow: hidden;
text-overflow: ellipsis;
display: -webkit-box;
-webkit-line-clamp: 1;
-webkit-box-orient: vertical;}


.tilte{ text-align:center;}
.tilte h2{ font-size:28px;font-family: "6xKhd";}
.cent11{ margin:4% auto;}
.cent11 ul li{ float:left; display:block;width:calc((100% - 6%)/4); margin-right:2%; margin-top:2%}
.cent11 ul li:nth-child(4n) {
    margin-right: 0% ;
}
.cent11 ul li a{ display:block;    border: 1px solid #cbcbcb;}
.cent11 ul li a .img{ width:100%; height:282px; background:#f7f9ff; overflow:hidden;}
.cent11 ul li a .img img{ max-width:100%; max-height:100%;cursor:pointer; transition: all 0.5s;    height: 280px;width: 280px;object-fit: contain; background: #fff;}
.cent11 ul li a .img:hover img{ transform: scale(1.1);}
.cent11 ul li span{ display:block; font-size:16px; line-height:1.5; margin-top:10px; color:#272e47;    margin-bottom: 10px;text-align: center;overflow: hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 1;-webkit-box-orient: vertical;}


.cent12{ margin-top:4%;}
.ttle{ text-align:center; position:relative; margin-bottom:2%}
.ttle h2{ font-size:44px;font-family: "6xKhd";}
.ttle a{ position:absolute; width:42px; height:42px;  display: flex; justify-content: center;  align-items: center; border:1px solid #000; border-radius:5px; top:0; right:0;transition: all 0.5s; color:#000}
.ttle a i{ font-size:18px}
.ttle a:hover{ border-radius:50%}

.cent1201-l{ float:left; display:block; width:35.2%;}
.cent1201-l ul li{ margin-bottom:10px}
.cent1201-l ul li a{ display:block; overflow:hidden}
.cent1201-l ul li a .img{ padding-top:51.7%;cursor:pointer; transition: all 0.5s;}
.cent1201-l ul li:nth-child(2) .img{padding-top: 82%;}
.cent1201-l ul li:hover .img{transform: scale(1.1);}



.cent1201-r{float:right;display:block;width: 64%;}
.cent1202{display:block;margin-bottom: 9px; overflow:hidden}
.cent1201-r .img01{padding-top: 36.1%;cursor:pointer; transition: all 0.5s;}
.cent1202:hover .img01{transform: scale(1.1);}

.cent1201-r ul li{float:left;display:block;width: 60%;margin-right: 9px;}
.cent1201-r ul li:nth-child(2){margin-right:0;width:calc(100% - 9px - 60%);}
.cent1201-r ul li a{ display:block; overflow:hidden;}
.cent1201-r ul li a .img{padding-top: 62%;cursor:pointer; transition: all 0.5s;}
.cent1201-r ul li:nth-child(2) .img{padding-top: 96%;}
.cent1201-r ul li:hover .img{transform: scale(1.1);}

.cent13{ position:relative; margin:4% auto;}
.worh{position:absolute;top: 10%;left: -9%;}
.worh h2{font-family: "6xKhd";font-size:60px;display:block;font-weight: normal;}
.worh span{ font-size:16px; display:block;}

.cent13 img{ width:100%; vertical-align:bottom}
.csme{ margin-top:4%;}
.csme span{ display:block; font-size:16px; color:#545a6d; font-weight:300}
.conp{ background:#084fa0; width:250px; height:auto; color:#fff; box-sizing:border-box; padding:9% 5%; margin-top:3%;}
.conp em{ font-style:normal; font-style:normal; font-size:16px; display:block; margin-bottom:5%}
.conp h1{ font-size:26px; font-weight:normal;}

.cent14-bg{ background:#f0f3f5; padding:5% 0}
.cent14{ text-align:center; display:block; font-size:36px;font-family: "6xKhd";}
.cent14 h2{isplay:block; font-size:36px;font-family: "6xKhd";}
.cent14 span{ display:block; font-size:16px; margin:4% 0;}
.cent14 img{ max-width:100%; vertical-align:bottom;}
.inside_con{ padding:10px 0; min-height:300px;}

.weizhi{height:40px; line-height:40px; background:url(../images/title03.png) no-repeat;font-size:14px; }

.cent15{ margin-top:1%; margin-bottom:4%;}
.cent15-l{ float:left; display:block; width:37.5%;}
.cent15-l img{ width:100%; vertical-align:bottom}
.cent15-r{ float:right; display:block; width:calc(100% - 37.5%); box-sizing:border-box; padding-left:5%; position:relative;}
.hot{position:absolute;top:0;left: 8px;width: 33px;}
.hot img{ width:100%;}
.pse{ border-bottom:1px solid rgba(0,0,0,.1); padding-bottom:2%; padding-top:2%}
.pse h2{ font-weight:normal;}
.fpb{ display: flex;   align-items: center;justify-content: space-between; }
.fpb em{ font-style:normal;    padding: 0 6px;
    border-radius: 2px;
    background: #fff3e2;
    color: #cc913d;
    font-size: 12px;
    line-height: 1.33;}
.fpb a{    background: #edf0ff;
    border-radius: 4px;
    color: #4c6aff;
    border: none;
    display: flex;
    align-items: center;
    height: auto;
    padding: 4px 12px; font-size:14px;
}
.cent15-r>ul>li{ line-height:21px; display: flex;  align-items: center; margin-top:4%}
.cent15-r>ul>li span{ width:120px; font-size:14px; color:#7a8599; display:block;}
.cent15-r>ul>li em{ font-style:normal; font-size:14px;}
.cent15-r>ul>li a{ display:block; font-size:14px;     padding: 5px 12px; border:1px solid #ebedf2; border-radius:5px}


.cent16-bg{ background:#f6f7fa; padding:2% 0}
.cent16{}
.cent16 h2{ position:relative; font-size:14px; padding:8px 12px; display:inline-block; line-height:1.57; background:#fff; border:1px solid #ebedf2; color:#d24b4be3;    border-bottom: 1px solid #fff;    position: relative;
    top: 1px;}
.cent16 h2:after {
    content: "";
    display: block;
    width: 10px;
    height: 2px;
    background: #d24b4b;
    position: absolute;
    left: 50%;
    transform: translateX(-50%);
    bottom: 0;
}
.ess{ background:#fff;    border: 1px solid #ebedf2;}

.cent17{ padding:2% 0}
.cent17-l{float:left;display:block;width: calc(100% - 243px);}
.cent17-l h2{display: flex;margin-bottom: 19px;align-items: center;color:#272e47;font-size:20px;}
.cent17-l h2 em{width: 4px;height:20px;background: #ab1515;margin-right:10px}
.cent17-l ul li{ float:left; display:block;width:calc((100% - 2%)/2); margin-right:2%}
.cent17-l ul li:nth-child(2n) {
    margin-right: 0% ;
}
.cent17-l ul li .input_text{width:100%;border: 1px solid #ab1515;padding:0 10px;box-sizing:border-box;font-size:16px;color:#000;outline:none;line-height: 40px;margin-bottom: 3%;}
.cent17-l ul li .input_text::-webkit-input-placeholder{ color:#ccc;}
.please{ width:100%; margin-right:0}
.cent17-l ul li .text01s{ width:100%; height:120px;border: 1px solid #ab1515;padding:0 10px;box-sizing:border-box;font-size:16px;color:#000;outline:none;line-height: 40px;margin-bottom: 3%;}
.cent17-l>a{  background:#ab1515; border-radius:5px; line-height:35px; padding:0 10px; color:#fff; font-size:16px; display:inline-block; }
.cent17-l label{  display: inline-flex; font-size:16px;}
 
.cent17-r{float:right;display:block;width: 234px;border:1px solid #ccc;box-sizing: border-box;padding: 10px;margin-top: 45px;}
.cent17-r ul li{ display: flex; margin-bottom:10px;  align-items: center;}
.cent17-r ul li img{ width:24px;}
.cent17-r ul li span{ margin-left:10px; font-size:14px; color:#000}


@media only screen and (max-width: 980px) {
	.wapper{ max-width:inherit !important; width:90% !important;}
	.wapper02{  width:90% !important;}
	.header-bg{ display:none}
	.top{ display:block}
			/*---------------------------------------------------------------------------------------------------------------手机站导航开始----------*/
.sp_header{height:50px;overflow:hidden;background:#fff;position:fixed;z-index:10;width:100%;display: flex;align-items: center;justify-content: space-between;}
.sp_logo{padding:10px;/* float:left; */height:50px}
.sp_logo img{margin:auto;max-height: 50px;}
.sp_nav{width:50px;float:right;position:relative;cursor:pointer;height:30px;/* margin-top:15px; */}
.sp_nav span{display:block;background:#282f48;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}
/*---------------------------------------------------------------------------------------------------------------手机站导航结束----------*/
.sp_header .ine{position:static;width:50px;height:50px;display: flex;justify-content: center;align-items: center;}
.sp_header .ine a{ margin-left:0; width:30px; height:30px}
.search{ width:80%;}	
	
	.cent01 h2{ font-size:36px;}
	
	.cent02 ul li{ float:none; display:block; width:100%; margin-right:0; margin-top:5%;}
	.cent02 ul li:nth-child(2){width:100%;}
	.cent03 ul li{ float:none; display:block; width:100%; margin-right:0}
	.cent03 ul li p{ text-align:center;}
	
	.tea h2{ font-size:18px}
	.cent04{ margin-top:5%;}
	.cent04-1{ float:none; display:block; width:100%;margin-top:5%;}
	.cent04-r{ float:none; display:block; width:100%;margin-top:5%;}
	
	.cent05{ padding:5% 0;flex-wrap: wrap; }
	.cent05-l{ width:100%;}
	.cent05 .img{ width:100%; margin-top:5%}
	
	.cent07 .cent05-l{ margin-top:5%}
	
	.cent06{flex-wrap: wrap;}
	.cent06-l{ width:100%;}
	.cent06 .img{ width:100%; margin-top:5%}
	
	.cent08-bg{}
	.cent08{flex-wrap: wrap;}
	.cent08-r{ margin-top:5%}
	
	.footer01 dl{flex-wrap: wrap;}
	
	.cent09{ padding:10% 0;flex-wrap: wrap;}
	
	.cent09-l{ width:100%}
	.cent09-r{ width:100%; margin-top:5%}
	.cent09-r ul li{ float:none; display:block; width:100%; margin-right:0; margin-top:5%;}
	.cent09-r ul li:nth-child(2n){ margin-top:5%;}
	.cent10{ padding:10% 0;}
	.cent10 ul li{width:calc((100% - 5%)/2); margin-right:5%; margin-top:5%}
	.cent10 ul li:nth-child(2n) { margin-right: 0% ;}
	.cent10 ul li a .img{ height:160px}
	
	.weta{ height:auto;}
	.dpi01{ position:relative; left:0; top:0; width:100%; height:100%}
	.dpi02{ position:relative; left:0; top:0; width:100%; height:100%}
	.dpi03{ position:relative; left:0; top:0; width:100%; height:100%}
	
	.cent11{ padding:10% 0;}
	.cent11 ul li{width:calc((100% - 5%)/2); margin-right:5%; margin-top:5%}
	.cent11 ul li:nth-child(2n) { margin-right: 0% ;}
	.cent11 ul li a .img{ height:160px}
	
	.cent1201-l{ width:100%}
	.cent1201-r{width:100%}
	.ttle h2{ font-size:22px;}
	
	.cent14{ margin:10% auto;}
	.worh{ position:inherit; left:0; top:0; margin-bottom:5%;}
	
	.cent16-bg{ padding:5% 0}
	.cent15-l{ float:none; display:block; width:100%;}
	.cent15-r{ float:none; display:block; width:100%; margin-top:5%;}
	.hot{ top:-9px}
	
	.cent17-l{ width:100%}
	.cent17-r{ width:100%; margin-top:4%}
	.cent17-l h2{ font-size:12px;}
	.cent17-l ul li{ float:none; display:block; width:100%; margin-right:0;}
	}