html {
  -ms-text-size-adjust: 100%;
  -webkit-text-size-adjust: 100%;
  font-size: 100px;
}
body {
    font-size: 18px;
    line-height: 1.42857143;
    color: #333333;
    background-color: #fff;

  font-family: Microsoft YaHei, Arial, Helvetica, 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;
  color:#333;
}
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;
}
.mb48{ margin-bottom:44px;}
.mt60{ margin-top:50px;}
.m60{ margin:60px 0;}
.mt30{ margin-top:30px;}
.mt75{margin-top:75px}
.mt24{margin-top:24px}

@font-face {
  font-family: 'TencentSansw3';
  src: url('../font/TencentSans-W3.eot');
  src:
    url('../font/TencentSans-W3.eot?#font-spider') format('embedded-opentype'),
    url('../font/TencentSans-W3.woff') format('woff'),
    url('../font/TencentSans-W3.ttf') format('truetype'),
    url('../font/TencentSans-W3.svg') format('svg');
  font-weight: normal;
  font-style: normal;
}
@font-face {
    font-family: 'TencentSansW3CN';
    src: url('../font/TencentSans-W3-CN.otf');
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: 'TencentSansW7CN';
    src: url('../font/TencentSans-W7-CN.otf');
    font-weight: normal;
    font-style: normal;
}
@font-face {
  font-family: 'TencentSansw7';
  src: url('../font/TencentSans-W7.eot');
  src:
    url('../font/TencentSans-W7.eot?#font-spider') format('embedded-opentype'),
    url('../font/TencentSans-W7.woff') format('woff'),
    url('../font/TencentSans-W7.ttf') format('truetype'),
    url('../font/TencentSans-W7.svg') 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: 76px;
  z-index: 2;

  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;
}
.head_con{ display:block; width:1200px; height: 76px;  margin: 0px auto; position: relative; z-index: 2; }
.head_con .logo{ display:block; height: 72px; width: 350px; margin-top:2px;}
.head_con .logo h1{ display:block; height: 72px; width: 350px; text-indent: -9999px;background: url(../images/logo_new.png) no-repeat 0 0; overflow: hidden;background-size: 100% 100%;}


/*ÃƒÂ¨Ã‚ÂÃ…"ÃƒÂ¥Ã‚ÂÃ¢â‚¬Â¢*/
.t1{  height:76px; position: absolute; right: 0; top: 0px; cursor: pointer; opacity: 1; transition:opacity 0.3s linear;transform: translate(0px,0);}
.t2{  position: absolute; right: 0; top: 0px; cursor: pointer; opacity: 1; transition:opacity 0.3s linear;transform: translate(0px,0);}
.t1{ display:block}
.t2{ display:none}
.t1 .menu_item{ display: inline-block; height:76px; float: left; margin:0 24px; position: relative;}
.t2 .menu_item{ display: inline-block; float: left; margin:0 24px; position: relative;}
.en-us .menu_list .menu_item{
  margin-left: 36px;
}
.t1 .menu_item .txt{ display: block; height:76px; line-height: 76px; font-size: 16px; color: #333; font-weight: bold; opacity: 0.95; -webkit-transition:color 0.3s linear; position: relative; z-index: 2;}
.t2 .menu_item .txt{ display: block;font-size: 16px; color: #333; font-weight: bold; opacity: 0.95; -webkit-transition:color 0.3s linear; position: relative; z-index: 9999;}
.t1 .menu_item .txt:hover{  opacity: 1;}
.t1 .menu_item .txt:after{ display:block; content:""; height: 4px; width: 100%; position: absolute; bottom: 19px; left: 0px; background: #00923e; 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: 300px; width: 100%; position: absolute; top: 19px; left: -10px; background: #00923e; 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: 390px; 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;}

.t1 .sub_list{display: none; position: absolute; width:160px; left: 50%; margin-left: -80px; text-align: center; z-index: 2; }
.t1 .sub_list{display: block; width:160px; text-align: center; z-index: 999; }
.t1 .sub_list li a{ display: block; font-size: 16px; color: #2b2e2e; opacity: 0.7; padding: 13px 0;}
.t2 .sub_list li a{ display: block; font-size: 16px; color: #2b2e2e; opacity: 0.7; padding: 4px 0; text-align:center;}
.sub_list li a:hover{ opacity: 1;}

.t1 .sub_list1{display: none; position: absolute; width:1060px; right:-240px; text-align: center; z-index: 2; }
.t1 .sub_list1 li{ float:right; margin:32px 32px 0; height:100px;}
.t1 .sub_list1 li a{ display: block; font-size: 16px; color: #2b2e2e; opacity: 0.7;}
.t1 .sub_list1 li a img{display: block;margin: 0 auto 8px;width: auto;height: 64px;}
.t1 .sub_list1 li a:hover{ opacity: 1;}

.head_white{
  background: #fff;
}

.submenu_show .menu_list .menu_item .txt,.head_white .menu_list .menu_item .txt{ color: #2b2e2e;}
.submenu_show .lang_area a,.head_white .lang_area a{ color: #2b2e2e;}
.submenu_show .lang_area .s_line,.head_white .lang_area .s_line{ color: #2b2e2e;}
.submenu_show .bg_hover{ display:block !important; width: 100%; height: 390px; background:rgba(255,255,255,1); 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:block;}
.submenu_hide,.sublist_hide{ pointer-events:none;} /*ÃƒÂ©Ã‚ÂÃ‚Â¿ÃƒÂ¥Ã¢â‚¬Â¦Ã‚ÂÃƒÂ©Ã‚Â¼ ÃƒÂ¦ Ã¢â‚¬Â¡ÃƒÂ¥Ã‚Â¿Ã‚Â«ÃƒÂ©Ã¢â€šÂ¬Ã…Â¸ÃƒÂ§Ã‚Â§Ã‚Â»ÃƒÂ¥Ã… Ã‚Â¨ÃƒÂ¨Ã‚Â§Ã‚Â¦ÃƒÂ¥Ã‚Â'ÃƒÂ©Ã‚Â¼ ÃƒÂ¦ Ã¢â‚¬Â¡ÃƒÂ¥Ã‚Â¯Ã‚Â¹ÃƒÂ¨Ã‚ÂÃ…"ÃƒÂ¥Ã‚ÂÃ¢â‚¬Â¢ÃƒÂ¦"Ã‚Â¶ÃƒÂ¥Ã¢â‚¬ÂºÃ…Â¾ÃƒÂ¥Ã… Ã‚Â¨ÃƒÂ§"Ã‚Â»ÃƒÂ¥Ã‚Â»Ã‚Â¶ÃƒÂ¨Ã‚Â¿Ã…Â¸ ÃƒÂ¤Ã‚Â¸Ã¢â€šÂ¬ÃƒÂ¨Ã‚Â¿Ã¢â‚¬ÂºÃƒÂ¥Ã‚Â¤Ã…Â¡ÃƒÂ¥Ã¢â‚¬Â¡Ã‚ÂºÃƒÂ¦Ã‹Å"Ã‚Â¾ÃƒÂ§Ã‚Â¤Ã‚Âºbug*/
.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;}
}
.text-left {text-align: left !important;}
.text-center {text-align: center !important;}
.text-right {text-align: right !important;}

/*footer*/
.footer{height:140px; padding-top:60px; background-color:#f2f2f2;}
.footer p{text-align:center; color:#333; line-height:32px; font-size:14px;}
.footer p a{color:#333;}
.footer p span{padding:0 5px;}


.fl{ float:left}
.fr{ float:right;}
.red{ color:red}
.flexslider{ height:700px;}

