﻿     /*=================================中小型笔记本或大平板 laptop /*=================================*/
	 @media screen and (max-width: 1680px) {
	.top-nav .nav-block li>a{
		padding:0 10px;
	}
		 @media screen and (max-width: 1440px) {
	.top-nav .nav-block li>a{
		padding:0 5px;
	}
		 @media screen and (max-width: 1320px) {
	.top-nav .nav-block li>a{
		padding:0 2px;
		font-size:14px;
	}
	.header{
		padding-left:2%;
	}
	.index-lang a{
		padding:10px;
	}


    }
    @media screen and (max-width: 1200px) {
.header{
		padding-left:1%;
	}

    }



















    /*=================================手机或小平板 phone=============================== */
    @media screen and (max-width: 767px) {

/*prodetail*/
.product-detail .editbox table{
	width:800px;
}
/*手机表格开始*/
   .product-detail .ntable{
        width: 100%;
        overflow-x: scroll;
        position: relative;
    }
   .product-detail .finger{
        position: absolute;
        left: 0;
        top: 0%;
        width: 100%;
        height: 100%;
        display: block;
        background: rgba(0,0,0,.3);
        text-align: center;
        vertical-align: middle;
        -webkit-box-sizing: border-box;
        -moz-box-sizing: border-box;
        box-sizing: border-box;
		display: -webkit-flex;
		display: -moz-flex;
		display: -ms-flex;
        display: flex;
    -webkit-align-items: center;
	-moz-align-items: center;
	-ms-align-items: center;
	align-items: center;
	-webkit-justify-content: center;
	-moz-justify-content: center;
	-ms-justify-content: center;
    justify-content: center;
	
    }
   .product-detail .finger img{
        width: 100px;
    }
	/*手机表格结束*/

/*index*/

/*top nav*/
.header{
	height: 60px;
	padding-left: 0;
}

.top-nav{
	padding: 0 10px 0 20px;
	position: relative;
	z-index: 999;
}

.top-nav .logo{
	margin-right: 10px;
}

.top-nav .logo img{
	height: 40px;
}

.top-nav .nav-block{
	display: none;
}

.index-lang{
	display: none;
}

.top-menu{
	display: none;
}

/*手机导航开始menu*/
.top-nav-blank{
	height: 60px;
}
.menu{
  display: block;
  padding: 10px;
}
.menu_down{
  position: absolute;
  left:0;
  top:60px;
  z-index: 990;
  width: 100%;
  padding-bottom: 0px;
  background-color: rgba(0,0,0,0.7);
  box-shadow: 0 1px 3px #999;
}
.menu_down li{
  line-height: 4;
  text-align: center;
  /*padding-left: 4rem;*/
  
}
.menu_down li+li{
	border-top: 1px solid #666;
}
.menu_down li a{

  display: block;
  font-size: 15px;
  color: #fff;
}
.menu span.icon-bar{
  background: #999;
  width: 25px;
  height: 2px;
  display: block;
  -webkit-transition: all 300ms ease-out; 
  -moz-transition: all 300ms ease-out;
  transition: all 300ms ease-out; 
}
.menu .sr-only{
  display: none;
}
.menu .icon-bar:nth-child(2){
  -webkit-transform: rotate(0deg) translate(0,0);
  -moz-transform: rotate(0deg) translate(0,0);
  -ms-transform: rotate(0deg) translate(0,0);
  transform: rotate(0deg) translate(0,0);
  transform-origin:top left;
}
.menu .icon-bar:nth-child(3){
  margin-top: 6px; 
      -webkit-transform: scale(1,1);
-moz-transform: scale(1,1);
-ms-transform: scale(1,1);
transform: scale(1,1);
-webkit-transform-origin: center center;
-moz-transform-origin: center center;
-ms-transform-origin: center center;
transform-origin: center center;
}
.menu .icon-bar:nth-child(4){
  margin-top: 6px; 
  -webkit-transform: rotate(0deg) translate(0,0);
  -moz-transform: rotate(0deg) translate(0,0);
  -ms-transform: rotate(0deg) translate(0,0);
  transform: rotate(0deg) translate(0,0);
  transform-origin:top left;
}
.xz .icon-bar:nth-child(2){
  -webkit-transform: rotate(45deg) translate(2px,-3px);
  -moz-transform: rotate(45deg) translate(2px,-3px);
  -ms-transform: rotate(45deg) translate(2px,-3px);
  transform: rotate(45deg) translate(2px,-3px);
  transform-origin:0 0;
}
.xz .icon-bar:nth-child(3){
  opacity: 0;
}
.xz .icon-bar:nth-child(4){
  -webkit-transform: rotate(-45deg) translate(1px,2px);
  -moz-transform: rotate(-45deg) translate(1px,2px);
  -ms-transform: rotate(-45deg) translate(1px,2px);
  transform: rotate(-45deg) translate(1px,2px);
  
}
/*手机导航结束*/

/* index banner */
.index-banner img{
	min-height: 240px;
	object-fit: cover;
}

/*index about*/
.index-about-block{
	padding: 20px 20px 20px;
}

.index-about-block .textbox{
	padding: 0;
}

.index-about-block .textbox h2{
	font-size: 24px;
	margin-bottom: 10px;
}

.index-about-block .editbox{
	line-height: 1.6;
	margin-bottom: 20px;
}

.index-about-block .editbox::after{
	margin: 10px auto 0;
	height: 3px;
}

.index-about-block ul{
	border-left: none;
	border-top: 1px solid #eee;
	width: 100%;
	margin-bottom: 20px;
}

.index-about-block li{
	padding: 15px 0;
	border-right: none;
	border-bottom: 1px solid #eee;
	-webkit-flex:100%;
	-webkit-box-flex:100%;
	-ms-flex:100%;
	-moz-flex:100%;
	flex:100%;
}

.index-about-block li h3{
	margin-bottom: 10px;
	font-size: 30px;
}

.index-about-block li p{
	font-size: 14px;
}

.index-about-block li span{
	font-size: 16px;
}

.index-about-block .imgbox{
	padding: 20px;
}

.index-about-block .imgbox::before{
	width: 100%;
}

.index-about-block .imgbox .border{
	width: 20%;
	margin-bottom: 15px;
	transform: translateY(0);
}

.index-about-block .imgbox .info{
	overflow: hidden;
	width: 100%;
}

.index-about-block .imgbox h4{
	font-size: 18px;
	margin-bottom: 10px;
}

.index-about-block .imgbox h2{
	font-size: 24px;
}

.index-about-block .imgbox h3{
	font-size: 24px;
}

.index-about-block .imgbox p{
	font-size: 14px;
	padding: 5px 0 5px 10px;
	border-radius: 16px;
	margin-top: 15px;
}

.index-about-block .imgbox .graphic{
	height: 230px;
	margin-top: 20px;
	-webkit-flex:100%;
	-webkit-box-flex:100%;
	-ms-flex:100%;
	-moz-flex:100%;
	flex:100%;
}

.index-about-block .imgbox video{
	height: 100%;
}

.index-about-block .imgbox img{
	height: 100%;
}
.index-about-block .imgbox iframe{
	height: 250px;
}

/* index useful */
.index-useful{
	padding: 20px;
}

.index-useful::after{
	position: absolute;
	display: block;
	content: "";
	right: 0;
	bottom: 0;
	background-color: #01967a;
	height: 65%;
	width: 59%;
	transform: translateY(65px);
	display: none;
}

.index-useful .title{
	padding: 0;
	margin-bottom: 20px;
}

.index-useful .title h2{
	font-size: 24px;
}

.index-useful .title h4{
	font-size: 14px;
}

.index-useful .usebox{
	-webkit-flex:100%;
	-webkit-box-flex:100%;
	-ms-flex:100%;
	-moz-flex:100%;
	flex:100%;
}

.index-useful .usenav1{
	position: relative;
	width: 100%;
	transform: translateY(0);
}

.index-useful .usenav1 a{
	padding: 10px 20px;
	width: 100%;
}

.index-useful .usenav1 i{
	font-size: 30px;
}

.index-useful .usenav2{
	position: relative;
	transform: translateY(0);
}

.index-useful .usenav2 a{
	padding: 15px 20px;
	margin-left: 0;
	width: 50%;
	text-align: center;
}

.index-useful .text{
	padding: 20px;
	min-height: 400px;
}

.index-useful .text h2{
	font-size: 22px;
}

.index-useful .text h3{
	margin-bottom: 15px;
}

.index-useful .text .border{
	height: 3px;
	margin-bottom: 20px;
}

.index-useful .text .editbox{
	line-height: 1.6;
}


/* index product */
.index-product{
	padding: 20px;
}

.index-product .title{
	padding: 0;
	margin-bottom: 20px;
}

.index-product .title .text{
	-webkit-flex:100%;
	-webkit-box-flex:100%;
	-ms-flex:100%;
	-moz-flex:100%;
	flex:100%;
}

.index-product .title h2{
	font-size: 24px;
}

.index-product .title h4{
	font-size: 16px;
}

.index-product .title .icon{
	margin-left: 0;
	margin-top: 20px;
	width: 33.3%;
}

.index-product .title i{
	font-size: 24px;
}

.index-product .title p{
	font-size: 14px;
	margin-top: 10px;
}

.index-product li{
	-webkit-flex:100%;
	-webkit-box-flex:100%;
	-ms-flex:100%;
	-moz-flex:100%;
	flex:100%;
}

.index-product li::before{
	width: calc(100% - 20px);
	height: calc(100% - 20px);
}

.index-product li+li{
	border-left: none;
	border-top: 1px solid #777;
}

.index-product li a{
	display: block;
	padding: 20px;
	position: relative;
	z-index: 5;
}

.index-product li .imgbox{
	height: 200px;
	margin-bottom: 20px;
}

/*index news*/
.index-news{
	padding: 20px;
}

.index-news .title{
	padding-bottom: 20px;
	border-bottom: 1px solid #eee;
}

.index-news .title h2{
	font-size: 24px;
}

.index-news li{
	width: 100%;
	border-right: 1px solid #eee;
	border-bottom: 1px solid #eee;
}

.index-news li a{
	padding: 20px;
}

.index-news li .imgbox{
	margin-bottom: 20px;
}

.index-news li h4{
	margin-bottom: 10px;
}

.index-news li p{
	font-size: 18px;
	margin-bottom: 15px;
}

.index-news li span{
	display: inline-block;
	padding: 5px 20px;
	border-radius: 15px;
}

/*footer list*/
.footer-list-bg{
	display: none;
}

.copy{
	padding: 10px 15px;
	line-height: 1.5;
}

/*other public*/
.other-banner img{
	min-height: 150px;
}

.shade-text{
	padding: 0 20px;
}

.shade-text h2{
	font-size: 24px;
}

.shade-text h4{
	font-size: 14px;
	margin-top: 5px;
}

/****/
.other-nav .uselessicon{
	display: none;
}

.other-nav ul{
	position: relative;
	padding: 0 0;
}

.other-nav li{
	text-align: center;
	width: 100%;
	border-top: 1px solid #eee;
}

.other-nav li a{
	margin: 0 15px;
	padding: 0 10px;
	font-size: 15px;
	height: 50px;
}

.other-nav li a::after{
	width: 20%;
	left: 40%;
}

.other-local-bg{
	background-color: #eee;
}

.other-local{
	padding: 10px 20px;
	font-size: 14px;
	line-height: 2;
}

/*about us*/
.about-abo-block{
	padding: 20px;
}

.about-abo-block .title{
	font-size: 24px;
}

.about-abo-block .title::after{
	height: 3px;
	margin-top: 10px;
}

.about-abo-block .editbox{
	width: 100%;
	padding-top: 10px;
	line-height: 2;
}

.about-abo-block ul{
	margin-top: 20px;
	width: 100%;
}

.about-abo-block li{
	padding: 20px;
	text-align: center;
}

.about-abo-block li h3{
	margin-bottom: 10px;
	font-size: 30px;
}

.about-abo-block li span{
	font-size: 18px;
}

.about-abo-block2{
	padding-bottom: 20px;
}

/**/
.about-pro-block{
	padding: 20px 20px 60px;
}

.about-pro-block .title{
	font-size: 24px;
	margin: 0 auto 20px;
}

.about-pro-block .title::after{
	height: 3px;
	margin-top: 10px;
}

.about-pro-block .title span{
	font-size: 20px;
	right: 20px;
}

.about-pro-swiper{
	position: relative;
}

.about-pro-swiper .show-block{
	position: relative;
	width: 100%;
	left: 0%;
	top: 0%;
	transform: translate(0);
}

.about-pro-swiper .showbox{
	width: 100%;
}

.about-pro-swiper .showbox img{
	height: 220px;
}

.about-pro-swiper .showbox .textbox{
	padding: 20px;
}

.about-pro-swiper .showbox h2{
	font-size: 22px;
}

.about-pro-swiper .showbox h4{
	font-size: 18px;
}

.about-pro-swiper .showbox .editbox{
	margin-top: 10px;
	line-height: 1.6;
}

.about-pro-swiper .line{
	display: none;
}

.about-pro-swiper .big-swiper{
	display: none;
}

.about-pro-swiper .swiper-button-prev{
	top: 100%;
	transform: translate(0);
}

.about-pro-swiper .swiper-button-next{
	top: 100%;
	transform: translate(0);
}

/**/
.about-cul-block{
	padding: 20px;
}

.about-cul-block .title{
	margin-bottom: 20px;
}

.about-cul-block .title h2{
	font-size: 24px;
	margin-bottom: 20px;
}

.about-cul-block .title h2::after{
	height: 3px;
	margin: 10px auto 0;
}

.about-cul-block .title h4{
	font-size: 14px;
}

.about-cul-block li{
	width: 100%;
	margin-right: 0;
	padding: 20px 20px;
}

.about-cul-block li i{
	font-size: 30px;
}

.about-cul-block li h2{
	margin: 15px 0 10px;
}

.about-cul-block2{
	padding: 0;
}

.about-cul-block2 .cul-text{
	margin-right: 0px;
	width: 100%;
}

.about-cul-block2 .cul-text h2{
	font-size: 22px;
	margin-bottom: 10px;
}

.about-cul-block2 .cul-text .editbox{
	font-size: 16px;
	line-height: 2;
	margin-bottom: 0;
}

.about-cul-block2 .imgbox .graphic{
	margin-top: 0;
}

.about-cul-block3{
	padding: 20px;
}

.about-cul-block3 li{
	width: 100%;
	margin-right: 0;
	padding: 20px;
}

.about-cul-block3 li i{
	font-size: 50px;
	margin-right: 20px;
}

.about-cul-block3 dd{
	width: 100%;
	margin-right: 0;
	padding: 20px;
}

.about-cul-block3 dd i{
	font-size: 30px;
}

.about-cul-block3 dd h2{
	margin-top: 15px;
}

.about-cul-block4 .title{
	padding: 20px 0;
	font-size: 22px;
}

.about-cul-block4 li{
	width: 100%;
	border-right: none;
	font-size: 16px;
	height: 60px;
}

/**/
.about-honor-block{
	padding: 20px;
}

.about-honor-block .title{
	font-size: 24px;
}

.about-honor-block .title::after{
	height: 3px;
	margin: 10px auto 0;
}

.about-honor-swiper{
	width: 100%;
	height: 300px;
}

.about-honor-swiper .swiper-pagination{
	display: block;
}

.about-honor-nav{
	display: none;
}

/**/
.about-res-block{
	padding: 20px;
}

.about-res-block .title{
	margin-bottom: 20px;
	font-size: 24px;
}

.about-res-block .title::after{
	height: 3px;
	margin: 10px auto 0;
}

.about-res-block li{
	width: 100%;
	margin-right: 0;
}

.about-res-block li a{
	padding: 20px;
}

.about-res-block li .textbox{
	-webkit-flex:100%;
	-webkit-box-flex:100%;
	-ms-flex:100%;
	-moz-flex:100%;
	flex:100%;
	margin-bottom: 20px;
}

.about-res-block li h4{
	margin-bottom: 10px;
}

.about-res-block li h2{
	font-size: 20px;
	margin-bottom: 15px;
}

.about-res-block li p{
	margin-bottom: 15px;
}

.about-res-block li .imgbox{
	width: 100%;
	height: 180px;
}

/**/
.about-res-detail{
	padding: 20px;
}

.about-res-detail .title{
	margin-bottom: 20px;
}

.about-res-detail .title h4{
	margin-bottom: 10px;
}

.about-res-detail .title h2{
	font-size: 22px;
	margin-bottom: 10px;
}

.about-res-detail .title h3{
	font-size: 24px;
}

/**/
.about-care-block{
	padding: 20px;
}

.about-care-block .title{
	margin-bottom: 20px;
	font-size: 24px;
}

.about-care-block .title::after{
	height: 3px;
	margin: 10px auto 0;
}

.about-care-block li{
	width: 100%;
	margin-right: 0;
}

.about-care-block li h4{
	margin-bottom: 10px;
}

.about-care-block li h2{
	font-size: 20px;
	line-height: 30px;
	height: auto;
	margin-bottom: 20px;
}

.about-care-block li span{
	width: 100px;
	line-height: 42px;
}

.about-care-block li:hover span{
	color: #fff;
	background-color: #f1871c;
	border-color: #f1871c;
}

/**/
.about-care-detail{
	padding: 20px;
}

.about-care-detail .title{
	margin-bottom: 20px;
}

.about-care-detail .title h4{
	font-size: 16px;
	margin-bottom: 10px;
}

.about-care-detail .title h2{
	font-size: 22px;
}

/*products*/
.product-block{
	padding: 20px;
}

.product-block .tags{
	margin-bottom: 20px;
}

.product-block li{
	width: 100%;
	margin-right: 0;
	margin-bottom: 20px;
}

/*product detail*/
.product-detail{
	padding: 20px;
}

.product-detail .title{
	margin-bottom: 20px;
	font-size: 22px;
}

.product-detail .imgbox{
	height: 310px;
}

.product-detail .imgbox a{
	top: 100%;
	transform: translateY(10px);
}

.product-detail .subtitle{
	margin: 70px 0 2px;
}

.product-detail .subtitle span{
	padding: 0 15px;
}

/* lean */
.lean-block1{
	padding: 20px 20px 0;
}

.lean-block1 .title{
	margin-bottom: 20px;
}

.lean-block1 .title h2{
	font-size: 24px;
	margin-bottom: 10px;
}

.lean-block1 .title h3{
	font-size: 18px;
}

.lean-block1 li{
	width: 100%;
	margin-right: 0;
	padding: 20px;
}

.lean-block1 li i{
	font-size: 30px;
}

.lean-block1 li h4{
	font-size: 20px;
	margin: 15px 0 15px;
}

.lean-block1 li .editbox{
	font-size: 14px;
	line-height: 1.6;
}

/**/
.lean-block2{
	height: 400px;
}

.lean-block2 .textbox{
	width: 100%;
	padding: 0 20px;
	margin-top: 0;
}

.lean-block2 .title{
	font-size: 24px;
	margin-bottom: 20px;
}

.lean-block2 li{
	padding: 10px 20px;
	width: 50%;
	text-align: center;
}

.lean-block2 li:last-child{
	width: 100%;
}

.lean-block2 li h3{
	font-size: 30px;
}

/**/
.lean-block3{
	padding: 20px;
}

.lean-block3 .sublist{
	padding: 0;
	margin-top: 0;
}

.lean-block3 .sublist li{
	width: 100%;
	padding: 20px 0;
}

.lean-block3 .sublist li+li{
	border-left: none;
	border-top: 1px solid #e5e5e5;
}

.lean-block3 .sublist i{
	font-size: 40px;
}

.lean-block3 .sublist p{
	font-size: 18px;
	margin-top: 10px;
}

/**/
.lean-block4{
	padding: 0 20px 20px;
	height: auto;
	margin: 0;
}

.lean-block4 img{
	display: none;
}

.lean-block4 .title{
	width:100%;
	position: relative;
	top: 0;
	right: 0;
	margin-bottom: 20px;
}

.lean-block4 .title h2{
	font-size: 24px;
	margin-bottom: 10px;
}

.lean-block4 .title h4{
	font-size: 18px;
	margin-bottom: 20px;
}

.lean-block4 .title p{
	margin-bottom: 10px;
}

.lean-block4 .videobox{
	width: auto;
	height: 240px;
	position: relative;
	right: 0;
	bottom: 0;
}

/**/
.lean-block5{
	display: none;
}


/*news*/
.news-block{
	padding: 20px;
}

.news-block .title{
	margin-bottom: 20px;
	font-size: 24px;
}

.news-block .title::after{
	height: 3px;
	margin: 10px auto 0;
}

.news-block li{
	width: 100%;
	margin-right: 0;
}

.news-block li .text-block{
	padding: 20px 10px;
}

.news-block li h4{
	margin-bottom: 10px;
}

.news-block li h2{
	margin-bottom: 15px;
}

/*news detail*/
.news-detail-block{
	padding: 20px;
}

.news-detail-block .title{
	font-size: 22px;
	margin-bottom: 20px;
}

.news-detail-block .subtitle{
	font-size: 18px;
	margin-bottom: 10px;
}

.news-detail-block .edit-box{
	line-height: 2;
}

.news-detail-block .detail-nav{
	position: relative;
	top: 0;
	width: 100%;
	margin-top: 20px;
}

.news-detail-block .detail-nav a{
	display: block;
	width: 33.33%;
	padding: 10px 0;
	float: left;
}

.news-detail-block .detail-nav a+a{
	border-top: none;
	border-left: 1px solid #ccc;
}

.news-detail-block .detail-nav a:first-child i,
.news-detail-block .detail-nav a:last-child i{
	transform: rotate(0);
}

/*service*/
.service-block{
	padding: 20px;
	overflow: hidden;
}

.service-block .textbox{
	-webkit-flex:none;
	-webkit-box-flex:none;
	-ms-flex:none;
	-moz-flex:none;
	flex:none;
	width: 100%;
}

.service-block .title{
	font-size: 24px;
	margin-bottom: 20px;
}

.service-block ul{
	width: auto;
	margin-bottom: 20px;
}

.service-block li{
	padding: 10px 10px;
	overflow: visible;
	white-space: pre-wrap;
	font-size: 16px;
}

.service-block li::before{
	margin-right: 10px;
	width: 8px;
	height: 8px;
}

/**/
.service-bg2{
	background-color: #009578;
}

.service-block2{
	padding: 20px;
}

.service-block2 .title{
	font-size: 24px;
	margin-bottom: 20px;
}

.service-block2 ul::before{
	display: block;
	content: "";
	width: auto;
	height: 100%;
	border-top: none;
	border-left: 1px dashed #fff;
	position: absolute;
	left: 50%;
	top: 0;
}

.service-block2 li{
	width: 100%;
	background-color: transparent;
}

.service-block2 li+li{
	margin-top: 20px;
}

.service-block2 li i{
	margin-bottom: 10px;
	background-color: #009578;
}

/**/
.service-block3{
	padding: 20px;
}

.service-block3 .title{
	margin-bottom: 20px;
	font-size: 24px;
}

.service-block3 .title::after{
	height: 3px;
	margin: 10px auto 0;
}

.service-block3 .form-block h3{
	font-size: 18px;
	margin-bottom: 20px;
}

.service-block3 .form-block button{
	width: 100%;
}

/**/
.service-block4{
	display: none;
}

/**/
.service-block5{
	padding: 20px;
}

.service-block5 .title{
	margin-bottom: 20px;
	font-size: 24px;
}

.service-block5 .title::after{
	height: 3px;
	margin: 10px auto 0;
}

/*talent*/
.talent-block{
	height: calc(100vh - 123.72px);
}

.talent-block .textbox{
	position: absolute;
	left: 0%;
	top: 50%;
	padding: 0 20px;
}

.talent-block .textbox h4{
	font-size: 20px;
	margin-bottom: 15px;
}

.talent-block .textbox h4::after{
	width: 60px;
	height: 3px;
	margin-top: 10px;
}

.talent-block .textbox h2{
	font-size: 24px;
	margin-bottom: 15px;
}

/**/
.talent-soc-block{
	padding: 20px;
}

.talent-soc-block .title{
	margin-bottom: 20px;
	font-size: 24px;
}

.talent-soc-block .title::after{
	height: 3px;
	margin: 10px auto 0;
}

.talent-soc-block li{
	border: 1px solid #dcdcdc;
	margin-bottom: 10px;
}

.talent-soc-block .cont-switch{
	padding: 10px 40px 10px 20px;
	-webkit-flex-wrap:wrap;
	-webkit-box-flex-wrap:wrap;
	-ms-flex-wrap:wrap;
	-moz-flex-wrap:wrap;
	flex-wrap:wrap;
	position: relative;
}

.talent-soc-block .cont-switch .flex-flex1{
	margin-right: 0;
	overflow: hidden;
	flex: none;
	-webkit-flex: none;
	width: 50%;
	padding: 5px 0;
}
.talent-soc-block .cont-switch div:nth-child(1){
	width: 100%;
	font-weight: bold;
	font-size: 16px;
}
.talent-soc-block .cont-switch div:nth-child(2){
	flex: none;
	-webkit-flex: none;
}
.talent-soc-block .cont-switch div:nth-child(3){
	flex: none;
	-webkit-flex: none;
}

.talent-soc-block .switch-btn{
	width: 20px;
	height: 20px;
	line-height: 20px;
	position: absolute;
	right: 10px;
	top: 50%;
	margin-top: -10px;
}

.talent-soc-block .switch-btn i{
	font-size: 12px;
}

.talent-soc-block .cont-box{
	display: none;
}

.talent-soc-block .textbox{
	padding: 20px;
}

.talent-soc-block .cont-box h1{
	padding-bottom: 20px;
	margin-bottom: 20px;
	font-size: 16px;
}

.talent-soc-block .cont-box .editbox{
	font-size: 14px;
}

/**/
.talent-sch-block1{
	padding: 20px;
}

.talent-sch-block1 .title{
	margin-bottom: 20px;
	font-size: 24px;
}

.talent-sch-block1 .title::after{
	height: 3px;
	margin: 10px auto 0;
}

.talent-sch-block1 .subtitle{
	font-size: 24px;
	margin-bottom: 20px;
}

.talent-sch-block1 .editbox{
	line-height: 2;
}

.talent-sch-block2{
	padding: 20px;
}

.talent-sch-block2 .title{
	font-size: 22px;
	margin-bottom: 20px;
}

.talent-sch-block2 li{
	padding: 15px 15px;
}

.talent-sch-block2 li+li{
	margin-top: 15px;
}

/**/
.talent-sch-block3{
	padding: 20px 20px;
	margin: 0px auto 20px;
}

/**/
.talent-sch-block4{
	padding: 0 20px 20px;
}

/*relation*/
.relation-block{
	padding: 20px;
}

.relation-block .title{
	margin: 0 auto 20px;
}

.relation-block .title h2{
	font-size: 24px;
	margin-bottom: 10px;
}

.relation-block .infobox{
	padding: 20px;
}

.relation-block .infobox h3{
	font-size: 18px;
	margin-bottom: 10px;
}

.relation-block .infobox h2{
	font-size: 30px;
	width: 100%;
	margin-bottom: 10px;
}

.relation-block .infobox .flex-flex1{
	display: none;
}

.relation-block .infobox img{
	vertical-align: middle;
	margin-bottom: -5px;
}

.relation-block .infobox span{
	font-size: 22px;
	color: #fff;
	font-weight: bold;
}

.relation-block .infobox .cbox{
	padding: 0;
	width: 50%;
	margin: 10px 0;
}

.relation-block .infobox .cbox+.cbox{
	border-left: none;
}

.relation-block .infobox h4{
	font-size: 14px;
	margin-bottom: 10px;
}

.relation-block .infobox p{
	font-size: 20px;
}

.relation-block .infobox .tip{
	font-size: 12px;
}

/* message */
.form-block .full-div{
	width: 100%;
}

.form-block .half-div{
	width: 100%;
}

.form-block .onethird-div{
	width: 100%;
}

.form-block .quater-div{
	width: 100%;
}

/*contact us*/
.contact-block ul{
	position: relative;
	top: 0;
	right: 0;
	border-radius: 10px;
	transform: translateY(0);
	margin: 20px;
}

.map{
	height: 330px;
}




    }








