/* CSS Document */
@media screen and (max-width:1300px){
	#head .head_box,.main1_box,.main3,.main5_box,.foot,.copyright,.pro_title,.road,#detail{width:94%;}
	.main4_box{width:100%;}
	.pro_list{width:calc(94% + 20px);}
	.detail_like{width:calc(94% + 26px);}
}

@media screen and (max-width:1280px){
	.d-about-conten,.d-service-content,.d-contact-content{ width:96%;}
}

@media screen and (max-width:1213px){
.head_right ul li{ margin-left:26px;}
}

@media screen and (max-width:1200px){
	.main1_left p{width:94%;}
	.head_left ul li{ margin-right:25px;}
	.main2 ul li .indexpro_text{padding:0 5%;width:90%;}
	
	.menu ul li .menu_box{width:100%;left:0;margin-left:0;}
	
	.dt_left{width:100%;}
	.dt_right{width:100%;margin-left:0;}
	
	.dd_content img.dpic2{margin:0;}
}
@media screen and (max-width:1180px){
	.head_right ul li{ margin-left:17px;}
	}
@media screen and (max-width:1136px){
	.head_left,.head_right{display:none;}
	.head_btn{display:block;}
	.head_left ul li{ margin-right:23px;}
	.pro_list ul li .pro_text p{width:100%;}
}

@media screen and (max-width:1100px){
	.main1_left{padding-top:40px;width:100%;padding-left:0;}
	.main1_left p{width:100%;}
	.main1_right{width:100%;text-align:center;}
	.main1_right img{margin-top:20px;display:inline-block;}
}

@media screen and (max-width:1030px){
	.main2 ul li{width:50%;}
	
	.main3{padding:20px 0 30px;}
	.main3 p{width:90%;}
	
	.m4d_left{width:36%;}
	.m4d_left img{margin-left:20px;width:calc(100% - 20px);}
	.m4d_right{width:64%;}
	.m4d_right ul{display:table;width:100%;}
	.m4d_right ul li{width:25%;padding:0 10px;}
	.m4d_right ul li img{width:100%;}
	
	.foot .links{width:50%;}
	.contact{display:none;}
	.newsletter{width:50%;}
	
	.menu ul li .menu_box .menu_text{margin-top:4%;}
	.menu ul li .menu_box .menu_text h1,.menu ul li .menu_box .menu_text p{margin-left:37px;width:calc(100% - 50px);}
	.menu ul li .menu_box .menu_text a{margin-left:37px;}
	.d-about-content1{ padding-top:0px;}
	.d-about-content1 h2{ margin-top:0px; margin-bottom:15px;}
}

@media screen and (max-width:970px){
	.main5_box>p{width:100%;margin:30px 0;}
	.d-service-content-list-right{ margin-top:0px;}
}

@media screen and (max-width:930px){
	.main4{padding-top:0;}
	.m4t_left{width:90%;margin:0 auto;padding:0;float:none;}
	.m4t_left h1{margin-top:20px;}
	.m4t_right{width:90%;margin:0 auto;float:none;overflow:hidden;}
	
	.pro_list ul li{width:calc(50% - 20px);}
	.pro_list .page{margin-bottom:80px;}
	.d-r-content li{ width:46%; height:200px;}
	.d-contact-content-l{ width:95%; float:none; margin:0 auto; padding:30px 0;}
	.d-contact-content-r{ display:none;}
}

@media screen and (max-width:880px){
	#banner{display:none;}
	#banner2{display:block;}
	
	.indexpro_title{margin:10px 0;}
	
	.menu ul li .menu_box .menu_text{margin-top:2%;}
}

@media screen and (max-width:830px){
	.d-fl,.d-fr{ float:none;}
	.d-about-img{ display:block; width:65%; margin:0 auto; margin-bottom:20px; padding-top:20px;}
	.d-about-content1 p{ float:none; width:100%; margin-left:0px;}
	.d-about-content1 h2{ float:none; margin-left:0px;}
	.d-about-content1{ margin-bottom:20px;}
	.d-service-title{ margin-bottom:30px;}
	.fl,.fr{ float:none;}
	.d-service-content-list-right{ float:none; width:100%;}
	.d-service-content-list img{ width:65%; margin-bottom:20px;}
}

@media screen and (max-width:730px){
	.foot .links .box{width:50%;}
	.foot .box input,.foot .box button{width:100%;}
	
	.menu ul li{margin-top:0;}
	.menu ul li img,.menu ul li.menuli2 img{width:100%;}
	.menu ul li .menu_box{position:static;}
	.menu ul li .menu_box .menu_text{width:100%;margin:20px 0;}
	.menu ul li .menu_box .menu_text p,.menu ul li.menuli2 .menu_box .menu_text p{overflow:auto;height:auto;-webkit-line-clamp:5;}
	
	.smallpic .smallpic_box ul li{margin:0 10px;width:calc(25% - 20px);}
	
	.dd_content img.dpic1,.dd_content img.dpic2{width:100%;}
	.detail_like ul li{width:calc(50% - 26px);}
	.d-service-faq01 span h5{ font-size:16px; line-height:36px;}
	.d-name input{ line-height:40px; margin-left:40px;}
	.d-name img{ height:42px;}
	.d-name textarea{ margin-left:40px; line-height:28px;}
	.d-contact-content-l button{ margin-left:40px;}
}

@media screen and (max-width:680px){
	.main1_down ul li{width:50%;}
	
	.main4_down{padding:20px 0;}
	.m4d_left{display:none;}
	.m4d_right{width:100%;}
	
	.main5{padding-bottom:70px;}
	.main5_box ul{background:none;}
	.main5_box ul li{width:100%;background-position:left center;padding-top:0;}
	.main5_box ul li img{float:left;padding:20px 20px 20px 80px;}
	.main5_box ul li h1{text-align:left;}
	.main5_box ul li p{display:block;width:100%;text-align:left;margin-top:0;}
	
	.title_top h1{display:block;}
	.title_top p{display:block;text-align:left;width:100%;margin-top:5px;}
}

@media screen and (max-width:650px){
	.main1_right img{width:90%;}
	
	.indexpro_title p{width:90%;}
	.d-package img{ width:8%;}
	.d-package h3{ width:89%;}
	.d-package p{ width:89%;}
}

@media screen and (max-width:560px){
	.pro_list ul li{width:calc(100% - 20px);}
}

@media screen and (max-width:550px){
	.main5_box ul li img{padding:40px 20px 40px 80px;}
	.d-about-img{ width:98%;}
	.d-about-title{ margin-bottom:10px;}
	.d-about-title p{ width:98%; margin:0 auto;}
	.d-about-content1{ width:98%; margin:0 auto; margin-bottom:0px; padding-left:0px; padding-right:0px;}
	.d-r-content li{ width:98%; height:auto;}
	.d-r-content li img{ width:55px;}
	.fa-angle-down{ display:none;}
	.d-name input{ width:87%;}
	.d-name textarea{ width:87%;}
}

@media screen and (max-width:500px){
	.main2 ul li{width:100%;}
	
	.foot .footlist{width:100%;}
	.contact{display:block;}
	
	.menu ul li .menu_box .menu_text h1{font-size:40px;}
	.d-service-content-list img{ width:98%; margin:0 auto; margin-bottom:20px;}
	.d-service-content-list:last_child{ margin-bottom:30px;}
	.d-service-package{ width:97%;}
}

@media screen and (max-width:480px){	
	.pro_list .page{width:calc(100% - 10px);}
	.pro_list .page p{width:100%;}
}

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

}

@media screen and (max-width:450px){
	.m4t_right{padding:0;}
	.m4t_right ul li{width:100%;text-align:left;}
	.m4t_right ul li img{margin:10px;float:left;}
	.m4t_right ul li h2,.m4t_right ul li p{float:left;width:calc(100% - 100px);}
	.m4t_right ul li h2{margin-top:30px;}
	.m4t_right ul li p{line-height:1;}
	.m4t_right ul li p br{display:none;}
	.m4d_right ul li p{font-size:12px;}
	
	.main5_box ul li{background-position:left top;text-align:left;margin-bottom:20px;}
	.main5_box ul li img{float:none;padding:0;margin-left:70px;margin-top:6px;}
	.main5_box ul li h1,.main5_box ul li p{display:block;}
	
	.follow h1{font-size:14px;}
	.follow ul li{margin:5px;width:27px;height:27px;line-height:27px;}
	.follow ul li a i{font-size:22px;line-height:27px;}
	
	.detail_like ul li{width:calc(100% - 26px);}
	
	.nav_search form{width:80%;}
	.d-service-package{ width:93%;}
	.d-package{ margin-bottom:10px;}
	.d-package p{ width:98%;}
	.d-package01{ padding-top:0px;}
	.d-service-faq01 span h5{ line-height:28px; background-position-y: 7px;}
	.d-faq01 p{ font-size:14px;}
}

@media screen and (max-width:420px){
	.head_btn{right:0;}
	
	.smallpic .smallpic_box ul li{width:calc(33.3% - 10px);margin:0 5px;}
	.smallpic>img{margin:5% 0;}
	
	.pro_list{width:100%;}
	.detail_like{width:100%;}
}    

@media screen and (max-width:400px){
	.menu ul li .menu_box .menu_text h1{font-size:36px;}
}

@media screen and (max-width:380px){
	.m4t_left h1{font-size:36px;}
	
	.btn a{width:132px;}
}    

@media screen and (max-width:360px){
	.follow ul li{margin:3px;}
	
	.m4t_left p{width:100%;}
	
	.menu ul li .menu_box .menu_text h1{font-size:32px;}
	.menu ul li .menu_box .menu_text a,.menu ul li.menuli2 .menu_box .menu_text a{margin:0 10px;width:calc(100% - 70px);text-align:center;}
	.d-name{ width:95%;}
	.d-name input{ line-height:34px; margin-left:34px;}
	.d-name img{ height:36px;}
	.d-name textarea{ margin-left:34px;}
	.d-contact-content-l button{ margin-left:34px; width:130px; height:38px;}
}