* {box-sizing:border-box;-moz-box-sizing:border-box; /* Firefox */-webkit-box-sizing:border-box; /* Safari */}
html {
    font-family: sans-serif;
    -webkit-text-size-adjust: 100%;
        -ms-text-size-adjust: 100%;
        font-size: 16px;
}
html, body{min-width: 1400px;}
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,legend,input,button,textarea,p,blockquote,th,td{margin:0;padding:0;}
body,h1,h2,h3,h4,h5,h6,hr,p,blockquote,dl,dt,dd,ul,ol,li,pre,form,fieldset,legend,button,input,textarea,table,th,td,section,article,aside,header,footer,nav,dialog,figure{margin:0;padding:0;}
*:before,*:after {-webkit-box-sizing: border-box;-moz-box-sizing: border-box; box-sizing: border-box;}
li{list-style:none;}
ul{margin: 0;padding: 0} 
h1,h2,h3,h4,h5,h6{font-size:100%;font-weight:normal}
*:focus{outline:none}
.clearfix:after,.clearfix:before{content: '';display: table}
.clearfix:after {clear: both;}
.font14{font-size: 14px}
.font16{font-size: 16px}
.font18{font-size: 18px}
.fl { float:left; }
.fr { float:right; }
.f-st { font-family:\5b8b\4f53;}
a{text-decoration:none;cursor:pointer;display: block;color: #282828;}
a:hover{text-decoration:none;color: #2a61c1;}
.hr24{ height:24px; clear:both; overflow:hidden}
.hr40{ height:40px; clear:both; overflow:hidden}
.hr60{ height:60px; clear:both; overflow:hidden}
.hr100{ height:150px; clear:both; overflow:hidden}
.undis{display: none}
.show{display: block!important;}
.container{width: 1200px;margin-left: auto;margin-right: auto;}
.flex{display: flex;}



body{font-family:'微软雅黑',microsoft yahei, arial,PingFang SC, helvetica, sans-serif;}
.by1{background: url('../images/bg1.png') no-repeat center bottom}
.by2{background: #fff  url('../images/bg1_01.jpg') no-repeat center top}

.banner{height: 700px;width: 100%;background-repeat: no-repeat;background-position: center top;overflow: hidden;}



.main{overflow: hidden;}

.nav{overflow: hidden;}

.nav ul{width: 1400px;border-bottom: 2px solid #1d8de3;height: 66px;margin: 40px auto;display: flex;justify-content: center; /* 水平居中 */}
.nav li{width: 250px;height: 65px;margin: 0 20px;cursor: pointer;}


.n1{background-image:url('../images/t1.png');
    background-repeat: no-repeat;
    background-position: 0px 0;    }
.n1.active{background-position: 0 -75px;}

.n2{background-image: url('../images/t2.png');background-repeat: no-repeat;background-position: 0 0;}
.n2.active{background-position: 0 -75px;}

.n3{background-image: url('../images/t3.png');background-repeat: no-repeat;background-position: 0 0;}
.n3.active{background-position: 0 -75px;}

.n4{background-image: url('../images/t4.png');background-repeat: no-repeat;background-position: 0 0;}
.n4.active{background-position: 0 -75px;}



.footer{text-align: center;height: 63px;background-color: #1d8de3;}
.footer p{line-height: 63px;color: white;text-align: center;}



.contect{height: 1028px;overflow: hidden;margin: 0 auto 70px;}
.box{height: 1028px;position: relative;overflow: hidden;display: none; }
.box .swiper{width: 1400px;height: 1028px;overflow: hidden;margin: 0 auto;}
.box .swiper ul{overflow: hidden;height: 1028px;margin-left: -20px;margin-right: -20px;}
.box .swiper li{width: 335px;float: left;height: 514px;margin: 0 0 0 20px;}
.box .swiper li a{display: block;position: relative;}
.box .swiper li img{width: 100%;height: 440px;}
.box .swiper li p{height: 74px;align-items: center;font-size: 20px;display: flex;}



.box.active { display: block; }


.swiper-button-prev, .swiper-button-next{width: 85px!important;height: 85px!important;}
.swiper-button-prev{background: url('../images/LEFT.png') no-repeat;}
.swiper-button-next{background: url('../images/RIGHT.png') no-repeat;}

.swiper-button-next:after, .swiper-button-prev:after{content: ''!important;}

.swiper-button-prev, .swiper-button-next{top: 45%!important;}