@charset "utf-8";

html, body, div, span, applet, object, iframe, 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, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary, time, mark, audio, video { margin: 0; padding: 0px; border: 0; font-size: 100%; outline: none; }
table, caption, tbody, tfoot, thead, tr, th, td,h1, h2, h3, h4, h5, h6, p{ margin: 0; padding: 0px;}
html { font-size: 100%; -webkit-text-size-adjust: 100%; -ms-text-size-adjust: 100%; overflow-x: hidden; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing:grayscale;}
/* always display scrollbars */
body { font: 14px/1.8 "Microsoft Yahei","微软雅黑",Arial,Helvetica,sans-serif,"SimHei","黑体","微软正黑体","Microsoft JhengHei"; margin: 0 auto; color: #666666; background-color: #fff; }
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section { display: block; }
ol, ul { list-style: none; }
blockquote, q { quotes: none; }
blockquote:before, blockquote:after, q:before, q:after { content: ''; content: none; }
strong { font-weight: bold; }
img { border: 0; }
input { outline: none; }
input[type="text"], input[type="button"], input[type="submit"], input[type="reset"] { -webkit-appearance: none; border-radius: 0; }
textarea { -webkit-appearance: none; border-radius: 0; outline: none;}
::-moz-selection { background: #59b9ff; color: #fff; text-shadow: none; }
::selection { background: #59b9ff; color: #fff; text-shadow: none; }
select{ outline: none;}
select::-ms-expand { display: none; }
table, tbody, tfoot, thead, tr, th, td{ margin: 0; padding: 0;}
table{border-collapse:collapse;margin:0 auto!important;}
a { text-decoration: none; blr: expression(this.onFocus=this.blur()); cursor: pointer; -webkit-transition: 0.3s; -moz-transition: 0.3s; -o-transition: 0.3s; transition: 0.3s; }
a:link, a:visited { text-decoration: none; }
a:active, a:hover { text-decoration: none; }
.clearfix:before, .clearfix:after { display: table; content: ""; line-height: 0px; }
.clearfix:after { clear: both; }
.clearfix { *zoom: 1; }
.fc { text-align: center; }
.fr { text-align: right; }
.l { float: left; display: inline-block; }
.r { float: right; display: inline-block; }
.vt { vertical-align: top; }
.vm { vertical-align: middle; }
.inner { width: 1400px; margin: 0px auto;}
.pinner{ width: 1200px; margin: 0px auto;}
.top a:link,.top a:visited { color: #666; }
.top a:active,.top a:hover { color: #000066;}
.top{ background-color: #fff; position: fixed; left: 0; top: 0; width: 100%; height: 72px; z-index: 999; box-shadow: 0 1px 3px rgba(0, 0, 0, 0.15);}
.logo{ display: block; left: 2%; position: absolute; top: 0;}
.logo a{ display: block; height: 42px; padding: 15px 0px; line-height: 42px; float: left;}
.logo a img{ height: 100%; display: block;}
.logo .txt{float: left;display: inline-block;font-size: 14px;font-weight: normal;padding: 0 0 0 10px;margin-top: 25px;border-left: 1px solid #dadada;margin-left: 12px;line-height: 1;}
.logo .txt b{ font-weight: normal; color: #333;}
.logo .txt font{ font-size: 26px; color: red;}
.nav{ text-align: center; padding-left: 8%;}
.nav li{ display: inline-block; *display: inline; *zoom: 1; position: relative;}
.nav>ul>li>a{ display: block; padding: 15px 25px; font-size: 16px; position: relative; line-height: 42px; height: 42px;}
.nav>ul>li>a.active,.nav>ul>li>a:hover,.nav>ul>li>a.hov{ color:#151573; font-weight:900}
.nav span{ display: block; display: block; text-align: center; height: 42px; line-height: 42px;}
.nav .subnav{ position: absolute; left:-38px; top: 70%; width: 170px;  border: 0px solid #e5e5e5; border-bottom: 0px none; border-top: 3px solid #000066; background-color: #fff; display: none;}
.nav .subnav a{ display: block; padding: 5px; border-bottom: 1px solid #e5e5e5;}
.nav .subnav a:hover{ background-color:#FF0000; color:#FFFFFF}

.language-box{ position: absolute; right: 2%; top: 22px; line-height: 28px; background: url(../images/tel.png) left no-repeat; width:260px; text-indent:48px; font-size:15px}

.menu-handler{ width:64px; float:right; height: 54px; display:none; cursor: pointer; background-color: #000066;}
.menu-handler span { position: relative; display: block; margin: 25.5px auto 0; width: 24px; height: 2px; background-color: #fff;  -webkit-transition-duration: .3s,.3s; -moz-transition-duration: .3s,.3s; -ms-transition-duration: .3s,.3s; -o-transition-duration: .3s,.3s; transition-duration: .3s,.3s;-webkit-transition-delay: .3s,0s; -moz-transition-delay: .3s,0s; -ms-transition-delay: .3s,0s; -o-transition-delay: .3s,0s; transition-delay: .3s,0s;}
.menu-handler span:after,
.menu-handler span:before { content: ""; position: absolute; display: inline-block; width: 100%; height: 2px; left: 0;
 background-color: #fff; -webkit-transition-duration: .3s,.3s; -moz-transition-duration: .3s,.3s; -ms-transition-duration: .3s,.3s;-o-transition-duration: .3s,.3s; transition-duration: .3s,.3s;-webkit-transition-delay: .3s,0s;-moz-transition-delay: .3s,0s;-ms-transition-delay: .3s,0s;-o-transition-delay: .3s,0s; transition-delay: .3s,0s}
.menu-handler span:before {top: -9px;-webkit-transition-property: top,transform;-moz-transition-property: top,transform;-ms-transition-property: top,transform;-o-transition-property: top,transform;transition-property: top,transform;}
.menu-handler span:after {bottom: -9px;-webkit-transition-property: bottom,transform;-moz-transition-property: bottom,transform;-ms-transition-property: bottom,transform;-o-transition-property: bottom,transform;
transition-property: bottom,transform;}
.menu-handler.active span {background-color: transparent;-webkit-transition-delay: 0s,0s;-moz-transition-delay: 0s,0s;-ms-transition-delay: 0s,0s;-o-transition-delay: 0s,0s;transition-delay: 0s,0s}
.menu-handler.active span:after,.menu-handler.active span:before {-webkit-transition-delay: 0s,.3s;-moz-transition-delay: 0s,.3s; -ms-transition-delay: 0s,.3s; -o-transition-delay: 0s,.3s; transition-delay: 0s,.3s}
.menu-handler.active span:before {top: 0;-webkit-transform: rotate(45deg);-moz-transform: rotate(45deg);-ms-transform: rotate(45deg);-o-transform: rotate(45deg);transform: rotate(45deg)}
.menu-handler.active span:after {bottom: 0;-webkit-transform: rotate(-45deg);-moz-transform: rotate(-45deg);-ms-transform: rotate(-45deg);-o-transform: rotate(-45deg);transform: rotate(-45deg);}
.menuBox a:link, .menuBox a:visited { color: #676767;}
.menuBox a:active,.menuBox a:hover { color: #676767;}   
.menuBox { color: #333333; position: fixed; display: none; right: 0px; top: 0px; height: 100%; height:100vh; overflow-x:hidden;  overflow-y:auto; -webkit-overflow-scrolling:touch;-moz-transform:translateX(100%);-ms-transform:translateX(100%);-webkit-transform:translateX(100%);transform:translateX(100%); width: 400px; z-index: 1010;  -webkit-transition:all .5s cubic-bezier(.25,.46,.45,.94); -moz-transition:all .5s cubic-bezier(.25,.46,.45,.94);-ms-transition:all .5s cubic-bezier(.25,.46,.45,.94); -o-transition:all .5s cubic-bezier(.25,.46,.45,.94);transition:all .5s cubic-bezier(.25,.46,.45,.94); }
.menuBox .menu-handler{ position: absolute; left: 0px; top: 0;}
.menuMoblie{ padding:0px 0px 80px; margin-left: 64px; background-color: #f4f4f4; min-height: 100%; min-height:100vh; }
.menuMoblie .nav-link { display: block; font-size: 18px; padding: 0px 64px 0px 24px; height: 54px; line-height: 54px; position: relative;}
.menuMoblie .nav-link:before{ content: ""; width: 13px; height: 13px; position: absolute; right: 5%; top: 50%; margin-top: -7px; background: url("../images/arrow2.png") no-repeat scroll center center; transition: 0.3s; -webkit-transition: 0.3s;}
.menuMoblie .cur{ background-color: #fff;}
.menuMoblie .cur .nav-link{ color: #fff; background-color: #000066;}
.menuMoblie .cur .nav-link:before { transform: rotate(90deg); -webkit-transform: rotate(90deg); }
.menuMoblie li{ border-bottom: 1px solid #dbdbdb;}
.menuMoblie .subnav { padding:10px 0px 20px; display: none;}
.menuMoblie .subnav a { display: block; padding: 6px 35px; line-height: 1.4; color: #707070; font-size: 16px;}
.menuMoblie .subnav a:hover{ color: #c18559;}
.pusher-black { position: fixed; width: 100%; height: 100%; left: 0px; top: 0px; background-color: rgba(0,0,0,0.4); z-index: 1002; visibility:hidden; filter:alpha(Opacity=0);opacity:0;-webkit-transition:all .2s cubic-bezier(.02,.01,.47,1) 0s; -moz-transition:all .2s cubic-bezier(.02,.01,.47,1) 0s; -ms-transition:all .2s cubic-bezier(.02,.01,.47,1) 0s; -o-transition:all .2s cubic-bezier(.02,.01,.47,1) 0s; transition:all .2s cubic-bezier(.02,.01,.47,1) 0s;}
.menuOpen .pusher-black { visibility:visible;filter:alpha(enabled=false); opacity:1;}
.menuOpen .menuBox { -moz-transform:translateX(0); -ms-transform:translateX(0); -webkit-transform:translateX(0);  transform:translateX(0) }
.ermsblack { background: url("../images/black_50.png") repeat; background: none rgba(0,0,0,0.5); width: 100%; height: 100%; position: fixed; left: 0px; top: 0px; z-index: 1030; display: none; }
.ermSBox { width: 220px; height: 264px; border: 5px solid #eeeeee; background: #fff; position: fixed; left: 50%; top: 50%; margin: -100px 0 0 -115px; z-index: 1004; }   
.ermSBox .img { padding: 20px; }
.ermSBox .img img { width: 100%; height: 100%; display: block; }
.ermSBox .t { padding: 10px 0px; color: #666; font-weight: bold; background: #eeeeee; text-align: center; }
.foot{ background-color:#27374D; padding: 8px 0px; color:#728398; border-top:1px solid #36455A; text-align:center; font-size:12px}
.foot a:link,.foot a:visited { color: #728398; }
.foot a:active,.foot a:hover { color: #a2dffe;}
.foot .cbox{ text-align:center}
.smlink{ float: right; display: inline-block; font-size: 12px; font-family: "微软正黑体","Microsoft JhengHei"; margin-top: 4px;}
.linkBox a:link,.linkBox a:visited { color: #728398; }
.linkBox a:active,.linkBox a:hover { color: #fff;}
.linkBox{ background:#27374D; padding:50px 0px 20px 0px; color:#728398;}
.link-nav{ float: left; display: block; width: 65%;}
.link-nav li{ float: left; display: block; width:20%; margin-right:2%; }
.link-nav .nav-link{ font-weight: bold; font-size: 15px; padding-bottom:5px; margin-bottom: 5px; display: block;}
.link-nav .subnav{ font-size: 12px;}
.link-nav .item{ padding-top: 6px;}
.link-right{ float: right; display: inline-block; text-align:left; width:33%;}
.link-right .con p { font-size:14px; line-height:28px;}
.link-logo li{ float: left; display: block; margin-left: 9px;}
.link-logo{ padding-bottom: 30px;}
.link-right .t{ margin-bottom: 5px;}
.link-right .tel{ font-family: arial, helvetica, sans-serif; font-size: 24px; line-height: 1.2;}
.pbanner { position: relative; overflow: hidden; background: url("../images/loader.gif") no-repeat scroll center center #fff; color: #fff; }

.pbanner .load-img { display: block; width: 100%;}
.pbanner-c a:link, .pbanner-c a:visited{ color: #fff;}
.pbanner-c a:active,.pbanner-c a:hover { color: #fff;}
.pbanner-c{ position: absolute; left: 50%; width: 1200px; margin-left: -600px; bottom: 25%; color: #fff; opacity: 0; visibility: hidden\9; transform:translateY(10%); -webkit-transform:translateY(10%);  transition: .78s 0.3s cubic-bezier(.215,.61,.355,1); -webkit-transition: .78s 0.3s cubic-bezier(.215,.61,.355,1);}
.pbanner-c .zh{ font-size: 26px; margin-bottom: 5px;}
.pbanner-c .en{ font-size: 45px; line-height: 1.2; }
.inview.pbanner-c{ opacity: 1; visibility: visible\9; transform: translateY(0); -webkit-transform: translateY(0); }

/* Slider */
.slick-slider { position: relative; display: block; box-sizing: border-box; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; -webkit-touch-callout: none; -khtml-user-select: none; -ms-touch-action: pan-y; touch-action: pan-y; -webkit-tap-highlight-color: transparent; }
.slick-list { position: relative; overflow: hidden; display: block; margin: 0; padding: 0; }
.slick-list:focus { outline: none; }
.slick-loading .slick-list { background: #f1f1f1 url("../images/loader.gif") center center no-repeat; }
.slick-list.dragging { cursor: pointer; cursor: hand; }
.slick-slider .slick-list, .slick-track, .slick-slide, .slick-slide img { -webkit-transform: translate3d(0, 0, 0); -moz-transform: translate3d(0, 0, 0); -ms-transform: translate3d(0, 0, 0); -o-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); }
.slick-track { position: relative; left: 0; top: 0; display: block; zoom: 1; }
.slick-track:before, .slick-track:after { content: ""; display: table; }
.slick-track:after { clear: both; }
.slick-loading .slick-track { visibility: hidden; }
.slick-slide { float: left; height: 100%; min-height: 1px; display: none; }
.slick-slide img { display: block; }
.slick-slide.slick-loading img { display: none; }
.slick-slide.dragging img { pointer-events: none; }
.slick-initialized .slick-slide { display: block; }
.slick-loading .slick-slide { visibility: hidden; }
.slick-vertical .slick-slide { display: block; height: auto; border: 1px solid transparent; }
/* Arrows */
.slick-prev, .slick-next { position: absolute; display: block; height: 20px; width: 20px; line-height: 0; font-size: 0; cursor: pointer; background: transparent; color: transparent; padding: 0; border: none; outline: none; }
/* Dots */
.slick-dots { position: absolute; bottom: -45px; list-style: none; display: block; text-align: center; padding: 0px; width: 100%; }
.slick-dots li { position: relative; display: inline-block; height: 20px; width: 20px; margin: 0px 5px; padding: 0px; cursor: pointer; }
@-webkit-keyframes scaleUpDown {
    from { -webkit-transform: scale(1.08); transform: scale(1.08); }
    to { opacity: 1;  -webkit-transform: scale(1); transform: scale(1);}
}

@keyframes scaleUpDown {
    from { -webkit-transform: scale(1.08); transform: scale(1.08);}
    to { opacity: 1;  -webkit-transform: scale(1); transform: scale(1);}
}
/*index style*/
.align-vertical { height: 100%; width: 100%; position: relative; display: table; }
.vertical-inner { display: table-cell; vertical-align: middle; }
.transXT50 { transform: translateX(50px); -webkit-transform: translateX(50px); opacity: 0; visibility: hidden; transition: transform 600ms,opacity .5s cubic-bezier(0.445, 0.145, 0.355, 1); -webkit-transition: transform 600ms,opacity .5s cubic-bezier(0.445, 0.145, 0.355, 1); transition-timing-function: ease-out; -webkit-transition-timing-function: ease-out; }
.transYT50 { transform: translateY(50px); -webkit-transform: translateY(50px); opacity: 0; visibility: hidden; transition: transform 600ms,opacity .5s cubic-bezier(0.445, 0.145, 0.355, 1); -webkit-transition: transform 600ms,opacity .5s cubic-bezier(0.445, 0.145, 0.355, 1); transition-timing-function: ease-out; -webkit-transition-timing-function: ease-out; }
.action.transYT50{ opacity: 1; visibility: visible; transform: translateY(0px); -webkit-transform: translateY(0px); }
.action.transXT50 { opacity: 1; visibility: visible; transform: translateY(0px); -webkit-transform: translateY(0px); }
.dly_1 { transition-delay: 100ms; -webkit-transition-delay: 100ms; }
.dly_2 { transition-delay: 200ms; -webkit-transition-delay: 200ms; }
.dly_3 { transition-delay: 300ms; -webkit-transition-delay: 300ms; }
.dly_4 { transition-delay: 400ms; -webkit-transition-delay: 400ms; }
.dly_5 { transition-delay: 500ms; -webkit-transition-delay: 500ms; }
.dly_6 { transition-delay: 600ms; -webkit-transition-delay: 600ms; }
.dly_7 { transition-delay: 700ms; -webkit-transition-delay: 700ms; }
.dly_8 { transition-delay: 800ms; -webkit-transition-delay: 800ms; }
.dly_9 { transition-delay: 900ms; -webkit-transition-delay: 900ms; }
.dly_10 { transition-delay: 1000ms; -webkit-transition-delay: 1000ms; }
.dly_11 { transition-delay: 1100ms; -webkit-transition-delay: 1100ms; }
.black-20{ background: url("../images/balck_20.png") repeat; background: none rgba(0,0,0,0.2); width: 100%; height: 100%; position: absolute; left: 0; top: 0;}
.black-30{ background: url("../images/balck_30.png") repeat; background: none rgba(0,0,0,0.3); width: 100%; height: 100%; position: absolute; left: 0; top: 0;}
.blue-70{ background: url("../images/blue_70.png") repeat; background: none rgba(21,21,115,0.7); width: 100%; height: 100%; position: absolute; left: 0; top: 0;}
.blue-90{ background: url("../images/blue_90.png") repeat; background: none rgba(21,21,115,0.9); width: 100%; height: 100%; position: absolute; left: 0; top: 0;}
.pageH{ height: 72px;}
.linkA{ position: absolute; left: 0; top: 0; width: 100%; height: 100%; background: url("../images/w0.png") no-repeat;}
.banner a:link, .banner a:visited { color: #fff;}
.banner a:active,.banner a:hover { color: #b07d41;}  
.banner { position: relative; overflow: hidden; }
.banner .item .pimg { position: absolute; height: 100%; width: 100%; display: block; }
.banner .item .mimg{ display: none; width: 100%;}
.binbox { position: absolute; width: 1000px; overflow: hidden; left: 50%; margin-left: -500px; top: 0; height: 100%; display: table; text-align: center; color: #fff; }
.binbox .en{font-size:30px; line-height: 2.5;}
.binbox .c{ font-size:30px; line-height: 1.5;}
.banner .slick-active .pimg { visibility: visible !important; -webkit-animation: scaleUpDown 5s forwards cubic-bezier(0.250, 0.460, 0.450, 0.940); animation: scaleUpDown 5s forwards cubic-bezier(0.250, 0.460, 0.450, 0.940);}
.banner .slick-active .vertical-inner{  visibility: visible; -webkit-transition-timing-function: cubic-bezier(0.6, 4, 0.3, 0.8); transition-timing-function: cubic-bezier(0.6, 4, 0.3, 0.8); -webkit-animation: fadeInRightBig 1.2s 1; animation: fadeInRightBig 1.2s 1;}
@-webkit-keyframes fadeInRightBig{0%{opacity:0;-webkit-transform:translateX(300px);transform:translateX(300px)}100%{opacity:1;-webkit-transform:translateX(0);transform:translateX(0)}}
@keyframes fadeInRightBig{0%{opacity:0;-webkit-transform:translateX(300px);transform:translateX(300px)}100%{opacity:1;-webkit-transform:translateX(0);transform:translateX(0)}}
.banner .slick-dots{ bottom: 5%; z-index: 105; }
.banner .slick-dots li{ width: 16px; height: 16px; padding: 0px 39px; margin: 0px; cursor: pointer; position: relative; z-index: 1;}
.banner .slick-dots li:after{ content: ""; position: absolute; left: 0; top: 50%; width: 30px; height: 1px; background-color: #fff;}
.banner .slick-dots li:before{ content: ""; position: absolute; right: 0; top: 50%; width: 30px; height: 1px; background-color: #fff;}
.banner .slick-dots li:first-child:after{ display: none;}
.banner .slick-dots li:last-child:before{ display: none;}
.banner .slick-dots li a{ height: 9px; width: 10px; line-height: 10px; margin: 3px auto; display: block; color: #fff; font-size: 0px; padding: 0px; border-radius: 50%;background: url("../images/banner_0.png") no-repeat scroll center center; position: relative; z-index: 1;}
.banner .slick-dots li a:before{ content: ""; position: absolute; left: -3px; top: -3px; width: 16px; height: 16px; display: block; border-radius: 50%; z-index: -1; background: url("../images/banner_1.png") no-repeat scroll center center; transform: scale(0); -webkit-transform: scale(0); transition: .35s; -webkit-transition: .35s; opacity: 0; visibility: hidden\9; }
.banner .slick-dots li a:focus{ outline: none; }
.banner .slick-dots li.slick-active a:before { opacity: 1; transform: none; -webkit-transform: none; visibility: visible\9;}
.ibox{ max-width: 1920px; margin: 0px auto;}
.product-ibox{ padding: 8px 0px 0px 8px;}
.product-ibox li{ float: left; display: block; width: 20%; margin-bottom: 8px;}
.product-ibox .pro-item{ margin-right: 8px; background: url("../images/blue1.jpg") no-repeat scroll center center #dbe5ee; position: relative; padding: 106px 0 35px;}
.pro-item .con{ position: absolute; left: 5%; top: 25px; width: 90%; line-height: 1.5; text-align: center; color: #3d3e3e; z-index: 4; transition: transform 0.4s; -webkit-transition: -webkit-transform 0.4s;}
.pro-item .con h4{ font-size: 18px; margin-bottom: 4px;}
.pro-item .con .c{ height: 42px; overflow: hidden; margin-bottom: 12px;}
.pro-item .mico{ background: url("../images/arrow.png") no-repeat scroll center center; border-radius: 50%; margin: 0px auto; width: 26px; height: 26px; display: block; transition: .35s; -webkit-transition: .35s; opacity: 0; visibility: hidden\9;}
.pro-item .img{ text-align: center; transition: transform 0.5s; -webkit-transition: -webkit-transform 0.5s; }
.pro-item .img img{ display: block; width: 250px; height: 120px; margin: 0px auto; max-width: 100% !important;}
.pro-item .blue-90{ z-index: 3; transition: .35s; -webkit-transition: .35s; opacity: 0; visibility: hidden\9;}
.pro-item .linkA{ z-index: 5;}
.pro-item:hover .con{ color: #fff;  transform: translateY(50px); -webkit-transform: translateY(50px);}
.pro-item:hover .img{ color: #fff;  transform: translateY(-50px); -webkit-transform: translateY(-50px);}
.pro-item:hover .blue-90{ opacity: 1; visibility: visible\9;}
.pro-item:hover .mico{ opacity: 1; visibility: visible\9;}
/*index style end*/

.wrap { max-width: 1200px; margin: 0 auto; }
.wrap_1400 { max-width: 1400px; margin: 0 auto; }
@media (max-width: 1420px) { .wrap_1400 { max-width: 1200px; margin: 0 auto; } }
.fl{ float:left;}
.fr{ float:right;}
.Content { padding-top: 0px; background: #fff no-repeat center; background-size: cover; }
.Content .sub_tit { width: 100%; height: 45px; border-bottom: 1px solid #ddd; background: #f8f8f8; line-height: 45px; }
.Content .sub_tit span { display: inline-block; vertical-align: top; font-size: 0; }
.Content .sub_tit span em { display: inline-block; vertical-align: top; font-size: 12px; color: #444; font-weight: bold;font-style:normal;}
.Content .sub_tit span a { display: inline-block; vertical-align: top; position: relative; margin: 0 10px; font-size: 12px; color: #444; font-weight: bold; }
.Content .sub_tit span a.iconfont { display: inline-block; vertical-align: top; width: 45px; font-size: 12px; margin: 0; color: #999; border-right: 1px solid #ddd; border-left: 1px solid #ddd; margin-right: 10px; text-align: center; cursor: pointer; }
.Content .sub_tit span a.iconfont:before { display: none; }
.Content .sub_tit span a:hover { color: #ed2836; }
.Content .sub_tit span a:before { position: absolute; top: 0; right: -15px; content: '\e614'; font-family: 'iconfont' !important; font-size: 12px; color: #444; }
.Content .sub_tit span b { display: inline-block; vertical-align: top; margin-left: 10px; font-size: 12px; color: #ed2836; font-weight: bold; }
.Content .BIG_Box { position: relative; z-index: 2; padding: 50px 0; overflow:hidden}
.Content .sub_Nav { width: 240px; }
.Content .sub_Nav .na_tit { width: 100%; padding: 30px 20px; margin-bottom: 10px; border-radius: 0 0 0 30px; box-sizing: border-box; background: #0B2184; }
.Content .sub_Nav .na_tit span { display: block; position: relative; z-index: 1; font-size: 25px; color:#fff ; text-transform: uppercase; }
.Content .sub_Nav .na_tit em { display: block; position: relative; z-index: 2; margin-top:1px; font-size: 22px; font-weight: 100; color:rgba(255, 255, 255, 0.3) ;font-style:normal;}
.Content .sub_Nav .na_ul ul li { display: block; border-bottom: 1px solid #fff; line-height: 50px;background:#dbdbdb}
.Content .sub_Nav .na_ul ul li a { display: block; position: relative; padding: 0 20px; font-size: 16px; color: #444; }
.Content .sub_Nav .na_ul ul li.on, .Content .sub_Nav .na_ul ul li:hover { background: #0C2284; }
.Content .sub_Nav .na_ul ul li.on a, .Content .sub_Nav .na_ul ul li:hover a { color: #fff; }
.Content .sub_Nav .na_ul ul li.on a:before, .Content .sub_Nav .na_ul ul li.on a i, .Content .sub_Nav .na_ul ul li:hover a:before, .Content .sub_Nav .na_ul ul li:hover a i { color: #fff; }

.Content .sub_Nav .na_ul dd{height:35px;line-height:35px;border-bottom: 1px solid #fff;background:  #efefef ; text-indent:10px}
.Content .sub_Nav .na_ul dd a { display: block; position: relative; padding: 0 20px; font-size: 14px; color: #444; }
.Content .sub_Nav .na_ul dd.on, .Content .sub_Nav .na_ul dd:hover { background:  #ed2836; }
.Content .sub_Nav .na_ul dd.on a, .Content .sub_Nav .na_ul dd:hover a { color: #fff; }

.Content .sub_Nav .pna_ul ul li { display: block; border-bottom: 1px solid #ddd; line-height: 50px;background:#0B2184}
.Content .sub_Nav .pna_ul ul li a { display: block; position: relative; padding: 0 20px; font-size: 16px; color: #fff; }
.Content .sub_Nav .pna_ul ul li.on, .Content .sub_Nav .na_ul ul li:hover { background:#0B2184; }
.Content .sub_Nav .pna_ul ul li.on a, .Content .sub_Nav .na_ul ul li:hover a { color: #fff; }
.Content .sub_Nav .pna_ul dl dt{ display: block; border-bottom: 1px solid #ddd; line-height: 45px;background:#f8f8f8}
.Content .sub_Nav .pna_ul dl dt a { display: block; position: relative; padding: 0 20px; font-size: 16px; color: #444; }
.Content .sub_Nav .pna_ul dl dt.on, .Content .sub_Nav .na_ul dl dt:hover { background: #ed2836; }
.Content .sub_Nav .pna_ul dl dt.on a, .Content .sub_Nav .na_ul dl dt:hover a { color: #fff; }

.Content .sub_Box { position: relative; width: calc(100% - 280px); }

.Content .sub_thr { position: relative; padding-bottom:6px; margin-bottom:35px; border-bottom: 2px solid #ddd; font-size: 22px; color: #333; text-transform: uppercase; text-align:left;}
.Content .sub_thr:before { position: absolute; bottom: -2px; left: 0; width: 100px; height: 2px; content: ''; background: #ed2836; }
.About{ font-size: 16px; line-height:35px; text-align:left}
.About p { font-size: 16px; color: #666;line-height:35px; }
.About img { max-width: 100%; }
@media (max-width: 1024px) { .wrap, .wrap_1400 { max-width: 100%; padding: 0 3%; }
.Content .BIG_Box { padding: 5% 3%; }
.Content .sub_more { height: 40px; background-size: 28px; }}
@media (max-width: 900px) {
  .Content .sub_tit { height: 40px; line-height: 40px; }
  .Content .sub_tit span a { margin: 0 8px; }
  .Content .sub_tit span a.iconfont { width: 40px; }
  .Content .sub_tit span a:before { right: -14px; }
  .Content .sub_tit span b { margin-left: 8px; }
  .Content .sub_Nav { width: 100%; margin-top: 0; }
   .Content .sub_Navy {display:none}
  .Content .sub_Navd { display:block}
  .Content .sub_Nav .na_tit { height: auto; padding: 4%; }
  .Content .sub_Nav .na_tit span { font-size: 24px; }
  .Content .sub_Nav .na_tit span:before { width: 30px; }
  .Content .sub_Nav .na_tit em { font-size: 16px; margin-top: 0; }
  .Content .sub_Nav .na_ul ul li { line-height: 60px; }
  .Content .sub_Nav .na_ul ul li a { padding: 0 2% 0 4%; }
  .Content .sub_Nav .na_ul ul li a i { margin-right: 10px; }
  .Content .sub_Box { width: 100%;}
  .Content .Pageing { text-align: center; }
  .Content .sub_thr { padding: 15px 0; margin-bottom: 5%; font-size: 18px; }
  .Content .sub_thr:before { width: 80px; }}
  @media (max-width: 768px) { .Content .sub_Nav { width: 100%; margin-top: 0;}
  .Content .sub_Nav .na_tit span { font-size: 22px; }
  .Content .sub_Nav .na_tit span:before { width: 24px; }
  .Content .sub_Nav .na_tit em { font-size: 16px; }
  .Content .sub_Nav .na_ul ul li { line-height: 40px; }
  .Content .sub_Nav .na_ul ul li a { padding: 0 2% 0 4%; font-size: 14px; }
  .Content .sub_Nav .na_ul ul li a i { font-size: 14px; }
  .Content .sub_Nav .na_ul ul li a:before { font-size: 12px; }
  .Content .sub_Box { width: 100%; }}
  @media (max-width: 640px) {  .Content { padding-top: 0px; overflow: hidden; }
  .Content .sub_tit { height: 30px; line-height: 30px; }
  .Content .sub_tit span a { margin: 0 5px; }
  .Content .sub_tit span a.iconfont { width: 30px; }
  .Content .sub_tit span a:before { right: -10px; }
  .Content .sub_tit span b { margin-left: 5px; }
  .Content .sub_Nav { width: 100%; margin-top: 0; }
  .Content .sub_Nav .na_tit span { padding: 2% 0; font-size: 20px; }
  .Content .sub_Nav .na_tit span:before { width: 20px; height: 1px; }
  .Content .sub_Nav .na_tit em { font-size: 16px; }
  .Content .sub_Nav .na_ul ul li { line-height: 40px; }
  .Content .sub_Nav .na_ul ul li a { font-size: 12px; }
  .Content .sub_Nav .na_ul ul li a i { font-size: 12px; }
  .Content .sub_thr { padding: 12px 0; font-size: 16px; }
  .Content .sub_thr:before { width: 50px; }
  .Content .sub_more { height: 30px; background-size: 22px; }
  }
  
  .am-scrollable-horizontal{width:100%;overflow-y:hidden;overflow-x:auto;-ms-overflow-style:-ms-autohiding-scrollbar;-webkit-overflow-scrolling:touch}
.about_company{width:100%;  overflow:hidden;font-size:16px; margin:0px auto 20px;}
.about_company_l{width:38%; float:left; overflow:hidden}
.about_company_r{width:57%; float:right; line-height:35px; overflow:hidden;}
@media (max-width: 768px)
{
.about_company_l{width:98%; margin:10px auto; overflow:hidden}
.about_company_r{width:98%; margin:10px auto; line-height:30px; overflow:hidden}
}
.about_contact_l{width:50%; float:left; overflow:hidden}
.about_contact_r{width:45%; float:right; line-height:30px; overflow:hidden;font-size:16px; }
@media (max-width: 768px)
{
.about_contact_l{width:98%; margin:5px auto; overflow:hidden}
.about_contact_r{width:98%; margin:5px auto; line-height:30px; overflow:hidden}
}