@charset "utf-8";
::-webkit-scrollbar{
    width: 10px;
    height: 10px;
    background:#eee;
}
::-webkit-scrollbar-track{
	background: transparent;
}
::-webkit-scrollbar-thumb{
    min-height: 28px;
    padding: 100px 0 0;
    background: rgba(0,0,0,.2);
    background-clip: padding-box;
    border:solid 2px transparent;
    border-radius: 5px;
    -webkit-box-shadow: inset 1px 1px 0 rgba(0,0,0,.1), inset 0 -1px 0 rgba(0,0,0,.07);
    box-shadow: inset 1px 1px 0 rgba(0,0,0,.1), inset 0 -1px 0 rgba(0,0,0,.07);
}
* {
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}
body,div,h1,h2,h3,p,span{
	margin:0;
	padding:0;
}
body{
	min-width: 1200px;
	font:12px "microsoft yahei","Arial","Verdana","Tahoma";
	line-height:1.42857143;
	color:#333;
}
img{
	border:none;
}
a{
	outline:none;
	text-decoration: none;
}
a:hover{
	color: #d0160d;
}
.fl{
	float: left;
}
.fr{
	float: right;
}
.cf:after {
	content: ".";
	font-size: 0;
	height: 0;
    display: block;
    visibility: hidden;
    clear: both;
}
.cf{
	zoom:1;
}
.content-box{
	width: 1200px;
	margin: 0 auto;
	position: relative;
}
/* container */
.banner{
	font-size: 0;
	background: #fe3923;
	position: relative;
}
.banner_bg{
	display: inline-block;
	max-width: 100%;
	width: 100%;
	height: auto;
}
.main{
	display: flex;
	flex-direction: column;
	align-items: center;
	width: 1200px;
	position: absolute;
	top: 0;
	left: calc(50% - 600px);
}
.title{
	width: 1200px;
	height: 320px;
	margin-top: 130px;
	background: url(../images/jsfzzx_wlyxb_title.png) no-repeat;
	position: relative;
}
.title:before{
	content: "";
	width: 150px;
	height: 120px;
	background: url(../images/jsfzzx_wlyxb_gezi_left.png) no-repeat;
	position: absolute;
	top: -55px;
	left: -70px;
}

.title::after{
	content: "";
	width: 220px;
	height: 120px;
	background: url(../images/jsfzzx_wlyxb_gezi_right.png) no-repeat;
	position: absolute;
	top: -10px;
	right: -180px;
}
.go{
	display: flex;
	justify-content: center;
	width: 560px;
	height: 192px;
	margin-top: 150px;
	background: url(../images/jsfzzx_wlyxb_go_book.png) no-repeat;
	position: relative;
}
.pen{
	width: 72px;
	height: 220px;
	background: url(../images/jsfzzx_wlyxb_go_pen.png) no-repeat;
	position: absolute;
	top: -70px;
	padding-top: 9%;
	animation: down 1.2s 3s linear infinite;
}
@keyframes down {
	0% {
		top: -58px;
	}
	50% {
		top: -52px;
	}
	100% {
		top: -58px;
	}
}
.pen span{
	font: bold 24px/1.1 "";
	color: #cc7800;
	display: block;
	text-align: center;
	animation: fadeIn 2s linear;
}
@keyframes fadeIn {
	25% {
		opacity: 0;
	}
	50% {
		opacity: .3;
	}
	75% {
		opacity: .6;
	}
	100% {
		opacity: .9;
	}
  
}
@media screen and (max-width:1601px){
	.title, .title:before, .title:after, .go, .pen{
		background-size: 100% 100%;
	}
	.title{
		width: 1000px;
		height: 268px;
		margin-top: 110px;
	}
	.title:before{
		width: 113px;
		height: 90px;
		top: -50px;
		left: -65px;
	}
	.title::after{
		width: 150px;
		height: 90px;
		top: -10px;
		right: -150px;
	}
	.go{
		width: 468px;
		height: 160px;
		margin-top: 120px;
	}
	.pen{
		width: 58px;
		height: 176px;
		top: -52px;
	}
	.pen span{
		font-size: 19px;
	}
}
@media screen and (max-width:1441px){
	.title, .title:before, .title:after, .go, .pen{
		background-size: 100% 100%;
	}
	.title{
		width: 900px;
		height: 240px;
		margin-top: 100px;
	}
	.title:before{
		width: 105px;
		height: 84px;
		top: -40px;
		left: -55px;
	}
	.title::after{
		width: 140px;
		height: 84px;
		top: -5px;
		right: -130px;
	}
	.go{
		width: 420px;
		height: 144px;
		margin-top: 110px;
	}
	.pen{
		width: 50px;
		height: 153px;
		top: -52px;
	}
	.pen span{
		font-size: 17px;
	}
	@keyframes down {
		0% {
			top: -60px;
		}
		50% {
			top: -44px;
		}
		100% {
			top: -60px;
		}
	}
}
@media screen and (max-width:1367px){
	.title, .title:before, .title:after, .go, .pen{
		background-size: 100% 100%;
	}
	.title{
		width: 854px;
		height: 228px;
		margin-top: 94px;
	}
	.title:before{
		width: 98px;
		height: 78px;
		top: -40px;
		left: -50px;
	}
	.title::after{
		width: 130px;
		height: 78px;
		top: -5px;
		right: -120px;
	}
	.go{
		width: 398px;
		height: 136px;
		margin-top: 100px;
	}
	.pen{
		width: 46px;
		height: 140px;
		top: -36px;
	}
	.pen span{
		font-size: 17px;
	}
	@keyframes down {
		0% {
			top: -42px;
		}
		50% {
			top: -36px;
		}
		100% {
			top: -42px;
		}
	}	
}
.customer{
	position: fixed;
	bottom: 12%;
	right: 10px;
	z-index: 99;
}
.customer .icon{
	width: 90px;
	height: 90px;
	border-radius: 50%;
	background: #fff58c url(../images/jsfzzx_wlyxb_icon_kf.png) center no-repeat;
	border: solid 5px #fedc38;
	position: absolute;
	top: -45px;
	left: calc(50% - 45px);
}
ul, li{
	margin: 0;
	padding: 0;
	list-style: none;
}
.customer ul{
	width: 150px;
	height: 180px;
	text-align: center;
	border-radius: 8px;
	background: rgba(208,22,13,.75);
	border: solid 1px #fedc38;
}
.customer li{
	font: 18px/1 "Arial";
	padding-top: 8px;
	color: #fff58c;
}
.customer li:first-child{
	font: bold 18px/1 "microsoft yahei";
	padding: 62px 0 8px;
}
/* footer */
.footer{
	width: 100%;
	padding: 30px 0;
	background: #d0160d;
}
.dz{
	display: flex;
	align-items: center;
	padding: 20px 20px 0 0;
}
.dz a:last-child{
	margin-left: 15px;
}
.dz img{
	display: block;
}
.contact {
	width: 590px;
	padding:0px 20px;
	border-left: solid 1px #d04141;
	position: relative;
}
.contact img{
	display: inline-block;
	position: absolute;
	top: 0;
	right: 20px;
}
.contact p{
	width: 570px;
	font: 13px/22px "microsoft yahei";
	color: #fff;
}
.tel{
	width: 220px;
	height: 68px;
	border-left: solid 3px #fff;
	border-right: solid 3px #fff;
	background: url(../images/jsfzzx_icon_tel.png) 18px center no-repeat;
	position: absolute;right: 16px;top: 5px;
}
.tel i{
	width: 5px;
	height: 3px;
	background: #fff;
	position: absolute;
	top: 0;
	left: 0;
}
.tel i:nth-of-type(2){
	left: auto;
	right: 0;
}
.tel i:nth-of-type(3){
	top: auto;
	bottom: 0;
	left: auto;
	right: 0;
}
.tel i:nth-of-type(4){
	top: auto;
	bottom: 0;
}
.tel span{
	color: #fff;
	display: block;
	padding-left: 62px;
}
.tel span:nth-of-type(1){
	font:bold 14px/16px "microsoft yahei";
	padding-top: 15px;
}
.tel span:nth-of-type(2){
	font: 18px/26px "microsoft yahei";
}
.wechat img:first-child{
	margin-right: 15px;
}