/*全局样式*/
@charset "utf-8";
html {
    overflow-x: hidden;
}
body,ol,ul,h1,h2,h3,h4,h5,h6,p,th,td,dl,dd,form,fieldset,legend,input,textarea,
select {margin: 0;padding: 0}
body {font: 14px/1.5 "微软雅黑", "Arial Narrow", HELVETICA;color: #000;-webkit-text-size-adjust: 100%;overflow-x: hidden;min-width: 320px;max-width: 1920px;margin: 0 auto !important;}
input:required,
textarea:required {outline: 0 none;-webkit-box-shadow: none;-moz-box-shadow: none;-ms-box-shadow: none; -o-box-shadow: none; box-shadow: none;-webkit-appearance: none !important;}
input,textarea{appearance:none;-webkit-appearance:none;-moz-appearance: none; -o-appearance: none;outline: none;    }
*{margin:0; padding:0;}
a {text-decoration: none !important;cursor: pointer !important;color: #000;}
a:focus {outline: none !important;}
ul,li,dl,dt,dd{list-style-type:none;}
i{font-style:normal}
.clearfix:after,.clearfix:before{clear: both;}
ul {margin: 0;}
li {list-style: none;}
img{max-width:100%;}
.container-fluid {max-width: 1230px !important;}
.tr5 {transition: all .5s;-moz-transition: all .5s;-ms-transition: all .5s;-o-transition: all .5s;-webkit-transition: all .5s;}
.tr2 {transition: all .2s;-moz-transition: all .2s;-ms-transition: all .2s;-o-transition: all .2s;-webkit-transition: all .2s;}
.overflow{overflow: hidden;text-overflow: ellipsis;white-space: nowrap;max-height: initial;}
.overflow2{overflow : hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 2;-webkit-box-orient: vertical;}
.bjcover{background-position: 50% 50%; background-size: cover;transition: all 0.3s;-moz-transition: all 0.3s;-ms-transition: all 0.3s;-o-transition: all 0.3s;-webkit-transition: all 0.3s;}


.nav{width:35px;color:#fff;position:absolute;top:30px;left:30px;cursor:pointer;z-index: 112;}
.nav span{display:block;width:0;height:4px;background:#fff;width: 100%;transition:all .3s;position: relative;}
.nav span.span2{margin: 6px 0;}
.nav.active{position: fixed;}
.nav.active span.span1{transform:rotate(-30deg);width: 66%;left: -6px;}
.nav.active span.span2{margin: 1px 0;}
.nav.active span.span3{transform:rotate(30deg);width: 66%;left: -6px;}

nav{position: fixed;left: -100%;top:0;height: 100%;background: #202642;z-index: 111;width: 340px;max-width: 100%;transition: all .4s;}
nav.active{left: 0;}
nav .logo{height: 22vh;line-height: 22vh;display: block;text-align: center;}
nav .logo img{max-height: 60%;}
nav .ulbox{height: 78vh;background:url(../images/navbj.jpg) no-repeat center center/cover;padding: 30px 15% 50px;}
nav .ulbox .ul{max-height: calc(100% - 90px);text-align: center;overflow-y: auto;}
nav .ulbox .ul a{color: #fff;display: block;font-size: 16px;color: #fff;line-height: 59px;border-bottom: 1px solid rgba(255,255,255,.16);transition: all .2s;}
nav .ulbox .ul a:hover{letter-spacing: 2px;}
nav .xia{font-size: 0;text-align: center;margin-top: 40px;}
nav .xia a{display: inline-block;vertical-align: top;line-height: 50px;height: 50px;position: relative;padding: 0 7px;}
nav .xia a img{opacity: .5;transition: all 0.3s;}
nav .xia a .ss{display: none;position: absolute;left: 0;bottom:calc(100% - 6px);opacity: 1;width: 120px;height: 120px;max-width: 120px;border: 1px solid #fff;border-radius: 4px;}
nav .xia a .tt{display: none;position: absolute;left: 0;bottom: 100%;font-size: 20px;color: #000;background: #fff;padding:16px 20px;line-height: 26px;border-radius: 4px;}
nav .xia a:hover img{opacity: 1;}
nav .xia a:hover .ss{display: block;}
nav .xia a:hover .tt{display: block;}


#swiper1{position: fixed;left: 0;top:0;width: 100%;height: 100%;z-index: 99;}
/*右侧小点*/
.swiper1-pagination span{width: 17px;height: 17px;border-radius:50%;background:fixed;border: 1px solid transparent;position: relative;opacity: 1;margin:14px 0 !important;}
.swiper1-pagination span:after{content:"";height:3px;width: 3px;background: #fff;position: absolute;top:0;left: 0;right: 0;bottom:0;margin: auto;}
.swiper1-pagination span.swiper-pagination-bullet-active{border-color: #fff;}
.swiper1-pagination span:before{width:40px;line-height: 26px;height: 26px;text-align: center;position: absolute;left: 40px;top:-2px;bottom: 0;margin: auto 0;color:#fff;border-radius:4px;overflow: hidden;opacity: 0;font-size: 16px;}
.swiper1-pagination span.swiper-pagination-bullet-active:before{left: -40px;opacity: 1;transition: all 0.3s;}
.swiper1-pagination span:nth-child(1):before{content: "01";}
.swiper1-pagination span:nth-child(2):before{content: "02";}
.swiper1-pagination span:nth-child(3):before{content: "03";}
.swiper1-pagination span:nth-child(4):before{content: "04";}
.swiper1-pagination span:nth-child(5):before{content: "05";}
.swiper1-pagination span:nth-child(6):before{content: "06";}
.swiper1-pagination span:nth-child(7):before{content: "07";}
.swiper1-pagination span:nth-child(8):before{content: "08";}
.swiper1-pagination span:nth-child(9):before{content: "09";}


.main1,.main2,.main3,.main4,.main5,.main6,.main7,.main8,.main9{display: table;table-layout:fixed;height: 100%;width: 100%;}
.mainbox{display: table-cell;vertical-align: middle;}

#banner{height: 100%;}
#banner .swiper-pagination-bullet{background:#fff;opacity:.6;transition: all .2s;position: relative;bottom:20px;}
#banner .swiper-pagination-bullet.swiper-pagination-bullet-active{opacity: 1;;width: 40px;border-radius:4px;}
.logo2{position: absolute;right: 5%;top:6%;z-index: 99;max-width: 16%;}



.title{text-align: center;margin-bottom:30px;}
.title .div1{font-size:33px;color: #fff;}
.title .div2{width: 66px;height: 2px;background: #fff;margin: 22px auto 0;}

.main1 .box{text-align: center;color: #fff;}
.main1 .box .tt1{font-size: 16px;color: #d0cedc;line-height: 30px;}
.main1 .box .tt2{position: relative;margin-top:33px;}
.main1 .box .tt2:after{content: "";width: 100%;height: 16px;background:url(../images/tu1.png) center center;position: absolute;left: 0;top:40px;bottom: 0;margin: auto 0;}
.main1 .box .tt2 div{display: inline-block;vertical-align: top;width: 140px;height: 140px;background: rgba(255,255,255,.2);border: 1px solid rgba(255,255,255,.3);padding: 14px;border-radius: 50%;margin: 40px 20px 0;}
.main1 .box .tt2 div span{display: block;width: 110px;height: 110px;line-height: 110px;text-align: center;background: #fff;border-radius: 50%;font-size: 20px;font-weight: bold;color: #000;}



.title1{margin-bottom: 20px;font-size: 0;text-align: center;}
.title1 a{display: inline-block;vertical-align: top;line-height: 44px;font-size: 20px;color: #fff;background: rgba(255,255,255,.1);border: 1px solid rgba(255,255,255,.4);min-width: 220px;text-align: center;padding: 0 10px;margin: 0 5px 10px;transition: all .3s;}
.title1 a:hover{background-color: #fff;color: #000;}
.title1 a.active{background-color: #fff;color: #000;}


.title2{margin-top: -20px;margin-bottom: 44px;;font-size: 0;border-bottom: 1px solid rgba(255,255,255,.2);padding: 15px 0;text-align: center;}
.title2 a{display: inline-block;vertical-align: top;line-height:24px;font-size: 16px;color: #fff;padding: 0 25px;position: relative;transition: all .3s;}
.title2 a:nth-child(n+2):after{content: "";width: 2px;height: 14px;background: rgba(255,255,255,.2);border-right: 1px solid rgba(255,255,255,.3);position: absolute;left: 0;top:1px;bottom: 0;margin: auto 0;}
.title2 a:hover{text-decoration: underline !important;}


.main2 .list{display: block;padding-top: 88%;position: relative;}
.main2 .list .tt{position: absolute;left: 0;top:0;width: 100%;height: 100%;background: rgba(0,0,0,.7);text-align: center;opacity: 0;transition: all .3s;}
.main2 .list .tt .tt1{position: absolute;left: 0;width: 100%;;top:50%;margin-top: -30px;font-size: 18px;color: #fff;padding: 0 15px;}
.main2 .list .tt .tt1 img{display: block;margin: 20px auto 0;}
.main2 .list:hover .tt{opacity: 1;}


.main3 .box{margin:0 -5px;padding-top:11px;}
.main3 .box .list{display: block;width: calc(20% - 10px);float: left;margin: 11px 5px 0;position: relative;overflow: hidden;}
.main3 .box .list:nth-child(1){width: calc(40% - 10px);}
.main3 .box .list:nth-child(1) .bjcover{padding-top: calc(88% + 2px);}
.main3 .box .list .bjcover{padding-top: 88%;}
.main3 .box .list .tt{position: absolute;left: 0;bottom: 0;width: 100%;background: rgba(0,0,0,.7);font-size: 18px;color: #fff;line-height: 66px;padding: 0 55px 0 25px;}
.main3 .box .list .tt img{position: absolute;right: 25px;top:0;bottom: 0;margin: auto 0;display: block;}
.main3 .box .list:nth-child(n+2) .tt{padding: 0 5px;text-align: center;font-size: 15px;line-height: 48px;bottom: -48px;}
.main3 .box .list:nth-child(n+2) .tt img{display: none;}
.main3 .box .list:nth-child(n+2):hover .tt{bottom: 0;}
.main3 .box .list:hover .bjcover{transform:scale(1.06);}
.main3 .box .list:nth-child(n+8){display: none;}


.main3.main4 .box .list:nth-child(2){margin-right:40%;}
.main3.main4 .box .list:nth-child(4) .bjcover{padding-top: calc(176% + 11px);}
.main3.main4 .box .list:nth-child(5) .bjcover{padding-top: calc(176% + 11px);}
.main3.main4 .box .list:nth-child(n+4){position: absolute;right: 20%;top:11px;}
.main3.main4 .box .list:nth-child(n+5){right: 0;}
.main3.main4 .box .list:nth-child(n+6){display: none;}


.main3.main5 .box{margin:-5px -5px 0;padding-top:0;}
.main3.main5 .box .list:nth-child(1) .bjcover{padding-top:calc(44% - 5px);}
.main3.main5 .box .list:nth-child(7){width: calc(40% - 10px);}
.main3.main5 .box .list:nth-child(7) .bjcover{padding-top:calc(44% - 5px);}
.main3.main5 .box .list:nth-child(8){display: block;}
.main3.main5 .box .list:nth-child(1) .tt{padding: 0 5px;text-align: center;font-size: 15px;line-height: 48px;bottom: -48px;}
.main3.main5 .box .list:nth-child(1) .tt img{display: none;}
.main3.main5 .box .list:nth-child(1):hover .tt{bottom: 0;}



.main3.main6 .box .list:nth-child(2){width: calc(40% - 10px);}
.main3.main6 .box .list:nth-child(2) .bjcover{padding-top: calc(88% + 2px);}
.main3.main6 .box .list:nth-child(2) .tt{position: absolute;left: 0;bottom: 0;width: 100%;background: rgba(0,0,0,.7);font-size: 18px;color: #fff;line-height: 66px;padding: 0 55px 0 25px;}
.main3.main6 .box .list:nth-child(2) .tt img{position: absolute;right: 25px;top:0;bottom: 0;margin: auto 0;display: block;}
.main3.main6 .box .list:nth-child(n+5){display: none;}


#swiper7{padding-top: 30px;padding-bottom:66px;}
#swiper7 .swiper-pagination{text-align: center;width: 100%;bottom: 0;}
#swiper7 .swiper-pagination-bullet{background:#fff;opacity:.6;transition: all .2s;margin: 0 4px !important;}
#swiper7 .swiper-pagination-bullet.swiper-pagination-bullet-active{opacity: 1;;width: 40px;border-radius:4px;}
#swiper7 .swiper-button-prev{width: 30px;height: 41px;background:url(../images/tu4.png) no-repeat;left: -66px;margin-top: -38px;}
#swiper7 .swiper-button-next{width: 30px;height: 41px;background:url(../images/tu4.png) no-repeat;right: -66px;transform:rotate(180deg);margin-top: -38px;}



.main8 .tt1{text-align: center;}
.main8 .tt2{background:url(../images/tu3.png) no-repeat center center;text-align: center;font-family: 'Impact';font-size: 34px;color: #fff;line-height: 48px;padding-top: 16px;;margin:22px 0 40px;height: 68px;}
.main8 .tt3{width: 390px;float: left;padding-right: 20px;}
.main8 .tt3 .tt4{font-size: 18px;line-height: 40px;color: #fff;}
.main8 .tt3 .tt5{display: inline-block;vertical-align: top;width: 130px;font-size: 14px;color: #fff;text-align: center;margin:22px 15px 0 0;}
.main8 .tt3 .tt5 img{display: block;width: 100%;margin-bottom: 8px;}
.main8 .tt6{width: calc(100% - 390px);float: left;height: 330px;background: #fff;}
.main8 .tt7{font-size: 14px;color: rgba(255,255,255,.6);border-top: 1px solid rgba(255,255,255,.4);padding-top: 30px;text-align: center;line-height: 24px;margin-top: 50px;}




.banner2{overflow: hidden;position: relative;}




footer{background: #555663;padding: 20px 15px;font-size: 14px;color: #fff;text-align: center;line-height: 180%;}


.main66{padding: 66px 0 111px;}
.ny{min-height: 500px;}
.ny .title .div1{color: #000;}
.ny .title1 a{color: #000;border-color: rgba(0,0,0,.1);background-color: #eee;}
.ny .title1 a:hover{background-color: #395992;color: #fff;}
.ny .title1 a.active{background-color: #395992;color: #fff;}
.ny .title2{border-color: #ddd;}
.ny .title2 a{color: #000;}
.ny .title2 a:nth-child(n+2):after{background: rgba(0,0,0,.2);border-right: 1px solid rgba(0,0,0,.3);}
.ny .title2 a:hover{color: #395992;}
.ny .title2 a.active{color: #395992;}



.nycp{margin:0 -5px;}
.nycp .list{display: block;width: calc(33.33% - 10px);float: left;margin: 11px 5px 0;position: relative;overflow: hidden;}
.nycp .list .bjcover{padding-top: 88%;}
.nycp .list .tt{position: absolute;left: 0;bottom: 0;width: 100%;background: rgba(0,0,0,.7);font-size: 18px;color: #fff;line-height: 66px;padding: 0 55px 0 25px;}
.nycp .list .tt img{position: absolute;right: 25px;top:0;bottom: 0;margin: auto 0;display: block;}
.nycp .list:hover .bjcover{transform:scale(1.06);}
.nycp .list:hover .tt{background: rgba(57,89,146,.6);}





/*详情页*/
.danye{color:#000000;font-size: 16px;line-height: 180%;}
.danye .topbox{margin-bottom:24px;text-align: center;}
.danye .bt{color: #000;font-size: 22px;padding-bottom: 10px;}
.danye .rq{color: #555555;font-size: 14px;}
.danye .xian{width: 100%;height: 1px;margin-top: 14px;border-bottom: 1px dashed #ccc;}
.danye .img{margin:0 auto 18px auto;display: block;}
.danye .img img{display: block;margin: 0 auto;}
.danye .ditu{height:400px;position: relative;margin:20px auto;border: 1px solid #eee;}






/*transition: all .3s;*/
/*395992*/

/*df0008*/
/*transform:scale(1.06);*/

/*媒体查询开始*/
@media (max-width:1199px){
    nav .ulbox .ul a{line-height: 46px;font-size: 15px;}
    .main1 .box .tt2 div{width: 120px;height: 120px;margin:20px 10px 0;padding: 9px;}
    .main1 .box .tt2:after{top:20px;}
    .main1 .box .tt2 div span{width: 100px;height: 100px;line-height: 100px;}
    .main1 .box .tt1{font-size: 15px;line-height: 26px;}

    .title1 a{font-size: 18px;min-width: 170px;line-height: 40px;}
    
    

}
@media (max-width:991px) {
    .nav{left:20px;}
    nav{width: 260px;}
    nav .logo{height: 18vh;line-height: 18vh;}
    nav .ulbox{height: 82vh;padding: 20px 10% 30px;}
    nav .ulbox .ul{max-height: calc(100% - 70px);}
    nav .ulbox .ul a{font-size: 14px;}
    nav .xia{margin-top: 20px;}

    /*右侧小点*/
    .swiper1-pagination{display: none;}
    #banner .swiper-pagination-bullet{bottom:10px;width: 6px;height: 6px;margin: 0 2px !important;}
    #banner .swiper-pagination-bullet.swiper-pagination-bullet-active{width: 28px;}
    .logo2{right:5%;top:4%;}
    
    
    
    .title{margin-bottom:20px;}
    .title .div1{font-size:22px;;}
    .title .div2{display: none;}
    .main1 .box{margin-top: -10px;}
    .main1 .box .tt1{font-size:14px;line-height:24px;max-height: 174px;overflow: hidden;}
    .main1 .box .tt1 b{font-size: 16px !important;padding-bottom: 6px !important;}


    .main1 .box .tt2{margin-top:22px;font-size: 0;}
    .main1 .box .tt2:after{display: none;}
    .main1 .box .tt2 div{width:90px;height: 90px;padding: 2px;margin: 10px 5px 0;max-width: calc(33.33% - 10px);}
    .main1 .box .tt2 div span{width: 84px;height: 84px;line-height: 84px;font-size:17px;}
    
    
    
    .title1{margin-bottom: 26px;margin-top: -6px;}
    .title1 a{line-height: 34px !important;font-size: 15px;min-width:120px !important;margin: 0 1px 2px;}

    .title2{display: none;}
    .main2 .list .tt .tt1{margin-top: -26px;font-size: 16px;padding: 0 10px;}
    .main2 .list .tt .tt1 img{margin-top: 10px;}
    

    .main8 .tt1{margin-bottom:18px;}
    .main8 .tt2{display: none;}
    .main8 .tt3{width: 100%;padding: 0;text-align: center;}
    .main8 .tt3 .tt4{font-size: 14px;line-height: 26px;text-align: center;}
    .main8 .tt3 .tt5{width: 120px;margin:18px 10px 0 0;}
    .main8 .tt6{display: none;}
    .main8 .tt7{padding-top:15px;margin-top:30px;}
    
    
    .main3 .box .list .tt{padding: 0 5px !important;text-align: center !important;font-size: 14px !important;line-height: 44px !important;}
    .main3 .box .list .tt img{display: none !important;}
    
    
    .main66{padding:33px 0 66px;}
    .ny{min-height: 300px;}
    .ny .title2{display: block;margin-top: -30px;margin-bottom:20px;}
    .ny .title2 a{padding: 1px 10px;font-size: 14px;}

    .nycp .list{width: calc(50% - 10px);}
    .nycp .list .tt{font-size: 14px;padding: 0 5px;text-align: center;line-height: 38px;}
    .nycp .list .tt img{display: none;}

    .banner2 > img{max-width: 160%;width: 160%;margin-left: -30%;}


    
    
}

@media (max-width:767px) {

    .main3 .box{padding-top:0;margin:-10px -5px 0 !important;}
    .main3 .box .list{display: block;width: calc(50% - 10px) !important;margin:10px 5px 0 !important;position: relative !important;right: auto !important;top:0 !important;}
    .main3 .box .list .bjcover{padding-top: 88% !important;}
    .main3 .box .list .tt{bottom: -48px !important;line-height: 34px !important;}
    .main3 .box .list:hover .tt{bottom: 0 !important;}
    .main3 .box .list:nth-child(n+5){display: none !important;}
    .main3 .title1{margin-bottom: 22px;}
    
    #swiper7{padding-top: 0;padding-bottom:40px;}
    #swiper7 .swiper-pagination{text-align: center;width: 100%;bottom: 0;}
    #swiper7 .swiper-pagination-bullet{margin: 0 2px !important;width: 6px;height: 6px;}
    #swiper7 .swiper-pagination-bullet.swiper-pagination-bullet-active{width: 24px;}


    /*详情页*/
    .danye{font-size: 15px;}
    .danye .bt{font-size: 18px;padding-bottom: 4px;}
    .danye .img{margin:0 auto 15px auto;}
    .danye .ditu{height:360px;margin: 15px auto;}
    .danye .xian{margin-top: 10px;}



    
   
}
@media (max-width:600px) {


    .danye .ditu{height:300px;}



}

@media (max-width:479px) {
 
    
    
}