/*basc*/
body {font-family:-apple-system, BlinkMacSystemFont, Roboto, "Helvetica Neue", PingFang-SC, "Hiragino Sans GB", 微软雅黑, "Microsoft YaHei", "Heiti SC", sans-serif !important;  margin:0 auto; padding:0; font-size:12px; color:#333;background:#fff;  }
.con_all *{margin:0;padding:0;box-sizing: border-box;}
div, form, ul, ol, li, span, p, dl, dt, dd { margin:0; padding:0; border:0; }
img, a img { border:0; margin:0; padding:0; }
h1, h2, h3, h4, h5, h6 { margin:0; padding:0;}
ul, ol, li { list-style:none }
table, td, input { font-size:12px; padding:0; font-family:inherit; }
table { border-collapse: collapse; border-spacing: 0;}
i,em{font-style:normal}
a {outline-style:none;color:#333;text-decoration:none }
a:hover { text-decoration:none; }
/* common */
.clearfix:after{ clear:both; content:"\200B"; display:block; height:0;}
.clearfix{ *zoom:1;}
.clear{ clear:both; font-size:0; height:0; line-height:0; overflow:hidden;}
.fl{ float:left;}
.fr{ float:right;}
.rel{position:relative;}
.hide{display: none !important;}
.wid1200{width:1200px;margin:auto;}
/*导航*/
.nav_box{width:100%;height:55px;background:rgba(41, 126, 255, 0.9);}
.logo_fang{float:left;width:118px;height:24px;margin-top:16px;}
.logo_fang img{display: block;width:100%;height:100%;}
.link_page{float:right;}
.link_page li{float:left;font-size:16px;margin-left:52px;}
.link_page li a{display:block;font-size:16px;color:#fff;line-height:24px;padding:18px 0 11px;box-sizing: border-box;}
.link_page li.on a{font-weight: bold;border-bottom:2px solid #fff;}
/*头图*/
.banner_box{position:relative;}
.banner_img{width:100%;height:468px;}
.banner_img p{width:100%;height:468px;}
.edition_box{position:absolute;left:50%;bottom:15px;width:1200px;margin-left:-600px;z-index: 10;}
.down_item{position:relative;float:left;margin-right:20px;}
.ios_download,.and_download{position:relative;width: 240px;height: 92px;padding:18px 0 0 30px;background-image: linear-gradient(180deg, #F5F8FD 1%, #FFFFFF 100%);border: 2px solid #FFFFFF;box-shadow: 0 4px 15px 0 #DEE4ED;border-radius: 3px;box-sizing: border-box;cursor: pointer;z-index: 5;}
.ios_download h3{font-size:18px;color:#0D1931;font-weight: bold;line-height:22px;padding-left: 32px;background:url(../images/icon_ios.png) no-repeat left center;background-size:22px 22px;font-weight: bold;}
.and_download h3{font-size:18px;color:#0D1931;font-weight: bold;line-height:22px;padding-left: 32px;background:url(../images/icon_and.png) no-repeat left center;background-size:22px 22px;font-weight: bold;}
.ios_download p,.and_download p{font-size:14px;color:#67748F;line-height:22px;margin-top:10px;}
/*下拉*/
.down-list{position:absolute;top:84px;left:0px;width:240px;padding:26px 0 5px 0;background-image: linear-gradient(180deg, #F5F8FD 1%, #FFFFFF 100%);border: 2px solid #FFFFFF;box-shadow: 0 4px 15px 0 #DEE4ED;border-radius: 3px;box-sizing: border-box;z-index: 4;display: none;}
.down-list li{line-height:18px;margin-bottom:15px;}
.down-list li a{display:block;font-size:14px;color:#0D1931;line-height:18px;}
.down-list li a i{float:left;width:15px;height:15px;margin:1px 10px 0 36px;}
.down-list li.down-iphone a i{background:url(../images/down_icon1_g.png) no-repeat;background-size:100% 100%;}
.down-list li.down-ipad a i{background:url(../images/down_icon2_g.png) no-repeat;background-size:100% 100%;}
.down-list li.down-package a i{background:url(../images/down_icon3_g.png) no-repeat;background-size:100% 100%;}
.down-list li.down-android a i{background:url(../images/down_icon4_g.png) no-repeat;background-size:100% 100%;}
.down-list li.down-safe a i{background:url(../images/down_icon5_g.png) no-repeat;background-size:100% 100%;}
.down-list li.down-wadou a i{background:url(../images/down_icon6_g.png) no-repeat;background-size:100% 100%;}
/*悬浮*/
.down_item:hover .down-list{display: block;}
.down-list li a:hover{color:#297EFF;}
.down-list li.down-iphone a:hover i{background:url(../images/down_icon1_b.png) no-repeat;background-size:100% 100%;}
.down-list li.down-ipad a:hover i{background:url(../images/down_icon2_b.png) no-repeat;background-size:100% 100%;}
.down-list li.down-package a:hover i{background:url(../images/down_icon3_b.png) no-repeat;background-size:100% 100%;}
.down-list li.down-android a:hover i{background:url(../images/down_icon4_b.png) no-repeat;background-size:100% 100%;}
.down-list li.down-safe a:hover i{background:url(../images/down_icon5_b.png) no-repeat;background-size:100% 100%;}
.down-list li.down-wadou a:hover i{background:url(../images/down_icon6_b.png) no-repeat;background-size:100% 100%;}



/*轮播*/
.swiper {width: 100%;height: 100%;overflow: hidden;}
.swiper-slide {text-align: center;display: -webkit-box;display: -ms-flexbox; display: -webkit-flex;display: flex;-webkit-box-pack: center;-ms-flex-pack: center;-webkit-justify-content: center;justify-content: center;-webkit-box-align: center;-ms-flex-align: center; -webkit-align-items: center;align-items: center;}
.swiper-container-horizontal>.swiper-pagination-bullets, .swiper-pagination-custom, .swiper-pagination-fraction{bottom:142px;width: 1200px;left:50%;margin-left:-600px;}
.swiper-pagination-bullet{float:left;width:28px;height:4px;background:#fff;opacity: 1;border-radius: 1px;margin:0 5px;}
.swiper-pagination-bullet-active{background:#297EFF;}
/*内容*/
.con_box{margin-top:65px;}
.con_box h2{color:#0D1931;text-align:center;font-size:26px;line-height:36px;font-weight: bold;}
.tit_fu{font-size:14px;color:#0D1931;line-height:28px;text-align:center;margin-top:12px;}
.tab_box{margin-top:5px;}
.tab_tit .tab_tit_item{position:relative;float:left;width:300px;height:145px;padding-left:43px;box-sizing: border-box;}
.tab_tit dl{display: inline-block;height:145px;padding:46px 0 0 0;box-sizing: border-box;cursor: pointer;}
.tab_box_sf .tab_tit .tab_tit_item{float:left;width:400px;padding-left:97px;}
.tab_tit .tab_tit_item:before{content:'';position:absolute;left:50%;bottom:0;width:0;height:3px;background:#297EFF;transition: 0.4s;}
.tab_tit .tab_tit_item.cur:before{left: 0; width: 100%;transition: 0.4s;}
.tab_tit .tab_tit_item.cur:after{content: '';position:absolute;bottom:3px;left:50%;margin-left:-5px;background:url(../images/icon_tab.png) no-repeat;width:10px;height:3px;background-size:100% 100%;}
.tab_tit dl dt{float:left;width:50px;height:50px;}
.tab_tit dl dt img{display: block;width:100%;height:100%;}
.tab_tit dl dd{margin-left:70px;min-height:50px;text-align:left;}
.tab_tit dl dd h4{color:#0D1931;font-size:18px;line-height:24px;font-weight: bold;}
.tab_tit .tab_tit_item:hover dl dd h4{color:#297EFF;}
.tab_tit dl dd p{font-size:13px;color:#83868F;line-height:20px;margin-top:5px;}
.tab_con{position:relative;display:flex;align-items:center;width:100%;height:600px;background:url(../images/bg.png) no-repeat top center;background-size:auto 100%;}
.tab_con:after{content: '';position:absolute;top:0;left:0;width:100%;height:33px;background:url(../images/bg_line.png) no-repeat top center;background-size: auto 33px;}
.tab_item{display: flex;align-items:center;}
.tab_left{float:left;width: 580px;}
.tab_left img{display: block;width:564px;margin-left:-35px;}
.tab_right{float:right;width:620px;}
.tab_right h4{font-size:26px;color:#0D1931;line-height:30px;margin-bottom:14px;}
.tab_right p{font-size:17px;color:#83868F;line-height:50px;}
.tab_right p i{float:left;width:4px;height:4px;border-radius: 50%;margin:23px 10px 0 0;background:#83868F;}
.btn_qx{display:block;width: 136px;height: 44px;font-size:16px;color:#fff;line-height: 44px;text-align:center;background: #297EFF;margin-top:30px;}
.btn_qx:hover{color:#fff;}
/*底部*/
.footer_box{background:#F8F9FB;padding-top:46px;}
.footer_box .wid1200{padding-bottom:50px;}
.footer_left{float:left;width:200px;}
.footer_left h4{font-size:18px;line-height:28px;color:#0D1931;font-weight: bold;}
.footer_left p{font-size:14px;line-height:24px;color:#0D1931;margin-top:10px;}
.footer_left a{display:block;width: 118px;height: 38px;background:#297EFF;font-size:13px;color:#fff;line-height:38px;text-align:center;margin-top:40px;}
.footer_right{float:right;text-align:center;}
.img_ewm{width: 114px;height: 114px;padding:4px;background: #FFFFFF;box-shadow: 0 4px 15px 0 #DEE4ED;border-radius: 3px;box-sizing: border-box;}
.img_ewm img{display: block;width: 100%;height:100%;}
.text_ewm{font-size:13px;color:#67748F;line-height:22px;margin-top:14px;text-align:center;}
.footer_center{text-align:center;}
.center_item{display:inline-block;padding:0 50px;vertical-align: top;text-align:left;}
.center_item h4{font-size:14px;color:#0E131A;font-weight: bold;line-height: 24px;margin-bottom:6px;}
.center_item p,.center_item p a{font-size:14px;color:#67748F;line-height:36px;}
.text_footer{font-size:14px;line-height:20px;color:#949FB5;text-align:center;padding:25px 0;border-top:1px solid #D3D8DE;}
/*右侧按钮*/
.down_ewm{position:fixed;top:50%;right:10px;padding:10px 10px 5px;background-image: linear-gradient(180deg, #F5F8FD 1%, #FFFFFF 100%);border: 2px solid #FFFFFF;box-shadow: 0 4px 15px 0 #DEE4ED;border-radius: 1px;box-sizing: border-box;z-index: 10;}
.ewm_img{width:114px;height:114px;background:#fff;padding:4px;box-sizing: border-box;}
.ewm_img img{display: block;width: 100%;height:100%;}
.ewm_text{font-size:13px;color:#67748F;line-height:22px;margin-top:10px;text-align:center;}