@media screen and (max-width:1440px){
    .inA_con a{width:286px;margin-right:18px;}
    .inA_con a:first-child{width:591px;}
}


@media screen and (max-width:768px){

    .header_RT div{display:none}
}
@media screen and (max-width:414px){
    .header_RT div{display:none}
    .header_RT{margin-top:16px}
    .banner .pagination{bottom:10px}
    .banner .swiper-pagination-switch{width:18px;height:2px}

    .M_banner_top strong{padding-bottom:0px}
    .menu-handler{margin-top:4px}
    .menuBox{top:64px}
}




@media only screen and (min-width: 1920px) {
}
@media only screen and (min-width: 1600px) {
    .pic3 li{
        width: 48%;
    }
}

@media only screen and (max-width: 1400px) {

}
@media only screen and (max-width: 1200px) {
    .pic3 li{
        width: 48%;
    }
}


@media only screen and (min-width: 1200px) {

    .drager > div{
        width: 100%;
        display: inline-block;
        vertical-align: top;
    }

    .drager > div:nth-of-type(odd)
    {
        margin-right: 20px;
    }

}




@media only screen and (max-width: 1024px) {
    .header{height:90px;}
    .header_RT{height:30px;padding:5px 0px;}
    .header_RB ul li{height:30px;padding-top:10px; width: 14%;}
    .header_RB ul li a{height:20px;font-size:15px;padding-bottom:15px; }
    .header_RB ul{width: 100%;}

}
@media only screen and (max-width: 829px) {

}
@media only screen and (max-width: 760px) {
    .header{height:80px;}
    .header_RT{height:30px;padding:5px 0px;}
    .header_RB ul li{height:30px;padding-top:10px; width: 14%;}
    .header_RB ul li:hover>a,.header_RB ul li.cur>a,.current{ padding: 15px 5px;}
    .header_RB ul li a{height:20px;font-size:14px;padding-bottom:15px; }

    .pic3 li{
        width: 100%;
    }

}


@media only screen and (max-width:720px){
    .header_RT p:last-child,.header_RB{display:none}
    .menu-handler{display:block}
}




@media only screen and (max-width: 413px) {
    html { font-size: 100%;}
}




/*-------- font----------------------------*/



.ft-r1{
    font-size: 1rem;
    line-height: 2;
}


h1,h2,h3,h4{
    font-family: "微软雅黑","宋体", Arial;
    letter-spacing: 0.1rem;
    font-weight: 600;
     margin: 1rem 0 0 0;
    color: #5689b8;
}


h1{
    font-size: 1.3rem;
}
h2{
    font-size: 1.2rem;
}
h3{
    font-size: 1.1rem;
}
h4{
}







/*-------- header2 css ----------------------------*/
.nav, .nav img,
.nav2, .nav2 img {
    -webkit-transition:all 0.2s ease-in;
    -moz-transition:all 0.2s ease-in;
    -o-transition:all 0.2s ease-in;
    transition:all 0.2s ease-in;
}

.nav2 {
    width:100%;
    position:fixed;
    overflow:visible;
    z-index:100;
    top:0;
    background: #FFF;
    box-shadow:1px 1px 3px rgba(0,0,0,0.35);
}

.nav2 .header{
    height: 50px;

}
.nav2 .logo img{
    width:140px;
    overflow:hidden;

}
.nav2 .header_RT {
    display:none;
}


.nav2 .header_RB {
    height: 50px;
}
.nav2 .header_RB ul li{height:30px; padding-top: 10px}
.nav2 .header_RB ul li a{height:20px;font-size:16px;padding-bottom:15px; }
.nav2 .ul_list{top:60px;}

/*------ Top scrollBar ---------------------------------------------*/

#scrollBar A {
    TEXT-INDENT: 2000em;
    HEIGHT: 45px;
    WIDTH: 45px;
    border-radius:50%;
    DISPLAY: block;
    BACKGROUND:#3ecbff url(images/arrow_top.png) no-repeat center center;
    OVERFLOW: hidden;
    CURSOR: pointer;

    opacity:0.55;
    filter: alpha(opacity=55);

    -webkit-transition: all 0.3s ease;
    -moz-transition: all 0.3s ease;
    -ms-transition: all 0.3s ease;
    -o-transition: all 0.3s ease;
    transition: all 0.3s ease;

}
#scrollBar A:hover {
    margin-bottom:10px;
    opacity:1;
    filter: alpha(opacity=90);

}