@charset "utf-8";
.sltCenter{max-width:1240px;margin: 0 auto;width:100%;font-size: 16px;font-family: 'Cabin', sans-serif;min-height: 200px;}
.img-des{width:100%;}
div,ul,li{margin: 0px;padding: 0px;}
label{display:block;}
.topH3{
border-radius: 6px;
height: 50px;
line-height: 50px;
margin: 0;
padding: 0;
text-align: center;
color: #fff;
background: #0C549E;
font-family: 'Cabin', sans-serif;
font-size: 30px;
font-weight: normal;
text-transform: capitalize;
text-decoration: none;
}
.sltCenter{font-family: "georgia";}
.sltCenter img{display: inline-block;width: 100%;}
.clearb{clear: both;}
.img-des{overflow: hidden;width: 100%;}
.bannaImg,.uldes{width:50%;float:left;box-sizing: border-box;}
.dispnone,.dispnone1{display: none;}
.bannaImg .bigImg{width: 100%;}
.bigImg img{float: left;margin: 0px;padding: 0px;opacity: 0;transition: all 0.5s;}
.bigImg img+img{margin-top:-100%;}
.navImg{margin-top:20px;}
.navImg ul{list-style: none;}
.navImg ul li{float:left;width:18%;margin:0 1% 0 1%;box-sizing: border-box;border-radius: 6px;}
.navImg ul li:hover{border: 2px solid #ccc;cursor:pointer;}
@media only screen and (max-width:700px ) {
	.img-des .bannaImg,.uldes{width:100%;}
}
.uldes{padding:10px;}
.uldes h3{line-height: 34px;text-align: left;color: #000;font-family: "Cabin", sans-serif;font-size: 30px;font-weight: bold;text-transform: initial;text-decoration: none;}
.uldes p{margin: 0 0 15px 0;padding: 0;text-align: left;color: #0D559E;font-family: 'Cabin', sans-serif;font-size: 20px;font-weight: normal;text-transform: initial;text-decoration: none;}
.uldes ul{margin: 0;padding: 0;list-style-type: none;}
.uldes ul li{margin: 0 0 20px 0;padding: 0 0 0 35px;line-height: 20px;text-align: left;color: #000;font-family: 'Cabin', sans-serif;font-size: 16px;font-weight: normal;text-transform: initial;text-decoration: none;background: url("https://shared1.ad-lister.co.uk/UserImages/d6f62f58-f776-45ad-a792-70aafbb862f8/Img/_design/bg.png") no-repeat 0 0;}
.desc h3{border-radius:6px; height: 50px;line-height: 50px;margin: 0;padding: 0;text-align: center;color: #fff;background: #0C549E;font-family: 'Cabin', sans-serif;font-size: 30px;font-weight: normal;text-transform: capitalize;text-decoration: none;}
.desc{box-sizing:border-box;line-height: 30px;color:#333;}
.desc ul{margin-left: 20px;}
.trueImg h3{background:#0C549E;padding:6px;border-radius: 6px;color: #FFF;}
.trueImgDes .bigimg,.smallimg{float:left;width: 50%;box-sizing: border-box;}
.trueImgDes .bigimg img{float: left;margin: 0px;padding: 0px;vertical-align: middle;}
.trueImgDes .bigimg img+img{margin-top:-100%;}
.smallimg{}
.smallimg ul{width: 60%;margin: 0px auto;}
.smallimg ul li{list-style: none;float: left;box-sizing: border-box;width:46%;margin: 1%;padding:4px;}
.smallimg ul li label:hover{border-radius: 4px;cursor:pointer;box-sizing: border-box;}
.bigimg img{opacity: 0;transition:all 0.5s;}
/*头图*/
.dispnone1:nth-of-type(1):checked~ .bigImg img:nth-of-type(1){opacity:1;}
.dispnone1:nth-of-type(2):checked~ .bigImg img:nth-of-type(2){opacity:1;}
.dispnone1:nth-of-type(3):checked~ .bigImg img:nth-of-type(3){opacity:1;}
.dispnone1:nth-of-type(4):checked~ .bigImg img:nth-of-type(4){opacity:1;}
.dispnone1:nth-of-type(5):checked~ .bigImg img:nth-of-type(5){opacity:1;}
.dispnone1:nth-of-type(6):checked~ .bigImg img:nth-of-type(6){opacity:1;}
.dispnone1:nth-of-type(7):checked~ .bigImg img:nth-of-type(7){opacity:1;}
.dispnone1:nth-of-type(8):checked~ .bigImg img:nth-of-type(8){opacity:1;}
.dispnone1:nth-of-type(9):checked~ .bigImg img:nth-of-type(9){opacity:1;}
.dispnone1:nth-of-type(10):checked~ .bigImg img:nth-of-type(10){opacity:1;}
.dispnone1:nth-of-type(11):checked~ .bigImg img:nth-of-type(11){opacity:1;}
.dispnone1:nth-of-type(12):checked~ .bigImg img:nth-of-type(12){opacity:1;}
.dispnone1:nth-of-type(13):checked~ .bigImg img:nth-of-type(13){opacity:1;}
.dispnone1:nth-of-type(1):checked~ .navImg ul li:nth-of-type(1){border: 2px solid #ccc;}
.dispnone1:nth-of-type(2):checked~ .navImg ul li:nth-of-type(2){border: 2px solid #ccc;}
.dispnone1:nth-of-type(3):checked~ .navImg ul li:nth-of-type(3){border: 2px solid #ccc;}
.dispnone1:nth-of-type(4):checked~ .navImg ul li:nth-of-type(4){border: 2px solid #ccc;}
.dispnone1:nth-of-type(5):checked~ .navImg ul li:nth-of-type(5){border: 2px solid #ccc;}
.dispnone1:nth-of-type(6):checked~ .navImg ul li:nth-of-type(6){border: 2px solid #ccc;}
.dispnone1:nth-of-type(7):checked~ .navImg ul li:nth-of-type(7){border: 2px solid #ccc;}
.dispnone1:nth-of-type(8):checked~ .navImg ul li:nth-of-type(8){border: 2px solid #ccc;}
.dispnone1:nth-of-type(9):checked~ .navImg ul li:nth-of-type(9){border: 2px solid #ccc;}
.dispnone1:nth-of-type(10):checked~ .navImg ul li:nth-of-type(10){border: 2px solid #ccc;}
.dispnone1:nth-of-type(11):checked~ .navImg ul li:nth-of-type(11){border: 2px solid #ccc;}
.dispnone1:nth-of-type(12):checked~ .navImg ul li:nth-of-type(12){border: 2px solid #ccc;}
/*真图切换*/
.dispnone:nth-of-type(1):checked~ .bigimg img:nth-of-type(1){opacity: 1;}
.dispnone:nth-of-type(2):checked~ .bigimg img:nth-of-type(2){opacity: 1;}
.dispnone:nth-of-type(3):checked~ .bigimg img:nth-of-type(3){opacity: 1;}
.dispnone:nth-of-type(4):checked~ .bigimg img:nth-of-type(4){opacity: 1;}
.dispnone:nth-of-type(5):checked~ .bigimg img:nth-of-type(5){opacity: 1;}
.dispnone:nth-of-type(6):checked~ .bigimg img:nth-of-type(6){opacity: 1;}
.dispnone:nth-of-type(7):checked~ .bigimg img:nth-of-type(7){opacity: 1;}
.dispnone:nth-of-type(8):checked~ .bigimg img:nth-of-type(8){opacity: 1;}
.dispnone:nth-of-type(9):checked~ .bigimg img:nth-of-type(9){opacity: 1;}
.dispnone:nth-of-type(10):checked~ .bigimg img:nth-of-type(10){opacity: 1;}
.dispnone:nth-of-type(11):checked~ .bigimg img:nth-of-type(11){opacity: 1;}
.dispnone:nth-of-type(1):checked~ .smallimg ul li:nth-of-type(1){border: 2px solid #ccc;}
.dispnone:nth-of-type(2):checked~ .smallimg ul li:nth-of-type(2){border: 2px solid #ccc;}
.dispnone:nth-of-type(3):checked~ .smallimg ul li:nth-of-type(3){border: 2px solid #ccc;}
.dispnone:nth-of-type(4):checked~ .smallimg ul li:nth-of-type(4){border: 2px solid #ccc;}
.dispnone:nth-of-type(5):checked~ .smallimg ul li:nth-of-type(5){border: 2px solid #ccc;}
.dispnone:nth-of-type(6):checked~ .smallimg ul li:nth-of-type(6){border: 2px solid #ccc;}
.dispnone:nth-of-type(7):checked~ .smallimg ul li:nth-of-type(7){border: 2px solid #ccc;}
.dispnone:nth-of-type(8):checked~ .smallimg ul li:nth-of-type(8){border: 2px solid #ccc;}
.dispnone:nth-of-type(9):checked~ .smallimg ul li:nth-of-type(9){border: 2px solid #ccc;}
.dispnone:nth-of-type(10):checked~ .smallimg ul li:nth-of-type(10){border: 2px solid #ccc;}
.dispnone:nth-of-type(11):checked~ .smallimg ul li:nth-of-type(11){border: 2px solid #ccc;}