@charset "utf-8";
/* banner style */

.icon{ display: inline-block; background:url(../images/icon.png) no-repeat;  vertical-align: middle;}
.mainBox{width:1200px; margin:23px auto 0px auto;}
.container{width:1200px; margin:0px auto 0px auto;}
	.mainBox h1{font:bold 20px/30px 微软雅黑; color:#1D78D4; text-align:center; margin:20px 0 10px 0;}
	.itext{line-height:25px; text-align:center; color:#999; font-size:12px; font-weight:normal;}
	.info{font-size:14px; font-family:微软雅黑; line-height:1.8; padding:10px 20px; color:#333}
	.next{padding:10px 20px;}
	.next span{float:right;}
	


/*通用标题*/
.tit {padding:50px 0; text-align: center;}
.tit span{ display: inline-block; text-align: center; vertical-align: middle; font-size:30px; line-height: 1;}
.tit span.line_l,.tit span.line_r{ width:85px; height:7px; background:url(../images/line.png) no-repeat;}
.tit span.line_r{transform: rotate(180deg);}
.tit span.txt{ padding:0 20px;}

.seodiv{width:1200px; margin:0px auto; height:550px; position:relative;}
.seotit{ font-size:21px; color:#356aa0; font-weight:bold}
.seocon{ font-size:14px; line-height:36px;}
.seoimg{position:absolute; width:400px; top:50px; left:400px;}
.seoimg img{ width:400px;}

.wcb{ background:#e8e8e8;font-family: "微软雅黑", "宋体", Arial; }
.wcase{ width:1000px; margin:0 auto;color:#fff; padding:40px 0 0 0;}
.wcase ul{ margin:0 5px; text-align:center; }
.wcase ul li				{ width:150px; padding:10px; display:inline-block; text-align:center; }
.wcase ul li h1			{ font-size:16px; text-align:center; padding:5px 0;}
.wcase ul li p				{ color:#fff;}
.wcase ul li div{ margin:0 auto; background:#f2f2f2;padding:6px; border-radius:50%; width:130px; height:130px; opacity:0.9; }
.wcase ul li div img{ transition:all 0.2s ease-out 0s; border-radius:50%;}
.wcase ul li div img:hover{ transform: rotate(360deg) scale(1.02);}

.wcase .t{ text-align:center; color:#333;}
.wcase .t h2{ font-size:28px; }
.wcase .t p{ font-size:14px; padding-top:15px; color:#666; }
.wcase .more{ width:200px; display:block; border:1px solid rgba(255,255,255,0.9); margin:50px auto 0 auto; text-align:center; font-size:14px; line-height:30px; color:#fff; border-radius:15px; }

.wcase .s{ text-align:center; color:#f62e33; padding-bottom:50px; padding-top:30px; }
.wcase .s .ss{ display:inline-block; width:200px;}
.wcase .s .ssc{ border-left:1px solid #f62e33; border-right:1px solid #f62e33;}
.wcase .s .ss span{ font-size:50px; }

.about_pop_tab li.active a{color:#fff;}
.about_pop_tab li.active a i{background:url(img/aboutpop_tabico.png) 0 100% no-repeat; _background:none; _FILTER: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='images/aboutpop_tabicoie6.png')}
.about_pop_tab li a:hover{color:#fff;}
.about_pop_con{width:960px; position:relative; margin:0 auto;}
.width960 .about_pop_con{width:960px;}     /* add */
.width1200 .about_pop_con{width:1200px;}     /* add */
.about_pop_con li{display:none;}

.about_pop_con01{position:relative; width:100%;}
.about_pop_aboutlogo{position:absolute; top:5px; left:0;}
.about_pop_about{margin-left:330px; font-size:14px; line-height:27px; color:#666;}
.lianxiwomen{margin-left:330px; font-size:14px; line-height:27px; color:#666; float:left;}
.about_pop_about{margin-left:330px; font-size:14px; line-height:27px; color:#666;}
.about_pop_about h3{font-size:40px; font-size:20px; color:#333; font-weight:normal; margin-bottom:10px;}
.about_pop_con03 img{width:100%;}

.about_pop_job{width:23%; float:left; margin-right:2%; line-height:24px; color:#999;}
.about_pop_job h3{font-size:18px; margin-bottom:10px; color:#000; font-weight:normal;}
.about_pop_job p{padding:10px 0;}
.about_pop_client{margin-right:1px; margin-top:1px;}
.about_pop_client dd{width:19.8%; float:left; margin-left:-1px; margin-top:-1px; background:#ffffff; text-align:center; display:inline; border:1px solid #efefef}
.about_pop_client dd img{width:100%;}


/*400电话简介*/
.index_400_box{ width:1200px; margin:0px auto}
.index_400_box p{ line-height: 30px; font-size: 14px;}
.tablist{ float: left; width:285px; height:320px; padding-top:35px; background:url(../images/function_hd.jpg) no-repeat left top;}
.tablist h3{width:217px; margin-left:20px; margin-bottom: 23px; height:36px; padding-left:35px; line-height: 36px; border-radius: 20px; background:#fff; font-size:18px; color: #000; cursor: pointer;}
.index_400_box>.divcon{float: left; width:914px; height:340px;  border:1px solid #e9e9ea; border-left:none; padding-top:15px;}
.tabcon{ display:none;}
.tablist h3:hover{ color:#f53e32;}
.tablist h3.active{width:265px; color:#f53e32; border-top-right-radius: 0; border-bottom-right-radius: 0;}
.tabcon h4{margin-bottom:10px; font-size:18px; font-weight: bold;}
.index_400_txt{ line-height:36px; margin-left:35px; margin-bottom:12px;}
.tabcon h5{ font-size:14px;}
.index_400_box>.tabcon p{ color:#666; font-size:14px; line-height:24px;}
.tabcon a{ display:inline-block; margin-top:10px; padding:0px 16px; font-size:14px;  border-radius: 25px; text-align: center;  color:#f5232f;border:1px solid #f5232f;}
.gongneng { margin-left:35px;}
.tabcon h5{ margin-bottom:10px;}
.gongneng .gnlist{ height:136px;}
.gongneng .gnlist h3{ display: inline-block; padding:5px 12px; position:relative; margin-right:10px; border:1px solid #f5232f; border-radius: 2px; color:#f5232f;}
.cur1{ display:block;}
table {
	border-collapse: collapse;
	border: 0;
}
.gongneng .gnlist h3:hover, .gongneng .gnlist h3.active{background-image: -moz-linear-gradient( 0deg, rgb(245,34,47) 0%, rgb(254,75,47) 100%);
  background-image: -webkit-linear-gradient( 0deg, rgb(245,34,47) 0%, rgb(254,75,47) 100%);
  background-image: -ms-linear-gradient( 0deg, rgb(245,34,47) 0%, rgb(254,75,47) 100%); color:#fff; box-shadow: 2px 2px 4px #fa959b;}
.gnlist .gntips{ display:none; position:absolute; top:-314px; left:0px; width:240px; height:260px; background:#fff; color:#666; font-size:14px; border:1px solid #f5242f; -webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.075), 0 0 8px rgba(245, 36, 47, .6);
          box-shadow: inset 0 1px 1px rgba(0,0,0,.075), 0 0 8px rgba(245, 36, 47, .6); padding:15px;}
.gnlist .gntips:after{position:absolute;
        top:290px;
        left:50px;
        content:" "; 
		width:21px;
		height:23px;
        background:url(../images/jiantou.png) no-repeat;}
.gnlist h3:hover .gntips{ display:block;}
.gntips span{ font-weight:bold; display:block; padding-bottom:10px;}
/*新号码开通流程*/
.i_step_box{ position:relative; height:280px; width:1200px; margin:15px auto 0px auto; border-top:2px solid #e8e8e8;}
.i_step_box p{ position: absolute; font-size:16px; text-align:center; width:200px;}
.i_step_box p .circle{width: 24px;height: 24px;background: url(../images/lc.png) no-repeat center;background-size:contain;display: block;margin:0 auto;box-shadow:0 3px 8px rgba(229,11,30,.14);border-radius:50%;}
.i_step_box p:hover .circle{background: url(../images/lchov.png) no-repeat center;}
.i_step_box p:nth-of-type(1){ left:100px; top:-15px;}
.i_step_box p:nth-of-type(2){ left:300px; top:-15px;}
.i_step_box p:nth-of-type(3){ left:500px; top:-15px;}
.i_step_box p:nth-of-type(4){ left:700px; top:-15px;}
.i_step_box p:nth-of-type(5){ left:900px; top:-15px;}
.i_step_box p b{ font-weight:bold; font-size:21px;}
.f_number {width:1201px; margin:30px auto 0px auto;}
.f_number h3{ text-align:center; font-size:24px; font-weight:bold}
.f_number p{ font-size:14px; padding:15px 0px; text-align:center; }
.tlist li{ height:48px; background:#f1f1f1; font-size:14px; line-height:48px;padding-left:10px; margin:0px; display:inline-block; width:287px;}
.tlist .cur{ background:#f5232f; color:#fff;}
.tlist .cur a{ color:#fff;}
.tcon .cur1{ display:none;} 
.tcon .show{ display:block;} 
.tcon li{ width:199px; text-align:center; display:inline-block; line-height:30px; padding:10px 0px; font-size:14px; border-right:1px solid #e8e8e8;border-bottom:1px solid #e8e8e8;}
.youshi{ width:1200px; margin:0px auto}
.youshi dl{ float: left; width:276px; height:330px; margin-right:22px; border:1px solid #ebebeb;background:#f6f7fa;}
.youshi dt{ height:130px; padding-top:20px; background:#fff; border-bottom:1px solid #ebebeb; font-size:16px; font-weight: bold; color:#000; text-align:center }
.youshi dt i{ font-size:48px; display:block; margin-bottom:15px;}
.youshi dd{ padding-top:40px; font-size:14px;text-align:center ;line-height:36px;}
.youshi dl:hover{  -webkit-box-shadow: inset 0 2px 2px rgba(0,0,0,.075), 0 0 8px rgba(245, 36, 47, .6);
          box-shadow: inset 0 2px 2px rgba(0,0,0,.075), 0 0 8px rgba(245, 36, 47, .6); border:1px solid #f5242f;}
.youshi dl:hover dt{background-image: -moz-linear-gradient( 0deg, rgb(253,72,47) 0%, rgb(245,41,52) 100%);
  background-image: -webkit-linear-gradient( 0deg, rgb(253,72,47) 0%, rgb(245,41,52) 100%);
  background-image: -ms-linear-gradient( 0deg, rgb(253,72,47) 0%, rgb(245,41,52) 100%); color:#fff;}
.youshi dl:hover i{ background-image:url(../images/icon_hover.png);}

.clearfix { clear:both;}