body{margin: 0;padding: 0; width:100%; height: 100%;font-family: 'Microsoft YaHei';background: #fff;position: relative;}
h1,h2,h3,h4,h5,h6,ul,ol,li,p,figure{list-style: none; padding: 0; margin: 0;}
input{height: 36px;border: solid 1px #dae0e9;border-radius: 5px;padding-left: 10px;outline: none;font-size: 14px;color: #666;}

.page-3 .container{width: 100%; overflow: hidden;position: relative;}
.page-3 .sj-head span{color: #fff;}
.page-3 .sm-head{color: #fff;}
#type-left{width: 38%;float: left;}
#type-left .con h6{font-size: 24px;color: #58b6f4;text-align: center;margin-bottom: 30px;}
#type-left .con p{font-size: 14px;color: #000;padding: 25px;line-height: 28px;text-align: justify;}
#type-left .con{margin-top: 80px;width: 100%;}
#type-banner{width: 52%;float: right;}
#type-banner .swiper-wrapper{margin-bottom: 60px;width: 100%;}
#type-banner figure{width: 100%;border: solid 5px #fff;}
#type-banner img{width: 100%;}
.page-3 .swiper-button-prev i,.page-3  .swiper-button-next i{font-size: 24px;}
.page-3 .swiper-pagination-bullet{background: #d2d2d2;width: 12px;height: 12px;margin: 0 7.5px;}
.page-3 .swiper-pagination-bullet-active{background: #58b6f4;}
.page-3 .ts-prev{left: 47%;top: 50%;}
.page-3 .ts-next{right: 0;top: 50%;}
.page-3 .ts-nav{bottom: 0;right: 20%;}
.page-3{ position: relative; margin-top: 6%; padding-bottom: 10% }

@media all and (min-width: 1450px)  and (max-width: 1600px){
.page-3 .con-list{width: 380px;float: left;}
.page-3 .con-list p{font-size: 14px;color: #fff;padding: 25px;line-height: 28px;text-align: justify;}
.page-3 .con{margin-top: 80px;}
.page-3 .ts-prev{left: 420px;top: 50%;}
.page-3 .ts-next{right: 0;top: 50%;}
/*.page-3 .ts-nav{bottom: 10px;right: 285px;}*/

}

@media all and (min-width: 1400px) and (max-width: 1440px){

.page-3 .con-list{width: 380px;float: left;}
.page-3 .con-list p{font-size: 14px;color: #fff;padding: 25px;line-height: 28px;text-align: justify;}
.page-3 .con{margin-top: 80px;}
.page-3 .ts-prev{left: 480px;top: 50%;}
.page-3 .ts-next{right: 0;top: 50%;}
/*.page-3 .ts-nav{bottom: 10px;right: 285px;}
#type-banner{width: 680px;float: right;}*/
#type-banner .swiper-wrapper{margin-bottom: 60px;width: 100%;}
}

@media all and (min-width: 1300px)  and (max-width: 1366px){
.page-3 .con-list{width: 340px;float: left;}
.page-3 .con p{font-size: 12px;color: #fff;padding: 25px;line-height: 28px;text-align: justify;}
#type-left .con{margin-top: 40px;}
#type-banner .swiper-wrapper{margin-bottom: 60px;width: 100%;}
#type-banner figure{width: 250px;}
#type-banner img{width: 100%;}

}