*{ box-sizing: border-box;font-family: "微软雅黑";}
.clear{ clear: both;}
.left{ float: left;}
.right{ float:left;}
body{ background:url(bg.png) center top no-repeat;}

.banner{ width: 100%; height: 270px; background: url(banner.png) center center no-repeat; position: relative; overflow: hidden;}
.banner .logo{ display: block; width: 300px;position:absolute; left: 15%; top:30px;}
.banner .logo img{ width: 100%;}
.banner .old,.banner .old_type{ position:absolute; right: 10%; top:20px; cursor: pointer; padding: 1px 10px; text-align: center; line-height: 40px; color:#fff; background-color: #3B8AFE; border-radius: 10px;}
.banner .old_type{ display: none;}
.banner .zhuanti{ width: 336px; height: 80px; margin: 0 auto; margin-top: 120px;}
.banner .zhuanti img{ width: 100%;}
.main{ width: 100%; height:760px; margin: 0 auto; position: relative; z-index: 999;}
.section1{ width: 1200px; margin: 0 auto;}
.section1 .left{ width: 583px; float: left;}
.section1 .right{ width: 583px; float: right;}

.switch{ padding-left: 10px;}
.switch span{ display: inline-block; width: 135px; height: 50px; text-align: center; line-height: 50px; background: url(titlebg2.png) no-repeat; color: #000; font-size: 20px;}
.switch span.on{background: url(titlebg1.png) no-repeat; color: #fff;}
.switch a{color: #000;}
.switch span.on a{ color: #fff;}
.box1{ width: 580px; height: 513px; background-color: #fff; border-radius: 10px; padding: 0px 20px 10px}
.switch1 span{ float: left; font-size: 15px; line-height: 20px;;}
.switch1 span:nth-child(1),.switch1 span:nth-child(2){ line-height: 50px; font-size: 20px;}
.switch1 span:nth-child(3),.switch1 span:nth-child(4){ padding-top: 5px;}
.switch2 span{ display: inline-block; font-size: 19px; margin-right: 25px;}
.switch2{ border-bottom: 1px solid #ccc; line-height: 50px;}
.switch2 span.on{color: #3283FE; border-bottom:1px solid #3283FE; line-height: 50px;}
.switch2 a,.switch3 a,.switch4 a{ float: right; width: 64px; height: 30px; background-color: #DFEBFF; color: #2A7EFD; text-align: center; line-height: 30px; border-radius:10px; margin-top: 10px;}
.box2{ margin-top: 10px; width: 540px; height: 430px; overflow: hidden; text-align: center;}
.box2 img{ width: 500px;}
.box3,.box4{ width: 580px; height: 220px; background-color: #fff; border-radius: 10px; padding: 10px 20px;}
.switch4{ margin-top: 24px;}
.box3 ul li,.box4 ul li{ line-height: 39px; background: url(dot.png) left center no-repeat; padding-left: 15px;}
.box3 ul li span,.box4 ul li span{ float: right; color: #999;}