.bann_qa{width:100%;background:#008cd6;height:600px;}
.bann_qw{width:100%;background:url(../images/2.jpg) no-repeat; height:600px;}

/*logo*/
.logoBox{ position:relative;float: left; padding: 12px 10px;}
.logoBox span{ color: #333;position: absolute; top:39px; left: 66px; letter-spacing:5.1px; font-size: 12px; margin-top: 14px;}
.gpdm { float: left;text-align: left; margin-top:29px;font-size: 13px;border: 2px solid #ddd;color: #333; padding: 2px 10px;}
.box{ width:1200px; margin:0 auto; overflow:hidden; min-width: 1200px; position:relative;}
.box2{ width:1300px;margin:0 auto; overflow:hidden;  position:relative; }

/*品牌全案服务*/
.qa_ppgj{background:#f4f4f4; border-top:0px dashed #ddd; height:600px;overflow:hidden;}
.qa_ppcy{border-top:0px dashed #ddd; height:600px;overflow:hidden;}
.qa_ndfw{background:#f4f4f4; border-top:0px dashed #ddd; height:700px; text-align:center;overflow:hidden;}
.qa_zhcb{border-top:0px dashed #ddd;border-bottom:0px dashed #ddd; height:580px;text-align:center;overflow:hidden;}

/*线下活动*/
.main_xx{ background: #fc0;height:600px; overflow:hidden; position:relative; color:#222;}
.main_xx2{ background: #fff; height:700px;}
.main_xx2 .wsm_txt{float:right; margin-top:50px;max-width:600px;font-size:18px;color:#666;line-height:33px;letter-spacing:1px;}
.main_xx2 .wsm_img{float:left;}
.main_xx2 .wsm_img img{max-width:500px;}
.main_xx3{ background: #fff;}
.main_xx4{ background: #f4f4f4;height:950px;}
/* 活动优势 */
.clearfix:after {content: '';display: block;clear: both;height: 0;visibility: hidden;}
.clearfix {*zoom:1;}
.fl {float: left;}
.fr {float: right;}
.xx_youshi{padding-top:30px}
.xx_youshi .item{margin-bottom:20px}
.xx_youshi .item .text{box-sizing:border-box;width:50%}
.xx_youshi .item .text .title{margin-bottom:20px;color:#e62828;font-size:28px}
.xx_youshi .item .text .title i{float:left;display:inline-block;width:100px;height:100px;background:url(../images/index-youshi-icon.png) no-repeat;color:#C20C0C;text-align:center;font-weight:700;font-style:normal;font-size:50px;font-family:楷体;line-height:100px}
.xx_youshi .item .text .title span{float:left;display:inline-block;box-sizing:border-box;padding:15px 0 0 25px;height:100px;color:#333;font-size:14px}
.xx_youshi .item .text .title span b{display:block;padding-bottom:3px;font-size:30px}
.xx_youshi .item .text li{background:url(../images/xx_jiantou.jpg) no-repeat;padding-bottom:10px;padding-left:20px;color:#666;font-size:14px;line-height:25px}
.xx_youshi .item .img{width:50%}
.xx_youshi .item .img img{display:block;width:100%}
/*process*/
.process{width:1200px;text-align: center; padding-top:30px;}
.process .col-md-6{float:left; width:570px; margin:0 15px;}
.process-title h2{ color: #43AF03;}
.process-img{padding-top: 30px;margin:0 auto;}
.pro-cont{ margin-bottom: 40px;}
.pro-cont-bg1{background: url(../images/lc1.png) right top no-repeat;}
.pro-cont-bg2{background: url(../images/lc2.png) no-repeat;}
.pro-cont-bg3{background: url(../images/lc3.png) right top no-repeat;}
.pro-cont-bg4{background: url(../images/lc4.png) no-repeat;}
.pro-cont-bg5{background: url(../images/lc5.png) right top no-repeat;}
.pro-cont-bg6{background: url(../images/lc6.png) no-repeat;}
.pro-cont-bg7{background: url(../images/lc7.png) right top no-repeat;}
.pro-cont-bg8{background: url(../images/lc8.png) no-repeat;}
.pro-cont h2{ line-height: 2.5; font-size: 20px; text-align: center; font-weight: 900;}
.pro-text h2 span{}
.pro-text p{font-size:14px;}
.color-red{color: #ff3300!important;}

.pro-cont-bg1 .pro-text,.pro-cont-bg3 .pro-text,.pro-cont-bg5 .pro-text,.pro-cont-bg7 .pro-text{
        padding:0 30px 0 230px;
        text-align: left;
        line-height: 2;
    }
.pro-cont-bg2 .pro-text,.pro-cont-bg4 .pro-text,.pro-cont-bg6 .pro-text,.pro-cont-bg8 .pro-text{
        padding:0 230px 0 30px;
        text-align: left;
        line-height: 2;
    }


.xxbox{ height: 180px;width: 100%;background:#fc0;color: #333;text-align: center;font-size: 42px;}
.xxbox strong{ font-size:56px; font-weight:600;}
.do_scr{ /*width:100%; max-width: 1200px;*/ margin: 0 auto; height:300px;}
.do_scr .item{float:left; width:240px;text-align:center;}
.do_scr .item a{ display: block; text-align: center;cursor:pointer;}
.do_ico{ width: 100px; height: 100px; overflow: hidden; border: 1px solid #c8c8c8; -webkit-border-radius: 50%; -moz-border-radius: 50%; border-radius: 50%; margin: 0 auto;}
.do_ico span{ display: block; font-size: 0; width: 50px; height: 50px; overflow: hidden; margin:25px; background-position: right center; background-repeat: no-repeat; background-size: cover;}
.do_scr .item a:hover .do_ico{ background-color: #fc0; border-color: #fc0;}
.do_scr .item a:hover .do_ico span{ background-position: left center;}
.do_ico01 span{ background-image:url(../images/do_ico1.png); }
.do_ico02 span{ background-image:url(../images/do_ico2.png); }
.do_ico03 span{ background-image:url(../images/do_ico3.png); }
.do_ico04 span{ background-image:url(../images/do_ico4.png); }
.do_ico05 span{ background-image:url(../images/do_ico5.png); }
.do_scr .item a h4{ font-size: 18px; margin: 20px 0;}
.do_des{font-size:14px; color: #999; width:180px; margin:0 30px; text-align:center;}
.xx_fwlx{background:#f4f4f4; border-top:0px dashed #ddd;overflow:hidden;}

.business_scr{/*width:100%; max-width: 1200px;*/ margin: 0 auto; height:900px; overflow:hidden;}
.business_scr .item{ float:left; width:300px; margin-top:50px; margin-bottom:50px;text-align:center;}
.business_area{ text-align: center;}
.business_show{ overflow: hidden; margin: 0 auto; position: relative;}
.business_show,.business_show img.show_img{ width: 160px; height: 160px;}
.business_show:before{ content: ""; position:absolute; top:0; left:0; z-index: 0; width:100%; height:100%; background: rgba(0,0,0,.40); -webkit-border-radius: 50%; -moz-border-radius: 50%; border-radius: 50%; filter: Alpha(Opacity=0); opacity: 0;}
.business_show img.show_img{ -webkit-border-radius: 50%; -moz-border-radius: 50%; border-radius: 50%;}
.business_area:hover .business_show:before{ filter: Alpha(Opacity=100); opacity: 1;}
.business_area:hover .links{ top:50%;}
.business_area:hover .links a:nth-of-type(1){ top: 0; transition:all 0.6s ease;-webkit-transition: transition:all 0.6s ease;-moz-transition: transition:all 0.6s ease;-ms-transition: transition:all 0.6s ease;-moz-transition: transition:all 0.6s ease;}
.business_area:hover .links a:nth-of-type(2){ top: 0; transition:all 0.8s ease;-webkit-transition: transition:all 0.8s ease;-moz-transition: transition:all 0.8s ease;-ms-transition: transition:all 0.8s ease;-moz-transition: transition:all 0.8s ease;}
.business_area:hover .links a:nth-of-type(3){ top: 0; transition:all 1.0s ease;-webkit-transition: transition:all 1.0s ease;-moz-transition: transition:all 1.0s ease;-ms-transition: transition:all 1.0s ease;-moz-transition: transition:all 1.0s ease;}
.business_item{ padding: 20px 0 10px; margin-bottom: 10px; border-bottom: 1px solid #b5b5b5; font-size: 18px;}
.business_item a{ color: #000;}
.business_item a em{ display: block; color: #df0010; font-size: 14px; font-family: "Times New Roman", Times, serif; font-style: italic; margin-top: 5px;}
.business_des{font-size:14px; text-align: center; line-height: 24px; max-height: 48px; overflow: hidden; margin-bottom: 30px;}
/*more*/
.more{ display: block; margin: 0 auto; width: 110px; height: 30px; line-height: 30px;text-align: center; color: #fff; position: relative; font-size: 14px;}
.more span{ display: inline-block; position: relative; z-index:10; }
.more::before, .more::after {content: ''; position: absolute; top: 0; left: 0; z-index:0; width:100%;height: 100%; -webkit-transition: -webkit-transform 0.3s, background-color 0.3s;transition: transform 0.3s, background-color 0.3s; -webkit-transition-timing-function: cubic-bezier(0.25, 0, 0.3, 1); transition-timing-function: cubic-bezier(0.25, 0, 0.3, 1); -webkit-border-radius:20px; -moz-border-radius:20px; border-radius: 20px;}
.more::before { background-color: #fc0; -webkit-transform: scale3d(0.7, 0.7, 1); transform: scale3d(0.7, 0.7, 1);}
.more::after { background-color: #222; -webkit-transform: scale3d(1, 1, 1); transform: scale3d(1, 1, 1);}
.more:hover{ color: #222;}
.more:hover::before { -webkit-transform: scale3d(1, 1, 1); transform: scale3d(1, 1, 1); }
.more:hover::after { background: transparent;  -webkit-transform: scale3d(0.7, 0.7, 1); transform: scale3d(0.7, 0.7, 1);}

.main{ font-size:18px; }
.main_1{ background: #dd2e2c; text-align:left; height:600px; overflow:hidden; position:relative; color:#fff;}
.main_qa{ background: #008cd6;height:600px; overflow:hidden; position:relative; color:#fff;}
.main_qa2{ background:#fff; text-align:center;  overflow:hidden;position:relative;}
.main_1img{ background: url(../images/qwtg_img1.jpg) left center no-repeat;width: 630px;height: 445px; float: left;}
.main_2img{width: 580px;height: 445px; float: left; padding-left:30px;}
.main_2img img{width: 500px;}
.bant01_txt{ margin-top: 220px;}
.bant03_txt{ margin-top: 180px;}
.bant04_txt{ margin-top: 150px;}
.ban01_bg{ background: #fbe8e8;color: #d72627;display: inline-block;padding: 0px 20px; margin-top:20px;}
/*全网推广爆款热品*/
.qwtg_hot{ position: absolute;top: 65px;left: 525px;}

.main1box {overflow: hidden;}
.main1txt {text-align: left;color: #fff; position: absolute; top: 100px;width: 100%;}

.ban01_img{background: url(../images/ban01.jpg) left center no-repeat;
    width: 100%;
    height: 518px;
    width: 700px;
    float: left;
    opacity: 0;
    filter: alpha(opacity=0)\9;}
	
.ban01_ipad {
    background: url(../images/ipad_img.png) left center no-repeat;
    width: 168px;
    height: 276px;
    position: absolute;
    top: 350px;
    left: 590px;
    float: left;
    opacity: 0;
    filter: alpha(opacity=0)\9;
}	
.main_2{ background:#fff; text-align:center;  overflow:hidden;position:relative;}	
.ban02_img{ background: url(../images/qwtg_img.png) center no-repeat;width: 1200px;height: 502px;margin-top: 50px;}
.bant02_txt{ width:555px; margin-top:120px;}


.mtimgbox{display: block; overflow: hidden; margin-top: 80px;}
.mtimgbox .mtimgR{margin-top: 50px;}

/*全网推广第一P*/
.dbul { position: absolute;top: 0;margin-top: 30px; text-align: left; padding-left: 50px;}
.dbul li{ margin-bottom: 45px;font-weight: 400;}
.dbu2 { position: absolute;top: 0;margin-top:10px; text-align: left; padding-left: 40px;}
.dbu2 li{line-height:80px;font-weight: 400;}
/*合作流程*/
.main_12 { text-align: center; height: 800px;overflow: hidden;background: #f1f1f1; position: relative;}
.main12_img {background: url(../images/ban19.png) center no-repeat #f1f1f1; height: 400px; margin-top: 100px;}


.main_3{ background:url(../images/qwtg_kbyx.jpg) top center no-repeat; text-align:center; height:800px;color:#fff;overflow:hidden; color:#fff;}
.main_4{ text-align:center; height:1000px; overflow:hidden;}
.gzc{background:url(../images/ban04.png) bottom center no-repeat; width:1209px; height:549px; margin:0 auto; margin-top:100px;}
.qzwz{ background: url(../images/dlimg4.jpg) bottom center no-repeat;
    height: 546px;
    margin: 0 auto;}

.main_7{ background:#db6e1e; color:#fff; text-align:center; height:950px; overflow:hidden;}
.main_8{ background:url(../images/ban09.png) bottom center no-repeat; text-align:center; height:880px;overflow:hidden; position:relative;}
.main_9{ background:url(../images/ban10.jpg) bottom center no-repeat; text-align:center; height:826px;overflow:hidden; color:#fff;position:relative;}
.main_10{ background:#f8f8f8; text-align:center; height:800px;overflow:hidden; position: relative; }
.aitxt{ width:540px; text-align:left; max-width:50%; margin-top:200px;}
.main_11{ background:#0a2452; text-align:center; height:800px;overflow:hidden; color:#fff; position:relative;}
.ban12_img{ background: url(../images/ban13.png) -82% bottom no-repeat; width:100%;height:800px;}
.ban12_box{ position:absolute; width:100%; top:0px;}

.main_13{ background:url(../images/ban14.jpg) bottom center no-repeat; text-align:center; height:810px;overflow:hidden; color:#fff; position:relative;}
.main_13box{ position:absolute; top:0px; width:100%; height: 810px;}
.main_14{ background:url(../images/ban15.jpg) bottom center no-repeat; text-align:center; height:800px;overflow:hidden; color:#fff; }
.main_15{ background:#f8f8f8; text-align:center; height:950px;overflow:hidden; }
.main_16{ text-align:center;height:800px;overflow:hidden; position:relative; background:#f8f8f8;}
.main_17{ text-align:center;height:800px;overflow:hidden; position:relative;}
.dl_map{
    background: url(../images/dl_map.jpg) center no-repeat #fff;
    width: 696px;
    float: left;
    height: 336px;
    margin-top: 100px; position:relative;}

.wzclass{ width: 100%; position: relative;height: 470px; margin-top:80px;}
.main_19{ text-align:center; height:800px;overflow:hidden; background:url(../images/qwtg_tg.jpg) center no-repeat #f1f1f1; position:relative;}
.main19_img{background: url(../images/ban19.png) center no-repeat #f1f1f1; height:400px; margin-top:100px;}
.main_20{background: #be2829;}
.box20{ width:1260px; margin-top:40px;}
.main_20 img{ display:inline-block;     opacity: 0;
    filter: alpha(opacity=0)\9;}
.main_20 img.ban20_2{ float:left; margin-top:100px;}
.main_20 img.ban20_1{ float:left; margin-top:10px;}
.main_20 img.ban20_3{ float:left; margin-top:230px;}



.main_18{background: url(../images/qwtg_ssbg.jpg) center center no-repeat;
    color: #222;
    position: relative; height:800px;}
.jkimg{background: url(../images/yidong.png) center bottom no-repeat; width:100%; height:689px; height: 760px; opacity: 0;filter: alpha(opacity=0)\9;}
.jkbox{position:absolute; top:0px; width:100%;}
.jktxt{ width:540px; text-align:left; max-width:50%; margin-top:240px; }


.jsbg{background:url(../images/ban12.jpg) left bottom no-repeat; height:800px;}
.jsbg_box{ position:absolute; top:0px; width:100%;}
.ssimg{background:url(../images/ban13.png) left bottom no-repeat; height:800px;}
.pmsy{background:url(../images/huojian.png) left 160px no-repeat; height:810px; position:relative;}
.pig_icn{ width:270px; height:246px; display:inline-block; right:-10px;background:url(../images/pig.png) center no-repeat; bottom:50px; position:absolute;}

.aiimg{background:url(../images/qetg_wz.png) right bottom no-repeat; width:50%; height:650px; }


.pwjs{width: 700px;text-align: right;margin-top: 210px;}

.platform-list {
    width: 1200px;
    margin: 0 auto;
    padding-bottom: 80px;
    line-height: 20px;
	padding-top:70px;
}
.platform-list table {
    border-collapse: separate;
}
.platform-list table tbody .top {
    height: 94px;
}
.platform-list table tbody .top .top-td {
    /*width: 450px;*/
    text-align: center;
    vertical-align: middle;
}

.platform-list table tbody .content-tr .one {
    border-radius: 10px 0 0 0;
    -moz-border-radius: 10px 0 0 0;
    -webkit-border-radius: 10px 0 0 0;
    border-top: 1px solid #e4e4e4; width: 149px;
}
.platform-list table tbody .top .first {
    width: 149px;
}
.platform-list table tbody .top .ios {
    background-color: #888888;
    border-radius: 10px 0 0 0;
    -moz-border-radius: 10px 0 0 0;
    -webkit-border-radius: 10px 0 0 0; color:#fff; /* font-size: 36px; height:94px; line-height:94px;*/ width:300px;
}
.platform-list table tbody .top .pc {
    background-color: #e82828;
    border-radius: 0 10px 0 0;
    -moz-border-radius: 0 10px 0 0;
    -webkit-border-radius: 0 10px 0 0;color:#fff; font-size: 36px;  border-bottom: 1px solid #c90000;height:94px; line-height:94px;
}

.platform-list table tbody .content-tr {
    height: 98px;
}

.platform-list table tbody .content-tr .first {
    background-color: #f5f5f5;
    line-height: 1.2;
}
.platform-list table tbody .content-tr .last {
    border-right: 1px solid #e4e4e4;
}
.platform-list table tbody .content-tr td {
    text-align: center;
    color: #626262;
    border-left: 1px solid #e4e4e4;
    border-bottom: 1px solid #e4e4e4;
	    line-height: 35px;
    padding: 0 10px;
}

.platform-list table tbody .content-tr td.tdbg {
    color: #626262; background:#f5f5f5;
}
.platform-list table tbody .content-tr td.tdbgred {
    color: #fff; background:#E82828;
	    border-bottom: 1px solid #c90000; line-height: 35px;
}
.platform-list table tbody .content-tr .seven{
      border-radius: 0 0 0 10px;
    -moz-border-radius: 0 0 0 10px;
    -webkit-border-radius: 0 0 0 10px;
}


	
.tit1_1,.tit2,.tit3{opacity: 0;filter: alpha(opacity=0)\9;}
.aiimg{opacity: 0;filter: alpha(opacity=0)\9;}

.effect-pic {
    -webkit-animation: fadeInTop .4s ease-in-out both .3s;
    animation: fadeInTop .4s ease-in-out both .3s;  opacity: 1 !important;filter: alpha(opacity=100)\9 !important;
}

.effect-pic2 {
    -webkit-animation: fadeInTop .5s ease-in-out both .3s;
    animation: fadeInTop .5s ease-in-out both .3s;  opacity: 1;filter: alpha(opacity=100)\9;
}
.effect-pic3 {
    -webkit-animation: fadeInTop .6s ease-in-out both .3s;
    animation: fadeInTop .6s ease-in-out both .3s;    opacity: 1;filter: alpha(opacity=100)\9;
}

.effect-ill{-webkit-animation: fadeInRight .5s ease-in-out both .3s;
    animation: fadeInRight .5s ease-in-out both .3s;     opacity: 1;filter: alpha(opacity=100)\9;}

.effect-ill2{webkit-animation: fadeInLeft .5s ease-in-out both .3s;
    animation: fadeInLeft .5s ease-in-out both .3s;     opacity: 1;filter: alpha(opacity=100)\9;}


@-webkit-keyframes fadeInTop{0%{opacity:0;-webkit-transform:translate3d(0,50px,0);transform:translate3d(0,50px,0)}100%{opacity:1;-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}}@keyframes fadeInTop{0%{opacity:0;-webkit-transform:translate3d(0,50px,0);transform:translate3d(0,50px,0)}100%{opacity:1;-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}}
@-webkit-keyframes fadeIn{0%{opacity:0}100%{opacity:1}}@keyframes fadeIn{0%{opacity:0}100%{opacity:1}}	
@-webkit-keyframes fadeInLeft{0%{opacity:0;-webkit-transform:translate3d(80px,0,0);transform:translate3d(80px,0,0)}100%{opacity:1;-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}}@keyframes fadeInLeft{0%{opacity:0;-webkit-transform:translate3d(80px,0,0);transform:translate3d(80px,0,0)}100%{opacity:1;-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}}
@-webkit-keyframes fadeInRight{0%{opacity:0;-webkit-transform:translate3d(-80px,0,0);transform:translate3d(-80px,0,0)}100%{opacity:1;-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}}@keyframes fadeInRight{0%{opacity:0;-webkit-transform:translate3d(-80px,0,0);transform:translate3d(-80px,0,0)}100%{opacity:1;-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}}




/*AIP 效果*/
.rotbox{ margin: 0 auto;
    width: 920px;
    position: relative;
    left: 26%;}
.i{  width: 300px;
    height: 300px;
    border-left: 0;border: 3px solid #62C4EA;
    position: absolute;
    border-bottom: 0;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    border-radius: 50%;
    opacity: 0;
    -webkit-animation: ripple 10s infinite ease-out;
    -moz-animation: ripple 10s infinite ease-out;
    animation: ripple 10s infinite ease-out; }
	
.rot1{webkit-animation: ripple 10s infinite ease-out;
    -moz-animation: ripple 10s infinite ease-out;
    animation: ripple 10s infinite ease-out;}
	
.rot2{ -webkit-animation-delay: 2s;
    -moz-animation-delay: 2s;
     animation-delay: 2s; }
	.rot3{ -webkit-animation-delay: 4s;
    -moz-animation-delay: 4s;
     animation-delay: 4s; } 
	 .rot4{ -webkit-animation-delay: 6s;
    -moz-animation-delay: 6s;
     animation-delay: 6s; } 
	  .rot5{ -webkit-animation-delay: 8s;
    -moz-animation-delay: 8s;
     animation-delay: 8s; } 
	 
	 
@-webkit-keyframes ripple {
0% {
opacity:.4
}
100% {
opacity:0;
-webkit-transform:scale(4, 4);
transform:scale(4, 4)
}
}
@-moz-keyframes ripple {
0% {
opacity:.4
}
100% {
opacity:0;
-moz-transform:scale(4, 4);
transform:scale(4, 4)
}
}
@keyframes ripple {
0% {
opacity:.4
}
100% {
opacity:0;
-webkit-transform:scale(4, 4);
-moz-transform:scale(4, 4);
transform:scale(4, 4)
}
}



.feature-icon-animate {
    visibility: visible;
    -webkit-animation: floating-bubble .5s 1 cubic-bezier(0.18,.89,.32,1.28) both;
    -moz-animation: floating-bubble .5s 1 cubic-bezier(0.18,.89,.32,1.28) both;
    animation: floating-bubble .5s 1 cubic-bezier(0.18,.89,.32,1.28) both;
}
.feature-icon-animate {
    -webkit-animation-delay: .5s;
    -moz-animation-delay: .5s;
    animation-delay: .5s;
}


@-webkit-keyframes floating-bubble {
from {
-webkit-transform:translate(0, -5px) scale(0);
transform:translate(0, -5px) scale(0)
}
to {
	-webkit-transform: translate(0, 0) scale(1);
	transform: translate(0, 0) scale(1)
}
}
@-moz-keyframes floating-bubble {
from {
-moz-transform:translate(0, -5px) scale(0);
transform:translate(0, -5px) scale(0)
}
to {
	-moz-transform: translate(0, 0) scale(1);
	transform: translate(0, 0) scale(1)
}
}
@keyframes floating-bubble {
from {
-webkit-transform:translate(0, -5px) scale(0);
-moz-transform:translate(0, -5px) scale(0);
transform:translate(0, -5px) scale(0)
}
to {
	-webkit-transform: translate(0, 0) scale(1);
	-moz-transform: translate(0, 0) scale(1);
	transform: translate(0, 0) scale(1)
}
}




/*点状放大*/
@keyframes warn {
	0% {
		-webkit-transform: scale(0);
		-moz-transform: scale(0);
		-o-transform: scale(0);
		transform: scale(0);
		opacity: 1
	}

	30% {
		-webkit-transform: scale(0);
		-moz-transform: scale(0);
		-o-transform: scale(0);
		transform: scale(0);
		opacity: .1
	}

	60% {
		-webkit-transform: scale(.5);
		-moz-transform: scale(.5);
		-o-transform: scale(.5);
		transform: scale(.5);
		opacity: .5
	}

	100% {
		-webkit-transform: scale(1);
		-moz-transform: scale(1);
		-o-transform: scale(1);
		transform: scale(1);
		opacity: 0
	}
}

@-webkit-keyframes warn {
	0% {
		-webkit-transform: scale(0);
		opacity: 0
	}

	30% {
		-webkit-transform: scale(0);
		transform: scale(0);
		opacity: .1
	}

	60% {
		-webkit-transform: scale(.5);
		transform: scale(.5);
		opacity: .5
	}

	100% {
		-webkit-transform: scale(1);
		opacity: 0
	}
}

@-moz-keyframes warn {
	0% {
		-moz-transform: scale(0);
		opacity: 0
	}

	30% {
		-moz-transform: scale(0);
		transform: scale(0);
		opacity: .1
	}

	60% {
		-moz-transform: scale(.5);
		transform: scale(.5);
		opacity: .5
	}

	100% {
		-moz-transform: scale(1);
		opacity: 0
	}
}

.pulse {
    height: 88px;
    width: 88px; display:inline-block;
    -webkit-border-radius: 48px;
    -moz-border-radius: 48px;
    border-radius: 48px;
    opacity: .12;
    filter: alpha(opacity=0);
    -webkit-animation: warn 2s ease-out;
    -moz-animation: warn 2s ease-out;
    -o-animation: warn 2s ease-out;
    animation: warn 2s ease-out;
    -webkit-animation-iteration-count: infinite;
    -moz-animation-iteration-count: infinite;
    -o-animation-iteration-count: infinite;
    animation-iteration-count: infinite;
}
.pulse {
    background: #eb251a;
	
}
	@-o-keyframes warn {
	0% {
		-o-transform: scale(0);
		transform: scale(0);
		opacity: 1
	}

	30% {
		-o-transform: scale(0);
		transform: scale(0);
		opacity: .1
	}

	60% {
		-o-transform: scale(.5);
		transform: scale(.5);
		opacity: .5
	}

	100% {
		-o-transform: scale(1);
		transform: scale(1);
		opacity: 0
	}
}


.bubble {
    display: block;
    position: absolute;
    -webkit-animation: floating 3s infinite ease-in-out;
    -moz-animation: floating 3s infinite ease-in-out;
    animation: floating 3s infinite ease-in-out;
}




@-webkit-keyframes float {
from {
-webkit-transform:translate(0, 0) scale(0.9);
transform:translate(0, 0) scale(0.9)
}
65% {
-webkit-transform:translate(0, 10px) scale(0.95);
transform:translate(0, 10px) scale(0.95)
}
to {
	-webkit-transform: translate(0, 0) scale(0.9);
	transform: translate(0, 0) scale(0.9)
}
}
@-moz-keyframes float {
from {
-moz-transform:translate(0, 0) scale(0.9);
transform:translate(0, 0) scale(0.9)
}
65% {
-webkit-transform:translate(0, 10px) scale(0.95);
transform:translate(0, 10px) scale(0.95)
}
to {
	-webkit-transform: translate(0, 0) scale(0.9);
	transform: translate(0, 0) scale(0.9)
}
}
@keyframes float {
from {
-webkit-transform:translate(0, 0) scale(0.9);
-moz-transform:translate(0, 0) scale(0.9);
transform:translate(0, 0) scale(0.9)
}
65% {
-webkit-transform:translate(0, 10px) scale(0.95);
transform:translate(0, 10px) scale(0.95)
}
to {
	-webkit-transform: translate(0, 0) scale(0.9);
	transform: translate(0, 0) scale(0.9)
}
}

.bubt {
    display: block;
    position: absolute;
    -webkit-animation: float 3s infinite ease-in-out;
    -moz-animation: float 3s infinite ease-in-out;
    animation: float 3s infinite ease-in-out;
}

/*360度旋转*/
 @keyframes myfirst2 {
from {
transform:rotate(360deg);
-ms-transform:rotate(360deg);
-webkit-transform:rotate(360deg);
-o-transform:rotate(360deg);
-moz-transform:rotate(360deg)
}
to {
	transform: rotate(0);
	-ms-transform: rotate(0);
	-webkit-transform: rotate(0);
	-o-transform: rotate(0);
	-moz-transform: rotate(0)
}
}
@-moz-keyframes myfirst2 {
from {
transform:rotate(360deg);
-ms-transform:rotate(360deg);
-webkit-transform:rotate(360deg);
-o-transform:rotate(360deg);
-moz-transform:rotate(360deg)
}
to {
	transform: rotate(0);
	-ms-transform: rotate(0);
	-webkit-transform: rotate(0);
	-o-transform: rotate(0);
	-moz-transform: rotate(0)
}
}
@-webkit-keyframes myfirst2 {
from {
transform:rotate(360deg);
-ms-transform:rotate(360deg);
-webkit-transform:rotate(360deg);
-o-transform:rotate(360deg);
-moz-transform:rotate(360deg)
}
to {
	transform: rotate(0);
	-ms-transform: rotate(0);
	-webkit-transform: rotate(0);
	-o-transform: rotate(0);
	-moz-transform: rotate(0)
}
}
@-o-keyframes myfirst2 {
from {
transform:rotate(360deg);
-ms-transform:rotate(360deg);
-webkit-transform:rotate(360deg);
-o-transform:rotate(360deg);
-moz-transform:rotate(360deg)
}
to {
	transform: rotate(0);
	-ms-transform: rotate(0);
	-webkit-transform: rotate(0);
	-o-transform: rotate(0);
	-moz-transform: rotate(0)
}
}
.info1 {
	height: 261px;
    width: 260px;
      margin-top: 297px;
    margin-left: 206px;
	background: url(../images/ani.png) no-repeat;
	animation: myfirst2 6s linear infinite;
	-moz-animation: myfirst2 6s linear infinite;
	-webkit-animation: myfirst2 6s linear infinite;
	-o-animation: myfirst2 6s linear infinite
}

@keyframes myfirst {
from {
transform:rotate(0);
-ms-transform:rotate(0);
-webkit-transform:rotate(0);
-o-transform:rotate(0);
-moz-transform:rotate(0)
}
to {
	transform: rotate(360deg);
	-ms-transform: rotate(360deg);
	-webkit-transform: rotate(360deg);
	-o-transform: rotate(360deg);
	-moz-transform: rotate(360deg)
}
}
@-moz-keyframes myfirst {
from {
transform:rotate(0);
-ms-transform:rotate(0);
-webkit-transform:rotate(0);
-o-transform:rotate(0);
-moz-transform:rotate(0)
}
to {
	transform: rotate(360deg);
	-ms-transform: rotate(360deg);
	-webkit-transform: rotate(360deg);
	-o-transform: rotate(360deg);
	-moz-transform: rotate(360deg)
}
}
@-webkit-keyframes myfirst {
from {
transform:rotate(0);
-ms-transform:rotate(0);
-webkit-transform:rotate(0);
-o-transform:rotate(0);
-moz-transform:rotate(0)
}
to {
	transform: rotate(360deg);
	-ms-transform: rotate(360deg);
	-webkit-transform: rotate(360deg);
	-o-transform: rotate(360deg);
	-moz-transform: rotate(360deg)
}
}
@-o-keyframes myfirst {
from {
transform:rotate(0);
-ms-transform:rotate(0);
-webkit-transform:rotate(0);
-o-transform:rotate(0);
-moz-transform:rotate(0)
}
to {
	transform: rotate(360deg);
	-ms-transform: rotate(360deg);
	-webkit-transform: rotate(360deg);
	-o-transform: rotate(360deg);
	-moz-transform: rotate(360deg)
}
}

.mod{
    height: 580px;
    width: 580px;
    position: absolute;
       top: 223px;
    left: 307px;
    background-image: url(../images/tgzc.png);
    background-position: 0 0;
    animation: myfirst 8s linear infinite;
    -moz-animation: myfirst 20s linear infinite;
    -webkit-animation: myfirst 20s linear infinite;
    -o-animation: myfirst 20s linear infinite;
	
}


.pulse1{ 
    position: absolute;
    top: 100px;
    right: 100px; width:20px; height:20px;}

.pulse2{ 
    position: absolute;
    top: 160px;
    right: 130px; width:20px; height:20px;  
	-webkit-animation: warn 3s ease-out;
    -moz-animation: warn 3s ease-out;
    -o-animation: warn 3s ease-out;
    animation: warn 3s ease-out;
	 -webkit-animation-iteration-count: infinite;
    -moz-animation-iteration-count: infinite;
    -o-animation-iteration-count: infinite;
    animation-iteration-count: infinite;
	}

.pulse3{ 
    position: absolute;
    top: 130px;
    right: 230px; width:20px; height:20px; 
	-webkit-animation: warn 1.5s ease-out;
    -moz-animation: warn 1.5s ease-out;
    -o-animation: warn 1.5s ease-out;
    animation: warn 1.5s ease-out;
	 -webkit-animation-iteration-count: infinite;
    -moz-animation-iteration-count: infinite;
    -o-animation-iteration-count: infinite;
    animation-iteration-count: infinite;
	}
	
	
	.pulse4{ 
    position: absolute;
    top: 200px;
    right: 200px; width:20px; height:20px;
	-webkit-animation: warn 1.8s ease-out;
    -moz-animation: warn 1.8s ease-out;
    -o-animation: warn 1.8s ease-out;
    animation: warn 1.5s ease-out;
	 -webkit-animation-iteration-count: infinite;
    -moz-animation-iteration-count: infinite;
    -o-animation-iteration-count: infinite;
    animation-iteration-count: infinite;
	}
	
		.pulse4{ 
    position: absolute;
    top: 100px;
    right: 200px; width:20px; height:20px;    
	-webkit-animation: warn 1.8s ease-out;
    -moz-animation: warn 1.8s ease-out;
    -o-animation: warn 1.8s ease-out;
    animation: warn 1.5s ease-out;
	 -webkit-animation-iteration-count: infinite;
    -moz-animation-iteration-count: infinite;
    -o-animation-iteration-count: infinite;
    animation-iteration-count: infinite;
	}
		.pulse5{ 
    position: absolute;
    top: 100px;
    right: 100px; width:20px; height:20px;   
	-webkit-animation: warn 1s ease-out;
    -moz-animation: warn 1s ease-out;
    -o-animation: warn 1s ease-out;
    animation: warn 1s ease-out;
	 -webkit-animation-iteration-count: infinite;
    -moz-animation-iteration-count: infinite;
    -o-animation-iteration-count: infinite;
    animation-iteration-count: infinite;
	}

	.pulse6{ 
    position: absolute;
    top: 160px;
    left: 140px; width:20px; height:20px;   
	-webkit-animation: warn 0.8s ease-out;
    -moz-animation: warn 0.8s ease-out;
    -o-animation: warn 0.8s ease-out;
    animation: warn 0.8s ease-out;
	 -webkit-animation-iteration-count: infinite;
    -moz-animation-iteration-count: infinite;
    -o-animation-iteration-count: infinite;
    animation-iteration-count: infinite;
	}
	
	.pulse7{ 
    position: absolute;
    top: 160px;
    right: 150px; width:20px; height:20px;   
	-webkit-animation: warn 2.2s ease-out;
    -moz-animation: warn 2.2s ease-out;
    -o-animation: warn 2.2s ease-out;
    animation: warn 2.2s ease-out;
	 -webkit-animation-iteration-count: infinite;
    -moz-animation-iteration-count: infinite;
    -o-animation-iteration-count: infinite;
    animation-iteration-count: infinite;
	}
	.pulse8{ 
   position: absolute;
    top: 20px;
    left: 220px;
    width: 20px;
    height: 20px;
    -webkit-animation: warn 1.6s ease-out;
    -moz-animation: warn 1.6s ease-out;
    -o-animation: warn 1.6s ease-out;
    animation: warn 1.6s ease-out;
    -webkit-animation-iteration-count: infinite;
    -moz-animation-iteration-count: infinite;
    -o-animation-iteration-count: infinite;
    animation-iteration-count: infinite;
	}

.pulse9{ 
    position: absolute;
    top: 160px;
    right: 220px; width:20px; height:20px;
	-webkit-animation: warn 2.2s ease-out;
    -moz-animation: warn 2.2s ease-out;
    -o-animation: warn 2.2s ease-out;
    animation: warn 2.2s ease-out;
	 -webkit-animation-iteration-count: infinite;
    -moz-animation-iteration-count: infinite;
    -o-animation-iteration-count: infinite;
    animation-iteration-count: infinite;
	}

.pulse10{ 
    position: absolute;
    top: 260px;
    right: 320px; width:20px; height:20px;  
	-webkit-animation: warn 1.4s ease-out;
    -moz-animation: warn 1.4s ease-out;
    -o-animation: warn 1.4s ease-out;
    animation: warn 1.4s ease-out;
	 -webkit-animation-iteration-count: infinite;
    -moz-animation-iteration-count: infinite;
    -o-animation-iteration-count: infinite;
    animation-iteration-count: infinite;
	}

.pulse11{ 
    position: absolute;
    top: 100px;
    right: 260px; width:20px; height:20px;   
	-webkit-animation: warn 0.8s ease-out;
    -moz-animation: warn 0.8s ease-out;
    -o-animation: warn 0.8s ease-out;
    animation: warn 0.8s ease-out;
	 -webkit-animation-iteration-count: infinite;
    -moz-animation-iteration-count: infinite;
    -o-animation-iteration-count: infinite;
    animation-iteration-count: infinite;
	}
	
	.pulse12{ 
    position: absolute;
    top: 100px;
    right: 260px;width:20px; height:20px; 
	-webkit-animation: warn 0.9s ease-out;
    -moz-animation: warn 0.9s ease-out;
    -o-animation: warn 0.9s ease-out;
    animation: warn 0.9s ease-out;
	 -webkit-animation-iteration-count: infinite;
    -moz-animation-iteration-count: infinite;
    -o-animation-iteration-count: infinite;
    animation-iteration-count: infinite;
	}
	
	.pulse13{ 
       position: absolute;
    top: 50px;
    left: 19px;
    width: 20px;
    height: 20px;
    -webkit-animation: warn 1.5s ease-out;
    -moz-animation: warn 1.5s ease-out;
    -o-animation: warn 1.5s ease-out;
    animation: warn 1.5s ease-out;
    -webkit-animation-iteration-count: infinite;
    -moz-animation-iteration-count: infinite;
    -o-animation-iteration-count: infinite;
    animation-iteration-count: infinite;
	}
	
    .pulse14{ 
       position: absolute;
    top: 50px;
    left: 120px;
    width: 20px;
    height: 20px;
    -webkit-animation: warn 2.1s ease-out;
    -moz-animation: warn 2.1s ease-out;
    -o-animation: warn 2.1s ease-out;
    animation: warn 2.1s ease-out;
    -webkit-animation-iteration-count: infinite;
    -moz-animation-iteration-count: infinite;
    -o-animation-iteration-count: infinite;
    animation-iteration-count: infinite;
	}
	 .pulse15{ 
     position: absolute;
    top: 100px;
    left: 150px;
    width: 20px;
    height: 20px;
    -webkit-animation: warn 2.3s ease-out;
    -moz-animation: warn 2.3s ease-out;
    -o-animation: warn 2.3s ease-out;
    animation: warn 2.3s ease-out;
    -webkit-animation-iteration-count: infinite;
    -moz-animation-iteration-count: infinite;
    -o-animation-iteration-count: infinite;
    animation-iteration-count: infinite;
	}
	
	
	
/*总结*/
.qabox{ height: 180px;width: 100%;background:#008cd6;color: #fff;text-align: center;font-size: 42px;}
.qabox strong{ font-size:56px; font-weight:600;}
.zjbox{ height: 180px;width: 100%;background: url(../images/qwtg_jz.jpg) center no-repeat #aa0708;color: #fff;text-align: center;font-size: 42px;}
.zjbox strong{ font-size:56px; font-weight:600;}
.zjzx{ overflow: hidden; 
    position: relative;
    width: 163px;
    display: inline-block;
    position: absolute;
    right: 20px;}
.zjzx a{ color:#fff; border:1px solid #fff; padding:5px 30px; display:inline-block; margin-top:10px; font-size:14px; }
.kzh{ background:#bb2829; color:#fff; padding:70px 0px;}
.kzh ul li{ width:300px; float:left; padding:20px; text-align:center;}
.kzh ul li img{ margin-bottom:30px;}
.kzh ul li p{ text-align:left; margin-top:20px; font-size:24px;}
.kzh ul li span{ display:inline-block; text-align:left; margin-top:15px}


.wid60{ width:60px !important; margin: auto; padding:0px !important; height:335px;}
.hhlc ul li.wid60 img{ margin-top:150px;}


/**/
.dltxt{    width: 460px;
    text-align: left;
    border-radius: 3px;
    border: 1px solid #eb251a;
     font-size:16px; margin-top:50px;}
.dltxt div{ background:#eb251a; height:80px; line-height:80px; color:#fff; font-size:30px; text-align:center;}
.dltxt p{ font-size:16px; padding:20px 30px;}
.dltxt ul{padding: 0px 30px;}
.dltxt ul li{ line-height:35px; border-bottom:1px solid #ddd;}

.dlzs{ width: 270px;
    height: 220px;
    text-align: center;
    position: absolute;
    top: 55px;
    left: 200px;
    border: 1px solid #ddd;}
.dlzs p font{ color:#eb251a; font-size:40px;}
.dlbtn{     width: 215px;
    height: 40px;
    line-height: 40px;
    text-align: center;
    background: #eb251a;
    margin: 0 auto;
    margin-top: 10px;}
.dlbtn a{ color:#fff; font-size:16px;}
.dlzs_bg{ position:absolute; top:0; background:#fff; opacity:0.8;width:270px; height:220px; }
.dlzs_txt{  
    position: absolute;
    top: 12px;
    left: 24px;}
	
	/*市场支持*/
	.sczc{ text-align: center;
    height: 840px;
    position: relative;
   }
	.sczc img{ margin-top:100px;}
	.sczc span{font-size:14px; margin-top:10px; display:inline-block;}
	.sczc1{ width: 290px;position: absolute; height: 160px;top: 280px;text-align: right; }
	.sczc2{ width: 290px;position: absolute; height: 160px;top: 550px;text-align: right;}
	.sczc3{     width: 400px;
    position: absolute;
    height: 160px;
    top: 170px;
    text-align: left;
    left: 450px;}
	.sczc4{ width: 290px;position: absolute; height: 160px;top: 280px;text-align:left; right:0;}
	.sczc5{ width: 290px;position: absolute; height: 160px;top: 550px;text-align: left;right:0;}
	
	
	.circle {
    display: inline-block;
    position: absolute;
    left: 0;
    width: 9px;
    height: 9px;
    background: #ff8a00;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    border-radius: 50%;
    opacity: 1;
    filter: alpha(opacity=100);
}


/*你现在是否面临以下问题*/
.qy_tgbox {background: url(../images/qy_tgimg.jpg) center no-repeat;}
.boxH {height: 700px;}
.wit70 {width: 70%;}
.qy_tg {text-align: left; margin-top: 150px;}
.qy_tg strong{ font-size:48px; margin:30px 0px; display:block;}
.qy_tg dl{ font-size:24px;}
.qy_tg dt{ padding-left:60px;background:url(../images/jtimg.png) left center no-repeat; line-height:55px;}
.qy_tg dd{ color:#666; padding-left:60px;}



/*科悦是怎么做品牌全网推广的*/
.main_5{  height:800px; width:100%;	text-align:left;  position:relative; color:#fff; background: #cb1a1a;}
.ban05_img{height:800px; position:relative; z-index: 98;}
.ban05_box{ position:absolute; width:100%;height:800px; top:0px;}
.qwtg_ul{overflow: hidden;margin-top: 30px;}
.qwtg_ul li{width: 126px;
    float: left;
    font-size: 14px;
    margin: 0px 10px; text-align: center;}
.qwtg_ul li p{ margin-top:10px;}

.wzg_tgl{ display: block;border: 1px solid #f2f2f2; overflow: hidden; float: left; margin: 3px 3px 30px; text-align: center;padding-bottom: 20px;}
.wzg_tgl p.titp{background: #f6f6f6;
    padding: 10px;
    font-size: 36px;}
.wzg_tgl font{ display:block; font-size: 20px;}


/*新闻媒体投稿*/
.ptbg{background:url(../images/qwtg_xwtg.jpg) center bottom no-repeat; width:920px; height:463px; margin:0 auto; margin-top:100px; position:relative; }
.ptbg span{ display:inline-block; -webkit-animation: courseFadeIn .4s 1.1s both;
    animation: courseFadeIn .4s 1.1s both;}
.ptbg span.item-1{    position: absolute;
    left: 0;
       bottom: 100px;
    width: 100px;
    height: 100px; background:url(../images/ban16_01.png) center no-repeat;}
	.ptbg span.item-2{    position: absolute;
     left: 120px;
    bottom: 288px;
    width: 112px;
    height: 112px; background:url(../images/ban16_02.png) center no-repeat;}
		.ptbg span.item-3{    position: absolute;
        left: 390px;
    bottom: 390px;
    width: 131px;
    height: 131px; background:url(../images/ban16_03.png) center no-repeat;}
		.ptbg span.item-4{    position: absolute;
     right: 120px;
    bottom: 288px;
    width: 112px;
    height: 112px; background:url(../images/ban16_04.png) center no-repeat;}
		.ptbg span.item-5{    position: absolute;
    background-position: 0 -151px;
        right: 0px;
    bottom: 100px;
    width: 100px;
    height: 100px; background:url(../images/ban16_05.png) center no-repeat;}
	
	.ptxt{ position: absolute;
    bottom: 50px;
    font-size: 38px;
    line-height: 65px;
    text-align: center;
    width: 100%;}

.tit_em em{ width:115px; height:3px; background:#333; margin:0 auto; display:inline-block;}
.tit_em{ margin-bottom:30px;}

.main_3 .tit_em em{ background:#fff;}
.main_7 .tit_em em{ background:#fff;}
.main_5 .tit_em em{ background:#fff;}


/*企业信息推广*/
	/*10家b2b*/
.pcimg{    background: url(../images/ban07.png) top no-repeat;
    width: 1052px;
    height: 500px;
    display: block;
    margin: 0 auto;
    position: relative;
    overflow: hidden;
    margin-top: 100px;}
.flexslider{margin:41px;position:relative;width:922px;height:447px;overflow:hidden;zoom:1;}
.flex-viewport{max-height:2000px;-webkit-transition:all 1s ease;-moz-transition:all 1s ease;transition:all 1s ease;}
.flexslider .slides{zoom:1;}
.flex-direction-nav a{width:60px;height:90px;line-height:99em;overflow:hidden;margin:-60px 0 0;display:block;background:url(../images/ad_ctr.png) no-repeat;position:absolute;top:50%;z-index:10;cursor:pointer;opacity:0;filter:alpha(opacity=0);-webkit-transition:all .3s ease;}
.flex-direction-nav .flex-next{background-position:0 -90px;right:0;}
.flex-direction-nav .flex-prev{left:0;}
.flexslider:hover .flex-next{opacity:0.8;filter:alpha(opacity=25);}
.flexslider:hover .flex-prev{opacity:0.8;filter:alpha(opacity=25);}
.flexslider:hover .flex-next:hover, .flexslider:hover .flex-prev:hover{opacity:1;filter:alpha(opacity=50);}
.flex-control-nav{width:100%;position:absolute;bottom:10px;text-align:center;}
.flex-control-nav li{margin:0 5px;display:inline-block;zoom:1;*display:inline;}
.flex-control-paging li a{display:block;height:16px;overflow:hidden;text-indent:-99em;width:16px;cursor:pointer;}
.flex-control-paging li a.flex-active{background-position:0 0;}

/*官方关键词排名优化*/
.qwtg_gjc{  background: url(../images/qwtg_gjc.jpg) 100% 110px no-repeat;width:637px;height:725px;}

/*搜索排名推广*/
.qwtg_ss {
      background: url(../images/qwtg_ss.png) right 150px no-repeat;
    width: 660px;
    height: 797px;
}



/*合作流程*/
.hhlc{ background:url(../images/dllcbg.jpg) no-repeat; height:672px; text-align:center;}
.hhlc ul { margin-top:100px;}
.hhlc ul li{ width: 165px;padding: 30px 15px;float: left; position: relative;margin: 0px 20px;}
.hhlc ul li img{ margin-top:30px;}
.hhlc ul li p{ text-align:center; margin-top:50px; font-size:16px; color:#cb1a1a; font-weight:bold; height:45px;}
.hhlc ul li span{ display:inline-block; text-align:left; margin-top:15px}
.lcbg{ background: #fff;
    opacity: 0.85; filter: alpha(opacity=0)\8;
    position: absolute;
    top: 0;
    width: 210px;
    height: 302px;
    left: 0;}
.lcbg:hover{opacity: 0.7; filter: alpha(opacity=0)\7;}

.lctxt{ z-index:98; position:relative;}
.lcbg{ z-index:97;}

/*科悦与其他网络推广公司对比*/
.wzg_dl dd, .xgs_dl dd {
    font-size: 16px;
    height: 35px;
    text-align: left;
    text-indent: 2em;
}

/*科悦与其他网络推广公司对比-修改*/
.qwtg_dbtb{ margin-top: 22px; }
.qwtg_dbtb tr th,.qwtg_dbtb tr td{ border: 1px solid #ddd;padding: 15px 10px; font-size: 16px;}
.qwtg_dbtb tr th{text-align: center; font-size: 26px;}
.qwtg_dbtb tr td{text-align: left; padding-left: 40px;}
.qwtg_tb { background: #e84240;width: 400px;text-align: center;color: #fff; box-shadow: 0px 7px 7px #888888;
    -moz-box-shadow: 0px 7px 7px #888888; margin-bottom: 50px;}
.qwtg_tb p.pp1{ height: 150px; font-size: 32px; font-weight: bold; line-height: 150px;border-bottom: 1px solid #d62826;}
.qwtg_tb p.pp2{height: 430px;font-size: 30px;padding-top: 350px;}

/*全网品牌推广套餐*/
.qwtg_tc{ text-align:center; background: #f8f8f8;}
.qwtg_tc dl{ background: #fff;  border: 1px solid #e0e0e0;}
.qwtg_tc dd, .qwtg_tc dt {border-bottom: 1px solid #ddd; height:50px; padding:10px; line-height:50px;}
.qwtg_tc dd.fontx{font-size: 16px; line-height: 25px;}
dl.qwtg_tc1{ width:160px; float:left; font-weight: 400;}
dl.qwtg_tc2{ width:200px; float:left; background:#fff7eb;border-left: none;}
dl.qwtg_tc2 dt{ background:#ff9600; color:#fff; font-size:30px;font-weight: 600;}
dl.qwtg_tc2 dd.cor{background: #FAEAD3;}
dl.qwtg_tc2 dd.botm,dl.qwtg_tc3 dd.botm{background: #ff9600; color: #fff;font-size: 24px;font-weight: 600;}
dl.qwtg_tc3 dd.botm{font-weight:200; text-decoration: line-through; font-size: 20px;}
dl.qwtg_tc3{ width:110px; float:left;border-left: none;}
dl.qwtg_tc3 dt{ background:#ff9600; color:#fff;font-weight: 600; font-size: 20px;}
dl.qwtg_tc4{ width:200px; float:left; background:#ebf8ff;border-left: none;}
dl.qwtg_tc4 dt,dl.qwtg_tc5 dt{ background:#0099e7; color:#fff;}
dl.qwtg_tc4 dt{ font-size:30px;font-weight: 600;}
dl.qwtg_tc4 dd.botm,dl.qwtg_tc5 dd.botm{background: #0099e7; color: #fff;font-size: 24px;font-weight: 600;}
dl.qwtg_tc5 dd.botm{font-weight:200; text-decoration: line-through; font-size: 20px;}
dl.qwtg_tc4 dd.cor{background: #DEF0FE;}
dl.qwtg_tc5{ width:110px; float:left; border-left: none;}
dl.qwtg_tc5 dt{ font-size: 20px;line-height: 50px;}
dl.qwtg_tc6{ width:200px; float:left; background:#ffe5e5;border-left: none;}
dl.qwtg_tc7{ width:110px; float:left; border-left: none;}
dl.qwtg_tc6 dt,dl.qwtg_tc7 dt{ background:#e80000; color:#fff;font-weight: 600;}
dl.qwtg_tc6 dt{ font-size:30px;}
dl.qwtg_tc7 dt{ font-size: 20px;line-height: 50px;}
dl.qwtg_tc6 dd.cor{background: #FFD3D3;}
dl.qwtg_tc6 dd.botm,dl.qwtg_tc7 dd.botm{background: #e80000; color: #fff;font-size: 24px;font-weight: 600; }
dl.qwtg_tc7 dd.botm{font-weight:200; text-decoration: line-through; font-size: 20px;}
.e8red{ background:#e80000; color:#fff;}
.font22{ font-size:22px; font-weight:bold;}
.qwtg_tcbox{ overflow:hidden; margin:50px 0px 80px;}


/*6大难*/
.qy_nt{ overflow:hidden; margin-bottom:50px;}
.qy_nt li div {
    float: left;
    margin-left: 20px;
    width: 378px;
}

.main_6{  /*height:370px;*/ width:100%;text-align:left;  position:relative; color:#000;}
.qwtg_dj{ padding: 10px; font-size: 16px; background: #cb1a1a;color: #fff;}
.qwtg_dj:hover{ text-decoration:underline !important;}

/*不同于综合信息推广平台*/	
.main_20{ background:#f8f8f8;}
.tgqd{ background:url(../images/qwtg_qd.jpg)  no-repeat center bottom; width:1310px; height:449px; margin-top:80px;}

/*不同于做单次服务的小推广公司*/
.qetg_xt{    background: url(../images/qetg_xt.jpg) no-repeat center -5px;
    width: 1143px;
    height: 509px;
    margin: 30px auto 0px;}

/*企业官网小程序*/
.wzg_xcx{ background: url(../images/wzg_xcxbg.jpg) center no-repeat;text-align:center; height:800px;color:#fff;overflow:hidden; color:#fff;}
.wzg_xcx em{ background:#fff;}
/*什么是全网推广*/
.wzg_smqwtg{ background: url(../images/sm_qwtgbg.png) bottom no-repeat;text-align: center;height: 800px;overflow: hidden;color: #333;}
/*做了竞价推广还需要科悦吗*/
.wzg_jjtg{ background: url(../images/jjtgbg.jpg) bottom no-repeat; color: #fff; height: 788px;}
.wzg_jjtg .title p{color: #fff;}
/*做网络推广*/
.wzg_wltg{background:#1fc8db; height: 720px; color: #fff;} 
.wzg_wltg .aitxt{ margin-top: 170px;}
.wzg_wltg .title p{color: #fff; }

/*推广团队*/
.tgtd{ width: 600px;}
.wzg_td{ background: url(../images/tgtd.png) bottom no-repeat;}

/*为什么要管网站*/
.mainm {
    background: url(../images/wzg_gwz.jpg) center no-repeat;
}
.gwzl{width: 280px;margin-left: 38px;margin-top: 40px; line-height: 26px;}
.gwzl p{ text-align: right;color: #44b088;margin-bottom: 10px; font-size: 24px;}
.gwzl div{ padding: 20px;border-radius: 10px; width: 240px; background: #44b088; color: #fff; min-height:85px;}
.gwzr{margin-right: 38px;float: right;}
.gwzr p{ text-align: left;}
.gwzl2{ margin-top: 70px; }
.gwzl2 p{color: #e93257; }
.gwzl2 div{background: #e93257;}
.gwzr1 p{ color: #f76c17;}
.gwzr1 div{ background: #f76c17;}
.gwzr2{margin-top: 70px;}
.gwzr2 p{ color: #9c55c7;}
.gwzr2 div{ background: #9c55c7;}
.gwzrm{margin-top: 440px; margin-right: 105px;}
.gwzrm p{color: #4490b0;}
.gwzrm div{ background: #4490b0;}

/*企业问题*/
.qywt_dl{
    padding-left: 60px;
    background: url(../images/jtimg.png) left center no-repeat;
    line-height: 48px;
    font-size: 24px;
    height: 290px;
    margin-top: 50px;
    }
.qywt_dl dt{line-height: 42px;}

/*网站留言*/
.main_77 {
    height: 800px;
    width: 100%;
    background: url(../images/tg_lybg.jpg) center no-repeat;
    text-align: left;
    position: relative;
}
.qwtg_ul li{width: 22%;
    float: left;
    font-size: 14px;
    margin: 20px 15px 50px;
    text-align: center;
    background: #cb1a1a;
    color: #fff;
    padding: 30px 0px;
    border-bottom: 10px solid #a70c0c;}
.qwtg_ul li p{ margin-top:10px;font-size: 20px}
.qwtg_ul li p strong{ font-size: 32px}
.qzwz{  background:url(../images/ban06.png) bottom center no-repeat; width:879px; height:254px;  margin:0 auto;margin-top:210px;}

/*托管难题*/	
.main_22{ background: url(../images/qy_tgimg.jpg) top no-repeat #f2f2f2;text-align:left; height:700px;overflow:hidden; position:relative;}
.tg_nttxt{width: 730px;
    text-align: left;
    margin-top: 128px;}
.tg_nt{background:url(../images/tg_nt.png) right bottom no-repeat; width:50%; height:650px; }
.tg_nt{opacity: 0;filter: alpha(opacity=0)\9;}


.ban02_img{ background: url(../images/tg_keyyh.jpg) center no-repeat;
    width: 651px;
    height: 646px;
    margin-top: 100px;}
.bant02_txt{ width:480px; margin-top:270px; text-align: left;}
.main_44{ text-align:center; height:750px; overflow:hidden; background:url(../images/tg_wzgx.jpg) top center no-repeat; color: #fff; }
.gzc{ background: url(../images/ban04.png) bottom center no-repeat;
    width: 1138px;
    height: 422px;
    margin: 0 auto;
    margin-top: 90px;}
.main_55{ height:750px; width:100%;background:url(../images/ban09.png) bottom center no-repeat;text-align:center;  position:relative; z-index: 98;}
.ban05_img{ background:url(../images/ban05_img.png) center no-repeat;height:800px; position:relative; z-index: 98;}
.ban05_box{ position:absolute; width:100%;height:800px; top:0px;}

.qywz_img{background:url(../images/ban07.png) center no-repeat; width:1140px; height:500px;    margin: auto; margin-top:114px;}
.qysj_img{background: url(../images/ban08_01.png) center no-repeat;width: 176px;height: 153px; margin: auto;margin-top: 50px;position: absolute; bottom: 280px;right: 70px;}
.main_66 {
    background: url(../images/tg_banimg.jpg) top center no-repeat #ffde00;
    text-align: center;
    height: 750px;
    overflow: hidden;
    z-index: 99;
}
.tg_banr {
    background: url(../images/tg_banr.jpg) right center no-repeat;
    width: 720px;
    height: 490px;
    opacity: 0;
    filter: alpha(opacity=0)\9;
    margin-top: 200px;
}
.jktxt1 {
    width: 480px;
    text-align: left;
    margin-top: 260px;
}
.pwjs1 {
    width: 400px;
    text-align: left;
    margin-top: 210px;
}
.main_88 {
    background: #00c76c;
    text-align: center;
    height: 800px;
    overflow: hidden;
    position: relative;
    color: #fff;
}
.main_99 {
    background: #f8f8f8;
    text-align: center;
    height: 826px;
    overflow: hidden;
    position: relative;
}
.tg_webaq {
    background: url(../images/tg_weba.png) right center no-repeat;
    width: 640px;
    height: 558px;
    opacity: 0;
    filter: alpha(opacity=0)\9;
    margin-top: 120px;
}
.main_122{text-align: center;height: 800px;overflow: hidden;background: #e2604a;}
.tg_wzg{width: 538px; margin-top: 120px;text-align: left;color: #fff;}

.tg_keypm{ background: url(../images/tg_keypm.png)  bottom no-repeat; width: 630px; height: 511px;  margin-top: 150px;     opacity: 0;
    filter: alpha(opacity=0)\9;}
.font222 {
    font-size: 22px;
}
.title1 {
    text-align: center;
    font-size: 48px;
    margin: 0px 0px 50px;
    padding-bottom: 10px;
    margin: 50px 0px;
}
.youshi li{float: left; display: inline-block;min-height: 76px;  }
.youshi li h5{ font-size:24px;  margin-top: 24px;}
.youshi li  span{ font-size:14px; color:#555;margin-top: 6px;display: block;}

.tgxz_youshi{ overflow:hidden;}
.tgxz_youshi li{ text-align: left;margin-bottom: 60px;line-height: 25px;width: 350px; padding-left: 50px;}
.tgxz_youshi li  span{ font-size:18px;}
.tgxz_youshi li.l1 h5{ background: url(../images/tgxz_ys1.png)bottom left no-repeat; height: 70px;line-height: 70px; margin-bottom: 10px; padding-left: 80px;}
.tgxz_youshi li.l2 h5{ background: url(../images/tgxz_ys2.png)bottom left no-repeat; height: 70px;line-height: 70px; margin-bottom: 10px; padding-left: 80px;}
.tgxz_youshi li.l3 h5{ background: url(../images/tgxz_ys3.png)bottom left no-repeat; height: 70px;line-height: 70px; margin-bottom: 10px; padding-left: 80px;}
.tgxz_youshi li.l4 h5{ background: url(../images/tgxz_ys4.png)bottom left no-repeat; height: 70px;line-height: 70px; margin-bottom: 10px; padding-left: 80px;}
.tgxz_youshi li.l5 h5{ background: url(../images/tgxz_ys5.png)bottom left no-repeat; height: 70px;line-height: 70px; margin-bottom: 10px; padding-left: 80px;}
.tgxz_youshi li.l6 h5{ background: url(../images/tgxz_ys6.png)bottom left no-repeat; height: 70px;line-height: 70px; margin-bottom: 10px; padding-left: 80px;}
.tgxz_youshi li div{ text-align:left;}
.tgxz_youshi li div span{font-size:18px;   margin:10px 0px; display:inline-block;}
.aitxt1 {
    width: 535px;
    text-align: left;
    margin-top: 128px;
}
.corred1 {
    color: #f00;
}