html body {
        height: 100%;
        font-family: "Microsoft Yahei", Arial, Helvetica, sans-serif;
    }
    
    * {
        margin: 0;
        padding: 0
    }
    
    img {
        border: 0
    }
    
     :focus {
        outline: 0
    }
    
    #switcher {
        height: 54px;
        z-index: 99999;
        position: fixed;
        width: 100%;
        top: 0;
        background: #000;
    }
    
    .center {
        width: 100%;
        padding-top: 0
    }
    
    .center ul li {
        display: inline;
        float: left;
        position: relative
    }
    
    @charset "utf-8";
    * {
        padding: 0;
        margin: 0;
    }
    
    body {
        background: #333
    }
    
    img {
        border: none
    }
    
    ul,
    li {
        list-style: none
    }
    
    a {
        color: #333;
        font-size: 14px;
        text-decoration: none;
    }
    
    a:hover {
        text-decoration: underline;
    }
    
    .cl:after {
        visibility: hidden;
        display: block;
        font-size: 0;
        content: " ";
        clear: both;
        height: 0
    }
    
    .cl {
        zoom: 1
    }
    
    .successlunbo {
        width: 1100px;
        margin: 0 auto;
    }
    /* sildes css begin */
    
    .control {
        width: 67.5%;
        background: #d5cbc4;
        display: block;
        position: absolute;
        top: 0;
        left: 0;
        overflow: hidden;
        height: 522px;
    }
    
    .change li {
        width: 100%;
        height: 522px;
        overflow: hidden;
        text-align: center
    }
    /* 图片垂直居中,不是很准确 */
    
    .change li .imgWrap {
        display: table-cell;
        width: 757px;
        height: 432px;
        vertical-align: middle;
        cursor: pointer;
        *font-size: 500px;
    }
    
    .change li img {
        max-width: 757px;
        max-height: 600px;
        width: expression(this.width > 757 && this.width > this.height ? 600: true);
        height: expression(this.height >757 ? 600: true);
        vertical-align: middle;
        overflow: hidden
    }
    /* 描述部分 */
    
    .change li .textDesc {
        width: 95.5%;
        height: auto;
        position: absolute;
        left: 0;
        bottom: 0;
        text-align: left;
        overflow: hidden;
        background-color: #fff;
        padding: 17px;
    }
    
    .change li .opacity {
        width: 100%;
        height: 40px;
        position: absolute;
        left: 0;
        bottom: 0;
    }
    
    .change li .title {
        font-size: 18px;
        color: #333399;
        line-height: 22px;
    }
    
    .control li .title a {
        margin-top: 0;
        font-size: 18px;
        color: #333399;
        font-weight: bold;
    }
    
    .change li .text {
        font-size: 15px;
        margin-top: 5px;
        color: #999;
    }
    /*.change li .text{color:#b7b7b7;line-height:18px;padding:5px 15px;font-size:12px;}*/
    /* 翻页按钮 */
    
    .ssprev,
    .ssnext {
        width: 49px;
        height: 49px;
        position: absolute;
        bottom: 300px;
        color: #FFF;
        font-size: 14px;
        z-index: 9;
        font-weight: bold;
        cursor: pointer;
        outline: none
    }
    
    .ssprev span,
    .ssnext span {
        display: none;
    }
    /* .ssprev {
        left: 0;
        background: url(../images/arrows_01.png) no-repeat;
        _filter: progid: DXImageTransform.Microsoft.AlphaImageLoader(enabled=true, sizingMethod=crop, src="../images/arrows_01.png");
        _background: none
    }
    
    .ssnext {
        right: 0;
        background: url(../images/arrows_02.png) no-repeat;
        _filter: progid: DXImageTransform.Microsoft.AlphaImageLoader(enabled=true, sizingMethod=crop, src="../images/arrows_02.png");
        _background: none
    } */
    /* 分页 */
    
    .pageClass {
        text-align: center;
        z-index: 9;
        position: absolute;
        top: 50px;
        padding-top: 10px;
    }
    
    .pageClass a {
        display: inline-block;
        width: 10px;
        height: 10px;
        margin: 0 3px;
        overflow: hidden;
        border: 1px solid #bebebe;
        background: #bebebe;
        border-radius: 5px;
        outline: none
    }
    
    .pageClass a span {
        display: none
    }
    
    .pageClass a:hover,
    .pageClass a.cur {
        border: 1px solid #be230a;
        background: #be230a
    }
    /* 缩图部分 */
    
    .thumbWrap {
        width: 31%;
        height: 541px;
        position: absolute;
        right: 0;
        top: 0;
        background: #fff;
        overflow: hidden;
    }
    
    .thumbWrap .thumbCont {
        height: 483px;
        margin: 0 auto;
        overflow: hidden;
        position: relative;
        width: 91%;
        margin-top: 17px;
    }
    
    .thumbWrap ul li {
        overflow: hidden;
        padding-bottom: 13px;
        padding-left: 10px;
        text-align: center;
        width: 100%;
        background: #7dd8f6;
        margin-top: 10px;
        height: 230px;
    }
    
    .thumbWrap ul li img {
        height: 168px;
    }
    
    .thumbWrap ul li div {
        /* display: table-cell; */
        width: 93%;
        vertical-align: middle;
        cursor: pointer;
        *font-size: 79px;
        padding: 10px 0 0 0;
        height: 168px;
    }
    
    .thumbWrap ul li div p {
        color: #003399;
        font-size: 15px;
        text-align: left;
        line-height: 18px;
    }
    
    .thumbWrap ul li img {
        width: 100%;
    }
    
    .thumbWrap ul li.cur {
        background-color: #0374b6;
    }
    
    .thumbWrap ul li.cur div p {
        color: #fff;
    }
    /* 缩图按钮 */
    
    .thumbPrev,
    .thumbNext {
        width: 28px;
        height: 12px;
        text-align: center;
        position: absolute;
        color: #000;
        z-index: 9;
        outline: none;
    }
    
    .thumbPrev span,
    .thumbNext span {
        display: none;
    }
    
    .thumbPrev {
        text-align: center;
        margin: 0 auto;
        top: 8px;
        left: 0;
        background: url(../../img/top.png) no-repeat left center;
        right: 0;
    }
    
    .thumbNext {
        text-align: center;
        margin: 0 auto;
        bottom: 22px;
        left: 0;
        background: url(../../img/bottom.png) no-repeat left center;
        right: 0;
    }
    
    .logoTop,
    .top2 {
        margin-left: 30px;
        margin-top: 20px;
        color: #fff;
        font-weight: bold;
        font-family: "微软雅黑"
    }
    
    .top2 {
        position: relative;
        margin-top: 16px;
        font-size: 12px;
        font-weight: normal;
        background-image: url(../i/2vm.png);
        background-repeat: no-repeat;
        background-position: 3px center;
        height: 20px;
        padding-left: 25px;
        line-height: 20px;
        border: 1px solid #414141;
        padding-right: 5px;
        border-radius: 5px;
    }
    
    .vm {
        position: absolute;
        top: 20px;
        left: 0px;
        background-color: #fff;
        height: 170px;
        width: 150px;
        display: none;
        padding: 30px;
    }
    
    .top2:hover .vm {
        display: block
    }
    
    .logoTop a:hover {
        text-decoration: underline
    }
    
    li.remove_frame {
        margin-left: 17px;
        float: right!important;
        margin-right: 30px
    }
    
    li.remove_frame a {
        background: url(../i/cross2.png) no-repeat 0 0;
        width: 20px;
        height: 21px;
        display: block;
        margin-top: 18px;
        transition: all .3s ease-out 0s
    }
    
    li.remove_frame a:hover {
        background-position: 0 -21px
    }
    
    #iframe {
        margin-top: 0
    }
    
    .icon-monitor,
    .icon-tablet,
    .icon-mobile-1,
    .icon-mobile-2,
    .icon-mobile-3 {
        margin-right: 7px;
        margin-top: 20px;
        width: 17px;
        height: 16px;
        background: url(../i/mon-spr.png) no-repeat;
    }
    
    .icon-monitor {
        margin-left: 10px;
        background-position: 0 0;
    }
    
    .icon-tablet {
        background-position: -24px 0
    }
    
    .icon-mobile-1 {
        background-position: -49px 0
    }
    
    .icon-monitor:hover,
    .icon-monitor.active {
        background-position: 0 -16px
    }
    
    .icon-tablet:hover,
    .icon-tablet.active {
        background-position: -24px -16px
    }
    
    .icon-mobile-1:hover,
    .icon-mobile-1.active {
        background-position: -49px -16px
    }
    
    .icon-mobile-2 {
        background-position: -71px 0
    }
    
    .icon-mobile-3 {
        background-position: -94px 0
    }
    
    .icon-mobile-2:hover,
    .icon-mobile-2.active {
        background-position: -71px -16px
    }
    
    .icon-mobile-3:hover,
    .icon-mobile-3.active {
        background-position: -94px -16px
    }
    
    #iframe-wrap {
        height: 100%;
        overflow: visible;
        position: relative;
        top: 54px;
        z-index: 50
    }
    
    .tablet-width {
        height: 961px!important;
        margin: 20px auto;
        padding: 96px 50px 115px 49px;
        width: 786px;
        background: url(../i/ipad-v.png) no-repeat 0 0
    }
    
    .tablet-width iframe {
        height: 960px!important
    }
    
    .mobile-width {
        height: 703px!important;
        margin: 20px auto;
        padding: 41px 95px 41px 75px;
        width: 1041px;
        background: url(../i/ipad-h.png) no-repeat;
    }
    
    .mobile-width iframe {
        height: 703px!important
    }
    
    .mobile-width-2 {
        height: 735px!important;
        margin: 20px auto;
        padding: 102px 25px 87px 25px;
        width: 410px;
        background: url(../i/ip-v.png) no-repeat;
    }
    
    .mobile-width-2 iframe {
        height: 735px!important
    }
    
    .mobile-width-3 {
        height: 317px!important;
        margin: 20px auto;
        padding: 43px 87px 23px 82px;
        width: 605px;
        background: url(../i/ip-h.png) no-repeat;
    }
    
    .mobile-width-3 iframe {
        height: 317px!important
    }
    
    #by {
        overflow-y: hidden
    }
    
    address,
    caption,
    cite,
    code,
    dfn,
    em,
    optgroup,
    strong,
    th,
    var {
        font-style: normal;
        font-weight: 700
    }
    
    abbr,
    acronym {
        border: 0;
        font-variant: normal
    }
    
    button,
    input,
    optgroup,
    option,
    select,
    textarea {
        font-family: "Microsoft Yahei", Arial, Helvetica, sans-serif;
        font-size: inherit;
        font-style: inherit;
        font-weight: inherit
    }
    
    code,
    kbd,
    samp,
    tt {
        font-size: 100%
    }
    
    button,
    input,
    select,
    textarea {
        *font-size: 100%
    }
    
    ol,
    ul {
        list-style: none
    }
    
    textarea {
        resize: vertical
    }
    
    table {
        border-collapse: collapse;
        border-spacing: 0
    }
    
    body {
        background: #fff;
        color: #333;
        font-size: 12px;
        font-family: "Microsoft Yahei", Arial, Helvetica, sans-serif;
        line-height: 1.5
    }
    
    a {
        text-decoration: none;
    }
    
    a:hover {
        text-decoration: none;
        color: #000
    }
    
    .clear {
        clear: both;
        height: 0;
        line-height: 0;
        font-size: 0;
        overflow: hidden;
    }
    
    .fl {
        float: left;
        display: inline-block
    }
    
    .fr {
        float: right;
        display: inline-block
    }
    
    .opacity_6 {
        opacity: .6;
        filter: alpha(opacity=60)
    }
    
    .hide {
        display: none
    }
    
    .clearfix:after {
        visibility: hidden;
        display: block;
        font-size: 0;
        content: ".";
        clear: both;
        height: 0
    }
    
    * html .clearfix,
     :first-child+html .clearfix {
        zoom: 1
    }
    
    input[type="button"],
    input[type="submit"],
    input[type="reset"] {
        -webkit-appearance: none;
    }
    
     ::-webkit-input-placeholder {
        color: #d7d7d7 !important;
        font-size: 1.05rem;
    }
    
     :-moz-placeholder {
        color: #d7d7d7 !important;
    }
    
     ::-moz-placeholder {
        color: #d7d7d7 !important;
    }
    
     :-ms-input-placeholder {
        color: #d7d7d7 !important;
    }
    
    .toast-item {
        background: rgba(0, 0, 0, 0.7);
        /* background: rgba(0, 0, 0, 0.6) none repeat scroll 0 0 !important;
    filter: progid: DXImageTransform.Microsoft.gradient(startColorstr=#30000000, endColorstr=#30000000); */
    }
    
    .headTop {
        background: rgba(153, 153, 153, 0.6);
        height: 4rem;
        padding: 0 2%;
    }
    
    .headTopHigh {
        background: #d2d2d2 !important;
        height: 4rem;
        padding: 0 2%;
    }
    
    .mainMar {
        margin-top: 6rem;
    }
    
    #open,
    .close {
        height: 0.8rem !important;
    }
    
    .head_left {
        width: 70%;
    }
    
    .head_left img {
        margin-top: 1.15rem;
        height: 1.8rem;
        display: block;
    }
    
    .hleft img {
        margin-top: 1rem;
        height: 1.8rem;
        display: block;
    }
    
    .hright img {
        margin: 1.4rem 0.25rem !important;
    }
    
    .head_rig {
        width: 27%;
        text-align: right;
    }
    
    .head_rig img {
        display: inline-block;
        height: 0.9rem;
        margin: 1.67rem 0.25rem;
    }
    
    .headBottom {
        text-align: right;
        margin: 2rem 5% 2.8rem 5%;
        width: 90%;
    }
    
    header {
        height: 4rem;
        max-width: 750px;
        position: fixed;
        top: 0;
        left: 0;
        z-index: 99999;
        right: 0;
    }
    
    .headBottom p {
        font-size: 0.85rem;
        color: #a8a8a8;
        letter-spacing: 0.05rem;
    }
    
    .headBottom p img {
        display: inline-block;
        width: 1.05rem;
        vertical-align: middle;
        margin-right: 0.2rem;
    }
    
    .headBottom p span {
        vertical-align: middle;
    }
    
    .logo2 {
        width: 13rem;
        display: block;
    }
    
    .foot_left img {
        width: 4.5rem;
        display: block;
    }
    
    .motai2 {
        margin-top: 4rem;
    }
    
    .foot {
        margin-top: 1rem;
    }
    
    .foot_right {
        margin-top: 0.3rem;
        width: 44%;
        text-align: center;
    }
    
    .foot_right div {
        height: 1.9rem;
        line-height: 1.9rem;
        text-align: center;
        width: 96%;
        background: url(../../images/select.png) no-repeat left center;
        background-size: 100% 1.9rem;
        position: relative;
    }
    
    .foot_right div p {
        font-size: 0.83rem;
        color: #4c4d52;
        padding-right: 1rem;
        padding-right: 1.6rem;
        position: relative;
    }
    
    .foot_right div dd {
        position: absolute;
        bottom: 2rem;
        width: 100%;
        background: rgba(255, 255, 255, 0.6);
        display: none;
    }
    
    .foot_right div dd a {
        font-size: 0.83rem;
        color: #4c4d52;
        display: block;
        line-height: 2.4rem;
    }
    
    .foot_right ul li {
        display: inline-block;
        margin-top: 0.6rem;
    }
    
    .foot_right ul li a {
        font-size: 0.85rem;
        color: #4c4d52;
    }
    
    .foot_bottom {
        color: #73757e;
        font-size: 0.7rem;
        margin-top: 1rem;
        text-align: center;
    }
    
    .motai {
        display: block;
        background: #fff;
        width: 100%;
        height: 100%;
        margin-top: 4.2rem;
    }
    
    .ulOne {
        margin-top: 1.3rem;
    }
    
    .ulOne li {
        line-height: 2rem;
    }
    
    .ulOne li a {
        font-size: 0.9rem;
        color: #333333;
        letter-spacing: 0.07rem;
        border-bottom: 1px dashed #d6d6d6;
        display: block;
        padding: 0 7% 0 13%;
        font-weight: 700;
        line-height: 2.2rem;
        padding-top: 0.1rem;
    }
    
    .ulOne li a img {
        float: right;
        width: 0.8rem;
        vertical-align: middle;
        margin-top: 0.6rem;
    }
    
    .ulOne_1 li a,
    .ulOne_2 li a {
        font-size: 0.85rem;
        color: #333333;
        background: #f9f9f9;
        display: block;
        letter-spacing: 0.07rem;
        line-height: 1.8rem;
        padding: 0 7% 0 21%;
        font-weight: normal !important;
        border-bottom: 3px solid #fff !important;
    }
    
    .ulOne1>li a {
        font-size: 0.9rem;
        line-height: 2.1rem;
        color: #333333;
        font-weight: normal !important;
        padding: 0 7% 0 17%;
        border-bottom: none !important;
    }
    
    .icon {
        float: right;
        width: 0.8rem;
        margin-top: 0.6rem;
        height: 0.8rem;
        background: #6baf0a;
        line-height: 0.8rem;
        text-align: center;
        color: #fff;
    }
    
    .icon2 {
        float: right;
        width: 0.8rem;
        margin-top: 0.6rem;
        height: 0.8rem;
        background: #6baf0a;
        line-height: 0.8rem;
        text-align: center;
        color: #fff;
    }
    
    .motai {
        display: none;
    }
    
    .motaiBox {
        padding: 3rem 7% 2rem 7%;
    }
    
    .motaiBox .foot_right {
        text-align: right !important;
    }
    
    .motaiBox .foot_right ul li {
        margin-top: 0 !important;
    }
    
    .motaiBox .foot_right div {
        margin-top: 1rem;
    }
    
    .title {
        font-size: 1.5rem;
        color: #303030;
        /* background: url(../../images/line.png) no-repeat bottom 0 center; */
        background-size: 100% 3px;
        padding-bottom: 0.2rem;
        margin: 0 4%;
    }
    
    .titleName {
        color: #303030;
        font-size: 0.85rem;
        border: 1px solid #9c9c9c;
        border-radius: 5px;
        line-height: 2rem;
        width: 6rem;
        text-align: center;
        margin: 0 auto;
    }
    
    .swiper-pagination-bullet-active {
        background: #fff !important;
        opacity: 1 !important;
    }
    
    .swiper-pagination-bullet {
        background: #66b0bb;
        margin: 0 0.3rem;
        opacity: 1 !important;
    }
    
    #yuand {
        position: absolute;
        bottom: 1.7rem;
    }
    
    #yuand .swiper-pagination-bullet-active {
        background: #990000!important;
        width: 1rem;
        border-radius: 30px;
        height: 5px;
    }
    
    #yuand .swiper-pagination-bullet {
        background: #ecf0f3;
        height: 5px;
        border-radius: 30px;
    }
    
    .motaiSearch {
        background-color: #ffffff;
        border: medium none;
        border-radius: 5px;
        box-shadow: -1px 3px 10px 0 rgba(0, 0, 0, 0.06);
        display: none;
        height: 50px;
        position: absolute;
        right: 10px;
        top: 4.1rem;
        z-index: 99;
        border: 1px solid #e7e7e7;
        width: 75%;
        line-height: 50px;
        max-width: 750px;
        padding: 0 5%;
    }
    
    .motaiSearch input {
        border: none;
        background-color: none;
        font-size: 0.9rem;
        color: #1c1c1c;
    }
    
    .motaiSearch img {
        float: right;
        width: 1rem;
        vertical-align: middle;
        margin-top: 1rem;
    }