@import url("reset.css");
@charset "UTF-8";
/**
 *
 * @authors zhou.sunny (1576567774@qq.com)
 * @date    2016-10-31 10:25:51
 * @version $Id$
 * @public.less
 */
* {
    margin: 0;
    padding: 0;
    -webkit-text-size-adjust: none;
}
@font-face {
  font-family: 'Montserrat-Regular';
  src:  url('../fonts/Montserrat-Regular.eot?1aukq4');
  src:  url('../fonts/Montserrat-Regular.eot?1aukq4#iefix') format('embedded-opentype'),
    url('../fonts/Montserrat-Regular.ttf?1aukq4') format('truetype'),
    url('../fonts/Montserrat-Regular.woff?1aukq4') format('woff'),
    url('../fonts/Montserrat-Regular.svg?1aukq4#Montserrat-Regular') format('svg');
}
@font-face {
  font-family: 'Montserrat-Light-6';
  src:  url('../fonts/Montserrat-Light-6.eot?1aukq4');
  src:  url('../fonts/Montserrat-Light-6.eot?1aukq4#iefix') format('embedded-opentype'),
    url('../fonts/Montserrat-Light-6.ttf?1aukq4') format('truetype'),
    url('../fonts/Montserrat-Light-6.woff?1aukq4') format('woff'),
    url('../fonts/Montserrat-Light-6.svg?1aukq4#Montserrat-Light-6') format('svg');
}
@font-face {
  font-family: 'Cyclone-Background';
  src:  url('../fonts/Cyclone-Background.eot?1aukq4');
  src:  url('../fonts/Cyclone-Background.eot?1aukq4#iefix') format('embedded-opentype'),
    url('../fonts/Cyclone-Background.ttf?1aukq4') format('truetype'),
    url('../fonts/Cyclone-Background.woff?1aukq4') format('woff'),
    url('../fonts/Cyclone-Background.svg?1aukq4#Cyclone-Background') format('svg');
}
@font-face {
  font-family: 'Trebuchet-MS';
  src:  url('../fonts/Trebuchet-MS.eot?1aukq4');
  src:  url('../fonts/Trebuchet-MS.eot?1aukq4#iefix') format('embedded-opentype'),
    url('../fonts/Trebuchet-MS.ttf?1aukq4') format('truetype'),
    url('../fonts/Trebuchet-MS.woff?1aukq4') format('woff'),
    url('../fonts/Trebuchet-MS.svg?1aukq4#Trebuchet-MS') format('svg');
}

html,body{position: relative;margin: 0 auto;padding: 0;width:100%;max-width: 1920px;min-width:320px;height:auto;overflow-x: hidden;}

body{overflow: hidden;}
body table,tr,td {border-collapse: collapse;}
body ul, li {list-style-type: none;}
body img{border: none;width:100%; height:auto;display: block;}
body b{font-weight:normal;}
body p.no_pad{padding-bottom: 0px!important;}
a{color: #393727;transition:all 0.3s;-moz-transition: all 0.3s;-webkit-transition: all 0.3s;-o-transition: all 0.3s;}
a:hover{color: #48529B;}
a,a:hover,a:focus,a:active{text-decoration:none;}  
a.underl{text-decoration: underline;}
a.underl:hover{text-decoration: none;}
.a_link{ text-decoration:none;transition:none;}
.a_link:hover{border-bottom:1px solid #48529B}
.a_link strong{ color:#48529B}
.clearfix {*zoom: 1;clear:both;}
.clearfix::after{content: "";display: block;}
.ipad_show,.ph_show{display: none;}
.ipad_hide,.ph_hide{display: initial;}
.ph_show_fiex{display: none!important;}

.flex{position: relative;display: flex;width: 100%;height: auto;}
.flex_w{position: relative;display: flex;flex-wrap:wrap;width: 100%;height: auto;}
.justify_around_center{justify-content:space-around;align-items:center;}
.justify_around_start{justify-content:space-around;align-items:flex-start;}
.justify_around_stretch{justify-content:space-around;align-items:stretch;}
.justify_between_center{justify-content:space-between;align-items:center;}
.justify_between_star{justify-content:space-between;align-items:flex-start;}
.justify_between_end{justify-content:space-between;align-items:flex-end;}
.justify_between_stretch{justify-content:space-between;align-items:stretch;}
.justify_center_center{justify-content:center;align-items:center;}
.justify_star_center{justify-content:flex-start;align-items:center;}
.justify_end_center{justify-content:flex-end;align-items:center;}
.flex_column{position: relative;display: flex;flex-direction:column;}
.col_100{position:relative;width: 100%;}
.col_70{position:relative;width: 70%;}
.col_65{position:relative;width: 65%;}
.col_60{position:relative;width: 60%;}
.col_57{position:relative;width:57%;}
.col_50{position:relative;width:50%;}
.col_47{position:relative;width: 47%;}
.col_45{position:relative;width:45%;}
.col_40{position:relative;width: 40%;}
.col_35{position:relative;width: 35%;}
.col_30{position:relative;width: 30%;}

.com_position{position:relative;width: 100%;height: auto;}
.com_pad_bot60{padding-bottom: 60px;}
.com_pad_Tb{padding:80px 0px;}
.com_pad_T{padding-top:100px;}
.com_pad_smTb{padding:80px 0px;}


.trans_x{left: 50%;transform: translateX(-50%);-webkit-transform: translateX(-50%);-moz-transform: translateX(-50%);-ms-transform: translateX(-50%);}
.trans_y{top: 50%;transform: translateY(-50%);-webkit-transform: translateY(-50%);-moz-transform: translateY(-50%);-ms-transform: translateY(-50%);}
.trans_xy{top: 50%;left: 50%;transform: translate(-50%,-50%);-webkit-transform: translate(-50%,-50%);-moz-transform: translate(-50%,-50%);-ms-transform: translate(-50%,-50%);}

img.img_900{position: relative;max-width: 900px;margin:0px auto;}
img.img_600{position: relative;max-width: 640px;margin:0px auto;}

.z_index_u{z-index: 2;}
.z_index_d{z-index: 1;}

.text_center{text-align: center;}
.text_right{text-align: right;}
.text_upper{text-transform: uppercase;}
.text_justify{text-align: justify;}

.text_count{column-count:2;-webkit-column-count:2;-moz-column-count:2;column-gap:80px; -webkit-column-gap:80px;-moz-column-gap:80px;column-rule:5px solid #fff;-webkit-column-rule:5px solid #fff;-moz-column-rule:5px solid #fff;}
.line4{overflow: hidden;-webkit-line-clamp:4;line-clamp:4;-webkit-box-orient: vertical;box-orient: vertical;display: -webkit-box;display: box;}

#ver-en{
  font-family:"Montserrat-Light-6", Arial, Helvetica, sans-serif, Verdana;
  font-size: 16px;
  line-height: 2;
  color: #393727;
  font-style: normal;
}
#ver-tc{
  font-family:"Microsoft YaHei", "Microsoft JhengHei","宋体", Arial, Helvetica, Verdana, sans-serif,"Noto Sans SC";
  font-size: 16px;
  line-height: 2;
  color: #393727;
  font-style: normal;
}
.font_sm{font-size: 14px;}



body h1{
  position:relative;
  font-size: 300px;
}
body h2{
  position:relative;
  font-size: 60px;
}
#ver-tc h2{font-size:48px; font-weight:bold}
body h3{
  position:relative;
  font-size: 42px;
}
#ver-tc h3{font-size:28px;font-weight:bold}
body h4{
  position:relative;
  font-size: 20px;
}
body h5{
  position:relative;
  font-size: 18px;
}

.color_white{color: #fff;}
.color_yellow{color: #48529B;}
.color_yellow1{color: #FB246A;}
.color_red{color: #e22a2b;}
.family_Cyclone{font-family:"Cyclone-Background";}



#article,#footer,#header{position: relative;width: 100%;height: auto; margin:0px auto;max-width: 1920px;min-width:320px;}
.warp{position: relative;width: 100%;height: auto; z-index: 6; overflow: hidden;}
.container{position: relative;width: 100%;height: auto;max-width:1920px;padding: 0px 10rem;margin:0px auto;}
.container_l{padding-left: 10rem;position: relative;width: 100%;height: auto;}
.container_r{padding-right: 10rem;position: relative;width: 100%;height: auto;}

/*com-css-end*/
/*header*/
/*----------------------sidebar-----------------*/
#sidebar{
  display: block;
  position: fixed;
  z-index: 30;
  width: 100%;
  top: 0px;
  left: 0px;
}
.logo{
  width: 150px;
  height: auto;
}
.logo .logo_svg_w_bai,
.logo .logo_svg_w{
  display: none;
}
.quote a{
  font-size:20px;  
  padding:1px 32px 2px 20px;
  line-height:50px;
  display: block;
  background:#5D6BC6; 
  color: #fff;
  font-weight:bold;
}
#ver-en .quote a{padding:3px 40px 0px 20px;font-size: 30px;  font-family: "Cyclone-Background";font-weight:normal;}
.quote a::before{
  content: "";
  display: block;
  position: absolute;
  width: 20px;
  height: 1px;
  background:#48529B;
  top: 49%;
  left: -20px;
}
.quote a i{
  position: absolute;
  color: #fff;
  left:-1px;
}
#ver-tc .quote a i{left:0px; font-size:28px;}
.in_link a{
  position: relative;
  display: block;
  width: 30px;
  height: 30px;
  text-align: center;
  line-height: 30px;
  border-radius: 50%;
  background:#5D6BC6;
  color: #fff;
}
.in_link a.link_in{
  font-size: 18px;
  padding:6px;
}
.in_link a.link_tc{
  font-size: 13px;
  margin-bottom: 10px;
}


.scroll{
  animation: scrollshake 1.8s linear infinite;
  -webkit-animation: scrollshake 1.8s linear infinite;
  -moz-animation: scrollshake 1.8s linear infinite;
  -ms-animation: scrollshake 1.8s linear infinite;
}
.scroll small{
  position: relative;
  writing-mode:vertical-rl;
  position: relative;
  display: block;
  height: auto;
  color: #000000;
}
.scroll span{
  position: relative;
  display: block;
  width: 1px;
  height: 45px;
  background:#5D6BC6;
  margin-left: 49%;
  margin-top: 5px;
}
.scroll span::before{
  content: "";
  display: block;
  position: absolute;
  width: 8px;
  height: 8px;
  border-radius: 50%;
  background:#5D6BC6;
  top: 15px;
  left: -4px;
 /*  -webkit-animation: nudgeMouse 1.6s linear infinite;
    animation: nudgeMouse 1.6s linear infinite;*/
}

.slide_menu{
  position: fixed;
  right: -100px;
  top: 50%;
  transform:translateY(-50%);
  -webkit-transform:translateY(-50%);
  -moz-transform:translateY(-50%);
  -ms-transform:translateY(-50%);
      transition: all 0.5s;
    -moz-transition: all 0.5s;
    -webkit-transition: all 0.5s;
    -o-transition: all 0.5s;
    overflow: hidden;
}
.slide_menu ul li,
.slide_menu ul li a{
  position: relative;
  display: block;
  z-index: 2
}
.slide_menu ul li{
  margin:5px 0px;
}

.slide_menu ul li a{
  padding-left: 10px;
   background-image:-webkit-linear-gradient(left,#000,rgba(0,0,0,0.1),rgba(0,0,0,0.1)); 
    -webkit-background-clip:text; 
    -webkit-text-fill-color:transparent; 
   font-family: 'Montserrat-Light-6';
}
.slide_menu ul li::before{
  content: "";
  display: block;
  position: absolute;
  width: 100%;
  height: 35%;
  right: -100%;
  bottom: 15%;
  background:#5D6BC6;
  z-index: 1;
  transition: all 0.5s;
    -moz-transition: all 0.5s;
    -webkit-transition: all 0.5s;
    -o-transition: all 0.5s;
}
.slide_menu ul li:hover::before,
.slide_menu ul li.active::before{
  right: 0px;
}
.slide_menu:hover{
  right: 0px;
}
.slide_menu ul li a:hover{color: #393727!important;}

.slide_menu:hover ul li a,
.slide_menu ul li.active a{
   background-image:-webkit-linear-gradient(left,#000,rgba(0,0,0,1),rgba(0,0,0,1)); 
    -webkit-background-clip:text; 
    -webkit-text-fill-color:transparent; 
}


#sidebar .logo{
  position: fixed;
  top: 30px;
  left: 40px;
}
#sidebar .quote{
  position: fixed;
  top:30px;
  right: 0px;
}

#sidebar .in_link{
  position: fixed;
  bottom: 40px;
  left: 40px;

}

#sidebar .scroll{
  position: fixed;
  bottom: 0px;
  right: 40px;
  width: 32px;
}


.logo.logo_w.toggle .logo_svg_w_bai{
  display: block;
}
.logo.logo_w.toggle .logo_svg_w,
.logo.logo_w.toggle .logo_svg{
  display: none;
}


/*.quote.toggle a{
  background:#fff; 
  color: #48529B;
}
.quote.toggle a::before{
  background:#fff;
}
.quote.toggle a i{
  color: #48529B;
}
.in_link.toggle a{
  background:#fff;
  color: #5D6BC6;
}*/
.scroll.toggle small{
  color: #fff;
}
.scroll.toggle span::before,
.scroll.toggle span{
  background:#fff;
}
.logo.logo_w .logo_svg_w{
  display: block;
}
.logo.logo_w .logo_svg_w_bai,
.logo.logo_w .logo_svg{
  display: none;
}


#sidebar.navCurrent .logo{
  width: 100px!important;
  left: 20px;
}
#sidebar.navCurrent .logo_svg{
   display: block!important;
}
#sidebar.navCurrent .logo_svg_w_bai,
#sidebar.navCurrent .logo_svg_w{
   display: none!important;
}

#sidebar.navCurrent .quote a{
  font-size: 16px;
  line-height: 26px;
  padding:1px 17px 2px 17px;
}
#ver-en #sidebar.navCurrent .quote a{ font-size: 24px;line-height: 26px;
  padding: 3px 20px 0px 20px;}
#ver-tc #sidebar.navCurrent .quote a i{left:0px; font-size:22px;}
/*-----------------sidebar end-------------------*/












/*----------ph------nav---------------*/
#header{z-index: 20;}
#nav{
  position: fixed;
  padding:20px 40px 10px 40px;
  width: 100%;
}

#nav.active{
  background:#fff;
}
#nav.active span#menu{
  margin-top: -15px;
}
/*header- end*/



/*menu*/
span#menu{
  position: relative;
  display: block;
  z-index: 6;
  width:30px;
  height:16px; 
  cursor: pointer;
  transition: all 0.3s;
    -moz-transition: all 0.3s;
    -webkit-transition: all 0.3s;
    -o-transition: all 0.3s;
}
#menu i {
    position: absolute;
    display: block;
    width: 100%;
    height:2px;
    border-radius: 1px;
    background: #FB246A;
    transition: all 0.3s;
    -moz-transition: all 0.3s;
    -webkit-transition: all 0.3s;
    -o-transition: all 0.3s;
}

#menu i:last-child {
   bottom: 0px;
}

#menu.active i {
  background: #FB246A;
}
#menu.active i:first-child {
    -webkit-transform: rotateZ(-45deg);
    -moz-transform: rotateZ(-45deg);
    -ms-transform: rotateZ(-45deg);
    -o-transform: rotateZ(-45deg);
    transform: rotateZ(-45deg);
    top: 50%;
}

#menu.active i:last-child {
    -webkit-transform: rotateZ(45deg);
    -moz-transform: rotateZ(45deg);
    -ms-transform: rotateZ(45deg);
    -o-transform: rotateZ(45deg);
    transform: rotateZ(45deg);
    top: 50%;
    bottom: auto;
}

/*--------------nav - end-------------*/



/*----------------index_banner----------------*/
.index_banner{
  position: relative;
  width: 100%;
  height: 100vh;
  background:#fff url('../images/home/banner.png') center no-repeat;
  background-size: cover;
  z-index: 2;
}
.lizi_iframe{
  position: relative;
  z-index: 1;
}
.banner_info{
  position: absolute;
  z-index: 2;
  width: 100%;
  padding: 0px 80px;
  max-width: 1300px;
}
.banner_slogin{
  position: relative;
  overflow: hidden;
  width: 0px;
}
.banner_slogin h1{
  line-height: 0.7;
  width: 920px;
}

.banner_slogin h1 span{
   /*opacity: 0;*/
   line-height: 0.8;
}
.banner_slogin h1 span:nth-last-child(2),
.banner_slogin h1 span:last-child{
  color: #FB246A;
}

.banner_Smslogin{
  position: absolute;
  bottom: 10%;
  width: 95%; 
  left: 2.5%;
  height: auto;
  overflow: hidden;
}
#ver-tc .banner_Smslogin{ bottom: 13%;}
.banner_Smslogin h2{text-transform: uppercase;line-height:0.8; width: 100%;}
#ver-tc .banner_Smslogin h2{line-height:1; }

.banner_Smslogin_item.active{
  position: relative;
  transform:translateY(0);
  -moz-transform:translateY(0);
  -webkit-transform:translateY(0);
  -ms-transform:translateY(0);
}
.banner_Smslogin_item{
  position:absolute;
  width: 100%;
  height: auto;
  top: 0px;
  transform:translateY(100%);
  -moz-transform:translateY(100%);
  -webkit-transform:translateY(100%);
  -ms-transform:translateY(100%);
      transition: all 1.5s;
    -moz-transition: all 1.5s;
    -webkit-transition: all 1.5s;
    -o-transition: all 1.5s;
    overflow: hidden;
}
#ver-tc .banner_Smslogin_item{ padding:0 10%;}
#ver-tc .banner_Smslogin_item h2{font-size:40px; font-weight:bold;}
.banner_Your{
  position: absolute;
  bottom: -40px;
  opacity: 0;
      width: 100%;
    text-align: center;
   transition: all 1.5s;
    -moz-transition: all 1.5s;
    -webkit-transition: all 1.5s;
    -o-transition: all 1.5s;
}


/*-------------------index_banner - end--------------*/


/*------------index_content-----------------*/
.index_content{
  position: relative;
  width: 100%;
  height: auto;
  min-height: 450px;
  z-index: 5;
  background:#fff;
}
.index_who{
  padding-top:100px;
}
.index_who::before{
  content: "";
  display: block;
  position: absolute;
  width: 5000px;
  height: 100%;
  top: 0px;
  left: -1920px;
  background:#5D6BC6;
}

.index_w_l{
  position: relative;
  width: 30%;
  height: auto;
  /*margin-bottom: -116px;*/
}
.toushi_box{
  position: relative;
  width: 100%;
  height: auto;
  overflow: hidden;
}
.index_w_l .toushi_box{
  margin-bottom: -22.273%;
}

/*.toushi_box.ph_active .toushi_box1_bg{top: 70%;}
.index_team_r .toushi_box.ph_active .toushi_box1_bg{top: 100%;}*/

.toushi_box1_bg{
  position: absolute;
    width:300%;
    height:300%;
  z-index: 1;
}
.index_team_r .toushi_box1_bg{width: 280%}
.toushi_box1_bg img{
  position: absolute;
  width: 100%;
  height: auto;
  top: 30%;
}
#index_team .toushi_box1_bg img{
    top:65%;
    right: 5%;
    top: 20%\0;
    top: 20%\9;
}
_:-ms-lang(x),
_::-webkit-meter-bar,
.toushi_box1_bg img,#index_team .toushi_box1_bg img{
    top: 0%;
}

.toushi_box img.tous_img{
  position: absolute;
  z-index: 2;
  border: 0;
  width: 104%;
}
.toushi_box img.tous_img_hide{
  position: relative;
  border:0;
  width: 100%;
  height: auto;
  opacity: 0;
}
.index_w_r{
  position: relative;
  flex:1;
  padding-left: 20px;
  padding-bottom:80px;
}
.index_team_r p,
.index_w_r p{
  padding-bottom: 45px;
}
.index_w_r p:last-child,
.index_team_r p:last-child{
  padding-bottom: 0px;
}
.disclaimer{ padding-top:30px; padding-bottom:30px;}
.disclaimer p{padding-bottom:30px;}
.disclaimer h2{ padding-bottom:30px;}
.disclaimer h3{ padding-bottom:30px;}
#ver-en .disclaimer h3{ padding-bottom:30px;}
.disclaimer ul{ padding:10px 0 30px 20px;}
.disclaimer ul li{ list-style-type:disc;}
.close{ padding:3px 20px; background-color:#48529B; display:table; margin:auto; color:#ffffff;}
.close:hover{background-color:#000000;color:#ffffff;}
span.brig_line{
  position: relative;
  /*display: inline-block;*/
  background: linear-gradient(90deg,#5D6BC6,#5D6BC6 50%,transparent 0);
    background-size: 200% 100%;
    background-position: 100% 50%;
    transition: background .7s;
}
#index_who span.brig_line{
  background: linear-gradient(90deg,#FB246A,#FB246A 50%,transparent 0);
    background-size: 200% 100%;
    background-position: 100% 50%;
    transition: background .7s;
}
span.brig_line.active{
  background-position: 0 50%!important;
}
span.brig_line.active_hide{
  background-position: -100% 50%!important;
}
/*span.brig_line i{
  position: absolute;
  width: 100%;
  background: linear-gradient(90deg,#FB246A,#FB246A 50%,transparent 0);
    background-size: 200% 100%;
    background-position: 100% 50%;
    transition: background .7s;
  transition: all 0.3s;
    -moz-transition: all 0.3s;
    -webkit-transition: all 0.3s;
    -o-transition: all 0.3s;
}*/
span.brig_line b{
  position: relative;
  z-index: 2;
}


/*/////////////////*/

.index_product{
  /*overflow: hidden;
  height: 100vh;*/
}
.index_pro_l p{
  padding-bottom: 80px;
}
.index_pro_l .com_positionH{height: 100%; padding-right: 50px;}
.index_pro_r{
  height: 100%;
  border-left: 1px solid #5D6BC6;
  -ms-overflow-style: none; /* IE 10+ */
  scrollbar-width: none; /* Firefox */
}

.index_pro_r::-webkit-scrollbar {
  display: none; /* Chrome Safari */
}
.index_pro_r ul{
  position: relative;
  width: 100%;
  height:auto;
}
.index_pro_r ul li{
  position: relative;
  width: 100%;
  height: auto;
  border-top: 1px solid #5D6BC6;
  cursor: pointer;
}
.index_pro_r ul li:first-child{border-top: none;}
.index_pro_r ul li a{
  position: relative;
  display: block;
  width: 100%;
  height:33.3333vh;
  display: flex;
  align-items: center;
  padding-right:10rem;
  padding-left: 5.5rem;
}
.index_pro_r ul li sup{font-family: "Cyclone-Background";
  font-size: 30px;
  vertical-align: super;
  line-height: 0.8;
  margin-top: -35px;
  margin-right:30px;
  color: #48529B;
}

.index_pro_r ul li h3{  padding-top: 8px;text-transform: uppercase;display: block;width: 100%;position: relative;}

#ver-en .index_pro_r ul li h3{font-family: "Cyclone-Background"; padding-top:0;}
/*
.index_pro_r ul li:hover{
  color: #48529B;
  background:url("../images/home/index_pro_bg.jpg") center no-repeat;
  background-size: cover;
}
*/
.index_pro_r ul li i{
  position: absolute;
  right: 0px;
  color: #48529B;
  font-size: 58px;
  opacity: 0;
      transition: all 0.3s;
    -moz-transition: all 0.3s;
    -webkit-transition: all 0.3s;
    -o-transition: all 0.3s;
}


.index_pro_r ul li:hover a i{
  color:#48529B;
  opacity:1;
}
.index_pro_r ul li:hover sup,
.index_pro_r ul li:hover a{
  color:#48529B;
}
.sticky_item {
  position: absolute;
  width: 100%;
  height: auto;
  top: 50vh;
     transform:translateY(-50%);
  -webkit-transform:translateY(-50%);
  -moz-transform:translateY(-50%);
  -ms-transform:translateY(-50%);
}

.index_pro_l .com_positionH.stickyCss {
    position: fixed;
    top: 0px;
    width: 50%;
    height: 100vh;
    opacity: 0;
    opacity: 1\0;

}
.index_pro_l .com_positionH.pass {
    position: absolute;
    top: auto;
    bottom: 0px;
    width: 100%;
    height: 100vh;
}

.index_product_scroll{display: none;z-index: 8;position: fixed;
    top: 0px;}
.index_product_scroll .hei_vh{
  position: fixed;
  width: 50%;
  height: 100vh;
}
.index_product_scroll .index_pro_l{width: 100%;}
/*.index_product_scroll .index_pro_l .com_positionH{
  background:#fff;
}*/
/*--------------------------------*/
.index_team{
  padding-top: 150px;
  z-index: 2;
}
.index_team_bg{
  position: absolute;
  width: 133%;
  height: 100%;
  top: 0px;
  left: 0px;
  background:#f8f8f8 url("../images/home/index_team_bg.jpg") left bottom no-repeat;
  background-size: 100% auto;
}
.index_team_r .toushi_box{
  margin-bottom: -10.2%;
}

.index_team_r{
  position: relative;
  width: 40%;
  height: auto;
  /*margin-bottom: -70px;*/
}


.index_team_l{
  position: relative;
  flex:1;
    padding-right: 30px;
  padding-bottom: 180px;
}

/***-----------bus----------***********/
.index_bus{
  background:#5D6BC6;
}
.index_bus_tit{
  position: absolute;
  width: 47%;
  top: 130px;
  right: 0px;
  z-index: 2;
}

.bus_slide{
  position: relative;
  z-index: 1;
}
.index_bus_l{
  position: relative;
  width: 53%;
  height: auto;
}
.index_bus_l img{
  opacity: 0;
}
.index_bus_r{
  position: relative;
  width: 47%;
  padding-top: 240px;
  padding-bottom: 80px;
}
ul.index_bus_logo{
  position: relative;
}
ul.index_bus_logo li{
  position: relative;
  width: 33.333333%;
  padding: 5px;
}
ul.index_bus_logo li img{
  width: 100%;
  height: auto;
  max-width: 100%;
  background:#ffffff;

}
.index_bus_l  span.san_jiao{
  position: absolute;
    display: block;
    width: 30px;
    height: 100%;
    right: -1px;
    top: 0px;
    background:url("../images/home/san_jiao.png") center no-repeat;
    background-size: 100% 100%;
}

.bus_slide .slick-dots {
  position: absolute;
  margin-top: 0px;
  right: 0px;
  bottom: -40px;
  width: 100%;
  padding-left:10px;
}
.index_bus_tit,
.index_bus_r{
  padding-right:10rem;
  padding-left: 5.5rem;
}

.bus_slide .slick-dots li a{
  background:none;
  border:1px solid #fff;
}
.bus_slide .slick-dots li.slick-active a{
  background:#fff;
}

/*------------index_customers---------------*/
.index_customers{
  padding-top: 130px;
  padding-bottom: 150px;
}
.index_customers h2{
  padding-bottom:30px;
}
.index_customers_logo{
  position: relative;
  max-width: 1140px;
  margin:0px auto;
}

.index_customers_logo li{
   position: relative;
   width:25%;
}

.index_customers_logo li .custom_imgbox{
   width: 80%;
   height: 150px;
   position: relative;
   display: table-cell;
    vertical-align: middle;
    padding:20px;
}
.index_customers_logo li .custom_imgbox img{
  width: 100%;
  max-width: 180px;
  height: auto!important;
  margin:0px auto;
}
/*-------------index_contact--------------*/
.index_contact_bg{
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0px;
  left: 0px;
  background:url("../images/home/index_contact_bg.jpg") center bottom no-repeat;
  background-size: cover;
}
.index_contact_tit{
  position: relative;
  background: #fff;
}
.index_contact_tit h2{line-height: 0.7;}
#ver-tc .index_contact_tit h2{ line-height:1.1;}
.index_contact_email{
  position: relative;
  width: 100%;
  max-width: 840px;
  margin:0px auto;
}
.from_box textarea,
.from_box input{
  position: relative;
  width: 100%;
  display: block;
  margin-bottom: 20px;
  padding:10px 25px;
  border:1px solid #5D6BC6;
  border-radius:20px;
  font-family: "Montserrat-Regular", Arial;
  outline: none;
  
}
textarea,input[type="button"],input[type="text"], input[type="submit"], input[type="reset"] {-webkit-appearance: none;-webkit-appearance：none;-webkit-tap-highlight-color:rgba(0,0,0,0);}

input:focus, textarea:focus {outline: none;}
input:focus,textarea:focus {-webkit-tap-highlight-color:rgba(0,0,0,0);-webkit-user-modify:read-write-plaintext-only;}

.Submit_btn{
  padding-top: 20px;
}

/*--------------foot---------------*/
#footer{
  background:#dbdbdb;
  position: relative;
  /*bottom: 0px;*/
  /*z-index: 1;*/
  left: 0px;
}
#footer .container{max-width: 1480px;}
#footer.z_index{z-index: 7;}
.foot_nav{
  padding-top: 50px;
  padding-bottom: 10px;
  margin-bottom:10px;
  border-bottom: 1px solid #5D6BC6;
}
.foot_slogn{
  position: relative;
  margin-top:50px;
}
.foot_slogn h2{
  text-transform: uppercase;
  letter-spacing: 3px;
  line-height: 0.7;
  font-size:60px !important;
  font-weight:normal !important;
}
#footer .copy{ padding:0 10px;}
/*------------index_content  end-----------------*/



/*---------------page_article-------------------*/
.page_article{
  position: relative;
  width: 100%;
  height: 100vh;
  overflow: hidden;
}
.swiper-container{
  position: fixed;
  width: 100%;
  height: 100%;
  top: 0px;
  left: 0px;
}

.swiper-wrapper{
  position: fixed;
  width: 100%;
  height:100%;
  top: 0px;
  left: 0px;
  z-index: 8;
}
.swiper-wrapper .swiper-slide{
  position: absolute;
  width: 100%;
  height:100%;
  top: 0px;
  left: 0px;
  z-index: 8;
  pointer-events: none;
    opacity: 0;
    min-height: 100%;
    -ms-touch-action: none;
    touch-action: none;
    -webkit-transition: opacity 0.6s ease-in-out;
    -ms-transition: opacity 0.6s ease-in-out;
    -moz-transition: opacity 0.6s ease-in-out;
    transition: opacity 0.6s ease-in-out;
}
.swiper-wrapper .swiper-slide.actif {
    pointer-events: auto;
    opacity: 1;
    z-index:8;
}
.swiper_item{
  position: relative;
      display: flex;
    align-items: center;
  width: 100%;
  height: 100%;
}
#fixed_w1{
   background:url("../images/page/page1_bg.jpg") center no-repeat;
   background-size: cover;
}
#fixed_w2{
   background:url("../images/page/page2_bg.jpg") center no-repeat;
   background-size: cover;
}
#fixed_w3{
   background:url("../images/page/page3_bg.jpg") center no-repeat;
   background-size: cover;
}
#fixed_w4{
   background:url("../images/page/page4_bg.jpg") center no-repeat;
   background-size: cover;
}
#fixed_w5{
   background:url("../images/page/page5_bg.jpg") center no-repeat;
   background-size: cover;
}
#fixed_w6{
   background:url("../images/page/page1_bg.jpg") center no-repeat;
   background-size: cover;
}
#fixed_w7{
   background:url("../images/page/page7_bg.jpg") center no-repeat;
   background-size: cover;
}
/*#fixed_w8{
   background:url("../images/page/page8_bg.jpg") center no-repeat;
   background-size: cover;
}
*/

.page_imgBox{
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0px;
  left: 0px;
}
.page_imgBox img{
  position: absolute;
  width: 100%;
  height: 100%;
  display: block;
  top: 0px;
  left: 0px;
}
ul.dise_ul{
  position: relative;
  width: 100%;
  height: auto;
  padding-left: 20px;
  padding-top: 10px;
  padding-bottom:20px;
}
#ver-tc ul.dise_ul{padding-top:20px;}
ul.dise_ul li{
  position: relative;
  width: 100%;
  height: auto;
      opacity: 0;
      line-height: 1.2;
      margin-bottom: 5px;
    -webkit-transition: opacity 0.3s ease-in-out;
    -ms-transition: opacity 0.3s ease-in-out;
    -moz-transition: opacity 0.3s ease-in-out;
    transition: opacity 0.3s ease-in-out;
}
ul.dise_ul li::before{
  content: "";
  display: block;
  position: absolute;
  left: -18px;
  top: 6px;
  width: 6px;
  height: 6px;
  background:#5D6BC6;
  border-radius: 50%;
}


.page2_l{margin-right: -10%;z-index: 2;}



.swiper-container .slick-dots{
  position: absolute;
  bottom: 40px;
  left: 0px;
    width: 100%;
    height: auto;
    text-align: center;
     z-index: 10;
}
.swiper-container .slick-dots li{
  width: 25px!important;
  height: 10px!important;
  position: relative;
  display: inline-block;
  margin: 0 5px!important;
      transition: all 0.3s;
    -moz-transition: all 0.3s;
    -webkit-transition: all 0.3s;
    -o-transition: all 0.3s;
}
.swiper-container .slick-dots li a{
  position: relative;
  display: block;
  width: 100%;
  height: 100%;
  background: #c7c7c7;
  border-radius: 10px;
}
.swiper-container .slick-dots li:hover,
.swiper-container .slick-dots li.slick-active{width: 60px!important;}
.swiper-container .slick-dots li:hover a,
.swiper-container .slick-dots li.slick-active a{
  background:#48529B;
  border-radius: 20px;
}

#ver-tc h2.page_tith2{
  font-size: 48px;
}


.page_tith2 span{
  opacity: 0;
 -webkit-transition: opacity 300ms ease-in-out;
    -ms-transition: opacity 300ms ease-in-out;
    -moz-transition: opacity 300ms ease-in-out;
    transition: opacity 300ms ease-in-out;
}
.img_fadeBox{
  overflow: hidden;
}
.img_fadeBox img{
  transform:translateY(100px);
  -webkit-transform:translateY(100px);
  -moz-transform:translateY(100px);
  -ms-transform:translateY(100px);
  opacity: 0;
      transition: all 0.7s;
    -moz-transition: all 0.7s;
    -webkit-transition: all 0.7s;
    -o-transition: all 0.7s;
}
.img_fadeBox img.sect_img_dd{
  mix-blend-mode: multiply;
}
.page_tith2 span.show_asticy{
  opacity: 1;
}
ul.dise_ul li.show_asticy{
  opacity: 1;
}
.img_fadeBox img.show_asticy{
  opacity: 1;
  transform:translateY(0);
  -webkit-transform:translateY(0);
  -moz-transform:translateY(0);
  -ms-transform:translateY(0);
}

.show_asticy_none{
  opacity: 0!important;
}



/*---------------------------------*/
/*@-webkit-keyframes nudgeMouse {
  0% {
    -webkit-transform: translateY(0);
            transform: translateY(0);
  }
  40% {
    -webkit-transform: translateY(12px);
            transform: translateY(12px);
  }
  80% {
    -webkit-transform: translateY(-4px);
            transform: translateY(-4px);
  }
  100% {
    -webkit-transform: translateY(0);
            transform: translateY(0);
  }

}
@keyframes nudgeMouse {
  0% {
    -webkit-transform: translateY(0);
            transform: translateY(0);
  }
  40% {
    -webkit-transform: translateY(12px);
            transform: translateY(12px);
  }
  80% {
    -webkit-transform: translateY(-4px);
            transform: translateY(-4px);
  }
  100% {
    -webkit-transform: translateY(0);
            transform: translateY(0);
  }
}
*/
/*fadeIn*/
@-webkit-keyframes fadeIn {
  0%{  opacity:0;}
  100%{ opacity:1;}
}

@keyframes fadeIn {
  0%{  opacity:0;}
  100%{ opacity:1;}
}


@keyframes twinkle {
    0%{
        opacity:.0.8;
    }
    100%{
        opacity:0;
    }
}

@-webkit-keyframes twinkle {
    0%{
        opacity:.0.8;
    }
    100%{
        opacity:0;
    }
}

@-webkit-keyframes scrollshake {
  0% {
    opacity: .4;
  }
  50% {
    opacity: 1;
  }
  100% {
    opacity: .4;
  }
}
@keyframes scrollshake {
  0% {
    opacity: .4;
  }
  50% {
    opacity: 1;
  }
  100% {
    opacity: .4;
  }
}