@charset "gb2312";
/* CSS Document */
.contentWrap {
background: #fff;
border: 1px solid #E0E0E0;
padding: 25px;
}

.contentWrap .content {
color: #777;
line-height: 27px;
min-height: 500px;
overflow: hidden;
width: 1200px; margin:auto
}
.clearfix {
}
.solutionsBanner{background: url(../images/solutionsbanner.jpg) no-repeat 50% 0;}
.topBanner{color: #FFF;height: 260px;line-height: 260px;text-align: center;font-size: 14px;}

.backWrap {
width: 100%;
height: 260px;
background: #fff url(../images/T1NaljXhNiXXXXXXXX.png) center top no-repeat;
position: absolute;
top: 97px;
left: 0;
opacity: .5;
transition: all 1.2s ease-in-out;
-moz-transition: all 1.2s ease-in-out;
-webkit-transition: all 1.2s ease-in-out;
-o-transition: all 1.2s ease-in-out;
min-width: 1190px;
}
.topBanner{height:300px;text-align:center;position:relative; border-top:2px solid #ff6600;}
.topBanner.actived .dream-title{opacity:0;filter:alpha(opacity=0);}
.topBanner.actived .dream-title .color{margin:0 10px;}
.topBanner.actived .dream-subtitle{filter:alpha(opacity=0);opacity:0;}
.topBanner.actived.fontshow .font-content{opacity:1;filter:alpha(opacity=100);}
.topBanner.actived.fontshow .font-content .font-item1{top:-20px;}
.topBanner.actived.fontshow .font-content .font-item2{top:20px;}
.topBanner.actived.fontshow .font-content .font-item3{top:-20px;}
.topBanner.actived.fontshow .font-content .font-item4{top:20px;}
.topBanner.actived.fontshow.final{cursor:pointer;}
.topBanner.actived.fontshow.final .font-content .font-item{filter:alpha(opacity=100);top:0;}
.topBanner.actived.fontshow.final .font-content .font-item .font-light{opacity:1;filter:alpha(opacity=100);}
.topBanner.ie .font-content{display:none;filter:none;}
.topBanner.ie.final{cursor:pointer;}
.topBanner.ie.final .dream-subtitle,.topBanner.ie.final .dream-title{display:none;}
.topBanner.ie.final .font-content{display:block;opacity:1;}
.topBanner.ie.final .font-content .font-item{top:0;}
.topBanner.ie.final .font-content .font-item .font-light{opacity:1;}
.topBanner.ie.final .font-content .font-item1,.topBanner.ie.final .font-content .font-item2,.topBanner.ie.final .font-content .font-item3,.topBanner.ie.final .font-content .font-item4{top:0;}
.topBanner.top-animate-fast .top-animate{transition:all .4s ease-in-out;-moz-transition:all .4s ease-in-out;-webkit-transition:all .4s ease-in-out;-o-transition:all .4s ease-in-out;}
.topBanner .top-animate{transition:all .7s ease-in-out;-moz-transition:all .7s ease-in-out;-webkit-transition:all .7s ease-in-out;-o-transition:all .7s ease-in-out;}
.topBanner .font-content{opacity:0;position:absolute;left:50%;top:0;margin-left:-595px;height:100%;text-align:left;width:1190px;}
.topBanner .font-content .font-item{width:250px;float:left;position:relative;}
.topBanner .font-content .font-item .font-main{color:#333;font-size:24px;line-height:24px;margin-bottom:20px;}
.topBanner .font-content .font-item .font-light{opacity:0;color:#666;font-size:16px;line-height:16px;margin-bottom:20px;}
.topBanner .font-content .font-item1{margin-left:130px;margin-top:100px;top:-90px;}
.topBanner .font-content .font-item2{margin-top:100px;top:150px;}
.topBanner .font-content .font-item3{margin-top:100px;top:-90px;}
.topBanner .font-content .font-item4{margin-top:100px;top:150px;}
.topBanner .dream-title{margin-top:90px;text-align:center;font-size:50px;line-height:50px;display:inline-block;letter-spacing:0;}
.topBanner .dream-title .color0{float:left;color:#e91e63;}
.topBanner .dream-title .color1{float:left;color:#9c27b0;}
.topBanner .dream-title .color2{float:left;color:#673ab7;}
.topBanner .dream-title .color3{float:left;color:#3f51b5;}
.topBanner .dream-title .color4{float:left;color:#5677fc;}
.topBanner .dream-title .color5{float:left;color:#02d8db;}
.topBanner .dream-title .color6{float:left;color:#03a9f4;}
.topBanner .dream-title .color7{float:left;color:#02bbdb;}
.topBanner .dream-title .color8{float:left;color:#02abdb;}
.topBanner .dream-title .colorNone{opacity:0;filter:alpha(opacity=0);}
.topBanner .dream-subtitle{transition:all .4s ease;-moz-transition:all .4s ease;-webkit-transition:all .4s ease;-o-transition:all .4s ease;display:block;font-size:30px;color:#212121;line-height:30px;margin-top:50px;}





/*解决方案*/
.solutionPage{padding: 25px 0;}
.solutionIndex{padding: 0;}
.solutionIndex .content{width: 1198px;}
.solutionIndex li{color: #FFF;display: inline;float: left;height: 302px;width: 302px;}
.solutionIndex li a{color: #FFF;display: block;height: 100%;width: 100%;}
.solutionIndex li.banner{background: url(../images/servicebg.gif) no-repeat 50% 0;width: 604px;text-align: center;text-shadow: 0 10px 10px #000;}
.solutionIndex li.banner h2{font-size: 42px;padding: 120px 0 20px;}
.solutionIndex li.banner p{font-family: Arial;font-size: 22px;}
.solutionIndex li.b2b{background: url(../images/solutioico1.png) no-repeat 50% 40px #F0930E;opacity: 0.75;}
.solutionIndex li.b2c{background: url(../images/solutioico2.png) no-repeat 50% 40px #FF669A;opacity: 0.75;}
.solutionIndex li.b2b2c{background: url(../images/solutioico3.png) no-repeat 50% 40px #19B0FF;opacity: 0.75;}
.solutionIndex li.other{background: url(../images/solutioico4.png) no-repeat 50% 170px #84BB19;float: right;height: 604px;opacity: 0.75;width: 292px;}
.solutionIndex li.oto{background: url(../images/solutioico5.png) no-repeat 50% 50px #333;opacity: 0.75;}
.solutionIndex li .box{padding: 155px 15px 0;text-align: center;}
.solutionIndex li .box h2{font-family: Arial;font-size: 40px;font-weight: bold;padding-bottom: 20px;text-shadow: 5px 5px 5px #000;}
.solutionIndex li .box p{font-size: 18px;line-height: 27px;}
.solutionIndex li.other .box{padding-top: 285px;}
.solutionIndex li:hover{opacity: 1;}

/*第二个方案*/
.str_banner{ width:100%; height:330px; }
.str_main{ background:#eff0f1; padding:50px 0;}
.str_main .tit{ text-align:center; color:#333333; font-size:30px; line-height:30px; padding:0 0 50px 0}
.str_main .tit span{ display:block; color:#999; font-size:16px; line-height:14px; padding-top:15px;}
.str_main ul{ width:1250px;}
.str_main li{    position: relative; float:left; width:580px;margin:0 40px 35px 0;  transition: 0.5s; -webkit-transition: 0.5s; -moz-transition: 0.5s;}
.str_main li .text{position: absolute;
    top: 27px;
    left: 36px;
    line-height: 44px;
    font-size: 22px;
    color: #fff;
    width: 521px;}
.str_main li img{ width:580px; height:300px;}
.str_main li .li_m{ width:100%; height:100px; background:#f9f9f9;}
.str_main li .li_m .fl{ margin:24px 0 0 20px;}
.str_main li .li_m .fl p,.str_main li .li_m .fl div b{ font-size:30px; line-height:30px; color:#ff6800;}
.str_main li .li_m .fl div b{ float:left; margin-top:3px;}
.str_main li .li_m .fl p i,.str_main li .li_m .fl div i{ color:#108df2; font-size:13px; margin-left:10px;}
.str_main li .li_m .fl div i{ line-height:18px;}
.str_main li .li_m .fl span{ font-size:14px; color:#999; display:block}
.str_main li .li_m .fr{ width:162px; height:100px; border-left:1px solid #eff0f1; background:f9f9f9; color:#666; }
.str_main li .li_m .fr p{ line-height:100px; font-size:18px; background:url(../images/51cy_str_7.png) no-repeat; background-position:113px 40px; padding-left:33px;}
.str_main li.on{-webkit-box-shadow:0 0 20px rgba(0, 0, 0, .4);  -moz-box-shadow:0 0 20px rgba(0, 0, 0, .4);   box-shadow:0 0 20px rgba(0, 0, 0, .4);}
.str_main li.on .li_m .fr{ background:#ff6800; color:#fff;}
.str_main li.on .li_m .fr p{ background-position:113px -63px;}


/*谘询*/


.agen_main_s.w-1200{ margin:-200px auto 55px auto;}
.agen_main_f.w-1200{ margin-bottom:65px;}
.agen_main_f{ border:1px solid #d2d2d2; min-height:500px;background:#fff;}
.agen_main_f_l{ width:868px; border-right:1px solid #d2d2d2;}
.agen_main_f .p1{ text-align: center; color:#666666; font-size:14px; line-height:24px; background:url(../images/agen_3.png) no-repeat; background-position:285px 0; padding-top:95px; margin:35px 0 25px 0;}
.agen_main_f_l .inp{ color:#666; font-size:14px; margin: 0 0 10px 15px; float:left; width:305px;}
.agen_main_f_l .inp p{ float:left; width:120px; text-align:right; margin-right:5px; line-height:32px;}
.agen_main_f_l .inp p span{ color:#f76e00; margin-right:3px;}
.agen_main_f_l .inp .inp_o{ float:left; width:168px; height:30px; line-height:30px; padding:0 5px; border:1px solid #d1d1d1; color:#666666; font-size:14px; -moz-border-radius: 2px; -webkit-border-radius: 2px;  border-radius:2px;}
.agen_main_f_l .inp .inp_t{ float:left; line-height:32px; margin-right:20px;}
.agen_main_f_l .inp .inp_t input{ vertical-align:-2px; margin-right:5px;}
.agen_main_f_l .inp .inp_s{float:left; width:86px; height:30px; line-height:30px; padding:0 5px; border:1px solid #d1d1d1; color:#666666; font-size:14px; -moz-border-radius: 2px; -webkit-border-radius: 2px;  border-radius:2px; outline:none;}
.agen_main_f_l .inp.inpt{ width:inherit;}
.agen_main_f_l .inp.inpt textarea{ padding:5px; width:488px; height:110px; border:1px solid #d1d1d1; color:#aaaaaa; font-size:14px; line-height:24px; outline:none; -moz-border-radius: 2px; -webkit-border-radius: 2px;  border-radius:2px;}
.agen_main_f_l .but a{ width:123px; height:40px; line-height:40px; color:#fff; font-size:16px; text-align:center; background:#f76e00; -moz-border-radius: 3px; -webkit-border-radius: 3px;  border-radius:3px; display:block; margin:5px 0 40px 140px;}
.agen_main_f_l .but a:hover{filter:alpha(opacity=90); /*IE滤镜，透明度50%*/ -moz-opacity:0.9; opacity:0.9;}
.agen_main_f_r{ width:331px;}
.agen_main_f .agen_main_f_r .p1{ background-position:123px -156px;}
.agen_main_f_r_o{ text-align:center; margin-bottom:25px;}
.agen_main_f_r_o p{ color:#999999; font-size:14px;}
.agen_main_f_r_o a{ display:block; width:155px; height:36px; line-height:36px; background:#96cb11; text-indent:10px; margin:6px auto auto auto; -moz-border-radius: 20px; -webkit-border-radius: 20px;  border-radius:20px;}
.agen_main_f_r_o a span{ color:#fff; font-size:14px; background:url(images/agen_3.png) no-repeat 17px -332px; display:inline-block; width:100%;}
.agen_main_f_r_o a:hover{filter:alpha(opacity=90); /*IE滤镜，透明度50%*/ -moz-opacity:0.9; opacity:0.9;}
.agen_main_f_r_t{ width:160px; margin:auto auto 20px auto;}
.agen_main_f_r_t .fl{ font-size:14px; color:#f76e00; background:url(../images/agen_3.png) no-repeat 0px -489px; padding-top:32px; min-width:35px; margin-top:12px;}
.agen_main_f_r_t .fr p{ color:#666666; font-size:14px; line-height:24px;}
.agen_main_f_r_t .fr p.p3{ color:#ff6800; font-style:italic; font-size:16px;}
.agen_main_f_r ul{ margin-left:45px;}
.agen_main_f_r ul li{ font-size:14px; color:#333; line-height:36px; padding-left:20px; background:url(../images/agen_4.gif) no-repeat left center;}
.agen_main_f_r ul li span{ color:#666666;}
/*关键词排名解决方案*/
.fw_banner{left:50%; margin-left:-960px; position: relative; height:305px; overflow:hidden; width:1920px; }
.Yxxt{ overflow: hidden;}
.Yxxt .Yxxtcont{ height: 445px; background:url(../images/yxxt.png) no-repeat center top; overflow: hidden;}
.Yxxt .Yxxtcont .YxText{ overflow: hidden; float: right; margin-top: 250px; margin-right: 10px;}
.Yxxt .Yxxtcont .YxText li{height: 44px; line-height: 44px; color: #333333; padding-left: 25px; background:url(../images/pt1.png) no-repeat left center;}
.Yxxt .Yxxtcont .YxText li em{ font-size: 24px; color: #ff5b00;}
/*-- 营销系统_end --*/
.Gtshd{ height: 640px; background:url(../images/wgbg.jpg) no-repeat center top; overflow: hidden;}
.Gtshdcont{height: 640px;}
.Gtshd .Toptitle{ overflow: hidden; width: 100%; text-align: center; padding-top: 52px; margin-bottom: 16px;}
.Gtshd .Toptitle span{ display:block; font-weight: bold; color: #333333; font-size: 34px;}
.Gtshd .Toptitle>img{ display: inline-block; margin-top: 12px;}
.Gtshd .Gtshdcont>p{ font-size: 26px; color: #fff; width: 689px; height: 69px; line-height: 69px; margin: 0 auto; background:url(../images/tx1bg.png) no-repeat; font-weight: bold; text-align: center;}
.Gtshd .Gtshdcont>p a{ color:#fff;}
.Gtshd .Gtshdcont>p a:hover{ text-decoration:none; color:#fff;}
.Gtshdcont ul{ overflow: hidden; width: 1100px; margin-top: 55px;}
.Gtshdcont ul li{ float: left; width: 158px; text-align: center; margin-right: 56px;}
.Gtshdcont ul li span{ display: inline-block; width: 157px; height: 174px;}
.Gtshdcont ul li h3{ height: 30px; line-height: 30px; margin-top: 20px; color: #ff5c01; font-size: 20px; font-weight: bold;}
.Gtshdcont ul li p{ line-height: 20px; color: #666666; font-size: 13px; margin-top: 24px;}
.Gtshdcont ul li.yx1 span{background:url(../images/yxnav1_h.png) no-repeat;}
.Gtshdcont ul li.yx2 span{background:url(../images/yxnav2_h.png) no-repeat;}
.Gtshdcont ul li.yx3 span{background:url(../images/yxnav3_h.png) no-repeat;}
.Gtshdcont ul li.yx4 span{background:url(../images/yxnav4_h.png) no-repeat;}
.Gtshdcont ul li.yx5 span{background:url(../images/yxnav5_h.png) no-repeat;}
.Yxfv{ height: 232px; background:url(../images/bn2.jpg) no-repeat center top;}
.Yxfvcont{ height: 232px; overflow: hidden;}
.Yxfvcont dl{ float: left; overflow: hidden; margin-top: 29px;}
.Yxfvcont dl dt{ float: left;}
.Yxfvcont dl dt img{ display: block;}
.Yxfvcont dl dd{ padding-left: 224px; padding-top: 29px;}
.Yxfvcont dl dd em{ font-size: 20px; color: #fff;}
.Yxfvcont dl dd p{line-height: 24px; font-size: 15px; color: #fff;}
.Yxfvcont dl dd h5{ height: 32px; line-height: 32px; margin-bottom: 7px; font-size: 30px; color: #fff; font-weight: bold;}
.Yxfvcont dl dd span{ display: block; width: 400px; height: 15px; background:url(../images/tt2.png) no-repeat;}
.Yxfvcont dl dd .hotl{ font-size: 18px; margin-top: 10px; color: #333333; text-align: center; width: 408px; height: 42px; line-height: 42px; background:url(../images/mbtx1.png) no-repeat; }
.Yxfvcont dl dd .hotl a:hover{ text-decoration:none;}
/*-- Yxfv_end --*/
.Yxmj{ background:url(../images/mijibg.jpg) no-repeat center top;}
.Yxmj .container{ overflow: hidden;}
.container {
    overflow: hidden; margin: auto;
    width: 1004px;
}

.Zdhwz .container{ overflow: hidden; padding-top: 52px; padding-bottom: 58px;}
.Zdhwz .Toptitle{ width: 100%; text-align: center;}
.Zdhwz .Toptitle h2{ font-size: 34px; color: #333333; font-weight: bold;}
.Zdhwz .Toptitle h2>em{ font-size: 34px; color: #fe5b00; font-weight: bold;}
.Zdhwz .Toptitle p{ overflow: hidden; margin-top: 12px; margin-bottom: 12px;}
.Zdhwz .Toptitle p img{ display: inline-block;}
.Zdhwz .Toptitle b{ display: inline-block; width: 69px; height: 1px; background:url(../images/zs1.png) no-repeat;}
.Zdhwzcont{ overflow: hidden;}
.Zdhwzcont ul{ overflow: hidden; width: 1050px;}
.Zdhwzcont ul li{ float: left; width: 169px; height: 287px; position: relative; margin-right: 10px; text-align: center; padding:35px 12px 0 12px; background:url(../images/wbbg_h.png) no-repeat;}
.Zdhwzcont ul li img{ display: inline-block;}
.Zdhwzcont ul li h5{ font-size: 20px; line-height: 20px; height: 20px; color: #fe5b00; margin-top: 20px;}
.Zdhwzcont ul li p{ line-height: 20px; height: 80px; overflow: hidden; font-size: 13px; margin-top: 28px; color: #fff;}
.Zdhwzcont ul li em{ display: block; width: 17px; height: 17px; background:url(../images/smore.png) no-repeat; position: absolute; left: 50%; margin-left: -8px; bottom: 32px;}
.Zdhwzcont ul li:hover{background:url(../images/wbbg.png) no-repeat;}
.Zdhwzcont ul li:hover h5{ color: #fff;}
.Yxmj{ background:url(../images/mijibg.jpg) no-repeat center top;}
.Yxmj .container{ overflow: hidden;}