@charset "utf-8";
body {
    background: #fff;
    color: #000;
}

.banner {
    width: 100%;
    position: relative;
    height: 300px;
    overflow: hidden;
    margin-top: 96px;
}

@media screen and (max-width: 1400px) {
    .banner {
        width: 100%;
        position: relative;
        height: 542px;
        overflow: hidden;
    }
}

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

.section4 ul {
    position: relative;
    height: 100%;
}

.section4 ul li {
    position: absolute;
    top: 0;
    height: 100%;
    cursor: pointer;
}

.section4 ul li .wenz {
    position: absolute;
    left: 9.146%;
    bottom: 3.04%;
    width: 60%; /*82.621%;542px*/
    text-align: left;
    color: #fff;
    opacity: 0;
}

.section4 ul li .wenz h2 {
    font-size: 30px;
    line-height: 32px;
    font-weight: bold;
    margin-bottom: 4.428%;
}

.section4 ul li .wenz .p {
    font-size: 18px;
    line-height: 30px;
    padding-top: 5px;
}

.section4 .prev, .section4 .next {
    display: inline-block;
    width: 62px;
    height: 61px;
}

.section4 .prev {
    position: absolute;
    left: 15px;
    top: 50%;
}

.section4 .next {
    position: absolute;
    right: 15px;
    top: 50%;
}


.aboutTit {
    height: 35px /*40px*/; /*line-height:40px; padding-top:5px;*/
}

.aboutTit li {
    float: left;
    display: inline;
}

.aboutTit li a {
    display: inline-block;
    height: 35px /*40px*/;
    line-height: 30px;
    font-size: 20px;
    color: #646464;
    padding: 0 8px;
    font-weight: bold;
    border-bottom: #bfbfbf solid 1px;
    margin-top: -4px;
}

.aboutTit li a.cur {
    color: #0098db;
    border-bottom: solid 1px #0098db;
}

.aboutContent {
    line-height: 24px;
    padding-top: 15px
}

.aboutContent p {
    margin-bottom: 15px;
    font-size: 15px;
    color: #686868;
    line-height: 24px; /* height:88px; */
    overflow: hidden;
}

.aboutContent span {
    font-size: 14px;
    color: #686868;
    line-height: 24px;
}

.np_1 {
    width:auto;
}

.aboutContent ul {
    margin-bottom: 15px;
}

.aboutContent ul li {
    width: 100% /*45%*/;
    float: left;
    margin-right: 5%;
    float: left;
}

.aboutContent ul li h3 {
    background: url(../images/d.png) no-repeat center left;
    padding-left: 10px;
    box-sizing: border-box;
    height: 30px;
    line-height: 30px;
    overflow: hidden;
}

.aboutContent ul li h3 a {
    color: #686868;
    font-size: 15px; /* font-weight:bold;*/
}

.aboutContent ul li h3 .a1 {
    display: block;
    width: 55%;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.aboutContent ul li h3 .a2 {
    display: block;
    width: 20%;
    color: #686868;
}

.aboutContent ul li h3:hover {
    background: url(../images/d_1.png) no-repeat center left;
}

.aboutContent ul li h3:hover a {
    color: #0092c9;
}

.aboutContent p.np_1 a {
    background: url(../images/jt_1.png) no-repeat 110px 15px;
    border: #dcdcdc solid 1px;
    box-sizing: border-box;
    display: inline-block;
    width: 161px;
    height: 40px;
    padding-left: 30px;
    box-sizing: border-box;
    line-height: 40px;
    transition: all 0.8s ease 0s;
    color: #a09f9f;
}

.aboutContent p.np_1 a:hover {
    background: url(../images/jt_2.png) no-repeat 110px 15px #0092c9;
    color: #fff;
}

.blue {
    background: #0092c9;
    padding: 50px 0;
}

.pic ul li {
    width: 25%;
    float: left;
}

.pic ul li p {
    width: 80%;
}

.b_p0 {
    display: block;
    height: 90px;
}

.b_p1 {
    font-size: 14px;
    color: #fff;
    line-height: 24px;
}

.b_p2 {
    font-size: 18px;
    color: #fff;
    line-height: 30px;
    margin-bottom: 10px;
}

.b_p3 {
    font-size: 15px;
    line-height: 24px;
    color: #fff;
}

.sy_pro {
    padding: 70px 0;
}

.sy_pro ul li {
    float: left;
    width: 23.05%;
    margin-right: 2.6%;
    margin-bottom: 2.6%;
    position: relative;
    overflow: hidden;
}

.sy_pro ul li:hover .li_yc {
    display: block;
}

.sy_pro ul li img {
    max-width: 100%;
    transition: all 0.8s ease-in-out 0s;
}

.sy_pro ul li:hover img {
    transform: scale(1.2);
}

.sy_pro ul li:nth-child(2) {
    width: 48.7%;
}

.sy_pro ul li:nth-child(3) {
    margin-right: 0;
}

.sy_pro ul li:nth-child(7) {
    margin-right: 0;
}

.pic_100 {
    width: 100%;
}

.li_2 {
    padding: 5%;
    box-sizing: border-box;
}

.li_2 h3 {
    color: #333333;
    font-size: 24px;
    text-align: center;
    margin-bottom: 15px;
    font-weight: bold;
}

.li_2 p.li_p1, .li_2 span.li_p1 {
    color: #686868;
    font-size: 15px;
    line-height: 24px;
    height: 72px;
    overflow: hidden;
}

.li_2 p.li_p2 {
    text-align: center;
    margin-top: 15px;
    line-height: 20px;
    overflow: hidden;
}

.li_2 p.li_p2 a {
    display: inline-block;
    width: 140px;
    box-sizing: border-box;
    border: #0092c9 solid 1px;
    border-radius: 15px;
    height: 30px;
    line-height: 30px;
    color: #0092c9;
    font-size: 14px;
    background: url(../images/jt.png) 110px 9px no-repeat;
    padding-right: 20px;
    transition: all 0.8s ease 0s;
}

.li_2 p.li_p2 a:hover {
    background: url(../images/jt_2.png) 110px 9px no-repeat #0092c9;
    color: #fff;
    ta
}

.li_yc {
    width: 100%;
    height: 99%;
    background: rgba(0, 146, 201, 0.9);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#e50092c9, endColorstr=#e50092c9);
    position: absolute;
    top: 0;
    left: 0;
    display: none;
    cursor: pointer;
    overflow: hidden;
}

.li_yc a {
    padding: 20% 10%;
    display: inline-block;
    width: 80% !important;
    height: 60% !important;
}

.yc_p1 {
    display: inline-block;
    width: 100%;
    padding-bottom: 5px;
    border-bottom: #fff solid 1px;
    margin-bottom: 5px;
}

.yc_p1 a, .yc_p1 {
    font-size: 18px;
    color: #fff;
}

.yc_p2 {
    font-size: 15px;
    color: #fff;
    line-height: 24px;
}


.pro_ban img {
    width: 100%;
}

.pro_nav {
    padding: 2% 0 0.5% 0;
    border-bottom: #ebebeb 1px solid;
    margin-bottom: 2.343% /* 45px*/;
}

.pro_all {
    position: relative;
}

.pn_left {
    float: left;
    color: #0097da;
    font-size: 20px;
    line-height: 30px;
    margin-right: 15px;
}

.buy_btn a {
    display: inline-block;
    width: 56px;
    height: 23px;
    line-height: 23px;
    text-align: center;
    color: #fff;
    font-size: 12px;
    background-color: #0097da;
    margin-top: 5px;
}

.buy_btn a:hover {
    color: #fff;
    text-decoration: underline;
}

.pn_right {
    float: right;
    color: #909090;
    font-size: 12px;
    font-family: "微软雅黑";
    padding-left: 15px;
    background: url(../images/sy.png) no-repeat left center;
    line-height: 30px;
}

.pn_right a {
    color: #909090;
    font-size: 12px;
    font-family: "微软雅黑";
}

.pn_right a:hover {
    color: #0097da;
}

.pro_list ul li {
    width: 50%;
    float: left;
    margin-bottom: 35px;
}

.pro_list ul li .pl_left {
    width: 47.09%;
    float: left;
    margin-right: 3%; /*position:relative;*/
}

.pro_list ul li .pl_left img {
    width: 100%;
    border: #d9d9d9 solid 1px;
    box-sizing: border-box;
}

.pro_list ul li .pl_right .more { /*position:absolute;bottom:0;left:0;right:-24%;*/
    cursor: pointer;
    display: inline-block;
    margin-top: 5%;
}

.pro_list ul li .pl_right .more img {
    border: none;
    width: auto;
    margin-right: 3px;
    vertical-align: top;
}

.pro_list ul li .pl_right {
    width: 40.09%;
    float: left; /*height:249px; */
    overflow: hidden;
    position: relative;
}

.pro_list .xr_tit {
    margin: 0 0 2%;
}

.pro_list .xr_tit span, .pro_list .xr_tit p {
    font-size: 16px;
    color: #666;
}

.pro_list .seradd li .a2sty {
    color: #02b606;
}

.pro_list .seradd {
    margin-bottom: 2.343%;
}

.pro_list .seradd li {
    width: 100%;
    list-style: disc;
    border-bottom: #CCC dotted 1px;
    margin-bottom: 0;
    padding: 1% 0;
    float: none;
}

.pro_list .seradd li h4 a {
    color: #0097da;
    font-size: 14px;
}

.pro_list .seradd li .p {
    color: #666;
    font-size: 14px;
    line-height: 28px;
    height: 28px;
    overflow: hidden;
}

.pro_list .seradd li .time {
    color: #666;
    font-size: 12px;
}

/*.pro_list ul li .tanBox ul{width:100%;}
.pro_list ul li .tanBox ul li{width:33.333%;margin-bottom:8px; overflow:hidden;zoom:1;}
.pro_list ul li .tanBox ul li a{font-size:14px; color:#444444; line-height:35px;padding-left:10px; float:left;}
.pro_list ul li .tanBox ul li span{ float:left;width:35px;height:35px;}
.pro_list ul li .tanBox ul li span img{border:#ccc 1px solid;width:100%;}
.pro_list ul li .tanBox h4{margin-bottom:3.575%;}*/

.add_list {
    margin-bottom: 2.343%;
}

.add_list ul li {
    width: 100%;
}

.add_list ul li {
    width: 33.333%;
    margin-bottom: 12px /*8px*/;
    overflow: hidden;
    zoom: 1;
}

.add_list ul li a {
    font-size: 14px;
    color: #444444;
    line-height: 55px;
    padding-left: 10px;
    float: left;
}

.add_list ul li span {
    float: left;
    width: 15%; /*height:35px;*/
}

.add_list ul li span img {
    border: #ccc 1px solid;
    width: 100%;
}

.add_list ul li a:hover {
    color: #0096da;
}


.pl_right h3 {
    color: #141414;
    font-size: 18px;
    margin-bottom: 5px;
    margin-top: 25px;
}

.pl_right p.pro_p1 {
    font-size: 14px;
    color: #444444;
    line-height: 24px;
    height: 24px;
    overflow: hidden;
    background: url(../images/d.png) left 8px /*center*/ no-repeat;
    padding-left: 10px;
}

.yc_p {
    width: 100%;
    background: rgba(36, 63, 75, 0.95);
    position: absolute;
    top: 0;
    left: 0;
    z-index: 10;
    display: none;
}

.yc_left {
    overflow: hidden;
    margin-right: 20px;
    float: left;
}

.yc_left img {
    max-width: 100%;
    transition: all 0.8s ease-in-out 0s;
    cursor: pointer;
}

.yc_left img:hover {
    transform: scale(1.2);
}

.yc_wz {
    float: left;
    position: relative;
    margin-top: 15px;
}

.yc_wz h3 {
    color: #fff;
    font-size: 18px;
    margin-bottom: 10px;
    margin-top: 10px;
    margin-left: 30px;
}

.yc_wz dl dd {
    width: 25%;
    float: left;
    line-height: 24px;
    margin-right: 2%;
    background: url(../images/bai.png) no-repeat center left;
    padding-left: 12px;
    height: 24px;
    overflow: hidden;
}

.yc_wz dl dd a {
    font-size: 14px;
    color: #fff;
}

.yc_wz dl dd:hover {
    background: url(../images/d_1.png) no-repeat center left;
}

.yc_wz dl dd:hover a {
    color: #0097da;
}

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

.s_tit h3 {
    line-height: 30px;
    color: #161616;
    font-size: 20px;
    font-weight: bold;
}

.s_tit p {
    margin-top: 15px;
    line-height: 24px;
    text-align: center;
    display: inline-block;
    width: 80%;
    color: #464646;
    font-size: 14px;
}

.sol_list ul {
    margin-top: 40px;
}

.sol_list ul li {
    width: 23.04%;
    float: left;
    margin-right: 2.5%;
    margin-bottom: 2.5%;
    position: relative;
    cursor: pointer;
    overflow: hidden;
}

.sol_list ul li:nth-child(4n) {
    margin-right: 0;
}

.sol_list ul li img {
    width: 100%;
    transition: all 0.8s ease-in-out 0s;
}

.sol_list ul li:hover img {
    transform: scale(1.2);
}

.s_wz {
    padding: 15.4%;
    width: 100%;
    box-sizing: border-box;
    position: absolute;
    top: 0;
    background: rgba(9, 144, 195, 0.9);
    height: 100%;
    display: none;
}

.s_wz h3 {
    color: #fff;
    font-size: 18px;
    padding-bottom: 10px;
    border-bottom: #fff solid 1px;
    display: inline-block;
    margin-top: 17%;
    width: 100%;
}

.s_wz p {
    font-size: 15px;
    color: #fff;
    line-height: 24px;
    max-height: 72px;
    overflow: hidden;
    margin-top: 10px;
}

.page {
    margin-bottom: 25px;
    margin-top: 25px;
    text-align: right;
}

.page a {
    margin-left: 5px;
    margin-right: 5px;
    font-size: 14px;
    color: #646464;
}

.page a.pa_2 {
    padding-left: 4px;
    padding-right: 5px;
    border: #c5c5c5 solid 1px;
    box-sizing: border-box;
    display: inline-block;
    height: 20px;
    line-height: 20px;
}

.page a.pa_2:hover, .page a.cur {
    background: #0097da;
    border: #0097da solid 1px;
    color: #fff;
}

.rd_all {
    padding-bottom: 40px;
}

.rd_h3 {
    color: #252525;
    font-size: 30px;
    text-align: center;
    line-height: 60px;
}

.rd_tit {
    text-align: center;
    font-size: 20px;
    text-align: center;
    color: #0097da;
    line-height: 30px;
    margin-bottom: 20px;
}

.rd_con1 {
    width: 66.97%;
    margin: auto;
    text-align: center;
    color: #6a6a6a;
    font-size: 14px;
    margin-bottom: 20px;
    line-height: 24px;
}

.rd_pic {
    text-align: center;
    margin-bottom: 20px;
}

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

.rd_con2 {
    margin-bottom: 20px;
    width: 80%;
    margin: auto;
    margin-top: 40px;
}

.rd_con2 .cn_left {
    width: 28%;
    margin-right: 2%;
    float: left;
}

.rd_con2 .cn_left span {
    text-align: right;
    display: inline-block;
    float: right;
    width: 100%;
    font-size: 18px;
}

.rd_con2 .cn_left span.rc_sp1 {
    margin-top: 10px;
}

.rd_con2 .cn_right {
    width: 70%;
    float: left;
}

.rd_con2 .cn_right span {
    display: block;
    color: #6a6a6a;
    font-size: 14px;
    line-height: 30px;
    border-bottom: #d4d4d4 solid 1px;
}

.cn_left .rc_sp1 {
    font-size: 24px;
    color: #0097da;
}

.rd_con2 .cn_right span.rc_sp2 {
    padding-bottom: 10px;
}

.cra {
    margin-bottom: 15px;
}

.cra h3 {
    color: #6a6a6a /*#070707*/;
    font-size: 20px;
    line-height: 35px;
}

.cn_right .cra span {
    display: inline-block;
    line-height: 24px;
    color: #6a6a6a;
    font-size: 14px;
    border: none;
}

.new_list ul li {
    width: 50%;
    float: left;
    padding-top: 4%;
    padding-bottom: 4%;
    border-bottom: #e1e1e1 solid 1px;
}

.new_list ul li .n_pic {
    width: 45%;
    margin-right: 5%;
    float: left;
    overflow: hidden;
}

.new_list ul li .n_pic img {
    width: 100%;
    transition: all 0.8s ease-in-out 0s;
}

.new_list ul li .n_pic img:hover {
    transform: scale(1.2);
}

.np_date {
    font-size: 14px;
    color: #787878;
}

.wz h3 {
    line-height: 24px;
    overflow: hidden;
    height: 48px /*24px*/;
    margin-bottom: 4px;
}

.wz h3 a {
    color: #0092c9;
    font-size: 16px;
}

.np_con {
    font-size: 14px;
    color: #646464;
    line-height: 24px;
    display: inline-block;
    height: 72px;
    overflow: hidden;
}

.n_more {
    width: 100px;
    height: 25px;
    line-height: 25px;
    text-align: center;
    margin-top: 10px;
}

.n_more a {
    color: #414241;
    display: inline-block;
    width: 100%;
    border: #414241 solid 1px;
}

.n_more a:hover {
    background: #0092c9;
    border: #0092c9 solid 1px;
    color: #fff;
    transition: all 0.8s ease-in-out 0s;
}

.new_list ul li .wz {
    width: 45%;
    float: left;
}


.pxq_all {
    width: 100%;
    padding: 50px 0;
}

.pxq_left {
    width: 50%;
    float: left;
    margin-right: 2.5%;
    position: relative;
}

.pxq_right {
    width: 45%;
    float: left;
}

.pxq_right p, .pxq_right font, .xr_solu p, .xr_solu div, .pxq_right ul li {
    font-size: 14px;
    color: #808080;
}

.exper_up .xiaotu {
    position: relative;
    width: 15.625%;
    float: left;
    margin-right: 4.4375%;
}

.exper_up .xiaotu .prev {
    position: absolute;
    left: 50%;
    top: 0;
    margin-left: -20px;
    width: 40px;
    height: 17px;
    background: url(../images/s.png) no-repeat;
    cursor: pointer;
}

.exper_up .xiaotu .next {
    position: absolute;
    left: 50%;
    bottom: 0;
    margin-left: -20px;
    z-index: 2;
    width: 40px;
    height: 17px;
    background: url(../images/x.png) no-repeat;
    cursor: pointer;
}

.exper_up .xtu {
    position: relative;
    width: 100%;
    margin: 16px auto 7px;
    overflow: hidden;
}

.exper_up .xtu dl {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
}

.exper_up .xtu dl dd {
    cursor: pointer;
    text-align: center;
    margin-bottom: 10px;
}

.exper_up .xtu dl dd img {
    border: #e0e0e0 solid 1px;
    box-sizing: border-box;
    width: 100%;
    opacity: 0.5;
}

.exper_up .xtu dl dd.current img {
    border: #0094de solid 1px;
    opacity: 1;
}

.exper_up .datu {
    font-size: 16px;
    position: relative;
    width: 79.9375%;
    height: 447px;
    overflow: hidden;
    float: left;
}

.exper_up .datu ul {
    position: absolute;
    width: 100%;
    left: 0;
    top: 0;
}

.exper_up .datu ul li {
    position: absolute;
    width: 100%;
    left: 0;
    top: 0;
    color: #FFF;
    text-align: center;
}

.exper_up .datu ul li img {
    width: 100%; /*max-width:100%;*/
    max-width: 447px;
    max-height: 447px;
}


.yangben { /*position:absolute; bottom:-8px; right:0; width:89px; height:42px;*/
    margin-top: 2%;
}

.yangben span {
    text-align: left;
}

.yangben a {
    display: inline-block; /*width:89px; height:25px;*/
    line-height: /*25*/ 42px;
    font-size: 12px;
    color: #fff; /*white-space:pre-line;*/
    background-color: #ff7200;
    text-align: center;
    padding: 0 5px;
}

.yangben a img {
    margin-right: 5px;
}

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

.xx_con {
    display: inline-block;
    font-size: 14px;
    color: #333333;
    line-height: 24px;
    margin-bottom: 10px;
}

.pxq_right h3 {
    font-size: 18px;
    color: #0097da;
    line-height: 30px;
}

.ted li {
    line-height: 24px;
    width: 100%;
}

.ted li em {
    display: inline-block;
    width: 15px;
    height: 15px;
    border-radius: 15px;
    background: #0097da;
    line-height: 15px;
    text-align: center;
    color: #fff;
    font-style: normal;
    margin-right: 5px;
}

.ab_xk_2 {
    border-bottom: 1px solid #bfbfbf;
}

.ab_xk_2 ul li a {
    font-size: 16px;
    color: #7e7e7e;
    padding-bottomm: -1px;
    font-weight: normal;
    height: 39px;
    line-height: 40px;
}

.aboutTit li a.cur_a {
    color: #0098db;
    border: solid 1px #0098db;
    background: #fff;
    border-bottom: none;
}

.xk_sp1 {
    display: inline-block;
    width: 100%;
    line-height: 24px;
    font-size: 14px;
    color: #333333;
}

.tuqie {
    padding: 2% 0;
}

.tuqie h5 {
    width: 74.114%;
    font-size: 16px /*20px*/;
    color: #0097da; /*background: url(../images/bk.png) left center no-repeat;*/
    background-size: contain; /*width: 12.227%174px;*/
    margin: 0 auto;
    margin-bottom: 1.897% /*27px*/;
    border-bottom: 1px solid #bfbfbf;
    height: 40px;
    line-height: 40px;
}

/*后侧导航*/
.vnav {
    position: fixed;
    top: 320px;
    right: 51px;
}

.vnav ul {
    background: url(../images/line.png) no-repeat 5px center;
    min-height: 165px;
    padding-top: 30px;
}

.vnav li a {
    font-size: 15px;
    color: #323232;
    margin-bottom: 18px;
    background: url(../images/hui.png) no-repeat left center;
    cursor: pointer;
    padding-left: 20px;
    display: block;
}

.vnav li a:hover, .vnav li a.current {
    color: #0097da;
    background-image: url(../images/red.png);
}

.abProfile {
    width: 100%;
}

.abProfile .jieLe {
    width: 58.229% /*1118px*/;
    overflow: hidden;
}

.abProfile .jieLe img {
    width: 100%;
}

.abProfile .jieRi {
    width: 24.47%;
    padding: 130px 13.291% /*236px*/ 0 4.010% /*77px*/; /*height: 556px;*/
    height: auto;
    overflow: hidden;
}

.abProfile .jieRi h3, .abcont h3, .abteam h3, .event h3 {
    color: #0097da;
    font-size: 20px;
    margin-bottom: 20px;
    font-weight: bold;
}

.abProfile .jieRi .tit, .abcont .tit {
    font-size: 18px;
    line-height: 26px;
    margin-top: 20px;
    height: 26px;
    overflow: hidden;
}

.abProfile .jieRi span {
    font-size: 14px;
    line-height: 24px;
    color: #484848;
    display: block;
    margin-top: 18px;
}

.abNew {
    width: 74.166% /*1424px*/;
    margin: 0 auto;
    padding: 80px 0 70px;
    overflow: hidden;
}

.abNew ul li {
    width: 28.932%;
    margin-right: 4.409%; /*6.320%90px*/
}

.abNew ul li:nth-child(3) {
    margin-right: 0;
}

.abNew ul li img {
    width: 100%;
}

.abNew ul li .liimg {
    width: 100%;
    border: #dcdcdc 1px solid;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    overflow: hidden;
}

.abNew ul li h5 {
    font-size: 20px;
    color: #0097da;
    line-height: 32px;
    border-bottom: #dcdcdc 1px solid;
    margin-top: 15px;
    padding-bottom: 10px;
}

.abNew ul li span {
    display: block;
    font-size: 14px;
    line-height: 24px;
    color: #484848;
    margin-top: 15px;
}

.abimg, .abimg img {
    width: 100%;
}

.abimg img, .abNew ul li img, .abProfile .jieLe img, .event .eventri img, .case1 .caseLe img, .multipleColumn .bd ul li .pic img, .pinLe .tu img, .pinRi .img img, .inforCon .inforLe img {
    -webkit-transition: -webkit-transform 0.5s;
    -moz-transition: -moz-transform 0.5s;
    -o-transition: -o-transform 0.5s;
    transition: transform 0.5s;
    /*cursor:url(images/gb.ico), crosshair;*/
}

.abimg img:hover, .abNew ul li img:hover, .abProfile .jieLe img:hover, .event .eventri img:hover, .case1 .caseLe img:hover, .multipleColumn .bd ul li:hover .pic img, .pinLe .tu:hover img, .pinRi .img:hover img, .inforCon .inforLe:hover img {
    -webkit-transform: scale(1.08);
    -moz-transform: scale(1.08);
    -o-transform: scale(1.08);
    transform: scale(1.08);
}

.abimg .imgle {
    width: 50%;
    overflow: hidden;
}

.abimg .imgri {
    width: 50%;
    overflow: hidden;
}

#item3 {
    padding-top: 0;
}

.abcont {
    background-color: #f5f5f5;
    padding: 50px 0 70px;
}

.abcont .abcontle {
    width: 50%; /*margin-right:4%;*/
}

.abcont .abcontri {
    width: 50%;
}

.abcont .abcontle .imgle img, .abcont .abcontri .imgri img {
    width: 100%;
}

.abcont .abcontle .font {
    padding: 10% 3% 0 20%;
}

.abcont .abcontri .font {
    padding: 10% 20% 0 3%;
}

.abcont span {
    font-size: 14px;
    line-height: 24px;
    color: #484848;
    display: block;
    margin-top: 15px;
}

.abcont h3 {
    margin-bottom: 10px;
}

.abteam h3 {
    margin: 53px 0 37px;
    text-align: center;
}

.abteam .multipleColumn {
    width: 100%;
}

.abteam .multipleColumn .bd {
    height: 839px;
}

.abteam .multipleColumn .bd ul {
    width: 351px;
    margin-right: 25px;
}

.abteam .multipleColumn .bd ul li {
    margin-bottom: 25px;
}

.abteam .multipleColumn .bd ul li .pic img {
    width: 351px;
    height: 263px;
}

.abteam .multipleColumn .bd ul li .title {
    width: 351px;
    height: 263px;
    display: none;
}

.abteam .multipleColumn .bd ul li .font {
    width: 278px;
    margin: 0 auto;
    padding-top: 50px;
    display: inherit;
}

.abteam .multipleColumn .bd ul li .font h4 {
    font-size: 18px;
    font-weight: bold;
}

.abteam .multipleColumn .bd ul li .font h4 span {
    display: inline;
    font-size: 14px;
    font-weight: 100;
    margin-left: 15px;
}

.abteam .multipleColumn .bd ul li .font span {
    width: 278px;
    text-align: center;
}

.abteam .multipleColumn .hd {
    height: 40px;
    line-height: 40px;
}

.abteam .multipleColumn .hd ul {
    overflow: hidden;
    zoom: 1;
    margin-top: 25px;
    zoom: 1;
}

.abteam .multipleColumn .hd ul li {
    float: left;
    width: 12px;
    height: 12px;
    overflow: hidden;
    margin-right: 8px;
    text-indent: -999px;
    cursor: pointer;
    background-color: #d6d7dc;
}

.abteam .multipleColumn .hd ul li.on {
    background-color: #d0112b;
}

.scroll-pane {
    overflow-y: auto;
    overflow-x: hidden;
    line-height: 20px;
    width: 100%;
    height: 171px;
}

.horizontal-only {
    height: auto;
    max-height: 171px;
}

.event {
    width: 100%;
    position: relative;
}

.event h3 {
    position: absolute;
    top: 14.828% /*117px*/;
}

.event .eventle {
    width: 100%;
}

.event .eventri {
    width: 58.958% /*1132px*/;
    overflow: hidden;
}

.event .eventri img {
    width: 100%;
}

.qiehuan {
    width: 100%;
    position: relative;
}

.qiehuan .datu {
    width: 323px;
    height: 405px;
    overflow: hidden;
    position: relative;
    margin-top: 20.912% /* 165px*/;
    right: -23.659% /*163px*/;
    z-index: 9999;
}

.qiehuan .datu ul {
    position: absolute;
    left: 0px;
    top: 0px;
    height: 405px;
    width: 323px;
}

.qiehuan .datu ul li {
    display: none;
    width: 243px;
    height: 405px;
    position: absolute;
    left: 0px;
    top: 0px;
    background: #f5f5f5;
    padding: 0 40px;
}

.qiehuan .xiaotu {
    position: relative;
    width: 128px;
    left: 30.164% /*238px*/;
    margin-top: 20.532% /*162px*/;
}

.qiehuan .xtu {
    position: relative;
    margin: 0px auto;
    overflow: hidden;
    height: 278px;
}

.qiehuan .xtu dl {
    position: absolute;
    height: 23px;
    left: 0px;
    top: 0px;
}

.qiehuan .xtu dl dd {
    position: relative;
    text-align: center;
    line-height: 23px;
    color: #121212;
    font-size: 18px;
    font-weight: bold;
    width: 128px;
    margin-bottom: 10px;
    height: 23px;
    cursor: pointer;
}

.qiehuan .xtu dl dd.current {
    color: #d41f38;
    font-size: 24px;
    background: url(../images/dlbk.png) center center no-repeat;
}

.datu .prev {
    background: url(../images/left.png) center center no-repeat;
    display: inline-block;
    cursor: pointer;
    width: 75px;
    height: 84px;
    position: absolute;
    left: 0px;
    top: 35px;
    border-right: #d3d3d3 1px solid;
}

.datu .next {
    background: url(../images/right.png) center center no-repeat;
    cursor: pointer;
    display: inline-block;
    text-align: center;
    width: 75px;
    height: 84px;
    position: absolute;
    right: 0px;
    top: 35px;
}

.event .datu h5 {
    color: #d41f38;
    font-size: 60px;
    font-weight: bold;
    text-align: center;
    margin: 77px 0 10px;
}

.event .datu p {
    font-size: 14px;
    color: #363636;
    line-height: 22px;
}

.event .datu .hdd {
    position: absolute;
    bottom: 0;
    left: 50%;
    margin-left: -75px;
    height: 119px;
    width: 150px;
    z-index: 9999;
    text-align: center;
}

.event .datu .hdd p {
    color: #575757;
    font-size: 14px;
}


.mis-nav-list {
    display: none;
}

.histor {
    height: 22px;
    line-height: 22px;
    padding-top: 20px;
    margin-bottom: 30px;
    margin-top: 50px;
}

.histor h4 {
    float: left;
    display: inline-block;
    width: 100px;
    color: #0097da;
    font-size: 24px;
    font-weight: bold;
    margin-left: 47%;
}

.histor li {
    float: left;
    display: inline;
    margin-right: 2px;
    margin-top: 4px;
}

.histor li a {
    display: inline-block;
    height: 21px;
    line-height: 21px;
    padding: 0 10px;
    color: #2c2c2c;
    font-size: 12px;
}

.histor li a.cur {
    color: #0097da;
}

.histor_a {
    line-height: 20px;
    padding-top: 20px
}

.his {
    min-height: 500px;
}


.neiBAN {
    margin-top: 60px;
}

.neiBAN img {
    width: 100%;
}

.tankuang {
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, 0.7);
    position: fixed;
    z-index: 99;
    top: 0;
    left: 0;
    display: none;
}

.tk {
    width: 500px;
    margin: auto;
    box-sizing: border-box;
}

.tk video {
    width: 100%;
}

.tk_tit {
    margin-bottom: 15px;
}

.tk_tit span {
    font-size: 30px;
    color: #fff;
}

.tk_tit .close {
    float: right;
    cursor: pointer;
}

.ser_h3 {
    font-size: 18px;
    color: #0097da;
    line-height: 40px;
    border-bottom: #CCC solid 1px;
    margin-bottom: 20px;
}

.ser_new {
    width: 100%;
}

.ser_new ul li {
    width: 100%;
    margin-bottom: 10px;
    line-height: 30px;
    background: rgba(0, 0, 0, 0) url("../images/d.png") no-repeat scroll left center;
    overflow: hidden;
    padding-left: 10px;
}

.ser_new ul li a {
    color: #474646;
    font-size: 14px;
}

.ser_new ul li:hover a {
    color: #0097da;
}

.ser_new {
    margin-top: 20px;
}

.bt_tit {
    text-align: left;
    border-bottom: #fbfbfb solid 1px;
}

.bt_tit h4 {
    color: #dfeaf5;
    font-size: 14px;
    line-height: 30px;
    margin-bottom: 5px;
}

.p dl dd {
    width: 200px;
    float: left;
    text-align: left;
}

.p dl dd a {
    color: #fff;
    font-size: 15px;
}

.section4 ul li .wen_x {
    position: absolute;
    left: 1% /*9.146%*/;
    top: 10%;
    width: 6% /*82.621%*/; /*542px*/
    text-align: center;
    color: #fff;
    opacity: 1;
}

.section4 ul li .wen_x .bt_tit {
    text-align: left;
    border-bottom: none /*#FFF solid 1px*/;
}

.section4 ul li .wen_x .bt_tit h3 {
    color: #fff;
    font-size: 14px;
    margin-bottom: 5px;
}

.section4 ul li .wen_x .bt_tit h4 {
    color: #dfeaf5;
    font-size: 12px;
    line-height: /*30*/ 20px;
    margin-bottom: 5px; /*font-weight: bold*/
}

.ted {
    margin-bottom: 10px;
}

.new_con {
    margin-bottom: 20px;
}

.new_con p {
    color: #686868 !important;
    font-size: 15px !important;
    line-height: 24px !important;
}

.new_con h4 {
    text-align: center;
    color: #0097da;
    font-size: 20px;
    padding-bottom: 10px;
    line-height: 24px;
}

.n_date {
    display: block;
    text-align: center;
    font-size: 14px;
    color: #ccc;
    margin-bottom: 30px;
}

.s_a1, .new_con div, .new_con span, .new_con font {
    font-size: 14px !important;
    line-height: 24px !important;
    display: inline-block;
    line-height: 24px;
    color: #646464; /* margin-bottom:20px;*/
    font-family: "微软雅黑" !important;
}

.pb_li_2 {
    display: none;
}

.p_more {
    margin-top: 10px;
    overflow: hidden;
}

.p_more a {
    font-size: 14px;
    color: #fff;
    display: inline-block;
    width: 130px;
    line-height: 40px;
    height: 40px;
    transition: all 0.8s;
    box-sizing: border-box;
    overflow: hidden;
    background: #339c4a;
    border-radius: 30px;
    text-align: center;
}

.p_more a:hover {
    background: #fff;
    color: #3EAD82;
}

.p_more i {
    display: inline-block;
    width: 30px;
    text-align: center;
    line-height: 34px;
    background: #fff;
    float: right;
    font-style: normal;
    color: #0097da;
}

.p_more2 {
    width: 125px;
    height: 35px;
    margin-top: 10px;
    overflow: hidden;
}

.p_more2 a {
    font-size: 14px;
    color: #a09f9f;
    display: inline-block;
    width: 100%;
    line-height: 35px;
    height: 35px;
    transition: all 0.8s;
    border: #a09f9f solid 1px;
    box-sizing: border-box;
    overflow: hidden;
    text-align: center;
}

.p_more2 a:hover {
    background: #0097da;
    color: #fff;
    border: #0097da solid 1px;
}

.p_more2 i {
    display: inline-block;
    width: 30px;
    text-align: center;
    line-height: 34px;
    background: #a09f9f;
    float: right;
    font-style: normal;
    color: #fff;
}

.p_more2:hover i {
    background: #0097da;
}

.m_10 {
    margin-right: 10%;
}

.weixin {
    height: 26px;
    display: inline-block;
    margin: 5px 0;
    position: relative;
}

.wx_pc {
    display: block;
}

.wx_phone {
    display: none;
}

.wx_1 {
    position: absolute;
    bottom: 0; /*top:0px;*/
    left: 26px;
    display: none;
}

.wx_2 {
    position: absolute;
    bottom: 0; /*top:0px; */
    left: 67px;
    display: none;
}

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

.yc_wz dl {
    margin-left: 30px;
}

.return {
    text-align: right;
}

.bac_100 {
    width: 100%;
    text-align: right;
    height: 30px;
    border-bottom: #ccc solid 1px;
    padding-bottom: 15px;
}

.back {
    background: #93D0EA none repeat scroll 0 0;
    display: block;
    float: right;
    height: 24px;
    line-height: 24px;
    text-align: center;
    width: 90px;
}

.back a {
    color: #fff;
}

.fanye {
    margin-bottom: 15px;
}

.xyy {
    margin-top: 15px;
}

.xyy a {
    font-size: 18px;
    color: #666666;
    font-size: 14px;
}

.xyy a span {
    color: #9f9f9f;
    font-size: 14px;
}

.xyy a:hover {
    color: #2e94e8;
}

.xyy a:hover span {
    color: #2e94e8;
}

.sy_pro ul li a {
    display: inline-block;
    overflow: hidden;
    width: 100%;
}

/*app*/
.appaspx {
    width: 100%;
}

.appaspx p {
    margin: 1% 0;
}

.appaspx img {
    width: 320px;
    height: 138px;
}


@media screen and (max-width: 1440px) {
    /*product*/
    .pl_right h3 {
        margin-top: 7px;
    }

    .pro_list ul li .pl_right { /*height:228px;*/
    }

    .exper_up .datu {
        height: 390px;
    }

    .exper_up .datu ul li img {
        max-width: 390x !important;
        max-height: 390x !important;
    }
}

@media screen and (max-width: 1367px) {
    .pub, .tuqie h5, .tuqie .tubox {
        width: 85.114% !important;
    }

    /*product*/
    .pl_right h3 {
        margin-top: 7px;
    }

    .pro_list ul li .pl_right { /*height:228px;*/
    }

    .exper_up .datu {
        height: 423px;
    }

    .exper_up .datu ul li img {
        max-height: 423px;
    }

    /*6.24*/
    .abProfile .jieRi {
        width: 25.47%;
        padding: 70px 11.291% 0px 3.01%;
        height: auto;
    }

    .abProfile .jieRi h3 {
        margin-top: 5%;
    }
}

@media screen and (max-width: 1281px) {
    .abProfile .jieLe {
        width: 100%;
    }

    .abProfile .jieRi {
        width: 100%;
        padding: 20px;
        box-sizing: border-box;
        height: auto;
    }

    .histor h4 {
        margin-left: 20%;
    }

    .nav ul.navul li a.tit {
        font-size: 14px;
    }

    /*product*/
    .pl_right h3 {
        margin-top: 7px;
    }

    .pro_list ul li .pl_right { /*height:228px;*/
    }

    .exper_up .datu {
        height: 400px;
    }

    .exper_up .datu ul li img {
        max-width: 400px;
        max-height: 400px;
    }
}

@media screen and (max-width: 1024px) {
    .pl_right h3 {
        margin-top: 0;
        font-size: 16px;
    }

    .pl_right p.pro_p1 {
        font-size: 12px;
        line-height: 19px;
        height: 19px;
    }

    .exper_up .datu {
        height: 335px;
    }

    .exper_up .datu ul li img {
        max-width: 335px !important;
        max-height: 335x !important;
    }
}

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

    .li_2 p.li_p1 {
        height: 48px;
    }

    .pro_list ul li {
        width: 100%;
    }

    .new_list ul li {
        width: 100%;
    }

    .sol_list ul li {
        width: 47.5%;
        margin-right: 5%;
    }

    .sol_list ul li:nth-child(2n) {
        margin-right: 0;
    }

    .pxq_left {
        width: 100%;
    }

    .pxq_right {
        width: 100%;
        margin-top: 20px;
    }

    .abNew ul li {
        width: 100%;
    }

    .abcont .abcontle {
        width: 100%;
    }

    .abcont .abcontri {
        width: 100%;
        margin-top: 20px;
    }

    .new_qh {
        width: 100%;
    }

    .video {
        width: 100%;
        margin-top: 20px;
    }

    .aboutContent ul li {
        width: 100%;
    }

    .pic ul li {
        width: 50%;
    }

    .neiBAN {
        margin-top: 0px;
    }

    .tk {
        width: 95%;
        box-sizing: border-box;
    }

    .tk video {
        width: 100%;
    }

    .vnav {
        display: none;
    }

    .abNew {
        padding-bottom: 30px;
        padding-top: 20px;
    }

    .abimg .imgle {
        width: 100%;
    }

    .abimg .imgri {
        width: 100%;
    }

    .abProfile .jieRi h3, .abcont h3, .abteam h3, .event h3 {
        font-size: 24px;
    }

    .abProfile .jieRi .tit, .abcont .tit {
        font-size: 18px;
    }

    .histor h4 {
        margin-bottom: 20px;
    }

    .mis-slide {
        box-sizing: border-box;
    }

    .rd_con1 {
        width: 90%;
    }

    .pub {
        width: 95%;
    }

    .downBox .kuang .time span {
        width: 50%;
        float: left;
    }

    .tuqie h5 {
        width: 65.227% /*174px*/
    }

    .new_video {
        margin: 30px auto;
    }

    .abNew {
        width: 90% /*1424px*/
    }

    .abNew ul li {
        margin-bottom: 10px;
    }

    .sy_pro ul li {
        width: 47.5%;
        margin-right: 5%;
        margin-bottom: 5%;
    }

    .sy_pro ul li:nth-child(2) {
        display: none;
    }

    .sy_pro ul li:nth-child(2n+1) {
        margin-right: 0;
    }

    .sy_pro ul li:nth-child(1) {
        margin-right: 5%;
    }

    .pb_li_2 {
        display: block;
        width: 100%;
    }

    .pingban {
        position: absolute;
        z-index: 10;
        top: 30%;
        width: 60%;
        left: 20%;
    }

    .pingban .bt_tit {
        margin-bottom: 30px;
    }

    .pingban .p dl dd {
        line-height: 30px;
    }

    .icon {
        width: 25%;
        float: left;
        margin-right: 5%;
        margin-top: 8.487%;
    }

    .icon img {
        width: 100%;
    }

    .icon_right {
        width: 70%;
        float: left;
    }

    .mis-nav-buttons a.mis-next {
        left: auto;
        right: 0px;
        display: block;
    }

    .mis-nav-buttons a.mis-prev {
        left: 0px;
        display: block;
    }

    .soluAll img {
        width: 100%;
    }


}

@media screen and (max-width: 768px) {
    .add_list ul li {
        width: 50%;
    }

    .li_2 p.li_p1 {
        height: 24px;
    }

    .mis-slide {
        width: 50%;
        padding: 0 /*15px*/;
        margin-top: -138px
    }

    .mis-slider li img { /*max-width: 250px;*/
        width: 100% !important;
        max-width: 100% !important;
        min-width: 100% !important; /*max-width: 100%; width: 100% !important;*/
        border: none;
    }

    ..histor h4 {
        margin-right: 0;
    }

    .pic ul li {
        width: 48%;
        margin-right: 2%;
    }

    .b_p2 {
        font-size: 16px;
    }

    .sy_pro ul li {
        width: 100%;
    }

    .li_2 {
        margin-left:;
    }

    .sy_pro ul li:nth-child(2) {
        width: 100%;
    }

    .pic ul li p {
        text-align: center;
        width: 100%;
    }

    .b_p3 {
        display: none;
    }

    .exper_up .datu {
        height: 300px;
    }

    .aboutTit li a {
        padding: 0 15px;
    }

    .pn_left {
        font-size: 12px;
    }

    .s_tit h3 {
        font-size: 16px;
    }

    .pingban {
        top: 10%;
        width: 72%;
        left: 14%;
    }

    .pingban .bt_tit {
        margin-bottom: 10px;
    }

    .pingban .p dl dd {
        line-height: 30px;
    }

    .pingban .p dl {
        height: 90px;
        overflow: hidden;
    }

    .yc_wz dl dd {
        width: 40%;
    }

    .mis-slide.mis-current {
        box-shadow: none;
    }

    .p_more {
        width: 100px;
        height: 30px;
        margin-top: 10px;
        overflow: hidden;
    }

    .p_more a {
        font-size: 14px;
        display: inline-block;
        width: 100%;
        line-height: 30px;
        height: 30px;
        transition: all 0.8s;
        box-sizing: border-box;
        overflow: hidden;
        text-align: center;
    }

    .p_more2 i {
        display: inline-block;
        width: 30px;
        text-align: center;
        line-height: 28px;
        background: #a09f9f;
        float: right;
        font-style: normal;
    }


    .p dl dd a {
        font-size: 15px;
    }

    .aboutTit li a {
        font-size: 18px;
        font-weight: normal;
    }

    .m_10 {
        margin-right: 0;
    }

    .b_p0 img {
        max-width: 100%
    }

    .tanBox .tanCon {
        padding: 7%;
    }

    .new_list ul li {
        border: none;
    }

    .abcont {
        padding-bottom: 0;
        padding-top: 30px;
    }

    .abProfile .jieRi h3 {
        margin-bottom: 5px;
    }

    .abProfile .jieRi .tit {
        margin-top: 5px;
    }

    .abProfile .jieRi span {
        margin-top: 10px;
    }

    .abcont .tit {
        margin-top: 20px;
    }

    .mis-nav-buttons a {
        padding-top: 27% !important;
    }

    .sy_pro {
        padding-top: 0px;
    }

    .li_2 {
        padding: 10% 5%;
    }

    .li_2 h3 {
        margin-bottom: 6px;
    }

    .pxq_all {
        padding: 30px 0;
    }

    .blue {
        width: 95%;
        margin: auto;
    }

    .li_yc {
        width: 100%;
        height: auto /*30px*/;
        padding: 0;
        position: relative;
        display: block;
    }

    /*.yc_p2,.yc_p1 a, .yc_p1{color:#686868;}
.li_yc a{padding:6% 10%;}*/
    /*.yc_p2{ display:none;}*/
    .yc_p1 {
        height: 30px;
        line-height: 30px;
        text-align: center;
        padding: 0;
        border: none;
    }

    .mis-nav-buttons a {
        opacity: 0.5;
    }

    .yc_p {
        display: none;
    }

    .pro_list ul li .pl_right { /*height:auto;*/
    }

    .aboutContent ul li h3 .a1 {
        width: 60%;
    }

    .aboutContent ul li h3 .a2 {
        width: 40%;
        text-align: right;
    }

    .exper_up .datu {
        height: 471px;
    }

    .exper_up .datu ul li img {
        max-width: 471px !important;
        max-height: 471px;
    }

    .abcont .abcontle .font, .abcont .abcontri .font {
        padding: 5%;
    }

}

@media screen and (max-width: 767px) {
    .pro_nav {
        margin-bottom: 6.343%;
    }

    /*app*/
    .appaspx {
        width: 96%;
        margin: 0 auto;
    }

    .appaspx img {
        width: 298px;
        height: 128px;
    }

    .appaspx p {
        margin: 2% 0;
    }

    .mis-slider li figcaption {
        height: auto;
    }

    figure { /*min-height:135px !important;*/
        margin-bottom: 0 !important;
    }

    /*.his{min-height:150px;}*/
}

@media screen and (max-width: 668px) {
    .rd_con2 {
        width: 90%;
    }

    .exper_up .datu {
        height: 299px;
    }
}

@media screen and (max-width: 667px) {
    .exper_up .datu {
        height: 421px;
    }

    .exper_up .datu ul li img {
        max-width: 421px !important;
        max-height: 421px;
        min-width: 100%;
        min-height: 421px;
    }
}

@media screen and (max-width: 640px) {
    .add_list ul li {
        width: 100%;
    }

    .sol_list ul li {
        width: 100%;
        margin-right: 0%;
    }

    .pro_list ul li .pl_left {
        width: 100%;
    }

    .pro_list ul li .pl_right {
        width: 100%;
        margin-top: 20px;
    }

    .yc_left {
        display: none;
    }

    .yc_wz {
        width: 100% !important;
    }

    /*.rd_con2 .cn_left{ width:93%;margin:0 auto; overflow:hidden;float:none; text-align:center;}*/
    .rd_con2 .cn_left {
        width: 100%;
    }

    .rd_con2 .cn_left span {
        width: 20%;
        float: none;
        font-size: 15px;
    }

    .rd_con2 .cn_left span img {
        width: 90%;
    }

    .rd_con2 .cn_left span.rc_sp1 {
        width: auto /*80%*/;
        float: none;
    }

    .rd_con2 .cn_right {
        width: 100%;
        margin-top: 15px;
    }

    .new_list ul li .n_pic {
        width: 100%;
    }

    .new_list ul li .wz {
        width: 100%;
        margin-top: 20px;
    }

    .wx_pc {
        display: none !important;
    }

    .wx_phone {
        display: block !important;
        height: auto;
    }

    .foot_right .wx_phone img {
        width: 100% !important;
    }

    .foot_right .wx_phone .a_wx1, .foot_right .wx_phone .a_wx2 {
        width: 16% !important;
        display: inline-block;
    }

    .pn_right {
    }
}


.nmkmn1 {
    font-size: 24px;
    color: #fffefe;
    margin-right: 10px;
    margin-bottom: 15px;
    display: inline-block;
}

.maobi {
    font-family: yeyou;
    font-size: 56px;
    color: #fff;
    margin: 30px 0px;
}

.maobi2 {
    font-size: 30px;
    font-family: 微软雅黑;
    margin-bottom: 25px;
    margin-top: 30px;
}

.maobi3 {
    font-size: 19px;
    color: #fff;
    font-family: 微软雅黑;
}