*{ margin:0; padding:0; border:0; border:none;font-family: "Microsoft YaHei";}
ul,ol li{ list-style:none;}
table{border-collapse: collapse;}
.clear { clear:both; font-size:0; height:0; overflow:hidden;}
.clearfix:after{content: '';display: block;clear:both;}
.clearfix{zoom:1;}
a { cursor: pointer; text-decoration: none;}
a:link, a:visited { text-decoration:none;}
a:hover { text-decoration:none;}
::-webkit-input-placeholder {color:#666;}
:-moz-placeholder {color:#666;}
::-moz-placeholder {color:#666;}
:-ms-input-placeholder {color:#666;}
.hide,.h{display: none !important;}
.r{ float:right;}
.l{float: left;}
.common{width: 1200px;margin: 0 auto;}
body {background: #fff;}
.jw-icon.jw-icon-inline.jw-button-color.jw-reset.jw-icon-barlogo-new {
    display: none;
}

.main-color {
    color: #000;
}

.pg-shadow {
    display: block;
    z-index: 100;
    position: fixed;
    width: 100%;
    height: 100%;
    filter: alpha(opacity=50);
    -moz-opacity: 0.5;
    -khtml-opacity: 0.5;
    opacity: 0.5;
    background: #000;
}
.popup {
    display: block;
    z-index: 120;
    position: fixed;
    top: 50%;
    left: 50%;
    background: #fff;
}
.v-popup {
    width: 716px;
    height: 448px;
    margin-left: -398px;
    margin-top: -264px;
    color: #999;
    border-radius: 12px;
    background: none;
}
.v-popup .close-btn {
    z-index: 20;
    position: absolute;
    display: block;
    right: 14px;
    top: 14px;
    width: 24px;
    height: 24px;
}
.v-popup .close-btn .ei {
    font-size: 24px;
    color: #fff;
}
.v-popup .title {
    text-align: left;
    padding: 0 16px;
    color: #fff;
    font-size: 20px;
    line-height: 48px;
    height: 48px;
    background: #000;
}
.playercontainer {
    width: 100%;
    height: 400px;
}
.g-r-popup {
    width: 800px;
    height: 220px;
    margin-top: -120px;
    margin-left: -400px;
    text-align: center;
    background: url("../images/giftpop.png") top center no-repeat;
    text-align: center;
    color: #fff;
}
.g-r-popup .title {
    font-weight: bold;
    padding-top: 32px;
    font-size: 34px;
    line-height: 72px;
}
.g-r-popup .text {
    font-size: 24px;
}
.g-r-popup .operations {
    margin-top: 10px;
}
.g-r-popup .operations a {
    display: inline-block;
    margin: 0 10px;
    width: 330px;
    line-height: 60px;
    text-align: center;
    border-radius: 4px;
    font-size: 22px;
    color: #fff;
    background: #ed1b23;
}
.g-r-popup .operations a.close-btn {
    color: #ed1b23;
    background: #feedba;
}

.header {
    background: #273043;
}
.header .logo {
    float: left;
    line-height: 50px;
    display: inline-block;
    color: #fff;
    font-size: 22px;
}
.header .logo .ei {
    font-size: 20px;
    display: inline-block;
}
.header .logo a {
    color: #fff;
}
.header .logo a:hover {
    color: #ed2301;
}
.header .logo img {
    display: inline-block;
    vertical-align: -3px;
}

.banner {
    position: relative;
    height: 550px;
    background: url("../images/mbg1.jpg") top center no-repeat;
    margin-bottom: 0px;
}
.banner .citybar {
    position: absolute;
    top: 0;
    width: 100%;
    /*height: 40px;*/
    overflow: hidden;
    background: #fff;
    font-size: 16px;
    color: #818a92;
}
.banner .citybar .label {
    width: 10%;
    float: left;
    line-height: 38px;
}
.banner .citybar .list {
    width: 80%;
    float: left;
    line-height: 38px;
}
.banner .citybar .list a {
    display: inline-block;
    padding: 0 10px;
    margin: 0 10px;
    color: #818a92;
    border-bottom: 2px solid #fff;
}
.banner .citybar .list a:hover {
    color: #273043;
    border-bottom: 2px solid #ed9b1b;
}
.banner .citybar .spread {
    width: 10%;
    float: left;
    line-height: 38px;
    text-align: right;
}
.banner .citybar .spread a {
    color: #818a92;
    border-bottom: 2px solid #fff;
}
.banner .citybar .spread a:hover {
    color: #273043;
    border-bottom: 2px solid #ed9b1b;
}

.banner .mainbox {
    position: relative;
}
.banner .mainbox .title {
    position: absolute;
    top:85px;
    color: #273043;
    line-height: 60px;
    margin-left: 226px;
}
.banner .mainbox .title i {
    font-style: normal;
    display: inline-block;
    vertical-align: 6px;
    margin: 0 5px;
    width: 60px;
    text-align: center;
    font-weight: bold;
    font-size: 36px;
    border: 2px solid #273043;
    -webkit-border-radius: 8px;
    -moz-border-radius: 8px;
    border-radius: 8px;
}
.banner .mainbox .title .text {
    font-size: 60px;
    font-family: 'Microsoft YaHei';
    font-weight: bold;
    letter-spacing: 4px;
    font-style: italic;
}


.banner .mainbox .img { 
    line-height: 108px;  
    margin-left:170px; 
    font-size: 62px;
    font-family: 'FZHZGBJW';
    letter-spacing: 4px;
    font-style: italic;
    position: absolute;
    top: 203px;
}
.banner .mainbox .img b{
    font-size: 108px;
    color: #2388ff;
    font-style:normal;
}


.banner .mainbox .img span{
    font-size:82px;
    font-family: 'FZHZGBJW';
    letter-spacing: 4px;
    font-style: italic;
    color: #273043;
}

.banner .mainbox .tx {   
    margin-left:262px; 
    font-size:30px;
    font-family: 'Microsoft YaHei';
   
    position: absolute;
    top:350px;
}


.banner .mainbox .goscord {
    display: block;
    position: absolute;
    top: 40px;
    right: 0;
    line-height: 40px;
    width: 136px;
    background: #ed9b1b;
    color: #fff;
    font-size: 17px;
    text-align: center;
    border-bottom-left-radius: 20px;
    border-bottom-right-radius: 20px;
}

.banner .gift {
    position: absolute;
    bottom: -66px;
    left: 50%;
    margin-left: -600px;
    height: 150px;
    text-align: center;
    background: url("../images/stamp.png") right top no-repeat #fff;
    box-shadow: 0 0 15px #aaa;
    -webkit-border-radius: 12px;
    -moz-border-radius: 12px;
    border-radius: 12px;
}
.banner .gift .title {
    line-height: 60px;
    font-size: 28px;
    color: #273043;
}
.banner .gift .title .red{
    color: #2388ff;
    font-size: 30px;
    margin-right: 50px;
}

.banner .gift .title b{
    font-weight: normal;
    font-size: 18px;
    line-height: 30px;
}

.banner .gift .title .sm {
    color: #ed9b1b;
}
.banner .gift .reminder {
    line-height: 36px;
    font-size: 14px;
    padding: 0 178px;
    text-align: left;
    color: #e50112;
}
.banner .gift .reminder.vali {
    padding-left: 474px;
}
.banner .gift input {
    display: inline-block;
    margin: 0 10px;
    height: 48px;
    padding: 0 20px;
    border: 1px solid #d9d9d9;
    color: #818a92;
    font-size: 16px;
    -webkit-border-radius: 6px;
    -moz-border-radius: 6px;
    border-radius: 6px;
}
.banner .gift input.wrong {
    border: 1px solid #e50112;
    background: #fff4f5;
}
.banner .gift input[name=phone] {
    width: 260px;
}
.banner .gift input[name=validate] {
    width: 160px;
}
.banner .gift #img {
    display: inline-block;
    height: 50px;
    margin-left: -18px;
    margin-right: 20px;
}
.banner .gift .submit {
    display: inline-block;
    line-height: 48px;
    width: 218px;
    background: #2388ff;
    border: 1px solid #2388ff;
    color: #fff;
    font-size: 24px;
    text-align: center;
    -webkit-border-radius:30px;
    -moz-border-radius:30px;
    border-radius: 30px;
}
.banner .gift.result {
    background: url("../images/stamp-2.png") right top no-repeat #fff;
}
.banner .gift.result .title {
    line-height: 50px;
    color: #273043;
    font-size: 28px;
    font-weight: bold;
}
.banner .gift.result .text {
    color: #273043;
    font-size: 20px;
    margin-bottom: 10px;
}
.banner .gift.result .text .sm {
    color: #ed9b1b;
}
.banner .gift.result .look {
    display: block;
    margin: 0 auto;
    background: #ed9b1b;
    color: #fff;
    text-align: center;
    font-size: 22px;
    line-height: 50px;
    width: 300px;
    -webkit-border-radius: 8px;
    -moz-border-radius: 8px;
    border-radius: 8px;
}

.banner .video-btn {
    z-index: 30;
    position: absolute;
    display: block;
    width: 121px;
    height: 121px;
    top: 50%;
    left: 50%;
    margin-left: -60px;
    margin-top: -60px;
}

.navigation.fixed {
    z-index: 50;
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
}
.navigation.fixed .nav-list > li a {
    line-height: 70px;
}
.navigation {
    background: #fff;
    border-bottom: 1px solid #d9d9d9;
}
.navigation .nav-list {
    display: table;
    width: 80%;
    margin: 0 auto;
}
.navigation .nav-list > li {
    display: table-cell;
    text-align: center;
}
.navigation .nav-list > li a {
    position: relative;
    display: inline-block;
    padding: 0 10px;
    line-height: 84px;
    font-size: 24px;
    color: #818a92;
}
.navigation .nav-list > li a .line {
    display: none;
    position: absolute;
    left: 0;
    bottom: -2px;
    width: 100%;
    height: 4px;
    border-radius: 2px;
    background: #2388ff;
}
.navigation .nav-list > li:hover a {
    color: #273043;
}
.navigation .nav-list > li:hover a .line {
    display: block;
}
.navigation .nav-list > li.active a {
    color: #273043;
}
.navigation .nav-list > li.active a .line {
    display: block;
}

.mk {
    padding: 50px 0;
}
.mk#m2 {
	width: auto;
    height: 410px;
    background: url("../images/mbg2.jpg") top center no-repeat;
}
.mk#m5 {
   /* background: url("../images/mbg3.jpg") top center no-repeat;
    height: 549px;*/
    background: #f5f5f5;
}
.mk#m7 {
    background: #f5f5f5;
}

.mk h5 {
    font-size: 16px;
    line-height: 32px;
    font-weight: normal;
    color: #273043;
    margin-bottom: 30px;
    text-align: center;
}
.mk h4 {
    font-size: 24px;
    font-weight: normal;
    color: #273043;
    margin-bottom: 30px;
    text-align: center;
}
.mk h2 {
    font-size: 46px;
    font-weight: bold;
    color: #273043;
    text-align: center;
    margin-bottom: 38px;
}
.mk h2 .text {
    display: inline-block;
    padding: 0 66px 28px;
    letter-spacing: 2px;
}
.mk h2 .text strong {
    color: #2388ff;
}

.mk .common .p1{
    font-size: 38px;
    color: #272f44;
    line-height: 38px;
    font-weight: bold;
    text-align: center;
    margin-bottom: 24px;
}
.mk .common .p2{
    color: #272f44;
    line-height: 36px;
    font-size: 22px;
    text-align: center;
    margin-bottom: 34px;
}


.red{
    color: #2388ff;
}


.mk h2.mtl1 .text {
    background: url("../images/mtl_1.png") bottom center no-repeat;
}
.mk h2.mtl2 .text {
    letter-spacing: 8px;
    background: url("../images/mtl_2.png") bottom center no-repeat;
}
.mk h2.mtl3 .text {
    background: url("../images/mtl_3.png") bottom center no-repeat;
}
.mk h2.mtl5 .text {
    background: url("../images/mtl_5.png") bottom center no-repeat;
}
.mk h2.mtl6 .text {
    background: url("../images/mtl_6.png") bottom center no-repeat;
}
.mk h2.mtl7 .text {
    background: url("../images/mtl_7.png") bottom center no-repeat;
}
.mk h2.mtl8 .text {
    background: url("../images/mtl_8.png") bottom center no-repeat;
}

/* 这里 1200 �?1000 不同 */
.steps-list {
    display: block;
}
.step {
    display: block;
    padding: 0 50px;
    float: left;
    width: 170px;
    height: 255px;
    margin-right: 40px;
    text-align: center;
    box-shadow: 0 0 30px #aaa;
    border-radius: 4px;
}
.step.last {
    margin-right: 0;
}
.step .top {
    display: inline-block;
    padding: 30px 10px 20px;
    border-top: 2px solid #2388ff;
    color: #2388ff;
}
.step .top .ei {
    font-size: 42px;
}
.step .title {
    margin-bottom: 10px;
    font-size: 22px;
    line-height: 22px;
    font-weight: bold;
    color: #253245;
}
.step .text {
    font-size: 14px;
    line-height: 28px;
    color: #818a92;
}


.featured-list {
    display: block;    
}
.featured {
    position: relative;
    float: left;
    display: block;
    margin-right: 40px;
    width: 580px;
    border-top-left-radius: 12px;
    border-top-right-radius: 12px;
}
.featured:hover {
    box-shadow: 0 0 42px #aaa;
}
.featured.last {
    margin-right: 0;
}
.featured-a {
    display: block;
}
.featured p,
.featured div {
    overflow: hidden;
}
.featured .top {
    padding: 36px 40px;
    background: #ed9b1b;
    border-top-left-radius: 12px;
    border-top-right-radius: 12px;
    color: #fff;
    background:url(../images/star_bg.png) no-repeat top center;
}
.featured .top .title {
    font-size: 24px;
    margin-bottom: 20px;
    line-height: 32px;
    height: 32px;
}
.featured .top .title .ei {
    font-size: 12px;
    display: inline-block;
    vertical-align: 4px;
}
.featured .top .text {
    font-size: 16px;
    line-height: 24px;
    height: 48px;
    margin-bottom: 20px;
}
.featured .top .point-list {
    height: 36px;
}
.featured .top .point-list .point{
    display: inline-block;
    margin-right: 20px;
    width: 128px;
    line-height: 32px;
    height: 32px;
    border: 1px solid #fff;
    -webkit-border-radius: 17px;
    -moz-border-radius: 17px;
    border-radius: 17px;
    text-align: center;
    font-size: 14px;
}
.featured .bottom {
    padding: 20px 40px 30px;
    height: 98px;
    background: #fff;
    color: #818a92;
}
.featured .bottom .point-list {
    height: 24px;
    margin-bottom: 20px;
}
.featured .bottom .point-list .point {
    display: inline-block;
    margin-right: 16px;
    font-size: 16px;
    line-height: 24px;
    height: 24px;
}
.featured .bottom .point-list .point .ei {
    font-size: 14px;
    color: #ed9b1b;
}
.featured .bottom .price-list {
    display: table;
    height: 54px;
    width: 100%;
}
.featured .bottom .price-list > div {
    display: inline-block;
    text-align: left;
    vertical-align: middle;
    padding-right: 5px;
}
.featured .bottom .price-list > div.prices {
    width: 128px;
    font-size: 30px;
    color: #31404c;
}
.featured .bottom .price-list > div.protocol {
    width: 162px;
    font-size: 16px;
    line-height: 24px;
    color: #818a92;
}
.featured div.operation {
    display: block;
    position: absolute;
    right: 10px;
    bottom: 34px;
    width: 242px;
}
.featured div.operation a {
    display: inline-block;
    margin: 0 8px;
    width: 90px;
    line-height: 38px;
    text-align: center;
    -webkit-border-radius: 6px;
    -moz-border-radius: 6px;
    border-radius: 6px;
    font-size: 16px;
    border: 1px solid #d9d9d9;
    color: #818a92;
}
.featured div.operation a:hover {
    border: 1px solid #ed9b1b;
    background: #ed9b1b;
    color: #fff;
}
.featured div.operation a .ei {
    font-size: 18px;
    padding-right: 6px;
}

.sale {
    margin-bottom: 54px;
}
.sale-top {
    height: 10px;
    background: url("../images/coupon-trap.png") bottom center no-repeat;
    background-size: 100%;
}
.sale-text {
    border: 1px solid #d9d9d9;
    line-height:70px;
    font-size: 34px;
    color: #2388ff;
    text-align: center;
    background: #f5f5f5;
    font-weight: bold;
}
.sale-text .zx {
    display: inline-block;
    vertical-align: middle;
    margin: 0 12px;
    line-height: 48px;
    width: 180px;
    text-align: center;
    background: #2388ff;
    font-size: 20px;
    font-weight: bold;
    color: #fff;
    border-radius: 12px;
}
.sale-text .zx .ei {
    font-size: 21px;
    font-weight: normal;
}

.cour-container {
    display: block;
}
.nav-box {
    border: 1px solid #d9d9d9;
    margin-bottom: 40px;
}
.nav-cat-box {
    display: table;
    width: 100%;
    line-height: 76px;
    background: #f5f5f5;
}
.nav-cat-box .label {
    display: table-cell;
    width: 11%;
    text-align: center;
}
.nav-cat-box .cat-nav {
    display: table-cell;
}
.nav-cat-box .cat-nav > li {
    display: inline-block;
    min-width: 80px;
    padding: 0 20px;
    text-align: center;
    line-height: 36px;
    border-radius: 4px;
    font-size: 16px;
    cursor: pointer;
}
.nav-cat-box .cat-nav > li a {
    display: block;
    width: 100%;
    height: 100%;
    color: #a9b0b7;
}
.nav-cat-box .cat-nav > li.active {
    background: #ed9b1b;
}
.nav-cat-box .cat-nav > li.active a {
    color: #fff;
}

.nav-ser-box {
    display: table;
    width: 100%;
    line-height: 76px;
}
.nav-ser-box .label {
    display: table-cell;
    width: 11%;
    text-align: center;
}
.cat-ser-list {
    display: table-cell;
}
.cat-ser-list > li {
    display: block;
}
.ser-nav {
    display: block;
}
.ser-nav > li {
    display: inline-block;
    min-width: 80px;
    padding: 0 20px;
    text-align: center;
    line-height: 36px;
    border-radius: 4px;
    font-size: 16px;
    color: #a9b0b7;
    cursor: pointer;
}
.ser-nav > li.active {
    background: #2388ff;
    color: #fff;
}


.cat-cour-list {
    display: block;
}
.cat-cour-list > li {
    display: block;
}
.ser-cour-list {
    display: block;
}
.ser-cour-list > li {
    display: block;
}

.cour-list {
    display: block;
}
.cour-info {
    position: relative;
    display: block;
    float: left;
    width: 368px;
    border: 1px solid #d9d9d9;
    border-top: 4px solid #b3d5ff;
    margin-right: 44px;
    margin-bottom: 40px;
}
.cour-info:hover {
    /* 转到动画处理，以实现圆滑动效 */
    /*top: -10px;*/
    border-top: 4px solid #2388ff;
    box-shadow: 0 0 20px #aaa;
}
.cour-info.last {
    margin-right: 0;
}
.cour-info .cour-info-a {
    display: block;
    padding: 32px 20px 0;
    height: 298px;
}
.cour-info .flag {
    position: absolute;
    top: -4px;
    right: 0;
    width: 68px;
    text-align: center;
    font-size: 14px;
    color: #fff;
}
.cour-info .flag .text {
    line-height: 32px;
    background: #2388ff;
    color: #fff;
}
.cour-info .flag span {
    display: block;
    height: 7px;
    background: url("../images/flag-tri.png") bottom center no-repeat;
}
.cour-info .cour-info-a div {
    overflow: hidden;
    text-overflow: ellipsis;
    color: #818a92;
}
.cour-info .top {
    padding: 0 12px 20px;
    border-bottom: 1px solid #d9d9d9;
}
.cour-info .top .title {
    margin-bottom: 10px;
    font-size: 22px;
    line-height: 32px;
    height: 32px;
    color: #273043;
    font-weight: bold;
    text-overflow: ellipsis;
}
.cour-info .top .text {
    font-size: 16px;
    line-height: 24px;
    height: 48px;
    margin-bottom: 10px;
}
.cour-info .top .point-list {
    line-height: 28px;
    height: 28px;
    font-size: 14px;
    margin-bottom: 20px;
}
.cour-info .top .point-list .point {
    display: inline-block;
    margin-right: 10px;
}
.cour-info .top .point-list .point i {
    font-size: 12px;
}
.cour-info .bottom {
    display: table;
    width: 42%;
    height: 124px;
}
.cour-info .bottom > div {
    display: table-cell;
    vertical-align: middle;
    text-align: center;
}
.cour-info .bottom > div.prices .price {
    font-size: 26px;
    line-height: 42px;
    font-weight: bold;
    color: #2388ff;
}
.cour-info .bottom > div.prices .protocol {
    font-size: 14px;
}
.cour-info .operation {
    position: absolute;
    display: block;
    width: 58%;
    height: 124px;
    line-height: 124px;
    right: 0;
    bottom: 0;
    text-align: center;
}
.cour-info .operation a {
    display: inline-block;
    margin: 0 4px;
    line-height: 38px;
    width: 78px;
    text-align: center;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
    font-size: 16px;
    color: #818a92;
    border: 1px solid #d9d9d9;
}
.cour-info .operation a:hover {
    color: #fff;
    border: 1px solid #2388ff;
    background: #2388ff;
}

.main-ad {
    height: 115px;
    background: url("../images/3.jpg") top center no-repeat;
}
.main-ad .common {
    position: relative;
    height: 100%;
}
.main-ad .common .zx {
    display: block;
    height: 50px;
    width: 240px;
    position: absolute;
    top: 34px;
    right: 69px;
}

.advan-list {
    display: block;
}
.advan-info {
    position: relative;
    float: left;
    padding: 0 40px;
    width: 220px;
    height: 280px;
    text-align: center;
}
.advan-info .top {
    width: 130px;
    height: 130px;
    margin: 0 auto 30px;
    border-radius: 65px;
    background-position: top center;
    background-repeat: no-repeat;
    text-align: center;
    line-height: 130px;
    color: #fff;
}
.advan-info .top .ei {
    font-size: 56px;
}
.advan-info .title {
    color: #ed9b1b;
    font-size: 22px;
    font-weight: bold;
    margin-bottom: 16px;
}
.advan-info .text {
    font-size: 14px;
    line-height: 24px;
    color: #818a92;
}
.advan-info .line {
    position: absolute;
    width: 1px;
    height: 200px;
    top: 50%;
    right: 0;
    margin-top: -100px;
    background: #d9d9d9;
}

.oao-box {
	margin-left:120px;
    display: block;
}
.oao-box .oao-nav {
    display: block;
    width:246px;
    float: left;
    margin-right:21px;
}
.oao-box .oao-nav > li {
    display: block;
    margin-bottom: 10px;
    color: #808a93;
    border-radius: 12px;
    text-align: center;
    line-height:100px;
    background: #ffffff;
    font-size:26px;
    cursor: pointer;

    box-shadow: 0 0 10px 1px #ccc;
}
.oao-box .oao-nav > li.last {
    margin-bottom: 0;
}
.oao-box .oao-nav > li.active {
    background: #2388ff;
    font-weight: bold;
    color: #fff;
    box-shadow: 0 0 0 0 #ccc;
}

.oao-list {
    display: block;
    float: left;
    width:932px;
    border-radius: 10px;
}
.oao-list > li {
    display: table;
    width: 100%;
    height: 100%;
    border-radius: 10px;
    box-shadow: 0 0 10px 1px #ccc;

}
.oao-list > li img{
    vertical-align: top;
    border-radius: 10px;
    width: 100%
}

.oao-list > li .oao-info {
    display: table-cell;
    vertical-align: middle;
    text-align: center;
}
.oao-list > li .text {
    width: 938px;
    margin: 20px auto 0;
    text-align: left;
    font-size: 14px;
    line-height: 28px;
    color: #273043;
}
.oao-list > li .img-group {
    width: 1026px;
    margin: 0 auto;
}
.oao-list > li .img-group .l {
    margin-right: 10px;
    width: 312px;
}
.oao-list > li .img-group .center {
    float: left;
    width: 382px;
    margin-right: 10px;
}
.oao-list > li .img-group .center img {
    width: 100%;
    height: 394px;
}
.oao-list > li .img-group .r {
    float: left;
    width: 312px;
}
.oao-list > li .img-group .l img {
    width: 100%;
    height: 190px;
    margin-bottom: 10px;
}
.oao-list > li .img-group .r img {
    width: 100%;
    height: 190px;
    margin-bottom: 10px;
}
.oao-list > li .img-group .l img.last {
    margin-bottom: 0;
}
.oao-list > li .img-group .r img.last {
    margin-bottom: 0;
}

.device-list {
    display: block;
    margin-bottom: 40px;
}
.device-list > li {
    display: table;
    float: left;
    width: 200px;
    height: 200px;
    margin-right: 48px;
    background: #fff;
    box-shadow: 0 0 28px #aaa;
    border-radius: 8px;
}
.device-list > li.last {
    margin-right: 0;
}
.device-list > li .device-info {
    display: table-cell;
    vertical-align: middle;
    text-align: center;
    font-size: 18px;
    color: #818a92;
}
.device-list > li .device-info .ei {
    color: #2388ff;
    font-size: 60px;
    line-height: 100px;
}

.swiper-pagination-bullet {
    width: 8px;
    height: 8px;
}
#swiper1 {
    padding-bottom: 20px;
}
#swiper1 .swiper-slide {
    text-align: center;
}
#swiper1 .swiper-slide img {
    width: 210px;
    height: 160px;
}
#swiper1 .swiper-pagination {
    text-align: right;
    bottom: 0;
}
#swiper1 .swiper-pagination-bullet {
    background: #818a92;
    opacity: 1;
}
#swiper1 .swiper-pagination-bullet-active {
    background: #1ba9ed;
}

.problem-list {
    display: block;
}
.problem-list > li {
    position: relative;
    display: block;
    float: left;
    width: 544px;
    border-bottom: 1px dashed #d9d9d9;
    color: #273043;
    padding: 0 16px 16px 25px;
    margin-right: 30px;
}
.problem-list > li.last {
    margin-right: 0;
}
.problem-list > li.btm {
    border-bottom: none;
}
.problem-list > li.btm .text {
    height: auto;
}
.problem-list > li .line {
    display: block;
    position: absolute;
    width: 6px;
    height: 20px;
    background: #2388ff;
    left: 0;
    top: 18px;
}
.problem-list > li .title {
    line-height: 54px;
    font-size: 20px;
    font-weight: bold;
}
.problem-list > li .text {
    font-size: 16px;
    line-height: 24px;
    height: 72px;
}

.service-list {
    display: block;
    margin-bottom: 36px;
}
.service-info {
    position: relative;
    display: block;
    float: left;
    width: 300px;
    text-align: center;
}
.service-info .top {
    margin: 0 auto 16px;
    width: 100px;
    height: 100px;
    -webkit-border-radius: 50px;
    -moz-border-radius: 50px;
    border-radius: 50px;
    background: #2388ff;
    color: #fff;
    text-align: center;
    line-height: 100px;
}
.service-info .top .ei {
    font-size: 42px;
}
.service-info .title {
    font-size: 16px;
    line-height: 24px;
    color: #273043;
}
.service-info .text {
    font-size: 14px;
    line-height: 24px;
    height: 60px;
    color: #818a92;
}
.service-info .zx {
    display: inline-block;
    text-align: center;
    line-height: 36px;
    width: 110px;
    font-size: 16px;
    color: #2388ff;
    border: 1px solid #2388ff;
    text-align: center;
    -webkit-border-radius: 18px;
    -moz-border-radius: 18px;
    border-radius: 18px;
}
.service-info .zx:hover {
    color: #fff;
    background: #2388ff;
}
.service-info .line {
    display: block;
    position: absolute;
    width: 1px;
    height: 172px;
    right: 0;
    top: 34px;
    background: #d9d9d9;
}

.service-essay {
    position: relative;
    color: #818a92;
    line-height: 24px;
    font-size: 16px;
    margin-bottom: 30px;
}
.service-essay .big {
    font-size: 18px;
}
.service-essay .big strong {
    font-weight: normal;
    color: #2388ff;
    line-height: 42px;
}
.service-essay .qr-code-box {
    position: absolute;
    right: 0;
    top: -2px;
    width: 182px;
    text-align: center;
}
.service-essay .qr-code-box .code-text {
    font-size: 12px;
    line-height: 18px;
    color: #818a92;
}

.sidebar{
    z-index: 1000;
    border:1px solid #e6e6e6;
    width: 58px;
    position: fixed;
    right: 20px;
    top: 20%;
}
.sidebar>div{
    height: 58px;
    text-align: center;
    cursor: pointer;
    background: #fff;
}
.sidebar>div:hover .txt{

    display:table-cell;
}
.sidebar>div:hover .icon{
    display: none;
}
.sidebar>div i{
    font-size: 30px;
    color: #ccc;
}
.sidebar .icon{
    margin: 0 5px;
    border-bottom: 1px solid #ccc;
    line-height: 63px;
    height: 57px;
}
.sidebar .icon{

}
.sidebar .txt{
    color: #fff;
    text-align: center;
    display:table-cell;
    padding: 0 10px;
    line-height: 16px;
    height: 57px;
    background:#ed9b1b;
    border-bottom: 1px solid #fff;
    display: none;
    vertical-align: middle;
}
.sidebar .div5 .icon{
    border-bottom: none;
}
.sidebar .div5 .txt{
    border-bottom:  1px solid #ed9b1b;
}

.sidebar_left{
    height:505px;
    width:150px;
    left:0px;
    position: fixed;
    bottom: 50px;
    margin-top: -225px;
    z-index: 1000;
}
.sidebar_left.inactive {
    width: 50px;
    height: 250px;
}
.sidebar_left .open {

}
.sidebar_left .open .s-header {
    height: 74px;
    background: url("../images/sidebar-h.png") top center no-repeat;
}
.sidebar_left .open .s-tail {
    position: relative;
    height: 41px;
    background: url("../images/sidebar-t.png") top center no-repeat;
}
.sidebar_left .open .s-tail .close_btn {
    width: 30px;
    height: 30px;
    position: absolute;
    top: 3px;
    left: 50%;
    margin-left: -15px;
}
.sidebar_left .open .s-body {
    padding: 20px 0;
    background: rgba(0, 0, 0, 0.6);
}
.sidebar_left .open .s-body > li {
    display: table;
    width: 136px;
    height: 40px;
    margin: 0 auto 10px;
}
.sidebar_left .open .s-body > li:last-child {
    margin-bottom: 0;
}
.sidebar_left .open .s-body > li a {
    display: table-cell;
    vertical-align: middle;
    text-align: center;
    color: #fff;
    font-size: 14px;
}
.sidebar_left .open .s-body > li.tp-1 a {
    background: #293144;
}
.sidebar_left .open .s-body > li.tp-2 a {
    background: #2388ff;
}
.sidebar_left .open .s-body > li.tp-3 a {
    background: #293144;
}
.sidebar_left .open .s-body > li.tp-4 a {
    background: #2388ff;
}
.sidebar_left .open .s-body > li.tp-5 a {
    background: #293144;
}
.sidebar_left .open .s-body > li.tp-6 a {
    background: #2388ff;
}
.sidebar_left .close{
    width:50px;
    height:250px;
    position: absolute;
    top: 0;
    left: 0;
    display: none;
    /*margin-top: 200px;*/
}
.sidebar_left .close .open_btn{
    height: 44px;
    height:250px;
    position: absolute;
    left: 0;
    bottom: 0;
    width: 100%;
    cursor: pointer;
}

.favor_linshi div{
    font-size: 25px;
    color:#2388ff;
}

.favor_linshi{
    background:none;
}

.favor_linshi a{
    width: initial; 
     height: initial; 
     display: inline-block; 
     position: initial; 
     right: 100px; 
     top: 0;  
}

.AD_box{
    display: none;
}

.AD_box .gray_s{
    background: #000;
    opacity: 0.6;
    filter: alpha(opacity=60);
    position: fixed;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    z-index:9001;
}
.AD_box .AD_box_con{
    width: 750px;
    height: 352px;
    position: fixed;
    left: 50%;
    top: 50%;
    margin-top: -176px;
    margin-left:-375px;
    z-index: 9002;
}
.AD_box .AD_box_con .zx{
    cursor: pointer;
    width: 750px;
    height: 352px;
    background:url(../images/popup_ad.png) no-repeat top center;
}
.AD_box .AD_box_con .close_btn{
    width: 33px;
    height: 33px;
    display: block;
    position: absolute;
    top:30px;
    right:50px;
    z-index:9003;
    background:url(../images/close_btn.png) no-repeat top center;
    cursor: pointer;
}

.copyRight,.offcnCopy{ background:#293041; font-size:12px;}
.offcnCopy{ padding:45px 0; line-height:32px; color:#fff; text-align:center;}
.offcnCopy a{ color:#fff;}
.offcnCopy a:hover{ color:#e00;}
.new_offcn_zx{ width:100px; height:380px; position:fixed; top:150px;right:0;z-index:99999;}
.new_offcn_zx ul li{ margin-bottom:7px;}


/*  媒体查询实现 1200px 主视�?�?1000px 主视区的适配 */
@media screen and (max-width:1365px) {
    .common{
        width: 1000px;
        margin: 0 auto;
    }

    .header .logo {
        font-size: 20px;
    }

    .banner {
        background: url("../images/mbg1-1000.jpg") top center no-repeat;
    }
    .banner .citybar .label {
        width: 11%;
    }
    .banner .citybar .list {
        width: 79%;
    }

    .mk {
        padding: 42px 0;
    }
    .mk#m2 {
      
    }
    .mk h2 {
        font-size: 38px;
    }
    .mk h2 .text {
        padding: 0 56px 24px;
        background-size: 82.5%;
    }
    .mk h2.mtl1 .text {
        background: url("../images/mtl_1.png") bottom center no-repeat;
        background-size: 88%;
    }
    .mk h2.mtl2 .text {
        letter-spacing: 8px;
        background: url("../images/mtl_2.png") bottom center no-repeat;
        background-size: 88%;
    }
    .mk h2.mtl3 .text {
        background: url("../images/mtl_3.png") bottom center no-repeat;
        background-size: 88%;
    }
    .mk h2.mtl5 .text {
        background: url("../images/mtl_5.png") bottom center no-repeat;
        background-size: 88%;
    }
    .mk h2.mtl6 .text {
        background: url("../images/mtl_6.png") bottom center no-repeat;
        background-size: 88%;
    }
    .mk h2.mtl7 .text {
        background: url("../images/mtl_7.png") bottom center no-repeat;
        background-size: 88%;
    }
    .mk h2.mtl8 .text {
        background: url("../images/mtl_8.png") bottom center no-repeat;
        background-size: 88%;
    }

    .banner .mainbox .title .text {
        font-size: 54px;
    }
    .banner .mainbox .title {
        line-height: 56px;
        right: 147px;
        margin-left: 20px;
    }
    
    .banner .mainbox .img{
        margin-left:120px;
        top: 184px;
        right: 121px;
    }
    .banner .mainbox .tx{
        right: 162px;
        margin-left: 20px;
    }

    .banner .mainbox .img img {
        max-width: 430px;
    }

    .banner .mainbox .img b{
        font-size:90px;
    }


    .banner .mainbox .img span{
        font-size:72px;
    }

    .banner .gift {
        margin-left: -500px;
    }
    .banner .gift .reminder {
        padding: 0 90px;
    }
    .banner .gift .reminder.vali {
        padding-left: 374px;
    }

    .navigation .nav-list > li a {
        line-height: 70px;
        font-size: 20px;
    }
    .navigation.fixed .nav-list > li a {
        line-height: 64px;
        font-size: 20px;
    }

    .step {
        padding: 0 25px;
    }

    .featured {
        width: 490px;
        margin-right: 20px;
    }
    .featured .top {
        padding: 30px 24px;
    }
    .featured .top .title {
        font-size: 20px;
        height: 24px;
        line-height: 24px;
    }
    .featured .top .text {
        font-size: 14px;
        line-height: 18px;
        height: 36px;
    }
    .featured .top .point-list .point {
        font-size: 12px;
        margin-right: 16px;
        width: 100px;
    }
    .featured .bottom .point-list .point {
        font-size: 14px;
        line-height: 20px;
    }
    .featured .bottom .price-list > div.prices {
        font-size: 25px;
        width: 110px;
    }
    .featured .bottom .price-list > div.protocol {
        width: 135px;
        font-size: 14px;
    }
    .featured div.operation {
        width: 200px;
        bottom: 36px;
    }
    .featured div.operation a {
        width: 75px;
        font-size: 14px;
        line-height: 36px;
    }

    .favor {
        margin-bottom: 40px;
    }

    .nav-cat-box {
        line-height: 62px;
    }
    .nav-cat-box .cat-nav > li {
        min-width: 66px;
        font-size: 14px;
        line-height: 30px;
    }
    .nav-ser-box {
        line-height: 62px;
    }
    .ser-nav > li {
        min-width: 66px;
        font-size: 14px;
        line-height: 30px;
    }

    .cour-info {
        width: 308px;
        margin-right: 35px;
        margin-bottom: 32px;
    }
    .cour-info .flag .text {
        line-height: 28px;
    }
    .cour-info .cour-info-a {
        padding: 28px 14px 0;
        height: 248px;
    }
    .cour-info .top {
        padding: 0 8px 16px;
    }
    .cour-info .top .title {
        font-size: 18px;
    }
    .cour-info .top .text {
        font-size: 14px;
        line-height: 18px;
        height: 36px;
    }
    .cour-info .top .point-list {
        line-height: 24px;
        height: 24px;
        font-size: 12px;
        margin-bottom: 18px;
    }
    .cour-info .top .point-list .point {
        margin-right: 4px;
    }
    .cour-info .top .point-list .point i {
        padding-right: 0;
    }
    .cour-info .bottom {
        height: 100px;
    }
    .cour-info .bottom > div.prices .price {
        font-size: 20px;
        line-height: 32px;
    }
    .cour-info .bottom > div.prices .protocol {
        font-size: 12px;
    }
    .cour-info .operation {
        height: 100px;
        line-height: 100px;
    }
    .cour-info .operation a {
        font-size: 14px;
        width: 60px;
    }

    .advan-info {
        padding: 0 20px;
        width: 210px;
    }

    .main-ad {
        background: url("../images/3-1000.jpg") top center no-repeat
    }
    .main-ad .common .zx {
        right: 0;
    }

    .oao-box .oao-nav {
        width: 130px;
    }
    .oao-list {
        width: 844px;
    }
    .oao-info img {
        max-width: 848px;
    }
    .oao-list > li .text {
        width: 848px;
    }
    .oao-list > li .img-group {
        width: 848px;
    }
    .oao-list > li .img-group .l {
        width: 260px;
    }
    .oao-list > li .img-group .r {
        width: 260px;
    }
    .oao-list > li .img-group .center {
        width: 308px;
    }

    .oao-box .oao-nav > li{
        line-height: 90px; 
        font-size: 14px; 
    }




    .device-list > li {
        width: 166px;
        margin-right: 40px;
    }
    .device-list > li .device-info {
        font-size: 16px;
    }
    .device-list > li .device-info .ei {
        font-size: 50px;
        line-height: 82px;
    }

    .mk h4 {
        font-size: 20px;
        margin-bottom: 25px;
    }
    .mk h5 {
        font-size: 14px;
        line-height: 28px;
        margin-bottom: 25px;
    }

    #swiper1 .swiper-slide img{
        width: 175px;
        height: 132px;
    }

    .problem-list > li {
        width: 452px;
        margin-right: 25px;
        padding: 0 14px 14px 20px;
    }
    .problem-list > li .line {
        height: 18px;
        top: 14px;
    }
    .problem-list > li .title {
        line-height: 45px;
        font-size: 18px;
    }
    .problem-list > li .text {
        font-size: 14px;
        line-height: 20px;
        height: 60px;
    }

    .service-info {
        width: 250px;
    }
    .service-info .top {
        width: 82px;
        height: 82px;
        border-radius: 41px;
        line-height: 82px;
    }
    .service-essay {
        font-size: 14px;
    }

    .favor_linshi div{
        font-size: 20px;
        color:#2388ff;
    }
    .sale-text{
        line-height: 50px;
    }

    .sale-text .zx{
        line-height: 40px;
    }
}