﻿/*font*/
.bold{font-weight:bold;}
.blue{color:#07c;}
.blue a, .blue a:hover, a.blue, a.blue :hover{color:#07c;}
.white{color:#fff;}
.white a, .white a:hover, a.white, a.white :hover{color:#fff;}
.red{color:#c00;}
.red a, .red a:hover, a.red, a.red :hover{color:#c00;}
.green{color:#690;}
.green a, .green a:hover, a.green, a.green :hover{color:#690;}
.orange{color:#f80;}
.orange a, .orange a:hover, a.orange, a.orange :hover{color:#f80;}
.onclick{transform:scale(1);transition:all 0.5s ease-in-out;-webkit-transition:all 0.5s ease-in-out;}
.onclick:hover{transform:scale(1.05);}
/*----- Body样式 -----*/
.wrap{background:#fff;}
/*----- banner样式 -----*/
.yx_banner{width:100%;min-width:1200px;height:580px;background:url(../images/yx_bg01.png) center bottom no-repeat;_margin-top:0;padding-top:80px;}
.seo_banner{width:100%;min-width:1200px;height:540px;background:url(../images/seo_banner.jpg) center top no-repeat;_margin-top:0;}
.sogou_banner{width:100%;min-width:1200px;height:700px;background:url(../images/sogou_banner.jpg) center top no-repeat;_margin-top:0;}
/*----- SEO专题页样式 -----*/
.seo_swiper{width:100%;min-width:1200px;overflow:hidden;}
.seoContainer{width:1200px;margin:0 auto;position:relative;}
.seoContainer img, .seoContainer a, .seoContainer div{position:absolute;}
.seoContainer .seo_mudi{width:1200px;top:170px;left:0px;position:absolute;}
.seo_mudi li{width:14%;_width:171px;margin:0;height:31px;line-height:31px;padding:50px 0;color:#ffffff;font-size:16px;background:url(../images/seo_libg.png) center 0 no-repeat;float:left;text-align:center;overflow:hidden;}
.seoContainer .seo_step{width:1200px;height:320px;top:130px;left:0px;position:absolute;}
.seo_step li{width:160px;padding:20px 40px; color:#ffffff;line-height:28px;float:left;overflow:hidden;}
.seo_step li p{padding:10px 0;}
.seo_step li .seoTitle1{font-size:34px;line-height:50px;padding-top:0;border-bottom:1px #fff solid;}
.seo_step li .seoTitle2{font-size:26px;line-height:50px;border-bottom:1px #fff solid;}
.seoContainer .seo_anli{width:1200px;top:140px;left:0px;position:absolute;}
.seo_anli li{width:280px;height:300px;border:-moz-box-shadow:0px 0px 8px rgba(0, 0, 0, 0.10);-webkit-box-shadow:0px 0px 8px rgba(0, 0, 0, 0.10);box-shadow:0px 0px 8px rgba(0, 0, 0, 0.10);overflow: hidden;margin:0 20px 30px 0;_margin:0 10px 30px 0;float:left;} .seo_anli li:nth-of-type(4), .seo_anli li:nth-of-type(8){margin-right:0;}
/*----- 营销型网站样式 -----*/
.yx_swiper{width:100%;min-width:1200px;overflow:hidden;}
.yxContainer{width:1200px;margin:0 auto;position:relative;}
.yxContainer img, .yxContainer a, .yxContainer div{position:absolute;}
.yxContainer .yx_3and1{width:1200px;top:290px;left:0px;position:absolute;}
.yx_3and1 li{width:340px;height:155px;padding:25px;margin:0 15px 15px 0;_margin:0 10px 15px 0;float:left;background-color: rgba(255, 255, 255, 1.00);_background-color:#ffffff;
*background-color:#ffffff;background-image:url(../images/yx_bg02.png);background-repeat:no-repeat;-moz-border-radius:10px;-webkit-border-radius:10px;border-radius:10px;overflow:hidden;}
.yx_3and1 li:hover{background-color: rgba(255, 255, 255, 0.95);}
.yx_3and1 li .yxTitle{font-size:18px;line-height:30px;}
.yx_3and1 li .yxTitle strong{font-size:24px;font-weight:bold;} .yx_3and1 li:nth-of-type(1){color:#54bf14;
background-position:285px 102px;} .yx_3and1 li:nth-of-type(2){color:#fb9a00;
background-position:-125px 102px;} .yx_3and1 li:nth-of-type(3){color:#de2828;
margin-right:0 !important;
background-position:-530px 102px;} .yx_3and1 li:nth-of-type(4){color:#8c4391;
background-position:285px -120px;} .yx_3and1 li:nth-of-type(5){color:#2c88d8;
background-position:-125px -120px;} .yx_3and1 li:nth-of-type(6){color:#11b3c2;
margin-right:0 !important;
background-position:-530px -120px;}
.yx_3and1 li .yxContent{font-size:14px;color:#666666;line-height:24px;margin-top:20px;}
.yxContainer .yx_maidian{width:1200px;height:350px;top:200px;left:0px;position:absolute;}
.yx_maidian li{width:260px;height:310px;padding:20px;float:left;}
.yx_maidian li .yxmPic{width:140px;margin:20px auto 30px auto;display:block;}
.yx_maidian li img{width:140px;height:140px;position: relative;transition:all 0.3s ease-in-out;-webkit-transition:all 0.3s ease-in-out;transform-origin:center center;}
.yx_maidian li:hover img{transform:rotate(360deg);}
.yx_maidian li .yxmTitle{font-size:24px;line-height:30px;text-align:center;color:#333333;}
.yx_maidian li .yxmContent{font-size:14px;color:#666666;line-height:24px;margin-top:10px;}
.yxContainer .yx_fuwu{width:1200px;height:280px;top:200px;left:0px;position:absolute;}
.yx_fuwu li{width:380px;height:280px;margin-right:25px;_margin-right:12px;-moz-border-radius:10px;-webkit-border-radius:10px;background-color: rgba(255, 255, 255, 1.00);_background-color: #ffffff;
*background-color: #ffffff;background-image:url(../images/yx_fw.png);background-repeat:no-repeat;border-radius:10px;float:left;}
.yx_fuwu li:hover{background-color: rgba(255, 255, 255, 0.95);} .yx_fuwu li:nth-of-type(1){background-position:0 0;} .yx_fuwu li:nth-of-type(2){background-position:0 -300px;} .yx_fuwu li:nth-of-type(3){background-position:0 -600px;
margin-right:0 !important;}
.yx_fuwu li .yxfTitle{font-size:24px;font-weight:bold;color:#fff;width:30px;text-align:center;padding:20px 35px;line-height:30px;float:left;display:block;}
.yx_fuwu li .yxfContent{font-size:16px;width:230px;float:right;padding-top:20px;display: block;color:#666666;line-height:46px;}
.yx_fuwu li .yxfContent strong{font-size:18px;color:#333333;font-style:italic;margin-right:10px;}
.yxContainer .yx_zixun{width:594px;height:400px;overflow:hidden;right:0px;bottom:0px;background:url(../images/yx_bg06.png) center top no-repeat;}
.yxContainer .yx_logo{width:1200px;top:200px;left:0px;position:absolute;}
.yx_logo li{width:192px;height:100px;padding:0 24px 40px 24px;float:left;}
.yx_logo li img{width:192px;height:100px;transition:all 0.5s ease-in-out;-webkit-transition:all 0.5s ease-in-out;}
.yx_logo li:hover img{transform:scale(1.2);}
