.langu {
    float: right;
    padding: 0 25px;
    border-left: 1px solid #e5e5e5;
    height: 86px;
    display: flex;
    align-items: center;
    justify-content: center;
    text-align: center;
    cursor: pointer;
    position: relative;
}
.langu a{
    display: block;
}
 
#formsearch{
    display: none;
    position: absolute;
    z-index: 990;
    top: 90px;
    left: -152px;
    width: 256px;
}
#keyword{
    float: left;
    width: 200px;
    height: 46px;
    line-height: 34px;
    outline: none;
    border: 1px solid #e5e5e5;
    text-indent: 12px;
}
#s_btn{
        float: right;
    width: 56px;
    height: 46px;
    border: none;
    font-size: 14px;
    color: #fff;
    background: #08a3e7;
    outline: none;
}
.hotSearch{

}
.hotSearch a{

}
.nav{
    float: right;
    display: flex;
    align-items: center;
}
.nav li{
/*    position: relative;*/
}
.nav li a.nava{
    display: block;
    font-size: 16px;
    color: #343434;
     font-weight: normal;
    text-align: center;
    line-height: 90px;
    padding:0 40px;
    text-transform: uppercase;
}
.nav li:hover a.nava{
    color: #00a0e6;
}
.b_nav{
    display: none;
}

@keyframes sunNavDown{0%{transform: translateY(-20px);}100%{transform: translateY(0px);}}
.Header-sunNav{display: none;position: absolute;
    left: 0;top: 86px;width: 100%;padding: 44px 30px;
    background: #fff;border-top: 1px solid #ebebeb;z-index: 991;font-size: 16px;color: #666;
    animation:  sunNavDown 300ms ease both;
}
.Header-sunNav.ontrue{animation:sunNavDown 300ms ease both;}
.Header-suncontain {
    width: 1280px;
    margin: 0 auto;
}
.Header-sunotherl{width: 26%;float: left;height: 196px;overflow: hidden;}
.Header-sunotherl img{width: 100%;height: 100%;object-fit: cover;transition: all .4s ease-in-out;}
.Header-sunotherl img:hover{transform: scale(1.1);}
.Header-sunotherc{width: 37%;float: left;margin-left: 4%;border-right: 1px solid #e5e5e5;min-height: 196px;}
/*.Header-sunotherck{float: left;}*/
.Header-sunotherck h6{width: 50%;float: left;}
.Header-sunotherck a{
    display: block;
    width: 200px;
    height: 56px;
    border-bottom: 1px solid #e5e5e5;
    line-height: 56px;
    font-size: 15px;
    color: #666;
    padding-left: 12px;
    background: url('../images/arr.png') no-repeat left center;
    transition: all .3s ease-in-out;
    font-weight:normal;
}
.Header-sunotherck a:hover{color: #0e7cc7;background: url('../images/arrH.png') no-repeat left center;margin-left:10px;}
.Header-sunotherr{width: 30%;float: right;margin-left: 3%}
.Header-sunotherr p{font-size: 14px;color: #666;line-height: 25px;text-align: justify;}
.Header-sunprolh.onfalse{display: none;}
.Header-sunprorh.onfalse{display: none;}
.Header-sunprol{height: auto;}
.Header-sunprol h6{width: 100%;height: 196px;overflow: hidden;}
.Header-sunprolh p{font-size: 16px;color: #666;margin-top: 24px;}
.Header-sunproc {width: 41%;padding:0 3%;border-right: 1px solid #e5e5e5;margin-left: 0;}
.Header-sunproc .Header-sunotherck a{height: 48px;line-height: 48px;}
.Header-sunprorh{width: 100%;}
.Header-sunprorh a{display: block;height: 48px;line-height: 48px;transition: all .3s ease-in-out;color: #1b8ad7;}
.Header-sunprorh a:hover{color: #0e7cc7;margin-left:10px;}
.Header-sunprorhl{float: left;margin-right: 30px;}
.Header-sunproc .Header-sunotherck a.fll{float: left;}
.Header-sunproc .Header-sunotherck a.flr{float: right;}

.Header-sunproc .Header-sunotherck a.ontrue{color: #1b8ad7;}

.menu-button {
    display: none;
    position: absolute;
    top: 6px;
    right: 6px;
    padding: 4px 11px;
    cursor: pointer;
    -webkit-transition: .3s;
    transition: .3s;
    background-color: #00a0e6;
    z-index: 99999;
}
.menu-button .bar {
    display: block;
    height: 2px;
    background: #fff;
    margin: 9px 0;
    opacity: 1;
    transition: all .5s ease;
    width: 30px;
    transform-origin: left center;
    position: relative;
}

.mnav .bar:nth-child(1){
    transform:rotate(45deg);
    left: 4px;
    top:1px;
    /*width: 40px;*/
}
.mnav .bar:nth-child(2){
    opacity: 0;
}
.mnav .bar:nth-child(3){
    transform:rotate(-45deg);
    /*width: 40px;*/
    left: 4px;
}

.mobileNav{
    display: none;
    background-color: #00a0e6;
    text-align: center;
    position: absolute;
    left:0;
    top:64px;
    z-index: 99999;
    width: 100%;
}
.mobileNav li {
    line-height: 2em;
    padding:1em 0;
}
.mobileNav li a{
    font-size: 1rem;
    color: #fff;
}
.mainbannr_height_height {
    height: 100vh;
    position: relative;
    z-index: 1;
}
#swiper-container1s{
    display: none;
}
#swiper-container1s .swiper-wrapper{
    height: auto;
}

#swiper-container1s .swiper-slide a{
    display: block;
    position: relative;    
}
#swiper-container1s .swiper-slide a h3{
    filter: progid:DXImageTransform.Microsoft.Gradient(gradientType=0,startColorStr=rgba(0,119,184,0.8),endColorStr=rgba(0,192,255,0));
    background: -webkit-gradient(linear, 0% 25%, 75% 100%, from(rgba(0,119,184,0.8)), to(rgba(0,192,255,0)));
    background: -webkit-linear-gradient(left, rgba(0,119,184,0.8), rgba(0,119,184,0.6), rgba(0,192,255,0.6), rgba(0,192,255,0));
    background: -o-linear-gradient(left,rgba(0,119,184,0.8), rgba(0,119,184,0.6), rgba(0,192,255,0.6), rgba(0,192,255,0));
    background: -moz-linear-gradient(left,rgba(0,119,184,0.8), rgba(0,119,184,0.6), rgba(0,192,255,0.6), rgba(0,192,255,0));
    background: -ms-linear-gradient(left,rgba(0,119,184,0.8), rgba(0,119,184,0.6), rgba(0,192,255,0.6), rgba(0,192,255,0));
    font-size: 20px;
    position: absolute;
    bottom:0px;
    z-index: 9;
    color: #fff;
    width: 100%;
    font-weight: normal;
    line-height: 1.2em;
    padding:5px 5%;
}
#swiper-container1s .swiper-slide a h3 span{
    font-size: 14px;
    display: block;
}
#swiper-container1 .swiper-slide {
    position: relative;
    overflow: hidden;
    background-size: cover!important;
    background-position: center!important;
    background-repeat: no-repeat!important;
    height: 100vh;
}
#swiper-container1 .swiper-slide a{
    display: block;
}
#swiper-container1 .swiper-slide a img{
    display: none;
}
#fullPage .fp-slidesNav{
    text-align: right;
    position: absolute;
    max-width: 1600px;
    bottom: 50px;
    z-index: 99;
    width: 76%;
}
/*#fullPage .fp-slidesNav ul{*/
/*    width: 50%;*/
/*    right: 0;*/
/*    position: relative;*/
/*    margin-left: 50%;*/
/*}*/

#fullPage .fp-slidesNav li a span{
    width: 16px;
    height: 16px;
    border-radius: 0%;
    background:#e0e0e0;
    opacity: 1;
    position: relative;
    display: inline-block;
    opacity: 1;
    margin:0 30px;
    outline: none;
}
#fullPage .fp-slidesNav li a.active span{
    width: 16px;
    height: 16px;
    margin:0 30px;
    background:#00a0e6;
}
#fullPage .fp-slidesNav li a.active span:after{
    content:'';
    width: 20px;
    height: 20px;
    border:2px solid #00a0e6;
    position: absolute;
    top:-4px;
    left:-4px;
}
.index_banner_text{
    filter: progid:DXImageTransform.Microsoft.Gradient(gradientType=0,startColorStr=rgba(0,119,184,0.8),endColorStr=rgba(0,192,255,0));
    background: -webkit-gradient(linear, 0% 25%, 75% 100%, from(rgba(0,119,184,0.8)), to(rgba(0,192,255,0)));
    background: -webkit-linear-gradient(left, rgba(0,119,184,0.8), rgba(0,119,184,0.6), rgba(0,192,255,0.6), rgba(0,192,255,0));
    background: -o-linear-gradient(left,rgba(0,119,184,0.8), rgba(0,119,184,0.6), rgba(0,192,255,0.6), rgba(0,192,255,0));
    background: -moz-linear-gradient(left,rgba(0,119,184,0.8), rgba(0,119,184,0.6), rgba(0,192,255,0.6), rgba(0,192,255,0));
    background: -ms-linear-gradient(left,rgba(0,119,184,0.8), rgba(0,119,184,0.6), rgba(0,192,255,0.6), rgba(0,192,255,0));
    color: #fff;
    position: absolute;
    bottom:0;
    left:0;
    width: 100%;
    max-width: 1110px;
    padding: 40px 190px 45px 135px;
    z-index: 999999;
}
.index_banner_text h3{
    font-size: 72px;
    line-height:1em;
}
.index_banner_text h3 span{
    font-size: 36px;
    font-weight: normal;
}
.index_banner_text p{
    font-size: 24px;
    line-height:1.6em;
    font-family: 'Open Sans',Arial,'微軟正黑體',sans-serif;
}
.index_banner_text em{
    display: block;
    font-style: normal;
    font-size: 15px;
    color: #fff;
    text-align: center;
    border-radius: 25px;
    width: 160px;
    height: 50px;
    line-height: 50px;
    border: 2px solid #fff;
    margin-top: 45px;
}


.swiper-wrap {
  	width: 100vw;
  	height: 100vh;
  	position: relative;
  	left: 0;
  	top: 0;
  }
  .swiper-wrap .swiper-container {
  	width: 100%;
  	height: 100%;
  }
  .swiper-wrap .swiper-container .swiper-slide {
  	width: 100%;
  	height: 100%;
  }
  .swiper-wrap .swiper-container .swiper-slide .m_back{
    display: none;
    width: 100%;
    left: 0;
    top: 0;
    height: 100%;
  }
  .swiper-wrap .swiper-container .swiper-slide .con_back {
    width: 100%;
    height: 100%;
    left: 0;
    top: 0;
  }
  .swiper-wrap .swiper-container .swiper-slide.auto {
  	height: auto;
  }
@media(max-width: 1700px){
    .nav li a.nava{
        padding:0 20px;
    }
    .logo_text h3{
        font-size: 22px;
    }
    #fullPage .fp-slidesNav{
        left:5%!important;
        margin-left:0!important;
        width:80%;
        max-width:100%;
    }
}
@media(max-width: 1600px){
    .nav li a.nava {
        font-size: 15px;
    }
    .logo {
        float: left;
        margin-left: 40px;
    }
    .logo_text h3{
        font-size: 22px;
        margin-bottom: 2px;
    }
    .logo_text {
        float: left;
        padding: 24px 0 0 28px;
    }
    .Header-suncontain {
        width: 1200px;
    }
    .nav li a.nava {
        padding: 0 16px;
    }
    .index_banner_text h3{
        font-size: 52px;
    }
    .index_banner_text h3 span{
        font-size: 24px;
    }
    .index_banner_text p{
        font-size: 16px;
    }
    .index_banner_text em{
        font-size: 16px;
        width: 160px;
        height: 42px;
        line-height:42px;
        margin-top:30px;
    }
    
}
@media(max-width:1360px){
    .search{
        margin-left: 25px;
    }
    .nav li a.nava {
        padding: 0 14px;
    }
}
@media(max-width:1359px){
    .search{
        margin-left: 10px;
    }
}
@media(max-width:1280px){
    .logo_text{
        display: none;
    }
}
@media(max-width: 1199px){
    .inbanner{
        display:none;
    }
    .swiper-wrap .swiper-container {
        height: auto;
    }
    /*#swiper-container1,.swiper-container1{*/
    /*    display:none;*/
    /*}*/
    #swiper-container1{
        display:none;
    }
    #swiper-container1s{
        display: block;
    }
    .mainbannr_height_height{
        display:none;
    }
    .logo{
        margin-left: 20px;      
    }

    .search{
        display: none;
    }
    .langu{
        padding:0 25px;
    }
    #swiper-container1 .swiper-slide{
        height: 100%;
        background:none!important;
    }
    #swiper-container1 .swiper-slide a img{
        display: block;
    }
    .index_banner_text{
        padding: 30px 50px;
    }
    .index_banner_text h3{
        font-size: 40px;
    }
    .index_banner_text h3 span{
        font-size: 22px;
    }
    .index_banner_text p {
        font-size: 16px;
    }
    .index_banner_text em{
        font-size: 14px;
        width: 130px;
        height: 36px;
        line-height: 36px;
        margin-top: 20px;
    }
}
@media(max-width:992px){
    .logo{
        margin-left: 10px;
    }
    .nav li a.nava{
        font-size: 14px;
        padding: 0 10px;
        line-height: 80px;
    }
    .langu{
        padding:0 15px;
    }
}
@media(max-width: 768px){
    header{
        height: 85px;
    }
    .logo{
        margin-top: 0px;
        padding-top:5px;
    }
    .langu{
        display: none;
    }

    .Header-sunNav{
        display: none!important;
    }
    .index_banner_text {
        padding: 20px 30px;
    }
    .index_banner_text h3{
        font-size: 30px;
    }
    .index_banner_text h3 span{
        font-size: 16px;
    }
    .index_banner_text p {
        font-size: 14px;
    }
    .index_banner_text em{
        font-size: 14px;
        width: 110px;
        height: 34px;
        line-height: 32px;
        margin-top: 15px;
    }
}
@media(max-width: 767px){
    header {
        height: 65px;
    }
    header.fixed{
        position: relative;

    }
    .logo{
        width: 40%;
        float: none;
        margin-left: 12px;
        padding: 10px 0 ;
    }
    .menu-button{
        display: block;
    }
    .nav{
        display: none;
    }
    .index_banner_text p,.index_banner_text em{
        display: none;
    }
    .index_banner_text {
        padding: 10px 15px;
    }
    .index_banner_text h3 {
        font-size: 20px;
    }
    .index_banner_text h3 span {
        font-size: 14px;
    }
    .swiper-container .swiper-pagination1{
        display: none;
    }
    #swiper-container1s .swiper-slide{
        max-height: 212px;
        overflow:hidden;
    }
}



main{
    position: relative;
    z-index: 3;
    background: #fff;
    overflow: hidden;    
}
.insection2{
    background:#e7f0f6;
}
.index_map{
    
    padding:150px 0 0;
}
.container{
    max-width: 1460px;
    margin: 0 auto;
    width: 92%;
}
.index_sz{
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    margin-bottom:34px;
}
.index_sz li{
    margin:0 50px;
    text-align:center;
}
.index_sz li:last-child{
    min-width: 280px;
}
.index_sz li h4{
/*    color: #00a0e6;*/
    font-family: 'impact';
    font-weight: normal;

}
.index_sz li h4 span{
    font-size: 80px;
    line-height:1em;
    background-image: -webkit-linear-gradient(bottom, #15cbd2, #0dc6e2, #02bbf6);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;

}
.index_sz li h4 sup{
    font-size: 30px;
    margin-left: 5px;
    background-image: -webkit-linear-gradient(bottom, #15cbd2, #0dc6e2, #02bbf6);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
}
.index_sz li p{
    font-size: 15px;
    font-family: Arial,'微軟正黑體',Helvetica,sans-serif;
    color: #666;
    padding-top: 0px;
}
.wrap{
    width: 1068px;
    margin: 0 auto;   
}
.index_map .wrap{
    position: relative;
    width: 1050px;
}
.posmap01 {
    width: 100%;
}
.posmap02 {
    display: none;
    width: 100%;
}
.index_map .wrap .biaodian{
    position: absolute;
    z-index: 9999999;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;    
}
.biaodian li{
    position: absolute;
}
.biaodian li .mapcicle{
    position: relative;
    cursor: pointer;
}
.biaodian li .mapcicle i{
    width: 7px;
    height: 7px;
    border:1px solid #fff;
    border-radius: 50%;
    position: relative;
    z-index: 1;
    transition: all 0.6s ease-out;
    display: block;
}

@-webkit-keyframes fade-larger{
    0%{ -webkit-transform: scale(0.4); transform: scale(0.4); opacity: 1; }
    100%{ -webkit-transform: scale(0.8); transform: scale(0.8); opacity: 0; }
}

.biaodian li .mapcicle i:before{
    content:'';
    position: absolute;
    border-radius: 100%;
    top: -15px;
    bottom: -15px;
    left: -15px;
    right: -15px;
    -webkit-animation: fade-larger 2s infinite;
    animation: fade-larger 2s infinite;
    opacity: 0;
    display: none;
}
.biaodian li .mapcicle em {
    left: 50%;
    position: absolute;
    top: -17px;
    z-index: 2;
    opacity: 0;
    width: 12px;
    margin-left: -6px;
}
.biaodian li .block_maptext{
    position: relative;
}
.biaodian li .mapcicle_text{
    display: none;
    position: absolute;
    top: -20px;
    left: 30px;
    width: 268px;
    padding: 20px 20px;
    z-index: 9;
    color: #fff;
    border-radius: 5px;
}
.biaodian li .mapcicle_text:before{
    content: '';
    width: 0;
    height: 0;
    border-top: 5px solid transparent;

    border-bottom: 10px solid transparent;
    position: absolute;
    left: -10px;
    top: 20px;
}
.biaodian li .block_maptext .mapcicle_text h1{
    font-size: 20px;
    font-weight: normal;
    line-height:1em;
    margin-bottom:10px;
}
.biaodian li .block_maptext .mapcicle_text p{
    font-size: 12px;
}

.biaodian li .map_clcor1 .mapcicle{
    padding: 1px;
    border-radius: 50%;
    border: 2px dotted #7752C4;    
}
.biaodian li .map_clcor1 .mapcicle i{
    background:#00b1ff;
}
.biaodian li .map_clcor1 .mapcicle i:before{
    background:rgba(0,177,255,.5);
}
.biaodian li .map_clcor1 .mapcicle_text{
    background: #00b1ff;
}
.biaodian li .map_clcor1 .mapcicle_text:before{
    border-right: 10px solid #00b1ff;
}
.biaodian li .map_clcor2 .mapcicle{
    padding: 1px;
    border-radius: 50%;
    border: 2px dotted #7752C4;    
}
.biaodian li .map_clcor2 .mapcicle i{
    background:#0069bf;
}
.biaodian li .map_clcor2 .mapcicle i:before{
    background:rgba(0,105,191,.5);
}
.biaodian li .map_clcor2 .mapcicle_text{
    background: #0069bf;
}
.biaodian li .map_clcor2 .mapcicle_text:before{
    border-right: 10px solid #0069bf;
}
.biaodian li .map_clcor3 .mapcicle i{
    background:#ed9023;
}
.biaodian li .map_clcor3 .mapcicle i:before{
    background:rgba(23,158,60,.5);
}
.biaodian li .map_clcor3 .mapcicle_text{
    background: #ed9023;
}
.biaodian li .map_clcor3 .mapcicle_text:before{
    border-right: 10px solid #ed9023;
}
.biaodian li .map_clcor4 .mapcicle{
    padding: 1px;
    border-radius: 50%;
    border: 2px dotted #7752C4;    
}
.biaodian li .map_clcor4 .mapcicle i{
   /* background:#B1CC1D;
    border: 2px dotted #7752C4;*/
}
.biaodian li .map_clcor4 .mapcicle i:before{
    background:rgba(177,204,29,.5);
}
.biaodian li .map_clcor4 .mapcicle_text{
    background: #ed9023;
}
.biaodian li .map_clcor4 .mapcicle_text:before{
    border-right: 10px solid #ed9023;
}

.biaodian li:hover .mapcicle em{
    opacity: 1;
}
.biaodian li:hover .mapcicle i{
    /*width:15px;*/
    /*height: 15px;*/
    border:none;
    transition: all 0.6s;
}
.biaodian li:hover .mapcicle i:before{
    display: block;
}
.biaodian li:hover .block_maptext .mapcicle_text{
    display: block;
}

.biaodian li:hover .map_clcor4 .mapcicle i{
    width: 8px;
    height: 8px;    
}
.biaodian li:hover .map_clcor4 .mapcicle i:before{
    opacity: 0; 
}


.biaodian li.map1{
    right: 17.6%;
    top: 47%;
}
.biaodian li.map2{
    right: 19%;
    top: 41%;
}
.biaodian li.map3{
    right: 18%;
    top: 50%;
}
.biaodian li.map4{
    right: 19%;
    top: 51%;
}
.biaodian li.map5{
    right: 23%;
    top: 46%;
}
.biaodian li.map6{
    right: 17.1%;
    top: 51%;
}
.biaodian li.map7{
    right: 49%;
    top: 34.6%;
}
.biaodian li.map8{
    right: 52.2%;
    top: 34%;
}
.biaodian li.map9{
    right: 51.2%;
    top: 38%;
}
.biaodian li.map10{
    right: 49%;
    top: 40%;
}
.biaodian li.map11{
    right: 53%;
    top: 42%;
}
.biaodian li.map12{
    right: 54.2%;
    top: 43%;
}
.biaodian li.map13{
    right: 50.5%;
    top: 36%;
}
.biaodian li.map14{
    right: 49.6%;
    top: 38%;
}
.biaodian li.map15{
    right: 50.4%;
    top: 34.4%;
}
.biaodian li.map16{
    right: 50%;
    top: 37%;
}
.biaodian li.map17{
    right: 48%;
    top: 38%;
}
.biaodian li.map18{
    right: 48.2%;
    top: 27%;
}
.biaodian li.map19{
    right: 49.2%;
    top: 32%;
}
.biaodian li.map20{
    right: 45.5%;
    top: 23%;
}
.biaodian li.map21{
    right: 50%;
    top: 28.4%;
}
.biaodian li.map22{
    right: 47%;
    top: 38%;
}
.biaodian li.map23{
    right: 47.7%;
    top: 36.5%;
}
.biaodian li.map24{
    right: 46.6%;
    top: 37%;
}
.biaodian li.map25{
    right: 48.5%;
    top: 39%;
}
.biaodian li.map26{
    right: 42%;
    top: 29.4%;
}
.biaodian li.map27{
    right: 74.5%;
    top: 43%;
}
.biaodian li.map28{
    right: 72%;
    top: 37.4%;
}
.biaodian li.map29{
    right: 80.5%;
    top: 53%;
}
.biaodian li.map30{
    right: 73%;
    top: 61.5%;
}
.biaodian li.map31{
    right: 73.6%;
    top: 69%;
}
.biaodian li.map32{
    right: 64.5%;
    top: 73%;
}
.biaodian li.map33{
    right: 71.5%;
    top: 79.4%;
}
.biaodian li.map34{
    right: 16%;
    top: 43%;
}
.biaodian li.map35{
    right: 13%;
    top: 42.5%;
}
.biaodian li.map36{
    right: 17%;
    top: 55%;
}
.biaodian li.map37{
    right: 20.5%;
    top: 68%;
}
.biaodian li.map38{
    right: 21.6%;
    top: 53.4%;
}
.biaodian li.map39{
    right: 22.6%;
    top: 55.4%;
}
.biaodian li.map40{
    right: 22%;
    top: 62.4%;
}
.biaodian li.map41{
    right: 30%;
    top: 49.4%;
}
.biaodian li.map42{
    right: 31.6%;
    top: 47.4%;
}
.biaodian li.map43{
    right: 28.3%;
    top: 60.4%;
}
.biaodian li.map44{
    right: 26%;
    top: 51.4%;
}.biaodian li.map45{
    right: 41.6%;
    top: 43.4%;
}.biaodian li.map46{
    right: 36.6%;
    top: 46.4%;
}.biaodian li.map47{
    right: 42%;
    top: 47.4%;
}
.biaodian li.map48{
    right: 84.5%;
    top: 43%;
} 
 
 /* 地图结束*/


.biaozhu{
    position: absolute;
    left:0;
    bottom:20px;
}
.biaozhu a{
    display: block;
    width: 150px;
    height: 48px;
    line-height: 45px;
    background: url(../images/dingwei.png) no-repeat 120px 14px;
    font-size: 14px;
    color: #fff;
    border: 2px solid #fff;
    border-radius: 14px;
    margin-bottom: 14px;
    padding-left: 28px;
}
.biaozhu a:nth-child(1){
    background:url(../images/dingwei.png) no-repeat 112px 10px #00b1ff;
}
.biaozhu a:nth-child(2){
    background:url(../images/dingwei.png) no-repeat 112px 10px #0069bf;
}
.biaozhu a:nth-child(3){
    background:url(../images/dingwei.png) no-repeat 112px 10px #ed9023;
}
@media(max-width: 1600px){
    .index_sz li h4 span{
        font-size: 52px;
    }
    .container{
        max-width: 1360px;
    }
    .index_map .wrap{
        width:800px;
    }
    .biaozhu{
        bottom:50px;
    }
    .biaozhu a{
        width: 120px;
        height: 42px;
        line-height: 40px;  
        margin-bottom: 10px;
        padding-left: 15px;
    }
    .biaozhu a:nth-child(1){
        background:url(../images/dingwei.png) no-repeat 85px 6px #00b1ff;
    }
    .biaozhu a:nth-child(2){
        background:url(../images/dingwei.png) no-repeat 85px 6px #0069bf;
    }
    .biaozhu a:nth-child(3){
        background:url(../images/dingwei.png) no-repeat 85px 6px #ed9023;
    }
}
@media(max-width: 1440px){
    .container{
        max-width: 1200px;
    }
    .index_sz li{
        margin: 0 30px;
    }
    .index_sz li p{
        font-size: 15px;
    }
    .biaodian li .block_maptext .mapcicle_text h1{
        font-size: 18px;
    }
}
@media(max-width: 1199px){
    .wrap{
        width: 100%;
    }
    .container{
        width: 94%;
    } 
    .index_sz li {
        margin: 0 20px;
    }
    .index_sz li p{
        font-size: 14px;
        padding-top: 5px;
    }
    .index_sz li h4 span {
        font-size: 46px;
    }   
    .index_sz li h4 sup {
        font-size: 24px;
    }
    .biaodian li .block_maptext .mapcicle_text h1{
        font-size: 14px;
    }
    .biaodian li .mapcicle_text{
        left: 30px;
        padding: 10px 10px;
        width: 180px;
    }
    .biaozhu{
        display: none;
    }
    .m_index_map{
        padding-top:30px;
        background-color: #e6eff6;
    }

}
@media(max-width: 768px){
    .index_map index_sz:nth-child(1) li{
        display:none;
    }
    .container{
        width: 96%;
    }   
    .index_map .wrap{
        width:100%;
    }
    .index_map .wrap .biaodian{
        display: none;
    }
    .posmap01{
        display: none;
    }
    .posmap02{
        display: block;
    }
    .index_sz li {
        margin: 0 10px;
    }
    .index_sz li h4 span{
        font-size: 32px;
    }
    .index_sz li h4 sup {
        font-size: 18px;
    }
    .index_sz li p {
        font-size: 12px;
        padding-top: 0px;
        color: #242424;
    }
    .index_sz li:last-child{
        min-width:180px;
    }
}
@media(max-width: 767px){

    .index_map{
        padding:20px 0;
    }
    .index_sz li{
        width: 50%;
        padding:10px;
        margin:0;
        max-width: 100%;
    }
    .index_sz li:last-child{
        min-width: 0%;
    }
    .index_sz li h4 span {
        font-size: 26px;
    }
    .m_index_map{
         padding-bottom: 20px;

    }
}

.section3{
    background:url(../images/bg1.jpg) no-repeat top center;
    background-size: cover;
}
.index_product{

    padding:150px 0 0 ;
}
.index_title{
    text-align:center;
}
.index_title h3{
    line-height:1em;
    font-size: 42px;
    color: #333333;
    margin-bottom:25px;
}
.index_title p{
    line-height:1em;
    font-size: 16px;
    color: #4c4c4c;
}
.index_product_content{
    margin-top:44px;
    display: flex;
    flex-wrap: wrap;
    text-align:center;

}
.index_product_content_l{
    width: 50%;
}

.index_product_content_r{
    width: 50%;
}
.index_product_c{
    position: relative;
    background-size: contain;
    padding: 120px 0 50px;
    height: 700px;
    transition: all 0.6s;
    overflow: hidden;
}
.index_product_c:before{
    content:'';
    position: absolute;
    width: 100%;
    height: 100%;
    background:url(../images/bg2.png) ;
    opacity: 0;
    transition: all 0.6s ease-out;
    left: 0;
    top:0;
    z-index: 0;
}

.index_product_c .xs{
    position: relative;
    z-index: 1;
}
.index_product_c .img1{

}
.index_product_c .img{
    width: 164px;
    height: 74px;
    overflow: hidden;
    position: relative;
    margin:0 auto;
}
.index_product_c .img img{
    display: block;
    position: absolute;
    top:0;
    left:0;
}
.index_product_c h3{
    font-size: 30px;
    color: #333;
    line-height:1em;
    padding:15px 0 20px;
}
.index_product_c p{
    font-size: 14px;
    color: #666;
    max-width: 470px;
    margin:0 auto;
}
.index_product_c a.more{
    display: block;
    width: 144px;
    height: 50px;
    line-height: 46px;
    border: 2px solid #b6b6b6;
    font-size: 16px;
    color: #808080;
    text-align: center;
    margin: 60px auto 0;
    border-radius: 25px;

}
.index_p_sort{
    display: none;
    flex-wrap: wrap;
    max-width: 510px;
    margin:20px auto 0;
    transition: all 0.6s;
}
.index_p_sort a{
    display: block;
    font-size: 16px;
    color: #fff;
    width: 22%;
    margin-right: 4%;
    line-height:1em;
    padding:15px 0 10px;
    border-bottom:1px solid #fff;
}
.index_p_sort a:nth-child(4n){
    margin-right: 0;
}

.index_product_c:hover:before{
    opacity: 1;
    transition: all 0.6s;
}
.index_product_c:hover .img img{
    top:-74px;
}
.index_product_c:hover h3{
    color: #fff;
}
.index_product_c:hover p{
    color: #fff;
}
.index_product_c:hover a.more{
    color: #fff;
    border:2px solid #fff;
    margin:60px auto 0;
}
.index_product_c:hover .index_p_sort{
    display: flex;
    transition: all 0.6s ease-out;
}
.index_product_content_l:hover{
    transition: all 0.6s ease-out;
    background:url(../images/index_p.png) no-repeat top center;
    background-size: contain;
}
.index_product_content_r:hover{
    transition: all 0.6s ease-out;
    background:url(../images/index_p2.png) no-repeat top center;
    background-size: contain;
}
@media(max-width: 1600px){
    .index_title h3{
        font-size: 34px;
    }
    .index_title p{
        font-size: 15px;
    }
    .index_product_c a.more{
        display: none;
    }
}
@media(max-width: 1440px){
    .index_p_sort{
        font-size: 18px;
    } 
    .index_product_c a.more {
        width: 160px;
        height: 50px;
        line-height: 45px;
        font-size: 16px;
        margin: 30px auto 0;
    }
    .index_p_sort a{
        font-size: 18px;
    }  
    .index_product_c h3{
        font-size: 26px;
        padding: 12px 0 15px;
    }

}
@media(max-width: 1024px){
   .index_title h3{
    font-size: 30px;
    margin-bottom: 15px;
   }
   .index_title p{
    font-size: 14px;
    line-height:1.6em;
   }
   .index_product_c{
    padding: 65px 0 60px;
    height: 400px;
   }
   .index_product_c p{
    font-size: 12px;
   }
   .index_p_sort{
    font-size: 16px;
   }
    .index_product_c a.more {
        width: 120px;
        height: 42px;
        line-height: 40px;
        font-size: 16px;
        margin: 20px auto 0;
    }
    .index_p_sort a{
        font-size: 16px;
    }  
}
@media(max-width: 768px){
    .index_product_c .img {
    width: 130px;
    height: 74px;
}
    .index_product{
        padding:40px 0 0;
    }
    .index_title h3 {
        font-size: 24px;
        margin-bottom: 10px;
    } 
    .index_product_content{
        margin-top:35px;
    }
    .index_product_c {
        padding: 40px 0;
        /*height: 450px;*/
    } 
    .index_product_c h3{
        font-size: 20px;
        padding: 10px 0 10px;
    }
    .index_p_sort{
        margin:15px auto 0;
    }
    .index_p_sort a{
        font-size: 14px;
    } 
    .index_product_c a.more {
        height: 36px;
        line-height: 34px;
        font-size: 14px;
    } 
    .m_index_product .index_product_c {
        padding: 40px 0;
        height: 350px;
    } 
    .m_index_product .index_product_c .img img{
        top: -58px;
    }
    .m_index_product .index_product_c:before{
        opacity:1;
    }
    .m_index_product .index_product_c h3{
        color:#fff;
    }
    .m_index_product .index_product_c p{
        color:#fff;
    }
    .m_index_product .index_p_sort{
        display:flex;
    }
    .m_index_product .index_product_content_l{
        transition: all 0.6s ease-out;
        background:url(../images/index_p.png) no-repeat top center;
        background-size: contain;
    }
    .m_index_product .index_product_content_r{
        transition: all 0.6s ease-out;
        background:url(../images/index_p2.png) no-repeat top center;
        background-size: contain;
    }
}
@media(max-width: 767px){
    .index_product_c .img {
        margin-top: 16px;
    }
    .index_title {
        display: none;
    }
    .index_product{
        padding:0;
    } 
    .index_product_content{
        margin-top:0px;
    }  
    .index_product_c{
        width: 100%;
    }
    .m_index_product .index_product_c{
        padding: 60px 10px;
        height: 380px;

    }
    .index_product_c {
        padding: 20px 14px;
        height: 400px;
        padding-top: 30px;
        
    } 
    .index_product_c h3{
        font-size: 18px;
        padding: 10px 0 10px;
    } 
    .index_title h3 {
        font-size: 20px;
        margin-bottom: 5px;
    }
    .index_title p{
        font-size: 12px;
        padding:0 10px;
    }
    .index_p_sort{
        max-width: 100%;
        margin: 20px auto 0;
    }
    .index_p_sort a{
        padding: 10px 0 10px;
        margin-right: 2%;
        width: 23.5%
    }
    .index_product_c:hover{
        background-size: contain;
    }

}


.section4{
    background:url(../images/bg3.jpg) no-repeat top center;
    background-size: cover; 
    display: flex;
    align-items: center;
    justify-content: center;
}
.index_about{
    /*padding:120px 0  0;*/
    /*background-attachment: fixed;*/
}
.index_about h2{
    text-align:center;
    line-height:1em;
    font-size: 42px;
    color: #fff;
    margin-bottom:24px;
}
.index_about .line1{
    width: 60px;
    height: 4px;
    background:#fff;
    margin:0 auto;
}
.index_about_text{
    max-width: 1040px;
    font-size: 15px;
    color: #fff;
    font-family: 'Open Sans',Arial,'微軟正黑體',sans-serif;
    margin:30px auto 45px;
    text-align: center;
}
.videopic-play{
    text-align:center;
}
.videopic-play i {
    display: inline-block;
    vertical-align: middle;
    width: 48px;
    height: 48px;
    background: url(../images/video-play.png) no-repeat;
    position: relative;
}
.videopic-play i:before,.videopic-play i:after{    
    content: "";
    display: block;
    width: 58px;
    height: 58px;
    border: 1px dotted #fff;
    border-radius: 100%;
    position: absolute;
    top: -5px;
    left: -5px;
    animation: videoDh 1.5s linear infinite;
    opacity: 0.8;
}
.videopic-play i:before{
    animation-delay: 0.6s;
}
.videopic-play i:after{
    animation-delay: 0s; 
}
 .videopic-play a{
     display: block;
 }
@keyframes videoDh { 
    from {
        transform: scale(1, 1); 
        opacity: 0.8;
    } 
    to {
        transform: scale(1.8, 1.8); 
        opacity: 0;
    } 
}
.videopic-play span{
    display: inline-block;
    vertical-align: middle;
    font-size: 18px;
    color: #fff;
    margin-left: 16px;
    height: 48px;
    line-height: 48px;
}
.videopic-play a:hover span{
    text-decoration: underline;
}
.media_show {
    display: none;
    position: absolute;
    background: rgba(0,0,0,0.8);
    left: 50%;
    top: 50%;width: 702px;
    height: 425px;
    z-index: 99;
    margin-left: -351px;
    margin-top: -213px;
    z-index: 9999999;
}
.media_show span {
    position: absolute;right: -30px;top: -30px;
    width: 40px;height: 40px;background: #000;color: #fff;
    font-size: 20px;line-height: 40px;
    text-align: center;border-radius: 50%;cursor: pointer;
    z-index: 999999;
}
.swiper-wrap .swiper-container .swiper-slide.auto {
    height: auto;
}
@media(max-width: 1600px){
    .index_about h2{
        font-size: 36px;
    }
}
@media(max-width: 1440px){
    
}
@media(max-width: 1024px){
    .index_about{
        padding:100px 0;
    }
    .index_about h2{
        font-size: 30px;
    }
   .index_about_text{
    font-size: 14px;
   }
   .videopic-play{
    display: none;
   }
   
   .m_index_about .videopic-play{
       display:block;
   }
}
@media(max-width: 768px){
    .index_about{
        padding:60px 0;
    }
    .index_about h2{
        font-size: 24px;
        margin-bottom: 15px;
    }
    .index_about .line1{
        width: 30px;
    }
    .index_about_text{
        margin: 25px 0;
    }
}   
@media(max-width: 767px){
  .index_about{
    padding: 52px 0;
  } 
  .index_about h2{
      font-size:20px;
      margin-bottom: 10px;
  }
    .index_about_text{
        font-size: 12px;
       margin: 20px 0px 50px;
    }   
    .videopic-play span {
    font-size: 16px;
}
}

.insection5{

}
.index_news{
    /*padding: 145px 0 100px;*/
 
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    align-items: center;
    height: 100%; margin-bottom:4%; margin-top:-4%
    /*padding:75px 0;*/
}
.index_news .container{
    padding:0 40px;
    display: flex;
    flex-wrap: wrap;
  
}
.index_news_cont{
    width: 32.5%;
    float: left;
    background:#fff;
}
.index_news_cont_img{
    overflow:hidden;
    position: relative;
}
.index_news_cont_img img{
    transition: all 0.6s ease-out;
    
}
.index_news_cont:hover .index_news_cont_img img{
    transition: all 0.8s;
    transform: scale(1.08);
    
}
.index_news_cont_img h4{
    font-size: 32px;
    line-height: 1em;
    text-indent: 30px;
    width: 60%;
    padding:30px 0;
    color: #fff;
    font-weight: normal;
    position: absolute;
    bottom:0;
    left:0;

    background: -webkit-gradient(linear, 0% 25%, 75% 100%, from(rgba(0,119,184,0.8)), to(rgba(0,192,255,0)));
    background: -webkit-linear-gradient(left, rgba(0,119,184,0.8), rgba(0,119,184,0.6), rgba(0,192,255,0.6), rgba(0,192,255,0));
    background: -o-linear-gradient(left,rgba(0,119,184,0.8), rgba(0,119,184,0.6), rgba(0,192,255,0.6), rgba(0,192,255,0));
    background: -moz-linear-gradient(left,rgba(0,119,184,0.8), rgba(0,119,184,0.6), rgba(0,192,255,0.6), rgba(0,192,255,0));
    background: -ms-linear-gradient(left,rgba(0,119,184,0.8), rgba(0,119,184,0.6), rgba(0,192,255,0.6), rgba(0,192,255,0));

}
.index_news_text{
    padding:0px 22px 35px;
}
.index_news_text a.more{

}
.index_news_cont1{
}
.news_list1{
    margin:12px 0 14px;
}
.news_list1 li{
    background:url(../images/news_bg1.jpg) no-repeat center;
    height: 95px;
    padding-top: 10px;
}
.news_list1 li a{
    display: block;
    width: 90%;
    border:1px solid #fff;
    margin:0px auto 0;
    padding:20px 25px;
    height: auto;
}
.news_list1 li a em{
    font-style: normal;
    color: #fff;
    font-size: 18px;
    font-weight: bold;
    display: block;
    width: 80%;
    float: left;
    white-space: nowrap; 
    text-overflow: ellipsis;
    overflow: hidden;
}
.news_list1 li a span{
    display: block;
    float: right;
    width: 28px;
    height: 28px;
    background:url(../images/jt1.png) no-repeat center #0696da;
    border-radius: 50%;
    margin-top: 4px;
}
.news_list2{

}
.news_list2 li{
    padding:20px 0 20px;
    border-top:1px solid #e5e5e5;
    height:120px;
}
.news_list2 li span{
    display: block;
    font-size: 16px;
    color: #666;
}
.news_list2 li a{
    font-size: 18px;
    color: #333;
    line-height:1.8em;
    font-family: 微软雅黑, "Microsoft YaHei", "Source Han Sans", Helvetica, Arial;
}
.news_list2 li:hover span{
    color: #1b91cf;
}
.news_list2 li:hover a{
    color: #1b91cf;
}
.index_news_cont2{
    margin:0 1%;
}
.index_news_cont a.more{
    margin-top:30px;
    position: relative;
    display: block;
}
.index_news_cont a.more p{
    width: 28px;
    height: 28px;
    border-radius: 100%;
    background-color: #1b8ad7;
    display: inline-block;
    vertical-align: middle;
    position: relative;
}
.index_news_cont a.more i{
    display: block;
    position: absolute;
    left: 7px;
    width: 14px;
    height: 7px;
    background: url(../images/jt1.png) no-repeat;
    top: 10.5px;
}
.index_news_cont a.more span{
    font-size: 14px;
    color: #1b8ad7;
    display: inline-block;
    vertical-align: middle;
    padding-left: 12px;
    height: 28px;
    line-height: 28px;
}
@keyframes newsDh {
    0% {left: 7px;opacity: 1;}
    25%{left: 14px;opacity: 0;}
    75%{left: -14px;opacity: 0;}
    100% {left: 7px;opacity: 1;}
}
.index_news_cont a.more:hover i{
    animation: newsDh .4s linear both;
}
@media(max-width: 1600px){
    .index_news .container{
        margin-top:50px;
    }
    .index_news_text{
        padding:0 18px 10px;
    }
    .news_list1 li{
        height:75px;
        background-size:cover;
    }
    .news_list1 li a{
            padding: 10px 25px;
    }
    .news_list2 li{
        height:100px;
    }
    .news_list2 li a{
        font-size: 16px;
    }
    .news_list1 li a em{
        font-size: 16px;
    }
    .index_news_cont_img h4{
        font-size: 24px;
        text-indent: 20px;
        width: 70%;
        padding:25px 0;
    }
    .index_news_cont a.more{
        margin-top:15px;
    }
}
@media(max-width: 1440px){
    .index_news .container{
        margin-top:50px;
    }
    .index_news .container{
        padding:0  6px;
    }
    .index_news_cont_img h4{
        padding:20px 0;
    }
}
@media(max-width: 1024px){
    .index_news .container{
        margin-top:00px;
    }
    .index_news{
        padding:50px 0;
    }
    .news_list2 li a{
        font-size: 14px;
    }  
    .news_list1 li a em{
        font-size: 14px;
    } 
    .index_news_cont_img h4{
        font-size: 20px;
        text-indent: 15px;
        width: 80%;
        padding:15px 0;
    }
    .index_news .container{
        padding:0;
    }
}
@media(max-width: 768px){
    .news_list1 li {
    height: 78px;
    background-size: cover;
}
    .index_news {
        padding: 40px 0;
    }
    .index_news_text{
        padding: 0px 10px 15px;
    }
    .news_list1 li a {
        width: 94%;
    padding: 12px 5px;
    
    } 
    .index_news_cont_img h4{
        font-size: 18px;
        text-indent: 10px;
        width: 100%;
        padding:15px 0;
    }
}
@media(max-width: 767px){
    .index_news {
        padding: 25px 0;
    }    
    .index_news_cont{
        margin-top: 10px;
        width: 100%;
        float: none;
        margin-bottom:10px;
        
    }
    .news_list1 {
        margin: 6px 0;
    }
    .news_list2 li{
        padding: 10px 0 ;
        height: 80px;        
    }
    .index_news_cont a.more{
        margin-top: 10px;
    }
    .index_news_cont a.more span{
        font-size: 14px;
    }
    .index_news_cont2{
        margin:0;
    }
    .index_news_cont_img h4{
        /*font-size: 16px;*/
        text-indent: 10px;
        padding:12px 0;
    }
}


 
.f_code{
    float: right;
}
.copyright{
    padding:16px 0 22px;
    font-size:14px;
    color: #ccc;
}
.copyright a{
    font-size:14px;
    color: #ccc;
}
.f_copyright{

}
.f_link{
    float: left;
}
.f_link a{
    display: inline-block;
    margin-right: 50px;
}
.f_share{
    float: right;
}
.f_share a{
    display: inline-block;
    position: relative;
    margin-left: 20px;
    width: 46px;
    height: 46px;
    line-height: 45px;
    border-radius: 50%;
    border:1px solid #999;
    text-align: center;
}
.f_share a img{
    margin-top:0px;
    position: relative;
    top:12px;
}
.f_share a .xs{
    display: none;
    position: absolute;
    top:-50px;
    left: -120px;
}
.f_share a .xs img{
    width: 110px;
    height: 110px;
    margin-top:0;
}
.f_share a:hover{
    background: #999;
}
.f_share a:hover .xs{
    display: block;
}
.banquan{
    margin-top: 10px;
}
.banquan p{
    display: inline-block;
    margin-right: 5px;
}
@media(max-width: 1600px){
      .nav_foot li h3 {
    font-size: 16px;
      }
}
@media(max-width: 1440px){
    .foot .container{
        padding:0px 44px 0px;
    }

}
@media(max-width: 1024px){
    .nav_foot li{
        width: 16%;
    }
    .nav_foot {
        padding: 30px 0;
    } 
    .f_link{
        float: none;
    }  
    .f_share{
        display: none;
    }
    .foot .container{
        padding:0px 30px 0px;
    }
}
@media(max-width: 768px){

    .nav_foot{
        display: none;
    }
    .foot .container{
        padding:0px 20px 0px;
    }
}
@media(max-width: 767px){
    .foot{
        display:none;
    }
    .foot .container{
        padding:0px 10px 0px;
    }    
}




/*----- Common css ------*/

.fl {
    float: left;
}

.fr {
    float: right;
}

.di {
    _display: inline;
}

.fwn {
    font-weight: normal;
}

.dib {
    *display: inline;
    _zoom: 1;
    _display: inline;
    _font-size: 0px;
}
.f_none{
    display: none;
}



/*------------内页-------------------*/
.n_banner {
    width: 100%;
    margin: 0 auto;
    position: relative;
    margin-top: 90px;
}
.n_banner img {
    width: 100%;
    margin: 0 auto
}
.n_banner h3{
    position: absolute;
    z-index: 99;
    right: 0;
    top: 50%;
    margin-top: -70px;
    width: 501px;
    height: 126px;
    line-height: 118px;
    padding-right: 8%;
    background: -webkit-linear-gradient(left, rgba(0,0,0, 0) , rgba(0,0,0, 0.4));
    background: -o-linear-gradient(right, rgba(0,0,0, 0) , rgba(0,0,0, 0.4));
    background: -moz-linear-gradient(right, rgba(0,0,0, 0) , rgba(0,0,0, 0.4));
    background: linear-gradient(to right,rgba(0,0,0, 0) , rgba(0,0,0, 0.4));
    text-align: right;
}
.n_banner h3 span{
    display: inline-block;
    font-size: 40px;
    color: #fff;
    position: relative;
}
.n_banner h3 span:before{
    content:'';
    position: absolute;
    width: 94px;
    height: 5px;
    right:0;
    bottom:20px;
    background: #f49104;
}
.h90{
    height: 00px;
}
.sitemp{
    padding: 0 100px;
    border-radius: 5px;
    box-shadow: 0px 5px 10px #ccc;
    position: relative;
    z-index: 999;
    margin-top: -68px;
    background: #fff;
    margin-bottom: 35px;
}
.site{
    height: 68px;
    border-bottom: 1px solid #e5e5e5;
    padding-left:23px;
    background:url(../images/home.png) no-repeat left center;
    font-size: 14px;
    color: #999;
    line-height:68px;
    text-transform:uppercase;
}
.site a{
    font-size: 14px;
    color: #999;
    text-transform:uppercase;
}
.sitemp2{
    margin-top: 90px;
    background:#fff;
    border-bottom: 1px solid #e5e5e5;
}
.sort{
    display: flex;
    /*space-between*/
    justify-content: center;    
    height: 98px;
    line-height:98px;
}
.sort li{
    position: relative;
    margin: 0 80px;
}
.sort li:before{
    content:'';
    position: absolute;
    left:0;
    bottom:0;
    width: 0%;
    height: 4px;
    background:#08a3e7;
    display: none;
    transition: all 0.5s ease-out;
}
.sort li a{
    font-size: 20px;
    color: #5e5e5e;
    display: block;

}
.sort span{
    display: block;
    width: 1px;
    height: 44px;
    position: relative;
    margin-top: -22px;
    background: #ebebeb;
    top: 50%;
}
.sort span:last-child{
    display: none;
}
.sort li:hover:before{
    width: 100%;
    display: block;
    transition: all 0.5s;
}
.sort li:hover a{
    color: #08a3e7;
}
.sort li.on:before{
    width: 100%;
    display: block;
    transition: all 0.5s;
}
.sort li.on a{
    color: #08a3e7;
}
.n_content{
    background:#fff;
    border-radius: 5px;
    padding:55px 100px;
    box-shadow: 0px 0px 10px #ccc;
    margin-bottom:50px;
}

@media(max-width: 1600px){
    .sitemp{
        padding:0 50px;
    }
    .sort{
        height: 80px;
        line-height:80px;
    }
    .sort li a{
        font-size: 15px;
    }
    .n_banner h3{
        margin-top: -60px;
        width: 400px;
        height: 99px;
        line-height: 92px;
        padding-right: 8%;
    }
    .n_banner h3 span{
        font-size: 34px;
        font-weight: normal;
    }
    .n_banner h3 span:before{
            width: 70px;
            height: 4px;
            bottom: 14px;
    }
}
@media(max-width: 1440px){
    .sort li{
        margin: 0 76px;
    }

    .n_banner h3 span{
    font-size: 30px;
    font-weight: normal;
    }

}
@media(max-width: 1199px){
    .sitemp {
        padding: 0 30px;
    }
    .n_banner h3{
        margin-top:-50px;
        width: 400px;
        height: 100px;
        line-height: 100px;
        padding-right: 8%;
    }
    .n_banner h3 span{
        font-size: 32px;
    }
    .n_banner h3 span:before{
        width: 60px;
        height: 5px;
        bottom:10px;
    }
    .sort li{
        margin:0 55px;
    }
}
@media(max-width: 768px){
    .sitemp {
        padding: 0 20px;
        margin-top:0;
        width: 100%;
        margin-bottom:10px;
    } 
    .sort {
        height: 60px;
        line-height: 60px;
    }
    .sort li{
        margin:0 30px;
    }
    .sort li a {
        font-size: 16px;
    }  
    .sort span{
        height:20px;
        margin-top:-10px;
    }
    .n_banner h3{
        margin-top:-35px;
        width: 300px;
        height: 70px;
        line-height: 70px;
        padding-right: 5%;
    }
    .n_banner h3 span{
        font-size: 24px;
    }
    .n_banner h3 span:before{
        width: 50px;
        height: 4px;
        bottom:10px;
    }
}
@media(max-width: 767px){
    .sitemp {
        padding: 0 10px;
        margin-bottom: 15px;
    }  
    .sort {
        height: 50px;
        line-height: 50px;
    }
    .sort li{
        margin:0 10px;
    }
    .sort li a {
        font-size: 14px;
    }  
    .site{
        display: none;
    }
    .sort li:before{
        height: 2px;
    }
    .n_banner{
        margin-top:0;
    }
    .n_banner h3{
        margin-top:-25px;
        width: 180px;
        height: 50px;
        line-height: 50px;
        padding-right: 3%;
    }
    .n_banner h3 span{
        font-size: 18px;
    }
    .n_banner h3 span:before{
        width: 40px;
        height: 3px;
        bottom:5px;
    }
}



#n_about1{

}
.n_about_title1{
    padding:90px 0 36px;
    border-bottom: 1px solid #e5e5e5;
    margin-bottom: 65px;
}
.n_about_title1 h3{
    font-size: 44px;
    color: #333;
    font-weight: normal;
    line-height:1em;
    margin-bottom: 26px;
}
.n_about_title1 p{
    font-size: 60px;
    color: #08a3e7;
    letter-spacing: 2px;
    line-height:1em;
    text-transform: uppercase;
}

.n_about_content{
    /*display: flex;*/
    /*flex-wrap: wrap;*/
    /*padding:45px 0 0;*/
    background: #f7f7f7;
}
.n_about_content .n_about1_text{
    width: 50%;
    float: left;
    padding:5% 130px 0 12.5%;
    background: url(../images/bgs1.png) no-repeat right center;
}
.n_about_content .n_about1_text h4{
    font-size: 50px;
    color:#08a3e7;
    font-weight: normal;
    line-height:1em;
    padding-bottom: 28px;
    margin-bottom: 40px;
    position: relative;
}
.n_about_content .n_about1_text h4:before{
    content:'';
    width: 100px;
    height: 1px;
    background: #08a3e7;
    position: absolute;
    left:0;
    bottom:0;
}
.n_about_content .n_about1_text h4:after{
    content:'ATMA';
    position: absolute;
    left: 142px;
    bottom: -28px;
    font-weight: bold;
    line-height: 1em;
    font-size: 160px;
    font-family: 'Arial';
    text-transform: uppercase;
    color: transparent;
    -webkit-text-stroke: 1px rgba(0, 0, 0, 0.25);    
}
.n_about_content .n_about1_text p{
    font-size: 16px;
    color: #4c4c4c;
    /*margin-bottom: 25px;*/
    line-height: 1.8em;
}
.n_about_content .n_about1_text p:last-child{
    margin-bottom: 0;
}
.n_about_content .n_about1_movie{
    width: 50%;
    position: relative;
    float: right;
}
.n_about1_movie a{
    display: block;
}
/*.n_about_content .n_about1_movie video{*/
/*    width: 100%;*/
/*    height: 100%;*/
/*    max-width: 800px;*/
/*    max-height: 520px;*/
/*    outline: none;*/
/*    display: block;*/
/*    cursor: pointer;*/
/*    display: inline-block;*/
/*    vertical-align: baseline;*/
/*}*/
/*.n_about_content .n_about1_movie .video-img{*/
/*    position: absolute;*/
/*    top: 0;*/
/*    bottom: 0;*/
/*    width: 100%;*/
/*    z-index: 999;*/
    /*background-color: #d3d3d4;*/
/*    cursor: pointer;*/
/*}*/
/*.n_about_content .n_about1_movie .video-img img {*/
/*    transition: all 0.6s ease-out;*/
/*}*/
.n_about_content2{
    display: flex;
    flex-wrap: wrap;
    position: relative;
    background: #f7f7f7;
}
.n_about_content2 .n_about1_img{
    width: 50%;

}
.n_about_content2 .n_about1_text{
    width: 50%;
    padding:8% 10% 0 170px;
    background: url(../images/bgs1.png) no-repeat left center;
}
.n_about_content2 .n_about1_text h4{
    font-size: 50px;
    color: #08a3e7;
    font-weight: normal;
    margin-bottom: 15px;
    line-height: 1em;
}
.n_about_content2 .n_about1_text em{
    font-style: normal;
    display: inline-block;
    font-weight: bold;
    line-height: 1em;
    margin-left: 5px;
    font-size: 50px;
    font-family: 'Arial';
    text-transform: uppercase;
    color: transparent;
    -webkit-text-stroke: 1px rgba(0, 0, 0, 0.25);
    margin-bottom: 45px;
}
.n_about_content2 .n_about1_text p{
    font-size: 16px;
    color: #4c4c4c;
    line-height: 1.8em;
}

.n_sz{
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    background: #f2f2f2;
}
.n_sz li{
    width: 25%;
    text-align: center;
    padding: 50px 0 50px;
}
.n_sz li h4{
    background-image: -webkit-linear-gradient(bottom, #15cbd2, #0dc6e2, #02bbf6);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    font-weight: normal;
}
.n_sz li h4 span{
    font-size: 70px;
    font-family: 'impact';
    line-height:1em;
}
.n_sz li h4 sup{
    font-size: 20px;
    line-height:1em;
}
.n_sz li p{
    font-size: 14px;
    color: #666;
    line-height: 40px;
}
.n_sz li:hover{
    background: linear-gradient(#04bcf7,#18cdd2);
    color: #fff;
}
.n_sz li:hover h4{
    color: #fff;
    background-image: -webkit-linear-gradient(bottom, #fff, #fff, #fff);
}
.n_sz li:hover p{
    color: #fff;
}
.n_about1_text2{
    font-size: 14px;
    color: #4c4c4c;
    padding:60px 0 85px;
}
.n_about1_text2 p{
    margin-bottom: 30px;
}
.n_about1_text2 p:last-child{
    margin-bottom: 0;
}
.about1_2{
    background:url(../images/bg4.jpg) no-repeat top center;
    background-size:cover;
    padding:32px 0 110px;
    background-attachment: fixed;
}
.about1_2 p{
    color: #fff;
    font-size: 14px;
    font-family: Arial,'微軟正黑體',Helvetica,sans-serif;
    text-align:center;
    max-width: 1030px;
    margin:0 auto;
}
.about1_2 p strong{
    display: block;
    font-size: 26px;
    font-weight: normal;
    position: relative;
    line-height:1em;
    padding-bottom: 18px;
    margin-bottom: 5px;
    padding-top:60px;
}
.about1_2 p strong:before{
    content:'';
    position: absolute;
    bottom:0;
    left:50%;
    margin-left: -25px;
    width: 50px;
    height: 1px;
    background:#fff;
}
.about1_3{
    width: 100%;
    position: relative;
    max-height: 468px;
    background: url(../images/movie3.jpg) no-repeat center;
    background-size: cover;
}
.about1_3 video{
    width: 100%;
    max-height: 468px;
    cursor: pointer;
    display: inline-block;
    vertical-align: baseline;
    /*object-fit:fill;*/
}
.about1_3 .video-img2 {
    position: absolute;
    top: 0;
    width: 1920px;
    left: 50%;
    margin-left: -960px;
}
.about1_3 .video-img2 img{
    height: 100%;
    width: 100%;
}
.about1_3 .video-img2 img{
    width: 100%;
}
#media_start{
    width:702px; 
    height:425px;
}
@media(max-width: 1600px){
    .n_about_title1 {
        padding: 60px 0 30px;
        margin-bottom: 40px;
    }
    .n_about_title1 h3{
        font-size: 32px;
        margin-bottom: 15px;
    }
    .n_about_title1 p{
        font-size: 24px;
    }
    .n_about_content .n_about1_text{
        padding: 5% 50px 0 4%;
    }
    .n_about_content .n_about1_text h4{
        font-size: 36px;
        padding-bottom: 14px;
        margin-bottom: 38px;
    }
    .n_about_content .n_about1_text h4:before{
        width:50px;
    }
    .n_about_content .n_about1_text h4:after{
        font-size: 96px;
        left: 120px;
        bottom: -13px;
    }
    .n_about_content .n_about1_text p{
        font-size: 16px;
    }
    .n_about_content2 .n_about1_text {
        padding: 8% 4% 0 70px;
    }
    .n_about_content2 .n_about1_text h4{
        font-size: 36px;
    }
    .n_about_content2 .n_about1_text em{
        margin-left: 0px;
        font-size: 30px;
        margin-bottom: 20px;
    }
    /*.n_sz li{*/
    /*    padding: 50px 0 ;*/
    /*}*/
    /*.n_sz li h4 span{*/
    /*    font-size: 56px;*/
    /*}*/
    .n_about1_text2 {
        font-size: 14px;
        padding: 30px 0 ;
    }
    .n_about1_text2 p {
        margin-bottom: 10px;
    }
    .about1_3 .video-img2{
        width:100%;
        left:0;
        margin-left:0;
        opacity:0;
    }

}
@media(max-width: 1440px){
    .n_about_content2 .n_about1_text p {
    font-size: 14px;
}
    .n_about_content .n_about1_text p {
    font-size: 14px;
}
    .n_sz li p{
        font-size: 14px;
    }
}
@media(max-width: 1199px){
    .n_about_title1 {
        padding: 30px 0 20px;
    }   
    .n_about_title1 h3{
        font-size: 26px;
        margin-bottom: 10px;
    }
    .n_about_title1 p{
        font-size: 16px;
    } 
    .n_about_content{
   
    }
    .n_about_content .n_about1_text {
        padding: 3% 30px;
    }
    .n_about_content .n_about1_text h4 {
        font-size: 24px;
        margin-bottom: 15px;
    }
    .n_about_content .n_about1_text h4:before{
        width:25px;
    }
    .n_about_content .n_about1_text h4:after{
        font-size:32px;
        left: 105px;
        bottom: 5px;
    }

    .n_about_content2 .n_about1_text {
        padding: 3% 30px 0 30px;
    }
    .n_about_content2 .n_about1_text h4{
        font-size:24px;
    }
    .n_about_content2 .n_about1_text em{
        font-size:24px;
        margin-bottom:15px;
    }
    .n_about_content2 .n_about1_text p{
        font-size:14px;
    }
    /*.n_sz li {*/
    /*    padding: 30px 0;*/
    /*}*/
    /*.n_sz li h4 span {*/
    /*    font-size: 52px;*/
    /*}*/
    /*.n_sz li h4 sup{*/
    /*    font-size: 24px;*/
    /*}*/
    /*.n_sz li p{*/
    /*    font-size: 12px;*/
    /*line-height: 16px;*/
    /*}*/
    .n_about1_text2 {
        font-size: 14px;
        padding: 10px 0 30px;
    }
    .about1_2{
        padding: 25px 0 70px;
    }
}
@media(max-width: 768px){
    .n_about_title1 {
        padding: 20px 0 15px;
        margin-bottom: 15px;
    }
    .n_about_title1 h3{
        font-size: 22px;
        margin-bottom: 10px;
    }
    .n_about_title1 p{
        font-size: 14px;
    } 

    /*.n_about1_text h4 {*/
    /*    font-size: 16px;*/
    /*    margin-bottom: 10px;*/
    /*}*/
    /*.n_about1_text p{*/
    /*    margin-bottom:5px;*/
    /*}    */
    /*.n_sz li h4 span {*/
    /*    font-size: 40px;*/
    /*}*/
    .n_about_content .n_about1_text{
        width: 100%;
        float:none;        
    }
    .n_about_content .n_about1_movie{
        width: 100%;
        float:none;
        overflow:hidden;
    }
    .n_about1_movie .video-img img{
        width:100%;
        border-radius:10px;
    }
    .n_about_content2 .n_about1_img{
        width:100%;
    }
    .n_about_content2 .n_about1_text {
        padding: 3% 30px;
        width:100%;
    }
    #media_start{
        width:500px!important; 
        height:425px!important;
    }
    .media_show{
        width: 500px;
        height: 425px;
        margin-left: -250px;
        margin-top: -213px;        
    }
    #media_start_video{
        width:500px!important; 
    }
    #media_start_jwplayer_display{
        width:500px!important; 
    }
    #media_start_displayarea{
        width:500px!important; 
    }
    #media_start_jwplayer_display_text{
        width:500px!important; 
    }
    #media_start_jwplayer_display_iconBackground{
        left:50%!important;
        margin-left:-25px!important;
    }
}
@media(max-width: 767px){
    .n_sz li {
        padding: 15px 10px;
        width: 50%;
    } 
    .about1_2 p strong{
        font-size: 20px;
        padding-bottom: 10px;
        margin-bottom: 5px;
        padding-top: 20px;
    } 
    .about1_2 p{
     font-size: 12px;
    padding: 0px 4%;
    }  
    .n_about_title1 {
        padding: 15px 0 10px;
    }
    .n_about_title1 h3{
        font-size: 18px;
    }
    .n_about_content .n_about1_text{
        padding:15px 2% 25px;
    }
    .n_about_content .n_about1_text h4{
        font-size:20px;
    }
    .n_about_content .n_about1_text h4:after{
        font-size: 24px;
        left: 90px;
        bottom: 10px;
    }
    .n_about_content2 .n_about1_text {
        padding: 25px 2%;
    }
    .n_about_content2 .n_about1_text h4{
        font-size:20px;
        margin-bottom: 5px;
    }
    .n_about_content2 .n_about1_text em{
        font-size:20px;
        margin-bottom: 10px;
    }
}


#about2{
    background: #fafafa;
    padding: 70px 0 360px;
}
#about2 h1{
    font-size: 44px;
    color: #333;
    text-align:center;
    line-height:1em;
    font-weight: normal;
}
#about2 .swiper-box {
    background: url(../images/abmap.png) no-repeat center center;
    background-size: contain;
    position: relative;
}
#about2 .swiper-box:before {
    content: '';
    width: 100%;
    height: 3px;
    position: absolute;
    left: 0;
    top: 50%;
    transform: translateY(-50%);
    background: #dcdcdc;
}
#about2 .swiper-box .swiper-container3 {
    width: 20%;
    background: #eef4fb;
    position: absolute;
    top: 340px;
    left: 40%;
    z-index: 10;
    transform: scale(0);
    transition: all 0.5s ease 0s;
}
#about2 .swiper-box .swiper-container3 .swiper-slide {
    height: 400px;
    padding: 20px;
}
#about2 .swiper-box .swiper-container3 .swiper-slide .img {
    position: relative;
    overflow: hidden;
    padding-bottom: 58.8%;
    margin-bottom: 20px;
}
#about2 .swiper-box .swiper-container3 .swiper-slide .img img {
    position: absolute;
    width: 100%;
    height: 100%;
    left: 0;
    top: 0;
}
#about2 .swiper-box .swiper-container3 .swiper-slide .con-t {
    box-sizing: border-box;
    padding-left: 10px;
}
#about2 .swiper-box .swiper-container3 .swiper-slide .con-t h3 {
    color: #08a3e7;
    margin-bottom: 10px;
    font-size: 24px;
    line-height:1em;
    font-weight: normal;
    display: none;
}
#about2 .swiper-box .swiper-container3 .swiper-slide .scroll-box {
    /*height: 100px;*/
}
.mCustomScrollbar.mCS_no_scrollbar, .mCustomScrollbar.mCS_touch_action {
    -ms-touch-action: auto;
    touch-action: auto;
}
.mCustomScrollbar {
    -ms-touch-action: pinch-zoom;
    touch-action: pinch-zoom;
}
.mCustomScrollBox {
    position: relative;
    overflow: hidden;
    height: 100%;
    max-width: 100%;
    outline: 0;
    direction: ltr;
}
.mCSB_container{
    line-height:1.8em;
}
#about2 .swiper-box .swiper-container3.cur {
    transform: scale(1);
}

#about2 .swiper-box .swiper-container2 {
    width: 100%;
    padding: 100px 0;
}
#about2 .swiper-box .swiper-container2 .swiper-slide {
    height: 400px;
    display: flex;
    flex-direction: column;
    -justify-content: center;
    align-items: center;
    padding-top: 80px;
    box-sizing: border-box;
    position: relative;
}
#about2 .swiper-box .swiper-container2 .swiper-slide:before {
    content: '';
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
    background: #dcdcdc;
    width: 20px;
    height: 20px;
    border-radius: 50%;
    background: #fff;
    box-shadow: 0 0 10px 10px #f5f5f5;
}
#about2 .swiper-box .swiper-container2 .swiper-slide .t {
    font-size: 36px;
    color: #999;
    font-weight: bold;
}
.ztnum {
    font-family: "Arial" !important;
}
#about2 .swiper-box .swiper-container2 .swiper-slide .point {
    width: 1px;
    height: 1px;
    margin: 40px 0;
}
#about2 .swiper-box .swiper-container2 .swiper-slide .b {
    color: #333;
    box-sizing: border-box;
    padding: 0;
    font-size: 16px;
    width: 90%;
}
#about2 .swiper-box .swiper-container2 .swiper-slide .b span{
    font-weight: bold;
    margin-top:10px;
}
#about2 .swiper-box .swiper-container2 .swiper-slide:after {
    content: '';
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
    width: 8px;
    height: 8px;
    border-radius: 50%;
    background: #cccccc;
}
#about2 .swiper-box .swiper-container2 .swiper-slide-active {
    flex-direction: column !important;
    padding-top: 80px !important;
    padding-bottom: 0 !important;
}
#about2 .swiper-box .swiper-container2 .swiper-slide-active .t {
    color: #08a3e7;
}
#about2 .swiper-box .swiper-container2 .swiper-slide-active:after {
    background: #08a3e7;
}
#about2 .swiper-box .swiper-container2 .swiper-slide.row {
    flex-direction: column-reverse;
    padding-top: 0;
    padding-bottom: 100px;
}
#about2 .swiper-box .swiper-container2 .swiper-button-next {
    transition: all 0.3s ease 0s;
    width: 50px;
    height: 50px;
    background: url(../images/left1.png) no-repeat center center;
    background-size: contain;
    top: 90%;
    right: 7%;

}


#about2 .swiper-box .swiper-container2 .swiper-button-prev {
    transition: all 0.3s ease 0s;
    width: 50px;
    height: 50px;
    background: url(../images/left1.png) no-repeat center center;
    background-size: contain;
    top: 90%;
    left: 7%;
    transform: rotate(-180deg);
}

#about2 .swiper-box .swiper-container2 .swiper-button-next:hover{
    right: 6.5%;

}
#about2 .swiper-box .swiper-container2 .swiper-button-prev:hover{
    left: 6.5%;

}

#about2 .swiper-box .swiper-container2  .swiper-slide-active .b{
    opacity: 0;
}

@media(max-width: 1600px){
    #about2 {
        padding: 0px 0 250px;
    }
    #about2 h1{
        font-size: 36px;
    }
    #about2 .swiper-box .swiper-container2 .swiper-slide{
        height: 220px;
        padding-top:15px;
    }
    #about2 .swiper-box .swiper-container2 .swiper-slide .t{
        font-size: 36px;
    }
    #about2 .swiper-box .swiper-container2 .swiper-slide .point{
        margin:30px 0;
    }
    #about2 .swiper-box .swiper-container2 .swiper-slide .b{
        font-size: 12px;
        line-height: 1.8em;
    }
    #about2 .swiper-box .swiper-container2 .swiper-slide.row{
        padding-bottom:10px;
    }
    #about2 .swiper-box .swiper-container2 .swiper-slide-active{
        padding-top:15px!important;
    }
    #about2 .swiper-box .swiper-container3{
        top: 250px;
    }
    #about2 .swiper-box .swiper-container3 .swiper-slide{
            height: 300px;
            padding: 20px;
    }
    #about2 .swiper-box .swiper-container3 .swiper-slide .con-t h3{
        font-size: 18px;
    }
    #about2 .swiper-box .swiper-container3 .swiper-slide .scroll-box {
        /*height: 100px;*/
        font-size: 12px;
    }
}
@media(max-width: 1440px){

}
@media(max-width: 1199px){
    #about2 {
        padding: 50px 0 100px;
    }
    #about2 h1 {
        font-size: 30px;
    }
    #about2 .swiper-box .swiper-container2 .swiper-slide .t {
        font-size: 26px;
    }
    #about2 .swiper-box .swiper-container2 .swiper-slide-active {
        padding-top: 36px!important;
    }
    #about2 .swiper-box .swiper-container2 .swiper-slide {
        padding-top: 36px;
    }
    #about2 .swiper-box .swiper-container2 .swiper-slide.row {
        padding-bottom: 65px;
        height: 280px;
    }
    #about2 .swiper-box .swiper-container3 .swiper-slide{
        height: 280px;
        padding:10px;
    }
}
@media(max-width: 768px){
    #about2 {
        padding: 40px 0;
    }
    #about2 h1 {
        font-size: 24px;
    }
    #about2 .swiper-box .swiper-container2 .swiper-slide .point {
        margin: 25px 0;
    }
    #about2 .swiper-box .swiper-container3 .swiper-slide{
        height: 250px;
        padding:10px;
    }
    #about2 .swiper-box .swiper-container3 .swiper-slide .img{
        margin-bottom:10px;
    }
    #about2 .swiper-box .swiper-container3 .swiper-slide .con-t h3 {
        font-size: 16px;
        margin-bottom:5px;
    }
    #about2 .swiper-box .swiper-container3 .swiper-slide .con-t{
        padding-left: 5px;
    }
    #about2 .swiper-box .swiper-container2 .swiper-slide {
        padding-top: 70px;
        height: 280px;
    }
}
@media(max-width: 767px){
    #about2 {
        padding: 20px 0;
    }
    #about2 h1 {
        font-size: 20px;
    }
    #about2 .swiper-box .swiper-container3 .swiper-slide .img{
        margin-bottom:5px;
    }
    #about2 .swiper-box .swiper-container3 .swiper-slide .con-t h3 {
        font-size: 14px;
        margin-bottom:2px;
    }
    #about2 .swiper-box .swiper-container3 .swiper-slide .con-t{
        padding-left: 0px;
    }
    #about2 .swiper-box .swiper-container3{
        display: none;
    }
    #about2 .swiper-box .swiper-container2{
        padding:20px 0;
    }
    #about2 .swiper-box .swiper-container2 .swiper-slide{
        height: 100%;
    }
    #about2 .swiper-box .swiper-container2 .swiper-slide-active {
        padding-top: 0px!important;
        height: 100%;
        position: relative;
    }
    #about2 .swiper-box .swiper-container2 .swiper-slide .t{
        font-size: 22px;
    }
    #about2 .swiper-box .swiper-container2 .swiper-slide .point {
        margin: 10px 0;
    }
    #about2 .swiper-box .swiper-container2 .swiper-slide .b{
        opacity: 1;
        margin-top:5px;
    }
    #about2 .swiper-box .swiper-container2 .swiper-slide.row {
        padding-bottom: 20px;
        height: 100%;
    }
    #about2 .swiper-box .swiper-container2 .swiper-button-prev {
        width: 35px;
        height: 35px;
        top: 85%;
    }
    #about2 .swiper-box .swiper-container2 .swiper-button-next {
        width: 35px;
        height: 35px;
        top: 85%;
    }
    #about2 .swiper-box:before {
        height: 2px;
        top: 71.3%;
    }
    #about2 .swiper-box .swiper-container2 .swiper-slide:before {
        top: 60px;
    }
    #about2 .swiper-box .swiper-container2 .swiper-slide:after {
        top: 60px;
    }
}



#n_about3{

}
.hxjzl{
    margin:70px 0 80px;
}
.hxjzl li{
    background:#fff;
    display: flex;
}
.hxjzl li:nth-child(2n){
    flex-direction:row-reverse;
}
.hxjzl li .img{
    width: 50%;
    overflow: hidden;
}
.hxjzl li .img img{
    transition: all 0.6s ease-out;
}
.hxjzl li .text{
    width: 50%;  
    box-shadow: 0px 0px 5px #ccc;  
    padding:130px 100px 0;
}
.hxjzl li .text h3{
    font-size: 34px;
    color: #08a3e7;
    font-weight: normal;
    position: relative;
    line-height:1em;
    padding-bottom: 20px;
    margin-bottom: 34px;
}
.hxjzl li .text h3:before{
    content:'';
    position: absolute;
    left:0;
    bottom:0;
    width: 68px;
    height: 1px;
    background:#08a3e7;
}
.hxjzl li .text p{
    font-size: 15px;
    color: #4c4c4c;
    font-family: 'Open Sans',Arial,'微軟正黑體',sans-serif;
}
.hxjzl li:hover .img img{
    transition: all 0.6s;
    transform: scale(1.05);
}
@media(max-width: 1600px){
    .hxjzl {
        margin: 50px 0;
    }
    .hxjzl li .text{
        padding: 90px 60px 0;
    }
    .hxjzl li .text h3{
        font-size: 30px;
        margin-bottom: 40px;
    }
}
@media(max-width: 1440px){
    
}
@media(max-width: 1199px){
    .hxjzl {
        margin: 40px 0;
    }
    .hxjzl li .text{
        padding: 60px 40px 0;
    }
    .hxjzl li .text h3{
        font-size: 22px;
        margin-bottom: 20px;
    }
    .hxjzl li .text p{
        font-size: 14px;
    }
}
@media(max-width: 768px){
    .hxjzl {
        margin: 30px 0;
    }
    .hxjzl li .text{
        padding: 30px 20px 0;
    }
    .hxjzl li .text h3{
        font-size: 18px;
        margin-bottom: 10px;
    }    
}
@media(max-width: 767px){
    .hxjzl {
        margin: 20px 0;
    } 
    .hxjzl li{
        flex-wrap: wrap;
    }  
    .hxjzl li .img{
        width: 100%;
    } 
    .hxjzl li .text{
        width: 100%;
        padding: 15px 10px;
    }
    .hxjzl li .text h3{
        font-size: 16px;
        padding-bottom: 10px;
        margin-bottom: 5px;
    }
}



#n_about4{

}
.job_title{
    padding:78px 0 18px;
}
.job_title_l{
    float: left;
}
.job_title_l h3{
    font-size: 36px;
    color: #333;
    font-weight: normal;
    line-height:1em;
    margin-bottom: 20px;
}
.job_title_l p{
    font-size: 16px;
    color: #666;
}
.job_title_r{
    font-size: 14px;
    color: #333;
    float: right;
    padding-top: 25px;
}
.job_title_r p{
    padding-left: 40px;
    line-height:28px;
}
.job_title_r p:nth-child(1){
    background:url(../images/j_icon1.png) no-repeat;
    background-size: 28px;
    background-position: 0 0;
    margin-bottom: 5px;
}
.job_title_r p:nth-child(2){
    background:url(../images/j_icon1.png) no-repeat;
    background-size: 28px;
    background-position: 0 -34px;
}
.job_title_r em{
    font-size:16px;
    color: #08a3e7;
    font-style: normal;
}
.job_content{
    background:#fff;
    box-shadow: 0px 5px 10px #ccc;
    margin-bottom: 60px;
}
.job_content h2{
    font-size: 30px;
    color: #333;
    font-weight: normal;
    text-align:center;
    line-height:1em;
    padding:35px 0;
    border-bottom: 1px solid #e5e5e5;
}
.school-wrap {
/*    padding-bottom: 2.5rem;*/
}
.school-wrap .list-title {
    width: 100%;
    height: 74px;
    line-height: 74px;
    color: #333;
    font-weight: bold;
    border-bottom: 1px solid #f1f1f1;
    padding:0 105px;
}
.school-wrap .list-title div{
    font-size: 16px;
    font-weight: normal;
}
.school-wrap .list-title .name {
 width: 18%;
/* padding-left: 0.8rem;*/

}
.school-wrap .list-title .local {
 width: 14.6%;

}
.school-wrap .list-title .num {
 width: 14.6%;
}
.school-wrap .list-title .detail {
 width: 14.6%;
}
.school-wrap .list li .list-title {
 cursor: pointer;
 transition: all 0.3s ease 0s;
 height: 56px;
 line-height: 56px;
 color: #808080;
 font-weight: normal;
}
.school-wrap .list li .list-title .icon {
 right: 105px;
 color: #808080;
}
.school-wrap .list li .list-title .icon i {
 width: 20px;
 height: 20px;
 background: url("../images/detail-add.png") no-repeat center center;
 background-size: contain;
 margin-left: 10px;
}
.school-wrap .list li .sub-wrap {
 padding: 30px 105px;
 position: relative;
 background: #fcfcfc;
 display: none;
}
.school-wrap .list li .sub-wrap h2 {
 color: #333;
 font-size: 16px;
 margin-bottom: 1rem;
 font-weight:bold;
 text-align:left;
}
.school-wrap .list li .sub-wrap .sub-con {
 padding-bottom: 1rem;
 margin-bottom: 1rem;
 border-bottom: 1px solid #e7edf5;
}
.school-wrap .list li .sub-wrap .sub-con h5 {
 margin-bottom: 0.5rem;
 color: #333;
 font-size: 14px;
 font-weight:bold;
}
.school-wrap .list li .sub-wrap .sub-con p {
 color: #808080;
 margin-bottom: 0.2rem;
}
.school-wrap .list li .sub-wrap .sub-con:last-child {
 border-bottom: none;
}
.school-wrap .list li .sub-wrap .apply {
 width: 120px;
 height: 46px;
 line-height: 46px;
 text-align: center;
 color: #fff;
 font-size: 16px;
 background: #00a0e6;
}
.school-wrap .list li.cur .icon {
 color: #00a0e6;
}
.school-wrap .list li.cur .icon i {
 width: 20px;
 height: 20px;
 background: url("../images/detail-less.png") no-repeat center center;
 background-size: contain;
 margin-left: 10px;
}

.dfj {
    display: flex;
    align-items: center;
    justify-content: center;
}
.poa {
    position: absolute;
}
.por {
    position: relative;
}
.dib {
    display: inline-block;
}
@media(max-width: 1600px){
    .school-wrap .list-title{
        padding:0 70px;
    } 
    .school-wrap .list li .sub-wrap {
        padding: 25px 70px;
    }
    .job_title {
        padding: 40px 0 15px;
    }
    .job_title_l h3{
        font-size: 30px;
    }
    .job_title_r{
        padding-top: 10px;
    }
    .job_content h2{
        font-size: 26px;
    }
}
@media(max-width: 1024px){
    .school-wrap .list-title{
        padding:0 50px;
    }   
    .job_title {
        padding: 25px 0 15px;
    }  
    .job_title_l p{
        font-size: 12px;
        margin-bottom: 16px;
    }
    .job_title_l h3 {
        font-size: 24px;
    }
    .job_title_r {
        padding-top: 5px;
    }
}
@media(max-width: 992px){
    .job_title_l{
        float: none;
    }
    .job_title_l h3 {
        font-size: 20px;
        margin-bottom: 10px;
    }
    .job_title_r{
        float: none;
    }
    .job_content h2 {
        font-size: 22px;
        padding: 25px 0;
    }
}
@media(max-width: 768px){
    .school-wrap .list-title{
        padding:0 30px;
    }     
    .job_title_l h3{
        font-size: 18px;
    }
}
@media(max-width: 767px){
    .job_title {
        padding: 15px 0;
    }
    .job_title_l h3{
        font-size: 16px;
    }
    .job_list{
        padding:30px 0 0;
    }
    .job_list h4{
        font-size: 20px;
        padding-bottom: 10px;
        margin-bottom: 15px;
    } 
    .job_content h2{
        padding:15px 0;
        font-size: 16px;
    }
    .school-wrap .list-title{
        height: 30px;
        line-height: 30px;
        padding:0 10px;
    } 
    .school-wrap .list-title div{
        font-size: 14px;    
    }
    .school-wrap .list li .list-title .icon span {
        display: none;
    } 
    .school-wrap .list-title .name {
        width: 30%;
        overflow: hidden;
        text-overflow: ellipsis;
        white-space: nowrap;
    }
    .school-wrap .list-title .local {
        width: 22%;
    }
    .school-wrap .list-title .num {
        width: 22%;
    } 
    .school-wrap .list li .list-title {
        height: 30px;
        line-height: 30px;
    }
    .school-wrap .list li .list-title .icon {
        right: 12px;
        top: 0.35rem;
    }

    .school-wrap .list li .sub-wrap {
        padding: 15px 10px;
    }
    .school-wrap .list li .sub-wrap h2 {
        font-size: 14px;
        margin-bottom: 0.4rem;
        padding:0 0 10px;
    }
    .school-wrap .list li .sub-wrap .sub-con {
        padding-bottom: 0.4rem;
        margin-bottom: 0.5rem;
    }
    .school-wrap .list li .sub-wrap .sub-con h5 {
        margin-bottom: 0.4rem;
        font-size: 15px;
    }
    .school-wrap .list li .sub-wrap .sub-con p {
        margin-bottom: 0.1rem;
        font-size: 14px;
    }
    .school-wrap .list li .sub-wrap .apply {
        width: 100px;
        height: 36px;
        line-height: 36px;
        font-size: 14px;
    }
}



/*news*/

.news_tj{

}
.news_tj li{
    display: flex;
    flex-wrap: wrap;
}
.news_tj li .img{
    width: 49%;
    display: block;
}
.news_tj li .text{
    width: 51%;
    padding:118px 0 0 50px;
}
.news_tj li .text h3 a{
    display: block;
    font-weight: normal;
    font-size: 22px;
    color: #333;
    line-height:1em;
    margin-bottom: 30px;
}
.news_tj li .text p{
    font-size: 15px;
    color: #666;    
}
.news_tj li:hover .text h3 a{
    color:#08a3e7
}

.news_list{
    
}
.news_list li{
    display: flex;
    flex-wrap: wrap;
    padding:45px 0 25px;    
    -webkit-transition: all .2s linear;
    transition: all .2s linear;
    border-bottom: 1px solid #f0f0f0;
}
.news_list li .img{
    width: 25%;
    overflow: hidden;
    display: block;
}
.news_list li .img img{
    transition: all 0.6s ease-out;
}
.news_list li .text{
    width: 75%;
    padding:0 0 0 64px;
}
.news_list li .text h3 a{
    display: block;
    font-weight: normal;
    font-size: 22px;
    color: #333;
    line-height: 1.2em;
    margin-bottom: 20px;
    white-space: nowrap; 
    text-overflow: ellipsis;
    overflow: hidden;
}
.news_list li .text p{
    font-size: 15px;
    color: #666;
	line-height:26px;
}
.news_list li .text a.mores{
    margin-top: 40px;
}
.news_list li .text .text_l{
    width: 75%;
    float: left;
}
.news_list li .text .text_r{
    width: 25%;
    float: right;
    color: #ccc;
    text-align:right;
}
.news_list li:hover .img img{
    transition: all 0.6s;
    transform: scale(1.05);
}
.date1{
    font-size: 44px;
    line-height:1em;
}
.line2{
    width: 30px;
    height: 1px;
    background: #ccc;
    display: inline-block;
    margin: 34px 0 16px;
}
.date2{
    font-size: 20px;
    line-height:1em;
}

.news_list li:hover .text h3 a{
    color: #08a3e7;
}
.news_list li:hover{
    border-bottom: 1px solid #999;
}

/*.news_list li:nth-child(1){*/
/*    display: flex;*/
/*    flex-wrap: wrap;*/
/*    padding:0 0 36px;*/
/*}*/
/*.news_list li:nth-child(1) .img{*/
/*    width: 49%;*/
/*}*/
/*.news_list li:nth-child(1) .text{*/
/*    width: 51%;*/
/*    padding:90px 0 0 50px;*/
/*}*/
/*.news_list li:nth-child(1) .text h3 a{*/
/*    display: block;*/
/*    font-weight: normal;*/
/*    font-size: 22px;*/
/*    color: #333;*/
/*    line-height:1em;*/
/*    margin-bottom: 30px;*/
/*}*/
/*.news_list li:nth-child(1) .text p{*/
/*    font-size: 15px;*/
/*    color: #666;    */
/*}*/
/*.news_list li:nth-child(1) .text_r{*/
/*    display: none;*/
/*}*/
/*.news_list li:nth-child(1):hover .text h3 a{*/
/*    color:#08a3e7*/
/*}*/
a.mores{
    margin-top:30px;
    position: relative;
    display: block;
}
a.mores p{
    width: 28px;
    height: 28px;
    border-radius: 100%;
    background-color: #1b8ad7;
    display: inline-block;
    vertical-align: middle;
    position: relative;
}
a.mores i{
    display: block;
    position: absolute;
    left: 7px;
    width: 14px;
    height: 7px;
    background: url(../images/jt1.png) no-repeat;
    top: 10.5px;
}
a.mores span{
    font-size: 14px;
    color: #1b8ad7;
    display: inline-block;
    vertical-align: middle;
    padding-left: 12px;
    height: 28px;
    line-height: 28px;
}
a.mores:hover i{
    animation: newsDh .4s linear both;
}

.container2{
    max-width: 1400px;
    margin:0 auto;
    width: 92%;
}
.news_detail{
    padding-bottom: 75px;
}
.news_detail_content{

}
.news_detail_l{
    width: 70%;
    float: left;
}
.news_detail_l table{
    width: 100%!important;
}
.news_detail_l table tr{
    border-bottom:1px solid #e5e5e5;
    border-right:1px solid #e5e5e5;    
}
.news_detail_l table td{
    border-top:1px solid #e5e5e5;
    border-left:1px solid #e5e5e5;
    line-height: 40px;
}
.news_detail_l a.back{
    display: block;
    font-size: 14px;
    color: #08a3e7;
    margin:40px 0 20px;
    line-height:1em;
}
.news_detail_l h2{
    font-size: 30px;
    color: #1a1a1a;
    font-weight: normal;
    line-height:1em;
    padding-top:38px;
    border-top: 1px solid #e5e5e5;
}
.info_title{
    font-size: 14px;
    color: #999;
    line-height:1em;
    padding:40px 0 30px;
}
.info_title span{
    margin-right: 20px;
}
.info_title span:last-child{
    margin-right:0;
}
.news_detail_l .content{
    font-size: 15px;
    color: #1a1a1a;
}
.news_detail_r{
    width: 21.5%;
    float: right;
    margin-left:8.5%;
}
.news_detail_r h2{
    font-size: 26px;
    color: #808080;
    font-weight: normal;
    line-height:1em;
    padding-top:40px;
}
.news_zx{

}
.news_zx li{
    margin-top:26px;
}
.news_zx li a{
    display: block;
}
.news_zx li a .img{
    overflow: hidden;
}
.news_zx li a .img img{
    transition: all 0.6s ease-out;
}
.news_zx li span{
    font-size: 14px;
    color: #808080;
    display: block;
    line-height:1em;
    padding:18px 0 8px;
}
.news_zx li h3{
    font-size: 14px;
    color: #1a1a1a;
    font-weight: normal;
}
.news_zx li a:hover .img img{
    transition: all 0.6s;
    transform: scale(1.05);
}
.news_zx li:hover h3{
    color: #08a3e7;
}
@media(max-width: 1600px){
    .news_tj li .text{
        padding: 70px 0 0 40px;
    }
    /*.news_list li:nth-child(1) .text{*/
    /*    padding: 70px 0 0 40px;*/
    /*}*/
    .news_list li .text h3 a{
        font-size: 18px;
        margin-bottom: 15px;
    }
    .news_list li .text{
        padding: 0 0 0 30px;
    }
    .news_list li .text a.mores {
        margin-top: 20px;
    }
    .date1{
        font-size: 32px;
    }
    .line2{
        margin: 25px 0 20px;
    }
    .n_content{
        padding: 40px 60px;
    }

}
@media(max-width: 1440px){
    .news_detail_l .content{
    font-size: 14px;
}
    .news_list li .text p{
    font-size: 14px;
    }
    .news_detail{
        padding-bottom: 50px;
    }
    .news_detail_l h2{
        font-size: 24px;
    }
}
@media(max-width: 1199px){
    .container2{
        width: 96%;
    }
    .n_content{
        padding: 30px 30px;
    }
    .news_tj li .text {
        padding: 30px 0 0 30px;
    }
    /*.news_list li:nth-child(1) .text {*/
    /*    padding: 30px 0 0 30px;*/
    /*}*/
    .news_list {
        margin-top: 25px;
    }
    .news_list li{
        padding:25px 0;
    }
    .news_list li .text {
        padding: 0 0 0 20px;
    }
    .news_list li .text h3 a {
        font-size: 16px;
        font-weight: bold;
        margin-bottom: 10px;
    }
    .news_list li .text p{
        font-size:12px;
    }
    .news_list li .text a.mores {
        margin-top: 10px;
    }
    .date1 {
        font-size: 26px;
    }
    .line2 {
        margin: 15px 0;
    }
    .date2 {
        font-size: 16px;
    }
    .news_detail{
        padding-bottom: 30px;
    }
    .news_detail_l h2{
        font-size: 20px;
    }
    .news_detail_r h2{
        font-size: 22px;
    }
    .info_title{
        padding: 20px 0 20px;
    }
}
@media(max-width: 768px){
    .news_tj li .text {
        padding: 20px 0 0 20px;
    }
    .news_tj li .text p{
        font-size: 14px;
    }
    .news_tj li .text h3 a{
        font-size: 18px;
        margin-bottom: 10px;
    }
    /*.news_list li:nth-child(1) .text {*/
    /*    padding: 20px 0 0 20px;*/
    /*}*/
    /*.news_list li:nth-child(1) .text p{*/
    /*    font-size: 12px;*/
    /*}*/
    /*.news_list li:nth-child(1) .text h3 a{*/
    /*    font-size: 16px;*/
    /*    font-weight: bold;*/
    /*    margin-bottom: 10px;*/
    /*}*/
    .n_content{
        padding: 20px 15px;
    }   
    .news_list li{
        padding:15px 0;
    }
    .news_list li .text .text_l{
        width: 80%;
    } 
    .news_list li .text .text_r{
        width: 20%;
    } 
    a.mores{
        margin-top:10px;
    }
    .news_detail{
        padding-bottom: 15px;
    }
    .news_detail_l{
        width: 100%;
    }
    .news_detail_r{
        display: none;
    }
    .news_detail_l h2{
        font-size: 18px;
        font-weight:bold;
    }
    .news_detail_l a.back{
        margin: 20px 0 15px;
    }
    .info_title {
        padding: 15px 0 ;
    }
}
@media(max-width: 767px){
    .n_content {
        padding: 15px 10px;
    }
    .news_tj{
        display: none;
    }
    /*.news_list li:nth-child(1){*/
        /*display: none;*/
    /*}*/
    /*.news_list li:nth-child(1) .img{*/
    /*    width:100%;*/
    /*}*/
    /*.news_list li:nth-child(1) .text{*/
    /*    width:100%;*/
    /*    padding: 10px ;*/
    /*}*/
    .news_list {
        margin-top: 0px;
    }
    .news_list li{
        padding:10px 0;
    }
    .news_list li .img {
        width: 100%;
    }
    .news_list li .text {
        padding: 10px 0 0 0px;
        width: 100%;
    }
    .news_list li .text .text_l{
        width: 100%;
    }
    .news_list li .text .text_r{
        display: none;
    }
    .date1 {
        font-size: 22px;
    }
    .line2 {
        margin: 10px 0;
    }
    .date2 {
        font-size: 14px;
    }
}



.n_contact{
    padding:50px 100px 80px;
    background:#fff;
    margin-bottom:65px;
    box-shadow: 0px 0px 10px #ccc;
}
.n_contact_title{
    margin-bottom:50px;
}
.n_contact_title h3{
    font-size: 40px;
    color: #333;
    font-weight: normal;
    line-height:1em;
}
.n_contact_title p{
    font-size: 28px;
    color: #a8a8a8;
    line-height:1em;
    text-transform: uppercase;
    margin-top:30px;
}
.lxfs{
    display: flex;
}
.lxfs li{
    width: 24.25%;
    margin-right: 1%;
    background:#eff2f7;
    padding:52px 50px 48px;
    text-align:center;
}
.lxfs li .img{
    transition: all 0.3s ease 0s;
    width: 42px;
    height: 47px;
    line-height:60px;
    margin:0 auto 15px;
}
.lxfs li .img2{
    transition: all 0.3s ease 0s;
    width: 42px;
    height: 47px;
    line-height:60px;
    margin:0 auto 15px;
}
.lxfs li:hover .img{
    line-height: 36px;
    
}
.lxfs li:hover .img2{
    line-height: 36px;
    
}
.lxfs li p{
    font-size: 20px;
    color: #08a3e7;
}
.lxfs li span{
    font-size: 16px;
    color: #333;
}
.lxfs li:nth-child(3) p{
    font-size: 16px;
    color: #333;
}
.lxfs li:nth-child(3) span{
    display: none;
}

@media(max-width: 1600px){
    .n_contact{
        padding: 60px 60px 50px;
        margin-bottom: 40px;        
    }
    .n_contact_title{
        margin-bottom:30px;
    }
    .n_contact_title h3{
        font-size: 30px;
    }
    .n_contact_title p{
        font-size: 22px;
        margin-top: 20px;
    }
    .lxfs li{
        padding: 30px 20px;
    }
    .lxfs li p{
        font-size: 20px;
    }

}
@media(max-width: 1440px){
    
}
@media(max-width: 1199px){
    .n_contact{
        padding: 30px 30px;
        margin-bottom: 20px;        
    }
    .n_contact_title{
        margin-bottom:20px;
    }
    .n_contact_title h3{
        font-size: 24px;
    }
    .n_contact_title p{
        font-size: 16px;
        margin-top: 10px;
    }
    .lxfs li{
        padding: 20px 10px;
    }
    .lxfs li p{
        font-size: 16px;
    }    
}
@media(max-width: 768px){
    .n_contact {
        padding: 20px;
        margin-bottom: 20px;
    } 
    .n_contact_title h3 {
        font-size: 20px;
    }
    .n_contact_title p{
        font-size: 14px;
    }  
    .lxfs li p{
        font-size: 14px;
    } 
    .lxfs li span{
        font-size: 14px;
    }
    .lxfs li:nth-child(3) p{
        font-size: 14px;
        line-height:1.6em;
    }
}
@media(max-width: 767px){
    .n_contact {
        padding: 15px 10px;
        margin-bottom: 15px;
    }  
    .lxfs{
        flex-wrap: wrap;
    }   
    .lxfs li{
        width: 49%;
        margin-right: 2%;
        margin-bottom:10px;
        padding: 15px 10px;
    }
    .lxfs li:nth-child(2n){
        margin-right:0;
    }
}


.message_title{
    margin-top:50px;
}
.message_title h3 {
    font-size: 36px;
    font-weight:normal;
}
.message_title p{
    font-size: 25px;
    color: #808080;
    text-transform: uppercase;
    font-family: 'Conv_HelveticaNeueLT-ThinExt';    
}
.message_contact{
    font-size: 15px;
    margin-top: 60px;
}
.message_contact ul{
/*    margin: 0 -17px;*/
}
.message_contact ul li {
    float: left;
    width: 33.33333%;
    padding: 0 17px;
}
.message_contact ul li:first-child{
    padding-left: 0;
}
.message_contact ul li:last-child{
    padding-right: 0;
}
.message_contact ul li p,.message_contact ul li .text p {
    margin-bottom: 15px;
    font-size: 17px;
}
.message_contact ul li input {
    width: 100%;
    padding: 18px 25px 18px 55px;
    line-height: 30px;
    height: 56px;
    background-color: #f9f9f9;
    background-position: 20px center;
    background-repeat: no-repeat;
    -o-background-size: 22px;
       background-size: 22px;
    border: 1px solid #e7e7e7;
    color: #919191;
}
/*.message_contact input.m_input {
    background-color: #25599f;
    color: #fff;
}*/
.message_contact ul li input#name {
    background-image: url(../images/online-1.png);
}

.message_contact ul li input#contact {
    background-image: url(../images/online-2.png);
}

.message_contact ul li input#email {
    background-image: url(../images/online-3.png);
}

.message_contact .text textarea#content {
    background-image: url(../images/online-4.png);
}
.message_contact .text {
    margin-top: 38px;
    position: relative;
}

.message_contact .text textarea {
    padding: 18px 25px 18px 55px;
    background-color: #f9f9f9;
    background-position: 20px 18px;
    background-repeat: no-repeat;
    -o-background-size: 22px;
       background-size: 22px;
    border: 1px solid #e7e7e7;
    color: #919191;
    height: 180px;
    width: 100%;
}
.message_contact .m_btn {
    margin-top: 50px;
    display: block;
    width: 240px;
    height: 56px;
    margin: 30px auto 0;
    line-height: 56px;
    position: relative;
    -webkit-transition: all .3s;
    -o-transition: all .3s;
    -moz-transition: all .3s;
    transition: all .3s;
}

.m_btn input {
    display: block;
    width: 100%;
    height: 100%;
    text-align: center;
    font-size: 14px;
    color: #fff;
    background: #08a3e7;
    border-radius: 3px;
    font-style: normal;
    text-transform: uppercase;
    position: relative;
    cursor: pointer;
    z-index: 1;
    border:none;
    outline: none;
}

.m_btn input:hover {
    opacity: 0.8;
}

.message_contact ul li input::-webkit-input-placeholder,
.message_contact .text textarea::-webkit-input-placeholder {
    color: #919191;
}

.message_contact ul li input::-moz-placeholder,
.message_contact .text textarea::-moz-placeholder {
    /* Mozilla Firefox 19+ */
    color: #919191;
}

.message_contact ul li input:-moz-placeholder,
.message_contact .text textarea:-moz-placeholder {
    /* Mozilla Firefox 4 to 18 */
    color: #919191;
}

.message_contact ul li input:-ms-input-placeholder,
.message_contact .text textarea:-ms-input-placeholder {
    /* Internet Explorer 10-11 */
    color: #919191;
}


@media(max-width: 1600px){
    .message_title {
        margin-top: 58px;
    }
    .message_title h3{
        font-size: 30px;
    }
    .message_title p{
        font-size: 20px;
    }
    .message_contact {

        margin-top: 30px;
    }
    .message_contact .m_btn{
        width: 200px;
    }
}
@media(max-width: 1440px){
    
}
@media(max-width: 1199px){

    .message_title h3{
        font-size: 24px;
    }
    .message_title p{
        font-size: 16px;
    }  
    .message_contact .m_btn{
        width: 180px;
    }  
}
@media(max-width: 768px){
    .message_contact ul li{
        width: 100%;
        padding:0;
        margin-bottom:10px;
    }
    .message_contact ul li p, .message_contact ul li .text p{
        margin-bottom:5px;
    }
    .message_contact .text{
        margin-top:10px;
    }
    .message_contact .m_btn{
        width: 160px;
        height: 42px;
        margin: 20px auto 0;
        line-height: 42px;
    }
}
@media(max-width: 767px){
    .message_title h3 {
        font-size: 20px;
    }
    .message_title p {
        font-size: 14px;
    }    
}


.n_contact_title2{
    font-size: 40px;
    color: #333;
    border-bottom: 1px solid #e5e5e5;
    padding:20px 0 30px;
    line-height:1em;
}
.tab1li{
    display: flex;
    flex-wrap: wrap;
    margin: 30px 0;
}
.tab1li li{
    width:15%;
    margin-right: 2%;
    font-size: 18px;
    color: #666;
    text-align: center;
    margin-bottom: 10px;
    cursor: pointer;
    line-height: 50px;
    height: 50px;
    background: #f2f2f2;
}
.tab1li li:last-child{
    margin-right: 0;
}
.tab1li li:hover{
    color: #fff;
    background: #08a3e7;
}
.tab1li li.on{
    color: #fff;
    background: #08a3e7;
}
.n_maps{
    width: 100%;
    position: relative;
    overflow: hidden;
    height: 500px;
}
.tab1{
    opacity: 0;
    position: absolute;
    width: 100%;
    top: 0;
    left: 0;
    z-index: 9;
}
.tab1.active {
    opacity: 1;
    z-index: 10;
}
.tab1 iframe{
    width: 100%;
    display: block;
    height: 500px;
}
.tab1 .xsjd{
    position: absolute;
    left: 0;
    top: 50%;
    margin-top: -150px;
    background: #08a3e7;
    z-index: 9999;
    color: #fff;
    padding: 50px 50px;
    border-radius: 0px 12px 12px 0px;
}
/*.xsjd{*/
/*    display: flex;*/
/*    flex-wrap: wrap;*/
/*    justify-content: space-between;*/
/*}*/
.xsjd li{
    width: 48%;
    margin-top:40px;
    color: #333;
    position: relative;
    background:url(../images/c_bg1.jpg) no-repeat top center;
    padding:58px 70px 55px;
    border-radius: 10px;
}
.xsjd h3{
    font-size: 32px;
    line-height:1em;
    padding-bottom: 15px;
    border-bottom: 2px solid #fff;
}
.xsjd h4{
    font-size: 24px;
    font-weight: normal;
    line-height:1em;
    padding:18px 0 20px;
}
.xsjd .cont{

}
.xsjd .cont p{
    padding-left:35px;
    line-height:32px;
    font-size: 16px;
}
.xsjd .cont p.p1{
    background: url(../images/c1.png) no-repeat left center;
}
.xsjd .cont p.p2{
    background: url(../images/c2.png) no-repeat left center;
}
.xsjd .cont p.p3{
    background: url(../images/c3.png) no-repeat left center;
}
.xsjd .cont p.p4{
    background: url(../images/c4.png) no-repeat left center;
}
.xsjd li .c_logo{
    position: absolute;
    z-index: 9;
    right: 22px;
    bottom: 20px;
}
.xsjd li .c_logo1{
    display: inline-block;
    position: relative;
    width: 89px;
    height: 36px;
    overflow: hidden;
    background:url(../images/c_logo1.png) no-repeat top center;
}
.xsjd li .c_logo1 img{
    display: block;
    position: absolute;
    top:0;
    left:0;
}

.xsjd li .c_logo2{
    display: inline-block;
    position: relative;
    width: 50px;
    height: 49px;
    overflow: hidden;
    background:url(../images/c_logo2.png) no-repeat top center;
    margin-left: 12px;
}
.xsjd li .c_logo2 img{
    display: block;
    position: absolute;
    top:0;
    left:0;
}
.xsjd li:hover{
    color: #fff;
    background:url(../images/c_bg1_h.jpg) no-repeat top center;
}
.xsjd li:hover h3{
    border-bottom: 2px solid #fff;
}
.xsjd li:hover .c_logo1{
    background:url(../images/c_logo1_h.png) no-repeat top center;
}   
.xsjd li:hover .c_logo2{
    background:url(../images/c_logo2_h.png) no-repeat top center;    
}
.xsjd .cont p.p1{
    background: url(../images/c1_h.png) no-repeat left center;
}
.xsjd .cont p.p2{
    background: url(../images/c2_h.png) no-repeat left center;
}
.xsjd .cont p.p3{
    background: url(../images/c3_h.png) no-repeat left center;
}
.xsjd .cont p.p4{
    background: url(../images/c4_h.png) no-repeat left center;
}
@media(max-width: 1600px){
    .n_contact_title2{
        font-size: 26px;
        padding: 15px 0 20px;
    }
    .xsjd li{
        padding: 30px 40px;
    }
    .xsjd h3{
        font-size: 22px;
        padding-bottom: 15px;        
    }
    .xsjd h4{
        font-size: 20px;
    }
    .xsjd .cont p.p2{
        font-size: 14px;
        padding-left: 24px;
    }
    .xsjd li .c_logo {
        right: 15px;
        bottom: 10px;
    }
    .xsjd .cont p {
        padding-left: 24px;
        line-height: 28px;
        font-size: 14px;
    }
}
@media(max-width: 1440px){

}
@media(max-width: 1199px){
   .tab1li li{
        font-size:16px;
    }
    .n_contact_title2{
        font-size: 24px;
        padding: 10px 0;
    }
    .xsjd li {
        padding: 25px 20px;
        margin-top:25px;
    }  
    .xsjd h3{
        font-size: 20px;
        padding-bottom: 10px;        
    }
    .xsjd h4{
        font-size: 16px;
    }  
}
@media(max-width: 768px){
    /*.n_maps{*/
    /*    height:360px;*/
    /*}    */
}
@media(max-width: 767px){
   .tab1li li{
        width:32%;
        margin-right: 2%;
    }
    .tab1li li:nth-child(3n){
        margin-right:0;
    }
    .n_contact_title2{
        font-size: 20px;
    }
    .xsjd li{
        width: 100%;
        margin-top:15px;
        padding: 15px 10px;
    }
    .xsjd h3{
        font-size: 18px;
    }
    .xsjd h4 {
        padding: 10px 0 15px;
    }
    .xsjd .cont p{
        font-size: 14px;
        line-height:28px;
    }
    /*.xsjd .cont p.p1 {*/
    /*    background: url(../images/c1.png) no-repeat left 10px;*/
    /*}*/
    .n_maps{
        height:350px;
    }
    .tab1{
        /*position:relative;*/
    }
    .tab1 iframe{
        /*display:none;*/
        height:220px;
        margin-bottom:15px;
        display:none;
    }
    .tab1li{
        margin:15px 0;
    }
    .tab1 .xsjd{
        position:relative;
        top:0;
        margin-top:0;
        padding:15px;
    }
}


/*download*/
.download_list{
    padding: 45px 40px 0;
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
}
.download_list li{
    padding-left: 75px;
    line-height:80px;
    height: 86px;
    border:1px solid #e5e5e5;
    background:url(../images/d_icon1.png) no-repeat 30px center;
/*    display: flex;
    justify-content: space-between;*/
    margin-bottom: 20px;
    width: 48%;
    position: relative;
    overflow: hidden;
}
.download_list li h1{
    width: 65%;
    white-space: nowrap; 
    text-overflow: ellipsis;
    overflow: hidden; 
    float: left;   
    font-size: 16px;
    color: #5c5c5c;
    font-weight: normal;
}
.download_list li .xiaz{
    display: block;
    width: 90px;
    float: right;
/*    position: absolute;
    right: 1px;
    top:1px;*/
}
@media(max-width: 1600px){
    .download_list {
        padding: 30px 0px 0;
    }
    .download_list li {
        padding-left: 60px;
        background: url(../images/d_icon1.png) no-repeat 20px center;
        margin-bottom:15px;
    }
}
@media(max-width: 1440px){
    
}
@media(max-width: 1199px){
    
}
@media(max-width: 768px){
    .download_list {
        padding: 20px 0px 0;
    }
    .download_list li {
        padding-left: 50px;
        background: url(../images/d_icon1.png) no-repeat 12px center;
        margin-bottom:15px;
    }    
}
@media(max-width: 767px){
    .download_list li{
        width: 100%;
    }
}


/*ATMA*/
.p1_tabli{
    display: flex;
    flex-wrap: wrap;
    margin-top:20px;
}
.p1_tabli li{
    width: 12.5%;
    text-align:center;
    padding:22px 0 20px;
    cursor: pointer;
    position: relative;
}
.p1_tabli li:before{
    content:'';
    width: 1px;
    height: 44px;  
    background: #ebebeb;
    position: absolute;
    top:50%;
    right:0;
    margin-top:-22px;
}
.p1_tabli li:last-child:before{
    display: none;
}
.p1_tabli li h3{
    font-size: 18px;
    color: #404040;
    font-weight: normal;
    text-transform: uppercase;
}
.p1_tabli li p{
    font-size: 14px;
    color: #808080;
    text-transform: uppercase;
}
.p1_tabli li.cur{
    background:#08a3e7;
    border-radius: 5px 5px 0 0;
}
.p1_tabli li.cur h3{
    color: #fff;
}
.p1_tabli li.cur p{
    color: #fff;
}
.p1_tabli li.cur:before{
    opacity: 0;
}
.p1_tab{
    display: none;
    width: 100%;
    overflow-x: auto;
    -webkit-overflow-scrolling: touch;
}
.p1_tab a{
    font-size: 18px;
    color: #333;    
}
.p1_tab a:hover{
    text-decoration: underline;
    color: #08a3e7;    
}
.p1_tab table{
    border-right:1px solid #e5e5e5;
    border-bottom:1px solid #e5e5e5;
    width: 100%;
    white-space: nowrap;
}
.p1_tab table tr{

}
.p1_tab table td{
    border-left:1px solid #e5e5e5;
    border-top:1px solid #e5e5e5;
    text-transform: uppercase;
    font-size: 16px;
    color: #333;
    line-height:1.6em;
    padding:5px 0;
    text-align: center;
    vertical-align: middle!important;
}
.p1_tab table tr:nth-child(2) td:nth-child(1){
    min-width: 30px;
}
.p1_tab table td a{
    font-size: 16px;
    color: #333;    
}
.p1_tab table td a:hover{
    text-decoration: underline;
    color: #08a3e7;    
}
.p1_tab table tr:nth-child(1){
    background:#08a3e7;
}
.p1_tab table tr:nth-child(1) td{
    color: #fff;
    font-size: 18px;
    text-transform: lowercase;
}
.p1_tab table tr td:nth-child(1){
    
}
.p1_tab table tr td.biaoti{
    font-size: 20px;
    font-weight: bold;
    color: #08a3e7;
    line-height:1.2em;
}
.p1_tab table tr td:last-child{
    padding: 1px 1px;
    text-transform: lowercase;
}
.p1_table3 tr td:nth-child(6){
    text-transform: lowercase;    
}
.p1_table1{
    padding:0 0 40px 0;
}
.p1_table1 a{
    display: block;
    overflow: hidden;
}
.p1_table1 a img{
    transition: all 0.6s ease-out;
}
.p1_table1 a img:hover{
    transition: all 0.6s;
    transform: scale(1.05);
}
.p1_table2{
    background:#fff;
    padding:40px 0;
}
.p1_table2 a{
    display: block;
    overflow: hidden;
}
.p1_table2 a img{
    transition: all 0.6s ease-out;
}
.p1_table2 a img:hover{
    transition: all 0.6s;
    transform: scale(1.05);
}
.p1_table1 .cont,.p1_table2 .cont{
    width: 1330px;
    margin:0px auto;    
}
@media(max-width: 1600px){
    .p1_table1 .cont, .p1_table2 .cont{
        margin: 0 auto;
        width: 92%;        
    }
    .p1_tab table tr td.biaoti{
        font-size: 20px;
        font-weight: bold;
    }
    .p1_tab table td{
        font-size: 16px;
    }
    .p1_tab table tr:nth-child(1) td{
        font-size: 16px;
    }
}
@media(max-width: 1440px){
    .p1_tabli li h3 {
    font-size: 16px;
}
.p1_tabli li p {
    font-size: 12px;
}
    .p1_tabli li {
    padding: 12px 0 20px;
}
     .p1_table1 .cont, .p1_table2 .cont {
    width: 85%;
}

}
@media(max-width: 1199px){
    .p1_table1 .cont, .p1_table2 .cont{
        margin: 0 auto;
        width: 96%;        
    }  
    .p1_tabli li{
        padding: 15px 0;
    }
    .p1_tabli li h3{
        font-size: 16px;
    }  
    .p1_tabli li:before{
        height: 20px;  
        margin-top:-10px;
    }
}
@media(max-width: 992px){
    .p1_tabli li h3{
        font-size:14px;
        line-height:1.2em;
    }
    .p1_tabli li p{
        font-size:12px;
    }
    .p1_tab table tr:nth-child(1) td{
        font-size: 16px;
    } 
    .p1_tab table tr td.biaoti{
        font-size: 20px;
    }
    .p1_tab table td{
        font-size: 14px;
    }
    .p1_table1{
        padding: 30px 0;
    }
    .p1_table2{
        padding:30px 0;
    }  
    .p1_tabli li{
        width: 25%;
    } 
    .p1_tab table td{
        font-size:14px!important;
    }
    .p1_tab table td{
        font-size:14px!important;
    }
    .p1_tab table td span{
        font-size:14px!important;
    }
    .p1_tab table td a{
        font-size:14px;
    }
    .p1_tab table td.img img{
        min-width:100px;
    }
    /*.p1_tabli li:before{*/
    /*    height: 12px;  */
    /*    margin-top:-6px;*/
    /*}*/
}
@media(max-width: 767px){
    .p1_table1{
        padding: 20px 0;
    }
    .p1_table2{
        padding:20px 0;
    } 
    .p1_tab table tr:nth-child(1) td{
        font-size: 14px;
    } 
    .p1_tab table tr td.biaoti{
        font-size: 16px;
    }
    .p1_tab table td{
        font-size: 12px;
    }
    /*.p1_tab table tr td.td3{*/
    /*    display: none;*/
    /*}*/
    /*.p1_tab table tr td.td4{*/
    /*    display: none;*/
    /*}*/
    /*.p1_tab table tr td.td5{*/
    /*    display: none;*/
    /*}*/
    .p1_tabli li{
    width: 24.333%;
    padding: 8px 0;
    } 

}



/*SPS产品*/
.c_sort{
    display: flex;
    flex-wrap: wrap;
    margin-top:28px;
}
.c_sort li{
    text-align:center;
    width: 14.1%;
    padding:22px 0;
    cursor: pointer;
    margin-right: 0.1%;
    position: relative
}
.c_sort li:before{
    content:'';
    width: 1px;
    height: 44px;  
    background: #ebebeb;
    position: absolute;
    top:50%;
    right:0;
    margin-top:-22px;
}
.c_sort li:last-child:before{
    opacity: 0;
}
.c_sort li .img{
    position: relative;
    width: 38px;
    height: 38px;
    overflow: hidden;
    margin:0 auto;
}
.c_sort li .img img{
    position: absolute;
    top:0;
    left:0;
    transition: all 0.6s ease-out;
}
.c_sort li p{
    padding-top:5px;
    font-size: 16px;
    color: #404040;
}
.c_sort li:hover{
    background:#08a3e7;
    border-radius:10px 10px 0 0;
}
.c_sort li:hover:before{
    opacity: 0;
}
.c_sort li:hover .img img{
    position: absolute;
    top:-38px;
    left:0;
}
.c_sort li:hover p{
    color: #fff;
}
.c_sort li.cur{
    background:#08a3e7;
    border-radius:10px 10px 0 0;
}
.c_sort li.cur:before{
    opacity: 0;
}
.c_sort li.cur .img img{
    position: absolute;
    top:-38px;
    left:0;
}
.c_sort li.cur p{
    color: #fff;
}
.p1_table3 tr.firstRow td:nth-child(6){
    background:#168ec2;
}
.p1_table3 tr.firstRow td:nth-child(7){
    background:#168ec2;
}
.p1_table3 tr.firstRow td:nth-child(8){
    background:#168ec2;
}
.case_message{
    width: 1330px;
    margin:0 auto 65px;
    padding:30px 75px 32px;
    box-shadow: 2px 2px 10px #ccc;
    border-radius: 5px;
}
.case_message_title{
    padding-bottom: 20px;
    border-bottom: 2px solid #f49104;
    margin-bottom:26px;
}
.case_message_title h2{
    font-size: 22px;
    color: #1a1a1a;
    font-weight: normal;
}
.case_message_title_p{
    float: left;
    font-size: 14px;
    color: #808080;
}
.case_message_tel{
    float: right;
    padding-left: 45px;
    background:url(../images/tel1.png) no-repeat left center;
    font-size: 16px;
    color: #000;
}
.case_meassage_cont{

}
.case_meassage_cont_code{
    float: left;
    width: 30%;
    text-align: center;
}
.message2{
    float: right;
    width: 60%;
}
.message2 ul{
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
}
.message2 ul li{
    width: 46%;
    font-size: 16px;
    color: #cacaca;
    margin-bottom:26px;
}
.message2 ul li input{
    width: 100%;
    border:1px solid #e0e0e0;
    font-size: 16px;
    color: #cacaca;
    line-height:44px;
    height: 46px;
    outline: none;
    border-radius: 5px;
    text-indent: 20px;
}
.message2 .text{
    width: 100%;
    margin-bottom: 22px;
    font-size: 16px;
    color: #cacaca;
}
.message2 .text textarea{
    width: 96%;
    border:1px solid #e0e0e0;
    font-size: 16px;
    color: #cacaca;
    line-height:44px;
    height: 90px;
    outline: none;
    border-radius: 5px;
    text-indent: 20px;
}
.message2 .m_btn{
    width: 146px;
    line-height:42px;
    height: 42px;
    font-size: 16px;
    color: #fff;
    text-align:center;
    margin:0 auto;
}
.message2 .m_btn input{
    display: block;
    width: 100%;
    height: 100%;
    background:#08a3e7;
    border-radius: 10px;
}
@media(max-width: 1600px){
    .case_message{
        width: 92%;
        margin: 0 auto 40px;
        padding: 30px 40px;
    }
}
@media(max-width: 1440px){
    .c_sort li:hover .img img{
    top:-34px;
    left:0;
}
        .case_message {
    width: 85%;
}   
.c_sort li .img{
    position: relative;
    width: 34px;
    height: 34px;
}
.c_sort li {
    padding: 10px 0;
    
}
.c_sort li.cur .img img {
    position: absolute;
    top: -34px;
    left: 0;
}
}
@media(max-width: 1199px){
    .c_sort li{
        padding:15px 0;
    } 
    .case_message{
        margin: 0 auto 30px;
        padding: 25px 30px;
    } 
    .case_message_title{
        padding-bottom: 10px;
        margin-bottom: 15px;
    }
    .case_message_title h2{
        font-size: 20px;
    }  
}
@media(max-width: 768px){
    .case_message_title_p {
    font-size: 13px;
    color: #888;
    }
    .c_sort li .img {
    width: 28px;
    height: 28px;
}
.c_sort li.cur .img img {
    top: -28px;
}
    .p1_tab .p1_table3 table tr:nth-child(1) td {
        font-size: 14px;
    }  
    .case_message{
        width: 96%;
        margin: 0 auto 20px;
        padding: 20px 20px;
    }  
    .case_message_title_p{
        float: none;
    }
    .case_message_tel{
        float: none;
        margin-top:10px;
    }
    .message2 ul li{
        margin-bottom:15px;
    }
    .message2 .text{
        margin-bottom:15px;
    }
}
@media(max-width: 767px){
    /*.p1_tab .p1_table3 tr td:nth-child(6) {*/
    /*    display: none;*/
    /*}*/
    /*.p1_tab .p1_table3 tr td:nth-child(7) {*/
    /*    display: none;*/
    /*}*/
    /*.p1_tab .p1_table3 tr td:nth-child(5) {*/
    /*    display: none;*/
    /*}*/
    /*.p1_tab .p1_table3 tr td:nth-child(4) {*/
    /*    display: none;*/
    /*}*/
/*.p1_table3 tr.firstRow td:nth-child(6){*/
/*    display:none;*/
/*}*/
/*.p1_table3 tr.firstRow td:nth-child(7){*/
/*    display:none;*/
/*}*/
/*.p1_table3 tr.firstRow td:nth-child(8){*/
/*    display:none;*/
/*}*/
/*.none{*/
/*    display:none;*/
/*}*/
    .p1_table3 table tr td{
        padding:0 5px;
    }
    .p1_tab .p1_table3 table tr td:last-child {
        padding: 5px 5px;
        min-width:100px;
    }
    .c_sort li{
        width: 25%;
        padding:10px 0;
        margin:0;
    }
    .c_sort li p{
        font-size: 14px;
    }
    .case_message{
        padding:15px 10px;
    }
    .case_meassage_cont_code{
        display: none;
    }
    .message2 {
        float: none;
        width: 100%;
    }
    .message2 ul li{
        width: 100%;
    }
}


/*detail*/
.sitemp2{
    background: #fff;
    border-bottom: 1px solid #e5e5e5;
    position: relative;
    z-index: 900;
}
.sitemp2 .sitemp{
    margin-top:0;
    box-shadow: none;   
    border:none; 
    margin-bottom:0;
    padding:0;
}
.sitemp2 .site{
    border:none;
}
#p_detail{
    padding:55px 0 80px;
}
.p_detail_l{
    float: left;
    width: 78%;
}
.p_detail_l h2{
    font-size: 32px;
    color: #333;
    line-height:1em;
    font-weight:normal;
    text-transform:uppercase;
}
.p_detail_l h3{
    font-size: 24px;
    color: #333;
    line-height:1em;
    font-weight:normal;
    text-transform:uppercase;
    padding:27px 0 23px;
    margin-bottom:40px;
    position: relative;
}
.p_detail_l h3 span{
    color: #999;
    font-family: Arial,'微軟正黑體',Helvetica,sans-serif;
    font-size: 18px;
    line-height:1em;
    font-weight:normal;
    text-transform:uppercase;
    padding:27px 0 23px;
    margin-bottom:40px;
    position: relative;
}
.p_detail_l h3:before{
    content:'';
    position: absolute;
    left:0;
    bottom:0;
    width: 40px;
    height: 1px;
    background:#08a3e7;
    z-index: 9;
}
.p_detail_l .img{
    text-align: center;
    border:0px solid #e5e5e5;
    margin-bottom:30px;
}
.p_detail_l .p_content{
    font-size: 16px;
}
.p_detail_l .p_content p strong{
    font-size: 18px;
    color: #333;
    display: block;
    margin-bottom:15px;
}
.p_detail_l .p_content ul li{
position: relative;
 padding-left: 0px!important;
 list-style: outside disc;
}
/*.p_detail_l .p_content ul li:before{*/
/*    content:'';*/
/*    width: 6px;*/
/*    height: 6px;*/
/*    background:#333;*/
/*    border-radius: 50%;*/
/*    position: absolute;*/
/*    left:0;*/
/*    top:50%;*/
/*    margin-top: -3px;*/
/*}*/
.p_detail_r{
    float: right;
    width: 18.5%;
}
.p_detail_r h3{
    background:#08a3e7;
    font-size: 22px;
    color: #fff;
    text-align: center;
    line-height:88px;
    height: 88px;
    border-bottom: 1px solid #e0e0e0;
    text-transform:uppercase;
}
.p_sort2{

}
.p_sort2 li a{
    transition: all .3s ease-in-out;
    font-size: 16px;
    color: #404040;
    height: 55px;
    line-height:55px;
    border-bottom:1px solid #e5e5e5;
    display: block;
    padding-left: 70px;
    position: relative;
    text-transform: uppercase;
    background: #f2f2f2;
}
.p_sort2 li a:after{
    transition: all .3s ease-in-out;
    content:'';
    width: 15px;
    height: 1px;
    background:#b3b3b3;
    position: absolute;
    left:45px;
    top:50%;
}

.p_sort2 li a:hover{
    color: #fff;
    background:#08a3e7;
}
.p_sort2 li a:hover:after{
    background:#fff;
}
.p_sort2 li a:hover{
    padding-left: 80px;
}
.p_detail_r h4{
    font-size: 22px;
    color: #333;
    font-weight: normal;
    margin:40px 0 20px;
    line-height:1em;
}

.p_detail_r .rmcp{
    position: relative;
}
#swiper-container2{

}
#swiper-container2 .swiper-slide a{
    padding: 0px 0px 1px 0px;
    display: block;
    background-color: #e3dfde;
    overflow: hidden;
    transition: all .3s ease-in-out;
}
#swiper-container2 .swiper-slide a img{
    transition: all .3s ease-in-out;
}
#swiper-container2 .swiper-slide a p{
    font-size: 14px;
    color: #333;
    padding: 0px 10px 0px 10px;
    margin-bottom: 14px;
    position: relative;
    text-transform: uppercase;
    line-height: 1.6em;
    margin-top: 10px;
    font-weight: bold;
}

#swiper-container2 p span{
    font-size: 14px;
    font-family: Arial,'微軟正黑體',Helvetica,sans-serif;
    color: #808080;
    display: block;
    font-weight: normal;
}

#swiper-container2 .swiper-slide a:hover{
    padding: 0px 0px 6px 0px;
    background-color: #f49104;
}
#swiper-container2 .swiper-slide a:hover p{
    color: #fff;
}
#swiper-container2 .swiper-slide a:hover p span{
    color: #fff;
}
#swiper-container2 .swiper-slide a:hover img{
    transform: scale(1.05);
    transition: all 0.3s ease-out;
}

.swiper-next1{
    width: 44px;
    height: 30px;
    border-radius: 5px;
    position: absolute;
    top:-42px;
    right:0;
    background:url(../images/left3.png) no-repeat center #f2f2f2;
    outline: none;
    transform: rotate(-180deg);
    cursor: pointer;
}
.swiper-next1:hover{
    background:url(../images/left2.png) no-repeat center #08a3e7;
    transform: rotate(-0deg);
}
.swiper-prev1{
    width: 44px;
    height: 30px;
    border-radius: 5px;
    position: absolute;
    top:-42px;
    right:50px;
    background:url(../images/left3.png) no-repeat center #f2f2f2;
    outline: none;
    cursor: pointer;
}
.swiper-prev1:hover{
    background:url(../images/left2.png) no-repeat center #08a3e7;
    transform: rotate(-180deg);
}
@media(max-width: 1600px){
    #p_detail{
        padding: 40px 0 60px;
    }
    .p_detail_l h2{
        font-size: 24px;
    }
    .p_detail_l h3{
        font-size: 20px;
        padding: 15px 0;
        margin-bottom: 25px;
    }
    .p_detail_r h3 {
        font-size: 20px;
        line-height: 70px;
        height: 70px;
    }
    .p_detail_r h4{
        font-size: 20px;
    }
}
@media(max-width: 1440px){
    .p_detail_l .p_content{
    font-size: 14px;
    }
    .p_sort2 li a {
    transition: all .3s ease-in-out;
    font-size: 15px;
    }
}
@media(max-width: 1199px){
    #p_detail{
        padding: 30px 0 40px;
    }
    .p_sort2 li a {
        height: 50px;
        line-height: 50px;
        padding-left: 40px;
    } 
    .p_sort2 li a:after{
        left:15px;
        width: 10px;
    }  
    .p_detail_r h4{
        font-size: 18px;
    }
    #swiper-container2 .swiper-slide a{
        font-size: 14px;
    } 
}
@media(max-width: 992px){
    #p_detail{
        padding: 20px 0;
    }
    .p_detail_l{
        float: none;
        width: 100%;
    }
    .p_detail_r{
        display: none;
    }
    .p_detail_l .p_content{
        font-size: 14px;
    }
    .p_detail_l .p_content p strong{
        font-size: 16px;
    }
    .p_detail_l h2 {
        font-size: 20px;
        font-weight:bold;
    }
    .p_detail_l h3{
        font-size: 16px;
         font-weight:bold;
    }
    .p_detail_l .img{
        padding: 20px 0;      
    }
    .p_detail_l h3 span {
    font-size: 14px;
    }
}
@media(max-width: 767px){

    .p_detail_l .img{
        padding: 15px 0;
        margin-bottom: 15px;        
    }
   
}


.appear {
    -wewgtit-animation: opacity_show 0.85s 1 cubic-bezier(0.445, 0.05, 0.55, 0.95) forwards;
    -webkit-animation: opacity_show 0.85s 1 cubic-bezier(0.445, 0.05, 0.55, 0.95) forwards;
    -moz-animation: opacity_show 0.85s 1 cubic-bezier(0.445, 0.05, 0.55, 0.95) forwards;
    -o-animation: opacity_show 0.85s 1 cubic-bezier(0.445, 0.05, 0.55, 0.95) forwards;
    animation: opacity_show 0.85s 1 cubic-bezier(0.445, 0.05, 0.55, 0.95) forwards;
    opacity: 1 !important;
}
.wgt-fade-animate {
    -webkit-transform: scale(0.3);
    -moz-transform: scale(0.3);
    -ms-transform: scale(0.3);
    -o-transform: scale(0.3);
    transform: scale(0.3);
    -webkit-transform: translateY(50px);
    -moz-transform: translateY(50px);
    -ms-transform: translateY(50px);
    -o-transform: translateY(50px);
    transform: translateY(50px);
    opacity: 0;
}



h1.title{
    font-size: 22px;
    color: #333;
    text-align: center;
    padding:2em 0 0.5em 0;
    font-weight: normal;
}

h3.tag{
    font-size: 14px;
    color: #666;
    font-weight: normal;
}
.page{
/*    font-size: 14px;
    color: #666;   */ 
    padding-top:38px;
    border-top:1px solid #e5e5e5;
    margin-top:60px;
}
.page em{
    font-style: normal;
    font-size: 14px;
    color: #08a3e7;
}
.page a{
    font-size: 14px;
    color: #333;    
}
.page a:hover{
    color: #08a3e7;
}
@media(max-width: 768px){
    h1.title{
        font-size: 18px;
    }
    .page {
        padding-top: 15px;
        margin-top: 15px;
    }
    .page em{
        font-size: 14px;
    }
    .page a{
        font-size: 14px;
    }
}

.pageController{
    text-align: center;
    color:#808080;margin:0 auto;
    margin:2em 0;
    line-height:24px;
}
.pageController a{background-color:#FFF;vertical-align:middle; border:#efefef 1px solid; 
    color:#808080;padding:5px 8px; margin-right:3px;margin-left:3px;
}
.pageController a:hover{background-color:#08a3e7;color:#fff; text-decoration:none;border:#efefef 1px solid;}
.pageController .currPage {background-color: #08a3e7;color:#ff0000;border:#efefef 1px solid;}
.pageController .t1{
    float:left;margin-right:5px;height:24px;line-height:22px;white-space:nowrap;
    display: none;
}
.pageController .t2{vertical-align:middle;line-height:39px;}
.pageController .t2 #current{
    line-height: 39px;
    background-color: #08a3e7;
    vertical-align: middle;
    border: 1px solid #08a3e7; 
    color: #fff;padding: 5px 8px;
    margin-right: 3px;
    margin-left: 3px;
    width: 39px;
}
.pageController .t1 span{
    /*padding-left:4px;
    padding-right:4px;*/
    width: 39px;
}
.pageController select{height:24px;vertical-align:middle;text-align:center;line-height:24px;
    display: none;
}
.pageController select option{vertical-align:middle;}


.m_f_fixed{
    position: fixed;
    bottom:0;
    left:0;
    background: #00a0e6;
    color: #fff;
    z-index:9999;
    justify-content: center;
    width: 100%;
    display:none;

}
.m_f_fixed a{
    flex: 1;
    font-size: 14px;
    color: #fff;
    display: block;
    text-align: center;
    padding: 4px 0;
    padding-top: 10px;

}
.m_f_fixed a img{
    width: 25px;
    display: block;
    margin:0 auto 0px;
}
#gotop{
    position: fixed;
    right: 0;
    bottom: 30px;
    cursor: pointer;
}
@media(max-width: 1199px){
    #gotop{
        display: none;
    }
}
@media(max-width:640px){
    .m_f_fixed{
        display: flex;
    }
    footer{
        margin-bottom:70px;
    }
}


.float_qq {
    position: fixed;
    top: 50%;
    right: 0;
    margin-top: -101px;
    width: 50px;
    height: 203px;
    z-index: 6666
}

.float_qq li {
    width: auto;
    height: 50px;
    z-index: 20
}

.float_qq li.float_qq1,
.float_qq li.float_qq4 {
    position: absolute;
    left: 0;
    width: 62px
}

.float_qq li.float_qq1 {
    top: 0
}

.float_qq li.float_qq2 {
    position: absolute;
    top: 51px;
    left: 0;
    width: 126px
}

.float_qq li.float_qq3 {
    position: absolute;
    top: 102px;
    left: 0;
    width: 210px
}

.float_qq li.float_qq4 {
    top: 153px
}

.float_qq4 {
    position: absolute;
    top: 153px;
    left: 0
}

.float_qq li a {
    display: block;
    font-family: "Microsoft Yahei";
    color: #FFF;
    font-size: 14px;
    height: 50px;
    line-height: 50px;
    overflow: hidden;
    background-color: #000;
    opacity: .8;
    border-radius: 6px
}

.float_qq li a img {
    display: block;
    float: left;
    vertical-align: middle;
    width: 24px;
    height: 24px;
    margin: 12px 12px 14px 14px
}

.float_qq li a:hover {
    background-color: #08a3e7;
    opacity: 1
}

.float_shwx {
    position: absolute;
    top: -112px;
    left: -170px;
    background: url(../images/float_wxbd.png) no-repeat bottom right;
    padding-bottom: 9px;
    display: none
}

.float_shwx img {
    display: block;
    padding: 10px;
    background-color:#FFF;
    width: 164px;
    height: 164px
}

#qLpercentage {
    width: 105px;
    height: 104px;
    line-height: 104px;
    text-align: center
}

@media(max-width: 1199px){
    .float_qq{
        display: none;
    }
}
/*#footer .fp-tableCell{*/
/*    display: block;*/
/*}*/


.fp-controlArrow{
   display: none!important; 
}

.ly-ani-up,
.ly-ani-left,
.ly-ani-down,
.ly-ani-right {
    opacity: 0;
    -webkit-transition-property: all;
    transition-property: all;
    -webkit-transition-duration: .7s;
            transition-duration: .7s;
}
.ly-ani-left {
    -webkit-transform: translateX(-200px);
            transform: translateX(-200px);
}
.ly-ani-up {
    -webkit-transform: translateY(200px);
            transform: translateY(200px);
}

.delay5 {
    opacity: 0;
    transform: scale(0.8);
    transition: all 0.6s ease 0.6s;
}
.active .delay5 {
    transform: translate(0,00px);
    opacity: 1;
}

.delay6 {
    transform: translate(100px,0);
    opacity: 0;
    transition: all 1s ease-out 1s;
}
.active .delay6 {
    transform: translate(0,00px);
    opacity: 1;
}

.ly-ani-down {
    -webkit-transform: translateY(-100px);
            transform: translateY(-100px);
}

.ly-ani-right {
    -webkit-transform: translateX(200px);
            transform: translateX(200px);
}

.index_sz li:nth-child(1) {
    transform: translate(0,100px);
    opacity: 0;
    transition: all 1s ease-out 0.4s;
}
.index_sz li:nth-child(2) {
    transform: translate(0,100px);
    opacity: 0;
    transition: all 1s ease-out 0.6s;
}
.index_sz li:nth-child(3) {
    transform: translate(0,100px);
    opacity: 0;
    transition: all 1s ease-out 0.8s;
}
.index_sz li:nth-child(4) {
    transform: translate(0,100px);
    opacity: 0;
    transition: all 1s ease-out 1s;
}
.active .index_sz li:nth-child(1),.active .index_map li:nth-child(2),.active .index_map li:nth-child(3),.active .index_map li:nth-child(4){
    transform: translate(0,00px);
    opacity: 1;
}
.m_sz{
    /*display: none;*/
    padding-top:10px;
}
.m_sz .index_sz{
    margin-bottom: 0px;
}
.m_sz .index_sz li{
    transform: translate(0,00px);
    opacity: 1;
    padding:5px;
}

.active .ly-ani-left {
    opacity: 1;
    -webkit-transform: translateX(0);
            transform: translateX(0);
}

.active .ly-ani-up {
    opacity: 1;
    -webkit-transform: translateY(0);
            transform: translateY(0);
}

.active .ly-ani-down {
    opacity: 1;
    -webkit-transform: translateY(0);
    transform: translateY(0);
}



.active .ly-ani-right {
    opacity: 1;
    -webkit-transform: translateX(0);
            transform: translateX(0);
}

.delay1 {
    -webkit-transition: all 1s ease-out 0.3s;
            transition: all 1s ease-out 0.3s;
}
.delay2 {
    -webkit-transition: all 1s ease-out 0.4s;
            transition: all 1s ease-out 0.4s;
}
.delay3 {
    -webkit-transition: all 1s ease-out 0.6s;
            transition: all 1s ease-out 0.6s;
}
.delay4 {
    -webkit-transition: all 1s ease-out 0.8s;
            transition: all 1s ease-out 0.8s;
}

@media(max-width:1199px){
    .ly-ani-left {
        opacity: 1;
        -webkit-transform: translateX(0);
                transform: translateX(0);
    }
    
    .ly-ani-up {
        opacity: 1;
        -webkit-transform: translateY(0);
                transform: translateY(0);
    }
    
    .ly-ani-down {
        opacity: 1;
        -webkit-transform: translateY(0);
        transform: translateY(0);
    }
    
    .ly-ani-right {
        opacity: 1;
        -webkit-transform: translateX(0);
                transform: translateX(0);
    }    
}