@charset "utf-8";

/* CSS Document */
.mian {
    position: relative;
    margin-left: auto;
    margin-right: auto;
    min-width: 320px;
    max-width: 640px;
    overflow: hidden;
    background-color: #fff;
    font-family: Microsoft YaHei;
}

a {
    text-decoration: none;
    color: #666;
}

@media screen and (min-width:320px) {
    html {
        font-size: 75%;
    }
}

@media screen and (min-width:375px) {
    html {
        font-size: 87.5%;
    }
}

@media screen and (min-width:480px) {
    html {
        font-size: 87.5%;
    }
}

@media screen and (min-width:540px) {
    html {
        font-size: 112.5%;
    }
}

@media screen and (min-width:550px) {
    html {
        font-size: 125%;
    }
}

@media screen and (min-width:640px) {
    html {
        font-size: 150%;
    }
}

/* header */
header {
    width: 100%;
    overflow: hidden;
}

header img {
    display: block;
    margin: 0 auto;
    max-height: 60px;
}

header dl {
    width: 100%;
    overflow: hidden;
    padding: 1rem 0;
}

header dt {
    width: 36%;
    float: left;
    margin-left: 1rem;
}

header dd {
    float: left;
    margin-left: 2rem;
    margin-top: 0.666667rem;
}

header dd p {
    font-size: 1.2rem;
    font-weight: bold;
    color: #305dc3;
}

header dd span {
    font-size: 1.2rem;
    display: block;
    color: #333333;
}

/*nav*/
nav {
    width: 100%;
    overflow: hidden;
}

nav a {
    font-size: 1.1rem;
    color: #fff;
    display: block;
    float: left;
    width: 25%;
    text-align: center;
    box-sizing: border-box;
    background-color: #305dc3;
    height: 3.6rem;
}

nav a {
    border-right: 1px solid #1e3b7d;
    padding: 0.9rem 0;
}

nav a:nth-child(4),
nav a:nth-child(8) {
    border-right: none;
}

nav a:nth-child(1),
nav a:nth-child(2),
nav a:nth-child(3),
nav a:nth-child(4) {
    border-bottom: 1px solid #1e3b7d;
}

/* banner */
.banner {
    width: 100%;
    overflow: hidden;
}

.banner img {
    width: 100%;
    display: block;
}

.banner a img {
    display: block;
    width: 100%;
    position: relative;
}

.focus {
    width: 100%;
    margin: 0 auto;
    position: relative;
    overflow: hidden;
}

.focus .hd {
    width: 100%;
    height: 5px;
    position: absolute;
    z-index: 1;
    bottom: 0;
    text-align: center;
}

.focus .hd ul .on {
    background-color: #305dc3
}

.focus .bd {
    position: relative;
    z-index: 0;
}

.focus .bd li img {
    width: 100%;
}

.focus .bd li a {
    -webkit-tap-highlight-color: #0064b9;
    /* 取消链接高亮 */
}

.focus .hd ul {
    position: absolute;
    left: 0;
    bottom: .6rem;
    overflow: hidden;
    width: 100%;
    text-align: center
}

.focus .hd ul li {
    display: inline-block;
    width: 7%;
    height: 3px;
    margin-left: 2%;
    background: #9fa8ad;
    text-indent: -99999em;
}

/* skill */
.skill {
    width: 100%;
    overflow: hidden;
    background: #305dc3;
    text-align: center;
    padding: 1.583333rem 0;
}

.skill h3 {
    font-size: 1.25rem;
    color: #fff;
}

.skill .p1 {
    font-size: 0.833333rem;
    color: #fff;
    margin: 0.416667rem 0 0.333333rem 0;
}

.skill .p2 {
    font-size: 0.583333rem;
    color: #fff;
}

.skill .p3 {
    width: 56%;
    font-size: 1.0rem;
    color: #fff;
    padding: 0.5rem 0;
    margin: 0.625rem auto 0;
    text-align: center;
    background: #eea825;
    border-radius: 1rem;
}

/* videoIntro */
.videoIntro {
    width: 90%;
    overflow: hidden;
    padding: 1.583333rem 5% 1.916667rem 5%;
}

.videoIntro img {
    width: 100%;
    display: block;
}

.videoIntro .Title {
    text-align: center;
}

.videoIntro .Title h3 {
    font-size: 1.5rem;
    color: #333333;
    font-weight: normal;
}

.videoIntro .Title h3 span {
    font-weight: bold;
}

.videoIntro .Title p {
    font-size: 1.0rem;
    color: #666666;
    margin-top: 0.208333rem;
}

.videoIntro .con {
    width: 100%;
    overflow: hidden;
    text-align: center;
    padding-top: 1.583333rem;
}

.videoIntro .con span {
    display: block;
    width: 85%;
    margin: 0 auto 1.166667rem;
}

.videoIntro .con p {
    font-size: 1.0rem;
    color: #333333;
    line-height: 1.458333rem;
}

.videoIntro .con .p2 {
    margin-bottom: 0.791667rem;
}

/* adv */
.adv {
    width: 94%;
    overflow: hidden;
    background: #f5f5f5;
    padding: 1.583333rem 3% 2.5rem;
}

.adv img {
    width: 100%;
    display: block;
}

.adv .Title {
    text-align: center;
    overflow: hidden;
}

.adv .Title h3 {
    font-size: 1.25rem;
    color: #333333;
    font-weight: normal;
}

.adv .Title h3 span {
    font-weight: bold;
}

.adv .Title p {
    font-size: 1.0rem;
    color: #666666;
    margin-top: 5px;
}

.adv .con {
    width: 100%;
    overflow: hidden;
    margin-top: 1.833333rem;
}

/* zx_phone */
.zx_phone {
    width: 100%;
    overflow: hidden;
    background: #305dc3;
    padding: 0.833333rem 0;
}

.zx_phone span {
    font-size: 1.25rem;
    color: #fff;
    display: inline-block;
    margin-left: 7%;
}

.zx_phone span a {
    font-size: 1.25rem;
    color: #fff;
    font-family: impact;
}

.zx_phone .zx {
    display: inline-block;
    width: 25%;
    font-size: 1.0rem;
    padding: 0.583333rem 0;
    text-align: center;
    background: #eea825;
    margin-left: 10%;
    border-radius: 0.166667rem;
    color: #fff;
}

/* strength */
.strength {
    width: 96%;
    overflow: hidden;
    padding: 1.666667rem 2% 1.791667rem;
}

.strength .Title {
    width: 100%;
    text-align: center;
}

.strength .Title h3 {
    font-size: 1.25rem;
    color: #333333;
    font-weight: normal;
}

.strength .Title p {
    font-size: 1.0rem;
    color: #666666;
    margin-top: 0.375rem;
}

.strength .menu {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 100%;
    overflow: hidden;
    margin: 2.083333rem 0 0.666667rem 0;
}

.strength .menu li {
    float: left;
    width: 22%;
    margin-left: 4%;
    font-size: 14px;
    color: #fff;
    padding: 0.583333rem 0;
    background: #bbbbbb;
    text-align: center;
    border-radius: 0.166667rem;
}

.strength .menu li:first-child {
    margin-left: 0;
}

.strength .menu li a {
    display: block;
    color: #fff;
}

.strength .menu li.on {
    background: #305dc3;
}

.strength .con {
    width: 100%;
    overflow: hidden;
}

.strength img {
    display: block;
    width: 100%;
    height: 240px;
}

.strength .box {
    width: 100%;
    overflow: hidden;
}

.strength .box h3 {
    font-size: 1.25rem;
    font-weight: bold;
    padding-left: 3%;
    margin: 1.25rem 0 0.416667rem 0;
}

.strength .box h3 span {
    color: #305dc3;
}

.strength .box p {
    font-size: 1.0rem;
    color: #333333;
    padding-left: 3%
}

.strength .box ul {
    padding-left: 3%;
    overflow: hidden;
    margin-top: 1.083333rem;
}

.strength .box li {
    font-size: 0.75rem;
    color: #333333;
    background: url(../images/strength-icon01.png) no-repeat left 0.333333rem;
    background-size: 2%;
    margin-bottom: 1.0rem;
    padding-left: 5%;
}

/* pattern */
.pattern {
    width: 100%;
    overflow: hidden;
    text-align: center;
    padding: 1.5rem 0 2.375rem 0;
}

.pattern img {
    display: block;
    width: 100%;
}

.pattern .Title h3 {
    font-size: 1.1rem;
    color: #333333;
    font-weight: normal;
}

.pattern .Title p {
    font-size: 1.25rem;
    color: #333333;
    margin-top: 0.166667rem;
    font-weight: bold;
}

.pattern .con {
    width: 100%;
    overflow: hidden;
}

.pattern .con .Pic {
    width: 97%;
    box-sizing: border-box;
    border: 0.208333rem solid #305dc3;
    display: block;
    margin: 1.333333rem auto;
}

.pattern .con p {
    padding-left: 8%;
    padding-right: 8%;
    font-size: 1.0rem;
    line-height: 1.5rem;
    color: #333333;
}

.pattern .con .p2 {
    border-bottom: 1px solid #bbbbbb;
    padding: 0.416667rem 0 0.958333rem 0;
    width: 84%;
    margin: 0 auto;
}

.pattern .con .p2 span {
    color: #305dc3;
}

.pattern .con .p3 {
    margin-top: 1.0rem;
    color: #305dc3;
}

.pattern .con .details {
    display: block;
    width: 41%;
    text-align: center;
    padding: 0.791667rem 0;
    background: #eea825;
    color: #fff;
    border-radius: 0.166667rem;
    margin: 1.25rem auto 0;
    font-size: 1rem;
}

/* ad */
.ad {
    width: 100%;
    overflow: hidden;
    position: relative;
    height: 5.0rem;
}

.ad img {
    width: 100%;
    display: block;
}

.ad a {
    display: block;
    width: 28%;
    text-align: center;
    padding: 0.583333rem 0;
    color: #fff;
    font-size: 1.0rem;
    background: #eea825;
    border-radius: 0.166667rem;
    position: absolute;
    top: 25%;
    left: 65%;
}

/* about */
.about {
    width: 100%;
    overflow: hidden;
    background: url(../images/aboutbg.jpg) no-repeat center;
    background-size: cover;
    text-align: center;
    padding: 1.583333rem 0 2.125rem 0;
}

.about img {
    display: block;
    width: 100%;
}

.about .Title p {
    font-size: 1.4rem;
    color: #fff;
    font-weight: normal;
    margin-bottom: 1.25rem;
}

.about .Title p a {
    color: #fff;
}

.about .con {
    width: 100%;
    overflow: hidden;
}

.about .con .video {
    display: block;
    width: 92%;
    border: 0.833333rem solid #3a71d0;
    margin: 0 auto;
    box-sizing: border-box;
}

.about .con h3 {
    font-weight: bold;
    font-size: 1.2rem;
    color: #fff;
    margin: 1.166667rem 0 0.916667rem 0;
}

.about .con h3 a {
    color: #fff;
}

.about .con p {
    padding: 0 5%;
    line-height: 1.4rem;
    font-size: 0.75rem;
    color: #fff;
    text-align: center;
}

.about .con .more {
    display: block;
    margin: 1.5rem auto 0;
    width: 11%;
}

/* news */
.news {
    width: 100%;
    overflow: hidden;
}

.news img {
    display: block;
    width: 100%;
}

.news .menu {
    width: 100%;
    overflow: hidden;
}

.news .menu li {
    float: left;
    width: 33%;
}

.news .menu li:first-child {
    width: 34%;
}

.news .menu li {
    font-size: 1.2rem;
    color: #333333;
    text-decoration: none;
    text-align: center;
    padding: 0.958333rem 0;
    border-bottom: 3px solid #333333;
    box-sizing: border-box;
}

.news .menu li a {
    color: #333333;
    display: block;
}

.news .menu li.on {
    color: #305dc3;
    border-bottom: 3px solid #305dc3;
}

.news .menu li.on a {
    color: #305dc3;
}

.news .con {
    overflow: hidden;
    padding: 0 3%;
}

.news .con dl {
    overflow: hidden;
    margin-top: 0.916667rem;
    padding-bottom: 0.666667rem;
    border-bottom: 1px solid #dddddd;
    width: 100%;
}

.news .con dt {
    float: left;
    width: 38%;
}

.news .con dd {
    float: right;
    width: 60%;
}

.news .con dd h3 {
    font-size: 1.0rem;
    color: #305dc3;
    line-height: 1.25rem;
    height: 2.5rem;
    text-overflow: ellipsis;
    overflow: hidden;
    width: 16rem;
}

.news .con dd h3 a {
    color: #305dc3;
}

.news .con dd p {
    font-size: 0.9rem;
    color: #333333;
    line-height: 1.25rem;
    margin-top: 0.333333rem;
    width: 16rem;
}

.news .con ul {
    overflow: hidden;
    margin-top: 1rem;
    padding-bottom: 0.416667rem;
    display: block !important;
    width: 100%;
}

.news .con li {
    margin-bottom: 1.0rem;
    overflow: hidden;
}

.news .con li a {
    padding-left: 1rem;
    background: url(../images/news-icon01.png) no-repeat left center;
    display: inline-block;
    width: 70%;
    float: left;
    font-size: 1.0rem;
    color: #666666;
    text-overflow: ellipsis;
    overflow: hidden;
    white-space: nowrap;
}

.news .con li span {
    display: inline-block;
    float: right;
    font-size: 1.0rem;
    color: #666666;
    margin-right: 2rem;
}

.footer365jz {
    width: 100%;
    margin: 15px auto;
    border-top: solid 1px #ccb9b9;
    padding-top: 20px;
}

.footer365jz .linkslist {
    text-align: center;
    margin-bottom: 15px;
}

.footer365jz .linkslist li {
    display: inline-block;
    margin: 5px 10px;
    color: #005d39;
    font-size: 14px;
    line-height: 18px;
}

.footer365jz .linkslist li a {
    color: #00405d;
}

/* CopyRight */
.CopyRight {
    width: 100%;
    overflow: hidden;
    background: #305dc3;
    text-align: center;
    padding: 1.416667rem 0;
    padding-bottom: 20%;
}

.CopyRight p {
    font-size: 0.75rem;
    color: #fff;
    margin-bottom: 0.5rem;
}

.CopyRight p a {
    color: #fff;
}

/* footer */
footer {
    width: 100%;
    position: fixed;
    bottom: 0;
    overflow: hidden;
    left: 0;
    background: #3d3d3d;
    padding: 0.7rem 0 0.6rem 0
}

footer img {
    display: block;
    width: 100%;
}

footer ul {
    overflow: hidden;
}

footer li {
    width: 33%;
    float: left;
    text-align: center;
}

footer li:first-child {
    width: 34%;
}

footer li span {
    display: block;
    width: 17%;
    margin: 0 auto;
}

footer li em {
    display: block;
    font-size: 0.9rem;
    font-weight: normal;
    color: #fff;
    margin-top: 0.216667rem;
}

.Pic a {
    display: block;
    height: 274px;
}