.content{
    width: 1200px;
    margin: 0 auto;
}
ul,ol{
    list-style: none;
    padding: 0;
    margin: 0;
}

header{

}
.head-wrap{
    height: 130px;
    position: relative;
}

.tem_head{
    display: flex;
    justify-content: space-between;
    height: 100%;
    align-items: center;
}
.tem_head .tem_left img{
    height: 90px;
}
.tem_head .tem_right .tem_top{
    display: flex;
    align-items: center;
    justify-content: flex-end;
    margin-top: -10px;
}
.tem_top .form_wrap .form-group{
    border-radius: 30px;
    line-height: 30px;
    height: 30px;
    border: 1px solid #767676;
    width: 222px;
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin-bottom: 0 !important;
}

.tem_top .form_wrap .keyword {
    border: none;
    height: 28px;
    margin-left: 15px;
    width: 180px;
    font-size: 13px;
}
.tem_top .form_wrap .tijiao {
    background: url("/static/home/images/search.png") no-repeat;
    background-size: 60%;
    /*width: 28px;*/
    padding: 0 14px;
    height: 18px;
    border: none;
    cursor: pointer;
    outline: none;
}

.tem_top .langlist{
    padding: 0 15px;
}
.tem_top .langlist span{
    padding: 0 5px;
}
.tem_top .langlist span a{
    color:#000;
    font-size: 14px;
}
.tem_top .langlist span a:hover{
    color: #F08300;
}
.tem_top .login_box .user_span{
    position: relative;
}
.tem_top .login_box .user_span .username{
    display: flex;
    align-items: center;
}

.tem_top .login_box .user_span .username .icon_down{
    width: 0;
    height: 0;
    line-height: 0;
    font-size: 0;
    border-style: solid;
    border-width: 10px;
    padding: 0 !important;
    margin-top: 9px;
    margin-left: 4px;
    cursor: pointer;
    border-color: #ddd transparent transparent transparent;
}



.tem_top .login_box span{
    padding: 0 5px;
}
.tem_top .login_box span a{
    color: #333;
    font-size: 14px;
}
.tem_top .login_box span a:hover{
    color: #F08300;
}


.tem_head .tem_right .nav{
    margin-top: 10px;
}
.tem_head .tem_right .nav ul{
    display: flex;
}
.tem_head .tem_right .nav ul li{
    padding: 0 25px;
}
.tem_head .tem_right .nav ul li.active a{
    color:#F08300;
}


.tem_head .tem_right .nav ul li:last-child{
    padding-right: 0;
}

.tem_head .tem_right .nav ul li a{
    color: #202022;
    /*font-weight: bold;*/
    font-size: 16px;
}

.tem_head .tem_right .nav ul li a:hover{
    color: #F08300;
    border-bottom: 3px solid #F08300;
    padding-bottom: 34px;
}
.tem_head .tem_right .nav ul li:first-child a:hover{
    color: #F08300;
    border: none;
}

.head-wrap .menulist{
    position: absolute;
    bottom: -330px;
    width: 100%;
    border-top: 2px solid #e6e6e6;
    height: 330px;
    background: #fff;
    z-index: 99;
}

/*.bottom-line{*/
/*    width: 100% ;*/
/*    height: 2px;*/
/*    background: #e6e6e6;*/
/*}*/

.head-wrap .menulist .tab_content{
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 20px ;
}

.head-wrap .menulist .tab_content .left{
    margin-right: 100px;
}
.head-wrap .menulist .tab_content .left ul{
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    width: 700px;
    height: 252px;
}
.head-wrap .menulist .tab_content .left ul li{
    /*margin-right: 75px;*/
    /*margin-right: 48px;*/
    margin-bottom: 100px;
    width: 20%;


}
.head-wrap .menulist .tab_content .left ul li a{
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    width: 100%;

}
.head-wrap .menulist .tab_content .left ul li:hover a .name{
    color: #F08300;
}
.head-wrap .menulist .tab_content .left ul li:hover a .img_wrap img:nth-child(1){
    display: none;
}
.head-wrap .menulist .tab_content .left ul li:hover a .img_wrap img:nth-child(2){
    display: block !important;
}

.head-wrap .menulist .tab_content .left ul li  .img_wrap {
    height: 35px;
    overflow: hidden;
    position: relative;
    width: 100%;
}

.head-wrap .menulist .tab_content .left ul li  .img_wrap img{
    position: absolute;
    height: 35px;
    left: 50%;
    margin-left: -17.5px;
}


.head-wrap .menulist .tab_content .left ul li .name{
    font-size: 15px;
    color: #666666;
    margin-top: 20px;
}

.head-wrap .menulist .tab_content .left ul li:nth-child(n+6){
    margin-bottom: 0px;
}

.dropdown-menu {
    font-size: 1rem;
    position: absolute;
    z-index: 1200;
    top: 100%;
    left: 0;
    /*display: none;*/
    float: left;
    min-width: 160px;
    margin: 5px 0 0;
    padding: 5px 0;
    list-style: none;
    text-align: left;
    color: #76838f;
    border: 1px solid #e4eaec;
    border-radius: .215rem;
    background-color: #fff;
    -webkit-background-clip: padding-box;
    background-clip: padding-box;
    -webkit-box-shadow: 0 3px 12px rgba(0, 0, 0, .05);
    box-shadow: 0 3px 12px rgba(0, 0, 0, .05);
    -webkit-transition: .25s;
    -o-transition: .25s;
    transition: .25s;
    left: 50%;
    margin-left: -80px;
}

.dropdown-item {
    font-weight: 400;
    display: block;
    clear: both;
    width: 100%;
    padding: 3px 20px;
    text-align: inherit;
    white-space: nowrap;
    color: #76838f;
    border: 0;
    background: 0 0;
    padding: .572rem 1.072rem;
    -webkit-transition: background-color .25s;
    -o-transition: background-color .25s;
    transition: background-color .25s;
    border-radius: .215rem;
}
.dropdown-menu > li > a {
    overflow: hidden;
    -webkit-transition: all .3s ease-out;
    transition: all .3s ease-out;
    padding: 0 5px;
    font-size: 14px;
    color: #666;
}

.head-wrap .menulist .tab_content .right{

}

.swiper-slide img{
    width: 100%;
    height: auto;

    vertical-align: middle;
}

.banner-search{
    margin: 0;
    line-height: 120px;
    height: 120px;
    text-align: center;
    font-size: 35px;
    color: #fff;
    background: #1baadb;
}


body.met-navfixed{padding-top:60px}
.met-logo{height:60px}
.met-logo img{
    /*max-height:50px*/
    max-height: 60px;
    vertical-align: middle;
}
.met-nav{min-height:60px;margin-bottom:0;box-shadow:none}
.met-nav [class*=animation-]{-webkit-animation-duration:.5s;animation-duration:.5s}
.met-nav .met-head-user{margin-left:15px;line-height:initial}
.met-nav .no-login{height:60px}
.met-nav.navbar-shadow{-webkit-box-shadow:0 10px 30px -10px rgba(0,0,0,0.2);box-shadow:0 10px 30px -10px rgba(0,0,0,0.2);-webkit-animation-duration:.7s;animation-duration:.7s}
.met-nav.navbar-fixed-top .navbar-right{margin-right:0}
.met-nav .navbar-logo{height:60px;margin:0;margin-left:0;padding:0;display:block}
.met-nav .navbar-logo img{max-height:50px}
.met-nav .nav-item .nav-link{color:#666;position:relative;z-index:2;font-size:15px;}
.met-nav .dropdown.open>a,
.met-nav .nav li>a.active{
    /* color:#fff!important; */
    color:#2a333c!important;
    background-color:transparent;}
.met-nav .navbar-nav>.open>.nav-link,
.met-nav .navbar-nav>.open>.nav-link:hover,
.met-nav .navbar-nav .nav-link.active:hover,
.met-nav .navbar-nav .nav-link.active{background-color:transparent;color:#fff;}
.met-nav .nav-item{position:relative;}
.met-nav .nav-item .nav-link{padding-left:15px;padding-right:15px;}
.met-nav .nav-item .nav-link:after{content:'';width:100%;height:30px;opacity:0;
    /* background-color:#fff; */
    left:0;position:absolute;top:0;margin-top:0px;margin-left:0px;-webkit-transition:all .66s cubic-bezier(.17,.84,.44,1);transition:all .66s cubic-bezier(.17,.84,.44,1);z-index:-1;border:none;border-radius:20px;}
.met-nav .nav-item:hover .nav-link:after,
.met-nav .nav-item .nav-link.active::after{opacity:1;top:50%;margin-top:-15px;}
.met-nav .nav-item:hover .nav-link,
/*.met-nav .navlist .nav-item a.nav-link:hover{color:#fff;}*/
.met-nav .nav-item .nav-link i{-webkit-transition:all .3s ease-out;transition:all .3s ease-out;margin-left:5px}
.met-nav .nav-item .nav-link:hover i,
.met-nav .dropdown.open>a i{-webkit-transform:rotate(180deg);transform:rotate(180deg);-webkit-transition:all .66s cubic-bezier(.17,.84,.44,1);transition:all .66s cubic-bezier(.17,.84,.44,1)}
.met-nav #met-head-user-collapse .dropdown-item{line-height:initial}
.met-nav #met-head-user-collapse .btn-primary{color:R;background-color:transparent;border-color:#fff;padding:4px 10px;-webkit-transition:all .66s cubic-bezier(.17,.84,.44,1);transition:all .66s cubic-bezier(.17,.84,.44,1)}
.met-nav #met-head-user-collapse .btn-primary:hover{color:#fff;background-color:#fff;border-color:#fff}
.met-nav #met-head-user-collapse .btn-success{color:#666;background-color:transparent;border-color:#666;padding:4px 10px;-webkit-transition:all .66s cubic-bezier(.17,.84,.44,1);transition:all .66s cubic-bezier(.17,.84,.44,1)}
.met-nav #met-head-user-collapse .btn-success:hover{color:#fff;background-color:#666;border-color:#666}
.met-nav .dropdown-item{color:#666}
.met-nav .overflow-visible{overflow:visible!important}
.met-nav .navlist-2{transform:translateY(-10%)}
.met-nav .navbar-toggler{height:60px;line-height:60px}
.met-nav .nav>li>a{color:#fff}
.met-nav .nav>li>a i{-webkit-transition:all .3s ease-out;transition:all .3s ease-out}
.met-nav .nav li .link.active:after{content:'';width:100%;background-color:#fff;left:0;position:absolute;top:0;height:2px;-webkit-transition:all .66s cubic-bezier(.17,.84,.44,1);transition:all .66s cubic-bezier(.17,.84,.44,1);z-index:-1}
.met-nav .nav>li>.link:after{content:'';width:0;background-color:#fff;left:0;position:absolute;top:0;height:2px;-webkit-transition:all .66s cubic-bezier(.17,.84,.44,1);transition:all .66s cubic-bezier(.17,.84,.44,1);z-index:-1}
.met-nav .nav>li>.link:hover:after{content:'';width:100%;background-color:#fff;left:0;position:absolute;top:0;height:2px;-webkit-transition:all .66s cubic-bezier(.17,.84,.44,1);transition:all .66s cubic-bezier(.17,.84,.44,1);z-index:-1}
.met-nav .met-nav-login{padding-top:15px;text-align:center}
.met-nav .dropdown-menu>li>a{overflow:hidden;-webkit-transition:all .3s ease-out;transition:all .3s ease-out}
.met-nav .dropdown-menu>li>a:hover{background:#f2f2f2 none repeat scroll 0 0;text-indent:5px;-webkit-transition:all .66s cubic-bezier(.17,.84,.44,1);transition:all .66s cubic-bezier(.17,.84,.44,1)}
@media (min-width:768px){
    .navbar-nav>.nav-item{padding:0px}
    .met-nav .nav>li>a{padding:0;height:60px;line-height:60px}
    .met-nav .dropdown-menu{top:48px;border-radius:0;box-shadow:0px 1px 3px rgba(0,0,0,0.1)}
    .met-nav .dropdown-menu .dropdown-submenu>a:after{display:none}
    .met-nav .dropdown-menu .dropdown-submenu>a i{position:absolute;right:10px}
    .met-nav .dropdown-menu.bullet{top:60px}
    .met-nav .met-nav-login{height:60px;padding-top:0;margin-left:10px}
    .navbar-nav .nav-item .nav-link{line-height:18px}
    .met-nav .mblogo{display:none;}
}
@media (max-width:991px){
    .met-nav .navbar-logo img{max-height:30px}
    .met-nav .nav>li>a>i{float:right}
    .met-nav .dropdown-menu .dropdown-submenu>a:after{display:none}
    .met-nav .dropdown-menu .dropdown-submenu>a>i{float:right}
}
@media (max-width:767px){
    .met-nav-btn:after{display:table;clear:both;content:'';}
    .met-nav .nav>li{margin-left:0!important}
    .met-nav .nav>li>a{padding:10px 15px;line-height:25px}
    .met-nav .nav li .link.active:after{height:1px;bottom:0;top:auto;left:15px}
    .met-nav .nav>li>.link:after{height:1px;bottom:0;top:auto;left:15px}
    .met-nav .nav>li>.link:hover:after{height:1px;bottom:0;top:auto;left:15px}
    .met-nav .dropdown-menu>li>.dropdown-menu>li>a{padding-left:40px}
    .met-nav .dropdown-menu.bullet:before,
    .met-nav .dropdown-menu.bullet:after{display:none}
    /*.met-nav .navbar-collapse.in{-webkit-box-shadow:0 20px 40px -10px rgba(0,0,0,0.2);box-shadow:0 20px 40px -10px rgba(0,0,0,0.2)}*/
    .met-nav .navbar-logo{float:none;max-width:90px;margin:0 auto}
    .met-nav .navbar-collapse{width:100%}
    .met-nav .navlist{margin-left:0;margin-right:0}
    .met-nav .met-head-user{width:100%;margin:0;text-align:center}
    .met-nav .pclogo{display:none;}
}
.navbar-shadow{box-shadow:0px 1px 3px rgba(0,0,0,0.1)}

.navbar-default .navbar-collapse, .navbar-default .navbar-form {
    border-color: #e4eaec;
}
.navbar-collapse.in {
    overflow-y: visible;
}
.collapse.in {
    display: block;
}
.p-0, .p-a-0 {
    padding: 0 !important;
}
.navbar-collapse {
    overflow-x: visible;
    padding-right: .9375rem;
    padding-left: .9375rem;
    border-top: 1px solid transparent;
    border-top-color: transparent;
    -webkit-box-shadow: inset 0 1px 0 rgba(255,255,255,.1);
    box-shadow: inset 0 1px 0 rgba(255,255,255,.1);
    -webkit-overflow-scrolling: touch;
}

.animation-slide-top {
    -webkit-animation-name: slide-top;
    -o-animation-name: slide-top;
    animation-name: slide-top;
}

@keyframes slide-top{
    0%{opacity:0;-webkit-transform:translate3d(0,-100%,0);transform:translate3d(0,-100%,0)}
    100%{opacity:1;-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}
}
@keyframes slide-left{
    0%{opacity:0;-webkit-transform:translate3d(-100%,0,0);transform:translate3d(-100%,0,0)}
    100%{opacity:1;-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}
}


@media (max-width: 1200px)
{
    .pc_head{
        display: none;
    }
    .mobile_head .tem_top{
        display: flex;
        justify-content: flex-end;
        background: linear-gradient(to bottom,#fff 0%,#eee 100%);
        height: 45px;
        line-height: 45px;
    }
    .mobile_head .tem_top .tem_right{
        margin-right: 15px;
    }
    .met-langlist a{
        padding: 0 5px;
        color: #2a333c;
        font-size: 14px;
    }

    .mobile_head .navbar {
        z-index: 100;
        width: 100%;
    }
    .met-nav {
        min-height: 60px;
        margin-bottom: 0;
        box-shadow: none;
    }
    .box-shadow-none {
        box-shadow: none;
    }
    .navbar-default {
        border-color: #e4eaec;
        background-color: #fff;
    }
    .navbar {
        /*min-height: 4.715rem;*/
        padding: 0;
        border: none;
        border-top-color: currentcolor;
        border-right-color: currentcolor;
        border-bottom-color: currentcolor;
        border-left-color: currentcolor;
        -webkit-box-shadow: 0 2px 4px rgba(0,0,0,.08);
        box-shadow: 0 2px 4px rgba(0,0,0,.08);
    }

    .mobile_head .navbar .container .row{
        width: 100%;
        margin: 0;
    }

    .pull-xs-left {
        float: left !important;
    }
    .met-logo img {
        max-height: 60px;
    }
    .met-nav-btn{
        display: flex;
        /*justify-content: flex-end;*/
        justify-content: space-between;
        width: 100%;

    }
    .met-nav .navbar-toggler{
        height: unset;
        line-height: unset;
    }

    .met-nav-btn .icon-wrap {
        display: flex;
        width: 100%;

        justify-content: flex-end;
        align-items: center;
        margin-right: 20px;

    }
    .icon-wrap .navbar-toggler:first-child{
        margin-right: 30px;
    }

    .content{
        width: 100%;
    }


    .met-nav #met-head-user-collapse a {
        color: #666;
    }
    .met-head-user li a + a {
        border-left: 1px solid #ccc;
    }
    .met-head-user li a {
        padding: 0 5px;
        font-size: 14px;
    }
    .met-nav .met-head-user{
        line-height: 60px;
    }
    .collapse.in {
        display: block !important;
    }

    .met-nav .nav-item:hover .nav-link::after, .met-nav .nav-item .nav-link.active::after {
        opacity: 1;
        top: 50%;
        margin-top: -15px;
    }
    .met-nav .nav-item .nav-link::after {
        content: '';
        width: 100%;
        height: 30px;
        opacity: 0;
        /*background-color: #1baadb;*/

        left: 0;
        position: absolute;
        top: 0;
        margin-top: 0px;
        margin-left: 0px;
        -webkit-transition: all .66s cubic-bezier(.17,.84,.44,1);
        transition: all .66s cubic-bezier(.17,.84,.44,1);
        z-index: -1;
        border: none;
        border-radius: 20px;
    }

    .met-nav .nav-item .nav-link {
        padding-left: 15px;
        padding-right: 15px;
    }
    .met-nav .nav-item .nav-link {
        color: #666;
        position: relative;
        z-index: 2;
        font-size: 15px;
    }
    .navbar-default .navbar-nav .nav-link {
        /*color: #76838f;*/
        color: #000;
    }
    .navbar-nav .nav-item,.navbar-nav .nav-link {
        line-height: 22px;
        padding-top: .715rem;
        padding-bottom: .715rem;
    }

    .navbar-nav .open .dropdown-menu {
        position: static;
        float: none;
        width: auto;
        margin-top: 0;
        border: 0;
        background-color: transparent;
        -webkit-box-shadow: none;
        box-shadow: none;
    }
    .navbar-nav > .nav-item > .dropdown-menu {
        margin-top: 0;
        border-top-left-radius: 0;
        border-top-right-radius: 0;
    }
    .dropdown-menu.animate {
        overflow: hidden;
    }
    .open > .dropdown-menu {
        display: block;
    }
    .dropdown-menu, .dropdown-menu .dropdown-item {
        font-weight: normal;
    }
    .dropdown-menu-right {
        right: 0 !important;
        left: auto !important;
    }
    .dropdown-menu {
        font-size: 1rem;
        position: absolute;
        z-index: 1200;
        top: 100%;
        left: 0;
        display: none;
        float: left;
        min-width: 160px;
        margin: 5px 0 0;
        margin-top: 5px;
        padding: 5px 0;
        list-style: none;
        text-align: left;
        color: #76838f;
        border: 1px solid #e4eaec;
        border-radius: .215rem;
        border-top-left-radius: 0.215rem;
        border-top-right-radius: 0.215rem;
        background-color: #fff;
        -webkit-background-clip: padding-box;
        background-clip: padding-box;
        -webkit-box-shadow: 0 3px 12px rgba(0,0,0,.05);
        box-shadow: 0 3px 12px rgba(0,0,0,.05);
        -webkit-transition: .25s;
        -o-transition: .25s;
        transition: .25s;
    }

    .navbar-default .navbar-nav .open .dropdown-menu .dropdown-item {
        color: #76838f;
    }
    .navbar-nav .open .dropdown-menu .dropdown-item {
        line-height: 22px;
    }
    .navbar-nav .open .dropdown-menu .dropdown-header, .navbar-nav .open .dropdown-menu .dropdown-item {
        padding: 5px 15px 5px 25px;
    }
    .dropdown-menu.animate > .dropdown-item:nth-child(2) {
        -webkit-animation: animation-delay(.04s);
        -o-animation: animation-delay(.04s);
        animation: animation-delay(.04s);
    }
    .dropdown-item, .met-page .pagination li a, .sidebar-news-list .list-group a, .sidebar-column li a, .met-nav .navlist .nav-item a, .met-footnav .list h4 a, .index-product-list h4 a, .index-news-list li a, .met-news-list li h4 a, .met-news-list.type-3 .card h4 a, .met-product.type-1 .met-product-list li h4 a, .met-download-list .list-group-item .media-heading a, .met-job-list .card .card-title a, .met-search-list .list-group-item h4 a, .sidebar-piclist-ul li h4 a, .met-link a, .met-footnav .list ul li a, .met-column-nav-ul li a, .sitemap-list a {
        text-decoration: none;
    }
    .dropdown-item, .met-page .pagination li a, .sidebar-news-list .list-group a, .sidebar-column li a, .met-nav .navlist .nav-item a, .met-footnav .list h4 a, .index-product-list h4 a, .index-news-list li a, .met-news-list li h4 a, .met-news-list.type-3 .card h4 a, .met-product.type-1 .met-product-list li h4 a, .met-download-list .list-group-item .media-heading a, .met-job-list .card .card-title a, .met-search-list .list-group-item h4 a, .met-footnav .info em a:hover, .index-service-list li h3 {
        color: #2a333c;
    }
    .dropdown-menu.animate > .dropdown-item {
        -webkit-animation: slide-left .5s both;
        -o-animation: slide-left .5s both;
        animation: slide-left .5s both;
    }
    .met-nav .dropdown-item {
        color: #666;
    }
    .dropdown-menu, .dropdown-menu .dropdown-item {
        font-weight: normal;
    }
    .dropdown-item {
        white-space: normal;
    }
    .dropdown-item, .transition500 {
        transition: all 0.5s !important;
    }
    .dropdown-item {
        font-weight: 400;
        display: block;
        clear: both;
        width: 100%;
        padding: 3px 20px;
        text-align: inherit;
        white-space: nowrap;
        color: #76838f;
        border: 0;
        background: 0 0;
        padding: .572rem 1.072rem;
        -webkit-transition: background-color .25s;
        -o-transition: background-color .25s;
        transition: background-color .25s;
        border-radius: .215rem;
    }

    .pc{
        display: none!important;
        visibility: hidden!important;
    }
}


.hf-carousel-caption {
    position: absolute;
    right: 15%;
    /*bottom: 30%;*/
    left: 7%;
    top: 189px !important;
    z-index: 10;
    padding-top: 20px;
    padding-bottom: 20px;
    color: #fff;
    text-align: center
}
.hf-carousel-caption h2{

    font-size: 2rem;
    margin: 0 ;

}

.hf-carousel-caption p {
    width: 420px;
    margin: 18px 0
}

.text-left {
    text-align: left !important
}


@media (min-width: 1200px)
{
    .mobile_head{
        display: none;
    }
    .mobile{
        display: none!important;
        visibility: hidden!important;
    }


}


@media (max-width:600px) {
    .title{
        font-size: 24px !important;
    }
}