.banner{ height:540px; background:#3fc8ed;}
	.banner_pos{ position:relative;}
	.banner_pos img{ width:100%; height:100%;}
		.diannao{ position:absolute; left:0; top:100px; z-index:100; width:528px; height:380px;}
		.xian{ position:absolute; left:391px; top:336px; width:771px; height:142px;}
		.shubiao{ position:absolute; right:0px; top:367px; width:78px; height:131px;}
		.phone{ position:absolute; left:584px; top:162px; width:123px; height:261px;}
		.storge{ position:absolute; left:752px; top:238px; width:85px; height:187px;}
		.ie{ position:absolute; left:887px; top:325px; width:95px; height:94px;}
		.click{ position:absolute; left:1102px; top:350px; width:27px; height:34px;}
		.banner_one_word{ font-size:40px; color:#ffe507; position:absolute; font-weight:bold;}
		.white{ color:#fff;}
		.w_pos{ left:584px; top:85px;}
		.bow_pos{ left:900px; top:170px; font-size:56px;}

/*¶¯»­Ò»Ð§¹û*/
@-webkit-keyframes banner_1 {
	from { opacity: 0; -webkit-transform: translate3d(0,-20px,0); transform: translate3d(0,20px,0)}
	to { opacity: 1 ; -webkit-transform: translate3d(0,0,0); transform: translate3d(0,0,0)}
}
@keyframes banner_1 {
	from { opacity: 0; -webkit-transform: translate3d(0,-20px,0); transform: translate3d(0,-20px,0)}
	to { opacity: 1 ; -webkit-transform: translate3d(0,0,0); transform: translate3d(0,0,0)}
}

.diannao, .xian, .shubiao{
	-webkit-animation-name: banner_1;
	animation-name: banner_1;
	-webkit-animation-duration: 1.5s;
	animation-duration: 1.5s;
	-webkit-animation-fill-mode: backwards;
	animation-fill-mode: backwards;
	-webkit-animation-timing-function:cubic-bezier(.01, 1, .21, .99);
	animation-timing-function:cubic-bezier(.01, 1, .21, .99);}

.click{-webkit-animation-name: banner_1;
	animation-name: banner_1;
	-webkit-animation-delay:1s;
	animation-delay:1s;
	-webkit-animation-duration: 1.5s;
	animation-duration: 1.5s;
	-webkit-animation-fill-mode: backwards;
	animation-fill-mode: backwards;
	-webkit-animation-timing-function:cubic-bezier(.01, 1, .21, .99);
	animation-timing-function:cubic-bezier(.01, 1, .21, .99);}

.phone, .storge, .ie, .banner_one_word{-webkit-animation-name: banner_1;
	animation-name: banner_1;
	-webkit-animation-duration: 1.5s;
	animation-duration: 1.5s;
	-webkit-animation-fill-mode: backwards;
	animation-fill-mode: backwards;
	-webkit-animation-timing-function:cubic-bezier(.01, 1, .21, .99);
	animation-timing-function:cubic-bezier(.01, 1, .21, .99);}
.phone{ -webkit-animation-delay:1.5s; animation-delay:1.5s;}
.storge{ -webkit-animation-delay:2s; animation-delay:2s;}
.ie{ -webkit-animation-delay:2.5s; animation-delay:2.5s;}
.banner_one_word{ -webkit-animation-delay:3s; animation-delay:3s;}

.container{ background:#f7f7f7;}
.detail{ margin-top:50px;}
	.detail a{ display:block; width:146px; height:36px; text-align:center; line-height:36px; font-size:16px; color:#fff; background:#ef9485; margin:0 auto;}
	.service_content{ padding:40px 0 20px 0;}
	.service_content .service_title_bg{ width:279px; float:left; height:80px;}
	.service_content .service_imformation{ width:773px; height:100px; float:right;}
	.service_menu{ margin-top:60px;}
		.service_menu li{ position:relative; width:212px; float:left; margin-right:280px;}
		.service_menu .last_li{ margin-right:0;}
			.service_menu li a{ display:block; width:212px; height:245px;}
				.service_menu li a img{ width:100%; height:100%;}
		.service_menu li .menu_word{ margin-top:10px;}
				.service_menu li .menu_word p{ height:28px; line-height:28px; font-size:14px; text-align:center;}
				.service_menu li .menu_word p:first-child{ font-size:18px; font-weight:bold;}

@-webkit-keyframes clock{
	from{ -webkit-transform:rotate(0deg); transform:rotate(0deg); -webkit-transform-origin:left bottom; transform-origin:left bottom;}
	to{ -webkit-transform:rotate(360deg); transform:rotate(360deg); -webkit-transform-origin:left bottom; transform-origin:left bottom;}
}
@keyframes clock{
	from{ -webkit-transform:rotate(0deg); transform:rotate(0deg);}
	to{ -webkit-transform:rotate(360deg); transform:rotate(360deg);}
}

@-webkit-keyframes shop{
	from{ -webkit-transform:translateX(0); transform:translateX(0);}
	to{ -webkit-transform:translateX(-62px); transform:translateX(62px);}
}
@keyframes shop{
	from{ -webkit-transform:translateX(0); transform:translateX(0);}
	to{ -webkit-transform:translateX(-62px); transform:translateX(-62px);}
}

.service_menu li .zhizhen{ position:absolute; left:107px; top:77px;
	-webkit-animation-name:clock;
	animation-name:clock;
	-webkit-animation-duration:.5s;
	animation-duration:.5s;
	-webkit-animation-fill-mode:backwards;
	animation-fill-mode:backwards;
	-webkit-animation-play-state:paused;
	animation-play-state:paused;
}
.service_menu li:hover .zhizhen{
}
.service_menu li .word{ position:absolute; left:95px; top:125px; width:66px; overflow:hidden;}
.service_menu li .word img{ -webkit-animation-name:shop;
	animation-name:shop;
	-webkit-animation-duration:.5s;
	animation-duration:.5s;
	-webkit-animation-fill-mode:forwards;
	animation-fill-mode:forwards;
	-webkit-animation-play-state:paused;
	animation-play-state:paused;
}
.service_menu li .dingzhiline{ position:absolute; left:60px; top:125px;
	-webkit-animation-name:banner_1;
	animation-name:banner_1;
	-webkit-animation-duration:.5s;
	animation-duration:.5s;
	-webkit-animation-fill-mode: backwards;
	animation-fill-mode: backwards;
	-webkit-animation-play-state:paused;
	animation-play-state:paused;
}

.house_case{ width:100%; background:#fff; padding:50px 0;}
	.title{ width:820px; margin:0 auto; text-align:center;}
		.title h3{ height:96px; line-height:62px; font-size:30px; background:url(../images/title_png.png) no-repeat center 65px; border-bottom:1px solid #ddd;color:#005ca1; font-weight:500}
		.title span{ display:block; height:36px; line-height:36px; font-size:14px;}
	.case_list{ margin-top:40px;}
		.case_list li{ width:300px; height:200px; float:left; position:relative;}
			.case_list li i{ display:block; width:300px; height:200px;}
				.case_list li i img{ width:100%; height:100%;}
				.case_list .case_bg{ position:absolute; left:0; top:0px; width:300px; height:200px; display:none;}
					.case_list .case_add{ display:block; width:300px; height:200px; background:#000; opacity:0.2; filter:alpha(opacity=10);}
					.case_list .case_name{ width:100%; position:absolute; left:0; bottom:0; height:60px; background:#1a3c0e; display:none;}
						.case_list .case_name a{ display:block; height:30px; line-height:30px; color:#fff; text-align:center; font-size:14px;}
						.case_list .case_name a:first-child{ font-size:16px;}
						
.build_web{ padding:50px 0;}
	.b_title h3{ background:url(../images/title_png1.png) no-repeat center 65px;color:#005ca1; font-weight:500}
	.build_step{ margin-top:40px; position:relative;}
		.build_step li{ width:150px; margin-right:60px; float:left;}
		.build_step .no_pix{ margin-right:0;}
			.build_step li a{ display:block; width:150px; height:150px;}
				.build_step li a img{ width:100%; height:100%;}
			.build_step li .step_num{ height:60px; margin-top:15px;}
				.build_step li p{ height:30px; line-height:30px; text-align:center; font-size:16px; font-weight:bold;}
	.arrow a{ display:block; width:30px; height:21px; background:url(../images/arrow.png) no-repeat; position:absolute;}
	.arrow_icon{ left:165px; top:68px;}
	.arrow_icon1{ left:375px; top:68px;}
	.arrow_icon2{ left:585px; top:68px;}
	.arrow_icon3{ left:795px; top:68px;}
	.arrow_icon4{ left:1005px; top:68px;}
	.detail1{ margin-top:50px; position:relative; height:36px;}
		.detail1 a{ display:block; width:146px; height:36px; text-align:center; line-height:36px; font-size:16px; color:#fff; background:#3fc8ed; position:absolute; left:625px;}
		.detail1 a:first-child{ position:absolute; left:430px; background:#ef9485;}

.template{ width:100%; background:#fff; padding:50px 0;}
	.t_title h3{ background:url(../images/title_png2.png) no-repeat center 65px;color:#005ca1; font-weight:500}
	.tem_page{ margin-top:60px;}
		.tem_page .menu_left{ width:200px; float:left;}
		.tem_page .menu_right{ width:200px; float:right;}
			.tem_page .menu_left li{ width:200px; height:48px; line-height:48px; text-align:center; margin-bottom:30px; background:#3fc8ed;}
			.tem_page .menu_left li a{ display:block; width:200px; height:48px; font-size:14px; color:#fff;}
		.tem_page .menu_tem{ width:800px; float:left;}
			.tem_list{ width:505px; margin:0 auto; height:368px; background:url(../images/computer1.png) no-repeat;}
.contact{ padding:50px 0;}
	.contact_list{ margin-top:40px;}
		.contact_list h3{ height:70px; width:820px; margin:0 auto; text-align:center; background:#dcdcdc; line-height:70px; font-size:28px; letter-spacing:2px;}
	.contact_detail{ margin-top:60px;}
		.con_list{ width:560px; float:left; height:246px;}
			.con_list li{ height:40px; background:url(../images/conlist_bg.jpg) no-repeat; margin-bottom:1px; line-height:40px;}
				.con_list li a{ display:block; width:510px; padding-left:50px; background:url(../images/icon.png) no-repeat left top; font-size:14px;}
				.con_list li .con_add{ background:url(../images/icon.png) no-repeat left -40px;}
				.con_list li .con_pho{ background:url(../images/icon.png) no-repeat left -80px;}
				.con_list li .con_fox{ background:url(../images/icon.png) no-repeat left -120px;}
				.con_list li .con_ema{ background:url(../images/icon.png) no-repeat left -160px;}
				.con_list li .con_lux{ background:url(../images/icon.png) no-repeat left bottom;}
		.sucai_erweima{ width:560px; height:246px; float:right;}
			.sucai_content{ height:216px; background:#f2f2f2;}
                .sucai_content{width:560px;}
			.sucai_menu{ height:30px;}
				.sucai_menu li{ height:30px; line-height:30px; text-align:center; background:#68BABA; width:279px; float:left; margin-right:2px;}
				.sucai_menu .no_pix1{ margin-right:0px;}
					.sucai_menu li a{ display:block; height:30px; line-height:30px; color:#fff;}
                    .sucai_menu li .hover{background:#66CCCC}


.must_action{ margin-top:15px;}
.must_action p{ line-height:26px; font-size:14px;}
.must_action .first_p{ font-size:16px; color:#ffb607; font-weight:bold;}
.sp_line{ border-bottom:1px solid #ddd;}
.must_action span{ font-size:14px; height:30px; line-height:30px; margin-right:20px;}
.single_table_offer{ margin-top:15px;}
.single_table_offer th{ width:398px;}

.tem_page  .menu_left .active{ background:url(../images/active.jpg) no-repeat left center;}
.tem_page  .menu_left .active1{ background:url(../images/active1.jpg) no-repeat left center;}
.tem_list{ position:relative;}
.wid_pic{ width:460px; height:260px; padding:21px 22px 86px 23px;}
.case_pic{ width:460px; height:260px; position:absolute; overflow:hidden;}
.scroll_pic{ position:absolute; display:none;}
.wid_left{ display:block; width:120px; height:265px; background:url(../images/l.png) no-repeat 0px 114px ; position:absolute; left:0px; top:0px; z-index:999;}
.wid_right{ display:block; width:120px; height:265px; background:url(../images/r.png) no-repeat 70px 114px; position:absolute; right:0; top:0;z-index:999;}
.scroll_pic li{ float:left; width:460px; height:265px;}
.scroll_pic li img{width:460px;height:265px;}
#case_c1{ display:block;}

.name_word{ position:absolute; left:610px; top:430px; font-size:16px; color:#fff; font-weight:bold;}
.name_word1{ position:absolute; left:750px; top:430px; font-size:16px; color:#fff; font-weight:bold;}
.name_word2{ position:absolute; left:920px; top:430px; font-size:16px; color:#fff; font-weight:bold;}
.name_word, .name_word1, .name_word2{-webkit-animation-name: banner_1;
    animation-name: banner_1;
    -webkit-animation-duration: 1.5s;
    animation-duration: 1.5s;
    -webkit-animation-fill-mode: backwards;
    animation-fill-mode: backwards;
    -webkit-animation-timing-function:cubic-bezier(.01, 1, .21, .99);
    animation-timing-function:cubic-bezier(.01, 1, .21, .99);}
.name_word{ -webkit-animation-delay:2s; animation-delay:2s;}
.name_word1{ -webkit-animation-delay:2.5s; animation-delay:2.5s;}
.name_word2{ -webkit-animation-delay:3s; animation-delay:3s;}

/*domain*/
.domain{ background:#fff; padding:20px 0;}
.domain h3{ height:60px; line-height:60px; text-align:center; font-size:26px;}
.domain_search{ margin-top:15px; position:relative;}
.domain_search .domain_text{ width:840px; float:left; display:block; height:50px; border:1px solid #ddd; border-right:1px solid #fff; font-size:18px; padding:0 15px; font-family:'΢ÈíÑźÚ'; outline:none; line-height:50px; color:#999}
.domain_search .domain_name{ width:160px; float:left; height:50px; border:1px solid #ddd; border-left:1px solid #f7f7f7; border-right:1px solid #f7f7f7; background:#f7f7f7; text-align:center; line-height:50px; font-size:26px; cursor:pointer;}
.domain_search .domain_name a{ font-size:24px;}
.domain_search .domain_name_list{ position:absolute; top:52px; right:166px; border:1px solid #ddd; border-top:none; z-index:999; display:none; border-right:none; *+top:67px;}
.domain_search .domain_name_list ul{ width:160px; height:auto; max-height:210px; overflow-y:scroll;}
.domain_search .domain_name_list li{ height:42px; line-height:42px; width:100%; text-align:center; background:#fff; *+width:143px;}
.domain_search .domain_name_list li a{ display:block; width:100%; height:42px;}
.domain_search .domain_name_list li a:hover{ background:#f7f7f7;}
.domain_search .domain_btn{ width:166px; height:52px; font-family:'΢ÈíÑźÚ'; display:block; border:none; background:#e60000; color:#fff; float:left; font-size:18px; outline:none;  cursor:pointer;}
.domain_logo{ height:40px; padding:10px 0;}
.domain_logo li{ width:200px; height:40px; line-height:40px; float:left;}
.domain_logo li a{font-size:14px;}
.domain_logo li a img{ vertical-align:middle;}
.domain_logo li span{ margin-left:5px;}
.posr{ position:relative;}
.domain_info{ height:40px; line-height:40px; font-size:14px; position:absolute; left:875px; top:15px;}
.domain_info span{ color:#bf0808; font-size:14px;}
.domain_info .red{ color:#ce0909; font-weight:bold;}
.domain_info .green{ color:#79c809; font-weight:bold;}
/*sucai_news*/
.sucai_erweima h4{ height:36px; line-height:36px; text-align:center; background:#3fc8ed;}
.sucai_erweima h4 a{ font-size:14px; color:#fff; font-weight:bold; display:block; width:100%; height:36px;}
.sucai_news{ background:#f0eeef; padding:3px 15px;}
.sucai_news li{ height:40px; line-height:40px; border-bottom:1px dotted #ddd;font-size:14px} 
.sucai_news .lastli{ border:none;}
.sucai_news li a{width:440px;float:left; font-size:14px}