@charset "utf-8";
/* CSS Document */
@media (min-width: 640px){.container{margin: 0 6%;}}
@media (min-width: 1200px){.container{margin: 0 6%;}}
@media (min-width: 1600px){.container{margin: 0 6%;}}
/* ------------------------------------- 顶部导航样式  -------------------------------*/
#header {
	width: 100%; height: 80px;transition: all ease .3s;	z-index: 99; position: fixed; top: 0; z-index: 999; background: #fff;
}
.nobanner #header {
	background: rgba(255, 255, 255, 0.9);
}
.nav_box{ margin: 0 30px;}
#header #logo{ display: block; width:200px; height: 55px;  float: left; padding-top: 10px;
}
#header .main #logo img{ width:100%;
}
/*nav*/
.index_nav .nav .m { width: 90px; margin: 0 10px;transition: all ease .3s;position: relative;	float:left;	display: inline-block;
	}
.index_nav .nav h3 a:link, .nav h3 a:visited {
	zoom: 1;width: auto;height: 80px;line-height: 80px;display: block;color: #333;text-align:center;font-size: 18px;font-weight: normal;
}
.nav .sub{background-color: #fff;width: 310px;padding: 15px;position: absolute;top: 80px;float: left;overflow: visible;left: -50px;display: none;}
.nav .sub a{display: block;line-height: 30px;float: left;margin: 5px 10px;background-color: #eee;padding: 5px 10px;text-align: center;}
.nav .sub a:hover{ background-color: #0068b7; color: #fff;}

/*当前状态*/
.index_nav .nav .cur h3 a, .nav .on {	color:#0068b7; 	}
.index_nav .nav .on h3 a:link, .nav .on h3 a:visited {	color:#0068b7;	text-decoration:none;}
.index_nav_fixed .index_nav {    position: fixed;top: 0;
    -webkit-box-shadow:2px 0 10px rgba(80, 80, 80, 0.3);box-shadow: 2px 0 10px rgba(80, 80, 80, 0.3);
}



/* ------------------------------------- 内页导航样式  -------------------------------*/
.page_nav_main{ width: 100%; background: #f3f4f4;border-bottom: 1px solid #eaeaea;display: none;
	transition: all 0.3s;-webkit-transition: all 0.3s;
}
.page_nav_main .page_nav{    margin-top: 0px;text-align: right; float: none; }
.page_nav_main .page_nav li{ width: 150px; display: inline-block; margin-left: 10px; text-align: center;height: 56px;border-right: 1px solid #eaeaea;}
.page_nav_main .page_nav li a{ display: block; line-height: 36px;font-size: 14px;margin: 10px; }
.page_nav_main .page_nav li.cur a{ background: #0068b7; color: #fff; }
.index_nav_fixed .page_nav_main { position: fixed;top: 80px;z-index: 10;display: block;   transition: all 0.3s;-webkit-transition: all 0.3s;
}

/* --------------------------------------------首页幻灯片 --------------------------------------------- */

.banner{display: block;overflow: hidden;position: relative;width: 100%;margin: 0 auto;height: calc(100vh);background-color: #000;
}
.banner ul li{display: block;position: absolute;width: 100%;height: calc(100vh);top:0;left:-9999px;z-index: 0;
}
.banner ul li.on{left:0;
}
.banner ul li a{display: block;width: 100%;height: calc(100vh);background: center center;background-repeat: no-repeat;-webkit-background-size: cover;background-size: cover;
}
.banner ul li a{display: block;width: 100%;height: calc(100vh);
}
.banner .btn{display: none;position: absolute;z-index: 5;width: 36px;height: 64px;top:50%;margin-top: -32px;text-align: center;line-height: 67px;
	color: #fff;font-family: "Simsun";font-size: 30px;background-color: #000 !important;background-color: rgba(0,0,0,0.4) !important;transition: 0.3s;
	-webkit-transition: 0.3s;
	-o-transition: 0.3s;
	-ms-transition: 0.3s;
	-moz-transition: 0.3s;
}
.banner:hover .btn{display: block;
}
.banner .btn.prev{left:0;
}
.banner .btn.next{right:0;
}
.banner .btn:hover{background-color: rgba(0,0,0,0.6) !important;
}
.banner ol{display: block;position: absolute;width: 100%;bottom:30px;text-align: center;z-index: 5;font-size: 0;
}
.banner ol li{display: inline-block;*display: inline;*zoom:1;margin: 0px 10px;
	cursor: pointer;vertical-align: middle;
	
}
.banner ol li span{ display: block;  width: 60px;height: 8px;background: url(../images/bg2.png) center no-repeat;}
.banner ol li.active span{background: url(../images/bg3.png) center no-repeat;}
.banner .action{display: block;position: absolute;width: 100%;height: 30px;left: 0;bottom:31px;z-index: 3;
}
.banner .action .scroll-btn{position: absolute;display: block;width: 22px;height: 30px;top:0;left:50%;margin-left: -11px;
	background: url(../../templets/imgs/scroll-btn.png) no-repeat center;z-index: 4;animation: myFade 2s linear infinite;
}
.banner .action .line-l{position: absolute;display: block;width: 100%;height: 1px;background-color: #a7a8a7;top:50%;margin-top: -1px;
	right:50%;margin-right: 31px;
}
.banner .action .line-r{position: absolute;display: block;width: 100%;height: 1px;background-color: #a7a8a7;top:50%;margin-top: -1px;
	left:50%;margin-left: 31px;
}

/*--------------------------------------------------------内页广告图*/
.page_banner_wrap {width:100%;position:relative;height:400px;overflow:hidden;	
}
.page_banner {position:absolute;left:50%;margin-left:-960px;width:1920px;
}



#indexPage a.more i { font-size: 20px; top: 1px; position: relative; }
#indexPage a.more { height: 38px; font-size: 14px; line-height: 38px; font-family: "HELVETICANEUELTPRO-THEX", "微软雅黑"; color: #fff; border-color: rgba(0,0,0,.2); border-radius: 0px; text-align: center; text-indent: 0px; margin: 3% auto; width: 220px; background-color: #232323; }
.bx-pager { display: none; }

.content .ind_title h2{ font-size: 48px; color: #000; text-align: center;
}
.content .ind_title h2 span{ color: #0089fe;
}
.content .ind_title p{text-align: center; font-size: 40px; color: #c7c6c6;line-height: 40px;font-family: Century Gothic, Arial;font-weight: normal;
}

#mservice .content .ind_title h2{ color: #fff;}

/* --------------------------------------------  首页业务 --------------------------------------------- */
.ind_bus { width: 100%; padding: 60px 0 0px 0;position: relative;
}


/*-----------------------------------  首页案例  -------------*/
.ind_case_main{ background: #f2f2f2; padding: 50px 0; margin-top: 70px; padding: 50px 30px 30px 30px;} 
.ind_c_class{ text-align: center;}
.ind_c_class a{ display: inline-block; font-size: 14px; padding: 2px 15px; line-height: 30px; margin: 0 5px;background: #fff;border-radius: 2px;}
.ind_c_class a:hover, .ind_c_class a.all{background: #2d6ae3;color: #fff;}
.ind_case_list li{ width: 33.333%; float: left; text-align: left;position: relative;}
.ind_case_list li a{ display: block; margin: 10px 15px; padding: 10px 10px; background: #fff;}
.ind_case_list li .img{width: 100%; height: 100%; position: relative;}
.ind_case_list li .img img{display: block;max-width: 100%;}
.ind_case_list li .bot{ width: 80%; padding: 15px 10px 15px 20px;}
.ind_case_list li .bot h3{ font-size: 18px; font-weight: 600;margin: 5px 0;}
.ind_case_list li .bot p{ font-size: 14px; color: #555555; margin-bottom: 5px;}
.ind_case_list li span{ position: absolute; right: 50px; bottom: 50px; width: 30px; height: 30px;  background: url(../images/bg9.png) center no-repeat;
}
.ind_case_list .img::after{position: absolute; display: block; content: ""; left: 0; top: 0; width: 100%; height: 100%; background: rgba(0,0,0,.5); opacity: 0; -webkit-transition: all 0.3s; transition: all 0.3s;
}
.ind_case_list li:hover .img img{transform: scale(1.3, 1.3);}
.ind_case_list li:hover .img::after{opacity: 0.6;}
.ind_case_list li:hover span{background: url(../images/bg10.png) center no-repeat;}

.ind_case_main .ind_c_more{ width: 500px; line-height: 60px;box-shadow: 0 5px 10px 2px rgba(45, 106, 227, 0.17); color: #fff; font-size: 30px;	background: url(../images/bg3.jpg) center  repeat-x;border-radius:30px; display: block; margin: 70px auto 50px auto;
}
.ind_case_main .ind_c_more:hover{background: #2d6ae3;color: #fff;}


/*-----------------------------------  首页关于我们  -------------*/

.ind_about{ background-image: url(../images/bg1.jpg); background-repeat: repeat-x; background-position: left bottom; background-color: #fff; padding-bottom: 20px;
}
.ind_about_l li{ width: 80px; float: left;}
.ind_about_l li p{font-size: 24px;  margin-top: 10px;}

.ind_about_r img{box-shadow: 5px 5px 30px 2px rgba(47, 47, 47, 0.17);}

/*-----------------------------------  首页新闻  -------------*/
.ind_news{ width: 100%; background: #f2f2f2;}
.ind_news .ind_n_class a{ display: inline-block; font-size: 14px; padding: 2px 15px; line-height: 30px; margin: 0 5px;background: #fff;border-radius: 2px;}
.ind_news .ind_n_class a:hover, .ind_news .ind_n_class a.all{background: #2d6ae3;color: #fff;}
.ind_news_l{ height: 470px;    background: #fff;}
.ind_news_l a{ display: block; padding: 20px; }
.ind_news_l a .bt{ padding: 10px; }
.ind_news_l a .bt h3{ -webkit-line-clamp: 1;}
.ind_news_r{ background: #fff; padding: 10px 20px;height: 450px;}
.ind_news_r li{  width: 380px; float: left; padding-bottom: 10px; margin: 10px 0; border-bottom: 1px solid #eee;}
.ind_news_r li:nth-child(odd){ margin-right: 20px;}
.ind_news_r li a{ display: block;}
.ind_news_r li a .img{ width: 120px; height: 80px; float: left;}
.ind_news_r li a .bt{ width: 250px;  float: right;}
.ind_news_r li a .bt h3{ line-height: 28px; margin-bottom: 5px;}


/*-----------------------------------  底部留言  -------------*/
.foot_message .inputtxt{ border: none; border-radius: 2px; background: #eee; display: block; padding: 10px 10px; height: 30px;width: 240px;}
.foot_message .inputtxt input{ height: 30px; line-height: 30px; width: 100%;}
.foot_message .txe{ border: none; border-radius: 2px; background: #eee; display: block; padding: 10px 10px; height: 30px;width: 480px;}
.foot_message .txe textarea{ height: 30px; line-height: 26px; width: 100%;border: none; background: none;}
.foot_message .butt a{ display: block; height: 50px; line-height: 50px;  text-align: center; font-size: 18px; color: #fff;background: #0068b7; border-radius: 2px;}
.foot_message .butt a:hover{background: #f2014b;}

.foot{ background: #262626; padding: 50px 0;}
.foot_tel{font-family: fantasy;line-height: 80px;	color: #009bfd; font-size: 2.5vw;letter-spacing: 1px;}
.ind_foot_link a, .ind_copy a, .ind_copy{ color: #999; padding: 0 10px;}
.ind_foot_link a:hover, .ind_copy a:hover{color: #fff;}
.foot_l a:hover{ color:#fff;}


/* --------------------------------------------------------------------  样式  */

.news_de_left .text_info{ border-bottom: 1px solid #eee; margin-bottom: 20px;
}
.news_de .page_news_text img{}
.news_de_left  .page_news_text{overflow: hidden; padding-bottom: 50px; margin-bottom: 20px;}
.news_de_left  .page_news_text p{line-height: 26px; font-size: 14px; margin-top:8px; margin-bottom:8px;}
.news_de_left  .page_news_text img{ }
.news_de_left  .page_news_text a{ color:#0066FF}

.news_de .news_de_r ul li{height: 90px; margin-bottom: 10px;border-bottom: 1px solid #eee; }
.news_de .news_de_r ul li .img { width: 110px; height: 73px; overflow: hidden;}
.news_de .news_de_r ul li img{ width: 100%; height: 100%;transition: all ease-out .8s;}
.news_de .news_de_r ul li .grid_25 a{color: #000; font-size: 16px; line-height: 24px;height: 48px;overflow: hidden;}
.news_de .news_de_r ul li .grid_25 h2{ font-weight:normal}
.news_de .news_de_r ul li .grid_25 p{color: #9d9d9d; font-size: 12px; line-height: 22px;height: 22px;overflow: hidden;}

/* ----------------------------------------------------- 内页竞价托管  样式  ---------------*/

.sem_banner {width:100%;position:relative;height:600px;overflow:hidden;}
.sem_page_banner {position:absolute;left:50%;margin-left:-960px;width:1920px;}

.sem_de1{ padding: 50px 0;}
.sem_adv .li_box{ width: 80%; margin: auto auto; background: #f6f6f6; padding: 50px 0;}
.sem_adv .li_box li{width: 380px;  background: #fff; border-radius: 5px; box-shadow: 0 0 5px 2px rgba(240, 240, 240, 0.41);float: left; padding: 10px 0;}
.sem_adv .li_box li .icon{ width: 80px; float: left; margin:10px 20px 0px 10px; }
.sem_adv .li_box li .txt{ width: 220px; float: left; }
.sem_adv .li_box li .txt .p1{  color: #3a3f54;}
.sem_adv .li_box li .txt .p2{  line-height: 24px;}
.sem_adv .li_box li.li1, .sem_adv .li_box li.li2, .sem_adv .li_box li.li3{ width: 380px;}
.sem_adv .li_box li.li4, .sem_adv .li_box li.li5, .sem_adv .li_box li.li6, .sem_adv .li_box li.li7{ width: 290px;margin-top: 30px;}
.sem_adv .li_box li.li1, .sem_adv .li_box li.li2{ margin-right: 70px;}
.sem_adv .li_box li.li4, .sem_adv .li_box li.li5, .sem_adv .li_box li.li6{ margin-right: 40px;}
.sem_adv .li_box li.li4 .txt, .sem_adv .li_box li.li5 .txt, .sem_adv .li_box li.li6 .txt, .sem_adv .li_box li.li7 .txt{ width: 170px; }
.sem_adv .li_box li.li4 .icon, .sem_adv .li_box li.li5 .icon, .sem_adv .li_box li.li6 .icon, .sem_adv .li_box li.li7 .icon{margin: 5px 10px 0px 10px;}

.page_sem_vs{width: 100%;  padding:20px 0 50px 0; background: url( ../images/sem/sem8.jpg) top center no-repeat;}
.page_sem_vs_l {width: 600px;}
.page_sem_vs_l .ti{ height: 80px;line-height: 80px; background: url( ../images/sem/sem13.jpg) left center repeat-x; border-radius: 10px 10px 0 0;}
.page_sem_vs_l ul{ background: #fff; padding: 35px 35px 30px 50px;}
.page_sem_vs_l li{ height: 50px;line-height: 50px; padding: 0 40px 0 100px; border-radius: 5px;	 margin: 20px 0;
	background-image: url( ../images/sem/sem12.png); background-color: #f3f6fc; background-repeat: no-repeat; background-position: 20px center;}
.page_sem_vs_l li span{ line-height: 50px;}

.page_sem_vs_r {width: 600px;}
.page_sem_vs_r .ti{ height: 80px;line-height: 80px; background: url( ../images/sem/sem13.jpg) left center repeat-x; border-radius: 10px 10px 0 0;}
.page_sem_vs_r ul{ background: #fff; padding: 35px 35px 10px 50px;}
.page_sem_vs_r li{ height: 50px;line-height: 50px; padding: 0 40px 0 140px; border-radius: 5px;	 margin: 20px 0 50px 0; position: relative;
	background-image: url( ../images/sem/sem12.png); background-color: #f3f6fc; background-repeat: no-repeat; background-position: 80px center;}
.page_sem_vs_r li img{ position: absolute; left: -7px; top: -10px;}
.page_sem_vs_r li p{ line-height: 50px;}


.page_sem_team .page_sem_team_l .bt{ display: block; width: 70px; height: 3px; background: #00a0e9; margin-bottom: 20px; margin-top: 10px;}
.page_sem_team .page_sem_team_l .title{    line-height: 28px; color: #000;}
.page_sem_team .page_sem_team_l ul li{margin-bottom: 20px;}
.page_sem_team .page_sem_team_l ul li h3{ color: #008dfa; font-size: 18px; font-weight: bold;}
.page_sem_team .page_sem_team_l ul li p{ color: #666666; font-size: 16px;}

.page_sem_team .page_sem_team_r{ width:550px; height: 500px; position: relative;}
.page_sem_team .page_sem_team_r .pic{ width:550px; height: 500px; position: absolute; z-index: 2; left:0; top:0;}
.page_sem_team .page_sem_team_r .pic .img1{  position: absolute; z-index: 3; left:0; top:0;}
.page_sem_team .page_sem_team_r .pic .img2{  position: absolute; z-index: 4; left:0; top:0;}

.page_sem_team .page_sem_team_r h3{  position: absolute;z-index: 5;color: #fff; font-size: 20px; text-align: center;}
.page_sem_team .page_sem_team_r h3.title1{ width: 89px; height: 120px; background: url(../images/icon24.png) center no-repeat; line-height: 120px;}
.page_sem_team .page_sem_team_r h3.title2{ width: 89px; height: 120px; background: url(../images/icon25.png) center no-repeat; line-height: 120px;}
.page_sem_team .page_sem_team_r h3.title3{ width: 118px; height: 133px; background: url(../images/icon26.png) center no-repeat; line-height: 133px;}
.page_sem_team .page_sem_team_r h3.title4{ width: 118px; height: 133px; background: url(../images/icon27.png) center no-repeat; line-height: 133px;}

.page_sem_team .page_sem_team_r h3.title1{left: 20px; top:150px;}
.page_sem_team .page_sem_team_r h3.title2{left: 320px; top:20px;}
.page_sem_team .page_sem_team_r h3.title3{left: 130px; top:10px;}
.page_sem_team .page_sem_team_r h3.title4{left: 410px; top:140px;}


.page_sem_reason {width: 100%; padding:50px 0; background:#f6f6f6;}
.page_sem_reason ul li{ width: 386px; padding: 0 20px; float: left; text-align: left; background:#fff; height: 160px;}
.page_sem_reason ul li:nth-child(even){ background:#f1f2f4; }
.page_sem_reason ul li .p1{ color: #3a3f54; font-size: 24px; margin: 25px 0 10px 0; font-weight: bold; }
.page_sem_reason ul li .p2{ color: #666666; font-size: 14px; }

.page_sem_reason .more{width: 500px; line-height: 60px;box-shadow: 0 5px 10px 2px rgba(45, 106, 227, 0.17);border-radius:50px; color: #fff; font-size: 30px;	background: url(../images/bg3.jpg) center  repeat-x;border-radius:30px; display: block; margin: 50px auto 20px auto;
}
.page_sem_reason .more:hover{background: #0193fa;}
/* -内页竞价托管 选择的六大理由 样式  */

.page_sem_data{padding:20px 0 80px 0;} 
.page_sem_data h1, .page_sem_client h1, .page_sem_service h1, .page_sem2_service h1{font-size: 30px;} 
.page_sem_data li{ width:360px; float:left;text-align: center; padding: 0 33px;}
.page_sem_data li .p1{ color: #3a3f54; font-size: 24px; font-weight: bold;margin-top: 20px;}
.page_sem_data li .p2{ color: #666666; font-size: 14px;margin-top: 10px;}
.page_sem_data li span{display: block; width: 40px; height: 3px; background: #bcbcbc;margin: 15px auto; }

/* --内页竞价托管 效果营销 样式  */
.page_sem_client{width: 100%; padding:20px 0; background: url(../images/bg22.jpg) #f1eff2 center bottom no-repeat;}
.page_sem_client .tmall_brand{ position: relative; width: 1200px; overflow: hidden;  }
.page_sem_client .tmall_brand .fCl-slide a{ display: block; height: 59px; line-height: 59px; width: 120px; text-align: center; color: #666; overflow: hidden; }
.page_sem_client .tmall_brand .fCl-slide  li{ width: 540px;height: 240px;background: #fff;float: left;padding: 20px 20px;border-radius: 10px;margin: 15px 15px 15px 0px;}
.page_sem_client li .text .p1{ color: #3a3f54;font-weight: bold; margin-bottom: 20px;border-bottom: 1px solid #eee;line-height: 40px; }
.page_sem_client li .text .p2{font-size: 14px; height: 150px;  line-height: 24px; overflow: hidden;color: #666;}
.page_sem_client li .img{width:150px; height:190px; overflow: hidden;margin: 10px 0px 10px 10px;}
.page_sem_client  li .img img{width:100%; height:100%; }
.page_sem_client .tmall_brand .fCl-nav{ height:24px; line-height:24px; text-align: center;}
.page_sem_client .tmall_brand .fCl-nav li{ display: inline-block; width: 15px; font-family: Tahoma,Helvetica; font-size: 38px; _font-size: 48px; margin-right: 15px; color: #B2B2B2; cursor: pointer;}
.page_sem_client .tmall_brand .fCl-nav li.on{ color:#066cc3;  }

.page_sem_service { padding:20px 0;}
.page_sem_service .main{ background: url(../images/bg23.png) center center no-repeat; min-height: 500px;}
.page_sem_service .main li{ height: 90px; margin-bottom: 20px;}
.page_sem_service .main li .text h3{ font-size: 18px;color: #000;font-weight: normal; }
.page_sem_service .main li .text  p{ font-size: 14px;color: #7f7f7f; }
.page_sem_service .se_list2 .icon{ float:right;   margin-right: 0px; margin-left: 15px;}
.page_sem_service ul .icon img{   -webkit-transition: all .4s ease-out;
    -moz-transition: all .4s ease-out;
    -ms-transition: all .4s ease-out;
    transition: all .4s ease-out;
}
.page_sem_service .main li:hover .icon img{-webkit-transform:rotate(360deg);-moz-transform:rotate(360deg);-ms-transform:rotate(360deg);transform:rotate(360deg)
}
.page_sem_service .se_list2 .text{ text-align: right;}


/* --------------------------------------------------------------------内页竞价托管 服务 样式  */

.page_sem_wei{width: 100%; padding:30px 0 30px 0; background: url( ../images/sem/sem14.jpg) center top no-repeat; font-size: 16px;}
.page_sem_wei .tab li{ line-height: 46px; height: 46px; width: 150px; float: left; text-align: center;margin-right: 10px; background: #fff;
	border-radius: 5px;
}
.page_sem_wei .grid_81 p{ padding-bottom: 10px; margin-bottom: 10px;}
.page_sem_wei .pic{ background: #fff; padding: 15px; border-radius: 10px;}
.page_sem_wei .pic img{ width: 70%; margin: 0 auto;}

/* --------------------------------------------------------------------内页竞价托管 其他业务 样式  */


.page_sem2_about h1{font-size: 36px; margin-top: 30px; margin-bottom: 10px;}
.page_sem2_about h1{font-size: 30px; margin-top: 20; margin-bottom: 10px;}

.page_sem2_icon .number span{font-size: 50px; color: #2fa9fe;font-weight: bold;}
.page_sem2_icon .number p{font-size: 16px; color: #fff; margin: 20px 0;}
.page_sem2_icon { height: 410px; padding:40px 0 0px 0; background: url(../images/bg23.jpg) center top no-repeat;}
.page_sem2_about .page_sem2_icon ul li{ width: 200px; float: left; padding: 0 20px; text-align: center; position: relative;margin-top: 20px;
}
.page_sem2_about .page_sem2_icon ul li span{display: block;  width: 156px; height: 156px; margin: 0 auto;}
.page_sem2_about .page_sem2_icon ul li span, .page_sem2_about .page_sem2_icon ul li{ transition: all 0.3s;-webkit-transition: all 0.3s;
}
.page_sem2_about .page_sem2_icon ul li:hover span{top:-20px;
	-webkit-transition: all .4s ease-out;
    -moz-transition: all .4s ease-out;
    -ms-transition: all .4s ease-out;
    transition: all .4s ease-out;
}
.page_sem2_about .page_sem2_icon ul li h3{font-size: 24px; margin-top: 10px;color: #fff;}
.page_sem2_about .page_sem2_icon ul li.li1 span{ background: url(../images/icon38_1.png) no-repeat;}
.page_sem2_about .page_sem2_icon ul li.li2 span{ background: url(../images/icon39_1.png) no-repeat;}
.page_sem2_about .page_sem2_icon ul li.li3 span{ background: url(../images/icon40_1.png) no-repeat;}
.page_sem2_about .page_sem2_icon ul li.li4 span{ background: url(../images/icon41_1.png) no-repeat;}
.page_sem2_about .page_sem2_icon ul li.li5 span{ background: url(../images/icon42_1.png) no-repeat;}

.page_sem2_about .page_sem2_icon ul li:hover.li1 span{ background: url(../images/icon38_2.png) no-repeat;}
.page_sem2_about .page_sem2_icon ul li:hover.li2 span{ background: url(../images/icon39_2.png) no-repeat;}
.page_sem2_about .page_sem2_icon ul li:hover.li3 span{ background: url(../images/icon40_2.png) no-repeat;}
.page_sem2_about .page_sem2_icon ul li:hover.li4 span{ background: url(../images/icon41_2.png) no-repeat;}
.page_sem2_about .page_sem2_icon ul li:hover.li5 span{ background: url(../images/icon42_2.png) no-repeat;}

/* --------------------------------------------------------------------内页竞价托管 关于竞价推广 样式  */

.page_sem2_spr .ti, .page_sem2_fea .ti{font-size: 28px;margin-bottom: 20px; font-weight: bold;}
.page_sem2_spr .text .p2, .page_sem2_fea .p2{line-height: 30px; color: #666; }
.page_sem2_spr .text p span, .page_sem2_fea .text p span{ color: #00a2ff; font-weight: bold; }
.page_sem2_spr .img_box { width:650px; min-height: 400px; position: relative;}
.page_sem2_spr .img_box img{ position: absolute;}
.page_sem2_spr .img_box img.img1{ left:0px; top:0px;}

.page_sem2_spr .img_box img.img2{ left:10px; top:20px;}
.page_sem2_spr .img_box img.img3{ left:30px; top:100px;}
.page_sem2_spr .img_box img.img4{ left:0px; top:180px;}
.page_sem2_spr .img_box img.img5{ left:110px; top:260px;}
.page_sem2_spr .img_box img.img6{ left:210px; top:50px;}
.page_sem2_spr .img_box img.img7{ left:220px; top:140px;}

/* --------------------------------------------------------------------内页竞价托管 竞价推广是什么 样式  */

.page_sem2_fea{background: #fbfbfb; padding: 10px 0;}
.page_sem2_fea{background: #fbfbfb; padding: 10px 0;}

/* --------------------------------------------------------------------内页竞价托管 竞价推广特点 样式  */


.page_sem2_ten h1{ padding-bottom:10px; border-bottom: 1px solid #eee;    font-size: 30px;}
.page_sem2_ten h1 p{line-height: 22px;}
.page_sem2_ten .sem2_ten_list li{ width:540px;height: 160px;}
.page_sem2_ten .sem2_ten_list li h3{font-size: 24px; font-weight: normal; line-height: 61px;    height: 70px; }
.page_sem2_ten .sem2_ten_list li h3 span{ display: block; width:70px; height: 61px; float: left; font-family: Arial;  font-size: 48px;color: #fff;     text-indent: 18px;margin-right: 10px;
}
.page_sem2_ten .sem2_ten_list li.li10 h3 span{text-indent: 2px;}
.page_sem2_ten .sem2_ten_list li p{font-size: 14px; color: #666;}

.page_sem2_ten .sem2_ten_list li.li1 h3 span{ background:url(../images/bg25.png) no-repeat;}
.page_sem2_ten .sem2_ten_list li.li2 h3 span{ background:url(../images/bg26.png) no-repeat;}
.page_sem2_ten .sem2_ten_list li.li3 h3 span{ background:url(../images/bg27.png) no-repeat;}
.page_sem2_ten .sem2_ten_list li.li4 h3 span{ background:url(../images/bg28.png) no-repeat;}
.page_sem2_ten .sem2_ten_list li.li5 h3 span{ background:url(../images/bg29.png) no-repeat;}
.page_sem2_ten .sem2_ten_list li.li6 h3 span{ background:url(../images/bg30.png) no-repeat;}
.page_sem2_ten .sem2_ten_list li.li7 h3 span{ background:url(../images/bg31.png) no-repeat;}
.page_sem2_ten .sem2_ten_list li.li8 h3 span{ background:url(../images/bg32.png) no-repeat;}
.page_sem2_ten .sem2_ten_list li.li9 h3 span{ background:url(../images/bg33.png) no-repeat;}
.page_sem2_ten .sem2_ten_list li.li10 h3 span{ background:url(../images/bg34.png) no-repeat;}

.page_sem2_ten .sem2_ten_list li.li1 h3{ color: #0cbbb5;}
.page_sem2_ten .sem2_ten_list li.li2 h3{ color: #932aeb;}
.page_sem2_ten .sem2_ten_list li.li3 h3{ color: #1771d6;}
.page_sem2_ten .sem2_ten_list li.li4 h3{ color: #ebaa1f;}
.page_sem2_ten .sem2_ten_list li.li5 h3{ color: #e011de;}
.page_sem2_ten .sem2_ten_list li.li6 h3{ color: #1fc2eb;}
.page_sem2_ten .sem2_ten_list li.li7 h3{ color: #05a934;}
.page_sem2_ten .sem2_ten_list li.li8 h3{ color: #7e4a24;}
.page_sem2_ten .sem2_ten_list li.li9 h3{ color: #75797e;}
.page_sem2_ten .sem2_ten_list li.li10 h3{ color: #687ab5;}

/* --------------------------------------------------------------------内页竞价托管 竞价推广的十大理由 样式  */

.page_sem2_range{width: 100%;  background: url(../images/bg35.jpg) #f1faff center top no-repeat;
}
.page_sem2_range .text p{font-size: 18px; line-height: 30px; }
.page_sem2_range .text span{font-size: 18px; color: #fff; font-weight: bold; }
.page_sem2_range ul li{width: 200px; height: 100px; background: #fff; border-radius: 10px; float: left;    overflow: hidden;    margin: 20px; transition: all ease-out .8s;}
.page_sem2_range ul li:nth-child(5), page_sem2_range ul li:nth-child(10){margin-right: 0px;
}
.page_sem2_range ul li:hover{transform: scale(1.3, 1.3);box-shadow:0 0 5px 5px rgba(175, 175, 175, 0.41);
}

/* --------------------------------------------------------------------内页竞价托管 竞价推广的十大理由 样式  */
.page_sem2_service{background: #f1faff;}
.page_sem2_service ul li{ width:200px; float: left; padding: 0 20px; text-align: center; font-size: 18px; margin: 30px 0 60px 0;
}
.page_sem2_service ul li .icon img{ width:110px; height: 110px;  -webkit-transition: all .4s ease-out; margin: 0 auto;
    -moz-transition: all .4s ease-out;
    -ms-transition: all .4s ease-out;
    transition: all .4s ease-out;
}
.page_sem2_service ul li:hover .icon img{-webkit-transform:rotate(360deg);-moz-transform:rotate(360deg);-ms-transform:rotate(360deg);transform:rotate(360deg)
}
.page_sem2_service ul li span{ display: block; width:20px; height: 3px; margin: 10px auto; background: #e2dfdf;
}
.page_sem2_service ul li h3{ font-size: 18px;color: #3a3f54;}


.page_seo1_four h1{ font-size: 36px; font-weight: normal;}
.page_seo1_four ul li{margin-right: 32px;height: 201px;width: 276px;box-sizing: border-box;position: relative;padding: 0 24px;margin-bottom: 30px;border: 1px solid #ededed;border-radius: 8px;float: left;box-shadow:0 0 4px 2px #ededed
}
.page_seo1_four ul li.li2 h3{ color: #c467c3;}
.page_seo1_four ul li.li3 h3{ color: #de9536;}
.page_seo1_four ul li.li4 h3{ color: #397de3;}
.page_seo1_four ul li.li4{margin: 0;}
.page_seo1_four ul li img{-webkit-transform: scale(.9);transform: scale(.9);opacity: .3;right: 26px;-webkit-transition: all .5s;transition: all .5s;
bottom: 18px;position: absolute;
}
.page_seo1_four ul li h3{ font-weight: normal;    position: relative;
    z-index: 1;
    -webkit-transition: all .3s;transition: all .3s;
    text-align: left;
    padding-top: 26px;
    top: 0;
    line-height: 40px;
    font-size: 24px;
    color: #68b551;
}
.page_seo1_four ul li p{    position: relative;
    z-index: 1;
    line-height: 26px;
    font-size: 16px;
    color: #999;
}
.page_seo1_four ul li:hover h3{top:99px; text-align: center;}
.page_seo1_four ul li:hover p{display:none;}
.page_seo1_four ul li:hover img{bottom:85px;-webkit-transform:scale(1) translateX(50%);transform:scale(1) translateX(50%);opacity:1;right:50%}

/* --------------------------------------------------------------------内页全网营销 四大难题 样式  */

.page_seo1_av .page_seo1_av_l{background: #fbfbfb;height: 350px;}
.page_seo1_av .page_seo1_av_l span{display: block; width:70px; height: 3px; background: #eee;}
.page_seo1_av .page_seo1_av_l h2{color: #919191;}
.page_seo1_av .page_seo1_av_l p{color: #0089fe; font-size: 36px;}
.page_seo1_av .page_seo1_av_r{ height: 350px; background: url(../images/bg36.jpg) center no-repeat;}
/* --------------------------------------------------------------------内页全网营销 广告语 样式  */


.page_seo1_strategy{width:100%; min-height: 450px; background: url(../images/bg37.jpg) center bottom no-repeat;
}
.page_seo1_strategy .title h1, .page_seo1_tactics .title h1, .page_seo1_process .title h1{color: #333; font-size: 36px;}
.page_seo1_strategy .title h3, .page_seo1_tactics .title h3, .page_seo1_process .title h3{color: #7e7e7e;}
.page_seo1_strategy ul  {width: 1100px; margin: 40px auto 0 auto;}
.page_seo1_strategy ul li{ float: left; width:240px;}
.page_seo1_strategy ul li.li5{ width:100px;float: right;}
.page_seo1_strategy ul li.li5 .icon{ width:100px;}
.page_seo1_strategy ul li .icon img{ width: 100px;height: 100px;    margin: 0 auto;
    -webkit-transition: all .4s ease-out;
    -moz-transition: all .4s ease-out;
    -ms-transition: all .4s ease-out;
    transition: all .4s ease-out;
}
.page_seo1_strategy ul li:hover .icon img{-webkit-transform:rotate(360deg);-moz-transform:rotate(360deg);-ms-transform:rotate(360deg);transform:rotate(360deg)
}
.page_seo1_strategy ul li p{color: #777777; font-size: 24px; margin-top: 20px;}
.page_seo1_strategy ul li.li5 p{color:#4e7dff;}
.page_seo1_strategy ul li .arrow{ width: 30px; height: 16px; background: url(../images/icon53.png) no-repeat; margin-top: 50px;}

/* --------------------------------------------------------------------内页全网营销 企业策略与方向 样式  */


.page_seo1_tactics .title, .page_seo1_process .title{padding-bottom: 10px; border-bottom: 1px solid #eee;}
.page_seo1_tactics .seo1_tactics_six h3.title2, .seo1_tactics_eight h3.title2{color: #1191fe; font-size: 24px; border-left: 4px solid #1191fe; height: 24px; line-height: 24px; padding-left: 10px; font-weight: normal;}

.seo1_tactics_six ul li{ width: 360px; height: 80px; line-height: 80px; padding: 10px 10px 10px 30px; float: left; color: #fff; background: #e55b6b;}
.seo1_tactics_six ul li.li2{background: #05c8a1;}
.seo1_tactics_six ul li.li3{background: #5586de;}
.seo1_tactics_six ul li.li4{background: #f7ce1a;}
.seo1_tactics_six ul li.li5{background: #613b78;}
.seo1_tactics_six ul li.li6{background: #e48c8c;}
.seo1_tactics_six ul li span{ display: block;width: 70px; float: left;font-size: 60px;color: #fff;    font-family: fantasy;}
.seo1_tactics_six ul li .text{ width:280px; float:right; margin-top: 20px;}
.seo1_tactics_six ul li h2{ font-size: 30px;color: #fff;    line-height: 30px;}
.seo1_tactics_six ul li p{ font-size: 14px;color: #fff;}


.seo1_tactics_eight ul li{ width:200px; height: 100px;float:left; border-bottom: 1px solid #fff; position: relative; overflow: hidden;}
.seo1_tactics_eight ul li.li1{ background: #eaf0ff;}
.seo1_tactics_eight ul li.li2{ background: #f6f9ff;}
.seo1_tactics_eight ul li h2{ font-size: 30px;color: #505050;font-weight: normal;    margin-top: 15px;    text-indent: 20px;}
.seo1_tactics_eight ul li span{ font-size: 50px;color: #d7e0f7; position: absolute; right: -5px; bottom:-20px;font-family: "Microsoft YaHei", Arial, Helvetica, sans-serif;}
.seo1_tactics_eight ul li.li2 span{color: #bdc8e3;}
/* --------------------------------------------------------------------内页全网营销 6大理论系统，18大战术 样式  */


.page_seo1_process .img{height:354px; background: url(../images/img26.jpg) center no-repeat;}

.page_seo1_process .title2{ font-size: 30px;color: #ff9600;display: inline-block;line-height: 50px;height: 50px;}
.page_seo1_process .title2 span{display: block;width: 30px; height: 16px; background: url(../images/icon53.png) center no-repeat; margin: 0 20px;display: inline-block;}

.page_seo1_process .text h3{ border-bottom: 1px solid #eee;font-size: 24px;color: #2198fe; padding-bottom: 15px;margin-bottom: 15px; }
.page_seo1_process .text p{font-size: 16px;color: #878786;line-height: 30px;}

/* --------------------------------------------------------------------内页全网营销  专业团队操作 + 顾问式服务 + 精英内训 样式  */



.seo2_seven ul li{ width: 299px; height: 200px;text-align: center; float: left; border-right: 1px solid #eee;border-bottom: 1px solid #eee;position: relative;
}
.seo2_seven ul li.li4, .seo2_seven ul li.li8{border-right: none;}
.seo2_seven ul li.li1 h2{font-size: 24px; color: #3a3f54; line-height: 200px;  font-weight: normal; }
.seo2_seven ul li.li5, .seo2_seven ul li.li6, .seo2_seven ul li.li7, .seo2_seven ul li.li8{border-bottom:none;
}
.seo2_seven ul li h3{ font-weight: normal;  position: absolute; bottom: 30px; transition: all .3s; width: 100%;font-size: 24px;    line-height: 40px;z-index: 1;-webkit-transition: all .3s;transition: all .3s; color: #3a3f54;
}
.seo2_seven ul li img{    -webkit-transform: scale(.9);
    transform: scale(.9);
    right: 110px;
    -webkit-transition: all .5s;
    transition: all .5s;
    top: 30px;
    position: absolute;
}
.seo2_seven ul li:hover h3{bottom:50px;}
.seo2_seven ul li:hover img{bottom:85px;-webkit-transform:scale(1) translateX(50%);transform:scale(1) translateX(50%);right:50%}

/* --------------------------------------------------------------------内页全seo推广 SEO推广的七大作用 样式  */

.seo2_waht_seo{width: 100%; background:#f9f9f9;}
.seo2_waht_seo .img{width: 450px; height: 300px;float: right; background: url(../images/img27.jpg) no-repeat;}

/* --------------------------------------------------------------------内页全seo推广 什么是SEO 样式  */

.seo2_adv ul li{ width:289px; height: 180px; float:left; border-right:1px solid #fff;border-bottom:1px solid #fff; padding: 10px 15px;
}
.seo2_adv ul li.li1{background: #fff;}
.seo2_adv ul li.li2{background: #f1f2f4;}
.seo2_adv ul li.li3{background: #ffff;}
.seo2_adv ul li.li4{background: #f1f2f4;}
.seo2_adv ul li.li5{background: #f1f2f4;}
.seo2_adv ul li.li6{background: #ffff;}
.seo2_adv ul li.li7{background: #f1f2f4;}
.seo2_adv ul li.li8{background: #ffff;}
.seo2_adv ul li h3{font-size: 18px; color: #3a3f54;height: 60px;line-height: 30px;font-weight: bold; overflow: hidden;margin-bottom: 10px;margin-top: 10px;
}
.seo2_adv ul li p{font-size: 14px; color: #666;height: 72px;line-height: 24px; overflow: hidden;
}

/* --------------------------------------------------------------------内页全seo推广 SEO优化的优势 样式  */

.seo2_process{width:100%; background: url(../images/bg38.jpg) center bottom no-repeat; position: relative; padding-bottom: 50px; background-color: #60a0e8;
}
.seo2_process ul{ position: relative; z-index: 9;}
.seo2_process ul li{ width:150px; float: left; text-align: center; margin-top: 20px;
}
.seo2_process ul li.li1{    margin-top: 35px;}
.seo2_process ul li.li3{    margin-top: 35px;}
.seo2_process li img{ width: 50px; height: 50px;  margin: 0 auto;}
.seo2_process ul li p{ font-size: 18px; color: #fff; padding-bottom: 40px; background: url(../images/icon61.png) center bottom no-repeat;
}
.seo2_process ul li.li2 p, .seo2_process ul li.li4 p, .seo2_process ul li.li6 p, .seo2_process ul li.li8 p{ color: #4d4d4d; padding-bottom: 0px; padding-top: 40px; background: url(../images/icon61.png) center top no-repeat;
}
.seo2_process ul li.li2, .seo2_process ul li.li4, .seo2_process ul li.li6, .seo2_process ul li.li8{margin-top: 150px;
}
.seo2_process .bg{background: url(../images/bg39.png) center center no-repeat;position: absolute;    -webkit-animation: appkf7 3s ease 1s forwards;
    -o-animation: appkf7 3s ease 1s forwards;
    animation: appkf7 3s ease 1s forwards;   
	    -webkit-transition: width 4s;
    transition: width 4s;
	top: 199px;left: -14px;    width: 1224px; height: 84px; z-index: 1;
}
/* --------------------------------------------------------------------内页全seo推广 SEO优化流程 样式  */


.seo2_about .content1, .seo2_about .content4{ width:310px; padding:0 20px;height:490px;  color: #fff;
}
.seo2_about .content2, .seo2_about .content3{ width:420px;  padding:0 20px;height:240px;  color: #fff;
}
.seo2_about .content1{background: url(../images/bg40.jpg) left top  no-repeat;}
.seo2_about .content2{background: url(../images/bg41.jpg) left top  no-repeat;}
.seo2_about .content3{background: url(../images/bg42.jpg) left top  no-repeat; }
.seo2_about .content4{background: url(../images/bg43.jpg) left top  no-repeat; }
.seo2_about .content1:hover{background: #ff7800;}
.seo2_about .content2:hover{background: #58af43;}
.seo2_about .content3:hover{background: #d32b6e; }
.seo2_about .content4:hover{background: #ab62d1; }
.seo2_about .content1, .seo2_about .content2, .seo2_about .content3, .seo2_about .content4{-webkit-transition: all .3s;transition: all .3s;
}
.seo2_about .content1 h2, .seo2_about .content2 h2, .seo2_about .content3 h2, .seo2_about .content4 h2{ margin-top: 103px;font-size: 36px; color: #fff; font-weight: normal;
}
.seo2_about .content1 p, .seo2_about .content2 p, .seo2_about .content3 p, .seo2_about .content4 p{ margin-top: 100px;font-size: 24px;color: #fff; line-height: 40px;
}
.seo2_about .content2 h2, .seo2_about .content3 h2{margin-top: 30px;}
.seo2_about .content2 p, .seo2_about .content3 p{margin-top: 30px;}
/* --------------------------------------------------------------------内页全seo推广 我们是挺好 样式  */

.seo3_pain ul li{ width:500px;padding-bottom: 20px;border-bottom: 2px solid #eee;margin: 0px 50px 40px 50px ;}
.seo3_pain ul li .img{ width:500px; height: 130px; overflow: hidden;
}
.seo3_pain ul li .img img{ width:100%; height: 100%;     transition: all ease-out .8s;
}
.seo3_pain ul li:hover .img img{transform: scale(1.3, 1.3);}
.seo3_pain ul li p{font-size: 18px; margin-top:15px;}
/* --------------------------------------------------------------------内页内容营销 企业四大难题 样式  */
.seo3_nine {background: #eee;}
.seo3_nine ul {width:100%;}
.seo3_nine ul li{ width:20%; float: left; background: #f1f2f4;}
.seo3_nine ul li:nth-child(even){background: #fff;}
.seo3_nine ul li .bg1{ border-bottom: 1px solid #fff;}
.seo3_nine ul li .content{ width:100%; min-height: 100px; overflow: hidden;    position: relative;
}
.seo3_nine ul li .content p{ display: block; width:100%; height: 100px; line-height: 100px; font-size: 26px; float: left; text-align:  center;position:  relative;
}
.seo3_nine ul li .content span{  height: 100px; line-height: 100px; font-size: 30px;font-family: fantasy; color: #3a3f54; display: inline-block;
}
.seo3_nine ul li.li5 {height: 200px; line-height: 200px;text-align: center;}
.seo3_nine ul li.li5 .content2 { min-height: 200px;}
.seo3_nine ul li .content2 span{ font-size: 30px;font-family: fantasy; color: #3a3f54; display: inline-block;}
.seo3_nine ul li .content2 p{display: block; width:100%; height: 200px; line-height: 200px; font-size: 26px;  text-align: center; }
.seo3_nine .li2 .bg2, .seo3_nine .li4 .bg2{border-bottom: 1px solid #f1f2f4;}

/* --------------------------------------------------------------------内页内容营销 为什么企业需要内容营销 样式  */



.seo3_compared ul{ border-radius: 8px;    box-shadow: 0 0 4px 2px #cef8f0;}
.seo3_compared ul.content2 { box-shadow: 0 0 4px 2px #d7c7f2;}
.seo3_compared ul h2{height: 100px; line-height: 100px; background: #45cdb3; border-radius: 8px 8px 0 0;font-size: 36px;
}
.seo3_compared ul.content2 h2{background: #7f52c9;
}
.seo3_compared ul p{height: 70px; line-height: 70px; background: #eefffc; font-size: 24px; border-bottom: 1px solid #fff;
}
.seo3_compared ul.content p{background: #eefffc; color: #45cdb3;}
.seo3_compared ul.content2 p{background: #f7f3fe; color: #7f52c9;}
/* --------------------------------------------------------------------内页内容营销 不爱传统广告 却爱内容营销 样式  */


.seo3_value {width:100%; height: 310px; background: url(../images/bg44.jpg) center bottom no-repeat;}
.seo3_value ul li{ width:280px; height: 116px;border-radius: 8px;    box-shadow:0 0 4px 2px rgba(0, 0, 0, 0.24); background: #fff; float:left; margin: 25px 10px; transition: all ease-out .5s;}
.seo3_value ul li:hover{position: relative; z-index: 2;transform: scale(1.3, 1.3);box-shadow:0 0 5px 5px rgba(175, 175, 175, 0.41);}
.seo3_value ul li span{display: block; width:60px; height: 60px; float: left; margin: 20px 0 0 5px;
	-webkit-transition: all 0.3s linear -1ms;
	-moz-transition: all 0.3s linear -1ms;
	-ms-transition: all 0.3s linear -1ms;
	-o-transition: all 0.3s linear -1ms;
	transition: all 0.3s linear -1ms;
}
.seo3_value ul li.li1 span{ background: url(../images/icon70.png) center top no-repeat;}
.seo3_value ul li.li2 span{ background: url(../images/icon71.png) center top no-repeat;}
.seo3_value ul li.li3 span{ background: url(../images/icon72.png) center top no-repeat;}
.seo3_value ul li.li4 span{ background: url(../images/icon73.png) center top no-repeat;}

.seo3_value ul li.li1:hover span{ background: url(../images/icon70.png) center bottom no-repeat;}
.seo3_value ul li.li2:hover span{ background: url(../images/icon71.png) center bottom no-repeat;}
.seo3_value ul li.li3:hover span{ background: url(../images/icon72.png) center bottom no-repeat;}
.seo3_value ul li.li4:hover span{ background: url(../images/icon73.png) center bottom no-repeat;}
.seo3_value ul li.li5:hover span{ background: url(../images/icon74.png) center bottom no-repeat;}
.seo3_value ul li.li6:hover span{ background: url(../images/icon75.png) center bottom no-repeat;}

/* --------------------------------------------------------------------内页内容营销 内容营销价值 样式  */


.seo3_good_text ul{ width:100%; min-height: 410px; padding-top: 30px; background: url(../images/bg45.jpg) center top no-repeat;
}
.seo3_good_text ul li{ width:100%;height: 95px; margin-bottom: 40px; transition: all ease-out .5s; 
}
.seo3_good_text ul li:hover{transform: scale(1.1, 1.1);box-shadow:0 0 5px 5px rgba(175, 175, 175, 0.41);  position: relative; z-index: 2;border-radius: 8px; }
.seo3_good_text ul li .text h3{ font-size: 18px;color: #0089fe;margin-bottom: 10px;
}
.seo3_good_text ul li .text p{ font-size: 16px;
}
/* --------------------------------------------------------------------内页内容营销 好内容这里有 好平台这里也有 样式  */

.seo3_emb .text h1{ padding-bottom: 20px; margin-bottom: 15px; border-bottom: 1px solid #eee;}
.seo3_emb .text p{ font-size: 18px; line-height: 30px; color: #4B4B4B;}
/* --------------------------------------------------------------------内页内容营销 说话讲底气 做事更讲底气 样式  */

.seo4_benefit ul li{ width:280px; height: 100px; float: left; padding:10px;transition: all ease-out .5s; background: #fff;
}
.seo4_benefit ul li:hover{transform: scale(1.1, 1.1);box-shadow:0 0 5px 5px rgba(175, 175, 175, 0.41); border-radius: 8px;position: relative; z-index: 2;
}
.seo4_benefit ul li .icon{ width:90px; float:left;-webkit-transition: all .4s ease-out;
    -moz-transition: all .4s ease-out;-ms-transition: all .4s ease-out;transition: all .4s ease-out;
}
.seo4_benefit ul li:hover .icon{-webkit-transform:rotate(360deg);-moz-transform:rotate(360deg);-ms-transform:rotate(360deg);transform:rotate(360deg)}
.seo4_benefit ul li .text{ width:170px; float:left; margin-left: 15px;
}
.seo4_benefit ul li .text h3{ font-size: 24px;color: #343434;margin-bottom: 10px; font-weight: normal;
}
.seo4_benefit ul li .text p{ font-size: 14px;color: #999898;
}
/* --------------------------------------------------------------------内页内容营销 说话讲底气 做事更讲底气 样式  */

.seo4_com { width:100%; background: #f6f6f6; padding: 50px 0 50px 0;}
.seo4_com ul { width:620px; border-radius: 8px; padding-bottom: 20px;}
.seo4_com ul.seo4_com_list1{ float: left;}
.seo4_com ul.seo4_com_list2{ float: right;}
.seo4_com ul.seo4_com_list1 .ti{height: 80px;line-height: 80px; background: url( ../images/sem/sem13.jpg) left center repeat-x; border-radius: 10px 10px 0 0;font-size: 30px; color: #fff;text-align: center;}
.seo4_com ul.seo4_com_list2 .ti{height: 80px;line-height: 80px; background: url( ../images/sem/sem13.jpg) left center repeat-x; border-radius: 10px 10px 0 0;font-size: 30px; color: #fff; text-align: center;}
.seo4_com .title_box{position: absolute; top: 90px; left:590px; z-index: 2;}
.seo4_com span.title3{ display: block; width:92px; height: 92px; line-height: 92px; text-align: center; color: #066dd2; font-size: 24px;background: #fff;    border-radius: 100%;border: 4px solid #919cb8; margin-bottom: 4px; margin-bottom: 15px; 
}
.seo4_com ul li .p2{ height: 85px; line-height: 30px; background: #ffffff; margin-bottom: 1px;padding: 15px 80px 15px 20px;font-size: 16px;
}
.seo4_com ul li .p2 strong{font-size: 18px;}
.seo4_com ul.seo4_com_list2 li p{padding: 15px 20px 15px 60px;}

/* --------------------------------------------------------------------微信营销 效果对比 样式  */


.seo4_eight ul li{ width:300px; height: 120px; padding-right: 20px; float:left; position: relative;}
.seo4_eight ul li .number{ display: block;width: 50px;float: left;font-family: Arial;font-size: 80px; color: #ececec;}
.seo4_eight ul li span{ display: block;width: 40px;height: 40px; position: absolute; left:5px; top:50px; background: url(../images/bg46.png) no-repeat;
}
.seo4_eight ul li .text .p1{ font-size: 24px; color: #3a3f54;margin-bottom: 10px;}
.seo4_eight ul li .text .p2{ font-size: 14px; color: #6e6e6e;}
/* --------------------------------------------------------------------微信营销 因为专业，所以做得够好 样式  */

.seo4_four_com {background: #f6f6f6;width: 100%;}
.seo4_four_com ul li{ width:305px; float:left; margin-right:20px;}
.seo4_four_com ul li.li4{ margin-right:0px;}
.seo4_four_com ul li .img{ width: 305px; height: 163px; margin-bottom:10px; overflow: hidden;
}
.seo4_four_com ul li .img img{width: 100%; height: 100%; transition: all ease-out .8s;
}
.seo4_four_com  ul li:hover .img img{ transform: scale(1.3, 1.3);
}
.seo4_four_com ul li.li4{  margin-right:0px;
}
.seo4_four_com ul li p{font-size: 16px; color: #333;}
/* --------------------------------------------------------------------微信营销 因为专业，所以做得够好 样式  */


.web_benefit .main { background: url(../images/bg48.png) center bottom no-repeat;
}
.web_benefit ul li{ width:380px; float: left; position: relative; height: 90px; margin-right: 20px;
}
.web_benefit ul li .icon{ width:90px; position: absolute;left :0; top:0; height: 90px; background: url(../images/bg47.png) no-repeat; z-index: 2;
}
.web_benefit ul li .text{ width:260px; position: absolute;right:0; top:15px; height: 60px; background:#4297ff; border-radius: 8px; z-index: 1; line-height: 30px; font-size: 16px; padding-left: 50px; padding-right: 20px; text-align: left; 
}
.web_benefit ul li .text p{color: #fff;}
.web_benefit ul li.li2 .text{ background: #df567f;}
.web_benefit ul li.li3 .text{ background: #18ae94;}

.web_benefit ul li.li1 .text p{ line-height: 60px;}
.web_benefit ul li.li2 .text p, .web_benefit ul li.li3 .text p{ margin-top: 8px;}

/* --------------------------------------------------------------------内页网站建设  营销型网站建设的好处 样式  */

.web_know_how{background: #f7f7f7;padding-top: 20px;}
.web_know_how h1{font-size: 30px; color: #000; margin-bottom: 20px;
}
.web_know_how .text .title{ width:360px; height: 71px; line-height: 55px; color: #fff; font-size: 24px; text-align: center; background: url(../images/bg49.png) no-repeat;
}
.web_know_how .text ul li{ margin-bottom: 20px;}
.web_know_how .text ul li h3{ color: #000;}
.web_know_how .text ul li p{ color: #525252; font-size: 14px;}

.web_know_how .img { background: url(../images/img31.png) no-repeat; height: 340px;    margin-top: 50px;}
/* --------------------------------------------------------------------内页网站建设  网站建设的知识 样式  */



.web_why .title h1{font-size: 36px; color: #333333; margin-bottom: 10px;font-weight: normal;     line-height: 35px;
}
.web_why ul li{ width:200px; height: 220px; float:left; padding:50px 20px 0px 20px;
}
.web_why ul li.li1{ background: url(../images/bg50.jpg) left top no-repeat;}
.web_why ul li.li2{ background: url(../images/bg51.jpg) left top no-repeat;}
.web_why ul li.li3{ background: url(../images/bg52.jpg) left top no-repeat;}
.web_why ul li.li4{ background: url(../images/bg53.jpg) left top no-repeat;}
.web_why ul li.li5{ background: url(../images/bg54.jpg) left top no-repeat;}
.web_why ul li h3{color: #42bfff; font-size: 24px;margin-bottom: 15px; font-weight: normal; 
}
.web_why ul li p{color: #cccbcb; font-size: 18px; line-height: 30px;
}

/* --------------------------------------------------------------------内页网站建设  为什么要建站 样式  */

.web_money .img{width:370px; height: 460px; background: url(../images/img32.jpg) center no-repeat;}
.web_money ul li h3{ color: #349cf5;margin-bottom: 10px;}
.web_money ul li p{ color: #666666;line-height: 28px;}

/* --------------------------------------------------------------------内页网站建设  所以你需要的不仅仅是一个网站 样式  */


.page_case_nav .title h1,.page_case_nav .title .w_h1{ font-size: 36px; color: #000; font-weight: normal; margin-bottom: 20px; text-align: center;
} 
.page_case_nav .title h1 span,.page_case_nav .title .w_h1 span{ color: #0089fe;
} 
.page_case_nav ul li a{ display: block;}

.page_case_nav ul li{ width:239px; float:left; height: 100px; text-align: center;    border-right: 1px solid #eee;
}
.page_case_nav ul li.li5{border-right: none;}
.page_case_nav ul li a span{ display: block; width:100px; height: 70px;margin: 0 auto;
	-webkit-transition: all 0.2s linear -1ms;
	-moz-transition: all 0.2s linear -1ms;
	-ms-transition: all 0.2s linear -1ms;
	-o-transition: all 0.2s linear -1ms;
	transition: all 0.2s linear -1ms;
}
.page_case_nav ul li:hover a span{   margin-top: -20px; transition: all 0.3s;-webkit-transition: all 0.3s;
}
.page_case_nav ul li.li1 a span{ background: url(../images/icon20_1.png) center top no-repeat;}
.page_case_nav ul li.li2 a span{ background: url(../images/icon16.png) center top no-repeat;}
.page_case_nav ul li.li3 a span{ background: url(../images/icon17.png) center top no-repeat;}
.page_case_nav ul li.li4 a span{ background: url(../images/icon18.png) center top no-repeat;}
.page_case_nav ul li.li5 a span{ background: url(../images/icon19.png) center top no-repeat;}

.page_case_nav ul li.li1:hover a span, .page_case_nav ul li.li1 a.cur span{ background: url(../images/icon20_1.png) center bottom no-repeat;}
.page_case_nav ul li.li2:hover a span, .page_case_nav ul li.li2 a.cur span{ background: url(../images/icon16.png) center bottom no-repeat;}
.page_case_nav ul li.li3:hover a span, .page_case_nav ul li.li3 a.cur span{ background: url(../images/icon17.png) center bottom no-repeat;}
.page_case_nav ul li.li4:hover a span, .page_case_nav ul li.li4 a.cur span{ background: url(../images/icon18.png) center bottom no-repeat;}
.page_case_nav ul li.li5:hover a span, .page_case_nav ul li.li5 a.cur span{ background: url(../images/icon19.png) center bottom no-repeat;}

.page_case_nav ul li.li1:hover a span, .page_case_nav ul li.li2:hover a span, .page_case_nav ul li.li3:hover a span, .page_case_nav ul li.li4:hover a span, .page_case_nav ul li.li5:hover a span{ 
	-webkit-transition: all 0.2s linear -1ms;
	-moz-transition: all 0.2s linear -1ms;
	-ms-transition: all 0.2s linear -1ms;
	-o-transition: all 0.2s linear -1ms;
	transition: all 0.2s linear -1ms;}


.page_case_nav ul li a h3,.page_case_nav ul li a h2,.page_case_nav ul li a h1,.page_case_nav ul li a { font-size: 18px !important; color: #000;  font-weight: normal; margin-top:8px;
}

.page_case_nav ul li:hover a h3, .page_case_nav ul li a.cur h3, .page_case_de_nav li a.cur,.page_case_nav ul li:hover a h2, .page_case_nav ul li a.cur h2,.page_case_nav ul li:hover a h1, .page_case_nav ul li a.cur h1{ color: #009cff;}




/* --------------------------------------------------------------------  内页关于我们  样式  */
.p_about_us{width:100%; min-height: 800px;  background: url(../images/about/about1.jpg) center top no-repeat; position: relative;
}
.p_about_us_main{ width: 80%; position: absolute; right: 0; bottom: 0;}
.p_about_us_box{ background: #f4f4f4;}
.p_about_us_box .photo{background: #fff; margin: 40px 0px 40px 40px; width: 560px; }
.p_about_us_box .photo img{ width:  100%; }
.p_about_us_box .text{ width: 50%; margin-left: 40px; }

@media only screen and (max-width: 1720px){
	.p_about_us_main{ width: 85%; }
	.p_about_us_box .photo{width: 560px;}
}
@media only screen and (max-width: 1600px){
	.p_about_us{min-height: 750px;}
	.p_about_us_main{ width: 90%; }
	.p_about_us_box .photo{width: 520px;}
	.p_about_us_box .text {width: 640px; }
}
@media only screen and (max-width: 1440px){
	.p_about_us{min-height: 700px;}
	.p_about_us_main{ width: 90%; }
	.p_about_us_box .photo{width: 460px;}
	.p_about_us_box .text {width: 570px; }
	.p_about_us_box .text .p1{ margin-bottom: 20px;}
}
@media only screen and (max-width: 1280px){
	.p_about_us{min-height: 750px;}
	.p_about_us_main{ width: 95%; }
	.p_about_us_box .photo{width: 460px;}
	.p_about_us_box .text {width: 540px; }
	.p_about_us_box .text .p1{ margin-bottom: 20px;}
}
@media only screen and (max-width: 1152px){
	.p_about_us{min-height: 700px;}
	.p_about_us_main{ width: 100%; }
	.p_about_us_box .photo{width: 360px;}
	.p_about_us_box .text {width: 600px; }
	.p_about_us_box .text .p1{ margin-bottom: 20px;}
}
/* ----------- 数字 */
.about_nubem{ width: 100%; background: #0068b7;color: #fff; }
.about_nubem li{width:279px;  margin: 40px 20px 40px 0px; float: left; border-right: 1px solid #1580eb; height: 120px; text-align: center;color: #fff; }
.about_nubem li.li2{ width:329px; }
.about_nubem li.li4{ border-right:none; }
.about_nubem .abem{ line-height: 60px;text-align: center; }
.about_nubem em{color: #fff;font-size: 70px;}
.about_nubem .abem span{color: #fff; font-size: 50px; font-weight: 700;}
.about_nubem .p2{font-size: 24px;color: #fff;    line-height: 46px;}
/* ----------- 企业文化 */
.about_culture{ background: #f4f4f4; margin: 40px; padding: 50px 0 70px 0; width: auto;}
.about_culture li{ width: 280px; float: left; margin-right: 50px;}
.about_culture li.li4{  margin-right: 0px;}
.about_culture li .img{ height: 200px; margin-bottom: 20px;}
.about_culture li .p2{ font-size: 30px;}
.about_culture li .p2 span{ font-size: 16px; padding-left: 10px;}
@media only screen and (max-width: 1440px){
	.about_culture{ margin: 0px 0 40px 0; }
}
/* ----------- 名企合作 */
.about_coo .box{ width: 90%; margin-left: 10%;}
.about_coo .about_coo_r { background: #f4f4f4; width: 52%; float:right; position: relative;min-height: 400px;     margin-top: 10px;}

.about_coo_l{ overflow:hidden; position:relative;  }
.about_coo_l .bd{float:left;    min-width: 690px;}
.about_coo_l .hd{ overflow:hidden; width: 280px; height:100px; padding: 20px; background:#0068b7;position: absolute; left: 40px; bottom: -60px;}
.about_coo_l .hd ul{ overflow:hidden; zoom:1; margin-top: 20px; margin-bottom: 20px; }
.about_coo_l .hd ul li{ float:left;  width:45px; height:10px; overflow:hidden; margin-right:10px; text-indent:-999px; cursor:pointer; border: 1px solid #fff; border-radius: 10px; }
.about_coo_l .hd ul li.on{ background:#fff;}
.about_coo_l .bd ul{ overflow:hidden; zoom:1; }
.about_coo_l .bd ul li{ margin:0 15px; float:left; _display:inline; overflow:hidden; text-align:center;  }
.about_coo_l .bd ul li .pic{ text-align:center; margin-bottom: 10px; }
.about_coo_l .bd ul li .pic img{ width:100%; height:auto; display:block; }

@media only screen and (max-width: 1720px){
}
@media only screen and (max-width: 1600px){
	.about_coo .box{ width: 100%; margin-left: 0;}
}
@media only screen and (max-width: 1440px){
	.about_coo_l .bd{ margin-left: 20px;}
	.about_coo_l .bd ul li .pic { width:140px; height:auto; }
	.about_coo .about_coo_r{ width:58%;}
	.about_coo_l .bd ul li{margin:25px 10px ; }
	.about_coo_r .mox{ padding: 20px 40px 20px 30px;}
	.about_coo .about_coo_r { min-height: 340px; }	
}
@media only screen and (max-width: 1280px){
	.about_coo_l .bd ul li .pic { width:140px; height:auto; }
	.about_coo .about_coo_r{ width:52%;}
	.about_coo_l .bd ul li{margin:25px 10px; }
	.about_coo_r .mox{ padding: 20px 40px 20px 20px;}
	.about_coo .about_coo_r{min-height: 380px;}
	.about_coo_l .p1{ margin-top: 30px;}
	.about_coo_l .hd{ bottom: -30px; height: 100px; left: 20px;}
}
@media only screen and (max-width: 1152px){
}

/* -----------  关于我们业务范围 */
.about_bu { background: #f4f4f4; margin: 70px 0 40px 0; padding: 40px 0;}
.about_bu li{ float: left;}
.about_bu li img{ margin: 60px auto 0 auto;}
.about_bu .li1{ width: 560px; height: 360px; background: url(../images/about/about7.jpg) left top no-repeat;}
.about_bu .li2{ width: 360px; height: 360px; text-align: center; background: #f4f4f4;}
.about_bu .li3{ width: 360px; height: 360px; text-align: center; background: #e6e6e6; }
.about_bu .li4{ width: 360px; height: 360px; text-align: center; background: #e6e6e6; margin-left: 200px;}
.about_bu .li5{ width: 360px; height: 360px; text-align: center; }
.about_bu .li5 a{ display: block; width: 100%; height: 100%; line-height: 360px; color: #fff; font-size: 40px; text-align: center; background: #ef163f; }
.about_bu .li5 a:hover{  background: #0068b7; }

/* ----------- 我们的灵魂 */
.page_about_idea ul li { float: left;margin-right: 70px;}
.page_about_idea ul li.li1 { width:370px; }
.page_about_idea ul li.li3 { width:370px;margin-right: 0px;}
.page_about_idea ul li .img{ width:370px; height: 220px; overflow: hidden;}
.page_about_idea ul li .img img{ width:100%;    transition: all ease-out .8s;}
.page_about_idea ul li:hover .img img{ transform: scale(1.3, 1.3);}

/* ----------- 我们的铠甲 */
.page_about_armor { width:100%; background: #f9f9f9;}
.page_about_armor ul li{ width:240px;  float: left; text-align: center;margin:0px 20px 30px 0px;}
.page_about_armor ul li.li5{ margin-right: 0;}
.page_about_armor ul li .pic{ width:112px; height: 124px; overflow: hidden;  margin: 0 auto;    -webkit-transition: all .4s ease-out;
    -moz-transition: all .4s ease-out; -ms-transition: all .4s ease-out; transition: all .4s ease-out;
}
.page_about_armor ul li .pic img{ width:100%; height: 100%; }
.page_about_armor ul li:hover .pic{-webkit-transform:rotate(360deg);-moz-transform:rotate(360deg);-ms-transform:rotate(360deg);transform:rotate(360deg);   
}
/* ------------------------------------------------------ 信息流广告 ------*/
.xxl_2{ width: 100%; background-color: #384058;}
.xxl_2 li{ width: 200px;height: 250px; text-align: center; float: left;background-color: #fff; border-radius: 10px; margin-right: 70px;}
.xxl_2 li.li5{ margin-right: 0px;}
.xxl_2 li img{ display: block;margin: 20px auto 0 auto;}
.xxl_2 li p{ color: #3a3f54; font-size: 24px;}

.xxl_box1{ width: 100%; padding: 30px 0 0px 0;background-color: #f8f8f8; margin-bottom: 20px;}
.xxl3_li li{ width: 100px;margin-bottom: 10px; line-height: 40px; text-align: center; border:1px solid #333; background-color: #fff;border-radius: 2px;float: left; margin-right: 10px;}
.xxl_box2{  margin-bottom: 20px;}
.xxl_box3{ width: 100%; padding: 30px 0 0px 0;background-color: #f8f8f8; margin-bottom: 20px;}
.xxl_4{ margin-bottom: 20px;padding: 30px 0 80px 0;background-color: #f8f8f8;}
.xxl_4 .list li{ width: 320px;height: 360px;background-color: #fff; padding: 20px; text-align: center;float: left;}
.xxl_4 .list li.li2{ margin: 0 100px;}
.xxl_4 .list .p1{ color: #3a3f54; font-size: 24px; line-height: 50px; margin: 20px 0 0px 0;}
.xxl_4 .list .p2{ padding: 0 20px; color: #666666;}

.xxl_5 li{ width: 270px; height: 110px; background: #f8f8f8; padding: 10px; float: left;border-radius: 10px; margin: 10px 20px;}
.xxl_5 li.li1{ margin-left: 0px;}
.xxl_5 li.li4{ margin-right: 0px;}
.xxl_5 .span{ width: 60px; height: 60px; line-height: 60px; float: left;background-color: #384058; color: #fff; font-size: 44px;border-radius: 30px; text-align: center;margin-top: 20px;
}
.xxl_5 .text{ width: 180px;float:right ;margin-top: 15px;}

.xxl_6{ width: 100%; padding: 30px 0 0px 0;background-color: #f8f8f8; margin-bottom: 20px;}
.xxl_6 li{ width: 290px; height: 130px; background-color: #fff; margin: 10px 20px;float: left;border-radius: 5px;}
.xxl_6 li.li1, .xxl_6 li.li5, .xxl_6 li.li9{ margin-left: 0px;}
.xxl_6 li.li4, .xxl_6 li.li8, .xxl_6 li.li12{ margin-right: 0px;}
.xxl_6 li img{ width: 100%;height: 100%;}
/* ------------------------------------------------------ 联系我们 ------*/
.page_contact { background: #f4f4f4;}
.page_contact .contact_text ul li{width:300px; float: left;}
.page_contact .contact_text ul li span{display: block; width: 30px;height: 30px; float:left;
}
.page_contact .contact_text ul li h3{height: 30px; line-height: 30px;}
.page_contact .contact_text ul li h3.icon1  span{ background: url(../images/about/bg56.png) 0 0 no-repeat;
}
.page_contact .contact_text ul li h3.icon2  span{ background: url(../images/about/bg56.png) 0 -30px no-repeat;
}
.page_contact .contact_text ul li h3.icon3  span{ background: url(../images/about/bg56.png) 0 -60px no-repeat;
}
#dituContent{ width: 100%; height: 500px;}

/* ------------------------------------------------------ 招聘 ------*/
.page_job_text {background: #f4f4f4;}
.page_job_text .treatment h3{color: #0096ff; padding-top: 20px; border-top: 1px solid #eee; margin-top: 20px;
}
.page_job_text .treatment p{color: #4d4d4d;font-size: 16px; line-height: 30px;
}

.page_job_text .job_list li{background: #fff; padding: 30px; margin-bottom: 25px;    position: relative;
}
.page_job_text .job_list li .l{float:left; width:560px; padding-right: 39px; border-right: 1px solid #eee;}
.page_job_text .job_list li .r{float: right;width:560px;}
.page_job_text .job_list li .title{width:100%;min-height: 70px; padding-bottom: 20px; border-bottom: 1px solid #eee;margin-bottom: 20px;}
.page_job_text .job_list li .title .icon{ display: block; width:70px; height: 70px; float: left; margin-right: 10px;
}
.page_job_text .job_list li .title h3{ width:330px; float: right; margin-right: 10px;font-size: 30px; color: #000;
}
.page_job_text .job_list li .title h3 p{ font-size: 18px; color: #b9b9b9;
}
.page_job_text .job_list li .number, .page_job_text .job_list li .claim{ font-size: 18px; color: #000;
}
.page_job_text .job_list li .number span{  color: #066dd2; margin: 0 10px; font-weight: bold;
}
.page_job_text .job_list li .text{color: #4d4d4d;font-size: 14px;margin-top: 10px;    line-height: 30px;
}
.page_job_text .job_list li .delivery{    width: 621px;height: 620px;position: absolute;right: 0px;top: 0px;
}
.page_job_text .job_list li .delivery img{ margin: 100px auto 20px auto;}
.page_job_text .job_list li .delivery .p1{ font-size: 30px; color: #0096ff;margin-top: 20px; margin-bottom: 20px; font-weight: normal;
}
.page_job_text .job_list li .delivery p{ font-size: 18px; color: #575757; margin-bottom: 20px; 
}
.page_job_text .job_list li .delivery a.more{display: block; width:196px; height: 62px; line-height: 62px; margin: 0 auto; font-size: 16px; color: #fff; background: url(../images/icon97.png) no-repeat; text-indent: 22px;
}
.page_job_text .job_list li .delivery:hover a.more{background: url(../images/icon98.png) no-repeat;}


/* ------------------------------------------------------ 内页新闻 -------------------*/
.p_news_main{ width:100%; min-height: 650px;  background: url(../images/news/news1.jpg) center top no-repeat; position: relative;  padding-top: 150px;}
.page_nav{width:850px; float: right;text-align: right;margin-top: 80px;}
.page_nav li{ width: 150px; line-height: 50px; display: inline-block; text-align: center; margin-left: 10px;}
.page_nav li a{ display: block;  background: #fff; font-size: 18px; border-radius: 5px;}
.page_nav li a:hover{  background: #0068b7; color: #fff;}

.page_news_left { background: #f4f4f4;padding: 10px;}
.page_news_left .bd{  }
.page_news_left .bd ul{ overflow:hidden; zoom:1; }
.page_news_left .bd ul li{ margin:10px; float:left; _display:inline; overflow:hidden;  width:315px; padding: 10px;  position: relative;    height: 360px;
	background: #fff; text-align: left;
}
.page_news_left .bd ul li:hover .pic img{transform: scale(1.3, 1.3);}
.page_news_left .img{ height: 210px; margin-bottom: 15px;  }
.page_news_left h3{font-size: 18px;margin-bottom: 10px; padding:0 10px;}
.page_news_left p{margin-bottom: 10px;padding:0 10px;color: #666;}

.page_news_left .pic{ margin:0px;padding:0px; overflow:hidden; display:inline; width:100%;}
.page_news_left .pic img{  width:100%; height: 100%;transition: all ease-out .8s;
}
.page_news_left .hd ul{ overflow:hidden; zoom:1; margin-top: 10px; margin-bottom: 10px;  text-align: center;}
.page_news_left .hd ul li{  display: inline-block; width:25px; height:8px; overflow:hidden; margin:0 10px; text-indent:-999px; cursor:pointer; border-radius: 10px; background: #666666; }
.page_news_left .hd ul li.on{ background:#0068b7;}

.p_news_list_main { padding: 20px 40px; background:#f4f4f4;}
.page_news_list .box{ padding: 10px; margin: 10px 20px; background: #fff; text-align: left;}
.page_news_list ul li{ float:left;width: 25%;margin-bottom:10px;}
.page_news_list ul li:nth-child(4){margin-right:0px;}
.page_news_list ul li.last{margin-right:0px;}
.page_news_list ul li .img{width: 100%; margin-bottom:10px; overflow: hidden;
}
.page_news_list ul li .img img{width: 100%; height: 100%; transition: all ease-out .8s;
}
.page_news_list ul li:hover .img img{transform: scale(1.3, 1.3);}
.page_news_list ul li .bt{ padding: 10px 10px 20px 10px;}
.page_news_list ul li h3{line-height: 24px;  height: 48px; overflow: hidden; font-size: 18px;margin-bottom:10px;margin-top:10px; }
.page_news_list ul li p{ color: #666; font-size: 14px; line-height: 24px;height: 48px; margin-bottom: 15px;  overflow: hidden;}

@media only screen and (max-width: 1440px){
	.p_news_list_main{padding: 20px 20px;}
	.page_news_list .box{margin: 10px 10px;}
}
.p_news_de .p_news_main{ min-height: 200px;}
.news_de { border-bottom: 1px solid #eee;}

/* ------------------------------------------------------ 内页案例列表 -------------------*/

.case_bg{width:100%; min-height: 310px;  background: url(../images/case/case_bg1.jpg) center top no-repeat; position: relative;  padding-top: 100px; 
}
.case_page_nav_main .page_nav_main{display:block;  padding:10px 0; }
.index_nav_fixed .case_page_nav_main  .page_nav_main{ margin-top: 0;}

.page_case_list{background: #f2f2f2;  padding: 50px 30px 30px 30px;}
.page_case_de_nav{ width: 100%; height: 70px; line-height: 70px; background: #f7f7f7;
}
.page_case_de_nav li{ display: inline-block;  font-size: 18px; float: left; margin: 0 10px; padding-right:25px; text-align: left; background:url(../images/bg13.png) right center no-repeat;

}
.page_case_de{border-bottom:1px solid #eee;padding-bottom: 50px;}
.page_case_de_nav .alltitle {height: 70px; line-height: 70px;}
.page_case_de .icon{ padding-left: 80px; border-left:1px solid #ddd;
}
.page_case_de .erweima img{ width:120px; height: 120px;
}
.page_case_de .Paging{width:100%; }
.page_case_de .Paging a{display: block;width: 406px;float: left;line-height: 60px;text-align: center;background: #eee;font-size: 24px;border-radius: 2px;}
.page_case_de .Paging a.a{background: #eee; float: left;}
.page_case_de .Paging a.b{background: #eee;margin: 0 30px;}
.page_case_de .Paging a.c{background: #eee;float: right;}
.page_case_de .Paging a:hover{background: #2b6de3; color:#fff}

.page_case_text{ width:100%; overflow: hidden;}
.page_case_text a{ color:#0099FF}

.page_case_text p{ font-size: 14px; color: #000; line-height: 26px;}
.page_case_text img{max-width: 100%;}


.case_de_wrap {
	width:100%;
	position:relative;
	height:800px;
	overflow:hidden;
	
}
.case_de_img {
	position:absolute;
	left:50%;
	margin-left:-960px;
	width:1920px;
}
.case_de_img img {width:100%;
}
.case_de_wrap .title{ position: absolute; left:20%; top:30%;}
.case_de_wrap .title h3{font-size: 24px; color: #fff;
}
.case_de_wrap .title span{display: block; width:60px; height: 2px; background: #fff; margin: 50px 0;
}
.case_de_wrap .title p{font-size: 18px; color: #fff;margin: 50px 0;}
.case_de_wrap .title a{display: block; width:50px; height: 50px; background:  url(../images/icon83.png) no-repeat;    transition: all 0.3s ease 0s;
}
.case_de_wrap .title a:hover{background:  url(../images/icon84.png) no-repeat;
}

/* --------------------------------------------------------------------案例详情  样式  */

.page_about_text .r h2{font-size: 26px; color: #000;
}
.page_about_text .r h1{font-size: 30px; color: #000;
}
.page_about_text .r .en{font-size: 30px; color: #C7C7C7;font-family: monospace;padding-bottom: 10px;margin-bottom: 10px;border-bottom: 1px solid #eee;
}
.page_about_text .r .en2{font-size: 20px; color: #C7C7C7;font-family: monospace;}


/* 小火箭css */
#gotop1 {
    width: 60px;
    position: fixed;
    bottom: 90px;
    cursor: pointer;
    z-index: 99998;
    right: 0px;
	opacity: 0.8;
}
#gotop1 img{ width: 100%;}

/* 小火箭悬停特效 */

#gotop1:hover {
    animation: rubberBand 1s;
	opacity: 1;
}

@keyframes rubberBand {
  from {
    transform: scale3d(1, 1, 1);
  }

  30% {
    transform: scale3d(1.25, 0.75, 1);
  }

  40% {
    transform: scale3d(0.75, 1.25, 1);
  }

  50% {
    transform: scale3d(1.15, 0.85, 1);
  }

  65% {
    transform: scale3d(.95, 1.05, 1);
  }

  75% {
    transform: scale3d(1.05, .95, 1);
  }

  to {
    transform: scale3d(1, 1, 1);
  }
}

/* end 小火箭 */

/*qq客服*/
.keqq a:link {color:#666666;text-decoration: none;}
.keqq{font-size:14px;  list-style:none; z-index:99989}
.keqq{ position: fixed;top: 25%; right: 0px; _position: absolute;}
.keqq .floatL{ width:43px; float:left; height:180px; }
.keqq .floatL .btnopen{ display:block;width:43px; height:180px; background:url(../images/ke3.png) no-repeat; position:relative;top:0px; }
.keqq .floatL .btnCtn{ display:block;width:43px; height:180px; background:url(../images/ke1.png) no-repeat; position:relative;top:0px; }

.keqq .floatR{ width:130px; float:left; background: #0068b7;height: 180px;border-radius: 5px 0 0 5px;}
.keqq ul.qq_list{list-style:none;margin:0; padding:0; overflow:hidden; margin-top: 20px;}
.keqq .qq_list li{border-bottom: 1px solid #1a81e6;line-height: 36px;height: 36px;overflow: hidden; width:90px; margin:0 auto;list-style:none;}
.keqq .qq_list li:hover{border-bottom: 1px solid #fff;}
.keqq .qq_list li .qq_name{background: url('../images/ke2.png') 2px 10px no-repeat; display:block; padding-left:15px; color:#bedfff}
.keqq .qq_list li a.qq_name:hover{color:#fff}
.keqq .qq_wx{ margin: 5px 0 0 0; text-align: center;}
.keqq .qq_wx p{ line-height:20px; color:#fff; margin-bottom: 5px;}
.keqq .qq_wx img{ width:90px; height:90px; border-radius: 5px;margin: 0 auto;}

/*seo效果付费*/

.content_2 .banner2 { background: url('../images/banner.jpg') no-repeat; width:100%; height:610px; margin: 0 auto; min-width: 1200px; }
.content_2 .banner2 .title { font-size: 48px; color:#fff; font-weight: bold; text-align: center; padding-top:60px; }
/*表格样式*/
.content_2 .banner2 .banner_box { width: 1200px; height: 320px; margin: 0 auto; }
.content_2 .banner2 .box { margin-top:48px; width: 1200px; height: 320px; font-size: 24px; color: #3f3f3f; -moz-box-shadow:0px 15px 15px #3a66b3; -webkit-box-shadow:0px 15px 15px #3a66b3; box-shadow:0px 15px 15px #3a66b3; }
.content_2 .banner2 .box .box_left { width: 239px; height: 320px; float: left; border-radius: 0 0 3px 3px; }
.content_2 .banner2 .box .box_left .even { background: #fff; height: 80px; line-height: 80px; text-indent: 38px; }
.content_2 .banner2 .box .box_left .odd { background: #7ed0ff; height: 80px; line-height: 80px; text-indent: 38px; }
.content_2 .banner2 .box .box_right { width: 960px; float: right; text-align: left; }
.content_2 .banner2 .box .box_right .even { background: #fff; height: 80px; line-height: 80px; text-indent: 20px; }
.content_2 .banner2 .box .box_right .odd { background: #7ed0ff; height: 80px; line-height: 80px; text-indent: 20px; }
/*优势*/
.advantage { width: 1200px; height: 360px; /*border: 1px solid red;*/
	margin: 35px auto; }
.advantage .top { width:722px; height: 50px; font-size: 48px; color:#333333; margin: auto; }
.advantage .ad_left { width: 610px; height: 150px; float: left; /*border: 1px solid green;*/
	margin-top:110px; margin-left: 48px; }
.advantage .ad_left .team { width: 116px; height: 30px; }

.advantage .ad_left .team .biao { width: 6px; height: 28px; background: #333333; float: left; }
.advantage .ad_left .team .ad_title { width: 104px; font-size: 24px; color: #333333; float: right; line-height: 26px; }
.advantage .ad_left .content { width: 606px; height: 100px; margin-top: 18px; }
.advantage .ad_left .content p { font-size: 20px; color: #565656; line-height: 32px; }
.advantage .ad_right { float:right; margin-top:45px; margin-right: 14px; }
.hr { width:1100px; margin: auto; }
/*效果优势*/
.xiaoguo { width: 1200px; height: 466px; margin:  26px auto; }
.xiaoguo h1 { text-align: center; font-size: 24px; color: #333; }
.xiaoguo .sanjiao { width: 100px; height: 18px; margin: 20px auto 0 auto; }
.xiaoguo .sj_content { width: 1180px; height: 350px; background: #24afff; border-radius: 8px; font-size: 24px; }
.xiaoguo .sj_content .xg_left { width: 212px; text-align: center; line-height: 70px; float: left; border-radius: 8px; }
.xiaoguo .sj_content .xg_left .sj_even { width: 218px; height: 70px; background: #24afff; color:#fff; line-height:70px; }
.xiaoguo .sj_content .xg_left .sj_odd { width: 218px; height: 70px; color: #333; background: #caecff;line-height:70px; }
.xiaoguo .sj_content .xg_right { width: 962px; float: right; text-align: left; text-indent: 30px; line-height: 70px; border-left:2px solid #9edcff; }
.xiaoguo .sj_content .xg_right .r_even { width: 962px; height: 70px; background: #24afff; color:#fff; line-height:70px; }
.xiaoguo .sj_content .xg_right .r_odd { width: 962px; height: 70px; color: #333; background: #caecff; line-height:70px;}
/*seo介绍样式*/

.intro { width: 100%; height: 1188px; background: #fbfbfb; min-width: 1200px; }
.intro .intro_box { width: 1200px; height: 532px; margin: auto; padding-top: 48px; }
.intro .intro_box .intro_title { text-align: center; font-size: 48px; color: #333; }
.intro .intro_box .intro_box_left { width: 506px; height: 180px; margin-top: 150px; float: left; }
.intro .intro_box .intro_box_left .list { width: 262px; height: 96px; }
.intro .intro_box .intro_box_left .list li { width: 130px; height: 30px; float: left; font-size: 18px; color: #686868; line-height: 30px; }
.intro .intro_box .intro_box_left p { font-size: 24px; color: #00a2ff; margin-top:14px; }
.intro .intro_box .intro_box_right { width: 660px; height: 350px; float: right; font-size: 24px; margin-top: 50px; border-radius: 8px; }
.intro .intro_box .intro_box_right .intro_left { width: 132px; text-align: center; line-height: 70px; float: left; }
.intro .intro_box .intro_box_right .intro_left .intro_even { height: 70px; background: #24afff; color:#fff;  line-height:70px;}
.intro .intro_box .intro_box_right .intro_left .intro_odd { height: 70px; color: #333; background: #caecff;  line-height:70px;}
.intro .intro_box .intro_box_right .intro_right { width: 518px; text-align: left; float: left; text-indent: 16px; border-left:2px solid #4dbeff; }
.intro .intro_box .intro_box_right .intro_right .intro_even { height: 70px; background: #24afff; color:#fff; line-height: 35px;}
.intro .intro_box .intro_box_right .intro_right .intro_odd { height: 70px; color: #333; background: #caecff; line-height: 35px;}
.intro .intro_bottom { width: 1200px; height: 610px; margin: auto; padding-top: 28px; }
.intro .intro_bottom p { text-align: center; font-size: 24px; color: #333; }
.intro .intro_bottom .intro_img { width: 850px; height: 530px; margin:auto; padding-top: 18px; }
.yingxiao { width: 1200px; height: 390px; margin:30px auto; }
.yingxiao .yingxiao_title { text-align: center; font-size: 48px; color: #333; }
/*div1*/
.yingxiao .div01 { width: 284px; height: 242px; margin-top: 58px; float: left; }
.yingxiao .div01 .top { width: 284px; height: 144px; background: #00b4ff; border-radius: 8px; }
.yingxiao .div01 img { width: 80px; height: 80px; float:left; padding-top: 26px; }
.yingxiao .div01 p { width: 174px; height: 86px; font-size: 24px; color: #fff; float: right; margin:-82px 16px; line-height:30px; }
.yingxiao .div01 .bottom { height: 80px; width: 284px; margin-top: 15px; }
.yingxiao .div01 .bottom .bottom_content { width: 282px; height: 64px; background: #f3f3f3; border-radius: 50px; font-size: 18px; color: #585858; padding-top:12px; padding-left: 18px; }
/*div2*/
.yingxiao .div02 { width: 284px; height: 242px; margin-top: 58px; margin-left: 20px; float: left; }
.yingxiao .div02 .bottom02 { height: 80px; width: 284px; }
.yingxiao .div02 .bottom02 .bottom_content02 { width: 282px; height: 64px; background: #f3f3f3; border-radius: 50px; font-size: 18px; color: #585858; padding-top:12px; padding-left: 18px; }
.yingxiao .div02 .top02 { width: 284px; height: 144px; background: #00d8c6; border-radius: 8px; margin-top: 30px; }
.yingxiao .div02 img { width: 80px; height: 80px; float:left; padding-top: 26px; }
.yingxiao .div02 .bottom02 .img { width: 38px; height: 18px; }
.yingxiao .div02 p { width: 174px; height: 86px; font-size: 24px; color: #fff; float: right; margin:-82px 16px; line-height: 35px;}
/*div3*/
.yingxiao .div03 { width: 284px; height: 242px; margin-top: 58px; margin-left: 20px; float: left; }
.yingxiao .div03 .top03 { width: 284px; height: 144px; background: #ffc808; border-radius: 8px; }
.yingxiao .div03 img { width: 80px; height: 80px; float:left; padding-top: 26px; }
.yingxiao .div03 p { width: 174px; height: 86px; font-size: 24px; color: #fff; float: right; margin:-82px 16px;line-height: 35px; }
.yingxiao .div03 .bottom03 { height: 80px; width: 284px; margin-top: 15px; }
.yingxiao .div03 .bottom03 .bottom_content03 { width: 282px; height: 64px; background: #f3f3f3; border-radius: 50px; font-size: 18px; color: #585858; padding-top:12px; padding-left: 18px; }
/*div4*/
.yingxiao .div04 { width: 284px; height: 242px; margin-top: 58px; margin-left: 20px; float: left; }
.yingxiao .div04 .bottom04 { width: 284px; }
.yingxiao .div04 .bottom04 .bottom_content04 { width: 282px; height: 64px; background: #f3f3f3; border-radius: 50px; font-size: 18px; color: #585858; padding-top:10px; padding-left: 2px; text-align: center; line-height: 42px; }
.yingxiao .div04 .top04 { width: 284px; height: 144px; background: #ff8ec3; border-radius: 8px; margin-top: 14px; }
.yingxiao .div04 img { width: 80px; height: 80px; float:left; padding-top: 26px; }
.yingxiao .div04 p { width: 174px; height: 86px; font-size: 24px; color: #fff; float: right; margin:-82px 16px; line-height: 35px;}
/*合作模式与流程*/
.rule { width: 1200px; height: auto; margin:  auto; }
.rule .rule_title { font-size: 48px; color: #333333; text-align: center; line-height: 48px;}
/*向上*/
.triangle_border_up { width:0; height:0; border-width:0 20px 20px; border-style:solid; border-color:transparent transparent #f3f3f3;/*透明 透明  灰*/ margin:0px auto; position:relative; }
/*向下*/
.triangle_border_down { width:0; height:0; border-width:20px 20px 0; border-style:solid; border-color:#f3f3f3 transparent transparent;/*灰 透明 透明 */ margin:0px auto; position:relative; }


/* --------------------------------------------网站建设p1 --------------------------------------------- */
.web_p1 .main, .web_p2 .main, .web_p3 .main, .web_p4 .main, .web_p5 .main{ z-index: 9;}

.web_p1{ width: 100%; background: url( ../images/web/bg57.jpg) 50% 0 no-repeat; min-height: 950px; position: relative; overflow: hidden;}
.web_p1 .web_bg, .web_p2 .web_bg{width: 100%; height: 100%;  position: absolute;top: 0; left: 0;z-index: 2;
}
.web_bg img{position: absolute;
}
.web_p1 .web_bg img.img1{ width:343px; height: 583px; top: 0; left: 0;}
.web_p1 .web_bg img.img2{ width:1920px; height: 400px; bottom: 0; left: 0;}
.web_p1 .web_bg img.img3{ width:190px; height: 375px; bottom: 0; right: 0;}
.web_left{ margin-top: 190px; width: 550px; 
}
.web_left h3.title{ font-size: 54px; color: #fff;font-weight: normal; margin-bottom: 20px
}
.web_left h4{ font-size: 20px; color: #fff;font-weight: normal; margin-bottom: 30px
}
.web_left p{font-size: 14px; color: #fff; line-height: 28px; margin-bottom: 50px
}
.web_left li{width:110px;height: 70px;border-radius: 5px;border: 3px solid rgba(255, 255, 255, 0.57);box-shadow: 0px 0px 8px rgba(20, 20, 20, 0.58);overflow: hidden;float:left;margin:20px 27px 20px 0; transition: all 0.3s; -webkit-transition: all 0.3s;
}
.web_left li:nth-child(4){ margin-right: 0;}
.web_left li:hover{ margin-top: 0px}
.web_left li img{ width:100%; height: 100%;}
.web_left a.more{ display: block;width: 546px;height: 38px;background: #fff;border-radius: 30px;line-height: 38px;text-align: center;font-size: 16px; color: #333; margin-top: 30px; position: relative;
}


.web_left a.more:hover{ background: rgb(6, 109, 210); color: #fff;
}
.web_left a.more span{ display: block;width: 16px;height: 14px;margin-top: 10px;position: absolute;top: 0;right: 150px;
}
.web_left a.more:hover span{animation:morebg 1s infinite  linear; -webkit-animation:morebg 1s infinite  linear;}
@keyframes morebg
{
   0% { width:16px;}
  50% {width:0px;padding-left:16px;}
  100%{ width:16px;}
}
@-webkit-keyframes morebg
{
  0% { width:16px;}
  50% {width:0px;padding-left:16px;}
  100%{ width:16px;}
}


.web_right{ margin-top: 190px; width:650px; height: 650px; position: relative;
}
.web_right img{ position: absolute;}

.web_p1 img.img1{ z-index: 1;}
.web_p1 img.img2{ z-index: 2;}

/* --------------------------------------------网站建设p2 --------------------------------------------- */

.web_p2{ width: 100%; background: url( ../images/web/bg58.jpg) 50% 0 no-repeat; min-height: 950px; position: relative; overflow: hidden;}
.web_p2 .web_left h3.title{ color: #0d7fee;}
.web_p2 .web_left h4{ color: #333;}
.web_p2 .web_left p{ color: #666;}

.web_p2 .web_bg img.img1{ width:220px; height: 500px; bottom: 0; left: 0;}
.web_p2 .web_bg img.img2{ width:362px; height: 600px; top: 0; right: 0;}

/* --------------------------------------------网站建设p3 --------------------------------------------- */

.web_p3{ width: 100%; background: url( ../images/web/bg59.jpg) 50% 0 no-repeat; min-height: 950px; position: relative; overflow: hidden;}

.web_p3 .web_bg img.img1{ width:344px; height: 582px; top: 0; left: 0;}
.web_p3 .web_bg img.img2{ width:190px; height: 463px; bottom: 0; right: 0;}


/* --------------------------------------------网站建设p4 --------------------------------------------- */

.web_p4{ width: 100%; background: url( ../images/web/bg60.jpg) 50% 0 no-repeat; min-height: 950px; position: relative; overflow: hidden;}
.web_p4 .web_left h3.title{ color: #0d7fee;}
.web_p4 .web_left h4{ color: #333;}
.web_p4 .web_left p{ color: #666;}

.web_p4 .web_bg img.img1{ width:280px; height: 950px; bottom: 0; left: 0;}
.web_p4 .web_bg img.img2{ width:366px; height: 950px; top: 0; right: 0;}


/* --------------------------------------------网站建设p5 --------------------------------------------- */

.web_p5{ width: 100%; background: url( ../images/web/bg61.jpg) 50% 0 no-repeat; min-height: 950px; position: relative; overflow: hidden;}

.web_p5 .web_bg img.img1{ width:343px; height: 580px; top: 0; left: 0;}
.web_p5 .web_bg img.img2{ width:190px; height: 460px; bottom: 0; right: 0;}
.web_p5 h3.title{color: #066dd2;}
.web_p5 h4{color: #333;}
.web_p5 p{color: #666;}





/* --------------------------------------------  公用 --------------------------------------------- */

@font-face{
	font-family:youshe;
	src:url(../images/font/youshe.woff);
	}

.can_box{ width: 1440px; margin: 0 auto;text-align: left;position: relative;}
@media screen and (max-width: 1440px){

    .can_box{ width:1200px; }

}


/* --------------------------------------------  头部 --------------------------------------------- */
.top_tel{ color: #0068b7; font-family: "DIN"; font-size: 30px;  height: 60px; line-height: 60px; padding-left: 41px;
	background: url(../images/2022/tel.png) left center no-repeat;  margin-top: 10px;
}
.main_box{width: auto; margin: 0 15px; padding: 0;}

/* --------------------------------------------  首页业务 --------------------------------------------- */
.ind_bus2{ background-color: #fff;padding: 60px 0px;}
.ind_bus h5{ font-size: 30px;}
.ind_bu1{ width: 380px; height: 590px;color: #fff;
	background-position: center;background-repeat: no-repeat;background-size: cover;background-image: url(../images/2022/ind_img1.jpg);
}
.ind_bu1 h5{ margin-bottom: 30px;}
.ind_bu1 p{ font-size: 16px;color: #fff;line-height: 30px; }
.ind_bu1 .more a{ display: block; color: #fff;height: 38px; line-height: 38px; width: 150px; border-radius: 50px; border: 1px solid #fff; text-indent: 20px; 
	font-size: 18px;background: url(../images/2022/more.png) 105px 7px no-repeat; 
	margin-top: 50px;
}
.ind_bu1:hover .more a{background: url(../images/2022/more_on.png) #fff  115px 7px no-repeat;color: #0068b7;}

.ind_bus_right{ width: 1030px;}
.ind_bus_right .box{ width: 500px;height: 280px;background-position: center;background-repeat: no-repeat;background-size: cover;}
.ind_bus_right .box p{ font-size: 16px;color: #fff;line-height: 30px; padding-right: 20px; margin: 10px 0 20px 0;}

.ind_bus_right .ind_bu2{ background-image: url(../images/2022/ind_img2.jpg); margin-bottom: 30px;}
.ind_bus_right .ind_bu3{ background-image: url(../images/2022/ind_img3.jpg); margin-bottom: 30px;}
.ind_bus_right .ind_bu4{ background-image: url(../images/2022/ind_img4.jpg);}
.ind_bus_right .ind_bu5{ background-image: url(../images/2022/ind_img5.jpg);}

.ind_bus_right .box .more a{display: block; color: #fff;height: 38px; line-height: 38px; width: 150px; border-radius: 50px; border: 1px solid #fff; text-indent: 20px; 
	font-size: 18px;background: url(../images/2022/more.png) 105px 7px no-repeat; 
}
.ind_bus_right .box:hover .more a{
	background: url(../images/2022/more_on.png) #fff  115px 7px no-repeat;color: #0068b7;

}

@media screen and (max-width: 1440px){
	.ind_bu1{width: 320px;height: 580px;}
	.ind_bus_right{width: 860px;}
	.ind_bus_right .box{ width: 420px;}
	.ind_bus_right .ind_bu2, .ind_bus_right .ind_bu3{margin-bottom: 20px;}

}


/* --------------------------------------------  首页案例 --------------------------------------------- */

.ind_case2_main{ background-color: #f5f5f5;padding: 60px 0px;}
.ind_case2_main .ind_ti .s1{  font-size: 100px;color: #333; height: 100px;line-height: 100px;font-family: "youshe";display: inline-block; text-align: left;float: left;}
.ind_case2_main .ind_ti .s2{  font-size: 60px;color: #333; height: 100px;line-height: 100px; width: 260px; 
	background: url(../images/2022/ind_bg2.png)  center 55px no-repeat; 
	display: inline-block; text-align: center;font-weight: bold;
}
.ind_case2 a{ display: inline-block; font-size: 16px; padding: 2px 15px; line-height: 30px; margin:0 0px 0 10px;background: #fff;border-radius: 2px;}
.ind_case2 .all, .ind_case2 a:hover{ background: #0068b7;color: #fff;}

.ind_case2_list li{background-color: #fff; width: 32%; float: left;margin: 0 2% 30px 0;}
.ind_case2_list li:nth-child(3n+0){ margin-right: 0;}
.ind_case2_list li img{ display: block;}
.ind_case2_list li .bot{ padding: 15px 20px 20px 20px;height: 110px;}
.ind_case2_list li h3{font-size: 24px;color: #333; -webkit-line-clamp: 1; margin-bottom: 10px;}
.ind_case2_list li p{color: #888888;    -webkit-line-clamp: 1; line-height: 24px;}
.ind_case2_list li .p2 span{display: inline-block; padding: 2px 5px; line-height: 20px; margin: 0 5px;border-radius: 2px; border: 1px solid #eee;}
.ind_case2_main  .more{ display:block; width: 300px; line-height: 54px;height: 54px; border: 1px solid #156eae; margin: 30px auto  0 auto; border-radius: 30px;font-size: 30px; 
	text-indent: 60px; color: #156eae;
	background: url(../images/2022/more2.png) 210px 9px no-repeat;
}
.ind_case2_main  .more:hover{background: url(../images/2022/more2_on.png) #156eae 220px 9px no-repeat;color: #fff;}

@media screen and (max-width: 1440px){
	.ind_case2 a{padding: 2px 10px;}
}

/* --------------------------------------------  首页合作名企 --------------------------------------------- */

.ind_par2{background-color: #333;height: 800px;    z-index: 10;    display: flex;    align-items: flex-start;}
.ind_par2 .can_box{height: 100%;z-index: 10;align-items: flex-start;
}
.ind_par2 .ind_par2_l{ width: 40%;}
.ind_par2 .ind_par2_l .p1{ margin-top: 100px;  font-size: 100px;color: #fff; height: 100px;line-height: 100px;font-family: "youshe";}
.ind_par2 .ind_par2_l .p2{  font-size: 60px;color: #fff; height: 100px;line-height: 100px; width: 260px; 
	background: url(../images/2022/ind_bg2.png)  center 55px no-repeat; 
	display: inline-block; text-align: center;font-weight: bold;
}
.ind_par2 .ind_par2_l .p3{ margin-top: 35%;}

.ind_par2 .ind_par2_r{ width: 55%; position: relative;height: 100%; padding-top: 60px;}
.ind_par2 .ind_par2_r .border{ position: absolute;background: rgba(235,235,235,.14);height: 100%;top: 0;width: 1px;
}
.ind_par2 .ind_par2_r .border1{left: 0%}
.ind_par2 .ind_par2_r .border2{left:30%}
.ind_par2 .ind_par2_r .border3{left:60%}
.ind_par2 .ind_par2_r .border4{left:90%}

.ind_par2_r .itembox{ width: 100%;}
.ind_par2_r .itembox .item{ cursor: pointer;position: relative;height: 200px;float: left;width: 30%;}
.ind_par2_r .itembox .item img {
    position: absolute;left: 0;right: 0;top: 0;bottom: 0;margin: auto;max-width: 90%;transition: all .5s ease;
}
.ind_par2_r .itembox .item:hover img{transform: translateY(-10px);}

.ind_par2 .imgbox {position: absolute;left: 0;top: 0;width: 100%;height: 100%;}
.ind_par2 .imgbox>div {width: 100%;
    height: 100%;opacity: 0;transition: all .8s ease-in-out;position: absolute;left: 0;
    top: 0;background-size: cover;background-position: center;
}
.ind_par2 .imgbox>div.on {opacity: 1;}

/*-----------------------------------  首页新闻2  -------------*/
.ind_news2{ width: 100%; background: #f2f2f2; padding: 30px 0 60px 0;}
.ind_news2 .ind_ti .s1{  font-size: 100px;color: #333; height: 100px;line-height: 100px;font-family: "youshe";display: inline-block; text-align: left;float: left;}
.ind_news2 .ind_ti .s2{  font-size: 60px;color: #333; height: 100px;line-height: 100px; width: 260px; 
	background: url(../images/2022/ind_bg2.png)  center 55px no-repeat; 
	display: inline-block; text-align: center;font-weight: bold;
}
.ind_news2 .ind_n_class a{ display: inline-block; font-size: 14px; padding: 2px 15px; line-height: 30px; margin: 0 5px;background: #fff;border-radius: 2px;}
.ind_news2 .ind_n_class a:hover, .ind_news2 .ind_n_class a.all{background: #2d6ae3;color: #fff;}
.ind_news2_l{ height: 510px;    background: #fff;}
.ind_news2_l  .img{ height: 300px;   }
.ind_news2_l a{ display: block; padding: 30px; }
.ind_news2_l a .bt{ margin: 15px 0 10px 0; }
.ind_news2_l a .bt h3{ -webkit-line-clamp: 2;}
.ind_news2_r{ background: #fff; padding: 30px 40px;height: 450px;width: 890px;}
.ind_news2_r li{width: 420px;float: left;padding-bottom: 15px;margin-bottom: 15px;border-bottom: 1px solid #eee;float: right;}
.ind_news2_r li:nth-child(odd){margin-right: 20px;float: left;}
.ind_news2_r li a{ display: block;}
.ind_news2_r li a .img{ width: 120px; height: 80px; float: left;}
.ind_news2_r li a .bt{width: 280px;float: right;}
.ind_news2_r li a .bt h3{ height: 56px;line-height: 28px; margin-bottom: 5px;}

@media screen and (max-width: 1440px){
	.ind_news2_l{ width: 400px;    height: 490px;}
	.ind_news2_l a{padding: 20px;}
	.ind_news2_r{ width: 700px;}
	.ind_news2_r{ width: 740px; padding: 20px 20px;}
	.ind_news2_r li{width: 360px;}
	.ind_news2_r li a .bt{ width: 230px;}
	.ind_news2_r li a .bt h3{    font-size: 16px;}
}


/*-----------------------------------  底部留言  -------------*/
.message2 .inputtxt{ border: 1px solid #ddd; border-radius: 2px; background: #fff; display: block; padding: 10px 10px; height: 30px;width: 188px;}
.message2 .inputtxt input{ height: 30px; line-height: 30px; width: 100%;border: none;background: #fff;}
.message2 .txe{  border: 1px solid #ddd; border-radius: 2px; background: #fff; display: block; padding: 10px 10px; height: 30px;width: 308px;}
.message2 .txe textarea{ height: 30px; line-height: 26px; width: 100%;border: none; background: none;}
.message2 .butt a{ display: block; height: 50px; line-height: 50px;  text-align: center; font-size: 18px; color: #fff;background: #0068b7; border-radius: 2px;}
.message2 .butt a:hover{background: #f2014b;}

@media screen and (max-width: 1440px){
	.message2 .ti{ font-size: 30px;}
	.message2 .grid_95{ width: 850px;}
	.message2 .inputtxt{width: 148px;}
}


/*-----------------------------------  底部网站导航  -------------*/
.foot{background-position: center;background-repeat: no-repeat;background-size: cover;background-image: url(../images/2022/ind_img6.jpg);}
.foot2_l{ color: #fff;}
.foot2_l li{width: 130px;float: left;padding-right: 40px;}
.foot2_l li h3{ margin-bottom: 20px;}
.foot2_l li h3 a{color: #fff; display: inline-block; font-size: 18px;}
.foot2_l li h3 span{ float: right;font-size: 18px;}
.foot2_l li .sub a{color: #bbb;font-size: 14px;display: block;line-height: 30px;margin-bottom: 10px;}

.foot2_l li a:hover{color: #fff;}

@media screen and (max-width: 1440px){
	.foot2_l li{width: 110px;}
	.foot_r {width: 300px;}
}



/*-----------------------------------  内页短视频拍摄  -------------*/

.video_banner {width:100%;position:relative;height:800px;overflow:hidden;}
.video_page_banner {position:absolute;left:50%;margin-left:-960px;width:1920px;}

.video_1 .box{ width: 1280px; height: 130px; background-color: #fff; border-radius: 20px; margin-top: -80px;    box-shadow: 0px 7px 21px 0px rgba(136, 155, 207, 0.17);
}


.video_1 .box form{ padding: 30px 40px; }
.video_1 .box .vi_inpu{ float: left;border: 1px solid #333;padding: 10px;border-radius: 10px; margin-right: 15px;width: 250px;
}
.video_1 .box input{ line-height: 40px;width: 100%;font-size: 18px;}
.video_1 .box .vi_tex{ float: left;border: 1px solid #333;padding: 10px;border-radius: 10px; margin-right: 15px;width: 320px;height: 40px;}
.video_1 .box .vi_tex textarea{ line-height: 40px;width: 100%;font-size: 18px; border: none;height: 40px;padding: 0;}
.video_1 .box .submit_a{ display: block;width: 250px; height: 60px;line-height: 60px;border-radius: 5px;background: url(../images/2022/vi1.png) left center repeat-x;}

.video_2{width:100%;position:relative;height:650px;  background-position: center;background-repeat: no-repeat;background-size: cover;background-image: url(../images/2022/vi_bg2.jpg);}

.video_2box {width: 1280px; height: 500px; margin:  50px auto 30px auto;position: relative; background: url(../images/2022/vi_bg1.png) center center no-repeat;
	text-align: left;
}

.video_2box .video_2_ti{width: 394px; height: 428px;position: absolute;background: url(../images/2022/vi_bg3.png) center center no-repeat;left: 445px;top: 35px;}
.video_2box .video_2_ti .p1{ font-size: 56px; margin-top: 110px;line-height: 70px;}
.video_2box li{ margin: 70px 100px 10px 100px;}
.video_2box .li1{ width: 300px; }
.video_2box .li2{ width: 270px; }
.video_2box .li3{ width: 300px; }
.video_2box .li4{ width: 270px; }
.video_2box li p{color: #fff;}
.video_2box .li1 .p1{background: url(../images/2022/vi_bg4.png) center center no-repeat;}
.video_2box .li2 .p1{background: url(../images/2022/vi_bg5.png) center center no-repeat;}
.video_2box .li3 .p1{background: url(../images/2022/vi_bg6.png) center center no-repeat;}
.video_2box .li4 .p1{background: url(../images/2022/vi_bg7.png) center center no-repeat;}
.video_2box li .p1{width: 135px; height: 72px;font-size: 30px;line-height: 105px;    text-align: center;}
.video_2box li .p2{font-size: 20px;margin-top: 10px;}

.vi_ti{ color: #fff; margin: 20px;}

.video_3{height:700px;  background-position: center;background-repeat: no-repeat;background-size: cover;background-image: url(../images/2022/vi_bg9.jpg);}
.vi_ti .p1{font-size: 56px;line-height: 105px;font-weight: bold;}
.vi_ti .p2{font-size: 30px;}


.video_3 li .img img{ display: block; width: 100%;height: 100%;}
.video_3 li .text{ width:370px; height: 170px;background: url(../images/2022/vi_bg8.jpg) center center no-repeat; padding: 20px;}
.video_3 li .text .p1{ line-height: 60px; margin-top: 10px;}
.video_3 li .text .p2{ padding: 0 40px;}
.video_3 .li2{ margin: 0 25px;}

.video_4{height:760px;  background-position: center;background-repeat: no-repeat;background-size: cover;background-image: url(../images/2022/vi_bg10.jpg);}
.video_4 li{ width: 600px;height: 190px;position:relative;background: url(../images/2022/vi_bg11.png) center center no-repeat; margin: 50px 0 20px;}
.video_4 li .icon{ position: absolute;left: 50px; top: -50px;}
.video_4 li .text{ margin: 0 50px;}
.video_4 li .text .p1{line-height: 40px; margin-top: 60px;margin-bottom: 10px;}



/*-----------------------------------  内页直播千川  -------------*/

.page_ad1{height:700px;  background-position: center;background-repeat: no-repeat;background-size: cover;background-image: url(../images/2022/ad_bg1.jpg);}
.page_ad1 .video_1 .main{ height: 700px;}
.page_ad1 .video_1 .box{ margin-top: 0;  position: absolute;    bottom: 30px;}

.ad_title{ margin-top: 130px;color: #fff; }
.ad_title .p1{color: #fff; font-size: 66px;line-height: 80px;margin-bottom: 20px;}
.ad_title .p2{ color: #fff; font-size: 30px;line-height: 40px;margin-bottom: 50px;}
.ad_title .p3{ background-color: #fff; border-radius: 50px; width: 380px; text-align: center; line-height: 70px;font-size: 36px;    font-weight: bold;}


.page_ad2{ padding: 20px 0;}
.page_ad2 li{width: 260px;height: 90px;padding: 15px 20px;border-radius: 5px;box-shadow: 0px 7px 21px 0px rgb(136 155 207 / 17%);margin-right: 25px;}
.page_ad2 li.li4{ margin-right: 0;}
.page_ad2 li .icon{ width:75px; height: 85px; float: left;}
.page_ad2 li .text{width: 165px;height: 85px;float: right;margin-top: 15px;}
.page_ad2 li .text .p2{margin-top: 10px;}

.page_ad3 li{ width: 350px; height: 521px;background: url(../images/2022/ad_bg2.png) center center no-repeat;float: left;}
.page_ad3 li:nth-child(2){ margin:0 110px;}
.page_ad3 li .p1{width: 290px;height: 110px;line-height: 168px;margin: 120px auto 40px auto;text-align: center;text-indent: 5px;}
.page_ad3 li:nth-child(1) .p1{ background: url(../images/2022/ad_bg3.png) center center no-repeat;}
.page_ad3 li:nth-child(2) .p1{ background: url(../images/2022/ad_bg4.png) center center no-repeat;}
.page_ad3 li:nth-child(3) .p1{ background: url(../images/2022/ad_bg5.png) center center no-repeat;}
.page_ad3 li .p2{ padding: 0 45px;}

.page_ad4{height:800px;  background-position: center;background-repeat: no-repeat;background-size: cover;background-image: url(../images/2022/ad_bg6.jpg);}
.page_ad4 li{  width: 290px; height: 400px;background: url(../images/2022/ad_bg7.png) center center no-repeat;float: left;
	position: relative;
}

.page_ad4 li .icon{  width: 162px; height: 187px;position: absolute; left:64px ;top: -60px;}
.page_ad4 li .text{ padding: 25px; margin-top: 110px;}
.page_ad4 li:nth-child(1){ margin:10px 0px 0 0px ; }
.page_ad4 li:nth-child(2){ margin:90px 40px 0 40px ; }
.page_ad4 li:nth-child(3){ margin:0px 40px 0 0px ; }
.page_ad4 li:nth-child(4){ margin:70px 0px 0 0px ; }


.page_ad5{height:720px;  background-position: center;background-repeat: no-repeat;background-size: cover;background-image: url(../images/2022/ad_bg8.jpg);}
.page_ad5 li{ width: 600px;height: 180px;position:relative;background: url(../images/2022/ad_bg9.png) center center no-repeat; margin: 50px 0 20px;}
.page_ad5 li .icon{ position: absolute;left: 50px; top: -50px;}
.page_ad5 li .text{ margin: 0 50px;}
.page_ad5 li .text .p1{line-height: 40px; margin-top: 70px;margin-bottom: 10px;}
.page_ad5 li:nth-child(odd){ float: left;}
.page_ad5 li:nth-child(even){ float: right;}
.page_ad5 li .p2{ color:#b28ce8;}

.page_ad6{height:600px; background-color: #f4f6fb;}
.page_ad6_left, .page_ad6_left2, .page_ad6_left3{ overflow:hidden; position:relative;  }
.page_ad6_left .bd ul, .page_ad6_left2 .bd ul, .page_ad6_left3 .bd ul{ overflow:hidden; zoom:1; }
.page_ad6_left .bd ul li, .page_ad6_left2 .bd ul li, .page_ad6_left3 .bd ul li{ margin:0; float:left; _display:inline; overflow:hidden; text-align:center;  }