/* Please see documentation at https://docs.microsoft.com/aspnet/core/client-side/bundling-and-minification\ 
for details on configuring this project to bundle and minify static web assets. */

html { width: 100%;}
body { padding-bottom: 0px; font-family: Microsoft YaHei; height: 100%; overflow-y: scroll;background:url(../images/home_bg.png)0 0 fixed repeat-y;}
* { font-family: Microsoft YaHei!important; margin: 0px; padding: 0px; }
ul { padding: 0; }
    ul li { list-style: none; }
.swiper-pagination-bullet{width:12px!important;height:12px!important;opacity:1!important;transform:scale(0.8);}
    .swiper-pagination-bullet.swiper-pagination-bullet-active { transform: scale(1); }
#nav .am-container { width: 1350px !important; max-width: 1350px; }

#nav { background-color: rgba(255,255,255,1); box-shadow: 0px 2px 5px #cccccc; border: none; position: fixed; top: 0; width: 100%; z-index: 999;display:block; }
.am_navbar { position: relative; }
.am_logo_blue { display: none; }

.am_logo_white { display: block; }
.am_navbar .am-nav .am-dropdown .am-dropdown-content { transition-delay:1s;margin:0;display:none;}
.am_navbar .am-nav .am-dropdown .am-dropdown-content:before{} 
.am_navbar .am-nav .am-dropdown:hover .am-dropdown-content {display:block; }
.am_navbar_icon_search { margin-right: 10px; margin-left: 10px; }
.am_navbar_icon_tmall { margin-right: 10px; }
.am_navbar_icon_border { border: 1px solid #2c2c2c; border-radius: 50%; padding: 5px 5px; width: 34px; height: 34px; cursor: pointer; }
.am_navbar_icon_item:hover .am_navbar_icon_border { background: #cf000e; border: 1px solid #cf000e; transition: all 0.3s cubic-bezier(0.215, 0.61, 0.355, 1) 0s; }
.am_navbar_icon_item svg path { fill: #2c2c2c; }

.am_navbar_nav { margin-left: 190px; margin-right: 150px; }
.am_navbar_icon { position: absolute; top: 30px; right: 0px; }
.am_navbar_brand { padding-top: 22px; }

#nav .am_navbar_icon_item:hover svg path { fill: #ffffff; }
#nav .am_logo_blue { display: block; }
#nav .am_logo_white { display: none; }

.rang_phone { animation: shake-little 3s infinite; animation-direction: alternate; }
.am-topbar-nav > li > a:after{content:none;}
.am_navbar_icon_index .am_navbar_icon_border { background: #cf000e; border: 1px solid #cf000e; transition: all 0.3s cubic-bezier(0.215, 0.61, 0.355, 1) 0s; }
#nav .am_navbar_icon_index svg path { fill: #ffffff; }
.font_blue h2, .font_blue h5 { color: #cf000e; }

#douyin{width:150px;position:absolute;top:50px;right:0;z-index:100;display:none;}
#douyin.show{display:block;}
/*表单提交遮罩*/
#formMask { position: fixed; top: 0; left: 0; right: 0; bottom: 0; background-color: #000000; opacity: .6;z-index:999;display:none; }

@-webkit-keyframes shake-little { 0% { -webkit-transform: translate(0px, 0px) rotate(0deg) }
    2% { -webkit-transform: translate(-1px, 0px) rotate(-0.5deg) }
    4% { -webkit-transform: translate(-1px, -1px) rotate(-0.5deg) }
    6% { -webkit-transform: translate(-1px, -1px) rotate(-0.5deg) }
    8% { -webkit-transform: translate(0px, 0px) rotate(-0.5deg) }
    10% { -webkit-transform: translate(0px, -1px) rotate(-0.5deg) }
    12% { -webkit-transform: translate(-1px, 0px) rotate(-0.5deg) }
    14% { -webkit-transform: translate(-1px, -1px) rotate(-0.5deg) }
    16% { -webkit-transform: translate(0px, 0px) rotate(-0.5deg) }
    18% { -webkit-transform: translate(-1px, -1px) rotate(-0.5deg) }
    20% { -webkit-transform: translate(-1px, -1px) rotate(-0.5deg) }
    22% { -webkit-transform: translate(0px, -1px) rotate(-0.5deg) }
    24% { -webkit-transform: translate(0px, 0px) rotate(-0.5deg) }
    26% { -webkit-transform: translate(-1px, -1px) rotate(-0.5deg) }
    28% { -webkit-transform: translate(-1px, -1px) rotate(-0.5deg) }
    30% { -webkit-transform: translate(-1px, -1px) rotate(-0.5deg) }
    32% { -webkit-transform: translate(0px, -1px) rotate(-0.5deg) }
    34% { -webkit-transform: translate(-1px, -1px) rotate(-0.5deg) }
    36% { -webkit-transform: translate(0px, -1px) rotate(-0.5deg) }
    38% { -webkit-transform: translate(-1px, 0px) rotate(-0.5deg) }
    40% { -webkit-transform: translate(0px, 0px) rotate(-0.5deg) }
    42% { -webkit-transform: translate(-1px, -1px) rotate(-0.5deg) }
    44% { -webkit-transform: translate(-1px, 0px) rotate(-0.5deg) }
    46% { -webkit-transform: translate(0px, 0px) rotate(-0.5deg) }
    48% { -webkit-transform: translate(-1px, -1px) rotate(-0.5deg) }
    50% { -webkit-transform: translate(0px, 0px) rotate(-0.5deg) }
    52% { -webkit-transform: translate(0px, 0px) rotate(-0.5deg) }
    54% { -webkit-transform: translate(0px, 0px) rotate(-0.5deg) }
    56% { -webkit-transform: translate(-1px, 0px) rotate(-0.5deg) }
    58% { -webkit-transform: translate(0px, -1px) rotate(-0.5deg) }
    60% { -webkit-transform: translate(-1px, -1px) rotate(-0.5deg) }
    62% { -webkit-transform: translate(-1px, -1px) rotate(-0.5deg) }
    64% { -webkit-transform: translate(-1px, 0px) rotate(-0.5deg) }
    66% { -webkit-transform: translate(0px, 0px) rotate(0deg) }
    68% { -webkit-transform: translate(0px, 0px) rotate(0deg) }
    70% { -webkit-transform: translate(0px, 0px) rotate(0deg) }
    72% { -webkit-transform: translate(0px, 0px) rotate(0deg) }
    74% { -webkit-transform: translate(0px, 0px) rotate(0deg) }
    76% { -webkit-transform: translate(0px, 0px) rotate(0deg) }
    78% { -webkit-transform: translate(0px, 0px) rotate(0deg) }
    80% { -webkit-transform: translate(0px, 0px) rotate(0deg) }
    82% { -webkit-transform: translate(0px, 0px) rotate(0deg) }
    84% { -webkit-transform: translate(0px, 0px) rotate(0deg) }
    86% { -webkit-transform: translate(0px, 0px) rotate(0deg) }
    88% { -webkit-transform: translate(0px, 0px) rotate(0deg) }
    90% { -webkit-transform: translate(0px, 0px) rotate(0deg) }
    92% { -webkit-transform: translate(0px, 0px) rotate(0deg) }
    94% { -webkit-transform: translate(0px, 0px) rotate(0deg) }
    96% { -webkit-transform: translate(0px, 0px) rotate(0deg) }
    98% { -webkit-transform: translate(0px, 0px) rotate(0deg) }
    100% { -webkit-transform: translate(0px, 0px) rotate(0deg) }
}

.am-container { width: 1350px;max-width:1350px; }
.body-content { padding: 0; }
.white_box{background:none!important;padding-top:0px;font-size:14px;}
/*#banner { margin: 70px 0 85px; overflow: hidden; }
    #banner .box { margin: 0 -15px; }*/
#banner { margin: 70px 0 0px; overflow: hidden; }
    #banner .box { margin: 0 -15px;}
.am_project_label { position: absolute; right: 0; top: 0; display: none; }
    .am_project_label ul li { float: left; }


/*动画延迟*/
.my-animation-delay-1 { -webkit-animation-delay: 1s; animation-delay: 1s; }
.my-animation-delay-2 { -webkit-animation-delay: 2s; animation-delay: 2s; }
.my-animation-delay-3 { -webkit-animation-delay: 3s; animation-delay: 3s; }
.my-animation-delay-4 { -webkit-animation-delay: 4s; animation-delay: 4s; }
.my-animation-delay-5 { -webkit-animation-delay: 5s; animation-delay: 5s; }


#footer { font-size: 1.4rem; color: #b1b1b1; padding: 4rem 0; background-color: #fafafa; }
#footer a{color:#b1b1b1;}
.footer_bb{margin-top:15px;display:none;}
.footer_bb_title{font-size:20px;}
.footer_bb_list { overflow: hidden; margin: 0; }
.footer_bb .footer_bb_list .item{padding:0;}
.footer_bb .footer_bb_list .item a { color: #b1b1b1; font-size: 1.4rem; }
.footer_bf{margin-top:15px;}
    .footer_bf a { color: #b1b1b1 ;}

/*title*/
.am_title{font-size:3rem;font-weight:normal;}
.am_sub_title { font-size: 1.4rem; color: #b1b1b1 ;font-weight:normal;margin-top:3px;}
.main_title { text-align: center; margin-bottom: 35px; }
    .main_title .am_sub_title { color: #b1b1b1; }

.am_main_title_navigation { text-align: center; margin-bottom: 70px; position: relative; }
.am_main_title_nav { overflow: hidden; margin: 0 auto; display: inline-block; }
    .am_main_title_nav li { float: left; margin: 0 5px; border: 1px solid #b1b1b1; }
        .am_main_title_nav li a { display: block; text-decoration: none; color: #000000; padding: 10px 20px; font-size: 1.2rem; background-color: #ffffff;transition-duration:0.5s; }
            .am_main_title_nav li a:hover { background: #cf000e; color: #ffffff; }
            .am_main_title_nav .active a { background: #cf000e; color: #ffffff; }
.am-pagination > .am-active > a, .am-pagination > .am-active > a:focus, .am-pagination > .am-active > a:hover, .am-pagination > .am-active > span, .am-pagination > .am-active > span:focus, .am-pagination > .am-active > span:hover { z-index: 2; color: #fff; background-color: #cf000e; border-color: #cf000e; cursor: default; }


.am-pagination > li > a, .am-pagination > li > span { position: relative; display: block; padding: .5em 1em; text-decoration: none; line-height: 1.2; background-color: #fff; border: 1px solid #b1b1b1; color: #211713; border-radius: 0; margin-bottom: 5px; margin-right: 5px; }


#search{position:fixed;top:0;left:0;right:0;bottom:0;background:#ffffff;z-index:1000;display:none;}
    #search.active{display:block;}
    #search .search_bh {
        padding: 20px 0;
        border-bottom: 1px solid #e2dedb;
    }
#search .am-form-group{width:80%;}
    #search .am-form-group input{width:100%;border:none;}
#search .search_btn {
    float: right;
    height: 42px;
    line-height: 42px;
    width: 90px;
    background: #cf000e;
    color: #ffffff;
    font-size: 12px;
    border-radius: 3px;
    display: block;
    text-align: center;
    border: 0;
    cursor: pointer;
    margin-right: 68px;
    -moz-transition: all .5s linear;
    -webkit-transition: all .5s linear;
    transition: all .5s linear;
}
#search .search_btn:hover {
    background: #952225;
    color: #fff;
}
    #search .am-container { position: relative; line-height: 36px; height: 36px; }
#search .close { background: url(../images/close.png) no-repeat; width: 31px; height: 31px; right: 10px; top: 6px; position: absolute; cursor: pointer; }
    #search .search_box {
        padding: 18px;
    }
    #search .search_bg {
        background: #f6f6f6;
    }
    #search .search_box h4 {
        font-size: 21px;
        font-weight: 400;
        margin: 0;
    }
    #search .search_box h5 {
        width: 190px;
        font-size: 15px;
        float: left;
        color: #222;
    }
    #search .search_box .text {
        float: left;
        width: 334px;
        font-size: 12px;
        color: #7f7f7f;
    }
    #search .search_box .btn a {
        height: 34px;
        line-height: 34px;
        padding: 0 28px;
        border: 1px solid #e2dedb;
        border-radius: 5px;
        display: block;
        float: left;
        color: #222;
        margin-right: 18px;
        -moz-transition: all .5s linear;
        -webkit-transition: all .5s linear;
        transition: all .5s linear;
        font-size: 12px;
    }

        #search .search_box .btn a:hover {
            background: #952225;
            color: #fff;
        }
    #search .search_box .btn p {
        margin: 0;
        display: inline-block;
    }
        #search .search_box .btn p .bold {
            font-weight: bold;
        }
        #search .search_box .btn p .red {
            color: #d3bb99;
            padding-left: 12px;
        }
    #search .btn {
        color: #ffffff;
        padding: 0;
        font-size: 1.2rem;
        border-radius: 7px;
        float:left;
        background:none;
    }
#banner{margin-top:95px!important;}
.am-header{display:none;}
.am-with-fixed-header{padding-top:0;}
@media only screen and (min-width: 641px) { .am-topbar-nav > li > a { position: relative; line-height: 95px; padding: 0 10px; color: #fff; transition: all 0.3s cubic-bezier(0.215, 0.61, 0.355, 1) 0s;font-size:1.4rem; }
    #nav.am-active .am-topbar-nav > li > a { color: #211713; }
    /*.am-nav > li > a:focus, .am-nav > li > a:hover { text-decoration: none; color: #ffffff; background: #cf000e; transition: all 0.3s cubic-bezier(0.215, 0.61, 0.355, 1) 0s; }*/
    .am-nav > li > a:focus{background:none;}
    .am-nav > li > a:hover { text-decoration: none; color: #ffffff; background: #cf000e; transition: all 0.3s cubic-bezier(0.215, 0.61, 0.355, 1) 0s; }
    #nav.am-active .am-nav > li > a:focus, #nav.am-active .am-nav > li > a:hover { color: #ffffff; }
    .am-topbar-nav > li.am-active > a, .am-topbar-nav > li.am-active > a:focus, .am-topbar-nav > li.am-active > a:hover { border-radius: 0; color: #ffffff; background: #cf000e; }
    ul.am-dropdown-content > li > a { display: block; padding: 6px 12px; clear: both; font-weight: 400; border-bottom: 1px solid #ebebeb; color: #666666; white-space: nowrap; font-size: 14px; }
    ul.am-dropdown-content { list-style: none; padding: 0px 0; }
        ul.am-dropdown-content > li > a:hover:after { content:'>';text-decoration: none; color: #262626; background-color: #f5f5f5; text-indent: 10px;float:right; }
}
@media screen and (max-width:1440px) {
    /*#banner .box { height: 265px; }*/
}
@media screen and (max-width:1368px) {
    .am-container { width: 1268px!important; max-width: 1268px!important; }
}

@media screen and (max-width:1280px) {
    .am-container { width: 1200px!important; max-width: 1200px!important; }
}
@media only screen and (max-width: 641px) {
    .am-header { display: block; }
    #nav { display: none; }
    .am-with-fixed-header { padding-top: 49px; }
    .am-container { width: 100%; max-width: 100%; }
    #banner { margin-top: 0 !important; margin-bottom: 50px; }
    .am_main_title_nav li { width: 47%; margin: 5px; }
    .am_main_title_navigation { margin-bottom: 40px; }
    .am-pagination > li > a, .am-pagination > li > span { padding: .5rem .8rem; }
}

#news_navigation .l2 li { display: inline-block; font-size: 8px; padding: 0 20px 0 10px; position: relative; color: #3c3c3c; }
#news_navigation .l2 li a{color:#3c3c3c; }
    #news_navigation .l2 li.active a { color: #cf000e; }

    #news_navigation .l2 li:before { content: '\f0da'; font-family: FontAwesome; font-size: 2em; display: inline-block; top: 50%; left: 0; position: absolute; transform: translateY(-50%); }

@media only screen and (min-width: 641px) {
    .am-topbar-nav > li > a { color: #211713; }
}

.btn {
    background-color: #cf000e;
    color: #ffffff;
    padding: 10px 20px;
    font-size: 1.2rem;
    border-radius: 7px;
}
    .btn:nth-child(n+1) {
        margin-left:15px;
    }