/* CSS Document */
/*public-style*/
/*html{background-color:white;}*/
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,textarea,p,blockquote,th,td,a{margin:0px;padding:0px;}
body{ font-family:"Microsoft YaHei";font-size:12px;min-width:1280px;}
a{outline:none; text-decoration:none; color: #333;}
img{border:0;}
body input{outline:none; }
ul li{ list-style:none}
em,i{ font-style: normal;}
.clear{clear:both;*display:inline;font-size:1px;overflow:hidden;}
.clearfix:after {content: ".";display: block;clear: both;visibility:hidden;line-height: 0;height:0;}
*html .clearfix{zoom:1;}
.fl{ float:left;}
.fr{ float:right;}
.font-size-16{font-size: 16px!important;}
.table_bottom{border-bottom: 1px solid #dedede;}
.p_left{ padding: 10px 15px!important;text-align: left }
.padding-5{padding: 5px!important;}
.font-weight-bold{font-weight: bold!important;}
/****************鑽ｈ獕璧勮川 --鏌ョ湅鏇村************************/
.picList_oper_wrap{position:absolute;bottom:30px;width:100%;text-align:center;}
.picList_oper_wrap > .picList_oper_btn{font-size:14px;color:#146bd4;}
/****************************鏈嶅姟浜у搧妯″潡---public css********************************************/
.sv_paragraph_wrap{width:100%;}
.sv_paragraph{width:1200px;margin:40px auto 0px auto;}
.sv_paragraph > h3{color:#333333;font-size:24px;height:34px;line-height:34px;padding-left:14px;border-left:6px solid #2b78ff;margin-bottom:40px;}
.sv_paragraph > p{color:#333333;font-size:14px;padding-left:20px;padding-right:16px;line-height:30px;padding-bottom:20px;}
.sv_paragraph > p > em{font-weight:bold;}
.sv_paragraph > .sub_paragraph_title{font-size:16px;color:#333333;font-weight:bold;line-height:40px;margin:20px 0px 5px 0px;}
.sv_paragraph > img{margin:0px auto 0px auto;display:block;}
.center-img img{
display:block;
}
.sv_fa_wrap{width:100%;box-sizing: border-box;}
.sv_fa_wrap .sv_fa_connection{width:1200px;margin:0px auto;padding-top:56px;}
.sv_fa_wrap .sv_fa_connection h3{color:#333333;font-size:30px;text-align:center;}
.sv_fa_wrap .sv_fa_connection > p{color:#666666;font-size:14px;margin-top:30px;line-height:25px;padding:0px 9px 0px 16px;}
.sv_fa_wrap .sv_fa_connection > p.not_first{margin-top:0px;}
.sv_fa_wrap .sv_fa_connection > p.first{margin-top:26px;}
.sv_fa_wrap .sv_fa_connection .fa_background_ircon{margin-top:46px;text-align:center;}
.sv_fa_wrap .sv_fa_connection .fa_sub_title{text-align:center;}
#sect_btn_wrap{margin-bottom:50px;}
/******************************鏈嶅姟浜у搧妯″潡--header--瀵嗙爜鐧界洅--澶撮儴***********************************************/
.sv_header,.pw_header,.so_header{background:url(../image/shenjibanner.png) no-repeat;}
.sv_header_tips,.pw_header_tips,.so_header_tips{padding-top:70px;}
.sv_header_tips .left,.pw_header_tips .left,.so_header_tips .left{max-width:620px;}
.sv_header_tips .left h3,.pw_header_tips .left h3,.so_header_tips .left h3{font-size:40px;}
.sv_header_tips .left p,.pw_header_tips .left p,.so_header_tips .left p{font-size:16px;margin-top:16px;line-height:30px;}
#header_tips.sv_header_tips .left .consult_btn,#header_tips.pw_header_tips .left .consult_btn{margin-top:15px;}
.sv_header_tips .right > a > img,.pw_header_tips .right > a > img,.so_header_tips .right > a > img{margin-right:30px;display:block;width:398px;height:237px;}
/*********************nav*******************************/
.header_nav > li{float:left;padding:0px 10px;}
.header_nav > li > a{display:inline-block;height:64px;padding:0px 10px;position:relative;font-size:16px;
color:#ffffff;}
.header_nav > li > a > b{position:absolute;width:100%;height:2px;background-color:#00a4ff;bottom:0px;left:0px;display:none;}
.header_nav > li > a:hover{
color:#00a4ff;
}
.header_nav > li:hover > a > b{display:block;}
.header_nav .navs_box_bg{position:absolute;width:1100px;top:67px;left:calc(50% - 550px);z-index:1001;line-height:24px;font-size:14px;color:#333333;background:#fff;border-radius: 5px;box-shadow: 0 0 20px rgba(24,26,57,0.2)}
.navs_box_bg2:before{
position: absolute;
content: "";
top: -8px;
left: 28.8%;
border-left: 10px solid transparent;
border-right: 10px solid transparent;
border-bottom: 10px solid #fff;
}
.navs_box_product_content{width:33%;display: inline-block}
.navs_box_product_content ul li{padding-bottom: 10px;margin-bottom: 30px;}
.navs_box_product ul > h4 > a:hover{color:#2b78ff;}
.header_nav .navs_box{font-size:14px;width:1200px;margin:0px auto;position:relative;}
.header_nav .navs_box > dl{float:left;padding: 0px 50px 0px 50px;}
.header_nav .navs_box > dl:first-child{padding:0px 50px 0px 0px;}
.header_nav .navs_box > dl:last-child{padding:0px 0px 0px 50px;}
.navs_box > dl > dt{margin-bottom:8px;}
.navs_box > dl > dt > a{color:#333333;font-size:16px;}
.navs_box > dl > dt > a:hover{color:#146bd4;}
.navs_box > dl > dd{font-size:14px;color:#6d7072;line-height:24px;width:154px;}
.navs_box > i{float:left;width:1px;height:130px;background-color:#d5d5d5;display:inline-block;}
/*.header_nav > li:hover{background-color:rgba(208,208,208,0.2);filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#33FFFFFF,endColorstr=#33FFFFFF);}*/
/*.header_nav .navs_box_bg1{background-color:rgba(208,208,208,0.2);filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#33FFFFFF,endColorstr=#33FFFFFF);padding:10px;position:absolute;left:0px;z-index:9999;line-height:24px;font-size:14px;color:#333333;}
.header_nav .navs_box1{background-color:rgba(255,255,255,0.98);filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#E5FFFFFF,endColorstr=#E5FFFFFF);font-size:14px;padding:0px 0px 35px 0px;}*/
.header_nav .navs_box_bg1{position:absolute;width:1100px;top:67px;left:calc(50% - 550px);z-index:1001;line-height:24px;font-size:14px;color:#333333;background:#fff;border-radius: 5px;box-shadow: 0 0 20px rgba(24,26,57,0.2)}
.navs_box_bg1:before{
position: absolute;
content: "";
top: -8px;
left: 18.6%;
border-left: 10px solid transparent;
border-right: 10px solid transparent;
border-bottom: 10px solid #fff;
}
.navs_box_product{display: flex;justify-content: space-around;padding: 40px 0 40px 30px;}
.navs_box_product_content1{width:24%;display: inline-block}
.navs_box_product ul li{padding-top: 15px;font-size: 12px}
.navs_box_product ul > li > a:hover{color:#2b78ff;}
.header_nav .navs_box1{font-size:14px;padding:0px 0px 35px 0px;width: 1200px;margin:0px auto;position:relative;}
.header_nav .navs_box1 > dl{float:left;padding: 0px 43px 0px 43px;margin-top:20px;z-index:9999;}
.header_nav .navs_box1 > dl:last-child{border-right:0px;}
.navs_box1 > dl > dd{margin-top:12px;}
.navs_box1 > dl > dt{color:#6d7072;font-size:16px;/*padding-left:24px;*/}
.navs_box1 > dl > dt > a{color:#3d80c5;}
.navs_box1 > dl > dt > a:hover{color:#146bd4;}
.navs_box1 > dl > dd > a{color:#333333;}
.navs_box1 > dl > dd > a:hover{color:#146bd4;}
.navs_box1 > i{float:left;width:1px;height:245px;background-color:#d5d5d5;display:inline-block;margin-top:20px;}
/*.navs_box1 .navs_box1_dl1 > dt{background: url(../images/header_nav_icron1.png) no-repeat 0px;}
.navs_box1 .navs_box1_dl2 > dt{background: url(../images/header_nav_icron2.png) no-repeat 0px;}
.navs_box1 .navs_box1_dl3 > dt{background: url(../images/header_nav_icron3.png) no-repeat 0px;}
.navs_box1 .navs_box1_dl4 > dt{background: url(../images/header_nav_icron4.png) no-repeat 0px;}
.navs_box1 .navs_box1_dl5 > dt{background: url(../images/header_nav_icron5.png) no-repeat 0px;}*/
/*******************英文版本头部nav --英文版本头部--nav****************************/
.header_nav .en_navs_box_bg1 {
position: absolute;
width: 100%;
top: 64px;
left: 0px;
z-index: 1001;
line-height: 24px;
font-size: 14px;
color: #333333;
background: #16171a;
}
.header_nav .en_navs_box1 {
font-size: 14px;
padding: 0px 0px 35px 0px;
width: 1200px;
margin: 0px auto;
position: relative;
}
/*******************浜у搧鏈嶅姟妯″潡nav --瀵嗙爜鐧剧洅--nav****************************/
/*2017-4-25 hzl*/
#pw_nav{height:65px;color:#333333;background:#ffffff;
-webkit-box-shadow: 0px 1px 1px 0px #dedede;
-moz-box-shadow: 0px 1px 1px 0px #dedede;
box-shadow: 0px 1px 1px 0px #dedede;
}
.pw_nav{ height:65px;}
.pw_nav li{ float:left;margin-right:10px;}
/*2017-4-26 hzl*/
/*#pw_nav .pw_nav li:first-child{ padding-left:14px;}*/
.pw_nav li>a{ /* float: left; */
line-height: 62px;
/* width: 100%; */
padding: 0 40px;
display: inline-block;
color: #333333;
font-size: 16px;
position: relative;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;}
.pw_nav li>a.active{ color:#2b78ff;border-bottom:4px solid #2b78ff;}
.pw_nav li>a:hover{ color:#2b78ff;}
.pw_nav .seperate_icron{top: 20px;position:relative;float:left;width:1px;height:25px;background-color:#d2d2d2;}
#layui-layer1 .layui-layer-content{text-align: center;}
#layui-layer1 .layui-layer-btn{display:block;text-align:center;}
#layui-layer1 .layui-layer-dialog .layui-layer-padding{text-align:center;}
#layui-layer1 .layui-layer-content .layui-layer-ico{left:18%;}
/*2017-4-24 hzl add 椤甸潰鎮诞瀵艰埅 浜у搧&鏈嶅姟*/
.all-classify{height:80px;}
.page-all-tag .navs_box_bg1{position:absolute;width:100%;top:60px;left:0px;z-index:999;line-height:24px;font-size:14px;color:#333333;background-color:rgba(248,248,248,0.9);filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#E5FFFFFF,endColorstr=#E5FFFFFF);
-webkit-box-shadow:1px 0px 7px 1px rgba(0,0,0,.3);-moz-box-shadow:1px 0px 7px 1px rgba(0,0,0,.3);-ms-box-shadow:1px 0px 7px 1px rgba(0,0,0,.3);}
.page-all-tag .navs_box1{font-size:14px;padding:0px 0px 35px 0px;width:1200px;margin:0px auto;}
.page-all-tag .navs_box1 > dl{float:left;padding: 0px 43px 0px 43px;margin-top:20px;z-index:9999;}
.page-all-tag .navs_box1 > dl:last-child{border-right:0px;}
.page-all-tag > dl > dd{margin-top:12px;}
.page-all-tag > dl > dt{color:#6d7072;font-size:16px;/*padding-left:24px;*/}
.page-all-tag > dl > dt.on{color:#146bd4;}
.page-all-tag > dl > dt > a{color:#3d80c5;}
.page-all-tag > dl > dt > a.on{color:#146bd4;}
.page-all-tag > dl > dt > a:hover{color:#146bd4;}
.page-all-tag .navs_box_bg1 dl dd > a{color:#333333;}
.page-all-tag .navs_box_bg1 dl dd > a.on{color:#146bd4;}
.page-all-tag .navs_box_bg1 dl dd a:hover{color:#146bd4;}
.page-all-tag > i{float:left;width:1px;height:245px;background-color:#d5d5d5;display:inline-block;margin-top:20px;}
.page-all-tag .nav_box_wrap .navs_box1 dt{color:#146bd4;}
.page-all-tag .nav_box_wrap .navs_box1 dt.sib{color:#3d80c5;}
.fs_nav_list1 li a span.all_link{display:inline-block;width:16px;height:16px;background:url(../image/All_link.png) no-repeat center;vertical-align:middle;margin-right:12px}
/*2017-4-26 hzl 瑙ｅ喅鏂规椤甸潰鎮诞瀵艰埅*/
.page-all-tag .navs_box_bg{
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;position:absolute;width:347px;left:0px;top:74px;z-index:9999;line-height:24px;font-size:14px;color:#333333;background-color:rgba(248,248,248,0.9);border-left:1px solid #dddddd;border-right:1px solid #dddddd;background:#f4f5f6;
-webkit-box-shadow: 0px 18px 14px 5px rgba(153,153,153,0.17);
-moz-box-shadow: 0px 18px 14px 5px rgba(153,153,153,0.17);
box-shadow:0px 18px 14px 5px rgba(153,153,153,0.17);
}
.page-all-tag .navs_box{font-size:14px;padding:0px 0px 0px 0px;width:347px;}
.navs_box ul li div{display:inline-block;position:relative;vertical-align: top;}
.navs_box ul li div.navs_box_img{width:20px;text-align:left;height:100%;}
.navs_box ul li div.navs_box_img i{color:#6d7072;}
.navs_box ul li div.navs_box_text{width:267px;text-align:left;}
.navs_box ul li div.navs_box_text h4{font-size:16px;color:#333333;font-weight:normal;}
.navs_box ul li div.navs_box_text p{font-size:12px;color:#808080;font-weight:normal;}
.page-all-tag .navs_box ul li{padding:15px 30px 15px 14px;border-bottom:1px solid #dddddd;}
.page-all-tag .navs_box ul li:hover{
background:#e0e9f5;
}
/*****************footer css*****************/
#footer{ min-width:1200px; height:355px; background:#2f3239; overflow:hidden;z-index: 20;
position: relative;}
.footer_con{ width:1200px; height:355px; margin:0 auto;}
.footer_con .footer_top{ height:248px;}
.footer_top .footer_nav{ width:986px; height:248px;}
.footer_nav dl{ float:left; padding:40px 100px 0 0; color:#fff;}
.footer_nav dl dt{ line-height:50px; font-size:16px;}
.footer_nav dl dd{ line-height:26px; color:#ccc;font-size:12px;}
.footer_nav dl dd a{ color:#ccc;font-size:12px;}
.footer_nav dl.fa_wrap dd > a:first-child{width:72px;display:inline-block;}
.footer_nav dl dd a:hover{color:#ffffff; text-decoration: underline;}
.footer_att{ position:relative;}
.footer_att p{ font-size:16px; color:#fff;}
.footer_att p em{ position:absolute; top:50px; right:0; width:100%;text-align:center;}
.footer_att .footer_code_wrap > div .att_weixin_icon{ background:url(../image/att_weixin_icon.gif) no-repeat;display:inline-block;width:28px;height:28px;}
.footer_att .footer_code_wrap > div .att_xina_icon{ background:url(../image/att_xina_icon.gif) no-repeat;display:inline-block;width:28px;height:28px;}
.footer_att .footer_code_wrap > div span{position:relative;top: -10px;left: 4px;}
.footer_att p a{ position:absolute; width:28px; height:28px; top:46px; transition: transform .5s;}
.footer_att p a:hover{ transform:scale(1.21);}
.footer_att .footer_code_wrap{padding-top:100px;}
.footer_att .footer_code_wrap > div{font-size:12px;color:#fefefe;padding-top:10px;}
.footer_bot{ width:100%; padding-top:26px; text-align:center;font-size:12px;}
.footer_text a{ margin-right:24px; line-height:31px; color:#666;}
.footer_text a:hover{ text-decoration:underline; color:#c1bfbf;}
.footer_copy{ line-height:31px; color:#cdcdcf;font-size:12px;}
.footer_copy a{color:#cdcdcf;font-size:12px;text-decoration:none;cursor:pointer;}
.talkqq{width: 18px;height: 18px;display: inline-block;background: url("../image/qqkf.png") no-repeat;margin-right: 5px;position: relative;top: 4px;}
.footer_nav dl dd a:hover .talkqq{background: url("../image/qqkfhover.png") no-repeat;}
.footer_nav_line{width:100%;height:1px;border-bottom:1px solid #393c43;display:block;position:absolute;top:248px;left:0;}
/*hzl add*/
.txtcentr{text-align:center;}
.hide{display:none;}
/*侧边栏*/
#top_box{ height:160px; position:fixed; right:20px; top:60%; margin-top:-80px; z-index:1000; }
#top_box li{ width:40px; height:50px; position:relative;}
#top_box li i{display:block; width:40px; height:40px; }
#top_box #box_li_info{ display:none; background:#fff;box-shadow: 0px 9px 28px 8px rgba(0,0,0,0.03), 0px 6px 16px 0px rgba(0,0,0,0.06), 0px 3px 6px -4px rgba(0,0,0,0.1); position:absolute; top:10px; border-radius: 8px; left:-211px; width:191px; height:46px;}
#top_box #box_li_info p{ line-height:46px; font-size:14px; text-indent:15px; color:#191919;}
#top_box #box_li_info span{ position:absolute; top:12px; right:-7px; width:7px; height:22px; background:url(../image/sta_box.png) no-repeat; }
#top_box #box_qr_info{ border-radius: 8px; background:#fff;box-shadow: 0px 9px 28px 8px rgba(0,0,0,0.03), 0px 6px 16px 0px rgba(0,0,0,0.06), 0px 3px 6px -4px rgba(0,0,0,0.1); position:absolute; top:-80px; left:-211px; width:190px; text-align: center; box-sizing: border-box; height:200px; padding: 10px;}
#top_box #box_qr_info p{ line-height:30px;font-weight: 500; font-size: 14px;color: #191919;}
#top_box #box_qr_info img{border-radius: 4px}
#top_box #box_qr_info span{ position:absolute; top:90px; right:-7px; width:7px; height:22px; background:url(../image/sta_box.png) no-repeat; }
#top_box .go_top{ display:none; position:absolute; width:40px; height:40px; background:url(../image/top_go.png) no-repeat;}
#top_box li a.call_icon{ display:block; width:40px; height:40px; }
#top_box li a.img_tab1{ background:url(../image/top_go2.png) no-repeat;}
.share_box{ width:0px; height:0px; position:relative;}
.share_box img{ position:absolute; left:0px;top:0px;}
/*2017-4-26 侧边栏图标变换*/
#top_box li i.img_tab:hover{background:url(../image/kf_txt.png) no-repeat; }
#top_box li a.call_icon:hover{background:url(../image/phone_txt.png) no-repeat; }
/*hzl add*/
.fa_fa p{text-align:left;color:#666666;font-size:14px;margin-top:22px;line-height:25px;padding:0px 9px 0px 16px;}
.fa_fa h3{padding-top:7px;font-size:16px;color:#333333;font-weight:bold;}
.to-use{position:absolute;bottom:50px;left:50%;margin-left:-95px;display:inline-block;height:49px;width:190px;background:url(../image/toLogin.png) no-repeat;}
.to-use:hover{background-position:0 -49px;}
.sdk-info-group{
width: 950px;
font-size: 12px;
margin:0 20px 30px 20px;
box-sizing: border-box;
display: flex;
align-items: center;
justify-content: space-between;
}
.sdk-group-item{
width:45%;
box-sizing: border-box;
border: 1px solid #dedede;
}
.item-title{
padding: 0 10px;
height: 45px;
line-height: 45px;
font-size: 16px;
background: #f4f4f4;
}
.item-desc{
padding:20px 20px 10px 20px;
font-size: 14px;
line-height: 1.6;
}
.item-desc-link a{
margin-right: 20px;
color: #2b78ff;
}
.item-desc-auth{
color: rgba(0, 0,0,0.5);
height: 30px; line-height: 30px;
font-size: 13px;
}
.item-desc-oth{
font-size: 13px;
display: flex;
align-items: center;
justify-content: space-between;
color: rgba(0, 0,0,0.5);
}