﻿@charset "utf-8";
/* CSS Document */
*{ margin:0; padding:0;list-style: none;font-family: Microsoft YaHei; color: #333;}
img{margin: 0;padding: 0;}
body, dd, dl, h1, h2, h3, h4, h5, h6, p, ul {padding: 0;margin: 0;}
a{ text-decoration:none;  padding:0; margin:0; background:none;}
a:hover{text-decoration:none; border:none;}
a:active, a:hover,a:focus{text-decoration:none;}
li{ list-style:none;}
h1,h2,h3,h4{ font-weight:bold;}
ol, ul { margin-top: 0; margin-bottom: 0px; }

/*  ------------------企业优势-------------------  */

/* nav */
nav { z-index: 9999; width: 100%; height: 82px; position: fixed; left: 0; top: 0; background-color: #fff; box-shadow: 0 2px 10px rgba(0,0,0,0.1);}
nav .nav-t { display: grid; grid-template-columns: 130px 1070px; justify-items: right; align-items: center; width: 1200px; margin: 0 auto; }
nav .nav-t ul { display: flex; margin: 0;}
nav .nav-t ul li { cursor: pointer; line-height: 82px; padding: 0px 26px; font-size: 16px;}
nav .nav-t ul li a{color: #333!important;display: block; }
nav .nav-t ul li:hover { color: #fe5b38; }
nav .nav-t ul .active a{ color: #fe5b38!important;}

/* banner */
.banner { width: 100%; height: 420px; overflow: hidden; text-align: center; background: url(../images/portal/banner\ .png) no-repeat; background-position: center; }

/* 数据 */
.date-b {width: 1200px; /*height: 386px;*/ margin: 0 auto; overflow: hidden; margin-top: -100px; box-shadow: 0 9px 51px rgb(0 0 0 / 17%); position: absolute; z-index: 200; left: 50%; margin-left: -593px;}
.date-b .con-tb {width: 100%; height: 218px; overflow: hidden; text-align: center; background: url(../images/portal/dw.png) no-repeat;}
.date-b .con-tb ul {display: grid; grid-template-columns: repeat(4, 1fr); justify-items: center; align-items: center;}
.date-b .con-tb ul li { height: 218px; padding: 53px 0px; }
.date-b .con-tb ul li span { height: 69px; text-align: center}
.date-b .con-tb ul li p {color: #333; padding-top: 17px; text-align: center;}

.date-b .con-wz {width: 100%; height: 168px; overflow: hidden; background: #fff;}
.date-b .con-wz .btwy ul { margin-bottom: 0;}
.date-b .con-wz .btwy li { padding: 26px 64px; text-align: center; float: left; }
.date-b .con-wz .btwy li span { font-size: 20px; font-weight: bold; }
.date-b .con-wz .btwy li p {width: 272px; text-align: center; color: #999;padding-top: 18px; font-size: 14px; line-height: 24px;}

/* 教学优势 */
.jxys {
    width: 100%; /*height: 989px;*/
    background: url(../images/portal/bg32.png) no-repeat;
    overflow: hidden;
    padding-top: 80px;
}
.jxys .bt {text-align: center; margin-top: 40px; margin-bottom: 20px;}
.jxys .bt span { font-size: 34px;}
.jxys .bt p { font-size: 14px; color: #999; padding-top: 15px;}
.jxys .bt-con{width: 1200px; margin: 0 auto;}
.jxys .bt-con ul{display: grid; grid-template-columns: repeat(3, 1fr); justify-items: center; align-items: center;}
.jxys .bt-con img {width: 355px; height: 355px; border: solid 7px #dbdbdb; border-radius: 50%;}
.jxys .bt-con .t1-1 {width: 282px; text-align: right; padding: 20px; border-radius: 25px;}
.jxys .bt-con .t1-1 span { font-weight: bold; font-size: 16px;}
.jxys .bt-con .t1-1 p { font-size: 14px; line-height: 24px; margin-top: 25px;}
.t1-1:hover{ background-color: rgba(255,255,255,0.4);box-shadow: 0px 0px 21px 0px rgba(204, 204, 204, 0.51);} 
.t1-2:hover { background-color: rgba(255,255,255,0.4);box-shadow: 0px 0px 21px 0px rgba(204, 204, 204, 0.51);}
.jxys .bt-con .t1-2 {width: 282px;  text-align: left; padding: 20px; border-radius: 25px;}
.jxys .bt-con .t1-2 span { font-weight: bold; font-size: 16px;}
.jxys .bt-con .t1-2 p { font-size: 14px; line-height: 24px; margin-top: 25px;}

/* 专业师资团队 */
.zytd1 { margin: 0 auto;}
.zytd1 .bty {text-align: center; width: 1200px;margin: 62px auto;}
.zytd1 .bty span { font-size: 34px;}
.zytd1 .bty p { font-size: 14px; color: #999; padding-top: 15px;display: inline-block;width: calc(100% - 120px);
    padding-left: 50px;}
.zytd1 .more .p2{float: right;width: 60px;    display: contents;
}

/* 专业师资团队-分页 */
.zytd1 .fy {width: 1200px; margin: 0 auto; margin-top: 30px;}
.zytd1 .fy .fa_qb { height: 171px;width: 1200px; margin: 0 auto; background: #FFFFFF; box-shadow: 0px 0px 13px 0px rgba(168, 179, 197, 0.34);}
.zytd1 .fy .fa_qb .hang_1 {display: grid; grid-template-columns: repeat(3, 1fr); justify-items: center; align-items: center; line-height: 68px; font-size: 18px; font-weight: bold; border: solid 1px #e9e9e9;}
.zytd1 .fy .fa_qb .hang_1 li{border-right: solid 1px #e9e9e9;width: 400px; text-align: center;}
.zytd1 .fy .fa_qb .hang_1 li:hover a {color: #fe5b38;display: block;}
.zytd1 .fy .fa_qb .hang_1 a { color: #333;}
.zytd1 .fy .fa_qb .hang_1 .active a {border-bottom: solid #fe5b38; display: block;}
.zytd1 .fy .fa_qb .tab-content p { color: #555; font-size: 14px; text-align: center; margin: 30px;}

/*专业师资团队-轮播*/
.zytd1 .swiper-container { width: 1200px; height: 328px; color: #fff; text-align: center; }
.zytd1 .swiper-slide .title { background: #000;opacity: 0.8; display: none;}
.zytd1 .swiper-slide:hover .title{display: block;}
.zytd1 .swiper-slide .title p {font-size: 12px;height: 328px;margin-bottom: 0;line-height: 30px; color: #fff; padding: 30px 15px;}
.zytd1 .red-slide { background:url(../images/portal/cj.png) no-repeat; border: solid 1px #f5f5f5;}
.zytd1 .blue-slide { background:url(../images/portal/wf.png) no-repeat; border: solid 1px #f5f5f5;}
.zytd1 .orange-slide { background:url(../images/portal/yn.png) no-repeat; border: solid 1px #f5f5f5;}
.zytd1 .green-slide { background:url(../images/portal/hxr.png) no-repeat; border: solid 1px #f5f5f5;}
.zytd1 .pink-slide { background:url(../images/portal/ltm.png) no-repeat; border: solid 1px #f5f5f5;}
.zytd1 .r1-slide { background:url(../images/portal/zhz.png) no-repeat; border: solid 1px #f5f5f5;}
.zytd1 .r2-slide { background:url(../images/portal/fw.png) no-repeat; border: solid 1px #f5f5f5;}


.pagination { position: absolute; z-index: 20; left: 1178px; bottom: 5px;}
.swiper-pagination-switch {display: inline-block; width: 8px; height: 8px; border-radius: 8px;background: #333; margin-right: 5px; opacity: 0.8; border: 1px solid #fff; cursor: pointer; }
.swiper-visible-switch { background: #aaa; }
.swiper-active-switch { background: #fe5b38; }

/* 配套服务 */
.ptfw {background: url(../images/portal/ptbj.png) no-repeat; height: 842px; }

.ptfw { margin: 0 auto;}
.ptfw .bty {text-align: center; padding-top: 80px; margin-bottom: 50px;}
.ptfw .bty span { font-size: 34px; color: #fff;}
.ptfw .bty p { font-size: 14px; color: #fff; padding-top: 15px;}

.ptfw .pt-nr {width: 1200px; margin: 0 auto;}
.ptfw .pt-nr ul {display: grid; grid-template-columns: repeat(3, 1fr); justify-items: center; align-items: left;}
.ptfw .pt-nr li { width: 400px; height: 270px; padding: 45px 30px 20px 55px; border-bottom: solid 1px #8c8c8c; border-right: solid 1px #8c8c8c;}
.ptfw .pt-nr li:hover{background: url(../images/portal/dwq.png);}
.ptfw .pt-nr li img {  height: 48px; margin: 0 0 23px 0;}
.ptfw .pt-nr li span { font-weight: bold;color: #fff;}
.ptfw .pt-nr li p { font-size: 14px; line-height: 24px; padding: 20px 0;color: #fff;}

/*  -------------加入我们-------------  */

/* banner */
.banner-join {width: 100%; height: 490px; background: url(../images/portal/bg-01.png) no-repeat; margin-top: 80px; text-align: center; }
.banner-join .b-nr { width: 1200px; margin: 0 auto; padding-top: 60px;}
.banner-join .b-nr ul{display: grid; grid-template-columns: repeat(4, 1fr); justify-items: center; align-items: center; margin-top: 58px;}
.banner-join .b-nr li a {width: 259px; height: 54px;background: url(../images/portal/tm.png) no-repeat; line-height: 54px;  display: block; color: #fff; }
.banner-join .b-nr li a:hover{}

/* 公司环境 */
.gshj { margin: 0 auto;width: 1200px;}
.bty {text-align: center; margin-top: 50px; margin-bottom: 50px;box-sizing: inherit;}
.bty span { font-size: 34px;}
.bty p { font-size: 14px; color: #999; padding-top: 15px; text-transform: uppercase;}

.gshj .nr-t {width: 1200px; margin: 0 auto; position: relative;}
.gshj .nr-t ul {display: grid; grid-template-columns: repeat(2, 1fr); justify-items: center; align-items: center;}
.gshj .nr-t li {border: 1px solid #E8E8E8; padding: 30px; margin-bottom: 78px; width:511px;height:326px;}
    .gshj .nr-t li img {
        width: 100%;
        height: 100%;
    }   
    .gshj .nr-t .wza {
        position: absolute;
        top: 386px;
        z-index: 99;
        left: 16px;
    }
.gshj .nr-t .wza ul {display: grid; grid-template-columns: repeat(2, 1fr); justify-items: center; align-items: center;}
.gshj .nr-t .wza li { padding: 30px; width: 511px; border: none; margin-right: 30px; height: 335px; color: #999;} 

/* 网校生活 */
.wxsh {margin: 0 auto;width: 1200px;position: relative;}
.wxsh .xns {height: 800px; background: url(../images/portal/lct.png) no-repeat center; }
.wxsh .xns ul { display: grid; grid-template-columns: repeat(2, 1fr); justify-items: center; align-items: center;}
.wxsh .xns li { padding: 0 80px 163px 80px;}
.wxsh .xns li img {width: 417px; height: 249px; overflow: hidden;}
.wxsh .xns .twz {position: absolute; top: 386px; z-index: 99; left: 16px;}
.wxsh .xns .twz ul {display: grid; grid-template-columns: repeat(2, 1fr); justify-items: center; align-items: center;}
.wxsh .xns .twz li {text-align: right; padding: 0 80px 302px 80px; width: 407px; border: none; margin-right: 30px; height: px; color: #999;} 
.wxsh .xns .twz li span { font-size: 16px; font-weight: bold; }
.wxsh .xns .twz li p { color: #999; line-height: 30px; padding-top: 10px; font-size: 14px; : ;}

/* 福利待遇 */
.fldy {width: 1200px;  margin: 0 auto;}
.fldy .dyn {width: 1200px;height: 37px; margin-bottom: 15px;}
.fldy .dyn span {float: left; font-size: 18px; font-weight: bold; line-height: 37px; width: 130px;}
.fldy .dyn ul {float: left;}
.fldy .dyn li {float: left; width: 119px; height: 37px; margin-right: 20px; border: solid 1px #e8e8e8;text-align: center; line-height: 37px;}
.fldy .dyn-1 {width: 1200px;height: 143px; margin-bottom: 30px; margin-top: 25px;}
.fldy .dyn-1 span {height: 132px;float: left; font-size: 18px; font-weight: bold; line-height: 37px; width: 130px;}
.fldy .dyn-1 p {width: 1070px; line-height: 32px; font-size: 15px;  }
.fldy .dyn-2 {width: 1200px;height: 37px; margin-bottom: 15px;}
.fldy .dyn-2 span {height: 37px;float: left; font-size: 18px; font-weight: bold; line-height: 37px; width: 130px;}
.fldy .dyn-2 p {width: 1070px; line-height: 37px; font-size: 16px; }
.bty-1 {text-align: center; margin-top: 100px; margin-bottom: 50px;}
.bty-1 span { font-size: 34px;}
.bty-1 p { font-size: 14px; color: #999; padding-top: 15px; text-transform: uppercase;}

.bdy {border: solid 1px #ddd; padding: 40px; width: 850px; margin: 0 auto; margin-top: 40px;margin-bottom: 60px;}
.bdy .bd{width:100%; overflow: hidden; margin-bottom: 30px;}
.bdy .bd li{ width:45.5%; height:42px; float: left; padding-right:50px; margin-bottom: 25px;}
.bdy .bd li input{width:100%; height:42px; outline: none; border: 1px solid #ddd; border-radius: 4px; padding-left:15px;}
.bdy .tjfk {width:270px; height:42px; display: block; margin: 20px auto; margin-bottom: 0; background: #FE5B38; color:  #fff; text-align:center; line-height: 42px; border-radius: 42px;}


/*  -------------商务合作-------------  */

/* banner */
.banner-sw {width: 100%; height: 490px; background: #e8e8e8; padding-top: 80px;    box-sizing: content-box;}
.banner-sw .sw-n {width: 1200px; margin: 0 auto;}
.banner-sw .sw-n .sw-z {float: left; width: 480px; margin: 54px 0;}
.banner-sw .sw-n .sw-z img {margin-bottom: 60px;}
.banner-sw .sw-n .sw-z span {font-size: 20px;}
.banner-sw .sw-n .sw-z p {margin: 35px 0; font-size: 14px; line-height: 30px; color: #555;}
.banner-sw .sw-n .sw-z a {width: 128px; height: 36px; border: 1px solid #B10000; border-radius: 18px; display: block;color: #B10000; text-align: center; line-height: 36px;}
.banner-sw .sw-n .sw-y {float: right;}
.banner-sw .sw-n .sw-y:hover{ margin-top: 7px; transition: 0.5s;}
.banner-sw .sw-n .sw-z a:hover {width: 128px; height: 36px; background:  #B10000; border-radius: 18px; display: block;color: #fff; text-align: center; line-height: 36px;}

/* 在线教育，上会计教练 */
.skjj .sj {width: 1200px; margin: 0 auto; margin-top: 120px; margin-bottom: 100px;}
.skjj .sj ul {display: grid; grid-template-columns: repeat(5, 1fr); justify-items: center; align-items: center;}
.skjj .sj li { text-align: center; width: 240px; border-right: solid 1px #e5e5e5;}
.skjj .sj li .shuzi{display: flex;align-items: center;justify-content: center;}
.skjj .sj li:last-child{border: none;}
.skjj .sj li img {width: auto; height: 48px;}
.skjj .sj li i {  margin: 35px 0 25px 97px;display: block; width: 40px; height: 2px; background: #fe5b38;}
.skjj .sj li p {font-weight: bold; font-size: 34px; color: #fe5b38; margin-top: 20px;}

/* 多种合作模式，互利共赢 */
.dmhz {width: 100%; height: 690px; background: url(../images/portal/BG-B1.png) no-repeat;}
.dmhz .hz-nr {width: 1200px; margin: 0 auto;}
.dmhz .hz-nr .dm {width: 760px; text-align: left;}
.dmhz .hz-nr .dm .btyz {text-align: center; padding-top: 120px; margin-bottom: 85px;}
.dmhz .hz-nr .dm .btyz span { font-size: 34px; }
.dmhz .hz-nr .dm .btyz p {text-transform: uppercase; color: #999; font-size: 14px; padding-top: 15px;}

.dmhz .lbn li { margin-bottom: 108px;}
.dmhz .lbn ul {display: grid; grid-template-columns: repeat(2, 1fr); justify-items: center; align-items: center;}
.dmhz .lbn i { width: 43px; height: 80px; float: left; margin-right: 15px;}
.dmhz .lbn span { font-weight: bold;}
.dmhz .lbn p { font-size: 14px; line-height: 24px; margin-top: 10px; width: 325px;}

/* 合作伙伴竞争优势 */
.jzys {width: 100%; height: 940px;}
.jzys .ljd {width: 1200px; height: 688px; margin: 0 auto;  border: solid 1px #e8e8e8;}
.jzys .hzbb {width: 812px; height: auto; float: left;}
.jzys .hzbb ul {text-align: center; display: grid; grid-template-columns: repeat(2, 1fr); justify-items: center; align-items: center; margin: 56px 28px;}
.jzys .hzbb li { border: solid 1px #e8e8e8; width: 322px; height: 258px;}
.jzys .hzbb span {height: 41px; width: 270px; font-size: 18px; font-weight: bold; margin: 0 auto; display:block; text-align: center; padding: 38px 0 62px 0; border-bottom: solid 1px #e8e8e8; }
.jzys .hzbb img {height: 41px; width: auto; vertical-align: middle; padding-right: 10px;}
.jzys .hzbb p {width: 243px; height: auto; margin: 0 auto; font-size: 14px; color: #555; line-height: 32px; margin-top: 28px;}
.jzys .hz-y {float: right;  }
.jzys .hz-y li { border: solid 1px #e8e8e8; width: 322px; height: 571px; margin-right: 58px; margin-top: 58px;}
.jzys .hz-y span { width: 270px; font-size: 18px; font-weight: bold; margin: 0 auto; display:block; padding: 38px 0 20px 0;}
.jzys .hz-y img {width: 100%;}
.jzys .hz-y p { line-height: 48px; text-align: center; margin: 37px;}

/* 我们能为你提供什么 */
.tgsm {width: 100%; height: 870px; background: url(../images/portal/BG-B2.png) no-repeat; }
.bty1 {text-align: center; padding-top: 50px; margin-bottom: 50px;}
.bty1 span { font-size: 34px; color: #fff;}
.bty1 p { font-size: 14px; color: #fff; padding-top: 15px; text-transform: uppercase;}

.tgsm .tg-fy {width: 1200px; height: 450px; margin: 0 auto;}
.tgsm .tgf {width: 1200px; margin: 0 auto;}
.tgsm .tgf .hang_1 {margin: 0 440px; display: grid; grid-template-columns: repeat(2, 1fr); justify-items: center; align-items: center;}
.tgsm .tgf .hang_1 li a {width: 150px; height: 34px; color: #fff; font-size: 16px; display: block; line-height: 34px; text-align: center;}
.tgsm .tgf .hang_1 .active a {background: #FE5B38; border-radius: 17px;}
.tgsm .tg-fy .fyn{margin-top: 40px;}
.tgsm .tg-fy .fyn ul { display: grid; grid-template-columns: repeat(2,1fr); justify-items: center; align-items: center;}
.tgsm .tg-fy .fyn li {width: 586px; height: 188px; background: #FFFFFF; padding: 20px 54px; margin-bottom: 20px;}
.tgsm .tg-fy .fyn li img {width: 48px; height: 48px; margin-right: 30px;}
.tgsm .tg-fy .fyn li span { font-size: 18px; font-weight: bold;}
.tgsm .tg-fy .fyn li p { font-size: 14px; line-height: 32px; padding-top: 10px;}
.tgsm .tg-fy .fyan {margin-top: 30px;}
.tgsm .tg-fy .fyan ul {margin: 0 360px; display: grid; grid-template-columns: repeat(2, 1fr); justify-items: center; align-items: center; }
.tgsm .tg-fy .fyan li a{width: 211px; height: 50px; border: 1px solid #E8E8E8; border-radius: 25px; display: block; text-align: center; line-height: 50px; color: #fff; font-size: 16px;}
.tgsm .tg-fy .fyan li a:hover {background: #FE5B38; border: none;}

/* 合作无门槛，无需保障金 */
.wmk {width: 1200px; height: 550px; margin: 0 auto;}
.wmk .wm-n ul { display: grid; grid-template-columns: repeat(3,1fr); justify-items: center; align-items: center;}
.wmk .wm-n li {width: 323px; height: 240px; text-align: center; margin-top: 60px;}
.wmk .wm-n li span { font-size: 20px; font-weight: bold; margin-bottom: 40px;}
.wmk .wm-n li p {font-size: 14px; line-height: 32px; margin-top: 30px;}
.wmk .wm-n li h1 {width: 47px; height: 3px; background: #fe5b38; margin: 0 auto; margin-top: 30px;}
.wmk .wm-n .tya {margin-top: 73px;}

/* 经典案例 */
.zytd {width: 100%; height: 800px; background: url(../images/portal/BG-B3.png) no-repeat; padding-top: 40px;}
.zytd .swiper-container { width: 1200px; height: 438px; color: #fff; text-align: center;  }
.zytd .red1-slide { background: url(../images/portal/1-1.png) no-repeat;box-shadow: 0px 0px 15px 0px rgba(204, 204, 204, 0.51);}
.zytd .blue1-slide { background: url(../images/portal/1-2.png) no-repeat;box-shadow: 0px 0px 15px 0px rgba(204, 204, 204, 0.51);}
.zytd .orange1-slide { background: url(../images/portal/1-3.png) no-repeat; box-shadow: 0px 0px 15px 0px rgba(204, 204, 204, 0.51);}
.zytd .green1-slide { background: url(../images/portal/1-2.png) no-repeat;box-shadow: 0px 0px 15px 0px rgba(204, 204, 204, 0.51);}
.zytd .pink1-slide { background: url(../images/portal/1-1.png) no-repeat; box-shadow: 0px 0px 15px 0px rgba(204, 204, 204, 0.51);}
.zytd .swiper-slide .title1 { background: #000;opacity: 0.8; display:none ;}
.zytd .swiper-slide:hover .title1{display: block;}
.swiper-slide .title1 p {font-size: 14px;height: 438px;;margin-bottom: 0;line-height: 30px; color: #fff; padding:30px 10px;}
   
.pagination { position: absolute; z-index: 20; left: 1178px; bottom: 5px;}
.swiper-pagination-switch {display: inline-block; width: 8px; height: 8px; border-radius: 8px;background: #333; margin-right: 5px; opacity: 0.8; border: 1px solid #fff; cursor: pointer; }
.swiper-visible-switch { background: #aaa; }
.swiper-active-switch { background: #fe5b38; font-size: 14px; line-height: 26px;}

/*  -------------帮助中心 - 客服中心-------------  */

/* banner */
.banner-bz { background: url(../images/portal/banner-11.jpg) no-repeat; width: 100%; height: 260px;}

/* content */
.content {width: 1200px; margin: 0 auto; margin-top: 30px;}

/*left*/
.left{width: 195px; height: auto; margin: 0 auto; background-color: #fff; box-shadow: 0px 0px 5px #e5e4e4; margin-bottom: 15px; float: left; position:fixed;}
.left .active .ty a{color: #fe5b38;}
.box {width: 195px; height: 58px;border-bottom: solid 1px #EEEEEE;position: relative; margin: 0 auto; overflow: hidden;}
.ty {width: 165px; height: 58px; padding-left: 30px;}
.box .ty span{display: inline-block;position:absolute;width: 27px; height: 27px; top:18px;}
.box:nth-child(1)  .ty span {background: url(../images/portal/kf.png) no-repeat;}
.box:nth-child(2)  .ty span { background: url(../images/portal/smbl.png) no-repeat;}
.box:nth-child(3)  .ty span { background: url(../images/portal/yj.png) no-repeat;}
.box:nth-child(4)  .ty span { background: url(../images/portal/yjfk.png) no-repeat;}
.box:nth-child(5)  .ty span { background: url(../images/portal/wh.png) no-repeat;}
.box a {font-size: 16px; color: #333333; text-decoration: none;display: inline-block;line-height: 58px;position: absolute;margin-left: 40px;}
.box a:hover{color: #fe5b38;}
.box .ty_child{ display: none;width: 157px;text-align: left; margin-left: 60px; font-size: 14px;}  /** 增加的子列表的默认属性 **/
.box.selected{ height: auto; } /** 修改选中的box，高度自适应 **/
.box.selected .ty_child{ display: block;} /** 让选中的子列表显示出来 **/
.dy {width: 157px;height: 40px; color: #999999; line-height: 40px;}   
.dy a{font-size: 14px; color: #999999; margin-left: 0; line-height: 40px;}
.dy a:hover{color: #fe5b38;}
.box.selected .ty { background: #e8e8e8; width: 195px;}

/*right*/
.right { width: calc(100% - 215px); background: #fff;  height: 600px; float: right; box-shadow: 0px 0px 5px #e5e4e4;}
.right span { width: calc(100% - 30px); height: 58px; font-size: 18px; padding-left: 30px; border-bottom: solid 1px #e8e8e8; display: block; line-height: 58px;} 
.right .kcnr ul { margin: 53px 27px; display: grid; grid-template-columns: repeat(3,1fr); justify-items: center; align-items: center;}
.right .kcnr li {margin: 0 14px; width: 258px; margin-bottom: 53px; height: 134px; border: solid 1px #e8e8e8; background: #fafafa; border-radius: 10px;}
.right .kcnr .jza {font-size: 18px;color: #fe5b38;text-align: center;padding-top: 25px;}

.right .kcnr .jza p { color: #fe5b38;margin: 0;padding-top: 10px;}
.right .kcnr li:hover {box-shadow: 0px 0px 9px 0px rgba(254, 91, 56, 0.51); border: solid 1px #fe5b38;}

/*  -------------帮助中心 - 新手指南-------------  */

.right-1 {padding-bottom: 40px; width: calc(100% - 215px); background: #fff; float: right; box-shadow: 0px 0px 5px #e5e4e4;/*height: 600px;*/overflow-y: auto;}
.right-1 span { width: calc(100% - 30px); height: 58px; font-size: 18px; padding-left: 30px; border-bottom: solid 1px #e8e8e8; display: block; line-height: 58px;} 
.right-1 .lc {margin: 30px 52px 0 52px;}
.right-1 .lc h3 {font-size: 18px; color: #fe5b38; line-height: 30px;}
.right-1 p { font-size: 14px; font-weight: bold; color: #666; line-height: 50px;}
.right-1 .lc-1 h3 {font-size: 18px; color: #fe5b38; line-height: 30px;}
.right-1 .lc-1 {margin: 30px 52px 0 52px;}
.right-1 .lc-1 ul {display: grid; grid-template-columns: repeat(2,1fr); justify-items: center;}
.right-1 .lc-2 h3 {font-size: 18px; color: #fe5b38; line-height: 30px;}
.right-1 .lc-2 {margin: 30px 52px 0 52px;}
.right-1 .lc-2 ul {display: grid; grid-template-columns: repeat(3,1fr); justify-items: center;}

/*  -------------帮助中心 - 售后服务-------------  */

.right-2 {padding-bottom: 40px; width: calc(100% - 215px); background: #fff;float: right; box-shadow: 0px 0px 5px #e5e4e4;   /* height: 600px;*/
    overflow-y: auto;}
.right-2 span { width: calc(100% - 30px); height: 58px; font-size: 18px; padding-left: 30px; border-bottom: solid 1px #e8e8e8; display: block; line-height: 58px;} 
.right-2 .lc-3 {margin: 30px 52px 0 52px;}
.right-2 .lc-3 h3 {font-size: 18px; color: #fe5b38; line-height: 30px;}
.right-2 .lc-3 ul {display: grid; grid-template-columns: repeat(4,1fr); justify-items: center; margin-top: 20px;}
.right-2 .lc-3 li {margin-bottom: 24px;}
.right-2 .lc-3 li a {width: 168px; height: 37px; text-align: center; line-height: 37px; display: block; font-size: 14px; border: solid 1px #e8e8e8;}
.right-2 .lc-4 {margin: 30px 52px 0 52px;}
.right-2 .lc-4 h3 {font-size: 18px; color: #fe5b38; line-height: 30px;}
.right-2 .lc-4 ul { display: grid; grid-template-columns: repeat(4,1fr); justify-items: center; margin-top: 34px;}
.right-2 .lc-4 li {width: 275px; height: 229px; border: solid 1px #e8e8e8; text-align: center; margin-right: 25px;}
.right-2 .lc-4 li h4 {font-size: 14px; font-weight: bold; line-height: 40px;}
.right-2 .lc-4 p { margin: 0 25px; font-size: 14px; color: #555; line-height: 26px; }
.right-2 .lc-4 li img { margin: 30px 122px 0;}
.right-2 .lc-4 .kzf  { border: solid 1px #e8e8e8; margin-top: 30px; padding: 33px;}
.right-2 .lc-4 .kzf .yinlian{display: flex;align-items: center;justify-content: center;}
.right-2 .lc-4 .kzf .yinlian h4{display: inline-block; vertical-align: super;padding-left: 10px;}
.right-2 .lc-4 .kzf .kzn tr {text-align: center; line-height: 58px;}
.right-2 .lc-4 .kzf h6 {font-size: 14px; font-weight: 400; line-height: 36px;}
.right-2 .ts {width: 881px; height: auto;background: #e8e8e8; margin: 0 auto; padding-bottom: 15px; margin-top: 30px;}
.right-2 .ts span{ font-size: 14px; font-weight: bold; height: 45px;}
.right-2 .ts p { font-size: 12px; color: #555; line-height: 25px; margin: 0 28px; }
.right-2 .lc-3 p { font-size: 14px; line-height: 36px                                                                                                                                                                                                                 ;}

/*  -------------帮助中心 - 常见问题汇总-------------  */  

.right-3 {padding-bottom: 40px; width: calc(100% - 215px); background: #fff;  height: auto; float: right; box-shadow: 0px 0px 5px #e5e4e4;}
.right-3 span { width: calc(100% - 30px); height: 58px; font-size: 18px; padding-left: 30px; border-bottom: solid 1px #e8e8e8; display: block; line-height: 58px;} 
.right-3 .wt { margin: 36px 53px;}
.right-3 .wt p {font-size: 14px; line-height: 30px; border-bottom: 1px dashed #e8e8e8; padding-bottom: 22px; color: #666;}
.right-3 .wt p b{font-size:15px; color: #333;}

/*  -------------帮助中心 - 意见反馈-------------  */  

.right-4 { width: calc(100% - 215px); background: #fff;  height: auto; float: right; box-shadow: 0px 0px 5px #e5e4e4;}
.right-4 span { width: calc(100% - 30px); height: 58px; font-size: 18px; padding-left: 30px; border-bottom: solid 1px #e8e8e8; display: block; line-height: 58px;} 
.right-4 .fk { margin: 53px; text-align: center;}
.right-4 .fk h3 {font-size: 18px; margin: 0;}
.right-4 .fk p { font-size: 14px; color: #555; line-height:64px;}
.right-4 .form-control{ outline: none; height:220px; margin-bottom: 30px;}
.right-4 .bd{width:100%; overflow: hidden; margin-bottom: 30px;}
.right-4 .bd li{ width:33.3%; height:42px; float: left; padding-right:20px;}
.right-4 .bd li input{width:100%; height:42px; outline: none; border: 1px solid #ddd; border-radius: 4px; padding-left:5px;}
.right-4 .bd .yzm{width:calc(100% - 108px); float: left;}
.right-4 .bd .xsyzm{ width:94px; float: right; background: #eee; height:42px;}
.right-4 .bd .xsyzm a{width:100%; height:100%; display: block;}
.right-4 .bd .xsyzm a img{width: 100%;}
.right-4 .tjfk {width:270px; height:42px; display: block; margin: 20px auto; background: #FE5B38; color:  #fff!important; text-align:center; line-height: 42px; border-radius: 42px;}

/*  ------------- 联系我们 -------------  */ 

/* banner */
.banner-lx {
    position: relative;
    width: 100%;
    height: 410px;
    background: url(../images/portal/contact_us.png) no-repeat;
    margin-top: 80px;
}
.mp { position: absolute; top: 170px;  width: 1200px; /*height: 415px;*/ margin: 0 auto; background: #FFFFFF; box-shadow: 0px 0px 37px 14px rgba(232, 232, 232, 0.51); padding: 40px;left: 50%; margin-left: -598px;}
.mp .big {    margin-bottom: 30px; width: 100%; font-size: 20px; font-weight: bold; color: #333;}
.mp li {margin-bottom: 10px; width: 560px; display: inline-block; float: left; font-size: 14px; color: #555; }
.mp li img {vertical-align: middle; padding-right: 10px;}
.mp .hz { width: 100%; line-height: 32px;}
.mp li span { line-height: 24px;}
.mp .zu{width:100%; overflow: hidden;}

/*合作课程*/
.fy {margin-bottom: 30px; max-width: 1200px;  background: #FFFFFF; border: 1px solid #E8E8E8; box-shadow: 0px 0px 13px 0px rgba(168, 179, 197, 0.34); margin: 0 auto;/* margin-top: 222px;*/}
.fy .xxk {width: 100%; height: 83px;}
.fy .xxk a{font-size: 18px;width:100%; line-height: 81px; height: 81px; display: block; color: #333; text-align: center;float: left;margin-right: 20px;}
.fy .xxk img {padding-right: 15px;}
.fy .xxk .active a{font-size: 18px;color: #fe5b38; }
.fy .xxk li { float: left; width: 33.3%;height:83px; text-align: center;} 
.fy .xxk .hzkc{ background: url(../images/portal/kc-1.png) no-repeat center left 28% ; border-bottom: solid 1px #e8e8e8; }
.fy .xxk .hzkc.active{background: url(../images/portal/kc.png) no-repeat center left 28% ; border: none;}
.fy .xxk .hzzp{ background: url(../images/portal/AK-MN-1.png) no-repeat center left 28% ;  border-bottom: solid 1px #e8e8e8;border-bottom: solid 1px #e8e8e8;border-left: solid 1px #e8e8e8; }
.fy .xxk .hzzp.active{background: url(../images/portal/AK-MN.png) no-repeat center left 28% ;border: none;border-left: solid 1px #e8e8e8;}
.fy .xxk .yqlj{ background: url(../images/portal/lj-1.png) no-repeat center left 28% ;  border-bottom: solid 1px #e8e8e8;     border-bottom: solid 1px #e8e8e8;border-left: solid 1px #e8e8e8;}
.fy .xxk .yqlj.active{background: url(../images/portal/lj.png) no-repeat center left 28% ;border: none;border-left: solid 1px #e8e8e8;}

.fy .mpk { width: 100%;}
.fy .mpk .xhz {float: left; margin: 59px 129px;}
.fy .mpk .xhz h3 {color: #FE5B38; margin-bottom: 33px; margin-top: 0;}
.fy .mpk .xhz span { font-size: 14px; line-height: 32px; font-weight: bold;}
.fy .mpk .xhz p {color: #555; line-height: 32px;}
.fy .mpk .xhz .hzl {display: flex; margin-top:15px;}
.fy .mpk .xhz .hzl .zsc {margin-right: 20px;}
.fy .mpk .xhz .hzl .zsc a {border-radius: 3px;float: left; width: 152px; height: 50px; background: #fe5b38; color: #FFFFFF; font-size: 18px; display: block; line-height: 50px; text-align: center;}
.fy .mpk .xhz .hzl .mpc a {border-radius: 3px; float: right; width: 152px; height: 50px; background: #D39A52; color: #FFFFFF; font-size: 18px; display: block; line-height: 50px; text-align: center;}
.fy .mpk .xhz .hzl .zsc a:hover {padding-top: 3px; transition: .3s;}
.fy .mpk .xhz .hzl .mpc a:hover {padding-top: 3px; transition: .3s;}

.fy .mpk .mpy {margin: 52px 43px;position: relative; float: right; width: 530px; height: 283px; border: solid 1px #e8e8e8; padding: 40px; font-size: 16px; line-height: 36px;}
.fy .mpk .mpy p {margin: 36px 0; }
.fy .mpk .mpy span {font-size: 14px; color: #999; margin-left: 10px;}
.fy .mpk .mpy .i-1 { position: absolute; top: 23px; right: 40px;}
.fy .mpk .mpy .i-2 { position: absolute; bottom: 23px; right: 40px;width:108px;height:108px}
.fy .mpk .mpy .i-2 img{
    width:100%;
}

    .fy .lbc ul {
        margin: 40px 40px 0 40px;
        padding-right: 37px;
        display: grid;
        grid-template-columns: repeat(3,1fr);
    }
.fy .lbc li {text-align: center; width: 348px; height: 157px; border: solid 1px #e8e8e8; padding: 30px; margin-right: 36px;  margin-bottom: 36px;}
.fy .lbc li span {font-weight: bold; font-size: 16px;}
.fy .lbc li p {font-size: 14px; line-height: 26px; color: #555; text-align: center; margin-top: 20px;}
.fy .lbc li:hover{background: #ffeeeb;}
.fy .lbc .zss {background: #e8e8e8; padding: 10px 30px; margin:0 42px; height: 91px;}
.fy .lbc .zss span {font-weight: bold; margin-bottom: 15px;}
.fy .lbc .zss p {margin-top: 5px; font-size: 14px; line-height: 22px; color: #555;}

.fy .jszp {margin: 30px 42px;}
.fy .jszp p { font-size: 14px; line-height: 36px;}
.fy .jszp h5 {font-weight: bold; color: #fe5b38; font-size: 14px; line-height: 30px;}


/*  -------------关于我们-------------  */  

.banner-sy {width: 100%; height: 409px; background: url(../images/portal/db.png) no-repeat;text-align: center;}
.banner-sy img {max-width: 1200px; margin: 79px auto ;}

/*关于我们*/
.about {width: 100%; /*height: 630px;*/  padding-bottom:60px; background: url(../images/portal/bg-t.png);}
.about .wbwz {width: 1200px; margin: 0 auto; }
.about .wbwz p { font-size: 16px; color: #333; line-height: 30px; }

/*我们的优势*/
.btw {text-align: center; padding-top: 140px; margin-bottom: 50px;}
.btw span { font-size: 34px; color: #fff;}
.btw p { font-size: 14px; color: #fff; padding-top: 15px; text-transform: uppercase;}

.csr {width: 100%; height: 640px;background: url(../images/portal/ys.png) no-repeat; }
.csr .cn { max-width: 1200px; height: auto; margin: 0 auto; position: relative;}
.csr .cn .ys {width: 100%; padding-top: 40px;}
.csr .cn .ys ul { display: grid; grid-template-columns: repeat(3,1fr); align-items: center;}
.csr .cn .ys ul li { border-bottom: solid 4px #fe5b38; width: 300px; background-color: #fff; padding: 40px; margin-right: 30px; text-align: center;}
.csr .cn .ys li span { font-size: 20px; font-weight: bold; }
.csr .cn .ys li p {font-size: 14px; color: #666; margin-top: 20px; line-height: 24px;}

.csr .cn .xfk {width: 100%; height: 218px; background: #fff;box-shadow: 0px 0px 29px 0px rgba(102, 102, 102, 0.3); position: absolute; top: -175px;}
.csr .cn .xfk ul li .shuzi{display: flex;}
.csr .cn .xfk ul { display: grid; grid-template-columns: repeat(4,1fr); justify-items: center; align-items: center;}
.csr .cn .xfk ul li {margin: 12px; text-align: center;}
.csr .cn .xfk ul h1 {font-size: 86px; color: #fe5b38; height: 110px;}
.csr .cn .xfk ul span { font-size: 24px; color: #fe5b38;}
.csr .cn .xfk ul p {line-height: 24px; color: #333; margin: 0;}
.csr .cn .xfk img {margin: 0;}

/*企业文化*/
.qywh { width: 100%; height: 603px; background: url(../images/portal/bfbd.png) no-repeat;}
.btwh {text-align: center; padding-top: 60px; margin-bottom: 50px;}
.btwh span { font-size: 34px;}
.btwh p { font-size: 14px; color: #999; padding-top: 15px; text-transform: uppercase;}
.qywh ul {max-width: 1200px; margin: 0 auto; display: grid; grid-template-columns: repeat(3,1fr); justify-items: center; }
.qywh li {width: 369px; height: 320px; background-color: #fff; box-shadow: 0px 5px 50px rgb(0 0 0 / 10%);}
.qywh li:hover {margin-top: 20px; transition: .5s;}
.qywh .tp {width: 369px; height: 188px; }
.qywh .wh-1 {margin: 24px 0; position: relative;}
.qywh .wh-1 i {margin-right: 15px;}
.qywh .wh-1 img { vertical-align: middle;}
.qywh .wh-1 p { padding: 15px 20px; font-size: 14px;}
.qywh .wh-1 .ay {font-size: 44px; color: #f5f5f9; position: absolute; top: -36px; right: -5px; text-transform: uppercase; overflow: hidden;}

/*社会贡献*/
.btg {width: 100%; text-align: center; padding-top: 54px; margin-bottom: 70px;}
.btg span { font-size: 34px; color: #fff;}
.btg p { font-size: 14px; color: #fff; padding-top: 15px; text-transform: uppercase;}

.shgx {width: 100%; height: 470px;  background: url(../images/portal/sgds.png) no-repeat; text-align: center;  position: relative;}
.shgx .gxn { width: 1200px; height: 175px; margin: 0 auto;}
.shgx .gxn ul { height: 175px; display: grid; grid-template-columns: repeat(3,1fr); background: #fff;}
.shgx .gxn li { background: url(../images/portal/fgy.png)  no-repeat center right; padding: 48px 25px;}
.shgx .gxn img {float: left;}
.shgx .gxn p {width: 267px; font-size: 14px; text-align: left; float: left; margin-left: 30px; margin-top: 9px; line-height: 32px;}
.shgx .bjy { position: absolute; top: 177px; right: 50%; margin-right: -635px;}

/*课程品类*/
.bty {width: 100%; text-align: center; }
.bty span { font-size: 34px; color: #333;}
.bty p { font-size: 14px; color: #555; padding-top: 15px; text-transform: uppercase;}
.kcpl {margin-bottom: 70px; }
.kcpl .zcl {width: 1200px; margin: 0 auto; margin-bottom: 30px;}
.kcpl .zcl .tby {text-align: center;}
.kcpl .zcl .tby p {font-size: 14px; color: #fff; margin-top: -44px;}
.kcpl .zcl ul {margin-bottom: 70px; display: grid; grid-template-columns: repeat(6,1fr); justify-items: center; align-items: center; margin-right: 20px; margin-top: 54px;}
.kcpl .zcl li {width: 183px; height: 47px; border: solid 1px #ccc; text-align: center; line-height: 47px;}
.kcpl .zcl li:hover { color: #FE5B38;  border: solid 1px #fe5b38;}
        
.kcpl .swl {width: 1200px; margin: 0 auto; margin-bottom: 30px; }
.kcpl .swl .tby {text-align: center;}
.kcpl .swl .tby p {font-size: 14px; color: #fff; margin-top: -44px;}
.kcpl .swl ul { display: grid; grid-template-columns: repeat(6,1fr); justify-items: center; align-items: center; margin-right: 20px; margin-top: 54px;}
.kcpl .swl li {width: 183px; height: 47px; border: solid 1px #ccc; text-align: center; line-height: 47px;}
.kcpl .swl li:hover { color: #FE5B38;  border: solid 1px #fe5b38;}


/*  -------------营业执照-------------  */  

.content-1 {max-width: 1200px; margin: 0 auto; margin-top: 100px;margin-bottom: 50px;}

/*  -------------荣誉资质-------------  */  
.ryzz{max-width: calc(1200px - 100px);margin: 0 auto;background-color:#fff;margin-bottom: 60px;padding: 60px 50px;margin-top: 20px;}
.ryzz_x{position: relative; }
.ryzz_x::before{content: " ";background-color: #fe5b38;width: 2px;height: 100%;display: block;position: absolute;left: 196px;}
.fist1{display: flex;padding-bottom: 60px;}
.fist1:last-child{padding-bottom: 0;}
.fist1 h3{color: #fe5b38;font-size: 30px;background-color: #fff7f5;width: 140px;height: 80px;text-align: center;line-height: 80px;margin-right: 60px;}
.fist1 i{font-style: normal;font-size: 46px;color: #fe5b38;line-height: 80px;height: 80px;position: absolute;left: -18px;}
.fist_t{padding-left: 40px;    width: calc(100% - 240px);position: relative;}
.fist_t h4{color: #fe5b38;font-size: 20px;padding-bottom: 16px;}
.fist_t p{line-height: 30px;}


.yyzz{display: flow-root;width: 1200px;margin: 0 auto;background-color: #fff;margin-top: 100px;}
.zhengsu{height: 200px !important;}
.z_shu{height: auto !important;margin-top: 0px !important;padding-top: 50px !important;
    box-sizing: border-box;
    padding-bottom: 480px !important;}

.yyzzao{margin-bottom: 0;}
.yyzzao p{padding-top: 10px;}
.honorary{margin: 0 0 50px 0;}
.license_q{width: 800px;margin: 0 auto;display: flex;align-items: center;justify-content: space-around;margin-top: 20px;}
.license{position: relative}

.license .yy_tp1 .original{left: -65% !important;}


.col-sm-4{float:left;position:relative;width:33.33333333%}
.selected-solution{height:380px;}
.selected-solution_s{height:440px !important;}
.selected-solution>div{position:relative;width:1200px;margin:0 auto}
.selected-solution .sc{height:380px;width:1200px;margin-top: 50px}
.selected-solution .swiper-container{height:380px;width:1200px;margin-top: 50px}
.selected-solution .sc{height:440px !important;}
.selected-solution .layer-title{color:#393b40;padding:50px 0 30px;text-align:center;font-size:30px;letter-spacing:1.09px}
/*主体列表*/
.selected-solution .solution-cardlist{max-width:1200px;}

.selected-solution .solution-cardlist .csr{height: 440px !important;}
.selected-solution .solution-cardlist .col-sm-4{padding:0 10px;top:0;transition:all .15s linear;box-sizing:border-box;height: 328px;}
.selected-solution .solution-cardlist .col-sm-4 .solution-card{height:400px;background:#fff;border-radius:6px;text-align:left;overflow:hidden;transition:all .15s linear}
.selected-solution .solution-cardlist .col-sm-4:hover{position:relative;top:-10px;transition:all .25s linear;border: none;}
.selected-solution .solution-cardlist .col-sm-4:hover .solution-card{height:450px;box-shadow:0 10px 40px 0 rgba(0,0,0,.1);transition:all .2s linear}
.selected-solution .solution-cardlist .col-sm-4 .solution-card img{width:auto;height:200px;transition:all .2s linear}
.selected-solution .solution-cardlist .col-sm-4 .solution-card h3{margin:20px 30px 10px;font-size:18px;color:#252b3a;letter-spacing:.65px;text-align:left}
.selected-solution .solution-cardlist .col-sm-4 .solution-card p{margin:0 30px;padding-bottom:30px;font-size:14px;color:#666a75;letter-spacing:.51px}
.selected-solution .solution-cardlist .col-sm-4 .solution-card dl{margin:0 30px;overflow:visible}
.cf:after,.cf:before{content:" ";display:table;line-height:0}
.cf:after{clear:both}
.selected-solution .solution-cardlist .col-sm-4 .solution-card dl dt{margin-bottom:10px;font-size:14px;color:#252b3a;letter-spacing:.51px;line-height:19px;position:relative}
.selected-solution .solution-cardlist .col-sm-4 .solution-card dl dt:before{position:absolute;display:inline-block;left:-8px;top:7px;content:'';vertical-align:middle;width:4px;height:4px;border-radius:50%;background:#252b3a}
.selected-solution .solution-cardlist .col-sm-4 .solution-card dl dd{float:left;width:50%;margin-bottom:6px;font-size:12px;color:#a0a2a8;letter-spacing:.44px;line-height:20px}
.selected-solution .solution-cardlist .col-sm-4 .solution-card>span{margin:20px 30px 0;font-size:14px;display:inline-block;color:#666a75;letter-spacing:.51px;line-height:22px;opacity:0;transition:opacity .15s linear}
.selected-solution .solution-cardlist .col-sm-4:hover .solution-card>span{opacity:1;transition:opacity .2s linear 50ms}
/*了解更多*/
.selected-solution .solution-cardlist .col-sm-4 .solution-card>span a span{display:inline-block;vertical-align:middle}
.selected-solution .solution-cardlist .col-sm-4 .solution-card>span a span.arrow-f{width:13px;height:13px;background:url(../fonts/marketplace-selected-arrow0.svg);display:inline-block;vertical-align:middle;margin-left:5px;position:relative;transition:.3s ease-out}
.selected-solution .solution-cardlist .col-sm-4 .solution-card>span a:hover{color:#e6c16c}
.selected-solution .solution-cardlist .col-sm-4 .solution-card>span a:hover span.arrow-f{transform:translate(4px,0);background:url(../fonts/marketplace-selected-arrow2.svg)}
/*重置swiper*/
.swiper-container-horizontal>.swiper-pagination-bullets.solution-pagination{bottom:45px}
.solution-pagination .swiper-pagination-bullet{width:24px;height:4px;border-radius:100px;overflow:hidden;background:#dfe1f1;border:none;cursor:pointer;content:'';display:inline-block;box-sizing:border-box;opacity:1;vertical-align:middle}
.solution-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active{background:#f66f6a;box-sizing:border-box}
.swiper-container-solution .swiper-button-prev{left:0;width:20px;height:30px;margin-top:1;background-image:url("../images/portal/prev.png");background-size:cover;
	transition:background-image .15s;outline: none;}
.swiper-container-solution .swiper-button-next{right:0;width:20px;height:30px;margin-top:1;background-image:url(../images/portal/prev.png);transform:rotate(180deg);
	background-size:cover;transition:background-image .15s;outline: none;}



.yy_tp{margin-left:1px}
.yy_tp:after{height:0;display:block;clear:both;visibility:hidden;content:'.';font-size:0}
.yy_tp ul{ width:1000px;margin:0 auto;position:relative;}
.yy_tp li{ float: left;position: relative; width: 202px;height: 139px;margin-right: 10px;margin-top: 20px;}
.yy_tp li.r{ margin-right:0}


.yy_tp li .in2{ display: none;}

.yy_tp li span{ display:block;text-align: center;height:46px;padding:8px 3px 0 3px;font-size:14px;line-height:20px;color:#666;overflow: hidden;white-space: nowrap;text-overflow: ellipsis;}
.yy_tp li span b{display:block;color:#d13a3e}
.yy_tp li.pic .original{display:none;padding:5px;padding-bottom:0;border: 1px solid #d13a3e;position:absolute;text-align: center;left:-16px; top:-59px; background: #fff;}
.yy_tp li.pic .original .imga{display:block;}
.yy_tp li .original img{*height:250px;*width:auto;}
.yy_tp li .original span {height:36px;padding-top:0}
.yy_tp li .original b{ line-height:36px;}
.yy_tp li.on{z-index:999}
.yy_tp li.on .original{ display:block;z-index:100;}

.yy_tp{margin-left:1px}
.yy_tp:after{height:0;display:block;clear:both;visibility:hidden;content:'.';font-size:0}
.yy_tp ul{ width:1000px;margin:0 auto;position:relative;}
.yy_tp li{ float: left;position: relative; width: 202px;height: 139px;margin-right: 10px;margin-top: 20px;}
.yy_tp li.r{ margin-right:0}


.yy_tp1 li .in2{ display: none;}


.yy_tp1 li.pic .original{display:none;padding:5px;padding-bottom:0;border: 1px solid #d13a3e;position:absolute;text-align: center;left:-16px; top:-39px; background: #fff;}
.yy_tp1 li.pic .original .imga{display:block;}
.yy_tp li .original span {height:36px;padding-top:0}

.yy_tp1 li.on{z-index:999}
.yy_tp1 li.on .original{ display:block;z-index:100;}




/* slide-box */
#slide-box{width:1170px;position:relative;height:280px;margin: 0 auto;}
#slide-box .corner{display: block;overflow: hidden;}
#slide-box .slide-content{}
#slide-box .JQ-slide-content{position:absolute;padding-top: 40px;}
#slide-box .JQ-slide-nav a{display: block;position: absolute;top: 115px;text-decoration: none;}
#slide-box .JQ-slide-nav span{display: block;background: #5f5f5f;font: 700 30px arial;width: 27px;cursor: pointer;height: 35px;text-align: center;color: #fff;border-radius: 2px;}
#slide-box .JQ-slide-nav .prev{left:0px;}
#slide-box .JQ-slide-nav .next{right:0px;}
#slide-box .wrap{overflow:hidden;width:1170px;height:800px;position:relative;}
#slide-box .wrap .pic .original{top: 0px;}
#slide-box .wrap .in2{display: none;}
#slide-box .JQ-slide-content{width:100%!important;}
#slide-box .li{float:left;width:290px;position: relative;}
#slide-box .li img{border: 1px solid#ddd;margin-left: 10px;}
#slide-box .JQ-slide-nav a:hover,#slide-box .JQ-slide-nav a:hover span{color:#f43d1e;}

.shortcut{height:28px;line-height:28px;font-size:12px;background:#EEEEEE;text-transform:uppercase;box-shadow:1px 0px 2px rgba(0,0,0,0.2);border-bottom:1px solid #DDDDDD;}
.shortcut h1{font-size:14px;font-family:"微软雅黑","宋体";}
.shortcut a,.shortcut h1{padding:0px 10px;letter-spacing:1px;color:#333;text-shadow:0px 1px 1px #fff;display:block;float:left;}
.shortcut a:hover{background:#fff;}
.shortcut span.right{float:right;}
.shortcut span.right a{float:left;display:block;color:#ff6600;font-weight:800;}
.headeline{height:40px;overflow:hidden;}
.adv960x90{width:960px;height:90px;overflow:hidden;border:solid 1px #E6E6E6;margin:0 auto;}
.adv728x90{width:728px;height:90px;overflow:hidden;border:solid 1px #E6E6E6;margin:0 auto;}


