@charset "utf-8";
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,tt, var, b, u, i, center, dl, dt, dd, ol, ul, li,
fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, figcaption, figure, footer, header, hgroup, menu, nav, section, summary,
time, mark, audio, video, input  {margin: 0;padding: 0;border: none;outline: 0;font-size: 100%;font: inherit;vertical-align: baseline;}
html, body, form, fieldset, p, div, h1, h2, h3, h4, h5, h6 {-webkit-text-size-adjust: none;}
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section {display: block;}
body { font-size:100%; font-family:simhei,"microsoft yahei";}
ol, ul {list-style: none;}
blockquote, q {quotes: none;}
blockquote:before, blockquote:after, q:before, q:after {content: '';content: none;}
ins {text-decoration: none;}
del {text-decoration: line-through;}
table {border-collapse: collapse;border-spacing: 0;}

body { background:#fff; font-size:12px;}

a{color:#444;text-decoration:none;}

.ln { text-align:left; }
.cn { text-align:center; }
.rn { text-align:right; }

.left { float:left; }
.right { float:right; }

.p5 { padding:5px; }
.p10 { padding:10px; }
.pt5 { padding-top:5px; }
.pt10 { padding-top:10px; }
.pt20 { padding-top:20px; }
.pt30 { padding-top:30px; }
.pt40 { padding-top:40px; }
.pt50 { padding-top:50px; }
.pt68 { padding-top:68px; }
.pt100 { padding-top:100px; }


.pb5 { padding-bottom:5px; }
.pb10 { padding-bottom:10px; }
.pb20 { padding-bottom:20px; }
.pb30 { padding-bottom:30px; }

.pbl30 { padding-left:30px; }

.mr10 { margin-right:10px; }
.ml10 { margin-left:10px; }
/* input[type=button], input[type=submit], input[type=reset],button,input[type=text] { -webkit-appearance: none; -webkit-tap-highlight-color: transparent; } */
.cclear:after,.cclear .after {content: ""; display: block; clear: both;}
.clear1 { clear:both; height:0; font-size:0;line-height:0; overflow:hidden;}
.clear{ clear:both;}
a { -webkit-tap-highlight-color:rgba(255,0,0,0);}
button { padding:0px; outline:none; border:none;}

.flex {
	display: flex;
	align-items: center;
	flex-wrap: wrap;
}

.ellipsis {
	display: -webkit-box;
  overflow: hidden;
  text-overflow: ellipsis;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
}


/*头部*/
.fixTop { position:fixed; left:0; top:0; right:0; z-index:55;}
.batten { position:absolute; z-index:50; display:inline-block; width:100%; height:66px; font-family:"Microsoft Yahei"; font-weight:500; }
.batten .logos { height:66px; /*overflow:hidden;*/margin:0 auto; box-shadow:0px 3px 10px 1px rgba(0, 0, 0, 0.1); background:rgba(255, 255, 255, .2);}
.batten .logos .logo { display:block; float:left; height:66px; line-height:66px; overflow:hidden; font-size:16px; color:#DF5147;}
.batten .logos .logo img { position:relative; top:50%; display:block; float:left; width:129px; margin:0 8px 0 15px; transform:translateY(-50%);}
.battenobg .logos { background:#fff;}

.navigation { position:absolute; left:0; top:50px; width:100%;}
.navigation .trigger { display:block; position:absolute; z-index:200; right:23px; top:-29px; width:24px; height:25px}
.navigation .trigger .icon { display:inline-block; position:relative; width:24px; height:2px; -webkit-transition-property:background-color, -webkit-transform; transition-property:background-color, -webkit-transform; transition-property:background-color, transform; transition-property:background-color, transform, -webkit-transform; -webkit-transition-duration:300ms; transition-duration:300ms; border-radius:1px; background:#4D4D4D;}
.navigation .trigger .icon:before , .navigation .trigger .icon:after { content:''; display:block; position:absolute; width:24px; height:2px; -webkit-transition-property:margin, -webkit-transform; transition-property:margin, -webkit-transform; transition-property:margin, transform; transition-property:margin, transform, -webkit-transform; -webkit-transition-duration:300ms; transition-duration:300ms; border-radius:1px; background:#4D4D4D;}
.navigation .trigger .icon:before { margin-top:-7px;}
.navigation .trigger .icon:after { margin-top:7px;}

.navigation .menu { position:absolute; right:14px; top:21px; z-index:100; display:none; width:151px; height:auto; /*overflow:hidden;*/-webkit-transition-property:all; transition-property:all; -webkit-transition-duration:100ms; transition-duration:100ms;}
.navigation .menu:before, .navigation .menu:after { content: ""; display:inline-block; position:absolute; line-height:1; border-style:dashed dashed solid dashed; }
.navigation .menu:after { right:9px; top:-25px; z-index:1080; border-width:13px; border-color:transparent transparent #fff;}
.navigation .menu:before { right:10px; top:-23px; z-index:1081; border-width:12px; border-color:transparent transparent #fff;}

.navigation .menu .menuList { height:auto; overflow:hidden; margin:0 auto; border-radius:5px; background:#fff;}
.navigation .menu .menuList li { height:auto; overflow:hidden; margin:0 auto; border-bottom:1px solid #E2E2E2;}
.navigation .menu .menuList li:last-child { border-bottom:none;}

.navigation .menu .menuList li .lead { position:relative; display:block; height:49px; overflow:hidden; margin:0 auto; background:#fff;}
.navigation .menu .menuList li .lead .tit { position:absolute; left:15px; top:0; width:70px; height:49px; line-height:49px; overflow:hidden; text-align:left; font-size:15px; color:#4D4D4D;}
.navigation .menu .menuList li .lead .ico { position:absolute; right:15px; top:0; width:20px; height:49px; overflow:hidden; background:url(../images/icon_switch_01.png) no-repeat right center; background-size:12px;
image-rendering: -moz-crisp-edges;
image-rendering: -o-crisp-edges;
image-rendering: -webkit-optimize-contrast;
image-rendering: crisp-edges;
-ms-interpolation-mode: nearest-neighbor;}

.navigation .menu .menuList li.open .lead .tit { color:#DF5147;}
.navigation .menu .menuList li.open .lead .ico { position:absolute; right:15px; top:0; width:20px; height:49px; overflow:hidden; background:url(../images/icon_switch_02.png) no-repeat right center; background-size:12px;
image-rendering: -moz-crisp-edges;
image-rendering: -o-crisp-edges;
image-rendering: -webkit-optimize-contrast;
image-rendering: crisp-edges;
-ms-interpolation-mode: nearest-neighbor;}

.navigation .menu .menuList li .list { display:none; height:auto; overflow:hidden; margin:0 auto; padding:0 15px; background:#F0F0F0;}
.navigation .menu .menuList li .list a { display:block; height:39px; line-height:39px; text-align:left; overflow:hidden; font-size:14px; color:#4D4D4D;}
.navigation .menu .menuList li .list a:hover { color:#DF5147;}

.menu_active .menu { /*display:block;*/ box-shadow:0px 0px 20px rgba(0, 0, 0, 0.16); -webkit-transition:all 200ms ease-in-out; transition:all 200ms ease-in-out; -webkit-transform:translateX(0); transform:translateX(0);}
.menu_active .trigger .icon { background:rgba(0, 0, 0, 0);}
.menu_active .trigger .icon:before { margin-top:0; -webkit-transform:rotate(45deg); transform:rotate(45deg);background-color: #DF5147; }
.menu_active .trigger .icon:after { margin-top:0; -webkit-transform:rotate(-45deg); transform:rotate(-45deg);background-color: #DF5147; }

.mask { display:none; margin:0; padding:0; border:none; width:100%; height:100%; z-index:15; position:fixed; top:0; left:0; /*background:rgb( 0, 0, 0); background:rgba( 0, 0, 0, 0.6); filter:alpha(opacity=60); opacity:0.60;*/ }

/* 底部 */
.footer { background:#282828;margin-top: 30px; }
.footer .wp { display: flex;flex-direction: column;align-items: center;color:#fff; font-size: 12px; }
.footer .wp .sum { height:auto; overflow:hidden; margin: 26px auto 15px; text-align:left;padding-left: 55px; position: relative; }
.footer .wp .sum::after {
	content: '';
  width: 49px;
  height: 37px;
  background: url(../images/logo.png) no-repeat top center;
  background-size: 49px;
	position: absolute;
  left: 0;
  bottom: 0;
}
.footer .wp .sum h3 { margin:0 auto 5px; line-height:19px; font-size:13px; font-weight: bold;}
.footer .wp .sum p { line-height:14px;  }

.footer .wp .record { height:auto; overflow:hidden; margin:0 auto; line-height:25px; text-align:center; }
.footer .wp .record a { color:#fff; font-size: 12px; }

.footer .wp .ewms { height:auto; overflow:hidden; margin:16px auto 30px; text-align:center;}
.footer .wp .ewms .item { display:inline-block; width:75px; height:auto; overflow:hidden;}
.footer .wp .ewms .item .img { height:75px; line-height:75px; text-align:center; overflow:hidden; margin:0 auto;}
.footer .wp .ewms .item .img img { width:100%; vertical-align:middle;}
.footer .wp .ewms .item p { height:25px; overflow:hidden; margin:0 auto; line-height:25px; text-align:center; font-size:calc(11 / 414 * 100vw); color:#fff; opacity:0.8;}

/* 内页头部 */
body > .top {
  position: relative;
  height: auto;
  overflow: hidden;
  margin: 0 auto;
  width: 100vw;
  height: calc(184 / 414 * 100vw);
}

body > .top img {
  width: 100vw;
  height: calc(184 / 414 * 100vw);
}

body > .top .text {
  position: absolute;
  z-index: 20;
  top: calc(95 / 414 * 100vw);
  left: 0;
  right: 0;
}

body > .top .tit {
  width: 100%;
  text-align: center;
  padding: 0 0 calc(5 / 414 * 100vw);
  font-size: calc(17 / 414 * 100vw);
  font-family: Microsoft YaHei-Bold, Microsoft YaHei;
  font-weight: bold;
  color: #FFFFFF;
}

body > .top .con {
  width: 100%;
  text-align: center;
  font-size: calc(14 / 414 * 100vw);
  font-family: Microsoft YaHei-Bold, Microsoft YaHei;
  font-weight: bold;
  color: rgba(255, 255, 255, 0.40);
  text-transform: uppercase
}

/*回到顶部*/
.goTopBox { display:none; position:fixed; z-index:50; right:10px; top:70%; width:60px; height:60px; overflow:hidden; border-radius:100%; box-shadow:0px 3px 6px rgba(0,0,0,0.1); -moz-box-shadow:0px 3px 6px rgba(0,0,0,0.1); -webkit-box-shadow:0px 3px 6px rgba(0,0,0,0.1);}
.goTopBox .goTop { display:block; width:60px; height:60px; overflow:hidden; margin:0 auto; background:url(../images/icon_gotop.png) no-repeat right center; background-size:60px;
image-rendering: -moz-crisp-edges;
image-rendering: -o-crisp-edges;
image-rendering: -webkit-optimize-contrast;
image-rendering: crisp-edges;
-ms-interpolation-mode: nearest-neighbor;}


