@charset "utf-8";
/* CSS Document */
html { overflow: hidden; }
html, body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, form, fieldset, input, textarea, p, blockquote, th, td { margin: 0; padding: 0; }
body { font-family: "微软雅黑"; font-size: 12px; color: #000000; word-wrap: break-word; behavior: url("csshover.htc"); overflow: hidden; }
button, input, select, textarea { font: 12px/1.5 Arial, "宋体", Helvetica, Verdana, sans-serif; word-wrap: break-word; color: #565756; }
ul, li { list-style: none; margin: 0; padding: 0; }
h1, h2, h3, h4, h5, h6 { font-weight: normal; font-size: 100%; }
img { border: none; border: 0; vertical-align: middle; }
a { color: #FFFFFF; text-decoration: none; outline: none; }
a:hover{
    color: #D94705;
}
p { margin: 0; padding: 0; }
input, select, textarea { vertical-align: middle; *font-size:100%;
}
input { margin: 0; outline: none; padding: 0; }
input::-ms-clear {
display:none;
}
.clearfix:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; }
.clearfix { *zoom:1
}
.fl{ float:left}
.fr{ float:right;}
.clear{ clear:both;}

.ddw { position: absolute; left: 0; top: 0; color: #000; font-size: 16px; z-index: 9999; }
.ddw2 { position: absolute; left: 20px; top: 0; color: #000; font-size: 16px; z-index: 9999; }
.num_box { position: relative; }
.num { color: #fff; font-size: 50px; width: 100%; text-align: center; position: relative; }
.num p { position: absolute; top: 0; left: 50%; margin-left: -315px; background:#000; padding:3px 15px; opacity:0.6; filter:alpha(opacity=60) }
.num ul { width: 100%; position: absolute; left: 0; top: 0; height: 100%; }
.num ul li { float: left; height: 100%; position: relative; }
#num_0,#num_1,#num_2 {background: linear-gradient(to bottom right, #e6c598, #FFFFFF, #adddb6);}

/*导航*/
.header {width: 100%; position: absolute; z-index:9999; height: 90px; background: rgba(255,255,255,0.5);}
.topmenu{ width:1200px;  height:63px; margin: 0 auto;}
.logo{ width:145px; height:50px; float:left; padding-left:8px; padding-top:18px;}
.fixed_r ul {display:inline-block; float:right;}
.fixed_r li { float:left; padding-bottom: 10px; margin: 30px 30px 0; font-size: 16px; color: #333; cursor: pointer;}
.fixed_r li.on{border-bottom:3px solid #F5A10F; font-weight: bold; color: #FF7617;}
/*导航结束*/
/*第1-5屏*/
#num_0 .screen .imgbox {width: 100%; text-align: center; margin-top: 10%;}
.screen{width:1200px; display: flex; justify-content: space-between; padding-top: 10%; margin: 0 auto;}
.imgbox{width: 60%; text-align: left;}
.common{width:40%; margin-top: 30px;}

.wrapper{width:242px;height:335px;padding-top:15px; text-align: center; background:#f8f8f8;margin:25px 0 0 auto;}
.wrapper span{font:18px/58px "微软雅黑";color:#000;}
.wrapper .qrcode{display:block;width:160px;height:160px;margin:0 auto;background:#ffffff url(../images/qrcode.png);}
.Apptitle {font-size: 18px; color: #999;}
.kefu {font-size: 18px; margin: 30px auto 0; font-weight: 600; color: #6958BA;}

.about img{
	width: 600px;
}
.about .common{
	font-size: 20px;
	color: #666666;
	text-align: left;
	margin-top: 50px;
}

.sixthree{
    width: 100%;
    text-align:center; 
    line-height:50px; 
    font-size:14px; 
    color:#FFFFFF;
	background: rgba(0,0,0,0.8);
    position: fixed; 
    bottom: 0; 
    z-index: 9999;
}


@media screen and (max-width:768px){
    .screen {display: flex; flex-direction: column;}
    .imgbox{width: 100%;}
    .imgbox img {width: 80%;}
    .common{
        width:100%;
        margin: 0 auto;
        text-align: center;
        transform:scale(0.8,0.8);
        -webkit-transform:scale(0.8,0.8);  /*兼容-webkit-引擎浏览器*/
        -moz-transform:scale(0.8,0.8);     /*兼容-moz-引擎浏览器*/
    }
    .wrapper{margin:25px auto 0;}
    .sixthree{
        width: 80%;
        font-size:12px; 
        bottom: 15px;
        left: 10%;
        line-height: 20px;
    }
}


/*图片弹窗*/
#images a {
	margin-right: 14px;
}

#images a img {
	border: 1px solid #888;	
	padding: 3px;
	vertical-align: top;
}

#credit {
	clear: both;	
	margin-top: 50px;
	padding-top: 20px;
	font-size: 10px;
	border-top: 1px solid #BBB;
	font-family: Verdana;
}
#imgbox-loading {
	position: absolute;
	top: 0;
	left: 0;
	background: url('imgbox-spinner.gif') center center no-repeat;
	cursor: pointer;
	display: none;
	z-index: 90;
}

#imgbox-loading div {
	background: #FFF;
	width: 100%;
	height : 100%;
}

#imgbox-overlay {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background: #000;
	display: none;
	z-index: 80;
}

.imgbox-wrap {
	position: absolute;
	top: 0;
	left: 0;
	background: #FFF;
	display: none;
	z-index: 90;
}

.imgbox-img {
	padding: 0;
	margin: 0;
	border: none;
	width: 100%;
	height: 100%;
	vertical-align: top;
}

.imgbox-close {
	position: absolute;
	top: -15px;
	right: -15px;
	height: 30px;
	width: 30px;
	background: url('imgbox-close.png') top left no-repeat;
	cursor: pointer;
	outline: none;
}

.imgbox-title {
	padding-top: 10px;
	font-size: 11px;
	text-align: center;
	font-family: Arial;
	color: #333;
	display: none;
}

.imgbox-bg-wrap {
	position: absolute;
	padding: 0;
	margin: 0;
	display: none;
}

.imgbox-bg {
	position: absolute;
	width: 20px;
	height: 20px;
}

.imgbox-bg-n {
	left: 0;
	top: -20px;
	width: 100%;
	background: url(imgbox-bg-n.png) repeat-x;
}

.imgbox-bg-ne {
	right: -20px;
	top: -20px;
	background: url(imgbox-bg-ne.png) no-repeat;
}

.imgbox-bg-e {
	right: -20px;
	top: 0;
	height: 100%;
	background: url(imgbox-bg-e.png) repeat-y;
}

.imgbox-bg-se {
	right: -20px;
	bottom: -20px;
	background: url(imgbox-bg-se.png) no-repeat;
}

.imgbox-bg-s {
	left: 0;
	bottom: -20px;
	width: 100%;
	background: url(imgbox-bg-s.png) repeat-x;
}

.imgbox-bg-sw {
	left: -20px;
	bottom: -20px;
	background: url(imgbox-bg-sw.png) no-repeat;
}

.imgbox-bg-w {
	left: -20px;
	top: 0;
	height: 100%;
	background: url(imgbox-bg-w.png) repeat-y;
}

.imgbox-bg-nw {
	left: -20px;
	top: -20px;
	background: url(imgbox-bg-nw.png) no-repeat;
}