@charset "utf-8";
/*  
  脰脴脰脙脩霉脢陆
*/
/*
html { font-size: 62.5%; } 
body { font-size: 14px; font-size: 1.4rem; } /* =14px */

/*h1{ font-size: 24px; font-size: 2.4rem; } /* =24px */

html{height: 100%;}

body{height: 100%; color: #444;
  margin:0;
  /*font-family:"Lasiver-Thin";*/
 /*background: #fff;*/
}

*{box-sizing: border-box;/* border: 1px solid; */}
ul {list-style: none;margin: 0;padding: 0;}
a{text-decoration: none;color:#333;}
html, body, div, ul, li, h1, h2, h3, h4, h5, h6, p, dl, dt, dd, ol, form, input, textarea, th, td, select {
    margin: 0;
    padding: 0;
}
h4{
  line-height:200%;
}

/*  
  脥篓脫脙脩霉脢陆
*/
.section {overflow: hidden;}
.flex-column { display: flex;flex-direction: column;justify-content: center;align-items: center;}
.flex-row {display: flex;flex-direction: row;justify-content: flex-start;align-items: center;}
.section-title {color: #333;font-size: 38px;font-weight: 600;letter-spacing: 10px;}
.section-subtitle {color: #777;font-style: italic;font-size: 14px;margin: 30px 0 34px;}
@media screen and (max-width: 1280px) {
  .section-title {font-size: 30px;}
}

.mo-menu{
    color: #e72c18; background: #fff;margin-top: 8%;display: inline-block;
}
.mo-menu:focus{
    box-shadow: none;
}
.lang-logo{
    width: 65%;
}
.m_langlogo{
    margin-top: 2%;
    padding-right: 2%;
}
.mobilc_lan .lang-logo{
    width: 70%;
}
.lang-logo img{
    width: auto;
    height: auto;
    max-width: 100%;
    max-height: 100%;
}
.main_a span{
    position: relative;
    width: auto;
    height: auto;
    margin: 10%;
}
.main_a span:after{
    content: '';
    display: block;
    width: 8px;
    height: 8px;
    border-bottom: 1px solid #444;
    border-right: 1px solid #444;
    position: absolute;
    right: 20%;
    top: 34%;
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg);
    transition: all 125ms;
}
.lang-on span:after{
    top: 54%;
    -webkit-transform: rotate(-135deg);
    transform: rotate(-135deg);
    /*transition: all 125ms;*/
}

/*
	banner虏驴路脰
 */

.main{width: 100%; }

.banner { position: relative; overflow: auto; text-align: center;}

.banner li { list-style: none; }

.banner ul li { float: left; height: 600px; width: 100%; background-size: 100% 100%; font-size: 10px; font-weight: 300; }

#b06 {width: 100%; height: 454px;}

#b06 .dots { position: absolute; left: 0; right: 0; bottom: 0;}

#b06 .dots li { 

	display: inline-block; 

	width: 10px; 

	height: 10px; 

	margin: 0 4px; 

	text-indent: -999em; 

	border: 2px solid #f90d12 ; 

	border-radius: 6px; 

	cursor: pointer; 

	opacity: .4; 

	-webkit-transition: background .5s, opacity .5s; 

	-moz-transition: background .5s, opacity .5s; 

	transition: background .5s, opacity .5s;

}

#b06 .dots li.active 

{

	background: #fff;

	opacity: 1;

}

#b06 .arrow { position: absolute; top: 43%; }

#b06 #al { 
	left: 15px;
}

#b06 #ar { 
	right: 15px;
}

.sliderimg{position: relative;}
.sliderimg div:first-child{
  position: absolute;
}
.sliderimg .banner_1{width: 50%; color: #fff; float: right;   padding: 3% 5% 0 0; }
.sliderimg .banner_1 h2{font-size:2.4em; margin-bottom: 2%;}
.sliderimg .banner_1 p{line-height: 157%; font-size: 2.1em; text-align: justify;}

.sliderimg .banner_2{width: 50%; float: right; padding: 6% 5% 0 0}
.sliderimg .banner_2 h2{font-size: 3.5em; font-weight:normal; margin-bottom: 2%; color: #006630;}
.sliderimg .banner_2 p{ font-size: 2.0em; line-height: 150%; margin-bottom: 1%; color: #8E8E8E; text-align: justify;}

.sliderimg .banner_3{width: 50%; color: #fff; padding: 5% 0 0 5%;}
.sliderimg .banner_3 h2{font-size: 3.5em;}
.sliderimg .banner_3 p{font-size: 2em; margin-top: 2%; color: #8E8E8E; text-align: justify;}


.sliderimg .banner_4{padding-top: 10%;}
.sliderimg .banner_4 h2{font-size: 3.0em; font-weight: normal; color: red;}
.sliderimg .banner_4 p{font-size: 3.0em; font-weight: normal; font-weight: 300; padding-top: 1%}

@media screen and (max-width: 1600px){
    .lang-logo{
        width: 55%
    }
    .language_div .main_ul{
        right: 20%;
    }
	.banner ul li {height:505px;}
	.sliderimg .banner_1 h2{font-size:1.9em;}
	.sliderimg div p{font-size:1.9em;}
	.sliderimg .banner_2 h2{font-size: 3.2em;}
	.sliderimg .banner_3 h2{font-size: 3.2em;}
	.sliderimg .banner_4 h2{font-size: 3.0em;}
	.sliderimg .banner_4 p{font-size: 3.0em;}
}

@media screen and (max-width: 1440px){
    .lang-logo{
        width: 50%;
    }
    .language_div .main_ul{
        right: 10%;
    }
	.banner ul li {height:454px;}
	.sliderimg .banner_1 h2{font-size:1.8em;}
	.sliderimg div p{font-size:1.9em;}
	.sliderimg .banner_2 { padding: 3% 5% 0 0}
	.sliderimg .banner_2 h2{font-size: 3.2em;}
	.sliderimg .banner_3 h2{font-size: 3.2em;}
	.sliderimg .banner_4 h2{font-size: 2.4em;}
	.sliderimg .banner_4 p{font-size: 2.4em;}
}
@media screen and (max-width: 1240px){
    .lang-logo{
        width: 68%;
    }
}

@media screen and (max-width: 768px){
	#b06{margin-top: 75px;}
	.banner ul li {height:242px; font-size: 1px;}
	.language {display: none;}
	.sliderimg div p{font-size:1px;}
	.sliderimg .banner_1 h2{font-size:2em;}
	.sliderimg .banner_2 {width: 70%;  padding: 3% 5% 0 0}
	.sliderimg .banner_2 h2{font-size: 2em;}
	.sliderimg .banner_3 h2{font-size: 2em;}
}

@media screen and (max-width: 425px){
	#b06{margin-top: 90px;}
	.banner ul li {height:134px; font-size: 1px;}
	.language {display: none;}
  .ar_language{display: none;}
	.sliderimg div p{font-size:1px;}
	.sliderimg .banner_1 h2{font-size:2em;}
	.sliderimg .banner_2 {width: 70%;  padding: 3% 5% 0 0}
	.sliderimg .banner_2 h2{font-size: 2em;}
	.sliderimg .banner_3 h2{font-size: 2em;}
	#b06 .dots {bottom: -13px;}
}


/*  
  header样式
*/

#header {
  /*background-image: url("");*/
  background: #fff;
  background-size: cover;
  background-position: center center;
  background-repeat: no-repeat;
  background-attachment: scroll;
  padding-top: 5%;
  z-index: 1000;
}

.nav-bar {
  position: fixed;
  width: 100%;
  top: 0;
  left: 0;
  display: flex;
  justify-content: space-between;
/*  padding: 20px 30px;*/
  /*background-color: #F7F7F7;*/
  background: #fff;
  z-index: 1000;
}

.nav-bar .nav-list{margin: 0 auto;width: 100%;}
.nav-logo img{width: 100px;height: 100%;margin: 0 10%; }
.nav-list {display: flex;align-items: center; }
.responsive-nav {display: none;}
/*.nav-list>li{height: 100%;line-height: 66px;width: 16%;text-align: center;}*/
.nav-list>li{margin: auto; text-align: center;}
.nav-list .menu_contact{margin-right: 7%;}
.nav-list>li>a {
  display: block;
  margin:14% 0;
  color: #444;
  font-size: 1.3rem;
}

/*碌录潞陆脌赂a卤锚脟漏*/
.nav-list>li>a:hover {
    color: #fff;
    /*background-color: #0090FF;*/
    color: #0090FF;
    text-decoration:none;
    background:none;
    /*border-bottom: 1px solid #0090FF;*/
}


/*------------------Product style----------------------*/
.pro {
	width: 100%;
  padding: 2% 0;
  background-color: #fff;
  list-style: none;
  margin: 0;
  position: absolute;
  top: 98%;
  left: 0px;
  display: none;
}

/*new nav-pro-cate style*/
.pro .menulogo{position: relative;}
.pro .procate{text-align:center;height: 107px;line-height: 100px; display: inline-block; padding: 0 2%;}
.pro .logospan{position: absolute;top: 40px;left: 1px;font-size: 1rem;width: 100%;height: 0;}
.pro li a{display: block;color: #000000;font-size: 20px;}
.procate-ul{
  width: 100%;
  background-color: #fff;
  list-style: none;
  margin: 0;
  position: absolute;
  top: 99%;
  left: 0;
  display: none;
}
.procate-ul li button{
  border:1px #ff0000 solid;
  font-size: 1.3rem;
  text-align:center;
  outline:none;
  width: 100%;
  float: left;
  border-style: none;
  background-color: #FFFFFF;
  cursor:pointer;
}

/*bus procate too much product, So create a new style*/
.procate-ul>li{display: inline-flex; padding: 1% 5%;}
.bus-pro>li{display: inline-flex; padding: 1% 1%;}

.procate-ul li:hover button{color: #007bff;}
.procate-ul .on{color: #007bff;}
.procate-ul li ul{
    display: none;
    width: 100%;
    background-color: #fff;
    list-style: none;
    margin: 0;
    position: absolute;
    top: 99%;
    left: 0;
    text-align: center;
}

.procate-ul li ul li{display: inline-block; margin-left: 1%; width: 10%;}
.procate-ul div a h4{text-align: center; font-size: 0.9rem; line-height: 120%;}
.procate-ul li div a img{ max-width: 100%;/*height: 250px;*/text-align: center; cursor: pointer;  transition: all 0.6s;}  
.procate-ul li div a img:hover{transform: scale(1.3);}
.procate-ul li div:hover a{color: #f90d12;}
/*new nav-pro-cate style end*/


.support_ul{
  width: 100%;
  height: 150%;
  background-color: #fff;
  margin: 0;
  position: absolute;
  top: 100%;
  left: 0;
  display: none;
  font-size: 1.3rem;
}
.support_ul li{display: inline-flex;position: relative;top: 35%; margin: 0 1%;}
.support_a {display: block; height: 100%;}
.support_a:hover{text-decoration: none;color: #007bff; }
.language{width:15%;position: relative;font-size: 16px; float:left}

.language_div .main_ul{
    background-color: #fff;
    position: absolute;
    width: 60%;
    text-align: center;
    right: 51%;
}
.language_div li{color: #ffffff;padding-top: 5%; }
.language_div li:last-child{padding-bottom: 6%; }
/*.ar_language .language_div li:hover{
    background: #007bff;
    color: #fff;
    transition: all 350ms;
}*/
.language_div li a{width: 100%;height: 100%;}
.language_div li a:hover{text-decoration:underline; color: #007bff}

/*菜单栏产品分类自适应文字大小*/
@media screen and (max-width: 1700px){
    .procate-ul li button,.whyul li,.trainingul li,.support_ul{
        font-size: 1.2rem;
    }
    /*.procate-ul li div a img,.air-pro li div a img,.bee-pro li div a img{
        width: 155px;
    }*/
    .nav-list>li>a{
        font-size: 1.2rem;
    }
}

@media screen and (max-width: 1600px){
    .procate-ul li button,.whyul li,.trainingul li,.support_ul{
        font-size: 1.1rem;
    }
    /*.procate-ul li div a img,.air-pro li div a img,.bee-pro li div a img{
        width: 150px;
    }*/
    .nav-list>li>a{
        font-size: 1.1rem;
    }
}

@media screen and (max-width: 1500px){
    .procate-ul li button,.whyul li,.trainingul li,.support_ul{
        font-size: 1.1rem;
    }
    /*.procate-ul li div a img,.air-pro li div a img,.bee-pro li div a img{
        width: 145px;
    }*/
    .nav-list>li>a{
        font-size: 1rem;
    }
}

@media screen and (max-width: 1440px){
    .procate-ul li button,.whyul li,.trainingul li,.support_ul{
        font-size: 1rem;
    }
    /*.procate-ul li div a img,.air-pro li div a img,.bee-pro li div a img{
        width: 135px;
    }*/
    .nav-list>li>a{
        font-size: 0.9rem;
    }
}

@media screen and (max-width: 1340px){
    .procate-ul li button,.whyul li,.trainingul li,.support_ul{
        font-size: 0.9rem;
    }
    /*.procate-ul li div a img,.air-pro li div a img,.bee-pro li div a img{
        width: 125px;
    }*/
}
/*------------- 脪脝露炉露脣------------------**/

.mobilc-pro {display: none;width: 100%;padding-left: 5%;}
.mobilc-bus {display: none; font-weight: 300;}
.mobilc-bus span{font-size: .8rem;}
.mobilc-pro button{
	text-align:left;
	width: 100%;
	height: 30px;
	outline:none;
	border-style: none;
	cursor:pointer; 
	font-weight: 300;
	background-color:rgba(0,0,0,0.0);
	padding:0 0 0 5%;
}
.mobilc-pro li{padding-top: 20px;}
.mobilc-pro a{font-size: 15px;}
.mobilc-pro>li>a>span{float: right;}
.mobilc-bus li ul{display: none;}
.mobilc-bus img{width: 70px;float: left;}
.mobilc-bus li ul li div a{display: block; overflow: hidden;}
.mobilc-bus li ul li div span{line-height: 100px; margin-left:15px;}
.mobilc-bus>li>button>span{float: right;}

.mobilc_menu{ margin-top: 3%; padding-bottom: 3%; -webkit-box-flex: 0; -ms-flex: 0 0 25%; flex: 0 0 25%; max-width: 25%;}
.mobilc_menu .main_a span{ margin: 10%;}
.mobilc_lan{ color: #0a0a0a;}
.mobilc_lan a{ color: #0a0a0a; text-decoration:none;}
.mobilc_lan li{padding: 20px 0 0 15px; font-size: 0.8em}
.mobilc_support{display: none; width: 100%; padding-left: 5%;}
.mobilc_support li{padding-top: 20px; /*font-size: 0.8em;*/}
.mobilc_tra{display: none; width: 100%; padding-left: 5%;}
.mobilc_tra li{padding-top: 20px; /*font-size: 0.8em;*/}
.mobilc_why{display: none; width: 100%; padding-left: 5%;}
.mobilc_why li{padding-top: 20px; /*font-size: 0.8em;*/}
/*---------------------certificate----------------------*/
.whyul{
  width: 100%;
  height: 150%;
  background-color: #fff;
  margin: 0;
  position: absolute;
  top: 100%;
  left: 0;
  /*box-shadow: 0 4px 6px rgba(0, 0, 0, .2), 0 6px 20px rgba(0, 0, 0, .1);*/
  display: none;
  font-size: 1.3rem;
}
.whyul li{display: inline-flex; position: relative;top: 35%; padding: 0% 1%;}
/*.whyul_a{float:right;margin:auto 20%;}
.whyul_b{float:left;margin:auto 20%;}*/
.whyul a:hover{text-decoration:none;color: #007bff;}
/*training*/
.trainingul{
  width: 100%;
  height: 150%;
  background-color: #fff;
  margin: 0;
  position: absolute;
  top: 100%;
  left: 0;
  /*box-shadow: 0 4px 6px rgba(0, 0, 0, .2), 0 6px 20px rgba(0, 0, 0, .1);*/
  display: none;
  font-size: 1.3rem;
}
.trainingul li{
    display: inline-flex;
    position: relative;
    top: 35%;
    padding: 0 4%;
  }


/******/
#header .container {padding-top: 160px;padding-bottom: 200px;text-align: center;}
#header h3 {font-size: 40px;font-style: italic;letter-spacing: 20px;}
#header h1 {font-size: 150px;margin-bottom: 40px;}

.header-link {
  display: inline-block;
  padding: 22px 40px;
  font-size: 22px;
  font-weight: 600;
  background-color: #800080;
  color: #fff;
  border-radius: 4px;
}

.header-link:hover {background-color: #710271;}


/*  
  header 手机页面样式
*/
.modown{
    display: none;
}
#mo_user{
  display: flex;
}
#mo_user a{
  display: block;
}
@media screen and (max-width: 768px) {
  .mobilc-bus span{font-size: .8rem;}

  /*header是整个nav页面 headers是头部*/
  .modown{
    display: block;
  }
  #header{
    padding-top: 0;
  }
  #headers{
    border-bottom: 1px solid #ccc;
  }
  .responsive-nav-list label{width: 100%;height: 100%;}
  /*头部logo static默认 inherit继承*/
  .nav-bar {padding: 10px;position: static;}
  .nav-list { display: none;}
  .responsive-nav i {line-height: 88px;font-size: 24px;color: #f90d12;}
  .responsive-nav-list {
    height: 100%;
    width: 100%;
    background-color: #fff;
    display: block;
  }
  .hint{
    display: none;
  }
  .ar_language{
    display: none;
  }
  .responsive-nav input[type="checkbox"]:checked+.responsive-nav-list {display: block}
  .responsive-nav-list>li>a {
    display: block;
    color: #000000;
    font-size: 16px;
/*    letter-spacing: 2px;*/
  }
  .responsive-nav-list>li{
  	border-bottom: 1px #CCCCCC solid;
  	padding: 20px 0; 
    margin: 0;
  }
/*  .responsive-nav-list li a:hover {font-weight: 400;}*/
}

.responsive-nav-list a,button{
  	border: none;
  	-webkit-tap-highlight-color: rgba(0,0,0,0);
  	-webkit-tap-highlight-color: transparent;
  	outline: none;
  }

/*  
  陆茅脡脺
*/

#intro {
  width: 100%;
  min-height: 100%;
  height: auto;
  text-align: center;
  background-color: #fff;
  padding-top: 80px;
  padding-bottom: 120px;
}

.intro-list {align-items: flex-start;}
.intro-list>li {width: 350px;margin: 0 25px;}
.intro-icon {
  display: block;
  width: 120px;
  height: 120px;
  line-height: 120px;
  background-color: #f90d12;
  color: #fff;
  font-size: 55px;
  border-radius: 50%;
}

.intro-name {margin: 20px 0 10px;color: #333;font-weight: 600;letter-spacing: 2px;}
.intro-description {color: #777;font-size: 15px;}

@media screen and (max-width: 1280px) {
  .intro-list { display: block;}
  .intro-list>li {width: 80%;margin: 0 auto;}
  #intro .section-subtitle {margin: 30px 0 40px;padding-left: 30px;padding-right: 30px;}
  .intro-icon {width: 100px;height: 100px;line-height: 100px;}
  .intro-name {margin: 10px 0;}
  .intro-description {margin-bottom: 10px;}
}

/*  
  脰脝脳梅
*/
#album {
  width: 100%;
  background-color: #f7f7f7;
  text-align: center;
  min-height: 100%;
  height: auto;
  padding-top: 120px;
  padding-bottom: 150px;
}

.album-list {flex-wrap: wrap;justify-content: center;width: 1140px;margin: 0 auto;}
.album-list>li {width: 250px;background-color: #fff;margin: 0 10px 10px;}
.album-link {display: block;height: 320px;overflow: hidden;position: relative;line-height: 320px;text-align: button;}

.album-link::before {
  content: '+';
  font-size: 46px;
  font-weight: 600;
  font-style: normal;
  color: #fff;
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  background-color: rgba(128, 0, 128, .7);
  opacity: 0;
  transition: opacity .5s ease-in-out;
}

.album-link:hover::before {
  content: '+';
  font-size: 46px;
  font-weight: 600;
  font-style: normal;
  color: #fff;
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  background-color: rgba(128, 0, 128, .7);
  opacity: 1;
}

.album-post {width: 100%;}
.album-name {color: #333; margin-top: 15px;}
.album-time {font-style: italic;color: #777;margin: 5px 0 15px;}

@media screen and (max-width: 1200px) {
  .album-list {width: 960px;}
  .album-list>li {width: 300px;background-color: #fff;margin: 0 10px 10px;}
  .album-link {display: block;height: 280px;overflow: hidden;position: relative;line-height: 280px;}
}

@media screen and (max-width: 960px) {
  .album-list {width: 760px;}
  .album-list>li {width: 340px;background-color: #fff;margin: 0 10px 10px;}
  .album-link {display: block;height: 320px;overflow: hidden;position: relative;line-height: 320px;}
}

@media screen and (max-width: 760px) {
  .album-list {width: 250px;}
  .album-list>li {width: 420px;background-color: #fff;margin: 0 10px 10px;}
  .album-link {display: block; height: 420px;overflow: hidden;position: relative;line-height: 420px;}
}

/*  
录录脢玫脫毛脰搂鲁脰
*/

#about {
  width: 100%;
  height: auto;
  background-color: #fff;
  text-align: center;
  padding-top: 80px;
  padding-bottom: 150px;
}

#about .container {width: 1440;margin: 0 auto;}

@media screen and (max-width: 1200px) {
  #about .container {width: 960px;}
  .about-img-wrap {width: 140px;height: 140px;}
}

@media screen and (max-width: 960px) {
  #about .container {width: 700px;padding-bottom: 180px;}
  .about-img-wrap {width: 100px;height: 100px;}
  .about-article:last-of-type {position: absolute;bottom: 0;transform: translateY(100%);
  }
}

@media screen and (max-width: 760px) {
  #about .container {width: 100%;padding-left: 15px;padding-right: 15px;padding-bottom: 100px;}
  .about-img-wrap {width: 80px;height: 80px;}
  .about-part {width: 100%;margin-left: 40px;border-left: 2px solid #eee;border-right: 0;}
  .about-article {margin-bottom: 10%;}
  .about-article:last-of-type {position: absolute;bottom: 0;transform: translateY(100%);}
  .about-article:nth-of-type(2n) {margin-left: 0;padding-left: 12%;padding-right: 5%;text-align: left;}
  .about-article:nth-of-type(2n+1) {padding-left: 12%;padding-right: 5%;text-align: left;}
  .about-article:nth-of-type(2n+1) .about-img-wrap {top: 0;left: 0;transform: translateX(-50%);}
  .about-article:nth-of-type(2n) .about-img-wrap {top: 0;left: 0;transform: translateX(-50%);}
}
/*  
脢脫脝碌
*/
#team {width: 100%;min-height: 100%;height: auto;background-color: #eee;padding-top: 80px;padding-bottom: 150px;text-align: center;}
#team container {width: 1140px;}
.team-list {justify-content: center;flex-wrap: wrap;}
.team-list>li {margin: 0 60px 50px;}
.team-img-wrap {
  width: 250px;
  height: 250px;
  border-radius: 50%;
  background-color: #fff;
  padding: 6px;
  margin: 0 auto 20px;
}

.team-img {
  width: 100%;
  height: 100%;
  border-radius: 50%;
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center;
}

.team-name {color: #000;font-size: 16px;font-weight: 600;}
.team-career {margin-top: 5px;color: #777;font-size: 14px;}

.team-icon-group>a {
  width: 40px;
  height: 40px;
  color: #fff;
  line-height: 40px;
  border-radius: 50%;
  margin: 5px;
  font-size: 20px;
  background-color: #333;
}

.team-icon-group>a:hover {color: #fff;background-color: #800080;transition: all .2s ease-in-out; text-decoration: none;}
.team-shotcut {color: #777;padding-left: 15px;padding-right: 15px;}
.team-img-01 {background-image: url("http://a2.att.hudong.com/56/22/01300000178518124295225678287.jpg");}
.team-img-02 {background-image: url("http://pic.baike.soso.com/ugc/baikepic/27164/cut-20131128165918-1247511039.jpg/0");}
.team-img-03 {background-image: url("http://tva1.sinaimg.cn/crop.0.0.1080.1080.1024/005G7YTAjw8ey0a5w5u07j30u00u0772.jpg");}

@media screen and (max-width: 1180px) {
  #team container {width: 960px;}
  .team-list>li {margin: 0 30px 50px;}
  .team-img-wrap {width: 200px;height: 200px;}
}

@media screen and (max-width: 800px) {
  #team container {width: 100%;}
  .team-list>li { width: 100%;margin: 0 30px 50px;}
  .team-img-wrap {width: 250px;height: 250px;}
}


/*  
  脕陋脧碌
*/

#contact {width: 100%;height: auto;background-color: #fff;}

.contact-bg {
  background-image: url("../img/banner.jpg");
  background-size: cover;
  background-position: center;
  position: relative;
  height: 100%;
}

#contact .section-title,
#contact .section-subtitle {color: #fff;}
#contact .form {justify-content: center;height: 260px;}
.form-part {width: 480px;height: 100%; margin: 0 20px;}
.form-part .form-group {justify-content: space-between;height: 100%;}
.input-control[placeholder],
.textarea-control[placeholder] {font-size: 15px;font-family: "Microsoft YaHei", sans-serif;}
.input-control {
  display: block;
  width: 100%;
  border-radius: 4px;
  padding: 20px;
  outline: none;
  border: 1px solid #fff;
  font-size: 15px;
}

.textarea-control {
  display: block;
  height: 100%;
  width: 100%;
  border-radius: 4px;
  padding: 20px;
  outline: none;
  border: 1px solid #fff;
  resize: none;
}

.input-control:focus,
.textarea-control:focus {outline: none;border-color: #800080;transition: border-color .3s ease-in-out;}
.contact-submit {
  display: block;
  padding: 22px 40px;
  font-size: 20px;
  font-weight: 600;
  background-color: #800080;
  color: #fff;
  border-radius: 4px;
  cursor: pointer;
  margin: 30px auto 0;
  border: 0;
  outline: none;
}
.contact-submit:hover {background-color: #710271;}
.contact-submit:focus {border: 0;outline: none;}

@media screen and (max-width: 1140px) {
  #contact .form { height: 260px;}
  .form-part{width: 400px;}
}

@media screen and (max-width: 900px) {
  form {width: 100%;}
  #contact .form {height: auto;width: 100%;display: block;padding-left: 20px;padding-right: 20px;}
  .form-part {width: 100%;margin: 0;}
  .input-control {margin-bottom: 20px;}
  .textarea-control {height: 260px;}
  #contact .section-subtitle {margin-bottom: 30px;}
  .fppter, .footer>span{
    display: block;
    margin: 10px auto;
    text-align: center;
    color: #444;
  }
}

/*-----------Ar脩霉脢陆脫脌脭露脭脷脳卯脧脗脙忙----------*/
.nav-logo{display: none; margin-right: 20%;}
.ar_logo img{width: 65%;/*margin:5%;*//*margin-right: 25%;*/ }
.language{display: none;}
.ar_language{width:16%;font-size: 1.2rem;}
.ar_language a:hover{
  text-decoration: none;
}

/*屏幕宽度大于768px时隐藏手机显示*/
@media screen and (min-width: 768px) {
  .responsive-nav{
    display: none;
  }
}
/*适应 iphone5s 宽度*/
@media screen and (max-width: 390px) {
  .mobilc-air span{font-size: .8rem;}
  .mobilc-bus span{font-size: .8rem;}
  .responsive-nav{
    padding: 0;
  }
  .ar_logo img{
    width: 75%;
  }
  .mobilc_menu .main_a span{
    margin: 15%;
  }
  .mobilc_lan a{ font-size: 12px;}
  .main_a span:after{
    top: 20%;
  }
}

.hint{
  padding: 1% 0;
}

.country-span{
  position: relative;
  top: -5px;
}

@media screen and (min-width: 1440px) {
    .lang{
        max-width: 100%;
    }
}
@media screen and (max-width: 1500px) {
 .ar_language{
    font-size: 1rem;
 }
    .main_a:after{
        right: 25%;
        top: 31%;
    }
}


/*footer style*/
.actGotop{
  position: fixed;
  right: 10%;
  bottom: 12%;
  display: none;
}
.footer{
    font-size: 1rem;
    background: #fff;
    padding-top: 3%;
    padding-bottom: 1%;
}
.footer .container{
}
.footer_link h3{
    padding-bottom: 3%;
}
.footer_link li{
    padding: 2% 0;
}
.footer_link .footer_icon{
    font-size: 1.5rem;
    text-align: center;
}
.footer_link a:hover{
    text-decoration:none;
}
.footer_news{
    margin-left: 8.3333%;
}
/*版权信息*/
.footer-copy{
    padding: 2%;
}



@media screen and (max-width: 768px){
  /*.actGotop{
    display: none;
  }*/
    h3.active+ul{
        display: block;
    }
    .footer_news{
        margin: 0
    }
    .footer_link{
        padding-bottom:5%;
        margin:0;
    }

/*    .footer_link div{
      text-align: left;
    }*/
    .footer_link h3{
        position: relative;
        margin-top: 5%;
        border-bottom: 1px solid #f0f0f0;
        font-size: 1.3rem;
    }

    .footer_link ul{
        display: none;
    }
    .footer_link li{
        padding: 1.3% 3%;
    }
    .footer_link span{
        content: '';
        display: block;
        width: 8px;
        height: 8px;
        border-right: 1px solid #444;
        border-bottom: 1px solid #444;
        position: absolute;
        right: 2%;
        /*top: -10%;*/
        /*transform: rotate(45deg);*/
        -webkit-transform: translateY(-200%) rotate(45deg);
        transition: all 125ms;
    }
    .footer_link .active span{
        -webkit-transform: translateY(-200%) rotate(-135deg);
    }
    .footer_link  .footer_icon{
        padding-top: 5%;
    }
    .footer_icon ul{
        display: block;
    }
    .footer_icon li{
        width: 12%;
        display: inline-block;
        margin: 2% 3% 0 3%;
        text-align: center;
        position: relative;;
    }

}


/*fonts*/

@font-face {
  font-family: 'Glyphicons Halflings';

  src: url('../fonts/glyphicons-halflings-regular.eot');
  src: url('../fonts/glyphicons-halflings-regular.eot?#iefix') format('embedded-opentype'), url('../fonts/glyphicons-halflings-regular.woff2') format('woff2'), url('../fonts/glyphicons-halflings-regular.woff') format('woff'), url('../fonts/glyphicons-halflings-regular.ttf') format('truetype'), url('../fonts/glyphicons-halflings-regular.svg#glyphicons_halflingsregular') format('svg');
}
.glyphicon {
  position: relative;
  top: 1px;
  display: inline-block;
  font-family: 'Glyphicons Halflings';
  font-style: normal;
  font-weight: normal;
  line-height: 1;

  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
.glyphicon-asterisk:before {
  content: "\002a";
}
.glyphicon-plus:before {
  content: "\002b";
}
.glyphicon-euro:before,
.glyphicon-eur:before {
  content: "\20ac";
}
.glyphicon-minus:before {
  content: "\2212";
}
.glyphicon-cloud:before {
  content: "\2601";
}
.glyphicon-envelope:before {
  content: "\2709";
}
.glyphicon-pencil:before {
  content: "\270f";
}
.glyphicon-glass:before {
  content: "\e001";
}
.glyphicon-music:before {
  content: "\e002";
}
.glyphicon-search:before {
  content: "\e003";
}
.glyphicon-heart:before {
  content: "\e005";
}
.glyphicon-star:before {
  content: "\e006";
}
.glyphicon-star-empty:before {
  content: "\e007";
}
.glyphicon-user:before {
  content: "\e008";
}
.glyphicon-film:before {
  content: "\e009";
}
.glyphicon-th-large:before {
  content: "\e010";
}
.glyphicon-th:before {
  content: "\e011";
}
.glyphicon-th-list:before {
  content: "\e012";
}
.glyphicon-ok:before {
  content: "\e013";
}
.glyphicon-remove:before {
  content: "\e014";
}
.glyphicon-zoom-in:before {
  content: "\e015";
}
.glyphicon-zoom-out:before {
  content: "\e016";
}
.glyphicon-off:before {
  content: "\e017";
}
.glyphicon-signal:before {
  content: "\e018";
}
.glyphicon-cog:before {
  content: "\e019";
}
.glyphicon-trash:before {
  content: "\e020";
}
.glyphicon-home:before {
  content: "\e021";
}
.glyphicon-file:before {
  content: "\e022";
}
.glyphicon-time:before {
  content: "\e023";
}
.glyphicon-road:before {
  content: "\e024";
}
.glyphicon-download-alt:before {
  content: "\e025";
}
.glyphicon-download:before {
  content: "\e026";
}
.glyphicon-upload:before {
  content: "\e027";
}
.glyphicon-inbox:before {
  content: "\e028";
}
.glyphicon-play-circle:before {
  content: "\e029";
}
.glyphicon-repeat:before {
  content: "\e030";
}
.glyphicon-refresh:before {
  content: "\e031";
}
.glyphicon-list-alt:before {
  content: "\e032";
}
.glyphicon-lock:before {
  content: "\e033";
}
.glyphicon-flag:before {
  content: "\e034";
}
.glyphicon-headphones:before {
  content: "\e035";
}
.glyphicon-volume-off:before {
  content: "\e036";
}
.glyphicon-volume-down:before {
  content: "\e037";
}
.glyphicon-volume-up:before {
  content: "\e038";
}
.glyphicon-qrcode:before {
  content: "\e039";
}
.glyphicon-barcode:before {
  content: "\e040";
}
.glyphicon-tag:before {
  content: "\e041";
}
.glyphicon-tags:before {
  content: "\e042";
}
.glyphicon-book:before {
  content: "\e043";
}
.glyphicon-bookmark:before {
  content: "\e044";
}
.glyphicon-print:before {
  content: "\e045";
}
.glyphicon-camera:before {
  content: "\e046";
}
.glyphicon-font:before {
  content: "\e047";
}
.glyphicon-bold:before {
  content: "\e048";
}
.glyphicon-italic:before {
  content: "\e049";
}
.glyphicon-text-height:before {
  content: "\e050";
}
.glyphicon-text-width:before {
  content: "\e051";
}
.glyphicon-align-left:before {
  content: "\e052";
}
.glyphicon-align-center:before {
  content: "\e053";
}
.glyphicon-align-right:before {
  content: "\e054";
}
.glyphicon-align-justify:before {
  content: "\e055";
}
.glyphicon-list:before {
  content: "\e056";
}
.glyphicon-indent-left:before {
  content: "\e057";
}
.glyphicon-indent-right:before {
  content: "\e058";
}
.glyphicon-facetime-video:before {
  content: "\e059";
}
.glyphicon-picture:before {
  content: "\e060";
}
.glyphicon-map-marker:before {
  content: "\e062";
}
.glyphicon-adjust:before {
  content: "\e063";
}
.glyphicon-tint:before {
  content: "\e064";
}
.glyphicon-edit:before {
  content: "\e065";
}
.glyphicon-share:before {
  content: "\e066";
}
.glyphicon-check:before {
  content: "\e067";
}
.glyphicon-move:before {
  content: "\e068";
}
.glyphicon-step-backward:before {
  content: "\e069";
}
.glyphicon-fast-backward:before {
  content: "\e070";
}
.glyphicon-backward:before {
  content: "\e071";
}
.glyphicon-play:before {
  content: "\e072";
}
.glyphicon-pause:before {
  content: "\e073";
}
.glyphicon-stop:before {
  content: "\e074";
}
.glyphicon-forward:before {
  content: "\e075";
}
.glyphicon-fast-forward:before {
  content: "\e076";
}
.glyphicon-step-forward:before {
  content: "\e077";
}
.glyphicon-eject:before {
  content: "\e078";
}
.glyphicon-chevron-left:before {
  content: "\e079";
}
.glyphicon-chevron-right:before {
  content: "\e080";
}
.glyphicon-plus-sign:before {
  content: "\e081";
}
.glyphicon-minus-sign:before {
  content: "\e082";
}
.glyphicon-remove-sign:before {
  content: "\e083";
}
.glyphicon-ok-sign:before {
  content: "\e084";
}
.glyphicon-question-sign:before {
  content: "\e085";
}
.glyphicon-info-sign:before {
  content: "\e086";
}
.glyphicon-screenshot:before {
  content: "\e087";
}
.glyphicon-remove-circle:before {
  content: "\e088";
}
.glyphicon-ok-circle:before {
  content: "\e089";
}
.glyphicon-ban-circle:before {
  content: "\e090";
}
.glyphicon-arrow-left:before {
  content: "\e091";
}
.glyphicon-arrow-right:before {
  content: "\e092";
}
.glyphicon-arrow-up:before {
  content: "\e093";
}
.glyphicon-arrow-down:before {
  content: "\e094";
}
.glyphicon-share-alt:before {
  content: "\e095";
}
.glyphicon-resize-full:before {
  content: "\e096";
}
.glyphicon-resize-small:before {
  content: "\e097";
}
.glyphicon-exclamation-sign:before {
  content: "\e101";
}
.glyphicon-gift:before {
  content: "\e102";
}
.glyphicon-leaf:before {
  content: "\e103";
}
.glyphicon-fire:before {
  content: "\e104";
}
.glyphicon-eye-open:before {
  content: "\e105";
}
.glyphicon-eye-close:before {
  content: "\e106";
}
.glyphicon-warning-sign:before {
  content: "\e107";
}
.glyphicon-plane:before {
  content: "\e108";
}
.glyphicon-calendar:before {
  content: "\e109";
}
.glyphicon-random:before {
  content: "\e110";
}
.glyphicon-comment:before {
  content: "\e111";
}
.glyphicon-magnet:before {
  content: "\e112";
}
.glyphicon-chevron-up:before {
  content: "\e113";
}
.glyphicon-chevron-down:before {
  content: "\e114";
}
.glyphicon-retweet:before {
  content: "\e115";
}
.glyphicon-shopping-cart:before {
  content: "\e116";
}
.glyphicon-folder-close:before {
  content: "\e117";
}
.glyphicon-folder-open:before {
  content: "\e118";
}
.glyphicon-resize-vertical:before {
  content: "\e119";
}
.glyphicon-resize-horizontal:before {
  content: "\e120";
}
.glyphicon-hdd:before {
  content: "\e121";
}
.glyphicon-bullhorn:before {
  content: "\e122";
}
.glyphicon-bell:before {
  content: "\e123";
}
.glyphicon-certificate:before {
  content: "\e124";
}
.glyphicon-thumbs-up:before {
  content: "\e125";
}
.glyphicon-thumbs-down:before {
  content: "\e126";
}
.glyphicon-hand-right:before {
  content: "\e127";
}
.glyphicon-hand-left:before {
  content: "\e128";
}
.glyphicon-hand-up:before {
  content: "\e129";
}
.glyphicon-hand-down:before {
  content: "\e130";
}
.glyphicon-circle-arrow-right:before {
  content: "\e131";
}
.glyphicon-circle-arrow-left:before {
  content: "\e132";
}
.glyphicon-circle-arrow-up:before {
  content: "\e133";
}
.glyphicon-circle-arrow-down:before {
  content: "\e134";
}
.glyphicon-globe:before {
  content: "\e135";
}
.glyphicon-wrench:before {
  content: "\e136";
}
.glyphicon-tasks:before {
  content: "\e137";
}
.glyphicon-filter:before {
  content: "\e138";
}
.glyphicon-briefcase:before {
  content: "\e139";
}
.glyphicon-fullscreen:before {
  content: "\e140";
}
.glyphicon-dashboard:before {
  content: "\e141";
}
.glyphicon-paperclip:before {
  content: "\e142";
}
.glyphicon-heart-empty:before {
  content: "\e143";
}
.glyphicon-link:before {
  content: "\e144";
}
.glyphicon-phone:before {
  content: "\e145";
}
.glyphicon-pushpin:before {
  content: "\e146";
}
.glyphicon-usd:before {
  content: "\e148";
}
.glyphicon-gbp:before {
  content: "\e149";
}
.glyphicon-sort:before {
  content: "\e150";
}
.glyphicon-sort-by-alphabet:before {
  content: "\e151";
}
.glyphicon-sort-by-alphabet-alt:before {
  content: "\e152";
}
.glyphicon-sort-by-order:before {
  content: "\e153";
}
.glyphicon-sort-by-order-alt:before {
  content: "\e154";
}
.glyphicon-sort-by-attributes:before {
  content: "\e155";
}
.glyphicon-sort-by-attributes-alt:before {
  content: "\e156";
}
.glyphicon-unchecked:before {
  content: "\e157";
}
.glyphicon-expand:before {
  content: "\e158";
}
.glyphicon-collapse-down:before {
  content: "\e159";
}
.glyphicon-collapse-up:before {
  content: "\e160";
}
.glyphicon-log-in:before {
  content: "\e161";
}
.glyphicon-flash:before {
  content: "\e162";
}
.glyphicon-log-out:before {
  content: "\e163";
}
.glyphicon-new-window:before {
  content: "\e164";
}
.glyphicon-record:before {
  content: "\e165";
}
.glyphicon-save:before {
  content: "\e166";
}
.glyphicon-open:before {
  content: "\e167";
}
.glyphicon-saved:before {
  content: "\e168";
}
.glyphicon-import:before {
  content: "\e169";
}
.glyphicon-export:before {
  content: "\e170";
}
.glyphicon-send:before {
  content: "\e171";
}
.glyphicon-floppy-disk:before {
  content: "\e172";
}
.glyphicon-floppy-saved:before {
  content: "\e173";
}
.glyphicon-floppy-remove:before {
  content: "\e174";
}
.glyphicon-floppy-save:before {
  content: "\e175";
}
.glyphicon-floppy-open:before {
  content: "\e176";
}
.glyphicon-credit-card:before {
  content: "\e177";
}
.glyphicon-transfer:before {
  content: "\e178";
}
.glyphicon-cutlery:before {
  content: "\e179";
}
.glyphicon-header:before {
  content: "\e180";
}
.glyphicon-compressed:before {
  content: "\e181";
}
.glyphicon-earphone:before {
  content: "\e182";
}
.glyphicon-phone-alt:before {
  content: "\e183";
}
.glyphicon-tower:before {
  content: "\e184";
}
.glyphicon-stats:before {
  content: "\e185";
}
.glyphicon-sd-video:before {
  content: "\e186";
}
.glyphicon-hd-video:before {
  content: "\e187";
}
.glyphicon-subtitles:before {
  content: "\e188";
}
.glyphicon-sound-stereo:before {
  content: "\e189";
}
.glyphicon-sound-dolby:before {
  content: "\e190";
}
.glyphicon-sound-5-1:before {
  content: "\e191";
}
.glyphicon-sound-6-1:before {
  content: "\e192";
}
.glyphicon-sound-7-1:before {
  content: "\e193";
}
.glyphicon-copyright-mark:before {
  content: "\e194";
}
.glyphicon-registration-mark:before {
  content: "\e195";
}
.glyphicon-cloud-download:before {
  content: "\e197";
}
.glyphicon-cloud-upload:before {
  content: "\e198";
}
.glyphicon-tree-conifer:before {
  content: "\e199";
}
.glyphicon-tree-deciduous:before {
  content: "\e200";
}
.glyphicon-cd:before {
  content: "\e201";
}
.glyphicon-save-file:before {
  content: "\e202";
}
.glyphicon-open-file:before {
  content: "\e203";
}
.glyphicon-level-up:before {
  content: "\e204";
}
.glyphicon-copy:before {
  content: "\e205";
}
.glyphicon-paste:before {
  content: "\e206";
}
.glyphicon-alert:before {
  content: "\e209";
}
.glyphicon-equalizer:before {
  content: "\e210";
}
.glyphicon-king:before {
  content: "\e211";
}
.glyphicon-queen:before {
  content: "\e212";
}
.glyphicon-pawn:before {
  content: "\e213";
}
.glyphicon-bishop:before {
  content: "\e214";
}
.glyphicon-knight:before {
  content: "\e215";
}
.glyphicon-baby-formula:before {
  content: "\e216";
}
.glyphicon-tent:before {
  content: "\26fa";
}
.glyphicon-blackboard:before {
  content: "\e218";
}
.glyphicon-bed:before {
  content: "\e219";
}
.glyphicon-apple:before {
  content: "\f8ff";
}
.glyphicon-erase:before {
  content: "\e221";
}
.glyphicon-hourglass:before {
  content: "\231b";
}
.glyphicon-lamp:before {
  content: "\e223";
}
.glyphicon-duplicate:before {
  content: "\e224";
}
.glyphicon-piggy-bank:before {
  content: "\e225";
}
.glyphicon-scissors:before {
  content: "\e226";
}
.glyphicon-bitcoin:before {
  content: "\e227";
}
.glyphicon-btc:before {
  content: "\e227";
}
.glyphicon-xbt:before {
  content: "\e227";
}
.glyphicon-yen:before {
  content: "\00a5";
}
.glyphicon-jpy:before {
  content: "\00a5";
}
.glyphicon-ruble:before {
  content: "\20bd";
}
.glyphicon-rub:before {
  content: "\20bd";
}
.glyphicon-scale:before {
  content: "\e230";
}
.glyphicon-ice-lolly:before {
  content: "\e231";
}
.glyphicon-ice-lolly-tasted:before {
  content: "\e232";
}
.glyphicon-education:before {
  content: "\e233";
}
.glyphicon-option-horizontal:before {
  content: "\e234";
}
.glyphicon-option-vertical:before {
  content: "\e235";
}
.glyphicon-menu-hamburger:before {
  content: "\e236";
}
.glyphicon-modal-window:before {
  content: "\e237";
}
.glyphicon-oil:before {
  content: "\e238";
}
.glyphicon-grain:before {
  content: "\e239";
}
.glyphicon-sunglasses:before {
  content: "\e240";
}
.glyphicon-text-size:before {
  content: "\e241";
}
.glyphicon-text-color:before {
  content: "\e242";
}
.glyphicon-text-background:before {
  content: "\e243";
}
.glyphicon-object-align-top:before {
  content: "\e244";
}
.glyphicon-object-align-bottom:before {
  content: "\e245";
}
.glyphicon-object-align-horizontal:before {
  content: "\e246";
}
.glyphicon-object-align-left:before {
  content: "\e247";
}
.glyphicon-object-align-vertical:before {
  content: "\e248";
}
.glyphicon-object-align-right:before {
  content: "\e249";
}
.glyphicon-triangle-right:before {
  content: "\e250";
}
.glyphicon-triangle-left:before {
  content: "\e251";
}
.glyphicon-triangle-bottom:before {
  content: "\e252";
}
.glyphicon-triangle-top:before {
  content: "\e253";
}
.glyphicon-console:before {
  content: "\e254";
}
.glyphicon-superscript:before {
  content: "\e255";
}
.glyphicon-subscript:before {
  content: "\e256";
}
.glyphicon-menu-left:before {
  content: "\e257";
}
.glyphicon-menu-right:before {
  content: "\e258";
}
.glyphicon-menu-down:before {
  content: "\e259";
}
.glyphicon-menu-up:before {
  content: "\e260";
}