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

*{ -webkit-tap-highlight-color:transparent; -webkit-touch-callout:none; }
body,h1,h2,h3,h4,h5,h6,hr,p,dl,dd,ul,ol,pre,form,blockquote,figure,fieldset,legend,input,button,textarea,menu{ margin:0; padding:0; }
body{ background:#fff; font-family:Arial,"Microsoft YaHei"; color:#333; font-size:16px; line-height:1.15; }
h1,h2,h3,h4,h5,h6{ font-size:100%; font-weight:normal; }
table{ border-collapse:collapse; border-spacing:0; }
fieldset,img{ border:0; }
input,button,select,textarea{ outline:none; border:none; -webkit-appearance:none; font-family:inherit; font-size:100%; line-height:1.15; }
textarea{ overflow:auto; resize:none; }
em,i,cite,var,address,dfn{ font-style:normal; }
menu,ul,ol{ list-style:none; }
a{ text-decoration:none; cursor:pointer; color:#333; }
a:hover{ outline-width:0; text-decoration:none; }
.clf{ *zoom:1; }
.clf:after{ content:""; display:block; height:0; clear:both; }
.fl{ float:left; }
.fr{ float:right; }

.w1200{ width:1200px; margin:0 auto; position:relative; }
.logo{ float:left; line-height:54px; margin-right:52px; margin-top:23px; }
.logo img{ display:inline-block; width:54px; height:54px; float:left; margin-right:16px; }
.logo h1{ float:left; font-size:26px; color:#fff; }

.section{ width:100%; position:relative; }
.banner{ position:relative; width:100%; min-width:1200px; height:600px; background:url(../images/banner.png) no-repeat center top; overflow:hidden; }
.banner img.banner-bg{ display:none; width:100%; height:auto; }
.title{ width:1200px; margin:72px auto 0; text-align:center; }
.title h3{ position:relative; font-size:40px; font-weight:bold; letter-spacing:4px; }
.company-desc{ width:1200px; margin:0 auto; padding:30px 0 30px; overflow:hidden; }
.company-desc p{font-size: 20px;line-height: 28px}
.case-lists{ width:1200px; margin:0 auto; padding:30px 0 88px; overflow:hidden; }
.case-lists .lise-item{ width:110%; margin-left:-16px; }
.case-lists .lise-item li{ position:relative; overflow:hidden; float:left; width:274px; margin:32px 16px 0; padding:50px 0; text-align:center; background-color:#fff; box-shadow: 0 12px 18px rgba(0,0,0,.03); -webkit-box-shadow: 0 12px 18px rgba(0,0,0,.03); border:1px solid #f5f5f5; -webkit-border-radius:20px; border-radius:20px; }
.case-lists a.item{ display:inline-block; max-width:80%; }
.case-lists a.item:hover{ color:#39f; }
.case-lists a.item img{ display:block; width:130px; height:130px; margin:0 auto 22px; -webkit-border-radius:22px; -moz-border-radius:22px; border-radius:22px; }
.case-lists a.item span{ font-size:24px; }
.footer{ position:relative; min-width:1200px; padding:33px 0; font-size:18px; text-align:center; line-height:28px; background-color:#f5f5f5; }
.footer .copyRight{ width:80%; margin:0 auto; padding:3px 0; color:#777; }
.footer a{ color:#333; }
.footer a:hover{ text-decoration: underline; }

@media screen and ( max-width: 1280px ){
	.w1200{ width:100%; }
	.banner{ height:auto; background:#fff; }
	.banner,.footer{ min-width:100%; }
	.banner img.banner-bg{ display:block; width:130%; margin-left:-15%; }
	.title{ width:88%; margin-top:5%; }
	.case-lists{ width:88%; padding:0 0 7%; }
	.company-desc{ width:88%; padding:0 0 7%; }
	.case-lists .lise-item{ width:100%; margin:0; }
	.case-lists .lise-item li{ float:left; width:46%; margin:4% 2% 0; -webkit-box-sizing:border-box; box-sizing:border-box; }
}
@media screen and ( max-width: 720px ){
	.title h3 span{ font-size:32px; }
	.case-lists{ margin-top:10px; }
	.case-lists a.item img{ width:108px; height:108px; -webkit-border-radius:18px; border-radius:18px; }
	.case-lists a.item span{ font-size:18px; }
	.case-lists .lise-item li{ padding:30px 0; }
	.case-lists .lise-item li span.lpn{ width:14px; height:14px; }
	.case-lists .lise-item li span.rpn{ width:10px; height:10px; }
	.footer{ padding:3.5% 0; font-size:16px; line-height:26px; }
}
@media screen and ( max-width: 480px ){
	.title h3 span{ font-size:28px; }
	.case-lists{ padding:0 0 9%; }
	/* .case-lists a.item{ margin-top:32px; } */
	.case-lists a.item img{ width:84px; height:84px; -webkit-border-radius:16px; border-radius:16px; }
/* 	.case-lists .lise-item li{ height:190px; } */
	.footer{ font-size:14px; line-height:22px; }
	.footer .copyRight{ width:70%; }
}
@media screen and ( max-width: 360px ){
	.title h3 span{ font-size:24px; }
	.case-lists{ width:90%; }
	/* .case-lists a.item{ margin-top:28px; } */
	.case-lists a.item img{ width:72px; height:72px; margin-bottom:14px; }
	.case-lists a.item span{ font-size:16px; }
	.case-lists .lise-item li{ height:160px; }
}