@charset "utf-8";
/* CSS Document */
.font60{ font-size:60px;}
.font48{ font-size:48px;}
.font30{ font-size:30px;}
.font22{ font-size:22px;}
.font24{ font-size:24px;}
.font18{ font-size:18px;}
.font56{ font-size:56px;}
.font55{ font-size:55px;font-weight: 400;}
.font68{ font-size:68px;font-weight: 400;}
.font40{ font-size:40px;}
.font43{ font-size:43px;}
.mart50{ margin-top:50px;}
.mart80{ margin-top:80px;}
.mart30{ margin-top:30px;}
.mart100{ margin-top:100px;}
.wid660{ width:660px; margin: auto;}
.wid880{ width:880px; margin: auto; margin-top:40px;}
.wi830{ width:820px; margin: auto; }
.corred{ color:#f00;}
.mart10{ margin-top:10px;}


/*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; }


.main{ font-size:18px; }
.main_1{text-align:center; height:600px; overflow:hidden; background:#DD2E2B; color: #fff;}
.main1box { padding: 0px 10px;}
.main1txt {margin-top: 220px;text-align: right;}

.ban01_img{background: url(../images/ban01.jpg) left center no-repeat;
    width: 630px;
    height: 445px; 
    float: left;}
	
.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: 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_4{ 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_5{ 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;}

/*网站留言*/
.main_7 {
    height: 800px;
    width: 100%;
    background: url(../images/tg_lybg.jpg) center no-repeat;
    text-align: left;
    position: relative;
}
.qwtg_ul li{width: 370px;
    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_6{ background:url(../images/tg_banimg.jpg) top center no-repeat #ffde00; text-align:center; height:750px; overflow:hidden; z-index: 99;}

/*网站安全*/
.main_8{ background:#00c76c; text-align:center; height:800px;overflow:hidden; position:relative; color:#fff;}
.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_9{ background:#f8f8f8; text-align:center; height:826px;overflow:hidden; position:relative;}

.aitxt{width: 535px;text-align: left; margin-top: 128px;}
.ban12_img{ background: url(../images/ban13.png) -82% bottom no-repeat; width:100%;height:800px;}

/*做了百度竞价还需要做网站托管吗？*/
.main_12{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;}

.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:#fff; text-align:center; height:800px;overflow:hidden; }

.main_17{ text-align:center;background:url(../images/ban17.jpg) bottom center no-repeat #fff;height:800px;overflow:hidden; position:relative;}
.wzclass{ width: 100%; position: relative;height: 470px; margin-top:80px;}
.wzcls1{ background:url(../images/wzclass1.jpg) center no-repeat; display:inline-block;width:176px; height:85px; position:absolute; left:500px;}
.wzcls2{background: url(../images/wzclass2.png) center no-repeat;display: inline-block; position: absolute;  top: 98px; right: 200px;width: 200px; height: 85px;}
.wzcls3{ background: url(../images/wzclass3.jpg) center no-repeat; display: inline-block; position: absolute;bottom: 350px;left: 120px; width: 188px; height: 85px;}
.wzcls4{ background: url(../images/wzclass4.jpg) center no-repeat;display: inline-block; position: absolute; top: 149px;right: 500px; width: 127px;height: 85px;}
.wzcls5{ background: url(../images/wzclass5.png) center no-repeat; display: inline-block;position: absolute; bottom: 250px; left: 200px;width: 186px; height: 90px;}
.wzcls6{background: url(../images/wzclass6.jpg) center no-repeat;display: inline-block; position: absolute; left: 440px; width: 186px;height: 90px; bottom: 140px;}
.wzcls7{ background: url(../images/wzclass7.jpg) center no-repeat;display: inline-block; position: absolute; left: 50px; width: 186px; height: 90px; bottom: 100px;}


.main_16{background: url(../images/tg_banimg.jpg) bottom center no-repeat; color:#000; position:relative; height: 750px;}

.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;}
.jkbox{position:absolute; top:0px; width:100%;}
.jktxt{ width:480px; text-align:left;margin-top:260px; }

/*搜索排名推广*/

.main_10 {
    background: url(../images/qwtg_ssbg.jpg) center center no-repeat;
    color: #222;
    position: relative;
    height: 800px;
}

.main_10 .qwtg_ss {
     background: url(../images/qwtg_ss.png) right 150px no-repeat;
    width: 660px;
    height: 698px;
}
.qwtg_dj{ padding: 10px; font-size: 16px; background: #cb1a1a;color: #fff;}
.qwtg_dj:hover{ text-decoration:underline !important;}

.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; }
.features { overflow: hidden;  width: 570px;margin: 30px auto;}
.features dl { width: 175px;float: left; border-right: 1px solid #4b4b4b;}
.features dl:last-child{border-right:none;}
.features dt { font-size: 14px;height: 60px; line-height: 55px;}
.features dt span {font-size: 60px;}
.features dd { font-size: 16px;line-height: 30px;}

.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;}

.pwjs{width: 400px;text-align: left;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;
}







/*新闻中心*/
.news{ padding:0px; overflow:hidden;margin-top: 30px;}
.i-img{float:left;padding:10px; border:1px solid #ddd;}
.i-img img{ display:inline-block; width:470px; height:308px; }
.new_tit{ overflow:hidden; margin:10px;}
.new_tit a{ color:#333;}
.new_tit span{ font-size:18px;}
.i-news
{
      
    padding-bottom: 20px;
    overflow: hidden; width:700px; 
}
.i-news li
{
    border: 1px dotted #ddd;
    padding: 10px 0;
    background: #fff;
    margin-bottom: 5px;
    overflow: hidden;
    float: left;
    margin: 0px 10px 12px;
}
.i-news li .date
{
    height: 95px;
    width: 90px;
    color: #0f9ca1;
    float: left;
    font-size: 52px;
    text-align: center;
    line-height: 80px;
    display: inline-block;
    margin-left: 10px;
    margin-right: 15px;
}
.i-news li .date span
{
    display: block;
    font-size: 28px;
	background: #f7f7f7;
}
.i-news li h3
{
    color: #111;
    font-size: 16px;
    margin-top: 13px;
    margin-bottom: 8px;
    font-weight: normal;
}
.i-news li p
{
    color: #888;
    font-size: 14px;
    line-height: 25px;
    margin-right: 5px;
    text-align: left;
    text-indent: 0;
}

.noticetxt
{
display: inline-block;
float: left;
overflow: hidden;
width: 560px;
}
.noticetxt a
{
    display: block;
    width: 100%;
}
.i-news li:hover
{
    background: #f7f7f7;
}

.neitit
{
    text-align: center;
    line-height: 40px;
    margin-top: 10px;
    color: #555;
}


/*友情链接*/
/*.in_links{ padding:30px 0px; overflow:hidden;}
.links_box{ overflow:hidden; background:#fff;}
.links_title {
    width: 138px;
    font-size: 18px;
    text-indent: 20px;   line-height: 30px; margin-top: 10px;
}
.links{ overflow:hidden; padding:10px; background:#F4F4F4;}
.links_content {margin-top: 10px;display: inline-block; width: 1035px; margin-bottom: 10px;}
 .links_content ul li 
 {
         float: left;
    display: inline;
    margin-right: 30px;
    line-height: 30px;
    word-break: break-all;
    word-wrap: break-word;
    white-space: nowrap;
    max-width: 250px;
    overflow: hidden;
    text-overflow: ellipsis;
}
  .links_content ul li a{ color: #949494; font-size: 14px;}*/
  
 /*网站底部*/
/*.bottom
{
   
    height: 309px;
    margin: 0 auto;
    text-align: center;
}
.bottom .div_1
{
    height: 265px;
    background: #353535;
}
.bottom .div_1 p{ color: #e8e8e8;}
.bottom .div_1 a{ color: #e8e8e8;margin-right: 10px;font-size: 14px;}
.bottom .div_1 .nav
{
    width: 1200px;
    margin: 0 auto;
    text-align: center;   
}
.bottom .div_1 .nav .left img
{
     vertical-align: middle;
}
.bottom .div_1 .nav .left
{
    width: 598px;
    height: 171px;
    float: left;
    color: #FFF;
    margin-top: 50px;
    border-right: 1px solid #626262;
    text-align: left;
}
.bottom .div_1 .nav .right
{
    width: 500px;
    height: 171px;
    float: left;
    color: #e8e8e8;
    margin-top: 50px;
    text-align: left;
    padding-left: 50px;
    font-size: 13px;
    line-height: 26px;
}
.bottom .div_2
{
	background: #1d1b1c;
    font-size: 14px;
    color: #FFF;
    padding: 15px; font-size:12px;
}
.telmub{ display:inline-block; text-align:left; line-height:45px;}
.telmub .tel{ font-size:38px;font-weight:bold;border-bottom: 1px solid #797979; padding-bottom:5px;}*/


/*海量关键词挖掘*/
.gjcbg{background: url(../images/gjcbg.png) center bottom no-repeat;
 /*   position: absolute;
    bottom: -20px;*/
    width: 100%;
    height: 226px;}
.llkey{ bottom: 100px;position: relative; margin: 0 auto; width: 800px;margin-top: 200px;height: 350px; z-index: 96;}
.keyword1{ position:absolute; left:0px; bottom:50px;display:inline-block;}
.keyword2{ position:absolute; left:200px; bottom:200px;display:inline-block; }
.keyword3{ position:absolute; left:330px; bottom:30px;display:inline-block; }
.keyword4{ position:absolute; right:0px; bottom:200px;display:inline-block;}
.kword1{background:url(../images/keyw1.png) center bottom no-repeat; width:100px; height:130px; display:inline-block;}
.kword2{background:url(../images/keyw2.png) center bottom no-repeat;width:65px; height:85px;display:inline-block; }
.kword3{background:url(../images/keyw3.png) center bottom no-repeat;width:100px; height:130px; display:inline-block;}
.kword4{background:url(../images/keyw4.png) center bottom no-repeat;width:100px; height:110px; display:inline-block;}


/*1800家媒体平台*/
.ptbg{/*background:url(../images/main_16bbg.jpg) center bottom no-repeat;*/ width:920px; height:440px; 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: 140px;
    bottom: 260px;
    width: 112px;
    height: 112px; background:url(../images/ban16_02.png) center no-repeat;}
		.ptbg span.item-3{    position: absolute;
        left: 390px;
    bottom: 330px;
    width: 131px;
    height: 131px; background:url(../images/ban16_03.png) center no-repeat;}
		.ptbg span.item-4{    position: absolute;
       right: 140px;
    bottom: 260px;
    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%;}
	
/*不排首页不收费*/	
.pmtxt{    width: 540px;
    text-align: left;
    max-width: 50%;
    margin-top: 260px;}
	
	/*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;}
	
/*效果*/	
.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)}}


/*B2B优质平台滚动效果*/
/* flexslider */
.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{background:url(../images/dot.png) no-repeat 0 -16px;display:block;height:16px;overflow:hidden;text-indent:-99em;width:16px;cursor:pointer;}
.flex-control-paging li a.flex-active{background-position: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;
}

.animate2 {
    -webkit-animation-delay: 1s;
    -moz-animation-delay: 1s;
    animation-delay: 1s;
}

.animate3 {
    -webkit-animation-delay: 1.5s;
    -moz-animation-delay: 1.5s;
    animation-delay: 1.5s;
}

.animate4 {
    -webkit-animation-delay: 2s;
    -moz-animation-delay: 2s;
    animation-delay: 2s;
}


@-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)
}
}


/*.goup-container{background: url(../images/tophover.png) center no-repeat !important;  width: 50px !important;  height: 50px !important; border-radius: 5px !important;;}
.goup-arrow{  opacity: 0;filter: alpha(opacity=0)\9;}*/

/*滑动流星*/

@-webkit-keyframes meteoFlush {
0% {
opacity:0;
transform:scale(2) translate(160px, -105px)
}
25% {
opacity:1
}
50%, 100% {
opacity:0;
transform:scale(0.5) translate(-160px, 105px)
}
}
@keyframes meteoFlush {
0% {
opacity:0;
transform:scale(2) translate(160px, -105px)
}
25% {
opacity:1
}
50%, 100% {
opacity:0;
transform:scale(0.5) translate(-160px, 105px)
}
}
.meteor-item {
    width: 156px;
    height: 103px; display:inline-block;
    -webkit-transform: scale(0.3);
    transform: scale(0.3);
	background: url(../images/liux.png) top no-repeat;
    -webkit-animation: meteoFlush 2.4s .12s linear infinite;
    animation: meteoFlush 2.4s .12s linear infinite;
	opacity:0;
}
.meteor-list .item--1 {
-webkit-animation-delay: 0s;
    animation-delay: 0s;
}
.meteor-list .item--11 {
-webkit-animation-delay: 1.3s;
    animation-delay: 1.3s;   left:0;
    position: absolute;
}

.meteor-list .item--2 {

    -webkit-animation-delay: 1.3s;
    animation-delay: 1.3s;
}

.meteor-list .item--3 { 
    -webkit-animation-delay: .8s;
    animation-delay: .8s;
}

.meteor-list .item--33 {
-webkit-animation-delay: 1s;
    animation-delay: 1s; right: -100px;
    position: absolute;
	opacity:0;
}
/*星星*/
.mod_info1__flash {
    animation: flash 5s 1.5s ease-in-out infinite both;
    -webkit-animation: flash 5s 1.5s ease-in-out infinite both;
    -moz-animation: flash 5s 1.5s ease-in-out infinite both;
}



/*点状放大*/
@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: #000;
	
}
	@-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
	}
}


/*上下晃动*/
@-webkit-keyframes floating {
from {
-webkit-transform:translate(0, 0) scale(1);
transform:translate(0, 0) scale(1)
}
65% {
-webkit-transform:translate(0, 12px) scale(1.03);
transform:translate(0, 12px) scale(1.03)
}
to {
	-webkit-transform: translate(0, 0) scale(1);
	transform: translate(0, 0) scale(1)
}
}
@-moz-keyframes floating {
from {
-webkit-transform:translate(0, 0) scale(1);
transform:translate(0, 0) scale(1)
}
65% {
-webkit-transform:translate(0, 12px) scale(1.03);
transform:translate(0, 12px) scale(1.03)
}
to {
	-webkit-transform: translate(0, 0) scale(1);
	transform: translate(0, 0) scale(1)
}
}
@keyframes floating {
from {
-webkit-transform:translate(0, 0) scale(1);
transform:translate(0, 0) scale(1)
}
65% {
-webkit-transform:translate(0, 12px) scale(1.03);
transform:translate(0, 12px) scale(1.03)
}
to {
	-webkit-transform: translate(0, 0) scale(1);
	transform: translate(0, 0) scale(1)
}
}

.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: 348px;
    width: 345px;
    position: absolute;
    top: 253px;
    left: 164px;
	background-image: url(../images/ani1.png);
    background-position: 0 0;
    animation: myfirst 8s linear infinite;
    -moz-animation: myfirst 8s linear infinite;
    -webkit-animation: myfirst 8s linear infinite;
    -o-animation: myfirst 8s linear infinite;
	
}


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

.pulse2{ 
    position: absolute;
    top: 260px;
    right: 130px; width:30px; height:30px;    
	-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: 230px;
    right: 230px; width:10px; height:10px;    
	-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: 300px;
    right: 200px; width:25px; height:25px;    
	-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: 300px;
    right: 200px; width:25px; height:25px;    
	-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: 300px;
    right: 100px; width:16px; height:16px;    
	-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: 360px;
    right: 100px; width:14px; height:14px;    
	-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: 360px;
    right: 150px; width:35px; height:35px;    
	-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: 460px;
    right: 220px; width:13px; height:13px;    
	-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: 460px;
    right: 220px; width:13px; height:13px;    
	-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: 560px;
    right: 320px; width:17px; height:17px;    
	-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: 500px;
    right: 260px; width:26px; height:26px;    
	-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: 600px;
    right: 260px; width:10px; height:10px;    
	-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;
    bottom: 50px;
    right: 260px; width:15px; height:15px;    
	-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;
    bottom: 50px;
    right:330px; 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;
    bottom: 100px;
    right:290px; width:20px; height:22px;    
	-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;
	}


/*企业问题*/
.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;}



/*不服务的5种企业*/
.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;}


/*为什么要管网站*/
.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;}

/*加样式*/
.main .box{ width:1200px; margin:0 auto; overflow:hidden; min-width: 1200px; position:relative;}
.main .boxH{ height:700px;}.fly-one{ margin-top:30px;}
.fly-three{ margin-top:20px;}
.gpdm { float: left;text-align: left;margin-top:29px;font-size: 13px;border: 2px solid #ddd;color: #333; padding: 2px 10px;font-weight: 400;}


.main .title{text-align: center;  font-size: 48px; margin: 0px 0px 50px;padding-bottom: 10px; margin:50px 0px;}
.main .title p{ font-size:18px; color: #e84240;text-transform:capitalize; padding:5px 0px;}
.fwtxt{ font-size:24px; color:#333;margin-left:70px;text-align:left;}	
.fwtxt_img{background:url(../images/biaoq.png) top right no-repeat; }
.fwtxt_img2{background:url(../images/biaoq1.png) top right no-repeat; }
.wit50{ width:50%;}
.wit70{width:70%;}
.wit41{ width:41%;}
.fl{ float:left; display:inline-block;}
.fr{ float:right; display:inline-block;}
.clear{ clear:both;}
.corred {color:#e84240;}
.sfw1_box{ overflow:hidden;}
.fwt{margin-top:20px;line-height: 45px;}

	/*为什么选择我们*/
.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;}

.we_youshi li{  float:left;  text-align:center; width:33%; margin-bottom:60px; line-height: 25px; }
/*.we_youshi li img{
 -webkit-transition: -webkit-transform 0.5s ease-out;
            -moz-transition: -moz-transform 0.5s ease-out;
            -o-transition: -o-transform 0.5s ease-out;
            -ms-transition: -ms-transform 0.5s ease-out;
}*/
.we_youshi li:hover img{ transform:rotate(90deg);
    -ms-transform:rotate(-360deg); 	/* IE 9 */
    -moz-transform:rotate(-360deg); 	/* Firefox */
    -webkit-transform:rotate(-360deg); /* Safari 和 Chrome */
    -o-transform:rotate(-360deg); 	/* Opera */
}
.we_youshi li div{ text-align:center;}

.box_gray{ background:#f8f8f8}
.box_gray2{ background:#f1f1f1}

/*服务企业*/
.fw_kh .fwqy{ display:inline-block; float:left; width:230px; height:140px; text-align:center;border-right:1px dashed #ddd;}
.fw_kh div a{ display:block; line-height:140px;}
.fw_kh .fwqy:last-child { border-right: none;}
.fw_kh div img{ display:inline-block; transition: all 0.6s;}
.fw_kh div img:hover{transform: scale(1.1); cursor:pointer;}
.fwqy_top{border-bottom:1px dashed #ddd;overflow:hidden;}

/*客户代言*/
.kh_pj {    background: url(../images/kh_pjbg.jpg) top center no-repeat #f4f4f4;height: 740px;}
.case{ overflow:hidden;}
.caseCont{ overflow: hidden; padding: 30px 0px;}
.case li{    width: 266px;
    float: left;
    margin: 0px 15px;
    height: 490px;
    background:#fff;transition:0.3s;
	-webkit-transform:0.5s;
    -moz-transition: -moz-transform 0.5s;
    -o-transition: -o-transform 0.5s;
    -ms-transition: -ms-transform 0.5s; border: 1px solid #ddd;
}
.case li p.qyld{font-size: 14px; text-align: center; padding: 5px 0px; border-top: 1px solid #e8e8e8;}
.case li:hover{background:#E80000;}
	.case li:hover .caseTxt b{color:#fff;}
	.case  li:hover .caseTxt span{ color:#fff;}
	.case  li:hover .caseTxt p{ color:#fff;}
  .case  li:hover  p.qyld{background:none; color:#fff;}
.caseImg{  height: 180px;text-align: center;vertical-align: middle; margin-top:20px;}
.caseTxt{ padding:18px 20px;}
	.caseImg img{ margin:0  auto;}
	.caseTxt b{ color:#333333; font-size:20px;text-align:center; margin-bottom:5px;font-weight: normal; }
	.caseTxt span{font-size:16px; margin-top:10px; display: inline-block; color:#666; text-align:left; }
	.caseTxt { color:#333333; font-size:14px;text-align:center; }
	.ckgd{ display:block;  background:#e35f13; border-radius:16px;-webkit-border-radius:16px;;-moz-border-radius:16px; -ms-border-radius:16px; font-size:18px; color:#fff; text-decoration:none; padding:5px 0px; text-align:center; margin:20px 0px 10px;}
	

/*媒体报道*/
.imglist_w { width: 1200px; height: 450px; overflow: hidden; float: left; position: relative;/*必要元素*/ }
.imglist_w ul { width: 1200px; overflow:hidden;}
.imglist_w li { height:430px; width:376px; float: left;margin:0px 10px; text-align:center;border: 1px solid #ddd;}
.imglist_w li:hover{border: 1px solid #fa1212; border-bottom:2px solid #fa1212; background: url(../images/jt_moreH.png) 310px 360px no-repeat;}
.imglist_w li img { margin-bottom: 25px; }
.imglist_w li a { font-size:24px; line-height:35px; height:430px; display:block;color: #337ab7;}
.imglist_w li a:hover{color: #23527c;}
.imglist_w li a:hover img { filter: alpha(opacity=86); -moz-opacity: 0.86; opacity: 0.86; }
.imglist_w li p { overflow: hidden; padding:0px 20px 10px;text-align:left;}
.left { float: left; /* width: 30px; height: 52px; line-height: 52px;color: #fff; left: 10px; background: rgba(0, 0, 0, .7) */}
.right { float: right; width: 30px; height: 52px; line-height: 52px;/* color: #fff; right: 10px; background: rgba(0, 0, 0, .7) */}

/*对比表格i*/
.wzg_dl{background: #e84240; width:460px; padding:20px 0px 40px;box-shadow: 0px 7px 7px #888888;-moz-box-shadow: 0px 7px 7px #888888;;}
.wzg_dl dt{ height:60px; font-weight:normal;}
.wzg_dl dt,.wzg_dl dd{ color:#fff;}
.wzg_dl dd,.wzg_dl dt{border-bottom: 1px solid #d62826; padding: 20px 0px;}
.wzg_dl dt,.xgs_dl dt{font-size: 32px; text-align:center;}
.wzg_dl dd,.xgs_dl dd{font-size: 16px;height: 35px;text-align:center;}
.xgs_dl{background: #fff; width: 366px;border: 1px solid #d3d3d3;margin-top: 34px;}
.xgs_dl dd,.xgs_dl dt{padding:20px; border-bottom: 1px solid #ddd; height: 35px;}
.xgs_dl dt{ height:45px; font-weight:normal; padding: 20px 0px;}


/*网站托管+营销型网站*/
.font60 {font-size: 60px;}
.font18 {font-size: 18px;}
.mart10 {margin-top: 10px;}
.mart30 {margin-top: 30px;}
.aitxt {width: 540px; text-align: left;max-width: 50%; margin-top: 200px;}
.tit_em {margin-bottom: 30px;}
.aiimg {background: url(../images/qetg_wz.jpg) right bottom no-repeat;width: 50%; height: 610px;}
.wz_zs{ color:#e80000;}
.xgs_dl *{
  box-sizing: unset;
}

.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;}

/*托管页新闻-品牌推广页新闻*/
/*新闻中心*/
.i-img{float:left;padding:10px; border:1px solid #ddd;}
.i-img img{ display:inline-block; width:470px; height:308px; }
.new_tit{ overflow:hidden; margin:10px;}
.new_tit a{ color:#333;}
.new_tit span{ font-size:18px;}
.tg_news
{   
    padding-bottom: 20px;
    overflow: hidden;
}
.tg_news li
{
      border: 1px dotted #ddd;
    padding: 10px;
    background: #fff;
    margin-bottom: 5px;
    overflow: hidden;
    float: left;
    margin: 0px 10px 12px;
    width: 556px;
}
.tg_news li .date
{
    width: 90px;
    color: #0f9ca1;
    float: left;
    font-size: 52px;
    text-align: center;
    line-height: 80px;
    display: inline-block;
    margin: 10px;
}
.tg_news li .date span
{
    display: block;
    font-size: 28px;
	background: #f7f7f7;
}
.tg_news li h3
{
    color: #111;
    font-size: 16px;
    margin-top: 13px;
    margin-bottom: 8px;
    font-weight: normal;
}
.tg_news li p
{
    color: #888;
    font-size: 14px;
    line-height: 25px;
    margin-right: 5px;
    text-align: left;
    text-indent: 0;
}

.ntxt
{
display: inline-block;
float: left;
overflow: hidden;
width: 420px;
}
.noticetxt a
{
    display: block;
    width: 100%;
}
.tg_news li:hover
{
    background: #f7f7f7;
}

.neitit
{
    text-align: center;
    line-height: 40px;
    margin-top: 10px;
    color: #555;
}
.f_left {
    float: left;
    padding: 0;
    margin: 0;
}
.f_right {
    float: right;
    padding: 0;
    margin: 0;
}
.header .header-nav li .nav-list, .header-static .header-nav li .nav-list{
  margin-top: 0;
}