@charset "utf-8";

/*优客宝介绍*/

/*标题*/
.w_tit{text-align:center; font-size:28px; text-align:center; color:#000; font-weight:400;}

.t-con{position:relative; top:-20px; background:#fff; box-shadow:0 0 10px #999; z-index:99;}
.t-con-box{float:left; width:48%; margin:0 1%; height:80px; line-height:80px; text-align:center;  padding:20px 0;}
.t-con-box p{display:inline; font-size:24px; padding-left:10px;}
.t-con-box img{vertical-align: middle; width:80px; height:80px;}

.feu-con .quest{margin-top:60px;}
.quest .left{width:49%;}
.quest .left img{display:block; width:100%; height:200px;}
.quest .y-lsit{width:49%;}
.quest .y-lsit li,.quest .left .last{width:100%; background:#f8f8f8; box-shadow:0 0 10px #ddd; height:80px; line-height:80px; font-size:18px; margin-bottom:20px; }
.quest .y-lsit li b,.quest .left .last b{font-size:30px; color:#192F44; padding:0 10px 0 30px;}
.quest .y-lsit li:hover,.quest .left .last:hover{background:#6A94FA; color:#fff;}
.quest .y-lsit li:hover b,.quest .left .last:hover b{color:#fff;}
.feu-con  .xm-q{margin:60px auto 0; width:60%; background:#F77A3C; border-radius:30px;}
.feu-con  .xm-q p{color:#fff; font-size:24px; font-weight:bold; text-align:center; line-height:52px;}

.wt-con{width:100%; height:420px; background:url(../images/seo-bg.jpg) no-repeat center; margin-bottom:220px;}
.wt-con .container{position:relative;}
.wt-con .w_tit{padding-top:60px;}
.wt-con .w-js{position:absolute; width:1200px; padding:30px 0; top:160px; left:0; background:#fff; border:1px solid #ddd;}
.wt-con .w-js .pt00{float:left; width:420px; margin-left:40px; margin-top:80px;}
.wt-con .w-js .pt00 h4{color:#F77A3C; font-size:24px; line-height:40px;}
.wt-con .w-js .pt00 p{color:#666; line-height:40px; margin-top:40px;}
.wt-con .w-js .mg00{float:right; width:608px; margin-right:40px;}


.w-youshi{width:100%; background:url(../images/youshi-bg.jpg) no-repeat center; padding-top:60px;}
.ys-bg{width:100%; height:600px; background:url(../images/y-adv.png) no-repeat center;}

.f-gem{width:100%; padding-top:60px; background:#fafafa; position:relative; z-index:0; margin-bottom:140px;}
.f-gem .fg01{margin-top:40px; position:relative; z-index:2;}
.f-gem .fg01 ul{position:absolute; top:0; left:0;  background:#fff; box-shadow:0 0 10px #ddd; z-index:3;}
.f-gem .fg01 li{float:left; width:300px;}
.f-gem .fg01 li h4{background:#6A94FA; color:#fff; font-size:20px; padding:10px 0; text-align:center; line-height:35px;}
.f-gem .fg01 li .con{border-right:1px solid #ddd; height:150px; padding-top:20px; text-align:center;}
.f-gem .fg01 li .con p{width:80%; margin:auto; font-size:15px; line-height:30px;}
.f-gem .fg02{width:100%; background:url(../images/gm-bg.jpg) no-repeat center; height:800px; position:relative; z-index:1; top:140px;}
.f-gem .fg02 .container{padding-top:140px;}
.f-gem .fg02 .tit{font-size:26px; color:#eee; width:200px; border-bottom:2px solid #fff; text-align:center; line-height:40px; padding-bottom:10px;
	margin:20px auto 60px;}
.f-gem .fg02 ul li{float:left; width:538px; height:100px; padding:10px 0; border:1px solid #fff; margin:0 30px 40px;}
.f-gem .fg02 li img{float:left; width:80px; height:80px; margin:10px 0 0 50px;}
.f-gem .fg02 li .wen{float:left; width:340px; margin-left:50px; color:#fff; }
.f-gem .fg02 li .wen p{font-size:16px; line-height:30px; margin-top:20px;}
.f-gem .fg02 .ted{margin:60px auto 0; width:60%; background:transparent; border-radius:30px; border:2px solid #fff;}
.f-gem .fg02 .ted p{color:#fff; font-size:24px; font-weight:bold; text-align:center; line-height:52px;}

.case-con{width:100%; padding:60px 0 100px; background:#fafafa;}
.case-con .c-list{background:#fff; box-shadow:0 0 10px #ddd; margin-top:40px; padding:40px 0;}
.case-con .c-list li{float:left; width:33%; height:42px; line-height:42px; margin:30px auto; text-align:center;}
.case-con .c-list li span{display:block; background:#6A94FA; width:180px; color:#fff; height:42px; border-radius:15px; margin:auto; 
	box-shadow:0 0 10px #ddd; position:relative;}
.c-tab .tab-box{width:100%;}
.c-tab .tab-box th{color:#666; font-weight:normal; width:25%;}
.c-tab .tab-box .tab-al{width:90%; margin:auto; background:#fff;}
.tab-al td{text-align:center; border:1px solid #eee; height:40px; font-size:15px; line-height:40px; vertical-align: middle;}
.tab-al .name{color:#6A94FA; font-size:18px; font-weight:600;}

.last-con{margin-bottom:100px;}
.last-con .buz{margin-top:40px;}
.last-con .prc{margin:40px auto; font-size:22px; color:#F77A3C; text-align:center;}
.last-con table{width:100%; border:1px solid #ddd; border-right:none;margin:auto; text-align:center; vertical-align: middle;}
.last-con table th{border-bottom:1px solid #ddd; border-right:1px solid #ddd; font-size:20px; color:#F77A3C; height:46px;}
.last-con table td{border-right:1px solid #ddd; height:38px; font-size:16px; padding:10px 0;}
.last-con .more{margin:60px auto 0; width:60%; background:#F77A3C; border-radius:30px;}
.last-con .more a{display:block; color:#fff; font-size:24px; font-weight:bold; text-align:center; line-height:52px;}


/*云推广*/

/*标题*/
.y_tit{text-shadow:0px 5px 1px #ccc;}
.y_tit h3{font-size:28px; font-weight:normal; line-height:38px; letter-spacing:4px; margin-bottom:10px;}
.y_tit h3 b{font-weight:400; color:#0B5DAF;}
.y_tit p{font-size:20px;}

.xm-box{padding:80px 0;}
.xm-box .wenzi{width:660px;}
.xm-box .wenzi .text{margin-top:30px;}
.xm-box .wenzi .text p{font-size:16px; line-height:32px; color:#5a5a5a;}
.xm-box .pic{width:500px;}
.xm-box .pic img{display:block; margin:auto;}

.kunh{width:100%; background:#F0F3F7;}
.kunh .xm-box .pic{width:620px;}
.kunh .xm-box .pic img{display:block; margin-right:0px;}
.kunh .xm-box .wenzi{width:480px;}
.kunh .kh-list{margin-left:30px;}
.kunh .kh-list li{font-size:18px; line-height:40px; margin-bottom:10px; background:url(../images/kh-ico.png) no-repeat left center; padding-left:46px;}

.sms{width:100%; height:500px; padding:80px 0; background:url(../images/sms-bg.jpg) no-repeat fixed 0px 0px; }
.sms .y_tit{color:#fff; text-shadow:0px 5px 1px #333; text-align:center;}
.sms .conts{margin-top:40px; color:#eee;}
.sms .conts p{font-size:20px; line-height:50px; text-align:center; letter-spacing:3px;}
.sms .td-list{margin-top:50px;}
.sms .td-list li{float:left; width:300px;}
.sms .td-list li span{display:block; width:100px; height:100px; line-height:100px; text-align:center; color:#0B5DAF; font-size:24px; margin:auto;
	background:rgba(255,255,255,.5); border:2px solid #fff; border-radius:999px; box-shadow:0 0 10px #999; font-weight:600;}

.xm-box .ys-list li{font-size:18px; line-height:30px; margin-bottom:20px;}
.xm-box .ys-list li img{width:45px; height:45px; vertical-align: middle; margin-right:20px;}
.xm-box .ys-list li span{display:inline-block; width:560px;}

.ytg-al{width:100%; padding:80px 0; background:#edecf4;}
.ytg-al .y_tit{text-align:center;}
.ytg-al .anli{margin-top:60px;}

.pk_box .y_tit{text-align:center;}
.pk_box table{width:660px;}
.pk_box table th{background:#334353; height:40px; line-height:40px; color:#fff; font-weight:normal; border-right:1px solid #fff;}
.pk_box table td{background:#CDCFD1; border-right:1px solid #fff; vertical-align: top; padding:20px 0;}
.pk_box table td p{width:140px; margin:auto; font-size:16px; line-height:36px;}
.pk_box .xm-box .pic img{width:400px; height:auto; margin-right:0;}

.lc-hez li{font-size:18px; line-height:40px; position:relative; margin-bottom:40px;}
.lc-hez li i{display:block; width:25px; height:40px; background:url(../images/jt-b.png) no-repeat center; position:absolute; top:40px; left:150px;}

.Fy-yun .y_tit{text-align:center;}
.Fy-yun .wbk{margin-top:60px;}
.Fy-yun .wbk .bk00{float:left; width:300px; background:#fefefe; padding:20px; border-radius:10px; box-shadow:0 0 10px #ccc;}
.wbk .bk00 h4{font-size:22px; color:#0B5DAF; text-align:center; height:40px; line-height:40px;}
.wbk .bk00 p{width:90%; margin:auto; font-size:16px; line-height:32px;}
.wbk .bk00 p b{font-weight:400; color:#f62840;}
.Fy-yun .wbk .mg{float:left; margin-left:10px;}