@charset "utf-8";
/* CSS Document */
html{ font-size:14px; }
body{font-family: Source Han Sans CN, Microsoft JhengHei, PingFang SC, Source Han Serif SC, Microsoft YaHei, sans-serif;
 margin:0;
 padding:0;
 background-color:#fff;
 overflow-x:hidden;
}
div,img,h3,h4,p,dd,dl,em{margin: 0; padding: 0; border: 0;}
h1{font:bold 1.26em Arial, Sans-Serif;letter-spacing:0px;margin:0;padding:0}
h2{font:bold 1.7em Arial, Sans-Serif;letter-spacing:0px;font-size:16px;color:#000;background:inherit;margin:0 0 5px;padding:0}
p{margin:0 auto}
ul,li{list-style:none;margin:0;padding:0}
form{margin:0}
a{text-decoration:none;}
a:hover{text-decoration:none; color:#c01701;transition:all 0.2s linear 0s;}
.clear{font-size:0; line-height:0;clear: both;overflow: hidden; zoom: 1;}
.fr{float:right;}
.fl{float:left;}

.articleA{width:100%;background: #f9f9f9;padding: 5vw 0;margin-top: 2vw;}
.article{width: 1200px;
    background: #fff;
    overflow: hidden;
    margin: 0px auto 0px auto;
    max-width: 1600px;
    padding: 0vw 40px;
    text-align: left;
    padding-bottom: 4vw;
    min-width: 1200px;
    color: #666;
    line-height: 1.5vw;}

.article h3{font-size:1.8vw;color:#333;font-weight:normal;padding-top:5vw;text-align: center;line-height: 2.8vw;}
.article dd{font-size:0.9vw;color:#333;font-weight:normal;line-height:30px;text-align:center;padding: 15px 0 30px 0;border-bottom: 1px solid #ddd;margin-bottom: 30px;}
.article p{text-indent: 0em;
    font-size: 16px;
    color: #666;
    font-weight: normal;
    line-height: 30px;
    text-align: left;
    padding: 0% 5%;
    width: 90%;}
.article p img{width:100%;}

.fenlei{width: 1280px;margin:0 auto 2vw auto;overflow: hidden;}
.fenlei ul{display: flex;
    text-align: center;
    justify-content: center;}
.fenlei ul li{float: left;
    margin-right: 0.6vw !important;
    background: #e7e7e7;
    padding: 0.6vw 3vw !important;
    width: auto !important;}
.fenlei ul li a{color: #333;
    font-size: 0.85vw;
    font-weight: bold;}

button, input{ outline:none;}
	button, .login{ width: 105px;
    height: 80px;
    background: none;
    color: #000;
    border: none;
    border-radius: 6px;
    display: block;
    margin: 0px auto;
    cursor: pointer;}
	.popOutBg{ width:100%; height:100%; position: fixed; left:0; top:0; background:rgba(0,0,0,.6); display: none;}
	.popOut{ position:fixed; width:260px; height:260px; top:50%; left:50%; margin-top:-130px; margin-left:-130px; background:#fff; border-radius:8px; overflow: hidden; display: none;}
	.popOut > span{ position: absolute; right:10px; top:0; height:42px; line-height:42px; color:#000; font-size:30px; cursor: pointer;}
	.popOut table{ display: block; margin:42px auto 0; width:200px;}
	.popOut caption{ width:520px; text-align: center; color:#f40; font-size:18px; line-height:42px;}
	.popOut table tr td{ color:#666; padding:6px; font-size:14px;}
	.popOut table tr td:first-child{ text-align: right;}
	.inp{ width:280px; height:30px; line-height:30px; border:1px solid #999; padding:5px 10px; color:#000; font-size:14px; border-radius:6px;}
	.inp:focus{ border-color:#f40;}
	@keyframes ani{
		from{
			transform:translateX(-100%) rotate(-60deg) scale(.5);
		}
		50%{
			transform:translateX(0) rotate(0) scale(1);
		}
		90%{
			transform:translateX(20px) rotate(0) scale(.8);
		}
		to{
			transform:translateX(0) rotate(0) scale(1);
		}
	}
	.ani{ animation:ani .5s ease-in-out;}

.win{	
	width:1200px;height:500px;border:0px solid #ccc;margin:20px auto;position:relative;
	overflow: hidden;
}
.title{
	width:100%;height:30px;background:#eee;position: relative;
}
.title a{
	width:20%;height:100%;float:left;text-align: center;line-height: 30px;font-size: 15px;color:#009797;text-decoration: none;position: relative;z-index: 1;
}
.title .float{
	width:20%;height:100%;background: #009797;position: absolute;
}
.box{
	width:100%;height:500px;position: relative;
}
.box div{
	width:100%;height: 100%;position: absolute;left:-100%;font-size: 70px;text-align: center;line-height: 270px;top:0;color:#fff;
}
.rightB{
	width:50px;height:70px;font-size: 20px;color:#fff;background: rgba(0,0,0,0.5);position: absolute;right:0;top:45%;line-height:70px;text-align: center;cursor: pointer;display: none;
}
.leftB{
	width:50px;height:70px;font-size: 20px;color:#fff;background: rgba(0,0,0,0.5);position: absolute;left:0;top:45%;line-height:70px;text-align: center;cursor: pointer;display: none;
}

/*banner*/
.banner{ width: 100%;clear: both; position: relative;height: 5vw;}
.banner img{ width: 100%;position: relative;}
.banner h3{font-size:48px;width: 100%;
    text-align: center;
    color: #fff;
    position: absolute;
    top:220px;
    font-weight:600;margin:0 auto;
}
.banner p{font-size:48px;
    color: #fff;
    position: absolute;
    width: 100%;
    text-align: center;
    top: 300px;
    font-weight: 600;
    margin: 0 auto;}
	
.liebiao{width:80%;position: relative;overflow: hidden;margin:50px auto;}
.liebiao h3{text-align: center;
    padding-bottom: .8vw;
    font-size: 36px;
    color: #000;}
.liebiao p{    text-align: center;
    font-size: 16px;
    color: #666;
    padding-bottom: 3vw;}
.liebiao ul{padding:0;margin:0;}
.liebiao ul li{float:left;width:19.5%;padding:0%;margin:0.25%;margin-bottom:0%;position: relative;overflow: hidden;}
.liebiao ul li h3{font-size: 18px;
    font-weight: bold;
    color: #fff;
    margin: 0;
    position: absolute;
    bottom: 3vw;
    left: 2vw;}
.liebiao ul li span{width: 1vw;
    display: block;
    position: absolute;
    z-index: 99;
    background: #2196f326;
    padding: 1vw;
    border-radius: 50%;
    height: 1vw;
    left: 6.5vw;
    top: 10vw;}
.liebiao ul li img{width:100%;position: relative;transition: all .3s ease;}
.liebiao ul li:hover img{transform: scale(1.03);}
.liebiao ul li p{font-size:14px;font-weight:normal;color:#666;margin-bottom: 2vw;line-height:25px;}
@media (max-width: 768px) {
.liebiao h3 {
    text-align: center;
    padding-bottom: 2.8vw;
    font-size: 5vw;
    color: #000;
}
.liebiao {
    width: 90%;
    position: relative;
    overflow: hidden;
    margin: 6vw auto 14vw auto;
}
.fenlei {
    width: 100%;
    margin: 5vw auto 6vw auto;
    overflow: hidden;
}
.liebiao ul li {
    float: left;
    width: 45%;
    padding: 2%;
    margin: 0.25%;
    margin-bottom: 0%;
    position: relative;
    overflow: hidden;
}
    .liebiao ul li span {
        width: 4vw;
        display: block;
        position: relative;
        z-index: 99;
        background: #2196f326;
        padding: 0vw;
        border-radius: 50%;
        height: 1vw;
        left: 0;
        top: 20vw;
        margin: 0 auto;
    }
.liebiao ul li h3 {
        font-size: 4vw;
        font-weight: bold;
        color: #fff;
        margin: 0 6%;
        position: absolute;
        bottom: none;
        left: none;
    }
.fenlei ul li a {
        color: #333;
        font-size: 3.85vw;
        font-weight: bold;
        padding: 0vw 5vw;
    }
.article {
    width: 90%;
    background: #fff;
    overflow: hidden;
    margin: 0px auto 0px auto;
    max-width: 90%;
    padding: 0vw 5%;
    text-align: left;
    padding-bottom: 4vw;
    min-width: 90%;
    color: #666;
    line-height: 1.5vw;
}
.article h3 {
    font-size: 4.8vw;
    color: #333;
    font-weight: normal;
    padding-top: 15vw;
    text-align: center;
    line-height: 2.8vw;
}
}