@charset "utf-8";/*CSS reset*/
html{color:#444;font-size: 14px;font-family: Arial,"Microsoft YaHei",simsun,sans-serif,Mingliu,Verdana,Helvetica,Lucida;height:100%;background:#f4f7fd}
body,div,dl,a,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,legend,input,button,textarea,p,blockquote,th,td,select{margin:0;padding:0;font-family:"Microsoft YaHei"}
table{border-collapse:collapse;border-spacing:0}
em,cite{font-style:normal}
fieldset,img{border:0}
ul,li{list-style-type:none}
caption,th{text-align:left}
h1,h2,h3,h4,h5,h6{font-size:100%;font-weight: normal}
q:before,q:after{content:''}
abbr,acronym{border:0;font-variant:normal}
sup{vertical-align:baseline}
sub{vertical-align:baseline}
legend{color:#000}
input,button,textarea,select,optgroup,option{font-family:inherit;font-size:inherit;font-style:inherit;font-weight:inherit}
input,button,textarea,select{*font-size:100%}
a:link,a:visited{text-decoration:none;font-family: Arial,"Microsoft YaHei",simsun,sans-serif,Mingliu,Verdana,Helvetica,Lucida}
a:hover,a:active{text-decoration:none;color:#333}
input, select{outline:none}
img{border:none}
button,label,input[type="submit"]{cursor:pointer}
button,input,select,textarea{font-size:12px;outline:none;font-family:"Microsoft YaHei",Arial;margin:0;border:none}
em,th,i{font-style:normal;font-weight:normal}

*{-webkit-tap-highlight-color:rgba(0,0,0,0)}

.wrap{position: relative;width: 1200px;margin:0 auto;}
.tl{text-align:left!important}
.tc{text-align:center!important}
.tr{text-align:right}
.f14{font-size:14px}
.f-fl{float:left !important;display:inline}
.f-fr{float:right !important;display:inline}
.hide{display:none}
.block{display:block}
.mt20{margin-top: 20px}
.mt30{margin-top:30px}
.pd20{padding:20px 0}
.pd40{padding:40px 0}

.body{font-size:14px;}


@font-face {
font-family: 'iconfont';
src: url('../font/iconfont.eot');
src: url('../font/iconfont.eot?#iefix') format('embedded-opentype'),
    url('../font/iconfont.woff2') format('woff2'),
    url('../font/iconfont.woff') format('woff'),
    url('../font/iconfont.ttf') format('truetype'),
    url('../font/iconfont.svg#iconfont') format('svg');
}

.iconfont{
    font-family:"iconfont" !important;
    font-size:16px;font-style:normal;
    -webkit-font-smoothing: antialiased;
    -webkit-text-stroke-width: 0.2px;
    -moz-osx-font-smoothing: grayscale}


.iconfont-phone::before{content: "\e613";}
.iconfont-next::before{content: "\e8b6";}
.iconfont-prev::before{content: "\e8b5";}
.iconfont-arrow::before{content: "\eb92";}
.iconfont-code::before{content: "\e600";}

.iconfont-intor-one::before{content: "\e608";}
.iconfont-intor-two::before{content: "\e607";}
.iconfont-intor-three::before{content: "\e88c";}
.iconfont-intor-four::before{content: "\e610";}
.iconfont-field::before{content: "\e64f";}
.iconfont-space::before{content: "\e7f0";}
.iconfont-plan-one::before{content: "\e6c0";}
.iconfont-plan-two::before{content: "\e602";}
.iconfont-plan-three::before{content: "\e8aa";}
.iconfont-plan-four::before{content: "\e614";}
.iconfont-close::before{content: "\e612";}


/*头部导航 start*/
.header{height: 74px;}
.header .head{position: fixed;top: 0;left: 0;z-index: 19;width: 100%;background: #fff;border-bottom: 1px solid #f5f5f5;}
.header .wrap{width: 1400px;}
.logo{float: left;margin: 12px 0 0;}
.logo img{display: block; height: 50px;}
.nav{float: right;}
.nav li{float: left;position: relative;}
.nav li .item{display: block;padding: 0 25px;line-height: 74px;font-size: 16px;color: #333;}
.nav .this{position: relative;}
.nav .this::before{content: "";position: absolute;left: 50%;bottom: 0;transform: translate(-50%,0);width: 30px;height: 2px;background: #005ebe;}
.nav .this .item{color: #005ebe;}
.nav li:hover{position: relative;;color: #005ebe;}
.nav li:hover .item{color: #005ebe;}
.nav li:hover::after{content: "";position: absolute;left: 50%;bottom: 0;transform: translate(-50%,0);width: 30px;height: 2px;background: #005ebe;}
.nav li .second-list{display: none;position: absolute;top: 74px;left: 50%;transform: translate(-50%,0);z-index: 11;width: 128px;background: #fff;box-shadow: 0 15px 27px 0 rgb(167 165 165 / 38%);}
.nav li .second-list li{float: inherit;width: 100%;}
.nav li .second-list a{display: block;line-height: 40px;font-size: 14px;color: #333;text-align: center;}
.nav li .second-list a:hover{background: #005ebe;color: #fff;}
.nav li:hover .second-list{display: block;}
.nav-second{position: fixed;top: 74px;left: 0;z-index: 11;width: 100%;height: 64px;background: rgb(11 87 169 / 80%);}
.nav-second ul{text-align: center;padding-top: 15px;}
.nav-second li{display:inline;}
.nav-second li a{display: inline-block;height: 32px;padding: 0 22px;line-height: 32px;font-size: 16px;color: #fff;border: 1px solid rgb(11 87 169 / 10%);border-radius: 20px;}
.nav-second li.this a{background: rgba(255, 255, 255, .05);border: 1px solid rgba(255, 255, 255, .5);border-radius: 20px;}
.nav-second li + li{margin-left: 20px;}
.nav-second li a:hover{border: 1px solid rgba(255, 255, 255, .5);border-radius: 20px;}

/*底部*/
.footer{padding: 60px 0;background: #272624;overflow: hidden;}
.footer-about {width: 406px;}
.footer-about .img { overflow: hidden;}
.footer-about .img .flogo { float: left; width: 200px; height: 100px; margin-right: 30px;}
.footer-about .img .flogo img { width: 100%; height: 100%;}
.footer-about .img .fcode { float: left; width: 142px; height: 142px;}
.footer-about .img .fcode img { width: 100%; height: 100%;}
.footer-about .info { margin-top: 24px;}
.footer-about .info p { line-height: 22px; font-size: 14px; color: #b7b7b7;}
.footer-about .info p a { color: #b7b7b7;}
.footer-about .info a:hover{color: #fff;}
.footer-help dl{float: left;padding-left: 40px;}
.footer-help dt{ position: relative; padding-bottom: 15px; font-size: 16px;color: #fff;}
.footer-help dt::before { content: ''; position: absolute; left: 0; bottom: 0; z-index: 1; width: 64px; height: 1px; background-color: #fff;}
.footer-help dt::after { content: ''; position: absolute; left: 0; bottom: 0; z-index: 2; width: 14px; height: 1px; background-color: #005dbe;}
.footer-help dd{margin-top: 15px;}
.footer-help dl a{display: block;font-size: 14px;color:#b7b7b7;}
.footer-help dl a + a{margin-top: 10px;}
.footer-help dl a:hover{color: #fff;}

/*清除缓存*/
.clearfix{zoom: 1; }
.clearfix::after{content: "";display: block; height: 0; clear: both; visibility: hidden;}