@charset "utf-8";
html,body{width:100%;}
.w1400{
    width: 100%;
   max-width: 1400px;
   margin: 0 auto;
   overflow: hidden;
}
.topline{
   height: 36px;
   position: fixed;
	width: 100%;
   display: flex;
   justify-content: space-between;
   line-height: 36px;
   z-index: 100;
   background: #f7f7f7;
}
.top{
	position: fixed;
	top: 36px;
	width: 100%;
	z-index: 100;
    height: 100px;
   background-color: #fff;
}
.top .logo{
    flex: 0 0 15%;
    height: 52px;
    background: url(../images/logo.png) 0 0 no-repeat;
}
.top .w1400{
   height: 120px;
   display: flex;
   justify-content: space-between;
   align-items: center;
   overflow: visible;
}
.nav{
    flex: 0 0 60%;
    height: 120px;
    justify-content: space-between;
    display: flex;
}
.nav li{
    height: 120px;
    position: relative;
}
.nav li a{
   text-decoration: none;
   color: #2d2d2d;
}
.nav li .a1{
   display: block;
   height: 100px;
   line-height: 120px;
   text-decoration: none;
   color: #2d2d2d;
   font-size: 16px;
   text-align: center;
}
.nav li .subnav{
   position: absolute;
   height: auto;
   width: 190px;
   left: 50%;
   transform: translate(-50%,0);
   background-color: #fff;
   border: 1px solid #000;
   display: none;
   z-index: 99;
}
.nav li .subnav a{
   display: block;
   width: 100%;
   line-height: 35px;
   text-decoration: none;
   color: #333333;
   border-bottom: 1px solid #eee;
   font-size: 14px;
   text-align: center;
}
.nav li .subnav a:hover{
    background: #291670;
    color: #fff;
}
.nav li:hover .subnav{
   display: block;
}
.language{
   display: flex;
   justify-content: space-between;
   align-items: center;
   flex: 0 0 5%;
}
.language .cn{
   width: 23px;
   height: 16px;
   background: url(../images/cn.png) 0 0 no-repeat;
}
.language .en{
   width: 23px;
   height: 16px;
   background: url(../images/en.png) 0 0 no-repeat;
}
.search{
   height: 82px;
   background-color: #fff;
}
.search .w1400{
   overflow: visible;
}
.mySwiper img{
    display: block;
    width: 100%;
}
.box1{
    width: 100%;
    padding: 0 0 40px;
    background: url(../images/box1.png) center 0 no-repeat;
    background-size: cover;
    overflow: hidden;
}
.boxtitle{
   width: 100%;
   height: 97px;
   margin-top: 35px;
   background: url(../images/boxtitle.png) center bottom no-repeat;
}
.boxtitle h1{
   display: block;
   width: 100%;
   height: 22px;
   line-height: 22px;
   font-size: 14px;
   font-weight: bold;
   text-align: center;
   color: #171717;
}
.boxtitle span{
   display: block;
   width: 100%;
   height: 58px;
   line-height: 58px;
   text-align: center;
   margin-top: 17px;
   color: #171717;
   font-size: 36px;
}
.boxtitle span font{
   color: #2a196e;
   font-weight: bold;
   
}
.prodlist{
    width: 100%;
    height: auto;
    display: flex;
    justify-content: space-between;
    margin-top: 28px;
    flex-wrap: wrap;
}
.prodlist li{
    width: 324px;
    position: relative;
    margin-bottom: 30px;
    background-color: #f8f8f8;
}
.prodlist li a{
   display: block;
   width: 100%;
   height: 100%;
   text-decoration: none;
}
.prodlist li .img{
    width: 100%;
    height: 230px;
    
}
.prodlist li .pro-title{
   width: 100%;
   height: 50px;
   display: flex;
   box-sizing: border-box;
   padding: 0 20px;
   align-items: center;
   justify-content: space-between;
}
.prodlist li .pro-title h1{
   font-size: 14px;
   color: #181818;
}
.prodlist li .pro-title i{
   display: block;
   width: 30px;
   height: 30px;
   background: url(../images/prodicon2.jpg) 0 0 no-repeat;
}
.prodlist li:hover .pro-title{
   background:#2a196e
}
.prodlist li:hover .pro-title h1{
   color: #fff;
}
.prodlist li:hover .pro-title i{
   display: block;
   width: 30px;
   height: 30px;
   background: url(../images/prodiconh.jpg) 0 0 no-repeat;
}
.box1 .pagerightnav{
    display: flex;
    justify-content: center;
    margin-top: 20px;
}

.box2{
    padding: 80px 0;
   background: url(../images/box2.jpg) center 0 no-repeat;
   background-size: cover;
}
.box2 .about-box{
    display: flex;
    background: url(../images/about-right-bg.png) right bottom no-repeat;
    padding-bottom: 30px;
    margin-bottom: 70px;
}
.box2 .about-right{
    flex: 1;
    display: flex;
	justify-content: center;
	align-items: flex-end;
}
.box2 .about-icon{
    color: #fff;
    display: flex;
}
.box2 .about-icon .box{
    flex: 0 0 20%;
}
.box2 .about-icon .box h2{
    font-size: 38px;
    font-weight: bold;
}
.box2 .about-icon .box:nth-child(1) h2{
    background: url(../images/about-icon1.png) no-repeat;
    padding-left: 50px;
}
.box2 .about-icon .box:nth-child(2) h2{
    background: url(../images/about-icon2.png) no-repeat;
    padding-left: 40px;
}
.box2 .about-icon .box:nth-child(3) h2{
    background: url(../images/about-icon3.png) no-repeat;
    padding-left: 40px;
}
.box2 .about-icon .box:nth-child(4) h2{
    background: url(../images/about-icon4.png) no-repeat;
    padding-left: 30px;
}
.box2 .about-icon .box:nth-child(5) h2{
    background: url(../images/about-icon5.png) no-repeat;
    padding-left: 70px;
}
.box2 .about-icon .box h2 span{
    font-size: 16px;
    display: inline-block;
    padding-left: 5px;
}
.box2 .about-icon .box p{
    font-size: 16px;
    margin: 0;
}
.box2-cont{
   width: 753px;
   overflow: hidden;
}
.box2-cont h1{
   display: block;
   width: 100%;
   height: 66px;
   line-height: 66px;
   font-size: 48px;
   font-weight: bold;
   color: #fff;
}
.box2-cont span{
   display: block;
   line-height: 40px;
   color: #fff;
   font-size: 16px;
   margin-top: 20px;
}
.box2-cont a{
   width: 180px;
   height: 50px;
   border-radius: 25px;
   background-color: #d5160e;
   display: flex;
   text-decoration: none;
   align-items: center;
   justify-content: center;
   font-size: 16px;
   color: #fff;
   margin-top: 51px;
}
.box3{
   background: url(../images/box3.jpg) center 0 no-repeat;
   background-size: cover;
}
.box3 .quality-box{
   height: 1265px;
   position: relative;
}
.box3 .quality-box:before{
    content: "";
    position: absolute;
    background: url(../images/quality-box1.png) no-repeat;
    width: 370px;
    height: 210px;
    left: 36.5%;
    top: 21%;
}
.box3 .quality-box:after{
    content: "";
    position: absolute;
    background: url(../images/quality-box2.png) no-repeat;
    width: 485px;
    height: 123px;
    left: 29%;
    top: 61%;
}
.box3 .quality-box .box{
    position: absolute;
    display: flex;
    transform: translate(-50%,0);
    width: 90%;
    height: 440px;
}
.box3 .quality-box .box .left{
    flex: 1;
    display: flex;
	align-items: center;
}
.box3 .quality-box .box:nth-child(1){
    top: 3%;
    left: 50%;
}
.box3 .quality-box .box:nth-child(2){
    top: 30%;
    left: 50%;
}
.box3 .quality-box .box:nth-child(3){
    top: 60%;
    left: 50%;
}
.box3 .quality-box .box:nth-child(1) .right{
    flex: 0 0 450px;
    background: url(../images/quality-img1.png) no-repeat;
}
.box3 .quality-box .box:nth-child(2) .right{
    flex: 0 0 485px;
    background: url(../images/quality-img2.png) no-repeat;
}
.box3 .quality-box .box:nth-child(3) .right{
    flex: 0 0 450px;
    background: url(../images/quality-img3.png) no-repeat;
}
.box3 .box:nth-child(1) .left .txt{
    padding: 0 60px;
    background: url(../images/quality-icon1.png) no-repeat;
    margin-bottom: 50px;
}
.box3 .box:nth-child(2) .left .txt{
    padding-left: 100px;
    margin-left: 50px;
    background: url(../images/quality-icon2.png) left 15px no-repeat;
}
.box3 .box:nth-child(3) .left .txt{
    padding: 0 60px;
    background: url(../images/quality-icon3.png) left center no-repeat;
}
.box3 h2{
    font-size: 22px;
}
.box3 p{
    font-size: 14px;
}
.box3 p span{
    color: #2a196e;
    font-weight: bold;
}
.box4{
   height:800px;
   position: relative;
}
.box4 .boxtitle{
    margin-top: 0;
    padding-top: 40px;
    background: url(../images/boxtitle-w.png) center bottom no-repeat;
}
.box4 .boxtitle h1{
    color: #fff;
    text-transform: uppercase;
}
.box4 .boxtitle span{
    color: #fff;
}
.box4 .boxtitle span font{
    color: #fff;
}

.box4list{
   position: absolute;
   left: 50%;
   transform: translate(-50%,0);
   width: 100%;
   height: 800px;
   display: flex;
   justify-content: center;
   top: 0;
   z-index: -1;
}
.box4list li{
   width: 384px;
   height: 800px;
   display: flex;
   flex-direction: column;
   justify-content: center;
   align-items: center;
}
.box4list li:nth-child(1){
   background: url(../images/box4pic1.png) 0 0 no-repeat;
   background-size: 100% 100%;
}
.box4list li:nth-child(2){
   background: url(../images/box4pic2.png) 0 0 no-repeat;
   background-size: 100% 100%;
}
.box4list li:nth-child(3){
   background: url(../images/box4pic3.png) 0 0 no-repeat;
   background-size: 100% 100%;
}
.box4list li:nth-child(4){
   background: url(../images/box4pic4.png) 0 0 no-repeat;
   background-size: 100% 100%;
}
.box4list li:nth-child(5){
   background: url(../images/box4pic5.png) 0 0 no-repeat;
   background-size: 100% 100%;
}
.box4list li i{
   width: 67px;
   height: 67px;
   display: block;
}
.box4list li:nth-child(1) i{
   background: url(../images/box4icon1.png) 0 0 no-repeat;
}
.box4list li:nth-child(2) i{
   background: url(../images/box4icon2.png) 0 0 no-repeat;
}
.box4list li:nth-child(3) i{
   background: url(../images/box4icon3.png) 0 0 no-repeat;
}
.box4list li:nth-child(4) i{
   background: url(../images/box4icon4.png) 0 0 no-repeat;
}
.box4list li:nth-child(5) i{
   background: url(../images/box4icon5.png) 0 0 no-repeat;
}
.box4list li h1{
   display: block;
   width: 100%;
   height: 41px;
   line-height: 41px;
   text-align: center;
   color: #fff;
   font-size: 22px;
   font-weight: bold;
}
.box4list li span{
   width: 26px;
   height: 2px;
   margin-top: 23px;
   background-color: #fff;
}
.box5{
   background-color: #fff;
   padding-bottom: 40px;
}
.newsbox{
   width: 100%;
   display: flex;
   align-items: center;
   justify-content: center;
   margin-top: 30px;
}
.newsbox .prev{
   display: block;
   width: 60px;
   height: 60px;
   background: url(../images/prev.png) 0 0 no-repeat;
}

.newsbox .next{
   display: block;
   width: 60px;
   height: 60px;
   background: url(../images/next.png) 0 0 no-repeat;
}
.brand{
   width: 1220px;
   overflow: hidden;
   position: relative;
}
.brand .news-s{
    padding: 10px 7px;
}
.brand .swiper-button-prev:after{
    display: none;
}
.brand .swiper-button-next:after{
    display: none;
}
.brand .prev{
    top: 50%;
    left: 0;
}
.brand .next{
    top: 50%;
    right: 0;
}
.newslist{
   width: auto;
   box-sizing: border-box;
   padding-top: 10px;
   margin-left: 10px;
}
.newslist li{
   width: 380px;
   box-shadow: 0 0 10px rgba(0, 0, 0, 0.4);
}
.newslist li img{
   width: 100%;
   height: 240px;
}
.newslist li a{
   text-decoration: none;
}
.newslist li .cont{
   width: 100%;
   height: 175px;
   overflow: hidden;
   box-sizing: border-box;
   padding: 0 17px;
}
.newslist li .cont h2{
   width: 95px;
   height: 30px;
   border-radius: 2px;
   display: flex;
   align-items: center;
   justify-content: center;
   color: #fff;
   font-size: 11px;
   background-color: #2a196e;
   margin-top: 16px;
}
.newslist li .cont h1{
   display: block;
   width: 100%;
   height: 26px;
   line-height: 26px;
   margin-top: 16px;
   font-size: 16px;
   font-weight: bold;
   color: #000000;
}
.newslist li .cont span{
   display: block;
   line-height: 24px;
   margin-top: 10px;
   color: #000000;
   font-size: 12px;
}
.newslist li .desc{
   width: 100%;
   height: 29px;
   box-sizing: border-box;
   padding: 0 17px;
   display: flex;
   align-items: center;
   justify-content: space-between;
}
.newslist li .desc span{
   font-size: 14px;
   color: #d6d3d3;
}

.newslist li .desc i{
   display: block;
   width: 20px;
   height: 15px;
   background: url(../images/newsicon.png) 0 0 no-repeat;
}
 .bottom{
    height: 310px;
    background: url(../images/bottom.jpg) center 0 no-repeat;
 }
.bottombg{
   width: 100%;
   height: 265px;
   display: flex;
   justify-content: space-between;
   align-items: center;
}
.bottombg .btlogo{
   width: 167px;
   height: 61px;
   background: url(../images/btlogo.png) 0 0 no-repeat;
}
.btcont{
   width: 854px;
   height: 265px;
   box-sizing: border-box;
   padding-top: 34px;
}
.btcont .title{
   width: 100%;
   height: 25px;
   line-height: 25px;
   font-size: 14px;
   color: #fff;
}
.btcont .btcont-content{
   display: flex;
   height: 24px;
   margin-top: 9px;
   justify-content: space-between;
}
.btcont .btcont-content span{
    font-size: 12px;
    flex: 1;
   padding-left: 25px;
   line-height: 24px;
   color: #fff;
}
.btcont .btcont-content .sp1{
   background: url(../images/bticon1.png) 0 center no-repeat;
}
.btcont .btcont-content .sp2{
   background: url(../images/bticon2.png) 0 center no-repeat;
}
.btcont .btcont-content .sp3{
   background: url(../images/bticon3.png) 0 center no-repeat;
}
.btcont .btcont-content .sp4{
   background: url(../images/bticon4.png) 0 center no-repeat;
}
.btcont .btcont-content .sp5{
   background: url(../images/bticon5.png) 0 center no-repeat;
}
.btcont .btcont-content .sp6{
   background: url(../images/bticon6.png) 0 center no-repeat;
}
.btcont .btcont-content .sp7{
   background: url(../images/bticon7.png) 0 center no-repeat;
}
.erweimabox{
   width: 130px;
   height: auto;
}
.erweimabox img{
   width: 130px;
   height: 130px;
}
.erweimabox span{
   display: block;
   width: 100%;
   height: 30px;
   line-height: 30px;
   text-align: center;
   color: #fff;
   font-size: 14px;
}
.footer{
   width: 100%;
   height: 45px;
   line-height: 45px;
   text-align: center;
   color: #fff;
}
.bottom .btcont-content lable.icon{
    background: url(../images/contact-icon.png) center bottom no-repeat;
    display: inline-block;
    width: 14px;
    height: 20px;
}
.about.pagecontent p:nth-child(1) img{
    max-width: 700px;
    float: left;
    margin: 0 20px 10px 0;
    padding: 5px;
    border: 1px solid #e1e1e1;
}
.about.pagecontent p{
    font-size: 16px;
    line-height: 35px;
}
.pagebanner{
   height: 550px;
}
.pageabout{
   background: url(../images/pageabout.jpg) center 0 no-repeat;
}
.pageproduct{
   background: url(../images/pageproduct.jpg) center 0 no-repeat;
}
.pagece{
   background: url(../images/pagece.jpg) center 0 no-repeat;
}
.pagequality{
   background: url(../images/pagequality.jpg) center 0 no-repeat;
}
.pagenews{
   background: url(../images/pagenews.jpg) center 0 no-repeat;
}
.pagecontact{
   background: url(../images/pagecontact.jpg) center 0 no-repeat;
}
.locationbg{
   height: 70px;
   background-color: #eff1f5;
}
.locationbg .w1400{
   display: flex;
   justify-content: space-between;
   align-items: center;
   height: 70px;
}
.pagerightnav{
   display: flex;
   height: 40px;
   align-items: center;
}
.pagerightnav li{
   width: 110px;
   height: 40px;
   margin-right: 14px;
}
.pagerightnav li a{
   height: 40px;
   line-height: 40px;
   background-color: #291670;
   color: #fff;
   text-decoration: none;
   font-size: 14px;
   display: flex;
   align-items: center;
   justify-content: center;
   border: 1px solid transparent;
}
.pagerightnav li:hover a{
   background-color: #fff;
   color: #000;
   border-color: #000;
}
.locationbg .address{
   background: url(../images/address.png) 0 center no-repeat;
   padding-left: 23px;
}
.page{
   height: auto;
   overflow: hidden;
   padding-top: 50px;
}
.page-title{
   width: 100%;
   height: 88px;
   font-size: 36px;
   font-weight: bold;
   color: #000;
   text-align: center;
   line-height: 88px;
   background: url(../images/boxtitle.png) bottom center no-repeat;
   margin-bottom: 40px;
}
.pagecontent{
   width: 100%;
   min-height: 500px;
   overflow: hidden;
}

.prod-left{
   width: 310px;
   background-color: #fff;
   float: left;
}
.prod-left .prod-title{
   height: 85px;
   border-top-right-radius: 28px;
   background-color: #2364c4;
   box-sizing: border-box;
   padding-left: 22px;
   overflow: hidden;
}
.prod-left .prod-title h1{
   display: block;
   width: 100%;
   height: 30px;
   line-height: 30px;
   margin-top: 18px;
   font-size: 22px;
   color: #fff;
   font-weight: bold;
}
.prod-left .prod-title span{
   display: block;
   height: 20px;
   line-height: 20px;
   font-size: 14px;
   color: #fff;
}
.prod-nav{
   width: 100%;
   height: auto;
}
.prod-nav li{
   width: 100%;
   height: 52px;
   border-bottom: 1px solid #f7f7f7;
}
.prod-nav li a{
   display: flex;
   margin: 0 auto;
   width: 100%;
   height:52px;
   color: #434343;
   font-size: 14px;
   text-decoration: none;
   box-sizing: border-box;
   padding-left: 22px;
   font-size: 14px;
   line-height: 52px;
   background: url(../images/prodnavicon.png) 276px center no-repeat;
}
.prod-nav li a:hover{
   color: #2364c4;
   background: url(../images/prodnaviconh.png) 276px center no-repeat;
}
.prod-right{
   width: 1060px;
   float: right;
}
.page-prodlist{
   width: 100%;
   display: flex;
   flex-wrap: wrap;
}
.page-prodlist li{
   width: 340px;
   height: 280px;
   margin-bottom: 13px;
   margin-right: 13px;
   background-color: #fff;
}
.page-prodlist li:nth-child(4n){
   margin-right: 0;
}
.page-prodlist li a{
   text-decoration: none;
   color: #fff;
}
.page-prodlist li .img{
   width: 100%;
   height: 240px;
   box-sizing: border-box;
}
.page-prodlist li span{
   display: block;
   text-align: center;
   width: 100%;
   height:40px;
   background-color: #999999;
   line-height: 40px;
   text-align: center;
   font-size: 16px;
   font-weight: bold;
   color: #fff;
}
.page-prodlist li:hover span{
   background-color: #291670;
}
.prodpage-right{
   width: 1000px;
   float: right;
   height: auto;
   box-sizing: border-box;
   padding: 0 20px;
   background-color: #fff;
   overflow: hidden;
}
.prodpage{width: 100%;min-height: 403px;border-radius: 5px;}
.prodpage-cont{width: 100%;display: flex;}
.prodpage-cont .left{
    flex: 0 0 30%;
}
.prodpage-cont .left img{
    width: 100%;
}
.prodpage-cont .right{
    flex: 1;
    padding-left: 100px;
}
.prodpage-cont .right .pagetitle{
    font-size: 20px;
    font-weight: bold;
    margin-bottom: 20px;
}
.prodcontent{
    width: 100%;
    height: auto;
    overflow: hidden;
}
.prodcontent p{
    display: inline-block;
    margin: 0;
}
.page-newslist{
   width: 100%;
   height: auto;
}
.page-newslist li{
   width: 100%;
   border-bottom: 1px solid #dddddd;
}
.page-newslist li a{
   width: 100%;
   display: flex;
   box-sizing: border-box;
   text-decoration: none;
   overflow: hidden;
   align-items: center;
}
.page-newslist li .date{
   width: 126px;
   height: 130px;
   display: flex;
   flex-direction: column;
   justify-content: center;
}
.page-newslist li .date h1{
    width: 110px;
    line-height: 60px;
    height: 60px;
    text-align: center;
    font-size: 40px;
    font-weight: bold;
    color: #666666;
}
.page-newslist li .date span{
   width: 110px;
   height: 33px;
   line-height: 33px;
   text-align: center;
   color: #666666;
   font-size: 18px;
}
.page-newslist li .jiange{
   width: 46px;
   height: 1px;
   background-color: #dddddd;
   flex-shrink: 0;
}
.page-newslist li .cont{
   flex: 1;
   overflow: hidden;
   margin-left: 40px;
}
.page-newslist li .cont h1{
   display: block;
   width: 100%;
   margin-top: 20px;
   line-height: 33px;
   font-size: 20px;
   font-weight: bold;
   color: #000000;
}
.page-newslist li .cont .sp1{
   font-size: 14px;
   color: #494949;
   line-height: 30px;
   height: 60px;
   margin-top: 15px;
   display: block;
}

.page-newslist li:hover .date{
   background:url(../images/newspageicon.png) left center no-repeat
}
.page-newslist li:hover .date h1,.page-newslist li:hover .date span{
   color: #fff;
}
.page-newslist li:hover .cont h1{
   color: #291670;
}
.page-newslist li:hover .jiange{
   background-color: #291670;
}
.newspage{width:100%;float:left;min-height:500px;}
.newshow-top{text-align:center;width:100%;height:auto;overflow:hidden;float:left;}
.newshow-top h1{font-size:24px;margin-top:18px;height:auto;display:block;width:100%;line-height:30px;float:left;color:#333333}
.newshow-top span{font-size:12px;color:#888888;line-height:26px;display:block;float:left;width:100%;margin-top:3px;margin-bottom:10px}
.fengexian1{border-bottom:1px solid #ebebeb;float:left;width:100%;}
.newshow-ct{padding-bottom:27px;color:#555555;float:left;margin-left:15px;margin-right:10px;padding-top:15px;overflow:hidden;}
.newshow-bot{width:100%;position:relative;margin-bottom:5px;float:left;overflow:hidden;margin-top:10px;margin-bottom:10px;}
.newshow-bot span{color:#666666;font-size:13px;display:block;width:550px;margin-top:3px;line-height:20px;margin-left: 15px;}
.newshow-bot span a{color:#666666;text-decoration:none;}
.newshow-bot span a:hover{color:#407aee;}
.piclista{
   width: 100%;
   height: auto;
   display: flex;
   flex-wrap: wrap;
   margin-bottom: 20px;
}
.piclista li{
   width: 340px;
   height: 240px;
   margin-bottom: 13px;
   margin-right: 13px;
   box-sizing: border-box;
}
.piclista li:nth-child(4n){
   margin-right: 0;
}
.piclista li img{
   width: 100%;
   height: 100%;
}

.piclistb{
   width: 100%;
   height: auto;
   display: flex;
   flex-wrap: wrap;
   margin-bottom: 20px;
}
.piclistb li{
   width: 24%;
   margin-bottom: 15px;
   margin-right: 15px;
   box-sizing: border-box;
   display: flex;
   align-items: center;
}
.piclistb li:nth-child(4n){
   margin-right: 0;
}
.piclistb li img{
   width: 100%;
   border: 1px solid #676362;
}
.natwork img{
    float: inherit !important;
}

.contact{width: 100%;height: 600px;display: flex;background: #291670;margin-bottom: 20px;}
.contact .map{width: 910px;height: 600px;box-sizing: border-box;}
.contact .contact-cont{width: auto;box-sizing: border-box;padding: 0 25px;flex: 1;color: #fff;}
.contact .contact-cont h2{
    margin-top: 30px;
    font-size: 24px;
    font-weight: bold;
    padding-bottom: 20px;
}
.contact .contact-cont p{
    font-size: 16px;
}
.mySwiper .swiper-button-prev{
    left: 30px;
    top: 50%;
}
.mySwiper .swiper-button-next{
    right: 30px;
    top: 50%;
}
.footer a{
    color: #fff;
}