* {
    margin: 0;
    padding: 0;
    box-sizing: border-box;
}

.cp_js {
    width: 100%;
    padding: 0px 4px;
}

.cp_js img {
    max-width: 100%;
}

.wz_t {
    width: 100%;
    margin-top: 60px;
    margin-bottom: 20px;
}

.wz_t h2 {
    text-align: center;
    color: black;
    margin: 0 auto;
}

.wz_t p {
    text-align: center;
    color: black;
    margin-top: 10px;
}

body {
    font-family: '微软雅黑';
    overflow-x: hidden;
    overflow-y: scroll;
}

ul,
li {
    list-style: none
}

a {
    text-decoration: none;
    -webkit-user-select: none;
    -moz-user-focus: none;
    -moz-user-select: none;
}

/*---------------------------------------------------------------------------------------------------------------手机站导航开始----------*/
a {
    z-index: 5;
}

.sp_header {
    height: 70px;
    overflow: hidden;
    background: rgba(143, 143, 143, 0.7);
    ;
    position: fixed;
    z-index: 1;
    width: 100%;
    display: none;
}

.sp_logo {
    padding: 10px;
    float: left;
    height: 70px
}

.sp_logo img {
    margin: auto;
    max-height: 50px;
}

.sp_nav {
    width: 50px;
    float: right;
    position: relative;
    cursor: pointer;
    height: 30px;
    margin-top: 25px
}

.sp_nav span {
    display: block;
    background: #fff;
    width: 30px;
    height: 2px;
    position: absolute;
    left: 10px;
    transition: all ease 0.35s
}

.sp_nav span:nth-of-type(1) {
    top: 0px
}

.sp_nav span:nth-of-type(2) {
    top: 10px
}

.sp_nav span:nth-of-type(3) {
    top: 20px
}

.sp_nav_se span:nth-of-type(1) {
    top: 10px;
    transform: rotate(45deg)
}

.sp_nav_se span:nth-of-type(2) {
    width: 0
}

.sp_nav_se span:nth-of-type(3) {
    top: 10px;
    transform: rotate(-45deg)
}

.sjj_nav {
    position: fixed;
    z-index: 90000000001;
    background: rgba(143, 143, 143, 0.7);
    width: 100%;
    height: calc(100% - 104px);
    font-size: 14px;
    line-height: 40px;
    top: -100%;
    left: 0;
    overflow: auto;
    overflow-x: hidden;
    transition: top ease 0.35s;
}

.nav_show {
    top: 70px
}

.sjj_nav>ul>li:first-child {
    overflow: hidden;
    border-top: 0
}

.sjj_nav>ul>li:first-child>a {
    float: left;
    width: 100%
}

.sjj_nav>ul>li:first-child .language {
    float: right;
    width: 70px;
    overflow: hidden;
    line-height: 30px;
    margin-top: 5px
}

.sjj_nav>ul>li:first-child .language a {
    width: 35px;
    float: left;
    border-left: 1px #eee solid;
    text-align: center;
    color: #999;
}

.sjj_nav ul li i {
    position: absolute;
    top: 6px;
    right: 0px;
    border-left: 1px #eee solid;
    height: 30px;
    padding: 0px 7px 0 7px;
    z-index: 9
}

.sjj_nav ul li i svg {
    transform: rotate(-90deg);
    margin-top: 6px;
    transition: all ease 0.35s
}

.sjj_nav ul li .sjj_nav_i_se svg {
    transform: rotate(0deg)
}

.sjj_nav ul li {
    border-top: 1px #eee solid;
    margin-left: 20px;
    position: relative;
    line-height: 40px;
    font-size: 14px
}

.sjj_nav>ul>li:last-child {
    border-bottom: 1px #eee solid;
}

.sjj_nav ul li ul {
    display: none;
}

.hm-t-go-top {
    display: none !important;
}

.sjj_nav ul li ul li {
    height: 41px;
}

.sjj_nav ul li a {
    color: #fff;
    opacity: 0.7;
    width: 100%;
    position: relative;
    z-index: 4;
}

.sjj_nav ul li a:hover {
    color: #fff;
    opacity: 1;
}

.sjj_nav ul li ul li a {
    color: #fff;
    opacity: 0.7;
    display: block;
    text-align: left;
}

.sjj_nav ul li ul li a:hover {
    color: #fff;
    opacity: 1;
}

.sjj_nav ul li i svg {
    width: 20px;
    height: 20px;
    fill: #fff;
}

.sjj_nav ul li .sjj_nav_i_se svg {
    fill: #fff
}

.sjj_nav ul li ul li>ul {
    margin-left: 10px
}

/*---------------------------------------------------------------------------------------------------------------手机站导航结束----------*/
.xwf a {
    display: inline;
}

.xwf2 ul li a {
    display: inline;
}

.xwz1 {
    margin-top: 25px;
}

.xwz1 ul {
    width: 340px;
    margin: 0 auto;
    display: block;
}

.xwz4 {
    width: 120px;
    height: 120px;
    background: #0099e4;
    border-radius: 15px;
    position: relative;
    overflow: hidden;
    float: left;
}

.xwz4 h4 {
    font-size: 60px;
    line-height: 85px;
    font-weight: bold;
    text-align: center;
    margin: 0;
    color: #fff;
}

.xwz41 h6 {
    font-size: 18px;
    line-height: 35px;
    text-align: center;
    margin: 0;
    color: #fff;
    background: #0089cd;
}

.xwz6 p {
    font-size: 14px;
    line-height: 28px;
    text-align: justify;
    margin: 0;
    color: #666666;
}

.xwz7 {
    float: right;
    width: 95px;
    box-sizing: border-box;
    height: 25px;
    line-height: 24px;
    border: 1px solid #5eaeff;
    text-align: center;
}

.xwz7 img {
    float: left;
}

.xwz7 h6 {
    font-size: 14px;
    line-height: 14px;
    float: left;
    margin: 0;
    color: #eb4f38;
}

.xwz6 h4:hover {
    color: #f86312;
}

.xwz6 p:hover {
    color: #000;
}

.ch {
    width: 95%;
    margin-top: 50px;
}

.ch .row {
    width: 53%;
    float: left;
}

.xwz4:hover {
    background: #eb4f38;
}

.xwz4:hover .xwz41 h6 {
    background: #d34732;
}

.xwz3 {
    background: #f7f7f7;
    width: 47%;
    float: left;
    margin-right: 3%;
    margin-top: 40px;
}

.lxxw1 {
    width: 30%;
    float: left;
    margin: 0 1.5%;
    background: #fff;
    border: 1px solid #fff;
    border-radius: 8px;
    overflow: hidden;
}

.lxxw1 img {
    width: 100%;
}

.lxxw1 h4 {
    padding: 0 20px;
    font-size: 18px;
    line-height: 40px;
}

.lxxw1:hover h4 {
    color: #3399ff
}

.lxxw1:hover p {
    color: #3399ff
}

.lxxw1 p {
    padding: 0 20px;
    font-size: 14px;
    line-height: 26px;
}

.lxfs1 {
    width: 33.33%;
    float: left;
    padding: 0 20px 0 50px;
    border-right: 1px solid #171717;
}

.lxwmz h3 {
    font-size: 30px;
    padding-bottom: 10px;
    color: #171717;
    text-align: center;
    margin: 0;
    display: block;
    line-height: 40px;
}

.lxwmz {
    padding: 50px 0;
}

.lxfs1 h4 {
    font-size: 22px;
    color: #171717;
    margin-bottom: 20px;
    line-height: 30px;
}

.lxfs1 ul li {
    font-size: 16px;
    color: #7b7b7b;
    line-height: 30px;
}

.lxfs1 ul li span {
    color: #171717;
    margin-right: 5px;
}

.lxfsz {
    border: 1px solid #000;
    padding: 30px 0;
}

.cpbt1 {}

.cpbt {
    margin-top: 60px;
}

.cpbt h3 {
    font-size: 36px;
    text-transform: uppercase;
    color: #000000;
    text-align: center;
    margin-bottom: 40px;
    font-weight: normal;
}

.cpbt h4 {
    font-size: 30px;
    color: #000;
    text-align: center;
}

.cpbt4 {
    background: #eeeeee;
    margin: 0 1.5%;
    margin-bottom: 50px;
}

.cpbt2 {
    width: 15%;
    float: left;
}

.cpbt8 {
    display: none;
}

.lxwmx {
    width: 40px;
    height: 4px;
    margin: 0 auto;
    margin-top: 5px;
    background: #3399ff;
}

.cpbt5 {
    width: 50%;
    float: left;
}

.cpbt6 {
    width: 50%;
    padding: 20px 40px;
    float: left;
}

.cpbt6 p {
    font-size: 18px;
    color: #000;
    text-align: justify;
    line-height: 30px;
    margin-top: 20px;
}

.contactx {
    width: 30px;
    height: 2px;
    background: #000;
}

.cpbt2 ul li {
    font-size: 18px;
    line-height: 35px;
    border-bottom: 1px solid #fff;
    margin-bottom: 10px;
}

.cpbt2 ul li a {
    color: #fff;
}

.cpbt2 ul li:hover a {
    color: #2da043;
}

.cpbt3 {
    width: 85%;
    float: left;
    padding-left: 30px;
}

.contact1 {
    width: calc(100% / 3);
    float: left;
}

.cpbt3 .col-md-4 {
    width: 31.6%;
    margin: 0 0.83%;
    float: left;
    margin-bottom: 20px;
}

.yqzs {
    background: url(../images/bj4.png);
    background-size: cover;
}

.gsjj {
    width: 100%;
    padding-top: 40px;
    padding-bottom: 100px;
}

.gsjj h3 {
    font-size: 30px;
    line-height: 35px;
    color: #333333;
    margin-top: 0;
    text-align: center;
    margin-bottom: 20px;
}

.gsjj h4 {
    font-size: 18px;
    line-height: 30px;
    color: #999999;
    text-align: center;
}

.gsjj1 {
    width: 52%;
    margin: 0 auto;
    margin-top: 40px;
}

.gsjj2 {
    border: 1px solid #e5e5e5;
    padding: 30px 5px;
    box-sizing: border-box;
    border-bottom: 4px solid #687352
}

.gsjj2 p {
    font-size: 16px;
    line-height: 40px;
    color: #666666;
    display: block;
    margin-bottom: 0;
    text-align: center !important;
}

.gsjj3 {
    margin-top: 55px;
}

.gsjj3 h5 {
    font-size: 24px;
    line-height: 40px;
    color: #333333;
    text-align: center;
    margin-bottom: 20px;
}

.gsjj4 {
    padding: 40px 0 60px;
    ;
    background: url(../images/bj5.png);
    background-size: cover;
}

.gsjj5 {
    width: 62.5%;
    margin: 0 auto;
}

.gsjj6 {
    width: 50%;
    float: left;
}

.gsjj7 {
    width: 50%;
    float: left;
    padding-top: 50px;
    padding-left: 50px;
}

.gsjj7 h2 {
    font-size: 24px;
    line-height: 30px;
    color: #333333;
    text-align: left;
    margin-bottom: 20px;
}

.gsjj3 p {
    font-size: 16px;
    line-height: 35px;
    color: #666666;
    text-align: justify;
}

.gsjj7 p {
    font-size: 16px;
    line-height: 30px;
    color: #666666;
    text-align: justify;
}

.gsjj8 {
    margin-top: 50px;
}

.gsjj8 .gsjj7 {
    padding-top: 50px;
    padding-left: 0px;
    padding-right: 50px;
}

.gsjj9 {
    background: #313131;
}

.gsjj10 {
    width: 50%;
    float: left;
    height: 100%;
}

.gsjj10 img {
    height: 100%;
    width: auto;
    max-width: auto;
}

.gsjj11 {
    width: 50%;
    float: left;
}

.gsjj11 {
    padding: 170px 200px;
    padding-bottom: 0;
}

.gsjj {
    width: 100%;
    padding-top: 40px;
    padding-bottom: 100px;
}

.gsjj11 h4 {
    font-size: 26px;
    line-height: 30px;
    color: #fff;
    text-align: left;
    margin-bottom: 25px;
}

.gsjj11 p {
    font-size: 16px;
    line-height: 25px;
    color: #fff;
    text-align: left;
    margin-bottom: 25px;
}

.qywh h4 {
    font-size: 28px;
    color: #000;
    line-height: 40px;
    text-align: center;
}

.gsjj4 h4 {
    font-size: 28px;
    color: #000;
    line-height: 40px;
    text-align: center;
}

.gsjj4>p {
    font-size: 20px;
    color: #000;
    line-height: 40px;
    margin-bottom: 0;
    text-align: center;
}

.tu {
    float: left;
    overflow: hidden;
    width: 17%;
    margin: 0 1.5%;
    margin-bottom: 40px;
    position: relative;
}

.tu h3 {
    color: #fff;
    font-size: 25px;
    font-weight: 500;
    letter-spacing: 1px;
    text-transform: uppercase;
    margin: 0;
    position: absolute;
    z-index: 10000;
    left: calc(50% - 51px);
    margin-top: -35px;
}

.tu .tm_edd {
    transform: scale(1.05);
    transform: translate(0, );
    background-color: rgba(0, 0, 0, 0.6);
}

.tu:hover img {
    transition: transform 0.5s;
    transform: scale(1.05);
}

.touming {
    z-index: 55;
    transition: transform 0.5s, background-color 0.5s;
    position: absolute;
    background-color: rgba(0, 0, 0, 0.3);
    width: 100%;
    height: 100%;
    left: 0;
    top: 0;
}

.tu:hover .touming {
    transform: scale(1.05);
    transform: translate(0, );
    background-color: rgba(0, 0, 0, 0);
}

.zz4 h5 {
    font-size: 20px;
    color: #333333;
    line-height: 60px;
}

.zz4 p {
    font-size: 16px;
    color: #333333;
    line-height: 28px;
}

.zz2 {
    width: 45%;
    float: left;
    margin: 0 2.5%;
    overflow: hidden;
    border: 1px solid #000;
}

.zz3 {
    width: 36%;
    float: left;
    transition: all 0.3s;
    position: relative;
    z-index: 9;
}

.zz4 {
    width: 64%;
    padding-right: 20px;
    padding-left: 10px;
    float: left;
}

.zz3 img {
    display: block;
    transition: all 0.3s;
}

.zz3:hover img {
    transform: scale(1.05);
}

/* Pen styling */
/*body {background: #fefefe; color: #333; font: 14px /1.5 "Fira Sans", sans-serif; } h1 {font-size: 2.5rem; font-weight: 300; margin: 1.5em 0.5rem 1em; text-align: center; }*/
/*.container {*/
/*  margin: 0 auto;*/
/*  padding: 0rem 2rem 1rem;*/
/*        max-width: 1200px;*/
/*}*/
.col {
    color: #fff;
    -webkit-box-flex: 1;
    -ms-flex: 1 1 auto;
    flex: 1 1 auto;
    min-height: 650px;
    position: relative;
}

.col h2 {
    font-weight: 300;
    font-size: 1.33333rem;
    line-height: 1.25;
    margin: 0;
    position: absolute;
    bottom: 1.5rem;
    right: 1.5rem;
    z-index: 0;
}

.col:nth-child(2) {
    margin-top: 80px !important;
}

.col:nth-child(3) {
    margin-top: 40px !important;
}

.photo-container {
    background: #0f0523 50% 50% / cover;
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    -webkit-transition: 1s;
    transition: 1s;
    -webkit-transform-origin: bottom right;
    transform-origin: bottom right;
}

.col:hover .photo-container {
    -webkit-transform: scale(1.15);
    transform: scale(1.15);
}

.slide {
    background: rgba(0, 0, 0, 0.25);
    padding: 0 1.5rem;
}

.slide p {
    font-size: 30px;
    position: relative;
    top: 242px;
}

.pp {
    float: right;
}

.box1 {
    text-align: center;
    overflow: hidden;
    position: relative;
}

.box1:before {
    content: "";
    width: 0;
    height: 100%;
    background: #000;
    padding: 14px 18px;
    position: absolute;
    top: 0;
    left: 50%;
    opacity: 0;
    transition: all 500ms cubic-bezier(0.47, 0, 0.745, 0.715) 0s;
}

.box1:hover:before {
    width: 100%;
    left: 0;
    opacity: 0.7;
}

.kh {
    width: 25%;
    float: left;
}

.box1 img {
    width: 100%;
    height: auto;
}

.box1 .box1-content {
    width: 100%;
    padding: 14px 18px;
    color: #fff;
    position: absolute;
    top: 38%;
    left: 0;
}

.box1 .title {
    font-size: 25px;
    font-weight: 600;
    line-height: 30px;
    text-transform: uppercase;
    margin: 0;
    opacity: 0;
    transition: all 0.3s ease 0s;
}

.box1 .post {
    font-size: 15px;
    text-transform: capitalize;
    opacity: 0;
    transition: all 0.3s ease 0s;
}

.box1:hover .title,
.box1:hover .post {
    opacity: 1;
    transition-delay: 0.5s;
}

.box1 .icon {
    padding: 0;
    margin: 0;
    list-style: none;
    margin-top: 15px;
}

.box1 .icon li {
    display: inline-block;
}

.box1 .icon li a {
    display: block;
    width: 40px;
    height: 40px;
    line-height: 40px;
    border-radius: 50%;
    background: #f74e55;
    font-size: 20px;
    font-weight: 700;
    color: #fff;
    margin-right: 5px;
    opacity: 0;
    transform: translateY(50px);
    transition: all 0.5s ease 0s;
}

.box1:hover .icon li a {
    opacity: 1;
    transform: translateY(0px);
    transition-delay: 0.5s;
}

.box1:hover .icon li:last-child a {
    transition-delay: 0.8s;
}

.demo {
    padding: 70px 0;
}

:root {
    --color_1: #fff;
    --main-color: #1dd1a1;
}

.box {
    text-align: center;
    position: relative;
    overflow: hidden;
}

.box:before,
.box:after,
.box-content:before,
.box-content:after {
    content: '';
    background: linear-gradient(transparent, rgba(0, 0, 0, 0.7));
    height: 100%;
    width: 25%;
    transform: translateY(-100%);
    position: absolute;
    left: 0;
    top: 0;
    z-index: 1;
    transition: all 0.3s;
}

.box:hover:before,
.box:hover:after,
.box:hover .box-content:before,
.box:hover .box-content:after {
    transform: translateY(0);
}

.box:after {
    left: 25%;
}

.box .box-content:before {
    left: 50%;
}

.box .box-content:after {
    left: 75%;
}

.box:hover:before {
    transition-delay: 0.225s;
}

.box:hover:after {
    transition-delay: 0.075s;
}

.box:hover .box-content:before {
    transition-delay: 0.15s;
}

.box:hover .box-content:after {
    transition-delay: 0s;
}

.box img {
    width: 100%;
    height: auto;
    transition: all 0.3s ease 0s;
    filter: grayscale(20%);
}

.box:hover img {
    filter: grayscale(0%);
}

.box .box-content {
    width: 100%;
    height: 100%;
    position: absolute;
    bottom: 0;
    left: 0;
    transition: all 0.2s;
}

.box:hover .content {
    opacity: 1;
    bottom: 5px;
}

.box .title {
    color: #fff;
    font-size: 25px;
    font-weight: 500;
    letter-spacing: 1px;
    text-transform: uppercase;
    margin: 0;
}

.box .post {
    color: var(--main-color);
    font-size: 16px;
    font-style: italic;
    text-transform: capitalize;
    letter-spacing: 1px;
    margin-bottom: 10px;
    display: block;
}

.box .icon {
    padding: 0;
    margin: 0;
    list-style: none;
    transform: translateX(-50%);
    position: absolute;
    top: 15px;
    right: -10px;
    z-index: 2;
    transition: all 0.5s ease 0.3s;
}

.box .icon li {
    opacity: 0;
    transform: scale(0) rotate(360deg);
    transition: all 400ms;
}

.box:hover .icon li {
    opacity: 1;
    transform: scale(1) rotate(0);
}

.box .icon li a {
    color: var(--color_1);
    background-color: var(--main-color);
    font-size: 20px;
    line-height: 40px;
    height: 40px;
    width: 40px;
    margin-bottom: 10px;
    border-radius: 50%;
    display: block;
    position: relative;
    transition: all 0.3s;
}

.box .icon li a:hover {
    text-decoration: none;
    color: var(--main-color);
    background-color: var(--color_1);
    border-radius: 0 20px 0 20px;
}

@media only screen and (max-width:990px) {
    .box {
        margin-bottom: 30px;
    }
}

@media only screen and (max-width:479px) {
    .box .title {
        font-size: 20px;
    }
}

.zx3 img {
    transition: transform 0.3s, background-color 0.3s;
}

.zx3 img:hover {
    transform: scale(1.02);
}

.xw {
    width: 1330px;
    margin: 0 auto;
    margin-top: 50px;
}

.xw1 {
    margin: 0 20px;
    width: 620px;
    float: left;
}

.xw3 {
    width: 120px;
    float: left;
}

.xw3 h5 {
    font-size: 18px;
    line-height: 30px;
    margin-top: 45px;
    color: #666666;
}

.xw2 {
    height: 115px;
}

.xw7 {
    height: 210px;
}

.xw4 {
    height: 115px;
    width: 6px;
    float: left;
    border-left: #bfbfbf 2px solid;
    border-right: #bfbfbf 2px solid;
}

.xw8 {
    height: 210px;
    width: 6px;
    float: left;
    border-left: #bfbfbf 2px solid;
    border-right: #bfbfbf 2px solid;
}

.xw5 {
    position: relative;
    top: 43px;
    width: 29px;
    float: left;
    left: -17px;
}

.xwd {
    width: 220px;
    line-height: 40px;
    font-size: 16px;
    color: #000;
    text-align: center;
    border: #000 3px solid;
    border-radius: 10px;
    margin: 0 auto;
    margin-top: 50px;
    transition: transform 0.8s, background-color 0.8s;
}

.xwd a {
    color: #000;
}

.xwd:hover {
    background: #50cdf0;
    border: #fff 3px solid;
    transform: scale(1.05);
}

.xwd:hover a {
    color: #fff;
}

.mt-5 img {
    margin: 0 auto;
}

.xw5 img {
    display: table-cell;
    vertical-align: middle;
}

.xw6 {
    background: #5c5c5c;
    border-radius: 6px;
    float: left;
    margin-left: 15px;
    padding-top: 25px;
    padding-left: 35px;
    padding-bottom: 10px;
    padding-right: 10px;
    width: 450px;
    margin-top: 15px;
}

.xw6 h2 {
    font-size: 20px;
    line-height: 30px;
    color: #fff;
    text-align: left;
}

.xw6 a:hover h2 {
    color: #50cdf0;
}

.xw6 h6 {
    font-size: 16px;
    line-height: 22px;
    color: #e0e0e0;
    width: 350px;
    height: 88px;
    overflow: hidden;
    margin-bottom: 0;
    text-align: justify;
    margin-top: 10px;
}

.xw6 a:hover h6 {
    color: #fff;
}

.xw6 p {
    font-size: 16px;
    line-height: 25px;
    color: #50cdf0;
    float: right;
    margin-bottom: 0;
    text-align: right;
}

.xw6 a:hover p {
    color: #fff;
}

.lxwm .f-36 {
    font-size: 36px;
    line-height: 50px;
    letter-spacing: 5px;
}

.lxwm .f-18 {
    font-size: 18px;
    line-height: 28px;
    margin-top: 30px;
}

.zx2 {
    margin-top: 50px;
}

.lxx {
    width: 50%;
    height: 1px;
    background: #fff;
}

.lxwm1 {
    width: 1000px;
    margin: 0 auto;
}

.lxwm1 li {
    font-size: 20px;
    color: #fff;
    text-shadow: 0px 5px 5px #2c2c2c;
    line-height: 60px;
    text-align: left;
}

.lxwm2 {
    width: 450px;
    float: left;
}

.lxwm3 {
    width: 275px;
    float: left;
}

.lxwm3 img {
    margin-top: 25px;
}

.lxwm4 {
    width: 275px;
    float: left;
}

.lxwm4 img {
    margin-top: 25px;
}

.qywh {
    padding: 20px 0 50px;
}

.qywh1 span {
    font-size: 22px;
    line-height: 40px;
}

.qywh1 p {
    margin-top: 20px;
    margin-bottom: 80px;
}

.qywh1 {
    width: 50%;
    float: left;
}

.qywh2 {
    width: 50%;
    float: left;
}

.zyyw {
    padding: 70px 0 0;
    background: url(../images/bj3.png);
    background-size: cover;
}

.zyyw h2 {
    text-align: center;
    font-size: 36px;
    color: #000000;
    line-height: 47px;
    margin-bottom: 20px;
}

.zyyw h2 img {
    display: block;
    margin: 0 auto;
}

.sycp {
    width: 26.025%;
    float: left;
}

.sycp1 {
    width: 47.95%;
    float: left;
}

.sycp2 {
    width: 50%;
    float: left;
}

.zyyw .gd {
    width: 85px;
    margin: 0 auto;
    border: 2px solid #aaaaaa;
    text-align: center;
    font-size: 16px;
    color: #535353;
    line-height: 35px;
    margin-top: 25px;
}

.jjz {
    background: url(../images/bj4.png);
    background-size: cover;
}

.cdl {
    background: #eeeeee;
    margin-top: 30px;
}

.cdl ul {
    padding: 0px 10%;
}

.cdl ul li {
    float: left;
    font-size: 24px;
    line-height: 75px;
    width: 25%;
    text-align: center;
}

.cdl ul li:hover {
    background: #fb3638;
}

.cdl ul li:hover a {
    color: #fff;
}

.gs {
    padding-top: 0px;
    background: #fff;
}

.gs1 {
    width: 50%;
    float: left;
}

.gs2 {
    width: 50%;
    float: left;
}

.gs2 h4 {
    width: 70%;
    margin: 0 auto;
    margin-top: 90px;
    text-align: left;
    font-size: 45px;
    color: #2da043;
    line-height: 60px;
    margin-bottom: 20px;
}

.gs2 p {
    width: 70%;
    margin: 0 auto;
    text-align: justify;
    display: block;
    font-size: 16px;
    color: #000000;
    line-height: 30px;
    margin-bottom: 20px;
}

.cp .gd {
    width: 95px;
    margin: 0 auto;
    border: 2px solid #000;
    text-align: center;
    font-size: 14px;
    color: #535353;
    line-height: 30px;
    margin-top: 65px;
    display: none;
}

.gs2 .gd {
    width: 130px;
    margin-left: 15%;
    box-sizing: border-box;
    text-align: center;
    display: block;
    font-size: 14px;
    color: #535353;
    line-height: 40px;
    background: #2da043;
    border-radius: 20px;
    margin-top: 65px;
}

.gd {
    width: 130px;
    margin: 0 auto;
    box-sizing: border-box;
    text-align: center;
    display: block;
    font-size: 14px;
    color: #535353;
    line-height: 40px;
    background: #2da043;
    border-radius: 20px;
    margin-top: 45px;
}

.gs2 .gd a {
    color: #fff;
}

.gd a {
    color: #fff;
}

.gd:hover a {
    color: #2da043;
}

.gs2 .gd:hover a {
    color: #2da043;
}

.gs2 .gd:hover {
    background: #fff;
    border: 2px solid #2da043;
    box-sizing: border-box;
    display: block;
}

.gd:hover {
    background: #fff;
    border: 2px solid #2da043;
    box-sizing: border-box;
    display: block;
}

.hwz {
    background: #f8faff;
    padding: 50px 0 70px;
}

.hw {
    width: 62.5%;
    margin: 0 auto;
}

.hw ul li {
    width: 25%;
    float: left;
    padding: 0 10px;
}

.hw ul li img {
    margin: 0 auto;
}

.cp {
    padding: 35px 0;
}

.cp h4 {
    text-align: center;
    font-size: 36px;
    color: #000000;
    line-height: 47px;
    margin-bottom: 20px;
}

.cp1 {
    width: 80%;
    margin: 0 auto;
}

.cp2 {
    width: 18.8%;
    margin: 0 0.6%;
    float: left;
    background: #eeeeee;
    padding: 80px 20px 40px;
}

.cp2 img {
    margin: 0 auto;
}

.cp2 h5 {
    text-align: center;
    font-size: 24px;
    color: #000000;
    line-height: 37px;
    margin-bottom: 0px;
    margin-top: 40px;
}

.xqb {
    overflow: hidden;
}

.xqb img {
    width: 1920px;
    max-width: 1920px;
    margin-left: calc(50% - 960px);
}

.ban img {
    width: 1920px;
    max-width: 1920px;
    margin-left: calc(50% - 960px);
}

.ban {
    overflow: hidden;
}

.xwzx ul {
    width: 220px;
    margin: 0 auto;
    margin-top: 40px;
    margin-bottom: 50px;
}

.xwzx ul li {
    font-size: 18px;
    line-height: 32px;
    color: #000;
    float: left;
    width: 110px;
    text-align: center;
}

.xwzx ul li a {
    color: #000;
}

.xwzx ul li:hover a {
    color: #50cdf0;
}

.box {
    overflow: hidden;
    position: relative;
    z-index: 1;
    transition: all 0.3s ease 0s;
}

.box:hover {
    box-shadow: 0 0 20px rgba(0, 0, 0, 0.5);
}

.box img {
    width: 100%;
    height: auto;
    transition: all 0.3s ease 0s;
}

.box:hover img {
    filter: rotate(100deg);
}

.box .box-content {
    color: #fff;
    text-align: center;
    width: 100%;
    height: 100%;
    padding: 35% 0 0;
    position: absolute;
    left: 0;
    top: 0;
    z-index: 2;
}

.sycp .box .box-content {
    padding: 68% 0 0;
}

.zyyw h4 {
    float: right;
    font-size: 24px;
    padding-right: 20px;
    margin: 10px 0;
}

.box:before,
.box:after,
.box .box-content:before,
.box .box-content:after {
    content: '';
    height: 50%;
    width: 50%;
    background-color: rgba(0, 0, 0, 0.5);
    position: absolute;
    left: 0;
    top: 100%;
    transition: all 0.5s;
    z-index: 1;
}

.box:before {
    transition-delay: 0.1s;
}

.box:after {
    left: 50%;
    transition-delay: 0.2s;
}

.box .box-content:before,
.box .box-content:after {
    z-index: -1;
    top: 100%;
    transition-delay: 0.3s;
}

.box .box-content:after {
    left: 50%;
    transition-delay: 0.35s;
}

.box:hover:before,
.box:hover:after {
    top: 0;
}

.box:hover .box-content:before,
.box:hover .box-content:after {
    top: 50%;
}

.box .title {
    font-size: 30px;
    font-weight: 600;
    color: #fff;
    text-transform: uppercase;
    margin: 0;
    opacity: 0;
    transform: translateX(-200px);
    transition: all 0.3s ease 0.3s;
}

.box .post {
    font-size: 16px;
    font-style: italic;
    letter-spacing: 1px;
    text-transform: capitalize;
    margin-bottom: 10px;
    opacity: 0;
    display: block;
    transform: translateX(-200px);
    transition: all 0.3s ease 0.3s;
}

.box .icon {
    list-style: none;
    text-align: center;
    padding: 0;
    margin: 0;
    opacity: 0;
    z-index: 2;
    transform: translateX(200px);
    transition: all 0.3s ease 0.3s;
}

.box:hover .title,
.box:hover .post,
.box:hover .icon {
    opacity: 1;
    transform: translateX(0);
}

.box .icon li {
    margin: 0 4px;
    display: inline-block;
}

.box .icon li a {
    color: #fff;
    font-size: 18px;
    line-height: 37px;
    height: 40px;
    width: 40px;
    border: 2px solid #fff;
    border-radius: 50%;
    display: block;
    transition: all 0.3s;
}

.jj1 {
    width: 62.5%;
    margin: 0 auto;
    padding-top: 30px;
    padding-bottom: 70px;
}

.zz {
    width: 62.5%;
    margin: 0 auto;
    padding-top: 30px;
    padding-bottom: 40px;
}

.zz1 {
    width: 23.4%;
    float: left;
    margin: 0 0.8%;
    margin-bottom: 30px;
}

.zz1 h4 {
    text-align: center;
    font-size: 22px;
    color: #000000;
    line-height: 35px;
    margin-top: 20px;
    border-top: 1px solid #000;
}

.rz {
    width: 31.7%;
}

.jc {
    width: 48.4%;
}

.jj1 h4 {
    text-align: center;
    font-size: 36px;
    color: #000000;
    line-height: 47px;
    margin-bottom: 60px;
    margin-top: 40px;
}

.yf H2 {
    text-align: center;
    font-size: 32px;
    color: #000000;
    line-height: 47px;
    margin-bottom: 10px;
    margin-top: 30px;
}

.yf H5 {
    text-align: center;
    font-size: 30px;
    color: #000000;
    line-height: 47px;
}

.jj1 p {
    font-size: 18px;
    color: #000000;
    line-height: 32px;
}

.jj2 {
    margin: 100px 0 50px;
}

.jj3 {
    width: 27.5%;
    float: left;
    margin: 0 2.9%;
    background: #e5e5e5;
    padding-bottom: 80px;
    color: #3a3a3a;
    height: 330px;
    text-align: center;
    font-size: 26px;
    line-height: 45px;
}

.jj4 {
    background: #a0a0a0;
    color: #fff;
    line-height: 85px;
    text-align: center;
    font-size: 24px;
    margin-bottom: 30px;
}

.yj {
    background-color: #323237;
    padding: 30px 0 0;
}

.yj ul {
    width: 1020px;
    margin: 0 auto;
}

.yj ul li {
    width: 170px;
    float: left;
    border-right: 3px solid #fff;
    box-sizing: border-box;
}

.yj ul li:nth-child(6) {
    border: none;
}

.yj ul li a {
    font-size: 20px;
    color: #fff;
    text-align: center;
    line-height: 20px;
}

.yj ul li:hover a {
    color: #50cdf0;
}

.gg1 {
    width: 62.5%;
    margin: 0 auto;
    padding-top: 50px;
}

.gg2 {
    width: 48%;
    float: left;
}

.gg2 {
    font-size: 16px;
    line-height: 30px;
    color: #515151;
}

.gg1 .main {
    width: 48%;
    float: right;
}

.gg3 {
    width: 52%;
    float: left;
}

.zd {
    padding-top: 80px;
}

.gg3 img {
    margin: 0 auto;
    display: block;
}

.xy {
    padding-bottom: 50px;
}

.yw {
    background: #eeeeee;
    padding-top: 50px;
}

.xwf {
    padding: 40px 0 50px;
    width: 62.5%;
    margin: 0 auto;
}

.gg3 .pb30 {
    margin: 0 7%;
}

.xwf h2 {
    text-align: center;
    font-size: 32px;
    font-weight: bold;
    color: #000000;
    margin: 0;
    display: block;
    line-height: 35px;
}

.xwf2 {
    margin-top: 30px;
}

.xwf2 ul li {
    line-height: 30px;
}

.xwf h6 {
    text-align: center;
    font-size: 18px;
    color: #434343;
    margin: 0;
    display: block;
    margin-top: 10px;
    line-height: 35px;
    margin-bottom: 30px;
}

.xwf p {
    text-align: left;
    font-size: 16px;
    margin-top: 30px;
    color: #666;
    margin: 0;
    display: block;
    line-height: 30px;
}

.cpzx {
    width: 62.5%;
    margin: 0 auto;
}

.lx3 {
    width: 62.5%;
    margin: 0 auto;
    padding-top: 150px;
    padding-bottom: 100px;
}

.lx4 {
    width: 41.66%;
    float: left;
}

.lx5 {
    width: 55.8%;
    float: right;
}

.xd {
    width: 67%;
    margin: 0 auto;
    padding: 80px 0;
}

.lx4 h5 {
    font-size: 30px;
    color: #171717;
    margin: 0;
    display: block;
    line-height: 40px;
    margin-bottom: 10px;
}

.sywh {
    background: url(../images/bj1.png);
    background-size: cover;
}

.sywh img {
    margin: 0 auto;
}

.lx4 p {
    width: 85%;
    font-size: 18px;
    color: #000;
    margin: 0;
    display: block;
    line-height: 35px;
    margin-bottom: 30px;
}

.lx4 ul li {
    width: 85%;
    font-size: 16px;
    color: #010101;
    margin: 0;
    display: block;
    line-height: 35px;
}

.dhy {
    float: right;
    margin-left: 40px;
    margin-top: 31px;
}

.dhy img {
    float: left;
}

.dhy p {
    float: left;
    line-height: 27px;
    font-size: 16px;
    color: #fff;
    margin-left: 5px;
}

.gg2 h3 {
    font-size: 30px;
    color: #000;
    line-height: 45px;
    margin-bottom: 30px;
}

.xq {
    margin-top: 100px;
}

.xq1 {
    float: left;
    width: 46%;
    margin-right: 8%;
}

.xq1:hover img {
    opacity: 0.9;
}

.xq2 {
    width: 46%;
    float: right;
}

.td {
    width: 90%;
    margin: 0 auto;
    margin-top: 80px;
}

.td1 {
    float: left;
    width: 31.5%;
    margin: 0 0.9%;
}

.td1 img {
    max-width: 100%;
    width: 100%;
    filter: grayscale(100%);
}

.td1:hover img {
    filter: grayscale(0%);
}

.td2 {
    padding: 10px;
    background: #eeeeee;
}

.td2 h5 {
    font-size: 24px;
    line-height: 35px;
    text-align: left;
    margin-bottom: 10px;
}

.td2 p {
    min-height: 75px;
    font-size: 16px;
    line-height: 25px;
    text-align: left;
}

.xq3 {
    width: 62.5%;
    margin: 0 auto;
    margin-top: 30px;
}

.xq4 {
    width: 50%;
    float: left;
}

.xq4 {
    font-size: 20px;
    color: #8d8d8d;
    line-height: 35px;
    padding: 0px 0px;
}

.xq4 li {
    margin-bottom: 10px;
}

.xq4 span {
    color: #000;
}

.xq5 {
    width: 50%;
    float: left;
}

.xq5 img {
    margin: 0 auto;
}

.xq5 ul {
    margin: 0 auto;
    margin-top: 40px;
    width: 350px;
}

video#bgvid {
    position: fixed;
    right: 0;
    bottom: -20px;
    min-width: 100%;
    min-height: 100%;
    width: auto;
    height: auto;
    z-index: -100;
    background-size: cover;
}

.xq5 ul li {
    width: 140px;
    height: 25px;
    float: left;
    line-height: 22px;
    text-align: center;
    border: 1px solid #000;
    border-radius: 10px;
}

.xq5 ul li:nth-child(2) {
    float: right;
}

tr td:nth-child(1) {
    width: 28%;
    color: #000;
    text-align: center;
}

.sycp3 {
    display: none;
}

.jssb img {
    width: 100%;
    float: left;
}

.jssb span {
    font-size: 20px;
    margin-bottom: 10px;
    padding-bottom: 10px;
}

.jssb p {
    line-height: 26px;
}

.news_list_met_m1156_3_6 .title-name span {
    font-size: 16px;
    text-transform: uppercase;
}

.news_list_met_m1156_3_6 .info-list a b i h3 {
    font-size: 20px;
}

.foot {
    background: #fff;
    padding: 50px 0;
}

.yj1 h3 {
    font-size: 22px;
    line-height: 35px;
    color: #2da043;
    margin-top: 5px;
    margin-bottom: 10px;
}

.yj1 h4 {
    font-size: 20px;
    line-height: 35px;
}

.yj1 p {
    font-size: 14px;
    color: #808080;
    text-align: left;
    margin: 0;
    line-height: 28px;
}

.yjx {
    width: 1px;
    height: 200px;
    background: #000;
    float: left;
}

.yj1 {
    width: calc(30% - 0px);
    float: left;
    padding: 0 2%;
}

.yj2 {
    width: calc(20% - 0px);
    float: left;
    text-align: center;
    padding: 0 2%;
}

.yj3 {
    width: calc(20% - 0px);
    float: left;
    padding: 0 2%;
}

.yj3 {
    padding: 0;
}

.yj3 h3 {
    text-align: center;
}

.yj3 img {
    margin: 0 auto;
    margin-top: 0px;
}

.yj1 ul {
    width: 100%;
    float: left;
}

.yj1 ul li {
    font-size: 16px;
    line-height: 28px;
}

.yj1 ul li:first-child {
    margin-bottom: 5px;
}

.syxwz {
    width: 50%;
    float: left;
    overflow: hidden;
}

.syxwy {
    width: 50%;
    float: left;
    padding-left: 20px;
}

.syxwy span {
    width: 100% !important;
    font-size: 20px !important;
    text-align: left !important;
    letter-spacing: 1px;
    margin: 0px 0 0 0px !important;
    border-top: 0px solid #ddd !important;
}

.jssb h4 {
    font-size: 20px;
    margin-bottom: 10px;
    padding-bottom: 10px;
}

.news_list_met_m1156_3_6 .info-only a p {
    margin-left: 0 !important;
    line-height: 26px !important;
    height: 104px !important;
}

.syxwz img {
    width: 335px;
    max-width: 335px;
    height: 219px;
}

.sywh1 {
    margin: 0 auto;
    margin-bottom: 70px;
}

canvas {
    margin: 0;
    padding: 0;
    display: block;
    /*  ˉ\_(ツ)_/ˉ  */
    touch-action: none;
    position: fixed;
    z-index: 2;
    overflow-x: hidden;
}

.syqb {
    position: absolute;
    top: 0;
    width: 100%;
    overflow-x: hidden;
}

.syqb a {
    position: relative;
    z-index: 5;
}

.syc1 {
    width: 20%;
    float: left;
    height: 100%;
}

.syc5 {
    width: calc(80% / 3);
}

.syyq {
    position: relative;
    height: 100%;
}

.syyq .syc1 img {
    width: 100%;
    height: 100%;
    position: relative;
    z-index: -1;
}

.syyq1 {
    position: absolute;
    width: 80%;
    z-index: 4;
    margin: 0 auto;
    display: block;
    margin-left: 10%;
    margin-top: 30px;
}

.nang2 {
    display: none;
}

.syyq1 h3 {
    text-align: center;
    font-size: 45px;
    line-height: 60px;
    margin-bottom: 20px;
}

.syyq1 p {
    color: #666;
    text-align: justify;
    display: block;
    font-size: 16px;
    line-height: 30px;
    margin-bottom: 20px;
}

.syc2 {
    width: 80%;
    position: relative;
    float: right;
}

@media screen and (max-width: 1700px) {
    .gs2 .gd {
        margin-top: 45px;
    }

    .gs2 h4 {
        margin-top: 65px;
    }
}

@media screen and (max-width: 1600px) {
    .xwz2 {
        width: 75%;
    }

    .gsjj11 {
        padding: 130px 150px;
        padding-bottom: 0;
    }

    .xd {
        width: 75%;
    }

    .xq3 {
        width: 75%;
    }

    .lx3 {
        width: 75%;
    }

    .xwf {
        padding: 40px 0 50px;
        width: 75%;
        margin: 0 auto;
    }

    .cpzx {
        width: 75%;
        margin: 0 auto;
    }

    .gg1 {
        width: 75%;
        margin: 0 auto;
    }

    .zz {
        width: 75%;
        margin: 0 auto;
    }

    .jj1 {
        width: 75%;
    }

    .hw {
        width: 75%;
    }

    .cp1 {
        width: 85%;
        margin: 0 auto;
    }

    .owl-carousel {
        width: 75%;
    }
}

@media screen and (max-width: 1500px) {
    .gsjj1 {
        width: 72%;
    }

    .gsjj5 {
        width: 80%;
    }

    .gsjj11 {
        padding: 100px 120px;
        padding-bottom: 0;
    }

    .xwz2 {
        width: 85%;
    }
}

@media screen and (max-width: 1470px) {
    .lx3 {
        width: 85%;
    }

    .promo-list .t2 img {
        margin-left: 10%;
    }

    .xwf {
        padding: 40px 0 50px;
        width: 85%;
        margin: 0 auto;
    }

    .cpzx {
        width: 85%;
        margin: 0 auto;
    }

    .gg1 {
        width: 85%;
        margin: 0 auto;
    }

    .zz {
        width: 85%;
        margin: 0 auto;
    }

    .hw {
        width: 85%;
    }

    .gs2 .gd {
        margin-top: 25px;
        margin-left: 5%;
    }

    .gs2 h4 {
        margin-top: 45px;
        width: 90%;
    }

    .gs2 p {
        width: 90%;
    }

    .cp1 {
        width: 85%;
        margin: 0 auto;
    }

    .jj1 {
        width: 85%;
    }

    .xd {
        width: 85%;
    }
}

@media screen and (max-width: 1330px) {
    .xw6 {
        width: 400px;
    }

    .xw1 {
        width: 570px;
        margin-left: -20px;
    }

    .gsjj7 {
        padding-top: 10px;
    }

    .gsjj8 .gsjj7 {
        padding-top: 10px;
    }
}

@media screen and (max-width: 1300px) {
    .xwz2 {
        width: 95%;
        margin-top: 20px;
    }

    .gs2 h4 {
        margin-top: 20px;
        margin-bottom: 10px;
    }

    .gs2 .gd {
        margin-top: 15px;
    }

    .lx3 {
        width: 95%;
    }

    .lx4 {
        width: 38%;
        float: left;
    }

    .lx4 p {
        width: 100%;
    }

    .lx4 ul li {
        width: 100%;
    }

    .lx5 {
        float: left;
        margin-left: 20px;
    }
}

.dnba12 {
    display: none;
}

@media screen and (max-width: 1180px) {
    .dnba12 {
        display: block;
    }

    .dnba {
        display: none;
    }

    .xq3 {
        width: 85%;
    }

    .gs2 p {
        width: 95%;
        margin-bottom: 5px;
    }

    .tilter__caption {
        width: 100%;
        padding: 2em;
    }

    .tilter__title {
        font-size: 22px;
        ;
        color: #fff;
        line-height: 35px;
    }

    .tilter__description {
        letter-spacing: 0em;
        font-size: 22px;
        ;
        color: #fff;
        line-height: 35px;
    }

    .gs2 .gd {
        margin-top: 5px;
    }

    .lx4 {
        width: 100%;
    }

    .lx5 {
        width: 100%;
        margin-top: 30px;
        margin-left: 0;
    }

    .lx3 {
        padding-top: 50px;
    }
}

@media (max-width:600px) {
    .tilter__description {
        letter-spacing: 0em;
        font-size: 16px;
        ;
        color: #000 !important;
        line-height: 35px;
    }
}

@media screen and (max-width: 1140px) {
    .xw1:nth-child(2) {
        display: none;
    }

    .gsjj5 {
        width: 95%;
    }

    .xw {
        width: 100%;
    }

    .xw1 {
        margin: 0 auto;
        display: block;
        position: relative;
        left: 50%;
        margin-left: -335px;
    }

    .gsjj11 {
        padding: 80px 70px;
        padding-bottom: 0;
    }
}

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

@media screen and (max-width: 1090px) {
    .jj1 iframe {
        width: 700px !important;
        height: 500px;
    }

    .qywh1 p {
        margin-top: 20px;
        margin-bottom: 50px;
    }

    .xd {
        width: 95%;
    }

    .xwf {
        padding: 40px 0 50px;
        width: 95%;
        margin: 0 auto;
    }

    .gg1 {
        width: 95%;
        margin: 0 auto;
    }

    .zz {
        width: 95%;
        margin: 0 auto;
    }

    .jj1 {
        width: 95%;
    }

    .cp1 {
        width: 95%;
        margin: 0 auto;
    }

    .gs1 {
        width: 100%;
    }

    .gs2 {
        width: 100%;
        margin-bottom: 30px;
    }

    .gs1 img {
        margin: 0 auto;
        width: 100%;
    }

    .gs {
        padding: 40px 0 0px;
    }

    .gs2 .gd {
        margin-top: 45px;
    }

    .gs2 h4 {
        margin-top: 0px;
    }

    .gs2 p {
        width: 90%;
    }

    .hw {
        width: 95%;
    }

    .cpzx {
        width: 95%;
        margin: 0 auto;
    }

    .owl-carousel {
        width: 85%;
    }
}

@media screen and (max-width: 1024px) {
    .gsjj1 {
        width: 85%;
    }

    .yj {
        width: 95%;
        margin: 0 auto;
    }

    .lxx {
        width: 70%;
    }

    .gsjj7 {
        padding-top: 0px;
        padding-left: 20px;
    }

    .gsjj8 .gsjj7 {
        padding-top: 0px;
        padding-right: 20px;
    }

    .qywh1 {
        width: 95%;
    }
}

@media screen and (max-width: 1020px) {
    .yj ul li {
        width: 130px;
    }

    .yj ul {
        width: 780px;
    }
}

@media only screen and (max-width:990px) {
    .cp2 h5 {
        text-align: center;
        font-size: 22px;
    }
}

@media only screen and (max-width:479px) {
    .box .title {
        font-size: 20px;
    }
}

@media screen and (max-width: 900px) {
    .cpbt7 {
        display: none;
    }

    .cpbt8 {
        display: block;
        margin: 0 auto;
    }

    .cdl {
        margin-top: 0;
    }

    .yj4 {
        display: none;
    }

    .cpbt5 {
        width: 100%;
    }

    .cpbt6 {
        width: 100%;
        padding: 20px 20px;
        float: left;
    }

    .xwz3 {
        background: #f7f7f7;
        width: 100%;
        float: left;
        margin-right: 0%;
        margin-top: 20px;
    }

    .yj2 {
        display: none;
    }

    .yj3 {
        display: none;
    }

    .yjx {
        display: none;
    }

    .yj1 {
        width: 100%;
        padding: 0 10%;
    }

    .qywh1 p {
        margin-top: 10px;
        margin-bottom: 30px;
    }

    .qywh1 {
        width: 100%;
        float: left;
    }

    .qywh2 {
        width: 100%;
        float: left;
    }

    .gsjj7 {
        padding-top: 0px;
        padding-left: 0px;
    }

    .gsjj8 .gsjj7 {
        padding-top: 0px;
        padding-right: 0px;
    }

    .lxwm2 {
        float: none;
        width: 400px;
        margin: 0 auto;
    }

    .lxwm3 {
        float: none;
        width: 400px;
        margin: 0 auto;
    }

    .gsjj6 img {
        margin: 0 auto;
        margin-bottom: 20px;
        margin-top: 20px;
    }

    .gsjj6 {
        width: 100%;
    }

    .gsjj7 {
        width: 100%;
    }

    .xq3 {
        width: 95%;
    }

    .sp_header {
        display: block;
    }

    .header10 {
        display: none;
    }

    .gg1 {
        padding-top: 20px;
    }

    .sp_logo img {
        height: 40px;
    }

    .sp_header {
        height: 60px;
    }

    .sp_nav {
        margin-top: 20px;
    }

    .nav_show {
        top: 60px;
    }

    .gg2 {
        width: 100%;
        float: left;
    }

    .gg3 {
        width: 100%;
        float: left;
    }

    .gg1 .main {
        width: 100%;
        float: left;
    }

    .zd {
        padding-top: 30px;
    }

    .xq {
        margin-top: 30px;
    }

    .gg2 h3 {
        margin-top: 0px;
        margin-bottom: 15px;
    }

    .promo-list .t2 img {
        margin-left: 5%;
        max-width: 600px;
    }
}

@media screen and (max-width:982px) {
    .td2 p {
        min-height: 100px;
    }
}

@media screen and (max-width:955px) {
    tr td:nth-child(1) {
        width: 35%;
    }

    .syyq1 {
        margin-left: 5%;
        width: 90%;
    }
}

@media screen and (max-width:805px) {
    .td {
        margin-top: 30px;
        width: 100%;
    }

    .yf .container {
        padding: 0;
    }

    .td2 p {
        min-height: 125px;
        width: 100%;
    }

    .gsjj11 {
        width: 100%;
    }

    .gsjj11 {
        padding: 80px 70px;
    }

    .cpbt2 {
        width: 100%;
        float: left;
        margin-bottom: 30px;
    }

    .cpbt3 {
        width: 100%;
        padding: 0;
        float: left;
    }

    .cpbt2 ul li {
        width: 22%;
        text-align: center;
        margin: 0 1.5%;
        float: left
    }

    .cpbt3 .col-md-4 {
        width: 47%;
        margin: 0 1.5%;
        float: left;
        margin-bottom: 20px;
    }

    .gsjj10 img {
        width: 100%;
        height: auto;
    }

    .gsjj4 {
        padding: 20px 0 80px;
    }

    .lxfs1 {
        padding: 0 10px 0 20px;
    }
}

@media screen and (max-width:850px) {
    .xwz42 {
        display: none;
    }

    .xwz5 {
        width: 30%;
        margin: 0 1%;
    }

    .xwz6 {
        width: 68%;
    }
}

@media screen and (max-width:700px) {
    .gsjj1 {
        width: 95%;
    }

    .qywh2 {
        width: 100%;
        margin: 20px 0;
    }

    .qywh2 img {
        margin: 0 auto;
    }

    .gsjj h3 {
        font-size: 30px;
    }
}

@media screen and (max-width:565px) {
    .td1 {
        float: left;
        width: 48.2%;
        margin: 0 0.9%;
        margin-bottom: 20px;
    }

    .td1:nth-child(3) {
        margin: 0 25.9%;
    }

    .td1:nth-child(3) .td2 p {
        min-height: 75px;
    }

    .lxfs1 {
        width: 90%;
        float: none;
        margin: 0 auto;
        margin-bottom: 20px;
        border-bottom: 1px solid #171717;
        padding-bottom: 10px;
        border-right: 0px solid #171717;
    }

    .lxfs1 h4 {
        margin-bottom: 10px;
    }
}

@media screen and (max-width: 780px) {
    .yj ul li {
        width: 130px;
        margin-bottom: 20px;
    }

    .yj ul {
        width: 390px;
    }

    .yj ul li:nth-child(3) {
        border: none;
    }

    .content--c5>div {
        display: none;
    }

    .syc1 {
        width: 50%;
        float: left;
    }

    .nang2 {
        display: block;
    }

    .nang1 {
        display: none;
    }

    .syc6 {
        width: 100%;
    }

    .xwf h2 {
        text-align: center;
        font-size: 28px;
    }

    .xwf h6 {
        font-size: 18px;
    }

    .owl-carousel {
        width: 95%;
    }
}

.sywh3 {
    display: none;
}

@media screen and (max-width: 767px) {
    .ptm-85 {
        padding-top: 35px;
        padding-bottom: 35px;
    }

    .sywh1 {
        margin-bottom: 15px;
    }

    .sywh1 img {
        height: 55px;
    }

    .sywh3 {
        display: block;
    }

    .sywh2 {
        display: none;
    }

    .news_list_met_m1156_3_6 .info-only a span {
        margin-top: 10px !important;
    }

    .jssb h4 {
        font-size: 20px;
        margin-bottom: 0px;
        padding-bottom: 5px;
    }

    .syxwz img {
        margin: 0 auto;
        float: none;
    }

    .gd {
        margin-top: 15px;
    }

    .syxwz {
        width: 100%;
    }

    .syxwy {
        width: 100%;
        padding-right: 20px;
    }

    .news_list_met_m1156_3_6 .info-only {
        max-width: 100% !important;
    }

    .window-box {
        height: 1000px !important;
    }
}

@media screen and (max-width: 750px) {
    .jj1 iframe {
        width: 450px !important;
        height: 300px !important;
    }

    .zz2 {
        width: 95%;
        float: left;
        margin: 0 2.5%;
        margin-bottom: 20px;
        border: 1px solid #000;
    }

    .cp2 {
        width: 32%;
        padding: 30px 20px 20px;
        margin: 0 0.6%;
        margin-bottom: 10px;
    }

    .cp2:nth-child(4) {
        width: 48.2%;
        margin: 0 0.6%;
    }

    .cp2:nth-child(5) {
        width: 48.2%;
        margin: 0 0.6%;
    }

    .cp2:nth-child(4) img {
        max-width: 182px;
    }

    .cp2:nth-child(5) img {
        max-width: 182px;
    }
}

@media screen and (max-width: 700px) {
    .jj3 {
        width: 31.33%;
        float: left;
        margin: 0 1%;
    }

    tr:nth-child(2) input {
        width: 500px !important;
    }

    tr:nth-child(1) input {
        width: 235px !important;
    }

    .xq4 {
        width: 100%;
    }

    .xq5 {
        width: 100%;
    }

    .zz1 {
        width: 48.4%;
        float: left;
        margin: 0 0.8%;
        margin-bottom: 30px;
    }

    .jcsb {
        width: 98%;
        float: left;
        margin: 0 1%;
        margin-bottom: 20px;
    }
}

@media screen and (max-width:659px) {
    .footer p a {
        top: 0 !important;
    }

    .promo-list .t2 img {
        max-width: 90%;
    }
}

@media screen and (max-width:650px) {
    .xwz5 img {
        height: auto;
    }

    .xwz6 p {
        height: 55px;
        line-height: 25px;
    }

    .xwz7 {
        margin-top: 5px;
    }

    .xwz5 {
        width: 45%;
    }

    .cp1 {
        display: none;
    }

    .cp2 {
        width: 100%;
    }

    .xwz6 {
        width: 52%;
        padding-left: 5px;
        padding-right: 5px;
        float: right;
    }

    .xwz6 h4 {
        line-height: 33px;
        font-size: 20px;
        height: 33px;
        overflow: hidden;
    }

    .xwz5 {
        min-height: 125px;
        overflow: hidden;
    }

    .xwz3 {
        margin-top: 20px;
    }

    .xwz3:nth-child(1) {
        margin-top: 40px;
    }

    .lxxwz {
        display: none;
    }

    .products {
        padding-top: 0;
        margin-top: 20px !important;
    }

    .lxwmz {
        padding-top: 0;
    }

    .bann img {
        width: 1000px !important;
        max-width: 1000px !important;
        margin-left: calc(50% - 500px) !important;
    }

    .bann1 img {
        width: 1000px !important;
        max-width: 1000px !important;
        margin-left: calc(50% - 680px) !important;
    }

    .jx .w25 {
        width: calc(100% / 2);
        margin-top: 10px;
    }

    .syyq1 h3 {
        font-size: 26px;
        margin-top: 0;
        line-height: 35px;
    }

    .gsjj {
        padding-bottom: 20px;
    }

    .gs2 .gd {
        width: 120px;
        line-height: 35px;
    }

    .gsjj3 {
        margin-top: 25px;
    }

    .f-80 {
        font-size: 40px;
    }

    .gsjj h3 {
        font-size: 24px;
        margin-bottom: 0;
    }

    .hw ul li {
        width: 50%;
        float: left;
        padding: 0 10px;
        margin-bottom: 30px;
    }

    .gs2 h4 {
        font-size: 26px;
        margin-top: 0;
        line-height: 35px;
    }

    .gs2 p {
        font-size: 14px;
        line-height: 28px;
    }

    .sycp {
        display: none;
    }

    .sycp3 {
        display: block;
    }

    .sycp3 a {
        width: 50%;
        float: left;
    }

    .sycp1 {
        width: 100%;
        float: left;
    }

    .zyyw h4 {
        float: right;
        font-size: 20px;
        padding-right: 20px;
        margin: 10px 0;
    }

    .hwz {
        background: #f8faff;
        padding: 50px 0 40px;
    }

    .jj1 h4 {
        text-align: center;
        font-size: 26px;
        margin-bottom: 20px;
        margin-top: 0px;
    }

    .zyyw h2 {
        font-size: 26px;
    }

    .cp h4 {
        font-size: 26px;
    }

    .zyyw h2 {
        margin-bottom: 0;
    }

    .zyyw h4 {
        margin-top: 0;
    }
}

@media screen and (max-width:600px) {
    .cpbt4 {
        margin-bottom: 30px;
    }

    .cpbt3 .col-md-4 {
        width: 48%;
        margin: 0 1%;
        float: left;
        margin-bottom: 20px;
    }

    .hwz {
        background: #f8faff;
        padding: 20px 0 10px;
    }

    .hw ul li img {
        width: 110px;
    }

    .cdl {
        padding: 0;
    }

    .cdl ul {
        padding: 0px 0%;
    }

    .cdl ul li {
        float: left;
        font-size: 20px;
    }

    .text-span span {
        display: block;
        font-size: 22px;
    }

    .jj3 {
        width: 90%;
        margin: 0 5%;
        margin-bottom: 20px;
    }

    .zyyw .gd {
        margin-top: 10px;
    }

    .cp2 h5 {
        text-align: center;
        font-size: 24px;
    }

    .gs2 h4 {
        font-size: 22px;
    }

    .zyyw h2 {
        font-size: 24px;
    }

    .jj2 {
        margin: 50px 0 50px;
    }

    .yf H2 {
        text-align: center;
        margin-bottom: 0;
        font-size: 30px;
    }

    .yf H5 {
        text-align: center;
        font-size: 20px;
    }

    .gs2 .gd {
        margin-top: 10px;
    }
}

@media screen and (max-width: 580px) {
    tr:nth-child(2) input {
        width: 350px !important;
    }

    tr:nth-child(1) input {
        width: 160px !important;
    }

    .cp2:nth-child(4) img {
        max-width: 138px;
    }

    .cp2:nth-child(5) img {
        max-width: 138px;
    }
}

@media screen and (max-width:550px) {
    .cpbt h4 {
        font-size: 24px;
    }

    .qywh {
        padding: 20px 0 0px;
    }

    .xwz5 img {
        height: 140px;
        width: 220px;
        max-width: 220px;
        margin-left: calc(50% - 110px);
    }

    .xwz2 {
        margin-top: 0;
    }

    .cpbt6 p {
        font-size: 16px;
        color: #000;
        text-align: justify;
        line-height: 28px;
        margin-bottom: 10px;
        margin-top: 10px;
    }

    .cpbt h3 {
        font-size: 32px;
        margin-bottom: 30px;
    }

    .cp2 h5 {
        margin-top: 20px;
    }

    .zyyw h2 img {
        width: 200px
    }

    .foot {
        padding: 10px 0 30px;
    }

    .gg3 .pb30 {
        margin: 0 1%;
    }

    .cpbt2 ul li {
        width: 47%;
        text-align: center;
        margin: 0 1.5%;
        float: left
    }

    .cpbt1 {
        margin-top: 20px;
    }

    .box3 .title {
        color: #fff;
        font-size: 20px !important;
    }

    .cpbt {
        padding: 30px 0;
    }
}

@media screen and (max-width:480px) {
    .gsjj11 {
        padding: 30px 20px;
        padding-bottom: 50px;
    }
}

@media screen and (max-width:450px) {
    .sywh {
        display: none;
    }

    .jj1 iframe {
        width: 370px !important;
        height: 300px !important;
    }

    .yj {
        display: none;
    }

    .cp2 h5 {
        text-align: center;
        font-size: 20px;
    }

    .cp2:nth-child(4) img {
        max-width: 90px;
    }

    .cp2:nth-child(5) img {
        max-width: 90px;
    }

    .cp .gd {
        display: block;
        margin-top: 15px;
    }

    .zyyw {
        padding: 30px 0 0px;
    }

    .gs {
        padding: 30px 0 0px;
    }

    .cp {
        padding: 15px 0;
    }

    .window-box {
        height: 950px !important;
    }

    .sysjd {
        display: none;
    }

    canvas {
        display: none;
    }

    .syng {
        display: none;
    }
}

@media screen and (max-width:420px) {
    .cp2 h5 {
        text-align: center;
        font-size: 18px;
    }

    .cp2:nth-child(4) img {
        max-width: 80px;
    }

    .cp2:nth-child(5) img {
        max-width: 80px;
    }

    .cp2 {
        width: 32%;
        padding: 20px 15px 10px;
        height: 177px;
    }

    .cp2 h5 {
        margin-top: 10px;
    }

    .td1:nth-child(3) {
        width: 100%;
        margin: 0 0%;
    }

    .td1:nth-child(3) .td2 p {
        min-height: 35px;
    }

    .xq5 ul {
        width: 320px;
    }

    .sp_logo img {
        height: 50px;
    }

    .sp_logo {
        padding: 5px 15px;
    }
}

@media screen and (max-width: 400px) {
    tr:nth-child(2) input {
        width: 330px !important;
    }

    tr:nth-child(1) input {
        width: 150px !important;
    }
}

@media screen and (max-width: 380px) {
    .cp2 {
        height: 155px;
    }
}

.w {
    width: 1200px;
    overflow: hidden;
    margin: 0 auto;
}

.gy {
    width: 100%;
    position: relative;
    margin-top: 0px;
}

.gy01 {
    position: absolute;
    top: -30px;
    left: 0px;
}

.gy02 {
    margin: 0 10%;
    margin-top: 60px;
    width: 80%;
    padding: 100px 0px;
    background-color: none;
}

.gy02 p {
    color: white;
    text-align: left;
    font-size: 16px;
}

.gy03 {
    float: left;
    margin-top: -40px;
    padding-bottom: 50px;
}

.gy03 div:nth-child(1) {
    position: absolute;
    top: 80%;
    left: 0;
}

.gyfl {
    position: absolute;
    top: 80%;
    left: calc(100% - 400px);
}

.gyfl div {
    position: relative;
    width: 22.5%;
    margin-right: 2.5%;
    float: left;
}

.gyfl div img:nth-child(2) {
    position: absolute;
    top: 0px;
    left: 0px;
    width: 80%;
    margin: 0 10%;
    margin-top: 10px;
}

.gyfl div:nth-child(1) {
    margin-top: 30px;
}

.gyfl div img:nth-child(1) {
    transition: all 0.5s linear;
}

.gyfl div:hover img:nth-child(1) {
    transform: rotate(180deg);
}

.gyfl div:nth-child(3) {
    margin-top: 30px;
}

@media (max-width:1250px) {
    .w {
        width: 900px;
        overflow: hidden;
        margin: 0 auto;
    }

    .gy {
        width: 100%;
        position: relative;
        margin-top: 0px;
    }

    .gy01 {
        position: absolute;
        top: -30px;
        left: 0px;
    }

    .gy02 {
        margin: 0 10%;
        margin-top: 60px;
        width: 80%;
        padding: 80px 100px 100px;
        background-color: none;
    }

    .gy02 p {
        color: white;
        text-align: left;
        font-size: 16px;
    }

    .gy03 {
        float: left;
        margin-top: -40px;
        padding-bottom: 50px;
    }

    .gy03 div:nth-child(1) {
        position: absolute;
        top: 80%;
        left: 0;
    }

    .gyfl {
        position: absolute;
        top: 80%;
        left: calc(100% - 400px);
    }

    .gyfl div {
        position: relative;
        width: 22.5%;
        margin-right: 2.5%;
        float: left;
    }

    .gyfl div img:nth-child(2) {
        position: absolute;
        top: 0px;
        left: 0px;
        width: 80%;
        margin: 0 10%;
        margin-top: 10px;
    }

    .gyfl div:nth-child(1) {
        margin-top: 30px;
    }

    .gyfl div img:nth-child(1) {
        transition: all 0.5s linear;
    }

    .gyfl div:hover img:nth-child(1) {
        transform: rotate(180deg);
    }

    .gyfl div:nth-child(3) {
        margin-top: 30px;
    }
}

@media (max-width:950px) {
    .w {
        width: 80%;
        overflow: hidden;
        margin: 0 10%;
    }

    .gy {
        width: 100%;
        position: relative;
        margin-top: 0px;
    }

    .gy01 {
        position: absolute;
        top: -30px;
        left: 0px;
    }

    .gy02 {
        margin: 0 10%;
        margin-top: 60px;
        width: 80%;
        padding: 10px;
        background-color: none;
    }

    .gy02 p {
        color: white;
        text-align: left;
        font-size: 14px;
    }

    .gy03 {
        float: left;
        margin-top: -40px;
        display: none;
        padding-bottom: 50px;
    }

    .gy03 div:nth-child(1) {
        position: absolute;
        top: 80%;
        left: 0;
    }

    .gyfl {
        position: absolute;
        top: 80%;
        left: 0px;
    }

    .gyfl div {
        position: relative;
        width: 22.5%;
        margin-right: 2.5%;
        float: left;
    }

    .gyfl div img:nth-child(2) {
        position: absolute;
        top: 0px;
        left: 0px;
        width: 80%;
        margin: 0 10%;
        margin-top: 10px;
    }

    .gyfl div:nth-child(1) {
        margin-top: 0px;
    }

    .gyfl div img:nth-child(1) {
        transition: all 0.5s linear;
    }

    .gyfl div:hover img:nth-child(1) {
        transform: rotate(180deg);
    }

    .gyfl div:nth-child(3) {
        margin-top: 0px;
    }
}

@media (max-width:600px) {
    .w {
        width: 98%;
        overflow: hidden;
        margin: 0 1%;
    }

    .gy {
        width: 100%;
        position: relative;
        margin-top: 0px;
    }

    .gy01 {
        position: absolute;
        top: -70px;
        left: 0px;
    }

    .gy02 {
        margin: 0 1%;
        margin-top: 60px;
        width: 98%;
        padding: 30px;
        background-color: none;
    }

    .gy02 p {
        color: white;
        text-align: left;
        font-size: 14px;
    }

    .gy03 {
        float: left;
        margin-top: -40px;
        padding-bottom: 50px;
    }

    .gy03 div:nth-child(1) {
        position: absolute;
        top: 80%;
        left: 0;
    }

    .gyfl {
        position: absolute;
        top: 100%;
        left: 0px;
    }

    .gyfl div {
        position: relative;
        width: 24%;
        margin-right: .5%;
        float: left;
    }

    .gyfl div img:nth-child(2) {
        position: absolute;
        top: 0px;
        left: 0px;
        width: 80%;
        margin: 0 10%;
        margin-top: 10px;
    }

    .gyfl div:nth-child(1) {
        margin-top: 0px;
    }

    .gyfl div img:nth-child(1) {
        transition: all 0.5s linear;
    }

    .gyfl div:hover img:nth-child(1) {
        transform: rotate(180deg);
    }

    .gyfl div:nth-child(3) {
        margin-top: 0px;
    }
}

.sl {
    width: 100%;
}

.sl div {
    width: 48%;
    margin: 0 1%;
    margin-bottom: 30px;
    float: left;
    position: relative;
}

.sl div img {
    width: 100%;
}

.sl div img:nth-child(2) {
    position: absolute;
    top: 0px;
    left: 0px;
    opacity: 0;
}

.sl div:hover img:nth-child(2) {
    position: absolute;
    top: 0px;
    left: 0px;
    opacity: 1;
}

@media (max-width:600px) {
    .sl {
        width: 100%;
        margin-top: 60px;
    }

    .sl div {
        width: 98%;
        margin: 0 1%;
        margin-bottom: 30px;
        float: left;
        position: relative;
    }

    .sl div img {
        width: 100%;
    }

    .sl div:nth-child(1) {
        display: none;
    }

    .sl div img:nth-child(2) {
        position: absolute;
        top: 0px;
        left: 0px;
        opacity: 0;
    }

    .sl div:hover img:nth-child(2) {
        position: absolute;
        top: 0px;
        left: 0px;
        opacity: 1;
    }
}

.sp {
    position: relative;
    width: 100%;
    height: 955px;
}

.sp iframe {
    position: absolute;
    top: 0px;
    left: 0px;
}

.lx {
    width: 1200px;
    position: absolute;
    top: 200px;
    left: calc((100% - 1200px) / 2);
}

.lx img:nth-child(2) {
    margin-top: 100px;
}

.lx img:nth-child(3) {
    display: none;
}

.new02 {
    display: none;
}

@media (max-width:600px) {
    .lx {
        width: 100%;
        position: absolute;
        top: 100px;
        left: 0;
    }

    .lx img {
        width: 100%;
    }

    .lx img:nth-child(2) {
        display: none;
    }

    .lx img:nth-child(3) {
        margin-top: 30px;
        display: block;
    }

    .new01 {
        display: none;
    }

    .new02 {
        display: block;
        width: 98%;
        margin: 0 1%;
    }

    .new02 div {
        width: 48%;
        margin: 0 1%;
        float: left;
        margin-top: 10px;
    }

    .new02 div:nth-child(5) {
        width: 98%;
        margin: 0 1%;
        margin-top: 10px;
        float: left;
    }

    .new02 div img {
        width: 100%;
    }
}

.banner {
    margin: 0 auto;
    /*display: inline-block;*/
    width: 100%;
    overflow: hidden;
}

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

/******************************************************关于我们*****************************************************/
.width {
    width: 1300px;
    margin: 0 auto;
}

.about01 {
    width: 100%;
    margin: 0 auto;
    background-color: #f5f5f5;
    padding-top: 60px;
    padding-bottom: 60px;
}

.gy_tit {
    width: 84%;
    margin: 0 auto;
}

.gy_tit h2 {
    text-align: center;
    color: #009ae9;
    font-size: 30px;
    font-weight: 550;
}

.gy_tit p {
    text-align: center;
    margin: 0 auto;
    padding: 0px;
    margin-top: 30px;
    font-size: 16px;
    color: black;
}

.about02 {
    width: 100%;
    margin: 0 auto;
    margin-top: 30px;
    background-color: white;
}

.gy04 {
    width: 50%;
    float: left;
    overflow: hidden;
}

.gy04 img {
    width: 100%;
    transition: .5s;
}

.gy04:hover img {
    transform: scale(1.1);
}

.gy05 {
    width: 50%;
    float: right;
}

.gy_list01 {
    width: 100%;
}

.gy_list01 div:nth-child(1) {
    width: 50%;
    float: left;
    overflow: hidden;
}

.gy_list01 div:nth-child(2) {
    width: 50%;
    float: right;
    overflow: hidden;
}

.gy_list01 div img {
    width: 100%;
    transition: .5s;
    overflow: hidden;
}

.gy_list01 div:hover img {
    transform: scale(1.1);
}

.gy_list01 div h4 {
    text-align: center;
    font-size: 20px;
    color: black;
    margin: 0 auto;
    margin-top: 60px;
    transition: .5s;
}

.gy_list01 div:hover h4 {
    color: #004E9D;
}

.gy_list01 div p {
    padding: 30px;
    font-size: 16px;
    color: #000;
    text-align: center;
}

.about03 {
    margin-top: 60px;
}

.gy_tit02 {
    width: 560px;
    margin: 0 auto;
}

.gy_tit02 h2 {
    text-align: center;
    color: #009ae9;
    font-size: 30px;
    font-weight: 550;
}

.gy_tit02 p {
    text-align: center;
    margin: 0 auto;
    padding: 0px;
    margin-top: 30px;
    font-size: 16px;
    color: black;
}

.gy_list02 {
    width: 50%;
    float: left;
    margin-top: 30px;
    background: url(/skin/img/gy04.png) 0 0 no-repeat;
    padding-bottom: 60px;
}

.gy_list02 h4 {
    font-size: 20px;
    color: white;
    text-align: center;
    margin: 0 auto;
    margin-top: 60px;
}

.gy_list02 p {
    text-align: center;
    padding: 0 100px;
    color: white;
    font-size: 14px;
    line-height: 24px;
    margin-top: 30px;
}

.gy_list02 h6 {
    font-weight: normal;
    color: white;
    text-align: center;
    border: 1px solid white;
    width: 100px;
    line-height: 24px;
    margin-top: 30px;
}

.gy_list03 {
    width: 50%;
    float: right;
    margin-top: 30px;
    background: url(/skin/img/gy05.png) 0 0 no-repeat;
}

.gy_list03 {
    width: 50%;
    float: left;
    margin-top: 30px;
    background: url(/skin/img/gy04.png) 0 0 no-repeat;
    padding-bottom: 60px;
}

.gy_list03 h4 {
    font-size: 20px;
    color: white;
    text-align: center;
    margin: 0 auto;
    margin-top: 60px;
}

.gy_list03 p {
    text-align: center;
    padding: 0 100px;
    color: white;
    font-size: 14px;
    line-height: 24px;
    margin-top: 30px;
}

.gy_list03 h6 {
    font-weight: normal;
    color: white;
    text-align: center;
    border: 1px solid white;
    line-height: 24px;
    width: 100px;
    margin-top: 30px;
}

.gy_list03 {
    width: 50%;
    float: right;
    margin-top: 30px;
    background: url(/skin/img/gy05.png) 0 0 no-repeat;
}

@media(max-width:1350px) {
    .width {
        width: 950px;
        margin: 0 auto;
    }

    .about01 {
        width: 100%;
        margin: 0 auto;
        background-color: #f5f5f5;
        padding-top: 60px;
        padding-bottom: 60px;
    }

    .gy_tit {
        width: 84%;
        margin: 0 auto;
    }

    .gy_tit h2 {
        text-align: center;
        color: #009ae9;
        font-size: 30px;
        font-weight: 550;
    }

    .gy_tit p {
        text-align: center;
        margin: 0 auto;
        padding: 0px;
        margin-top: 30px;
        font-size: 16px;
        color: black;
    }

    .about02 {
        width: 100%;
        margin: 0 auto;
        margin-top: 30px;
        background-color: white;
    }

    .gy04 {
        width: 50%;
        float: left;
        overflow: hidden;
    }

    .gy04 img {
        width: 100%;
        transition: .5s;
    }

    .gy04:hover img {
        transform: scale(1.1);
    }

    .gy05 {
        width: 50%;
        float: right;
    }

    .gy_list01 {
        width: 100%;
    }

    .gy_list01 div:nth-child(1) {
        width: 50%;
        float: left;
        overflow: hidden;
    }

    .gy_list01 div:nth-child(2) {
        width: 50%;
        float: right;
        overflow: hidden;
    }

    .gy_list01 div img {
        width: 100%;
        transition: .5s;
        overflow: hidden;
    }

    .gy_list01 div:hover img {
        transform: scale(1.1);
    }

    .gy_list01 div h4 {
        text-align: center;
        font-size: 20px;
        color: black;
        margin: 0 auto;
        margin-top: 30px;
        transition: .5s;
    }

    .gy_list01 div:hover h4 {
        color: #004E9D;
    }

    .gy_list01 div p {
        padding: 15px;
        font-size: 16px;
        text-align: center;
    }

    .about03 {
        margin-top: 60px;
    }

    .gy_tit02 {
        width: 560px;
        margin: 0 auto;
    }

    .gy_tit02 h2 {
        text-align: center;
        color: #009ae9;
        font-size: 30px;
        font-weight: 550;
    }

    .gy_tit02 p {
        text-align: center;
        margin: 0 auto;
        padding: 0px;
        margin-top: 30px;
        font-size: 16px;
        color: black;
    }

    .gy_list02 {
        width: 50%;
        float: left;
        margin-top: 30px;
        background: url(/skin/img/gy04.png) 0 0 no-repeat;
        padding-bottom: 60px;
    }

    .gy_list02 h4 {
        font-size: 20px;
        color: white;
        text-align: center;
        margin: 0 auto;
        margin-top: 60px;
    }

    .gy_list02 p {
        text-align: center;
        padding: 0 100px;
        color: white;
        font-size: 14px;
        line-height: 24px;
        margin-top: 30px;
    }

    .gy_list02 h6 {
        font-weight: normal;
        color: white;
        text-align: center;
        border: 1px solid white;
        width: 100px;
        margin-top: 30px;
    }

    .gy_list03 {
        width: 50%;
        float: right;
        margin-top: 30px;
        background: url(/skin/img/gy05.png) 0 0 no-repeat;
    }

    .gy_list03 {
        width: 50%;
        float: left;
        margin-top: 30px;
        background: url(/skin/img/gy04.png) 0 0 no-repeat;
        padding-bottom: 60px;
    }

    .gy_list03 h4 {
        font-size: 20px;
        color: white;
        text-align: center;
        margin: 0 auto;
        margin-top: 60px;
    }

    .gy_list03 p {
        text-align: center;
        padding: 0 100px;
        color: white;
        font-size: 14px;
        line-height: 24px;
        margin-top: 30px;
    }

    .gy_list03 h6 {
        font-weight: normal;
        color: white;
        text-align: center;
        border: 1px solid white;
        width: 100px;
        margin-top: 30px;
    }

    .gy_list03 {
        width: 50%;
        float: right;
        margin-top: 30px;
        background: url(/skin/img/gy05.png) 0 0 no-repeat;
    }
}

@media(max-width:1000px) {
    .width {
        width: 650px;
        margin: 0 auto;
    }

    .about01 {
        width: 100%;
        margin: 0 auto;
        background-color: #f5f5f5;
        padding-top: 60px;
        padding-bottom: 60px;
    }

    .gy_tit {
        width: 84%;
        margin: 0 auto;
    }

    .gy_tit h2 {
        text-align: center;
        color: #009ae9;
        font-size: 30px;
        font-weight: 550;
    }

    .gy_tit p {
        text-align: center;
        margin: 0 auto;
        padding: 0px;
        margin-top: 30px;
        font-size: 16px;
        color: black;
    }

    .about02 {
        width: 100%;
        margin: 0 auto;
        margin-top: 30px;
        background-color: white;
    }

    .gy04 {
        width: 50%;
        float: left;
        overflow: hidden;
        display: none;
    }

    .gy04 img {
        width: 100%;
        transition: .5s;
    }

    .gy04:hover img {
        transform: scale(1.1);
    }

    .gy05 {
        width: 100%;
        float: right;
    }

    .gy_list01 {
        width: 100%;
    }

    .gy_list01 div:nth-child(1) {
        width: 50%;
        float: left;
        overflow: hidden;
    }

    .gy_list01 div:nth-child(2) {
        width: 50%;
        float: right;
        overflow: hidden;
    }

    .gy_list01 div img {
        width: 100%;
        transition: .5s;
        overflow: hidden;
    }

    .gy_list01 div:hover img {
        transform: scale(1.1);
    }

    .gy_list01 div h4 {
        text-align: center;
        font-size: 20px;
        color: black;
        margin: 0 auto;
        margin-top: 30px;
        transition: .5s;
    }

    .gy_list01 div:hover h4 {
        color: #004E9D;
    }

    .gy_list01 div p {
        padding: 15px;
        font-size: 16px;
        text-align: center;
    }

    .about03 {
        margin-top: 60px;
    }

    .gy_tit02 {
        width: 560px;
        margin: 0 auto;
    }

    .gy_tit02 h2 {
        text-align: center;
        color: #009ae9;
        font-size: 30px;
        font-weight: 550;
    }

    .gy_tit02 p {
        text-align: center;
        margin: 0 auto;
        padding: 0px;
        margin-top: 30px;
        font-size: 16px;
        color: black;
    }

    .gy_list02 {
        width: 100%;
        float: left;
        margin-top: 30px;
        background: url(/skin/img/gy04.png) 0 0 no-repeat;
        padding-bottom: 60px;
    }

    .gy_list02 h4 {
        font-size: 20px;
        color: white;
        text-align: center;
        margin: 0 auto;
        margin-top: 60px;
    }

    .gy_list02 p {
        text-align: center;
        padding: 0 100px;
        color: white;
        font-size: 14px;
        line-height: 24px;
        margin-top: 30px;
    }

    .gy_list02 h6 {
        font-weight: normal;
        color: white;
        text-align: center;
        border: 1px solid white;
        width: 100px;
        margin-top: 30px;
    }

    .gy_list03 {
        width: 100%;
        float: right;
        margin-top: 30px;
        background: url(/skin/img/gy05.png) 0 0 no-repeat;
    }

    .gy_list03 {
        width: 100%;
        float: left;
        margin-top: 30px;
        background: url(/skin/img/gy04.png) 0 0 no-repeat;
        padding-bottom: 60px;
    }

    .gy_list03 h4 {
        font-size: 20px;
        color: white;
        text-align: center;
        margin: 0 auto;
        margin-top: 60px;
    }

    .gy_list03 p {
        text-align: center;
        padding: 0 100px;
        color: white;
        font-size: 14px;
        line-height: 24px;
        margin-top: 30px;
    }

    .gy_list03 h6 {
        font-weight: normal;
        color: white;
        text-align: center;
        border: 1px solid white;
        width: 100px;
        margin-top: 30px;
    }

    .gy_list03 {
        width: 100%;
        float: right;
        margin-top: 30px;
        background: url(/skin/img/gy05.png) 0 0 no-repeat;
    }
}

@media(max-width:700px) {
    .banner {
        width: 100%;
    }

    .banner img {
        margin-left: -50%;
        width: 200%;
    }

    .width {
        width: 100%;
        margin: 0 auto;
    }

    .about01 {
        width: 100%;
        margin: 0 auto;
        background-color: #f5f5f5;
        padding: 0 2%;
        padding-top: 60px;
        padding-bottom: 60px;
    }

    .gy_tit {
        width: 84%;
        margin: 0 auto;
    }

    .gy_tit h2 {
        text-align: center;
        color: #009ae9;
        font-size: 30px;
        font-weight: 550;
    }

    .gy_tit p {
        text-align: center;
        margin: 0 auto;
        padding: 0px;
        margin-top: 30px;
        font-size: 16px;
        color: black;
    }

    .about02 {
        width: 100%;
        margin: 0 auto;
        margin-top: 30px;
        background-color: white;
    }

    .gy04 {
        width: 50%;
        float: left;
        overflow: hidden;
        display: none;
    }

    .gy04 img {
        width: 100%;
        transition: .5s;
    }

    .gy04:hover img {
        transform: scale(1.1);
    }

    .gy05 {
        width: 100%;
        float: right;
    }

    .gy_list01 {
        width: 100%;
    }

    .gy_list01 div:nth-child(1) {
        width: 50%;
        float: left;
        overflow: hidden;
    }

    .gy_list01 div:nth-child(2) {
        width: 50%;
        float: right;
        overflow: hidden;
    }

    .gy_list01 div img {
        width: 100%;
        transition: .5s;
        overflow: hidden;
    }

    .gy_list01 div:hover img {
        transform: scale(1.1);
    }

    .gy_list01 div h4 {
        text-align: center;
        font-size: 20px;
        color: black;
        margin: 0 auto;
        margin-top: 15px;
        transition: .5s;
    }

    .gy_list01 div:hover h4 {
        color: #004E9D;
    }

    .gy_list01 div p {
        padding: 10px;
        font-size: 14px;
        text-align: center;
    }

    .about03 {
        width: 96%;
        margin: 0 2%;
        margin-top: 60px;
    }

    .gy_tit02 {
        width: 84%;
        margin: 0 auto;
    }

    .gy_tit02 h2 {
        text-align: center;
        color: #009ae9;
        font-size: 30px;
        font-weight: 550;
    }

    .gy_tit02 p {
        text-align: center;
        margin: 0 auto;
        padding: 0px;
        margin-top: 30px;
        font-size: 16px;
        color: black;
    }

    .gy_list02 {
        width: 100%;
        float: left;
        margin-top: 30px;
        background: url(/skin/img/gy04.png) 0 0 no-repeat;
        background-size: 100% 100%;
        padding-bottom: 60px;
    }

    .gy_list02 h4 {
        font-size: 20px;
        color: white;
        text-align: center;
        margin: 0 auto;
        margin-top: 60px;
    }

    .gy_list02 p {
        text-align: center;
        padding: 0 100px;
        color: white;
        font-size: 14px;
        line-height: 24px;
        margin-top: 30px;
    }

    .gy_list02 h6 {
        font-weight: normal;
        color: white;
        text-align: center;
        border: 1px solid white;
        width: 100px;
        margin-top: 30px;
    }

    .gy_list03 {
        width: 100%;
        float: right;
        margin-top: 30px;
        background-size: 100% 100%;
        background: url(/skin/img/gy05.png) 0 0 no-repeat;
    }

    .gy_list03 {
        width: 100%;
        float: left;
        margin-top: 30px;
        background: url(/skin/img/gy04.png) 0 0 no-repeat;
        background-size: 100% 100%;
        padding-bottom: 60px;
    }

    .gy_list03 h4 {
        font-size: 20px;
        color: white;
        text-align: center;
        margin: 0 auto;
        margin-top: 60px;
    }

    .gy_list03 p {
        text-align: center;
        padding: 0 100px;
        color: white;
        font-size: 14px;
        line-height: 24px;
        margin-top: 30px;
    }

    .gy_list03 h6 {
        font-weight: normal;
        color: white;
        text-align: center;
        border: 1px solid white;
        width: 100px;
        margin-top: 30px;
    }

    .gy_list03 {
        width: 100%;
        float: right;
        margin-top: 30px;
        background: url(/skin/img/gy05.png) 0 0 no-repeat;
        background-size: 100% 100%;
    }
}

/******************************************************页尾*****************************************************/
.bottom_bg {
    background-color: #004E9D;
    width: 100%;
    margin-top: 60px;
}

.bottom {
    padding-top: 60px;
    padding-bottom: 60px;
}

.bottom div:nth-child(1) {
    width: 30%;
    float: left;
}

.bottom div:nth-child(1) h2 {
    margin: 0 auto;
    color: white;
    font-weight: normal;
    font-size: 26px;
    margin-bottom: 20px;
}

.bottom div:nth-child(1) p {
    margin-top: 10px;
    color: white;
}

.bottom div:nth-child(2) {
    width: 14%;
    float: left;
}

.bottom div:nth-child(2) h3 {
    margin: 0 auto;
    color: white;
    margin-bottom: 20px;
    font-size: 20px;
}

.bottom div:nth-child(2) p {
    color: white;
    margin-top: 10px;
}

.bottom div:nth-child(3) {
    width: 14%;
    float: left;
}

.bottom div:nth-child(3) h3 {
    margin: 0 auto;
    color: white;
    margin-bottom: 20px;
    font-size: 20px;
}

.bottom div:nth-child(3) p {
    color: white;
    margin-top: 10px;
}

.bottom div:nth-child(4) {
    width: 14%;
    float: left;
}

.bottom div:nth-child(4) h3 {
    margin: 0 auto;
    color: white;
    margin-bottom: 20px;
    font-size: 20px;
}

.bottom div:nth-child(4) p {
    color: white;
    margin-top: 10px;
}

.bottom div:nth-child(5) {
    width: 14%;
    float: left;
}

.bottom div:nth-child(5) h3 {
    margin: 0 auto;
    color: white;
    margin-bottom: 20px;
    font-size: 20px;
}

.bottom div:nth-child(5) p {
    color: white;
    margin-top: 10px;
}

.bottom div:nth-child(6) {
    width: 14%;
    float: left;
}

.bottom div:nth-child(6) img {
    width: 100%;
}

.copy {
    width: 100%;
    background-color: #004E9D;
    border-top: 1px solid white;
}

.copy p {
    text-align: center;
    color: white;
    line-height: 50px;
}

@media (max-width:700px) {
    .bottom_bg {
        background-color: #004E9D;
        width: 100%;
        margin-top: 60px;
    }

    .bottom {
        padding-top: 60px;
        padding-bottom: 60px;
    }

    .bottom div:nth-child(1) {
        width: 80%;
        margin: 0 10%;
        float: left;
    }

    .bottom div:nth-child(1) h2 {
        margin: 0 auto;
        color: white;
        font-weight: normal;
        font-size: 26px;
        margin-bottom: 20px;
    }

    .bottom div:nth-child(1) p {
        margin-top: 10px;
        color: white;
    }

    .bottom div:nth-child(2) {
        width: 14%;
        float: left;
        display: none;
    }

    .bottom div:nth-child(2) h3 {
        margin: 0 auto;
        color: white;
        margin-bottom: 20px;
        font-size: 20px;
    }

    .bottom div:nth-child(2) p {
        color: white;
        margin-top: 10px;
    }

    .bottom div:nth-child(3) {
        width: 14%;
        float: left;
        display: none;
    }

    .bottom div:nth-child(3) h3 {
        margin: 0 auto;
        color: white;
        margin-bottom: 20px;
        font-size: 20px;
    }

    .bottom div:nth-child(3) p {
        color: white;
        margin-top: 10px;
    }

    .bottom div:nth-child(4) {
        width: 14%;
        display: none;
        float: left;
    }

    .bottom div:nth-child(4) h3 {
        margin: 0 auto;
        color: white;
        margin-bottom: 20px;
        font-size: 20px;
    }

    .bottom div:nth-child(4) p {
        color: white;
        margin-top: 10px;
    }

    .bottom div:nth-child(5) {
        width: 14%;
        display: none;
        float: left;
    }

    .bottom div:nth-child(5) h3 {
        margin: 0 auto;
        color: white;
        margin-bottom: 20px;
        font-size: 20px;
    }

    .bottom div:nth-child(5) p {
        color: white;
        margin-top: 10px;
    }

    .bottom div:nth-child(6) {
        width: 14%;
        display: none;
        float: left;
    }

    .bottom div:nth-child(6) img {
        width: 100%;
    }

    .copy {
        width: 100%;
        background-color: #004E9D;
        border-top: 1px solid white;
    }

    .copy p {
        text-align: center;
        color: white;
        line-height: 50px;
    }
}

/******************************************************发展历程*****************************************************/
.lc01 {
    width: 25%;
    float: left;
}

.lc02 {
    width: 70%;
    float: right;
    margin-left: 5%;
    border-left: 1px solid rgba(150, 150, 150, 1.00);
}

.lc02 div:nth-child(1) {
    width: 7%;
    float: left;
}

.lc02 div:nth-child(1) img {
    float: left;
    margin-left: -5px;
    margin-top: 50px;
}

.lc02 div:nth-child(2) {
    width: 93%;
    float: right;
}

.lc_list {
    width: 100% !important;
    background-color: #f2f2f2;
    padding: 50px;
    transition: .5s;
    margin-bottom: 30px;
}

.lc_list h2 {
    color: #004E9D;
    font-weight: normal;
    transition: .5s;
}

.lc_list:hover {
    background-color: #004E9D;
    color: white;
}

.lc_list:hover h2 {
    color: white;
}

@media(max-width:1350px) {
    .lc01 {
        width: 25%;
        float: left;
    }

    .lc01 img {
        width: 100%;
    }

    .lc02 {
        width: 70%;
        float: right;
        margin-left: 5%;
        border-left: 1px solid rgba(150, 150, 150, 1.00);
    }

    .lc02 div:nth-child(1) {
        width: 7%;
        float: left;
    }

    .lc02 div:nth-child(1) img {
        float: left;
        margin-left: -5px;
        margin-top: 50px;
    }

    .lc02 div:nth-child(2) {
        width: 93%;
        float: right;
    }

    .lc_list {
        width: 100% !important;
        background-color: #f2f2f2;
        padding: 50px;
        transition: .5s;
        margin-bottom: 30px;
    }

    .lc_list h2 {
        color: #004E9D;
        font-weight: normal;
        transition: .5s;
    }

    .lc_list:hover {
        background-color: #004E9D;
        color: white;
    }

    .lc_list:hover h2 {
        color: white;
    }
}

@media(max-width:700px) {
    .lc01 {
        width: 25%;
        float: left;
        display: none;
    }

    .lc01 img {
        width: 100%;
    }

    .lc02 {
        width: 96%;
        float: right;
        margin: 0 2%;
        border-left: 1px solid rgba(150, 150, 150, 1.00);
    }

    .lc02 div:nth-child(1) {
        width: 4%;
        float: left;
    }

    .lc02 div:nth-child(1) img {
        float: left;
        margin-left: -5px;
        margin-top: 50px;
    }

    .lc02 div:nth-child(2) {
        width: 96%;
        float: right;
    }

    .lc_list {
        width: 100% !important;
        background-color: #f2f2f2;
        padding: 50px;
        transition: .5s;
        margin-bottom: 30px;
    }

    .lc_list h2 {
        color: #004E9D;
        font-weight: normal;
        transition: .5s;
    }

    .lc_list:hover {
        background-color: #004E9D;
        color: white;
    }

    .lc_list:hover h2 {
        color: white;
    }
}

/*产品*/
.cp_t {
    width: 100%;
    margin: 0 auto;
    margin-bottom: 30px;
}

.cp_t a {
    text-align: center;
    color: black;
    background-color: #ececec;
    display: inline-block;
    padding: 5px 15px;
    font-size: 16px;
    margin: 0 8px;
}

.cp_t a:hover {
    text-align: center;
    color: white;
    background-color: #004E9D;
    display: inline-block;
    padding: 5px 15px;
    font-size: 16px;
    margin: 0 8px;
}

@media (max-width:700px) {
    .cpbt {
        margin-top: 0px;
    }

    .cp_t {
        width: 100%;
        margin: 0 auto;
        margin-bottom: 30px;
    }

    .cp_t a {
        text-align: center;
        color: black;
        background-color: #ececec;
        display: inline-block;
        padding: 5px 10px;
        font-size: 14px;
        margin: 0 4px;
    }

    .cp_t a:hover {
        text-align: center;
        color: white;
        background-color: #004E9D;
        display: inline-block;
        padding: 5px 15px;
        font-size: 16px;
        margin: 0 8px;
    }
}

.cp_zs {
    width: 100%;
    background: url(/skin/img/cp_bg.png) 0 0 no-repeat;
    padding-left: 15%;
    padding-right: 15%;
    padding-top: 160px;
    padding-bottom: 60px;
}

.cp_js table tr td {
    text-align: left !important;
}

.cp_js table tr:hover {
    background-color: #f2f2f2;
}

.cp_zs div {
    width: 50%;
}

.cp_zs div:nth-child(1) {
    float: left;
}

.cp_zs div:nth-child(1) img {
    margin: 0 auto;
    background-color: white;
}

.cp_zs div:nth-child(2) {
    float: right;
    padding: 0 50px;
}

.cp_zs div h2 {
    color: #004E9D;
    font-size: 30px;
    margin: 0 auto;
    font-weight: normal;
}

.cp_zs div h4 {
    font-weight: normal;
    margin: 0 auto;
    margin-top: 20px;
    margin-bottom: 20px;
    font-size: 18px;
    color: black;
}

.cp_b {
    width: 100%;
    background-color: #004E9D;
    color: white;
}

.cp_b h2 {
    text-align: center;
    font-weight: normal;
    line-height: 80px;
}

@media (max-width:1350px) {
    .cp_zs {
        width: 100%;
        background: url(/skin/img/cp_bg.png) 0 0 no-repeat;
        padding-left: 5%;
        padding-right: 5%;
        padding-top: 160px;
        padding-bottom: 60px;
    }

    .cp_zs div {
        width: 50%;
    }

    .cp_zs div:nth-child(1) {
        float: left;
    }

    .cp_zs div:nth-child(1) img {
        margin: 0 auto;
    }

    .cp_zs div:nth-child(2) {
        float: right;
        padding: 0 50px;
    }

    .cp_zs div h2 {
        color: #004E9D;
        font-size: 30px;
        margin: 0 auto;
        font-weight: normal;
    }

    .cp_zs div h4 {
        font-weight: normal;
        margin: 0 auto;
        margin-top: 20px;
        margin-bottom: 20px;
        font-size: 18px;
        color: black;
    }

    .cp_b {
        width: 100%;
        background-color: #004E9D;
        color: white;
    }

    .cp_b h2 {
        text-align: center;
        font-weight: normal;
        line-height: 80px;
    }
}

@media (max-width:1000px) {
    .cp_zs {
        width: 100%;
        background: url(/skin/img/cp_bg.png) 0 0 no-repeat;
        padding-left: 0px;
        padding-right: 0px;
        padding-top: 160px;
        padding-bottom: 60px;
    }

    .cp_zs div {
        width: 50%;
    }

    .cp_zs div:nth-child(1) {
        float: left;
    }

    .cp_zs div:nth-child(1) img {
        margin: 0 auto;
    }

    .cp_zs div:nth-child(2) {
        float: right;
        padding: 0 50px;
    }

    .cp_zs div h2 {
        color: #004E9D;
        font-size: 30px;
        margin: 0 auto;
        font-weight: normal;
    }

    .cp_zs div h4 {
        font-weight: normal;
        margin: 0 auto;
        margin-top: 20px;
        margin-bottom: 20px;
        font-size: 18px;
        color: black;
    }

    .cp_b {
        width: 100%;
        background-color: #004E9D;
        color: white;
    }

    .cp_b h2 {
        text-align: center;
        font-weight: normal;
        line-height: 80px;
    }
}

@media (max-width:700px) {
    .cp_zs {
        width: 100%;
        background: url(/skin/img/cp_bg.png) 0 0 no-repeat;
        background-size: 100% 100%;
        padding-top: 120px;
        padding-bottom: 60px;
        overflow: hidden;
    }

    .cp_zs div {
        width: 100%;
    }

    .cp_zs div:nth-child(1) {
        float: left;
        width: 100%;
        padding: 0px 10px;
    }

    .cp_zs div:nth-child(1) img {
        margin: 0 auto;
        max-width: 100%;
    }

    .cp_zs div:nth-child(2) {
        float: right;
        width: 100%;
        margin-top: 30px;
        padding: 0 10px;
    }

    .cp_zs div h2 {
        color: #004E9D;
        font-size: 24px;
        margin: 0 auto;
        font-weight: normal;
    }

    .cp_zs div h4 {
        font-weight: normal;
        margin: 0 auto;
        margin-top: 20px;
        margin-bottom: 20px;
        font-size: 18px;
        color: black;
    }

    .cp_b {
        width: 100%;
        background-color: #004E9D;
        color: white;
    }

    .cp_b h2 {
        text-align: center;
        font-weight: normal;
        line-height: 80px;
    }
}

/*服务案例*/
.anli {
    width: 69%;
    margin: 0 auto;
    margin-top: 60px;
}

.anli div:nth-child(even) .anli_img {
    float: right;
    margin-left: 40px;
}

.anli div:nth-child(odd) .anli_img {
    float: left;
    margin-right: 40px;
}

.anli div {
    background-color: #f2f2f2;
}

.al_b {
    margin-bottom: 40px;
}

.anli_img {
    width: 50%;
    overflow: hidden;
    height: 300px;
    position: relative;
}

.anli_img img {
    transition: .5s all;
}

.anli_img img:nth-child(1) {
    position: absolute;
    top: 0px;
    left: 0px;
    z-index: 99;
}

.anli_img:hover img {
    transform: scale(1.05);
}

.anli_js {}

.anli_js h2 {
    font-size: 24px;
    padding-bottom: 20px;
    padding-top: 40px;
    padding-left: 40px;
    color: black;
}

.anli_js p {
    margin-top: 0px;
    padding: 0 40px;
    font-size: 14px;
    line-height: 24px;
    color: black;
}

.anli_js a {
    color: black;
    display: block;
    padding-top: 30px;
    padding-bottom: 0px;
}

@media (max-width:1270px) {
    .anli {
        width: 85%;
        margin: 0 auto;
    }

    .anli div:nth-child(even) .anli_img {
        float: right;
        margin-left: 40px;
    }

    .anli div:nth-child(odd) .anli_img {
        float: left;
        margin-right: 40px;
    }

    .anli div {
        background-color: white;
    }

    .anli_img {
        width: 50%;
        overflow: hidden;
        height: 300px;
    }

    .anli_img img {
        transition: .5s all;
    }

    .anli_img:hover img {
        transform: scale(1.05);
    }

    .anli_js {}

    .anli_js h2 {
        font-size: 24px;
        padding-bottom: 20px;
        padding-top: 40px;
        padding-left: 40px;
        color: black;
    }

    .anli_js p {
        margin-top: 0px;
        padding: 0 40px;
        font-size: 14px;
        line-height: 24px;
        color: black;
    }

    .anli_js a {
        color: black;
        display: block;
        padding-top: 30px;
        padding-bottom: 0px;
    }
}

@media (max-width:900px) {
    .anli {
        width: 85%;
        margin: 0 auto;
    }

    .anli div:nth-child(even) .anli_img {
        float: none;
        margin-left: 0px;
    }

    .anli div:nth-child(odd) .anli_img {
        float: none;
        margin-right: 0px;
    }

    .anli div {
        background-color: white;
    }

    .anli_img {
        width: 100%;
        overflow: hidden;
        height: auto;
    }

    .anli_img img {
        transition: .5s all;
        width: 100%;
    }

    .anli_img:hover img {
        transform: scale(1.05);
    }

    .anli_js {}

    .anli_js h2 {
        font-size: 24px;
        padding-bottom: 20px;
        padding-top: 40px;
        padding-left: 40px;
        color: black;
    }

    .anli_js p {
        margin-top: 0px;
        padding: 0 40px;
        font-size: 14px;
        line-height: 24px;
        color: black;
    }

    .anli_js a {
        color: black;
        display: block;
        padding-top: 30px;
        padding-bottom: 0px;
    }
}

@media (max-width:700px) {
    .anli {
        width: 96%;
        margin: 0 2%;
    }

    .anli div:nth-child(even) .anli_img {
        float: none;
        margin-left: 0px;
    }

    .anli div:nth-child(odd) .anli_img {
        float: none;
        margin-right: 0px;
    }

    .anli div {
        margin-top: 30px;
        background-color: #f2f2f2;
    }

    .anli_img {
        width: 100%;
        overflow: hidden;
        height: auto;
    }

    .anli_img img {
        transition: .5s all;
        width: 100%;
    }

    .anli_img:hover img {
        transform: scale(1.05);
    }

    .anli_js {}

    .anli_js h2 {
        font-size: 24px;
        padding-bottom: 20px;
        padding-top: 0px;
        padding-left: 10px;
        padding-right: 10px;
        color: black;
    }

    .anli_js p {
        margin-top: 0px;
        padding: 0 10px;
        font-size: 14px;
        line-height: 24px;
        color: black;
    }

    .anli_js a {
        color: black;
        display: block;
        padding-top: 30px;
        padding-bottom: 0px;
    }
}

/************************************新闻动态*************************************/
.new_lei {
    width: 100%;
    margin: 0 auto;
    margin-bottom: 60px;
    background-color: #004E9D;
}

.new_lei a {
    display: inline-block;
    font-size: 16px;
    padding: 20px 30px;
}

.new_lei a:hover {
    font-size: 16px;
    padding: 20px 30px;
    color: #004E9D;
    background-color: white;
}

.new {
    width: 100%;
    margin: 0 auto;
    margin-top: 40px;
}

.new div:nth-child(1) {
    width: 10%;
    float: left;
    background-color: #004E9D;
    border-radius: 10px;
    overflow: hidden;
    transition: .5s;
}

.new:hover div:nth-child(1) {
    width: 10%;
    float: left;
    background-color: red;
    border-radius: 10px;
    overflow: hidden;
}

.new div:nth-child(1) h1 {
    text-align: center;
    color: white;
    font-size: 40px;
    padding: 30px 0px;
}

.new div:nth-child(1) p {
    padding: 0px 5px;
    background-color: rgba(0, 0, 0, 0.3);
    text-align: center;
    color: white;
    line-height: 30px;
}

.new div:nth-child(2) {
    width: 25%;
    float: left;
    padding: 0 20px;
    overflow: hidden;
}

.new div:nth-child(2) img {
    width: 100%;
    transition: .5s;
    overflow: hidden;
}

.new div:nth-child(3) {
    width: 65%;
    float: left;
}

.new div:nth-child(3) h2 {
    font-weight: normal;
    color: #004E9D;
    font-size: 26px;
}

.new div:nth-child(3) p {
    line-height: 24px;
    font-size: 14px;
    margin-top: 16px;
}

.new div:nth-child(3) h6 {
    font-weight: normal;
    margin: 0 auto;
    padding-left: 30px;
    font-size: 14px;
    background: url(/skin/img/yj.png) 0 6px no-repeat;
    margin-top: 10px;
}

@media (max-width:1000px) {
    .new_lei {
        width: 100%;
        margin: 0 auto;
        margin-bottom: 60px;
        background-color: #004E9D;
    }

    .new_lei a {
        display: inline-block;
        font-size: 16px;
        padding: 20px 30px;
    }

    .new_lei a:hover {
        font-size: 16px;
        padding: 20px 30px;
        color: #004E9D;
        background-color: white;
    }

    .new {
        width: 100%;
        margin: 0 auto;
        margin-top: 40px;
    }

    .new div:nth-child(1) {
        width: 10%;
        float: left;
        background-color: #004E9D;
        border-radius: 10px;
        overflow: hidden;
        display: none;
    }

    .new div:nth-child(1) h1 {
        text-align: center;
        color: white;
        font-size: 40px;
        padding: 30px 0px;
    }

    .new div:nth-child(1) p {
        padding: 0px 5px;
        background-color: rgba(0, 0, 0, 0.3);
        text-align: center;
        color: white;
    }

    .new div:nth-child(2) {
        width: 35%;
        float: left;
        padding: 0 20px;
    }

    .new div:nth-child(2) img {
        width: 100%;
    }

    .new div:nth-child(3) {
        width: 65%;
        float: left;
    }

    .new div:nth-child(3) h2 {
        font-weight: normal;
        color: #004E9D;
        font-size: 26px;
    }

    .new div:nth-child(3) p {
        line-height: 24px;
        font-size: 14px;
        margin-top: 16px;
    }

    .new div:nth-child(3) h6 {
        font-weight: normal;
        margin: 0 auto;
        padding-left: 30px;
        font-size: 14px;
        background: url(/skin/img/yj.png) 0 6px no-repeat;
        margin-top: 10px;
    }
}

@media (max-width:700px) {
    .new_lei {
        width: 100%;
        margin: 0 auto;
        margin-bottom: 30px;
        background-color: #004E9D;
    }

    .new_lei a {
        display: inline-block;
        font-size: 14px;
        padding: 20px 8px;
    }

    .new_lei a:hover {
        font-size: 16px;
        padding: 20px 30px;
        color: #004E9D;
        background-color: white;
    }

    .new {
        width: 96%;
        margin: 0 2%;
        margin-top: 40px;
        background-color: #f2f2f2;
    }

    .new div:nth-child(1) {
        width: 100%;
        float: left;
        background-color: #004E9D;
        border-radius: 10px;
        overflow: hidden;
        display: none;
    }

    .new div:nth-child(1) h1 {
        text-align: center;
        color: white;
        font-size: 40px;
        padding: 30px 0px;
    }

    .new div:nth-child(1) p {
        padding: 0px 5px;
        background-color: rgba(0, 0, 0, 0.3);
        text-align: center;
        color: white;
    }

    .new div:nth-child(2) {
        width: 100%;
        float: left;
        padding: 0 0px;
    }

    .new div:nth-child(2) img {
        width: 100%;
    }

    .new div:nth-child(3) {
        width: 100%;
        float: left;
        padding: 10px;
    }

    .new div:nth-child(3) h2 {
        font-weight: normal;
        color: #004E9D;
        font-size: 26px;
    }

    .new div:nth-child(3) p {
        line-height: 24px;
        font-size: 14px;
        margin-top: 16px;
    }

    .new div:nth-child(3) h6 {
        font-weight: normal;
        margin: 0 auto;
        padding-left: 30px;
        font-size: 14px;
        background: url(/skin/img/yj.png) 0 6px no-repeat;
        margin-top: 10px;
    }
}

/************************************联系我们*************************************/
.lx_bg {
    background-color: #f2f2f2;
    width: 100%;
    margin-top: 30px;
    padding: 40px;
}

.lx01 {
    width: 100%;
    margin: 0 auto;
    background: url(/skin/img/line02.png) 0 13.5px no-repeat;
}

.lx01 h2 {
    text-align: center;
    color: #004E9D;
    width: 400px;
    background-color: #f2f2f2;
    margin-left: calc((100% - 400px) / 2);
}

.lx02 div:nth-child(1) {
    width: 100%;
    background-color: white;
    padding: 40px;
    /*float: left;*/
    margin-top: 30px;
    height: 280px;
}

/*.lx02 div:nth-child(2){width: 48%; padding: 40px; background-color: white; float: right; margin-top: 30px; height: 280px; }*/
@media (max-width:1350px) {
    .lx_bg {
        background-color: #f2f2f2;
        width: 100%;
        margin-top: 30px;
        padding: 40px;
    }

    .lx01 {
        width: 100%;
        margin: 0 auto;
        background: url(/skin/img/line02.png) 0 13.5px no-repeat;
    }

    .lx01 h2 {
        text-align: center;
        color: #004E9D;
        width: 400px;
        background-color: #f2f2f2;
        margin-left: calc((100% - 400px) / 2);
    }

    .lx02 div:nth-child(1) {
        width: 100%;
        background-color: white;
        padding: 40px;
        /*float: left;*/
        margin-top: 30px;
        height: 280px;
    }

    /*.lx02 div:nth-child(2){width: 48%; padding: 40px; background-color: white; float: right; margin-top: 30px; height: 280px; } .lx02 div:nth-child(2) img{width: 100%; }*/
}

@media (max-width:700px) {
    .lx_bg {
        background-color: #f2f2f2;
        width: 100%;
        margin-top: 30px;
        padding: 40px;
    }

    .lx01 {
        width: 100%;
        margin: 0 auto;
        background: url(/skin/img/line02.png) 0 13.5px no-repeat;
    }

    .lx01 h2 {
        text-align: center;
        color: #004E9D;
        width: 400px;
        background-color: #f2f2f2;
        margin-left: calc((100% - 400px) / 2);
    }

    /*.lx02 div:nth-child(1){width: 96%; margin: 0 2%; background-color: white; padding: 40px; float: left; margin-top: 30px; height: 280px; }*/
    .lx02 div:nth-child(2) {
        width: 96%;
        margin: 0 2%;
        padding: 40px;
        background-color: white;
        float: right;
        margin-top: 30px;
        height: 280px;
    }

    .lx02 div:nth-child(2) img {
        width: 100%;
    }
}

/************************************荣誉资质*************************************/
.ry {
    width: 100%;
    margin-top: 0px;
}

.ry div {
    width: 31.6%;
    float: left;
    margin-bottom: 30px;
}

.ry div:nth-child(2) {
    margin: 0 2.5%;
    margin-bottom: 30px;
}

.ry div:nth-child(5) {
    margin: 0 2.5%;
    margin-bottom: 30px;
}

.ry div:nth-child(8) {
    margin: 0 2.5%;
    margin-bottom: 30px;
}

.ry div img {
    padding: 10px;
    width: 100%;
    border: 1px solid #bfbfbf;
}

.ry div p {
    text-align: center;
    font-size: 18px;
    margin: 0 auto;
    margin-top: 10px;
}

@media (max-width:1350px) {
    .ry {
        width: 100%;
        margin-top: 0px;
    }

    .ry div {
        width: 31.6%;
        float: left;
        margin-bottom: 30px;
    }

    .ry div:nth-child(2) {
        margin: 0 2.5%;
        margin-bottom: 30px;
    }

    .ry div:nth-child(5) {
        margin: 0 2.5%;
        margin-bottom: 30px;
    }

    .ry div:nth-child(8) {
        margin: 0 2.5%;
        margin-bottom: 30px;
    }

    .ry div img {
        padding: 10px;
        border: 1px solid #bfbfbf;
    }

    .ry div p {
        text-align: center;
        font-size: 18px;
        margin: 0 auto;
        margin-top: 10px;
    }
}

@media (max-width:700px) {
    .ry {
        width: 100%;
        margin-top: 0px;
    }

    .ry div {
        width: 49%;
        float: left;
        margin-bottom: 30px;
    }

    .ry div:nth-child(2) {
        margin: 0 1%;
        margin-bottom: 30px;
    }

    .ry div:nth-child(5) {
        margin: 0 1%;
        margin-bottom: 30px;
    }

    .ry div:nth-child(8) {
        margin: 0 1%;
        margin-bottom: 30px;
    }

    .ry div img {
        padding: 10px;
        border: 1px solid #bfbfbf;
    }

    .ry div p {
        text-align: center;
        font-size: 18px;
        margin: 0 auto;
        margin-top: 10px;
    }
}

/************************************研发团队*************************************/
.yf {
    width: 100%;
    margin: 0 auto;
    margin-top: 50px;
}

.yf h2 {
    margin: 0 auto;
    color: #004E9D;
    font-weight: normal;
}

.yf h4 {
    font-size: 18px;
    color: black;
    text-align: center;
    margin-top: 10px;
}

.yf p {
    margin-top: 10px;
    font-size: 16px;
    text-align: justify;
}

.yf02 {
    width: 100%;
    margin-top: 30px;
}

.yf02 div {
    width: 31.6%;
    float: left;
    overflow: hidden;
}

.yf02 div:nth-child(2) {
    width: 31.6%;
    margin: 0 2.5%;
}

.yf02 div img {
    width: 100%;
    display: block;
    overflow: hidden;
    transition: .5s;
}

.yf02 div img:hover {
    width: 100%;
    display: block;
    transform: scale(1.05);
}

.yf02 div:nth-child(2) img:nth-child(2) {
    width: 100%;
    display: block;
    margin-top: 20px;
}

.yf02 div:nth-child(3) img:nth-child(2) {
    width: 100%;
    display: block;
    margin-top: 20px;
}

@media (max-width:700px) {
    .yf {
        width: 95%;
        margin: 0 2.5%;
        margin-top: 20px;
    }

    .yf h2 {
        margin: 0 auto;
        color: #004E9D;
        font-weight: normal;
    }

    .yf h4 {
        font-size: 18px;
        color: black;
        text-align: center;
        margin-top: 10px;
    }

    .yf p {
        margin-top: 10px;
        font-size: 16px;
        text-align: justify;
    }

    .yf02 {
        width: 100%;
        margin-top: 30px;
    }

    .yf02 div {
        width: 95%;
        margin: 2.5%;
        float: left;
        overflow: hidden;
    }

    .yf02 div:nth-child(2) {
        width: 95%;
        margin: 2.5%;
    }

    .yf02 div img {
        width: 100%;
        display: block;
        overflow: hidden;
        transition: .5s;
    }

    .yf02 div img:hover {
        width: 100%;
        display: block;
        transform: scale(1.05);
    }

    .yf02 div:nth-child(2) img:nth-child(2) {
        width: 100%;
        display: block;
        margin-top: 20px;
    }

    .yf02 div:nth-child(3) img:nth-child(2) {
        width: 100%;
        display: block;
        margin-top: 20px;
    }
}

.ly {
    width: 100%;
}

.ly h2 {
    font-size: 30px;
}

.ly div {
    width: 31.6%;
    float: left;
}

.ly div input {
    width: 100%;
    line-height: 40px;
    padding: 0px 10px;
    border: 1px solid rgba(205, 205, 205, 1.00);
}

.ly div:nth-child(2) input {
    background: url(/skin/img/online01_icon1.png) 99% -5px no-repeat;
}

.ly div:nth-child(3) input {
    background: url(/skin/img/online01_icon2.png) 99% -5px no-repeat;
}

.ly div:nth-child(4) input {
    background: url(/skin/img/online01_icon3.png) 99% -5px no-repeat;
}

.ly div:nth-child(3) {
    margin: 0 2.5%;
}

.ly textarea {
    font-family: "微软雅黑";
    width: 100%;
    height: 200px;
    margin-top: 30px;
    line-height: 40px;
    padding: 0px 10px;
    background: url(/skin/img/online01_icon4.png) 99.5% -5px no-repeat;
}

@media (max-width:600px) {
    .box-about03 {
        margin-top: 0px;
    }

    .ly {
        width: 95%;
        margin: 0 2.5%;
    }

    .ly h2 {
        padding-top: 20px;
        font-size: 22px;
        margin-top: 0px;
    }

    .ly div {
        width: 100%;
        float: left;
    }

    .ly div input {
        width: 100%;
        line-height: 40px;
        padding: 0px 10px;
        margin-top: 30px;
        border: 1px solid rgba(205, 205, 205, 1.00);
    }

    .ly div:nth-child(2) input {
        background: url(/skin/img/online01_icon1.png) 99% -5px no-repeat;
    }

    .ly div:nth-child(3) input {
        background: url(/skin/img/online01_icon2.png) 99% -5px no-repeat;
    }

    .ly div:nth-child(4) input {
        background: url(/skin/img/online01_icon3.png) 99% -5px no-repeat;
    }

    .ly div:nth-child(3) {
        margin: 0px;
    }

    .ly textarea {
        width: 100%;
        height: 200px;
        margin-top: 30px;
        line-height: 40px;
        padding: 0px 10px;
        background: url(/skin/img/online01_icon4.png) 99.5% -5px no-repeat;
    }
}

.head {
    width: 1200px;
}

/*.nav_menu3,
.nav_menu3 ul,
.nav_menu3 ul li,
.nav_menu3 ul li a,
.nav_menu3 #menu-button {
    margin: 0;
    padding: 0;
    border: 0;
    list-style: none;
    line-height: 1;
    display: block;
    position: relative;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}

.nav_menu3 #menu-button {
    margin-top: 100px;
    background: #F00;
    position: absolute;
    z-index: 99999;
}

.nav_menu3:after,
.nav_menu3>ul:after {
    content: ".";
    display: block;
    clear: both;
    visibility: hidden;
    line-height: 0;
    height: 0;
}

.nav_menu3 #menu-button {
    display: none;
}

.nav_menu3 {
    width: auto;
    line-height: 1;
    background: rgba(0, 0, 0, 0.4);
    background-color: rgba(0, 0, 0, 0.4);
    position: fixed;
    top: 0px;
    left: 0px;
    z-index: 999;
    width: 100%;
}

#menu-line {
    position: absolute;
    top: 0;
    left: 0;
    height: 3px;
    background: #990B2C;
    -webkit-transition: all 0.25s ease-out;
    -moz-transition: all 0.25s ease-out;
    -ms-transition: all 0.25s ease-out;
    -o-transition: all 0.25s ease-out;
    transition: all 0.25s ease-out;
}

.nav_menu3>ul>li {
    float: left;
    width: 12.5%;
}

.nav_menu3>ul>li:first-of-type {
    width: 25%;
}

.nav_menu3.align-center>ul {
    font-size: 0;
    text-align: center;
}

.nav_menu3.align-center>ul>li {
    display: inline-block;
    float: none;
}

.nav_menu3.align-center ul ul {
    text-align: left;
}

.nav_menu3.align-right>ul>li {
    float: right;
}

.nav_menu3.align-right ul ul {
    text-align: right;
}

.nav_menu3>ul>li>a {
    padding: 30px 10px 29px 10px;
    text-decoration: none;
    text-transform: uppercase;
    color: #fff;
    font-size: 18px;
    -webkit-transition: color .2s ease;
    -moz-transition: color .2s ease;
    -ms-transition: color .2s ease;
    -o-transition: color .2s ease;
    transition: color .2s ease;
}

.nav_menu3>ul>li:hover>a {
    color: #fff;
}

.nav_menu3>ul>li.nav-has-sub>a {
    padding-right: 25px;
}

.nav_menu3 > ul > li.nav-has-sub > a::after {position: absolute; top: 35px; right: 10px; width: 4px; height: 4px; border-bottom: 1px solid #990B2C; border-right: 1px solid #990B2C; content: ""; -webkit-transform: rotate(45deg); -moz-transform: rotate(45deg); -ms-transform: rotate(45deg); -o-transform: rotate(45deg); transform: rotate(45deg); -webkit-transition: border-color 0.2s ease; -moz-transition: border-color 0.2s ease; -ms-transition: border-color 0.2s ease; -o-transition: border-color 0.2s ease; transition: border-color 0.2s ease; }
.nav_menu3>ul>li.nav-has-sub:hover>a::after {
    border-color: #990B2C;
}

.nav_menu3 ul ul {
    position: absolute;
    left: -9999px;
}

.nav_menu3>ul>li>ul {
    border-top: 1px solid #FFF;
}

.nav_menu3 li:hover>ul {
    left: auto;
}

.nav_menu3.align-right li:hover>ul {
    right: 0;
}

.nav_menu3 ul ul ul {
    margin-left: 100%;
    top: 0;
}

.nav_menu3.align-right ul ul ul {
    margin-left: 0;
    margin-right: 100%;
}

.nav_menu3 ul ul li {
    height: 0;
    -webkit-transition: height .2s ease;
    -moz-transition: height .2s ease;
    -ms-transition: height .2s ease;
    -o-transition: height .2s ease;
    transition: height .2s ease;
}

.nav_menu3 ul li:hover>ul>li {
    height: auto;
}

.nav_menu3 ul ul li a {
    padding: 20px 20px;
    width: 200px;
    background: #004E9D;
    text-decoration: none;
    color: #fff;
    -webkit-transition: color .2s ease;
    -moz-transition: color .2s ease;
    -ms-transition: color .2s ease;
    -o-transition: color .2s ease;
    transition: color .2s ease;
    border-top: 1px solid #004E9D;
    line-height: 20px;
}

.nav_menu3 ul ul li:hover>a,
.nav_menu3 ul ul li a:hover {
    color: #004E9D;
    background: #FFF;
    border-top: 1px solid #FFF;
}

.nav_menu3 ul ul li.nav-has-sub>a::after {
    position: absolute;
    top: 25px;
    right: 10px;
    width: 4px;
    height: 4px;
    border-bottom: 1px solid #eee;
    border-right: 1px solid #eee;
    content: "";
    -webkit-transform: rotate(-45deg);
    -moz-transform: rotate(-45deg);
    -ms-transform: rotate(-45deg);
    -o-transform: rotate(-45deg);
    transform: rotate(-45deg);
    -webkit-transition: border-color 0.2s ease;
    -moz-transition: border-color 0.2s ease;
    -ms-transition: border-color 0.2s ease;
    -o-transition: border-color 0.2s ease;
    transition: border-color 0.2s ease;
}

.nav_menu3.align-right ul ul li.nav-has-sub>a::after {
    right: auto;
    left: 10px;
    border-bottom: 0;
    border-right: 0;
    border-top: 1px solid #dddddd;
    border-left: 1px solid #dddddd;
}

.nav_menu3 ul ul li.nav-has-sub:hover>a::after {
    border-color: #004E9D;
}

@media (max-width:1200px) {
    .head {
        width: 1000px;
    }

    .nav_menu3,
    .nav_menu3 ul,
    .nav_menu3 ul li,
    .nav_menu3 ul li a,
    .nav_menu3 #menu-button {
        margin: 0;
        padding: 0;
        border: 0;
        list-style: none;
        line-height: 1;
        display: block;
        position: relative;
        -webkit-box-sizing: border-box;
        -moz-box-sizing: border-box;
        box-sizing: border-box;
    }

    .nav_menu3 #menu-button {
        margin-top: 100px;
        background: #F00;
        position: absolute;
        z-index: 99999;
    }

    .nav_menu3:after,
    .nav_menu3>ul:after {
        content: ".";
        display: block;
        clear: both;
        visibility: hidden;
        line-height: 0;
        height: 0;
    }

    .nav_menu3 #menu-button {
        display: none;
    }

    .nav_menu3 {
        width: auto;
        line-height: 1;
        background: rgba(0, 0, 0, 0.4);
        background-color: rgba(0, 0, 0, 0.4);
        position: fixed;
        top: 0px;
        left: 0px;
        z-index: 999;
        width: 100%;
    }

    #menu-line {
        position: absolute;
        top: 0;
        left: 0;
        height: 3px;
        background: #990B2C;
        -webkit-transition: all 0.25s ease-out;
        -moz-transition: all 0.25s ease-out;
        -ms-transition: all 0.25s ease-out;
        -o-transition: all 0.25s ease-out;
        transition: all 0.25s ease-out;
    }

    .nav_menu3>ul>li {
        float: left;
        width: 14.28%;
    }

    .nav_menu3.align-center>ul {
        font-size: 0;
        text-align: center;
    }

    .nav_menu3.align-center>ul>li {
        display: inline-block;
        float: none;
    }

    .nav_menu3.align-center ul ul {
        text-align: left;
    }

    .nav_menu3.align-right>ul>li {
        float: right;
    }

    .nav_menu3.align-right ul ul {
        text-align: right;
    }

    .nav_menu3>ul>li>a {
        padding: 30px 10px 29px 10px;
        text-decoration: none;
        text-transform: uppercase;
        color: #fff;
        font-size: 18px;
        -webkit-transition: color .2s ease;
        -moz-transition: color .2s ease;
        -ms-transition: color .2s ease;
        -o-transition: color .2s ease;
        transition: color .2s ease;
    }

    .nav_menu3>ul>li:hover>a {
        color: #fff;
    }

    .nav_menu3>ul>li.nav-has-sub>a {
        padding-right: 25px;
    }

    .nav_menu3 > ul > li.nav-has-sub > a::after {position: absolute; top: 35px; right: 10px; width: 4px; height: 4px; border-bottom: 1px solid #990B2C; border-right: 1px solid #990B2C; content: ""; -webkit-transform: rotate(45deg); -moz-transform: rotate(45deg); -ms-transform: rotate(45deg); -o-transform: rotate(45deg); transform: rotate(45deg); -webkit-transition: border-color 0.2s ease; -moz-transition: border-color 0.2s ease; -ms-transition: border-color 0.2s ease; -o-transition: border-color 0.2s ease; transition: border-color 0.2s ease; }
    .nav_menu3>ul>li.nav-has-sub:hover>a::after {
        border-color: #990B2C;
    }

    .nav_menu3 ul ul {
        position: absolute;
        left: -9999px;
    }

    .nav_menu3>ul>li>ul {
        border-top: 1px solid #FFF;
    }

    .nav_menu3 li:hover>ul {
        left: auto;
    }

    .nav_menu3.align-right li:hover>ul {
        right: 0;
    }

    .nav_menu3 ul ul ul {
        margin-left: 100%;
        top: 0;
    }

    .nav_menu3.align-right ul ul ul {
        margin-left: 0;
        margin-right: 100%;
    }

    .nav_menu3 ul ul li {
        height: 0;
        -webkit-transition: height .2s ease;
        -moz-transition: height .2s ease;
        -ms-transition: height .2s ease;
        -o-transition: height .2s ease;
        transition: height .2s ease;
    }

    .nav_menu3 ul li:hover>ul>li {
        height: 52px;
    }

    .nav_menu3 ul ul li a {
        padding: 20px 20px;
        width: 160px;
        background: #004E9D;
        text-decoration: none;
        color: #eeeeee;
        -webkit-transition: color .2s ease;
        -moz-transition: color .2s ease;
        -ms-transition: color .2s ease;
        -o-transition: color .2s ease;
        transition: color .2s ease;
        border-top: 1px solid #004E9D;
    }

    .nav_menu3 ul ul li:hover>a,
    .nav_menu3 ul ul li a:hover {
        color: #004E9D;
        background: #FFF;
        border-top: 1px solid #FFF;
    }

    .nav_menu3 ul ul li.nav-has-sub>a::after {
        position: absolute;
        top: 25px;
        right: 10px;
        width: 4px;
        height: 4px;
        border-bottom: 1px solid #eee;
        border-right: 1px solid #eee;
        content: "";
        -webkit-transform: rotate(-45deg);
        -moz-transform: rotate(-45deg);
        -ms-transform: rotate(-45deg);
        -o-transform: rotate(-45deg);
        transform: rotate(-45deg);
        -webkit-transition: border-color 0.2s ease;
        -moz-transition: border-color 0.2s ease;
        -ms-transition: border-color 0.2s ease;
        -o-transition: border-color 0.2s ease;
        transition: border-color 0.2s ease;
    }

    .nav_menu3.align-right ul ul li.nav-has-sub>a::after {
        right: auto;
        left: 10px;
        border-bottom: 0;
        border-right: 0;
        border-top: 1px solid #dddddd;
        border-left: 1px solid #dddddd;
    }

    .nav_menu3 ul ul li.nav-has-sub:hover>a::after {
        border-color: #004E9D;
    }
}

@media (max-width:1000px) {
    .head {
        width: 1000px;
    }

    .nav_menu3,
    .nav_menu3 ul,
    .nav_menu3 ul li,
    .nav_menu3 ul li a,
    .nav_menu3 #menu-button {
        margin: 0;
        padding: 0;
        border: 0;
        list-style: none;
        line-height: 1;
        display: block;
        position: relative;
        -webkit-box-sizing: border-box;
        -moz-box-sizing: border-box;
        box-sizing: border-box;
    }

    .nav_menu3 #menu-button {
        margin-top: 100px;
        background: #F00;
        position: absolute;
        z-index: 99999;
    }

    .nav_menu3:after,
    .nav_menu3>ul:after {
        content: ".";
        display: block;
        clear: both;
        visibility: hidden;
        line-height: 0;
        height: 0;
    }

    .nav_menu3 #menu-button {
        display: none;
    }

    .nav_menu3 {
        width: auto;
        line-height: 1;
        background: rgba(0, 0, 0, 0.4);
        background-color: rgba(0, 0, 0, 0.4);
        position: fixed;
        top: 0px;
        left: 0px;
        z-index: 999;
        width: 100%;
        display: none;
    }

    #menu-line {
        position: absolute;
        top: 0;
        left: 0;
        height: 3px;
        background: #990B2C;
        -webkit-transition: all 0.25s ease-out;
        -moz-transition: all 0.25s ease-out;
        -ms-transition: all 0.25s ease-out;
        -o-transition: all 0.25s ease-out;
        transition: all 0.25s ease-out;
    }

    .nav_menu3>ul>li {
        float: left;
        width: 14.28%;
    }

    .nav_menu3.align-center>ul {
        font-size: 0;
        text-align: center;
    }

    .nav_menu3.align-center>ul>li {
        display: inline-block;
        float: none;
    }

    .nav_menu3.align-center ul ul {
        text-align: left;
    }

    .nav_menu3.align-right>ul>li {
        float: right;
    }

    .nav_menu3.align-right ul ul {
        text-align: right;
    }

    .nav_menu3>ul>li>a {
        padding: 30px 10px 29px 10px;
        text-decoration: none;
        text-transform: uppercase;
        color: #fff;
        font-size: 18px;
        -webkit-transition: color .2s ease;
        -moz-transition: color .2s ease;
        -ms-transition: color .2s ease;
        -o-transition: color .2s ease;
        transition: color .2s ease;
    }

    .nav_menu3>ul>li:hover>a {
        color: #fff;
    }

    .nav_menu3>ul>li.nav-has-sub>a {
        padding-right: 25px;
    }

    .nav_menu3 > ul > li.nav-has-sub > a::after {position: absolute; top: 35px; right: 10px; width: 4px; height: 4px; border-bottom: 1px solid #990B2C; border-right: 1px solid #990B2C; content: ""; -webkit-transform: rotate(45deg); -moz-transform: rotate(45deg); -ms-transform: rotate(45deg); -o-transform: rotate(45deg); transform: rotate(45deg); -webkit-transition: border-color 0.2s ease; -moz-transition: border-color 0.2s ease; -ms-transition: border-color 0.2s ease; -o-transition: border-color 0.2s ease; transition: border-color 0.2s ease; }
    .nav_menu3>ul>li.nav-has-sub:hover>a::after {
        border-color: #990B2C;
    }

    .nav_menu3 ul ul {
        position: absolute;
        left: -9999px;
    }

    .nav_menu3>ul>li>ul {
        border-top: 1px solid #FFF;
    }

    .nav_menu3 li:hover>ul {
        left: auto;
    }

    .nav_menu3.align-right li:hover>ul {
        right: 0;
    }

    .nav_menu3 ul ul ul {
        margin-left: 100%;
        top: 0;
    }

    .nav_menu3.align-right ul ul ul {
        margin-left: 0;
        margin-right: 100%;
    }

    .nav_menu3 ul ul li {
        height: 0;
        -webkit-transition: height .2s ease;
        -moz-transition: height .2s ease;
        -ms-transition: height .2s ease;
        -o-transition: height .2s ease;
        transition: height .2s ease;
    }

    .nav_menu3 ul li:hover>ul>li {
        height: 52px;
    }

    .nav_menu3 ul ul li a {
        padding: 20px 20px;
        width: 160px;
        background: #004E9D;
        text-decoration: none;
        color: #eeeeee;
        -webkit-transition: color .2s ease;
        -moz-transition: color .2s ease;
        -ms-transition: color .2s ease;
        -o-transition: color .2s ease;
        transition: color .2s ease;
        border-top: 1px solid #004E9D;
    }

    .nav_menu3 ul ul li:hover>a,
    .nav_menu3 ul ul li a:hover {
        color: #004E9D;
        background: #FFF;
        border-top: 1px solid #FFF;
    }

    .nav_menu3 ul ul li.nav-has-sub>a::after {
        position: absolute;
        top: 25px;
        right: 10px;
        width: 4px;
        height: 4px;
        border-bottom: 1px solid #eee;
        border-right: 1px solid #eee;
        content: "";
        -webkit-transform: rotate(-45deg);
        -moz-transform: rotate(-45deg);
        -ms-transform: rotate(-45deg);
        -o-transform: rotate(-45deg);
        transform: rotate(-45deg);
        -webkit-transition: border-color 0.2s ease;
        -moz-transition: border-color 0.2s ease;
        -ms-transition: border-color 0.2s ease;
        -o-transition: border-color 0.2s ease;
        transition: border-color 0.2s ease;
    }

    .nav_menu3.align-right ul ul li.nav-has-sub>a::after {
        right: auto;
        left: 10px;
        border-bottom: 0;
        border-right: 0;
        border-top: 1px solid #dddddd;
        border-left: 1px solid #dddddd;
    }

    .nav_menu3 ul ul li.nav-has-sub:hover>a::after {
        border-color: #004E9D;
    }
}*/