body,

ol,

ul,

h1,

h2,

h3,

h4,

h5,

h6,

p,

th,

td,

dl,

dd,

form,

fieldset,

legend,

input,

textarea,

select {

    margin: 0;

    padding: 0

}

input[type=button], input[type=submit], input[type=file], button { -webkit-appearance: none; }   

body {

    font-family: "寰蒋闆呴粦", Arial;

    font-size: 12px

}



img {

    max-width: 100%;

    max-height: 100%;

}



h1,

h2,

h3,

h4,

h5,

h6 {

    font-weight: normal;

    font-size: 100%

}



table {

    border-collapse: collapse;

    border-spacing: 0

}



ul,

div,

article,

aside,

footer,

header,

hgroup,

menu,

nav,

section {

    box-sizing: border-box;

    -moz-box-sizing: border-box;

    -webkit-box-sizing: border-box

}



a {

    text-decoration: none;

    transition: color 218ms cubic-bezier(0.42, 0, 0.58, 1)

}



a:hover {

    text-decoration: none

}



li {

    list-style: none

}



input[type=search] {

    -webkit-appearance: none

}



input[type="search"]::-webkit-search-decoration,

input[type="search"]::-webkit-search-cancel-button {

    display: none

}



img {

    border: 0;

    vertical-align: middle

}



input,

button,

select,

textarea {

    border: 0 none;

    outline: 0 none;

    font-family: Arial, sans-serif

}



address,

em,

i {

    font-style: normal

}



textarea {

    resize: none

}



html {

    -moz-text-size-adjust: 100%;

    -webkit-text-size-adjust: 100%

}



label {

    cursor: pointer

}



.phone {

    display: none

}



::-moz-selection {

    color: #fff;

    background: #c60000

}



::selection {

    color: #fff;

    background: #c60000

}



::-moz-selection {

    color: #fff;

    background: #c60000

}



.clearfix,

.wrap {

    display: block;

    zoom: 1

}



.m-qh {

    display: none;

}



.clearfix:after,

.wrap:after {

    content: "";

    display: block;

    font-size: 0;

    height: 0;

    clear: both;

    visibility: hidden

}



.auto {

    height: auto;

    overflow: hidden

}



.left {

    float: letter-spacing: ;

}



.right {

    float: right

}



input,

select,

button,

textarea {

    font-family: "寰蒋闆呴粦", Arial

}



input[type=submit] {

    cursor: pointer

}



.toe,

.index-news .list dt .text h3,

.index-news .list dd a,

.md-service .section4 .wrap a .text h3,

.md-download .history .text h3,

.md-post .foot .list h3,

.md-zhuanti .section12 .list .item h3,

.section-news .list .item h3,

.md-zhuanti .section14 .item .text h3 {

    word-break: keep-all;

    white-space: nowrap;

    overflow: hidden;

    text-overflow: ellipsis

}



.imgallscale .img img {

    width: 100%;

    height: 100%;

    transition: 0.5s all linear

}



.imgallscale:hover img {

    -webkit-transform: scale(1.2);

    -ms-transform: scale(1.2);

    transform: scale(1.2)

}



.inputfocus input {

    transition: 0.5s all

}



.inputfocus input[type=text]:focus {

    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.075) inset, 0 0 8px rgba(156, 41, 50, 0.3)

}



.btn {

    transition: 0.5s

}



.btn:active,

.btn.active {

    box-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125)

}



* {

    box-sizing: border-box

}



.wrap {

    width: 1200px;

    margin: 0 auto

}



.m-banner {

    display: none

}



body {

    position: relative;

    overflow-x: hidden;

    min-width: 1200px;

    font-family: "Microsoft YaHei", Arial, Helvetica, SimSun, Sans-serif

}



.pc {

    display: block

}



.phone {

    display: none

}



.mask {

    background: rgba(0, 0, 0, 0.5);

    top: 0;

    left: 0;

    right: 0;

    bottom: 0;

    position: fixed;

    z-index: 999;

    display: none

}



.swiper-pagination-bullet {

    border: 1px solid #fff

}

.swiper-pagination-bullet.swiper-pagination-bullet-active{

    background: #fff

}





.header {

    transition: .5s;

    position: fixed;

    top: 0;

    left: 0;

    right: 0;

    z-index: 999;

    height: 80px

}



.header>div {

    line-height: 80px

}



.header .btn {

    z-index: 999;

    left: 0;

    position: relative;

    top: 5px;

    margin-right: 7px;

    background: url("../imgs/m2.png") no-repeat;

    width: 48px;

    height: 32px;

    display: none

}



.header.active {

    position: fixed;

    background: rgba(0, 0, 0, 0.6)

}



.header .logo {

    float: left;

    margin-right: 15px

}



.header .subnav {

    opacity: 0;

    transition: 0.3s cubic-bezier(0.6, -0.28, 0.735, 0.045);

    z-index: -1;

    visibility: hidden;

    position: absolute;

    left: 0;

    top: 40px;

    right: 0;

    background: #fff;

    padding-top: 45px;

    padding-bottom: 35px

}



.header .cp {

    position: relative

}



.header .submenu {

    transition: 0.3s cubic-bezier(0.6, -0.28, 0.735, 0.045);

    position: absolute;

    top: 40px;

    left: 0;

    min-width: 100%;

    opacity: 0;

    visibility: hidden

}



.header .submenu a {

    background: rgba(0, 0, 0, 0.2);

    transition: .3s;

    padding: 0 10px;

    border-bottom: 1px solid rgba(51, 51, 51, 0.6);

    display: block;

    line-height: 35px;

    height: 35px;

    text-align: center;

    color: #fff;

    min-width: 100%

}



.header .submenu a:hover {

    background: rgba(0, 0, 0, 0.4)

}



.header .navs {

    float: left;

    margin-left: 0

}



.header .navs ul {

    height: 80px

}



.header .navs li {

    display: inline-block;

    margin-left: -4px

}



.header .navs li>a {

    position: relative;

    padding: 0 12px;

    font-size: 18px;

    color: #fff;

    display: block

}



.header .navs li>a span {

    position: relative;

    z-index: 99

}



.header .navs li>a:before {

    left: 0;

    position: absolute;

    border-top: 3px solid #e7354a;

    top: 0;

    transition: .5s;

    opacity: 0;

    content: '';

    display: inline-block;

    height: 0;

    width: 100%;

    background: #fff

}



.header .navs li.active>a,

.header .navs li:hover>a {

    color: #e7354a;

    position: relative;

    z-index: 99

}



.header .navs li.active>a:before,

.header .navs li:hover>a:before {

    height: 78px;

    opacity: 1

}



.header .navs .location-sub dl {

    float: left;

    width: 160px;

    line-height: 1.8

}



.header .navs .location-sub dl dt {

    font-size: 16px;

    color: #e7354a;

    font-weight: bold;

    margin-bottom: 15px

}



.header .navs .location-sub dl dd {

    line-height: 30px

}



.header .navs .location-sub dl a {

    font-size: 14px;

    color: #2d292a

}



.header .navs .location-sub dl a:hover {

    text-decoration: underline

}



.header .navs .customer-sub dl {

    float: left;

    width: 45%;

    margin-right: 10px;

    border-right: 1px dashed #ddd;

    padding-right: 30px

}



.header .navs .customer-sub dl dd {

    line-height: 30px;

    width: 33.33%;

    float: left

}



.header .navs .customer-sub dl a {

    font-size: 14px;

    color: #2d292a

}



.header .navs .customer-sub dl a:hover {

    text-decoration: underline

}



.header .navs .customer-sub .list {

    width: 54%;

    padding-left: 65px;

    height: auto;

    overflow: hidden

}



.header .navs .customer-sub .list .item {

    border: 1px solid #eee;

    margin-right: 10px;

    width: 183px;

    height: 103px;

    background: #f5f5f5;

    line-height: 100px;

    text-align: center;

    float: left

}



.header .navs .customer-sub .list .gb-more {

    line-height: 45px;

    clear: both

}



.header .navs .customer-sub .list .top {

    height: auto;

    overflow: hidden

}



.header .navs .plan-sub dl:first-child {

    border-right: 1px dashed #ddd;

    margin-right: 2%;

    margin-left: 0

}



.header .navs .plan-sub dl {

    float: left;

    width: 48%;

    line-height: 1.8;

    margin-left: 2%

}



.header .navs .plan-sub dl dt {

    text-align: left;

    font-size: 16px;

    color: #e7354a;

    font-weight: bold;

    margin-bottom: 15px

}



.header .navs .plan-sub dl dd {

    text-align: center;

    line-height: 30px;

    margin-right: 10px;

    float: left;

    width: 31%

}



.header .navs .plan-sub dl a {

    display: block;

    font-size: 14px;

    color: #2d292a

}



.header .navs .plan-sub dl a:hover {

    text-decoration: underline

}



.header .navs .produce-sub dl dd {

    float: left;

    margin: 0 22px

}



.header .navs .produce-sub dl .img {

    width: 251px;

    height: 198px

}



.header .navs .produce-sub dl .img img {

    width: 251px;

    height: 198px

}



.header .navs .produce-sub dl h3 {

    height: 50px;

    line-height: 50px;

    text-align: center;

    font-size: 16px;

    color: #666

}



.header .navs .servies-sub {

    padding-top: 0;

    padding-bottom: 0

}



.header .navs .servies-sub dl dd {

    float: left

}



.header .navs .servies-sub dl a {

    padding: 0 15px;

    height: 50px;

    line-height: 50px;

    text-align: center;

    font-size: 16px;

    color: #666

}



.header .navs .col3 {

    width: 240px

}



.header .navs .col3 dd {

    float: left;

    width: 65px

}



.header .navs2 {

    opacity: 0;

    visibility: hidden;

    transition: .5s;

    position: absolute;

    top: -160px;

    background: rgba(0, 0, 0, 0.5);

    left: 0;

    right: 0;

    display: -webkit-box;

    display: -ms-flexbox;

    display: flex;

    -ms-flex-wrap: wrap;

    flex-wrap: wrap

}



.header .navs2 a {

    width: 25%;

    border-top: 1px solid rgba(255, 255, 255, 0.5);

    border-right: 1px solid rgba(255, 255, 255, 0.5);

    font-size: 24px;

    display: block;

    height: 70px;

    line-height: 70px;

    color: #fff;

    text-align: center

}



.header .navs2 a:nth-child(4n) {

    border-right: 0

}



.header li:hover .subnav {

    opacity: 1;

    visibility: visible;

    top: 80px;

    z-index: 99

}



.header li:hover .submenu {

    opacity: 1;

    visibility: visible;

    top: 80px;

    z-index: 99

}



.header .sear-box {

    float: left

}



.header .searbtn {

    display: none

}



.header .sear {

    float: left;

    position: relative;

    width: 230px;

    height: 32px;

    margin-top: 30px;

    border: 1px solid #fff;

    border-radius: 20px;

    padding-left: 70px

}



.header .sear .sear-txt {

    background: url(../imgs/xz11.png) no-repeat right center;

    padding-right: 15px;

    z-index: 99;

    cursor: pointer;

    font-size: 12px;

    text-align: center;

    color: #fff;

    width: 70px;

    height: 32px;

    line-height: 32px;

    position: absolute;

    top: 0;

    left: 0

}



.header .sear .sear-nav {

    display: none;

    position: absolute;

    z-index: 999; 

    padding: 10px 0;

    left: 0;

    background: rgba(0, 0, 0, 0.5);

    top: 45px;

    border-radius: 10px;

    text-align: center

}



.header .sear .sear-nav::before {

    content: '';

    display: inline-block;

    position: absolute;

    top: -10px;

    left: 50%;

    margin-left: -10px;

    width: 0;

    height: 0;

    border-left: 10px solid transparent;

    border-right: 10px solid transparent;

    border-bottom: 10px solid rgba(0, 0, 0, 0.5)

}



.header .sear .sear-nav li {

    line-height: normal;

    height: auto;

    color: #fff;

    padding: 10px

}



.header .sear .sear-nav li:hover {

    cursor: pointer;

    background: rgba(231, 53, 74, 0.8)

}



.header .sear .text {

    position: absolute;

    top: 2px;

    left: 0;

    padding: 5px 10px;

    color: #fff;

    font-size: 13px;

    padding-left: 78px;

    width: 230px;

    padding-right: 33px;

    background-color: transparent

}



.header .sear .submit {

    position: absolute;

    background: url("../imgs/img4.png") no-repeat;

    width: 18px;

    height: 19px;

    right: 10px;

    top: 5px

}



.header .select {

    margin-left: 10px;

    margin-top: 8px

}



.header .select select {

    width: 80px

}



.header .call {

    margin-top: 10px;

    line-height: 70px;

    float: right;

    font-size: 18px;

    color: #fff;

    background: url("../imgs/img5.png") no-repeat left center;

    padding-left: 30px;

    margin-left: 15px

}



.md-zhuanti .section9 .wrap .right-list li.active {

    color: red;

    background: url(../imgs/img96-1.png) no-repeat left center

}



.header .right {

    display: -webkit-box;

    display: -ms-flexbox;

    display: flex;

    -ms-flex-pack: distribute;

    justify-content: space-around

}



.md-header,.hd-bg .header,.hd-bg .m-header{

    position: static;

    background: url("../imgs/img23.jpg") no-repeat

}
.hd-bg .m-header{
        -o-background-size: cover;
        -ms-background-size: cover;
        -moz-background-size: cover;
        -webkit-background-size: cover;
        background-size: cover;
}


.index-office {

    height: 128px

}



.index-office .wrap {

    padding: 0 26px

}



.md-map {

    margin-top: 30px;

    min-height: 700px

}



.md-map .head {

    border-bottom: 1px solid #ddd

}



.md-map .head .tit {

    display: inline-block;

    padding: 0 15px;

    padding-bottom: 10px;

    font-size: 26px;

    border-bottom: 2px solid #eee;

    color: #333

}



.md-map .body {

    margin-top: 80px

}



.md-map .body dl {

    margin-bottom: 50px;

    position: relative;

}



.md-map .body dt {

    font-size: 20px;

    text-align: center;

    line-height: 50px;

    border-bottom: 1px solid #eee;

    position: relative;

}



.md-map .body dt a {

    color: #333;

    font-size: 24px;

    border-bottom: 2px solid #114485;

    position: absolute;

    bottom: 0;

    left: 0;

    width: 60px;

    text-align: center;

}



.md-map .body dd {

    padding-top: 20px;

    width: 100%;

}



.md-map .body dd a {

    min-width: 50px;

    color: #fff;

    display: inline-block;

    line-height: 25px;

    margin: 5px 0;

    margin-right: 30px;

    font-size: 14px;

    color: #333;

    /*border-left: 2px solid #114485;*/

    padding-left: 10px

}



.md-map .body dd .links>a {

    font-size: 20px;

}



.md-map .body dd a:hover {

    text-decoration: underline

}



.index-office {

    background: #e5e6e6;

    height: 130px

}



.index-office .item {

    cursor: pointer;

    padding-top: 18px;

    padding-left: 50px;

    width: 33.33%;

    float: left;

    height: 130px

}



.index-office .item h3 {

    margin-bottom: 8px;

    padding-top: 15px;

    font-size: 32px;

    color: #333;

    position: relative;

    font-weight: bold

}



.index-office .item h3:before {

    transition: .5s;

    position: absolute;

    content: '';

    display: inline-block;

    width: 20px;

    height: 5px;

    background: #333;

    left: 0;

    top: 0

}



.index-office .item .txt {

    float: left

}



.index-office .item span {

    font-size: 14px;

    color: #000

}



.index-office .item .ico {

    text-align: center;

    width: 150px;

    float: left;

    line-height: 90px

}



.index-office .item:hover h3:before {

    width: 25px

}



.index-office .item {

    background: #fbfbfc

}



.index-office .item:hover {

    background: #f3f3f5

}



.gb-head {

    position: relative;

    text-align: center;

    padding-top: 55px

}



.gb-head h3 {

    font-size: 40px;

    color: #000

}



.gb-head h5 {

    font-size: 16px;

    color: #333;

    margin-top: 12px

}



.gb-head h5 span {

    font-size: 20px;

    color: #e61730;

    font-weight: bold

}



.gb-head .more {

    height: 32px;

    line-height: 32px;

    position: absolute;

    right: 0;

    bottom: 0;

    font-size: 16px;

    color: #999;

    background: url("../imgs/img21.png") no-repeat left center;

    padding-left: 30px

}



.index-go {

    padding-bottom: 60px

}



.index-go .wrap {

    display: none

}



.index-go .body {

    margin-top: 40px

}



.index-go p {

    font-size: 14px;

    line-height: 24px;

    color: #616366

}



.index-go ul {

    height: auto;

    overflow: hidden

}



.index-go img {

    transition: .5s;

    width: 115px;

    height: 115px;

    border-radius: 50%

}



.index-go li {

    float: left;

    padding: 0 2%;

    width: 25%;

    margin: 0 auto;

    text-align: center

}



.index-go h3 {

    position: relative;

    font-size: 40px;

    margin-top: 20px;

    padding-bottom: 18px;

    margin-bottom: 18px;

    color: #333

}



.index-go h3:after {

    position: absolute;

    width: 30px;

    height: 2px;

    background: #333;

    content: '';

    display: inline-block;

    position: absolute;

    bottom: 0;

    left: 50%;

    margin-left: -15px

}



.index-go li:hover img {

    -webkit-transform: rotate(360deg);

    -ms-transform: rotate(360deg);

    transform: rotate(360deg)

}



.index-go li:hover h3 {

    color: #e61730

}



.index-go .foot {

    text-align: center

}



.gb-more {

    position: relative;

    border: 1px solid #fc0c42;

    border-radius: 40px;

    transition: background .5s;

    text-align: center;

    width: 160px;

    line-height: 45px;

    font-size: 16px;

    color: #e61730;

    height: 45px;

    display: block;

    margin: 0 auto;

    margin-top: 50px;

    clear: both

}



.gb-more:hover {

    background: #c60000 no-repeat;

    color: #fff

}



.index-partner {

    padding-bottom: 55px;

    background-image: url("../imgs/img6.jpg");

    background-repeat: no-repeat;

    background-position: center;

    background-size: cover

}



.index-partner .swiper-slide {

    height: auto;

    overflow: hidden

}



.index-partner .swiper-slide a {

    cursor: default;

    line-height: 100px;

    width: 183px;

    float: left;

    height: 100px;

    margin: 10px auto;

    margin-top: 8px;

    margin-bottom: 0;

    margin-right: 8px;

    display: block;

    text-align: center;

    -webkit-box-pack: center;

    -ms-flex-pack: center;

    justify-content: center;

    background: #fff

}



.index-partner .swiper-slide img {

    max-width: 98%;

    max-height: 98%

}



.index-partner .body {

    margin-top: 40px;

    position: relative

}



.index-partner .wrap {

    padding: 0 25px

}



.index-partner .partner-prev,

.index-partner .partner-next {

    width: 35px;

    height: 72px

}



.index-partner .partner-prev {

    left: -55px;

    background: url("../imgs/img14.png") no-repeat center

}



.index-partner .partner-next {

    right: -40px;

    background: url("../imgs/img15.png") no-repeat center

}



.index-case {

    padding-bottom: 55px;

    background: url("../imgs/img7.jpg") no-repeat center;

    background-size: cover

}



.index-case .body {

    margin-top: 48px;

    padding: 0 26px

}



.index-case ul {

    height: auto;

    overflow: hidden;

    width: 105%

}



.index-case li {

    width: 280px;

    height: 170px;

    float: left;

    margin-right: 10px;

    position: relative;

    overflow: hidden;

    margin-bottom: 10px

}



.index-case li img {

    width: 100%;

    height: 100%

}



.index-case li .text {

    transition: .8s;

    position: absolute;

    top: 130px;

    left: 0;

    right: 0

}



.index-case li .text h3 {

    transition: .5s;

    background: rgba(0, 0, 0, 0.4);

    height: 42px;

    line-height: 42px;

    font-size: 16px;

    color: #fff;

    text-align: center

}



.index-case li .text p {

    padding-left: 30px;

    padding-right: 30px;

    display: none

}



.index-case li:hover .text {

    height: 100%;

    background: #e7354a;

    top: 0

}



.index-case li:hover .text h3 {

    margin-top: 30px;

    background: transparent;

    font-weight: bold;

}



.index-case li:hover .text p {

    display: block;

    line-height: 20px;

    color: #fff

}



.index-case li.last {

    background: #e7354a

}



.index-case li.last a {

    display: block;

    width: 100%;

    height: 100%;

    background: url("../imgs/img22.png") no-repeat 50% 40%

}



.index-case li.last h4 {

    font-size: 16px;

    color: #fff;

    position: absolute;

    bottom: 35px;

    text-align: center;

    width: 100%

}



.index-honor {

    height: 120px;

    background-position: center;

    background-size: cover;

    font-size: 24px;

    color: #fff;

    text-align: center;

    line-height: 120px

}



.index-honor .txt {

    width: 550px;

    margin: 0 auto

}



.index-module {

    padding-bottom: 60px

}



.index-module .body ul {

    height: auto;

    overflow: hidden

}



.index-module .body li {

    width: 93px;

    float: left;

    margin: 0 39px;

    margin-top: 47px;

    text-align: center

}



.index-module .body .icon {

    margin-bottom: 16px

}



.index-module .body .icon img {

    transition: 0.5s

}



.index-module .body h3 {

    font-size: 18px;

    color: #333

}



.index-module .body li:hover img {

    -webkit-transform: rotateY(180deg);

    transform: rotateY(180deg)

}



.index-module .body li:hover h3 {

    color: #e61730

}



.index-platform {

    background: url("../imgs/img12.jpg") center no-repeat;

    height: 180px

}



.index-platform .text {

    float: left;

    margin-top: 40px

}



.index-platform .text h3 {

    font-size: 40px;

    color: #fff

}



.index-platform .text ul {

    margin-top: 25px;

    font-size: 16px;

    color: #fff;

    display: -webkit-box;

    display: -ms-flexbox;

    display: flex

}



.index-platform .text li:first-child {

    padding-right: 10px;

    margin-right: 10px

}



.index-platform .text li {

    color: #eee;

}



.index-platform .text li.active {

    color: #fff;

}



.index-platform .text li {

    cursor: pointer;

    display: inline-block

}



.index-platform .text li a {

    color: #fff

}



.index-platform .text li a:hover {

    text-decoration: underline

}



.index-platform .text li:first-child:after {

    margin-left: 25px;

    content: "|"

}



.index-platform .slide {

    float: left;

    margin-left: 100px;

    position: relative;

    width: 858px

}



.index-platform .slide ul {

    height: 144px;

    overflow: hidden;

}



.index-platform .slide li {

    position: relative;

}



.index-platform .slide li.active {

    display: block;

}



.index-platform .platform-prev,

.index-platform .platform-next {

    cursor: pointer;

    z-index: 99;

    top: 83px;

    left: 20px;

    position: absolute;

    background: url("../imgs/img42.png") no-repeat;

    width: 14px;

    height: 33px

}



.index-platform .platform-next {

    right: 5px;

    left: auto;

    background: url("../imgs/img42-2.png") no-repeat

}



.index-platform .platform-prev:hover {

    background: url("../imgs/img41-1.png") no-repeat

}



.index-platform .platform-next:hover {

    background: url("../imgs/img41.png") no-repeat

}



.index-platform .platform-slide {

    margin-right: 0;

    padding-top: 60px;

    width: 710px

}



.index-platform .platform-slide img {

    max-width: 100%;

    height: auto

}



.index-platform .platform-slide .ico {

    height: 60px

}



.index-platform .platform-slide h3 {

    font-size: 18px;

    color: #000

}



.index-platform .platform-slide .swiper-slide:hover h3 {

    color: #e61730

}



.index-news {

    padding-bottom: 60px

}



.index-news .body {

    padding: 0 25px;

    height: auto;

    overflow: hidden;

    margin-top: 50px

}



.index-news .img {

    position: relative;

    float: left;

    width: 480px

}



.index-news .img img {

    width: 100%;

    height: 455px;

}



.index-news .img .text {

    font-size: 14px;

    color: #fff;

    position: absolute;

    bottom: 22px;

    left: 40px;

    right: 40px

}



.index-news .img .text .mate {

    padding-bottom: 10px;

    border-bottom: 1px solid rgba(255, 255, 255, 0.5)

}



.index-news .img .text .date {

    margin-right: 16px;

    background: url("../imgs/img43.png") left center no-repeat;

    padding-left: 20px;

    width: 14px;

    height: 14px

}



.index-news .img .text .view {

    background: url("../imgs/img44.png") left center no-repeat;

    padding-left: 20px;

    width: 14px;

    height: 14px

}



.index-news .img .text .txt {

    padding-top: 13px;

    font-size: 18px;

    color: #fff;

    line-height: 24px

}



.index-news .list {

    float: right;

    margin-left: 40px;

    width: 620px;

    border-bottom: 1px solid #d3d3d3

}



.index-news .list .hd {

    font-size: 20px;

    height: auto;

    overflow: hidden;

    color: #333;

    border-bottom: 1px solid #d6d6d6

}



.index-news .list .hd ul {

    float: left

}



.index-news .list .hd li {

    display: inline-block;

    width: 135px;

    cursor: pointer;

    padding-bottom: 17px

}



.index-news .list .hd li.active {

    color: #e61730;

    font-weight: bold

}



.index-news .list .hd .more {

    font-size: 14px;

    color: #999;

    position: relative;

    top: 10px;

    float: right

}



.index-news .list dl {

    display: none;

    padding-bottom: 10px;

}



.index-news .list dt {

    margin-bottom: 25px;

    padding-top: 30px;

    padding-bottom: 30px;

    border-bottom: 1px solid #efefef

}



.index-news .list dt .date {

    text-align: center;

    width: 96px;

    float: left;

    border-right: 1px dashed #ebebeb

}



.index-news .list dt .text {

    margin-left: 96px;

    padding-left: 28px

}



.index-news .list dt .text h3 {

    font-weight: bold;

    font-size: 18px

}



.index-news .list dt .text a {

    color: #e61730

}



.index-news .list dt .text a:hover {

    color: #e61730

}



.index-news .list dt .text p {

    font-size: 14px;

    color: #666;

    line-height: 24px;

    margin-top: 18px

}



.index-news .list dt .big {

    font-size: 30px;

    color: #333

}



.index-news .list dt p {

    font-size: 14px;

    color: #333

}



.index-news .list dd {

    height: 35px;

    line-height: 35px;

    padding-left: 18px;

    background: url("../imgs/img45.png") no-repeat left center;

    display: -webkit-box;

    display: -ms-flexbox;

    display: flex;

    -webkit-box-pack: justify;

    -ms-flex-pack: justify;

    justify-content: space-between

}



.index-news .list dd a {

    font-size: 15px;

    color: #333;

    width: 520px

}



.index-news .list dd a:hover {

    color: #e61730

}



.index-news .list dd span {

    font-size: 14px;

    color: #9d9d9d

}



.index-down {

    padding-bottom: 60px;

    background: url("../imgs/img14.jpg") no-repeat center;

    background-size: cover

}



.index-down .body {

    margin-top: 54px;

    text-align: center

}



.index-down .body a {

    border-radius: 40px;

    transition: .5s;

    text-align: left;

    margin: 0 42px;

    font-size: 20px;

    color: #e61730;

    line-height: 80px;

    position: relative;

    padding-left: 80px;

    border: 1px solid #d63347;

    width: 230px;

    height: 81px;

    display: inline-block

}



.index-down .body span {

    display: inline-block;

    width: 56px;

    height: 56px;

    position: absolute;

    left: 20px;

    top: 15px

}



.index-down .body .ios {

    background: url("../imgs/img47.png") no-repeat

}



.index-down .body .android {

    background: url("../imgs/img48.png") no-repeat

}



.index-down .body a:hover {

    background: rgba(255, 255, 255, 0.8) no-repeat

}



.footer {

    background: #232429;

    overflow: hidden

}



.footer .wrap {

    padding: 0 25px

}



.footer .top {

    border-bottom: 1px solid #4c4d51;

    height: 78px

}



.footer .top ul {

    height: auto;

    overflow: hidden;

    padding-top: 18px

}



.footer .top li {

    margin-right: 10px;

    float: left

}



.footer .top li:nth-child(1) {

    width: 190px;

}



.footer .top li:nth-child(2) {

    width: 190px;

}



.footer .top li:nth-child(3) {

    width: 270px;

}



.footer .top li:nth-child(4) {

    width: 250px;

}



.footer .top li .num {

    margin-right: 5px;

    float: left;

    font-size: 38px;

    color: #cdcdcd

}



.footer .top li .txt {

    float: left;

    padding-top: 10px

}



.footer .top li p {

    font-size: 12px;

    color: #73797c

}



.footer .links2 {

    display: none

}



.footer .links2 .wrap {

    display: -webkit-box;

    display: -ms-flexbox;

    display: flex;

    -ms-flex-wrap: wrap;

    flex-wrap: wrap;

    padding: 15px

}



.footer .links2 a {

    line-height: 40px;

    display: inline-block;

    -webkit-box-flex: 1;

    -ms-flex: 1;

    flex: 1;

    text-align: center;

    font-size: 24px;

    color: #fff

}



.footer .links {

    padding-top: 22px;

    padding-bottom: 25px

}



.footer .links .wrap {

    display: -webkit-box;

    display: -ms-flexbox;

    display: flex;

    -webkit-box-pack: justify;

    -ms-flex-pack: justify;

    justify-content: space-between

}



.footer .links a:hover {

    color: #fff;

    text-decoration: underline

}



.footer .links dl {

    margin-left: 28px

}



.footer .links dt {

    font-size: 18px;

    color: #e5e5e5;

    margin-bottom: 15px

}



.footer .links .link {

    width: 284px;

    display: -webkit-box;

    display: -ms-flexbox;

    display: flex;

    -ms-flex-wrap: wrap;

    flex-wrap: wrap

}



.footer .links .link dd {

    width: 50%

}



.footer .links dt {

    display: block;

    width: 100%

}



.footer .links dd {

    font-size: 14px;

    line-height: 28px

}



.footer .links dd a {

    color: #73797c

}



.footer.footer2 .wrap {

    display: -webkit-box;

    display: -ms-flexbox;

    display: flex

}



.footer.footer2 .wrap .left .links1 {

    display: -webkit-box;

    display: -ms-flexbox;

    display: flex

}



.footer.footer2 .wrap .left .links1 dl {

    -webkit-box-flex: 1;

    -ms-flex: 1;

    flex: 1;

}



.footer.footer2 .wrap .left {

    -webkit-box-flex: 1;

    -ms-flex: 1;

    flex: 1;

    line-height: 1.6;

    color: #fff

}



.footer.footer2 .wrap .left span {

    font-size: 16px;

    color: #e5e5e5;

}



.footer.footer2 .wrap .left p {

    color: #73797c;

    font-size: 14px;

    line-height: 28px;

}



.footer.footer2 .wrap .left p a {

    color: #73797c;

    transition: 0.5sl

}



.footer.footer2 .wrap .left p a:hover {

    color: #fff;

}





/* .footer.footer2 .wrap .left a {

    color: #fff

} */



.footer.footer2 .wrap .right {

    padding-top: 28px;

    width: 250px;

    text-align: center

}



.footer.footer2 .wrap .right .more {

    display: inline-block;

    font-size: 14px;

    width: 200px;

    height: 40px;

    line-height: 40px;

    color: #fff;

    text-align: center;

    border-radius: 5px;

    border: 1px solid #fff

}



.footer.footer2 .wrap .right .more:hover {

    background: rgb(255, 255, 255);

    color: #333;

    text-decoration: none

}



.footer.footer2 .wrap .right h4 {

    font-size: 18px;

    color: #fff;

    margin-top: 15px

}



.footer .copyright {

    height: 42px;

    line-height: 42px;

    /*background: #000;*/

    color: #73797d;

    font-size: 14px;

    text-align: center

}



.footer .copyright a {

    color: #73797d;

    margin-left: 15px

}



.footer .copyright a:hover {

    color: #fff;

    text-decoration: underline

}



body.active {

    overflow: hidden

}



.index-map {

    height: 272px;

    overflow: hidden

}



.index-map>div {

    width: 50%;

    height: 272px

}



.index-map .left-map {

    float: left

}



.index-map .left-map img {

    max-width: none;

    max-height: none

}



.index-map .right-text {

    float: right;

    background: #ee4358;

    color: #fff;

    padding-left: 73px;

    padding-top: 30px

}



.index-map .right-text h3 {

    font-size: 32px;

    line-height: 60px

}



.index-map .right-text p {

    font-size: 24px;

    line-height: 40px

}



.index-slide {

    background: #fff;

}



.index-slide .swiper-button-prev {

    background: url("../imgs/arr1.png") no-repeat;

    width: 20px;

    height: 20px;

}



.index-slide .swiper-button-next {

    background: url("../imgs/arr2.png") no-repeat;

    width: 20px;

    height: 20px;

}



.index-slide.active {

    position: fixed;

    z-index: 999;

    top: 0;

    left: 0;

    right: 0

}



.index-slide .body .page {

    left: 50%;

    margin-left: -600px;

    width: 1200px;

    height: 45px;

    position: absolute;

    bottom: 110px

}



.index-slide .body .box {

    position: relative;

    width: 105px;

    float: right;

    font-size: 22px;

    text-align: center;

    margin-right: 95px

}



.index-slide .body .mouse-next,

.index-slide .body .mouse-prev {

    font-size: 16px;

    top: 25px

}



.index-slide .body .mouse-next {

    left: 95px;

}



.index-slide .body .mouse-prev {

    left: -15px;

}



.index-slide .swiper-button-prev,

.swiper-container-rtl .swiper-button-next {

    opacity: .35;

}



.index-slide .body .index-mouseslide {

    padding-right: 65px;

    position: relative

}



.index-slide .body .swiper-pagination {

    position: relative;

    top: -1px;

    bottom: auto;

    text-align: center

}



.index-slide .body .swiper-slide .wrap {

    display: -webkit-box;

    display: -ms-flexbox;

    display: flex;

    -webkit-box-pack: justify;

    -ms-flex-pack: justify;

    justify-content: space-between

}



.index-slide .body .img {

    width: 804px;

    height: 638px;

    position: relative;

    top: 50px

}



.index-slide .body .text {

    -webkit-box-flex: 1;

    -ms-flex: 1;

    flex: 1;

    margin-top: 50px;

    text-align: right

}



.index-slide .body .text h3 {

    margin-bottom: 30px;

    font-size: 32px;

    color: #333

}



.index-slide .body .text p {

    font-size: 18px;

    line-height: 32px;

    color: #616366

}



.index-slide .body .text .link {

    text-align: right;

    margin-top: 40px;

    font-size: 16px;

    height: 32px;

    line-height: 32px

}



.index-slide .body .text .link .produce {

    background: url("../imgs/img50.png") no-repeat left center;

    padding-left: 28px

}



.index-slide .body .text .link .produce:hover {

    background: url("../imgs/img51.png") no-repeat left center

}



.index-slide .body .text .link .price {

    background: url("../imgs/img52.png") no-repeat left center;

    padding-left: 28px

}



.index-slide .body .text .link .price:hover {

    background: url("../imgs/img53.png") no-repeat left center

}



.index-slide .body .text .link a {

    display: inline-block;

    margin-left: 30px;

    color: #999

}



.index-slide .body .text .link a:hover {

    color: #e61730

}



.index-slide .body .text .gb-more {

    margin-right: 0

}



.md-zhuanti .section9 .table>.gb-more {

    display: none

}



.md-cp .section9 .wrap .right-list {

    padding-top: 80px

}



.md-info .tab-head ul {

    text-align: center

}



.newlis ul {

    height: auto;

    overflow: hidden;

}



.newlis li {

    float: left;

    margin: 0 10px;

    width: 70px;

    text-align: center;

}



.md-zhuanti .newlis li .img {

    margin-right: 0;

    margin-bottom: 0;

    height: 70px;

    line-height: 70px;

}



.newlis li h3 {

    color: #999999;

    font-size: 14px;

    line-height: 40px;

}



.newlis li h3 a {

    color: #999999;

    font-size: 14px;

}



.section3 .btns {

    text-align: left;

    margin-top: 25px; 

}



.section3 .btns a {

    display: inline-block;

    margin: 0 5px;

}



.md-zhuanti .section3 .wrap .left-text {

    padding-right: 0;

}



.md-zhuanti .section3 .wrap .left-text .gb-more {

    margin-right: 20px;

}



.md-info .tab-head li {

    display: inline-block;

    background: #ddd;

    width: 50%;

    line-height: 60px;

    padding: 0 10px;

}



.md-info .tab-head li .gb-h3 {

    margin-bottom: 0;

    font-size: 25px

}



.md-info .tab-head li.active {

    background: #ed394f

}



.md-info .tab-head li.active .gb-h3 {

    color: #fff

}



.md-info .tab-con .img {

    display: none

}



.md-info .wrap .left .gb-h3 {

    text-align: left

}



.md-info .wrap .left.img {

    margin-top: 0;

}



.md-info .wrap .left p {

    text-align: left

}



.section9 .js-slidetab li {

    color: #ef6958

}



.md-info .wrap .right {

    width: 570px

}



.md-info .wrap .left {

    text-align: left;

    width: 510px;

    margin-top: 30px

}



.md-info .wrap .left .img {

    width: 570px

}



.md-info .wrap .left .texts {

    width: 420px

}



.md-info .wrap .left.img {

    width: 570px

}



.md-info .wrap .btns {

    height: auto;

    overflow: hidden;

    text-align: center;

    margin-top: 40px

}



.md-info .wrap .btns .gb-more {

    margin: 0 2px;

    display: inline-block

}



.gb-banner {

    text-align: center;

    color: #fff;

    height: 550px;

    background-repeat: no-repeat;

    background-size: cover;

    background-position: center

}



.gb-banner .text h3 {

    font-size: 48px;

    margin-bottom: 10px

}



.gb-banner .text p {

    font-size: 16px;

    line-height: 30px

}



.gb-banner .num {

    margin-top: 45px

}



.gb-banner.md-khbanner {

    padding-top: 130px

}



.gb-banner.new-banenr {

    padding-top: 130px

}



.gb-banner.new-banenr .text {

    margin: 0 auto

}



.gb-banner.new-banenr p {

    margin-bottom: 50px

}



.gb-h3 {

    text-align: center;

    font-size: 40px;

    color: #000;

    margin-bottom: 45px

}



.gb-h3 a {

    color: #000;

}



.gb-page {

    margin-top: 35px;

    text-align: center;

    font-size: 16px

}



.gb-page a {

    color: #666

}



.gb-page .prev {

    margin-right: 15px

}



.gb-page .next {

    margin-left: 15px

}



.gb-page a:hover {

    color: #e7354a

}



.gb-page .num {

    border: 1px solid #bebebe;

    width: 25px;

    height: 25px;

    display: inline-block;

    line-height: 23px

}



.gb-page .num.active,

.gb-page .num:hover {

    border: 1px solid #e7354a;

    color: #e7354a

}



.md-section {

    padding-top: 55px;

    padding-bottom: 60px

}



.md-intro {

    background: url(../imgs/img16.jpg) no-repeat center;

    background-size: cover

}



.md-intro .img {

    width: 500px;

    height: 420px

}



.md-intro .img img {

    max-width: 100%

}



.md-intro .text {

    padding: 40px;

    width: 780px;

    height: 340px;

    top: 50%;

    margin-top: -170px;

    font-size: 15px;

    line-height: 30px;

    color: #333;

    position: absolute;

    right: 0;

    background: #fff;

    overflow-y: auto

}



.md-intro .body {

    position: relative

}



.md-honor {

    position: relative;

    background: url(../imgs/img18.jpg) no-repeat center;

    background-size: cover

}



.md-honor .slide {

    overflow: hidden

}



.md-honor .body {

    position: relative

}



.md-honor .body:before {

    height: 3px;

    background: #e7354a;

    content: '';

    display: inline-block;

    left: 0;

    right: 0;

    top: 50%;

    position: absolute

}



.md-honor .swiper-slide ul {

    display: -webkit-box;

    display: -ms-flexbox;

    display: flex;

    -ms-flex-pack: distribute;

    justify-content: space-around

}



.md-honor .swiper-slide li {

    height: 455px;

    position: relative;

    text-align: center;

    width: 190px

}



.md-honor .swiper-slide li a {

    color: #666

}



.md-honor .swiper-slide li:before,

.md-honor .swiper-slide li:after {

    position: absolute;

    -webkit-transform: translate(-50%, 0);

    -ms-transform: translate(-50%, 0);

    transform: translate(-50%, 0);

    content: '';

    display: inline-block;

    left: 50%

}



.md-honor .swiper-slide li:before {

    width: 11px;

    height: 11px;

    border: 2px solid #fc0c42;

    border-radius: 50%

}



.md-honor .swiper-slide li:after {

    width: 1px;

    height: 95px;

    background: #fc0c42

}



.md-honor .swiper-slide h4,

.md-honor .swiper-slide .text {

    opacity: 0;

    transition: 1s;

    width: 100%;

    position: absolute

}



.md-honor .swiper-slide .text {

    height: 135px;

    color: #666;

    font-size: 14px;

    line-height: 24px

}



.md-honor .swiper-slide .text a {

    color: #666

}



.md-honor .swiper-slide li:nth-child(2n+1) h4,

.md-honor .swiper-slide li:nth-child(2n+1) .text {

    -webkit-transform: translate(0, 50px);

    -ms-transform: translate(0, 50px);

    transform: translate(0, 50px)

}



.md-honor .swiper-slide li:nth-child(2n+1) h4 {

    top: 240px

}



.md-honor .swiper-slide li:nth-child(2n+1) .text {

    top: 0;

    -webkit-box-align: end;

    -ms-flex-align: end;

    align-items: flex-end

}



.md-honor .swiper-slide li:nth-child(2n+1):before {

    top: 121px

}



.md-honor .swiper-slide li:nth-child(2n+1):after {

    top: 133px

}



.md-honor .swiper-slide li:nth-child(2n) h4,

.md-honor .swiper-slide li:nth-child(2n) .text {

    -webkit-transform: translate(0, -50px);

    -ms-transform: translate(0, -50px);

    transform: translate(0, -50px)

}



.md-honor .swiper-slide li:nth-child(2n) h4 {

    top: 180px

}



.md-honor .swiper-slide li:nth-child(2n) .text {

    top: 355px;

    -webkit-box-align: start;

    -ms-flex-align: start;

    align-items: flex-start

}



.md-honor .swiper-slide li:nth-child(2n):before {

    top: 325px

}



.md-honor .swiper-slide li:nth-child(2n):after {

    top: 231px

}



::-webkit-scrollbar {

    width: 6px;

    height: 8px;

    background-color: #E12728

}



::-webkit-scrollbar-track {

    border-radius: 3px;

    box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.3);

    background-color: #fff

}



::-webkit-scrollbar-thumb {

    border-radius: 3px;

    box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.3);

    background-color: #0262aa

}

.wrap::-webkit-scrollbar{display: none}

.md-honor .swiper-slide.swiper-slide-active li h4,

.md-honor .swiper-slide.swiper-slide-active li .text {

    opacity: 1;

    -webkit-transform: translate(0, 0);

    -ms-transform: translate(0, 0);

    transform: translate(0, 0)

}

.md-honor .slide{overflow: visible}

.md-honor .slide-prev,

.md-honor .slide-next {

    opacity: 1;

    width: 30px;

    height: 18px;

    background: url(../imgs/xz-prev.png) no-repeat center;

    background-size: cover;

}



.md-honor .slide-next {

    background: url(../imgs/xz-next.png) no-repeat center;

    background-size: cover;

    right: 5%;

}



.md-honor .slide-prev {

    left: 5%;

}



.md-honor h4 {

    font-size: 24px;

    color: #e7354a;

    font-weight: bold

}



.md-honor .wrap {

    position: relative

}



.md-culture {

    padding-bottom: 140px;

    background: url(../imgs/img19.jpg) no-repeat center;

    background-size: cover

}



.md-culture .body {

    padding: 0 25px;

    position: relative

}



.md-culture .swiper-button-prev {

    left: -40px

}



.md-culture .swiper-button-next {

    right: -40px

}



.md-culture .swiper-slide {

    text-align: center;

    font-size: 22px;

    margin-bottom: 10px;

    color: #333

}



.md-culture .swiper-slide h3 {

    margin-top: 23px;

    font-weight: bold

}



.md-culture .swiper-slide p {

    font-size: 14px;

    line-height: 24px;

    color: #616366

}



.md-culture .swiper-button-prev,

.md-culture .swiper-button-next {

    width: 27px;

    height: 60px;

    background: url(../imgs/img55.png) no-repeat center;

    background-size: cover

}



.md-culture .swiper-button-next {

    background: url(../imgs/img56.png) no-repeat center;

    background-size: cover

}



.md-contact {

    padding-bottom: 0

}



.md-contact .txt {

    width: 845px;

    margin: 0 auto;

    font-size: 16px;

    color: #666;

    line-height: 30px;

    text-align: center

}



.md-contact .body {

    background: #f8f8f8;

    margin-top: 30px;

    height: auto;

    overflow: hidden

}



.md-contact .body img {

    max-width: none;

    max-height: none

}



.md-contact .body .map {

    width: 50%;

    float: left;

    height: 530px

}


.md-contact .body #allmap {

    width: 50%;

    float: left;

    height: 530px

}



.md-contact .body .map img {

    max-width: none;

    max-height: none

}



.md-contact .body .map-text {

    width: 50%;

    float: right

}



.md-contact .body .list {

    margin-bottom: 60px;

    width: 600px;

    margin-left: 36px;

    padding-top: 30px

}



.md-contact .body .list .hd {

    font-size: 20px;

    color: #666;

    border-bottom: 1px solid #d0d0d0;

    padding-bottom: 10px

}



.md-contact .body .list .hd ul {

    height: auto;

    overflow: hidden

}



.md-contact .body .list .hd li:first-child {

    padding-left: 0

}



.md-contact .body .list .hd li {

    float: left;

    cursor: pointer;

    padding: 0 14px;

    position: relative

}



.md-contact .body .list .hd li.active {

    color: #e61730

}



.md-contact .body .list .hd li:after {

    content: '|';

    font-size: 12px;

    top: 5px;

    color: #e1e1e1;

    display: inline-block;

    position: absolute;

    right: 0

}



.md-contact .body .list li .text img {

    width: auto;

    height: auto;

    margin-right: 10px

}



.md-contact .body .list .bd {

    margin-top: 15px;

    height: 389px;

    overflow-y: auto

}



.md-contact .body .list .bd ul {

    display: none

}



.md-contact .body .list .bd ul.active {

    display: block

}



.md-contact .body .list .bd .text img {

    width: auto;

    height: auto;

    margin-right: 5px

}



.md-contact .body .list .bd li {

    height: auto;

    overflow: hidden;

    margin-bottom: 28px

}



.md-contact .body .list .bd li img {

    float: left;

    width: 133px;

    height: 100px

}



.md-contact .body .list .bd li .text {

    margin-left: 133px;

    padding: 0 20px

}



.md-contact .body .list .bd li h3 {

    margin-bottom: 8px;

    font-size: 16px;

    color: #ed354b;

    position: relative;

    padding-bottom: 10px

}



.md-contact .body .list .bd li h3:before {

    height: 2px;

    background: #ccc;

    width: 20px;

    content: '';

    display: inline-block;

    position: absolute;

    left: 0;

    bottom: 0

}



.md-contact .body .list .bd li p {

    font-size: 14px;

    line-height: 1.6;

    color: #333

}



.md-recruit {

    background: 0

}



.md-recruit h5 {

    line-height: 30px

}



.md-recruit .world {

    background: url("../imgs/img61.png") no-repeat

}



.md-recruit .school {

    background: url("../imgs/img62.png") no-repeat

}



.md-recruit .body a {

    text-align: center;

    padding-right: 20px

}



.md-error {

    text-align: center;

    padding: 60px 0

}



.md-error .back {

    transition: .5s;

    font-size: 14px;

    width: 130px;

    height: 34px;

    line-height: 34px;

    border-radius: 15px;

    background: #c60000;

    color: #fff;

    display: inline-block;

    margin-top: 50px

}



.md-error .back:hover {

    opacity: 0.8

}



.gotop {

    transition: .5s;

    cursor: pointer;

    z-index: 99;

    background: url("../imgs/img63.png") no-repeat;

    width: 45px;

    height: 45px;

    position: fixed;

    right: 20px;

    bottom: 30px;

    display: none;

    opacity: 1

}



.gotop:hover {

    opacity: 0.6

}



.md-form .wrap {

    padding-top: 60px;

    padding-bottom: 120px;

    background: url("../imgs/img24.jpg")

}



.md-form .head {

    text-align: center;

    margin-bottom: 40px

}



.md-form .head h3 {

    font-size: 40px;

    color: #000

}



.md-form .head h4 {

    margin-top: 15px;

    font-size: 16px;

    color: #333

}



.md-form .head span {

    font-size: 20px;

    color: #e61730;

    font-weight: bold

}



.md-form .body {

    width: 780px;

    margin: 0 auto;

    background: #fff;

    padding: 30px 88px

}



.md-form .body .title {

    margin-bottom: 30px;

    position: relative;

    text-align: center

}



.md-form .body .title:before {

    content: '';

    width: 100%;

    display: inline-block;

    height: 2px;

    background: #e61730;

    position: absolute;

    top: 50%;

    margin-top: -1px;

    left: 0;

    right: 0

}



.md-form .body .title span {

    font-weight: bold;

    display: inline-block;

    position: relative;

    z-index: 99;

    font-size: 18px;

    color: #e61730;

    width: 88px;

    background: #fff

}



.md-form .body li {

    position: relative;

    display: -webkit-box;

    display: -ms-flexbox;

    display: flex;

    margin-bottom: 20px

}



.md-form .body .tit {

    line-height: 32px;

    text-justify: auto;

    text-align: justify;

    display: inline-block;

    font-size: 16px;

    color: #494949;

    width: 90px

}



.md-form .body .w26 {

    display: inline-block;

    width: 26px

}



.md-form .body .txt {

    padding: 0 10px;

    height: 30px;

    line-height: 28px;

    border: 1px solid #cdcdcd

}



.md-form .body .required {

    font-size: 18px;

    line-height: 30px;

    display: inline-block;

    margin-left: 10px;

    color: #c60000

}



.md-form .body .tip {

    margin-left: 10px;

    line-height: 30px;

    color: #999

}



.md-form .body .checkbox {

    display: block

}



.md-form .body .checkbox .tit {

    display: block;

    width: auto

}



.md-form .body .checkbox dd {

    font-size: 14px;

    color: #494949;

    line-height: 30px

}



.md-form .body .checkbox .txt2 {

    width: 64px;

    border-bottom: 1px solid #ddd

}



.md-form .body .checkbox label {

    margin-right: 10px

}



.md-form .body .checkbox input {

    position: relative;

    top: 1px;

    margin-right: 5px

}



.md-form .body .submit {

    text-align: center

}



.md-form .body .submit input {

    width: 100px;

    height: 40px;

    line-height: 40px;

    background: #e61730;

    color: #fff;

    border-radius: 5px

}



.md-form .body .submit input:hover {

    opacity: 0.8

}



.btn-red {

    background: #e7354a;

    width: 160px;

    height: 45px;

    line-height: 45px;

    text-align: center;

    display: inline-block;

    border-radius: 20px;

    color: #fff;

    font-size: 16px

}



.btn-red:hover {

    background: #de3443

}



.md-khbanner .text {

    text-align: left;

    width: 525px

}

.g-index1 .md-khbanner .text {

    text-align: center;
width: auto;

}



.md-khbanner .btn-red {

    margin-top: 30px

}



.md-khbanner .icons {

    margin-top: 25px

}



.md-khbanner .icons img {

    margin-right: 5px

}



.md-content {

    background: #f5f5f5;

    padding-top: 36px;

    padding-bottom: 57px

}



.md-content .head dl {

    padding-left: 60px;

    position: relative

}



.md-content .head dt {

    font-size: 16px;

    color: #000;

    position: absolute;

    left: 0;

    top: 0;

    line-height: 32px

}



.md-content .head .btn {

    margin-right: 5px;

    margin-bottom: 20px;

    display: inline-block;

    transition: .5s;

    height: 32px;

    line-height: 32px;

    background: #d9d9d9;

    font-size: 15px;

    color: #000;

    padding: 0 14px

}



.md-content .head .btn:hover {

    background: #d3d3d3;

    color: #fff

}



.md-content .head .btn.active {

    color: #fff;

    background: #333

}



.md-content .body {

    margin-top: 30px

}



.md-content .body a {

    float: left;

    margin: 0 8px;

    overflow: hidden;

    background: #fff;

    display: block;

    margin-bottom: 10px;

    width: 183px;

    height: 100px;

    text-align: center;

    cursor: default;

    border: 1px solid #e3e3e3;

    line-height: 100px

}

.md-content .body2 a{

    height: auto

}

.md-content .body a img {

    transition: .5s;

    max-width: 95%;

    max-height: 95%

}



.md-content .body a:hover img {

    -webkit-transform: scale(1.2);

    -ms-transform: scale(1.2);

    transform: scale(1.2)

}



.md-content .more {

    text-align: center;

    font-size: 16px;

    margin-top: 50px

}



.md-content .more a {

    width: 160px;

    line-height: 50px;

    display: inline-block;

    height: 50px;

    background: #e7354a;

    color: #fff

}



.md-content .more a:hover {

    background: #de3443

}



.md-service {

    position: relative 

}



/* .md-service .section3 {

    margin-top: 50px

} */



.md-service .menu ul {

    height: auto;

    overflow: hidden

}



.md-service .menu li {

    display: inline-block

}



.md-service .menu li>a {

    display: block;

    height: 85px;

    padding: 0 45px;

    font-size: 26px;

    line-height: 85px;

    color: #010101;

    transition: 0.5s

}



.md-service .menu a:hover,

.md-service .menu a.active {

    background: #e7354a;

    color: #fff

}



.md-service .menu2 {

    background: #fff;

    border-top: 1px solid #f5f5f5

}



.md-service .menu2 a {

    background: 0

}



.md-service .menu2 a {

    display: inline-block;

    font-size: 16px;

    color: #010101;

    padding: 0 42px;

    height: 50px;

    line-height: 50px

}



.md-service .menu2 a.active,

.md-service .menu2 a:hover {

    color: #010101;

    border-bottom: 1px solid #e7354a

}



.md-service .section1 {

    background: #f5f5f5;

    padding-top: 70px;

    padding-bottom: 50px

}



.md-service .section1 h3 {

    text-align: center;

    margin-bottom: 15px;

    font-size: 32px;

    color: #333

}



.md-service .section1 h3 span {

    color: #e84054

}



.md-service .section1 p {

    text-align: center;

    font-size: 16px;

    line-height: 30px;

    color: #666;

    padding: 0 100px

}



.md-service .section1 .list {

    width: 855px;

    margin: 0 auto;

    margin-top: 40px;

    font-size: 16px;

    color: #333;

    line-height: 24px;

    height: auto;

    overflow: hidden

}



.md-service .section1 .list .item {

    height: auto;

    overflow: hidden;

    width: 33.33%;

    float: left

}



.md-service .section1 .list .icon {

    float: left;

    margin-right: 10px

}



.md-service .section2 {

    padding-top: 55px;

    padding-bottom: 60px;

    background: url("../imgs/img30.jpg") left top no-repeat, url(../imgs/img31.jpg) no-repeat right bottom

}



.md-service .section2 .list {

    height: auto;

    overflow: hidden

}



.md-service .section2 .list .item {

    width: 33.33%;

    height: 300px;

    float: left;

    padding: 22px;

    border-bottom: 1px dashed #ebebeb;

    border-right: 1px dashed #ebebeb

}



.md-service .section2 .list .item:nth-child(3n) {

    border-right: 0

}



.md-service .section2 .list .item:nth-child(7) {

    border-bottom: 0

}



.md-service .section2 .list .item:nth-child(8) {

    border-bottom: 0

}



.md-service .section2 .list .item:nth-child(9) {

    border-bottom: 0

}



.md-service .section2 .list h3 {

    margin-bottom: 15px;

    font-size: 24px;

    line-height: 45px

}



.md-service .section2 .list h3 a {

    color: #000

}



.md-service .section2 .list h3 a:hover {

    color: #e61730

}



.md-service .section2 .list h3 img {

    max-height: 45px;

    position: relative;

    top: -2px;

    margin-right: 10px

}



.md-service .section2 .list p {

    font-size: 14px;

    line-height: 24px;

    color: #666

}



.md-service .section3 {

    padding-bottom: 70px;

    overflow: hidden;

    background: #f5f5f5;

    padding-top: 48px

}



.md-service .section3 .item {

    height: auto;

    overflow: hidden;

    display: block;

    margin-bottom: 20px

}



.md-service .section3 .item .date {

    float: left;

    margin-right: 13px;

    width: 65px;

    height: 65px;

    background: #c8c8c8;

    text-align: center

}



.md-service .section3 .item .date h5 {

    transition: .5s;

    height: 42px;

    background: #fff;

    font-size: 20px;

    color: #13579d;

    line-height: 42px

}



.md-service .section3 .item .date span {

    transition: .5s;

    height: 23px;

    display: block;

    text-align: center;

    font-size: 16px;

    font-weight: bold;

    color: #fff

}



.md-service .section3 .item .title {

    margin-left: 85px;

    transition: .5s;

    height: 63px;

    line-height: 63px;

    border: 1px solid #fff;

    background: url("../imgs/img41.jpg") no-repeat 96% 50% #fff;

    -webkit-box-flex: 1;

    -ms-flex: 1;

    flex: 1;

    font-size: 16px;

    color: #333;

    padding: 0 36px

}



.md-service .section3 .item:hover .title {

    font-weight: bold;

    border: 1px solid #e7354a;

    background: url("../imgs/img42.jpg") no-repeat 97% 50% #fff

}



.md-service .section3 .item:hover .date h5 {

    color: #e7354a

}



.md-service .section3 .item:hover .date span {

    background: #e7354a

}



.md-service .section4 {

    background: #f5f5f5;

    padding-top: 25px;

    padding-bottom: 50px

}



.md-service .section4 .wrap {

    overflow: hidden;

    padding: 0 25px;

    height: auto

}



.md-service .section4 .wrap ul {

    width: 105%

}



.md-service .section4 .wrap li {

    float: left;

    margin-right: 38px;

    margin-bottom: 42px;

    width: 356px

}



.md-service .section4 .wrap a {

    display: block;

    width: 356px;

    background: #fff;

    height: 417px

}



.md-service .section4 .wrap a .img {

    height: 268px;

    overflow: hidden

}



.md-service .section4 .wrap a .img img {

    transition: .5s;

    width: 100%;

    height: 100%

}



.md-service .section4 .wrap a .text {

    height: 150px;

    padding: 20px

}



.md-service .section4 .wrap a .text h3 {

    transition: .5s;

    font-size: 18px;

    color: #000

}



.md-service .section4 .wrap a .text .date {

    margin-top: 5px;

    margin-bottom: 5px;

    display: inline-block;

    color: #9d9d9d;

    font-size: 14px;

    line-height: 20px

}



.md-service .section4 .wrap a .text p {

    font-size: 14px;

    color: #666;

    line-height: 24px

}



.md-service .section4 .wrap a:hover h3 {

    color: #e61730

}



.md-service .section4 .wrap a:hover .img img {

    -webkit-transform: scale(1.2);

    -ms-transform: scale(1.2);

    transform: scale(1.2)

}



.md-service .section4 .more {

    text-align: center;

    font-size: 16px;

    margin-top: 50px

}



.md-service .section4 .more a {

    width: 160px;

    line-height: 50px;

    display: inline-block;

    height: 50px;

    background: #e7354a;

    color: #fff

}



.md-service .section4 .more a:hover {

    background: #de3443

}



.md-download {

    padding-top: 60px;

    background: #f5f5f5

}



.md-download .down-platform {

    padding-bottom: 55px;

    overflow: hidden;

    padding-top: 60px;

    padding-left: 90px;

    background: #fff;

    height: auto;

    overflow: hidden

}



.md-download .down-platform .info {

    padding-top: 158px;

    text-align: center;

    background: url("../imgs/img45.jpg") no-repeat;

    width: 249px;

    height: 500px;

    float: left

}



.md-download .down-platform .info h3 {

    margin-top: 20px;

    font-size: 22px;

    color: #0368a8

}



.md-download .down-platform .info p {

    margin-top: 8px;

    font-size: 14px;

    color: #939799

}



.md-download .down-platform .right-list {

    -ms-flex-line-pack: center;

    align-content: center;

    margin-left: 325px

}



.md-download .down-platform .right-list h3 {

    margin-top: 88px;

    font-size: 40px;

    color: #000

}



.md-download .down-platform .right-list p {

    font-size: 16px;

    line-height: 30px;

    color: #666;

    margin-top: 10px

}



.md-download .down-platform .list {

    display: -webkit-box;

    display: -ms-flexbox;

    display: flex;

    margin-top: 33px

}



.md-download .down-platform .list a {

    margin-right: 32px;

    display: inline-block;

    width: 166px;

    height: 166px;

    border: 1px solid #e5e9ec;

    text-align: center;

    position: relative

}



.md-download .down-platform .list a img {

    margin-top: 38px

}



.md-download .down-platform .list .ewm {

    position: absolute;

    top: 0;

    left: 0;

    right: 0;

    bottom: 0;

    line-height: 164px

}



.md-download .down-platform .list .ewm img {

    opacity: 0;

    filter: alpha(opacity=0);

    margin-top: 0;

    -webkit-transform: scale(0);

    -ms-transform: scale(0);

    transform: scale(0);

    transition: 0.5s

}



.md-download .down-platform .list h4 {

    transition: .5s;

    font-size: 14px;

    color: #808080;

    margin-top: 10px

}



.md-download .down-platform .list a:hover {

    border: 1px solid #c60000

}



.md-download .down-platform .list a:hover img {

    -webkit-transform: scale(1);

    -ms-transform: scale(1);

    transform: scale(1);

    opacity: 1;

    filter: alpha(opacity=100)

}



.md-download .title {

    margin-top: 15px;

    font-size: 30px;

    color: #000

}



.md-download .history {

    background: #fff;

    padding: 40px 50px

}



.md-download .history li {

    height: auto;

    overflow: hidden;

    padding: 37px 0;

    border-bottom: 1px solid #eaeaea

}



.md-download .history .item {

    width: 480px;

    float: left;

    height: 150px;

    overflow: hidden

}



.md-download .history .img {

    padding: 10px;

    margin-right: 12px

}



.md-download .history .img img {

    float: left;

    width: 112px;

    height: 112px

}



.md-download .history .text {

    margin-left: 135px

}



.md-download .history .text h3 {

    line-height: 45px;

    margin-bottom: 15px;

    color: #0368a8;

    font-size: 18px;

    font-weight: bold

}



.md-download .history .text h3 a {

    color: #0368a8

}



.md-download .history .text p {

    font-size: 14px;

    line-height: 30px;

    color: #333

}



.md-download .history .text p a {

    color: #333

}



.md-download .history .text p a:hover {

    color: #0368a8;

    text-decoration: underline

}



section {

    clear: both

}



.md-breadnav {

    color: #666;

    height: 45px;

    line-height: 45px;

    background: url(../imgs/img52.jpg) no-repeat center;

    background-size: cover

}



.md-breadnav a {

    margin: 0 2px;

    font-size: 12px;

    color: #666

}



.md-breadnav .home {

    background: url("../imgs/img53.jpg") no-repeat left center;

    padding-left: 20px

}



.md-breadnav .wrap {

    padding: 0 25px

}



.md-post {

    background: #f5f5f5

}



.md-post .wrap {

    width: 1150px;

    background: #fff;

    padding: 50px 60px

}



.md-post .share {

    display: -webkit-box;

    display: -ms-flexbox;

    display: flex

}



.md-post .head {

    border-bottom: 1px solid #ebebeb;

    padding-bottom: 20px

}



.md-post .head h3 {

    font-size: 24px;

    font-weight: bold;

    color: #333

}



.md-post .head .share {

    height: 45px;

    line-height: 45px

}



.md-post .head .date {

    margin-right: 20px;

    font-size: 14px;

    color: #9d9d9d

}



.md-post .head .share-more {

    position: relative;

    top: 10px;

    background: url("../imgs/img54.jpg") no-repeat;

    width: 55px

}



.md-post .body {

    font-size: 15px;

    line-height: 2;

    color: #333;

    padding: 25px 0

}



.md-post .page {

    margin-top: 50px;

    font-size: 15px;

    color: #333;

    position: relative

}



.md-post .page a {

    color: #333

}



.md-post .page .next {

    margin-top: 15px

}



.md-post .page .back {

    background: url("../imgs/img56.jpg") no-repeat left center;

    padding-left: 22px;

    position: absolute;

    right: 0;

    top: 0

}



.md-post .page a:hover {

    color: #e61730

}



.md-post .foot .h3 {

    padding-top: 25px;

    border-top: 1px solid #ebebeb;

    font-size: 30px;

    margin-bottom: 25px;

    color: #000;

    text-align: center

}



.md-post .foot .list {

    margin-bottom: 40px;

    padding: 0 35px;

    height: auto;

    overflow: hidden

}



.md-post .foot .list>a {

    float: left;

    margin: 0 20px

}



.md-post .foot .list .item {

    width: 280px;

    display: block

}



.md-post .foot .list .img {

    overflow: hidden

}



.md-post .foot .list .img img {

    width: 100%;

    transition: 0.5s

}



.md-post .foot .list .img img:hover {

    -webkit-transform: scale(1.2);

    -ms-transform: scale(1.2);

    transform: scale(1.2)

}



.md-post .foot .list h3 {

    font-size: 15px;

    color: #333;

    line-height: 45px

}



.md-post .foot .list p {

    font-size: 14px;

    line-height: 20px;

    color: #999

}



.md-post .foot .slide {

    position: relative

}



.md-post .foot .platform-prev,

.md-post .foot .platform-next {

    cursor: pointer;

    z-index: 99;

    top: 33px;

    left: 20px;

    position: absolute;

    background: url("../imgs/img42.png") no-repeat;

    width: 14px;

    height: 33px

}



.md-post .foot .platform-next {

    right: -10px;

    left: auto;

    background: url("../imgs/img42-2.png") no-repeat

}



.md-post .foot .platform-prev:hover {

    background: url("../imgs/img41-1.png") no-repeat

}



.md-post .foot .platform-next:hover {

    background: url("../imgs/img41.png") no-repeat

}



.md-post .foot .platform-slide {

    padding-bottom: 30px;

    margin-top: 20px;

    position: relative

}



.md-post .foot .platform-slide .swiper-slide {

    text-align: center

}



.md-post .foot .platform-slide .ico {

    text-align: center;

    min-height: 80px;

    line-height: 80px

}



.md-post .foot .platform-slide h3 {

    font-size: 15px;

    color: #333;

    margin-top: 10px

}



.md-post .foot .txt {

    margin-top: -15px;

    font-size: 16px;

    color: #666;

    margin-bottom: 10px;

    text-align: center

}



.md-post .foot .list2 {

    margin-top: 35px

}

.md-post .foot .list{margin-top: 20px}

.md-post .foot .list2 a {

    width: 184px;

    border: 1px solid #eee;

    background: #ffffff; 

    display: block;

    height: 100px;

    line-height: 98px;

    margin-bottom: 10px;

    margin: 4px;

    overflow: hidden

}



.md-post .foot .list2 a img{width: 100%; max-height: auto}

.new-senction ul {

    margin-top: 20px;

    height: auto;

    overflow: hidden

}



.new-senction .img {

    width: 90px;

    height: 90px;

    margin: 0 auto

}



.new-senction .img img {

    width: 100%;

    height: 100%

}



.new-senction .gb-h3 {

    font-size: 40px

}



.new-senction h3 {

    font-size: 24px;

    margin-top: 15px;

    color: #333

}



.new-senction li {

    float: left;

    margin-bottom: 30px;

    width: 25%;

    text-align: center

}



.new-senction a {

    color: #666

}



.new-senction .btns {

    text-align: center;

    margin-top: 25px

}



.new-senction .btns .gb-more {

    margin: 0 20px;

    display: inline-block

}



.index-banner {

    position: relative;

    height: 759px;

}



.index-banner .swiper-pagination-bullet {

    opacity: 1;

}

.index-go li h3{font-size: 22px;}

.index-banner .swiper-slide {

    height: 759px;

    height: 759px;

    background-repeat: no-repeat;

    background-size: cover;

    background-position: top center

}



.index-banner .owl-item>div {

    height: 759px;

    background-repeat: no-repeat;

    background-size: cover;

    background-position: top center

}



.index-banner .item1 {

    padding-top: 230px

}



.index-banner .owl-pagination,.owl-dots {

    position: absolute;

    bottom: 0;

    left: 0;

    right: 0;

    text-align: center;

    z-index: 9

}

.md-zhuanti .section1 .list{padding-bottom: 20px;}





.owl-pagination,.owl-dots {

    text-align: center;

}



.owl-pagination .owl-page, .owl-dots .owl-dot{

    display: inline-block;

    margin: 0 4px;

}



.owl-pagination .owl-page span, .owl-dots .owl-dot span {

    display: inline-block;

    width: 8px;

    height: 8px;

    background: #EF6958;

    -webkit-border-radius: 50%;

    -moz-border-radius: 50%;

    border-radius: 50%;

}



.owl-pagination .owl-page.active span ,.owl-dots .owl-dot.active span{

    background: #659ADC

}



.index-banner .text h3 {

    font-size: 56px;

    color: #fff;

    font-weight: bold;

    margin-bottom: 50px

}



.index-banner .text h3 span {

    color: #ffc208;

    font-weight: bold;

    font-style: italic;

    margin-right: 10px

}



.index-banner .text p {

    margin-bottom: 20px

}



.index-banner .text p span {

    display: inline-block;

    border-bottom: 1px solid rgba(255, 255, 255, 0.3);

    font-size: 22px;

    color: #fff;

    padding-bottom: 14px

}



.index-banner .text .btn-red {

    margin-top: 30px

}



.index-banner .item3 {

    padding-top: 198px;

    text-align: center

}



.index-banner .item3 h3 {

    font-size: 60px;

    color: #fff;

    font-weight: bold

}



.index-banner .item3 h3 span {

    font-weight: bold;

    color: #ffc208

}



.index-banner .item3 h4 {

    font-size: 30px;

    color: #fff

}



.index-banner .item3 .btn-red {

    margin-top: 30px

}



.md-zhuanti .wrap {

    padding: 0 25px

}



.md-zhuanti .section {

    padding: 50px 0;

    overflow: hidden;

    height: auto

}



.md-zhuanti .section .img {

    margin-bottom: 10px;

    text-align: center;

}



.md-zhuanti .section .swiper-slide {

    padding: 0 10px;

    margin-bottom: 20px;

}



.md-zhuanti .section p,

.md-zhuanti .wrap p {

    text-align: center;

    font-size: 16px;

    color: #666;

    line-height: 1.8

}



.md-zhuanti .gb-h3 {

    margin-bottom: 25px

}



.md-zhuanti .section1 {

    background: #fff

}



.md-zhuanti .section1 .swiper-container {

    margin-top: 50px; 

}



.md-zhuanti .section1 .wrap {

    overflow: hidden

}



.md-zhuanti .section1 .list {

    margin-top: 45px;

    overflow: hidden;

    display: -webkit-box;

    display: -ms-flexbox;

    display: flex;

    -webkit-box-pack: center;

    -ms-flex-pack: center;

    justify-content: center

}



.md-zhuanti .section1 .list .owl-wrapper-outer {

    height: auto;

    overflow: hidden;

}



.md-zhuanti .section1 .item {

    margin: 0 auto

}



.md-zhuanti .section1 .item .img {

    text-align: center;

    margin: 0 auto;

    width: 190px

}



.md-zhuanti .section1 .item .txt {

    margin: 0 20px;

    margin-top: 40px;

    font-size: 14px;

    color: #666

}



.md-zhuanti .section2 {

    background: #f8f8f8

}



.md-zhuanti .section2 .list {

    margin-top: 20px;

    display: -webkit-box;

    display: -ms-flexbox;

    display: flex;

    -ms-flex-wrap: wrap;

    flex-wrap: wrap;

    -webkit-box-pack: justify;

    -ms-flex-pack: justify;

    justify-content: space-between

}



.md-zhuanti .section2 .item {

    border: 3px solid #fff;

    padding: 20px;

    text-align: center;

    margin-bottom: 22px;

    width: 368px;

    background: #fff

}



.md-zhuanti .section2 .item .icon {

    transition: 0.5s

}



.md-zhuanti .section2 .item h3 {

    margin-bottom: 10px;

    font-size: 24px;

    color: #666;

    font-weight: bold;

    margin-top: 8px

}



.md-zhuanti .section2 .item p {

    line-height: 1.5

}



.md-zhuanti .section2 .item:hover {

    border: 3px solid #f0f0f0

}



.md-zhuanti .section2 .item:hover .icon {

    -webkit-transform: rotateY(360deg);

    transform: rotateY(360deg)

}



.md-zhuanti .section3 .wrap {

    height: auto;

    overflow: hidden;

    padding: 0 30px

}



.md-zhuanti .section3 .wrap.section-left {

    margin-top: 80px;

}



.md-zhuanti .section3 .wrap .left-text {

    margin-top: 30px;

    float: left;

    width: 535px;

    text-align: left

}



.md-zhuanti .section3 .wrap.section-right {

    margin-top: 60px;

}



.md-zhuanti .section3 .wrap.section-left .right-text {

    float: left;

}



.md-zhuanti .section3 .wrap.section-left .left-text {

    float: right;

    padding-right: 0;

    padding-left: 70px;

}



.md-zhuanti .section3 .wrap .right-text {

    width: 535px;

    float: right

}



.md-zhuanti .section3 .wrap .left-text .gb-h3 {

    text-align: left

}



.md-zhuanti .section3 .wrap .left-text p {

    text-align: left;

    line-height: 1.9

}



.md-zhuanti .section3 .wrap .left-text .gb-more {

    margin: 0;

    margin-right: 20px;

    margin-top: 30px

}



.md-zhuanti .section3 .wrap .right-text {

    text-align: center;

    -webkit-box-flex: 1;

    -ms-flex: 1;

    flex: 1

}



.md-zhuanti .section4 {

    background: url(../imgs/img74.jpg) no-repeat center;

    background-size: cover

}



.md-zhuanti .section4 .list {

    margin-top: 40px;

    display: -webkit-box;

    display: -ms-flexbox;

    display: flex;

    -webkit-box-pack: justify;

    -ms-flex-pack: justify;

    justify-content: space-between

}



.md-zhuanti .section4 .item {

    padding: 20px;

    width: 250px;

    height: 343px;

    background: #fff;

    text-align: center;

    position: relative

}



.md-zhuanti .section4 .item h3 {

    font-size: 20px;

    color: #8ad06e;

    font-weight: bold

}



.md-zhuanti .section4 .item:before {

    content: '';

    background: url("../imgs/img73.png") no-repeat top;

    width: 9px;

    top: 0;

    bottom: 0;

    position: absolute;

    right: -9px;

    display: inline-block

}



.md-zhuanti .section4 .item .icon {

    height: 88px;

    line-height: 88px

}



.md-zhuanti .section4 .item1 h3 {

    color: #3f97da

}



.md-zhuanti .section4 .item2 h3 {

    color: #fe7968

}



.md-zhuanti .section4 .item3 h3 {

    color: #f8c94d

}



.md-zhuanti .section4 .item4 h3 {

    color: #7bafef

}



.md-zhuanti .section5 .list {

    margin-top: 60px;

    display: -webkit-box;

    display: -ms-flexbox;

    display: flex;

    -webkit-box-pack: center;

    -ms-flex-pack: center;

    justify-content: center;

    -ms-flex-wrap: wrap;

    flex-wrap: wrap

}



.layout .md-zhuanti .section5 .list li {

    float: left;

    margin: 0 15px;

}



.md-zhuanti .section5 .list img {

    margin: 0 15px;

    transition: 0.5s

}



.md-zhuanti .section5 .list img:hover {

    -webkit-transform: rotateY(180deg);

    transform: rotateY(180deg)

}



.md-zhuanti .section6 {

    background: #f8f8f8

}



.md-zhuanti .section6 .body .list {

    display: -webkit-box;

    display: -ms-flexbox;

    display: flex;

    -webkit-box-pack: justify;

    -ms-flex-pack: justify;

    justify-content: space-between;

    -ms-flex-wrap: wrap;

    flex-wrap: wrap

}



.md-zhuanti .section6 .body .item {

    margin-top: 45px;

    width: 358px;

    display: -webkit-box;

    display: -ms-flexbox;

    display: flex

}



.md-zhuanti .section6 .body .item .img {

    width: 82px;

    margin-right: 20px

}



.md-zhuanti .section6 .body .item .text {

    -webkit-box-flex: 1;

    -ms-flex: 1;

    flex: 1;

    text-align: left

}



.md-zhuanti .section6 .body .item p {

    text-align: left;

    font-size: 14px;

    color: #666;

    line-height: 22px

}



.md-zhuanti .section6 .body .item h3 {

    font-size: 16px;

    color: #333;

    font-weight: bold

}

.md-zhuanti .section6 .body .item h3 a{   color: #333;}

.md-zhuanti .section7 .list {

    margin-top: 30px;

    text-align: center

}



.md-zhuanti .section7 .list li {

    margin: 0 10px;

    border: 12px solid #E6E6E6;

    width: 259px;

    height: 259px;

    border-radius: 50%;

    display: inline-block;

    position: relative;

    overflow: hidden

}



.md-zhuanti .section7 .list li .text {

    transition: 0.5s;

    position: absolute;

    top: 0;

    bottom: 0;

    left: 0;

    right: 0

}



.md-zhuanti .section7 .list li .text .icon {

    margin: 20px auto;

    width: 100px;

    height: 90px;

    text-align: center

}



.md-zhuanti .section7 .list li .text .icon img {

    max-height: 100%;

    max-width: 100%;

    margin: 0

}



.md-zhuanti .section7 .list li .text .title {

    font-size: 24px;

    color: #fff;

    text-align: center;

    font-weight: bold;

    width: 130px;

    margin: 0 auto

}



.md-zhuanti .section7 .list li .text2 {

    opacity: 0;

    visibility: hidden

}



.md-zhuanti .section7 .list li .text2 {

    padding-top: 15px

}



.md-zhuanti .section7 .list li .text2 h3 {

    font-size: 20px;

    font-weight: bold;

    color: #fff;

    width: 100px;

    margin: 10px auto;

    padding: 10px 0;

    border-bottom: 1px solid #fff;

    word-wrap: break-word

}



.md-zhuanti .section7 .list li .text2 p {

    padding: 15px 30px;

    font-size: 14px;

    line-height: 1.6;

    color: #fff

}



.md-zhuanti .section7 .list li:hover {

    background: #FE7968 !important

}



.md-zhuanti .section7 .list li:hover .text2 {

    opacity: 1;

    visibility: visible

}



.md-zhuanti .section7 .list li:hover .text1 {

    -webkit-transform: scale(1.6);

    -ms-transform: scale(1.6);

    transform: scale(1.6);

    opacity: 0;

    visibility: hidden

}



.md-zhuanti .section8 {

    padding-top: 0;

    padding-bottom: 0;

    position: relative

}



.md-zhuanti .section8 .body {

    height: 748px

}



.md-zhuanti .section8 .gb-h3 {

    position: absolute;

    left: 725px;

    top: 45px

}



.md-zhuanti .section8 .gb-more {

    left: 350px;

    bottom: 45px;

    position: absolute

}



.md-zhuanti .section8 .item {

    padding: 44px;

    width: 265px;

    position: absolute;

    color: #fff

}



.md-zhuanti .section8 .item h3 {

    font-size: 16px

}



.md-zhuanti .section8 .item p {

    text-align: left;

    color: #fff;

    font-size: 14px

}



.md-zhuanti .section8 .item .tit {

    padding-top: 110px;

    bottom: 0;

    left: 0;

    position: absolute;

    font-size: 20px;

    color: #333;

    text-align: center;

    width: 265px;

    height: 236px

}



.md-zhuanti .section8 .item1 {

    right: 50%;

    padding-top: 20px;

    background: #0180d1 url("../imgs/img90.jpg") no-repeat bottom center;

    height: 372px

}



.md-zhuanti .section8 .item2 {

    padding-left: 230px;

    padding-top: 10px;

    right: 0;

    width: auto;

    left: 50%;

    height: 237px;

    background: #00d4df url("../imgs/img91.jpg") no-repeat left center;

    top: 135px

}



.md-zhuanti .section8 .item2 h3 {

    margin-top: 8px

}



.md-zhuanti .section8 .item3 {

    padding-top: 235px;

    width: 265px;

    left: 50%;

    height: 374px;

    background: #00d0a8 url("../imgs/img93.jpg") no-repeat left top;

    top: 372px

}



.md-zhuanti .section8 .item3 .tit {

    padding-top: 80px;

    top: 0;

    bottom: auto

}



.md-zhuanti .section8 .item4 {

    padding-right: 250px;

    padding-top: 10px;

    top: 371px;

    right: 50%;

    height: 237px;

    background: #8ad06e url("../imgs/img92.jpg") no-repeat right center;

    width: auto;

    left: 0

}



.md-zhuanti .section8 .item4 .text {

    float: right;

    text-align: right

}



.md-zhuanti .section8 .item4 h3 {

    margin-top: 8px

}



.md-zhuanti .section8 .item4 p {

    text-align: right

}



.md-zhuanti .section8 .item4 .tit {

    padding-top: 80px;

    top: 0;

    left: auto;

    right: 0;

    bottom: auto

}



.md-zhuanti .section9 {

    background: url("../imgs/img95.jpg") no-repeat right center

}



.md-zhuanti .section9 .wrap {

    height: auto;

    overflow: hidden

}



.md-zhuanti .section9 .wrap .left-wrap {

    width: 50%;

    overflow: hidden;

    float: left

}



.md-zhuanti .section9 .wrap .right-list {

    float: right;

    width: 50%

}



.md-zhuanti .section9 .wrap .left-slide {

    overflow: hidden;

    padding-bottom: 30px;

    position: relative;

}



.md-zhuanti .section9.xz-section .wrap .left-slide {

    width: 500px;

}



.md-zhuanti .section9 .wrap .left-slide .img {

    text-align: center;

    /* height: 420px */

}



.md-zhuanti .section9 .wrap .left-slide .swiper-pagination-bullet {

    opacity: 1;

    background: #ef6958

}



.md-zhuanti .section9 .wrap .left-slide .swiper-pagination-bullet-active {

    background: #659adc

}



.md-zhuanti .section9 .wrap .left-slide p {

    font-size: 14px;

    line-height: 28px;

    width: 390px;

    margin: 0 auto;

    text-align: center;

    margin-top: 10px

}



.md-zhuanti .section9 .wrap .right-list {

    text-align: left;

    padding-left: 50px

}



.md-zhuanti .section9 .wrap .right-list .gb-h3 {

    text-align: left

}



.md-zhuanti .section9 .wrap .right-list li {

    height: 55px;

    line-height: 55px;

    font-size: 20px;

    color: #333;

    background: url(../imgs/img96.jpg) no-repeat left center;

    padding-left: 29px

}



.md-zhuanti .section9 .wrap .right-list .gb-more {

    margin: 0;

    margin-top: 30px

}



.md-zhuanti .section10 .imgs-list {

    padding: 20px;

    position: relative

}



.md-zhuanti .section10 .btns {

    text-align: center;

}



.md-zhuanti .section10 .btns .gb-more {

    margin: 0 10px;

    display: inline-block;

}



.md-zhuanti .section10 .img {

    margin-top: 30px;

    text-align: center

}



.md-zhuanti .section10 .item {

    display: inline-block;

    float: none;

    margin: 15px 20px;

    background: url("../imgs/xz4.png") no-repeat;

    width: 213px;

    height: 183px

}



.md-zhuanti .section10 .item1 {

    left: 275px

}



.md-zhuanti .section10 .item2 {

    left: 493px

}



.md-zhuanti .section10 .item3 {

    left: 711px

}



.md-zhuanti .section10 .item4 {

    top: 193px;

    left: 165px

}



.md-zhuanti .section10 .item5 {

    top: 193px;

    left: 383px

}



.md-zhuanti .section10 .item6 {

    top: 193px;

    left: 600px

}



.md-zhuanti .section10 .item7 {

    top: 193px;

    left: 820px

}



.md-zhuanti .section10 .icon {

    height: 100px;

    line-height: 100px;

    width: 128px;

    margin: 20px auto;

    margin-bottom: 0

}



.md-zhuanti .section10 .item h3 {

    font-size: 24px;

    color: #fff;

    text-align: center

}



.md-zhuanti .section11 .list {

    margin-top: 35px;

    height: auto;

    overflow: hidden;

    padding: 0 100px;

    width: 105%

}



.md-zhuanti .section11 .list .item {

    background: #fff;

    line-height: 98px;

    float: left;

    margin-right: 10px;

    width: 183px;

    text-align: center;

    height: 100px;

    margin-bottom: 7px;

    border: 1px solid #e3e3e3;

}



.md-zhuanti .section11 .list .item img {

    max-height: 96%;

}



.md-zhuanti .big-img {

    position: fixed;

    display: none;

    padding: 20px;

    width: 800px;

    height: 500px;

    text-align: center;

    z-index: 999;

    background: #fff;

    left: 50%;

    top: 50%;

    -webkit-transform: translate(-50%, -50%);

    -ms-transform: translate(-50%, -50%);

    transform: translate(-50%, -50%)

}



.md-zhuanti .big-img img {

    max-width: 90%;

    max-height: 90%

}



.wap-slide .swiper-pagination-bullet {

    margin: 0 5px;

    width: 12px;

    height: 12px;

}



.wap-slide .swiper-pagination {

    left: 0;

    right: 0;

    text-align: center;

}



.md-zhuanti .big-img .close {

    z-index: 99;

    position: absolute;

    top: 0;

    right: 0;

    width: 35px;

    background: #000;

    color: #fff;

    text-align: center;

    line-height: 35px;

    height: 35px;

    cursor: pointer

}



.md-zhuanti .section11-xz .item {

    top: 0;

    position: absolute;

    width: 280px;

    text-align: center

}



.md-zhuanti .section11-xz .item img {

    position: relative;

    z-index: 99;

    margin-bottom: 57px

}



.md-zhuanti .section11-xz .item:after {

    top: 250px;

    background: url("../imgs/xz9.png") no-repeat center;

    background-size: cover;

    display: inline-block;

    width: 237px;

    height: 63px;

    content: '';

    position: absolute;

    left: 50%;

    -webkit-transform: translate(-50%);

    -ms-transform: translate(-50%);

    transform: translate(-50%)

}



.md-zhuanti .section11-xz .imgs-list {

    height: 460px;

    position: relative;

    margin-top: 30px;

    background: url("../imgs/xzxz.png") no-repeat 50% 30px

}



.md-zhuanti .section11-xz .item1 {

    left: 0

}



.md-zhuanti .section11-xz .item1 img {

    width: 125px;

    height: 255px

}



.md-zhuanti .section11-xz .item2 {

    left: 50%;

    margin-left: -140px

}



.md-zhuanti .section11-xz .item2 img {

    width: 162px;

    height: 329px

}



.md-zhuanti .section11-xz .item2:after {

    top: 340px;

    width: 280px

}



.md-zhuanti .section11-xz .item3 {

    right: 0

}



.md-zhuanti .section11-xz .item3 img {

    width: 125px;

    height: 255px

}



.md-zhuanti .section12 {

    background: #f8f8f8

}



.md-zhuanti .section12 .list {

    margin-top: 15px;

    height: auto;

    overflow: hidden

}



.md-zhuanti .section12 .list .item {

    width: 280px;

    float: left

}



.md-zhuanti .section12 .list .item .img img {

    width: 100%

}



.md-zhuanti .section12 .list .item h3 {

    height: 40px;

    line-height: 40px;

    font-size: 16px;

    color: #333

}



.md-zhuanti .section12 .list .item p {

    text-align: left

}



.md-zhuanti .section12 .list .item:hover h3 {

    color: #c60000

}



.md-zhuanti .section13 {

    background: 0

}



.md-zhuanti .section13 .slide {

    width: auto;

    -webkit-box-flex: 1;

    -ms-flex: 1;

    flex: 1

}



.md-zhuanti .section13 .platform-slide {

    width: auto;

    padding: 0 30px

}



.md-zhuanti .section13 .ico {

    margin-bottom: 20px

}



.md-zhuanti .section13 .swiper-slide h3 {

    font-size: 18px;

    color: #000

}



.md-zhuanti .section13 .swiper-slide a {

    width: 100%;

    text-align: center;

    display: block

}



.md-zhuanti .section13 .swiper-slide a:hover h3 {

    color: #c60000

}



.md-zhuanti .section13 .wrap {

    position: relative;

    padding: 0 80px

}



.md-zhuanti .section13 .platform-prev,

.md-zhuanti .section13 .platform-next {

    cursor: pointer;

    z-index: 99;

    top: 33px;

    left: 20px;

    position: absolute;

    background: url("../imgs/img42.png") no-repeat;

    width: 14px;

    height: 33px

}



.md-zhuanti .section13 .platform-next {

    right: -10px;

    left: auto;

    background: url("../imgs/img42-2.png") no-repeat

}



.md-zhuanti .section13 .platform-prev:hover {

    background: url("../imgs/img41-1.png") no-repeat

}



.md-zhuanti .section13 .platform-next:hover {

    background: url("../imgs/img41.png") no-repeat

}



.md-zhuanti .section14 {

    background: #f8f8f8

}



.md-zhuanti .section14 .body {

    height: auto;

    overflow: hidden;

    margin-top: 20px

}



.md-zhuanti .section14 .item {

    float: left;

    margin-right: 10px;

    height: auto;

    overflow: hidden;

    margin-top: 40px;

    width: 555px

}



.md-zhuanti .section14 .item .img {

    float: left;

    overflow: hidden;

    margin-right: 15px;

    width: 151px;

    height: 115px

}



.md-zhuanti .section14 .item .img img {

    transition: .5s;

    width: 100%;

    height: 100%

}



.md-zhuanti .section14 .item .img img:hover {

    -webkit-transform: scale(1.2);

    -ms-transform: scale(1.2);

    transform: scale(1.2)

}



.md-zhuanti .section14 .item .text {

    margin-left: 161px

}



.md-zhuanti .section14 .item .text h3 {

    margin-bottom: 5px;

    font-size: 18px

}



.md-zhuanti .section14 .item .text h3 a {

    color: #000

}



.md-zhuanti .section14 .item .text h3 a:hover {

    color: #c60000

}



.md-zhuanti .section14 .item .text span {

    font-size: 14px;

    color: #9d9d9d

}



.md-zhuanti .section14 .item .text p {

    margin-top: 5px;

    text-align: left;

    font-size: 14px;

    color: #666;

    line-height: 24px

}



.md-zhuanti .section-text .list {

    height: auto;

    overflow: hidden

}



.md-zhuanti .section-text .item {

    padding: 20px;

    float: left;

    margin-right: 10px;

    margin-bottom: 20px;

    width: 274px;

    height: 170px;

    background: #f68e77

}



.md-zhuanti .section-text .item h3 {

    font-size: 18px;

    color: #b62e10;

    font-weight: bold;

    text-align: center;

    margin-bottom: 10px

}



.md-zhuanti .section-text .item .link {

    height: auto;

    overflow: hidden

}



.md-zhuanti .section-text .item .link a {

    font-size: 14px;

    text-align: center;

    color: #fff;

    line-height: 30px;

    width: 33.33%;

    display: block;

    float: left

}



.md-zhuanti .section-text .item .link a:hover {

    text-decoration: underline

}



.md-zhuanti .section-text .item:nth-child(2) {

    background: #82b3f0

}



.md-zhuanti .section-text .item:nth-child(2) h3 {

    color: #0c4996

}



.md-zhuanti .section-text .item:nth-child(3) {

    background: #8bcfb3

}



.md-zhuanti .section-text .item:nth-child(3) h3 {

    color: #0b5f3c

}



.md-zhuanti .section-text .item:nth-child(4) {

    background: #f08694

}



.md-zhuanti .section-text .item:nth-child(4) h3 {

    color: #8d0b1c

}



.md-zhuanti .section-text .item:nth-child(5) {

    background: #ed426a

}



.md-zhuanti .section-text .item:nth-child(5) h3 {

    color: #670018

}



.md-zhuanti .section-text .item:nth-child(6) {

    background: #f49e45

}



.md-zhuanti .section-text .item:nth-child(6) h3 {

    color: #633200

}



.md-zhuanti .section-text .item:nth-child(7) {

    background: #14c2c0

}



.md-zhuanti .section-text .item:nth-child(7) h3 {

    color: #003736

}



.md-zhuanti .section-text .item:nth-child(8) {

    background: #3f97da

}



.md-zhuanti .section-text .item:nth-child(8) h3 {

    color: #03355c

}



.md-cp .section1 .list {

    display: block

}



.md-cp .section2 {

    background: url(../imgs/img106.jpg) no-repeat center;

    background-size: cover

}



.md-cp .section2 .img {

    text-align: center

}



.md-cp .md-info2 {

    background: #f8f8f8

}



.md-cp .md-info .btns {

    text-align: left;

}



.md-cp .section-list .list {

    margin-top: 100px;

    text-align: center

}



.md-cp .section-list .list .item {

    padding: 20px;

    margin: 0 33px;

    float: left;

    padding-top: 60px;

    background: #3f97da;

    border: 2px solid #fff;

    width: 220px;

    height: 300px;

    position: relative

}



.md-cp .section-list .list .item .icon {

    top: -54px;

    margin-left: -54px;

    left: 50%;

    background: #fff;

    position: absolute;

    width: 108px;

    height: 108px;

    border: 5px solid #3f97da;

    border-radius: 50%;

    text-align: center;

    line-height: 98px

}



.md-cp .section-list .list .item p {

    text-align: left;

    color: #fff

}



.md-cp .section-list .list .item h3 {

    border-bottom: 1px solid #ffe4e1;

    margin-bottom: 10px;

    padding-bottom: 10px;

    text-align: center;

    color: #f6fbff;

    font-size: 28px;

    font-weight: bold

}



.md-cp .section-list .list .item:nth-child(2) {

    background: #fe7968

}



.md-cp .section-list .list .item:nth-child(2) .icon {

    border: 5px solid #fe7968

}



.md-cp .section-list .list .item:nth-child(3) {

    background: #f8c94d

}



.md-cp .section-list .list .item:nth-child(3) .icon {

    border: 5px solid #f8c94d

}



.md-zhuanti .section10 .gb-h3 {

    padding-top: 30px;

}



.md-cp .section-list .list .item:nth-child(4) {

    background: #7bafef

}



.md-cp .section-list .list .item:nth-child(4) .icon {

    border: 5px solid #7bafef

}



.md-cp .section-list2 .list {

    padding: 0 50px;

    margin-top: 50px

}



.md-cp .section-list2 .img {

    margin-bottom: 0;

}



.md-cp .section-list2 .list .img {

    float: left

}



.md-cp .section-list2 .list .text {

    float: right

}



.md-cp .section-list2 .list .item:nth-child(2n) .img {

    float: right

}



.md-cp .section-list2 .list .item:nth-child(2n) .text {

    /*float: left*/

}



.md-cp .section-list2 .list .item {

    height: auto;

    overflow: hidden

}



.md-cp .section-list2 .list .item>div {

    height: 265px;

    width: 50%

}



.md-cp .section-list2 .list .item .img img {

    height: 100%;

    width: 100%

}



.md-cp .section-list2 .list .item .text {

    padding: 25px 65px

}



.md-cp .section-list2 .list .item h3 {

    font-size: 28px;

    color: #333;

    font-weight: bold;

    text-align: center;

    margin-bottom: 20px

}



.md-cp .section-list2 .list .item p {

    text-align: left;

    font-size: 16px;

    line-height: 34px;

    color: #333

}



.md-cp .section9 .tab-head ul {

    height: auto;

    overflow: hidden;

    text-align: center

}



.md-cp .section9 .tab-head li {

    border-bottom: 3px solid transparent;

    margin-right: 2px;

    display: inline-block;

    cursor: pointer;

    text-align: center;

    margin-bottom: 20px;

    width: 107px;

    line-height: 42px;

    font-size: 16px;

    color: #fff;

    height: 42px;

    background: #f08694

}



.md-cp .section9 .tab-head li:hover {

    box-sizing: content-box;

    border-bottom: 3px solid #ed394f

}



.md-cp .section9 .tab-head li:nth-child(2n) {

    background: #f49e45

}



.md-cp .section9 .tab-head li:nth-child(3n) {

    background: #14c2c0

}



.md-cp .section9 .tab-head li:nth-child(4n) {

    background: #82b3f0

}



.md-cp .section9 .tab-head li:nth-child(5n) {

    background: #f08694

}



.md-cp .section9 .tab-head li:nth-child(6n) {

    background: #f49e45

}



.md-cp .section9 .tab-head li:nth-child(7n) {

    background: #14c2c0

}



.md-cp .section9 .tab-head li:nth-child(8n) {

    background: #f6a391

}



.md-cp .section9 .tab-head li:nth-child(9n) {

    background: #f6a391

}



.md-cp .section9 .tab-head li:nth-child(10) {

    background: #ed426a

}



.md-cp .section9 .tab-head li:nth-child(11) {

    background: #8bcfb3

}



.md-cp .section9 .wrap .right-list {

    width: 512px;

    padding-left: 50px;

    padding-right: 30px

}



.md-cp .section9 .wrap .right-list .gb-h3 {

    font-size: 28px

}



.md-cp .section9 .wrap .right-list p {

    text-align: left

}



.md-cp .section9 .tab-con {

    margin-top: 30px;

    display: none;

    -webkit-box-pack: justify;

    -ms-flex-pack: justify;

    justify-content: space-between

}



.md-cp .section9 .tab-con.active {

    display: block

}



.md-cp .section-list3 .wrap {

    padding: 0

}



.md-cp .section-list3 .list {

    height: auto;

    overflow: hidden

}



.md-cp .section-list3 .list .item {

    float: left;

    margin-right: 10px;

    padding: 30px;

    padding-right: 0;

    width: 385px;

    height: 150px;

    margin-bottom: 18px;

    display: -webkit-box;

    display: -ms-flexbox;

    display: flex;

    border: 1px solid #d2d2d2

}



.md-cp .section-list3 .list .text {

    float: left;

    width: 230px

}



.md-cp .section-list3 .list .text h3 {

    font-size: 18px;

    color: #333;

    margin-right: 10px;

    margin-bottom: 10px

}



.md-cp .section-list3 .list .text p {

    font-size: 12px;

    line-height: 1.6;

    text-align: left

}



.md-cp .section-list3 .list .img {

    float: right;

    line-height: 112px;

    text-align: center;

    width: 112px

}



.md-cp .section-list3 .list .item:hover {

    border: 1px solid #e12728

}



.md-cp .section-list3 .list .item:hover .text h3 {

    color: #e12728

}



.md-cp .section-list3 .list .item:hover .text p {

    color: #e12728

}



.md-cp .section-list4 {

    height: 213px;

    padding: 0

}



.md-cp .section-list4 .wrap {

    display: -webkit-box;

    display: -ms-flexbox;

    display: flex

}



.md-cp .section-list4 .wrap>div {

    width: 50%

}



.md-cp .section-list4 .wrap .left h3 {

    font-size: 40px;

    color: #fff;

    margin-top: 80px

}



.md-cp .section-list4 .wrap .list {

    padding-left: 65px;

    display: -webkit-box;

    display: -ms-flexbox;

    display: flex;

    -ms-flex-wrap: wrap;

    flex-wrap: wrap;

    padding-top: 33px

}



.md-cp .section-list4 .wrap .list span {

    width: 33.33%;

    display: inline-block;

    line-height: 32px;

    color: #5e6971;

    font-size: 16px

}



.md-cp .section-list4 .wrap .list span:nth-child(1) .num,

.md-cp .section-list4 .wrap .list span:nth-child(2) .num,

.md-cp .section-list4 .wrap .list span:nth-child(3) .num {

    width: 20px;

    height: 20px;

    color: #ffffff;

    line-height: 20px;

    text-align: center;

    border-radius: 50%;

    background: #409dc5;

    display: inline-block;

}



.md-cp .section-list4 .wrap .list .num {

    width: 21px;

    margin-right: 10px;

    display: inline-block

}



.footer-fiexd {

    height: 110px;

    display: none;

    background: #d63347;

    z-index: 999;

    -webkit-box-align: center;

    -ms-flex-align: center;

    align-items: center;

    text-align: center;

    bottom: 0

}



.footer-fiexd .item {

    display: block;

    -webkit-box-flex: 1;

    -ms-flex: 1;

    flex: 1;

    color: #fff

}



.footer-fiexd .icon {

    height: 60px;

    display: inline-block;

    width: 100%

}



.footer-fiexd .icon1 {

    background: url("../imgs/m7.png") no-repeat center

}



.footer-fiexd .icon2 {

    background: url("../imgs/m8.png") no-repeat center

}



.footer-fiexd .icon3 {

    background: url("../imgs/m9.png") no-repeat center

}



.footer-fiexd h3 {

    font-size: 24px;

    width: 100%;

    text-align: center

}



.section-news {

    background: #f8f8f8

}

.section-news .gb-h3,.section11 .gb-h3{

    margin-bottom: 10px;

}



.section-news .list {

    margin-top: 15px;

    padding: 0 5px;

    height: auto;

    overflow: hidden

}



.section-news .list .item {

    width: 380px;

    float: left;

    margin-bottom: 20px

}



.section-news .list .item .img img {

    width: 100%

}



.section-news .list .item h3 {

    height: 40px;

    line-height: 40px;

    font-size: 16px;

    color: #333

}



.section-news .list .item p {

    text-align: left;

    font-size: 14px;

    color: #999

}



.section-news .list .item:hover h3 {

    color: #c60000

}



.md-zhuanti .section-news .item {

    padding: 20px

}



body.on {

    position: relative;

    background: #ccc

}



body.on .layout {

    background: #fff

}



body.on>.navs {

    -webkit-transform: translateX(0);

    -ms-transform: translateX(0);

    transform: translateX(0)

}



body>.navs {

    background: #ccc;

    position: fixed;

    right: 0;

    transition: .5s;

    -webkit-transform: translateX(100%);

    -ms-transform: translateX(100%);

    transform: translateX(100%);

    width: 180px;

    top: 0;

    bottom: 0;

    overflow-y: auto

}



body>.navs li {

    border-bottom: 1px solid #ddd;

    line-height: 45px;

    position: relative

}



body>.navs li a {

    color: #fff;

    padding: 0 10px;

    display: block

}



body>.navs .add {

    width: 45px;

    height: 45px;

    background: #e12728;

    cursor: pointer;

    position: absolute;

    display: inline-block;

    right: 0;

    top: 0;

    z-index: 99

}



body>.navs .add:before,

body>.navs .add:after {

    transition: .5s;

    top: 22px;

    left: 15px;

    width: 15px;

    height: 2px;

    background: #fff;

    content: '';

    position: absolute

}



body>.navs .add:after {

    -webkit-transform: rotate(-90deg);

    -ms-transform: rotate(-90deg);

    transform: rotate(-90deg)

}



body>.navs .add.active:after {

    -webkit-transform: rotate(0);

    -ms-transform: rotate(0);

    transform: rotate(0)

}



body>.navs .subnav {

    border-top: 1px solid #fff;

    display: none

}



body>.navs .subnav a {

    padding: 0 20px;

    line-height: 35px

}



body>.navs .subnav dd.active {

    background: #e12728;

    color: #fff

}



body>.navs .subnav dd.active a {

    color: #fff

}



body>.navs li.active {

    border-bottom: 1px solid #fff

}



body>.navs li.active>a {

    color: #e12728

}



.boxer-open {

    overflow: hidden !important

}



#boxer,

#boxer .boxer-container,

#boxer .boxer-content,

#boxer-overlay {

    transition: none

}



#boxer-overlay {

    background: #000;

    height: 100%;

    left: 0;

    position: fixed;

    top: 0;

    width: 100%;

    z-index: 105

}



#boxer {

    background: #fff;

    border-radius: 3px;

    box-shadow: 0 0 25px #000;

    padding: 10px;

    position: absolute;

    z-index: 105

}



#boxer.inline {

    padding: 30px

}



#boxer .boxer-close {

    background: #fff url(../imgs/jquery.fs.boxer-icons.png) no-repeat -70px 10px;

    border-radius: 100%;

    cursor: pointer;

    display: block;

    height: 30px;

    position: absolute;

    padding: 0;

    right: -8px;

    top: -8px;

    width: 30px;

    text-indent: -99999px;

    z-index: 106

}



#boxer .boxer-container {

    height: 100%;

    overflow: hidden;

    position: relative;

    width: 100%;

    z-index: 105;

    zoom: 1

}



#boxer .boxer-content {

    overflow: hidden;

    padding: 0;

    width: 10000px

}



#boxer .boxer-image {

    float: left

}



#boxer .boxer-video {

    height: 100%;

    width: 100%

}



#boxer .boxer-iframe {

    float: left;

    height: 100%;

    overflow: auto;

    width: 100%

}



#boxer .boxer-meta {

    clear: both

}



#boxer .boxer-arrow {

    background: #fff url(../imgs/jquery.fs.boxer-icons.png) no-repeat 0 0;

    border-radius: 100%;

    box-shadow: 0 0 6px rgba(0, 0, 0, 0.4);

    cursor: pointer;

    display: block;

    height: 40px;

    margin-right: auto;

    margin-left: auto;

    position: absolute;

    text-indent: -99999px;

    top: 0;

    width: 40px;

    transition: opacity 0.1s linear

}



#boxer .boxer-arrow.previous {

    left: 20px

}



#boxer .boxer-arrow.next {

    background-position: -40px 0;

    right: 20px

}



#boxer .boxer-position {

    color: #999;

    font-size: 11px;

    margin: 0;

    padding: 15px 10px 5px

}



#boxer .boxer-caption p {

    margin: 0;

    padding: 15px 10px 10px 10px

}



#boxer .boxer-caption.gallery p {

    padding-top: 0

}



#boxer.loading .boxer-container {

    background: #fff url(../imgs/jquery.fs.boxer-loading.gif) no-repeat center

}



#boxer.mobile {

    background-color: rgba(0, 0, 0, 0.6);

    border-radius: 0;

    height: 100%;

    left: 0;

    padding: 30px 0 0;

    position: fixed;

    top: 0;

    width: 100%

}



#boxer.mobile .boxer-close {

    background-color: rgba(0, 0, 0, 0.5);

    background-position: -70px -60px;

    border-radius: 0;

    right: 0;

    top: 0

}



#boxer.mobile .boxer-container {

    position: relative

}



#boxer.mobile .boxer-arrow {

    background-color: transparent;

    border-radius: 0;

    margin: -20px 0 0;

    top: 50%

}



#boxer.mobile .boxer-arrow.previous {

    background-position: 0 -40px;

    float: left;

    left: 0

}



#boxer.mobile .boxer-arrow.next {

    background-position: -40px -40px;

    float: right;

    right: 0

}



#boxer.mobile .boxer-arrow.disabled {

    opacity: 0.5

}



#boxer.mobile .boxer-meta {

    bottom: 0;

    background-color: rgba(0, 0, 0, 0.75);

    left: 0;

    padding: 15px 50px 10px;

    position: absolute;

    width: 100%

}



#boxer.mobile .boxer-position {

    padding: 0

}



#boxer.mobile .boxer-caption p {

    color: #eee;

    padding: 10px 0 0

}



#boxer.mobile .boxer-image {

    transition: none !important;

    -webkit-transform: translate(0px, 0px);

    -ms-transform: translate(0px, 0px);

    transform: translate(0px, 0px)

}



#boxer.mobile.animated .boxer-image {

    transition: -webkit-transform 0.25s ease-out !important;

    transition: transform 0.25s ease-out !important;

    transition: transform 0.25s ease-out, -webkit-transform 0.25s ease-out !important;

    transition: transform 0.25s ease-out, -webkit-transform 0.25s ease-out !important

}



#boxer.mobile.loading .boxer-container {

    background: rgba(0, 0, 0, 0.3) url(../imgs/jquery.fs.boxer-loading-dark.gif) no-repeat center

}



@media screen and (min-width: 980px) {

    #boxer .boxer-close:hover {

        background-position: -70px -20px

    }

    #boxer .boxer-arrow {

        opacity: 0

    }

    #boxer .boxer-content:hover .boxer-arrow {

        opacity: 0.75

    }

    #boxer .boxer-content .boxer-arrow:hover {

        opacity: 1

    }

    #boxer .boxer-content:hover .boxer-arrow.disabled {

        opacity: .3;

        cursor: default !important

    }

    #boxer.mobile .boxer-arrow {

        opacity: 1

    }

    #boxer.mobile .boxer-arrow.disabled {

        opacity: 0.5

    }

}



#boxer {

    z-index: 999999

}



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

    #boxer.mobile {

        position: fixed

    }

}



.md-contact .body .list .bd .aa {

    color: #ddd

}



.md-contact .body .list .bd ul {

    min-height: 720px

}



.md-recruit .body a {

    font-size: 24px

}



.md-contact .body .list .bd li.active {

    background: #fff

}



.md-contact .body .list .bd li.active h3:before {

    background: #ED354B

}



.gb-icon .icon2 {

    display: none;

}



.gb-icon:hover .icon1 {

    display: none;

}



.gb-icon:hover .icon2 {

    display: inline-block;

}



.m-newbanner {

    height: 580px;

    display: none;

    background-repeat: no-repeat;

    -webkit-background-size: cover;

    background-size: cover;

    background-position: top center;

    color: #fff;

    text-align: center;

    padding-top: 50px;

}



.m-newbanner h3 {

    font-size: 56px;

    padding-bottom: 20px;

    position: relative;

}



.m-newbanner h3::before {

    display: inline-block;

    content: '';

    height: 3px;

    width: 60px;

    position: absolute;

    bottom: 0;

    left: 50%;

    margin-left: -30px;

    background: #fff;

}



.m-newbanner p {

    margin: 0 60px;

    margin-top: 20px;

    font-size: 24px;

    line-height: 40px;

    margin-bottom: 50px;

}



.m-newbanner .btn {

    width: 190px;

    height: 50px;

    line-height: 50px;

    background: #ed394f;

    color: #fff;

    text-align: center;

    display: inline-block;

    -webkit-border-radius: 15px;

    -moz-border-radius: 15px;

    border-radius: 15px;

    font-size: 24px;

    color: #fff;

}



  /*娴姩缁勪欢*/

  .panel-widget {

    position: fixed;

    z-index: 999;

    right: 4px;

    bottom: 40%;

}

.panel-widget a{

    display: block;

    width: 50px;

    height: 50px;

    margin: 6px;

    background-image: url(../imgs/panel-widget.png);

    background-repeat: no-repeat;

}

/*鏈嶅姟*/

.panel-widget .service{

    background-position: 0 0;

}

.panel-widget .service:hover{

    background-position: right 0;

}

/*璇曠敤*/

.panel-widget .try{

    background-position: 0 -50px;

}

.panel-widget .try:hover{

    background-position: right -50px;

}

/*鐑嚎*/

.panel-widget .hotline{

    background-position: 0 -100px;

}

.panel-widget .hotline:hover{

    background-position: right -100px;

}

/*鍥炲埌椤堕儴*/

.panel-widget .gotop2{

    background-position: 0 -150px;

}

.panel-widget .gotop2:hover{

    background-position: right -150px;

}

/*璇曠敤姘旀场*/

.panel-widget .hotline-pop{

    position: absolute;

    background-color: #ed394f;

    width: 196px;

    height: 70px;

    top: 110px;

    right: 70px;

    border-radius: 8px;

    display: none;

}

.panel-widget .hotline-pop .triangle-right {

    position: absolute;

    top:30px;

    right: -8px;

    width: 0;

    height: 0;

    border-top: 6px solid transparent;

    border-left: 8px solid #ed394f;

    border-bottom: 6px solid transparent;

}

.panel-widget .hotline-pop input{

    display: block;

    border: none;

    background-color: #fff;

    margin: 14px auto;

    width: 82%;

    height: 24px;

    line-height: 24px;

    padding: 1px 4px;

    font-size: 14px;

}

.panel-widget .hotline-pop button{

    border-radius: 15px;

    border: 1px solid #fff;

    background-color: transparent;

    color: #fff;

    text-align: center;

    padding: 5px 15px;

    display: block;

    margin: 14px auto;

}

.panel-widget .hotline-pop span{

    font-size: 14px;

    color: #fff;

    text-align: center;

    display: block;

    margin: 10px auto;

}



/*# sourceMappingURL=maps/style.min.css.map */