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

.appnone {
	appearance:none; -moz-appearance:none; -webkit-appearance:none;
}
.hr {
	height:1px;
	border:none; border-top:1px dotted #ddd;
}
.clearfix {
	display:block;
	content:"";
	height:0; line-height:normal; overflow:hidden;
	clear:both;
}
.web-main{
	display:block; margin:0 auto;
	width:1200px; height:auto;
}


/* jmr-page */
.jmr-page {
	display:block; margin:0 auto;
	width:100%; height:auto; overflow:hidden;
	padding:20px 0;
}
.jmr-page .left-box {
	float:left; display:inline-block;
	margin-left:12px;
	width:auto; height:auto;
	vertical-align:middle;
}
.jmr-page .left-box li {
	float:left; display:inline-block; margin-right:2px;
	width:auto; height:auto;
	text-align:-moz-center!important; text-align:center;
}
.jmr-page .left-box li span {
	display:block;
	color:#999;
	padding:5px 8px 4px 8px;
	border:1px solid #ddd;
	-webkit-border-radius:2px; -moz-border-radius:2px; border-radius:2px;
}
.jmr-page .left-box li a {
	display:block;
	padding:5px 8px 4px 8px;
	border:1px solid #ddd;
	-webkit-border-radius:2px; -moz-border-radius:2px; border-radius:2px;
	
	transition-property:background-color, border-color, color;
	-moz-transition-property:background-color, border-color, color;
	-webkit-transition-property:background-color, border-color, color;
	-o-transition-property:background-color, border-color, color;
	
	transition-duration:0.2s;
	-moz-transition-duration:0.2s;
	-webkit-transition-duration:0.2s;
	-o-transition-duration:0.2s;
	
	transition-timing-function:linear;
	-moz-transition-timing-function:linear;
	-webkit-transition-timing-function:linear;
	-o-transition-timing-function:linear;
}
.jmr-page .left-box li a:hover {
	border-color:#c8daee;
	background-color:#f4f9ff;
}
.jmr-page .left-box li a.active {
	background-color:#e4e9ee;
}



.swiper-container {
	width:100%; height:100%;
}
.swiper-slide {
	text-align:center;
	background-color:#fff;
	background-position:center center;
	background-repeat:no-repeat;
	background-size:cover;
	
	display:-webkit-box; display:-ms-flexbox; display:-webkit-flex; display:flex;
	-webkit-box-pack:top;
	-ms-flex-pack:top;
	-webkit-justify-content:top;
	justify-content:top;
	-webkit-box-align:top;
	-ms-flex-align:top;
	-webkit-align-items:top;
	align-items:top;
}



/* .main-title */
.main-title {
	display:block;
	width:100%; height:auto; overflow:hidden;
	margin:0 auto; padding:20px 0;
	background:url(../images/p-01-gray.png) center bottom no-repeat;
	text-align:-moz-center!important; text-align:center;
}
.main-title-opa {
	background-image:url(../images/p-01-opa.png);
}
.main-title > h1, .main-title > big {
	display:block;
	width:auto; height:auto; line-height:1.6;
	margin:0 auto; padding:0;
	font-size:32px; color:#333; font-weight:bold;
}
.main-title > small {
	display:block;
	width:auto; height:auto; line-height:1.6;
	margin:0 auto; padding:0;
	font-size:20px; color:rgba(0,0,0,0.4); font-family:Arial,Helvetica,sans-serif;
	text-transform:uppercase;
}



/* header */
header {
	position:relative; z-index:10;
	display:block;
	width:100%; height:100px; overflow:hidden;
	margin:0 auto;
	background-color:rgba(11,13,38,0);
	
	transition-property:background-color;
	-moz-transition-property:background-color;
	-webkit-transition-property:background-color;
	-o-transition-property:background-colo;
	
	transition-duration:0.2s;
	-moz-transition-duration:0.2s;
	-webkit-transition-duration:0.2s;
	-o-transition-duration:0.2s;
	
	transition-timing-function:linear;
	-moz-transition-timing-function:linear;
	-webkit-transition-timing-function:linear;
	-o-transition-timing-function:linear;
}
header .web-main {
	overflow:hidden;
	
	transition-property:width;
	-moz-transition-property:width;
	-webkit-transition-property:width;
	-o-transition-property:width;
	
	transition-duration:0.2s;
	-moz-transition-duration:0.2s;
	-webkit-transition-duration:0.2s;
	-o-transition-duration:0.2s;
	
	transition-timing-function:linear;
	-moz-transition-timing-function:linear;
	-webkit-transition-timing-function:linear;
	-o-transition-timing-function:linear;
}
header logo {
	float:left; display:inline-block;
	width:330px; height:100px; overflow:hidden;
	background:url(../images/logo-douyinbo.png) center center no-repeat; background-size:cover;
	
	transition-property:width, height, margin-top;
	-moz-transition-property:width, height, margin-top;
	-webkit-transition-property:width, height, margin-top;
	-o-transition-property:width, height, margin-top;
	
	transition-duration:0.2s;
	-moz-transition-duration:0.2s;
	-webkit-transition-duration:0.2s;
	-o-transition-duration:0.2s;
	
	transition-timing-function:linear;
	-moz-transition-timing-function:linear;
	-webkit-transition-timing-function:linear;
	-o-transition-timing-function:linear;
}
header logo > a {
	display:block;
	width:100%; height:100%; overflow:hidden;
	text-indent:-999px;
}
header nav {
	float:right; display:inline-block;
	width:auto; height:50px; overflow:hidden;
	margin:25px 0 0 0;
	font-size:0;
}
header nav a {
	display:inline-block;
	width:auto; height:50px; line-height:50px;
	padding:0 25px;
	font-size:15px;
}
header nav a:link {color:#fff;}
header nav a:visited {color:#fff;}
header nav a:hover {color:#ffe84e;}
header nav a:active {color:#ffe84e;}

header nav a.active {color:#2ef7bc;}







/* footer */
footer {
	display:block;
	width:100%; height:600px; overflow:hidden;
	margin:0 auto;
	background:url(../images/pic-05.jpg) center center no-repeat;
}
footer > .web-main {
	position:relative;
	height:100%;
	overflow:hidden;
}
footer .content {
	display:block;
	width:100%; height:auto; overflow:hidden;
	margin:66px auto 0 auto; padding-bottom:50px;
	border-bottom:1px solid rgba(49,79,99,0.5);
}
footer .content .about {
	float:left; display:inline-block;
	width:540px; height:auto; overflow:hidden;
}
footer .content .about > logo {
	display:block;
	width:420px; height:78px; overflow:hidden;
	background:url(../images/logo-douyinbo-footer.png) no-repeat;
}
footer .content .about > p {
	display:inline-block;
	width:auto; height:auto; line-height:2.4; overflow:hidden;
	margin:22px 0 0 0; padding:0;
	font-size:14px; color:#89a4be;
	text-indent:2em;
}

footer .content .qr {
	float:right; display:inline-block;
	width:auto; height:auto; overflow:hidden;
	margin:34px 0 0 0;
	font-size:0;
}
footer .content .qr > .list {
	display:inline-block;
	width:240px; height:auto; overflow:hidden;
	text-align:-moz-center!important; text-align:center;
}
footer .content .qr > .list > img {
	display:block;
	margin:0 auto 22px auto;
}
footer .content .qr > .list > i {
	display:block;
	width:140px; height:28px; line-height:28px;
	margin:0 auto;
	font-size:14px; color:#89a4be; font-style:normal;
	background:url(../images/p-03.png) center center no-repeat;
}

footer .foot-menu {
	display:block;
	width:auto; height:56px; line-height:56px;
	font-size:14px;
	text-align:-moz-center!important; text-align:center;
}
footer .foot-menu a:link {color:#89a4be;}
footer .foot-menu a:visited {color:#89a4be;}
footer .foot-menu a:hover {color:#fff4ac;}
footer .foot-menu a:active {color:#fff4ac;}
footer .foot-menu font {
	display:inline-block;
	padding:0 24px;
}

footer .copy {
	display:block;
	width:auto; height:auto; line-height:2; overflow:hidden;
	margin:20px auto 0 auto;
	font-size:14px; color:#65798d;
	text-align:-moz-center!important; text-align:center;
}
footer .copy a:link {color:#65798d;}
footer .copy a:visited {color:#65798d;}
footer .copy a:hover {color:#65798d;}
footer .copy a:active {color:#65798d;}

footer .friendlink {
	position:absolute; left:0; bottom:10px;
	display:block;
	width:auto; height:auto;
	margin:0; padding:10px;
	font-size:12px; color:#65798d;
}
footer .friendlink a {
	display:inline-block;
	padding:0 8px;
}
footer .friendlink a:link {color:#65798d;}
footer .friendlink a:visited {color:#65798d;}
footer .friendlink a:hover {color:#65798d;}
footer .friendlink a:active {color:#65798d;}




#layer_bg {
	position:absolute; z-index:1000; left:0; top:0;
	display:block;
	width:100%; height:auto; overflow:hidden;
	background-color:rgba(0,0,0,0);
	
	transition-property:background-color;
	-moz-transition-property:background-color;
	-webkit-transition-property:background-color;
	-o-transition-property:background-color;
	
	transition-duration:0.2s;
	-moz-transition-duration:0.2s;
	-webkit-transition-duration:0.2s;
	-o-transition-duration:0.2s;
	
	transition-timing-function:linear;
	-moz-transition-timing-function:linear;
	-webkit-transition-timing-function:linear;
	-o-transition-timing-function:linear;
}

#layer_contact {
	position:fixed; z-index:1001; left:0; top:0;
	display:none;
	width:380px; height:360px; overflow:hidden;
	background:#fff;
	border-top:4px solid #26b8a2;
	-webkit-box-shadow:rgba(0,0,0,0.3) 0 0 10px; -moz-box-shadow:rgba(0,0,0,0.3) 0 0 10px; box-shadow:rgba(0,0,0,0.3) 0 0 10px;
}
#layer_contact .content {
	display:block;
	width:310px; height:auto; overflow:hidden;
	margin:35px auto 0 auto;
}
#layer_contact .box {
	display:inline-block;
	width:135px; height:auto; overflow:hidden;
	text-align:-moz-center!important; text-align:center;
}
#layer_contact .box > big {
	display:block;
	font-size:14px; color:#666;
}
#layer_contact .box > small {
	display:block;
	line-height:1.8;
	font-size:14px; color:#333;
}
#layer_contact .box .img {
	display:block;
	width:135px; height:135px;
	margin:14px auto 10px auto;
}
#layer_contact .box-wx {
	float:left;
}
#layer_contact .box-qq {
	float:right;
}
#layer_contact .a-close {
	display:block;
	width:110px; height:32px; line-height:32px; overflow:hidden;
	margin:26px auto 0 auto;
	cursor:pointer;
	font-size:12px; color:#666;
	text-align:-moz-center!important; text-align:center;
	border:1px solid #e6e6e6;
	-webkit-border-radius:3px; -moz-border-radius:3px; border-radius:3px;
}
#layer_contact .a-close:hover {
	background-color:#fcfcfc;
}


#float_contact {
	position:fixed; z-index:1000; right:0; top:60%;
	width:104px; height:auto; overflow:hidden;
}
#float_contact > .c {
	display:block;
	width:104px; height:120px; overflow:hidden;
	cursor:pointer;
	background:url(../images/ico-09.png) center center no-repeat;
}
#float_contact > .u {
	display:none;
	width:50px; height:50px; overflow:hidden;
	margin:0 auto;
	cursor:pointer;
	background:url(../images/ico-10.png) center center no-repeat;
}