/*pc端*/
@media screen and (min-width: 1024px){
	.mobile{ display:none;}
	.m_list{ display:none;}
	
}


/*移动端*/
@media screen and (max-width: 1200px){

	.mobile{ display:none;}
	.mobile{ width:100%; height:70px; padding:10px 0; background-color:#fff; margin:0 auto;}
	.mobile .logo{ float:left; display:block; width:80%;}
	.mobile .logo a{ display:block; height:57px; margin-left:20px;background-image:url(../images/logo.jpg);background-position: 0 center; background-repeat: no-repeat; background-size:215px 42px;}
	.mobile .r_icon{ float:right; display:block; margin-right:20px; margin-top:15px;}
	.m_list{ display:none;}
	.m_list{ width:100%; margin:0 auto; position:fixed; top:70px;background: rgba(255, 255, 255, 0.8); z-index:99999;}
	.m_list ul{}
	.m_list ul li{ margin-left:20px;margin-right:20px; width:auto; line-height:40px; font-size:18px;border-bottom:1px solid #ccc;}
	.m_list ul li i{ position:absolute; left:100px;}
	.m_list ul li.hov a{ color:#e61f15;}
	.m_list b{ width:35px; height:35px; position:absolute; top:4px; right:13px; display:block;background:url(../images/top_nav_close.png) no-repeat 0px 11px;}
	#head-pc .nav{ width:100%;}
	.i_nav_box{ height:auto; padding:5px 0;}
	
	.i_nav{ width:100%;}
	.i_nav ul li{ margin:0 5px; width:150px;}
	.i_nav ul li a{ color:#000 !important;}
	.i_nav ul li.hov a{ color:#e61f15 !important;}


	.index-sildebox .hd{ padding:0px 0;}
	.index-sildebox .hd ul{ width:100%;}
	.index-sildebox .hd ul li{ width:20%; height:80px; float:left; padding-top:0px;}
	
	
	.innovation{ width:100%; position:relative;}
	
	.brand_list{ width:100%;}
	.brand_list ul li{ width:20%;}
	.brand_list ul li:after{ top:50px;}
	
	.brand_list ul li label{ margin-top:40px;}
	.center_box{ padding-bottom:0px;}
	.center_box .center{ width:100%; position:relative;}
	.center h3{ padding-left:5px; padding-right:5px;}
	.round{ width:100%; padding:0px 0 0 0; margin-top:0px;}
	.round ul{ width:100%; margin-left:auto;}
	
.round ul li h1{ font-size:15px; padding:20px 0;}
.round ul li label{ width:110px; height:110px;}
.round ul li label.r_1{border-color:#172c78;background-position: -5px 3px;}
.round ul li label.r_2{border-color:#2555a5;background-position: -167px 3px;}
.round ul li label.r_3{border-color:#2973ba;background-position: -329px 3px;}
.round ul li label.r_4{border-color:#33a1db;background-position: -490px 3px;}
.round ul li label.r_5{border-color:#38bbeb;background-position: -653px 3px;}

.round ul li:hover label.r_1{border-color:#172c78; background-color:#172c78;background-position: -5px -107px;}
.round ul li:hover label.r_2{border-color:#2555a5; background-color:#2555a5;background-position: -167px -107px;}
.round ul li:hover label.r_3{border-color:#2973ba; background-color:#2973ba;background-position: -329px -107px;}
.round ul li:hover label.r_4{border-color:#33a1db; background-color:#33a1db;background-position: -490px -107px;}
.round ul li:hover label.r_5{border-color:#38bbeb; background-color:#38bbeb;background-position: -653px -107px;}


.r_1 ul li label.r_1{border-color:#e84141;background-position: -46px -35px;}
.r_1 ul li label.r_2{border-color:#ee744f;background-position: -258px -35px;}
.r_1 ul li label.r_3{border-color:#f2934e;background-position: -465px -35px;}
.r_1 ul li label.r_4{border-color:#f5a74c;background-position: -670px -35px;}
.r_1 ul li label.r_5{border-color:#f4c048;background-position: -880px -35px;}

.r_1 ul li:hover label.r_1{border-color:#e84141;background-position: -46px -35px;}
.r_1 ul li:hover label.r_2{border-color:#ee744f;background-position: -258px -35px;}
.r_1 ul li:hover label.r_3{border-color:#f2934e;background-position: -465px -35px;}
.r_1 ul li:hover label.r_4{border-color:#f5a74c;background-position: -670px -35px;}
.r_1 ul li:hover label.r_5{border-color:#f4c048;background-position: -880px -35px;}



.r_2 ul li{ padding-top:10px;}
.r_2 ul li label{ width:110px; height:110px; border-width:6px;  position:relative;background-image:none; background-repeat: no-repeat; }
.r_2 ul li label.r_1{border-color:#0e7684;background-image:url(../images/s_icon_1.jpg); background-position:center center;}
.r_2 ul li label.r_2{border-color:#209368;background-image:url(../images/s_icon_2.jpg); background-position:center center; }
.r_2 ul li label.r_3{border-color:#21953a;background-image:url(../images/s_icon_3.jpg); background-position:center center;}
.r_2 ul li label.r_4{border-color:#77b529;background-image:url(../images/s_icon_4.jpg); background-position:center center; }
.r_2 ul li label.r_5{border-color:#b9ca1a;background-image:url(../images/s_icon_5.jpg); background-position:center center;}

.r_2 ul li:hover label{  position:relative;background-image:none; background-repeat: no-repeat; overflow:hidden; z-index:1;}
.r_2 ul li:hover label.r_1{border-color:#0e7684;background-color:#fff;background-image:url(../images/s_icon_1.jpg); background-position:center center;}
.r_2 ul li:hover label.r_2{border-color:#209368;background-color:#fff;background-image:url(../images/s_icon_2.jpg); background-position:center center;}
.r_2 ul li:hover label.r_3{border-color:#21953a;background-color:#fff;background-image:url(../images/s_icon_3.jpg); background-position:center center;}
.r_2 ul li:hover label.r_4{border-color:#77b529;background-color:#fff;background-image:url(../images/s_icon_4.jpg); background-position:center center;}
.r_2 ul li:hover label.r_5{border-color:#b9ca1a;background-color:#fff;background-image:url(../images/s_icon_5.jpg); background-position:center center;}

/*.r_2 .half label{ padding-left:10px;}*/

.p_list{ margin:10px auto 0px auto;}
.p_list ul li{ min-height:100%;}
.p_list ul li .mask{ height:auto;}
.city_design,.diffuse{ min-height:280px;}

.customer_box .customer{ width:100%;}
.customer_box .customer h1{ line-height:45px; font-size:19px; height:auto; padding-top:30px;margin-bottom:20px;}
.customer_box .customer h1::after{ top:auto; bottom:0px;}
.customer_box .customer_list{ width:100%;}
.customer_box .customer_list ul li{ width:20%; margin-left:0px;height:auto;}
.customer_box .customer_list ul li img{ width:80%; text-align:center; }

.manage_box .manage_list{ width:100%; padding-bottom:0px;}
.manage_box .manage_list ul li{  min-height:100%; padding-bottom:10px;}
.manage_box .manage_list ul li span{ margin-top:10px;}
.manage_box .news_list{ width:100%;}
.manage_box .news_list ul{ margin-left:0px;}
.manage_box .news_list ul li{ width:100%; margin-left:0px;}
.manage_box h3.f_z1{ font-size:20px; padding:5px 0;}
.manage_box h3.f_z2{ font-size:18px;}
.share ul{ margin:0px;}
.share ul li{  margin-left:0px;}
.btn_box{ height:60px;}	
.btn_box .more_btn{ width:90%; padding:5px 5px;}
.btn_box .more_btn a{ font-size:16px;padding:5px 18px;}
.address{ width:100%;}
.address ul{ margin:0px 0 0 10px;}
.address ul li{ width:50%; padding:0px;}
.address ul li h1{ margin:20px 0 10px 0;}
.address ul li h2{ font-size:13px; width:96%; padding:0; line-height:23px;}
.address ul li h2.add{  padding-bottom:10px;}
.f_nav ul{ margin-left:0px;}
.f_nav ul li{ padding:20px 9px; font-size:15px;}
.record{ text-align:center;}
/*关于我们*/
.a_b_bg{ min-height:380px;}
.a_banner{ width:100%; padding-top:120px;}
.a_banner h1{ font-size:20px;}
.a_banner h2{ font-size:60px;}
.a_banner h3{ font-size:25px; width:90%; margin:0 auto; line-height:30px;}
.describe{ width:95%;}
.describe h1{ font-size:18px;}
.s_list{ width:100%;}
.s_list ul li i{ width:76px; height:71px; background-size:437px 108px; }
.s_list ul li i.i1{background-position: -25px -14px}
.s_list ul li i.i2{background-position: -174px -14px}
.s_list ul li i.i3{background-position: -323px -14px}
.s_list ul li h1{ font-size:80px; font-size:45px;}
.creative_t{ width:100%;}
.creative_t h3{ font-size:18px; margin:0 auto; width:95%;}
.s_customer{ width:100%;}
.s_customer img{ width:100%;}
.s_customer ul li{  height:100%;}
.prize_list{ width:100%;}
.prize_list ul{ width:95%; margin:0 auto;}
.prize_list ul li{ float:left; padding:5px 0;}
.prize_list ul li img{ width:75%;}
.prize_list ul li h1{ font-size:15px; padding:0px;}
.prize_list ul li h2{ font-size:12px; height:38px;}

/*核心服务*/
.s_b_bg{ min-height:400px;}
.a_banner{ padding-top:50px;}
.s_b_bg .a_banner h2{ font-size:40px;}
.s_b_bg .a_banner h3{ font-size:20px; padding:30px 0;}
.moma_t{ width:100%; margin-top:30px;}
.moma_t h3{ font-size:15px; padding-top:20px; width:95%; margin:0 auto;}
.p_icon{ width:100%;}
/*.p_icon ul li{ width:50%;}*/
.p_icon ul li h1{ font-size:20px;}
.p_icon ul li span{ width:110px; height:110px; background-size:512px 78px;}
.p_icon ul li span.i1{background-position:1px 13px;}
.p_icon ul li span.i2{background-position:-133px 13px;}
.p_icon ul li span.i3{background-position:-269px 13px;}
.p_icon ul li span.i4{background-position:-403px 13px;}
.s_b_bg1,.s_b_bg2,.s_b_bg3,.s_b_bg4{ min-height:340px;}
.s_b_bg1 b,.s_b_bg2 b,.s_b_bg3 b,.s_b_bg4 b{bottom:15px;}

.thr ul li{ width:33.333%;}
.thr ul li span{ width:100px; height:100px; background-size:auto;}
.thr ul li span.i1{background-position:0px -8px;}
.thr ul li span.i2{background-position:-158px -8px;}
.thr ul li span.i3{background-position:-321px -8px;}
.thr ul li h2{ width:80%; font-size:14px;}
.repeat{ padding:30px 0;}

.repeat ul li h2{ font-size:14px; padding-top:0px;}


/*案例*/
.case_pic,.case_list,.c_content,.c_content .title,.c_title{ width:100%;}
.c_title{ font-size:28px; line-height:135px;}
.c_content .title{ margin-top:10px;}
.c_content .title h1{ font-size:20px;}
.c_content .title h2{ width:98%; margin:0 auto; font-size:18px; line-height:30px; padding-left:5px; padding-right:5px;}
.o_content h3{ height:100%;}
.a_h{ height:100%; line-height:35px; font-size:25px; padding:40px 20px;}
.o_banner{ width:100%;}
.o_content{ width:100%; padding:20px;}
.o_list ul li{ width:100%; padding:10px 0;}
.o_list1 ul li{ width:100%; padding:10px 0;}
.o_list1 ul li span{ margin-top:15px;}

/*新闻中心*/
.news_bg .news_t{ width:100%; height:310px;}
.news_bg .news_t .n_t{ bottom:35px;}
.news_bg .news_t .n_t h1{ font-size:30px;}
.news_content .n_banner{ height:100px; line-height:100px; font-size:25px;}
.news_content{ width:100%; margin-top:0px;}
.news_l ul li p img{ width:100%;}
.news_box{ width:100%;}
.news_box .left{ width:70%;}
.news_box .left .news_l ul li{ height:100%;}
.news_box .left .news_l ul li .content{ padding:15px 10px;}
.news_box .right{ width:30%;}
.news_box .right .news_r{ width:100%;}
.news_box .right .news_r ul li{ height:auto;}
.news_box .right .news_r ul li .content{ padding:0 10px;}
.news_box .right .news_r ul li img{ width:100%;}

.news_l{ width:100%;}
.news_l ul li p img{ width:100%;}
.news_l ul li .content{ padding:15px 10px;}
	
.n_foot h3.f_z1{ font-size:22px; }
.n_foot h3.f_z2{ font-size:16px; }



.banner_box.n_b .center_box h1{ padding-top:130px; font-size:30px;}
	.banner_box.n_b .center_box h2{ font-size:20px;}
	.news_title{ width:100%; height:75px;}
	.news_title .left{ width:100%; line-height:75px; padding-left:20px; color:#fff; font-size:28px;}
	.news_title .right{ display:none;}
	.news_box .left .news_l ul li .content{ padding:10px; min-height:100%;}
	.news_box .right .news_r ul li .content h1{ margin-top:10px;}
	.desmoma-con{ width:100%; height:auto;}
	.desmoma-bandiv{ width:100%; height:auto;}
	.desmoma-bandiv img{ width:100%;}
	.nswraps{ width:100%;}
	.nsleft{ width:70%;}
	.nsleft h1{ width:100%; padding:10px; font-size:30px; line-height:45px; margin:0px;}
	.nstime{ padding:0px; border-bottom:none; width:98%; margin:0 auto;}
	.nlcolum{ width:98%; margin:0 auto;}
	.nsright{ width:30%; padding:0px;}
	.nrtel{ margin-top:0px;}
	.nlc{ width:50%; padding-left:10px;}
	.nlc-r{ width:50%; padding:0px;}
	.nrinfor{ width:98%; margin:0 auto;}
	.ewm{ height:auto;}
	.nlc-r p span{ font-size:25px;}
	.nlc h2{ font-size:16px;}
	.quote .introduce .right h3{ width:100%;}
	.news_l ul li .content{ padding:5px;}
	.nlcolum img{ width:100%;}

/*联系我们*/
.add_bg .news_t{ width:100%; height:310px;}
.add_bg .news_t .n_t{ bottom:35px;}
.add_bg .news_t .n_t h1{ font-size:30px;}
.add_list{ width:100%;}
.add_list ul li{width:100%; height:auto;}
.add_list ul li img{ width:100%;}
.add_list ul li.red,.add_list ul li.gray{ padding-bottom:0px;}


.gotop{ background-size:40px 40px; right:0px; bottom:5px;}	
.modal-dialog{ width:90%; margin:0 auto; }
.modal-body{ height:300px; width:99%; margin:0 auto;}
.BMap_Marker img{ width:auto !important;}
.add_list ul li .map{left:50px; bottom:20px;}
.index-sildebox .bd li{ height:536px;}
}


	
	
@media screen and (max-width: 992px) {
	.mobile{ display:block;}
	.m_top{ margin-top:0px;}
	#head-pc .nav ul{ float:right; margin-right:2%;}
	.index-sildebox .bd li{ height:455px;}
	.prize_list ul li{ width:25%;}
	 html{margin-top:0px;}
	.add_list ul li span{ width:100%;} 
	.add_list ul li .text{ width:100%; padding:10px; padding-bottom:100px; height:auto;}
	.add_list ul li .text h3{ font-size:16px; line-height:30px;}
	.add_list ul li .map{left:10px; bottom:50px;}

	}	

@media screen and (max-width: 768px) {
	.half{ width:50% !important;}
	.p_l{ padding-left:15%;}
	.p_r{ padding-right:15%;}
	.index-sildebox .hd ul li{ width:33.333%;}
	.index-sildebox .hd ul li .li{width:100%;height:50px; background-size:44px 40px; }
	.index-sildebox .hd ul li div { background-position: center center; background-repeat: no-repeat; background-size:42px 40px; }
	.index-sildebox .hd ul li label{ padding-top:0px;font-size:14px; font-size:16px;font-weight:normal; margin-top:0px; margin-bottom:5px;}
	.index-sildebox .hd ul li.on label{ padding-top:0px; color:#e61f15;font-size:14px;font-size:16px; font-weight:normal;}
	.index-sildebox .bd li{ height:200px;}
	.innovation h1{ width:90%; line-height:45px; font-size:21px; height:auto; margin:20px auto 0 auto;}
	.innovation h1::after{ top:auto; bottom:0px;}
	.innovation h2{ font-size:14px; margin-top:20px; width:90%; margin:0 auto;}
	.brand_list ul li{ width:33.333%;}
	.brand_list ul li.half.border_n:after{ border-left:none;}
	.round ul li{ width:33.333%;}
	.more_btn{ width:43%;}
	.center_box{}
	.alte .afl{ float:left;}
	.alte .afr{ float:right;}
	.alte ul li{ float:left;}
	.alte ul li:nth-child(3){ float:right;}
	.alte ul li:nth-child(5){ float:right;}
	.space{ min-height:330px;}
	.s_b_bg1,.s_b_bg2,.s_b_bg3,.s_b_bg4{ min-height:270px;}
	.m_top{ margin-top:0px;}
	.news_box .left{ width:100%;}
	.news_box .right{ width:100%;}
	.news_box .right .news_r ul li{ padding:0px; height:auto;}
	.nsleft{ width:100%;}
	.nsright{ width:100%;}

	}	
@media screen and (min-width: 768px) and (max-width: 1024px){
	.alte ul li:nth-child(3){ float:left;}
	.alte ul li:nth-child(5){ float:left;}
	

}