@charset "utf-8";
@media screen and (min-width:750px){
	body{min-width:1200px;}
	.bWidth {width:1200px;margin:auto; padding-bottom:44px}
}
@media screen and (max-width:750px) {
	.bWidth {width:auto}
	header {height:auto;padding:20px 0px 10px 0px;}
	header .logo {margin-left:20px;float:none}
	header .navigation {float:none;margin-top:10px;text-align:center}
	header .navigation a {display:inline-block;margin:0px 4px;padding:0px 9px;height:30px;line-height:30px;margin:0px;font-size:14px;text-decoration:none;color:rgb(51,51,51);border-radius:0px;text-align:center;transition:all 0.5s}
	header .navigation a.active {border-radius:8px;}
	/*我们的服务*/
	.bodier .service {margin-bottom:20px;padding-top:20px}
	.bodier .service .t {padding-bottom:20px;}
	.bodier .service .t span {font-size:18px}
	.bodier .service .t i {padding-top:5px;font-size:14px;}
	.bodier .service .t i:before {width:15px;margin:9px 0px 0px -20px}
	.bodier .service .t i:after {width:15px;margin:9px -20px 0px 0px}
	.bodier .service .c li {width:49%;margin:auto;padding:0px 0px 20px 0px;transition:all 0.5s;}
	.bodier .service .c li img {width:50px;margin:0px 0px 0px 20px}
	.bodier .service .c li b {padding:5px 20px;font-size:16px;}
	.bodier .service .c li i {margin:0px 20px;}
	.bodier .service .c li span {font-size:12px;padding:5px 20px;}
	/*客户案例*/
	.bodier .case {padding-top:20px;}
	.bodier .case .t {padding-bottom:0px;}
	.bodier .case .t span {font-size:18px}
	.bodier .case .t i {padding-top:5px;font-size:14px;}
	.bodier .case .t i:before {width:15px;margin:9px 0px 0px -20px}
	.bodier .case .t i:after {width:15px;margin:9px -20px 0px 0px}
	.bodier .case .c {padding-bottom:20px;}
	.bodier .case .c a {width:47%;margin:15px 1%;}
	.bodier .case .c a img {width:100%;}
	.bodier .case .m {padding-bottom:20px;}
	.bodier .case .m a {padding:8px 15px;font-size:16px;border-radius:10px;}
	/*我们的优势*/
	.bodier .advantage {height:auto}
	.bodier .advantage .t {padding-top:30px}
	.bodier .advantage .t b {margin-bottom:20px;font-size:24px;}
	.bodier .advantage .t i {font-size:12px;}
	.bodier .advantage .a {display:none}
	.bodier .advantage .c {position:static;height:auto;padding:60px 20px 20px 20px}
	.bodier .advantage .circle {display:none;animation:none}
	.bodier .advantage .c i {margin:auto}
	.bodier .advantage .c i:before {border:1px solid rgba(255,255,255,0)}
	.bodier .advantage .c .rotate:hover i {transform: translate(0px,-5px)}
	.bodier .advantage .c i[data-1]{transform:rotate(0deg);margin:-20px 0px 0px 0px}
	.bodier .advantage .c i[data-2]{transform:rotate(0deg);margin:-20px 0px 0px 0px}
	.bodier .advantage .c i[data-3]{transform:rotate(0deg);margin:-40px 0px 0px 0px}
	.bodier .advantage .c i[data-4]{transform:rotate(0deg);margin:-40px 0px 0px 0px}
	.bodier .advantage .c i[data-5]{transform:rotate(0deg);margin:-20px 0px 0px 0px}
	.bodier .advantage .rotate {position:relative;display:block;width:auto;height:auto;margin:10px 0px}
	.bodier .advantage .rotate b {display:inline-block;padding:5px 10px;background:rgba(0,0,0,0.4);font-size:18px;}
	.bodier .advantage .rotate span {display:block;border-top:1px rgba(0,0,0,0.2) solid;color:rgb(102,102,102)}
	.bodier .advantage .r01 {left:auto;top:auto;}
	.bodier .advantage .r01 i:before,
	.bodier .advantage .r02 i:before {margin-left:0px;}
	.bodier .advantage .r03 i:before {margin-left:0px;}
	.bodier .advantage .r04 i:before,
	.bodier .advantage .r05 i:before {margin-left:0px;}
	.bodier .advantage .r02 {left:auto;top:auto;}
	.bodier .advantage .r03 {left:auto;top:auto;text-align:left}
	.bodier .advantage .r04 {right:auto;top:auto;text-align:left}
	.bodier .advantage .r05 {right:auto;top:auto;text-align:left}
	/*合作伙伴*/
	.bodier .partner {margin-bottom:20px;padding-top:20px;text-align:center}
	.bodier .partner .t {padding-bottom:20px;}
	.bodier .partner .t span {font-size:24px;}
	.bodier .partner .t i {padding-top:5px;font-size:14px;}
	.bodier .partner .t i:before {width:15px;margin:9px 0px 0px -20px}
	.bodier .partner .t i:after {width:15px;margin:9px -20px 0px 0px}
	.bodier .partner .c {padding-bottom:10px;text-align:left;}
	.bodier .partner .c span {width:45%;}
	.bodier .partner .c span i {display:block;padding:10px 0px;font-style:normal;font-size:14px;}
	.bodier .partner .c span img {width:100%}
	/*芸享资质*/
	.bodier .qualifications {margin-bottom:20px;padding-top:20px;}
	.bodier .qualifications .t {padding-bottom:20px;}
	.bodier .qualifications .t span {font-size:24px;}
	.bodier .qualifications .t i {padding-top:5px;font-size:14px;}
	.bodier .qualifications .t i:before {width:15px;margin:9px 0px 0px -20px}
	.bodier .qualifications .t i:after {width:15px;margin:9px -20px 0px 0px}
	.bodier .qualifications .c {padding-bottom:20px;text-align:left;}
	footer {padding:20px 0px}
	footer .l {float:none;}
	footer .l span {width:45%;margin:10px 0px}
	footer .l span:nth-of-type(n) {margin-left:30px;}
	footer .l span:nth-of-type(2n) {margin-left:0px;}
	footer .l span b {margin-bottom:10px;}
	footer .l span i {line-height:24px;color:rgba(255,255,255,0.6)}
	footer .r {float:none;width:auto;margin-top:20px;margin-left:30px;}
	footer .r img {float:none;width:150px;height:150px;margin-right:0px;margin-bottom:10px;}
	footer .r b {font-size:18px;margin-bottom:10px;}
	footer .r span {line-height:24px;}
	footer .backtop {position:fixed;bottom:30px;right:30px;transition:all 0.5s}
	footer .backtop:hover {transform: translate(0px,-10px);}
	footer .pop {position:fixed;width:100%;height:50px;bottom:8%;background:rgba(0,0,0,0.5);text-align:center}
	footer .pop span {display:none}
	footer .pop form {display:none;}
	footer .pop .closepop {left:20px;margin:10px 0px 0px 0px;border-radius:5px;background:rgba(255,0,0,0.8);width:50px;height:30px;line-height:30px;}
	footer .pop .tel {display:inline-block;font-size:18px;color:rgb(255,255,255);line-height:50px;text-decoration:none}
	footer .pop cite label {display:inline-block;position:relative;color:rgb(255,255,255);font-size:18px;}
	/*客户案例列表*/
	.bodier .caselist {margin-bottom:20px;padding-top:20px;}
	.bodier .caselist .t {padding-bottom:10px;}
	.bodier .caselist .t span {display:block;font-size:24px;color:rgb(102,102,102);padding-bottom:10px;margin-left:20px}
	.bodier .caselist .t i {display:inline-block;padding-left:10px;font-size:18px;color:rgb(204,204,204)}
	.bodier .caselist .t cite {display:block;height:2px;line-height:2px;background:rgb(204,204,204);border-left:100px rgb(51,51,51) solid}
	.bodier .caselist .c {padding-bottom:20px;text-align:left;}
	.bodier .caselist .c a {width:41%;margin:20px 0px 10px 20px}
	/*客户案例详情*/
	.bodier .caseitem {margin:auto;padding:20px}
	.bodier .caseitem .back a {margin-bottom:20px;}
	.bodier .caseitem .m {padding-bottom:20px}
	.bodier .caseitem .m b {padding:10px 5px;font-size:14px;}
	.bodier .caseitem .m a {margin:10px;padding:10px 20px;font-size:14px;}
	/*关于芸享*/
	.bodier .aboutus {margin-bottom:20px;padding-top:20px;}
	.bodier .aboutus .t {padding-bottom:20px;}
	.bodier .aboutus .t span {font-size:18px;padding-bottom:10px;margin-left:20px}
	.bodier .aboutus .t i {font-size:12px;}
	.bodier .aboutus .c {padding:10px 0px 0px 0px;}
	.bodier .aboutus .c .t1 b {font-size:24px;}
	.bodier .aboutus .c .t1 span {padding:10px 0px 20px 0px;}
	.bodier .aboutus .c .c1 {background:rgb(242,242,242)}
	.bodier .aboutus .c .c1 span {padding:10px 0px 20px 0px;width:48%;}
	.bodier .aboutus .c .c1 span:nth-of-type(1) {border-left:0px;border-bottom:1px rgb(204,204,204) dashed}
	.bodier .aboutus .c .c1 span:nth-of-type(2) {border-left:1px rgb(204,204,204) dashed;border-bottom:1px rgb(204,204,204) dashed}
	.bodier .aboutus .c .c1 span:nth-of-type(3) {border-left:0px;}
	.bodier .aboutus .c .c1 span:nth-of-type(4) {border-left:1px rgb(204,204,204) dashed}
	.bodier .aboutus .c .t2 {margin-top:20px}
	.bodier .aboutus .c .t2 b {font-size:24px;}
	.bodier .aboutus .c .t2 span {margin-top:10px;padding:5px 0px 10px 0px;}
	.bodier .aboutus .c .c2 {padding-bottom:20px}
	.bodier .aboutus .c .c2 .box {padding:20px;}
	.bodier .aboutus .c .c2 .l {float:none;width:100%;}
	.bodier .aboutus .c .c2 .l .box {border-left:0px;border-top:0px;border-bottom:0px;}
	.bodier .aboutus .c .c2 .r {float:none;width:100%;}
	.bodier .aboutus .c .m b {padding:10px;font-size:14px;}
	.bodier .aboutus .c .m a {margin:10px;padding:10px 20px;font-size:14px;}
	.bodier .aboutus .c .m a:hover {background:rgb(204,0,0);border-radius:20px}
	.bodier .aboutus .c .t3 {text-align:center;}
	.bodier .aboutus .c .t3 b {font-size:24px;}
	.bodier .aboutus .c .t3 span {margin-top:10px;padding:5px 0px 10px 0px;color:rgb(153,153,153);text-align:center;border-top:2px rgb(9,160,231) solid}
	.bodier .aboutus .c .c3 p {text-indent:20px;line-height:24px;padding:10px 20px;}
	/*联系我们*/
	.bodier .contact {margin-bottom:20px;padding-top:20px;}
	.bodier .contact .t {padding-bottom:10px;}
	.bodier .contact .t span {font-size:18px;padding-bottom:10px;margin-left:20px}
	.bodier .contact .t i {font-size:12px;}
	.bodier .contact .info {padding-bottom:10px;text-align:left}
	.bodier .contact .info span {display:block;margin:0px 0px 0px 20px;padding:10px 0px;border:0px rgb(204,204,204) solid;}
	.bodier .contact .info i {display:inline-block;font-style:normal;font-size:16px;vertical-align:middle;color:rgb(102,102,102);}
	.bodier .contact .info span:nth-of-type(1) {float:none}
	.bodier .contact .info span:nth-of-type(3) {float:none;margin-right:0px}
	.bodier .contact .c {padding:20px 0px;float:none;width:100%}
	.bodier .contact .t1 {padding:10px 0px;border-left:5px rgb(9,160,231) solid;text-align:left;text-indent:20px;background:rgb(242,242,242);font-size:16px;color:rgb(9,160,231)}
	.bodier .contact .c1 span {display:block;margin:20px auto;text-align:left}
	.bodier .contact .c1 span label {width:25%;color:rgb(102,102,102)}
	.bodier .contact .c1 span input {width:70%;height:30px;line-height:30px;text-indent:10px}
	.bodier .contact .c1 span textarea {width:69%;height:50px;padding:1%;}
	.bodier .contact .c1 span img {width:20px;margin-right:10px;margin-left:10px;}
	.bodier .contact .c1 span .code {width:100px;margin-right:20px}
	.bodier .contact .c1 span .img {width:100px;height:35px;} 
	.bodier .contact .c1 span a {display:inline-block;padding:8px 30px;background:rgb(9,160,231);color:rgb(255,255,255);text-decoration:none;font-size:18px;border-radius:5px;transition:all 0.5s}
	.bodier .contact .c1 span a:hover {background:rgb(204,0,0)}
	.bodier .contact .m {padding:0px;float:none;width:100%}
	.bodier .contact .m .t2 {font-size:14px;}
	.bodier .contact .m .c2 {padding-top:10px;padding-left:20px}
	.bodier .contact .m .c2 a {margin:10px;padding:10px 20px;font-size:16px;}
	
	/*新闻资讯*/
	.bodier .newslist {position:relative;margin:0px auto;padding:20px;background:rgb(255,255,255);box-shadow:0px 0px 5px 3px rgba(0,0,0,0)}
	.bodier .newslist .box .tab {font-size:100%;border-bottom:1px rgb(204,204,204) solid;color:rgb(153,153,153);line-height:30px}
	.bodier .newslist .box .tab span {padding:0px 10px}
	.bodier .newslist .box .img {position:static;width:100%;height:auto;}
	.bodier .newslist .box .text {margin-left:0px}
	.bodier .newslist .box h1 {padding:10px 0px;margin:0;font-size:110%;color:rgb(51,51,51);font-weight:normal}
	.bodier .newslist .box .m {margin-top:10px;text-align:center}
	.bodier .newslist .box .m a {display:inline-block;margin:0px 10px;padding:15px 30px;background:rgb(9,160,231);color:rgb(255,255,255);text-decoration:none;font-size:16px;border-radius:5px;transition:all 0.5s}
	.bodier .newslist .box .m a:hover {background:rgb(204,0,0);border-radius:20px;color:rgb(255,255,255)}
	/*新闻资讯详情*/
	.bodier .newsitem {position:relative;margin:0px auto;padding:20px;background:rgb(255,255,255);box-shadow:0px 0px 5px 3px rgba(0,0,0,0.3)}
	.bodier .newsitem .c h1 {font-size:20px;color:rgb(51,51,51);text-align:left}
	.bodier .newsitem .c h2 {font-size:14px;color:rgb(102,102,102);font-weight:normal}
	.bodier .newsitem .c h3 {padding:10px;font-size:14px;color:rgb(102,102,102);font-weight:normal;background:rgb(235,235,235)}
	.bodier .newsitem .t {padding-bottom:20px;text-align:left}
	.bodier .newsitem .m {padding-bottom:20px}
	.bodier .newsitem .m b {padding:10px 5px;font-size:14px;}
	.bodier .newsitem .m a {margin:10px;padding:10px 20px;font-size:14px;}
	/*web*/
	.bodier .color1 {background:rgb(242,242,242)}
	.bodier .web h1 {margin:0px;padding:20px 0px;text-align:center;font-size:24px;color:rgb(51,51,51)}
	.bodier .web .c1 img {float:none;margin-left:0px;width:60%;margin:0px 20%}
	.bodier .web .c1 h2 {color:rgb(51,51,51);padding:0px 20px}
	.bodier .web .c1 p {color:rgb(153,153,153);height:auto;padding:0px 20px}
	.bodier .web .c1 div {color:rgb(153,153,153);height:auto;padding:0px 20px}
	
	.bodier .web .c2 {padding:20px 0px}
	.bodier .web .c2 img {float:none;margin-left:0px;width:60%;margin:0px 20%}
	.bodier .web .c2 h2 {color:rgb(51,51,51);padding:0px 20px}
	.bodier .web .c2 h3 {font-weight:normal;font-size:14px;padding:0px 20px}
	.bodier .web .c2 p {color:rgb(153,153,153);height:auto;padding:0px 20px}
	
	.bodier .web .c3 {padding:20px 0px;float:none;width:100%}
	.bodier .web .c3 .t1 {padding:10px 0px;border-left:5px rgb(9,160,231) solid;text-align:left;text-indent:20px;background:rgb(242,242,242);font-size:16px;color:rgb(9,160,231)}
	.bodier .web .c3 form span {display:block;margin:20px auto;text-align:left}
	.bodier .web .c3 form span label {width:25%;color:rgb(102,102,102)}
	.bodier .web .c3 form span input {width:70%;height:30px;line-height:30px;text-indent:10px}
	.bodier .web .c3 form span textarea {width:69%;height:50px;padding:1%;}
	.bodier .web .c3 form span img {width:20px;margin-right:10px;margin-left:10px;}
	.bodier .web .c3 form span .code {width:100px;margin-right:20px}
	.bodier .web .c3 form span .img {width:100px;height:35px;} 
	.bodier .web .c3 form span a {display:inline-block;padding:8px 30px;background:rgb(9,160,231);color:rgb(255,255,255);text-decoration:none;font-size:18px;border-radius:5px;transition:all 0.5s}
	.bodier .web .c3 form span a:hover {background:rgb(204,0,0)}
	.bodier .web .m {padding:0px;float:none;width:100%}
	.bodier .web .m .t2 {font-size:14px;}
	.bodier .web .m .c2 {padding-top:10px;padding-left:20px}
	.bodier .web .m .c2 a {margin:10px;padding:10px 20px;font-size:16px;}
	
	.bodier .web .c4 img {margin:10px; max-width:100%}
}