@charset "utf-8";
:root{
    --color:#186bc3;
}
@font-face {
    font-family: "SourceHanSansCN-Normal";
    src: url("../SourceHanSansCN-Normal/SourceHanSansCN-Normal.woff2") format("woff2"),
    url("../SourceHanSansCN-Normal/SourceHanSansCN-Normal.woff") format("woff"),
    url("../SourceHanSansCN-Normal/SourceHanSansCN-Normal.ttf") format("truetype"),
    url("../SourceHanSansCN-Normal/SourceHanSansCN-Normal.eot") format("embedded-opentype"),
    url("../SourceHanSansCN-Normal/SourceHanSansCN-Normal.svg") format("svg");
    font-weight: normal;
    font-style: normal;
}
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,legend,input,button,textarea,p,blockquote,th,td{margin:0;padding:0;}
table{border-collapse:collapse;border-spacing:0;}
fieldset,img{border:0;vertical-align:top;}
address,caption,cite,code,dfn,em,th,var,optgroup{font-style:inherit;font-weight:inherit;}
del,ins{text-decoration:none;}
li{list-style:none;}
caption,th{text-align:left;}
h1,h2,h3,h4,h5,h6{font-size:100%;font-weight:normal;}
q:before,q:after{content:'';}
hr{ margin: 0;
    border-width: 1px 0 0 0;
    border: 0;
    height: 1px;
    background: #f0f0f0;}
abbr,acronym{border:0;font-variant:normal;}
sup{vertical-align:baseline;}
sub{vertical-align:baseline;}
legend{color:#666;}
input,button,textarea,select,optgroup,option{font-family:inherit;font-size:inherit;font-style:inherit;font-weight:inherit; outline: none;}
input,button,textarea,select{*font-size:100%;}
a{text-decoration: none;color:#666;}
body {
    font-family:'SourceHanSansCN-Normal','Source Han Sans','思源黑体',source-han-sans-simplified-c,sans-serif;
    font-size: 14px;
    color: #333;
    background: url("../img/bj.jpg") no-repeat center top;
}
.after:after,
.kefu_q3 .bor-ul:after{visibility:hidden;display:block;font-size:0;content:".";clear:both;height:0;line-height:0;overflow:hidden}
/***== 字体 ==***/
.ar{ font-family: 'Arial'; }
.bold{font-weight: bold;}
.upper{text-transform: uppercase;}
/* 字号 */
.f10{font-size: 10px;}.f11{font-size: 11px;}.f13{font-size: 13px;}.f14{font-size: 14px;}.f15{font-size: 15px;}.f16{font-size: 16px;}.f17{font-size: 17px;}.f18{font-size: 18px;}.f19{font-size: 19px;}.f20{font-size: 20px;}.f21{font-size: 21px;}.f22{font-size: 22px;}.f23{font-size: 23px;}
.f24{font-size: 24px;}.f30{font-size: 30px;}.f36{font-size: 36px;}.f40{font-size: 40px;}
/* 字体颜色 */
.white,.white a{color: white;}
.yellow,.yellow a{color: yellow;}
.blue,.blue a{color: blue;}
.red,.red a{color: red;}
/* 行距 */
p{ line-height: 22px; }
/* 宽度 */
.container{ width: 1000px;min-width: 1000px;margin: 0 auto; }
.wap_width{ margin: 0 auto; }
.clear{width: 100%; clear: both;}
.clear-hg{clear:both;height:1px;width: 100%;}
.fl{float: left;}
.fr{float: right;}
.hide{display: none;}
.block{display: block;}
.text-left{text-align: left;}
.text-center{text-align: center;}
.text-right{text-align: right;}
.mt50{ margin-top: 50px; }
/*定位*/
.hidden{visibility:hidden;}
.none{display:none;}
/* webkit内核 滚动条*/
::-webkit-scrollbar {width:8px;background-color:#006eff;}
::-webkit-scrollbar-thumb {width:8px;background-color:#aeaeae;}
::-webkit-scrollbar-track-piece {width:8px;background-color:#f8f8f8;}
::-webkit-scrollbar-thumb:hover {width:8px;background-color:#006eff;}
/**==========================  网站公共模块  ===========================**/
.plate:after{ display: block;content: "";clear: both; }
.fixed{ width:100%;position:fixed;top:0;z-index:999; }
.dask-opac{ position: fixed;top: 0;left: 0; width: 100%;height: 100%;background: rgba(0,0,0,.8); z-index: 100;overflow: hidden; }
.nav{
    background: #2082db;
    /*background: -webkit-linear-gradient(#2082db, #135bb3);*/
    /*background: -o-linear-gradient(#2082db, #135bb3);*/
    /*background: -moz-linear-gradient(#2082db, #135bb3);*/
    /*background: linear-gradient(#2082db, #135bb3);*/
}
.nav ul{ display: flex;flex-wrap: wrap; }
.nav ul li{
     /*flex: 0 0 20%;*/
    position: relative;
    padding: 10px 0;
    text-align: center;
    overflow: hidden;
    z-index: 999
}
/*.nav ul li:nth-of-type(n+5){ border-top: 1px solid #dfdfdf; }*/
.nav ul li a{display: block;padding: 0 20px;color: #fff;font-weight: bold;font-size: 16px; }
.nav ul li:first-child a{background:none;}
.nav ul li .childer{
    position: absolute;
    width: 160px;
    height: auto;
    top: 42px;
    left: 0;
    padding-bottom: 5px;
    background: transparent;border-bottom-left-radius: 3px;border-bottom-right-radius: 3px;
    -webkit-transform-origin: 0px 0px;
    -moz-transform-origin: 0px 0px;
    -ms-transform-origin: 0px 0px;
    transform-origin: 0px 0px;
    -webkit-transform: rotateX(-60deg);
    -moz-transform: rotateX(-60deg);
    -ms-transform: rotateX(-60deg);
    transform: rotateX(-60deg);
    -moz-backface-visibility: hidden;
    -webkit-backface-visibility: hidden;
    -ms-backface-visibility: hidden;
    backface-visibility: hidden;
    z-index: 9999;
}
.nav ul li .childer a{
    height: 35px;
    line-height: 35px;
    text-align: left;
    color:#fff;
    padding-left: 15px;
    border-left-width: 2px;
    border-right-width: 0;
    border-top-width: 0;
    border-bottom-width: 0;
    border-style: solid;
    border-color: transparent;
    overflow: hidden;
    font-weight: normal !important;
}
.nav ul li .childer a:hover{
    background: #fbfbfb;
    color: #0e94eb;
    border-left-width: 2px;
    border-right-width: 0;
    border-top-width: 0;
    border-bottom-width: 0;
    border-style: solid;
    border-color: #fff;
}
.nav ul li .childer,
.nav ul li .childer a,
.nav ul li .bot-bottom{
    transition: all .3s ease-out;
    -webkit-transition: all .3s ease-out;
    -moz-transition: all .3s ease-out;
    -ms-transition: all .3s ease-out;
}
.nav ul li:hover .childer{
    -webkit-transform: rotateX(0deg);
    -moz-transform: rotateX(0deg);
    -ms-transform: rotateX(0deg);
    -ms-transform: rotateX(0deg);
    transform: rotateX(0deg);
}
.nav ul li.on .childer a{ color: #fff; }
.nav ul li.on a{ font-weight: bold; }

.nav ul li.on .childer{ background: #186bc3; }
.nav ul li.on .childer a:hover{ color:#186bc3; }


/**footer**/
.copyright{ height: 90px;line-height: 90px; background: #186bc3;text-align: center;color: #fff; }
.copyright span{ padding-right: 10px; }