@charset "utf-8";
/* CSS Document */
html{
  font-size: 625%;
  height: 100%;
}

@media only screen and (max-width: 1200px) {
  html{
    font-size: 540%;
  }
}

@media only screen and (max-width: 992px) {
  html{
    font-size: 480%;

  }
}

@media only screen and (max-width: 768px) {
  html{
    font-size: 400%;
  }
}

/*@media only screen and (max-width: 480px) {
  html{
    font-size: 320%;
  }
}*/


@font-face{
	font-family:montserratregular;
	src:url(../fonts/montserratregular.ttf),
	url(../fonts/montserratregular.otf),
	url(../fonts/montserratregular.svg),
	url(../fonts/montserratregular.woff);
	}


@font-face{
	font-family:montserratbold;
	src:url(../fonts/montserratbold.ttf),
	url(../fonts/montserratbold.otf);
	}



/*头部*/

.pc_header{ width:100%; height:100px;}
.topBg{ background:rgba(255,255,255,1); z-index:999; position:fixed; top:0px; left:0px;}
.topBg2{ background:rgba(255,255,255,0.9); box-shadow:0px 0px 8px rgba(51,51,51,0.1);}

.logo{ margin-top:33px; width:150px; height:34px; float:left;}
.top_tel{ width:21px; float:right; margin-top:37px;}
.navgation{ width:calc(100% - 171px); float:right; text-align:right; height:34px; margin-top:33px; padding-right:0.4rem; position:relative;}
.navgation:after{ content:""; position:absolute; right:0.4rem; width:1px; height:16px; background:#999999; top:9px;}

ul.nav_list li{ display:inline-block; margin-left:0.8rem; height:34px; line-height:34px;}
ul.nav_list li.navcurrent a{ color:#ee681f;}
ul.nav_list li.navcurrent a:hover{color:#ee681f;}
ul.nav_list li:nth-last-of-type(1){ margin-right:0.5rem;}

@media (max-width:1440px){
	.pc_header{height:90px;}
	.logo{ margin-top:28px;}
	.navgation{ margin-top:28px;}
	ul.nav_list li{margin-left:0.7rem;}
	.top_tel{margin-top:32px;}
	
	}

@media (max-width:1200px){
	.pc_header{height:80px;}
	.logo{ margin-top:23px;}
	.navgation{ margin-top:23px;}
	ul.nav_list li{margin-left:0.6rem;}
	.top_tel{margin-top:27px;}
	}


@media(min-width:993px){
	.mobile_header{ display:none;}
	}

@media(max-width:992px){
	.pc_header{ display:none;}
	
	
/*---------------------------------------------------------------------------------------------------------------手机站导航开始----------*/
.sp_header{width:100%; height:70px;/*overflow:hidden;*/background:rgba(255,255,255,1);position:fixed;z-index:100; top:0px;}
.sp_header2{ box-shadow:0px 0px 10px rgba(51,51,51,0.1);}


.sp_logo{padding:18px 10px 0;float:left;height:70px;}
.sp_logo img{margin:auto; height:34px;}

.sp_nav{width:50px;float:right;position:relative;cursor:pointer;height:30px;margin-top:23px;}
.sp_nav span{display:block;
background:#000000;
width:30px;height:3px;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:99;
background:#ffffff;
width:100%;
height:100%;
font-size:14px;line-height:56px;top:-100%;left:0;overflow:auto;overflow-x:hidden;transition:top ease 0.35s;}
.nav_show{top:0px; padding-top:70px;}

.sjj_nav ul li i{position:absolute;top:6px;right:5px;/*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:56px; /*text-align:center;*/
/*padding:0 20px;*/ margin:0 15px; /*text-indent:10px;*/}
.sjj_nav ul li:first-child{ border-top:none;}
.sjj_nav>ul >li:last-child{border-bottom:1px #eaeaea solid;}
.sjj_nav ul li ul{display:none; padding-bottom:10px;}
.sjj_nav ul li a{width:100%; font-size:16px; color:#333333;}
.sjj_nav ul li ul li{ border-top:none;  padding:0; margin:0;}
.sjj_nav ul li ul li:first-child{border-top:1px #eaeaea solid; padding-top:10px;}

.sjj_nav ul li ul li a{color:#666;display:block;/*text-align:center;*/ font-size:14px; font-weight:normal; line-height:40px;}
.sjj_nav ul li i svg{width:20px;height:20px;fill:#666;}
.sjj_nav ul li .sjj_nav_i_se svg{fill:#6aa84f;}
.sjj_nav ul li ul li>ul{margin-left:10px}
/*---------------------------------------------------------------------------------------------------------------手机站导航结束----------*/

.mbtop_tel{ float:right; margin-top:22px; margin-right:10px;}

	
	}



@media(max-width:640px){
	.sp_header{height:60px;}
	.nav_show{padding-top:60px;}
	.sp_logo{padding:15px 10px 0; height:60px;}
	.sp_logo img{margin:auto; height:30px;}
	.sp_nav{margin-top:18px;}
	
	.mbtop_tel{margin-top:17px;}
	}







.index_banner{ width:100%; height:auto; padding-top:100px;}

.carousel-caption h1{ animation-delay:0.1s; font-size:50px; font-weight:bold; margin-bottom:24px;}
.carousel-caption h3{ animation-delay:0.8s;}
.carousel-caption h3 span{ padding:0 20px;}
.carousel-caption p{animation-delay:1.2s; margin-top:0.8rem;}
.carousel-caption p a{ width:150px; height:50px; display:block; line-height:50px; background:rgba(238,104,31,1); margin:0 auto; border-radius:5px; color:#fff;}
.carousel-caption p a:hover{background:rgba(238,104,31,0.8);}

.banner{ width:100%; max-width:100%; display:block;}

@media (max-width:1440px){
	.index_banner{padding-top:90px;}
	.carousel-caption h1{ font-size:46px;}
	.carousel-caption h3{ font-size:23px;}
	.carousel-caption p{margin-top:0.6rem;}
}

@media (max-width:1366px){
	.carousel-caption h1{ font-size:44px;}
	.carousel-caption p a{ width:140px; height:46px; line-height:46px;}
}


@media (max-width:1280px){
	.carousel-caption h1{ font-size:40px;}
	.carousel-caption h3{ font-size:22px;}
	.carousel-caption p{margin-top:0.5rem;}
	.carousel-caption p a{ width:130px; height:42px; line-height:42px; font-size:15px;}
}


@media (max-width:1200px){
	.index_banner{padding-top:80px;}
	.carousel-caption h1{ font-size:36px;}
	.carousel-caption h3{ font-size:21px;}
	.carousel-caption p{margin-top:0.4rem;}
	.carousel-caption p a{ width:120px; height:38px; line-height:38px; font-size:14px;}
}


@media (max-width:992px){
	.index_banner{padding-top:70px;}
	.index-pc-banner{ display:none;}
	.mobile-swiper{ position:relative;}
	.mbcarousel-caption{
		width:100%; height:768px; 
		background-repeat:no-repeat;
		background-size:cover;
		color:#fff;
		}
		
	
.mbcarousel-text{ width:100%; padding:0 1rem; position:absolute; top:50%; transform:translateY(-50%); text-align:center;}	
.mbcarousel-text h1{ font-size:42px; font-weight:bold; margin-bottom:24px; transform: translateY(25px); opacity:0; transition:all .5s;}
.swiper-slide-active .mbcarousel-text h1{transform:none; opacity:1;transition-delay:.5s;}	

.mbcarousel-text h3{ font-size:23px; transform: translateY(25px);opacity:0; transition:all .5s;}
.swiper-slide-active .mbcarousel-text h3{transform:none; opacity:1;transition-delay:.66s;}

.mbcarousel-text p{margin-top:0.8rem; transform: translateY(25px);opacity: 0;transition: all .5s;}
.mbcarousel-text p a{ width:150px; height:50px; display:block; line-height:50px; background:rgba(238,104,31,1); margin:0 auto; border-radius:5px; color:#fff;}
.mbcarousel-text p a:hover{background:rgba(238,104,31,0.8);}
.swiper-slide-active .mbcarousel-text p{transform: none;opacity: 1;transition-delay: .8s;}
	
	}


@media (max-width:768px){
	.mbcarousel-caption{height:680px;}
	.mbcarousel-text h1{ font-size:40px;}
	}


	
@media(min-width:993px){
	.mobile-swiper{ display:none;}
	}	
	

@media (max-width:640px){
	.index_banner{padding-top:60px;}
	.mbcarousel-caption{height:600px;}
	.mbcarousel-text h1{ font-size:36px;}
	.mbcarousel-text h3{ font-size:22px;}
	.mbcarousel-text p a{ width:140px; height:46px; line-height:46px;}

	}


@media (max-width:480px){
	.mbcarousel-caption{height:540px;}
	.mbcarousel-text{padding:0 0.5rem;}
	.mbcarousel-text h1{ font-size:32px;}
	.mbcarousel-text h3{ font-size:20px;}
	.mbcarousel-text p a{width:120px; height:38px; line-height:38px; font-size:14px;}
	}


@media (max-width:420px){
	.mbcarousel-caption{height:500px;}
	.mbcarousel-text{padding:0 0.3rem;}
	.mbcarousel-text h1{ font-size:28px;}
	.mbcarousel-text h3{ font-size:19px;}
	.mbcarousel-text p a{width:120px; height:38px; line-height:38px; font-size:14px;}
	}


@media (max-width:380px){
	.mbcarousel-caption{height:460px;}
	.mbcarousel-text h1{ font-size:26px;}
	.mbcarousel-text h3{ font-size:16px;}
	.mbcarousel-text p a{width:100px; height:34px; line-height:34px; font-size:12px;}
	}






.banner-button-next,
.banner-button-prev{
	position:absolute;top:50%;width:50px;height:50px; line-height:50px; z-index:10;cursor:pointer; transform:translateY(-50%); text-align:center;
	}
.banner-button-prev{
	left:10px;
	right:auto;
	}
.banner-button-next{
right:10px;left:auto
}


.banner-button-next span,
.banner-button-prev span{ color:#fff; font-size:30px; opacity:0.8;}



.index_wrapper01{ width:100%; height:auto; padding:1.1rem 0;}

.index_w01Left{ width:42%; height:auto; float:left; padding-top:0.3rem;}
.index_w01Left h1{ color:#333333; font-size:36px; font-weight:bold; margin-bottom:0.3rem;}
.index_w01Left p{ line-height:2;}

.index_more01{width:150px; height:50px; display:block; line-height:48px; text-align:center; border-radius:5px; border:1px solid rgba(238,104,31,1); margin-top:0.7rem;}
.index_more01:hover{ background:rgba(238,104,31,1); color:#fff;}


.index_w01Right{ width:45.5%; height:auto; float:right; margin-left:12.5%; position:relative; animation-delay:0.3s;}
.index_aboutImg{ width:100%; overflow:hidden;}
.index_aboutImg img{ width:100%; display:block; max-width:100%; transition:all ease 0.5s;}
.index_aboutImg:hover img{ transform:scale(1.1,1.1);}

.index_aboutnumber{ width:155px; height:155px; background:#ee681f; position:absolute; top:50%; transform:translateY(-50%); color:#fff; text-align:center;
padding-top:0.25rem; border-radius:5px; left:-77px;
}
.index_aboutnumber h1{ width:100%; font-size:68px; font-family:montserratbold;}
.index_aboutnumber p{ width:100%;}


@media (max-width:1200px){
.index_w01Left h1{font-size:32px;}
.index_aboutnumber{ width:145px; height:145px; left:-72px;}
.index_aboutnumber h1{font-size:60px;}
.index_more01{ width:130px; height:42px; line-height:40px; font-size:15px; margin-top:0.6rem;}
}

@media (max-width:992px){
	.index_w01Left{ width:45%;}
	.index_w01Left h1{font-size:30px;}
	.index_w01Left p{ line-height:1.8;}
	.index_more01{ width:120px; height:38px; line-height:36px; font-size:14px; margin-top:0.5rem;}
	
	.index_w01Right{ width:45%; margin-left:10%;}
	.index_aboutnumber{ width:125px; height:125px; left:-62px; padding-top:0.3rem;}
	.index_aboutnumber h1{font-size:54px;}
	
	}


@media (max-width:840px){
	.index_w01Left{ width:100%; padding-top:0rem;}
	.index_w01Right{ width:calc(100% - 62px); margin-left:62px; margin-top:0.5rem;}
	}


@media (max-width:768px){
	.index_w01Left h1{font-size:27px;}
	.index_aboutnumber h1{font-size:50px;}
	}


@media (max-width:480px){
	.index_w01Left h1{font-size:24px;}
	.index_more01{width:100px; height:34px; line-height:32px; font-size:12px;}
	.index_w01Right{ width:calc(100% - 52px); margin-left:52px;}
	.index_aboutnumber{ width:105px; height:105px; left:-52px; padding-top:0.25rem;}
	.index_aboutnumber h1{font-size:46px;}
	}



.index_wrapper02{ width:100%; height:auto; padding:0.58rem 0; background:#fafafa;}
.partner_img{ width:calc(100% - 40px); margin:0 20px; display:block; overflow:hidden;}
.partner_img img{ width:100%; display:block; max-width:100%; transition:all ease 0.4s;}
.partner_img:hover img{ transform:scale(1.1,1.1);}

@media (max-width:1440px){
	.partner_img{ width:calc(100% - 30px); margin:0 15px;}
}


@media (max-width:768px){
	.partner_img{ width:calc(100% - 20px); margin:0 10px;}	
}


@media (max-width:480px){
	.partner_img{ width:calc(100% - 16px); margin:0 8px;}	
}




.index_wrapper03{ width:100%; height:auto; padding:1.05rem 0;
background-image:url(../images/bg_syservice.jpg);
background-repeat:no-repeat;
background-position:top center;}

.index_title01{ text-align:center;}
.index_title01 h1{ font-size:36px; color:#fff; font-weight:bold;}
.index_title01 p{ color:#999999; font-family:montserratregular; font-weight:bold; margin-top:10px;}

.index_more02{width:150px; height:50px; display:block; line-height:48px; text-align:center; border-radius:5px; border:1px solid rgba(238,104,31,1); margin:0.55rem auto 0; 
color:#ffffff;}
.index_more02:hover{ background:rgba(238,104,31,1); color:#fff;}


.index_service{ width:100%; height:auto; padding-top:0.5rem;}
.index_serviceul li{ width:280px; height:280px; 
margin-left:calc((100% - 1120px) / 8);
margin-right:calc((100% - 1120px) / 8); 
float:left;
position:relative;
border-radius:10px; background:#fff;
overflow:hidden;
/* display:flex;
 align-items:center;
 justify-content:center;*/
 text-align:center;
}
.index_serviceul li:after{ content:""; position:absolute; width:100%; height:100%; left:-100%; top:0%; z-index:1; background:#ee681f; border-radius:10px; transition:all 0.5s;}
.index_serviceul li:hover:after{left:0%;}

.index_serviceul li div{ position:absolute; left:0px; top:0px; z-index:10; width:100%; height:100%; overflow:hidden; padding-top:0.6rem;}
.index_serviceul li div span{ color:#ee681f; font-size:68px; display:block; margin-bottom:0.2rem; line-height:1; transition:all 0.5s;}
.index_serviceul li div h3{ font-size:24px; color:#000000; padding-bottom:6px; transition:all 0.5s;}
.index_serviceul li div p{ color:#999999; font-family:montserratregular; transition:all 0.5s;}

.index_serviceul li:hover div span{ color:#fff;}
.index_serviceul li:hover div h3{ color:#fff;}
.index_serviceul li:hover div p{ color:#fff;}

@media (max-width:1200px){
	.index_title01 h1{ font-size:32px;}
	.index_more02{ width:130px; height:42px; line-height:40px; font-size:15px; margin-top:0.45rem;}
	.index_serviceul li{ width:260px; height:260px; 
	margin-left:calc((100% - 1040px) / 8);
	margin-right:calc((100% - 1040px) / 8); }
	.index_serviceul li div span{font-size:64px;}
	.index_serviceul li div h3{ font-size:22px;}
	
	}




@media (max-width:1100px){
	.index_serviceul li{ width:240px; height:240px; 
	margin-left:calc((100% - 960px) / 8);
	margin-right:calc((100% - 960px) / 8); }
	}


@media (max-width:992px){
	.index_wrapper03{background-image:url(../images/bg_mbservice.jpg); background-size:cover;}
	.index_serviceul li{ 
	margin-left:calc((100% - 480px) / 4);
	margin-right:calc((100% - 480px) / 4);
	margin-bottom:0.4rem;
	 }
	.index_more01{ width:120px; height:38px; line-height:36px; font-size:14px; margin-top:0.4rem;} 
	 
	}


@media (max-width:768px){
	.index_serviceul li div{padding-top:0.8rem;}
	}
	
@media (max-width:560px){	
	.index_serviceul li{ width:calc((100% - 40px) / 2); height:auto; padding-top:1.5rem; padding-bottom:1.5rem;
	margin-left:10px;
	margin-right:10px;}
	.index_serviceul li div{padding-top:0.6rem;}	
	.index_serviceul li div span{font-size:58px;}
	.index_serviceul li div h3{ font-size:20px;}
		
	}
	
	
@media (max-width:480px){
	.index_title01 h1{ font-size:28px;}
	.index_serviceul li{ width:calc((100% - 32px) / 2);  
	margin-left:8px;
	margin-right:8px;}
	
	.index_serviceul li div span{font-size:54px;}
	.index_serviceul li div h3{ font-size:18px;}
	
	.index_more02{width:100px; height:34px; line-height:32px; font-size:12px;}
	}
	
	
	

.index_wrapper04{ width:100%; height:auto; padding:1.1rem 0;}

.index_title02{ text-align:center;}
.index_title02 h1{ font-size:36px; color:#323232; font-weight:bold;}
.index_title02 p{ color:#999999; font-family:montserratregular; font-weight:bold; margin-top:10px;}

.index_more03{width:150px; height:50px; display:block; line-height:48px; text-align:center; border-radius:5px; border:1px solid rgba(238,104,31,1); margin:0.25rem auto 0; 
color:#666666;}
.index_more03:hover{ background:rgba(238,104,31,1); color:#fff;}
	
	
.index_area{ width:100%; height:auto; padding-top:0.5rem;}	
.index_areaul li{ width:calc((100% - 90px) / 3); height:auto; margin:0 15px 30px; float:left; position:relative;}		
.index_areaul li .index_areaImg{ width:100%; border-radius:10px; overflow:hidden;}
.index_areaul li .index_areaImg img{ width:100%; display:block; max-width:100%; transition:all 0.4s;}
.index_areaul li:hover .index_areaImg img{ transform:scale(1.1,1.1);}

.index_areaul li div{ position:absolute; width:100%; height:100%; left:0; top:0; background:rgba(0,0,0,0.5); border-radius:10px; z-index:10;
 /*display:flex;
 align-items:center;
 justify-content:center;*/
 color:#fff;
 text-align:center;
 }
 .index_areaul li div p{font-family:montserratregular; opacity:0.7; padding-top:6px;}
 
 .index_areaul li div section{ position:absolute; top:50%; left:50%; transform:translate(-50%,-50%); transition:all 0.4s;}
  .index_areaul li:hover div section{transform:translate(-50%,-80%);}



@media (max-width:1200px){
	.index_more03{ width:130px; height:42px; line-height:40px; font-size:15px; margin-top:0.25rem;}
 	.index_title02 h1{ font-size:32px;}
	.index_areaul li{ width:calc((100% - 72px) / 3); margin:0 12px 24px;}
	.index_areaul li div h3{ font-size:22px;}
	 
	 
}



@media (max-width:992px){
	.index_more03{ width:120px; height:38px; line-height:36px; font-size:14px;} 
	}



@media (max-width:768px){
	.index_areaul li{ width:calc((100% - 48px) / 2); margin:0 12px 24px;}
	.index_areaul li div h3{ font-size:20px;}
	 
	 
}


@media (max-width:480px){
	.index_title02 h1{ font-size:28px;}
	.index_areaul li{ width:calc((100% - 20px) / 2); margin:0 5px 16px;}
	.index_areaul li div h3{ font-size:18px;}
	.index_areaul li div p{ font-size:12px;}
	
	.index_more03{width:100px; height:34px; line-height:32px; font-size:12px;}
	}



.index_wrapper05{ width:100%; height:auto; padding:0.8rem 0;
background-image:url(../images/bg_contact.jpg);
background-repeat:no-repeat;
background-position:top center;
color:#fff;}


.index_more04{width:150px; height:50px; display:block; line-height:48px; text-align:center;
 border-radius:5px; color:#ee681f; background:rgba(255,255,255,1); float:right; margin-top:15px;
 animation-delay:0.2s;}
.index_more04:hover{background:rgba(255,255,255,0.9);}

.index_contact{ width:calc(100% - 150px); height:auto; float:left;}
.index_contact h1{ font-weight:bold; font-size:36px; margin-bottom:12px;}
.index_contact p{ animation-delay:0.3s;}


@media (max-width:1200px){
	.index_more04{ width:130px; height:42px; line-height:40px; font-size:15px;}
	.index_contact h1{font-size:32px; margin-bottom:10px;}	 
}

@media (max-width:992px){
	.index_more04{ width:120px; height:38px; line-height:36px; font-size:14px;} 
	}


@media (max-width:480px){
	.index_contact h1{font-size:28px;}
	.index_more04{width:100px; height:34px; line-height:32px; font-size:12px; margin-top:25px;}
	.index_contact{ width:calc(100% - 130px);}
	}




footer{ width:100%; height:auto; background:#333333; color:#6a6b70; padding-top:0.7rem;}
.ft_box01{ width:100%; height:auto; padding-bottom:1rem;}

.ft_box02{ width:100%; height:auto; border-top:1px solid #56575b; padding:25px 0; font-size:14px;}
.ft_box02 p:nth-of-type(1){ float:left;}
.ft_box02 p:nth-of-type(2){ float:right;}
.ft_box02 p:nth-of-type(1) a{ padding:0 15px;}

.ft_nav{ width:70%; height:auto; float:left;}
.ft_navlist li{ margin-right:0.7rem; float:left;}
.ft_navlist li h3{ margin-bottom:20px;}
.ft_navlist li h3 a{ color:#a7a9b1; font-size:20px; font-weight:bold;}
.ft_navlist li h3 a:hover,
.ft_navlist li p a:hover{ color:#ee681f;}
.ft_navlist li p a{ font-size:14px; color:#6a6b70;}
.ft_navlist li p{ margin-bottom:8px;}

.ft_contact{ width:30%; height:auto; float:right; text-align:right;}
.ft_contact h1{font-family:montserratbold; margin-bottom:0.25rem;}
.ft_contact h1 a{ color:#ffffff; font-size:44px;}
.ft_contact h1 a:hover{ color:#ee681f;}
.ft_contact p{ font-size:20px; margin-bottom:5px;}

.ft_weixin{ width:40px; float:right; position:relative; margin-top:0.55rem;}

.hotspot{width:40px; height:40px; border:1px solid #6a6b70; border-radius:40px; display:block; text-align:center; cursor:pointer;}
.hotspot:hover{}
.hotspot span{font-size:24px; line-height:40px;}
.hotimg{ display:none; position:absolute; z-index:9999; left:-128px; margin-right:-14px; top:50%; transform:translateY(-50%); width:110px; height:110px;}
.hotimg img{ width:100%; display:block; max-width:100%;}
.hotimg:after{ content:""; position:absolute;}

@media (min-width:993px){
.hotimg:after{ top:50%; transform:translateY(-50%); margin-right:-7px; top:50%;
width: 0;
height: 0;
border-top:10px solid transparent;
border-bottom:10px solid transparent;
border-left:12px solid #fff;
}
	}

@media (max-width:1200px){
	.ft_navlist li h3 a{font-size:18px;}
	.ft_contact h1 a{font-size:40px;}
	.ft_contact p{ font-size:18px;}
	}

@media (max-width:992px){
	.ft_box01{padding-bottom:0.7rem;}
	.ft_nav{ display:none;}
	.ft_contact{ width:100%; text-align:center;}
	.ft_contact h1 a{font-size:36px;}
	.ft_contact p{ font-size:16px;}
	.ft_weixin{ width:50px; float:none; position:relative; margin:0.55rem auto 0;}
	
	.hotimg{ left:50%; margin-left:-55px; margin-right:0px; top:-125px; transform:translateY(0%); width:110px; height:110px;}
	
	.hotimg:after{ left:50%; transform:translateX(-70%); bottom:-10px;
width: 0;
height: 0;
border-left:10px solid transparent;
border-right:10px solid transparent;
border-top:12px solid #fff;
}
	.ft_box02 p:nth-of-type(1){ width:100%; float:left; text-align:center;}
	.ft_box02 p:nth-of-type(2){width:100%; float:right; text-align:center;}


	}


@media (max-width:480px){
	.ft_contact h1 a{font-size:32px;}
	.ft_box02 p:nth-of-type(1) a{ padding:0 5px; display:block;}
	}




.nybanner{ width:100%; height:600px;
background-position:top center;
background-repeat:no-repeat;
display:flex;
align-items:center;

}

.nybanner h1{ font-size:100px; color:rgba(255,255,255,0.8); font-family:montserratregular;}
.nybanner p{ font-size:36px; animation-delay:0.5s; color:#fff;}

@media (max-width:1440px){
	.nybanner{height:540px;}
}


@media (max-width:1200px){
	.nybanner{height:480px;}
	.nybanner h1{ font-size:90px;}
	.nybanner p{ font-size:32px;}
}


@media (max-width:992px){
	.nybanner{height:420px;}
	.nybanner h1{ font-size:80px;}
	.nybanner p{ font-size:28px;}
}


@media (max-width:768px){
	.nybanner{height:360px;}
	.nybanner h1{ font-size:70px;}
	.nybanner p{ font-size:28px;}
}


@media (max-width:480px){
	.nybanner{height:340px;}
	.nybanner h1{ font-size:50px;}
	.nybanner p{ font-size:24px;}
}



.subnav_box{ width:100%; height:auto; border-bottom:1px solid #eaeaea;}
.subnav_left{ width:calc(100% - 150px); height:80px; float:left;}
.subnav_right{ width:150px; height:80px; line-height:80px; float:right; text-align:right;}
.subnav_right span{ color:#ee681f; font-size:18px; padding-right:5px;}

#nav li{ float:left; height:80px;}
#nav li a{ width:100%; height:80px; line-height:80px; padding:0 0.5rem; display:block;}
#nav li a:hover{ background:#ee681f; color:#fff; font-weight:bold; display:block;}

@media (max-width:1200px){
	.subnav_left{ width:calc(100% - 150px); height:70px; }
	.subnav_right{ width:150px; height:70px; line-height:70px; font-size:15px;}
	.subnav_right span{ color:#ee681f; font-size:18px; padding-right:5px;}
	#nav li{height:70px;}
	#nav li a{ height:70px; line-height:70px; padding:0 0.4rem; font-size:15px; }
	}
	
	
@media (max-width:992px){
	.subnav_left{ width:100%; height:60px;}
	.subnav_right{ display:none;}
	#nav li{height:60px;}
	#nav li a{ height:60px; line-height:60px;}
	}	

@media (max-width:768px){
	#nav li a{font-size:14px; padding:0 0.3rem;}
	}

@media (max-width:640px){
	.subnav_left{ width:100%; height:auto;}
	#nav li{ float:left; width:calc(100% / 5); height:60px;
	display:flex;
	align-items:center;
	justify-content:center;
	}
	#nav li a{line-height:1.3; text-align:center; height:auto;}	
	#nav li{border-right:1px solid #eaeaea;}
	#nav li:nth-last-of-type(1){ border-right:none;}
	}

@media (max-width:480px){
	#nav li{ float:left; width:calc(100% / 3); border-bottom:1px solid #eaeaea; height:50px;}
	#nav li:nth-child(3){ border-right:none;}
	#nav li:nth-last-of-type(1){ border-right:1px solid #eaeaea; border-bottom:none;}
	#nav li:nth-last-of-type(2){border-bottom:none;}
	}





.section-wrapper01{ width:100%; height:auto; padding:1.2rem 0;
background-image:url(../images/bg_profile.jpg);
background-repeat:no-repeat;
background-position:bottom center;
background-size:contain;
}
.about_box01{ border-bottom:1px solid #eaeaea; padding-bottom:0.5rem; margin-bottom:0.5rem;}
.about_box01left{ width:calc(100% - 100px); height:auto; float:left;}
.about_box01right{ width:100px; text-align:center; float:right;}

.about_box01left h1{ color:#000000; font-size:36px; margin-bottom:10px;}
.about_box01left p{font-family:montserratregular; font-style:italic;}
.about_box01right h1{ color:#ee681f; font-family:montserratbold; font-size:60px;}


.about_box02{ width:100%; line-height:2;}
.about_box02 p{ text-align:justify;}
.about_box03{ width:100%; margin-top:0.5rem;}
.about_box03 p:nth-of-type(1){ text-align:center; padding-bottom:0.5rem; color:#ee681f; font-size:24px; line-height:1;}
.about_box03 img{ width:100%; display:block; max-width:100%;}


@media (max-width:1200px){
	.about_box01left h1{font-size:32px;}
	.about_box01right h1{font-size:56px;}
	}

@media (max-width:992px){
	.about_box01left h1{font-size:28px;}
	.about_box01right h1{font-size:52px;}
	}

	
@media (max-width:768px){
	.about_box01left{ width:100%; text-align:center;}
	.about_box01right{ width:100%; margin-top:0.4rem;}
	.about_box01left h1{font-size:26px;}
	.about_box01right h1{font-size:48px;}
	}	
	
	
@media (max-width:480px){
	.about_box01left h1{font-size:24px;}
	.about_box01right h1{font-size:44px;}
	}	
	
	
.section-wrapper02{ width:100%; height:auto; background:#f6f6f6; padding:1.1rem 0;}
.section02-title{color:#333333; font-size:36px; font-weight:bold; text-align:center; margin-bottom:0.4rem;}
.section02-box{ width:100%; height:auto;}




.tabs02 {width:100%; max-width:100%; margin:0px auto;}
.tabs02 input {
	opacity: 0;
}

.tabs02 label {
	cursor: pointer;
	/*background: -webkit-linear-gradient(#666, #555);
	color: #eee;
	border-radius: 5px 5px 0 0;
	padding: 1.5% 3%;*/
	float: left;
	margin-right:30px;
	margin-left:30px;
	font-size:14px; font-weight:normal;
	/*font: italic 1em cambria;*/
}

	label:hover {
		/*background: -webkit-linear-gradient(#777, #666);*/
		color:#333333; font-weight:bold;
	}

	input:checked + label {
		/*background: #fff;
		color: #333;*/ color:#333333; font-weight:bold; position:relative;
	}
	
	
input:checked + label:before{ content:""; position:absolute; left:-26px; top:1px; width:18px; height:18px; border-radius:18px; border:1px solid #ee681f;}
input:checked + label:after{ content:""; position:absolute; width:8px; height:8px; background:#ee681f; border-radius:8px; left:-21px; top:6px;}	

.tabs02 input:nth-of-type(1):checked ~ .panels .panel:first-child,
.tabs02 input:nth-of-type(2):checked ~ .panels .panel:nth-child(2),
.tabs02 input:nth-of-type(3):checked ~ .panels .panel:nth-child(3),
.tabs02 input:nth-of-type(4):checked ~ .panels .panel:nth-child(4),
.tabs02 input:nth-of-type(5):checked ~ .panels .panel:nth-child(5),
.tabs02 input:nth-of-type(6):checked ~ .panels .panel:last-child {
	opacity: 1;
	-webkit-transition: .3s;
}


.tabs_head {
	 margin:0 auto;
 	 width: 100%; max-width:660px;
}




.panels {
	float: left;
	clear: both;
	position: relative;
	width: 100%;
	border-radius: 0 10px 10px 10px;
	height:auto;
	min-height:600px;
}

.panel {
	width: 100%;
	opacity: 0;
	position: absolute;
	/*border-radius: 0 10px 10px 10px;*/
	padding: 4%;
	box-sizing: border-box;
}

				









.team_content{ width:calc(100% - 30px); height:auto; background:#fff; margin:0 15px; border-radius:5px; padding-bottom:0.38rem;}
.team_title{ border-bottom:1px solid #eaeaea; padding:0.3rem 0 0.38rem 0.48rem; color:#333333; font-size:24px; line-height:24px; margin-bottom:0.38rem;}
.team_title span{ display:inline-block; float:left;}
.team_title span:nth-of-type(1){ margin-right:20px;}
.team_title span:nth-of-type(2){ padding:0 16px; margin-top:2px; height:24px; line-height:24px; background:#ee681f; color:#fff; font-size:14px; text-align:center; border-radius:5px;}

.team_txt{ line-height:2; padding-right:8px; margin:0 0.48rem; width:calc(100% - 0.96rem); height:330px; overflow-y:scroll;}
.team-button-prev,
.team-button-next{ width:40px; height:40px; line-height:40px; border-radius:40px; background:#e9e9e9; text-align:center; position:absolute; top:50%; transform:translateY(-50%); z-index:9; cursor:pointer;}
.team-button-prev{ left:0;}
.team-button-next{ right:0;}

.team-button-prev span,
.team-button-next span{ font-size:24px;}

.team-button-prev:hover,
.team-button-next:hover{ background:#ee681f; color:#fff;}


.team_txt::-webkit-scrollbar {
  width:4px;
}

.team_txt::-webkit-scrollbar-track {
  background: #ffc3a3;
}

.team_txt::-webkit-scrollbar-thumb {
  background: #ee681f;
}

.team_txt::-webkit-scrollbar-thumb:window-inactive {
  background: #ee681f;
}

.team_txt::-webkit-scrollbar-thumb:vertical:hover {
  background: #ee681f;
}


@media (max-width:1200px){
	.section02-title{font-size:32px;}
	.panels {min-height:530px;}
	.team_title{font-size:22px;}
	}

@media (max-width:992px){
	.section02-title{font-size:28px;}
	.team_title{font-size:20px;}
	
	}


@media (max-width:480px){
	.team_title{font-size:18px;}
	.section02-title{font-size:24px;}
	.panels {min-height:500px;}
	}



.section-wrapper03{ width:100%; height:auto; padding:1rem 0 1.1rem;
background-image:url(../images/bg_mbq01.jpg);
background-repeat:no-repeat;
background-position:top center;
color:#fff;
position:relative;

}


.tab {
  position: relative;
  overflow: hidden;
  width:100%;
  min-height:80px;
  -webkit-font-smoothing: antialiased;
}


@media (min-width:481px){
	.tabs {
 /* display: table;*/
  position:absolute;
  right:0;
  top:0;
  z-index:55;
  overflow: hidden;
  width: 100%; max-width:110px;
}
	}
@media (max-width:480px){
	.tabs {
  display: table;
  /*position:absolute;
  right:0;
  top:0;
  z-index:55;*/
  overflow: hidden; margin:0 auto;
  width: 100%; max-width:220px;
}
.tabs li { float:left;}
	}

.tabs li {
  line-height:34px;
  overflow: hidden;
  padding: 0;
  position: relative;
}
.tabs a {
  color: #fff; font-size:14px;
  display: block;
  letter-spacing: 0;
  outline: none;
  padding: 0 22px;
  text-decoration: none;
  -webkit-transition: all 0.2s ease-in-out;
  -moz-transition: all 0.2s ease-in-out;
  transition: all 0.2s ease-in-out;

}

.current03 a {
  color: #fff; font-weight:bold;
}
.current03 a:before{ content:""; position:absolute; left:0px; top:10px; width:15px; height:15px; border-radius:15px; border:1px solid #ee681f;}
.current03 a:after{ content:""; position:absolute; width:7px; height:7px; background:#ee681f; border-radius:7px; left:4px; top:14px;}

.tabs_item {
  display: none;
  position:relative;
}
.tabs_item:first-child {
  display: block;
}



.process_box01{ width:100%; height:auto;}
.process_box02{width:100%; height:auto; padding-top:0.6rem;}

.process_box01 h1{ font-size:36px; font-weight:bold; width:34%; height:auto; float:left;}
.process_box01 p{ width:38%; height:auto; float:left; line-height:2; font-size:14px;}

.process_item li{ width:calc((100% - 90px) / 3); min-height:440px; margin:0 15px; background:#fff; float:left; border-radius:10px; color:#666666; text-align:center;}
.process_item li h3{ width:100%; height:80px; border-radius:10px; line-height:80px; font-size:20px; font-weight:bold; color:#fff; background:#ee681f; margin-bottom:0.45rem;}
.process_item li p:nth-of-type(2n){ color:#ee681f;}


@media (max-width:1200px){
	.process_box01 h1{ font-size:32px;}
	.process_item li{ width:calc((100% - 72px) / 3); margin:0 12px; min-height:400px;}
	.process_item li h3{height:72px; line-height:72px; font-size:19px; margin-bottom:0.4rem;}
	
}


@media (max-width:992px){
	.process_box01 h1{ font-size:28px; width:100%;}
	.process_box01 p{ width:80%; margin-top:12px;}
	}

@media (max-width:768px){
	.section-wrapper03{background-image:url(../images/bg_mbq02.jpg);}
	.process_box01 h1{ font-size:24px;}
	.process_box01 p{ width:70%;}
	.process_item li{ width:calc((100% - 60px) / 3); margin:0 10px; min-height:330px;}
	.process_item li h3{height:60px; line-height:60px; font-size:18px;}
}



@media (max-width:480px){
	.process_box01 h1{ text-align:center; padding-top:0.5rem; font-size:22px;}
	.process_box01 p{ width:100%; font-size:12px;}
	.process_item li{ width:100%; margin:0 0px 0.4rem 0; min-height:30px; padding-bottom:0.4rem;}
	.process_item li h3{height:50px; line-height:50px; font-size:17px;}
	}



.section-wrapper04{ width:100%; height:auto; background:#f6f6f6; padding:1.1rem 0;}
.section04-title{color:#333333; font-size:36px; font-weight:bold; text-align:center; margin-bottom:0.5rem;}
.section04-txt{}


/***************效果************/

.menu_list{margin:0 auto;width:100%;}
.menu_head{width:100%;height:78px;line-height:78px; background:#ffff; color:#333333;

padding-left:80px; padding-right:40px; overflow:hidden;
font-size:20px;cursor:pointer;position:relative;font-weight:bold;  margin-top:10px;}

.menu_list .current{ border-bottom:none !important;}
.menu_head span:nth-of-type(1){ color:#ee681f; font-size:36px; line-height:1; font-weight:normal; position:absolute; left:40px; top:24px; display:block;}
.menu_head:after{ content:"\e6b9"; font-family: "iconfont" !important; position:absolute; top:0px; right:40px; color:#333; font-size:36px; font-weight:lighter;}
.menu_list .current:after{ content:"\e6b9"; font-family: "iconfont" !important; position:absolute; top:0px; right:40px; color:#333; font-size:36px; font-weight:lighter;}
.menu_head span:nth-of-type(2){ width:calc(100% - 100px); display:block; float:left;  
overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;}

.menu_list .current span:nth-of-type(2){ color:#ee681f;}

.menu_body{
	width:100%;height:auto;overflow:hidden;
	padding:40px 1rem 40px;
	 line-height:2;
	border-top:1px solid #eaeaea;
	background:#fff; margin-bottom:10px;
}


@media (max-width:1200px){
	.section04-title{font-size:32px;}
}



@media (max-width:992px){
	.section04-title{font-size:28px;}
	.menu_head{ font-size:18px; padding-left:60px; padding-right:30px;}
	.menu_head span:nth-of-type(1){ font-size:32px; left:26px;}
	.menu_head:after{  right:30px;  font-size:32px;}
	.menu_list .current:after{right:30px;font-size:32px;}
	.menu_head span:nth-of-type(2){ width:calc(100% - 80px);}
	.menu_body{padding:30px 0.8rem 40px;}
	
}

@media (max-width:768px){
	.section04-title{font-size:24px;}
	.menu_head{ font-size:16px;}
	.menu_head span:nth-of-type(1){ font-size:28px; top:26px;}
	
	.menu_head:after{  right:30px;  font-size:28px;}
	.menu_list .current:after{right:30px;font-size:28px;}
	
}

@media (max-width:480px){
	.menu_head{padding-left:30px; padding-right:20px; height:68px;line-height:68px;}	
	.menu_head span:nth-of-type(1){ font-size:26px; top:21px; left:4px;}
	.menu_head:after{  right:10px;  font-size:26px;}
	.menu_list .current:after{right:10px;font-size:26px;}
	.menu_head span:nth-of-type(2){ width:calc(100% - 40px);}
	.menu_body{padding:20px 0.4rem 30px;}
}




.section-wrapper05{ width:100%; height:auto; padding:1rem 0 1.1rem;}
.ny_customer{}

.ny_customer ul li.cust_li{ width:calc((100% - 144px) / 6); height:auto; float:left; margin:0 12px 24px; border:1px solid #f6f6f6; overflow:hidden; transition:all 0.5s;}
.ny_customer ul li.cust_li img{ width:100%; display:block; max-width:100%; transition:all 0.5s;}
.ny_customer ul li.cust_li:hover{ box-shadow:0px 0px 7px rgba(231,101,30,0.4); border:1px solid rgba(231,101,30,0.2);}
.ny_customer ul li.cust_li:hover img{ transform:scale(1.1,1.1);}

#btn{ text-align:center; padding-top:0.2rem; cursor:pointer;}
#btn a{ color:#cdcdcd; font-size:30px;}
#btn a:hover{ color:#e7651e;}


@media (max-width:1200px){
.ny_customer ul li.cust_li{ width:calc((100% - 120px) / 5);}
}


@media (max-width:992px){
.ny_customer ul li.cust_li{ width:calc((100% - 96px) / 4);}
}

@media (max-width:768px){
.ny_customer ul li.cust_li{ width:calc((100% - 60px) / 3); margin:0 10px 20px;}
}

@media (max-width:480px){
.ny_customer ul li.cust_li{ width:calc((100% - 32px) / 2); margin:0 8px 16px;}
}




.service_box01{ width:100%; height:auto; background:#f9f9f9; padding-bottom:1rem;}
.service_location{ width:100%; padding-top:0.3rem; text-align:right;}
.service_location span{ color:#ee681f; font-size:18px; padding-right:5px;}
.ny_service01{width:100%; height:auto; padding-top:0.7rem;}


.service_box02{ width:100%; height:auto;
background-image:url(../images/bg_service.jpg);
background-position:top center;
background-repeat:no-repeat;
padding:2.5rem 0 3.5rem;}

.service_content{ width:755px; height:auto; margin:0 auto;}
.service_memo{ width:100%; height:52px; line-height:52px; font-size:20px; text-align:center; border-radius:8px; background:#ee681f; font-size:20px; color:#fff;}
.service_number{ width:100%; height:auto; position:relative; text-align:center;  padding-bottom:0.2rem;}
.service_number span:nth-of-type(1){ font-size:368px; line-height:1; font-family:montserratbold;
background-image:url(../images/50.jpg);
background-position:center;
background-clip: text;
-webkit-background-clip: text;
color: transparent;
}
.service_number span:nth-of-type(2){ font-size:28px; color:#333333; font-weight:bold;}
.service_item{ position:absolute; top:50px; right:0; text-align:left; color:#333;}
.service_item h2{ font-size:28px;}
.service_item p{font-family:montserratregular;}

@media (max-width:1200px){
	.service_number span:nth-of-type(1){ font-size:320px;}
	.service_number span:nth-of-type(2){ font-size:26px;}
	.service_memo{height:50px; line-height:50px; font-size:18px;}
	.service_item h2{ font-size:26px;}
	}

@media (max-width:992px){
	.service_content{ width:80%; max-width:650px;}
	.service_number span:nth-of-type(1){ font-size:280px;}
	.service_number span:nth-of-type(2){ font-size:24px;}
	.service_item h2{ font-size:24px;}
	}

@media (max-width:768px){
	.service_box02{ background-size:cover;}
	.service_content{ width:80%; max-width:650px;}
	.service_number span:nth-of-type(1){ font-size:240px;}
	.service_number span:nth-of-type(2){ font-size:22px;}
	.service_item h2{ font-size:22px;}
	}
	
	
@media (max-width:640px){
	.service_number span:nth-of-type(1){ font-size:200px;}
	.service_memo{height:auto; line-height:1.4; padding:15px 10px; font-size:16px; }
	.service_item{ position:inherit; top:0px; right:0; text-align:center; color:#333;}
	
	}	
	
@media (max-width:480px){
	.service_number span:nth-of-type(1){ font-size:160px; font-family:montserratbold;}
	.service_memo{ font-size:14px;}
	}	
	


.contact_box01{ width:100%; height:auto; padding-bottom:1.3rem;}
.ny_contact{width:100%; height:auto; padding-top:0.7rem;}
.contact_ul li{ width:calc((100% - 72px) / 3); height:auto; float:left; margin:0 12px;}
.contact_ul li a{ width:100%; display:block; padding:0.5rem 0; border:1px solid #eaeaea; border-radius:5px; text-align:center; transition:all 0.5s;}
.contact_ul li a:hover{ border:none; box-shadow:0px 0px 10px rgba(100,100,100,0.1); border:1px solid #fff;}
.contact_ul li a span{ display:block; color:#ee681f; font-size:50px; line-height:50px; margin-bottom:12px;}
.contact_ul li:nth-child(2) a span{ font-size:68px;}
.contact_ul li a h3{ font-size:20px; color:#333333; font-weight:bold;}
.contact_ul li a p{ color:#6a6b70; margin-top:10px; font-family:montserratregular;}

@media (max-width:1200px){
	.contact_ul li{ width:calc((100% - 48px) / 3); margin:0 8px;}
	.contact_ul li a span{ font-size:48px; line-height:48px;}
	.contact_ul li:nth-child(2) a span{ font-size:64px;}
	.contact_ul li a h3{ font-size:19px;}
}

@media (max-width:768px){
	.contact_ul li{ width:100%; margin:0 0px 15px;}
	.contact_ul li a{padding:0.4rem 0;}
	.contact_ul li a h3{ font-size:18px;}
	.contact_ul li a span{ font-size:44px; line-height:44px;}
	.contact_ul li:nth-child(2) a span{ font-size:60px;}
}

@media (max-width:480px){
	.contact_ul li a{padding:0.3rem 0;}
	.contact_ul li a h3{ font-size:17px;}
	.contact_ul li a span{ font-size:40px; line-height:40px;}
	.contact_ul li:nth-child(2) a span{ font-size:56px;}
	.contact_ul li a p{margin-top:4px;}
}




.ny_feedback{width:100%; height:auto; padding-top:1rem;}
.feedback_title{ text-align:center;}
.feedback_title h1{ color:#333; font-size:36px; font-weight:bold;}
.feedback_title p{font-family:montserratregular; color:#999999; margin-top:4px;}
.feedback_txt{ margin-top:0.45rem;}

.fd_ul li{ height:auto; float:left; margin:0 12px 24px;}

.fd_ul li:nth-child(1),
.fd_ul li:nth-child(2),
.fd_ul li:nth-child(3),
.fd_ul li:nth-child(4){ width:calc(50% - 24px);}
.fd_ul li:nth-child(5){ width:calc(100% - 24px); margin:0 12px 0.5rem;}
.fd_ul li:nth-child(6){ width:100%; text-align:center;}

.fd_text{ width:100%; height:50px; background:#f8f8f8; line-height:50px; border:none; border-radius:5px; text-indent:20px;}
.fd_textarea{ width:100%; background:#f8f8f8; border:none; border-radius:5px; line-height:22px; height:150px; padding:20px;}


.fd_reset{ width:150px; height:58px; background:rgba(153,153,153,1); transition:all 0.5s;
border:none; border-radius:5px; font-size:16px; text-align:center; color:#fff; line-height:58px; cursor:pointer; margin-left:12px; }
.fd_submit{ width:150px; height:58px; background:rgba(238,104,31,1); transition:all 0.5s; 
border:none; border-radius:5px; font-size:16px; text-align:center; color:#fff; line-height:58px; cursor:pointer; margin-right:12px;}

.fd_reset:hover{background:rgba(153,153,153,0.8);}
.fd_submit:hover{background:rgba(238,104,31,0.8); }


@media (max-width:1200px){
	.feedback_title h1{font-size:32px;}
	.fd_reset{ width:140px; height:52px; line-height:52px; margin-left:10px; }
	.fd_submit{ width:140px; height:52px; line-height:52px; margin-right:10px;}
}

@media (max-width:992px){
	.feedback_title h1{font-size:28px;}	
	
	.fd_ul li{ height:auto; float:left; margin:0 10px 20px;}

	.fd_ul li:nth-child(1),
	.fd_ul li:nth-child(2),
	.fd_ul li:nth-child(3),
	.fd_ul li:nth-child(4){ width:calc(50% - 20px);}
	.fd_ul li:nth-child(5){ width:calc(100% - 20px); margin:0 10px 0.4rem;}
	
	.fd_reset{ width:130px; height:44px; line-height:44px; margin-left:10px; }
	.fd_submit{ width:130px; height:44px; line-height:44px; margin-right:10px;}
	
}


@media (max-width:640px){
	.feedback_title h1{font-size:26px;}	
	.fd_ul li:nth-child(1),
	.fd_ul li:nth-child(2),
	.fd_ul li:nth-child(3),
	.fd_ul li:nth-child(4){ width:calc(100% - 20px);}
	.fd_ul li:nth-child(5){ width:calc(100% - 20px); margin:0 10px 0.4rem;}
	
	.fd_reset{ width:120px; height:40px; line-height:40px; margin-left:10px; }
	.fd_submit{ width:120px; height:40px; line-height:40px; margin-right:10px;}
	}


@media (max-width:480px){
	.feedback_title h1{font-size:24px;}	
	.fd_ul li{ height:auto; float:left; margin:0 10px 14px;}
	.fd_text{height:42px; line-height:42px;}
	.fd_reset{ width:90px; height:34px; line-height:34px; margin-left:10px; font-size:14px; }
	.fd_submit{ width:90px; height:34px; line-height:34px; margin-right:10px; font-size:14px;}
}





.area_box01{ width:100%; height:auto; padding-bottom:1.3rem;}
.area_content{ width:100%; height:auto; padding-top:0.7rem;}
.area_left{ width:50%; height:auto; float:left; padding:0.6rem 0;}
.area_right{ width:50%; height:auto; float:right; background:#ee681f; padding:0.6rem 0; border-radius:12px 0 0 12px; color:#fff; line-height:2;}

.area_left div{ width:600px; float:right; padding-right:0.6rem;}
.area_left div h1{ font-weight:bold; font-size:36px; color:#333333; line-height:1.4;}
.area_right div{ width:600px; padding-left:0.6rem;}


@media (max-width:1200px){
	.area_left div{ width:100%; padding-left:15px;}
	.area_left div h1{font-size:32px;}
	.area_right div{ width:100%; padding-right:15px;}
	
	}


@media (max-width:992px){
	.area_left div h1{font-size:28px;}	
	.area_left div{padding-right:0;}
	.area_left{ width:100%;  padding:0rem 0 0.6rem; text-align:center;}
	.area_right{ width:100%; padding:0.6rem 0; border-radius:0px 0 0 0px;}
	.area_right div{ padding-left:15px;}
}

@media (max-width:768px){
	.area_left div h1{font-size:26px;}
}

@media (max-width:480px){
	.area_left div h1{font-size:24px;}
}




.area_box02{ width:100%; height:auto; padding-bottom:1.8rem;
background-image:url(../images/bg_area.jpg);
background-repeat:no-repeat;
background-position:top center;
}



.swiper1 {
		width: 100%;
		/*background:rgba(255,255,255,0.2);*/
		padding:0px 0 20px 0;
		height:116px;
		color: #fff;
	}
	.swiper1 .selected {
		color: #fff;
		border-bottom:6px solid #ee681f;
		position:relative;
	}




	
.swiper1 .selected:after{ content:"";
position:absolute; left:50%; transform:translateX(-50%); bottom:-18px; z-index:99;
width:0;
height:0;
border-left:10px solid transparent;
border-right:10px solid transparent;
border-top:12px solid #ee681f;
}	

.swiper1 .swiper-wrapper{ height:96px; /*background:rgba(255,255,255,0.2);*/}


	
	.swiper1 .swiper-slide {
		text-align: center;
		font-size: 16px;
		background:rgba(255,255,255,0.2);
		/* Center slide text vertically */
		display: -webkit-box;
		display: -ms-flexbox;
		display: -webkit-flex;
		display: flex;
		-webkit-box-pack: center;
		-ms-flex-pack: center;
		-webkit-justify-content: center;
		justify-content: center;
		-webkit-box-align: center;
		-ms-flex-align: center;
		-webkit-align-items: center;
		align-items: center;
		cursor: pointer;
	}
	
	.swiper1 h3{ font-size:20px;}	
	.swiper1 p{font-family:montserratregular;}
	
	
	
	
	.swiper2 {
		width: 100%;
	}
	.swiper2 .swiper-slide {
		/*height: calc(100vh - 50px);*/
		background-color:inherit;
		color: #fff;
		text-align: center;
		box-sizing: border-box !important;
		overflow-x: hidden !important;
	}


.area_txt{ width:100%; padding-top:1.3rem;}

.area_txtleft{ width:52%; height:auto; float:left; text-align:left;}
.area_txtright{ width:48%; height:auto; float:right;}
.area_txtright h3{ font-size:20px; text-align:left; margin-bottom:0.3rem; font-weight:bold;}
.area_txtul02 li{ width:calc((100% - 30px) / 3); margin:0 5px 10px; float:left; overflow:hidden;}
.area_txtul02 li img{ width:100%; display:block; max-width:100%; transition:all 0.5s;}
.area_txtul02 li:hover img{ transform:scale(1.1,1.1);}

.area_name{ margin-bottom:0.35rem; padding-bottom:0.3rem; position:relative;}
.area_name h1{ font-size:36px; padding-bottom:4px;}
.area_name p{ color:rgba(255,255,255,0.7); font-family:montserratregular;}
.area_name:after{ content:""; position:absolute; left:0; bottom:0; width:47px; height:3px; background:#ee681f;}
.area_list{ line-height:2;}

@media (max-width:1200px){
	.area_name h1{ font-size:32px;}
}

@media (max-width:992px){
	.swiper1 {
		padding:0px 0 20px 0;
		height:106px;
	}
	.swiper1 .swiper-wrapper{ height:86px;}
	
	
	.area_txtright h3{ font-size:19px;}
	.area_name p{ font-size:15px;}
	.area_name h1{ font-size:28px;}	
}


@media (max-width:768px){
		.swiper1 .selected {
		border-bottom:4px solid #ee681f;
	}




	
.swiper1 .selected:after{ bottom:-16px;}
	
	
	.area_box02{padding-bottom:1rem; background-image:url(../images/bg_mbarea.jpg);}
	.area_txt{ width:100%; padding-top:0.8rem;}
	.area_name h1{ font-size:26px;}	
	.area_name:after{left:50%; transform:translateX(-50%); bottom:0; width:42px;}
	.area_txtleft{ width:100%; height:auto; float:left; text-align:center;}
	.area_txtright{ width:100%; height:auto; float:right; margin-top:0.5rem;}
	.area_txtright h3{text-align:center; }
	
}


@media (max-width:480px){
	.swiper1 h3{ font-size:18px;}	
	.swiper1 p{ font-size:14px;}
}




@media (max-width:350px){
	}


@media (max-width:480px){
	
}
@media (max-width:768px){
	
}


@media (max-width:992px){
	
}

@media (max-width:1200px){

}

@media (min-width:1200px){	
	
}