@charset "utf-8";
/* CSS Document */
body{
	font-size:12px;
	font-weight:normal;
	color:#333333;
	line-height:1.5;
	font-family:'Microsoft YaHei';
	margin:auto
}
*{
	margin:0;
	padding:0;
	box-sizing: border-box;
	}
img{
	border:0;
	}
ul,li{
	list-style:none;
	}
a{
	color:#333333;
	text-decoration:none;
	
	}
a:hover{
	color:#0BA4E3;
	text-decoration: none;
	}
table{ 
	margin: auto;
	}
i{ font-style:normal}
em{ font-style:normal}

.fudong{ width:60px; position:fixed; right:20px; bottom:100px; z-index:9999999; text-align:center;}
.fudong p{ margin-top:27px;}
.tjiao{ margin-top:40px;}


@media (min-width:1200px) {

.header{
	width: 100%;
	float: left;
	padding: 0px 10vw;
	height: 10vh;
	justify-content: space-between;
	display: flex;
	align-items: center;
	position: fixed;
	top: 0;
	z-index: 111;
	background-image: url(../img/topbj.png);
	background-position: center;
	background-repeat: no-repeat;
}
.header-l{
	width: auto;
	display: flex;
	align-items: center;
	justify-content: space-between;
    width: 100%;
}
.logo{
	width: auto;
	margin-right: 70px;
}
.logo img{
	max-height: 60px;
	vertical-align: middle;
}
.logo img:first-child{
    margin-right: 20px;
}
.innav{
	width: auto; margin: 0 auto;
}
.innav ul{
	display: flex;
}
.innav ul li{
	min-width: 115px;
	height: 45px;
	line-height: 45px;
	font-size: 18px;
	position: relative;
	font-weight:bold;
}
.innav ul li:nth-child(2):hover a{
	background-color: #FFF;
	border-radius: 10px 10px 0px 0px;
	color: #333333;
}
.innav ul li:nth-child(2):hover #xiala a{ background:#FFF}
#xiala{
	width: 115px;
	position: absolute;
	top: 40px;
	background-color: #FFFFFF;
	border-radius: 0px 0px 10px 10px;
	padding: 10px 0px;
	font-size: 12px;
	line-height: 28px;
	opacity: 0;
	z-index: 11;
	visibility: hidden;
	padding-top: 10px;
}
#xiala a{
	color: #333333;
	font-weight:normal;
}
#xiala a:hover{
	color: #4068d1;
}
.innav ul li:hover #xiala{
	opacity: 1;
	visibility: visible;
}
.innav ul li i{
	width: 10px;
	height: 10px;
	background-image: url(../img/xjt.png);
	background-position: center;
	background-repeat: no-repeat;
	margin-left: 8px;
}
.innav ul li{
	margin:0 30px;
}
.innav ul li a{
	min-width: 100%;
	float: left;
	display: flex;
	padding: 0px 10px;
	color: #FFFFFF;
	align-items: center;
	justify-content: center;
}
.innav ul li:nth-child(2) a:hover{
	background-color: #fff;
	border-radius: 10px 10px 0px 0px;
	color: #333333;
}
.search{
	width: auto;
	display: flex;
	align-items: center;
}
.search a{
	margin-left: 20px;
}
.en{
	width: auto;
	display: flex;
	align-items: center;
}
.en a{
	width: 70px;
	height: 48px;
	line-height: 48px;
	font-size: 16px;
	background-image: linear-gradient(to right, #2b32ff , #9d03ff);
	color: #FFFFFF;
	text-align: center;
	border-radius: 35px;
}

.inde01{
	width: 100%;
	float: left;
	height: 100vh;
	background-image: url(../img/inb01.jpg);
	background-position: center;
	background-repeat: no-repeat;
	background-size: cover;
	padding: 0px 10vw;
	display: flex;
	justify-content: space-between;
	align-items: center;
	padding-top:116px;
	position:relative
}
.inde01 .ts{ width:104px; height:24px; position:absolute; background-image:url(../img/ts.png); background-position:center; background-repeat:no-repeat; left:calc(50% - 52px); bottom:10px; display:none;}
.inde01 .pic{
	width: auto;
	max-width: 50%;
}
.inde01 .pic img{
	max-width: 100%;
}
.inde01 .tex{
	width: auto;
	font-size: 18px;
	line-height: 28px;
	color: #FFFFFF;
	max-width: 40%;
}
.inde01 .tex h1{
	font-size: 38px;
	line-height: 50px;
	margin-bottom: 15px;
	text-transform: uppercase;
}
.inde01 .tex .more{
	display: flex;
	background-image: url(../img/morebj.png);
	background-position: center;
	background-repeat: no-repeat;
	background-size: contain;
	justify-content: center;
	width: 277px;
	height: 70px;
	align-items: center;
	color: #FFFFFF;
}
.inde01 .tex .more i{
	margin-left: 10px;
	width: 15px;
	height: 16px;
	background-image: url(../img/jr.png);
	background-position: center;
	background-repeat: no-repeat;
}

.inde02{
	width: 100%;
	float: left;
	height: auto;
	background-image: url(../img/inb02.jpg);
	background-position: center top;
	background-repeat: no-repeat;
	background-size: cover;
	padding: 0px 10vw;
	padding-bottom: 138px;
}
.inde02 ul li{
	width: 100%;
	float: left;
	margin-top: 198px;
	display: flex;
	justify-content: space-between;
	align-items: center;
}
.inde02 ul li .pic{
	width: auto;
	max-width: 50%;
}
.inde02 ul li .pic img{
	max-width: 100%;
}
.inde02 ul li .tex{
	width: auto;
	font-size: 16px;
	line-height: 28px;
	color: #FFFFFF;
	max-width: 38%;
}
.inde02 ul li .tex p{ font-size:16px;}
.inde02 ul li .tex h1{
	font-size: 38px;
	line-height: 50px;
	margin-bottom: 15px;
	text-transform: uppercase;
}
.inde02 ul li .tex h2{
	font-size: 26px;
	display: flex;
	align-items: center;
	margin-top: 30px;
	margin-bottom: 10px;
}
.inde02 ul li .tex h2 img{
	vertical-align: middle;
	margin-right: 10px;
}
.inde02 ul li .tex .more{
	display: flex;
	background-image: url(../img/morebj.png);
	background-position: center;
	background-repeat: no-repeat;
	background-size: contain;
	justify-content: center;
	width: 277px;
	height: 70px;
	align-items: center;
	color: #FFFFFF;
}
.inde02 ul li .tex .more i{
	margin-left: 10px;
	width: 15px;
	height: 16px;
	background-image: url(../img/jr.png);
	background-position: center;
	background-repeat: no-repeat;
}
.innew{
	width: 100%;
	float: left;
	height: auto;
	background-image: url(../img/inb03.jpg);
	background-position: center top;
	background-repeat: no-repeat;
	background-size: cover;
	padding: 0px 12.0vw;
}
.innew h1{
	font-size: 38px;
	line-height: 50px;
	color: #FFFFFF;
	text-align: center;
}
.innew ul{
	display: flex;
	margin-top: 70px;
	flex-wrap: wrap;
}
.innew ul li{
	width: calc(33.9% - 30px);
	padding: 30px 30px;
	background-image:url(../img/bj02.png);
	background-position:center; background-repeat:repeat-x; background-size:100% 100%;
	border-radius: 10px;overflow: hidden;
	font-size: 16px;
	line-height: 28px;
	color: #FFFFFF;
	margin-right: 30px;
}
.innew ul li dl dt{
	font-size: 18px;
	line-height: 36px;
	color: #FFFFFF;
	display: flex;
	align-items: center;
	text-transform: uppercase;
	
}
.innew ul li dl dt i{
	width: 44px;
	height: 44px;
	background-position: center;
	background-repeat: no-repeat;
	margin-right: 15px;
}
.innew ul li dl dt i img{
	width: 44px;
}
.innew ul li dl dt span{
	white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
    word-break: break-all;
}
.innew ul li dl dd{
	font-size: 14px;
	line-height: 24px;
	margin-bottom: 35px;
	margin-top: 20px;
	color: #FFFFFF;
}
.innew ul li p{
	display: flex;
	justify-content: flex-end;
	text-transform: uppercase;
	margin-top: 30px;
	font-size: 12px;
}
.innew ul li a{
	color: #FFFFFF;
}
.innew ul li:nth-child(3n){
	margin-right: 0px;
}
.ready{
	display: flex;
	margin-top: 70px;
	justify-content: center;
	align-items: center;
	margin-bottom:37px;
}
.ready .pic{
	width: auto;
	margin-right: 105px;
}
.ready .tex{
	width: auto;
	font-size: 16px;
	line-height: 28px;
	color: #FFFFFF;
	max-width: 40%;
}
.ready .tex h1{
	font-size: 38px;
	line-height: 50px;
	margin-bottom: 15px;
	text-align:left;
	text-transform: uppercase;
}
.ready .tex .more{
	display: flex;
	background-image: url(../img/morebj.png);
	background-position: center;
	background-repeat: no-repeat;
	background-size: contain;
	justify-content: center;
	width: 277px;
	height: 70px;
	align-items: center;
	color: #FFFFFF;
}
.ready .tex .more i{
	margin-left: 10px;
	width: 15px;
	height: 16px;
	background-image: url(../img/jr.png);
	background-position: center;
	background-repeat: no-repeat;
}


.ban{
	width: 100%;
	float: left;
	height: 100vh;
	background-image: url(../img/nybj.jpg);
	background-position: center top;
	background-repeat: no-repeat;
	background-size: cover;
	padding: 0px 6vw;
	display: flex;
	justify-content: center;
	align-items: center;
	padding-top:14vh;
}
.ban01{
	width: 100%;
	float: left;
	display: flex;
	justify-content: center;
	align-items: center;
}
.ban01 .pic{
	margin-left: 114px;
	width: 626px;
}
.ban01 .pic img{
	max-width: 100%;
}
.ban01 .tex{
	width: 565px;
	font-size: 16px;
	line-height: 28px;
	color: #FFFFFF;
}
.ban01 .tex h1{
	font-size: 38px;
	line-height: 50px;
	margin-bottom: 25px;
}

.foot{
	width: 100%;
	float: left;
	background-color: #1d2357;
	padding: 65px 12vw;
	display: flex;
	justify-content: space-between;
}
.foot dl dt{
	font-size: 18px;
	color: #FFFFFF;
	margin-bottom: 15px;
	font-weight: bold;
}
.foot dl dd{
	font-size: 14px;
	line-height: 37px;
	color: #FFFFFF;
}
.foot dl dd a{
	color: #FFFFFF;
}
.foot div:first-child{
	font-size: 14px;
	line-height: 24px;
	color: #FFFFFF;
	width: 290px;
	text-align: justify;
}
.foot div a{
	color:#fff;
}
.foot h1{
	margin-bottom: 20px;
}
.foot h1 img{
    max-width: 290px;
}
.foot div p{
    
}
.foot div:last-child{
	font-size: 12px;
	line-height: 2.167;
	color: #FFFFFF;
}
.foot div:last-child img{
	margin-right: 10px;
}

.chax{
	right:3.0vw; 
	top:110px;
	position: absolute;
	width:300px; 
	z-index:99999;
	display: none;
}
.chax　div{
	display: flex;
}
.chax input{
	float: left;
}
.chaxbk{
	width: 220px;
	height: 48px;
	line-height: 48px;
	border: 0px;
	background-color: #FFFFFF;
	outline: none;
	padding-left: 10px;
	color: #999999;
	font-family: "微软雅黑";
	font-size: 14px;
	color: #999999;
}
.chaxanniu{
	width: 80px;
	height: 48px;
	line-height: 48px;
	text-align: center;
	cursor: pointer;
	background-color: #CCAB68;
	color: #FFFFFF;
	border: 0px;
}

.ban2{
	width: 100%;
	float: left;
	min-height: 100vh;
	height:auto;
	background-image: url(../img/nybj.jpg);
	background-position: center;
	background-repeat: no-repeat;
	background-size: cover;
	display: flex;
	align-items: center;
	justify-content: space-between;
	padding: 0px 12.0vw;
	padding-top:14vh;
}
.ban2 .pic{
	width: calc(50% - 40px);
	text-align: center;
}
.ban2 .pic img{
	max-width: 100%;
}
.ban2 .tex{
	width: calc(50% - 40px);
	font-size: 16px;
	line-height: 28px;
	color: #FFFFFF;
}
.ban2 .tex h1{
	font-size: 38px;
	line-height: 50px;
	margin-bottom: 15px;
	text-transform: uppercase;
}
.ban2 .tex h2{
	font-size: 26px;
	display: flex;
	align-items: center;
	margin-top: 30px;
	margin-bottom: 10px;
}
.ban2 .tex h2 img{
	vertical-align: middle;
	margin-right: 10px;
}

.ban3{
	width: 100%;
	float: left;
	min-height: 100vh;
	height:auto;
	background-image: url(../img/nybj.jpg);
	background-position: center;
	background-repeat: no-repeat;
	background-size: cover;
	display: flex;
	align-items: center;
	justify-content: space-between;
	padding: 0px 12.0vw;
	position: relative;
	padding-top:16vh;
}
.ban3 .pic{
	width: calc(50% - 40px);
	text-align: center;
}
.ban3 .pic img{
	max-width: 100%;
}
.ban3 .tex{
	width: calc(50% - 40px);
	font-size: 16px;
	line-height: 28px;
	color: #FFFFFF;
}
.ban3 .tex h1{
	font-size: 38px;
	line-height: 50px;
	margin-bottom: 55px;
}
.ban3 .tex ul{
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
}
.ban3 .tex ul li{
	width:49%;
	margin-top: 55px;
	display: flex;
	justify-content: space-between;
	align-items: center;
}
.ban3 .tex ul li .subtex{
	width: 100%;
}
.ban3 .tex ul li .subtex h2{
	font-size: 20px;
	margin-bottom: 10px;
	display: flex;
	align-items: center;
}
.ban3 .tex ul li .subtex h2 img{
	vertical-align: middle;
	margin-right: 10px;
}

.ban4{
	width: 100%;
	float: left;
	min-height: 100vh;
	height:auto;
	background-image: url(../img/nybj.jpg);
	background-position: center;
	background-repeat: no-repeat;
	background-size: cover;
	display: flex;
	align-items: center;
	justify-content: space-between;
	padding: 0px 12.0vw;
	position: relative;
}
.ban4 .pic{
	width: 50%;
	text-align: center;
	margin-top: 120px;
}
.ban4 .pic img{
	max-width: 90%;
}
.ban4 .tex{
	width: 42%;
	font-size: 16px;
	line-height: 30px;
	color: #FFFFFF;
}
.ban4 .tex h1{
	font-size: 38px;
	line-height: 50px;
	margin-bottom: 35px;
	font-weight: normal;
}



.ban5{
	width: 100%;
	float: left;
	min-height: 100vh;
	height:auto;
	background-image: url(../img/nybj.jpg);
	background-position: center;
	background-repeat: no-repeat;
	background-size: cover;
	display: flex;
	justify-content: space-around;
	padding: 0px 6.0vw;
	position: relative;
}
.ban5 .pic{
	width: 16.8%;
	text-align: center;
	margin-top: 21vw;
}
.ban5 .pic img{
	max-width: 100%;
}
.ban5 .tex{
	width: 28%;
	font-size: 16px;
	line-height: 28px;
	color: #FFFFFF;
	margin-top: 10vw;
}
.ban5 .tex h1{
	font-size: 38px;
	line-height: 50px;
	margin-bottom: 35px;
	font-weight: normal;
}
.ban5 .zxly{
	width: 37%;
	margin-top: 10vw;
}
.ban5 .zxly dl dt{
	font-size: 18px;
	line-height: 40px;
	margin-top: 10px;
	color: #FFFFFF;
}
.ban5 .zxly dl dd{
	line-height: 66px;
}

.bk2{
	width: 100%;
	height: auto;
	line-height: 47px;
	border: 0px;
	font-size: 16px;
	font-family: "微软雅黑";
	outline: none;
	color: #999999;
	background-image:url(../img/bkbj.jpg);
	background-repeat:repeat-x;
	b
	border-radius: 3px;
	overflow:hidden
}
.anniu2{
	width: 277px;
	height: 70px;
	text-align: center;
	line-height: 70px;
	background-image:url(../img/tj.png);
	background-position:center;
	background-repeat:no-repeat;
	font-size: 18px;
	color: #FFFFFF;
	border: 0px;
	cursor: pointer;
	margin-top: 15px;
}


.ban6{
	width: 100%;
	float: left;
	min-height: 100vh;
	height:auto;
	background-image: url(../img/nybj.jpg);
	background-position: center;
	background-repeat: no-repeat;
	background-size: cover;
	padding: 0px 12.0vw;
	align-items: center;
	display: flex;
	padding-top:16vh;
}

.ban6 h1{
	font-size: 38px;
	line-height: 50px;
	color: #FFFFFF;
	text-align: center;
}
.ban6 ul{
	display: flex;
	margin-top: 5.2vw;
	flex-wrap: wrap;
}
.ban6 ul li{
	width: calc(33.9% - 30px);
	padding: 30px 30px;
	background-image:url(../img/bj02.png);
	background-position:center; background-repeat:repeat-x; background-size:100% 100%;
	border-radius: 10px;overflow: hidden;
	font-size: 16px;
	line-height: 28px;
	color: #FFFFFF;
	margin-right: 30px;
}
.ban6 ul li dl dt{
	font-size: 18px;
	line-height: 30px;
	color: #FFFFFF;
	display: flex;
	align-items: center;
	text-transform: uppercase;
	
}
.ban6 ul li dl dt i{
	width: 44px;
	height: 44px;
	background-position: center;
	background-repeat: no-repeat;
	margin-right: 15px;
}
.ban6 ul li dl dt i img{
width:44px;
}
.ban6 ul li dl dt span{
white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
    word-break: break-all;
}
.ban6 ul li dl dd{
	font-size: 14px;
	line-height: 24px;
	margin-bottom: 35px;
	margin-top: 20px;
	color: #FFFFFF;
}
.ban6 ul li p{
	display: flex;
	justify-content: flex-end;
	text-transform: uppercase;
	margin-top: 30px;
	font-size: 12px;
}
.ban6 ul li a{
	color: #FFFFFF;
}
.ban6 ul li:nth-child(3n){
	margin-right: 0px;
}


.fy{
	width: 100%;
	float: left;
	margin-top: 62px;
	display: flex;
	justify-content: center;
	font-size:0px;
}
.ban6 .fy ul li{
	padding:0 !important;
	width:auto;
	height:auto;
	display:inline-block;
	background:none;
	margin:0px;
	line-height:unset;
	border:0px;
}
.fy a{
	width: 12px;
	height: 12px;
	font-size: 16px;
	border-radius: 50%;
	background-color: #FFFFFF;
	margin-left: 5px;
	margin-right: 5px;
	color: #000;
	line-height: 80px;
	overflow: hidden;
	display:inline-block;
}
.fy a:hover{
	background-image: linear-gradient(to right, #4f3ed1 , #da4ad8 );
	color: #FFFFFF;
}
.fy .active a{
	background-image: linear-gradient(to right, #4f3ed1 , #da4ad8 );
	color: #FFFFFF;
}

.con{
	width: 100%;
	float: left;
	background-image: url(../img/nybj.jpg);
	background-position: center top;
	background-repeat: no-repeat;
	padding: 0px 10vw;
	background-size: cover;
	padding-bottom: 70px;
	padding-top: 200px;
}
.main02{
	width: 50%;
	margin: auto;
}
.con01{
	width: 100%;
	float: left;
	margin-top: 10px;
	color: #FFFFFF;
	font-size: 14px;
	line-height: 24px;
}
.con01 h1{
	font-size: 30px;
	margin-bottom: 20px;
	line-height: 50px;
}

.showtitle{
	width: 100%;
	float: left;
	display: flex;
	justify-content: space-between;
	font-size: 30px;
	line-height: 50px;
	align-items: center;
	color: #FFFFFF;
	font-weight: bold;
	text-transform: uppercase;
}
.showtitle div:first-child img{
	margin-right: 10px;
	vertical-align: middle;
}
.showtitle div:nth-child(2) img{
	margin-left: 15px;
	vertical-align: middle;
}
.showtex{
	width: 100%;
	float: left;
	margin-top: 40px;
	font-size: 14px;
	line-height: 24px;
	color: #FFFFFF;
}

.fy02{
	width: 100%;
	float: left;
	margin-top: 80px;
}
.fy02 ul{
	display: flex;
	justify-content: flex-end;
}
.fy02 ul li{
	width: 50px;
	height: 50px;
	margin-left: 10px;
	
}
.fy02 ul li a{
	width: 100%;
	float: left;
	height: 100%;
}
.fy02 ul li .prev{
	background-image: url(../img/bjt.png);
	background-size: contain;
	background-position: center;
	background-repeat: no-repeat;
	-webkit-transform: rotate(180deg);
}
.fy02 ul li .prev:hover{
	background-image: url(../img/ljt.png);
	background-size: contain;
	background-position: center;
	background-repeat: no-repeat;
	-webkit-transform: rotate(360deg);
}

.fy02 ul li .next{
	background-image: url(../img/bjt.png);
	background-size: contain;
	background-position: center;
	background-repeat: no-repeat;
}
.fy02 ul li .next:hover{
	background-image: url(../img/ljt.png);
	background-size: contain;
	background-position: center;
	background-repeat: no-repeat;
	
	-webkit-transform: rotate(180deg);
}

.main{ margin: auto; max-width:1200px;}

.header2{
	display: none;
}
.moblie{
	display: none;
}
.tjiao{ margin-top:40px;}	
}






@media (max-width:1199px) {
.tjiao{ margin-top:20px;}
.pc{
	display: none;
}
.header{
	display: none;
}
.header2{ 
	width:100%; 
	float:left; 
	height:4rem; 
	line-height:4rem;
	background-color: #1d2357;
	position: fixed;
	top: 0;
	left: 0;
	z-index: 999999;
	box-shadow: 0px 4px 23px 0px rgba(0,0,0,0.10); 
}
.logo{ 
	width:100%; 
	float:left; 
	height:4rem; 
	text-align:center;
}
.logo span{ 
	height:100%; 
	display:inline-block; 
	vertical-align:middle;
}
.logo img{ 
	max-width:70%; 
	max-height:2.5rem; 
	vertical-align:middle; 
}
.logo img:first-child{
    margin-right: 3%;
}
.logo img:nth-child(2){
    max-height: 1.2rem;
}
.nav2{ 
	width:60%; 
	float:right; 
	line-height:110px; 
	height:110px; 
	text-align:right;
}
.nav2 a{ 
	width: auto; 
	font-size:16px; 
	margin-right:5%;
}
.nav-bar2 { 
	width:4rem; 
	height:4rem; 
	position:absolute; 
	z-index:11; 
	left:0%; 
	top:0; 
	text-align:center;
}
.nav-bar2 img{ 
	max-width:40%; 
	max-height:1.5rem; 
	vertical-align:middle;
}
.nav-bar2 span{ 
	display:inline-block; 
	height:100%; 
	vertical-align:middle;
}
.nav-bg { 
	width:0px; 
	height: auto; 
	overflow:hidden; 
	position: absolute; 
	right:0px; 
	top:0; 
	z-index:998;
}
.v_close { 
	display:block; 
	position: absolute; 
	top: 1.0rem; 
	left:5%; 
	z-index:102;  
	width: 1.0rem; 
	height: 1.0rem; 
	background:url(../img/close2.png) no-repeat; 
	background-size:100% 100%; 
	display:none;
}
.nav { 
	margin:0 0 0 0;
}
.subNavBox3{
	width:65%;
	float:right; 
	background:#1d2357;  
	padding-bottom:4rem;
}
.subNavBox3 h1{ 
	text-align:center; 
	height:5rem; 
	background:#1d2357;
	border-bottom: 1px solid rgba(255,255,255,0.20);
}
.subNavBox3 h1 span{ 
	height:100%; 
	display:inline-block; 
	vertical-align:middle;
}
.subNavBox3 h1 img{ 
	max-width:80%; 
	max-height:3rem; 
	vertical-align:middle;
} 
.subNav3{
	width:100%; 
	float:left; 
	HEIGHT:3.0rem;
	DISPLAY: block;  
	CURSOR: pointer; 
	padding-left:5%;
	text-align:left; 
	border-bottom:1px solid rgba(255,255,255,0.20); 
	line-height:3.0rem; 
	font-size:1.0rem;
	color: #FFFFFF;
}
.subNav3 a{
	color: #FFFFFF;
}
.subNav3 i{ 
	padding:0.3rem; 
	background:url(../img/xjt2.png) no-repeat center / contain; 
	margin-right:1rem; 
	float:right; 
	margin-top:1.2rem;
}
.subNav3:hover{float:left;background: #543ad1; }
.currentDd3{background: #543ad1;}
.currentDd3 i{
	background:url(../img/xjt2.png) no-repeat center / contain;
	-webkit-transform:rotate(180deg);
	-moz-transform:rotate(180deg);
	-o-transform:rotate(180deg);
	-ms-transform:rotate(180deg);
	transform:rotate(180deg);
	-webkit-transition:all .25s ease 0s;
	-moz-transition:all .25s ease 0s;
	-o-transition:all .25s ease 0s;
	transition:all .25s ease 0s;
}
.navContent3{
	display: none;
	float:left; 
	width:90%; 
	padding:0.5rem 5% 1rem 5%; 
	line-height:2.0rem; 
	font-size:0.9rem; 
	padding-bottom:0px;
	color: #FFFFFF;
}
.navContent3 a{
	color: #FFFFFF;
}

.main{ 
	width:90%; 
	float:left; 
	margin-left:5%; 
	margin-right:5%;
}

.inde01{
	width: 100%;
	float: left;
	height: auto;
	background-image: url(../img/inb01.jpg);
	background-position: center;
	background-repeat: no-repeat;
	background-size: cover;
	padding: 4.0rem 12vw;
	display: flex;
	justify-content: space-between;
	align-items: center;
	margin-top: 4.0rem;
	flex-wrap: wrap;
}
.inde01 .pic{
	width: 100%;
	margin-top: 2.0rem;
}
.inde01 .pic img{
	max-width: 100%;
}
.inde01 .tex{
	width: 100%;
	font-size: 0.8rem;
	line-height: 1.5rem;
	color: #FFFFFF;
}
.inde01 .tex h1{
	font-size: 1.5rem;
	line-height: 2.5rem;
	margin-bottom: 0.5rem;
	text-transform: uppercase;
}
.inde01 .tex .more{
	display: flex;
	background-image: url(../img/morebj.png);
	background-position: center;
	background-repeat: no-repeat;
	background-size: contain;
	justify-content: center;
	width: 10rem;
	height: 3.0rem;
	align-items: center;
	color: #FFFFFF;
}
.inde01 .tex .more i{
	margin-left: 10px;
	width: 0.5rem;
	height: 0.5rem;
	background-image: url(../img/jr.png);
	background-position: center;
	background-repeat: no-repeat;
	background-size: contain;
}

.inde02{
	width: 100%;
	float: left;
	height: auto;
	background-image: url(../img/inb02.jpg);
	background-position: center top;
	background-repeat: no-repeat;
	background-size: cover;
	padding: 4.0rem 12vw;
	padding-top: 0px;
}
.inde02 ul li{
	width: 100%;
	float: left;
	margin-top: 4.0rem;
	display: flex;
	justify-content: space-between;
	align-items: center;
	flex-wrap: wrap;
}
.inde02 ul li .pic{
	width: 100%;
}
.inde02 ul li .pic img{
	max-width: 100%;
}
.inde02 ul li .tex{
	width: 100%;
	font-size: 0.8rem;
	line-height: 1.5rem;
	color: #FFFFFF;
}
.inde02 ul li .tex h1{
	font-size: 1.2rem;
	line-height: 2.5rem;
	margin-bottom: 0.5rem;
	text-transform: uppercase;
}
.inde02 ul li .tex h2{
	font-size: 1.2rem;
	display: flex;
	align-items: center;
	margin-top: 1.0rem;
	margin-bottom: 0.5rem;
}
.inde02 ul li .tex h2 img{
	vertical-align: middle;
	margin-right: 0.5rem;
}
.inde02 ul li .tex .more{
	display: flex;
	background-image: url(../img/morebj.png);
	background-position: center;
	background-repeat: no-repeat;
	background-size: contain;
	justify-content: center;
	width: 10rem;
	height: 3.0rem;
	align-items: center;
	color: #FFFFFF;
	font-size: 0.8rem;
}
.inde02 ul li .tex .more i{
	margin-left: 0.5rem;
	width: 0.5rem;
	height: 0.5rem;
	background-image: url(../img/jr.png);
	background-position: center;
	background-repeat: no-repeat;
	background-size: contain;
}
.inde02 ul li:first-child .tex{
	margin-top: 2.0rem;
}
.inde02 ul li:nth-child(2) .pic{
	margin-top: 2.0rem;
}
.innew{
	width: 100%;
	float: left;
	height: auto;
	background-image: url(../img/inb03.jpg);
	background-position: center top;
	background-repeat: no-repeat;
	background-size: cover;
	padding: 0px 12.0vw;
	padding-bottom: 3.0rem;
}
.innew h1{
	font-size: 1.5rem;
	color: #FFFFFF;
	line-height: 2.5rem;
	text-align: center;
	margin-top: 2.0rem;
}
.innew ul{
	display: flex;
	margin-top: 1.0rem;
	flex-wrap: wrap;
}
.innew ul li{
	width: 100%;
	padding: 2.0rem;
	background-image: linear-gradient(to bottom, #4e4e69 , #301a5c );
	border-radius: 10px;overflow: hidden;
	font-size: 0.8rem;
	line-height: 1.5rem;
	color: #FFFFFF;
	margin-top: 1.0rem;
}
.innew ul li dl dt{
	font-size: 1.2rem;
	line-height: 1.5rem;
	color: #FFFFFF;
	display: flex;
	align-items: flex-start;
	text-transform: uppercase;
}
.innew ul li dl dt i{
	width: 2.0rem;
	height: 2.0rem;
	background-position: center;
	background-repeat: no-repeat;
	background-size: contain;
	margin-right: 0.5rem;
}
.innew ul li dl dd{
	font-size: 0.8rem;
	line-height: 1.5rem;
	margin-bottom: 1.0rem;
	margin-top: 1.0rem;
	color: #FFFFFF;
}
.innew ul li p{
	display: flex;
	justify-content: space-between;
	text-transform: uppercase;
	margin-top: 1.0rem;
	font-size: 0.8rem;
}
.innew ul li a{
	color: #FFFFFF;
}

.ready{
	display: flex;
	margin-top: 2.0rem;
	justify-content: center;
	flex-wrap: wrap;
}
.ready .pic{
	width: 100%;
	text-align: center;
}
.ready .pic img{
	max-width: 100%;
}
.ready .tex{
	width: 100%;
	font-size: 0.8rem;
	line-height: 1.5rem;
	color: #FFFFFF;
}
.ready .tex h1{
	font-size: 1.5rem;
	line-height: 2.5rem;
	margin-bottom: 0.5rem;
	text-transform: uppercase;
	text-align: left;
}
.ready .tex .more{
	display: flex;
	background-image: url(../img/morebj.png);
	background-position: center;
	background-repeat: no-repeat;
	background-size: contain;
	justify-content: center;
	width: 10rem;
	height: 3.0rem;
	align-items: center;
	color: #FFFFFF;
}
.ready .tex .more i{
	margin-left: 0.5rem;
	width: 0.5rem;
	height: 0.5rem;
	background-image: url(../img/jr.png);
	background-position: center;
	background-repeat: no-repeat;
	background-size: contain;
}


.ban{
	width: 100%;
	float: left;
	height: auto;
	background-image: url(../img/nybj.jpg);
	background-position: center;
	background-repeat: no-repeat;
	background-size: cover;
	padding: 3.0rem 5%;
	margin-top: 4.0rem;
}
.ban01{
	width: 100%;
	float: left;
	display: flex;
	justify-content: center;
	align-items: center;
	flex-wrap: wrap;
}
.ban01 .pic{
	width: 100%;
	text-align: center;
	margin-top: 2.0rem;
}
.ban01 .pic img{
	max-width: 80%;
}
.ban01 .tex{
	width: 100%;
	font-size: 0.8rem;
	line-height: 1.5rem;
	color: #FFFFFF;
}
.ban01 .tex h1{
	font-size: 2.0rem;
	line-height: 3.0rem;
	font-weight: normal;
	margin-bottom: 1.0rem;
}

.foot{
	width: 100%;
	float: left;
	background-color: #1d2357;
	padding: 2.5rem 6vw;
	display: flex;
	justify-content: space-between;
	flex-wrap: wrap;
	padding-top: 0px;
}
.foot div{
	margin-top: 2.0rem;
}
.foot dl dt{
	font-size: 1.0rem;
	color: #FFFFFF;
	margin-bottom: 0.5rem;
	font-weight: bold;
}
.foot dl dd{
	font-size: 0.8rem;
	line-height: 1.5rem;
	color: #FFFFFF;
}
.foot dl dd a{
	color: #FFFFFF;
}
.foot div:first-child{
	font-size: 0.8rem;
	line-height: 1.5rem;
	color: #FFFFFF;
	width: 100%;
}
.foot div:first-child img{
	max-width: 50%;
	display: inline-block;
	margin: 0 auto;
}
.foot h1{
	margin-bottom: 1.5rem;
	text-align: center;
}
.foot div:last-child{
	font-size: 0.8rem;
	line-height: 1.5rem;
	color: #FFFFFF;
}
.foot div:last-child img{
	margin-right: 0.5rem;
}

.chax{
	right:3.0vw; 
	top:110px;
	position: absolute;
	width:300px; 
	z-index:99999;
	display: none;
}
.chax　div{
	display: flex;
}
.chax input{
	float: left;
}
.chaxbk{
	width: 220px;
	height: 48px;
	line-height: 48px;
	border: 0px;
	background-color: #FFFFFF;
	outline: none;
	padding-left: 10px;
	color: #999999;
	font-family: "微软雅黑";
	font-size: 14px;
	color: #999999;
}
.chaxanniu{
	width: 80px;
	height: 48px;
	line-height: 48px;
	text-align: center;
	cursor: pointer;
	background-color: #CCAB68;
	color: #FFFFFF;
	border: 0px;
}

.ban2{
	width: 100%;
	float: left;
	height: auto;
	background-image: url(../img/nyhbj.jpg);
	background-position: center;
	background-repeat: no-repeat;
	background-size: cover;
	display: flex;
	align-items: center;
	justify-content: space-between;
	padding: 3.0rem 6.0vw;
	flex-wrap: wrap;
	margin-top: 4.0rem;
}
.ban2 .pic{
	width: 100%;
	text-align: center;
	margin-top: 2.0rem;
}
.ban2 .pic img{
	max-width: 100%;
}
.ban2 .tex{
	width: 100%;
	font-size: 0.8rem;
	line-height: 1.5rem;
	color: #FFFFFF;
}
.ban2 .tex h1{
	font-size: 1.5rem;
	line-height: 2.5rem;
	margin-bottom: 0.5rem;
	text-transform: uppercase;
}
.ban2 .tex h2{
	font-size: 1.2rem;
	display: flex;
	align-items: center;
	margin-top: 1.5rem;
	margin-bottom: 1rem;
}
.ban2 .tex h2 img{
	vertical-align: middle;
	margin-right: 0.5rem;
}

.ban3{
	width: 100%;
	float: left;
	height: auto;
	background-image: url(../img/nybj.jpg);
	background-position: center;
	background-repeat: no-repeat;
	background-size: cover;
	display: flex;
	align-items: center;
	justify-content: space-between;
	padding: 3.0rem 6.0vw;
	position: relative;
	margin-top: 4.0rem;
	flex-wrap: wrap;
}
.ban3 .pic{
	width: 100%;
	margin-top: 2.0rem;
}
.ban3 .pic img{
	max-width: 100%;
}
.ban3 .tex{
	width: 100%;
	font-size: 0.8rem;
	line-height: 1.5rem;
	color: #FFFFFF;
}
.ban3 .tex h1{
	font-size: 2.0rem;
	line-height: 3.0rem;
	margin-bottom: 2.0rem;
}
.ban3 .tex ul{
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
}
.ban3 .tex ul li{
	width:100%;
	margin-top: 2.0rem;
	display: flex;
	justify-content: space-between;
	align-items: center;
}
.ban3 .tex ul li .subtex{
	width: 100%;
}
.ban3 .tex ul li .subtex h2{
	font-size: 1.0rem;
	margin-bottom: 0.5rem;
	line-height: 1.8rem;
	display: flex;
	align-items: center;
}
.ban3 .tex ul li .subtex h2 img{
	vertical-align: middle;
	margin-right: 0.5rem;
	max-height: 2.0rem;
}

.ban4{
	width: 100%;
	float: left;
	height:  auto;
	background-image: url(../img/nybj.jpg);
	background-position: center;
	background-repeat: no-repeat;
	background-size: cover;
	display: flex;
	align-items: center;
	justify-content: space-between;
	padding: 3.0rem 6.0vw;
	position: relative;
	flex-wrap: wrap;
	margin-top: 4.0rem;
}
.ban4 .pic{
	width: 100%;
	text-align: center;
}
.ban4 .pic img{
	max-width: 80%;
}
.ban4 .tex{
	width: 100%;
	font-size: 0.8rem;
	line-height: 1.5rem;
	color: #FFFFFF;
}
.ban4 .tex h1{
	font-size: 2.0rem;
	line-height: 3.0rem;
	margin-bottom: 1.0rem;
	font-weight: normal;
}



.ban5{
	width: 100%;
	float: left;
	height: auto;
	background-image: url(../img/nybj.jpg);
	background-position: center;
	background-repeat: no-repeat;
	background-size: cover;
	display: flex;
	justify-content: center;
	padding: 3.0rem 6.0vw;
	position: relative;
	margin-top: 4.0rem;
	flex-wrap: wrap;
}
.ban5 .pic{
	width: 100%;
	text-align: center;
	margin-left: 8vw;
	margin-top: 2.0rem;
}
.ban5 .pic img{
	max-width: 100%;
}
.ban5 .tex{
	width: 100%;
	font-size: 0.8rem;
	line-height: 1.5rem;
	color: #FFFFFF;
}
.ban5 .tex h1{
	font-size: 2.0rem;
	line-height: 3.0rem;
	margin-bottom: 1.0rem;
	font-weight: normal;
}
.ban5 .zxly{
	width: 100%;
	margin-top: 2.0rem;
}
.ban5 .zxly dl dt{
	font-size: 0.8rem;
	line-height: 2.0rem;
	margin-top: 0.5rem;
	color: #FFFFFF;
}
.ban5 .zxly dl dt input{ max-height:3.5rem; margin-top:1.0rem}
.ban5 .zxly dl dd{
	line-height: 2.5rem;
}

.bk2{
	width: 100%;
	height: auto;
	line-height: 2.5rem;
	border: 0px;
	font-size: 0.8rem;
	font-family: "微软雅黑";
	outline: none;
	color: #999999;
}
.anniu2{
	width: 8.0rem;
	height: 2.5rem;
	text-align: center;
	line-height: 2.5rem;
	background-image: linear-gradient(to right, #2a58d1 , #f261db );
	border-radius: 1.5rem;
	font-size: 0.8rem;
	color: #FFFFFF;
	border: 0px;
	cursor: pointer;
	margin-top: 1.0rem;
}


.ban6{
	width: 100%;
	float: left;
	height: auto;
	background-image: url(../img/nybj.jpg);
	background-position: center top;
	background-repeat: no-repeat;
	background-size: cover;
	padding: 3.0rem 6.0vw;
	margin-top: 4.0rem;
}
.ban6 h1{
	font-size: 2.0rem;
	color: #FFFFFF;
	margin-top: 10vw;
	line-height: 2.5rem;
	text-align: center;
}
.ban6 ul{
	display: flex;
	margin-top: 5.2vw;
	flex-wrap: wrap;
}
.ban6 ul li{
	width: 100%;
	padding: 1.0rem 2.0rem;
	background-image: linear-gradient(to bottom, #4a566f , #2f2d69 );
	border-radius: 10px;overflow: hidden;
	font-size: 0.8rem;
	line-height: 1.5rem;
	color: #FFFFFF;
	margin-top: 1.0rem;
}

.ban6 ul li dl dt{
	font-size: 1.2rem;
	line-height: 1.5rem;
	color: #FFFFFF;
	display: flex;
	align-items: flex-start;
	text-transform: uppercase;
}
.ban6 ul li dl dt i{
	width: 2.0rem;
	height: 2.0rem;
	background-position: center;
	background-repeat: no-repeat;
	background-size: contain;
	margin-right: 0.5rem;
}
.ban6 ul li dl dt i img{
width: 2.0rem;
}
.ban6 ul li dl dt span{
white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
    word-break: break-all;
}
.ban6 ul li dl dd{
	font-size: 0.8rem;
	line-height: 1.5rem;
	margin-bottom: 1.0rem;
	margin-top: 1.0rem;
	color: #FFFFFF;
}
.ban6 ul li p{
	display: flex;
	justify-content: space-between;
	text-transform: uppercase;
	margin-top: 1.0rem;
	font-size: 0.8rem;
}
.ban6 ul li a{
	color: #FFFFFF;
}

.fy{
	width: 100%;
	float: left;
	margin-top: 2.0rem;
	display: flex;
	justify-content: center;
}
.fy a{
	width: 0.5rem;
	height: 0.5rem;
	font-size: 0.8rem;
	line-height: 3.0rem;
	overflow: hidden;
	border-radius: 50%;
	background-color: #FFFFFF;
	margin-left: 5px;
	margin-right: 5px;
	color: #000;
}
.fy a:hover{
	background-image: linear-gradient(to right, #4f3ed1 , #da4ad8 );
	color: #FFFFFF;
}
.fy .cur{
	background-image: linear-gradient(to right, #4f3ed1 , #da4ad8 );
	color: #FFFFFF;
}

.con{
	width: 100%;
	float: left;
	background-image: url(../img/nybj.jpg);
	background-position: center top;
	background-repeat: no-repeat;
	background-size: cover;
	padding-bottom: 3.0rem;
	padding-top: 3.0rem;
	margin-top: 4.0rem;
}
.main02{
	width: 100%;
	float: left;
	padding: 0px 5%;
}
.con01{
	width: 100%;
	float: left;
	color: #FFFFFF;
	font-size: 0.8rem;
	line-height: 1.5rem;
}
.con01 h1{
	font-size: 1.5rem;
	margin-bottom: 1.0rem;
	line-height: 2.5rem;
}

.showtitle{
	width: 100%;
	float: left;
	display: flex;
	justify-content: space-between;
	font-size: 1.5rem;
	line-height: 2.5rem;
	align-items: center;
	color: #FFFFFF;
	font-weight: bold;
	text-transform: uppercase;
	flex-wrap: wrap;
}
.showtitle div:first-child img{
	margin-right: 0.5rem;
	vertical-align: middle;
}
.showtitle div:nth-child(2) img{
	margin-right: 0.5rem;
	vertical-align: middle;
}
.showtitle div:nth-child(2){
	margin-top: 1.0rem;
	width: 100%;
}
.showtex{
	width: 100%;
	float: left;
	margin-top: 2.0rem;
	font-size: 0.8rem;
	line-height: 1.5rem;
	color: #FFFFFF;
}

.fy02{
	width: 100%;
	float: left;
	margin-top: 3.0rem;
}
.fy02 ul{
	display: flex;
	justify-content: flex-end;
}
.fy02 ul li{
	width: 2.5rem;
	height: 2.5rem;
	margin-left: 0.5rem;
	
}
.fy02 ul li a{
	width: 100%;
	float: left;
	height: 100%;
}
.fy02 ul li .prev{
	background-image: url(../img/bjt.png);
	background-size: contain;
	background-position: center;
	background-repeat: no-repeat;
	-webkit-transform: rotate(180deg);
}
.fy02 ul li .prev:hover{
	background-image: url(../img/ljt.png);
	background-size: contain;
	background-position: center;
	background-repeat: no-repeat;
	-webkit-transform: rotate(360deg);
}

.fy02 ul li .next{
	background-image: url(../img/bjt.png);
	background-size: contain;
	background-position: center;
	background-repeat: no-repeat;
}
.fy02 ul li .next:hover{
	background-image: url(../img/ljt.png);
	background-size: contain;
	background-position: center;
	background-repeat: no-repeat;
	
	-webkit-transform: rotate(180deg);
}
}


.new_rule{
	width: 100%;
	background-image: url(../img/new_rule_bg.jpg);
	background-position: center;
	background-repeat: no-repeat;
	background-size: cover;
}
.new_rule_list{
    width: 100%;
	min-height: 100vh; 
	display: flex;
	flex-direction: column;
	justify-content: center;
	padding: 0px 12.0vw;
	padding-top: 10vh;
}
.new_rule_list_in{
    width: 100%;
	display: flex;
	align-items: center;
	justify-content: space-between;
}
.new_rule_list:nth-child(2n) .new_rule_list_in{
    flex-direction: row-reverse;
}
.new_rule_list_in .text{
    width: 49.93%;
}
.new_rule_list_in .text .t{
    font-size: 36px; color: #fff;
}
.new_rule_list_in .text .b{
    font-size:20px; color: #fff; margin-top: 15px;
}
.new_rule_list_in .text .c{
    font-size: 14px; color: #fff; margin: 30px 0; line-height: 2;
}
.new_rule_list_in .text .i img{
    display: inline-block;
    max-width: 100%;
}
.new_rule_list_in .text .d .dli{
    display: flex;
    justify-content: space-between;
    margin-top: 80px;
}
.new_rule_list_in .text .d .dli .dimg{
    width: 64px;
}
.new_rule_list_in .text .d .dli .dimg img{
    display: inline-block;
    width: 100%;
}
.new_rule_list_in .text .d .dli .dtext{
    width: calc(100% - 90px); font-size: 14px; color: #fff;  line-height: 2;
}

.new_rule_list_in .img{
    width: 37%;
}
.new_rule_list_in .img img{
    display: inline-block;
    max-width: 100%;
}
#caselist .swiper-slide {
  width: 80%;
  padding: 60px 20px;
  background: #fff;
  box-sizing:border-box;
}
#caselist .swiper-slide img{
    display: block;
    width: 100%;
}
#caselist{
    position: relative; margin-bottom: 90px;
}
#caselist .swiper-button-next,#caselist .swiper-button-prev{
    color: #fff; 
    top: 50%;
    margin-top: 0;
    transform: translateY(-50%);
}
#caselist .swiper-button-next::after,#caselist  .swiper-button-prev::after{
    font-size: 54px;
    font-weight: bold;
}
#caselist .swiper-button-prev{
    left: 4vw;
}
#caselist .swiper-button-next{
    right: 4vw;
}
#caselist .swiper-slide{
    position: relative;
}
#caselist .swiper-slide::after{
    width: 100%; height: 100%; position: absolute; top: 0; left: 0; z-index: 2; background: rgba(36,28,66,0.5); content: " ";
}
#caselist .swiper-slide.swiper-slide-active::after{
    display: none;
}
.casetext{
    text-align: center; color: #fff;
}
.casetext .t{
    font-size: 28px; font-weight: bold;
}
.casetext .b{
    font-size: 16px; margin: 25px 0 65px;
}

@media (max-width:1366px) {
    #caselist .swiper-button-next::after, #caselist .swiper-button-prev::after {
      font-size: 34px;
    }
    #caselist .swiper-slide {
      padding: 40px 15px;
    }

    .casetext .t{
        font-size: 24px; 
    }
    .casetext .b{
        font-size: 14px; margin: 15px 0 45px;
    }  
    #caselist {
        margin-bottom: 60px;
    }
}
@media (max-width:1199px) {
.new_rule_list {
  width: 100%;
  min-height: auto;
  padding: 3rem 12vw;
}
.new_rule{
    margin-top: 4.0rem;
}
.new_rule_list_in{
    flex-wrap: wrap;
}
.new_rule_list_in .text {
  width: 100%;
}
.new_rule_list_in .img {
  width: 100%; text-align: center; margin-top: 2.0rem;
}
.new_rule_list_in .text .t {
  font-size: 30px;
}
.new_rule_list_in .text .b {
  font-size: 16px;
  margin-top: 10px;
}
.new_rule_list_in .text .c {
  font-size: 13px;
  margin: 20px 0;
  line-height: 2;
}
.new_rule_list_in .text .d .dli .dimg {
  width: 45px;
}
.new_rule_list_in .text .d .dli .dtext {
  width: calc(100% - 65px);
  font-size: 13px;
  line-height: 2;
}
.new_rule_list_in .text .d .dli {
  margin-top: 2rem;
}

#caselist .swiper-slide {
  width: 80%;
  padding: 20px 10px;
}
#caselist .swiper-button-next {
  right: 0;
}
#caselist .swiper-button-prev {
  left: 0;
}
#caselist .swiper-button-next::after, #caselist .swiper-button-prev::after {
  font-size: 24px;
}
#caselist .swiper-button-next, #caselist .swiper-button-prev {
  top: calc(50% + 0rem);
  margin-top: 0;
  transform: translateY(-50%);
}
    .casetext .t{
        font-size: 20px; 
    }
    .casetext .b{
        font-size: 13px; margin: 15px 0 40px;
    } 
    #caselist {
        margin-bottom: 0px;
    }
    
    
}