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 {}
.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("../images/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(../images/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("../images/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("../images/img5.png") no-repeat left center;    padding-left: 30px;    margin-left: 15px}
.md-zhuanti .section9 .wrap .right-list li.active {    color: red;    background: url(../images/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("../images/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("../images/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 #199FB1;    border-radius: 40px;    transition: background .5s;    text-align: center;    width: 160px;    line-height: 45px;    font-size: 16px;    color: #199FB1;    height: 45px;    display: block;    margin: 0 auto;    margin-top: 50px;    clear: both}
.gb-more:hover {    background: #199FB1 no-repeat;    color: #fff}
.index-partner {    padding-bottom: 55px;    background-image: url("../images/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("../images/img14.png") no-repeat center}
.index-partner .partner-next {    right: -40px;    background: url("../images/img15.png") no-repeat center}
.index-case {    padding-bottom: 55px;    background: url("../images/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("../images/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("../images/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("../images/img42.png") no-repeat;    width: 14px;    height: 33px}
.index-platform .platform-next {    right: 5px;    left: auto;    background: url("../images/img42-2.png") no-repeat}
.index-platform .platform-prev:hover {    background: url("../images/img41-1.png") no-repeat}
.index-platform .platform-next:hover {    background: url("../images/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("../images/img43.png") left center no-repeat;    padding-left: 20px;    width: 14px;    height: 14px}
.index-news .img .text .view {    background: url("../images/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("../images/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("../images/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("../images/img47.png") no-repeat}
.index-down .body .android {    background: url("../images/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("../images/arr1.png") no-repeat;    width: 20px;    height: 20px;}
.index-slide .swiper-button-next {    background: url("../images/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("../images/img50.png") no-repeat left center;    padding-left: 28px}
.index-slide .body .text .link .produce:hover {    background: url("../images/img51.png") no-repeat left center}
.index-slide .body .text .link .price {    background: url("../images/img52.png") no-repeat left center;    padding-left: 28px}
.index-slide .body .text .link .price:hover {    background: url("../images/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: 135px}
.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(../images/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(../images/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(../images/xz-prev.png) no-repeat center;    background-size: cover;}
.md-honor .slide-next {    background: url(../images/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(../images/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(../images/img55.png) no-repeat center;    background-size: cover}
.md-culture .swiper-button-next {    background: url(../images/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("../images/img61.png") no-repeat}
.md-recruit .school {    background: url("../images/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("../images/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("../images/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: #199FB1;    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: #199FB190;
    color: #fff;}
.md-khbanner .text {    text-align: left;    width: 525px}
.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("../images/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("../images/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("../images/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("../images/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(../images/img52.jpg) no-repeat center;    background-size: cover}
.md-breadnav a {    margin: 0 2px;    font-size: 12px;    color: #666}
.md-breadnav .home {    background: url("../images/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("../images/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("../images/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("../images/img42.png") no-repeat;    width: 14px;    height: 33px}
.md-post .foot .platform-next {    right: -10px;    left: auto;    background: url("../images/img42-2.png") no-repeat}
.md-post .foot .platform-prev:hover {    background: url("../images/img41-1.png") no-repeat}
.md-post .foot .platform-next:hover {    background: url("../images/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: 10px 20px 20px 20px;
    margin-bottom: 50px;}
.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(../images/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("../images/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("../images/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("../images/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("../images/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("../images/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("../images/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(../images/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("../images/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("../images/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("../images/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("../images/img42.png") no-repeat;    width: 14px;    height: 33px}
.md-zhuanti .section13 .platform-next {    right: -10px;    left: auto;    background: url("../images/img42-2.png") no-repeat}
.md-zhuanti .section13 .platform-prev:hover {    background: url("../images/img41-1.png") no-repeat}
.md-zhuanti .section13 .platform-next:hover {    background: url("../images/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(../images/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("../images/m7.png") no-repeat center}
.footer-fiexd .icon2 {    background: url("../images/m8.png") no-repeat center}
.footer-fiexd .icon3 {    background: url("../images/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(../images/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(../images/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(../images/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(../images/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(../images/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 */