@charset "utf-8";
/* CSS Document */
html{color:#666;-webkit-text-size-adjust: 100%;-ms-text-size-adjust: 100%;font-size: 62.5%;}
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,legend,input,textarea,p,blockquote,th,td,hr,button,article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section {margin:0;padding:0;}
ol,ul,li {list-style:none;}
h1,h2{ font-weight:bold}
em,i{ font-style:normal}
a{text-decoration: none;display:inline}
img{border:none; width:100%; display:block}
.fl, .fr{_display: inline;}
.fl{float: left;}
.fr{float: right;}
.cl { clear:both;}
.cl:after { content:"."; visibility:hidden; height:0; font-size:0; display:block; clear:both;}
.pr{ position:relative}


.mt20{ margin-top:0.2rem}
.mt30{ margin-top:0.3rem}
.mt40{ margin-top:0.4rem;}
.mt50{ margin-top:0.5rem}
.mt60{ margin-top:0.6rem}


html, body {position: relative; height: 100%; } 
body {background: #fff; font-size:0.24rem; color:#666; margin: 0; padding: 0;font-family: 'Microsoft YaHei'; max-width:750px; margin:0 auto } 
.swiper-container { width: 100%; height: 100%; }
.swiper-slide {position: relative;display: -webkit-box; display: -ms-flexbox; display: -webkit-flex; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; -webkit-justify-content: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; -webkit-align-items: center; align-items: center; }
.content{ width:94%; overflow:hidden; margin:-40px auto 0; } 
.txt{ font-size:0.24rem; text-align:justify; line-height:0.4rem; text-indent:2em}
.mtt100{ margin-top:-100px}


.bg01{ background:url(img/bg01.jpg) no-repeat center top; background-size:100%;}
.bg02{ background:url(img/bg02.jpg) no-repeat center; background-size:100%;}
.bg03{ background:url(img/bg03.jpg) no-repeat center; background-size:100%;}
.home .zttxt{ margin-bottom:0.3rem;}
.home p{ font-size:0.24rem; text-align:justify; line-height:0.4rem; color:#fff}
.home p i{ display:inline-block; background:url(img/jt.png) no-repeat; width:0.2rem; height:0.21rem; background-size:100%;}

.dy img{ width:1.6rem; height:1.74rem; margin:0 auto}
.dy h2{ font-size:0.4rem; font-family:"宋体"; text-align:center; padding:0.2rem 0}
.dy p{ margin-bottom:0.2rem;}


.menu ul li{ width:60%; height:1.2rem; line-height:1.2rem; padding:0 5%; margin:0 15% 0.45rem 15%; float:left; background:#b19a74; font-size:0.4rem; font-family:'宋体'; color:#fff}
.menu ul li i{ display:inline-block;width: 0;height: 0;border-top: 10px solid transparent; border-bottom: 10px solid transparent; border-left: 10px solid #fff; margin-right:0.4rem; vertical-align:middle   }
.menu ul li em{ text-transform:uppercase; font-size:0.24rem; font-family:Arial; padding-left:0.2rem;}

.title{ width:100%; text-align:center; font-family:'宋体'; margin-bottom:0.3rem; }
.title h2{ font-size:0.4rem;}
.title h2 b{ display:inline-block; width:0.55rem; height:0.55rem; background:#b19a74; border-radius:100%;color:#fff; text-align:center; line-height:0.55rem; font-weight:normal;}
.title p{ font-weight:bold; font-size:0.34rem;}
.title p b{ display:inline-block; width:0.55rem; height:0.55rem; text-align:center; line-height:0.55rem; border:1px solid #b19a74; border-radius:100%; color:#b19a74}

.page b{ display:block; width:100%; text-align:center; font-family:'宋体'; padding:0.2rem 0}
.page p.link{  width:100%; text-align:center; }
.page p.link a{ display:inline-block;color:#b19a74; border-bottom:1px solid #b19a74; padding:0.2rem 0 0 0}
.end img{ width:1.4rem; height:1.28rem; margin:0 auto}
.end h2{font-size:0.4rem; font-family:"宋体"; text-align:center; padding:0.2rem 0; color:#fff}
.end p{ color:#fff;}

.brand ul{ overflow:hidden}
.brand ul li{ width:49%; margin-bottom:0.1rem;}
.brand ul li img{ width:2.77rem; height:0.99rem; border:1px solid #666}
.brand ul li:nth-child(even){ float:right}
.brand ul li:nth-child(odd){ float:left}
.brand ul li:nth-child(even) img{ float:left}
.brand ul li:nth-child(odd) img{ float:right}

.team{ width:100%; border:2px solid #000; box-sizing:border-box; padding-bottom:0.2rem;}
.team h2{ text-align:center; margin-top:-0.4rem; color:#333}
.team h2 b{ display:inline-block; font-size:0.36rem; font-weight:normal; background:#fff; padding:0 0.3rem;}
.team h2 em{text-transform:uppercase; font-size:0.14rem; vertical-align:top}
.team p{ width:50%; float:left; text-indent:1.5em; line-height:0.4rem; color:#333}
.team p:nth-child(even){ width:40%}
.team p:nth-child(odd){ width:60%}
.cglg{ width:3.69rem; height:0.5rem; margin:0.1rem auto}
.back{ width:100%; text-align:center; margin:0.3rem 0 0 0; display:none}
.back a{ display:inline-block; padding:0 0.5rem; line-height:0.6rem; font-size:0.3rem; color:#fff; background:#b59e78; border-radius:5px;}
.swiper-pagination-bullet-active{ background:#b19a74}
.swiper-pagination{ position:static}



#array{	position:absolute;z-index:999;-webkit-animation: start 1.5s infinite ease-in-out;	width:0.47rem;height: 0.49rem;	bottom: 30px;left:45%;}
@-webkit-keyframes start {
	0%,30% {opacity: 0;-webkit-transform: translate(0,10px);}
	60% {opacity: 1;-webkit-transform: translate(0,0);}
	100% {opacity: 0;-webkit-transform: translate(0,-8px);}
}
@-moz-keyframes start {
	0%,30% {opacity: 0;-moz-transform: translate(0,10px);}
	60% {opacity: 1;-moz-transform: translate(0,0);}
	100% {opacity: 0;-moz-transform: translate(0,-8px);}
}
@keyframes start {
	0%,30% {opacity: 0;transform: translate(0,10px);}
	60% {opacity: 1;transform: translate(0,0);}
	100% {opacity: 0;transform: translate(0,-8px);}
}

@keyframes fade{
	from{ opacity:0}
	to{ opacity:1}
}
@-webkit-keyframes fade{
	from{ opacity:0}
	to{ opacity:1}
}
@-moz-keyframes fade{
	from{ opacity:0}
	to{ opacity:1}
}

footer{ display:none}