@charset "utf-8";
/* CSS Main */

html{color:#333333; width: 100%; height:100%; min-height:100%; overflow-x: hidden;}
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,legend,input,textarea,p,blockquote,th,td,hr,button,article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section{margin:0;padding:0;}
article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section{display:block}
body,button,input,select,textarea,span{font:13px/1.5em "microsoft yahei";}
input,select,textarea{font-size:100%}
table{border-collapse:collapse;border-spacing:0;}
th{text-align:inherit}
fieldset,img,a img{border:0}
iframe{display:block}
abbr,acronym{border:0;font-variant:normal}
del{text-decoration:line-through}
address,caption,cite,code,dfn,em,th,var{font-style:normal;font-weight:500}
ol,ul,li{list-style:none}
caption,th{text-align:left}
h1,h2,h3,h4,h5,h6{font-size:100%;font-weight:500}
q:before,q:after{content:''}
sup{vertical-align:text-top}
sub{vertical-align:text-bottom}
ins,a{text-decoration:none}
input,button { border:none; background:none; outline: none;}

a {color:#0066cc;}
.a-hide {display: block; height: 100%; text-indent: -999px; overflow: hidden;}
.tl {text-align: left;}
.tr {text-align: right;}
.tc {text-align:center;}
.tj{text-align:justify;*text-justify:distribute;}
.vt{vertical-align:top;}
.vm{vertical-align:middle;}
.vb{vertical-align:bottom;}
.b { font-weight:bold;}
.n { font-weight:normal;}
.i { font-style:italic;}

.fn:after{visibility:hidden;display:block;font-size:0;content:"";clear:both;height:0}
.fn{*zoom:1}
.l{float:left}
.r{float:right}
.cl{clear: both;}
.rel{ position:relative;}
.abs{ position:absolute;}
.oh{overflow:hidden}

.db { display:block;}
.di { display:inline;}
.dn { display:none;}
.dib{display:inline-block;*display:inline;*zoom:1}
/* =0 Reset
--------------------------------------------------------------*/

/* Global
--------------------------------------------------------------*/
body{ min-height:100%; text-align:center;}
#header { width: 100%; height: 70px; z-index:100; position: absolute; top: 0; left: 0; text-align:center; display: flex; align-items: center; justify-content: flex-start;}
#main { position:relative;}
#footer { background:#181818; color:#b7b7b7;}
/*----------------------------------  Global  ------------------------------------*/
input::-moz-placeholder, textarea::-moz-placeholder {
    color: #ccc;
}
input::-ms-input-placeholder, textarea::-ms-input-placeholder {
    color: #ccc;
}
input::-webkit-input-placeholder, textarea::-webkit-input-placeholder {
    color: #ccc;
}
input,select{-webkit-appearance: none;margin-left: 20px;padding: 10px 0;height: 100%;border: none;box-sizing: border-box;font-size: 16px;line-height: 30px;color: #333;}
img { display: block;}
.mt20{margin-top: 20px !important;}
.mt10{margin-top: 10px !important;}
.ml18{margin-left: 18px !important;}
.mt0{margin-top: 0px !important;}
.pt20{padding-top: 20px !important;}
.pt5{padding-top: 5px !important;}
.pt0{padding-top: 0px !important;}
.fff{background: #fff !important;}

#header .logo { margin-right: 110px;}
#header .logo img { max-height: 60px;}
#header .header-inner { width: 1200px; margin: 0 auto; display: flex; align-items: center; justify-content: flex-start;}
#header .main-nav { display: flex; align-items: center; justify-content: flex-start;}
#header .main-nav>li { margin: 0 30px; position: relative; height: 70px; display: flex; align-items: center; cursor: pointer;}
#header .main-nav>li>a { color: #ffffff; font-size: 16px; line-height: 2em; transition: 0.2s;}
#header .main-nav>li.active>a { color: #2C94FB;}
#header .main-nav .solution:hover .sub-nav { display: block;}
#header .main-nav .solution>a::after { content: ""; display: block; width: 10px; height: 6px; position: absolute; right: -20px; top: 32px; transition: 0.3s; background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAoAAAAGCAYAAAD68A/GAAAAAXNSR0IArs4c6QAAAFZJREFUGFdtzVENgDAQg+G/DsATGpAAmkALnoaDkoNtgbF7a/OlJ9szMEja6ZztBThlewQ24GhxRhOwKkZ6+IOkdMMW5+pZklLkChscsaIffGHKUvl4AaD0KmgkrboGAAAAAElFTkSuQmCC) 0 0 no-repeat;}
#header .main-nav .solution:hover>a::after { transform: rotate(180deg);}
#header .main-nav .sub-nav { display: none; position: absolute; top: 70px; left: 50%; transform: translateX(-50%); min-width: 100%; border-radius: 5px; background: #fefefe; padding: 20px; box-shadow: 0 5px 5px rgba(0, 0, 0, 0.2);}
#header .main-nav .sub-nav li a { color: #333333; line-height: 2em; white-space: nowrap;}
#header .main-nav .sub-nav li:hover a { text-decoration: underline;}
#header.active { position: fixed; top: 0; left: 0; background: #ffffff; box-shadow: 0 2px 2px rgba(0, 0, 0, 0.1); transition: 0.2s;}
#header.active .main-nav>li>a { color: #333333;}
#header.active .main-nav>li.active>a { color: #2C94FB;}
#header.active .main-nav .solution>a::after { background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAoAAAAGCAYAAAD68A/GAAAAAXNSR0IArs4c6QAAAGFJREFUGFdtzdEJgDAMBNALXUB3cgY3aKQTBTOLO9UFSiTFSqnNT8jxuFCMcSeiRVUVk2FmNrObUkprKeUEcI3YEYAthHCQl8xwj0QkVzjiN6pNjvz+4IDRox9s2Hdrah8f5RE12Hc6lt4AAAAASUVORK5CYII=) 0 0 no-repeat;}
#header.active .main-nav .sub-nav { border-radius: 0 0 5px 5px;}

#footer .footer-inner { padding: 65px 0 30px; width: 1200px; margin: 0 auto; display: flex; align-items: stretch; justify-content: space-between;}
#footer .footer-inner .footer-ele { text-align: left; border-right: 1px #282828 solid; padding-right: 60px;}
#footer .footer-inner .footer-ele:last-child { border-right: 0px #282828 solid;}
#footer .footer-inner .footer-ele h2 { font-size: 20px; color: #ffffff; margin-bottom: 35px;}
#footer .footer-inner .footer-ele .footer-contact { width: 260px;}
#footer .footer-inner .footer-ele .footer-contact li { line-height: 30px;}
#footer .footer-inner .footer-ele .footer-link { width: 300px;}
#footer .footer-inner .footer-ele .footer-link ul { width: 100%; margin-right: 50px; display: flex; align-items: flex-start; justify-content: flex-start; flex-wrap: wrap;}
#footer .footer-inner .footer-ele .footer-link li { flex: 0 0 50%; line-height: 30px;}
#footer .footer-inner .footer-ele .footer-link li a { color:#b7b7b7;}
#footer .footer-inner .footer-ele .footer-link li a:hover { color:#ffffff;}
#footer .footer-inner .footer-ele .footer-qrcode ul { text-align: center; display: flex; align-items: flex-start; justify-content: space-between;}
#footer .footer-inner .footer-ele .footer-qrcode ul li { margin-right: 80px; max-width: 110px;}
#footer .footer-inner .footer-ele .footer-qrcode ul li:last-child { margin-right: 0;}
#footer .footer-inner .footer-ele .footer-qrcode ul li img { width: 100%;}
#footer .footer-inner .footer-ele .footer-qrcode ul li p { margin-top: 10px;}
#footer .copyright { height: 40px; line-height: 40px; color: #9f9f9f; background: #111111;}