html {
  -ms-text-size-adjust: 100%;
  -webkit-text-size-adjust: 100%;
  font-size: 100px;
}
body {
  color: #fff;
  line-height: 1.5;
  font-size: 14px;

  font-family:'PingFangSC-Regular', 'helvetica neue', tahoma, 'PingFang SC', 'microsoft yahei', arial, 'hiragino sans gb', sans-serif;
  -webkit-font-smoothing: antialiased;
}


html,
body,
div,
span,
applet,
object,
iframe,
h1,
h2,
h3,
h4,
h5,
h6,
p,
blockquote,
pre,
a,
abbr,
acronym,
address,
big,
cite,
code,
del,
dfn,
em,
img,
ins,
kbd,
q,
s,
samp,
small,
strike,
strong,
sub,
sup,
tt,
var,
dl,
dt,
dd,
ol,
ul,
li,
fieldset,
form,
label,
legend,
table,
caption,
tbody,
tfoot,
thead,
tr,
th,
td {
  margin: 0;
  padding: 0;
}
button,
input,
optgroup,
select,
textarea {
  color: inherit;
  font: inherit;
  margin: 0;
  padding: 0;
  border: 0;
  background: 0;
}
button:focus,
input:focus,
optgroup:focus,
select:focus,
textarea:focus {
  text-decoration: none;
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
  outline: none;
}
textarea {
  resize: none;
}
img {
  border: 0;
  vertical-align: bottom;
}
a {
  text-decoration: none;
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
  outline: none;
}
a,a:hover,a:active,a:visited,a:link,a:focus{
  -webkit-tap-highlight-color:rgba(0,0,0,0);
  -webkit-tap-highlight-color: transparent;
  outline:none;
  background: none;
  text-decoration: none;
}
ul,
li {
  list-style: none;
}
h1,
h2,
h3,
h4,
h5,
h6 {
  font-size: 100%;
  font-variant: normal;
}
.clearfix:before,
.clearfix:after {
  content: "";
  display: table;
}
.clearfix:after {
  clear: both;
  overflow: hidden;
}
.clear-p-t{
  padding-top: 0 !important;
}
.clear-margin{
  margin: 0 !important;
}
.clear-b-margin{
    margin-bottom: 0 !important;
}
.light{
	color: #0052D9;
}
.p-light{
	padding-left: 5px;
}

@font-face {
  font-family: 'TencentSansw3';
  src: none;
  src:
    none format('embedded-opentype'),
    none format('woff'),
    none format('truetype'),
    none format('svg');
  font-weight: normal;
  font-style: normal;
}
@font-face {
  font-family: 'TencentSansw7';
  src: none;
   src:
    none format('embedded-opentype'),
    none format('woff'),
    none format('truetype'),
    none format('svg');
  font-weight: normal;
  font-style: normal;
}

.w3{
  color: #000;
  font-family: 'TencentSansw3';
}
.w7{
  color: #000;
  font-family: 'TencentSansw7';
}

.pc-box{
  display: block;
}
.mobile-box{
  display: none;
}
.mobile-box-2{
  display: none;
}


.null_content{
  min-height: 600px;
}


.wrap{ display: block; width: 100%;position: relative;overflow-x: hidden;}
.wrap_head{ display:block; width:100%; height: 72px;
  z-index: 2;
  position: absolute;
  left: 0;
  top: 0;
  transition: all 0.2s linear;
  -webkit-transition: all 0.2s linear;
  -moz-transition: all 0.2s linear;
  -ms-transition: all 0.2s linear;
  -o-transition: all 0.2s linear;
  z-index: 99;
}
.head_con{ display:block; width:75%; height: 72px;  margin: 0px auto; position: relative; z-index: 2; }
.head_con .logo{ display:block; height: 60px; width: 60px; position: absolute; left: 0px; top: 5px;}
.head_con .logo h1{ display:block; height: 60px; width: 60px; background: url(/wp-content/uploads/varchina/images/logo.png) no-repeat 0 0; text-indent: -9999px; overflow: hidden;background-size: 100% 100%;}



.menu_list{ display: block; height:72px; position: absolute; left: 240px; top: 0px; cursor: pointer; opacity: 1; transition:opacity 0.3s linear;transform: translate(0px,0);}
.menu_list .menu_item{ display: inline-block; height:72px; float: left; margin-left:72px; position: relative;}
.en-us .menu_list .menu_item{
  margin-left: 36px;
}
.menu_list .menu_item .txt{ display: block; height:72px; line-height: 72px; font-size: 16px; color: #fff; font-weight: bold; opacity: 0.95; -webkit-transition:color 0.3s linear; position: relative; z-index: 2;}
.menu_list .menu_item .txt:hover{  opacity: 1;}
.menu_list .menu_item .txt:after{ display:block; content:""; height: 4px; width: 100%; position: absolute; bottom: 19px; left: 0px; background: #E1831C; opacity: 0; -webkit-transition: transform 0.2s ease-out,opacity 0.2s ease-out; transform-origin: 50% 0%; transform:scale(0.01,1);}
.menu_list .menu_item .txt:before{ display:none; content:""; height: 400px; width: 100%; position: absolute; top: 19px; left: -10px; background: #E1831C; opacity: 1;}
.menu_list .menu_item:hover .txt:after{ transform:scale(1,1); opacity: 1;}
.menu_list .menu_item.menu_item_lan{ display:none;}
.menu_list .menu_item .menu_hook{ display:none; width: 100%; height: 445px; position: absolute; left: -36px; top: 0px; z-index: 1;}

.en-us .menu_list .menu_item{ margin-left: 60px;}
.en-us .sub_list li a{ padding:10px 0;}

.sub_list{display: none; position: absolute; width:160px; left: 50%; margin-left: -80px; text-align: center; z-index: 2; }
.sub_list li a{ display: block; font-size: 16px; color: #fff; opacity: 1; padding: 13px 0;}
.sub_list li a:hover{ background-color: #fff; color: #333;}


.search_area{display: none; height: 42px; width: 42px; background:rgba(255,255,255,0); position:absolute; right: 128px; top: 16px; border: 1px solid rgba(255,255,255,0); border-radius: 3px; transition: width 0.25s ease-out,background 0.25s ease-out,border 0.25s ease-out;}
.search_area .search_icon{display: block; height: 16px; width: 16px; background:none no-repeat 0 0; position:absolute; left: 13px; top: 13px; opacity: 0.9; transition: opacity 0.25s linear;background-size: 100% 100%;}
.search_area .search_icon:hover{ opacity:1;}
.search_area .ipt_search{display: block; height: 42px; line-height: 42px; width: 16px; position:absolute; left: 42px; top: 0px; font-size: 16px; display: none;}

.search_area_show .menu_list{ opacity: 0; pointer-events: none;}
.search_area_show .search_area{ width: 676px; background: #000; border: 1px solid rgba(255,255,255,0.95);}
.search_area_show .search_icon{opacity:1;}
.search_area .ipt_search{ width:615px;}


.lang_area{ display: block; position: absolute; right: 0px; top: 25px;}
.lang_area a{ display: inline-block; font-size: 16px; color: #fff; font-family:"PingFangSC-Regular"; opacity: 0.7;cursor: pointer;}
.lang_area a:hover{ opacity:0.95;}
.lang_area a.current{ opacity:1;}
.lang_area .s_line{ display: inline-block; font-size: 12px; margin: 0px 3px; position: relative; top: -2px; opacity: 0.7;}

.head_white{
  background: #fff;
}

.submenu_show .logo h1,.head_white .logo h1{ background-image: url(/wp-content/uploads/varchina/images/logo.png);background-size: 100% 100%;}
.submenu_show .menu_list .menu_item .txt,.head_white .menu_list .menu_item .txt{ color: #fff;}
.submenu_show.search_area_show .search_area,.head_white.search_area_show .search_area{ width: 676px; background: #f6f6f6; }
.submenu_show.search_area_show .search_area .search_icon,.head_white.search_area_show .search_area .search_icon{ opacity: 0.3; }
.submenu_show.search_area_show .search_area .ipt_search,.head_white.search_area_show .search_area .ipt_search{ color: #fff;}
.submenu_show .search_area .search_icon,.head_white .search_area .search_icon{ background-image:none;}
.submenu_show .lang_area a,.head_white .lang_area a{ color: #fff;}
.submenu_show .lang_area .s_line,.head_white .lang_area .s_line{ color: #fff;}
.submenu_show .bg_hover{ display:block !important; width: 100%; height: 0px; background:; z-index: 1; position: absolute; top: 0px; left: 0px; -webkit-animation:a_bg_hover_show 0.2s ease-out both; -webkit-transform-origin:50% 0%;}
.submenu_show .menu_list .menu_item.sublist_show .sub_list,.head_white .menu_list .menu_item.sublist_show .sub_list{ -webkit-animation:a_menu_item_show 0.2s ease-out both;}
.submenu_show .menu_list .menu_item.sublist_hide .sub_list,.head_white .menu_list .menu_item.sublist_hide .sub_list{ -webkit-animation:a_menu_item_hide 0.15s ease-out both;}
.submenu_show .menu_list .menu_item .menu_hook{ display:none;}
.submenu_hide,.sublist_hide{ pointer-events:none;} 
.submenu_hide .bg_hover{ -webkit-animation:a_bg_hover_hide 0.15s ease-out both; -webkit-transform-origin:50% 0%;}




@keyframes a_menu_item_show {
	0%{ -webkit-transform:translate(0px,-30px); opacity: 0;}
	100%{  -webkit-transform:translate(0px,0px); opacity: 1;}
}

@keyframes a_menu_item_hide {
	0%{  -webkit-transform:translate(0px,0px); opacity: 1; }
	100%{ -webkit-transform:translate(0px,-30px); opacity: 0; }
}


@keyframes a_bg_hover_show {
	0%{ -webkit-transform:scale(1,0.5); opacity: 0;}
	100%{  -webkit-transform:scale(1,1); opacity: 1;}
}


@keyframes a_bg_hover_hide {
	0%{ -webkit-transform:scale(1,1); opacity: 1;}
	100%{  -webkit-transform:scale(1,0.5); opacity: 0;}
}



.wrap_footer{ width:100%; height: 420px; background: #1e1e1e;  z-index: 1;}
.footer_con{ width:1200px; margin: 0px auto; height: 420px; position: relative;padding-top: 50px;box-sizing: border-box;}
.footer_con .tit{ display:block; font-size: 20px; color: #fff; font-weight: normal; margin-bottom: 30px; }
.footer_con ul li a{ display:block; font-size: 16px; color: #b5b5b5; font-weight: normal; margin-bottom: 18px;}


.focus_us{ display: block; height: 55px; width: 100%; border-bottom: 1px solid #f2f3f5; padding-top: 33px; margin-bottom: 40px;}
.focus_us .tit{ float: left; margin-right: 33px; }
.focus_us .focus_list li{ display:inline-block; float: left; margin-right: 28px;}
.focus_us .focus_list li a{ display:block; height: 28px; width: 28px;}
.focus_us .focus_list li a .icon{ display:block; height: 28px; width: 28px; background:none no-repeat center; background-size: 100% 100%;position: relative; transition: background 0.2s ease-in-out;}
.focus_us .focus_list li a .i_weibo{background:none no-repeat center; background-size: 100% 100%;}
.focus_us .focus_list li a .i_twitter{background:none no-repeat center; background-size: 100% 100%;}
.focus_us .focus_list li a .i_in{background:none no-repeat center; background-size: 100% 100%;}

.focus_us .focus_list li a:hover .icon{
  background:none no-repeat center; background-size: 100% 100%;
}
.focus_us .focus_list li a:hover .i_weibo{
  background:none no-repeat center; background-size: 100% 100%;
}
.focus_us .focus_list li a:hover .i_twitter{
  background:none no-repeat center; background-size: 100% 100%;
}
.focus_us .focus_list li a:hover .i_in{
  background:none no-repeat center; background-size: 100% 100%;
}

.wechat-code {
  width: 176px;
  position: absolute;
  left: 0;
  top: -186px;
  z-index: 2;
  display: block;
  display:none\9;
  opacity: 0;
  transition: opacity 0.2s linear;
  pointer-events:none;
}
.focus_us .focus_list li a:hover .wechat-code{
  display: block;
  opacity: 1;
}

.join_us,.contact_us,.legal_info{ float: left; width: 216px;}
.contact_us{ }
.legal_info{ }

.logo_tencent{ display: block; height: 100px; width: 102px; position: absolute; right: 75px; top: 30%; margin-top: -21px;}
.logo_tencent img{
  width: 100%;
}

.logo_tencent p{
  margin-bottom:20px;
  color: #fff;
  text-align: center;
}
.footer_area{ display:block; width: 100%; position: absolute; bottom: 51px; left: 0px;}
.footer_area .links li{ display:inline-block; float: left; margin-right: 20px;}
.footer_area .links li a{ font-size: 14px; color: #fff; margin-bottom: 0px;}
.footer_area .copyright{ font-size: 14px; color: #fff; float: right;}
.footer_area .copyright .flag_num{ display:none;}


.footer_area .flag_m{ display: none;}
.back_to_top{
  color: #fff;
}





.wrap_content{ position:relative; z-index: 1;}


.white-bg{
  background-color: #fff;
}
.gray-bg{
  background-color: #fbfbfb;;
}


.mod-section-ad{
  width: 100%;
  height: 500px;
  overflow: hidden;
  padding-top: 50px;
  box-sizing: border-box;
}
.mod-s-con{
  width: 1200px;
  margin: 0 auto;
}
.mod-con{
  width: 1200px;
  margin: 0 auto;
}
.mod-tab .clearfix{
  overflow-x:hidden;
  overflow-y: hidden;
  position: relative;
  height: 66px;
}
.mod-tab .clearfix ul{
  position: absolute;
  left: 16px;
  top: 0;
  height: 56px;
  padding-left: 0px;
  padding-right: 0px;
  box-sizing: border-box;
  display: block;
  white-space: nowrap;
}

.business .mod-tab .clearfix {
  height: 68px;
}
.business .mod-tab .clearfix ul{
  height: 68px;
  position: relative;
  left: 0;
}

.mod-max-con{
  width: auto;
  margin-left: 12px;
  margin-right: 12px;
  box-sizing: border-box;
}
.mod-section-ad h2{
  font-family: 'TencentSansw3';
  font-size: 80px;
  color: #fff;
  letter-spacing: 0;
  margin-bottom: 8px;
  margin-top: 40px;
  font-weight: 400;
  text-align: center;
}
.brief .mod-section-ad h2{
  color: #fff;
}
.media .mod-section-ad h2{
  margin-top: 207px;
}
.mod-section-ad .desc{
  font-size: 16px;
  color: #2A2E2E;
  letter-spacing: 0;
  line-height: 29px;
  margin-bottom: 27px;
}
.brief .mod-section-ad .desc{
  color: #fff;
}
.responsibility .mod-section-ad h2{
  color: #fff;
}
.responsibility .mod-section-ad .desc{
  color: #fff;
}

.mod-section-ad .video-text{
  font-size: 20px;
  color: #2A2E2E;
  letter-spacing: 0;
  line-height: 32px;
  display: none;
}
.video-icon{
  width: 32px;
  height: 32px;
  margin-right: 12px;
  cursor: pointer;
}
.header-seat{
  padding-bottom: 72px;
  transition: .25s ease;
}
.mod-tab{
  border-bottom: 1px solid #404040;
  transform: translateY(0);
  transition: all 0.2s linear;
  -webkit-transition: all 0.2s linear;
  -moz-transition: all 0.2s linear;
  -ms-transition: all 0.2s linear;
  -o-transition: all 0.2s linear;
  box-sizing: border-box;
}
.mod-tab-wrap .mod-tab-content{
  display: none;
}
.mod-tab-wrap .mod-tab-content.active-show{
  display: block;
}
.mod-tab.mod-tab-fixed{
  position: fixed;
  left: 0;
  top: 0;
  width: 100%;
  z-index: 1;
}
.brief .mod-tab,.investor .mod-tab,.media .mod-tab{
  background: #404040;
}
.mod-tab-container{
  width: 100%;
  height: 54px;
  position: relative;
}
.business .mod-tab-container{
  height: 69px;
}
.mod-tab{
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  background: #fff;
}
.mod-tab.fixed{
  position: fixed;
  z-index: 99;
}
.mod-tab li{
  float: none;
  display: inline-block;
  margin-right: 56px;
  position: relative;
  cursor: pointer;
}
.mod-tab .line{
  width: 80px;
  height: 4px;
  position: absolute;
  left: 0;
  bottom: 0;
  background: #E1831C;
}
.mod-tab li:last-child{
  margin-right: 0;
}
.mod-tab li a{
  padding: 16px 0;
  display: block;
  font-size: 20px;

  line-height: 36px;
  color: #fff;
}
.mod-tab li.active-tab a{
  color: #E1831C;
}
.mod-tab-nt li a{
  padding: 12px 0;
  line-height: 29px;
  font-size: 16px;
}

.mod-tab .mc-left{
  position: absolute;
  left: 0;
  top: 0;
  height: 53px;
  z-index: 10;
  cursor: pointer;
  display: none;
}
.mod-tab .mc-right{
  position: absolute;
  right: 0;
  top: 0;
  height: 53px;
  z-index: 10;
  cursor: pointer;
  display: none;
}
.mod-tab .mc-left img,.mod-tab .mc-right img{
  height: 100%;
}

.business .mod-section-ad{
  background:url(/wp-content/uploads/varchina/images/timg.jpg) no-repeat top;
  background-size: cover;
}
.responsibility .mod-section-ad{
  background:none no-repeat top;
  background-size: cover;
}
.student .mod-section-ad{
  background:none no-repeat top;
  background-size: cover;
}
.brief .mod-section-ad{
  background:url(/wp-content/uploads/varchina/images/timg.jpg) no-repeat center bottom;
  background-size: cover;
}
.investor .mod-section-ad{
  background:none no-repeat center center;
  background-size: cover;
}
.media .mod-section-ad{
  background:none no-repeat center center;
  background-size: cover;
}
.together .mod-section-ad{
    background:none no-repeat center center;
    background-size: cover;
}



.brand-item.white-bg{
  padding-top: 96px;
  padding-bottom: 96px;
}
.brand-item.gray-bg{
  padding-top: 96px;
  padding-bottom: 96px;
}
.mod-m-title{
  width: 100%;
  overflow: hidden;
  text-align: center;
  font-size: 30px;
  color: #2a2e2e;
  font-family: 'TencentSansw7';
}
.brand-item .label-box{
  width: auto;
  float: left;
}
.business .brand-item .label-box,.student .label-box,.together .label-box{
  min-width: 240px;
    margin-right: 20px;
}
.brand-item .label-box img{
  display: inline-block;
}
.brand-item .desc-box{
  overflow: hidden;
}
.business-ent .brand-one-item .label-box img{
  width: 200px;
}
.business-ent .brand-two-item .label-box img{
  width: 181px;
}

.brand-item .label-box h3{
  font-size: 30px;
  color: #2a2e2e;
  font-family: 'TencentSansw7';
}
.t-line-flx{
  padding-bottom: 24px;
  border-bottom: 1px solid #F2F3F5;
  margin-bottom: 50px;
}
.brand-item .desc-box .desc{
  font-size: 14px;
  line-height: 25px;
  color: #5f6464;
  margin-top: 7px;
}

.en-us .brand-item .desc-box .desc{ text-align:justify;}
.brand-item .desc-box .go-icon{
  margin-top: 15px;
  display: inline-block;
}
.brand-item .desc-box .go-icon img{
  width: 40px;
}
.brand-item .look-more{
  float: right;
  margin-top: 12px;
}
.brand-item .look-more a{
  font-size: 16px;
  color: #5F6464;
  letter-spacing: 0;
  font-weight: bold;
}
.brand-item .look-more i{
  width: 8px;
  height: 14px;
  background: none no-repeat center;
  background-size: 100% 100%;
  display: inline-block;
  margin-left: 10px;
}


.mod-type-box{
  margin-top: 45px;
}
.mod-type-box .item{
  width: 50%;
  float: left;
  position: relative;
  overflow: hidden;
}
.mod-type-box .item .mask-bg{
  width: 100%;
  overflow: hidden;
  box-sizing: border-box;
}
.mod-type-box .item .mask-bg img{
  width: 100%;
  display: block;
}
.mod-type-box .item .mess{
  position: absolute;
  width: 100%;
  box-sizing: border-box;
  padding: 32px;
  left: 0;
  bottom: 0;
}
.mod-type-box .item .label{
  font-size: 24px;
  color: #ffffff;
  font-family: 'TencentSansw7';
  margin-bottom: 8px;

}
.mod-type-box .item .desc{
  display: none;
  font-size: 14px;
  line-height: 25px;
  color: #ffffff;
  opacity: 0;
  transition: opacity 0.3s ease-out,margin 0.3s ease-out;
  height: 25px;
}
#respon-con-3 .mod-type-box .item .desc{
  margin-bottom: -30px;
  display: block;
}
#respon-con-3 .mod-type-box .item:hover .desc{
  margin-bottom: 0px;
  opacity: 1;
}


.link-box{
  width: 100%;
  overflow: hidden;
  position: relative;
  margin-top: 96px;
}
.media .link-box{
  margin-top: 0;
}
.link-box .bg{
  width: 100%;
}
.link-box .mess{
  position: absolute;
  left: 78px;
  top: 132px;
}
.investor .link-box .mess{
  top: 35px;
}
.link-box .mess h2{
  font-family: 'TencentSansw7';
  font-size: 30px;
  color: #2a2e2e;
}
.link-box .mess .desc{
  font-size: 20px;
  line-height: 36px;
  color: #2a2e2e;
  margin: 4px 0 0px 0;
}
.link-box .mess .go-link{
  font-size: 20px;
  font-weight: 500;
  line-height: 36px;
  color: #0052d9;
  margin-top: 16px;
}
.link-box .mess .go-link p{
  float: left;
  margin-right: 9px;
}
.link-box .mess .go-icon {
  float: left;
  height: 36px;
}
.link-box .mess .go-icon img{
  width: 19px;
  float: left;
  margin-top: 10px;
}
.link-box a{
	display: block;
}
.link-box .bbox{
  width: 100%;
  float: left;
  margin-top: 24px;
}
.link-box .bbox .label{
  font-size: 16px;
  line-height: 29px;
  color: #2a2e2e;
}
.link-box .bbox .email{
  font-size: 20px;
  line-height: 36px;
  color: #0052D9;
  margin-top: 0px;
}
.link-box .bbox img{
  width: 80px;
  display: none;
}
.link-box .bbox:hover img{
  display: block;
}


.mod-graph-box{
  margin-top: 44px;
  overflow: hidden;
}
.mod-graph-box .graph-box{
  width: 49%;
}
.mod-graph-box .graph-box-3{
  width: 32.3333333333%;
}
.mod-graph-box .graph-box .pic{
  width: 100%;
}
.mod-graph-box .l-graph{
  float: left;
}
.mod-graph-box .r-graph{
  float: right;
}
.mod-graph-box .m-graph{
  float: left;
  margin: 0 1.5%;
}

.mod-graph-box .graph-box h4{
  margin-top: 24px;
  margin-bottom: 12px;
  font-size: 24px;
  color: #2A2E2E;
  letter-spacing: 0;
  font-family: 'TencentSansw7';
  font-weight: bold;
}
.mod-graph-box .not-font h4{
  font-family: initial;
  font-size: 20px;
  line-height: 36px;
  margin-bottom: 8px;
}

.mod-graph-box .graph-box-3 h4{
  font-family: initial;
  font-weight: bold;
  font-size: 20px;
  color: #2A2E2E;
  letter-spacing: 0;
  line-height: 36px;
  margin-bottom: 8px;
}
.mod-graph-box .graph-box .desc{
  font-size: 14px;
  color: #5F6464;
  letter-spacing: 0;
  line-height: 25px;
}


.new-mod-flx{
  width: 100%;
  margin-top: 32px;
}
.new-mod-flx .l-box{
  float: left;
  margin-right: 0.5%;
}
.new-mod-flx .r-box{
  float: right;
  margin-left: 0.5%;
}
.new-mod-flx .b-box{
  width: 49%;
  background: #fff;
  border: 1px solid #EFEFEF;
  padding: 32px 45px 41px 0px;
  box-sizing: border-box;
}
.new-mod-flx h4{
  font-size: 16px;
  color: #5f6464;
  letter-spacing: 0;
  line-height: 25px;
  font-weight: bold;
  padding-left: 32px;
}
.new-mod-flx .list-box{
  margin-top: 40px;
}
.new-mod-flx .list-box .list{
  width: 100%;
  margin-top: 23px;
  position: relative;
  min-height: 93px;
  cursor: pointer;
}
.new-mod-flx .list-box .list .mess{
  width: 82%;
  padding-left: 32px;
  box-sizing: border-box;
  position: relative;
}
.new-mod-flx .list-box .list .title{
  font-size: 20px;
  color: #2A2E2E;
  letter-spacing: -0.01px;
  line-height: 30px;
  font-weight: bold;
  margin-bottom: 4px;
  width: 100%;
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden;
  word-break: break-word;
}

.new-mod-flx .list-box .list .title a{ color:#2A2E2E;}

.en-us .new-mod-flx .list-box .list .title{
	white-space: normal;
	-webkit-line-clamp: 2;
    display: -webkit-box;
    -webkit-box-orient: vertical;
}
.new-mod-flx .list-box .list .abstract{
  font-size: 16px;
  font-weight: bold;
  color: #0052d9;
  margin-bottom: 4px;
  width: 100%;
  overflow: hidden;
}
.new-mod-flx .list-box .list .abstract span{
  float: left;
}
.new-mod-flx .list-box .list .abstract .blue-awart-icon{
  width: 20px;
  float: left;
  margin-left: 3px;
  margin-top: 2px;
}
.new-mod-flx .list-box .list .date{
  font-size: 16px;
  color: #919797;
  letter-spacing: 0;
  line-height: 29px;
  width: 100%;
}
.new-mod-flx .list-box .list .down-icon{
  width: 36px;
  height: 36px;
  background: none no-repeat center;
  background-size: 100% 100%;
  display: block;
  position: absolute;
  right: 0;
  top: 12px;
  display: none;
}

.new-mod-flx .list-box .list .line{
  width: 6px;
  height: 100%;
  background: #0052D9;
  position: absolute;
  left: -1px;
  top: 0;
  display: none;
}
.new-mod-flx .list-box .list:hover .down-icon{
  display: block;
}
.new-mod-flx .list-box .list:hover .line{
  display: block;
}


.title-mod{
  width: 100%;
  margin-bottom: 24px;
}
.title-mod h4{
  font-size: 24px;
  color: #2A2E2E;
  letter-spacing: 0;
  line-height: 36px;
  font-weight: bold;
  float: left;
}
.title-mod .look-more{
  margin-top: 7px;
}

.contact-us-box{
  width: 100%;
  overflow: hidden;
  background: #FBFBFB;
  box-sizing: border-box;
  padding-top: 72px;
  padding: 72px 78px 96px 78px;
}
.contact-us-box .t-line-flx{
  padding-bottom: 16px;
  margin-bottom: 56px;
}
.contact-us-box .mess-box{
  width: 100%;
  float: left;
}
.contact-us-box .mess-box .bbox{
  width: 33.3333%;
  float: left;
  position: relative;
}
.contact-us-box .mess-box .bbox .label{
  font-size: 16px;
  color: #2A2E2E;
  letter-spacing: 0;
  line-height: 29px;
  margin-bottom: 4px;
}
.contact-us-box .mess-box .bbox .email{
  font-size: 20px;
  color: #0052D9;
  letter-spacing: 0;
  line-height: 36px;
}
.contact-us-box .mess-box .bbox .er-code{
  position: absolute;
  left: 128px;
  top: 33px;
  width: 112px;
  display: none;
}

.contact-us-box .mess-box .bbox:nth-child(3):hover .er-code{
  display: block;
}


.to-c-pop{
  width: 100%;
  height: 100%;
  position: fixed;
  left: 0;
  top: 0;
  right: 0;
  bottom: 0;
  z-index: 999999;
  display: none;
}
.to-c-pop .pop-bg{
  width: 100%;
  height: 100%;
  position: fixed;
  left: 0;
  top: 0;
  right: 0;
  bottom: 0;
  background: rgba(0,0,0,0.5);
}
.to-c-pop .pop-box{
  width: 1044px;
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%,-50%);
  -webkit-transform: translate(-50%,-50%);
  -ms-transform: translate(-50%,-50%);
  -o-transform: translate(-50%,-50%);
  -moz-transform: translate(-50%,-50%);
  background: #FFFFFF;
  box-shadow: 0 12px 24px 0 rgba(0,0,0,0.10);
  padding: 65px 80px 50px 64px;
  box-sizing: border-box;
}
.to-c-pop .pop-box .close{
  width: 24px;
  height: 24px;
  position: absolute;
  right: 32px;
  top: 32px;
  cursor: pointer;
  z-index: 999999999;
}
.to-c-pop .pop-box .logo-pic{
  width: 160px;
  float: left;
  margin-right: 32px;
}
.to-c-pop .pop-box .logo-pic img{
  width: 100%;
}
.to-c-pop .pop-box .mess-box{
  overflow: hidden;
}
.to-c-pop .pop-box .mess-box .name{
  font-size: 30px;
  color: #2A2E2E;
  letter-spacing: 0;
  margin-bottom: 9px;
}
.to-c-pop .pop-box .mess-box .ms{
  width: 100%;
  overflow: hidden;
  padding-bottom: 24px;
  margin-bottom: 24px;
  border-bottom: 1px solid #E9ECF0;
}
.to-c-pop .pop-box .mess-box .ms .label{
  font-size: 20px;
  color: #949696;
  letter-spacing: 0;
  line-height: 36px;
  float: left;
}
.to-c-pop .pop-box .mess-box .ms a{
  float: right;
  font-size: 16px;
  color: #0A43C8;
  letter-spacing: -0.01px;
  line-height: 36px;
}
.to-c-pop .pop-box .mess-box .desc p{
  font-size: 14px;
  color: #5F6464;
  letter-spacing: 0;
  line-height: 25px;
  margin-bottom: 15px;
}


.en-us .to-c-pop .pop-box .mess-box .ms{ height: 35px; margin-top:-50px;}


.video-pop{
  width: 100%;
  height: 100%;
  position: fixed;
  left: 0;
  top: 0;
  right: 0;
  bottom: 0;
  z-index: 999;
  display: none;
}
.video-pop .pop-bg{
  width: 100%;
  height: 100%;
  position: fixed;
  left: 0;
  top: 0;
  right: 0;
  bottom: 0;
  background: rgba(0,0,0,0.8);
}
.video-pop .pop-box{
  width: 1200px;
  height: 675px;
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%,-50%);
  -webkit-transform: translate(-50%,-50%);
  -ms-transform: translate(-50%,-50%);
  -o-transform: translate(-50%,-50%);
  -moz-transform: translate(-50%,-50%);
  background: #000;
  box-sizing: border-box;
}
.video-pop .pop-box .close{
  width: 24px;
  height: 24px;
  position: absolute;
  right: 0px;
  top: -40px;
  cursor: pointer;
}
.video-pop .pop-box .video{
  width: 100%;
  height: 100%;
}

.image-pop{
  width: 100%;
  height: 100%;
  position: fixed;
  left: 0;
  top: 0;
  right: 0;
  bottom: 0;
  z-index: 999;
  display: none;
}
.image-pop .pop-bg{
  width: 100%;
  height: 100%;
  position: fixed;
  left: 0;
  top: 0;
  right: 0;
  bottom: 0;
  background: rgba(0,0,0,0.8);
}
.image-pop .pop-box{
  width: 1200px;
  height: 900px;
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%,-50%);
  -webkit-transform: translate(-50%,-50%);
  -ms-transform: translate(-50%,-50%);
  -o-transform: translate(-50%,-50%);
  -moz-transform: translate(-50%,-50%);
  background: #000;
  box-sizing: border-box;
}
.image-pop .pop-box .close{
  width: 24px;
  height: 24px;
  position: absolute;
  right: 20px;
  top: 20px;
  cursor: pointer;
  z-index: 9;
}
.image-pop .pop-box .pic-box{
  width: 100%;
  height: 100%;
  position: relative;
  overflow: hidden;
}
.image-pop .pop-box .pic-box .pic-list{
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  display: none;
}
.image-pop .pop-box .pic-box .pic-list.active-pic{
  display: block;
}
.image-pop .pop-box .pic-box .pic-list img{
  opacity: 0;
  width: 100%;
  height: 100%;
}
.image-pop .btn{
  width: 60px;
  height: 60px;
  background: #919797;
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  -webkit-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  -o-transform: translateY(-50%);
  -moz-transform: translateY(-50%);
  cursor: pointer;
}
.image-pop .btn img{
  width: 15px;
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%,-50%);
  -webkit-transform: translate(-50%,-50%);
  -ms-transform: translate(-50%,-50%);
  -o-transform: translate(-50%,-50%);
  -moz-transform: translate(-50%,-50%);
}
.image-pop .pre-btn{
  left: 0;
}
.image-pop .next-btn{
  right: 0;
}
.page-content .data img {
    margin: 10px auto;
}

.wechat-btn {
    position: relative;
    z-index: 999;
}
.wechat-btn .wechat-code {
    
}


.ts-bg{
    padding: 80px 0;
    background: #F2F3F5;
    text-align: center;
}
.ts-bg .title{
    font-size: 20px;
    color: #5F6464;
    letter-spacing: 0;
    text-align: center;
    line-height: 36px;
    margin-bottom: 16px;
}
.ts-bg .desc{
    font-size: 14px;
    color: #919797;
    letter-spacing: 0;
    text-align: center;
    line-height: 25px;
    max-width: 946px;
    margin: 0 auto;
}

@media screen and (max-width: 750px) {
	.en-us .mod-section-ad .desc{ display:none;}
    .en-us .together .mod-section-ad .desc{ display:block;}
	#respon-con-3 .mod-type-box .item:hover .desc{
	  margin-bottom: -30px;
		opacity: 0;
	}
}


.text-left {text-align: left !important;}
.text-center {text-align: center !important;}
.text-right {text-align: right !important;}


.page-content iframe {width: 100%;}







.jmcp_text{
  width: 1200px;
  margin:0 auto;
}

.mod-tab-wrap{
  color: #4c4c4c;
}
.jmcp{
  background-color: #f2f2f2;
}
.jmcp h3{
  color: #333333;
  font-size: 30px;
  text-align: center;
  line-height: 60px;
  margin-bottom:15px;
  padding-top: 40px;
  font-weight: 400;
}
.jmcp p{
  line-height: 30px;
  text-align: justify;
  text-indent: 30px;
  font-size: 16px;
  color: #4c4c4c;
}

.jmcp_img_mx{
  text-align: center;
  background-color: #fff;
}
.jmcp_img_mx_top{
  font-size: 18px;
  font-weight: bold;
  padding-top: 15px;
}
.jmcp_img{
  padding-bottom: 35px;
  width: 1200px;
  margin: 0 auto;
  margin-top:15px;

}
.jmcp_img_mx{
  width: 353px;
  float: left;
  margin-right:12px;
}
.jmcp_img_mx p{
  text-align: center;
  text-indent: 0px;
  line-height: 38px;
}
.jmcp_img_mx b{
  color: red;
  font-weight: 400;
}
.jmcp_img_mx_im{
  padding-left: 25px;
  box-sizing: border-box;
  padding-top: 6px;
  padding-bottom: 3px;
}
.clear{ clear:both} 

.jmcp_img_ri{
  width: 470px;
  float: left;
}
.jmcp_img_ri ul li{
  float: left;
  background-color: #fff;
  width: 228px;
  height: 192px;
  text-align: center;
  padding-top: 28px;
  box-sizing: border-box;
}
.jmcp_img_ri ul li p{
  text-align: center;
  font-size: 14px;
  text-indent: 0px;
}

.shebeixq{
  background-color: #fff;
  width: 1200px;
  margin: 0 auto;
  padding-top: 35px;
  margin-bottom: 40px;
}
.shebeixq h3{
  font-size: 20px;
  color: #333333;
  font-weight: bold;
  text-align: center;
  line-height: 60px;
  background-image: none;
  width: 712px;
  margin: 0 auto;
  margin-bottom: 35px;
}
.shebeixq_img{
  width: 400px;
  margin-right:21px;
  float: left;
}
.shebeixq_img div{
  -moz-box-shadow:1px 1px 7px #999; -webkit-box-shadow:1px 1px 7px #999; box-shadow:1px 1px 7px #999;
}
.shebeixq_img01{
  margin-bottom: 13px;
}
.shebeixq_cs{
  width: 779px;
  float: right;
}
.shebeixq_cs li:nth-child(2n-1){
  background-color: #f2f2f2;
}

.shebeixq_cs li p{
  float: left;
  text-align: center;
  box-sizing:border-box;
  
}
.shebeixq_cs li:nth-child(1){
  background-color: #00629b;
  line-height: 47px;
  font-size: 14px;
  font-weight: bold;
  border-top: 1px #e6e6e6 solid;
  color: #fff;
}

.shebeixq_cs li p:nth-child(1){
  width: 33%;
  padding-left: 26px;
  text-align: left;

}
.shebeixq_cs li p:nth-child(2){
  width: 37%;
}
.shebeixq_cs li p:nth-child(3){
  width: 15%;
}
.shebeixq_cs li p:nth-child(4){
  width: 15%;
}
.shebeixq_cs li{
  line-height: 38px;
  font-size: 14px;
  border: 1px #e6e6e6 solid;
  border-top: 0;
}


/*简介*/
.jianjie{
  padding-top: 25px;
  width: 1200px;
  margin: 0 auto;
  text-align: justify;
  margin-bottom: 50px;
}
.jianjiezc{
  font-size: 30px;
  text-align: center;
  line-height: 60px;
}
.jianxt{
  height: 2px;
  width: 70px;
  background-color: red;
  margin: 0 auto;
}
.zch{
  margin:10px;
  font-size: 18px;
  border-left: 1px red solid;
  margin-left:0;
  padding-left: 10px;
  line-height: 20px;
}
.zhic p{
  line-height: 30px;
  font-size: 16px;

}
.zhic p img{
  margin-bottom:8px;
}
.jianjie_box{
  background-color: #f4f4f4;
  width: 62%;
  margin-top: -60px;
  height: 360px;
}

#about-con-2 .jianxt{
  position: absolute;
  left: 50%;
  margin-left: -35px;
}
.jianjie_text{
  position: absolute;
  left: 50%;
  margin-left: -600px;
  padding-top: 110px;
  width: 1200px;

}
.jianjie_text p{
  width: 616px;
  font-size: 16px;
  line-height: 30px;
  text-align: justify;
  text-indent: 30px;
}
.jianjie_text p:nth-child(2){
  margin-top: 30px;
}
.jianjie_hez{
  text-align: center;
  width: 1200px;
  margin: 0 auto;
  margin-top:12px;
}
.jianjie_hez ul li{
  float: left;
}
.jianjie_hez ul{
  padding-left:40px;
  box-shadow: border-box;
}
.jianjie_hez ul li h3{
  font-size: 22px;
  color: #666666;
}
.jianjie_hez ul li p{
  color: #e50011;
  font-size: 28px;
}
.jianjie_hez ul li:nth-child(2){
  margin-left: 135px;
  margin-right: 135px;
}
.jianjie_hez ul li h3{
  line-height: 40px;
  margin-top:5px;
}
.jianjie_img{
  height: 342px;
    width: 47%;
    float: right;
    background-color: #f4f4f4;
    
    position: relative;
    top: -308px;
}
.jianjie_img_box{
  width: 1200px;
  margin: 0 auto;
  text-align: left;
  margin-top:-105px;
}
#about-con-2{
  overflow: hidden;
}
.jj_fazl{
  margin-top:55px;
}
.jj_fazl_text{
  width: 1600px;
  margin: 0 auto;
  overflow-x: auto;
  overflow-y: hidden;
  height: 275px;
  margin-top:50px;
}
.jj_fazl_text li{
  width: 260px;
  margin-right:60px;
  float: left;
  background-color: #000;
  color: #fff;
}
.jj_fazl_text li h3{
  font-size: 24px;
  border-bottom: 1px #b5b5b5 solid;
  line-height: 50px;
}
.jj_fazl_text li p{
  color: #fff;
  text-align: justify;
  line-height: 30px;
  font-size: 16px;
  margin-top:20px;
}
.jj_fazl_text ul{
  width: 3000px;
  
}
.hexys{
  margin-top:80px;
  background-color: #f4f4f4;
  padding-top:20px;
  height: 440px;
  
}
.hexys p{
  color: #353535;
  font-size: 18px;
  line-height: 50px;
  text-align: center;
  margin: 20px 0px;
}
.hexys_ys ul{
  width: 1200px;
  margin: 0 auto;
}
.hexys_ys ul li{
  width: 360px;
  height: 480px;
  background-color: #fff;
  text-align: center;
  padding-top: 110px;
  -moz-box-shadow:1px 1px 17px #999999; -webkit-box-shadow:1px 1px 17px #999999; box-shadow:1px 1px 17px #999999;
  float: left;
  box-sizing: border-box;
}
.hexys_ys ul li:nth-child(2){
  margin-left: 60px;
  margin-right: 60px;
}
.hexys_ys ul li p{
  width: 176px;
  text-align: center;
  margin: 0 auto;
  font-size: 14px;
  line-height: 30px;
}
.hexys_ys h3{
  font-size: 24px;
  margin-top: 30px;
  margin-bottom:30px;
  font-weight: 400;
}
.hexys_ys_img{
  width: 69px;
  height: 69px;
  margin: 0 auto;
}
.hexys_ys_img img{
  width: 100%;
  height: 100%;
}
.yjsm{
  margin-top:250px;
}
.yjsm_yj{
  text-align: center;
}
.yjsm_yj h3{
  font-size: 36px;
  margin-top:26px;
}
.yjsm_yj p{
  font-size: 20px;
  color: #272727;
  margin-top:10px;
}
.yjsm_img{
  text-align: center;
  margin-top:42px;
}
.zgsz{
  text-align: center;
  background-color: #f4f4f4;
  margin-top:44px;
  padding-top: 20px;
}

.zgsz_text{
  margin: 0 auto;
  width: 1200px;
  text-align: left;
  font-size: 16px;
  color: #343434;
  position: relative;
  top: -171px;
  left: 23px;
  
}
.zgsz_text p:nth-child(2){
  margin-top:9px;
  margin-bottom: 32px;
}


.shequ{
  background-color: #f6f6f6;
}
.shequ>p{
  text-align: center;
  font-size: 14px;
  color: #9a9a9a;
  margin-top: 15px;
  padding: 0 10px;
  box-sizing: border-box;
}

.shequ_dt ul li{
  width: 355px;
  margin-top: 160px;
  height: 262px;
  text-align: justify;
  float: left;
  background-color: #fff;
  margin-right: 40px;
}
.shequ_dt ul li:nth-child(3n){
  
  margin-right: 0px;
}
.shequ_dt_img{
  width: 330px;
  margin:0 auto;
  position: relative;
  top: -115px;

}
.shequ_dt_img img{
  width: 100%;
  position: absolute;
  top: 0px;
}
.shequ_dt{
  width: 1200px;
  padding:26px 27px;
  margin:0 auto;
  box-sizing: border-box;
}
.shequ_dt_text{
  padding: 10px;
  padding-top: 128px;
  background-color: #fff;


}
.shequ_dt_text h3{
  font-size: 16px;
  color: #272727;
  font-weight: 400;
}
.shequ_dt_text p{
  line-height: 24px;
  font-size: 14px;
  color: #999999;
}


.hzhb{
  background-color: #fff;
}
.hzhb_img{
  width: 1200px;
  margin: 0 auto;
}
.hzhb_img ul{
  margin-top: 20px;
  margin-bottom: 47px;
}
.hzhb_img ul li{
  float: left;
  margin-right: 13px;
  width: 290px;
  -moz-box-shadow:1px 1px 12px #999999; -webkit-box-shadow:1px 1px 12px #999999; box-shadow:1px 1px 12px #999999;
  margin-bottom: 13px;
}
.hzhb_img ul li img{
  width: 100%;
}
.hzhb_img ul li:nth-child(4n){
  margin-right: 0px;
}
.lxwm{
  width: 1200px;
  margin: 0 auto;
  margin-top:40px;
}
.lxwm_top_text{
  width: 508px;
  float: left;
}
.lxwm_top_text h3{
  font-size: 18px;
}
.lxwm_top_text ul li{
  line-height: 40px;
  color: #999999;
}
.lxwm_top_text ul li b{
  color: #333;
}
.lxwm_td{
  margin-top:30px;
}
.lxwm_dt{
  width: 1200px;
  margin: 0 auto;
  margin-top: 30px;
}
.lxwm_bd{
  width: 691px;
  float: right;
  border-left: 1px #cfc8be dashed;
}
.mceneter{
  width: 597px;
  float: right;
}
.lxwm_bd input{
  line-height: 40px;
  border:1px #e6e6e6 solid;
  background-color: #f5f5f5;
  color: #c7c7c7;
  margin-bottom:10px;
  padding-left: 10px;
  box-sizing: border-box;
}
.intxt{
  width: 100%;
}
.lxwm_bd td{
  width: 100%;
}
.lxwm_bd textarea{
  line-height: 40px;
  border:1px #e6e6e6 solid;
  background-color: #f5f5f5;
  color: #c7c7c7;
  margin-bottom:10px;
  padding-left: 10px;
  box-sizing: border-box;
}
.coolbg01{
  width: 100%;
  color: #fff!important;
  height: 40px;
}
.jyj01{
  background-image: none; 
}
.jyj02{
  background-image: none; 
}
.jyj03{
  background-image: none; 
}

.xzcp{
  width: 718px;
  height: 394px;
  background-color: #fff;
  float: left;
  margin-right: 12px;
}
.xzcp_box{
  padding-top: 35px;
}
.xzcp{
  padding-left: 30px;
  padding-right: 30px;
  box-sizing: border-box;
}


.dede-ad{
  display: none;
}
.dede-iframe{
  display: none;
}
.xsewm{
  display: none;
  position: absolute;
  left: -150px;
  top: 0;
}
.cbxf{
  position: fixed;
  right: 5px;
  top: 48%;
  z-index: 999;
}

.erwm:hover .xsewm{
  display: block;
}
.zhiding{
  margin-top:10px;
}
.video1 {
    width: 2560px;
    height: 1100px;
    position: absolute;
    top: 0;
    z-index: 1;
}
.banner_area {
    display: block;
    height: initial;
    width: 100%;
    position: relative;
    margin-top: -100px;
    overflow: hidden;
}
.weiya_content01_box{
	background-color: #404040;
}

.weiya_content{
	background:url("/wp-content/uploads/varchina/video/weiya.mp4") no-repeat center 0px;
	margin-top: -10px;
}
video#bgvid  {

position: fixed; right:0; bottom:0;

min-width:100%; min-height:100%; width: auto;height:

auto;z-index:-100; background-size: cover;

}

.weiya_content01{
	width: 1200px;
	margin: 0 auto;
	text-align: center;
	padding-top: 40px;
	padding-bottom: 80px;
}
.weiya_content01 h2{
	font-size: 40px;
	font-weight: bold;
}
.weiya_content01 h3{
	font-size: 24px;
    margin-top: 24px;
}
.weiya_content01 p{
	font-size: 18px;
    text-align: left;
    width: 1100px;
    margin: 0 auto;
    margin-top: 40px;

}


.weiya_content01_1{
	width: 1408px;
	margin: 0 auto;
	padding-bottom:30px;
}
.weiya_content01_1 h3{
	font-size: 32px;
	text-align: center;
	margin-bottom: 64px;
}
.weiya_content01_1 h3 b{
	color: #E1831C;
}

.weiya_content02{
	padding-top: 30px;
	margin-top:50px;
	background-color: #404040;
	padding-bottom: 30px;
}
.weiya_content02_dou_box{
	width: 1408px;
	height: 385px;
	background: url(/wp-content/uploads/varchina/images/weiya02.png) no-repeat center center;
	margin: 0 auto;
	padding-top: 125px;
	padding-right: 24px;
	box-sizing: border-box;
	background-size: cover;
}
.weiya_content02_dou_box02{
	width: 1408px;
	height: 440px;
	background: url(/wp-content/uploads/varchina/images/weiya03.png) no-repeat center center;
	margin: 0 auto;
	padding-top: 142px;
	padding-right: 24px;
	box-sizing: border-box;
	margin-top: 50px;
	background-size: cover;
}

.weiya_content02_dou{
	float: right;
	width: 984px;
	color: #fff;
}
.fll{
	float: left;
	margin-left:32px;
}
.weiya_content02_dou h3{
	font-size: 32px;
	font-weight: bold;
	line-height: 60px;
	border-left: 16px solid #E1831C;
	padding-left: 30px;
}
.weiya_content02_dou p{
	font-size: 24px;
	line-height: 50px;
}
.weiya_content03{
	background-color: #404040;
	padding:30px 0;
}
.weiya_content03_yyue{
	background: url(/wp-content/uploads/varchina/images/weiya04.png) no-repeat center center;
	background-repeat:no-repeat;
	width: 1408px;
	height: 382px;
	margin: 0 auto;
	padding-top: 75px;
	box-sizing: border-box;
	text-align: center;
	background-size: cover;
}
.weiya_content03_yyue h3{
	font-size: 32px;
	line-height: 60px;
}
.weiya_content03_yy{
	font-size: 24px;
	width: 293px;
	line-height: 79px;
	margin: 0 auto;
	background-color: rgba(0,0,0,0.6);
	margin-top: 30px;
	font-weight: bold;
}
.weiya_content03_yy:hover{
	background-color: #E1831C;
}
.yxkf_wy{
	background-color: #080808;
}
.yxkf{
	width: 1400px;
	margin: 0 auto;
	padding-top: 80px;
}
.yxkf h2{
	font-size: 50px;
	color: #E1831C;
	text-align: center;
	margin-bottom: 62px;
}
.wy_yxkf01 img{
	width: 100%;
}
.yxkf02{
	width: 1400px;
	margin: 0 auto;
	padding-top: 10px;
}
.yxkf02 h2{
	font-size: 50px;
	color: #E1831C;
	text-align: center;
	margin-bottom: 30px;
	margin-top: 30px;
}
.wy_yxkf02{
	width: 1400px;
	height: 521px;
	background-image: url(/wp-content/uploads/varchina/images/weiya06.jpg);
	
	color: #fff;
	
	
}
.wy_yxkf02_box{
	padding-top: 180px;
	box-sizing: border-box;
	background-color: rgba(0,0,0,0.6);
	height: 100%;
	width: 100%;
	text-align: center;
}
.wy_yxkf02_top{
	font-size: 32px;
	font-weight: bold;
}
.wy_yxkf02_top b{
	margin-left: 50px;
}
.wy_yxkf02_box p{
	font-size: 28px;
	margin-top: 18px;
}
.yxkf03{
	
	margin: 0 auto;
	color: #fff;
}
.yxkf03_noe_left{
	width: 690px;
	float: left;
}
.yxkf03_noe_left img{
	width: 100%;
}
.yxkf03_noe_r{
	float: left;
	margin-left: 100px;
	padding-top: 220px;
	box-sizing: border-box;
}
.yxkf03_noe_r h3{
	font-size: 48px;
	text-align: left;
}
.yxkf03_noe_r p{
	font-size: 32px;
	margin-top:20px;
}
.borde{
	border-left: 15px solid #e1831c;
	margin-left: -30px;
	padding-left: 16px;
}
.borde2{
	border-left: 15px solid #e1831c;
}
.fri{
	float: right;
}
.frm{
	float: right;
}
.yjkf{
	margin-top: 80px;
	text-align: center;
}
.yjkf_top h3{
	font-size: 50px;
	color: #E1831C;
}
.yjkf_top p{
	font-size: 28px;
	color: #fff;
	margin-top: 50px;
}
.yjkf_sheb{
	width: 1300px;
	margin: 0 auto;
	position: relative;
}
.yjkf_sheb_left{
	float: left;
}
.yjkf_sheb_r{
	float: left;
	text-align: left;
	margin-top: 140px;
	box-sizing: border-box;
	margin-left: 130px;
	background-color: #1a1a1a;
}
.yjkf_sheb_r h3{
	font-size: 40px;
	color: #E1831C;
	font-weight: bold;
}
.yjkf_sheb_r p{
	color: #fff;
	font-size: 26px;
	margin-top:20px;
}
.flr{
	float: right;
}
.yjkf_top{
	text-align: center;
	margin-bottom: 20px;
}
.yjkf_sheb_left{
	width: 440px;
}
.yjkf_sheb_left img{
	width: 100%;
}
.kjsheji{
	margin-top:80px;
}
.kjsheji_02{
	width: 1720px;
	box-sizing: border-box;
	margin: 0 auto;
	margin-top: 60px;
}

.kjsheji_02 div img{
	width: 100%;
}
.kjsheji_02 ul li{
	width: 380px;
	float: left;
	margin-right:66px;
}

.kjsheji_02 p{
	font-size: 26px;
	color: #fff;
	margin-top:20px;
	text-align: center;
}
.kjsheji_02 ul li:nth-child(4){
	margin-right:0px;
}
.xtzd{
	margin-top: 120px;
}
.xtzd_te{
	
	width: 1640px;
	margin: 0 auto;
	margin-top: 60px;
	padding-bottom: 128px;
}
.xtzd_te ul li{
	float: left;
	margin-right:191px;
	width: 419px;
	height: 520px;
	overflow: hidden;
	
	text-align: center;
	color: #fff;
}
.xtzd_te ul li div{
	background-color: rgba(0,0,0,0.5);
	padding-top: 135px;
	box-sizing: border-box;
	height: 100%;
}
.xtzd_te ul li h3{
	font-size: 32px;

}
.xtzd_te ul li p{
	width: 312px;
	margin: 0 auto;
	font-size: 24px;
	margin-top: 60px;
	text-align: justify;
}

.xtzd_te ul li:nth-child(1){
	background-image: url(/wp-content/uploads/varchina/images/weiya15.jpg);
	
}
.xtzd_te ul li:nth-child(2){
	background-image: url(/wp-content/uploads/varchina/images/weiya16.jpg);
	
}
.xtzd_te ul li:nth-child(3){
	background-image: url(/wp-content/uploads/varchina/images/weiya17.jpg);
	
	margin-right:0px;
}
.yuyue_box{
	padding-top: 100px;

}
.yuyue01{
	width: 1400px;
	background-color: rgba(255,255,255,0.5);
	margin: 0 auto;
	padding-bottom: 50px;
	margin-bottom:90px;
}
.maplist{
	width: 930px;
	margin: 0 auto;
	position: relative;
}
.maplist input{
	background-color: #fff;
	color: #000;
	line-height: 60px;
	padding-left: 30px;
	margin-top:70px;
	font-size: 24px;
	border-radius: 50px;
	box-sizing: border-box;

}
.np{
	width: 30px;
    height: 30px;
    margin: 0 10px; 
}
.maplist h3{
	color: #fff;
	text-align: center;
	font-size: 40px;
	font-weight: bold;
	margin-top:30px;
}
.maplist tr:nth-child(1) input{

	width: 450px;
}
.maplist tr:nth-child(2) input{

	width: 450px;
}
.maplist tr td{
	width: 350px;
	font-size: 32px;
}
.ewml{
	position: absolute;
	top: 170px;
	right: 0;
	text-align: center;
	padding: 20px;
	padding-bottom: 10px;
    box-sizing: border-box;
    border-radius: 20px;
    background-color: #fff;
}
.ewml_img{
	width: 168px;
}
.ewml_img img{
	width: 100%;
}
.ewml p{
	font-size: 24px;
	color: #000;
	margin-top: 10px;
}


#text{
	background-color: #fff;
	border-radius: 100px;
	padding-left: 30px;
	font-size: 24px;
	color: #000;
	margin-top:70px;
	line-height: 56px;
	box-sizing: border-box;
}
.coolbg01{
	height: 60px;

	background-color: #E1831C!important;
}
.yuy{
	background-color: rgba(255,255,255,0.5);
}
.jianjie .weiya_content01{
	padding-top: 76px;
	padding-bottom: 30px;
}
.jianjie .weiya_content01 h2{
	color: #E1831C;
}
.jianjie .weiya_content01 h3{
	color: #fff;
}
.jianjie .weiya_content01 p{
	color: #fff;
}
.bjsea{
	background-color: #000;
}
.wy_jianjie02{
	color: #E1831C;
	font-size: 40px;
    font-weight: bold;
    text-align: center;
}
.wy_jianjie03{
	margin-top: 100px;
}
.wy_jianjie03_dz{
	width: 1300px;
	margin: 0 auto;
}
.wy_jianjie03_dz ul li{
	background-color: #22242D;
	width: 320px;
	height: 428px;
	text-align: center;
	float: left;
	margin-right: 170px;
	margin-top: 60px;
	padding: 0 20px;
	box-sizing: border-box;
}
.wy_jianjie03_dz ul li:nth-child(3n){
	margin-right: 0px;
}
.wy_jianjie03_dz ul li h3{
	line-height: 80px;
	font-size: 24px;
	color: #fff;
}
.wy_jianjie03_dz ul li div{
	width: 136px;
	margin: 0 auto;
}
.wy_jianjie03_dz ul li div img{
	width: 100%;
}
.wy_jianjie03_dz ul li p{
	color: #fff;
	font-size: 18px;
	margin-top: 10px;
}
#xtp{
	margin-top: 30px;
}
.hxcy{
	margin-top: 120px;
}
.hxcy>p{
	width: 1222px;
	margin: 0 auto;
	color: #fff;
	font-size: 18px;
	margin-top: 20px;
	line-height: 40px;
	text-align: justify;
	text-indent: 40px;
}
.hzhh{
	width: 1300px;
	margin: 0 auto;
	margin-top: 50px;
}
.hzhh ul li{
	float: left;
	width: 338px;
	margin-right: 143px;
	margin-bottom: 20px;
}
.hzhh ul li:nth-child(3n){
	margin-right: 0px;
}

.hzhh ul li div img{
	width: 100%;
}
.hzhh ul li p{
	width: 338px;
	font-size: 28px;
	color: #fff;
	text-align: center;
}
.hzhh ul li h4{
	color: #fff;
    font-size: 18px;
    margin-top: 10px;
    text-align: justify;
    font-weight: 400;
}
.hzhh02{
	width: 1300px;
	margin: 0 auto;
	margin-top: 50px;
}
.hzhh02 ul li{
	float: left;
	width: 338px;
	margin-right: 143px;
	height: 400px;
}
.hzhh02 ul li:nth-child(3n){
	margin-right: 0px;
}

.hzhh02 ul li div img{
	width: 100%;
}
.hzhh02 ul li p{
	width: 338px;
	font-size: 18px;
	color: #fff;
	text-align: center;
	margin-top: 6px;
	text-indent: 0px;
}

.head_white{
	background-color: rgba(0,0,0,0.5);
}
.weiya_content01_1_img img{
	width: 100%;
}











/*游戏*/
.sswc{
	width: 1400px;
	margin: 0 auto;
	padding-top: 80px;
}
.sswc>h2{
	font-size: 40px;
	color: #E1831C;
	text-align: center;

}
.sswc>p{
	font-size: 30px;
	color: #fff;
	text-align: center;
}
.sswc01 h3{
	font-size: 26px;
	color: #E1831C;
	margin-top: 50px;
}
.sswc01 p{
	font-size: 22px;
	color: #fff;
	margin-top: 20px;
}
.sswc02_img{
	text-align: center;
}
.sswc02{
	margin-top: 50px;
}
.sswc02 p b{
	font-weight: 400;
	color: #E1831C;
}
.sswc03 p{
	font-size:30px;
	color: #E1831C;
	margin-top: 50px;
}

.vide09{
	width: 1200px;
	margin: 0 auto;
	margin-top: 30px;
}
.sswc01>p>b{
	font-weight: 400;
	color: #E1831C;
}
.yxtes{
	margin-top: 100px;
	padding-bottom: 100px;
}
.yxtes_img{
	float: left;
}
.yxtes_text{
	float: left;
	color: #fff;
	margin-left: 30px;
}
.yxtes_text h3{
	font-size: 30px;
	border-bottom: 2px solid #fff;
	text-align: center;
	line-height: 100px;
	margin-bottom:50px;
}
.yxtes_text p{
	font-size: 20px;
	text-indent: 30px;
	text-align: justify;
	margin-top: 20px;
}
.tbd{
	font-size: 32px;
    color: #fff!important;
    text-align: center;
    margin-bottom:30px;
}



.syedh3{
	color: #E1831C;
    font-size: 32px;
}
.xisqb{
	display: none;
	color: #E1831C;
	font-size: 20px;
	text-align: center;
	margin-top:20px;
}
.xisqb02{
	display: none;
	color: #E1831C;
	font-size: 20px;
	text-align: center;
	margin-top:20px;
}
.xisqb03{
	display: none;
	color: #E1831C;
	font-size: 20px;
	text-align: center;
	margin-top:20px;
}
.mc-right{
	display: none!important;
}


/*游戏*/
.youx01{
	margin-top:20px;
}
.youx01 li{
	width: 455px;
	float: left;
	margin-right:17px;
}
.youx01 li:nth-child(3){
	margin-right:0px;
}
.qwzw_01_t{
	font-size: 32px;
	color: #fe8e44;
	text-align: center;
	padding: 20px 0;
	background: #1a1a1a;
}
.qwzw_01{
	width: 100%;
	height: 371px;
	background: url(/wp-content/uploads/varchina/images/youxik03.jpg) no-repeat center center;
	background-size: cover;
	padding-top: 114px;
	box-sizing: border-box;
}
.qwzw_01_bf{
	width: 113px;
	height: 113px;
	background: url(/wp-content/uploads/varchina/images/youxik01.png) no-repeat center center;
	background-size: cover;
	margin:0 auto;

}
.qwzw_01_bf:hover{
	background: url(/wp-content/uploads/varchina/images/youxik02.png)
}
#qwzw_02{
	background: url(/wp-content/uploads/varchina/images/youxik04.jpg)
}
#qwzw_03{
	background: url(/wp-content/uploads/varchina/images/youxik05.jpg)
}


.ydduij{
	width: 100%;
	height: 440px;
	background: url(/wp-content/uploads/varchina/images/youxik06.jpg) no-repeat center center;
	background-size: cover;
	padding-top: 160px;
	box-sizing: border-box;
}
.ydduij02{
	width: 113px;
	height: 113px;
	background: url(/wp-content/uploads/varchina/images/youxik01.png) no-repeat center center;
	background-size: cover;
	margin:0 auto;
}
.ydduij02:hover{
	background: url(/wp-content/uploads/varchina/images/youxik02.png)
}


.sswcb{
	width: 100%;
	height: 440px;
	background: url(/wp-content/uploads/varchina/images/youxik07.jpg) no-repeat center center;
	background-size: cover;
	padding-top: 160px;
	box-sizing: border-box;
}
.sswcb02{
	width: 113px;
	height: 113px;
	background: url(/wp-content/uploads/varchina/images/youxik01.png) no-repeat center center;
	background-size: cover;
	margin:0 auto;
}
.sswcb02:hover{
	background: url(/wp-content/uploads/varchina/images/youxik02.png)
}
.bbxd{
	padding-bottom: 50px;
}








.qwzs_sh_text{
	
	padding: 20px 20px;
	width: 690px;
	float: left;
	box-sizing: border-box;
}
.qwzs_sh_text h3{
	margin-top:30px;
	color: #fe8e44;
	font-size: 24px;
}
.qwzs_sh_text p{
	color: #999999;
	font-size: 20px;
	text-align: justify;
	margin-top:10px;
	line-height: 30px;
}
.vidoo{
	width: 700px;
	float: left;
}
.zsbox{
	position: fixed;
	width: 100%;
	height: 100%;
	background-color: rgba(0,0,0,0.6);
	top: 0;
	left: 0;
	z-index: 100;
}
.gbsp{
	position: absolute;
	right: 0;
	top: 0;
}
.bjtuvv{
	position: fixed;
	display: none;
	width: 100%;
	height: 100%;
}
.qwzs_sh{
	position: fixed;
	top: 50%;
	margin-top:-300px;
	left: 50%;
	margin-left:-700px;
	width: 1400px;
	height: 600px;
	background: #1a1a1a;
	z-index: 999;
}
.vidoo video{
	width: 100%;
	margin-top:50px;
}
.bjtuvv02{
	position: fixed;
	display: none;
	width: 100%;
	height: 100%;
}
.bjtuvv03{
	position: fixed;
	display: none;
	width: 100%;
	height: 100%;
}
.bjtuvv04{
	position: fixed;
	display: none;
	width: 100%;
	height: 100%;
}

    .hLayout {
      display: flex;
      width: 1300px;
      margin: 0 auto;
    }

    .hLayout .flex {
      flex: 1;
    }

    .product {
      color: #fff;
      padding: 50px;
    }

    .product-img {
      width: 500px;
      object-fit: cover;
    }

    .product-title {
      font-size: 4em;
    }

    .product-desc {
      font-size: 2em;
    }

    .product-specifications {
      border-collapse: collapse;
      width: 100%;
      margin-top: 100px;
    }

    .product-specifications th,
    .product-specifications td {
      border: 1px solid #fff;
      padding: 10px 20px;
      font-size: 20px;
    }
  
@media screen and (min-width: 1921px){
	.video1{
		height: auto;
		top: 50%;
		transform:translate(0,-50%);
	}
	.banner_area{
		height: 1040px;
	}
	.banner_bg{
		height: 1040px;
	}
    .culture-box{
        width: 1400px;
        margin: 0 auto;
    }

    
    
}
@media screen and (max-width: 1640px){
	.xtzd_te{
		width: 1380px;
	}
	.xtzd_te ul li{
		margin-right: 60px;
	}
	.kjsheji_02{
		width: 1290px;
		margin-top: 30px;
	}
	.kjsheji_02 ul li{
		width: 300px;
		margin-right: 30px;
	}
	.kjsheji_02 p{
		font-size: 20px;
	}

}
@media screen and (max-width: 1500px){
	.mod-max-con{
		width: auto;
	}
	.business-user .section-item .mod-s-con{
		padding-left: 0;
		width: 100%;
		padding-right: 0;
	}
    .together .section-item .mod-s-con{
        width: 100%;
        padding-right: 50px;
    }


	.resp_area .resp_details{
		width: 30%;
	}
	.resp_area .resp_details .tit{
		width: 100%;
	}
	.resp_area .resp_details .txt{
		width: 100%;
	}
}

@media screen and (max-width: 1450px){
	.link_area .link_hook{
		width: 100%;
	}
	.link_area .link_tab{
		width: 36%;
	}
	.link_area .link_content{
		width: 64%;
		margin-left: 0;
	}


	.link_area .tab_list .txt{
		margin-top: 5%;
	}

	.develop_area .slide_list{
		height: 700px;
	}
	.develop_area .slide_list li{
		height: 700px;
	}
}

@media screen and (min-width: 1440px){
	.culture-box{
		width: 1400px;
		margin: 0 auto;
	}
}


@media screen and (max-width: 1439px){
	
	.descript_area .txt{
		font-size: 20px;
	}
	.detail_list li p{
		font-size: 26px;
	}
	.link_area .tab_list .tit{
		font-size: 26px;
	}
	.link_area .tab_list .txt{
		font-size: 14px;
	}
	.en-us .link_area .tab_list .list_item_1 .txt{
		top: 60%;
	}
	.en-us .link_area .tab_list li.list_item_2 .txt{
		top: 62%;
	}
	.en-us .link_area .tab_list li.list_item_3 .txt{
		top: 62%;
	}
	.link_area .link_con_list .script .tit{
		font-size: 20px;
	}
	.link_area .link_con_list .script .txt{
		font-size: 14px;
	}
	.resp_area .resp_details .tit{
		font-size: 30px;
	}

	.en-us .menu_list .menu_item{
		margin-left: 40px;
	}

	
}
/*456*/
@media screen and (max-width: 1400px){ 
	video#bgvid{
		display: none;
	}
	.weiyayy{
		background-color: #333;
		padding-bottom: 90px;
	}
	.yuyue01{
		margin-bottom: 0px;
	}
	.cbxf{
		display: none;
	}
	.youx01 li{
		float: none;
		margin:0 auto;
		margin-top:10px;
	}
	.youx01 li:nth-child(3){
		margin:0 auto;
		margin-top:10px;
	}
	.bjtuvv04,.bjtuvv03,.bjtuvv02,.bjtuvv01{
		width: 100%;
	}
	.vidoo{
		width: 100%;
	}
	.qwzs_sh_text{
		display: none;
	}
	.qwzs_sh{
		left: 0;
		margin-left:0;
		height: auto;
		width: 100%;
	}
	.vidoo video{
		width: 100%;
	}
	.sswc{
		width: 100%;
	}
	.xtzd_te{
		width: 1020px;
	}
	.xtzd_te ul li{
		margin-right: 30px;
		width: 320px;
    	height: 320px;
	}
	.xtzd_te ul li div{
		padding: 0 10px;
		padding-top: 70px;
	}
	.xtzd_te ul li h3{
		    font-size: 22px;
	}
	.xtzd_te ul li p{
		font-size: 18px;
		margin-top: 20px;
	}
	.nydp10{
		padding: 0 10px;
		box-sizing: border-box;
	}
	.mod-tab-content{
		padding: 0 10px;
		box-sizing: border-box;
	}
	.yjkf_sheb{
		width: 100%;
	}
	.yjkf{
		margin-top:80px;
	}
	#skbj02{
		background: url(/wp-content/uploads/varchina/images/shoujikf02.jpg);
		background-size: cover;
	}
	.wy_yxkf02{
		width: 100%;
		background: url(/wp-content/uploads/varchina/images/weiya06.jpg) no-repeat center center;
		background-size: cover;
		margin-bottom: 30px;
	}
	
	.yxkf{
		padding-top: 80px;
	}

	#tbine{
		width: 100%;
		padding: 0;
		height: auto;
		margin-bottom:30px;
	}
	.yxkf02{
		width: 100%;
	}
	.frm{
		background: url(/wp-content/uploads/varchina/images/shoujikf01.jpg);
		background-size: cover;
		border: none;
		height: 500px;
		padding-left: 60px;
	}

	.fri{
		display: none;
	}
	
	.yuyue01{
		width: 100%;
	}
	.resp_area{
		width: auto;
		margin-left: 20px;
		margin-right: 20px;

	}
	
	.weiya_content{
		background: #404040;
		padding: 0 10px;
    	box-sizing: border-box;
	}
	#video{
		display: none;
	}
	.banner_bg{
		display: block;
		background:  url(/wp-content/uploads/varchina/images/banner029.jpg) no-repeat center top;
		height: 100%;
	    background-size: cover;
	    position: absolute;
	    left: 0px;
	    top: 0px;
	    z-index: 9;
	}
	.perspective-flx .pic{
		height: 385px;
	}
	.wy_yxkf01{
    	width: 100%;
    }
    .yxkf{
    	width: 100%;
    }
}
@media screen and (max-width: 1408px){
	.weiya_content01{
		width: 100%;
	}
	.weiya_content01_1{
		width: 100%;
	}
	.weiya_content02_dou_box{
		width: 100%;
	}
	.weiya_content02_dou_box02{
		width: 100%;
	}
	.weiya_content03_yyue{
		width: 100%;
	}
}


@media screen and (max-width: 1300px){

	.kjsheji_02{
		width: 660px;
	}
	.kjsheji_02 ul li{
		margin-top:10px;
	}
	.jianjie .weiya_content01{
		padding-top: 30px;
	}
	.hzhh{
		margin-top: 30px;
	}
	.hzhh02{
		width: 800px;
	    padding-bottom: 30px;
	}
	.hzhh02 ul li{
		width: 260px;
	    margin-right: 10px;
	    height: 320px;
	}
	.hzhh02 ul li p {
	    width: 260px;
	    font-size: 16px;
	    margin-top: 6px;
	    text-indent: 0px;
	}
	.hzhh ul li h4{
		display: none;
	}
	.hzhh ul li p{
		width: 213px;
		font-size: 18px;
	}
	.hxcy{
		margin-top: 60px;
	}
	.hzhh{
		width: 680px;
	}
	.hzhh ul li{
		width: 213px;
		margin-bottom: 20px;
		margin-right: 20px;
	}
	.hxcy>p{
		width: 100%;
		padding: 0 20px!important;
		box-sizing: border-box;
		margin-top: 20px!important;
	}
	#xtp {
	    margin-top: 20px;
	}
	.wy_jianjie03_dz {
	    width: 800px;
	}
	.wy_jianjie03_dz ul li {
	    background-color: #22242D;
	    width: 250px;
	    height: 340px;
	    margin-right: 20px;
	    margin-top: 20px;
	    padding: 0px 10px;
	}
	.wy_jianjie03_dz ul li h3 {
	    line-height: 50px;
	    font-size: 20px;
	}
	.wy_jianjie03_dz ul li p {
	    font-size: 14px;
	    margin-top: 7px;
	}


}

@media screen and (max-width: 1100px){
	.weiya_content01 p{
		width: 100%;
	}
}


@media screen and (max-width: 1250px) {
  .head_con{
    width: 96%;
  }

  .mod-con{
		width: 96%;
	}
	.develop_con{
		width: 96%;
	}
  .mod-section-ad .mod-con{
	width: 100%;
	padding: 0 72px;
	box-sizing: border-box;
  }
  .footer_con{
	  width: 96%;
  }
.business-user .section-item .mess-text,.together .section-item .mess-text{
    width: 30%;
}
.together .section-item .mess-text{
    padding-right: 64px;
}
.business-user .section-item,.together .section-item{
    padding-left: 5%;
}
    .together .section-item.gray-bg{
        padding-top: 0px;
        padding-bottom: 96px;
    }
    .together .section-item .product-box{
        margin-top: 96px;
    }
  .search-content .tab-ul-box{
	width: auto;
	padding: 0 2% 8px 2%;
  }
  .join_us, .contact_us, .legal_info{
	width: 20%;
  }
  .footer_area .links{
	width: 100%;
	overflow: hidden;
	margin-bottom: 10px;
  }
  .footer_area .copyright{
	width: 100%;
	overflow: hidden;
  }

  	
	.perspective-flx .pic{
		width: 45%;
		margin-right: 20px;
		margin-left: auto;
	}

	.swiper-flx .pic-box .box li{
		width: 100%;
	}
	.address-pic{
		width: 100%;
	}
	.address-pic .bg{
		width: 100%;
	}
	.address-pic .mark{
		width: 56.288%;
		left: 7.505%;
		top: 11.75%;
	}
	.details_con{
		width: 100%;
		padding: 0 24px;
		box-sizing: border-box;
	}
	.detail_list{
		height: 210px;
	}
	.detail_list li{
		width: 32.333333%;
		margin-right: 1.5%;
		height: 210px;
	}

	.link_area .tab_list li .txt{
		margin-top: 6.8%;
	}
	.link_area .tab_list li.list_item_2 .txt{
		margin-top: 0.8%;
	}
	.link_area .tab_list li.list_item_3 .txt{
		margin-top: -4.8%;
	}

	.video-pop .pop-box{
		width: 80%;
		height: 50%;
	}

	.image-pop .pop-box{
		width: 80%;
		height: 70%;
	}
}

@media screen and (max-width: 1480px) {
	
	.menu_list{
		left: 100px;
	}
}

@media screen and (max-width: 1220px) {
	.address-box .address-tab .tab-ul-box .mc-right{
		display: block;
	}
	.menu_list{
		left: 80px;
	}
}

@media screen and (max-width: 1200px) {
	
	.mod-section-ad{
		height: 390px;
	}
	.mod-section-ad h2{
		margin-top: 140px;
	}
	.business-user .mod-section-ad h2{
		margin-top: 110px;
	}
	.media .mod-section-ad h2{
		margin-top: 165px;
	}

	.en-us .link_area .tab_list .list_item_1 .txt{
		top: 62%;
	}

	.en-us .link_area .tab_list .icon{
		margin-top: 22%;
	}
	.en-us .link_area .tab_list li.list_item_2 .icon{
		margin-top: 21%;
	}
	.en-us .link_area .tab_list li.list_item_3 .icon {
		margin-top: 14.8%;
	}

	.resp_area .resp_details{
		margin-left: 100px;
	}

	


	.jianjie{
		width: 100%;
		padding: 20px;
		box-sizing: border-box;
	}
	.jianjie_box{
		width: 100%;
	}
	.jianjie_img{
		width: 100%;
		position: static;
		height:auto;
	}
	.jianjie_img_box{
		text-align: center;
		margin-top:0;
		width: 100%;
	}
	.xshp{
		height: auto;
	}
	.jianjie_box{
		height: auto;
		width: 100%;
	}
	.jianjie_text p{
		width: 100%;
		padding-left: 20px;
		padding-right: 20px;
	}
	.jianjie_text{
		position: static;
		margin-left: 0;
		width: 100%;
	}
	.jianjie_hez{
		width: 100%;
	}
	.jianjie_hez ul{
		text-align: center;
    	display: inline-block;
	}
	#about-con-2{
		height: auto;
	}
	.jj_fazl_text{
		padding-left: 30px;
	}
	.yjsm_img{
		width: 100%;

	}
	.yjsm_img img{
		width: 100%;
	}
	.zgsz_img {
		width: 100%;
	}
	.zgsz_img img{
		width: 100%;
	}
	.hexys_ys{
		width: 100%;
		overflow-x: auto;
	    overflow-y: hidden;
	}
	.hexys_ys ul{
		width: 1200px;
	}
	.hexys_ys ul li{
		width: 360px;
    	height: 420px;
	}
	.hexys_ys{
		height: 460px;
	}


}

@media screen and (max-width: 1180px) {
	.culture-box .t-box h3{
		margin-bottom: 30px;
	}
	.resp_area .resp_details{
		margin-left: 120px;
	}
}

@media screen and (max-width: 1160px) {
	
	.artice-box .text-box{
		width: 40%;
		padding: 3% 42px 42px 5%;
		top: 50%;
		-webkit-transform: translateY(-50%);
	}
	.artice-box .right-box{
		width: 65%;
		padding: 3% 5% 42px 42px;
	}
	.artice-box .text-box .desc{
		width: 100%;
	}

	.ly-flx .r-box .list-box .tab-con-box .con-box .step-box .item .t .title{
		width: 88%;
	}

	
	.team-box .li{
		width: 33.33333%;
	}

	.mission .line{
		left: 40%;
	}

	.link_area .tab_list .tit{
		font-size: 24px;
	}


	
	.detail_list li p{
		font-size: 24px;
	}
	.resp_area .resp_details .txt{
		font-size: 16px;
	}

	.develop_area .develop_details .tit{
		font-size: 30px;
	}
	.develop_area .develop_details .txt{
		font-size: 16px;
	}
}

@media screen and (max-width: 1140px) {
	
	.investor .notice-flx .r-box{
		width: 50%;
	}

	.ly-flx .r-box{
		width: 50%;
	}
	.stock-flx .stock-r-box .other-box{
		padding: 0;
	}

	.notice-flx .r-box .list-box .year-line{
		display: none;
	}
	.notice-flx .r-box .list-box .year-box .item{
		width: 46%;
		margin-right: 4%;
	}
	.notice-flx .r-box .list-box .year-box .conbox{
		width: 100%;
	}
	.notice-flx .r-box .list-box .year-box .shadow{
		width: 100%;
		height: 100%;
	}
	.investor .ly-flx .r-box .list-box{
		height: auto;
		padding-bottom: 20px;
	}
	.investor .stock-flx .stock-r-box{
		width: 40%;
	}


}

@media screen and (max-width: 1120px) {
	.menu_list .menu_item{
		margin-left: 45px;
	}

	.swiper-flx .tab-box .box li{
		padding: 20px 16px 20px 16px;
	}

	.to-c-pop .pop-box{
		width: 80%;
		padding: 2% 3% 4% 3%;
	}

	.en-us .to-c-pop .pop-box{ padding:65px 80px 50px 64px;}


	.en-us .menu_list .menu_item{
		margin-left: 32px;
	}
	.en-us .search_area{
		right: 98px;
	}
	.en-us .menu_list{
		right: 150px;
	}
	.resp_area .resp_details{
		margin-left: 130px;
	}
}

@media screen and (max-width: 1110px) {
	.en-us .link_area .tab_list .icon{
		margin-top: 27%;
	}
	.en-us .link_area .tab_list li.list_item_2 .icon{
		margin-top: 22%;
	}
	.en-us .link_area .tab_list li.list_item_3 .icon {
		margin-top: 15.8%;
	}
	.weiya_content02_dou{
		width: 100%;
		margin-left:20px;
	}
	.fll{
		margin-left:0px;
	}
	.weiya_content02{
		margin-top: 16px;
	}
}

@media screen and (max-width: 1080px) {
	
}

@media screen and (max-width: 1076px) {
	.en-us .link_area .tab_list li.list_item_2.current .txt{
		top: 76%;
	}
	.en-us .link_area .tab_list li.list_item_2.current .icon{
		margin-top: 32%;
	}
}

@media screen and (max-width: 1060px) {
	.tool-flx .item-box{
		width: 18.4%;
		margin-right: 2%;
	}
}

@media screen and (max-width: 1050px) {
  .menu_list .menu_item{
    margin-left: 40px;
  }
.perspective-flx .pic{
	width: 45%;
	margin-right: 20px;
	margin-left: auto;
	height: 270px;
}
  .ser-box{
    width: 920px;
    box-sizing: border-box;
  }

    .business-user .section-item .product-box .box .logo-pic img,.together .section-item .product-box .box .logo-pic img{
        width: 70px;
    }
    .business-user .section-item .product-box .box .name,.together .section-item .product-box .box .name{
        font-size: 17px;
    }
    .business-user .section-item .product-box .box .desc,.together .section-item .product-box .box .desc{
        font-size: 12px;
    }

  .contact-us-box .mess-box .bbox{
		width: 100%;
	}
	.contact-us-box .mess-box .bbox .er-code{
		position: static;
		left: 0;
		top: 0;
		margin-top: 4px;
	}
	.perspective-flx .list-box .li{
		margin-top: 25px;
	}
	.perspective-flx .list-box .li .label{
		font-size: 18px;
		line-height: 26px;
	}
	.perspective-flx .list-box .li .date{
		font-size: 14px;
		line-height: 24px;
		margin-top: 0px;
	}
	.business .mod-tab-container{
		height: 48px;
	}
	.business .mod-tab .clearfix{
		height: 48px;
	}
	.mod-tab-nt  .mod-con,.brief .mod-tab .clearfix{
		position: relative;
		overflow-x: auto;
		overflow-y: hidden;
		height: 41px;
		padding-bottom: 0;
		-webkit-overflow-scrolling: touch;
	}
	.mod-tab .clearfix ul{
		height: 41px;
	}
	.mod-tab .mc-left,.mod-tab .mc-right{
		height: 41px;
	}
	.business .mod-tab .clearfix ul{
		height: 48px;
	}
	.mod-tab-nt li a,.brief .mod-tab li a{
		padding: 10px 0;
		line-height: 21px;
		font-size: 14px;
		height: auto;
	}
	.business .mod-tab li a{
		padding: 0 0;
		height: 48px;
		line-height: 48px;
	}
	.brief-text-box .desc{
		width: 100%;
	}

	.link_area .tab_list li .txt{
		margin-top: 9%;
	}
	.link_area .tab_list li.list_item_2 .txt{
		margin-top: 2%;
	}
	.link_area .tab_list li.list_item_3 .txt{
		margin-top: -3%;
	}
	.link_area .tab_list li .icon{
		margin-top: 18.2%;
	}
	.link_area .tab_list li.list_item_2 .icon{
		margin-top: 14%;
	}
	.link_area .tab_list li.list_item_3 .icon{
		margin-top: 7.5%;
	}

	.en-us .link_area .tab_list .icon{
		margin-top: 29%;
	}
	.en-us .link_area .tab_list li.list_item_2.current .icon{
		margin-top: 34%;
	}
	.en-us .link_area .tab_list li.list_item_3 .icon {
		margin-top: 18.8%;
	}

	.resp_area .resp_details{
		margin-left: 150px;
	}
	.resp_area .resp_details .tit{ white-space:normal;}
}

@media all and (max-width:1024px){
	.descript_area h3{
		font-size: 24px;
		margin-top: 20px;
	}
	.descript_area p{
		font-size: 16px;
		margin-bottom: 24px;
    	margin-top: 16px;
	}
	.resp_area{
		margin-top: 0px;
		padding-top: 20px;
	}
	.link_hook{
		width: 100%;
	    height: 100%;
	    overflow-x: auto;
	    overflow-y: hidden;
	}
	.link_hook ul{
		width: 1130px;
	    height: 380px;
	    padding-top: 30px;
	}
	.link_hook p{
		font-size: 16px;
	}
	.link_hook ul li{
		width: 126px;
		height: 350px;
		margin-right:5px!important;
		margin-left: 5px!important;
	}
	.link_hook ul li h3{
		font-size: 20px;
	}
	.link_hook ul li div{
		margin:0 auto;
		margin-top: 37px;
		width: 80px;
		height: 80px;
	}
	.link_hook ul li div img{
		width: 100%;
	}
	.ab_dongtai{
		width: 100%;
	    height: 400px;
	    overflow-x: auto;
	    overflow-y: hidden;
	}
	.ab_dongtai ul{
		width: 1260px;
	}
	.hzhb_logo{
		overflow-x: auto;
	    overflow-y: hidden;
	}
	.hzhb_logo ul{
		width: 1800px;
	}
	.hzhb_logo{
		width: 100%;
	}
	.hzhb_logo ul li{
		width: 200px;
	}
	.hzhb_logo ul li img{
		width: 100%;
	}
	
	.dt_ljgd a{
		margin-top: 10px;
	}
	.link_hook ul li{
		width: 330px;
	}
}


@media screen and (max-width: 1000px) {
	.sswc{
		padding-top: 30px;
	}
	.sswc>h2{
		font-size: 30px;
	}
	.sswc>p{
		font-size: 24px;
	}
	.qwzw_01_t{
		font-size: 22px;
	}
	.xtzd_te{
		width: 100%;
	}
	.xtzd_te ul li{
		float: none;
		margin:0 auto;
		margin-top:10px;
	}
	.xtzd_te ul li:nth-child(3){

		margin:0 auto;
		margin-top:10px;
	}
	.yjkf_sheb{
		background-color: #1a1a1a;
	}
	.yjkf_sheb_r h3{
		font-size: 30px;
	}
	.yjkf_sheb_r p{
		font-size: 20px;
		margin-top: 10px;
	}
	.yjkf_sheb_left{
		margin:0 auto;
		float: none;
	}
	.yjkf_sheb_r_box{
		position: static;
		height: auto;
	}
	.yjkf_sheb_r{
		position: static;
		float: none;
		margin-left:0;
		text-align:center;
		margin-top: 0;
		display: none;
	}
	.yjkf_top p{
		font-size: 22px;
	}
	.ewml{
		right: 10px;
	}
	.maplist {
	    width: 100%;
	    padding: 0 10px;
	    box-sizing: border-box;
	    margin-bottom: 40px;
	}
	.business-user .section-item .product-box .box{
		width: 33.33333333%;
	}
	.en-us .link_area .tab_list .txt{
		display: none;
	}
	.en-us .link_area .tab_list .icon{
		display: none;
	}
    .together-box .mess-box{
        top: 16%;
        left: 50px;
    }
    .jianjie{
		margin-bottom: 20px;
    }
    .weiya_content01{
    	padding-top: 30px;
    }
	.weiya_content01 h2{
		font-size: 24px;
	}
	
	.jj_fazl{
		margin-top: 16px;
	}
	.wy_jianjie02{
		font-size: 24px;
	}
	.jj_fazl {
	    margin-top: 30px;
	}
	.wy_jianjie02{
		font-size: 24px;
	}
	.jj_fazl_text{
		height: 225px;
   		margin-top: 20px;
	}
	.wy_jianjie03 {
	    margin-top: 15px;
	}

}

@media screen and (max-width: 970px) {
	.resp_area .resp_details{
		width: 100%;
		position: relative;
		top: 0;
		left: 0;
		padding: 5% 16%;
		box-sizing: border-box;
	}
	.resp_area .public_welfare{
		width: 100%;
		position: relative;
		top: 0;
		left: 0;
	}
	.resp_area{
		height: auto;
	}
	.resp_area .slide_area{
		position: relative;
		margin: 0 auto;
	}
	
}

@media screen and (max-width: 960px) {
  .menu_list .menu_item{
    margin-left: 35px;
  }
  .ser-box{
    width: 100%;
  }
  .menu_list{
    right: 150px;
  }
  .search_area{
    right: 100px;
  }
  .link-box .mess{
	top: 20%;
	left: 40px;
  }
  .medis-mess-box .con-tab-box .con-tab-mod .look-all .label{
	  margin-top: 20px;
  }

  .perspective-flx .pic{
		width: 50%;
		
	}

	.address-box .address-tab .tab-ul{
		padding: 0 5%;
	}
	.mission .text-bg{
		width: 100%;
		left: 0;
	}
	.mission .r-mess:before{
		left: -5%;
	}
	.address-box .address-tab .labels{
		padding-left:5%;
		padding-right:5%;
	}


	.en-us .menu_list .menu_item{
		margin-left: 15px;
	}
}

@media screen and (max-width: 1000px) {
	.culture-wrap{
		padding-left: 0;
		padding-bottom: 72px;
	}
	.culture-box .t-box .pic{
		width: 100%;
		padding-left: 0;
		float: left;
	}
	.culture-box .t-box .mess-box{
		width: 100%;
		float: left;
		padding: 0 24px;
		box-sizing: border-box;
	}
	.culture-box .b-box{
		padding-left:0px;
		padding-right:24px;
		box-sizing: border-box;
	}
	.culture-box .t-box .pic{
		min-height: auto;
	}
	.culture-box .t-box .pic img{
		width: 100%;
		position: relative;
		left: 0;
		top: 0;
		-webkit-transform: translate(0,0);
		margin-top: -20%;
	}
	.culture-box .t-box{
		min-height: auto;
	}
}
@media screen and (max-width: 900px) {
	.link_area{
		height: 600px;
	}
	.link_area .link_hook{
		height: 100%;
	}
	.link_area .link_content{
		height: 100%;
	}
	.link_area .link_con_list .script .tit{
		margin-top: 89px;
	}

	.link_area .tab_list li .tit{
		margin-left: -25%;
	}
	.link_area .tab_list li .txt{
		margin-left: -25%;
	}
	.link_area .tab_list li .icon{
		margin-left: -25%;
	}
	.link_area .tab_list li .tit{
		font-size: 20px;
	}
	.link_area .tab_list li.list_item_2 .icon{
		margin-top: 13%;
	}
	.link_area .tab_list li.list_item_3 .icon{
		margin-top: 7.8%;
	}



	
}

@media screen and (max-width: 860px) {
	.ly-flx .l-box .list-box .title{
		padding: 0 25px;
	}
	.ly-flx .l-box .list-box .item{
		padding: 0 25px;
	}
	.ly-flx .r-box .list-box .tab-con-box .con-box .step-box .item{
		padding-right: 25px;
	}

	.ly-flx .l-box .list-box .item .label{
		font-size: 14px;
		line-height: 20px;
	}
	.ly-flx .l-box .list-box .item .val .tel-mess li{
		font-size: 14px;
		line-height: 20px;
	}
	.ly-flx .l-box .list-box .item .val .hy-phone{
		font-size: 14px;
		line-height: 20px;
	}
	.ly-flx .l-box .list-box .item .val .play-icon img{
		margin-top: 0px;
	}
	.new-mod-flx .list-box .list .mess{
		width: 88%;
	}
	.new-mod-flx .b-box{
		padding-right: 25px;
	}

	.en-us .menu_list .menu_item{
		margin-left: 10px;
	}
}

@media screen and (max-width: 820px) {
  .menu_list .menu_item{
    margin-left: 25px;
  }
  .submenu_show.search_area_show .search_area,.head_white.search_area_show .search_area{
    width: 50%;
  }
  .mod-con{
    width: auto;
    margin: 0 12px;
  }
  .search-content .tab-ul-box{
	width: auto;
	padding-left: 20px;
	padding-right: 20px;
	}

	.link_area .tab_list li .icon{
		margin-top: 22.8%;
	}
}
/*123*/
@media screen and (max-width: 800px) { 

	.yxkf03_noe_r h3{
		font-size: 30px;
	}
	.yxkf03_noe_r p{
		font-size: 24px;
	}
	.xtzd_te{
		margin-top:20px;
	}
	.yjkf{
		margin-top: 30px;
	}
	.yjkf_top{
		margin-top:0;
	}
	.yjkf_top h3,.yxkf02 h2,.yxkf h2{
		font-size: 30px;
	}
	.yjkf_top p{
		font-size: 18px;
		margin-top: 20px;
	}
	.wy_yxkf02_top{
		font-size: 24px;
	}
	.wy_yxkf02_box p{
		font-size: 18px;
	}
	.wy_jianjie03_dz{
		width: 250px;
	}
	.xisqb{
		display: block;
	}
	.ycql{
		display: none;
	}
	.jj_fazl{
		margin-top:0;
	}
	
	.yxkf h2{
		margin-bottom: 40px;
	}
	.yxkf{
		padding-top: 40px;
	}
	
	
}
@media screen and (max-width: 768px) {
	.hzhb{
		padding-top: 30px;
	}
	.xtzd_te{
		padding-bottom: 40px;
	}
	.kjsheji{
		margin-top: 50px;
	}
	.xtzd{
		margin-top: 50px;
	}
	/*预约*/
	.maplist h3{
		font-size: 22px;
		margin-top: 0px;
	}
	.maplist tr td{
		width: 100%;
    	font-size: 16px;
	}
	.ewml{
		display: none;
	}
	#text{
		font-size: 18px;
    	line-height: 40px;
    	margin-top: 30px;
	}
	.maplist tr:nth-child(1) input{
		width: 100%;
	}
	.maplist tr:nth-child(2) input {
	    width: 100%;
	}
	.maplist input {
	    color: #000;
	    line-height: 40px;
	    padding-left: 20px;
	    margin-top: 30px;
	    font-size: 22px;
	}


	.head_con{
		background-color: rgba(0,0,0,0.6);
	}
	/*简介*/
	.hxcy>p{
		line-height: 30px;
	}
    .perspective-flx .pic img {
        width: 100%;
        object-fit: cover;
        height: 66.6vw;
    }
    .hzhh{
    	width: 300px;
    }
	.hzhh ul li{
		width: 300px;
	}
	.ycql03{
		display: none;
	}
	.xisqb03{
		display: block;
	}
	.ycql02{
		display: none;
	}
	.xisqb02{
		display: block;
	}
	.hzhh ul li p {
	    width: 300px;
	    font-size: 18px;
	    margin-top: 10px;
	}
	.hzhh02 {
	    width: 300px;
	    padding-bottom: 30px;
	}
	.hzhh02 ul li{
		width: 300px;
		height: auto;
	}
	.hzhh02 ul li p{
		width: 300px;
	}

	/*简介结束*/
	/*首页*/
	.jj_fazl_text li h3{
		font-size: 20px;
	}
	.weiya_content02_dou_box{
		background-image: url(/wp-content/uploads/varchina/images/shouji02.jpg);
	}
	.weiya_content02_dou_box02{
		background-image: url(/wp-content/uploads/varchina/images/shouji01.jpg);
	}
	.weiya_content01 h3{
		font-size: 18px;
    	margin-top: 24px;
	}
	.weiya_content01 p{
		margin-top: 30px;
		font-size: 14px;
	}
	.detail_list li p{
		font-size: 20px;
	}
	.resp_area .resp_details .tit{
		font-size: 24px;
	}
	.resp_area .resp_details .txt{
		font-size: 14px;
	}
	.develop_area .develop_details .tit{
		font-size: 24px;
	}
	.develop_area .develop_details .txt{
		font-size: 14px;
	}
	.resp_area .slide_list li .tit{
		font-size: 20px;
	}
	.resp_area .slide_list li .txt{
		font-size: 14px;
	}
	.weiya_content01{
		padding-top: 7px;
    	padding-bottom: 30px;
	}
	.weiya_content01 h3{
		font-size: 20px;
		margin-top: 24px;
	}
	.weiya_content01 p{
		margin-top: 20px;
	}
	.weiya_content01_1 h3{
	    margin-bottom: 15px;
	    font-size: 19px;
	}
	.syedh3{
		font-size: 20px;
	}
	.weiya_content02_dou h3{
		font-size: 16px;
	    font-weight: bold;
	    line-height: 31px;
	    border-left: 6px solid #E1831C;
	    padding-left: 14px;
	}
	.weiya_content02_dou p{
		font-size: 14px;
    	line-height: 30px;
	}
	/*首页结束*/


	





	.wrap{ overflow:hidden;}
  .head_con{ width: 100%; height:66px; z-index: 99;  }
  .wrap_head{
    height: 66px;
	}
	.header-seat{
		padding-bottom: 66px;
	}
	.head_con .logo{ display:block; height: 56px; width: 168px; position: absolute; left: 50%; top: 6px; margin-left: -84px;}
	.head_con .logo h1{ display:block; height: 56px; width: 168px; background: url( /wp-content/uploads/varchina/images/menu_logo_hover.png) no-repeat 0 0!important; background-size: contain;}
  .head_white .logo h1{ background-image: url(/wp-content/uploads/varchina/images/menu_logo_hover.png);}
	.search_area{ height: 30px; width: 30px; position:absolute; right: 11px; top: 11px; border:1px solid rgba(255,255,255,0); overflow-x: hidden;}
	.en-us .search_area{
		right: 11px;
	}
	.search_area .search_icon{display: block; height: 17px; width: 17px; background:none no-repeat 0 0; position:absolute; left: 6px; top: 8px; background-size: contain;}
	.search_area_show .search_area{ width:338px; right: 18px; background: #000;}
	.search_area_show .search_area .ipt_search{ height: 30px; line-height: 30px; left: 26px;right:26px; font-size: 14px; width: auto;}

	.submenu_show.search_area_show .search_area,.head_white.search_area_show .search_area{
    width: auto;
    left: 20px;
    right: 20px;
  }
	.icon_menu{ display:block; height:20px; width: 20px; position: absolute; left:21px; top: 18px; z-index: 99; }
	.icon_menu .i_menu{ display:block; height:14px; width: 15px; background: url( /wp-content/uploads/varchina/images/icon_menu_hover.png) no-repeat 0 0; background-size: contain; position: absolute; left:0px; top: 0px; z-index: 2; }

	.icon_menu .i_menu{
    margin-top: 4px;
	}
	.head_white .icon_menu .i_menu{
		background: url(/wp-content/uploads/varchina/images/icon_menu_hover.png) no-repeat center;
		background-size: 100% 100%;
		width: 20px;
		height: 20px;
		margin-top: 0;
	}

  .icon_menu .i_close{ display:none; height:14px; width: 15px; background: none no-repeat 0 0; background-size: contain; position: fixed; left:21px; top: 21px; z-index: 4; }
	.menu_list{ display: block; position: fixed; background: #fff; width:260px;  height:100%; right: 0px; left: 0px; padding-top: 90px; z-index: 3; transform: translate(-260px,0); opacity: 0.8; transition: transform 0.25s ease-out, opacity 0.25s ease-out;}
	.menu_list .menu_item{ display:block; float: none; height: 63px; margin-left: 58px;}
	.en-us .menu_list .menu_item{ display:block; float: none; height: 63px; margin-left: 58px;}
	.menu_list .menu_item .txt{ color:#2a2e2e; font-weight: normal;}
	.menu_list .menu_item .txt:hover:after{ display:none;}

	.lang_area{ display:none;}
	.menu_list .menu_item.menu_item_lan{ display:block; position: absolute; bottom: 87px; line-height: 63px;}
	.menu_list .menu_item.menu_item_lan a{  color:#2a2e2e; font-size: 16px;}
	.menu_list .menu_item.menu_item_lan .cn,.menu_list .menu_item.menu_item_lan .s_line_1{
		
	}
	.menu_list .menu_item.menu_item_lan .en,.menu_list .menu_item.menu_item_lan .s_line_2{
		display: inline-block !important;
	}
	.menu_list .menu_item.menu_item_lan .s_line{  color:#878a8a; font-size: 16px; margin: 0px 8px;font-style: normal;}
	.bg_hover{ display:none; height: 100%; width: 100%; position: fixed; left: 0px; top: 0px; background: rgba(0,0,0,0.2); z-index: 98;}

	.banner_area{ height:640px;}
	.banner_bg{ height: 100%; background:url(/wp-content/uploads/varchina/data/mobile/banner_bg.jpg) no-repeat center top; background-size: cover; position: absolute; left:0px; top: 0px;}
	.banner_txt{ width: 214px; height:130px;letter-spacing: 10px}
	.banner_txt .hook_area{  left: auto; top: -25px; right: -35px;width:96px;height: 60px;top: -9px;}
	.banner_txt .hook_area .word{font-size: 32px;line-height: 50px;width: auto;height: 49px;}
	.video1{
		height: 640px;
	}
	.slide_tips{
		bottom: 30px;
	}
	.details_con{
		height: auto;
	}
	.details_area{
		margin-bottom: 46px;
		overflow: hidden;
	}

	@keyframes a_banner_word_m {
		0%{ -webkit-transform:translate(0,0); opacity: 1;}
		12.5%{ -webkit-transform:translate(0,0); opacity: 1;}
		25%{ -webkit-transform:translate(0,-60px); opacity: 0;}
		25.01%{ -webkit-transform:translate(0,-60px); opacity: 0;}
		25.02%{ -webkit-transform:translate(0,60px); opacity: 0;}
		50%{ -webkit-transform:translate(0,60px); opacity: 0;}
		87.5%{ -webkit-transform:translate(0,60px); opacity: 0;}
		100%{ -webkit-transform:translate(0,0); opacity: 1;}
	}

	@keyframes a_banner_word_2_m {
		0%{ -webkit-transform:translate(0,60px); opacity: 0;}
		12.5%{ -webkit-transform:translate(0,60px); opacity: 0;}
		25%{ -webkit-transform:translate(0,0px); opacity: 1;}
		37.5%{ -webkit-transform:translate(0,0px); opacity: 1;}
		50%{ -webkit-transform:translate(0,-60px); opacity: 0;}
		50.01%{ -webkit-transform:translate(0,60px); opacity: 0;}
		100%{ -webkit-transform:translate(0,60px); opacity: 0;}
	}

	.banner_txt .txtbox p{
		font-size: 30px;
		line-height: 50px;
	}
	.banner_txt .txtbox .ltxt{
		margin-right: 0;
	}
	.banner_txt .txtbox .ltxt{
		float: left;
		margin-left: 10px;
	}
	.en-us .banner_txt{
		width: 580px;
		height: 160px;
		top: 38%;
		text-align: center;
	}
	.en-us .banner_txt .txtbox p{
		font-size: 30px;
		line-height: auto;
		width: 100%;
		text-align: center;
	}
	.en-us .banner_txt .hook_area{
		width: 100%;
		text-align: center;
		height: 60px;
		left: 0;
		top: 50px;
	}
	.en-us .banner_txt .hook_area .word{
		height: 45px;
		font-size: 30px;
		left: 50%;
		transform: translateX(-50%);
		-ms-transform: translateX(-50%);
		-o-transform: translateX(-50%);
		-ms-transform: translateX(-50%);
		-webkit-transform: translateX(-50%);
		text-align: center;
	}
	.en-us .banner_txt .txtbox .ltxt{
		margin-bottom: 70px;
	}


	@keyframes m_a_banner_start{
		0%{ -webkit-transform:translate(-50%,88px); opacity: 1;}
		100%{ -webkit-transform:translate(-50%,0);  opacity: 1;}
	}

	@keyframes m_a_banner_end{
		0%{ -webkit-transform:translate(-50%,0px); opacity: 1;}
		100%{ -webkit-transform:translate(-50%,-88px); opacity: 1; }
	}

	.en-us .banner_txt .hook_area.animation1 .word_1{  -webkit-animation: m_a_banner_start 0.2s linear forwards; }

	.en-us .banner_txt .hook_area.animation2 .word_1{  -webkit-animation: m_a_banner_end 0.2s linear forwards; }
	.en-us .banner_txt .hook_area.animation2 .word_2{  -webkit-animation: m_a_banner_start 0.2s linear forwards; }

	.en-us .banner_txt .hook_area.animation3 .word_2{  -webkit-animation: m_a_banner_end 0.2s linear forwards; }
	.en-us .banner_txt .hook_area.animation3 .word_3{  -webkit-animation: m_a_banner_start 0.2s linear forwards; }


	.en-us .banner_txt .hook_area.animation4 .word_3{  -webkit-animation: m_a_banner_end 0.2s linear forwards; }
	.en-us .banner_txt .hook_area.animation4 .word_4{  -webkit-animation: m_a_banner_start 0.2s linear forwards; }

	
	.wrap_footer{ height: auto;}
	.footer_con{ width:100%; height: auto;}
	.footer_con .tit{ font-size: 16px; margin-left: 30px; margin-right: 21px; margin-bottom: 0px;}
	.footer_con .tit_area{ display: block;  height: 52px; line-height: 52px; position: relative;}
	.footer_con .join_list,.footer_con .contact_list,.footer_con .legal_list{ display:block; height: 0; transition: height 0.3s ease-out;}
	.footer_con .join_list li a,.footer_con .contact_list li a,.footer_con .legal_list li a{ margin-bottom: 0px; padding: 9px 0; margin-left: 30px; font-size: 14px;}
	.footer_area .links{ display:none;}
	.footer_con .focus_list{ display:block;}
	.footer_con .focus_us .focus_list li a{ margin-bottom: 0px;}
	.footer_con .tit_area .icon{ display: block; height:12px; width: 12px; background:none no-repeat 0 0; background-size: contain; position: absolute; right: 28px; top: 20px; transition:transform 0.2s ease-out;}
	.footer_con .logo_tencent{ display:none;}

	.join_us, .contact_us, .legal_info{ width:100%; float: none; overflow: hidden;}
	.legal_info{ margin-bottom:18px;}

	.focus_us{ padding-top:41px; border-bottom: none; height: 22px; margin-bottom: 18px;}
	.focus_us .focus_list li{ margin-right: 23px;}
	.focus_us .focus_list li a{ display:block; height: 22px; width: 22px;}
	.focus_us .focus_list li a .icon{ display:block; height: 22px; width: 22px;}

	.footer_con .sublist_show ul{ height:117px;}
	.footer_con .contact_us.sublist_show ul{
		height: 148px;
	}
	.footer_con .sublist_show .tit_area .icon{ transform:rotate(180deg);}

	.footer_area{ position: static; margin-bottom: 29px;}
	.footer_area .copyright{ color: #929797; font-size: 12px; padding: 0 30px;box-sizing: border-box; float: none; line-height: 1.8;}
	.footer_area .flag_m{ display:block;}
	.footer_area .copyright .flag_num{ display: inline-block; color: #929797;display: block;}
	.footer_area .copyright .flag_num span{
		margin-left: 20px;
	}


	.back_to_top{ display:block; width: 100%; height: 50px;}
	.back_to_top .back{ display:block; height: 50px; width: 100%; text-align: center; font-size: 16px; color: #111; line-height: 50px;}


	
	.descript_area{ width: 100%; height: auto;}
	.descript_area .txt{ font-size: 16px; line-height: 29px; padding-top: 48px;padding-bottom: 24px;}
	.descript_area .txt span.m{ display:block;}


	.link_area{ height:auto; background: #fbfbfb; width: 100%; margin-bottom: 0;padding: 0 24px;box-sizing: border-box;overflow: hidden;padding-bottom: 20px;}
	.link_area .link_hook{ width: 100%; height: 100%;}
	.link_area .link_tab{ width: 100%;}
	.link_area .tab_list li{ display: block; height: 240px; width: 100%; background:none no-repeat center center; background-size: cover; margin: 12px auto 0; opacity: 1;}
	.link_area .tab_list li:nth-child(1){
		margin-top: 20px;
	}
	.link_area .tab_list li.list_item_2{ background-image:none;}
	.link_area .tab_list li.list_item_3{ background-image:none;}
	.link_area .tab_list .icon{ display:none;}
	.link_area .tab_list .tit:after{ display:none;}
	.link_area .tab_list li .tit{ margin-left:0px; font-size:24px;}
	.link_area .tab_list li .txt{ margin-left:0px;}
	.link_area .tab_list li.current .tit{ margin-left:0px;font-size: 24px;}
	.link_area .tab_list li.current .txt{ margin-left:0px;}
	.link_area .tab_list .tit{ left:32px; margin-top: 0px; top: auto; bottom: 100px; font-size: 24px;}
	.link_area .tab_list .txt{ left:32px; margin-top: 0px; top: auto; bottom: 32px; font-size: 14px;}
	.link_area .tab_list li.list_item_2 .tit{ margin-top: 0px;}
	.link_area .link_content{ display:none;}

	.resp_area{ width:auto; height: auto; margin-bottom: 0px;}
	.resp_area .resp_details{ position:static; width: 100%; height: auto; margin-left: 0px; margin-top: 0;padding: 0; padding-top: 0px;padding-bottom: 32px;}
	.resp_area .resp_details .tit{ width:auto;margin: 42px 32px 10px 32px; font-size: 24px;}
	.en-us .resp_area .resp_details .tit{
		white-space: normal;
	}
	.resp_area .resp_details .txt{ width:auto; margin-left:32px;margin-right: 32px;; margin-bottom: 20px; font-size: 14px;}
	.resp_area .resp_details .icon_arrow_r{ margin-left:32px; background:none no-repeat 0 0; background-size: contain;}

	.resp_area .public_welfare{ width: 100%; height: 350px; margin: 0px auto;}
	.resp_area .public_welfare .hook_tri{ display:none;}

	.resp_area .slide_area{  width: 100%;height: 100%;}
	.resp_area .slide_area .icon_arrow{ display:none;}
	.resp_area .slide_list{ width: 100%; height: 100%;}
	.resp_area .slide_list li{ width: 100%; height: 100%; }
	.resp_area .slide_list li .img{ position:static; width: 100%; height:100%;}
	.resp_area .slide_list li .tit{ font-size:16px; left: 24px; bottom: 44px; z-index: 2;width: auto;right: 24px;}
	.resp_area .slide_list li .txt{ width: auto; font-size:14px; left: 24px;right: 24px; bottom: 18px; z-index: 2;line-height: 25px;}
	.resp_area .slide_list li .shadow_bg{ background: -webkit-linear-gradient(bottom,rgba(0,0,0,0.25),rgba(0,0,0,0));}

	.develop_area{ height: auto; margin-bottom: 12px;}
	.develop_con{ width:100%;}
	.develop_area .develop_details{ position:static; width: 100%; height: auto; margin: 0px 24px; padding-top: 0px;padding-bottom: 32px;}
	.develop_area .develop_details .tit{ width:auto; margin: 72px 32px 10px 32px; font-size: 24px;}
	.develop_area .develop_details .tit br{ display:none;}
	.develop_area .develop_details .txt{ width:auto; margin-left:32px;margin-right: 32px; margin-bottom: 20px; font-size: 14px;}
	.develop_area .develop_details .txt br{ display:none;}
	.develop_area .develop_details .icon_arrow_r{ margin-left:32px; background:none no-repeat 0 0; background-size: contain;}
	.develop_area .slide_area{ width:auto;margin: 0 24px;box-sizing: border-box;}
	.develop_area .slide_list{ width:100%;}
	.develop_area .slide_list li img{ width: 100%; height: 100%;}

  
  .ser-box{
    padding-top: 12px;
  }
  .search-form{
    margin-bottom: 12px;
  }
  .search-form .search-input{
    height: 49px;
    line-height: 49px;
    padding: 0 16px;
    font-size: 16px;
  }
  .search-form .close{
    right: 16px;
  }

  .search-content  .tab-ul-box{
    width: auto;
    position: relative;
    overflow-x: auto;
    overflow-y: hidden;
	height: 38px;
	padding-bottom: 0;
  }
  .search-content .tab-ul{
    position: absolute;
    left: 20px;
	top: 0;
	height: 38px;
	padding-left: 0px;
	padding-right: 0px;
	box-sizing: border-box;
    display: block;
    white-space: nowrap;
  }
  .search-content .tab-ul li{
    font-size: 14px;
    margin-right: 20px;
  }
  .search-content .no-data-tip{
    font-size: 20px;
    width: 100%;
    text-align: center;
    margin-top: 100px;
  }
  .search-content .search-list-box .list-box{
    margin-top: 12px;
  }
  .search-content .search-list-box .list-box .list{
    margin-bottom: 28px;
  }
  .search-content .search-list-box .list-box .list .title{
    font-size: 16px;
    line-height: 28px;
  }
  .search-content .search-list-box .list-box .list .desc{
    font-size: 14px;
    line-height: 25px;
  }
  .search-content .search-list-box .list-box .list .mess p{
    font-size: 12px;
  }
  .search-content .search-list-box .list-box .list .mess .line{
    height: 14px;
    margin: 6px 8px 0 8px;
  }

  
  .business-user{
	  padding-bottom: 12px;
  }
  .mod-section-ad{
	height: 390px;
  }
  .mod-section-ad .mod-con{
	padding: 0 30px;
	margin: 0;
  }
  .mod-section-ad h2{
	  margin-top: 48px;
	  font-size: 32px;
  }
  .media .mod-section-ad h2{
	  margin-top: 60px;
  }
  .mod-section-ad .desc{
	  line-height: 25px;
	  font-size: 14px;
	  width: 100%;
	  margin-bottom: 20px;
  }
  .video-icon{
	width: 23px;
	height: 23px;
	margin-right: 9px;
  }
  .mod-section-ad .video-text{
	  line-height: 23px;
	  font-size: 16px;
  }
  .mod-tab li a{
	font-size: 16px;
	line-height: 24px;
	padding: 12px 0;
  }
  .mod-tab li{
	  margin-right: 24px;
  }
  .business-user .section-item.white-bg,.together .section-item.gray-bg{
	  padding-top: 48px;
	  padding-left: 12px;
	  padding-right: 12px;
	  padding-bottom: 48px;
  }
    .together .section-item.gray-bg{
        background: #fff;
        padding-top: 0;
        padding-left: 18px;
        padding-right: 18px;
    }
    .together .section-item .mod-s-con{
        padding-right: 0;
    }
    .business-user .section-item.section-item .mess-text,.together .section-item.section-one-item .mess-text{
	  margin-top: 0;
	  width: 100%;
	  padding: 0 13px;
	  box-sizing: border-box;
  }
    .together .section-item.section-one-item .mess-text{
        padding: 0;
    }
  .business-user .section-item .mess-text h3,.together .section-item .mess-text h3{
	  font-size: 24px;
		margin-bottom: 16px;
		text-align: center;
  }
    .together .section-item .mess-text h3{
        text-align: left;
    }
    .together .brand-item .label-box h3{
        font-size: 24px;
        padding-left: 18px;
    }
    .business-user .section-item .product-box,.together .section-item .product-box{
	  width: 100%;
	  float: left;
	  margin-top: 20px;
  }
  .business-user .section-item .product-box .box,.together .section-item .product-box .box{
	  padding-top: 0;
	  min-height: 96px;
	  width: 100%;
	  padding: 18px 20px;
	}
	.business-user .section-item .product-box .hide-box{
		display: none;
	}
  .business-user .section-item .product-box .box .logo-pic,.together .section-item .product-box .box .logo-pic{
	  float: left;
	  width: 60px;
	  height: 60px;
	  margin-right: 20px;
  }
  .business-user .section-item .product-box .box .logo-pic img,.together .section-item .product-box .box .logo-pic img{
	  width: 60px;
	  height: 60px;
  }
  .business-user .section-item .product-box .box .mess,.together .section-item .product-box .box .mess{
	  overflow: hidden;
	  width: auto;
	  margin-top: 0;
	  text-align: left;
  }
  .business-user .section-item .product-box .box .name,.together .section-item .product-box .box .name{
	  font-size: 16px;
	  line-height: 29px;
  }
  .business-user .section-item .product-box .box .desc,.together .section-item .product-box .box .desc{
		font-size: 14px;
		line-height: 25px;
		text-align: left;
	}
	.business-user .section-two-item .product-box,.business-user .section-three-item .product-box,.business-user .section-four-item .product-box{
		overflow: hidden;
	}
	.mobile-box{
		display: block;
		width: 100%;
		overflow: hidden;
	}
	.mobile-box .more{
		text-align: center;
		height: 60px;
		line-height: 60px;
		cursor: pointer;
	}
	.mobile-box .more p{
		display: inline-block;
		font-size: 14px;
		letter-spacing: -0.01px;
		  color: #5a5f5f;
		  position: relative;
		  padding-right: 18px;
	}
	.mobile-box .more img{
		width: 12px;
		height: 12px;
		position: absolute;
		right: 0;
		top: 50%;
		margin-top: -5px;
	}
	.business-user .section-two-item,.business-user .section-three-item,.business-user .section-four-item{
		padding-bottom: 0 !important;
		padding-left: 0px;
	}

	
	.business .brand-item .b-flx .pc-flx{
		display: none;
	}
	.business .brand-item .b-flx .mobile-flx{
		display: block;
	}
	.to-b .product-box .mid-label,.together .product-box .mid-label{
		text-align: left;
		margin-bottom: 24px;
	}
    .together .product-box .mid-label{
        margin-bottom: 0;
    }
    .to-b .product-box .item,.together .product-box .item{
		width: 100%;
		height: auto;
		min-height: auto;
		margin-bottom: 12px;
		padding: 28px 28px 42px 28px;
	}
    .together .product-box .item{
        margin-top: 0;
        margin: 0;
        margin-bottom: 12px;
        padding-bottom: 24px;
    }
    .together .product-box .item.item-five {
        margin-bottom : 12px !important;
    }
    .to-b .product-box .item-two{
		margin-bottom: 0;
	}
	.to-b .brand-three-item.white-bg{
		padding-bottom: 12px;
	}

	.to-b .swiper-flx .pic-box,.to-b .swiper-flx .tab-box{
		display: none;
	}

	.to-b .swiper-flx{
		margin-top: 20px;
	}

	.swiper-two-box{
		display: block;
	}

    .together .product-box{
        width: 100%;
        overflow: hidden;
    }
    .to-b .product-box,.together .product-box{
        margin-top: 45px;
    }
    .together .product-box,.together .product-box{
        margin-top: 48px;
        overflow: hidden;
        margin-left: 12px;
        margin-right: 12px;
        box-sizing: border-box;
        width: auto;
    }
    .to-b .product-box .mid-label,.together .product-box .mid-label{
        margin-left: 8px;
        margin-right: 8px;
        font-size: 20px;
    }
    .together .product-box .mid-label{
        margin-left: 18px;
    }
    .together .product-box .mid-label{
        font-size: 24px;
        margin-bottom: 16px;
    }
    .together .product-box .item .pic{
        margin-bottom: 12px;
    }
    .together .product-box .item .pic img{
        height: 28px;
    }
    .together .product-box .item .pic p{
        font-size: 16px;
        line-height: 28px;
    }

	
	.business-ent .brand-item .label-box{
		width: 25%;
		margin-right: 2%;
	}
	.business-ent .brand-one-item .label-box img{
		width: 160px;
	}
	.business-ent .brand-two-item .label-box img{
		width: 147px;
	}

	
	.student .brand-item.white-bg,.together .brand-item.white-bg{
		padding-top: 0;
		padding-bottom: 40px;
	}
    .together .brand-item.brand-two-item{
        padding-top: 0px;
        padding-bottom: 0px;
        margin-bottom: 48px;
    }
    .together .brand-item.brand-two-item h3,.together .brand-item.brand-one-item .ts-mod-m-title{
        text-align: left;
        padding: 0 12px;
    }
    .together .brand-item.brand-two-item .mod-graph-box .graph-box h4,.together .brand-item.brand-one-item .mod-graph-box .graph-box h4{
        padding: 0 24px;
        box-sizing: border-box;
        font-size: 20px;
        margin-top: 20px;
    }
    .together .brand-item.brand-two-item .graph-link-box,.together .brand-item.brand-one-item .graph-link-box{
        margin-top: 8px;
        padding: 0 24px;
        box-sizing: border-box;
    }
    .together .brand-item.brand-two-item .graph-link-box a,.together .brand-item.brand-one-item .graph-link-box a{
        font-size: 14px;
        color: #0052D9;
        letter-spacing: 0;
        line-height: 25px;
        margin-right: 34px;
    }
    .ts-bg{
        padding: 32px 0;
        text-align: left;
    }
    .ts-bg .title{
        text-align: left;
        font-size: 16px;
        color: #5F6464;
        letter-spacing: 0;
        line-height: 29px;
        margin-bottom: 12px;
    }
    .ts-bg .desc{
        font-size: 14px;
        color: #5F6464;
        letter-spacing: 0;
        line-height: 25px;
        text-align: left;
    }
    .exemption-box{
        padding: 0 16px;
    }
    .student .brand-item.gray-bg,.together .brand-item.gray-bg{
        padding-top: 48px;
		margin-top: 24px;
	}
    .mod-graph-box .r-graph{
        margin-top: 24px;
    }
    .student .brand-one-item,.together .brand-one-item{
		margin-top: 24px;
	}
	.mod-graph-box{
		margin-top: 16px;
	}
	.mod-m-title{
		font-size: 24px;
	}
	.mod-graph-box .graph-box{
		width: 100%;
	}
	.student .artice-box .text-box,.together .artice-box .text-box{
		width: 100%;
		padding: 0;
		float: left;
		position: relative;
		top: 0;
		left: 0;
		padding: 40px 28px 49px 28px;
		-webkit-transform: translateY(0);
	}
	.student .artice-box img,.together .artice-box img{
		float: left;
	}
    .together .artice-box .san{
        display: none;
    }
	.student .artice-box .text-box h3,.together .artice-box .text-box h3{
		font-size: 24px;
		width: 100%;
		overflow: hidden;
	}
	.student .artice-box .text-box h4,.together .artice-box .text-box h4{
		margin-top: 16px;
		margin-bottom: 4px;
	}
	.student .artice-box .text-box .desc,.together .artice-box .text-box .desc{
		font-size: 14px;
		line-height: 25px;
	}
    .together .artice-box .text-box .desc{
        -webkit-line-clamp: unset;
    }

    .student .artice-box .text-box h3 img,.together .artice-box .text-box h3 img{
		width: 120px;
	}
	.student .brand-two-item .mod-con,.together .brand-two-item .mod-con{
		width: 100%;
		margin: 0;
	}
    .together .brand-two-item .mod-con,.together .brand-one-item .mod-con{
        margin: 0 0px;
        width: auto;
    }
	.mod-graph-box .not-font h4{
		padding: 0 24px;
		font-size: 16px;
		margin-bottom: 4px;
		line-height: 29px;
	}
	.mod-graph-box .graph-box .desc{
		padding: 0 24px;
		font-size: 14px;
		line-height: 25px;
	}
	.student .brand-item .label-box{
		width: 100%;
	}
	.student .brand-item .desc-box{
		width: 100%;
		float: left;
	}

	.student .brand-three-item{
		padding-top: 48px !important;
		padding-bottom: 48px !important;
	}
	.student .brand-item .label-box h3{
		font-size: 24px;
		margin-bottom: 12px;
	}
	.student .brand-three-item .mod-con{
		margin: 0 24px;
	}
	.student .type-box{
		margin-top: 20px;
	}
.brand-for-item.white-bg .mod-con{
		margin: 0;
	}
	.student .brand-for-item.white-bg,.media .brand-for-item.white-bg,.investor .brand-for-item.white-bg{
		padding-bottom: 0;
	}
	.link-box .mess,.investor .link-box .mess{
		left: 40px;
		top: 48px;
	}

	.link-box .mess h2{
		font-size: 24px;
		margin-bottom: 12px;
	}
	.link-box .mess .desc{
		margin: 0;
		font-size: 16px;
		line-height: 29px;
		margin-bottom: 24px;
	}
	.investor .link-box .mess .desc,.media .link-box .mess .desc{
		margin-bottom: 0;
	}
	.link-box .bbox{
		margin-top: 6px;
	}
	.investor .link-box .bbox .email{
		line-height: 30px;
	}
	.link-box .bbox img{
		width: 75px;
		margin-top: 4px;
		display: block;
	}
	.link-box .mess .go-link{
		margin-top: 0;
		overflow: hidden;
	}
	.pc-box{
		display: none;
	}
	.mobile-box{
		display: block;
	}
	.link-box .bg{
		margin-top: -47%;
	}

	
	.brand-item.white-bg{
		padding-top: 48px;
	}
	.brand-one-item.white-bg{
		padding-bottom: 13px;
	}
	.brand-item.gray-bg{
		padding-top: 48px;
	}
	.responsibility .brand-two-item .mod-con{
		margin: 0;
	}
	.responsibility .mod-graph-box{
		margin-top: 24px;
	}
	.responsibility .mod-type-box{
		padding: 0 12px;
	}
	.responsibility .brand-three-item .mod-con{
		margin: 0;
	}
	.responsibility .mod-graph-box .graph-box h4{
		padding: 0 24px;
		font-size: 20px;
		margin-top: 20px;
		margin-bottom: 12px;
	}
	.responsibility .mod-graph-box .graph-box-3{
		margin-bottom: 20px;
		padding: 0 12px;
		box-sizing: border-box;
		margin-left: 0;
		margin-right: 0;
	}
	.responsibility .mod-graph-box .graph-box-3 h4{
		margin-top: 8px;
		margin-bottom: 4px;
		font-size: 16px;
		line-height: 29px;
		padding:0px;
	}
	.responsibility .mod-graph-box .graph-box-3 .desc{
		padding:0px;
	}
	.responsibility .mod-graph-box .l-graph{
		margin-bottom: 24px;
	}
	.responsibility .mod-graph-box .r-graph{
		margin-top: 0;
	}
	.responsibility .brand-two-item.gray-bg{
		padding-bottom: 8px;
	}
	.mod-type-box .item .label{
		margin-bottom: 0;
	}
	.responsibility .link-box{
		margin-top: 36px;
	}
	.responsibility .brand-three-item{
		padding-bottom: 0 !important;
	}

	
	.mod-tab-nt  .mod-con{
		position: relative;
		overflow-x: auto;
		overflow-y: hidden;
		height: 41px;
		padding-bottom: 0;
	}
	.mod-tab-nt .mod-con ul{
		position: absolute;
		left: 16px;
		top: 0;
		height: 41px;
		padding-left: 0px;
		padding-right: 0px;
		box-sizing: border-box;
		display: block;
		white-space: nowrap;
	}
	.mod-tab-nt li{
		display: inline-block;
		float: none;
	}
	.mod-tab-nt li a{
		padding: 10px 0;
		line-height: 21px;
		font-size: 14px;
	}
	.dynamics-flx{
		margin-top: 28px;
	}
	.media .brand-item.brand-item-one .label-box h3{
		font-size: 24px;
	}
	.media .brand-item.brand-item-one{
		padding-bottom: 28px;
	}
	.media .brand-item .t-flx{
		padding: 0 8px;
	}
	.brand-item .look-more{
		margin-top: 10px;
	}
	.brand-item .look-more a{
		font-size: 14px;
	}
	.brand-item .look-more i{
		width: 7px;
		height: 12px;
		margin-left: 5px;
	}
	.dynamics-flx .list-box{
		width: 100%;
		margin-right: 0;
		margin-bottom: 16px;
	}
	.dynamics-flx .list-box img{
		width: 115px;
		float: left;
		margin-bottom: 0;
	}
	.dynamics-flx .list-box .mess{
		overflow: hidden;
		padding: 0;
		padding-left: 12px;
	}
	.dynamics-flx .list-box .mess .title{
		font-weight: 400;
		font-size: 14px;
		line-height: 25px;
		margin-bottom: 8px;
		box-sizing: border-box;
	}
	.dynamics-flx .list-box .mess .desc{
		display: none;
	}
	.dynamics-flx .list-box .mess .date{
		font-size: 14px;
		line-height: 14px;
	}

	.new-mod-flx .b-box{
		width: 100%;
		margin: 0;
		margin-bottom: 12px;
		padding: 20px 12px 22px 12px;
	}
	.new-mod-flx .b-box:last-child{
		margin-bottom: 0;
	}
	.new-mod-flx h4{
		padding-left: 0;
		color: #5F6464;
		font-size: 14px;
	}
	.new-mod-flx .list-box{
		margin-top: 21px;
	}
	.new-mod-flx .list-box .list{
		height: auto;
		min-height: auto;
		margin-top: 20px;
	}
	.mobile-box-1{
		display: none;
	}
	.new-mod-flx .list-box .list .mess{
		width: 82%;
		padding: 0;
	}
	.new-mod-flx .list-box .list .title{
		font-size: 16px;
		line-height: 24px;
		text-overflow: -o-ellipsis-lastline;
		overflow: hidden;
		text-overflow: ellipsis;
		display: -webkit-box;
		-webkit-line-clamp: 2;
		line-clamp: 2;
		-webkit-box-orient: vertical;
		white-space: normal
	}
	.new-mod-flx .list-box .list .date{
		font-size: 12px;
		line-height: 21px;
	}
	.new-mod-flx .list-box .list .abstract{
		font-size: 14px;
		line-height: 25px;
	}
	.new-mod-flx .list-box .list .abstract .blue-awart-icon{
		width: 14px;
		margin-top: 6px;
	}
	.new-mod-flx .list-box .list .down-icon{
		display: block;
		width: 43px;
		height: 43px;
		right: 0px;
		top: 0px;
		bottom: auto;
	}
	.media .brand-item-two.gray-bg{
		padding-bottom: 28px;
	}
	.perspective-flx{
		margin-top: 28px;
	}
	.perspective-flx .pic{
		width: 100%;
		margin-bottom: 20px;
	}
	.perspective-flx .pic .label{
		font-size: 16px;
		line-height: 24px;
		word-break: break-all;
		text-overflow: ellipsis;
		display: -webkit-box;
		-webkit-box-orient: vertical;
		-webkit-line-clamp: 2;
		overflow: hidden;
		white-space: inherit;
		font-weight: 400;
		padding: 8px 16px;
	}
	.perspective-flx .list-box{
		width: 100%;
		float: left;
	}
	.perspective-flx .list-box .li{
		margin-top: 20px;
		border-bottom: 1px solid #F2F3F5;
		padding-bottom: 20px;
	}
	.perspective-flx .list-box .li .label{
		font-size: 16px;
		line-height: 24px;
		word-break: break-all;
		text-overflow: ellipsis;
		display: -webkit-box;
		-webkit-box-orient: vertical;
		-webkit-line-clamp: 2;
		overflow: hidden;
		white-space: inherit;
	}
	.perspective-flx .list-box .li .date{
		margin-top: 4px;
		font-size: 14px;
		line-height: 21px;
	}
	.media .brand-item-three.white-bg{
		padding-bottom: 0px;
	}
	.medis-mess-box .media-tab{
		margin-top: 30px;
	}
	.medis-mess-box .media-tab .ul li{
		width: 25%;
		height: 104px;
		padding-top: 15px;
		padding-bottom: 0;
	}
	.medis-mess-box .media-tab .ul li .line{
		height: 2px;
	}
	.medis-mess-box .media-tab .ul li img{
		height: 36px;
		margin-bottom: 8px;
	}
	.medis-mess-box .media-tab .ul li .label{
		font-size: 14px;
		line-height: 19px;
	}
	.medis-mess-box .con-tab-box .mod-con{
		margin: 0 20px;
	}
	.medis-mess-box .con-tab-box .con-tab-mod{
		padding-top: 20px;
		height: auto;
	}
	.medis-mess-box .con-tab-box .con-tab-mod .list{
		width: 48.3%;
		margin-right: 3.4%;
		margin-bottom: 18px;
	}
	.medis-mess-box .con-tab-box .con-tab-mod .c-r-m{
		margin-right: 0;
	}
	.medis-mess-box .con-tab-box .con-tab-mod .list:nth-child(2){
		margin-right: 0;
	}
	.medis-mess-box .con-tab-box .con-tab-mod .list .pic-box{
		margin-bottom: 4px;
	}
	.medis-mess-box .con-tab-box .con-tab-mod .list .label{
		font-size: 14px;
		line-height: 25px;
	}
	.medis-mess-box .con-tab-box .con-tab-mod .look-all .label{
		margin-top: 20px;
	}
	.medis-mess-box .con-tab-box .con-tab-mod .list:nth-of-type(n+5) {
		display: none;
	}
	.medis-mess-box .con-tab-box .con-tab-1 .title{
		font-size: 16px;
		line-height: 20px;
		margin-bottom: 45px;
	}
	.medis-mess-box .con-tab-box .con-tab-1 .list{
		width: 33.3333%;
		margin-right: 0;
	}
	.medis-mess-box .con-tab-box .con-tab-1 .list img{
		width: 30px;
	}
	.medis-mess-box .con-tab-box .con-tab-1 .list .label{
		font-size: 12px;
		line-height: 25px;
		margin-bottom: 2px;
	}
	.medis-mess-box .con-tab-box .con-tab-1 .list a{
		font-size: 12px;
	}
	.medis-mess-box .con-tab-box .con-tab{
		height: auto;
		overflow: hidden;
		padding-bottom: 28px;
	}
	.mobile-box-2{
		display: block;
	}
	.mobile-box-2 .more{
		width: 100%;
		overflow: hidden;
		text-align: center;
		height: 60px;
		line-height: 60px;
	}
	.mobile-box-2 .more p a{
		display: block;
	}
	.mobile-box-2 .more p{
		display: inline-block;
		font-size: 14px;
		color: #0052D9;
		letter-spacing: -0.01px;
		position: relative;
		padding-right: 16px;
	}
	.mobile-box-2 .more img{
		width: 12px;
		height: 12px;
		position: absolute;
		right: 0;
		top: 50%;
		margin-top: -5px;
	}
	.media .brand-item.brand-item-four{
		padding-bottom: 0px;
	}
	.media .brand-item.brand-item-four .mod-max-con{
		margin: 0;
	}
	.media .brand-item-seven.white-bg{
		padding-top: 0;
		padding-bottom: 12px;
	}
	.contact-us-box{
		padding: 45px 28px 40px 28px;
	}
	.contact-us-box .t-line-flx{
		border-bottom: none;
		margin-bottom: 32px;
	}
	.contact-us-box .mess-box .bbox{
		width: 100%;
		margin-bottom: 24px;
	}
	.contact-us-box .mess-box .bbox:last-child{
		margin-bottom: 0px;
	}
	.contact-us-box .mess-box .bbox .email{
		line-height: 30px;
	}

	
	.investor .new-mod-flx{
		margin-top: 28px;
	}

	.investor .new-mod-flx .b-box{
		background: #FBFBFB;
	}
	.investor .brand-item-one.white-bg{
		padding-bottom: 28px;
	}
	.investor .t-line-flx{
		border-bottom: none;
		margin-bottom: 27px;
		padding-bottom: 0;
	}
	.notice-flx .l-box{
		width: 100%;
	}
	.investor .notice-flx .r-box{
		width: 100%;
		padding-top: 40px;
	}
	.investor .title-mod{
		margin-bottom: 20px;
		padding: 0 8px;
		box-sizing: border-box;
	}
	.notice-flx .l-box .list-box .list .li-ind{
		display: none;
	}
	.notice-flx .l-box .list-box .list .mess{
		width: 100%;
	}
	.notice-flx .b-box .list-box{
		height: auto;
		padding: 5px 0 0 20px;
	}
	.notice-flx .l-box .list-box .list{
		padding-top: 20px;
		border-bottom: 1px solid #F2F3F5;
		padding-bottom: 14px;
		position: relative;
		margin-top: 0;
	}
	.notice-flx .l-box .list-box .list:last-child{
		border-bottom: none;
	}
	.notice-flx .l-box .list-box .list:after{
		content: ' ';
		width: 12px;
		height: 12px;
		right: 21px;
		top: 50%;
		margin-top: -6px;
		background: none no-repeat center;
		background-size: 100% 100%;
		position: absolute;
	}
	.notice-flx .r-box .list-box .year-line{
		display: none;
	}

	.investor .t-flx{
		padding: 0 8px;
		box-sizing: border-box;
	}

	.title-mod h4{
		font-size: 20px;
		line-height: 30px;
	}
	.investor .brand-item .look-more{
		margin-top: 10px;
	}
	.investor .brand-item .notice-flx .look-more{
		margin-top: 5px;
	}
	.notice-flx .l-box .list-box .list .mess{
		width: 83%;
	}
	.notice-flx .l-box .list-box .list .title{
		word-break: break-all;
		text-overflow: ellipsis;
		display: -webkit-box;
		-webkit-box-orient: vertical;
		-webkit-line-clamp: 2;
		overflow: hidden;
		white-space: inherit;
		line-height: 21px;
		margin-bottom: 4px;
	}
	.notice-flx .l-box .list-box .list .date{
		font-size: 12px;
		line-height: 21px;
	}
	.notice-flx .r-box .list-box{
		padding: 0;
	}
	.notice-flx .r-box .list-box .year-box .item{
		width: 48%;
		margin-right: 4%;
		border: 1px solid #EFEFEF;
		box-sizing: border-box;
		margin-top: 12px;
	}
	.notice-flx .r-box .list-box .year-box .item:nth-child(2n){
		margin-right: 0;
	}
	.notice-flx .r-box .list-box .year-box .item:hover .down-icon {
		display: none;
	}
	.new-mod-flx .list-box .list:hover .line{
		display: none;
	}
	.notice-flx .r-box .list-box .year-box .conbox{
		width: 100%;
		padding: 0 16px;
		height: 102px;
	}
	.notice-flx .r-box .list-box .year-box .shadow{
		display: none;
	}
	.notice-flx .r-box .list-box .year-box .item .year-label .year{
		font-size: 24px;
	}
	.notice-flx .r-box .list-box .year-box .item .year-label .type{
		width: 27px;
		height: 15px;
		font-size: 9px;
		line-height: 15px;
		margin-top: 15px;
		margin-left: 12px;
		padding: 0 3px;
	}
	.notice-flx .r-box .list-box .year-box .item .type-text{
		margin-top: 1px;
		line-height: 25px;
	}
	.notice-flx .r-box .list-box .year-box .item .mobile-box-2{
		display: block;
	}
	.investor .brand-item.brand-item-two{
		padding-bottom: 27px;
	}
	.ly-flx .b-box{
		width: 100%;
		float: left;
		margin-bottom: 57px;
	}
	.ly-flx .b-box:last-child{
		margin-bottom: 0;
	}
	.ly-flx .l-box .list-box .title{
		height: 52px;
		line-height: 52px;
		font-size: 16px;
		padding: 0 20px;
		text-align: left;
	}
	.ly-flx .l-box .list-box .item{
		padding-left: 20px;
		padding-right: 20px;
		margin-top: 15px;
	}
	.ly-flx .l-box .list-box .item .val .play-icon img{
		width: 23px;
		height: 23px;
	}
	.ly-flx .l-box .list-box .item .label{
		margin-right: 20px;
	}
	.ly-flx .l-box .list-box .item .val .tel-mess li{
		line-height: 25px;
		font-size: 14px;
	}
	.ly-flx .l-box .list-box .item .val .hy-phone{
		font-size: 14px;
	}
	.ly-flx .l-box .list-box{
		height: auto;
		padding-bottom: 28px;
		min-height: auto;
	}
	.ly-flx .r-box .list-box .tab-con-box .con-box .step-line{
		display: none;
	}
	.investor .ly-flx .r-box .list-box{
		height: auto;
		min-height: auto;
		padding-bottom: 0px;
	}
	.ly-flx .r-box .list-box .tab-con-box .con-box .tips{
		margin: 100px 0;
	}
	.ly-flx .r-box .list-box .tab-con-box .con-box .step-box .item .t .title{
		width: 92%;
		font-size: 16px;
		line-height: 24px;
		text-overflow: -o-ellipsis-lastline;
		overflow: hidden;
		text-overflow: ellipsis;
		display: -webkit-box;
		-webkit-line-clamp: 2;
		line-clamp: 2;
		-webkit-box-orient: vertical;
		white-space:normal;
	}
	.ly-flx .r-box .list-box .tab-box{
		height: 47px;
	}
	.ly-flx .r-box .list-box .tab-box .tab-li p{
		height: 47px;
		line-height: 47px;
		font-size: 16px;
	}
	.ly-flx .r-box .list-box .tab-con-box .con-box .step-box .item .radius-dian{
		display: none;
	}
	.ly-flx .r-box .list-box .tab-con-box .con-box .step-box{
		width: 100%;
	}
	.ly-flx .r-box .list-box .tab-con-box .con-box .step-box .item{
		padding: 0;
		margin-top: 0;
		padding: 16px 21px 16px 0;
		margin-left: 20px;
		position: relative;
		border-top: 1px solid #F2F3F5;
		width: auto;
	}
	.ly-flx .r-box .list-box .tab-con-box .con-box .step-box .first-item{
		border-top: none;
	}
	
	
	
	.ly-flx .r-box .list-box .tab-con-box .con-box .step-box .item .t .more-icon{
		position: absolute;
		top: 36px;
		width: 12px;
		right: 21px;
		margin-top: 0;
	}
	.investor .brand-item-three.white-bg{
		padding-bottom: 26px;
	}
	.tool-flx{
		margin-top: 27px;
	}
	.tool-flx .item-box{
		width: 33.33333%;
		margin-right: 0;
		height: auto;
		padding-bottom: 16px;
		margin-bottom: 16px;
	}
	.tool-flx .item-box img{
		height: 40px;
		margin-top: 25px;
	}
	.tool-flx .item-box .label{
		font-weight: normal;
	}
	.investor .brand-item-four.gray-bg{
		padding-bottom: 30px;
	}
	.investor .title-logo{
		display: none;
	}
	.stock-flx{
		margin-top: 28px;
	}
	.stock-flx .stock-l-box,.stock-flx .stock-r-box{
		width: 100%;
		padding: 0;
		box-sizing: border-box;
	}

	.stock-flx .stock-l-box .l-mess .present-label{
		line-height: 25px;
		margin-bottom: 9px;
		margin-top: 0;
		font-weight: normal;
	}
	.stock-flx .stock-l-box .r-mess li .label{
		width: 75px;
		font-size: 14px;
		line-height: 25px;
		margin-top: 0;
	}
	.stock-flx .stock-l-box .l-mess .hkd-box .hkd-label{
		margin-top: 19px;
	}
	.stock-flx .stock-l-box .l-mess .hkd-box .now-price{
		margin-left: 8px;
		font-size: 30px;
	}
	.stock-flx .stock-l-box .l-mess .fd-box{
		margin-top: 7px;
	}
	.stock-flx .stock-l-box .l-mess .fd-box .label{
		line-height: 25px;
	}
	.stock-flx .stock-l-box .l-mess .fd-box img{
		margin-top: 7px;
		margin-right: 3px;
	}
	.stock-flx .stock-l-box .r-mess li .val{
		line-height: 25px;
		font-weight: bold;
	}
	.stock-flx .stock-l-box .r-mess li .val .num{
		font-size: 14px;
	}
	.stock-flx .stock-l-box .r-mess{
		padding: 0;
	}

	.stock-flx .stock-r-box .other-box{
		padding: 0;
		margin-bottom: 0;
		width: 48.3%;
		margin-right: 3.4%;
		float: left;
		padding-left: 13px;
		box-sizing: border-box;
	}
	.stock-flx .stock-r-box .mobile-box-3{
		display: none;
	}
	.investor .stock-flx .stock-r-box{
		padding-top: 49px;
		width: 100%;
	}
	.investor .brand-item.brand-item-five{
		padding-bottom: 56px;
	}
	.investor .brand-item.brand-item-five .mod-con{
		margin: 0 20px;
	}
	.investor .brand-item.brand-item-five .mod-con .t-flx{
		padding: 0;
	}
	.investor .brand-item.brand-item-six h3{
		padding-top: 0;
	}
	.investor .brand-item.brand-item-six .stock-flx{
		margin-top: 0;
	}

	.stock-flx .stock-r-box .other-box .icon{
		margin-right: 0px;
		width: 100%;
	}
	.stock-flx .stock-r-box .other-box .mess{
		float: left;
		width: 100%;
		margin-top: 9px;
	}
	.stock-flx .head-label{
		font-size: 14px;
		line-height: 29px;
		margin-bottom: 32px;
	}
	.stock-flx .stock-r-box .other-box .mess .desc{
		font-size: 16px;
		line-height: 29px;
		margin-bottom: 4px;
		font-weight: bold;
		min-height: 59px;
	}
	.en-us .stock-flx .stock-r-box .other-box .mess .desc{
		width: 80%;
	}

	.stock-flx .stock-r-box .other-box .mess .mobile-text{
		font-size: 14px;
		color: #5F6464;
		letter-spacing: 0;
		line-height: 25px;
		margin-bottom: 12px;
		display: none;
	}
	.stock-flx .stock-r-box .other-box .mess .go-icon img{
		width: 40px;
	}
	.stock-flx .stock-r-box .other-box .icon img{
		width: auto;
		height: 45px;
	}
	.investor .brand-item.brand-item-five .stock-flx .stock-r-box .other-box{
		margin-bottom: 0;
		width: 48.3%;
		margin-right: 3.4%;
		float: left;
		padding-left: 13px;
		box-sizing: border-box;
		display:none;
	}

	.investor .brand-item.brand-item-five .stock-flx .stock-r-box .clear-margin{
		display:block;
	}
	.investor .brand-item.brand-item-six .stock-flx .stock-r-box .other-box .mess .desc{
		min-height: auto;
	}
	.investor .brand-item.brand-item-six.gray-bg{
		padding-bottom: 60px;
	}
	.investor .brand-item.brand-item-seven.white-bg{
		padding-top: 0;
		padding-bottom: 0;
		background: #fff;
		margin-top: 28px;
		margin-bottom: 28px;
	}
	.investor .brand-item.brand-item-seven .mod-con{
		margin: 0 12px;
	}
	.investor .link-box{
		margin-top: 0;
	}
	.investor .brand-item.brand-item-seven .t-flx{
		padding: 0;
	}
	.investor .notice-flx .r-box .list-box .year-box .item .mobile-down-icon {
		width: 17px;
		height: 17px;
		background: none no-repeat center;
		background-size: 100% 100%;
		display: block;
		position: absolute;
		right: 15px;
		top: auto;
		bottom: 15px;
		cursor: pointer;
		display: block;
	}

	.stock-flx .mobile-head-label{
		font-size: 20px;
		color: #2A2E2E;
		letter-spacing: 0;
		padding: 0 8px;
		margin-bottom: 4px;
	}
	.stock-flx .mobile-head-desc{
		font-size: 14px;
		color: #2A2E2E;
		letter-spacing: 0;
		line-height: 29px;
		padding: 0 8px;
		margin-bottom: 28px;
	}

	
	.to-c-pop .pop-box{
		width: 100%;
		height: 100%;
		padding: 20px 40px 0 40px;
	}
	.to-c-pop .pop-box .logo-pic{
		width: 120px;
		height: 120px;
		margin: 0;
		margin-top: 38px;
		margin-bottom: 27px;
	}
	.to-c-pop .pop-box .mess-box{
		width: 100%;
		float: left;
	}
	.to-c-pop .pop-box .close{
		width: 30px;
		height: 30px;
		right: 20px;
		top: 20px;
	}
	.to-c-pop .pop-box .mess-box .name{
		font-size: 24px;
		margin-bottom: 3px;
	}
	.to-c-pop .pop-box .mess-box .ms{
		padding-bottom: 15px;
		margin-bottom: 16px;
	}

	.en-us .to-c-pop .pop-box .mess-box .ms{ margin-top:0px;}

	.to-c-pop .pop-box .mess-box .desc{
		overflow-y: scroll;
		height: 300px;
	}
	.to-c-pop .pop-box .mess-box .ms .label{
		width: 100%;
		font-size: 16px;
		line-height: 29px;
		color: #2A2E2E;
		margin-bottom: 20px;
	}
	.to-c-pop .pop-box .mess-box .ms a{
		font-size: 14px;
		line-height: 24px;
		float: left;
	}

	.team-pop .pop-box .mess-box .desc{
		overflow-y: scroll;
		height: 300px;
	}

	
	.video-pop .pop-box{
		width: 100%;
		height: 100%;
	}
	.video-pop .pop-box .close{
		z-index: 9;
		top: 15px;
		right: 15px;
	}

	
	.image-pop .pop-box{
		width: 100%;
		height: 100%;
	}
	.image-pop .pop-box .close{
		z-index: 9;
		top: 15px;
		right: 15px;
	}
	.image-pop .btn{
		width: 30px;
		height: 30px;
	}
	.image-pop .btn img{
		width: 10px;
	}

	
	.team-pop .pop-box{
		width: auto;
		right: 12px;
		left: 12px;
		top: 48px;
		bottom: 48px;
		padding: 0px 28px 20px 28px;
		transform: translate(0,0);
	}
	.team-pop .pop-box .team-pic img{
		width: 210px;
		float: left;
	}
	.team-pop .pop-box .close {
		width: 30px;
		height: 30px;
		right: 15px;
		top: 15px;
	}
	.team-pop .pop-box .mess-box{
		width: 100%;
		margin: 0;
		margin-top: 236px;
	}
	.team-pop .pop-box .mess-box .t-box{
		height: auto;
		padding-bottom: 16px;
		margin-bottom: 16px;
	}
	.team-pop .pop-box .mess-box .name{
		margin-top: 0;
		font-size: 24px;
		margin-bottom: 12px;
	}
	.culture-box .boxx .x-item{
		width: 100%;
	}

	.culture-box .t-box h3{
		margin-bottom: 26px;
	}
	.culture-box .t-box ul li{
		font-size: 12px;
		color: #919797;
	}

	.contact-us-box .mess-box .bbox .er-code{
		display: block;
	}

	.detail_list{
		height: auto;
	}
	.detail_list li{
		height: 174px;
	}

	.en-us .link_area .tab_list .txt{
		display: block;
	}
	.en-us .link_area .tab_list li .tit{
		font-size: 24px;
	}
	.en-us .link_area .tab_list li .txt{
		top: auto !important;
		margin-top: 0;
	}
	.develop_area .slide_list{
		height: 400px;
	}
	.develop_area .slide_list li{
		height: 400px;
	}
	.slide-tab{
		right: 10px;
		bottom: 10px;
	}
	.slide-tab .li{
		width: 6px;
		height: 6px;
		margin-left: 6px;
	}
	.slide-tab .li.active{
		width: 14px;
	}

	.address-box .address-tab .tab-ul-box .mc-right,.address-box .address-tab .tab-ul-box .mc-left{display: none;}

	
	.student .type-box .row .item {
		height: 125px;
		padding: 12px;

	}
	.student .type-box .row .item  .title {
		font-size: 16px;
	}

    
    .together-box{
        margin-bottom: 48px;
    }
    .together-box .mobile-box{
        display: block;
    }
    .together-box .pc-box{
        display: none;
    }
    .together-box .mess-box{
        left: 28px;
        top: 36px;
    }
    .together-box .mess-box h2{
        font-size: 24px;
        letter-spacing: 0;
        margin-bottom: 3px;
    }
    .together-box .mess-box .desc{
        font-size: 16px;
        letter-spacing: 0;
        line-height: 29px;
        padding-right: 28px;
    }
    .together-box .mess-box .desc br{
        display: none;
    }
    .together-box .go-icon{
        margin-top: 12px;
    }

    .page-content .data .img-row .img{
        width: 100%;
    }
    .page-content .data .pc-50-width,.text .mdesc{
        width: 100%;
    }
}



/*700*/
@media screen and (max-width: 700px){
	.kjsheji_02{
		display: none;
	}
	#kfbw01{
		height: 280px;
		opacity:1;
	}

}

@media all and (max-width:768px){
	.resp_area .slide_list li .tit{
		bottom: 72px;
	}
	.submenu_show .menu_list .menu_item .txt, .head_white .menu_list .menu_item .txt{
		color: #2a2e2e;
	}
	.banner_bg{
		display: block;
	}
	.en-us .resp_area .slide_list li:nth-child(2) .tit{ bottom:74px;}
	.en-us .resp_area .slide_list li:nth-child(3) .tit{ bottom:74px;}
}

@media all and (max-width:767px){
	.details_area{ width: 100%; height: 180px; margin-bottom: 48px; }
	.details_area .details_con{ width: 100%; height: 100%; overflow-x: auto;overflow-y: hidden;}
	.details_area .detail_list{ display:block; height: 100%; width: 795px;}
	.details_area .detail_list li{ width:240px; height: 180px; margin-left: 19px; margin-right: 0px;}
	.details_area .detail_list li:nth-child(1){
		margin-left: 0;
	}
	.detail_list li p{ font-size:24px; margin-top: -16px; height: auto;}
	.en-us .detail_list li p{width:100%;}
	.en-us .detail_list li:nth-child(1) p{
		margin-top: -16px;
	}
	
}


@media all and (max-width:750px){
	.team-box .li{
		width: 50%;
	}

	.sitemap_item .item_box ul li{
		width: 25%;
	}
	.en-us .sitemap_item .item_box ul li{width:25%}
}

@media all and (max-width:709px){


	.resp_area .slide_list li .tit{
		bottom: 95px;
	}
	.en-us .resp_area .slide_list li:nth-child(2) .tit{ bottom:103px;}
	.en-us .resp_area .slide_list li:nth-child(3) .tit{ bottom:103px;}
}


@media all and (max-width:620px){



	.jianjie_hez ul li:nth-child(2){
		margin-left: 50px;
    	margin-right: 50px;
	}
	.jianjie_hez ul{
		padding-left:0;
	}

	.business .mod-tab-container{
		overflow-x: auto;
    	overflow-y: hidden;
	}
	.business-ent .mod-tab .mod-con{
		width: 562px;
	}





	.business .brand-item{
		padding-top: 48px !important;
	}
	.business-ent .brand-item{
		padding-bottom: 28px !important;
	}
	.business-ent .mod-con,.together .mod-con{
		margin: 0 12px;
	}
	.business-ent .mod-tab .mod-con{
		margin: 0 12px 0 28px;
	}
	.business-ent .mod-section-ad .mod-con{
		margin: 0;
	}
	.business-ent .mod-con .t-flx,.together .mod-con .t-flx{
		padding: 0 16px;
		overflow: hidden;
	}
    .together .mod-con .t-flx{
        padding: 0 18px;
    }
    .together .brand-item .label-box h3{
        padding-left: 0;
    }
	.business .brand-item .label-box,.together .brand-item .label-box{
		width: 100%;
		margin-bottom: 16px;
	}
	.brand-item .label-box h3{
		font-size: 24px;
	}
	.business-ent .brand-item .desc-box,.together .brand-item .desc-box{
		width: 100%;
		float: left;
	}
	.business .brand-item .b-flx{
		width: 100%;
	}
	.brand-item .desc-box .desc{
		font-size: 14px;
		line-height: 25px;
	}
    .together .brand-item .desc-box .desc{
        margin-top: 0;
    }
	.brand-item .desc-box .go-icon{
		margin-top: 16px;
	}
	.mod-type-box{
		margin-top: 28px;
	}
	.mod-type-box .item{
		width: 100%;
		margin-bottom: 12px;
	}
	.mod-type-box .item .mess{
		padding: 20px;
	}
	.mod-type-box .item .label{
		font-size: 20px;
	}

	.mobile-box-1{
		display: none;
	}

	.sitemap_item .item_box ul li{
		width: 33.3333%;
	}
	.en-us .sitemap_item .item_box ul li{width: 33.3333%;}
}

@media all and (max-width:579px){
	.en-us .link_area .tab_list li.list_item_2 .tit{
		bottom: 82px;
	}
}

@media all and (max-width:575px){
	.en-us .link_area .tab_list li.list_item_3 .tit{
		bottom: 82px;
	}
	.jianjie_img_box img{
		width: 100%;
	}
}

@media all and (max-width:540px){
	.brief .mod-section-ad{
		background:url(/wp-content/uploads/varchina/images/timg.jpg) no-repeat center bottom;
		background-size: cover;
	}
	
	.investor .mod-section-ad{
		background: none no-repeat right bottom;
		background-size: cover;
	}
	.media .mod-section-ad{
		background-size: cover;
	}
	.responsibility .mod-section-ad{
		background: none no-repeat center;
		background-size: cover;
	}
	.student .mod-section-ad{
		background: none no-repeat center;
		background-size: cover;
	}
    .together .mod-section-ad{
        background: none no-repeat center;
        background-size: cover;
    }
	.pc-bg{
		display: none;
	}
	.mobile-bg{
		display: block;
	}
	.en-us .to-c-pop .pop-box{ padding:20px 40px 0 40px;}
	.link-box .bg{
		margin-top: 0;
	}
}

@media all and (max-width:425px){
	.stock-flx .stock-l-box .l-mess .hkd-box .now-price{
		font-size: 24px;
	}
	.en-us .resp_area .slide_list li:nth-child(2) .tit{ bottom:125px;}
	.en-us .develop_area .develop_details .tit{ white-space:normal;}
}

@media all and (max-width:398px){
	.resp_area .slide_list li .tit{
		bottom: 95px;
	}
}

@media all and (max-width:386px){
	.en-us .link_area .tab_list li.list_item_1 .tit,.en-us .link_area .tab_list li.list_item_3 .tit{
		bottom: 82px;
	}

	.develop_area .develop_details .tit br{ display:block;}
	.develop_area .develop_details .txt br{ display:block;}
}

@media all and (max-width:375px){
	.en-us .resp_area .slide_list li .tit{ bottom:120px;}
	.en-us .resp_area .slide_list li:nth-child(2) .tit{ bottom:120px;}
}


@media all and (max-width:364px){
	.en-us .link_area .tab_list li.list_item_2 .tit{
		bottom: 102px;
	}
}

@media all and (max-width:320px){
	

	.menu_list{ height:478px;}
	.menu_list .menu_item{ height:50px; line-height: 50px;}
	.menu_list .menu_item .txt{ height:50px; line-height: 50px;}
	.menu_list .menu_item.menu_item_lan { bottom: 20px; }
	.search_area_show .search_area{ width:283px; right: 18px; background: #000;}
	.search_area_show .search_area .ipt_search{  height: 30px; line-height: 30px; left: 26px; font-size: 14px; width: 250px;}


  .focus_us .focus_list li{ margin-right:15px;}
}






@keyframes offset {
  from {
    stroke-dashoffset: 0;
  }
  to {
    stroke-dashoffset: 384;
  }
}



@media all and (max-width:650px){

	.link_hook ul li{
		    width: 165px;
	}
	.link_hook ul{
		width: 600px;
	}
}
@media all and (max-width:525px){
	.link_hook ul li{
		    width: 148px;
	}
	.link_hook ul{
		width: 550px;
	}
	.yxkf h2{
	    font-size: 22px;
	}
	.yxkf02 h2{
		font-size: 22px;
	}
	.yxkf03_noe_r h3{
		font-size: 24px;
	}
	.yxkf03_noe_r p{
		font-size: 20px;
    	margin-top: 10px;
	}
}
@media all and (max-width:375px){
	.link_hook ul li{
		    width: 99px;
	}
	.link_hook ul{
		width: 450px;
	}
}


@media screen and (max-width: 1200px){
	.hzhb_img{
		width: 930px;
	}
	.hzhb_img ul li{
		margin-left: 10px;
		margin-right: 10px;
	}
	.hzhb_img ul li:nth-child(4n){
	  margin-right: 10px;
	}

	.lxwm_top_text{
		width: 100%;
		box-sizing: border-box;
		padding: 10px;
		float: none;
	}
	.lxwm_bd{
		float: none;
		width: 100%;
		border:none;
	}
	.mceneter{
		width: 100%;
		padding: 10px;
		box-sizing: border-box;

	}
	.lxwm{
		width: 100%;
	}
	.lxwm_dt{
		width: 100%
	}



	.shequ_dt{
		width: 100%;
	}
	.shequ_dt ul{
		width: 758px;
		margin: 0 auto;
	}
	.shequ_dt ul li:nth-child(3n){
		margin-right:40px;
	}
	.shequ_dt ul li:nth-child(2n){
		margin-right:0px;
	}


	.jmcp_text{
		width: 758px;
		padding: 10px;
		box-sizing: border-box;
	}
	.jmcp_img{
		width: 730px;
	}
	
	.jmcp_img_ri{
		display: none;
	}
	.shebeixq_img{
		float: none;
		margin: 0 auto;
		margin-bottom:16px;
	}
	.shebeixq h3{
		width: 100%;
	}

	.shequ_dt{
		padding: 0px;
	}
}
@media screen and (max-width: 930px){
	.hzhb_img{
		width: 630px;
	}
	.hzhb_img ul li{
		margin-left: 10px;
		margin-right: 10px;
	}
	.hzhb_img ul li:nth-child(4n){
	  margin-right: 10px;
	}
	.hzhb_img ul li{
		width: 190px;
	}
	.zgsz_text{
		top: -25px;
	}
	.shebeixq{
		width: 758px;
		margin: 0 auto;
		float: none;
		margin-bottom:16px;
	}
	.shebeixq_cs {
		width: 758px;
	}
}
@media screen and (max-width: 758px){
	.qwzw_01_t{
		font-size: 20px;
	}
	.sswc>p{
		font-size: 22px;
	}
	.sswc>h2{
		font-size: 24px;
	}
	.shequ_dt ul{
		width: 355px;
	}
	.shequ_dt ul li{
		margin-right:0px;
	}
	.shequ_dt ul li:nth-child(2n){
		margin-left:0px;
	}
	.jianjiezc{
		font-size: 24px;
	}
	.yjsm_yj h3{
		font-size: 22px;
	}
	.yjsm_yj p{
		font-size: 18px;
	}
	.jianjie_hez ul li h3{
		font-size: 18px;
	}
	.jianjie_hez ul li p{
		font-size: 20px;
	}
	.jianjie_hez_img{
		width: 50px;
		height: 50px;
		margin: 0 auto;
	}
	.jianjie_hez_img img{
		width: 100%;
	}
	.jmcp_img{
		width: 355px;
	}
	.jmcp_img_mx{
		margin-right: 0px;
		margin-top: 20px;
	}
	.jmcp_text{
		width: 355px;
	}
	.jmcp h3{
		font-size: 20px;
		margin-bottom: 0px;
		line-height: 46px;
	}
	.jmcp p{
		line-height: 25px;
		font-size: 13px;
	}
	.shebeixq h3{
		font-size: 18px;
	}
	.shebeixq_cs{
		width: 100%;
	}
	.shebeixq_cs li{
		font-size: 12px;
	}
	.shebeixq{
		width: 100%;
	}
}
@media screen and (max-width: 630px){
	.hzhb_img{
		width: 410px;
	}
	.hzhb_img ul li{
		margin-left: 10px;
		margin-right: 10px;
	}
	.hzhb_img ul li:nth-child(4n){
	  margin-right: 10px;
	}
	.hzhb_img ul li:nth-child(2n){
	  margin-left: 0px;
	}
	.hzhb_img ul li{
		width: 190px;
	}
	
}
@media screen and (max-width: 460px){
	.yjkf_sheb_left{
		width: 100%;
	}
	.youx01 li{
		width: 100%;
	}
}
@media screen and (max-width: 420px){

	.shequ_dt{
		padding: 0px;
	}
	.hzhb_img{
		width: 100%;
	}
	.hzhb_img ul{
		width: 370px;
		margin: 0 auto;
		margin-top: 20px;
	}
	.hzhb_img ul li{
		width: 170px;
	}
	.shebeixq_img{
		width: 100%;
	}
	.shebeixq_img01 img{
		width: 100%;
	}
	.np {
	    width: 20px;
	    height: 20px;
	}
}















    .menu_list .menu_item .txt {
      color: #2b2e2e !important;
    }

    .lang_area a,
    .head_white .lang_area a {
      color: #2b2e2e !important;
    }

    .submenu_show .lang_area .s_line,
    .head_white .lang_area .s_line {
      color: #2b2e2e !important;
      opacity: 0.7 !important;
    }

    .head_con .logo h1 {
      background-image: url(/wp-content/uploads/varchina/images/menu_logo.png);
      background-size: 100% 100% !important;
    }

    .i_menu {
      background: url(/wp-content/uploads/varchina/images/icon_menu_hover.png) no-repeat center !important;
      background-size: 100% 100% !important;
    }

    body {
      color: #333;
    }