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

* {
	font-family:"微软雅黑", "Microsoft YaHei";
}
body, td, th, div, li, dt, dd {
	font-size:12px; color:#666;
	word-wrap:break-word; word-break:normal;
}
body {
	margin:0; padding:0;
	min-width:1200px;
	background:#fff;
}
a:link {color:#333; text-decoration:none;}
a:visited {color:#333; text-decoration:none;}
a:hover {color:#c00; text-decoration:none;}
a:active {color:#c00; text-decoration:none;}
a {
	transition-property:color, background-color, border-color, border-radius, box-shadow;
	-moz-transition-property:color, background-color, border-color, border-radius, box-shadow;
	-webkit-transition-property:color, background-color, border-color, border-radius, box-shadow;
	-o-transition-property:color, background-color, border-color, border-radius, box-shadow;
	
	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;
}


form, img, li, dl, dt, dd, h1, h2, h3, h4 {
	margin:0; padding:0;
	border:none;
}
input, select, textarea {
	margin:0; padding:0;
	outline:none;
	font-size:13px; color:#000;
}
ul, dl, ol {
	list-style:none;
	padding-left:-35px!important; padding-left:0px; margin:0;
}
li, dd {
	list-style:none;
	text-align:-moz-left!important; text-align:left;
}
.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;
}



/* .part-path */
.part-path {
	display:block;
	width:100%; height:auto; overflow:hidden;
	margin:0 auto;
}
.part-path > .web-main {
	padding:14px 0;
	border-bottom:1px solid #ddd;
}



/* .main-title */
.main-title {
	display:block;
	width:100%; height:auto; overflow:hidden;
	margin:0 auto; padding:20px 0;
	background:url(p-01-gray.png) center bottom no-repeat;
	text-align:-moz-center!important; text-align:center;
}
.main-title-opa {
	background-image:url(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(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 18px;
	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.hot {
	font-weight:bold; color:#ffea00;
}

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

header nav > .reglog {
	display:inline-block;
	height:36px; line-height:36px;
	padding:0 14px;
	color:rgba(255,255,255,0.5);
	
	background-color:#ff632d;
	background:-webkit-linear-gradient(left, #ff632d, #ff811c);
	background:-o-linear-gradient(left, #ff632d, #ff811c);
	background:-moz-linear-gradient(left, #ff632d, #ff811c);
	background:linear-gradient(left, #ff632d, #ff811c);
	
	-webkit-border-radius:18px; -moz-border-radius:18px; border-radius:18px;
}
header nav > .reglog > a {
	display:inline-block;
	padding:0 4px;
	font-size:14px; color:#fff;
}







/* footer */
footer {
	display:block;
	width:100%; height:530px; overflow:hidden;
	margin:0 auto;
	background:url(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(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(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:280px; height:360px; overflow:hidden;
	background:#fff;
	border-top:4px solid #169aff;
	-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:210px; height:auto; overflow:hidden;
	margin:35px auto 0 auto;
	text-align:-moz-center!important; text-align:center;
}
#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 > small > img {
	vertical-align:middle;
}
#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:20%;
	width:146px; height:auto; overflow:hidden;
}
#float_contact > .c {
	display:block;
	width:146px; height:516px; overflow:hidden;
	background:url(qq-float.png) center center no-repeat;
}
#float_contact > .c > .serv {
	display:block;
	width:100%; height:390px; overflow:hidden;
	margin:0 auto;
	cursor:pointer;
}
#float_contact > .c > .reg {
	display:block;
	width:100%; height:126px; overflow:hidden;
	margin:0 auto;
	text-indent:-999px;
	cursor:pointer;
}
#float_contact > .u {
	display:none;
	width:50px; height:50px; overflow:hidden;
	margin:0 auto;
	cursor:pointer;
	background:url(contact-02.png) center center no-repeat;
}
.web-main{
	display:block; margin:0 auto;
	width:1200px; height:auto;
}