*{font-family: Helvetica,Pingfang SC,Microsoft YaHei,STHeiti,Verdana,Arial,Tahoma,sans-serif;}
html{color: #333; background:#f5f6f7; font-family:Helvetica,Pingfang SC,Microsoft YaHei,STHeiti,Verdana,Arial,Tahoma,sans-serif; max-width:640px; margin:0px auto;}
body{font-family:Helvetica,Pingfang SC,Microsoft YaHei,STHeiti,Verdana,Arial,Tahoma,sans-serif; background:#fff; }
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}
h1, h2, h3, h4, h5, h6{ font-weight:normal;}
em,dfn{font-style:normal}
ul{list-style:none;}
li,dl,dt{list-style:none}
img{border:0;}
i{ font-style:normal; display:inline-block;}
em{font-style:normal; display:inline-block;}
strong{ font-weight:bold; font-weight:700;}
input{ font-size:12px; vertical-align:middle; outline:none;}
table{border-collapse:collapse;border-spacing:0}
p{word-wrap:break-word}
a:link, a:visited {text-decoration: none;}
a{text-decoration:none;blr:expression_r(this.onFocus=this.blur())}
a{outline:none;blr:expression(this.onFocus=this.blur());}
a,a:hover,a:active,a:visited,a:link,a:focus{-webkit-tap-highlight-color:rgba(0,0,0,0);-webkit-tap-highlight-color: transparent;outline:none; background: none;text-decoration: none;}
input[type="submit"], input[type="reset"],input[type="text"],input[type="tel"], input[type="button"], button { -webkit-appearance: none; /*去掉苹果的默认UI来渲染按钮*/}
.common-btn{width:94%; margin:0px auto; padding-bottom:10px;}
input,button,select,textarea{outline:none}
.main-content{width:100%; margin-top:50px; margin-bottom:50px;}
.banner{display:block;}
.banner img{display:block; width:100%;}


/*头部*/
.header{width:100%; height:50px; background:#4a4a4a; position:fixed; top:0px; left:0px; z-index:99999; text-align:center;}
.logo {
    position: absolute;
    left: 10px;
    top: -3px;
    width: 150px;
    height: 48px;
}
.logo a{display:block; width:100%; height:100%;}
.logo img{width: 150px;
    height: 48px;}
.nav-menu{position:absolute; top:0px; right:0px;height: 50px;line-height: 60px;text-align: center;width: 50px;color:#666;}
.nav-icon{ display:inline-block; vertical-align:1px; width:20px; height:20px; background:url(../images/nav-icon.png) no-repeat; background-size:100%;}
.arrow-n-icon{ display:inline-block; width:10px; height:10px; background:url(../images/arrow-n-icon.png) no-repeat; background-size:100%; float:right; margin-top:15px;}
.nav-close{border-bottom:1px solid #333; height:45px; line-height:45px;font-size:14px; font-weight:bold; color:#666; text-indent:10px;}
.nav-close em{ float:right; width:45px; height:45px; text-align:center;}
.nav-close em i{display:inline-block; width:20px; height:20px; background:url(../images/close-icon.png) no-repeat; background-size:100%; margin-top:14px;}

/*侧滑导航*/
.sidenav {background: #202123;box-shadow: 2px 2px 6px rgba(0,0,0,.3);display: block;font-size: 16px;font-weight: 400;height: 100%;right: 0;position: fixed;overflow: auto;transform: translate(386px, 0);transition: transform .3s;top: 0;width: 300px;z-index: 10000000}
.sidenav.show {transform: translate(0, 0)}
.sidenav-brand {color: #FAFAFA;font-size: 24px;font-weight: 700;line-height: 32px;padding: 20px 24px 19px}
.sidenav-dropdown, .sidenav-header {margin: 0}
.sidenav-header {color: #757575;font-size: 19.2px;line-height: 32px;padding: 16px 24px 15px}
.sidenav-header small {display: block;font-size: 14.4px;line-height: 16px}
.sidenav-menu {list-style: none;margin: 0;padding: 0}
.sidenav-menu li {display: block;position: relative; border-bottom:1px solid #2B2C2E;}
.sidenav-menu a {display: block;height:50px;line-height: 50px;text-decoration: none;font-size:14px;color:#cacaca;}
.sidenav-menu a:hover {	}
.sidenav-menu a.active, .sidenav-menu a.active .sidenav-dropdown-icon, .sidenav-menu a.active .sidenav-link-icon {color: #02afff}
.sidenav-dropdown-icon, .sidenav-link-icon {color: #757575;position: absolute;text-align: center;top: 16px}
.sidenav-link-icon {display: block;height: 24px;left: 24px;width: 24px}
.sidenav-link-title {display: block;padding: 0 16px 0 30px}
.sidenav-dropdown {display: none;list-style: none;padding: 0; overflow:hidden;}
.sidenav-dropdown li{float:left; width:150px;}
.sidenav-dropdown a {background: #161719;padding-left: 30px;font-weight:normal; font-size:12px; color:#999;}
.sidenav-dropdown a:hover {}
.sidenav-dropdown li:first-child a {box-shadow: inset 0 1px 1px rgba(0,0,0,.1)}
.sidenav-dropdown-icon {display: none;height: 16px;right: 16px;width: 16px}
.sidenav-dropdown-icon.show {display: block}
.sidenav-overlay {background: rgba(0,0,0,.3);display: none;height: 100%;left: 0;position: fixed;top: 0;width: 100%;z-index: 99}
.sidenav-no-scroll {overflow: hidden!important}


/*底部*/
.footer{width:100%; background:#4E5761; overflow:hidden; padding-top:30px; padding-bottom:25px;}
.footer .code{ display:block; text-align:center; font-size:14px; color:#fff;}
.footer .code img{ width:110px; height:110px; border-radius:5px;}
.footer .code p{ padding-top:8px; padding-bottom:8px;}
.footer .tel{ display:block; padding-top:10px;}
.footer .tel p{display:block; font-size:14px;color:#fff; text-align:center; width:80%; border:1px solid #fff;margin:0px auto; height:38px; line-height:38px;border-radius:5px;}
.footer .tel p i{display:inline-block; vertical-align:-2px; margin-right:10px; font-size:18px;}
.footer .tel p:first-child{background-image: linear-gradient(to right, #2589ff , #00adf2);  border:none;height:40px; line-height:40px;}
.footer .tel p a{color:#fff;}
.footer-copy{width:100%;padding-top:18px; padding-bottom:15px; background:#4E5761;border-top:1px solid #606871;}
.footer-copy p{display:block;text-align:center;font-size:10px; color: #959AA0; padding-bottom:6px;}
.footer-bom{position:fixed; width:100%; height:50px; left:0; bottom:0px; z-index:9; background:#fff; overflow:hidden;}
.footer-bom a{float:left; width:50%; height:50px; line-height:50px; color:#2589ff; text-align:center;  box-sizing:border-box; position:relative; font-size:14px;}
.footer-bom a em{ position:absolute; top:17px; right:0px; width:1px; height:16px; background:#2589ff; z-index:1;}
.footer-bom a i{vertical-align:middle; font-size:20px; margin-right:5px;}
.footer-bom a i.icon-dianhua{font-size:18px; vertical-align:-2px;}


/*返回顶部*/
#top{ position:fixed;display:none;bottom:100px;right:10px; z-index:999;}  
#top a{text-align:center;text-decoration:none;color:#d1d1d1;display:block;width:30px; height:30px; border-radius:30px; background-image: linear-gradient(to right, #2589ff , #00adf2); transition:color 1s; text-align:center;}  
#top a i{display:inline-block; width:16px; height:16px; background:url(../images/arrow-p-icon.png) no-repeat; background-size:100%; margin-top:8px;}


/*对接流程*/  
.six-step{ width:100%; background:#f8f9fb; padding:40px 0;}
.six-step-title{text-align:center; font-size:26px; color:#111; margin-bottom:30px;}
.six-step-title p{font-size:14px; color:#999; padding-top:5px;}
.six-step-box{ width:90%; margin:0px auto; display:flex; justify-content:space-between;box-sizing:border-box; flex-wrap:wrap;}
.six-step-box ul li{float:left; width:47%; margin-bottom:15px;}
.six-step-box ul li.last{float:right;}
.six-step-box dl{width:100%; height:140px; margin:0px auto; background:url(../images/lc-bg.png) #fff no-repeat bottom; box-shadow:2px 4px 10px 0 rgba(18, 113, 239, 0.15); border-radius:5px; text-align:center; position:relative;}
.six-step-box dl dt{display:block; text-align:center; padding:33px 0 10px 0;}
.six-step-box dl dt img{width:40px; height:40px;}
.six-step-box dl dd{font-size:14px;}


/*常见问题*/  
.faq{width:90%; margin:0px auto; padding:40px 0 20px 0;}
.faq h3{display:block; text-align:center; font-size:26px; color:#111; padding-bottom:20px;}
.faq dl{padding:20px 0; border-bottom:1px dotted #ccc;}
.faq dl:last-child{border-bottom:none;}
.faq dl dt{font-size:14px; margin-bottom:10px;}
.faq dl img{display:inline-block; vertical-align:middle; margin-right:10px; width:18px; height:18px;}
.faq dl dd{font-size:13px; color:#999; display: flex; line-height:20px; overflow:hidden;}
.faq dl dd p{float:left; margin-right:10px; width:20px; margin-top:3px;}
.faq dl dd em{flex:1;}



@media (device-height:480px) and (-webkit-min-device-pixel-ratio:2){/* 兼容iphone4/4s */
}


@media (device-height:568px) and (-webkit-min-device-pixel-ratio:2){/* 兼容iphone5 */
 }


@media (device-height:736px) and (-webkit-min-device-pixel-ratio:2){/* 兼容iphone6P */
 }