@charset "utf-8";
*,*::after,*::before{box-sizing:border-box;}
*:focus { outline: none; }
body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, form, fieldset, input, textarea, p, blockquote, th, td, img, button,figure{margin: 0;padding: 0;border: 0;}
html{-webkit-text-size-adjust:none; }
body{font-size:14px;position:relative;*overflow-x:hidden; background-color: #fff;color: #000;font-family:Arial,"Microsoft YaHei", "PingFang SC", apple-system, "Helvetica Neue", "Source Han Sans SC","WenQuanYi Micro Hei", sans-serif;line-height: 1.5;outline:none;}
table{border-collapse:collapse; border-spacing:0;}
ol, ul, li{ list-style:none;}
h1, h2, h3, h4, h5, h6{font-weight:normal;}
h1{font-size:28px;}
h2{font-size:22px;}
h3{font-size:18px;}
h4{font-size:16px;}
h5{font-size:14px;}
h6{font-size:12px;}
img{-webkit-box-sizing:border-box;box-sizing:border-box;max-width:100%;height:auto;vertical-align:middle;border:0;transition: all 0.3s;}
em,i{font-style: normal;}
blockquote:before,
blockquote:after,
q:before,
q:after{content:'';content:none;}
a{text-decoration:none;color:#000;} 
a:hover{color:#047857;text-decoration:none;} 
a:focus{outline:0px dotted;}
a:focus, input:focus{ -moz-outline-style: none; } 
::selection { background:#047857; color:#fff;}
::-moz-selection { background:#047857; color:#fff;  }
::-webkit-selection { background:#047857; color:#fff;  }
input[type="button"],
input[type="submit"],
input[type="reset"] {-webkit-appearance: none;}
.fl{ float:left;}
.fr{ float:right;}
.clear { clear:both;}
.clearfix:after { content: '\20'; display: block; height: 0; clear: both; }
.clearfix { *zoom:1;}
::-webkit-scrollbar { height:11px; width:11px }
::-webkit-scrollbar-button { height:0; width:0 }
::-webkit-scrollbar-button:start:decrement,::-webkit-scrollbar-button:end:increment { display:block }
::-webkit-scrollbar-button:vertical:start:increment,::-webkit-scrollbar-button:vertical:end:decrement { display:none }
::-webkit-scrollbar-track:vertical,::-webkit-scrollbar-track:horizontal,
::-webkit-scrollbar-thumb:vertical,::-webkit-scrollbar-thumb:horizontal,
::-webkit-scrollbar-track:vertical,::-webkit-scrollbar-track:horizontal,
::-webkit-scrollbar-thumb:vertical,::-webkit-scrollbar-thumb:horizontal { border-style:solid; border-color:transparent}
::-webkit-scrollbar-track:vertical::-webkit-scrollbar-track:horizontal{ background-clip:padding-box; background-color:#fff;}
::-webkit-scrollbar-thumb { -webkit-box-shadow:inset 1px 1px 0 rgba(0,0,0,.1),inset 0 -1px 0 rgba(0,0,0,.07); background-clip:padding-box; background-color:rgba(0,0,0,.2); min-height:28px; padding-top:100}
::-webkit-scrollbar-thumb:hover { -webkit-box-shadow:inset 1px 1px 1px rgba(0,0,0,.25); background-color:rgba(0,0,0,.4)}
::-webkit-scrollbar-thumb:active { -webkit-box-shadow:inset 1px 1px 3px rgba(0,0,0,.35); background-color:rgba(0,0,0,.5)}
::-webkit-scrollbar-track:vertical,::-webkit-scrollbar-track:horizontal,
::-webkit-scrollbar-thumb:vertical,::-webkit-scrollbar-thumb:horizontal { border-width:0;}
::-webkit-scrollbar-track:hover { -webkit-box-shadow:inset 1px 0 0 rgba(0,0,0,.1); background-color:rgba(0,0,0,.05)}
::-webkit-scrollbar-track:active { -webkit-box-shadow:inset 1px 0 0 rgba(0,0,0,.14),inset -1px -1px 0 rgba(0,0,0,.07); background-color:rgba(0,0,0,.05)}
.els {overflow: hidden;white-space: nowrap;text-overflow: ellipsis;}
.els2 {overflow: hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 2; -webkit-box-orient: vertical;}
.g-in { position: relative; width: 1600px; margin: 0 auto; }
.g-in:after { content: '\20'; display: block; height: 0; clear: both; }
@media (max-width: 1600px){
    .g-in { width: 1200px; margin:0 auto }
}
@media (max-width: 1280px){
    .g-in { width:100%; padding: 0 2%; }
}

.header { position: fixed; top: 0; left: 0; right: 0; transition:transform 0.6s cubic-bezier(0.4,0,0.2,1); z-index: 15;padding:40px 0 }
.header-bg{ background:rgba(00,00,00,0.3); padding:20px 0}

.logo {position: relative;float: left; }
.header-bg .logo img{ height:60px; width:auto}
.nmenu{ position:fixed; right:0; top:20%; z-index:99}
.nmenu .a1{ width:250px; height:60px; background:rgba(00,00,00,0.3); transition:all 0.3s linear; cursor:pointer; position:relative; left:10px;}
.nmenu .a1 span{ display:block; margin-left:20px; padding-left:40px; color:#fff; font-size:22px; background:url(../images/g_01.png) left center no-repeat; line-height:60px; cursor:pointer}
.nmenu .a2{ width:250px; height:60px; background:rgba(00,00,00,0.3); margin-top:10px; transition:all 0.3s linear; cursor:pointer; position:relative; left:10px;}
.nmenu .a2 span{ display:block; margin-left:20px; padding-left:40px; color:#fff; font-size:22px; background:url(../images/g_02.png) left center no-repeat; line-height:60px; cursor:pointer}
.nmenu .a1:hover{ left:0}
.nmenu .a2:hover{ left:0}

.nmenus{ width:40px; height:40px; margin-top:10px; float:right;background:url(../images/g_01x_2.png) center center no-repeat #fff; background-size:20px; cursor:pointer; display:none}
@media (max-width: 1600px){
	.header{ padding:30px 0}
	.logo img{ height:80px; width:auto}
	.header-bg{ padding:15px 0}
}
@media (max-width: 1280px){
	.header{ padding:15px 0}
	.logo img{ height:36px; width:auto; max-width:none}
	.header-bg{ padding:15px 0}
	.nmenu{ display:none!important}
	.nmenus{ display:block!important; margin:2px 0 0 0; width:32px; height:32px; background-size:20px}
	.header-bg .logo img{ height:36px; width:auto}
}















.sea_on{ width:100%; height:100%; left:0; top:0; background:rgba(00,00,00,0.5); position:fixed; z-index:99; display:none}
.sea_on .s1{ width:400px; height:68px; position:absolute; left:50%; margin-left:-200px; top:50%; margin-top:-34px; background:#fff}
.sea_on .s1 .inp1{ width:200px; height:68px; border:0; position:absolute; left:10px; top:0; font-size:14px;}
.sea_on .s1 .inp2{ width:76px; height:68px; background:url(../images/g_01x.jpg) center center no-repeat #004898; position:absolute; right:0; top:0; cursor:pointer} 
.sea_on .s1 .gb{ width:30px; height:30px; background:url(../images/gb.png) center center no-repeat; background-size:30px; position:absolute; right:0; top:-50px; cursor:pointer}
@media (max-width:1200px) {
	.sea_on .s1{ width:300px; height:48px;margin-left:-150px;margin-top:-24px;}
	.sea_on .s1 .inp1{ width:180px; height:48px;}
	.sea_on .s1 .inp2{ width:76px; height:48px;} 
	.sea_on .s1 .gb{ width:24px; height:24px; background:url(gb.png) center center no-repeat; background-size:24px; position:absolute; right:0; top:-30px; cursor:pointer}
}
.slide_box { background: #fff; width: 400px; height: 100% ; box-sizing:border-box; position: fixed; right: 0; top: 0; padding: 50px 50px 50px 50px; box-sizing: border-box; z-index: 999; transform: translateX(100%);transition: all .6s; z-index: 101; }
.slide_box.active { transform: translateX(0);}
.z_mask { width: 0%; height: 100%; position: fixed;  left: 0; top:0; background: rgba(0,0,0,.8); transition: all .8s; z-index: 101; }
.z_mask.active {width: 100%; }
.slide_nav{ width:100%; height:100%; overflow-y:auto; position:relative; border-top:1px solid #f0f0f0}
.slide_box .close{ width:50px; height:66px; position:absolute; right:0; top:0; cursor:pointer; z-index:2; background:url(../images/close.png) center center no-repeat; background-size:16px}
.slide_nav li { border-bottom:1px solid #f0f0f0;position:relative }
.slide_nav li .jia{ display:block; width:50px; height:45px; text-align:center; line-height:45px; font-size:0; color:#333; position:absolute; right:0; top:0; background:url(../images/plus.png) center center no-repeat; display:none; cursor:pointer}
.slide_nav li .jia.on{ display:block; background-size:16px}
.slide_nav li .jian{ display:block; width:50px; height:45px; text-align:center; line-height:45px; font-size:0; color:#333; position:absolute; right:0; top:0; background:url(../images/reduce.png) center center no-repeat; display:none; cursor:pointer; background-size:16px}
.slide_nav li .jian.on{ display:block}

.slide_nav li>a {display: block;height: 45px;color: #333;line-height: 45px;padding-left: 4%;font-size: 15px;}
.slide_nav .nav_down { display:none; padding-bottom:12px }
.slide_nav .nav_down a {display: block;color: #7f7f7f;line-height: 24px;padding-left: 34px;font-size: 14px; background:url(../images/z2.png) 15px 6px no-repeat; background-size:auto 10px; margin-top:12px}
.slide_nav .nav_down a:before {}
.slide_nav .nav_down a.active,.slide_nav .nav_down a:hover { color: #283b66;}
.slide_nav li a:hover{ color: #283b66;}
.slide_nav .nav_down a.active:before,.slide_nav .nav_down a:hover:before { width: 100%; left: 0;}
.slide_nav li .lk{ display: inline-block; vertical-align: top; line-height: 45px; font-size: 15px; color: #333; padding: 0 4% }
.slide_nav li .lk a{ color: #333 }
.slide_nav li .lk a:hover { color: #f26c2a;}
@media all and (max-width:1200px){
	.slide_box{}
	.slide_box { width:80%; padding:66px 0 30px; }
	.z_mask{ }
}


.footer{ width:100%; background:#013a69}
.footer .ft01 .g-in{ border-bottom:1px solid rgba(255,255,255,0.1);padding:37px 0}
.footer .ft01 .logot{ float:left}
.footer .ft01 .rt{ padding:7px 0; float:right}
.footer .ft01 .rt .item{ float:left; margin-left:14px; position:relative}
.footer .ft01 .rt .item .pic img{ width:36px; height:auto}
.footer .ft01 .rt .item .ewm{ width:100px; position:absolute; left:50%; transform:translateX(-50%); top:-120px; display:none; z-index:99}
.footer .ft01 .rt .item .ewm img{ width:100%; height:auto}
.footer .ft01 .rt .item:hover .ewm{ display:block}
.footer .ft02{ padding:50px 0}
.footer .ft02 .item{float:left;margin-right: 30px;width: 150px;}
.footer .ft02 .item dt{ font-size:18px; color:#fff}
.footer .ft02 .item dt a{ color:#fff}
.footer .ft02 .item dd{ font-size:16px; color:rgba(255,255,255,0.4); margin-top:15px; line-height:20px}
.footer .ft02 .item dd a{ color:rgba(255,255,255,0.4)}
.footer .ft02 .item dd a:hover{ color:rgba(255,255,255,1)}
.footer .ft02 .item dl:nth-child(2){ margin-top:50px}
.footer .ft02 .rt{ float:right}
.footer .ft02 .rt ul li a{ display:block; width:208px; height:42px; border:1px solid rgba(255,255,255,0.5); font-size:16px; color:#fff; text-align:center; line-height:42px; margin-bottom:10px}
.footer .ft02 .rt ul li a:hover{border:1px solid rgba(255,255,255,1);}
.footer .ft03 .g-in{ border-top:1px solid rgba(255,255,255,0.1);padding:22px 0; font-size:14px; text-align:center; color:rgba(255,255,255,0.8)}
.footer .ft03 .g-in a{color:rgba(255,255,255,0.8)}
.footer .ft03 .g-in a:hover{ color:rgba(255,255,255,1)}
@media (max-width:1600px) {
	
	.footer .ft02 .item{margin-right: 20px;width: 115px;}
	.footer .ft02 .item dt{ font-size:16px }
	.footer .ft02 .item dd{ font-size:14px; line-height:20px; margin-top:12px}
	.footer .ft02 .item dd a{ color:rgba(255,255,255,0.4)}
	.footer .ft02 .item dd a:hover{ color:rgba(255,255,255,1)}
	.footer .ft02 .item dl:nth-child(2){ margin-top:40px}
	.footer .ft02 .rt ul li a{width: 130px;min-height: 22px;font-size:14px;line-height: 20px;height: auto;padding: 8px 3px;}
	
}
@media (max-width:1200px) {
	.footer .ft01 .g-in{ padding:20px 4%}
	.footer .ft02 .item{ width:50%!important; box-sizing:border-box; margin:0}
	.footer .ft02{ padding:30px 0}
	.footer .ft02 .item dl{ margin:0 0 20px 0!important}
	.footer .ft02 .item dt{ font-size:14px}
	.footer .ft02 .item dd{ font-size:12px; margin-top:8px}
	.footer .ft02 .rt{ width:100%}
	.footer .ft02 .rt ul li{ width:23.5%; float:left; margin-right:2%}
	.footer .ft02 .rt ul li:nth-child(4n){ margin-right:0}
	.footer .ft02 .rt ul li a{ width:100%}
}
@media (max-width:750px) {
	.footer .ft02 .item{ width:100%!important;}
	.footer .ft01 .logot img{ height:36px; width:auto}
	.footer .ft01 .rt{ padding:5px 0}
	.footer .ft01 .rt .item{ margin-left:10px; }
	.footer .ft01 .rt .item .pic img{ width:26px;}
	.footer .ft02 .rt ul li{ width:49%; float:left; margin-right:2%}
	.footer .ft02 .rt ul li:nth-child(2n){ margin-right:0}
	.footer .ft02 .rt ul li a{ font-size:12px; height:32px; line-height:32px}
}