@charset 'utf-8';

*{margin: 0; padding: 0;}
body{font-size: 14px; font-family: Arial, 'Microsoft Yahei'; color: #333;}
li{list-style: none;}
a{text-decoration: none; color: #333;}
a:hover{color: #025098;}
img{vertical-align: top;}
input,button{vertical-align: top; border: none; outline: none;}
.clear{clear: both;}

.whole{margin: 0 auto;}

@media (min-width: 1400px) {
	.whole{max-width: 1400px;}
}
@media (max-width: 1399px) {
	.whole{max-width: 100%; padding: 0 20px;}
}

.webhead{width: 100%; position: absolute; top: 0; left: 0; z-index: 99;}
.webhead .logo{float: left; margin-top: 16px;}
.webhead .menu{float: right; margin-top: 30px;}
.webhead .menu li{float: left; font-size: 18px; line-height: 42px; margin-left: 60px; position: relative;}
.webhead .menu li:first-child{margin-left: 0;}
.webhead .menu li a{color: #fff;}
.webhead .menu li a:hover{color: #0199ff;}
.webhead .menu li ul{width: max-content; background: rgba(0, 0, 0, 0.5); border: solid #666 1px; position: absolute; left: 50%; transform: translateX(-50%); display: none;}
.webhead .menu li:hover ul{display: block;}
.webhead .menu li ul li{float: none; margin-left: 0; font-size: 16px; text-align: center;}
.webhead .menu li ul li a{padding: 0 16px;}

.webfoot{padding-top: 40px;background: url("../images/footer.jpg") center top no-repeat;background-size: auto 100%;}
.webfoot .logo{text-align: center;}
.webfoot .content{max-width: 1400px; margin: 0 auto; padding: 70px 0 50px; border-bottom: solid #3a414a 1px;}
.webfoot .menu{width: 50%; margin: 0 auto;}
.webfoot .menu li{width: 32%; float: left; margin-right: 2%; padding: 20px 0;}
.webfoot .menu li:nth-child(3n){margin-right: 0;}
.webfoot .menu li a{font-size: 20px; color: #fff;}
.webfoot .menu li small{font-size: 12px; margin-left: 8px;}
.webfoot .brand{float: left;}
.webfoot .brand h3{font-size: 38px; line-height: 60px; color: #fff; font-weight: normal;}
.webfoot .brand p{font-size: 16px; color: #fff; margin-top: 20px;}
.webfoot .fcontact{float: right;}
.webfoot .fcontact p{line-height: 34px; color: #fff;}
.webfoot .copyright{max-width: 1400px; margin: 0 auto; text-align: center; padding: 26px 0; color: #6b727e;}
.webfoot .copyright p{display: inline-block; margin: 0 8px;}
.webfoot .copyright a{color: #6b727e;}

/* 右边客服 */
.rightWindow{position: fixed; z-index: 99; right: 10px; bottom: 10%;}
.rightWindow li{margin-bottom: 3px; font-size: 0;width: 57px; height: 57px; right: 0; position: relative;}
.rightWindow li a{width: 57px;	height: 57px; display: block; position: absolute; z-index: 9; right: 0;	top: 0;	overflow: hidden; background: #292e39; -webkit-transition: all .5s ease; transition: all .5s ease; white-space: nowrap;	font-size: 0;}
.rightWindow li .icon-font:after{width: 30px; height: 30px; content: ""; background-image: url("../images/icon_right.png"); background-repeat: no-repeat; position: absolute; left: calc(50% - 15px); top: calc(50% - 15px);}
.rightWindow li .icon-font{display: inline-block; vertical-align: middle; width: 57px; height: 57px; background-color: #d9d9d9; position: relative;}
.rightWindow li .icon-qq:after{background-position: 0 -120px;}
.rightWindow li .icon-phone:after{background-position: 0 -60px;}
.rightWindow li .icon-ewm:after{background-position: 0 0;}
.rightWindow li .icon-message:after{background-position: 0 -90px;}
.rightWindow li .icon-top:after{background-position: 0 -30px;}
.rightWindow li .wz{display: inline-block;	line-height: 57px; font-size: 14px;	color: #fff; vertical-align: middle; padding-left: 10px;}
.rightWindow li.ewm .ewm-box{position: absolute; z-index: 1; padding: 5px; background: #292e39; width: 130px; right: 120%; bottom: 0; opacity: 0; visibility: hidden; -webkit-transform: translateX(100%); transform: translateX(100%); -webkit-transition: all .7s; transition: all .7s;}
.rightWindow li.ewm .ewm-box p{margin-bottom: 0;}
.rightWindow li.ewm .ewm-box img{max-width: 100%;}
.rightWindow li.ewm .ewm-box:after {content: ''; position: absolute; right: -5px; bottom: 20px;	width: 0; height: 0; line-height: 0; font-size: 0; overflow: hidden; border-width: 5px; cursor: pointer; border-style: dashed dashed dashed solid; border-color: transparent transparent transparent #292e39; border-right: none;}
.rightWindow li.ewm:hover .ewm-box{opacity: 1; visibility: visible; -webkit-transform: translateY(0); transform: translateY(0);}
.rightWindow li.backtop{cursor: pointer;}
.rightWindow li.backtop .iconfont{color: #fff; background-color: #292e39;}
.rightWindow li:hover a{width: 200px; background: rgb(59,57,57);}
.rightWindow li:hover .icon-font{background-color: #292e39;}
.rightWindow li:hover .icon-qq:after{background-position: -30px -120px;}
.rightWindow li:hover .icon-phone:after{background-position: -30px -60px;}
.rightWindow li:hover .icon-ewm:after{background-position: -30px 0;}
.rightWindow li:hover .icon-message:after{background-position: -30px -90px;}
.rightWindow li:hover .icon-top:after{background-position: -30px -30px;}