@charset "utf-8";
@import url(on.css);

/* Css Reset */
html{-webkit-text-size-adjust:100%;-ms-text-size-adjust:100%;-webkit-tap-highlight-color:rgba(0,0,0,0); font-family: "Lucida Grande",Helvetica,Arial,"Microsoft YaHei",FreeSans,Arimo,"Droid Sans","wenquanyi micro hei","Hiragino Sans GB","Hiragino Sans GB W3",Roboto,Arial,sans-serif;}
body,ul,li,dt,dl,p,h1,h2,h3,h4,h5,h6,div,html,form,select,option,table,tr,td,dt,dl,dd,span,input,i,em,b,br,section,header,footer,nav,menu,aside,audio,video,canvas,svg,details,figure,figcaption,summary,hgroup,pre,sub,sup,button,textarea,input{margin:0;padding:0;color:inherit;}


body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,
form,fieldset,input,textarea,p,blockquote,th,td,img { padding: 0; margin: 0; }
fieldset,img { border: 0; }
address,caption,cite,code,dfn,em,th,var,i { font-weight:normal; font-style:normal; }
ol,ul,li { list-style: none; }
div,dl,dt,dd,ol,ul,li{ zoom:1; }
caption,th { text-align: left; }
h1,h2,h3,h4,h5,h6 { font-weight: normal; font-size:100%; }
q:before,q:after { content:''; }
abbr,acronym { border: 0; }
*{font-family:"Microsoft Yahei", Tahoma;font-size:14px;}
.clear{ clear:both;}

/* Public */
html{ width:100%; }
body{ width:100%; color:#555;font:12px/20px SimSun,Tahoma,Helvetica,Arial,sans-serif; -webkit-text-size-adjust: none;}
a{color:#555;text-decoration:none; outline:none;}
a:hover { }
.fl{ float:left !important; }
.fr{ float:right !important; }
.mab{ margin-bottom:10px; }
.clearfix:after{content:".";display:block;height:0;clear:both;visibility:hidden;}

.siteWidth{ width:980px; margin:0 auto;   }
.column{ overflow:hidden; margin-bottom:10px;  }
#topBar{ height:32px; line-height:32px; background:#eee; border-bottom:1px solid #ddd; overflow:hidden;  }
#topBar em{  color:#f00;  }
#topBar span{ float:right;  color:#999;  }
#topBar span a{ margin:0 5px; color:#666;  }

/* 导航 */
.headerbg{ border-bottom:1px solid #39A4DC;}

.headertopwb{ background:#00a2e9;}
.headertop{ width:1200px; margin:0 auto; height:40px; line-height:40px; color:#FFF; font-size:16px;}
.headertop span{height:40px; line-height:40px; float:right;}

#header{ margin-bottom:1px;  width:1200px; margin:0 auto; height:140px; position:relative;}
.logoBar{ position:absolute; left:0px; top:30px;}
.logoBar img{ height:80px;}

.navBar{ position:relative; z-index:1;   color:#fff; height:40px; line-height:40px;   left: 380px; top: 54px;width: 680px; }
.nav{ margin:0 auto; font-family:"Microsoft YaHei",SimSun,SimHei;  }
.nav .m{ float:left;  position:relative;  border-top:0; border-bottom:0; margin-left:-1px;   }
.nav a:hover{ text-decoration:none; color:#00a2e9;   }
.nav h3{ float:left;  font-size:100%; font-weight:normal; font-size:14px; height:40px; overflow:hidden;  }
.nav h3 a{ display:block;  padding:0 15px;  vertical-align:top; font-size:16px; }
.nav .on{ border-color:#1F7CAF;   }
.nav .on h3 a{ color:#00a2e9;  }
.nav .sub{ display:none; /*默认隐藏*/ width:99px; padding:5px 0;   position:absolute; left:-1px; top:40px; background:#1F7CAF; text-align:center;  }
.nav .sub li{ vertical-align:middle; }
.nav .sub li a{ height:20px; line-height:20px; padding:4px 0;  display:block; background:url(../images/icon.png) 0 9px no-repeat; color:#fff;   }
.nav .sub li a:hover{ color:#ff0; background:#2595d1;   }
.nav #m7 h3 a{ border-right:1px solid #5bb3e1;   }


.headerEN{ position:absolute; right:0px; top:54px;height:40px; line-height:40px; font-size:14px;}


/* banner */
.banner{ min-width:1000px;  position:relative;  height:499px; overflow:hidden;  }
.banner .bd{ position:relative; z-index:0;  }
.banner .bd ul{ width:100% !important; }
.banner .bd li{ width:100% !important;  height:499px; }
.banner .bd li .siteWidth{ width:1000px; position:relative;  margin:0 auto;  height:299px;  }
.banner .bd li a{ height:299px; display:block;  }
.banner .bd .txt{ position:absolute; width:415px; top:100px; left:22px;   font:normal 18px/30px "Microsoft YaHei";    }
.banner .bd .btn{ display:block; zoom:1; margin-top:8px;  width:72px; padding-right:10px;  height:31px; line-height:31px; text-align:center; color:#fff; font-size:12px; background:url(../images/banner-btn.png) 0 0 no-repeat;
_background:url(../images/banner-btn-ie6.png) 0 0 no-repeat;
}
.banner .hd{ width:100%;  position:absolute; z-index:1; bottom:0; left:0; height:30px; line-height:30px; text-align:center; }
.banner .hd ul li{ cursor:pointer; display:inline-block; *display:inline; zoom:1; width:11px; height:11px; margin:4px; background:url(../images/dot-black.png) 0 0; overflow:hidden; 
	line-height:9999px; filter:alpha(opacity=40);opacity:0.4; 
}
.banner .hd ul .on{ filter:alpha(opacity=100);opacity:1;  }



/* 平台架构介绍 */
.pro_ul{display: flex;justify-content: space-between;flex-wrap: wrap;}
.pro_ul .pro_li{background: #F6F8FC;text-align: center;width: 24%;margin-bottom: 20px;}
.pro_ul .pro_li:hover{background:#eaecf2 ;}
.pro_ul .pro_li .pro_bg{padding: 20px 20px 0px 20px;}
.lingxing{width: 7px;height: 7px;transform: rotate(45deg);border: 1px solid #00a2e9;}
.p_nei_ul{margin-top: 20px;text-align: left;}
.p_nei_li{border-bottom: 1px dashed #CCCCCC;padding-bottom: 8px;margin-bottom: 12px;}
.p_nei_li:last-of-type{border-bottom: 0px;}
.P_nei_Done,.P_nei_Dtwo{display: flex;align-items: center;}
.P_nei_Done p:nth-child(2){margin-left: 10px;}
.P_nei_Dtwo p{margin-left: 17px;margin-top: 2px;}
.p_nei_bu{margin-top: 2px;}
.p_nei_bu p{margin-bottom: 5px;padding: 0px 20px 5px;}
.p_nei_bu p:nth-child(1){border-bottom: 1px dashed #cccccc;margin-bottom: 5px;padding: 0px 20px 5px;margin-top: 5px;}

/* 鼠标浮上去图片放大动画 */
.fangdaImg .figure {overflow: hidden;}
.fangdaImg img {transition: all 1s; display: block;}
.fangdaImg:hover img {transform: scale(1.1);}
.figure{display: block;}

.hengxainG {
    width: 36px;
    height: 4px;
    background: #00a2e9;
    margin: 20px auto 0px auto;
}


/* mainf2 */
.mainf2_wb{  height:auto; overflow: hidden; padding-bottom:40px;}

.mainf2{width:1200px; margin:0 auto;}

/*认证服务*/
/* 切换 */
/*index-yewu*/
.index-yewu{
	padding: 10px 0 60px 0;
}
.index-yewu .box{
	width: 25%;
	float: left;
	text-align: center;
	margin-top:20px;
}
.index-yewu .box a{
	display: block;
	background-position: center top;
	background-repeat: no-repeat;
	color: #A0A0A0;
}
.index-yewu .box a h4{ color: #555; margin-bottom: 15px;font-size: 24px; font-weight:normal;}
.index-yewu  a p{padding: 0 20px;}

.index-yewu a:hover{transform:scale(0.88);-webkit-transform:scale(0.88);-moz-transform:scale(0.88);-o-transform:scale(0.88);}
.index-yewu a{-webkit-transition: all 0.5s;-moz-transition: all 0.5s;-o-transition: all 0.5s;transition: all 0.5s;}
.index-yewu a:hover h4{ color:#00a2e9}

.index-yewu a.a:hover h4{ color:#72bb38}

.index-yewu a:nth-child(2) h4{ color:#3fbff0}
.index-yewu .b:hover h4{ color:#3fbff0}
.index-yewu .c:hover h4{ color:#fa4f4f}
.index-yewu .d:hover h4{ color:#ff7f00}
.index-yewu .e:hover h4{ color:#3200f2}
.index-yewu .f:hover h4{ color:#8700f2}
.index-yewu .g:hover h4{ color:#5b8497}
.index-yewu .h:hover h4{ color:#9d5f70}
.index-yewu .i:hover h4{ color:#013281}
.index-yewu .j:hover h4{ color:#1f9a51}
.index-yewu .k:hover h4{ color:#ad3b0b}
.index-yewu .l:hover h4{ color:#503873}


.index-yewu .box a img{ width:160px; height:126px;}
.index-yewu .box a:hover p{ color: #333; }

/*mainf3*/
.mainf3{ overflow:hidden; padding-bottom:40px;}

.mainf3_news{width:1200px; margin:0 auto;}
.news_lfet{ float:left; width:560px;}

.news_bt{ border-bottom:1px solid #cccccc; height:40px; line-height:40px; background:url(../images/newsbt.png) no-repeat;background-position:10px 15px; color:#2b2b2b; font-size:15px; padding-left:25px;}

.news_lfet ul{ padding:8px;} 
.news_lfet ul li{ height:50px; list-style:50px; border-bottom: 1px solid hsla(0,0%,60%,.15);}
.news_lfet ul li a{ height:50px; line-height:50px; padding-left:10px;}
.news_lfet ul li span{ float:right; height:50px; line-height:50px; padding-right:10px;}

.news_right{ float:right;  width:630px;}

.news_right ul{ background:#f4f4f4; overflow:hidden; margin-top:10px; margin-left:5px; margin-right:5px;}
.news_right ul li{ width:50%; float:left; overflow:hidden;width:300px; height:230px; position:relative; border-radius: 5px; margin-left:7px; margin-bottom:7px; background:#FFF;}
.news_right ul li img{width:300px; height:200px;}
.news_right ul li p{ background: linear-gradient(0deg,rgba(0,0,0,.6),transparent);
bottom: 30px;
    box-sizing: border-box;
    display: block;
    margin-bottom: 0;
    padding: 12px 15px;
    position: absolute;
    width: 100%;
}
.news_right ul li p a{ color:#FFF;}

/* new-footer */
.new-footer{padding:30px 0 0;background-color:#000;}
.foot-logo{margin-top:124px;}
.foot-logo img{width:230px;display:block;}

.foot-wrap{width:1200px;height:300px;margin:0 auto;}
.foot-nav{float:left;width:482px;padding-top:20px;}
.foot-nav dl{float:left;width:160px;}
.foot-nav dl dt{color:#fff;font-size:16px;font-weight:bold;line-height:32px;font-weight: 800;}
.foot-nav dl dd a{display:block;color:rgb(169, 169, 169);font-size:14px;line-height:35px;}
.foot-nav dl dd a:hover{color:#82c9ff;}


.foot-contact{float:left;width:100px;margin:24px 0 0 10px;}
.foot-contact img{width:136px;height:136px;display:block;}
.foot-contact p{color:rgb(169, 169, 169); text-align:center;width:136px; line-height:300%; font-size:14px; }

.foot-code{float:right;width:440px;text-align:left; color:#FFF;background:url(../images/footbg.png) no-repeat;background-position:-30px 20px; padding-left:40px;color:rgb(169, 169, 169); padding-top:20px;}
.foot-code h3{ color:#fff; font-size:15px;}
.foot-code p{ font-size:30px; line-height:120%; color:#5bb3e1;}
.foot-code a{ color:rgb(169, 169, 169); }


/* 在线客服 */
.floatBox{ position:fixed; right:3px; top:50%; background:#fff; width:74px; z-index:100; -webkit-box-shadow: 3px 3px 3px;  -moz-box-shadow: 3px 3px 3px;  box-shadow: -1px 1px 20px rgba(0, 0, 0, .13);}
.floatBox li a{ color:#666666; font-size:12px; text-align:center; width:100%; display:block; padding:50px 0 5px 0; border:1px solid #ededed; border-top:0; background-image:url(../images/floatbox.png); background-position:center 8px; background-repeat:no-repeat;}
.floatBox li a:hover{ color:#ff6800}
.floatBox li.li_o a{ border-color:#9cb8e2; background-color:#9cb8e2; color:#fff; background-position:16px 9px; cursor:default; padding-top:35px; padding-bottom:0px;}
.floatBox li.li_t a{ background-image:url(../images/q-o.gif)}
.floatBox li.li_s a{ background-image:url(../images/q-t.gif)}
.floatBox li.li_f a{ background-image:url(../images/q-s.gif)}
.floatBox li.li_w a{ background-image:url(../images/q-f.gif)}
.fixer{ position:fixed; right:0px; top:0;_position:absolute;_top:e-xpression(documentElement.scrollTop+10 + "px"); z-index:100;}
.floatBox.fixer{ top:150px}



/*aboutf1*/
.aboutf1{ width:1200px; margin:0 auto;}
.aboutbt h3{ text-align:center;font-size:17px; margin-bottom:30px; padding-top:50px; }

.kesi{ position:relative;width:1200px; margin:0 auto;overflow:hidden; margin-top:40px;}
.kesi .kesidiv{position:absolute;left:620px;top:0px; line-height:180%; text-indent:2em; font-size:17px;}
.kesi img{ width:600px;}


.aboutf2{ background:#f7f7f7; height:auto; margin-top:40px; padding-bottom:40px;}
/* 图片滚动 */
.picScroll{ position:relative;   overflow:hidden; width:1200px; margin:0 auto; padding-left:40px; }
.picScroll ul{ overflow:hidden; zoom:1; }
.picScroll ul li{ float:left; margin: 0 6px;  width:220px; overflow:hidden; display:inline; }
.picScroll ul li img{ width:260px; height:220px; }
.picScroll .prev,
.picScroll .next{ position:absolute;  left:10px; top: 100px; display:block; width:18px; height:28px; overflow:hidden; background:url(../images/icons.png) -40px 0 no-repeat; cursor:pointer;  }
.picScroll .next{ left:auto; right:10px; background-position:-120px 0; }
.picScroll .prevStop{ background-position:0 0; }
.picScroll .nextStop{ background-position:-80px 0; }


/*aboutf3*/
.aboutf3{ width:1200px; margin:0 auto; overflow:hidden; padding-bottom:120px;}
.aboutf3 ul li{ float:left; width:31%; margin:0 1%;background:#f7f7f7; height:180px; position:relative;}

.aboutf3 ul li img{ width:60px; top:60px; left:40px; position:absolute;}
.aboutf3 ul li div{  top:68px; left:120px; position:absolute;}
.aboutf3 ul li div p{ font-size:16px; padding-bottom:6px; }




/*newsf1*/
.newswb{ background:#f7f7f7; overflow:hidden;}
.newsf1{ width:1200px; margin:0 auto; background:#FFF; margin-top:10PX; margin-bottom:20PX;}

.newsf1bt{ margin-left:10px; padding-top:20px; margin-bottom:20px;}
.newsf1bt a{ display:inline-block; width:140px; height:50px; line-height:50px; text-align:center;  font-size:16px;}
/*.newsf1bt a:first-child{ background:#1f7caf; color:#FFF;}*/

.newsf1div ul{ padding:5px 5px 20px 5px;}
.newsf1div ul li{ height:50px; list-style:50px; border-bottom: 1px dashed hsla(0,0%,60%,.15);}
.newsf1div ul li:hover{ background:#b2dfdb;}
.newsf1div ul li:hover a{font-size:16px;}
.newsf1div ul li:hover span{font-size:16px;}
.newsf1div ul li a{ height:50px; line-height:50px; padding-left:10px; font-size:15px;}
.newsf1div ul li span{ float:right; height:50px; line-height:50px; padding-right:10px; font-size:15px;}

.newsf1img ul{ padding:5px 5px 20px 5px;  overflow:hidden;}
.newsf1img ul li{ float:left;  width:24%; margin-left:0.5%; margin-right:0.5%; margin-bottom:20px;}
.newsf1img ul li img{ width:100%; display:block; height:286px;}
.newsf1img ul li p{ font-size:15px; padding:13px 10px; background:#f8f8f8; margin-top:5px;} 
.newsf1img ul li a:hover p{ background:#00a2e9;color:#FFF;}
/*分页*/
.showpage{text-align:center;padding-bottom:60px; padding-top:20px;}
.showpage a{display:inline-block;border:1px solid #d1d1d1;padding:5px 15px; height:20px; line-height:20px; color:#333;}

.showpage a:hover{ background:#005ba0;border:1px solid #005ba0; color:#FFF;}


/*服务流程*/
.lcbanner{width:100%; height: 401px; cursor: default; background-position: 50% 50%; background-repeat: no-repeat; overflow: hidden; display: block; outline: none; margin: 0px auto; position: relative; background-size: cover; background-image: url("../images/lcbanner.jpg");}

.lcf1{ width:1060px; margin:0 auto; overflow:hidden;}


.lcf1div{ position:relative;width:1060px; margin:0 auto;overflow:hidden; margin-top:40px;}
.lcf1div .lcf1divp{line-height:280%;  font-size:17px;}
.lcf1div img{position:absolute;right:0px; top:0px;}

.lcf2{ background:#f7f7f7; height:auto; margin-top:40px; padding-bottom:40px;}

.lcimg{ width:1060px; margin:0 auto; overflow:hidden;}
.lcimg h3{ margin-bottom:20px;}
.lcimg1{ float:left;}
.lcimg2{ float:right;}


/*lcf3*/

.lcf3{ width:1060px; margin:0 auto; overflow:hidden; margin-top:40px; padding-bottom:40px;}
.lcf3nr1{ float:left; width:462px;}
.lcf3nr2{ float:right; text-align:left; width:530px;}

.lcf3nr_bt{ font-size:16px; color: rgb(33, 97, 159); margin-bottom:30px;}

.lcf3nr1 img{ width:100%;}
.lcf3nr1 ul{ padding:5px 5px 20px 5px;}
.lcf3nr1 ul li{ height:50px; list-style:50px; border-bottom: 1px dashed hsla(0,0%,60%,.15);}
.lcf3nr1 ul li a{ height:50px; line-height:50px; padding-left:10px; font-size:15px;}
.lcf3nr1 ul li span{ float:right; height:50px; line-height:50px; padding-right:10px; font-size:15px;}


#wc_yuyue{}
#wc_yuyue .section { padding-bottom:20px;}
#wc_yuyue .section .section-name{ width:75px; text-align:right; display:inline-block; font-size:15px;}
#wc_yuyue .section input{border:1px solid #dadada; height:36px; line-height:36px; margin-right:10px;width: 410px; padding-left:5px;}

.btn-area button{ margin-left:80px;    color: #fff; background:rgb(142, 142, 142); border:0px; margin-top:10px;
    height: 44px;
    line-height: 44px;
   width: 200px;}


/*服务支持*/
.fwzcbanner{width:100%; height: 401px; cursor: default; background-position: 50% 50%; background-repeat: no-repeat; overflow: hidden; display: block; outline: none; margin: 0px auto; position: relative; background-size: cover; background-image: url("../images/fwzcbanner.jpg");}

.fwzcf1{ position:relative;width:1200px; margin:0 auto;overflow:hidden; margin-top:20px; border:1px solid #f5f5f5; }
.fwzcf1_left{ float:left; width:200px; background:#f5f5f5; min-height:600px;}
.fwzcf1_right{ float:right; text-align:left; width:1000px;}

.fwzcf1_left ul li{ width:100%; height:60px; line-height:60px; border-bottom:1px solid #FFF; text-align:center; font-size:16px; cursor:pointer;}
.fwzcf1_left ul li a{font-size:16px; }
.fwzcf1_left ul li.on{ background:#2b2b2b; height:80px; line-height:80px; color:#FFF;}


.fwzcf1_right_ul{ padding:15px;}
.fwzcf1_right_ul li{ height:50px; list-style:50px; border-bottom: 1px dashed hsla(0,0%,60%,.15);}
.fwzcf1_right_ul a{float:right;  height:50px; line-height:50px; padding-left:10px; font-size:15px;}
.fwzcf1_right_ul span{float:left;   height:50px; line-height:50px; padding-right:10px; font-size:15px;}
.fwzcf1_right_ul span:first-child{width:680px;}

.fwzcf1_right #wc_yuyue{ margin-top:40px;margin-left:80px;}

.input_div{height: 50px; width:83%; margin:0 auto;  margin-top:50px; position: relative;background-image: url(../images/bg4.png);background-repeat: no-repeat;background-position: 76px 0px;}
.font1{font-weight: bold;font-style: normal;font-size: 16px;color: #646161;height: 33px;line-height: 200%;display : block;position: absolute;left: 0px;top: 4px;z-index: 100;}
.cer-co:focus{outline:none;}
.cer-co:-webkit-autofill { 　-webkit-text-fill-color: #000 !important;　-webkit-text-fill-color: #ffffff;transition: background-color 5000s ease-in-out 0s; }
.cer_search{height: 44px;width: 96px;border-top-style: none;border-right-style: none;border-bottom-style: none;border-left-style: none;background-image: url(../images/bg4.png);background-repeat: no-repeat;background-position: 0px -53px;background-color: #FFFFFF;display: block;float: none;line-height: 40px;text-decoration: none;text-align: center;color: #FFF;position: absolute;top: 0px;right: 0px;z-index: 101;}
}
.cer-co_font{color: #C9C9C9;}
.cer-co{width: 70%;height: 38px;font-weight: 400;font-style: normal;font-size: 16px;text-decoration: none;vertical-align: middle;text-align: left;text-indent: 0px;margin-top: 2px;margin-left: 86px;border-width: 0;border-style: none;/*	background-image: url(../images/bg4.png);background-repeat: no-repeat;background-position: 80px 0px;*//* [disabled] */background-color: transparent;}
.cer-co:focus{outline:none;}
.cer-co:-webkit-autofill { 　-webkit-text-fill-color: #000 !important;　-webkit-text-fill-color: #ffffff;transition: background-color 5000s ease-in-out 0s; }
.cer_search_px{float:none;clear:both;margin-top: 10px;}
.mid{width:89%; margin:0 auto; line-height: 2px;background-color: #E3E3E3;height: 2px;clear: both;margin-top: 20px;}




/**/
.pag{width: 1050px; margin: 0 auto; overflow:hidden; padding:30px ;}
.pagTitle{ border-bottom:1px solid #f0efef; margin-bottom:20px;}
.pagTitle h3{ font-size:20px; line-height:80px; color:#00a2e9; font-weight:bold;}
.pagTitle div{ font-size:14px; margin-bottom:20px;}

.pagnr{ line-height:180%; padding-bottom:40px;}
.pagnr img{ max-width:100%;}