@charset "utf-8";
/* CSS Document */

@media screen and (max-width: 1700px) {
.contact_main{ max-width:90%}
.contact_con{ max-width:85%}	
}
@media screen and (max-width: 1600px) {
.index_contact_1 .dd_main {
    padding: 85px 5px 85px 70px;
}
.index_contact_1 .dd_main td textarea{ width:88%}
.index_contact_1 .dd_main td .index_sub{ width:91%}
.index_contact_1{ width:60%}
.index_contact_1 .nl-form_1 .nl-field-toggle{ width:245px}
.contact_r{ min-height:inherit; width:40%; }
.news_dl dt{ width:10%}
.news_dl dd{ width:82%}
	
}


@media screen and (max-width: 1400px) {
.index_contact_1 .dd_main {padding: 85px 65px 85px 60px;}
.index_contact_1 .nl-form_1 .nl-field-toggle{ width:205px}
.index_contact_1 .dd_main td textarea{ width:93%}
.index_contact_1 .dd_main td .index_sub{ width:97%}
.index_contact_1 .dd_main td input{ width:80%}	
.contact_r_con{ padding:85px 55px}
.contact_r_con p{ font-size:30px}
.contact_r_con .text{ font-size:16px; line-height:24px}	
.contact_r_con p img{ width:50px}	
.news_dl dt{ width:11%}
.news_dl dd{ width:81%}	
}

@media screen and (max-width: 1366px) {
.contact_r_con{ padding:85px 50px}
.index_contact_1 .dd_main td textarea{ width:94%}
.index_contact_1 .dd_main td .index_sub{ width:98%}	
.news_dl dt{ width:12%}
.news_dl dd{ width:80%}
.contact_con{ max-width:85%}
}

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

.main-menu-panel-list li a{ margin:5px 0}

#case_con{ margin-bottom:4%}
.case_main{ width:96%; padding:0 0 0 2%; margin-bottom:2%}
.case_main dl{ width:47.96%; margin-right:2% }
.case_main_1 dl{width:31.33%; margin-right:2%}

.new_con{width:96%; padding:0 2%}

.new_none{ display:none}
.new_con dl{ width:66.5%}
.new_con .new_dl{ width:33.2%}
.new_con .new_dl_1{width:33.2%}
.new_con .new_dl_2{width:33.2%}

.con_main{width:96%; padding:0 2%}
.con_main dl{ width:49.8%}

#link_con{ height:inherit; line-height:23px; padding:2% 0}
#link_con p{width:96%; padding:0 2%}
#link_con span{ float:left; height:26px}

.news_dl dl{/*width:94%;*/ padding:3% 0%}
/*.news_main{width:96%; padding:0 2%; margin:0 auto}*/
.news_l{ width:100%; min-height:inherit; padding-bottom:30px}
.news_r{ width:100%; min-height:inherit; padding-bottom:70px; margin-top:50px}
.news_l_con{padding: 40px 55px 0;}
.news_r ul,.news_r .recommended{ padding-left:50px; padding-top:0}
.news_l_con_p{ padding:60px 55px 0}


.ab_con{width:96%; padding:0 2%;margin: -145px auto 0;}
.custom_logo{ width:96%; margin:-90px 2% 80px}
#case_con.about_ban{background: url(../images/about_ban.jpg) no-repeat bottom center; margin-top:61px }
.ab_c_r img{ width:100%}
.ab_l{padding: 180px 0;}


.ab_c_r img{ display:none}
.ab_c_r{ background:url(../images/ab_img_3.jpg) no-repeat top; height:978px}
.ab_c_l b{ margin-top:42px}
.custom_logo li img{ height:75px}
.custom_con{width:96%; padding:0 2%}

.cul_c_r{ background:none; height:inherit}
.cul_c_r img{ display:block}
.culture_c_l img{ width:100%}

.cul_l{padding: 140px 0; min-height:72px}
.cult_l p { padding:31.7% 0}

/*服务范围*/
.service_main{width:96%; padding:0 2%;margin: -145px auto 0;}
.service_top dt img{ display:none}
.service_top dt{ height:440px;background-image: url(../images/service_img_1.jpg);background-position: center;background-size: cover;background-repeat: no-repeat;}
.service_top .dt_1{height:410px;background-image: url(../images/service_img_2.jpg);background-position: center;background-size: cover;background-repeat: no-repeat;}
.service_top .dd_main{ padding:50px}
.dd_main .ddmain_h3{ margin-top:30px}
.service_p{width:100%; padding:6% 0%; margin:-98px auto 0px}
.custom_logo .service_t li img {height: 50px;}

.custom_img ul{ padding:2%}
.custom_img li img{ height:51px}
.service_t_1 li {padding: 37px 21px;}
/*.appoinment{ margin-top:80px}*/
/*联系我们*/
.contact_content{ width:90% ; padding:0 5%}

.index_contact{width: 96%;padding: 0 2%;}
.index_contact_1{padding-top: 60px;}
.index_contact dd{ width:60%}
.index_contact dt{ width:40%}

.dd_main{ padding:6.5% 7% 6% 7%}
.dd_main td input{ width:77%}
.nl-form_1 .nl-field-toggle{position: relative;top: 10px; width:160px;border-radius:4px;padding:12px 12px; font-size:14px}
.index_contact dt p{ font-size:15px}
.contact_t li{ font-size:13px; line-height:24px}
.contact_con{padding: 130px 0;}
.message_con{ padding:130px 0 0}


}
@media screen and (max-width: 768px) {
.foot_main{ width:90%; padding:0 5%}

.new_con dl{ width:100%}
.new_con .new_dl{ width:50%; border:none}
.new_con .new_dl_1{ width:50%}
.new_dl_1 img{ width:100%}
.clear_none{ clear:inherit}
.new_con .new_dl_2{ width:49.8%}

.ab_con{margin: -127px auto 0;}
.ab_l{ width:100%; height:inherit;padding: 30px 0; min-height:inherit}
.ab_r{ width:100%; background:none;}
.ab_r p{padding: 40px 16px;}
.ab_r b{ display:inline}
.about_main p{ padding:0 5%}
.about_main p span,.new_top h3 span{ display:inline}
.new_top h3{ padding:0 5%}

.ab_c_l img{ display:block; width:100%; height:inherit}
.ab_c_l{ width:100%;padding: 0% 0% 6%; background:none}
.ab_c_r{ display:none}
.ab_text{padding: 40px 16px;}
.custom_t li{ padding:15px 0}
.custom_logo li img{ height:56px}
.culture_c_l{ width:50%}
.cul_c_r{ width:50%; display:block}
.cult_l{ width:50%; font-size:14px}
.cult_r{ width:50%}
.cult_l p{ padding:25.5% 0}
/*.appoinment{ margin-top:30px}*/

/*服务范围*/
.service_top dt,.service_top dd{ width:100%}
.service_top dl{ margin-bottom:3%}
.service_top dt{ height:380px;background-image: url(../images/service_img_1.jpg);background-position: center -10px;background-size: cover;background-repeat: no-repeat;}
.service_top .dt_1{height:380px;background-image: url(../images/service_img_2.jpg);background-position: center -10px;background-size: cover;background-repeat: no-repeat;}
.service_top_1 h2,.custom_top h2{padding: 40px 0 140px;}

.custom_img li img{ height:36px}
.service_t_1 li{    padding: 27px 19px;}

/*联系我们*/
.contact_content{ width:100% ; padding:0}
.contact_content span{ display:block}

/*新闻中心详情*/
.sub-header .header_link{ width:inherit}
.new_sub{ width:90%; padding:0 5%}

.news_dl dt{font-size:22px}
.news_dl h3,.news_dl dt span{ display:none}
.news_dl dd{ width:100%; }

.index_contact dd,.index_contact dt{ width:100%}
.dd_main h1{ margin-bottom:30px}

.contact_t li{ width:100%; margin-bottom:35px}
.contact_con{padding: 80px 0;}
.message_con{ padding:50px 0 60px}
.index_contact dl{ height: inherit;}

}

@media screen and (max-width: 640px) {
.home{ display:none}
.main-menu-contact{ display:none}

.main-menu-content{ height:55px;padding: 0;margin: 0;}
.logo_a span,.main-menu-toggle{ width:55px; height:55px}
.logo_a span:hover{background-position: left -55px;}
.logo_a span{background-position: left 0px;}
.main-menu-toggle{top:0; right:3px}
.logo_a img{ width:26px}
.main-menu-content b{ line-height:57px; font-size:14px; padding-left:15px}

.main-menu-panel-list ul{ padding-top:80px}
.main-menu-toggle-content::after,.main-menu-toggle-content::before{bottom: -8px;}
.main-menu-panel-list li a {font-size: 1.2em;line-height: 1.7; }
.main-menu-toggle-content,.main-menu-toggle-content::after, .main-menu-toggle-content::before {width: 25px;height: 2px;}
.main-menu-toggle-content::before {top: -8px;}

.case_main{width:100%; /*padding:0 4%;*/ padding:0}
.case_main dl{ width:100%}
.case_main dd{ position:inherit; padding:8% 0}
.case_main dl h5{ color: #21282e; font-size:12px;margin: 0 0 10px;}
.case_main dl h4{font-size: 14px;color: #252e3a;    margin: 0 0 10px;}
.case_main dl p{color: #ff4229; border-bottom:2px solid #ff4229}
.case_main dl p, .case_main dl h5, .case_main dl h4,.case_main .case_logo{ opacity:1; -webkit-transform: translateY(0px);}
.case_more,.case_bak{ display:none}
.case_main .case_logo{color: #21282e; border: 54px solid;border-bottom-color: transparent;border-left-color: transparent; -webkit-transform: none;}
.case_main .case_logo span{ background-size:25px 30px;top:0}


.focus{ display:block}
.about_main{ margin:10% 0}
.about_main h2{ font-size:20px}
.about_main p{ font-size:13px; line-height:23px; margin:20px 0}
.more a{ display:none}

.new_con{ width:92%; padding:0 4%;margin-top: -40px;}
.new_top{height:120px}
.new_top h3{ display:none}
.new_top h2{ font-size:20px;padding: 30px 0 0px;}
.contact_top h2{font-size:20px;}
.contact_top h3{font-size:14px;}
.new_dl_1,.new_dl_2{ display:none}
.new_con .new_dl{ width:100%}
.new_con dl{ height:inherit}
.new_con dl p{ max-height:70px; overflow:hidden}
.new_con .new_content {padding: 8% 8% 14%}
.new_con dl h2{ font-size:16px}
.txtScroll-top .bd{ padding:8%}
.txtScroll-top{ height:inherit}
.txtScroll-top .bd h3{ font-size:16px}


.con_main dd{ padding:7% 5% 11%}
.con_main dd p{ margin:15px 0; line-height:23px; font-size:14px}
.con_main dd a{ font-size:15px; padding-bottom:7px}

#link_con{ display:none}

#foot{ height:inherit;display:none;}
.foot_main{margin-bottom: 67px;}
.foot_l{ float:none; padding:9% 5% 0%; line-height:23px}
.share_main{ float:none; padding:0 0 3%; margin:10px auto 0; display:table; }
.foot_l span{ display:block}

#case_con{padding: 93px 0% 35px; width:100%; margin:0 0 5%}
#case_con.about_ban,#case_con.service_ban{ padding: 103px 0 45px; margin:0;background-size: auto 280px !important;}
#case_con.case_ban{ margin:0 0 25px; background-size: auto 300px !important; padding: 103px 0 45px;}
#case_con.news_ban{margin:0 0 25px;padding: 103px 0 45px;background-size: auto 350px !important;}
#case_con p{ padding:0 7%; margin-top:20px}
#case_con.con_ban{padding: 103px 0% 75px;}
.ab_con{ margin:0 auto}
#case_con h2{ font-size:23px}
#case_con p{ font-size:14px; line-height:25px}
#case_con p span{ display:inline}
#case_con p .view_blck{ display:none}
#case_con p .tel_black{ display:block}
.case_mains dl{ margin-bottom:0}
.like_main{ padding:40px}
.like_main h2{ font-size:23px}
.like_main a{ width:60%; height:50px; line-height:50px}

.news_main{ margin-top:-10px}
.news_dl dl { padding: 8% 0% 7%;}
.news_sign{ display:none}
.news_dl h2{ font-size:16px}
.news_dl p{ font-size:13px; line-height:22px; max-height:64px; overflow:hidden}

#news{ padding-bottom:35px}

.news_l_con {padding: 0% 5% 0;}
.news_r ul h2{ font-size:23px}
.news_r ul li a,.news_l_con_p h2,.news_l_con_p{ font-size:14px}
.news_r .recommended h3{ font-size:20px}
.news_r .recommended a{ font-size:13px}
.news_r ul, .news_r .recommended{ padding-left:5%}
.news_l_con_p img{ width:100%}
.news_l_con_p h2 span{ display:none}
.news_l_con_p{padding: 7% 5% 0;}
.news_l_con_p{ line-height:26px}


.ab_con {width: 100%;padding: 0}
.ab_l{ padding:22px 0;font-size: 20px;}

.ab_r p{ font-size:14px; line-height:25px; padding:40px 16px 32px}
.culture_c_l,.cul_c_r{ width:100%; padding:0}
.ab_c_l{  line-height: 23px;font-size: 13px;}
.ab_c_l h2{ font-size:17px}
.ab_c_l b{ font-size:16px; margin-top:20px}

.custom_top h2{padding:22px 0;font-size: 20px;}
.custom_logo{width: 100%; margin: 0;}
.custom_logo ul{ padding:0}
.custom_t li{ width:49.7%;border-right: 1px solid #eee; margin-right:0; text-align:center;border-bottom: 1px solid #eee; padding:7% 0}
.custom_t .ab_bor{ border-right: 1px solid #eee;}
.ph_logo_none{ display:block}
.custom_t{ border:none}
.custom_t_1,.cus_none{ display:none}
.culture{ margin:-3px 0 0}
.ab_text{padding: 40px 16px 15px;}
.custom_logo li img{ height:70px}

.culture_c_l img{ display:block}
.cult_l{ width:100%}

.cult_l p{ padding:10% 0; font-size:15px}
.cult_r_none{ display:none}
.cult_l_1{ width:50%}
/*.appoinment{ margin-top:30px}*/
.view_work h2{ font-size:18px}
.view_work p{ font-size:14px; line-height:24px; margin:20px 0}
.view_work p span{ display:inline}
.view_work p .view_blck{ display:none}
.view_work{padding: 40px 60px;}
.share_main{display:none;}
.view_work .con_more { width:90px; font-size:0.8em;padding: 10px 10px;}

.custom_con_1{ width:100%; padding:0; margin: 0px 0 0px;}
#contact_map_container{display:none;}
/*服务范围*/
.service_main{ width:100%; padding:0; margin:0 0 30px}

.service_top dt{ height:180px;background-image: url(../images/service_img_1.jpg);background-position: center 40%;background-size: cover;background-repeat: no-repeat;}
.service_top .dt_1{height:180px;background-image: url(../images/service_img_2.jpg);background-position: center 40%;background-size: cover;background-repeat: no-repeat;}

.service_top .dd_main{ padding:40px 16px 30px}
.dd_main h2{ font-size:20px}
.dd_main p{ font-size:14px; line-height:24px; margin:20px 0}
.dd_main h3 span{ font-size:14px; line-height:25px}
.dd_main h3 b {width: 4px;height: 4px;border-radius: 4px;margin: 8px 7px 0 0;}

.service_p{ margin:0; width:90%; padding:5% 5%; font-size:14px; line-height:25px;}
.service_top_1 h2{padding: 22px 0;font-size: 20px;}
.custom_img li img{ height:36px}
/*联系我们*/
.contact_top h3{ padding:0 10%}
.contact_main{ display:none; display:block; margin:0 auto 70px;}
.contact_con dl{ margin-top:-30px; margin-bottom:32px}
.share_con{ margin:0 auto}
#case_con.con_ban{margin: 55px 0 0;}
.contact_con{ padding:50px 0}
.con_bak{ top:0; height:200px}
.layui-btn{ width:100%; padding:0}
.contact_t li{ margin-bottom:25px}
.message_con h2{ font-size:22px; padding-bottom:15px;margin-bottom:10px}
.layui-form-item .layui-inline{ width:100%; margin-top:15px}
.layui-input, .layui-textarea{ padding-left:10px}
.layui-input, .layui-select, .layui-textarea{font-size: 14px; height:42px; line-height:42px}
.layui-form-item{ margin-bottom:15px}
.layui-textarea{ padding:3px 10px; min-height:110px}
.layui-form-select dl{ top:20px; font-size:14px}
.layui-btn{ height:46px; line-height:46px; font-size:15px}
.message_con{padding: 30px 0 0px;}
.dd_main .layui-textarea{padding: 3px 10px;min-height: 110px; }



/*新闻详情*/
#case_con.news_ban_1{ display:none}
.sub-header .header_link a .link-unhover span { display:none}
.sub-header .header_wrapper{ margin:2px 0}
.sub-header .header_link a{ font-size:0.9em}
.sub-header .header_link.header_link_l a .link-unhover{ padding-left:20px}
.sub-header .header_link.header_link_r a .link-unhover{ padding-right:20px}
.sub-header{ position:inherit; margin-top:55px}
.sub-header_main{ margin-bottom:15px}
.new_sub a{width: 105px;height: 37px;line-height: 37px!important; font-size:14px}
.new_sub span{width: 105px;height: 37px;line-height: 37px!important; font-size:14px}
.pc_contact{ display:none}
.ph_contact{ display:block}
.dd_main{ padding:9% 7% 9% 7%}
.dd_main h1{ font-size:18px; margin-bottom:10px}
.dd_main td{ font-size:14px}
.dd_main td textarea,.dd_main td input{ width:92%}
.dd_main td .index_sub{ width:100%}
.index_contact dt p{ font-size:14px; line-height:24px}
.dd_main .layui-input, .dd_main .layui-select, .dd_main .layui-textarea{font-size:12px;}
.index_contact dt{display:none;}
.index_contact{width:90%;}

.index_contact_1 .dd_main{ padding:12% 12% 0% 10%}
.index_contact_1 .dd_main td textarea{ height:auto}
.index_contact_1 .dd_main td textarea,.index_contact_1 .dd_main td input{ width:91%}
.index_contact_1 .dd_main td .index_sub{ width:100%}
.index_contact_1 .dd_main h2,.contact_r_con h3{ font-size:26px}
.contact_r_con h4 img{ width:80%}
.contact_r_con{ text-align:center; padding:15% 4% 0%}
.contact_r_con .con_span{ float:none; width:100%; display:block; text-align:center; top:0}
.contact_r_con span{ float:none}
.contact_r_con p img{ margin: 0 auto 15px;display: table;float: none;}

.news_dl dt{font-size:16px}
.main-menu-content b{ height:55px;background-size: auto 14px;}
/*底部导航*/
.return_main{display:none;}
.suspension{display: block;bottom: 0;width:100%;box-shadow: 0px 10px 10px 10px rgba(0, 0, 0, 0.2);}
.video_bak{display: none;}

}

@media screen and (max-width: 360px) {
.main-menu-panel-list li a {font-size: 1.3em;line-height: 1.5; }
}