/* reset */
.service .main, .index .main,.service footer, .index footer{ position:relative; top:0; bottom:auto; left:0;overflow:hidden;}
.service footer{ border-top:0;}

/*图片经过放大*/
body{overflow-x: hidden;background:#f5f8f9;}
.tran_scale img{transition: all 1s;}
.tran_scale:hover img{transform: scale(1.1);font-size:0;}

/*服务*/
.n_wrap{width:100%;margin:0 auto;}
.n_w144{width:100%;max-width:1440px;margin:0 auto;}
.new_service_box ul li{width:33.33%;float:left;overflow:hidden;position:relative;}
.trevice_img{font-size:0;overflow:hidden;}
.trevice_img img{width:102%!important;z-index:999;}


.new_service_box ul li span{display: block;position: absolute; background: #ff0000;z-index: 2;  -ms-transition:all 0.1s -moz-linear;transition:all 0.1s -webkit-linear;transition:all 0.1s linear;-o-linear;transition:all 0.1s linear;linear;transition:all 0.1s linear;z-index:999}
.new_service_box ul li:hover span{-ms-transform: translateY(0) translateX(0)!important;-moz-transform: translateY(0) translateX(0)!important;-webkit-transform: translateY(0) translateX(0)!important;-o-transform: translateY(0) translateX(0)!important;transform: translateY(0) translateX(0)!important;}

.new_service_box ul li span.red_hover{width: 102%;height:8px;bottom: 0;left:-2px;-ms-transform: translateX(-100%);-moz-transform: translateX(-100%);-webkit-transform: translateX(-100%);-o-transform: translateX(-100%);transform: translateX(-100%);}
.new_service_box ul li:hover span.red_hover{-ms-transition-delay:.3s;-moz-transition-delay:.3s;-webkit-transition-delay:.3s;-o-transition-delay:.3s;transition-delay:.3s; z-index:999;}

.service_text{position:absolute;left:0;top:75%;color:#fff;z-index:9999;width:100%;overflow:hidden;text-align:center;transition:all 0.2s linear;}
.service_text h1{display:inline-block;border-bottom: solid 2px #fff;border-top: solid 2px #fff;color:#fff;}
.service_text p{width:59%;margin:0 auto;margin-top:10px;}


.new_service_box ul li:hover .service_text{top:66%;transition:all 0.2s linear;}


@media only screen and (max-width:1366px) {
.service_text{top:68%;}
.new_service_box ul li:hover .service_text{top:62%;}
.service_text p{width:83%;}
}




@media only screen and (max-width:1180px) {
.service_text{top:60%;}
.new_service_box ul li:hover .service_text{top:60%;}
.service_text p{width:83%;}
}

@media only screen and (max-width:1018px) {
.new_service_box ul li{width:50%;}
}


@media only screen and (max-width:550px) {
.new_service_box ul li{width:100%;}
.service_text{top:70%;}
.new_service_box ul li:hover .service_text{top:60%;}
}


.nth3_img{margin-left:-3px;}

/*交互体验设计*/
.pho_banner{display:none;}


.interactive_banner_box{overflow:hidden;position:relative; margin-top: 100px;}
.move_h1{ /* margin-top:100px; */}
.interactive_banner_box img{width:100%;}
.interactive_banner_bar {position:absolute;left:0;top:0;right:0;margin-right:auto;margin-left:auto;}

.interaction_div_box{width:291px;border:solid 2px #ff0000;position:relative;margin-top:4%;float:right;padding-right:10px;margin-right:140px;}
.interaction_div_box h1{color:#ff0000;text-align:right;padding:5% 0 40% 0;}
.interaction_div_box h1 span{display:block;}
.interaction_div_box  p{position:absolute;right:10px;bottom:5px;text-align:right;color:#ff0000;font-weight:bold;}

.interactive_banner_bar{overflow:hidden;}
.interactive_banner_bar h5{width:80%;float:right;text-align:right;color:#ff0000;font-weight:normal;margin-top:30px;margin-right:140px;}
.interactive_banner_bar h5 span{display:block;}


.intaractive_lis{margin-top:80px;}

.intaractive_lis ul li{position:relative;overflow:hidden; margin-bottom: 0.3%;}
.intaractive_lis ul li img{width:100%;}
.i_lis_1{width:56.5%;float:left;}
.i_lis_2{width:43.2%;float:right;}
.i_lis_3{width:49.8%;float:left;}
.i_lis_4{width:49.8%;float:right;}

.i_lis_1_bar{position:absolute;left:0;top:0;color:#fff;padding:4% 0 0 4%;}
.i_lis_1_bar p span{display:block;}
.i_lis_1_bar i{display:block;width:19px;height:5px;background:#ff0000;margin-top:20px;}

.i_lis_2_bar{position:absolute;left:0;bottom:0;color:#fff;padding:0 0 8% 4%;}
.i_lis_2_bar p span{display:block;}
.i_lis_2_bar i{display:block;width:19px;height:5px;background:#ff0000;margin-top:20px;}

.i_lis_3_bar{position:absolute;left:0;top:12%;height:100;color:#fff;padding:0 0 8% 4%;}
.i_lis_3_bar p span{display:block;}
.i_lis_3_bar i{display:block;width:19px;height:5px;background:#ff0000;margin-top:20px;}


.intaractive_lis ul li .diq{width:100%; height:100%; overflow: hidden; margin: 0 auto;display:none;position:absolute;left:0;top:0;}
.intaractive_lis ul li .diq img{width: 100%; }

.intaractive_lis ul li .ss{width:100%; height:100%; overflow: hidden; margin: 0 auto;display:none;position:absolute;left:0;top:0;}
.intaractive_lis ul li .ss img{width: 100%; }

.intaractive_lis ul li .vr{width:100%; height:100%; overflow: hidden; margin: 0 auto;display:none;position:absolute;left:0;top:0;}
.intaractive_lis ul li .vr img{width: 100%; }

.intaractive_lis ul li .ar{width:100%; height:100%; overflow: hidden; margin: 0 auto;display:none;position:absolute;left:0;top:0;}
.intaractive_lis ul li .ar img{width: 100%; }


.intaractive_lis ul li:hover .diq{display:block;}
.intaractive_lis ul li:hover .ss{display:block;}
.intaractive_lis ul li:hover .vr{display:block;}
.intaractive_lis ul li:hover .ar{display:block;}





.On-line_h1{text-align:center;color:#595959;margin-top:138px;}


/*留言*/

.message_lis_box{width:100%;max-width:1120px;margin:0 auto;/* margin-top:100px; */padding: 90px 0;}
.message_lis_box ul {}
.message_lis_box ul li {width:25%;float:left;}
.message_lis_box ul li input{width:88%;float:left;border:solid 1px #595959;height:35px;line-height:35px;color:#000;padding:0 4%;}

.feedbackcontent::-webkit-input-placeholder{color:#000;opacity:1;}
.feedbackcontent::-moz-placeholder{color:#000;opacity:1;}                
.feedbackcontent:-ms-input-placeholder{color:#000;opacity:1;}  

.required{width:97%;border:solid 1px #595959;padding:1%;color:#000;height:191px;}
.textarea-box_list{margin-top:23px;overflow:hidden;width:100%;}
.Verification_box{width:100%;overflow:hidden;margin-top:15px;position:relative;}
.Verification_box_l_1{float:left;width:167px;margin-right:8px;}
.Verification_box_l_1 input{border:solid 1px #595959;height:35px;line-height:35px;padding:0 5px;}
.Verification_box_l_2{width:40px;height:35px;float:left;}
.Verification_box_l_3{float:left;margin-left:20px;}
.Verification_box_l_3 a{line-height:35px;color:#8a8a8a;}
.Verification_box_l_4_p{width:209px;height:35px;line-height:35px;float:right;background:#ff0000;position:relative;margin-right: 7px;}

.btn {
	border: none;
	font-family: inherit;
	font-size: inherit;
	color: inherit;
	background: none;
	cursor: pointer;
	width:209px;
	height:35px;
	line-height:35px;
	display: inline-block;
	
	text-transform: uppercase;
	letter-spacing: 1px;
	font-weight: 700;
	text-align:center;
	outline: none;
	position: relative;
	-webkit-transition: all 0.3s;
	-moz-transition: all 0.3s;
	transition: all 0.3s;
}

.btn:after {
	content: '';
	position: absolute;
	z-index: -1;
	-webkit-transition: all 0.3s;
	-moz-transition: all 0.3s;
	transition: all 0.3s;
}

.btn-1 {
	border: 1px solid #fff;
	color: #fff!important;
	z-index:9;
}

/* 第二个 */
.btn-1c:after {
	width: 0%;
	height: 100%;
	top: 0;
	left: 0;
	background: #d30101;
	
	color:#fff;   
}

.btn-1c:hover,
.btn-1c:active {
	color: #fff;
}

.btn-1c:hover:after,
.btn-1c:active:after {
	width: 100%;
}


.input_box{ width:96%;border:solid 1px #595959;}
.input_box .select_0 { position: relative;}
.input_box .select_0 dt { background:#fff url(../images/heij.png) right no-repeat; padding: 0 12px; cursor: pointer;  color: #000;background-position-x: 95%;font-size:12px;}
.input_box .select_0 dd {border: 1px solid #595959; z-index: 99; position: absolute; max-height: 200px; overflow-y: auto; overflow-x: hidden; background: #fff; width:99.4%; left: 0px; top:43px; display: none; height:90px;font-size:12px;}
.input_box .select_0 dd a { display: block; line-height: 30px; color: #000; white-space: normal; padding: 0 12px; }
.input_box .select_0 dd a:hover, .input_box .select_0 dd a.on { background: #eee; }
.input_box .inp50{ height:35px; line-height:35px;}











@media only screen and (max-width:1800px) {
.interaction_div_box h1{padding: 5% 0 29% 0;}
}

@media only screen and (max-width:1480px) {

	.interactive_banner_box,.move_h1{ margin-top:80px;}
}

@media only screen and (max-width:1420px) {

	.interactive_banner_box,.move_h1{ margin-top:60px;}
}

@media only screen and (max-width:1366px) {
.interaction_div_box h1{padding: 5% 0 24% 0;}
.interactive_banner_bar h5{margin-top:14px;}
.On-line_h1{margin-top:5%;}
.message_lis_box{width:97%;padding: 30px 0;}
}

@media only screen and (max-width:1200px) {

	.interactive_banner_box,.move_h1{ margin-top:0px;}
}

@media only screen and (max-width:1024px) {
.interaction_div_box h1{padding: 3% 0 19% 0;}
.interactive_banner_bar h5{margin-top:14px;}
.intaractive_lis{margin-top: 25px;}

.message_lis_box{width:96%;}
.interaction_div_box{width:150px;}
.interaction_div_box{margin-right:1%;}
.interactive_banner_bar h5{margin-right:1%;width:99%;}
}
@media only screen and (max-width:1000px) {
.message_lis_box{display:none;}
.nck_3_bac{display:none;}
.intaractive_lis{margin-bottom:25px;}
}
@media only screen and (max-width:800px) {
.i_lis_1,
.i_lis_2,
.i_lis_3,
.i_lis_4{width:100%;}

}

@media only screen and (max-width:700px) {
.message_lis_box ul li{width:100%;margin-bottom:14px;}
.Verification_box_l_3{width:100%;margin-left:0;}
.Verification_box_l_4_p{float:left;}
.message_lis_box ul li input{width:91%;}
.input_box{width:99%;}
.pc_banner{display:none;}
.pho_banner{display:block;}
.interaction_div_box h1 {padding: 3% 0 45% 0;}
.interactive_banner_bar{bottom:10px;top:auto;}
.Verification_box_l_1{width:99%;}

}


@media only screen and (max-width:550px) {
.i_lis_1_bar i,.i_lis_2_bar i,.i_lis_3_bar i,.i_lis_4_bar i{margin-top:7px;}
}

@media only screen and (max-width:320px) {
.required{width:96.5%;}
}








/*定制网站*/
.Customsite_service{text-align:center;color:#333;margin:64px 0 89px 0;}



.Customsite_advantage{overflow:hidden;position:relative;background:url(../upload/Customsite_banner1.jpg) center;height:566px;}
.Customsite_advantage img{width:100%;}

.Customsite_advantage_bar{position:absolute;left:0;top:0;right:0; }
.Customsite_advantage_bar h1{color:#ff0000;font-weight:normal;text-align:center;margin-top:5% }
.Customsite_advantage_bar ul{margin-top:8%;}
.Customsite_advantage_bar ul li{width:25%;float:left;text-align:center;}
.Customsite_advantage_bar ul li p{color:#ff0000;font-weight:bold;position:relative; }
.Customsite_advantage_bar ul li p sup{display:inline-block;color:#fff;border-radius:10px;background:#ff0000;padding:0 10px;position:absolute;left: 26px;top:17px;}
.Customsite_advantage_bar ul li span{display:block;color:#ff0000;}

.Customsite_feedback{width:100%;background:#f5f8f9;overflow:hidden;/* padding-bottom:90px; *//* margin-top:50px; */}
.Customsite_line_h1{text-align:center;color:#595959;margin-top:94px;}


.Customsite_programme{padding-bottom:395px;}



.customite_p_top {padding-top:30px;}
.customite_p_bottom{width:100%;height:34px;background:#ff0000;}
.customite_p_top ul li{width:20%;float:left;position:relative;background:url(../upload/f4-4.png); }
.customite_p_top ul li h1{text-align:center;color:#333333;}

.customite_p_top ul li p{text-align:center;color:#000;}

.customite_p_top_list_1 h1{margin:35px 0 30px 0;}

.customite_p_top_2_img{text-align:center;position:absolute;left:0;bottom:-203px;right:0;width:auto;}


.pho_h1_div1{display:block;}
.pho_h1_div{display:none;}

.customite_p_top_list_t h1{margin-bottom:18px; }


.customite_p_top_t_img{color:#fff; }
.customite_p_top_list_t{position:absolute;left:0;bottom:-256px;}

.customite_p_top_t_img img{position:absolute;z-index:99;top:-35px;left: 0;right: 0;margin-left: auto;margin-right: auto;}
.customite_p_top_t_img p{color:#fff;}


@media only screen and (max-width:1500px) {
.n_w144{width:96%;}

.Customsite_programme {padding-bottom: 325px;}

.Customsite_service{ margin: 50px 0 100px 0;}
.Customsite_line_h1{margin-top: 68px;}
}



@media only screen and (max-width:1366px) {
.customite_p_top_list_1 h1{margin:16px 0 30px 0;}
.Customsite_advantage_bar ul li p sup{left:11px;}

}




@media only screen and (max-width:1280px) {
.Customsite_advantage{height:477px;}
.customite_p_top_list_1 h1 {margin: 20px 0 30px 0;}
}


@media only screen and (max-width:1024px) {
.Customsite_advantage{height:430px;}
.Customsite_service{margin:30px 0 25px 0;}
.Customsite_line_h1{margin-top: 3%;}

.Customsite_service {margin: 30px 0 62px 0;}
.Customsite_programme {padding-bottom: 240px;}
}


@media only screen and (max-width:1000px) {
.customite_p_top_2_img{position:static;width:75px;height:75px;overflow:hidden;margin:auto;}

.customite_p_top_t_img img{position:static;}
.customite_p_top_t_img {width:75px;height:75px;overflow:hidden;margin:auto;}
.customite_p_top_list_t{position:static;margin-top:0;}
.customite_p_top ul li{    width: 80%;
    margin-bottom: 20px;
    margin: 0 auto;
    float: none;    padding-bottom: 20px;}
.customite_p_top_list_1{margin-top:0;}
.Customsite_programme{padding-bottom:0;}
.customite_p_bottom{display:none;}
.customite_p_top_2_img img{margin: -121px 1px 0 0;}

/* 
.Customsite_service { margin: 0 0 0 0;} */
.customite_p_top_t_img p{display:none;}
.customite_p_top_list_1 h1 {margin: 0 0 0 0;}

.WeChat_top_list_1 h1{padding:0!important;}
.pho_h1_div{display:block; margin:10px 0!important;}
.pho_h1_div1{display:none;}
.pho_h1_div2{padding:10px 0!important;}
.Customsite_service {
    margin: 30px 0 20px 0;
}
.customite_p_top_list_t h1{margin-bottom:0; }
.customite_p_top{padding-top:0!important;}
.new_WeChat_top{padding-bottom: 12px!important;}
.website_yw_top{margin-bottom: 7px!important;}
.hr_new_anli_move{padding-top:20px;}
.hr_new_anli_move1{padding-top:20px;}
.advantage_03{display: none;}
.Customsite_feedback{display: none;}
.hr_new_anli_move{padding:20px 0!important;}
}






@media only screen and (max-width:1024px) {
.Customsite_advantage_bar ul li p sup{left:-3%;top:0;}
}



@media only screen and (max-width:870px) {
.Customsite_advantage_bar ul li{width:50%;}
}
@media only screen and (max-width:768px) {
.Customsite_advantage_bar ul li p sup{left:20%;top:0;}
}


@media only screen and (max-width:550px) {
.Customsite_advantage_bar ul li{width:100%;margin-bottom:15px;}
.Customsite_advantage_bar ul {margin-top: 2%;}
.Customsite_advantage_bar ul li p sup{left:34%;top:0;}
}
@media only screen and (max-width:414px) {
.Customsite_advantage_bar ul li p sup{left:27%;top:-5px;}
}


@media only screen and (max-width:375px) {
.Customsite_advantage_bar ul li p sup{left:26%;top:-5px;}
}

@media only screen and (max-width:320px) {
.Customsite_advantage_bar ul li p sup{left:24%;top:-5px;}
}



/*网站运维*/

.website_yw_list{background:url(../upload/Customsite_banner1.jpg);height:564px;}

.website_yw_list h1{color: #ff0000;font-weight: normal;text-align: center;margin-top:4%;}

.website_yw_list ul{margin-top:7%;}
.website_yw_list ul li{width:33.33%;float:left;text-align:center;}
.website_yw_list ul li p{color:#ff0000;}
.website_yw_list ul li span{display:block;color:#ff0000;margin-top:10px;}

.website_yw_top {width:100%;max-width:1120px;margin:0 auto;}
.website_yw_top ul li{width:21%;float:left;position:relative;padding:0 2%;}
.website_yw_top_list_1 p span{display:block;}
.website_yw_top_list_t p span{display:block;}
.website_yw_top_list_1 p {color:#000;}
.website_yw_top_list_1 h1 {color:#333;}

.website_yw_top_list_1{}

.website_yw_top_list_1 h1{padding:30px 0 30px 0;}
.website_yw_top_2_img{position:absolute;left:14px;top:195px;}
.website_yw_top_t_img p{color:#fff;}
.website_yw_top_t_img img{position:absolute;left:29px;top:20px;}

.website_yw_top_list_t{position:absolute;left:9px;top:253px;}
.website_yw_top_list_t h1{padding-bottom:30px;}

.website_yw_top_list_t{padding-left:5% }



@media only screen and (max-width:1366px) {
.website_yw_list h1{margin-top: 10%;}
}

@media only screen and (max-width:1280px) {
.website_yw_list{height:auto;padding-bottom:10%}
.website_yw_top_2_img{top: 190px;}
}

@media only screen and (max-width:1024px) {
.website_yw_list{height:auto;padding-bottom:12%;}
/**/
.website_yw_top{width:96%;margin-bottom: 30px;}
.website_yw_top_2_img{top:190px;}
.website_yw_list ul li p{font-weight:bold;}
}

@media only screen and (max-width:1000px) {
.website_yw_top ul li{padding:0;}
/**/	
.website_yw_top_2_img{position:static;}
.website_yw_top_list_t{position:static;}
.website_yw_top_t_img img{position:static;}
.website_yw_top_list_1 p span{display:inline-block;padding:0 4px;}
.website_yw_top_list_t p span{display:inline-block;padding:0 4px;}

.website_yw_top_2_img {width:75px;height:75px;overflow:hidden;margin:0 auto;}
.website_yw_top_2_img img{margin: -122px 1px 0 0;}
.website_yw_top_t_img {width:75px;height:75px;overflow:hidden;margin:0 auto;}

.website_yw_top_list_1 h1{text-align:center;padding:0;}

.website_yw_top_list_1 p{text-align:center;padding-bottom: 20px;}
.website_yw_top_list_t h1{text-align:center;padding: 18px 0 14px 0;}
.website_yw_top_list_t p{text-align:center;margin-bottom: 20px;}
.website_yw_top_t_img p{display:none;}

.website_yw_top ul li{ width: 80%;
    margin: 0 auto;
    float: none;}
.website_yw_top_list_1,.website_yw_top_list_t{padding-left:0;}
}


@media only screen and (max-width:800px) {
.website_yw_list ul li{width:100%;margin-bottom:20px;}
.website_yw_list{padding-bottom:4%;}
}



@media only screen and (max-width:446px) {

}




/*微信开发*/
.new_WeChat_top{width:100%;max-width:1220px;margin:0 auto;}
.new_WeChat_top ul li{width:25%;float:left;position:relative;}

.WeChat_top_list_1 h1{text-align:center;padding:35px 0 25px 0;}
.WeChat_top_list_1 p{text-align:center; }


.WeChat_top_list_t h1{text-align:center;padding-bottom:35px;}
.WeChat_top_list_t p{text-align:center; }

.WeChat_top_2_img{text-align:center;position:absolute;left:0;top:132px;right:0;}
.WeChat_top_t_img{text-align:center;}
.WeChat_top_list_t{position:absolute;left:0;top:186px;}
.WeChat_top_t_img img{position:absolute;left:0;top:-42px;right:0;margin-right: auto; margin-left: auto;}

@media only screen and (max-width:1366px) {
.WeChat_top_2_img{top: 114px;}
.WeChat_top_list_t{top:166px;}
.customite_p_top_t_img img {top: -38px!important;}

.website_yw_top_t_img img{top:8px;}
.website_yw_top_list_t{top:239px;}
.website_yw_top_2_img {top:180px;}
.website_yw_top_list_t h1{padding-bottom:20px;}
.website_yw_top_list_1 h1{padding: 20px 0 30px 0;}
.customite_p_top_list_t {position: absolute;left: 0;bottom: -252px;}
.WeChat_top_list_t h1 {text-align: center;padding-bottom: 20px;}
.WeChat_top_list_1 h1 {
    text-align: center;
    padding: 20px 0 25px 0;
}
.WeChat_top_t_img img{top:-61px;}
}


@media only screen and (max-width:1024px) {
.new_WeChat_top{width:96%;}
.WeChat_top_list_1 h1 {padding: 19px 0 25px 0;}
.WeChat_top_list_t h1 {padding-bottom: 19px;}
}


@media only screen and (max-width:1000px) {
.WeChat_top_2_img{position:static;}
.WeChat_top_list_t{position:static;}
.WeChat_top_t_img img{position:static;}

.new_WeChat_top ul li{    width:80%;
    margin: 0 auto;
    float: none;}
.WeChat_top_t_img{width:75px;height:75px;margin:0 auto;overflow:hidden;padding-top:20px;}
.WeChat_top_2_img{width:75px;height:75px;margin:0 auto;overflow:hidden;}
.WeChat_top_t_img p{display:none;}

.WeChat_top_2_img img{margin: -122px 1px 0 0;}
.WeChat_top_list_1{padding-top:0;}
.WeChat_top_list_t{padding-top:0;}
.new_WeChat_top{padding-bottom:50px}
.WeChat_top_list_t p{padding-bottom:20px;}
.customite_p_top_list_t {
    position: static;
    left: 0;
    bottom: -273px;
}
}



/*移动设计与开发*/
.move_h1{text-align:center;color:#333333;padding-top:70px;}
.move_h_p{text-align:center;color:#333333;padding-bottom:116px;}

.move_list_two ul li{width:50%;float:left;font-size:0;}
.move_list_two>ul>li>img{width:100%;}
.move_ul_div_box{width:70%;float:left;margin-top:8%;margin-left:20%;}


.move_ul_div_left{width:30px;float:left;padding-top:20px;}

.move_ul_div_right{width:70%;float:left;margin-left:40px;}
.move_ul_div_right h1{color:#333;}
.move_ul_div_right p span{display:block;}



@media only screen and (max-width:1280px) {
.move_ul_div_box{margin-left: 14%;width:76%;}
}



@media only screen and (max-width:1116px) {
.move_ul_div_box {margin-left: 5%;width: 95%;}
.move_ul_div_right {width: auto;}
}

@media only screen and (max-width:1024px) {
.move_h1{padding-top: 4%;}
.move_h_p{padding-bottom:5%;}
}


@media only screen and (max-width:950px) {
.move_list_two ul li{width:100%;}
.move_ul_div_box{margin-left:0;}
.move_ul_div_right{width:81%;margin-left: 20px;}
.move_list_two ul li:nth-child(2){margin-bottom:30px;}
}








/* .anli{margin:120px;} */
.anli h1{font-weight:normal; }
.anli ul li img{width: 100%;}
.anli ul li{float: left;margin: 0 45px;width: 16.14%;margin-top:0!important ;margin-bottom: 0!important;position:relative;}
.anli ul li.on{margin: 0 104px;}
.anli ul li.on span{opacity:0;}

.anli_ins  ul li span{display:block;position:absolute;left:0;top:0;width:100%;height:99.9%;background:#000;opacity:0.7  }

.anli_in{ width: 100%;overflow: hidden;text-align: center;}
.anli ul{float: left; position: relative; margin-top: 3.93%;margin-left: -10.15%;left: 0; z-index: 9;}
.anli_ins{position: relative;width: 100%; overflow: hidden;/*background: url(images/shouji_bg.jpg) center no-repeat;background-size: auto 100%;*/}
.anli_in ol{position: relative; display: inline-block;margin-top: 60px; z-index: 11; cursor: pointer;}
.anli_in ol li{width: 6px;height: 6px;background: #fff;border: 2px solid #ccc;border-radius: 100%;float: left;margin: 0 4px;}
.anli_in ol li.on{background: #ccc;}
.anli_ins p{position: absolute;}
.anli_ins p img{width: 100%;}
.anli_ins p img.ioc{position: absolute; top:45%; width: 9px; cursor: pointer;  z-index: 10}
.anli_ins p img.left{left:-30px;}
.anli_ins p img.right{right:-30px;}



	    .swiper-container {
        width: 100%;
/*         height: 300px; */
        margin: 20px auto;
      

    }
    .swiper-slide img{width:100%;}
    .swiper-slide {
        text-align: center;
        font-size: 18px;
        background: #fff;
        width: 50%!important;

        /* Center slide text vertically */
        display: -webkit-box;
        display: -ms-flexbox;
        display: -webkit-flex;
        display: flex;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        -webkit-justify-content: center;
        justify-content: center;
        -webkit-box-align: center;
        -ms-flex-align: center;
        -webkit-align-items: center;
        align-items: center;

    }
    .pho_swiper{position:relative;padding-top:12.6%;display:none;}
    .bg_pho img{width:100%;}
   	.bg_pho {
        width: 50%!important;
        margin:20px auto auto!important;
        position: absolute;
        top:0;
        left: 0;
        right:0;

    }

       .swiper-slide:nth-child(2n) {
       margin-left:3px; 
    }
    .swiper-slide:nth-child(3n) {
         margin-left:5px; 
    }
     .swiper-slide:nth-child(5n) {
         margin-left:5px; 
    }
.main_hr_bx{padding:36px 0;}  

@media only screen and (max-width:600px) {
.anli_in{display:none;}
.pho_swiper{display:block;margin-bottom:20%;}
.main_hr_bx{padding:0 0 36px 0;}  
.anli{margin:20px;}

}

@media only screen and (max-width:375px) {

}









@media only screen and (min-width: 1920px) {
	.anli ul{margin-left: -10.35%;}
}




  /*font-size*/
.fnt_14 { font-size: 14px;}
.fnt_16 { font-size: 16px;}
.fnt_18 { font-size:18px;}
.fnt_20 { font-size: 20px;}
.fnt_22 { font-size:22px;}
.fnt_24 { font-size:24px; line-height:normal;}
.fnt_28 { font-size:28px;}
.fnt_32 { font-size:32px; line-height:34px; }
.fnt_30 { font-size:30px; line-height:34px; }
.fnt_34 { font-size:34px;}
.fnt_36 { font-size:36px;}
.fnt_38 { font-size:38px;}
.fnt_48 { font-size: 48px;}
.fnt_66 {font-size: 60px; line-height:normal;}
.fnt_72 {font-size:72px;}
.fnt_120 { font-size: 120px;}
.fnt_100 { font-size: 100px;}

@media only screen and (max-width: 1520px) {
.fnt_16 { font-size: 14px;}
.fnt_18 {  font-size:15px;}
.fnt_20 { font-size: 16px;}
.fnt_22 {  font-size:18px}
.fnt_24 { font-size:21px;}
.fnt_28 {  font-size:22px;}
.fnt_32 {  font-size:25px; line-height:32px; }
.fnt_30 {  font-size:22px; line-height:normal;}
.fnt_34 {  font-size:26px;}
.fnt_36 { font-size:28px;}
.fnt_48 {  font-size:38px;}
.fnt_66 {font-size:48px;}
.fnt_72 {font-size:58px;}
.fnt_120 { font-size: 105px;}
.fnt_38 { font-size:34px;}
.fnt_100 { font-size:88px;}
}


@media only screen and (max-width: 1300px) {
.fnt_16 { font-size: 13px;}
.fnt_18 {  font-size:14px;}
.fnt_20 { font-size: 15px;}
.fnt_22 { font-size:16px;}
.fnt_24 { font-size:21px;}
.fnt_28 { font-size:18px;}
.fnt_32 { font-size:21px; line-height:23px; }
.fnt_30 { font-size:19px; }
.fnt_34 { font-size:22px;}
.fnt_36 { font-size:24px;}
.fnt_48 { font-size:32px;}
.fnt_66 {font-size:36px;}
.fnt_72 {font-size:52px;}
.fnt_120 { font-size: 105px;}
.fnt_38 { font-size:28px;}
.fnt_100 { font-size: 84px;}
}

@media only screen and (max-width: 1140px) {
.fnt_28 { font-size:16px;}
.fnt_32 { font-size:19px; line-height:20px; }
.fnt_30 { font-size:16px;}
.fnt_36 { font-size:21px;}
.fnt_48 { font-size:28px;}
.fnt_66 {font-size:30px;}
.fnt_120 { font-size: 70px;}
.fnt_24 { font-size:18px;}
.fnt_72 {font-size:45px;}
.fnt_24 { font-size:18px;}
.fnt_100 { font-size:74px;}
}

@media only screen and (max-width: 1023px) {
.fnt_48 { font-size:26px;}
.fnt_36 { font-size:19px;}
.fnt_66 {font-size:26px;}
.fnt_120 { font-size: 64px;}
.fnt_24 { font-size:15px;}
.fnt_38 { font-size:20px;}
.fnt_72 {font-size:38px;}
.fnt_66 {font-size:30px;}
.fnt_24 { font-size:16px;}
.fnt_100 { font-size:68px;}
}

@media only screen and (max-width: 768px) {
.fnt_14{ font-size:12px;}
.fnt_22{ font-size:14px;}
.fnt_24 { font-size:13px;}
.fnt_32 { font-size:18px; line-height:20px; }
.fnt_30 { font-size:14px;}
.fnt_34{ font-size:18px;}
.fnt_36 { font-size:17px;}
.fnt_48 { font-size:19px;}
.fnt_66 {font-size: 22px;}
.fnt_120 { font-size: 48px;}
.fnt_38 { font-size:18px;}
.fnt_72 {font-size:26px;}
.fnt_100 { font-size:54px;}
}

 @media only screen and (max-width:767px) {
.fnt_100 { font-size:38px;}
 }


/*style*/
body{ background: none;}
.advantage_01{color: #ff0000; padding: 80px 0 170px 0;}
.advantage_01 h1{ text-align: center; font-weight: normal; margin-bottom: 120px;}
.advantage_01 ul{ overflow: hidden; max-width: 1440px; margin:auto}
.advantage_01 ul li{ float: left; width: 33.333%; text-align: center;}
.advantage_01 ul li h3{ font-weight: normal; margin-bottom: 10px;}

.adv_box{ padding: 0 40px;}

.lis_ajax li{ overflow: hidden;}
.lis_ajax li .text{ position: absolute; bottom: 130px; color: #fff; left: 44px;}
.lis_ajax li .text p{ }
.lis_ajax li .text h2{  font-weight: normal; margin-top: 10px;}


.lis_ajax li dt img{ width: 100%}
.lis_ajax li dl{ float: left; width: 25%; *margin-left: -1px; position: relative;overflow: hidden; background: #ff4948;}
.lis_ajax li dl:first-child + dl{ width: 25%; background: #ff4948;}
.lis_ajax li dl:first-child + dl + dl{ width: 50%;}


.lis_ajax li.on_2 .text{ color: #333;}
.lis_ajax li.on_2 dl{ float: left; width: 50%; *margin-left: -1px;}
.lis_ajax li.on_2 dl:first-child + dl{ width: 25%; background: #fff;}
.lis_ajax li.on_2 dl:first-child + dl + dl{ width: 25%;}

.lis_ajax li.on_3 dl{ float: left; width: 25%; *margin-left: -1px;background: #ff4948;}
.lis_ajax li.on_3 dl:first-child + dl{ width: 25%; }
.lis_ajax li.on_3 dl:first-child + dl + dl{ width: 50%;}


.advantage_02 .addmore{ text-align: center; margin: 55px 0;}
.advantage_02 .addmore img{ cursor: pointer;}

.addmore {
    color: #666666;
    margin: 0 auto;
    cursor: pointer;
    text-align: center;
   
}
#infscr-loading {
    background: rgba(0,0,0,0.4);
    position: fixed;
    width: 100px;
    height: 50px;
    line-height: 50px;
    font-size: 16px;
    overflow: hidden;
    border-radius: 10px;
    -moz-border-radius: 10px;
    -webkit-border-radius: 10px;
    text-align: center;
    color: #fff;
    left: 50%;
    top: 50%;
    z-index: 1000;
    margin: -15px 0 0 -50px;
}

.advantage_03{ background: #f5f8f9; padding-top: 90px;}
.advantage_03 .On-line_h1{ margin-top: 0;}

@media only screen and (max-width:1280px) {
	.lis_ajax li .text{bottom: 50px; left: 30px;}
	.advantage_03{ padding: 30px 0;}
}

@media only screen and (max-width:768px) {
.advantage_01 ul li h3{font-weight:bold;}
.advantage_01{ padding: 40px 0;}
.advantage_01 h1{ margin-bottom: 30px;}
.adv_box{ padding: 10px;}
.advantage_01 ul li{ width: 100%}

.lis_ajax li dl{ float: left; width: 50%; *margin-left: -1px; position: relative;overflow: hidden; background: #ff4948;}
.lis_ajax li dl:first-child + dl{ width: 50%; background: #ff4948;}
.lis_ajax li dl:first-child + dl + dl{ width: 100%;}


.lis_ajax li.on_2 dl{ float: left; width:100%; *margin-left: -1px;}
.lis_ajax li.on_2 dl:first-child + dl{ width: 50%; background: #fff;}
.lis_ajax li.on_2 dl:first-child + dl + dl{ width: 50%;}

.lis_ajax li.on_3 dl{ float: left; width: 50%; *margin-left: -1px;background: #ff4948;}
.lis_ajax li.on_3 dl:first-child + dl{ width: 50%; }
.lis_ajax li.on_3 dl:first-child + dl + dl{ width: 100%;}

}

@media only screen and (max-width:540px) {
.advantage_01 h1{ margin-bottom: 10px;}
.lis_ajax li .text{ left: 10px}

}


/* .main{ font-size:14px;} */






.hr_new_anli{width:100%;max-width:1431px;margin:0 auto;}

.hr_new_anli ul li{width:33.33%;float:left;overflow:hidden;position:relative;font-size:0 }
.hr_new_anli ul li img{width:100%;height:100%; }
.hr_new_anli ul li span { position:absolute; width:100%; height:100%; z-index:3; display:block; text-align:center; left:0; top:0; opacity:0; filter:alpha(opacity=0);  background:#ff0000;
transition:1s all; -webkit-transition:1s all;}
.hr_new_anli ul li:hover span { opacity:0.9; filter:alpha(opacity=95);}
.hr_new_anli ul li span em { position:absolute; width:80%; left:10%; color:#fff;  top:42%; margin-top:-15px; display:block; font-size:30px;line-height:35px }
.hr_new_anli_move{display:block;width:100%;text-align:center;font-size:18px;color:#333;padding-top:50px;}
.hr_new_anli_move{padding-bottom:50px;}
.hr_new_anli_move:hover{color:#ff0000; }


@media only screen and (max-width:1366px) {
	.hr_new_anli{width:96%;}

}
@media only screen and (max-width:1200px) {
	.hr_new_anli ul li span em {font-size:16px;line-height:18px;top:50%  }

}

@media only screen and (max-width:600px) {
	.hr_new_anli ul li{width:50%;}


}