/*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:15px;font-family:'Microsoft YaHei'; color:#666;}
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:95%; max-width:1724px ; margin:0 auto;}
.wapper1{ width:95%; max-width:1440px ; margin:0 auto; position: relative;}

.head{ width: 100%; background-color: #1c6367; }
.top{ width: 100%; display: flex; justify-content: space-between; align-items: center; flex-wrap: wrap; padding: 20px 0;}
.toplf{/* width: 60%;*/ display: flex; align-items: center; }
.topitem{ display: flex; margin-right: 20px; align-items: center;}
.topitem img{ width: 20px; margin-right: 10px;  filter: brightness(0%) contrast(200%) invert(100%) opacity(100%);
}
.topitem span{ font-size: 15px; font-weight: bold; color: #FFF;}
.topitem{ width: ;}
.toprt{ display: flex; align-items: center;}
.login{ font-size: 16px; color: #fff; font-weight: bold; padding-right: 20px; border-right: 1px solid #fff;}
.flosw{ display: flex; align-items: center; padding-left: 20px;}
.flosw a{ margin: 0 5px;}
.flosw a img{ display: block;}
.logo{     width: 22vw;}
.logo img{ width: 100%;}
.menu{/* width: 65%;*/} 
.menu ul li{ float: left; padding: 0 10px; text-align: center; line-height: 100px; position: relative;}
.menu ul li a{ font-size: 16px; color: #fff; font-weight: bold;}
.menu ul li dl{ position: absolute; top: 100%; left: 0; width: 100%; display: none; z-index: 999; background-color: #1c6367;}
.menu ul li dl dd { line-height: 35px; text-align: center;}
.menu ul li dl dd a{ color: #fff; font-size: 14px; font-weight: bold;}
.menu ul li:hover dl{ display: block;}
.header{ display: flex; justify-content: space-between; align-items: center;}
.tell{ width: 20%;}
.phone{ font-size: 18px; font-weight: bold; color: #fff; display: flex; align-items: center;margin-right: 20px;}
.tell{     display: none; align-items: center; }
.qute{ width: 150px; height: 45px; line-height: 45px; border-radius: 10px; background-color: #fff;  font-size: 16px; font-weight: bold; color: #1c6367; text-align: center; margin-left: 30px;}
.phone img{ margin-right: 10px; display: block}

.banner img{ width: 100%;}

.sp_header{height:50px;overflow:hidden;background:#fff;position:fixed;z-index:10;width:100%; display: none;}
.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:#c9141e;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;}
.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}

.con1{ width: 100%; padding: 100px 0; }
.con1lf{ width: 46%; position: relative; float: left;}
.con1rt{ width: 50%; float: right;;}
.con1rt span{ font-size: 18PX; color: #1B6366; margin-bottom: 10px;}
.con1rt h1{ font-size: 48px; color: #000; width: 100%; margin-bottom: 20px;}
.con1rt p{/* font-size: 18px; color: #000;*/}
.more{ width: 130px; height: 45px; background-color: #1c6367; color: #fff; font-size: 16px; text-align: center;line-height: 45px; border-radius: 10px; margin-top: 20px;}

.con2{ width: 100%; background-color: #1c6367;}
.pd2410 { padding: 60px; padding-left: 240px;}
.con2lf{ width: 50%; float: left;}
.con2lf span{font-size: 72px; font-weight: bold; color: #fff; margin-bottom: 10px;}
.con2lf h1{ font-size: 30px; font-weight: bold; color: #fff; margin-bottom: 20px;}
.con2lf p{ font-size: 18px; color: #fff;}
.more1{ width: 130px; height: 45px; background-color: transparent; border: 1px solid #fff; color: #fff; font-size: 16px; text-align: center;line-height: 45px; border-radius: 10px; margin-top: 40px;}
.con2rt{ width: 50%; float: right;}

.con3{ width: 100%;    padding: 100px 0 200px 0; position: relative;}
.c3bt{ width:100%; margin-bottom: 20px;}
.c3bt h2{ font-size: 18px; color: #1B6366; margin-bottom: 10px;}
.c3bt h1{     font-size: 48px;
    color: #000; margin-bottom: 20px;}
.c3lf{ width: 50%; float: left;}
.c3lf img{ width: 100%;}
.c3rt{ width: 50%; float: right;}
.pd120{ padding-left: 60px;}
.c3rt p{ font-size: 18px;}
.more2{ width: 130px; height: 45px; background-color: transparent; border: 1px solid #000; color: #000; font-size: 16px; text-align: center;line-height: 45px; border-radius: 10px; margin-top: 20px;}
.con14bg{width:100%;height: auto;    margin: 5% auto;background: #1c6367;color: #fff;/*position: absolute;*/bottom: -8%;right: 0;}
.con14{height: auto;}
.mumping_mun li{width: 40%;float:left;margin: 10px;text-align: center;}
.mumping_mun p{font-size: 18px;width: 100%;display: block;clear: both;}
.mumping_mun h2{font-size: 35px;font-weight: normal;float: none;margin-right: 10px;}
.mumping_mun{    display: flex;
    justify-content: center;}
	.mun_top{
		display: flex;
		    justify-content: center;
		    align-items: center;
	}
	.mun_top span{ font-size: 18px;}
.con4{}
.c4lf{ width: 35%; float: left;}
.c4bt h2{ font-size: 18px; color: #fff; font-weight: bold; margin-bottom: 10px;}
.c4lf h1 { font-size: 48px; color: #fff;}
.c4rt{ width: 100%; float: right; /*background-color: #fff;*/}
.pd60{ padding: 60px;}
.citem{ text-align: center;}
.citem p{ font-size: 18px; text-align: center; margin: 10px 0;}
.img1{ width: 60px; height: 50px; object-fit: contain;}
.img2{ width: 60px;  height: 50px; object-fit: contain; display: none;}
.mySwiperc .swiper-slide{ border-bottom: 1px solid #fff;}
.mySwiperc .swiper-slide-thumb-active .img1{ display: none;}
.mySwiperc .swiper-slide-thumb-active .img2{ display: inline-block;}
.mySwiperc .swiper-slide-thumb-active{ border-bottom: 1px solid #1c6367;}
.bnr{ padding: 30px 0;}
.bnr h1{ font-size: 30px;}
.bnr p{ font-size: 18px;}

.con5{ width: 100%; padding: 100px 0;}
.link ul{ display: flex; justify-content: space-between; flex-wrap: wrap;}
.link ul li{ width: calc((100% - 12px)/6); height: 180px; border: 1px solid #ddd; background-color: #F2F2F2; display: flex; align-items: center;justify-content: center;}
.link ul li img{ width: 100%; height: 100%; object-fit: contain;}

.map{ width: 100%; position: relative;}
.mappic{    width: 100%;
    margin: auto;
    max-width: 1920px;}
.mappic img{ width: 100%;}
.mapnr{ position: absolute; top: 50%; transform: translateY(-50%); right: 10%; width: 40%; background-color: #fff;}
.mapnr h2{ font-size: 18px; margin-bottom: 10px;}
.mapnr h1{ font-size: 30px; margin-bottom: 20px;}
.ipt{ width:calc((100% - 40px)/2); float: left; margin-right: 20px; margin-bottom: 40px;}
.ipt:nth-child(2n){ margin-right: 0;}
.ipt input{ width: 100%; line-height: 55px; border: 0; border-bottom: 1px solid #ddd;}
.ipt button{ width: 100%; line-height: 50px; background-color: #C82A1E; color: #fff; border: 0;}

.foot{ background-image: url(../images/cb.png); padding: 100px 0;    background-size: 100%;}
.foot .wapper1{ display: flex; justify-content: space-between;flex-wrap: wrap; }
.foot1{     width: 70%;}
.footnr{ color: #fff; font-size: 18px; margin-bottom: 50px;}
.footlogo{     max-width: 300px; margin-bottom: 50px;}
.footlogo img{ width: 100%;}
.footlink a{ margin-right: 10px;}
.foot2{ width: 18%;}
.foot2 h1{ font-size: 30px; color: #fff; margin-bottom: 50px;}
.foot2 dl dd{ line-height: 35px; margin-bottom: 10px;}
.foot2 dl dd a{ font-size: 18px; color: #fff;}
.foot3{     display: none;width: 18%;}
.foot3 h1{ font-size: 30px; color: #fff; margin-bottom: 50px;}
.foot3 dl dd{ line-height: 35px; margin-bottom: 10px;}
.foot3 dl dd a{ font-size: 18px; color: #fff;}
.foot4{ width: 23%;    display: none;}
.foot4 h1{ font-size: 30px; color: #fff; margin-bottom: 50px;}
.foot4 dl dd{ line-height: 35px; margin-bottom: 10px; display: flex; align-items: center;}
.foot4 dl dd a{ font-size: 18px; color: #fff;}
.foticon{ width: 80px; border-radius: 50%; height: 80px; margin-right: 10px; }
.ft4nr p{ font-size: 18px; color: #fff;}
.ft4nr span{font-size: 16px; color: #fff; display: flex; align-items: center;}
.ft4nr span img{ width: 25px; }
.footbtom{ width: 100%; background-color: #126610; padding: 15px 0; text-align: center;}
.footbtom p{ color: #fff;}

.nybanner{ width: 100%; position: relative;}
.nybanner img{ width: 100%;}
.nynr{ position: absolute; top: 50%; left: 50%; transform: translate(-50%,-50%);  text-align: center;}
.nav{ color: #fff; font-size: 18px;}
.nav a{ color: #fff; font-size: 18px;}
.nynr h1{ font-size: 48px; color: #fff;}

.mySwiperabt{ overflow-y: visible !important; position: relative;}
.about{ width: 100%; padding: 30px 0;}
.aboutbt{width: 50%;float: left;}
.aboutpic {
    float: right;
    width: 120px;
    border-radius: 50%;
    overflow: hidden;
    transform: translateY(-35%);
}
.abouttit{ width: 100%;}
.abouttit img{ width: 100%;}
.aboutitm{ background-color: #F2F2F2;}
.aboutpic img{ width: 100%; height: 100%;}
.pd30{ padding: 20px;}
.aboutbt h1{ font-size: 20px;    color: #000;}
.aboutbt h2{ font-size: 18px;}
.about .swiper-button-prev:after,.about .swiper-rtl .swiper-button-next:after{ display: none;}
.about .swiper-button-prev,.about .swiper-rtl .swiper-button-next {
    left: -60px;
    right: auto;
}
.about .swiper-button-next:after,.about .swiper-rtl .swiper-button-prev:after{ display: none;}
.about .swiper-button-next,.about .swiper-rtl .swiper-button-prev {
    right: -60px;
    left: auto;
}

.about1{ width: 100%; padding: 100px 0; background-color: #F6FAFB;}
.about1lf{ width: 50%;}
.about1lf h2{ font-size: 18px; color:#1c6367; margin-bottom: 10px;}
.about1lf h1{color: #000; font-size: 48px; margin-bottom: 20px;}
.about1lf h3{ font-size: 24px; margin-bottom: 20px;}
.about1rt{ width: 45%;}
.about1rt img{       width: 100%;
    aspect-ratio: 3 / 2;
    object-fit: cover;}
.abtiem{ display: flex; justify-content: space-between; flex-wrap: wrap; align-items: center; margin-bottom: 30px; width: 100%; padding: 30px 0;}
.abtiem .wapper1{ display: flex; justify-content: space-between; flex-wrap: wrap; align-items: center; }
.abtiem:nth-child(2n){ background-color: #F2F2F2;}

.contact1{ padding-bottom: 100px;}
.contact1 .wapper1{ display: flex; justify-content: space-between; justify-content: space-between; flex-wrap: wrap;}
.contactlf{ width: 45%;}
.contactlf h2{     font-size: 18px;
    color: #1c6367;
    margin-bottom: 10px;
    margin-top: 40px;}
.contactlf h1{ font-size: 24px; margin-bottom: 20px;}
.contactlf p{ font-size: 20px; margin-bottom: 20px;    color: #000;}
.contactrt{ width: 50%; background-color: #47A243;} 
.contactlf ul{      display: flex;
    flex-wrap: wrap;}
.contactlf ul li{    display: flex;
    align-items: center;
    margin-bottom: 15px;
    width: 50%;
    flex-wrap: wrap;}

.contactlf ul li img{ width: 50px; margin-right: 15px;}
.contactad h3{ font-size: 20px; color: #47a243;}
.contactad p{ font-size: 16px; margin: 0;}
.ipt1{ width: 100%; margin-bottom: 30px;}
.ipt11{ width: 100%; margin-bottom: 30px;}
.ipt11 input{ margin-right: 10px;}
.ipt11 span{ font-size: 16px; color: #fff;}
.ipt1 label{ font-size: 18px; color: #fff; font-weight: bold; margin-bottom: 10px; display: block;}
.ipt1 input{ width: 100%; line-height: 60px; border: 1px solid #fff; border-radius: 10px; background-color: transparent; text-indent: 1rem;}
.ipt1 input::-webkit-input-placeholder { /* Chrome/Opera/Safari */ 
			color: #fff;
			font-size: 16px;
			
		}
		.ipt1 input::-moz-placeholder { /* Firefox 19+ */  
			color: #fff;font-size: 16px;
		}
		.ipt1 input:-ms-input-placeholder { /* IE 10+ */ 
		 color: #fff;font-size: 16px;
		}
		.ipt1 input:-moz-placeholder { /* Firefox 18- */ 
		 color: #fff;font-size: 16px;
		}
.ipt1 textarea{ width: 100%; height: 120px; border: 1px solid #fff; border-radius: 10px; background-color: transparent; text-indent: 1rem;}
.ipt1 textarea::-webkit-input-placeholder { /* Chrome/Opera/Safari */ 
			color: #fff;
			font-size: 16px;
			
		}
		.ipt1 textarea::-moz-placeholder { /* Firefox 19+ */  
			color: #fff;font-size: 16px;
		}
		.ipt1 textarea:-ms-input-placeholder { /* IE 10+ */ 
		 color: #fff;font-size: 16px;
		}
		.ipt1 textarea:-moz-placeholder { /* Firefox 18- */ 
		 color: #fff;font-size: 16px;
		}
		.ipt1 button{ width: 100%; background-color: #fff;  border-radius: 10px; text-align: center; line-height: 60px; text-align: center; color: #000; font-size: 18px; border: 0;}
		
		.mapp{ width: 100%;}
		.mapp img{ width: 100%;}
		.mySwipercul_1{ padding: 20px 0 !important;}
		.swiper-paginationcul_1{ bottom: 0 !important; top: auto !important;}
		.mySwipercul_1_1{ padding: 20px 0 !important;}
		.swiper-paginationcul_1_1{ bottom: 0 !important; top: auto !important;}
		.mySwipercul_2{ padding: 20px 0 !important;}
		.swiper-paginationcul_2{ bottom: 0 !important; top: auto !important;}
		.mySwipercul_2_2{ padding: 20px 0 !important;}
		.swiper-paginationcul_2_2{ bottom: 0 !important; top: auto !important;}
		.culturelf{ width: 35%; float: left;}
		.culturert{ width: 60%; float: right;}
		.culture{ padding: 100px 0; background-color: #F2F2F2; position: relative;}
		.culturelf h2{ font-size: 18px; color:#1c6367; margin-bottom: 10px;}
		.culturelf h1{ font-size: 30px; margin-bottom: 20px;}
		.culturelf p{ font-size: 20px; margin-bottom: 20px;}
		.qh1{ width: 35%; position: absolute; bottom: -5%; left: 0;}
		.qh1_r{ width: 35%; position: absolute; bottom: 0%; right: 0; left: auto;}
		.qh1item h1{ font-size: 15px; padding: 10px 0;}

		.mySwiper13 .swiper-slide{ border-bottom: 2px solid #fff;}
		.mySwiper13 .swiper-slide-thumb-active .img1{ display: none;}
		.mySwiper13 .swiper-slide-thumb-active .img2{ display: inline-block;}
		.mySwiper13 .swiper-slide-thumb-active{ border-bottom: 2px solid #1c6367;}
		
		.culture2{ padding: 100px 0; width: 100%;}
		.culture2 h2{ font-size: 18px; color:#1c6367; margin-bottom: 10px;}
		.culture2 h1{    font-size: 48px;
    color: #000;
    width: 70%;
    margin-bottom: 20px;}
		.culture2 p{ margin-bottom: 20px;
 /*   font-size: 18px;
    color: #000;*/}
		.cullf{ width: 65%;}
		.culimg{ width: 100%; margin-top: 30px;}
		.culimg img{ width: 100%;}
		
		.culcon{ position: absolute; bottom: -40px; right: 0; background-color: #1c6367;}
		.culcon h1{ font-size: 48px; color: #fff; margin-bottom: 20px;}
		.culcon p{ /*font-size: 18px; */color: #fff; }
		.solution{ background-color: #F2F2F2; padding: 100px 0; width: 100%;}
		.sulcon{ position: relative; width: 85%; margin: 0 auto;}
		.solution .swiper-button-prev:after,.solution .swiper-rtl .swiper-button-next:after{ display: none;}
		.solution .swiper-button-prev,.solution .swiper-rtl .swiper-button-next {
		    left: -60px;
		    right: auto;
		}
		.solution .swiper-button-next:after,.solution .swiper-rtl .swiper-button-prev:after{ display: none;}
		.solution .swiper-button-next,.solution .swiper-rtl .swiper-button-prev {
		    right: -60px;
		    left: auto;
		}
		.mySwipers1 .swiper-slide-thumb-active .img1{ display: none;}
		.mySwipers1 .swiper-slide-thumb-active .img2{ display: inline-block;}
		.S1{ text-align: center;}
		

@media screen and (max-width: 789px) {
	.sulcon{ display: none !important;}
	.culture {
	    padding: 20px 0;
	    background-color: #F2F2F2;
	    position: relative;
	}
	.culturelf {
	    width: 100%;
	    float: left;
	}
	.culturelf h1 {
	    font-size: 20px;
	    margin-bottom: 10px;
	}
	.culturelf p {
	    font-size: 16px;
	    margin-bottom: 10px;
	}
	.culturert {
	    width: 100%;
	    float: right;
	}
	.qh1 {
	    width: 100%;
	    position: relative;
	    bottom: 0%;
	    left: 0;
	    margin-top: 20px;
	}
	.qh1item{ text-align: center;}
	.cullf {
	    width: 100%;
	}
	.culture2 h1 {
	    font-size: 20px;
	    margin-bottom: 10px;
	}
	.culture2 p {
	    font-size: 16px;
	    margin-bottom: 10px;
	}
	.culcon {
	    position: relative;
	    bottom: 0;
	    right: 0;
	    background-color: #1c6367;
	}
	.culcon h1 {
	    font-size: 20px;
	    color: #fff;
	    margin-bottom: 20px;
	}
	.culcon p {
	    font-size: 16px;
	    color: #fff;
	}
	.culture2 {
	    padding: 20px 0;
	    width: 100%;
	}
	.nav {
	    color: #fff;
	    font-size: 12px;
	}
	.nav a {
	    color: #fff;
	    font-size: 12px;
	}
	.nynr h1 {
	    font-size: 20px;
	    color: #fff;
	}
	.about1 {
	    width: 100%;
	    padding: 30px 0;
	    background-color: #F6FAFB;
	}
	.about1lf {
	    width: 100%;
	    margin-bottom: 10px;
	}
	.about1lf h1 {
	    font-size: 20px;
	    margin-bottom: 10px;
	}
	.about1lf h3 {
	    font-size: 18px;
	    margin-bottom: 20px;
	}
	.about1rt {
	    width: 100%;
	}
	.abtiem {
	    display: flex;
	    justify-content: space-between;
	    flex-wrap: wrap;
	    align-items: center;
	    margin-bottom: 10px;
	    width: 100%;
	    padding: 30px 0;
	}
	.sp_header{ display: block;}
	.nv{ height: 50px;}
	.head{ display: none;}
	.contactlf {
    width: 100%;
}
	.contactrt {
    width: 100%;
}

	.contactlf ul li {
    width: 100%;
}
	.con1 {
	    width: 100%;
	    padding: 20px 0;
	}
	.con1lf {
	    width: 100%;
	    position: relative;
	    float: left;
	}
	.con1lf img{ width: 100%;}
	.con1rt{ width: 100%; margin: 10px 0;}
	.con1rt h1 {
	    font-size: 18px;
	    color: #000;
	    width: 100%;
	    margin-bottom: 20px;
	    text-align: center;
	}
	.con1rt span {
	    font-size: 22PX;
	    color: #1B6366;
	    margin-bottom: 10px;
	    text-align: center;
	    display: block;
	}
	.pd2410 {
	    padding: 10px;
	    padding-left: 10px;
	}
	.con2lf {
	    width: 100%;
	    float: left;
	}
	.con2lf h1 {
	    font-size: 20px;
	    font-weight: bold;
	    color: #fff;
	    margin-bottom: 20px;
	}
	.con2rt {
		margin-top: 10px;
	    width: 100%;
	    float: right;
	}
	.con3 {
	    width: 100%;
	    padding: 20px 0;
	    position: relative;
	}
	.c3bt {
	    width: 100%;
	    margin-bottom: 20px;
	}
	.c3bt h1 {
	    font-size: 20px;
	    margin-bottom: 20px;
	}
	.c3lf {
	    width: 100%;
	    float: left;
	}
	.c3rt {
	    width: 100%;
	    float: right;
	}
	.pd120{ padding: 10px;}
	.con14bg {
	    width: 100%;
	    height: auto;
	    background: #1c6367;
	    color: #fff;
	    position: relative;
	    bottom: 0;
	    right: 0;
	}
	.mumping_mun li {
	    width: 100%;
	    float: left;
	    margin: 10px 0;
	    text-align: center;
	}
	.c4lf {
	    width: 100%;
	    float: left; margin-bottom: 15px;
	}
	.c4rt {
	    width: 100%;
	    float: right;
/*	    background-color: #fff;*/
	}
	.mySwiperc { display: none !important;}
	.pd60 {
	    padding: 10px;
	}
	.bnr h1 {
	    font-size: 20px;
	}
	.bnr p {
	    font-size: 16px;
	}
	.con4 {
	    width: 100%;
	    padding: 30px 0;
	    background-image: url(../images/21.png);
	    background-size: cover;
	}
	.link ul li {
	    width: calc((100% - 4px) / 2);
	    height: 60px;
	    border: 1px solid #ddd;
	    background-color: #F2F2F2;
	    display: flex;
	    align-items: center;
	    justify-content: center;
	}
	.mapnr {
	    position: relative;
	    top: 0;
	    transform: none;
	    right: 0;
	    width: 100%;
	    background-color: #fff;
	}
	.mapnr h1 {
	    font-size: 20px;
	    margin-bottom: 20px;
	}
	.ipt {
	    width: calc((100% - 0px));
	    float: left;
	    margin-right: 0;
	    margin-bottom: 40px;
	}
	.con5 {
	    width: 100%;
	    padding: 30px 0;
	}
	.foot1 {
	    width: 100%;
	}
	.footlogo {
	    width: 100%;
	    margin-bottom: 10px;
	}
	.footnr {
	    color: #fff;
	    font-size: 14px;
	    margin-bottom: 10px;
	}
	.footlink a {
		margin: 10px 0;
	    margin-right: 10px;
	    display: inline-block;
	    width: 30px;
	}
	.foot {
	    background-image: url(../images/cb.png);
	    padding: 30px 0;
	}
	.foot2 h1 {
	    font-size: 20px;
	    color: #fff;
	    margin-bottom: 10px;
	    text-align: center;
	}
	.foot2 {
	    width: 100%; margin: 10px 0;
	}
	.foot3 {
	    width: 100%; margin: 10px 0;
	}
	.foot4 {
	    width: 100%; margin: 10px 0;
	}
	.foot2 dl dd {
	    line-height: 35px;
	    margin-bottom: 10px;
	    text-align: center;
	}
	.foot2 dl dd a {
	    font-size: 12px;
	    color: #fff;
	}
	.foot3 h1 {
	    font-size: 20px;
	    color: #fff;
	    margin-bottom: 10px;
	    text-align: center;
	}
	.foot3 dl dd {
	    line-height: 35px;
	    margin-bottom: 10px;
	    text-align: center;
	}
	.foot3 dl dd a {
	    font-size: 12px;
	    color: #fff;
	}
	.foot4 h1 {
	    font-size: 20px;
	    color: #fff;
	    margin-bottom: 10px;
	    text-align: center;
	}
	.foot4 dl dd {
	    line-height: 35px;
	    margin-bottom: 10px;
	    text-align: center;
	}
	.foot4 dl dd a {
	    font-size: 12px;
	    color: #fff;
	}
	.ft4nr p {
	    font-size: 14px;
	    color: #fff;
	    text-align: left;
	}
}