html {margin: 0;padding: 0;}

body {margin: 0;padding: 0;font-family: '微软雅黑';}

h1, h2, h3, h4, h5, h6, ul, ol, li, dl, dd, dt, p {list-style: none;margin: 0;padding: 0;}

a {text-decoration: none;outline: none}

a:link {}

a:visited {}

a:active {}

img, canvas {margin: 0;padding: 0;border: 0}

button {outline: none;}

.clear {clear: both;}

/*布局*/

/*头*/
.container-top {width: 100%;background: #131b33;}

.container-top-main-logo {display: table;}

.container-top-main-logo h2 {display: table-cell;vertical-align: middle}

.container-main { }

/*底部*/
.container-bottom {}

.container-bottom-top {background: #1d2540;padding-bottom: 30px;}

.container-bottom-bottom {background: #131b33;}

.container-bottom-top-con-logo {border-bottom: 1px solid #2b3557;}

.container-bottom-top-con-list {}

.container-bottom-top-con-list-ul {margin-top: 38px;}

.nav-list-bottom h2 {color: #ffffff;font-size: 16px;line-height: 54px;font-weight: normal}

.nav-list-bottom ul {}

.nav-list-bottom ul li {line-height: 25px;}

.nav-list-bottom ul li a {color: #bfc0c3;font-size: 12px}

.contact-bottom {margin-top: 38px;}

.contact-bottom h2 {color: #ffffff;font-size: 30px;line-height: 44px;}

.contact-bottom h3 {color: #bfc0c3;font-size: 14px;line-height: 28px;}

.contact-bottom h6 {overflow: hidden;margin-top: 24px;}

.contact-bottom-ewm {overflow: hidden;}

.contact-bottom-ewm span {display: block;}

.contact-bottom-ewm span img {width: 91px;height: 91px;}

.contact-bottom-ewm span i {color: #bfc0c3;font-size: 12px;line-height: 30px;display: block;text-align: center;font-style: normal}

.container-bottom-bottom {background: #131b33;}

.container-bottom-bottom-con {color: #bfc0c3;overflow: hidden;}
.container-bottom-bottom-con  a{color: #bfc0c3}
@media (max-width: 1300px) and (min-width: 970px) {
    .container-top-main-user {display: none;}
}

@media (min-width: 970px) {
    .swipslider {}
    .container-main {margin-top: 100px;}

    .container-top {height: 100px;position: fixed;top: 0;left: 0;z-index: 2014;}

    .container-top-main {overflow: hidden;}

    .container-top-main-logo {width: 166px;height: 100px;float: left;}

    .container-top-main-logo img {width: 100%;}

    .title-nav-btn {display: none;}

    .container-top-main-nav {float: left;margin-left: calc(60 / 1920 * 100vw);}

    .container-top-main-nav ul {overflow: hidden;}

    .container-top-main-nav ul li {float: left;position: relative;cursor: pointer;}

    .container-top-main-nav ul li h3 {font-size: 16px;color: #fefeff;text-align: center;font-weight: normal;line-height: 96px;padding: 0 calc(20 / 1920 * 100vw);}

    .container-top-main-nav ul li h3 i {display: none;}

    .container-top-main-nav-flex {position: fixed;top: 100px;left: 0;width: 100%; background: #162344;overflow: hidden;display: none;}

    .container-top-main-nav-flex-con {width: 100%;padding: 25px 0;}

    .container-top-main-nav-flex-con dl {overflow: hidden;/*width: calc(100% - 166px);        margin-left: 166px; */}

    .container-top-main-nav-flex-con dl dd {float: left;width: 100px;text-align: center;line-height: 30px;height: 30px;font-size: 14px;margin: 6px 0;}

    .container-top-main-nav-flex-con dl dd a {color: #a4b5df;}

    .container-top-main-nav-flex-con dl dd a:hover {color: #fff;}

    .container-top-main-nav ul li:hover h3 {border-bottom: 4px solid #0e71f3;}
    .container-top-main-nav-active h3 {border-bottom: 4px solid #0e71f3 !important;}

    .container-top-main-user {float: right;}

    .container-top-main-user ul {}

    .container-top-main-user ul li {float: left;margin-left: calc(18 / 1920 * 100vw);}

    .container-top-main-user ul li i {color: #525d7a;}

    .container-top-main-user ul li span {color: #b0b5c1;font-size: 14px;line-height: 100px;padding-left: 5px;}

    .main-title {padding: 50px 0 65px 0;}

    .main-title h2 {text-align: center;font-size: 24px;color: #261c19;line-height: 40px;}

    .main-title h3 {text-align: center;font-size: 14px;color: #595757;font-weight: normal;line-height: 22px;}

    .container-main-news {height: 700px;background: #f8f8f8;}

    .main-news-items {position: relative;overflow: hidden;
        -webkit-border-radius: 5px;
        -moz-border-radius: 5px;
        border-radius: 5px;}

    .main-news-items-l {height: 368px;width: calc(100% - 10px);}

    .main-news-items-l02 {height: 175px;width: calc(100% - 20px);margin: 0 auto 20px;}

    .main-news-items img {width: 100%;height: 100%;
        -webkit-transition: all 0.3s;
        -moz-transition: all 0.3s;
        -ms-transition: all 0.3s;
        -o-transition: all 0.3s;
        transition: all 0.3s;
    }

    /*.main-news-items-l img{width: 100%;height: 100%;}*/
    .main-news-items h2 {position: absolute;bottom: 0;left: 0;font-weight: normal;color: #fff;height: 80px;width: 100%;background: rgba(0, 0, 0, 0.5);}

    .main-news-items h2 span {display: block;font-size: 18px;line-height: 36px;padding: 12px 20px 0 20px;height: 36px;overflow: hidden;}

    .main-news-items h2 em {font-style: normal;font-size: 14px;line-height: 20px;padding: 0 20px;font-weight: normal;display: block;}

    .main-news-items h2 em i {font-size: 16px;padding-right: 8px;}

    .main-news-items:hover img {width: 110%;height: 110%;margin: -2.5% 0 0 -2.5%;}

    .main-news-list {width: calc(100% - 10px);margin-left: 10px;}

    .main-news-list li {background: #fff;height: 77px;margin-bottom: 20px;
        -webkit-box-shadow: 0 0 10px 2px #ccc;
        -moz-box-shadow: 0 0 10px 2px #ccc;
        box-shadow: 0 0 10px 2px #ccc;
        -webkit-border-radius: 3px;
        -moz-border-radius: 3px;
        border-radius: 3px;
    }

    .main-news-list li:hover {background: #0e71f3;}

    .main-news-list li:hover h2 {color: #fff;}

    .main-news-list li:hover em {color: #b1d3ff;}

    .main-news-list li h2 {font-weight: normal;color: #261c19;height: 77px;width: 100%;}

    .main-news-list li h2 span {display: block;font-size: 18px;line-height: 30px;padding: 12px 20px 0 20px;height: 30px;overflow: hidden;}

    .main-news-list li h2 em {font-style: normal;font-size: 14px;line-height: 20px;padding: 0 20px;font-weight: normal;color: #9fa0a0;display: block;}

    .main-news-list li h2 em i {font-size: 16px;padding-right: 8px;}

    .main-more-button {width: 110px;height: 40px;margin: 40px auto 0;}

    .main-more-button button {width: 100%;height: 100%;background: #fff;border: 1px solid #727171;color: #727171;font-size: 14px;-webkit-border-radius: 2px;-moz-border-radius: 2px;border-radius: 2px;cursor: pointer;}

    .main-more-button:hover button {background: #0e71f3;color: #fff;border: 1px solid #0e71f3;}

    .container-main-frame {}

    .container-main-frame-main {height: calc(0.3713 * 100vw);}

    .container-main-frame-main img {width: 100%;height: 100%;}

    .container-main-trailer {background: url("../images/trailer.png") no-repeat top center;height: 115px;}

    .container-main-trailer-con {text-align: center;padding-top: 40px;}

    .container-main-trailer-con img {}

    .container-bottom-top-con-logo {height: 70px;}

    .container-bottom-top-con-logo img {height: 30px;margin-top: 20px;}

}

@media (max-width: 970px) {
    .container-top {height: 50px;}

    .container-top-main-logo {height: 50px;overflow: hidden;width: 100%;}

    .container-top-main-logo h2 {height: 50px;float: left;}

    .container-top-main-logo h2 img {height: 25px;margin: 12px 0 0 5px;}

    .title-nav-btn {float: right;color: #fff;margin: 15px 10px 0 0;}

    .title-nav-btn i {font-size: 20px}

    .container-top-main-nav {background: #283354;display: none;position: relative;z-index: 2014;}

    .container-top-main-nav ul {padding: 0 0 15px 0;}

    .container-top-main-nav ul li {}

    .container-top-main-nav ul li h3 {color: #fefeff;line-height: 30px;font-size: 14px;font-weight: normal;padding-left: 15px;overflow: hidden;}

    .container-top-main-nav ul li h3 i {float: right;margin: 10px 15px 0 0;}

    .container-top-main-nav-h3-Active {
        -webkit-transform: rotate(180deg);
        -moz-transform: rotate(180deg);
        -ms-transform: rotate(180deg);
        -o-transform: rotate(180deg);
        transform: rotate(180deg);}

    .container-top-main-nav dl {background: #3f4969;padding-left: 30px;}

    .container-top-main-nav dl dd {font-size: 14px;line-height: 30px;}

    .container-top-main-nav dl dd a {color: #a4b5df;display: block;width: 100%;}

    .container-top-main-nav-flex {display: none;}

    .container-top-main-user {display: none;}

    .userList {padding-left: 15px;line-height: 30px;}

    .userList a {color: #fff;font-size: 14px;display: block;width: 100%;height: 100%;}

    .userList a i {padding: 0 5px 0 0;}

    .main-title {padding: 30px 0 30px 0;}

    .main-title h2 {text-align: center;font-size: 24px;color: #261c19;line-height: 40px;}

    .main-title h3 {text-align: center;font-size: 14px;color: #595757;font-weight: normal;line-height: 22px;}

    .container-main-news {background: #f8f8f8;width: 100%;}

    .main-news-items {position: relative;overflow: hidden;margin: 0 0 10px 0;}

    .main-news-items-l {width: calc(100%);height: calc(367 / 511 * 100vw);}

    .main-news-items-l02 {width: calc(100%);height: calc(174 / 482 * 100vw);}

    .main-news-items img { width: 100%;height: 100%;
        -webkit-transition: all 0.3s;
        -moz-transition: all 0.3s;
        -ms-transition: all 0.3s;
        -o-transition: all 0.3s;
        transition: all 0.3s;
    }

    .main-news-items-l img {}

    .main-news-items h2 {position: absolute;bottom: 0;left: 0;font-weight: normal;color: #fff;height: 80px;width: 100%;background: rgba(0, 0, 0, 0.5);}

    .main-news-items h2 span {display: block;font-size: 18px;line-height: 36px;padding: 12px 20px 0 20px;height: 36px;overflow: hidden;}

    .main-news-items h2 em {font-style: normal;font-size: 14px;line-height: 20px;padding: 0 20px;font-weight: normal;display: block;}

    .main-news-items h2 em i {font-size: 16px;padding-right: 8px;}

    .main-news-list {margin: 15px 10px;}

    .main-news-list li {background: #fff;height: 77px;margin-bottom: 20px;
        -webkit-box-shadow: 0 0 10px 2px #ccc;
        -moz-box-shadow: 0 0 10px 2px #ccc;
        box-shadow: 0 0 10px 2px #ccc;
        -webkit-border-radius: 3px;
        -moz-border-radius: 3px;
        border-radius: 3px;
    }

    .main-news-list li:hover {background: #0e71f3;}

    .main-news-list li:hover h2 {color: #fff;}

    .main-news-list li:hover em {color: #b1d3ff;}

    .main-news-list li h2 {font-weight: normal;color: #261c19;height: 77px;width: 100%;}

    .main-news-list li h2 span {display: block;font-size: 18px;line-height: 30px;padding: 12px 20px 0 20px;height: 30px;overflow: hidden;}

    .main-news-list li h2 em {font-style: normal;font-size: 14px;line-height: 20px;padding: 0 20px;font-weight: normal;color: #9fa0a0;display: block;}

    .main-news-list li h2 em i {font-size: 16px;padding-right: 8px;}

    .main-more-button {width: 110px;height: 40px;margin: 30px auto 0;padding-bottom: 30px;}

    .main-more-button button {width: 100%;height: 100%;background: #fff;border: 1px solid #727171;color: #727171;font-size: 14px;cursor: pointer;
        -webkit-border-radius: 2px;
        -moz-border-radius: 2px;
        border-radius: 2px;}

    .main-more-button:hover button {background: #0e71f3;color: #fff;border: 1px solid #0e71f3;}

    .container-main-frame {}

    .container-main-frame-main {}

    .container-main-frame-main img {width: 100%;height: 100%;}

    .container-main-trailer {background: url("../images/trailer.png") no-repeat top center;height: 115px;}

    .container-main-trailer-con {text-align: center;padding-top: 40px;}

    .container-main-trailer-con img {}

    .container-bottom-top-con-logo {height: 50px;text-align: center}

    .container-bottom-top-con-logo img {height: 24px;margin: 12px auto 0;}


}

@media (min-width: 750px) and (max-width: 970px) {
}

@media (max-width: 750px) {
    .nav-list-bottom h2 {text-align: center}

    .nav-list-bottom ul li {text-align: center}

    .contact-bottom h2 {text-align: center;}

    .contact-bottom h3 {text-align: center;}

    .contact-bottom-ewm span {display: block;text-align: center;width: 50%;float: left;}

    .contact-bottom-ewm {width: 100%;}

    .container-bottom-bottom-con p {font-size: 12px;margin: 0 20px;float: left; text-align: left;overflow: hidden;}

    .container-bottom-bottom-con img {float: left;}

    .container-bottom-bottom-con span {display: block;color: #bfc0c3;float: left;}

    .container-bottom-bottom-con {line-height: 50px;}

    .container-bottom-bottom-con h2 { margin: 0;text-align: center;overflow: hidden;font-size: 12px;font-weight: normal;}

    .container-bottom-bottom-con h3 {margin: 0 auto;text-align: center;overflow: hidden;font-size: 12px;font-weight: normal;width: 210px;}

    .container-bottom-bottom-con img {margin: 15px 10px 0 0px;}

    .container-bottom-bottom-con span {display: block;color: #bfc0c3;float: left;}
}

@media (min-width: 750px) {
    .nav-list-bottom {width: 14.2857%;float: left;}

    .contact-bottom h2 {text-align: right;}

    .contact-bottom h3 {text-align: right;}

    .contact-bottom-ewm span {float: left;margin-left: calc(15 / 1920 * 100vw);}

    .contact-bottom-ewm {float: right;overflow: hidden;}

    .container-bottom-bottom-con {line-height: 72px;}

    .container-bottom-bottom-con h2 {width: 50%;float: left;margin: 0;text-align: right;overflow: hidden;font-size: 12px;font-weight: normal;}

    .container-bottom-bottom-con h3 {width: 50%;float: left;margin: 0;text-align: left;overflow: hidden;font-size: 12px;font-weight: normal;}

    .container-bottom-bottom-con img {float: left;margin: 25px 10px 0 30px;}

    .container-bottom-bottom-con span {display: block;color: #bfc0c3;float: left;}
}