<html><head><meta name="color-scheme" content="light dark"></head><body><pre style="word-wrap: break-word; white-space: pre-wrap;">html{font-weight:300;font-size:20px;font-family:"Microsoft YaHei", Arial;}
html,body{-webkit-touch-callout:none;-webkit-text-size-adjust:none;-webkit-tap-highlight-color:rgba(0, 0, 0, 0);-webkit-user-select:none;width:100%;}
body{line-height:1.8;font-weight:300;font-size:0.7rem;color:#333;background-color:#fff;outline:0;}
html,body,header,section,footer,div,ul,ol,li,img,a,span,em,del,legend,center,strong,var,fieldset,form,label,dl,dt,dd,cite,input,hr,time,mark,code,figcaption,figure,textarea,h1,h2,h3,h4,h5,h6,p{margin:0;border:0;padding:0;font-style:normal;}
*{-webkit-box-sizing:border-box;box-sizing:border-box;-webkit-user-select:none;-webkit-tap-highlight-color:transparent;outline:none;}
h1,h2,h3,h4,h5{font-weight:300;}
ul,li{list-style:none;}
p{font-size:0.7rem;color:#757575;}
a{color:#4b4a4a;text-decoration:none;}
a:hover,a.active{outline:0;color:#2552d3;}
textarea{overflow:hidden;resize:none;}
button{overflow:visible;}
button,select{text-transform:none;}
button,input,select,textarea{font:inherit;color:inherit;}
p{word-wrap:break-word;}
input[type="button"]{outline:medium none;}
.button{position:relative;display:inline-block;font-size:0.7rem;font-weight:400;font-family:inherit;text-decoration:none;text-align:center;margin:0;padding:0.25rem 1rem;border-radius:0.2rem;-webkit-box-sizing:border-box;box-sizing:border-box;white-space:nowrap;vertical-align:middle;cursor:pointer;touch-action:manipulation;-webkit-user-select:none;user-select:none;}
.button-outlined{background:transparent !important;border:1px solid #bdbdbd;}
/*åŸºç¡€*/
h1,h2,h3,h4,h5,h6 {
	font-weight: 400;
}
h1 {
	font-size: 1.2rem;
}
h2 {
	font-size: 1rem;
}
h3 {
	font-size: 0.8rem;
}
h4 {
	font-size: 0.7rem;
}
h5 {
	font-size: 0.7rem;
	font-weight: normal;
	color: #757575;
}
h6 {
	font-size: 0.7rem;
	font-weight: normal;
	color: #757575;
}
h1 small,h2 small,h3 small,h4 small {
	font-weight: normal;
	line-height: 1;
	color: #757575;
}
h5 small,h6 small {
	font-weight: normal;
	line-height: 1;
	color: #757575;
}
h1 small,h2 small,h3 small {
	font-size: 65%;
}
h4 small,h5 small,h6 small {
	font-size: 75%;
}
/*æ–‡å­—å¯¹é½*/
.aui-text-left {
	text-align: left !important;
}
.aui-text-center {
	text-align: center !important;
}
.aui-text-justify {
	text-align: justify !important;
}
.aui-text-right {
	text-align: right !important;
}

.aui-font-size-12 {
	font-size: 0.6rem !important;
}
.aui-font-size-14 {
	font-size: 0.7rem !important;
}
.aui-font-size-16 {
	font-size: 0.8rem !important;
}
.aui-font-size-18 {
	font-size: 0.9rem !important;
}
.aui-font-size-20 {
	font-size: 1rem !important;
}
.aui-text-default {
	color: #212121 !important;
}
.aui-text-primary {
	color: #00bcd4 !important;
}
.aui-text-success {
	color: #009688 !important;
}
.aui-text-info {
	color: #03a9f4 !important;
}
.aui-text-warning {
	color: #ffc107 !important;
}
.aui-text-danger {
	color: #e51c23 !important;
}
.aui-text-pink {
	color: #e91e63 !important;
}
.aui-text-purple {
	color: #673ab7 !important;
}
.aui-text-indigo {
	color: #3f51b5 !important;
}
.aui-bg-default {
	background-color: #f5f5f5 !important;
}
.aui-bg-primary {
	background-color: #00bcd4 !important;
}
.aui-bg-success {
	background-color: #009688 !important;
}
.aui-bg-info {
	background-color: #03a9f4 !important;
}
.aui-bg-warning {
	background-color: #f1c40f !important;
}
.aui-bg-danger {
	background-color: #e51c23 !important;
}
.aui-bg-pink {
	background-color: #e91e63 !important;
}
.aui-bg-purple {
	background-color: #673ab7 !important;
}
.aui-bg-indigo {
	background-color: #3f51b5 !important;
}
.aui-content {
	-webkit-overflow-scrolling: touch;
}
.aui-content-padded {
  	padding: 0.75rem;
  	position: relative;
  	-webkit-overflow-scrolling: touch;
}
.aui-content-padded .aui-list:before {
    height: 0;
}
.aui-content-padded .aui-list:after {
    height: 0;
}
.aui-padded-0{padding:0 !important;}
.aui-padded-5{padding:0.25rem !important;}
.aui-padded-10{padding:0.5rem !important;}
.aui-padded-15{padding:0.75rem !important;}
.aui-padded-t-0{padding-top:0 !important;}
.aui-padded-t-5{padding-top:0.25rem !important;}
.aui-padded-t-10{padding-top:0.5rem !important;}
.aui-padded-t-15{padding-top:0.75rem !important;}
.aui-padded-b-0{padding-bottom:0 !important;}
.aui-padded-b-5{padding-bottom:0.25rem !important;}
.aui-padded-b-10{padding-bottom:0.5rem !important;}
.aui-padded-b-15{padding-bottom:0.75rem !important;}
.aui-padded-l-0{padding-left:0 !important;}
.aui-padded-l-5{padding-left:0.25rem !important;}
.aui-padded-l-10{padding-left:0.5rem !important;}
.aui-padded-l-15{padding-left:0.75rem !important;}
.aui-padded-r-0{padding-right:0 !important;}
.aui-padded-r-5{padding-right:0.25rem !important;}
.aui-padded-r-10{padding-right:0.5rem !important;}
.aui-padded-r-15{padding-right:0.75rem !important;}
.aui-margin-t-0{margin-top:0.25rem !important;}
.aui-margin-t-5{margin-top:0 !important;}
.aui-margin-t-10{margin-top:0.5rem !important;}
.aui-margin-t-15{margin-top:0.75rem !important;}
.aui-margin-b-0{margin-bottom:0 !important;}
.aui-margin-b-5{margin-bottom:0.25rem !important;}
.aui-margin-b-10{margin-bottom:0.5rem !important;}
.aui-margin-b-15{margin-bottom:0.75rem !important;}
.aui-margin-l-0{margin-left:0 !important;}
.aui-margin-l-5{margin-left:0.25rem !important;}
.aui-margin-l-10{margin-left:0.5rem !important;}
.aui-margin-l-15{margin-left:0.75rem !important;}
.aui-margin-r-0{margin-right:0 !important;}
.aui-margin-r-5{margin-right:0.25rem !important;}
.aui-margin-r-10{margin-right:0.5rem !important;}
.aui-margin-r-15{margin-right:0.75rem !important;}
.aui-clearfix{clear:both;}
.aui-clearfix:before{display:table;content:"";}
.aui-clearfix:after{clear:both;}

/*æ&nbsp;‡ç­¾*/
.aui-label {
	display: inline-block;
	padding: 0.2em 0.25em;
	font-size: 0.6rem;
	line-height: 1;
	color: #616161;
    background-color: #ededed;
	text-align: center;
	white-space: nowrap;
	vertical-align: middle;
	border-radius: 0.15em;
	position: relative;
}

.aui-label-primary {
	color: #ffffff;
	background-color: #00bcd4;
}
.aui-label-success {
	color: #ffffff;
	background-color: #009688;
}
.aui-label-info {
  color: #ffffff;
  background-color: #3E9DFF;
}
.aui-label-warning {
	color: #ffffff;
	background-color: #F5A623;
}
.aui-label-danger {
	color: #ffffff;
	background-color: #e51c23;
}
.aui-label-outlined {
	background-color: transparent;
	position: relative;
}
.aui-label-outlined:after {
    -webkit-border-radius: 2px;
    border-radius: 2px;
    height: 200%;
    content: '';
    width: 200%;
	border: 1px solid #d9d9d9;
    position: absolute;
    top: -1px;
    left: -1px;
    transform: scale(0.5);
    -webkit-transform: scale(0.5);
    transform-origin: 0 0;
    -webkit-transform-origin: 0 0;
    z-index: 1;
}
.aui-label-outlined.aui-label-primary,
.aui-label-outlined.aui-label-primary:after {
	color: #00bcd4;
	border-color: #00bcd4;
}
.aui-label-outlined.aui-label-success,
.aui-label-outlined.aui-label-success:after {
	color: #009688;
	border-color: #009688;
}
.aui-label-outlined.aui-label-info,
.aui-label-outlined.aui-label-info:after {
  	color: #3E9DFF;
  	border-color: #3E9DFF;
}
.aui-label-outlined.aui-label-warning,
.aui-label-outlined.aui-label-warning:after {
	color: #F5A623;
	border-color: #F5A623;
}
.aui-label-outlined.aui-label-danger,
.aui-label-outlined.aui-label-danger:after {
	color: #e51c23;
	border-color: #e51c23;
}
.aui-label .aui-iconfont {
	font-size: 0.6rem;
}

.aui-info {
	position: relative;
    padding: 0.5rem 0;
    font-size: 0.7rem;
    color: #757575;
    background-color: transparent;
    -webkit-box-sizing: border-box;
    		box-sizing: border-box;
    display: -webkit-box;
    display: -webkit-flex;
    display: flex;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
    		justify-content: space-between;
    -webkit-box-align: center;
    -webkit-align-items: center;
    		align-items: center;

}
/*æ&nbsp;…æ&nbsp;¼*/
.aui-row{overflow:hidden;margin:0;}
.aui-row-padded{margin-left:-0.125rem;margin-right:-0.125rem;}
.aui-row-padded [class*=aui-col-xs-]{padding:0.125rem;}
.aui-col-xs-1,.aui-col-xs-2,.aui-col-xs-3,.aui-col-xs-4,.aui-col-xs-5,.aui-col-xs-6,.aui-col-xs-7,.aui-col-xs-8,.aui-col-xs-9,.aui-col-xs-10,.aui-col-xs-11,.aui-col-xs-5{position:relative;float:left;}
.aui-col-xs-12{width:100%;position:relative;}
.aui-col-xs-11{width:91.66666667%;}
.aui-col-xs-10{width:83.33333333%;}
.aui-col-xs-9{width:75%;}
.aui-col-xs-8{width:66.66666667%;}
.aui-col-xs-7{width:58.33333333%;}
.aui-col-xs-6{width:50%;}
.aui-col-xs-5{width:41.66666667%;}
.aui-col-xs-4{width:33.33333333%;}
.aui-col-xs-3{width:25%;}
.aui-col-xs-2{width:16.66666667%;}
.aui-col-xs-1{width:8.33333333%;}
.aui-col-5{width:20%;}
/*é™åˆ¶è¡Œæ•°*/
.aui-ellipsis-1{overflow:hidden;white-space:nowrap;text-overflow:ellipsis;}
.aui-ellipsis-2{display:-webkit-box;overflow:hidden;text-overflow:ellipsis;word-wrap:break-word;white-space:normal !important;-webkit-line-clamp:2;-webkit-box-orient:vertical;}
/*icon*/
@font-face {
	font-family: "aui_iconfont";
	src: url('aui-iconfont.ttf') format('truetype');
}
.aui-iconfont {
	position: relative;
	font-family:"aui_iconfont" !important;
	font-size: 0.7rem;
	font-style:normal;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
}
.aui-icon-menu:before { content: "\e6eb"; }
.aui-icon-paper:before { content: "\e6ec"; }
.aui-icon-info:before { content: "\e6ed"; }
.aui-icon-question:before { content: "\e6ee"; }
.aui-icon-left:before { content: "\e6f4"; }
.aui-icon-right:before { content: "\e6f5"; }
.aui-icon-top:before { content: "\e6f6"; }
.aui-icon-down:before { content: "\e6f7"; }
.aui-icon-share:before { content: "\e700"; }
.aui-icon-comment:before { content: "\e701"; }
.aui-icon-edit:before { content: "\e6d3"; }
.aui-icon-trash:before { content: "\e6d4"; }
.aui-icon-recovery:before { content: "\e6dc"; }
.aui-icon-refresh:before { content: "\e6dd"; }
.aui-icon-close:before { content: "\e6d8"; }
.aui-icon-cart:before { content: "\e6df"; }
.aui-icon-star:before { content: "\e6e0"; }
.aui-icon-plus:before { content: "\e6e3"; }
.aui-icon-minus:before { content: "\e62d"; }
.aui-icon-correct:before { content: "\e6e5"; }
.aui-icon-search:before { content: "\e6e6"; }
.aui-icon-gear:before { content: "\e6e8"; }
.aui-icon-map:before { content: "\e6d2"; }
.aui-icon-location:before { content: "\e6d1"; }
.aui-icon-image:before { content: "\e6ce"; }
.aui-icon-phone:before { content: "\e6c4"; }
.aui-icon-camera:before { content: "\e6cd"; }
.aui-icon-video:before { content: "\e6cc"; }
.aui-icon-qq:before { content: "\e6cb"; }
.aui-icon-wechat:before { content: "\e6c9"; }
.aui-icon-weibo:before { content: "\e6c8"; }
.aui-icon-note:before { content: "\e6c6"; }
.aui-icon-mail:before { content: "\e6c5"; }
.aui-icon-wechat-circle:before { content: "\e6ca"; }
.aui-icon-home:before { content: "\e706"; }
.aui-icon-forward:before { content: "\e6d9"; }
.aui-icon-back:before { content: "\e6da"; }
.aui-icon-laud:before { content: "\e64b"; }
.aui-icon-lock:before { content: "\e6ef"; }
.aui-icon-unlock:before { content: "\e62f"; }
.aui-icon-like:before { content: "\e62b"; }
.aui-icon-my:before { content: "\e610"; }
.aui-icon-more:before { content: "\e625"; }
.aui-icon-mobile:before { content: "\e697"; }
.aui-icon-calendar:before { content: "\e68a"; }
.aui-icon-date:before { content: "\e68c"; }
.aui-icon-display:before { content: "\e612"; }
.aui-icon-hide:before { content: "\e624"; }
.aui-icon-pencil:before { content: "\e615"; }
.aui-icon-flag:before { content: "\e6f1"; }
.aui-icon-cert:before { content: "\e704"; }

/*å®½åº¦*/
.wrap{width:60rem;margin:0 auto;}

/*top*/
.header{width:100%;height:3.5rem;margin:0 auto;position:fixed;top:1rem;z-index:9;}
.header h1{width:10rem;float:left;display:block;padding-top:0.5rem;padding-left:0.75rem;}
.header h1 a{width:6.5rem;height:2.5rem;display:block;background:url('../image/logo.png')no-repeat left center;background-size:auto 100%;}
.header .nav{padding-left:9rem;text-align:right;padding:0.8rem 0.75rem;}
.header .nav li{line-height:2rem;display:inline-block;padding:0 1.5rem;}
.header .nav li a{color:#f0f0f0;position:relative;display:block;box-sizing:border-box;font-size:0.9rem;font-weight:300;transition:background-color 0.1s linear, color 0.1s linear;}
.header .nav li a:before{content:"";position:absolute;width:100%;height:0.1rem;bottom:0;left:0;background-color:#f0f0f0;visibility:hidden;-webkit-transform:scaleX(0);
    transform:scaleX(0);-webkit-transition:all 0.3s ease-in-out 0s;transition:all 0.3s ease-in-out 0s;}
.header .nav li a:hover:before{visibility:visible;-webkit-transform:scaleX(1);transform:scaleX(1);}
.header .nav li a.active:before{visibility:visible;-webkit-transform:scaleX(1);transform:scaleX(1);}
/*åç™½å¯¼èˆª*/
.headerWhite{top:0;background:rgba(255,255,255,0.95);border-bottom:1px solid #ebebeb;z-index:9999;}
.headerWhite h1 a{background:url('../image/logo-full.png')no-repeat left center;background-size:auto 100%;margin-top:0.2rem;}
.headerWhite .nav li a{color:#333;}
.headerWhite .nav li a:hover{color:#2552d3;}
.headerWhite .nav li a:before{background-color:#2552d3;}
.headerWhite .nav li a.active{color:#2552d3;}
/*mobileMenu*/
.mobileMenu{width:2.75rem;height:2.75rem;float:right;margin-right:0.75rem;/*margin-top:0.3rem;*/position:relative;display:none;}
.mobileMenu span.aui-iconfont{width:3rem;height:3rem;line-height:3rem;font-size:2rem;text-align:center;color:#f4f4f4;float:left;}
/*.headerWhite h1{padding-top:0;}*/
.headerWhite .mobileMenu span.aui-iconfont{color:#333;}
.mobileMenu ul{width:10rem;position:absolute;top:3.3rem;right:0;background:rgba(255,255,255,1);padding:0.5rem;border-radius:0.2rem;display:none;}
.headerWhite .mobileMenu ul{border:1px solid #ebebeb;}
.mobileMenu ul:after{content:'';padding:0.5rem;background:rgba(255,255,255,1);border-top:1px solid #ebebeb;border-right:1px solid #ebebeb;position:absolute;right:0.75rem;top:-0.5rem;-webkit-transform:rotate(-45deg);transform:rotate(-45deg);}
.mobileMenu ul li{width:100%;line-height:2rem;font-size:1rem;padding:0.5rem 0;text-align:center;font-weight:400;}
.mobileMenu ul li a{display:block;}
/*å¹¿å‘Šå›¾*/
.banner{width:100%;height:50rem;background-color:#000;margin-bottom:4rem;}
.banner &gt; .bg{width:100%;height:100%;display:table;background-size:100% auto;background-repeat:no-repeat;background-position:center center;position:relative;}
.banner &gt; .bg &gt; .more{position:absolute;bottom:1.75rem;margin:0;width:100%;text-align:center;}
.banner &gt; .bg &gt; .more a{opacity:0;color:#fff;-webkit-transition:opacity .3s ease;-moz-transition:opacity .3s ease;transition:opacity .3s ease;}
.banner &gt; .bg &gt; .more a img{width:2rem;height:2rem;}
.banner &gt; .bg:hover a{opacity:1;}
/*å¹¿å‘Šè¯­*/
.caption{width:100%;text-align:center;color:#fff;position:absolute;top:50%;-webkit-transform:translateY(-50%);transform:translateY(-50%);}
.caption h2{color:#f4f4f4;font-size:1.5rem;font-weight:100;}
.caption p{font-size:0.75rem;font-weight:100;margin:1rem 0;}
.caption p strong{font-weight:normal; padding:0 0.5rem;}
.caption p strong a{color:#9a9a9a;}
.caption span{color:#9a9a9a;letter-spacing:0.25rem;font-size:0.85rem;}
/*å†…é¡µå¹¿å‘Šè¯­*/
.forPage h2{font-size:2rem;font-weight:bold;}

/*é€šç”¨title*/
.section-title{margin-bottom:1.5rem;text-align:center;padding:0 0.75rem;}
.section-title h2{position:relative;font-size:1.7rem;font-weight:300;color:#000;margin-bottom:0.5rem;}
.section-title p{color:#999;font-size:0.8rem;letter-spacing:0.1em;font-weight:100;}

/*æœåŠ¡*/
ul.brandsShow{margin:0 auto;overflow:hidden;margin-bottom:3rem;}
ul.brandsShow li{width:33.3333%;float:left;box-sizing:border-box;padding:0 1rem;}
ul.brandsShow li:hover .back{transform:rotateY(0deg);-webkit-transform:rotateY(0deg);-moz-transform:rotateY(0deg);-ms-transform:rotateY(0deg);-o-transform:rotateY(0deg);}
ul.brandsShow li:hover .front{transform:rotateY(180deg);-webkit-transform:rotateY(180deg);-moz-transform:rotateY(180deg);-ms-transform:rotateY(180deg);-o-transform:rotateY(180deg);}
ul.brandsShow li a{display:block;height:12rem;overflow:hidden;transition:transform 0.6s ease-out;transition:transform .5s ease-in-out;-webkit-transition:transform .5s ease-in-out;-moz-transition:transform .5s ease-in-out;-ms-transition:transform .5s ease-in-out;-o-transition:transform .5s ease-in-out;-webkit-transform-style:preserve-3d;-moz-transform-style:preserve-3d;-ms-transform-style:preserve-3d;-o-transform-style:preserve-3d;transform-style:preserve-3d;display:block;position:relative;}
ul.brandsShow li .front,
ul.brandsShow li .back{width:100%;text-align:center;backface-visibility:hidden;transition:0.6s ease-out;-webkit-transition:.6s ease-out;-webkit-transform-style:preserve-3d;-moz-transform-style:preserve-3d;-ms-transform-style:preserve-3d;-o-transform-style:preserve-3d;transform-style:preserve-3d;position:absolute;top:0;left:0;}
ul.brandsShow li .front{transform:rotateY(0deg);transform:rotateY(0deg);-webkit-transform:rotateY(0deg);-moz-transform:rotateY(0deg);-ms-transform:rotateY(0deg);-o-transform:rotateY(0deg);}
ul.brandsShow li .back{transform:rotateY(-180deg);transform:rotateY(-180deg);-webkit-transform:rotateY(-180deg);-moz-transform:rotateY(-180deg);
-ms-transform:rotateY(-180deg);-o-transform:rotateY(-180deg);color:#000;}
ul.brandsShow li a img{width:30%;}
ul.brandsShow li a h5{font-size:1.05rem;font-weight:300;margin:0.75rem 0;}
ul.brandsShow li a p{display:block;height:5rem;font-size:0.75rem;font-weight:100;}
ul.brandsShow li a span{display:table;margin:0 auto;margin-top:1rem;padding:0.25rem 1.5rem;background:#2552d3;color:#fff;line-height:1.2rem;font-size:0.75rem;}
ul.brandsShow li a span i{font-size:0.4rem !important;margin-left:0.25rem;}

/*æ¡ˆä¾‹å±•ç¤º*/
ul.caselist{margin:1rem auto;overflow:hidden;padding-right:1rem;}
ul.caselist li{width:33.33333%;float:left;padding:0 0 1rem 1rem;box-sizing:border-box;overflow:hidden;}
ul.caselist li a{display:block;overflow:hidden;position:relative;}
ul.caselist li a img{width:100%;float:left;-webkit-transition-duration:0.3s;transition-duration:0.3s;-webkit-transition-property:transform;transition-property:transform;}
ul.caselist li a:hover img{-webkit-transform:scale(1.1);transform:scale(1.1);}
ul.caselist li p{text-align:left;font-size:0.7rem;color:#999;line-height:1.1rem;height:2.2rem;overflow:hidden;}
ul.caselist li h2{text-align:left;font-size:0.9rem;font-weight:200;margin:0.2rem 0;}
a.viewmore{border:1px solid #333;color:#333;padding:0.5rem 2rem;font-size:0.8rem;display:table;margin:3rem auto;font-weight:400;}
a.viewmore:hover{border:1px solid #2552d3;background:#2552d3;color:#fff;}

/*è‡ªç„¶åˆ†å‰²æ¨¡å—*/
.partition{width:100%;height:auto;background-position:center center;background-size:100% 100%;background-repeat:no-repeat;background-attachment:fixed;margin-bottom:3rem;}
.partition .content{display:table;margin:0 auto;position:relative;padding:8rem 0;}
.partition .content *{color:#dbdbdb;}
.partition.forFull .content *{color:#333;}
.partition .content p{font-size:0.8rem;text-align:center;letter-spacing:0.1rem;}
.partition .content [class*=aui-col-xs-]{padding:1rem 2rem;}
.partition .content [class*=aui-col-xs-] span{display:table;float:left;width:4rem;height:4rem;padding:1rem;margin-right:0.5rem;}
.partition .content [class*=aui-col-xs-] span img{width:2rem;height:2rem;}
.partition .content [class*=aui-col-xs-] h5{font-size:1rem;}
.partition .content [class*=aui-col-xs-] p{font-size:0.7rem;text-align:left;letter-spacing:0.05rem;line-height:1rem;}
	
/*è”ç³»æˆ‘ä»¬*/
.contact{overflow:hidden;margin-bottom:0.5rem;}
.contact ul{width:100%;overflow:hidden;margin:0 auto;padding-right:0.75rem;}
.contact ul li{float:left;padding-left:0.75rem;width:25%;margin-bottom:1rem;}
.contact ul li input{width:100%;height:2.35rem;border:#D9D9D9 1px solid;color:#333;text-align:left;padding-left:0.5rem;}
.map{overflow:hidden;display:table;padding:0.75rem;}
.contact-list{overflow:hidden;margin:0 auto;padding-bottom:3rem;padding-left:0.75rem;}
.contact-list &gt; div{width:50%;font-size:0.8rem;float:left;text-align:left;padding-top:2rem;padding-right:0.75rem;}
/*.contact-list .fr{width:50%;float:left;font-size:0.9rem;line-height:1.4rem;margin-top:2.5rem;padding:0.25rem;}*/

/*åº•éƒ¨*/
.footer{font-size:0.75rem;padding:3rem 0.75rem;overflow:hidden;}
.footer,.footer *{color:#999;}
.footer .column{width:25%;margin-left:0;padding-right:0.75rem;float:left;}
.footer .column h4{margin-bottom:1rem;}
.footer ul{margin-bottom:1rem;overflow:hidden;}
.footer ul li{width:100%;padding:0.2rem 0;font-size:0.7rem;}
.footer ul li a{display:inline-block;}
.footer .news ul li a{display:block;}
form input{-webkit-user-select:text !important}

/*å…³äºŽæˆ‘ä»¬*/
.box2{text-align:center;}
.box2 .top{padding:3rem 0 2rem;}
.box2 .top h1{color:#282828;font-size:1.9rem;font-weight:bold;line-height:2.5rem;margin-bottom:0.5rem;}
.box2 .top p{color:#656565;font-size:1rem;}
.box2 .txt{color:#3f3f3f;font-size:0.7rem;line-height:1.2rem;padding-bottom:1.8rem;}
.box2 .txt p{margin-bottom:1.2rem;font-size:0.8rem;font-weight:300;}
.diffrent{padding-top:1rem;text-align:center;}
.diffrent .p1{background:#fff none repeat scroll 0 0;color:#000;font-size:1.5rem;line-height:6rem;}
.diffrent .p2{background:#fff none repeat scroll 0 0;line-height:2rem;padding-bottom:2rem;}
.diffrent .p2 a{background:#cd6120 none repeat scroll 0 0;border:1px solid #cd6120;border-radius:0.5rem;color:#fff;font-size:0.8rem;line-height:1.5rem;padding:0.3rem 1rem;text-decoration:none;}
.diffrent .p2 a:hover{background:#e57f42 none repeat scroll 0 0;}

/*æ–°é—»åˆ—è¡¨äºŒçº§åˆ—è¡¨é¡µ*/
.newsContent{overflow:hidden;position:relative;margin-bottom:5rem;}
.list{width:74.05%;float:left;min-height:1px;margin-right:1.5%;padding-left:0.75rem;}
.item{padding:1.75rem 0;margin-right:2rem;overflow:hidden;border-bottom:1px solid #dbdbdb;}
.item:first-child{padding-top:0;}
.item:last-child{border:0;}
.item .item-column{width:20%;float:left;overflow:hidden;}
.item .item-column img{width:auto;max-width:100%;height:auto;}
.item .item-content{width:80%;float:left;padding-left:7%;overflow:hidden;}
.item .item-content h2{font-size:1rem;margin-bottom:0.25rem;line-height:1.4rem;}
.item .item-content h5{margin-top:0.5rem;font-size:0.7rem;}
.item .item-content h5 b{font-weight:300;}
.list-bar{width:23.87%;float:left;padding-left:0.75rem;}
.list-bar ul{padding-right:0.75rem;}
.list-bar ul li{width:auto;overflow:hidden;text-overflow:ellipsis;padding:0.5rem 0;}
.list-bar ul li a{display:block;font-size:0.75rem;line-height:1rem;}

/*åˆ†é¡µ*/
.pageModel{width:100%;font-size:0.65rem;overflow:hidden;text-align:center;margin:2rem 0;}
.pageModel a{display:inline-block;border:1px solid #ddd;line-height:1.5rem;padding:0 0.75rem;margin:0 0.2rem;color:#666;overflow:hidden;font-size:0.65rem;}
.pageModel a:hover,
.pageModel a.active{background:#2552d3;color:#fff;border:1px solid #2552d3;text-decoration:none;}

/*è¯¢ç›˜å¼¹å‡ºå±‚*/
.inquiry{width:100%;height:100%;position:fixed;left:0;top:0;z-index:9999;background:rgba(0,0,0,0.5);}
.inquiry &gt; div{width:100%;max-width:35rem;height:auto;background:#fff;position:absolute;left:50%;top:40%;-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%);}
.inquiry &gt; div .close{padding:0.75rem;width:0;height:0;position:absolute;right:0;top:0;background:#2552d3 url('../image/close.png')no-repeat center center;background-size:0.75rem auto;cursor:pointer;}
ul.leftBlock{width:55%;float:left;padding:0.7rem 1.4rem;}
ul.leftBlock h2,ul.leftBlock p{text-align:center;}
ul.leftBlock li{border:1px solid #ebebeb;line-height:2rem;padding:0 0.5rem;margin-top:0.5rem;}
ul.leftBlock li input{width:100%;}
button.submit{width:100%;line-height:2.2rem;margin:1rem auto;text-align:center;display:block;background:#2552d3;color:#fff;cursor:pointer;border:0;}
button.submit:hover{background:#0e3cbe;}
.rightContent{width:45%;float:left;padding:1.8rem 1rem 0 1rem;}
.rightContent h4{font-size:1rem;}
.rightContent p{margin-bottom:0.75rem;}

/*å³ä¾§æµ®åŠ¨æ&nbsp;ç›®*/
.rightBar{position:fixed;right:0;margin-right:1rem;bottom:4rem;z-index:999;}
.rightBar .btn-qq{background:#6da9de url(../image/rightBtnQQ.png) center center no-repeat;}
.rightBar .btn-qq:hover{background-color:#488bc7;}
.rightBar .btn-wx{background:#78c340 url(../image/rightBtnWechat.png) center center no-repeat;}
.rightBar .btn-wx area{padding:4.5rem;position:absolute;left:-9rem;top:0;background:#fff url('../image/wechatCode.jpg') no-repeat center center;background-size:cover;display:none;}
.rightBar .btn-wx:hover{background-color:#58a81c;}
.rightBar .btn-wx:hover area{display:block;}
.rightBar .btn-phone{background:#fbb01f url(../image/rightBtnIphone.png) center center no-repeat;}
.rightBar .btn-phone span{width:12rem;line-height:2.5rem;background:#ff811b;position:absolute;right:2.5rem;top:0;color:#FFF;text-align:center;font-size:0.9rem;display:none;}
.rightBar .btn-phone:hover{background-color:#ff811b;}
.rightBar .btn-phone:hover span{display:block;}
.rightBar .btn-top{background:#666 url(../image/rightBtnTop.png) center center no-repeat;display:none;}
.rightBar .btn-top:hover{background-color:#444;}
.rightBar .btn{width:2.5rem;height:2.5rem;margin-bottom:0.1rem;cursor:pointer;position:relative;display:block;background-size:50% auto;}

/*åˆ†é¡µæ&nbsp;·å¼*/  
.pagination{text-align:center;margin-top:20px;margin-bottom: 20px;}  
.pagination li{display:inline-block;border:1px solid #ddd;line-height:1.5rem;padding:0 0.75rem;margin: 0 0.2rem;color:#666;overflow:hidden;font-size:0.65rem;}
.pagination .active{background:#2552d3;color:#fff;border:1px solid #2552d3;text-decoration:none;}  
.pagination .disabled{color:#aaa;}


.item-content &gt; p{width:auto;line-height:20px;max-height:60px;overflow:hidden;text-overflow:ellipsis;}


@media screen and (max-width:1200px){
	.wrap{width:100%;}
	ul.brandsShow li .front{display:none;}
	ul.brandsShow li .back{transform:rotateY(0deg);}
	/*ul.brandsShow li .back{transform:rotateY(0deg);-webkit-transform:rotateY(0deg);-moz-transform:rotateY(0deg);-ms-transform:rotateY(0deg);-o-transform:rotateY(0deg);}*/
}
@media screen and (max-width:1024px){
	.wrap{width:100%;}
	ul.brandsShow li .front{display:none;}
	ul.brandsShow li .back{transform:rotateY(0deg);}
	.banner{height:45rem;}
	.banner &gt; .bg{background-size:140% auto;}
	.partition .content [class*=aui-col-xs-],
	ul.caselist li{width:50%;}
	.partition .content{padding:4rem 0;}
}
@media screen and (max-width:960px){
	.wrap{width:100%;}
	ul.brandsShow li .front{display:none;}
	ul.brandsShow li .back{transform:rotateY(0deg);}
	.banner{height:40rem;}
	.banner &gt; .bg{background-size:150% auto;}
	.partition .content [class*=aui-col-xs-],
	ul.caselist li{width:50%;}	
	.partition .content{padding:4rem 0;}
}
@media screen and (max-width:767px){
	html{font-size:18px !important;}
	.wrap{width:100%;}
	ul.brandsShow li .front{display:none;}
	ul.brandsShow li .back{transform:rotateY(0deg);}
	.banner{height:35rem;}
	.banner &gt; .bg{background-size:240% auto;}
	ul.brandsShow li{width:50%;}
	.partition .content [class*=aui-col-xs-],
	ul.caselist li,
	.contact ul li,
	.contact-list .fl,
	.contact-list .fr,
	.footer .column{width:100%;}	
	.partition .content{padding:2rem 0;}
	#nav{display:none;}
	#mobileMenu{display:block;}

	.newsContent .list,
	.newsContent .list-bar{width:100%;}
}
@media screen and (max-width:414px){
	ul.brandsShow li .front{display:none;}
	ul.brandsShow li .back{transform:rotateY(0deg);}
}
@media screen and (max-width:375px){
	ul.brandsShow li .front{display:none;}
	ul.brandsShow li .back{transform:rotateY(0deg);}
	.banner{height:26rem;}
	.banner &gt; .bg{background-size:260% auto;}
}
@media screen and (max-width:320px){
	html{
		font-size:15px !important;
	}
}






</pre></body></html>