html { font-size: 62.5%; }
* { padding: 0; margin: 0; border: none; list-style: none; box-sizing: border-box; outline: none; -webkit-appearance: none; -webkit-text-size-adjust: none }
ul { text-indent: 0; font-weight: normal; }
body { background-color: #fff; font-size: 1.6rem; font-family: 'Microsoft YaHei', Verdana, Arial, Helvetica, sans-serif; color: #666; overflow-x: hidden; line-height: 1.6; }
/*覆盖浏览器默认样式*/
a { text-decoration: none; }
a:hover, a:focus { text-decoration: none !important; }
a, button, input { -webkit-tap-highlight-color: rgba(255, 0, 0, 0); }
/*共用样式*/
.font_w { font-weight: bold; }
.img_wrap>img { width: 100%; display: block; }
.div_wrap { width: 100%; }
.inline_block { display: inline-block; }
.block_block { display: block; }
.float_l { float: left; }
.float_r { float: right; }
.text_overflow { overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.position_rel { position: relative }
.clearFix:after, .clearFix:before { content: ""; display: block; clear: both; }
.w-container { width: 1000px; margin: auto; }
.w-silde { padding-left: 1rem; padding-right: 1rem; }
/*bg*/
.part { min-width: 1000px; /*移动端正常显示*/ padding-bottom: 80px; }
.minWidth { min-width: 1000px; }
.bg1 { }
/*tit*/
.tit { text-align: center; padding-top: 60px; margin-bottom: 40px; }
.tit h3 { font-size: 36px; color: #333; font-weight: normal; }
.tit h3 span, .tit_2 h3 span { color: #4c97ce; }
.tit p { font-size: 20px; color: #999; }
.tit_1 h3, .tit_1 h3 span, .tit_2 h3 { color: #fff; }
.tit_1 p, .tit_2 p { color: #fff; }
/*按钮*/
.link_a { text-align: center; margin-top: 40px; padding-bottom: 50px; }
.link_a a { display: inline-block; background: #4c97ce; color: #fefefe; font-size: 16px; width: 350px; height: 52px; line-height: 50px; border-radius: 26px; position: relative; z-index: 1; }
.link_a a span { display: block; position: relative; z-index: 2; color: #3e71cc \9; background: transparent \9; }
.link_a a:after { content: ''; position: absolute; top: 0; left: 0; width: 100%; height: 100%; border-radius: 26px; background: #4c97ce; background: transparent \9; transform: scale(0.1, 1); transition: 0.4s; opacity: 0; z-index: 0; color: #fff; filter: alpha(opacity=0); }
.link_a a:hover { color: #fff; opacity: 0.9; }
.link_a a:hover:after { transform: scale(1); transition: 0.4s; opacity: 0.5; filter: alpha(opacity=100); }
.link_a a:hover span { color: #fff \9; background: #3e71cc \9; }
/*导航*/
.nav_box { position: absolute; top: 0; left: 0; right: 0; z-index: 99; min-width: 1200px; }
.nav_bg { padding-top: 20px; background: -webkit-linear-gradient( top, rgba(0,0,0,0.5), rgba(0,0,0,0)); background: -moz-linear-gradient( top, rgba(0,0,0,0.5), rgba(0,0,0,0)); background: -o-linear-gradient( top, rgba(0,0,0,0.5), rgba(0,0,0,0)); }
.logo { display: inline-block; }
.nav_left { width: 300px; float: left; }
.nav_left p { display: inline-block; color: #fff; float: right; border-left: 1px solid #fff; height: 34px; line-height: 1.3; font-size: 1.4rem; padding-left: 20px; }
.nav_left p span { font-size: 18px; font-weight: bold; padding: 0 10px 0 12px; }
.nav_left p em { font-weight: normal; font-style: normal; font-size: 12px; cursor: pointer; }
.nav_ul { width: 700px; float: right; }
.nav_ul li { width: 100px; display: inline-block; text-align: right; font-size: 16px; float: left; }
.nav_ul li a { color: #fff; position: relative; }
.nav_ul li a span { position: absolute; bottom: -6px; left: 0; width: 0; height: 3px; background: #3086c0; transition: width .6s; }
.nav_ul li:hover a span { width: 100%; }
.nav_ul li.nav_active span { width: 100%; }
.nav_kc { padding-right: 6px; }
.nav_kc a { cursor: pointer; font-weight: bold; color: #e4393c !important; }
.nav_kc em { position: absolute; top: 8px; right: -12px; font-weight: normal; font-style: normal; font-size: 14px; cursor: pointer; }
.nav_kc em img { animation: nav_img 1s infinite; transform: translateY(-8px); }
 @-webkit-keyframes nav_img { 0% {
 opacity: 0;
 transform: translateY(0px);
}
 50% {
 opacity: 1;
 transform: translateY(4px);
}
 100% {
 opacity: 0;
 transform: translateY(-8px);
}
}
@-moz-keyframes nav_img { 0% {
 opacity: 0;
 transform: translateY(0px);
}
 50% {
 opacity: 1;
 transform: translateY(4px);
}
 100% {
 opacity: 0;
 transform: translateY(-8px);
}
}
@-o-keyframes nav_img { 0% {
 opacity: 0;
 transform: translateY(0px);
}
 50% {
 opacity: 1;
 transform: translateY(4px);
}
 100% {
 opacity: 0;
 transform: translateY(-8px);
}
}
@keyframes nav_img { 0% {
 opacity: 0;
 transform: translateY(0px);
}
 50% {
 opacity: 1;
 transform: translateY(4px);
}
 100% {
 opacity: 0;
 transform: translateY(-8px);
}
}
/*子导航*/
.sub_nav { position: absolute; top: 80px; left: 0; right: 0; background: rgba(255,255,255,0.96); background: #fff \9; filter: alpha(opacity=50); -ms-filter: alpha(opacity=50); text-align: center; height: 40px; -webkit-box-shadow: 0 2px 5px rgba(0,0,0,0.2); -moz-box-shadow: 0 2px 5px rgba(0,0,0,0.2); -o-box-shadow: 0 2px 5px rgba(0,0,0,0.2); box-shadow: 0 2px 5px rgba(0,0,0,0.2); }
.sub_nav_ul { display: inline-block; height: 40px; line-height: 40px; }
.sub_nav_ul li { display: inline-block; text-align: center; font-size: 16px; float: left; }
.sub_nav_ul li a { color: #333; font-size: 14px; padding: 0 10px; border-right: 1px solid #333; }
.sub_nav_ul li.last a { border-right: none; }
.sub_nav_ul li a:hover { background: #3697d9; color: #fff; border-right: none; margin-left: -1px; }