﻿@charset "utf-8";
/**===============================================================
Author:Lion.Lu
Name:CSS 
Restdate:2020-01-15
QQ:190256820
===============================================================**/ 
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; }
caption,h1, h2, h3, h4, h5, h6, p{ margin: 0; padding: 0px;}
html { -webkit-text-size-adjust: 100%; -ms-text-size-adjust: 100%; overflow-x: hidden; -webkit-tap-highlight-color: transparent;}
/* 设置默认字体样式 */
body { font: 16px/1.8 "微软正黑体","Microsoft JhengHei","Microsoft Yahei","微软雅黑","Hiragino Sans GB","冬青黑体","Arial","Helvetica","SimHei","黑体","STXihei","华文细黑",sans-serif; margin: 0 auto; color: #666; background-color: #F8F8F8; }
h1,h2,h3,h4,h5,h6,font {font-size:14px;font-weight:normal;}
i,em {font-style:normal;}
/** 重置图片元素 **/
img {border:none;vertical-align:top;}
/** 重置列表元素 **/
ul,ol,li {list-style:none;}
/** 重置表格元素 **/
table {border-collapse:collapse;border-spacing:0;}
/**重置表单元素**/
input[type=submit] {cursor:pointer;}
input[type=button] {cursor:pointer;}
textarea {resize:none;overflow:auto;}
/** 默认链接元素 **/
a {color:#0177ce;text-decoration:none;-webkit-transition:color .2s;-moz-transition:color .2s;-ms-transition:color .2s;-o-transition:color .2s;transition:color .2s;}
a:hover {color:#171717;text-decoration:none;}
a:focus {-moz-outline-style:none;}
a:focus {outline:none;}
a * {cursor:pointer;}
q:before,q:after {content:none;}
/* 清除浮动 */
.clearfix:after {display:block;clear:both;visibility:hidden;height:0;overflow:hidden;content:".";}
.clearfix {*zoom:1;}
.clear {clear:both;height:0;line-height:0;font-size:0;overflow:hidden;}
/* 溢出 / 隐藏 */
.over {overflow:hidden;}
.hide {display:none;}
li a {display:block;}
*:before, *:after {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}
/*feedback*/
.formBox {margin:20px auto;padding:20px 0;border-top:1px dotted #ccc;border-bottom:1px dotted #ccc;}
.formBox p {font-size:1.4em;font-weight:500;color:#333;}
.k_form {margin:20px 0;}
.k_form  .k_in3 {border:1px solid #c5c5c5;border-radius:3px;padding:1%;font:12px/1.8 'soolidiumregular';width:43%;margin:0px 2% 2% 0px;color:#7d7c7c;}
 .k_form input[type="text"]:focus,.k_form textarea:focus {border:1px solid #2e2e2e;background-color:#fff;}
 .k_pagelist {float:left;display:table;clear:both;line-height:30px;margin:10px 0 20px 0;font-size:14px;font-weight:300;}
.k_pagelist em {padding:2px;border:1px solid #E7E7E7; margin:0px 1px;background:#F5F9FE;font-size:14px;font-weight:300;color:#000;}
.k_pagelist strong {padding:2px;border:1px solid #E7E7E7;margin:0px 1px;color:#0177ce;font-size:14px;font-weight:600;}
.k_pagelist a {padding:2px;border:1px solid #E7E7E7;margin:0px 1px;font-size:14px;font-weight:300;}
.k_feedback {width:90%;margin:20px 5%;height:100%;}
.k_feedback p {height:60px;line-height:60px;font-size:0.8em;text-align:center;}
.k_feedback ol li {line-height:2.5em;}
.k_feedback .k_form {float:left;display:block;width:90%;margin:0 20px 5%;color:#939393;height:auto;}
.k_feedback .k_form  table {height:400px;}
.k_form p {width:96%;line-height:66px;overflow:hidden;margin:20px 0 0 0;color:#fd0000;font-size:1.1em;padding:20px 0 0 20px;border-top-width:1px;border-top-style:dotted;border-top-color:#CCC;}
.k_form p label {margin:0 10px;}
.k_form .ts {border-bottom:1px dashed #939393;padding-bottom:20px;margin-bottom:18px;}
.k_form .mtxt {border:1px solid rgba(0,0,0,0.07);border-radius:3px;padding:2%;font:300 12px/1.8 'soolidiumregular';width:43%;margin:0px 2% 2% 0px;color:#7d7c7c;}
.k_form .mtxt2 {width:93%;height:130px;overflow:hidden;resize:none;}
.button,.k_form .mbtn ,.k_search .item dl .m a,.k_form  .k_submit{color:#fff;background:#0177ce;transition:color 0.2s ease-in-out,background-color 0.2s ease-in-out,border-color .2s ease-in-out;font:0.88889em "Open Sans","Lucida Grande","Arial",sans-serif;font-weight:300;display:inline-block;min-height:38px;line-height:38px;border:0px solid transparent;margin:5px 0.5em 0 0;outline:0;cursor:pointer;text-align:center;text-decoration:none !important;padding:0 30px;overflow:hidden;-moz-border-radius:0;-webkit-border-radius:0;border-radius:0;-moz-appearance:none;-webkit-appearance:none;appearance:none;-webkit-box-sizing:content-box;-moz-box-sizing:content-box;box-sizing:content-box;}
 .button:hover,.k_form .mbtn:hover,.k_search .item dl .m a:hover,.k_form .k_submit:hover {background:#444;color:#fff;}
.k_form input[type="text"]:focus,.k_form textarea:focus {border:1px solid #2e2e2e;background-color:#fff;}
/*SEARCH*/
.k_search p {width:100%;clear:both;}
.search {height:auto;}
.search .iprolist {width:23%;margin:0 1% 0 1%;float:left;}
.search .iprolist img {width:100%;}
.search figcaption {text-align:center;}
.search figcaption h2,.main figcaption h3 {font-size:0.8em;color:#002;font-family:Tahoma,Geneva,sans-serif;}
.search figcaption small {font-size:0.6em;text-align:left;}
.k_search h3 a {float:left;font-weight:200;color:#CDA46F;}
.k_search h3:nth-child(2n+1) a {font-size:0.9em;font-weight:600;color:#000;}
.k_search h3:nth-child(3n+2) a {font-size:1.5em;font-weight:300;color:#888;}
.k_search h3:nth-child(5n+3) a {font-size:2.1em;font-weight:800;color:#11406C;}
.k_search h3:nth-child(7n+5) a {font-size:1.8em;font-weight:500;color:#ccc;}
.k_search h3:nth-child(11n+7) a {font-size:1.2em;font-weight:300;color:#009CFD;}
.k_search h3:nth-child(13n+9) a {font-size:2.4em;font-weight:500;color:#BB170F;}
.k_search .item:hover,.k_search .item.current {background:#f5f5f5;}
.k_search .item {border-bottom:1px dashed #707070;padding-bottom:18px;padding-top:18px;}
.k_search .item .date {float:left;width:116px;text-align:center;line-height:1.2}
.k_search .item .date p {font-size:40px;font-weight:bold;color:#2f2f2f;margin-top:26px;}
.k_search .item .date span {display:block;text-align:center;font-size:12px;color:#2f2f2f;}
.k_search .item dl {display:block;overflow:hidden;zoom:1;padding:0;line-height:20px;}
.k_search .item dl dt {font-size:15px;line-height:24px;font-weight:bold;color:#3a3a3a;}
.k_search .item dl .t,.k_search .item dl .t a {padding:10px 0;color:#777;font-size:12px;font-weight:100;line-height:20px;}
.k_search .item dl .i {padding:5px 0 0;color:#505050;font-size:13px;line-height:25px;}
.k_search .item dl .m {margin-top:15px;}
 
/*pages*/
.page {padding:0 0 40px;line-height:24px;text-align:center;}
.page a {display:inline-block;margin:0 2px;padding:0 8px;border:1px solid #ddd;background:#ddd;color:#333;vertical-align:top;}
.page a:hover,.page .current {border:1px solid #0177ce;background:#0177ce;color:#fff;}
 
.container {width:1200px;margin:0 auto;}
.container:after { clear: both;content: "";display: block;height: 0;visibility: hidden;}
.container:before {content: " ";display: table;}
/* header */
.header{position: fixed;z-index:999;background:#fff;width:100%;}
.top{height:auto;background:#f8f8f8;padding:0 15px;display:none;-webkit-transition:all 0.5s;-moz-transition:all 0.5s;transition:all 0.5s;}
.toplive{display:block;}
.top-contact .mail{float:left;}
.search{float:right;line-height:48px;padding-top:5px;}
.top-contact .mail .fa-envelope{float:left;font-size:20px;line-height:48px;color:#0177ce;}
.top-contact .mail .code{float:left;font-size:16px;line-height:48px;color:#333;padding:0 15px 0 25px;}
.search .button{line-height:30px;min-height:30px;}
.search input{line-height:28px;min-height:28px;margin-right:15px;font-size:16px;font-weight:300;}
 
 
.top-contact p:nth-child(2){background: url(../images/icon/f-email.png) no-repeat left center;-webkit-filter: grayscale(100%);filter: grayscale(100%);}

.t-nav {width:100%;height:auto;position:relative;z-index:999;}
.navbar{width:calc(100% - 400px);float:right;margin-top:40px;}
.logo {height:76px;width:100px;position:relative;margin:30px 0 0 0;z-index:999;float:left;}
.logo img.logoimg {height:56px;width:auto;}
/*.nav > li > div {display:none;width:100%;background:#333;position:absolute;z-index:99;top:54px;left:0;margin:0;padding:10px 0;list-style:none;}
.nav > li > div > ul:before,.nav > li > div > ul:after {content:"";display:table;}
.nav > li > div > ul:after {clear:both;}
.nav > li > div > ul > li {}
.nav > li > div > ul > li:hover>a {}
.nav > li > div > ul > li>a {}
.li125 li {width:20%;text-align:center;float:left;   display: inline-block;}
.li125 li a{}
.li125 li a:hover {}*/
.nav{position:relative; z-index:1;  }
.nav a{ color:#fff;  }
 .nav .nLi{ float:left;  position:relative; display:inline;width:calc(14.28% - 8px);height:42px;}
.nav .nLi h3{ float:none; height: 70px; }
.nav .nLi h3 .fa{display:none;}
.nav .nLi h3 a{ display:block;  text-align:center;color:#000;font-size:20px;line-height:36px;border-left:#ccc 1px solid; }
.nav .nLi .sub{ display:none; width:400px; left:0; top:66px;  position:absolute; background:#0177ce;  line-height:26px; padding:50px 20px;  }
.nav .nLi .sub:before{content: '';border-left: 20px solid transparent;border-right: 20px solid transparent;border-top: 20px solid #fff;text-align: center;position: absolute;margin: 0 auto;width: 0px;height: 0;top: 0;left: -240px;right: 0;}
.nav .nLi:nth-child(4) .sub{left:-240px;}
.nav .nLi:nth-child(4) .sub:before{ left: 240px;}
.nav .sub li{ zoom:1;width:48%;margin:0 1%;float:Left; }
.nav .sub a{ display:block; padding:0 10px; }
.nav .on h3 a{  color:#0177ce; }
.h-sreach{font: 300 20px/30px FontAwesome;color:#0177ce;height:40px;margin:0 0 10px 0;}

.menu-mobile {display:none;padding:5px;}
.mlogo {height:60px;padding-top:0px;}
.menu-mobile:after {content: "\f0c9";font-family: fontawesome;color:#0177ce;line-height:50px;font-size:2rem;padding:0;float:right;position:relative;top:15px;opacity:.8;/*-webkit-transform:translateY(-25%);-ms-transform:translateY(-25%);transform:translateY(-25%);*/}
.menu-dropdown-icon:before {content:"\e60e";font-family:"iconfont" !important;display:none;cursor:pointer;float:right;padding-right:10px;line-height:3em;color:#fff;}
.alive:after {content: "\f00d";
font-family: fontawesome;color:#0177ce;line-height:50px;font-size:2rem;padding:0;float:right;position:relative;top:15px;opacity:.8;/*-webkit-transform:translateY(-25%);-ms-transform:translateY(-25%);transform:translateY(-25%);*/} 
@media screen and (max-width:1024px) {.container {width:960px;margin:0 auto;}
.logo {margin:15px 0;}
}
@media screen and (max-width:960px) {.logo {margin:15px 0 15px 10px;}
.search {margin:0 10px 0 0;}
.button {margin:0.5em 0.5em 0 0;}
.navbar {width:calc(100% - 240px);}
}
@media screen and (max-width:800px) {.nav .nLi .sub:before {display:none;}
.t-nav {height:78px;background:#fff;position:relative;}
.top .navbar {width:100%;height:58px;line-height:58px;float:none;}
.nav .nLi {width:100%;height:auto;border-top:1px solid rgba(255,255,255,0.25);}
.nav .nLi .sub {position:static;height:auto;padding:10px 0;}
.nav .sub li {width:100%;}
.nav .nLi h3 {height:40px;}
.nav .nLi h3 a {width:calc(100% - 40px);float:left;border:0 !important;color:#fff;text-align:left;padding-left:10px;}
.nav .nLi h3 .fa {display:block;float:left;filter:alpha(opacity:60);opacity:0.6;}
.nav .nLi h3 .fa:after {width:20px;line-height:40px;font-family:fontawesome;font-size:20px;padding-left:20px;content:"\f105";color:#fff;}
.nav .nLi h3 .fa:hover:after {content:"\f107";color:#000;}
.nav .on h3 a {color:#000;}
.fa-angle-right {color:#fff;}
.h3 a,.fa-angle-down {color:#000;}
.container {width:100%;margin:0;}
.catalog .article {width:calc(100% - 60px);padding:0 30px;}
.navbar {width:100%;float:none;background:#fff;margin-top:10px;}
.nav {position:static;}
.navBar .show-on-mobile {display:block;}
.logo {display:none;}
.menu-container {width:100%;}
.menu-mobile {display:block;border-bottom:0px solid #d90505;}
.menu-dropdown-icon:before {display:block;}
.nav {display:none;background:#0177ce;position:relative;padding:30px 20px !important;}
.show-on-mobile {display:block;z-index:9999;}
.li125 li {width:100%;text-align:center;}
.li125 li a {width:100%;color:#fff;margin-top:0px;border-bottom:solid 1px #fff;}
.nav>li>a {color:#fff;font-size:16px;line-height:50px;}
.nav .nLi .sub-show {display:block;}
.search input {margin-right:5px;}
}
@media screen and (max-width:768px) {.top {padding:0;}
.top .top-contact .mail,.nav .nLi .sub:before {display:none;}
}
/* footer */.footer {width:100%;height:auto;padding:60px 0 0 0;background:rgba(98,100,105,0.9) url(../images/logo-foot.png) no-repeat;background-size:19%;background-position:bottom left;color:#243b40;-webkit-filter: grayscale(100%);
	-moz-filter: grayscale(0%);
	-ms-filter: grayscale(0%);
	-o-filter: grayscale(0%);
	filter: grayscale(0%);
	filter: gray; 
 }
.footer  a {color:#85878b;}
.footer .inner {width:1050px;height:auto;float:right;margin:0 100px 30px 0;}
.inner-box {}
.inner-bottom {padding:20px 0 0 0;}
.footer .inner .inner-l {width:calc(66.666% - 40px);float:left;height:auto;padding:40px 0 0 40px;}
.footer .inner .inner-r {width:33.333%;float:right;padding:40px 0 0 0;}
.footer .inner .inner-r p{color:#fff;}
.inner-box:after,.inner-bottom:after {clear:both;content:"";display:block;height:0;visibility:hidden;}
.inner-box:before,.inner-bottom:before {content:" ";display:table;}
.inner-box {}
.inner-box-con {}
.inner-l .inner-l-con {width:33.333%;float:Left;}
.inner-box h2 {font-size:18px;color:rgba(255,255,255,1);font-weight:600;margin-bottom:5px;}
.inner-l .inner-l-con li a {font-size:12px;line-height:22px;color:rgba(255,255,255,0.6)}
.social li {display:inline-block;margin:20px 10px 0 0;}
.social  li a {text-decoration:none;color:white;background:rgba(255,255,255,0.05);height:50px;width:50px;line-height:50px;text-align:center;font-size:30px;}
.social li a:hover {text-decoration:none;background:rgba(255,255,255,0.6);}
.inner-bottom {font-size:12px;font-weight:300;float:right;clear:none;color:rgba(255,255,255,0.5);padding:0 0 0 155px;}
.inner-bottom li {border-right:1px solid rgba(255,255,255,0.4);padding-right:10px;margin:0 5px 10px 10px;float:left;clear:none;}
.inner-bottom li a{color:rgba(255,255,255,0.5);}
 

/*copyright*/
.copyright {height:52px;line-height:52px;background:#e12a00;text-align:center;color:#fff;font-size:14px;}
.copyright a {color:#000;}
@media screen and (max-width:1024px) {.footer .inner-l {width:800px;}
.footer .inner {width:1024px;height:auto;float:right;margin:0 0px 0px 0;}
}
@media screen and (max-width:960px) {.footer .inner-l {width:800px;}
.footer .inner {width:960px;height:auto;float:right;margin:0 0px 0px 0;}
.inner-bottom li {padding-right:3px;margin:0 5px 3px 3px;}
}
@media only screen and (max-width:768px) {.footer {padding:20px 0 0 0;}
.footer .inner {width:100%;}
.footer .inner .inner-r {width:100%;float:left;margin-top:40px;padding:40px;background:#0177ce;}
.footer .inner .inner-l {width:calc(100% - 40px);float:left;height:auto;padding:20px 0 20px 20px;}
.inner-l .inner-l-con {width:100%;}
.inner-l .inner-l-con ul {padding-bottom:20px;border-bottom:rgba(255,255,255,0.3) 1px solid;}
.inner-l .inner-l-con li a {line-height:20px;}
.inner-l .inner-l-con h2 {margin-top:15px;}
.inner-bottom {padding:20px;}
.inner-bottom {text-align:right;}
.inner-bottom li {width:100%;border-bottom:rgba(255,255,255,0.3)  1px solid;margin:0px 0 5px 0px;border-right:0px solid rgba(255,255,255,0.3);line-height:25px;}
.inner-bottom li:nth-child(5),.inner-bottom li:nth-child(6) {width:calc(100% - 80px);margin:0px 0 5px 80px;}
.social {margin-bottom:10px;}
.footer .logo {width:200px;height:auto;margin:10px calc(50% - 100px);}
.footer .inner-l .con {width:calc(100% - 40px);margin:0 20px;text-align:center;}
.footer .f-logo {width:200px;margin:40px calc(50% - 100px);}
.footer .f-logo img {width:100%;height:auto;margin:0;}
.footer .inner-r,.ilink,.f-link .copyright,.footer .footer-inner-right .f-phone,.footer .f-nav,.t-logo {display:none;}
.copyright {height:auto;line-height:35px;}
}
/*link*/.ilink {height:70px;line-height:20px;padding:30px 0;background:#f7f7f7;color:#000;}
@media screen and (max-width:768px) {}


h1{font-size: 2.4em;line-height: 1em;font-weight: 900;color: #000; margin: 0 0 50px 0;text-align:center;}
h2{font-size: 1.8em;line-height: 1em;font-weight: 700;color: #000; margin: 0 0 30px 0;text-align:left;}
h3{font-size: 1.33333em;line-height: 1em;font-weight: 500;color: #000; margin: 0 0 30px 0;text-align:left;}