/* banner */
.yw-banner{ width:100%; height:540px; background:url(../images/banner.jpg) no-repeat center top;}

/* 前狼后虎，“江湖”望而生畏！ */
.yw-tit{ font-size:50px;}
.yw-tit span{ color:#2d77e2;}

.yw-cont1 .yw-tit{ padding:45px 0 70px;}
.yw-cont1 .bg{ width:100%; height:577px; background:url(../images/cont1_pic.jpg) no-repeat; position:relative;}
.yw-cont1 .bg:before{ content:""; position:absolute; left:50%; top:-23px; margin-left:-20px; width:40px; height:23px; background:url(../images/cont1_tArrow.png) no-repeat;}
#tag-cloud{ width:1200px; height:577px; margin:0 auto;}
/* 初涉“江湖”，问题大致如此！ */
.yw-cont2{ background:#fff; padding:60px 0 55px;}
.yw-cont2 .cont-box{ margin-top:60px;}
.yw-cont2 .cont-box ul{ overflow:hidden; margin-right:-20px;}
.yw-cont2 .cont-box li{ float:left; width:590px; height:200px; background:#f5f7f9; margin-right:20px; margin-bottom:20px; padding:30px 30px 0;}
.yw-cont2 .cont-box li:hover{ box-shadow:0 4px 10px #d6d6d6;}
.yw-cont2 .cont-box h3{ font-size:20px; color:#185ab9; line-height:30px; border-left:5px solid #2d77e2;}
.yw-cont2 .cont-box p{ font-size:14px; line-height:22px;}
.yw-cont2 .cont-box p span{ font-family:"宋体";}

/* 既已身在“江湖”,只为遇见你！ */
.yw-cont3{ background:#f5f7f9; padding-top:55px;}
.yw-cont3 .stit span{ display:inline-block; width:320px; height:70px; line-height:70px; text-align:center; background:#5894ed; font-size:40px; color:#fff; border-left:8px solid #2f77e3; border-right:8px solid #2f77e3;}
.yw-cont3 .list-box ul{ overflow:hidden; margin-right:-20px;}
.yw-cont3 .list-box li{ float:left; width:285px; margin:50px 20px 40px 0; text-align:center;}
.yw-cont3 .list-box .wz{ background:#eaf0f9; color:#1d1d3c; padding:14px 0;}
.yw-cont3 .list-box .wz h4{ font-size:20px;}
.yw-cont3 .list-box .wz p{ font-size:16px;}
.yw-cont3 .list-box .wz p b{ color:#2068ce;}
.yw-cont3 .list-box .link{ display:block; background:#4d5e78; height:50px; line-height:50px; font-size:20px; color:#fff; -o-transition:all 0.2s ease-in-out;-webkit-transition:all 0.2s ease-in-out;-moz-transition:all 0.2s ease-in-out; transition:all 0.2s ease-in-out;}
.yw-cont3 .list-box .link:hover{ background:#2f77e3;}
.yw-cont3 .list-box .link .ico{ display:inline-block; width:10px; height:18px; background:url(../images/r_arrow.png) no-repeat; margin-left:10px; vertical-align:middle; margin-bottom:3px;}
.yw-cont3 .list-box-as{ margin-left:40px; margin-right:39px;}
.yw-cont3 .list-box-as ul{ margin-right:-133px;}
.yw-cont3 .list-box-as li{ margin-right:133px;}
.yw-cont3 .bot-bg{ width:100%; height:160px; background:url(../images/cont3_bg.png) repeat; position:relative; margin-top:24px;}
.yw-cont3 .bot-bg:before{ content:""; position:absolute; left:50%; top:-24px; margin-left:-20px; width:40px; height:24px; background:url(../images/cont3_tArrow.png) no-repeat;}
.yw-cont3 .bot-bg .pagewd{ height:160px; position:relative;}
.yw-cont3 .bot-bg .link{ display:inline-block; font-size:36px; color:#fff;}
.yw-cont3 .bot-bg .link:hover{ text-decoration:underline;}
.yw-cont3 .bot-bg p{ font-size:20px; color:#fff;}
.yw-cont3 .bot-bg .btn{ position:absolute; right:0; top:50px; display:inline-block; background:#56d07d; width:160px; height:60px; line-height:60px; text-align:center; font-size:24px; color:#fff; border-radius:4px;}

/* 因为专业，所以不怕“挨刀”！ */
.yw-cont4 .bg{ width:100%; height:600px; background:url(../images/cont4_bg.jpg) no-repeat; position:relative;}
.yw-cont4 .bg:before{ content:""; position:absolute; left:50%; top:-24px; margin-left:-20px; width:40px; height:24px; background:url(../images/cont4_tArrow.png) no-repeat;}
.yw-cont4 .tab-box{ padding:60px 350px 40px;}
.yw-cont4 .tab-box li{ float:left; width:240px; height:60px; line-height:60px; text-align:center; border-radius:8px; font-size:24px; color:#fff; background-color:rgba(255,255,255,0.2); filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#33ffffff,endColorstr=#33ffffff);}
.yw-cont4 .tab-box li.on{ background-color:#2f77e3;}
.yw-cont4 .nr-box{ margin:0 40px;}
.yw-cont4 .nr-box .box ul{ overflow:hidden; margin-right:-50px;}
.yw-cont4 .nr-box .box li{ float:left; width:340px; height:380px; text-align:center; border-radius:8px; background-color:rgba(255,255,255,0.1); filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#1Affffff,endColorstr=#1Affffff); margin-right:50px; -o-transition:all 0.2s ease-in-out;-webkit-transition:all 0.2s ease-in-out;-moz-transition:all 0.2s ease-in-out; transition:all 0.2s ease-in-out;}
.yw-cont4 .nr-box .box .img{ width:150px; height:150px; line-height:150px; border-radius:100%; margin:50px auto 30px; background-color:rgba(0,0,0,0.2); filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#33000000,endColorstr=#33000000);}
.yw-cont4 .nr-box .box p{ font-size:20px; color:#fff; line-height:32px;}
.yw-cont4 .nr-box .box li:hover{ background-color:rgba(0,0,0,0.2); filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#33000000,endColorstr=#33000000);}

/* 我要了解更多 */
.yw-cont5{ width:100%; height:609px; background:url(../images/cont5_bg.jpg) no-repeat;}
.yw-cont5 .form-box .list{ width:600px; background:#fff; border-radius:6px; overflow:hidden; margin:0 auto 10px;}
.yw-cont5 .form-box .input{ height:50px; line-height:50px;}
.yw-cont5 .form-box .tArea{ height:140px;}
.yw-cont5 .form-box input,.yw-cont5 .form-box textarea{ width:100%; border:0 none; background:#fff; outline:none; font-size:20px; vertical-align:middle;}
.yw-cont5 .form-box .txt{ padding:0 20px;}
.yw-cont5 .form-box textarea{ height:140px; resize:none; padding:15px 20px;}
.yw-cont5 .form-box .btn{ width:300px; height:50px; line-height:50px; background:#2f77e3; border-radius:40px; color:#fff; box-shadow:0 4px 15px #2f77e3;}

/* 他们已经选择江湖CMS */
.yw-cont6{ width:100%; height:240px; background:url(../images/cont6_bg.jpg) no-repeat;}
.yw-cont6 h1{ font-size:40px; color:#fff; padding:45px 0 33px;}
.yw-cont6 .txtScroll-top{ border-top:1px solid #fff; border-bottom:1px solid #fff; overflow:hidden;}
.yw-cont6 .txtScroll-top .bd{ width:840px; margin:0 auto;}
.yw-cont6 .txtScroll-top li{ height:60px; line-height:60px; font-size:24px; color:#fff;}
.yw-cont6 .txtScroll-top .ico{ display:inline-block; width:12px; height:12px; background:#4dd06c; vertical-align:middle; margin-right:20px;}
.yw-cont6 .txtScroll-top p{ float:left; width:280px;}

/* 已合作商家 */
.yw-cont7{ background:#f5f7f9; padding:50px 0 90px;}
.yw-cont7 .cont-box{ margin-bottom:60px;}
.yw-cont7 .cont-box ul{ overflow:hidden; margin-right:-20px;}
.yw-cont7 .cont-box li{ float:left; width:285px; height:120px; line-height:120px; text-align:center; background:#fff; border-radius:6px; margin-bottom:20px; margin-right:20px; -o-transition:all 0.2s ease-in-out;-webkit-transition:all 0.2s ease-in-out;-moz-transition:all 0.2s ease-in-out; transition:all 0.2s ease-in-out;}
.yw-cont7 .cont-box li:hover{ box-shadow:0 4px 15px #d6d6d6;}
.yw-cont7 .btn{ display:inline-block; background:#2f77e3; width:300px; height:90px; line-height:70px; text-align:center; border:10px solid #92b7ee; border-radius:50px; font-size:30px; color:#fff;}