body,div,span,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,a,code,em,img,q,small,strong,dd,dl,dt,li,ol,ul,fieldset,form,label,table,tbody,tr,th,td,input{margin:0;padding:0;border:0}
/* body{font-family:'STHeiti','Microsoft YaHei',Helvetica,Arial,sans-serif;-webkit-tap-highlight-color:rgba(0,0,0,0);color:#333;} */
body{font-family: "SF Pro Display",Roboto,Noto,Arial,"PingFang SC","Hiragino Sans GB","Microsoft YaHei",sans-serif;
-webkit-tap-highlight-color:rgba(0,0,0,0);color:#333;} 

a,a:active,a:hover,a:focus,a:visited{text-decoration:none;}
a {color:#333;}
a,img{-webkit-touch-callout:none;}
ol,ul,li{list-style:none}
textarea,input,button{resize:none;outline:none;-webkit-appearance:none;white-space:pre-wrap;word-wrap:break-word;background:#fff}
.clearfix:after{display:block;clear:both;content:"";visibility:hidden;height:0}
.fl{float:left;}
.fr {float:right;}
.text-center {text-align: center;}
html,body {width:100%;min-width:1200px;max-width:1920px;margin:0 auto;backgroun:#1f1f1f;}
.lock {width:100%;height:100%;overflow: hidden;}


.wrap {position:relative;width:1200px;margin:0 auto;}
.top {width:100%;height:45px;background:#111;}
.top-menu {float:left;position:relative;}
.top-menu .language {height:45px;padding-left:40px;background:url(../images/language.png) no-repeat 14px center;cursor: pointer;}
.top-menu .language span {float:right;width:50px;height:45px;line-height:45px;font-size:14px;color:#636363;padding-right:15px;background: url(../images/jiantou.png) no-repeat right center;text-align:center;}
.top-menu .drup-menu {position:absolute;left:0;top:45px;background:#111;display: none;z-index:9;}
.top-menu .drup-menu ul {width:105px;background: #111;overflow: hidden;}
.top-menu .drup-menu li {float:left;width:102px;height:45px;line-height:45px;text-align: center;font-size:14px;color:#636363;cursor: pointer;}
.top-menu .drup-menu li a {float:left;width:102px;height:45px;color:#636363;}
.top-icon {float:right;margin-right:15px;height:16px;margin-top:14px;}
.top-icon li {float:left;width:16px;height:16px;font-size:0;margin-left:10px;}
.nav {position:relative;width:100%;height:115px;background: #252525;}
.nav:before {position:absolute;left:0;bottom:0;content:"";width:50%;height:3px;background: #2d77b4;}
.nav:after {position:absolute;right:0;bottom:0;content:"";width:50%;height:3px;background:rgba(255,255,255,0.15);}
.nav .logo {position:absolute;left:0;font-size:0;top:26px;}
.nav .nav-list {width:100%;height:115px;text-align: center;}
.nav .nav-list ul {position:relative;margin-top:41px;display:inline-block;*display:inline;*zoom:1;}
.nav .nav-list ul .line {position:absolute;left:15px;top:0;height:1px;background:#257de9;width:29px;}

.nav .nav-list li {float:left;height:32px;line-height:32px;font-size:14px;}
.nav .nav-list li a {display:inline-block;height:32px;color:#707070;padding:0 15px;-webkit-transition: color .2s;-moz-transition: color .2s;-ms-transition: color .2s;-o-transition: color .2s;}
.nav .nav-list li.cur a,.nav .nav-list li a:hover {color:#257de9;}
.search {position:absolute;right:7px;top:41px;width:148px;height:20px;padding:6px 35px 6px 10px;border:1px solid #555;}
.search input {float:left;width:100%;height:20px;line-height:20px;color:#707070;font-size:14px;background:none;}
.search button {position:absolute;right:0;top:0px;width:36px;height:32px;background:url(../images/search.png) no-repeat center center;border:none;cursor: pointer;}

.footer {position:relative;width:100%;height:500px;background:#020203;}
.footer .wrap {z-index:9;height:100%;}
.footer .qrcode {float:left;width:385px;height:100%;font-size:0;}
.footer .qrcode .logo {margin-right:200px;margin-top:80px;}
.footer .qrcode .code {margin-right:200px;margin-top:40px;}
.footer .link {float:left;width:370px;padding:0 30px;height:100%;background:#202020;overflow: hidden;}
.footer .link-tt {position:relative;margin-top:53px;height:68px;font-size:24px;color:#fff;line-height:68px;}
.footer .link-tt:after {position:absolute;left:0;bottom:0;width:76px;height:3px;background:#257de9;content:"";}
.footer .link ul {width:400px;margin-top:13px;}
.footer .link li {float:left;width:180px;height:50px;margin:10px 10px 0 0;border:1px solid #2f2f2f;}
.footer .touch {float: right;width:355px;}
.footer .touch-tt {position:relative;margin-top:53px;height:68px;font-size:22px;color:#fff;line-height:68px;}
.footer .touch-tt p {position:absolute;left:0;bottom:3px;line-height:23px;font-size:12px;color:#959595;}
.footer .touch-tt:after {position:absolute;left:0;bottom:0;width:76px;height:3px;background:#257de9;content:"";}

.footer .touch-item {position:relative; padding:15px 0 15px 85px;}
.footer .touch-item + .touch-item {border-top:1px solid #2f2f2f;}
.footer .touch-item label {position:absolute;left:0;top:15px;font-size:16px;line-height:22px;}
.footer .touch-item p {min-height:44px;line-height:22px;font-size:12px;color:#959595;}
.footer .touch-item ul {width:100%;overflow: hidden;}
.footer .touch-item li {float:left;width:16px;height:16px;font-size:0;margin-right:15px;}


.footer .right-bg {position:absolute;left:50%;bottom:0;width:50%;height:100%;background:#1b1b1b;}