/*公用css*/
@font-face {
    font-family: 'FontAwesome';
     src: url('../fonts/fontawesome-webfont.eot?v=4.7.0');
     src: url('../fonts/fontawesome-webfont.eot?#iefix&v=4.7.0') format('embedded-opentype'), url('../fonts/fontawesome-webfont.woff2?v=4.7.0') format('woff2'), url('../fonts/fontawesome-webfont.woff?v=4.7.0') format('woff'), url('../fonts/fontawesome-webfont.ttf?v=4.7.0') format('truetype'), url('../fonts/fontawesome-webfont.svg?v=4.7.0#fontawesomeregular') format('svg');
     font-weight: normal;
     font-style: normal;
   }
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, img, ins, kbd, q, s, samp, small, strike, 
strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, 
tfoot, thead, tr, th, td ,textarea,input { margin:0; padding:0; }
address,cite,dfn,em,var, i {font-style:normal;}
body {font-size: 14px !important; line-height: 1.5 !important; font-family:msyh,'Microsoft Yahei','simsun','arial','tahoma' !important;  color: #2A2A2A;min-width: 1200px;width: 100%;overflow-x: hidden;}
.ny-body{background-color: #eff1f7;}
table { border-collapse:collapse; border-spacing:0; }
h1, h2, h3, h4, h5, h6, th { font-size: 100%; font-weight: normal; }
/*button,input,select,textarea{font-size:100%;}*/
fieldset,img{border:none;}
a,
img {
    -webkit-touch-callout: none
}
a{color: #262626;}
a{text-decoration: none;}
a:hover{color: #3BB880;}
input[type=password],
input[type=text],
textarea {
    resize: none;
    outline: 0;
    -webkit-appearance: none;
    white-space: pre-wrap;
    word-wrap: break-word;
    background: #fff;
    border: none;
    outline: none;
}
:focus{ outline:none;}
.clearfix{ clear: both; content: ""; display: block; overflow: hidden }
.clear{clear: both;}
.fl{ float: left; }
.fr{float: right;}
ul, ol { list-style: none; }
.F6F7F9_bg{background-color: #F6F7F9;}
/*顶部*/
.a-1{background-color: #F5F5F5;}
.a-2{width: 1400px;margin: 0 auto;height: 80px;position: relative;}
.a-3{float: left;margin-top: 8px;}
.a-4{display: inline-block;vertical-align: middle;margin-right: 5px;}
.a-5{display: inline-block;vertical-align: middle;}
.a-6{font-size: 28px;color: #2A2A2A !important;}
.a-7{font-size: 16px;color: #FF680A;margin-top: -5px;}
.a-8{position: absolute;left: 54%;top: 53%;transform: translate(-50%,-50%);-webkit-transform: translate(-50%,-50%);-moz-transform: translate(-50%,-50%);-ms-transform: translate(-50%,-50%);}
.a-9{height: 42px;border: 2px solid #1B876B;box-sizing: border-box;padding: 0 15px;border-radius: 30px;}
.a-10{width: 320px;border: none;height: 100%;background-color: transparent;margin-right: 15px;}
.a-11{cursor: pointer;height: 100%;border: none;background-color: transparent;vertical-align: top;display: inline-block;}
.a-12{color: #919191;padding: 0 15px;margin-top: 2px;}
.a-13{display: inline-block;vertical-align: top;}
.a-14{overflow: hidden;display: inline-block;vertical-align: top;}
.a-14 li{float: left;margin-right: 10px;}
.a-14 li a{color: #919191;}
.a-14 li a:hover{color: #3BB880;}
.a-15{float: right;margin-top: 10px;}
.a-16{display: inline-block;vertical-align: middle;margin-right: 5px;}
.a-17{display: inline-block;vertical-align: middle;}
.a-18{font-size: 18px;}
.a-19{font-size: 26px;margin-top: -5px;}
/*导航*/
.w1400{width: 1400px;margin: 0 auto;}
.nav{position:relative; z-index:99; width:100%;height:50px;background:#1B876B;font-family:"Microsoft YaHei";}
.nav .navs{height:50px;}
.navs ul li{ width:200px;height:50px;line-height:50px;float:left;position:relative;}
.navs ul li a{display:block;width:100%;height:50px;font-size:16px;color:#fff;text-align:center;}
.navs ul>li>a.on{background:#60DBA4;}
.navs ul>li>a:hover{background:#60DBA4;}
.nav-1{background: rgba(0,0,0,0.5);overflow: hidden;height: 0px;max-height: 0px;transition: all 0.4s;}
.nav-1 li:first-child{border-top: none;}
.nav-1 li{height: 40px !important;line-height: 40px !important;border-top: 1px solid white;}
.nav-1 li a{font-size: 14px !important;height: 40px !important;line-height: 40px !important;}
.nav-1 li a:hover{background-color: #60DBA4;}
.navs ul li:hover .nav-1{height: auto;max-height: 300px;transition: 0.5s !important;}
.clearfix1>li{margin: 0 !important;margin-left: 10px !important;}
/* banner */
.slideBox1{ width:100%; height:494px;position:relative;overflow: hidden;}
.slideBox1 .hd{ height:15px; overflow:hidden; position:absolute; right:5px; bottom: 10px; z-index:1;width: 100%;text-align: center;}
.slideBox1 .hd ul{ overflow:hidden; zoom:1; display: inline-block;}
.slideBox1 .hd ul li{ float:left; margin-right:2px;  width:5px; height:5px;background: rgba(255,255,255,0.5); cursor:pointer;margin: 0 5px;border-radius: 100%;}
.slideBox1 .bd ul{height: 100%;}
.slideBox1 .bd ul li a{display: block;height: 100%;position: relative;}
.slideBox1 .hd ul li.on{ background: white; color:#fff; width: 20px;border-radius: 30px;}
.slideBox1 .bd{ position:relative; height:100%; z-index:0;   }
.slideBox1 .bd li{ zoom:1; vertical-align:middle;width: 100%;height: 100%;position: relative;}
.slideBox1 .bd img{ height:100%; display:block;position: absolute;left: 50%;transform: translate(-50%,0);-webkit-transform: translate(-50%,0);-ms-transform: translate(-50%,0);-moz-transform: translate(-50%,0);}
.slideBox1 .prev, .slideBox1 .next {position: absolute;left: 3%;top: 50%;margin-top: -25px;display: block;width: 32px;height: 40px;z-index: 10;}
.slideBox1 .next{right: 3%;left: initial;}
.slideBox1 .prev img, .slideBox1 .next img{width: 24px;height: 39px;}
.college{background-color: #F6F6F6;}
/* 评估 */
.a-31{width: 1400px;margin: 0 auto;position: relative;}
.a-32{position: absolute;top: 58px;z-index: 5;right: 0;background-color: white;width: 355px;border-radius: 5px;text-align: center;padding: 0 23px;box-sizing: border-box;padding-top: 25px;padding-bottom: 25px;}
.a-36{height: 50px;box-sizing: border-box;}
.a-32 .layui-input{height: 50px;border: 1px solid #D1D1D1;box-sizing: border-box;}
.a-32 .layui-input-inline{width: 100%;}
.a-32 .layui-form-select dl{top: 50px;}
.layui-form-select dl dd.layui-this{background-color: #1B876B;}
.a-34{font-size: 18px;margin-top: 10px;}
.a-35{margin-top: 23px;}
.a-37{height: 50px;background-color: #F3F3F3;margin-top: 10px;}
.a-39{height: 100%;border: none;background-color: transparent;width: 265px;margin-left: 5px;}
.a-40{width: 100%;height: 50px;cursor: pointer;background-color: #1B876B;color: white;border-radius: 5px;font-size: 18px;border: none;margin-top: 10px;}
.a-41{position: absolute;top: -11px;left: -14px;}
/* 公告 */
.a1-18{height: 40px;box-sizing: border-box;border: 1px solid #cccccc;padding: 0 10px;padding-top: 8px;margin-bottom: 30px;width: 1400px;margin: 0 auto;border: none;}
.a1-19{font-size: 14px;display: inline-block;vertical-align: middle;}
.a-20{color: #1B876B;}
.a-21{color: #1B876B;}
.txt-scroll{width:100%;}
.txt-scroll .scrollbox{width:100%;white-space:nowrap;overflow:hidden;}
.txt-scroll .txt a{margin: 0 10px;}
.txt-scroll .txt,.txt-scroll .txt-clone{display:inline;position:relative}
.a-22{display: inline-block;vertical-align: middle;width: 1308px;position: relative;top: -1px;}
.a-23{display: inline-block;vertical-align: middle;width: 5px;height: 5px;border-radius: 100%;background-color: #cccccc;}
.a-24{display: inline-block;vertical-align: middle;margin-left: 10px;color: #333;}
.txt-scroll .txt a:hover .a-23{background-color: #1B876B;}
.txt-scroll .txt a:hover .a-24{color: #1B876B;font-weight: bold;}
.a-25{background-color: white;overflow: hidden;}
.a-26{display: inline-block;vertical-align: top;width: 340px;height: 45px;float: left;padding: 0 10px;box-sizing: border-box;}
.a-27{display: inline-block;vertical-align: middle;margin-right: 5px;}
.a-28{height: 45px;display: inline-block;vertical-align: middle;}
.a-29{height: 45px;display: inline-block;vertical-align: top;background-color: #0085D9;color: white;border: none;outline: none;cursor: pointer;float: left;width: 80px;}
/* 公司简介 */
.a-42{padding: 30px 0;}
.a-43{width: 1400px;margin: 0 auto;}
.a-44{text-align: center;margin-bottom: 30px;}
.a-45{font-size: 60px;color: rgba(52, 180, 121, 0.14);text-transform: uppercase;}
.a-46{font-size: 38px;}
.a-47{width: 64px;height: 7px;border-radius: 30px;background-color: #34B479;margin: 0 auto;margin-top: 16px;}
.a-48{position: relative;}
.a-49{border-radius: 14px;width: 630px;height: 400px;}
.a-50{width: 700px;position: absolute;right: 0;top: 50%;transform: translate(0,-50%);-webkit-transform: translate(0,-50%);-ms-transform: translate(0,-50%);-moz-transform: translate(0,-50%);}
.a-53{font-size: 35px;margin-top: 15px;}
.a-54{font-size: 16px;line-height: 30px;margin-top: 5px;}
.a-55{display: block;width: 144px;height: 44px;line-height: 44px;text-align: center;background-color: #34B479;border-radius: 30px;color: white !important;font-size: 20px;margin-top: 16px;}
.a-56{margin-top: 30px;font-size: 0;text-align: center;}
.a-56 li{display: inline-block;vertical-align: top;width: 167px;text-align: center;margin-right: 220px;}
.a-56 li:last-child{margin-right: 0;}
.a-57{width: 120px;height: 120px;}
.a-58{font-size: 18px;color: #727272;margin-top: 15px;}
/* 服务精选 */
.a-59{padding: 30px 0;background-color: #F5F5F5;}
.a-60{width: 1400px;margin: 0 auto;}
.a-61{overflow: hidden;}
.a-61 li{width: 24.25%;float: left;margin-right: 1%;margin-bottom: 15px;}
.a-61 li:nth-child(4n){margin-right: 0;}
.a-61 li a{height: 260px;display: block;position: relative;overflow: hidden;}
.a-63{position: absolute;top: 0;left: 50%;transform: translate(-50%,0);-webkit-transform: translate(-50%,0);-moz-transform: translate(-50%,0);-ms-transform: translate(-50%,0);}
.a-64{position: absolute;height: 100%;background-color: rgba(52, 180, 121, 0.8);z-index: 1;width: 0;max-width: 0;transition: 0.5s;}
.a-65{position: relative;z-index: 2;color: white;padding: 0 30px;margin-top: 83px;}
.a-66{font-size: 28px;}
.a-67{width: 76px;height: 3px;background-color: white;margin-top: 15px;}
.a-68{font-size: 16px;margin-top: 15px;}
.a-61 li:first-child a{border-top-left-radius: 60px;}
.a-61 li:nth-child(4) a{border-top-right-radius: 60px;}
.a-61 li:nth-child(5) a{border-bottom-left-radius: 60px;}
.a-61 li:nth-child(8) a{border-bottom-right-radius: 60px;}
.a-61 li a:hover .a-64{width: 100%;max-width: 340px;}
/* 习计划 */
.a-69{padding: 30px 0;padding-bottom: 0;}
.a-70{width: 1400px;margin: 0 auto;}
.a1-70{overflow: hidden;}
.a1-70>li{width: 31.3333%;position: relative;float: left;margin-right: 3%;text-align: center;padding-left: 5%;padding-right: 2%;padding-top: 25px;box-sizing: border-box;height: 532px;margin-bottom: 50px;}
.a1-70>li:nth-child(3n){margin-right: 0;}
.a-71{position: absolute;width: 100%;left: 0;top: 0;z-index: -1;height: 532px;}
.a-72{color: white;}
.a-73{display: inline-block;vertical-align: middle;}
.a-74{font-size: 32px;display: inline-block;vertical-align: middle;margin: 0 14px;}
.a-75{transform: rotate(180deg);display: inline-block;vertical-align: middle;}
.a1-75{width: 66px;height: 4px;background-color: white;border-radius: 30px;margin: 0 auto;margin-top: 10px;}
.a-76{color: white;text-align: left;margin-top: 20px;}
.a-78{display: inline-block;vertical-align: middle;}
.a-79{font-size: 20px;display: inline-block;vertical-align: middle;}
.a-80{line-height: 20px;}
.a-80 li{font-size: 0;margin-top: 7px;}
.a-81{display: inline-block;vertical-align: top;width: 5%;font-size: 16px;}
.a-82{display: inline-block;vertical-align: top;width: 95%;font-size: 16px;}
.a-83{width: 240px;height: 48px;background-color: #F9E74E;border-radius: 30px;text-align: center;line-height: 48px;display: block;font-size: 24px;box-shadow: 0 3px 3px 1px #E5A378;position: absolute;left: 53%;bottom: 55px;transform: translate(-50%,0);-webkit-transform: translate(-50%,0);-moz-transform: translate(-50%,0);-ms-transform: translate(-50%,0);}
/* 成功案例 */
.a-84{background-color: #F5F5F5;padding: 30px 0;}
.a-85{width: 1400px;margin: 0 auto;}
.a-86{overflow: hidden;}
.a-86 li{width: 31.3333%;float: left;margin-right: 3%;background-color: white;}
.a-86 li:nth-child(3n){margin-right: 0;}
.a-86 li a{display: block;padding: 15px;font-size: 0;}
.a-87{width: 45%;display: inline-block;vertical-align: middle;box-shadow: 0 0 5px 2px #F2F2F2;}
.a-88{color: #555555;font-size: 16px;width: 55%;display: inline-block;vertical-align: middle;text-align: center;}
.a-90{color: #FF8330;font-size: 18px;margin-top: 10px;font-weight: bold;}
.a-91{margin-top: 10px;}
.a-92{font-size: 18px;color: #34B479;margin-top: 10px;font-weight: bold;}
.a-93{margin-top: 10px;}
.a1-55{width: 244px;margin: 0 auto;margin-top: 36px;}
/* 关注我们 */
.a-94{padding: 30px 0;background: url(../img/gzwm_bg.png) no-repeat bottom;padding-bottom: 80px;}
.a-95{width: 1400px;margin: 0 auto;}
.a1-83{position: initial;transform: initial;width: 235px;margin: 0 auto;margin-top: -20px;}
.a-96{overflow: hidden;}
.a-97{width: 274px;height: 312px;position: relative;z-index: -1;}
.a-96{display: flex;justify-content: space-between;}
.a-96 li{width: 274px;}
/* 底部 */
.b-73{background-color: #1C8A6D;}
.b-74{height: 232px;box-sizing: border-box;padding-top: 25px;}
.b-75{width: 1400px;margin: 0 auto;overflow: hidden;}
.b-76{width: 760px;float: left;}
.b-77{font-size: 22px;color: white;font-weight: bold;margin-bottom: 10px;}
.b-78{overflow: hidden;}
.b-78 li{width: 351px;border-bottom: 1px solid white;}
.b-78 li a{display: block;padding: 6px 0;}
.b-78 li:nth-child(odd){float: left;}
.b-78 li:nth-child(even){float: right;}
.b-79{color: white;}
.b-80{float: right;margin-top: 5px;}
.b-78 li a:hover .a-79{font-weight: bold;}
.b-84{float: right;width: 360px;padding-left: 10%;border-left: 1px solid white;padding-bottom: 15px;}
.b-86{margin-bottom: 11px;}
.b-87{display: inline-block;vertical-align: top;margin-top: 5px;margin-right: 5px;}
.b-88{display: inline-block;width: 330px;vertical-align: top;color: white;}
.b-89{height: 40px;line-height: 40px;text-align: center;color: white;background-color: #404040;}
/* 右侧悬浮 */
.a-98{position: fixed;right: 0;top: 50%;background-color: white;width: 80px;height: 400px;transform: translate(0,-50%);-webkit-transform: translate(0,-50%);-ms-transform: translate(0,-50%);-moz-transform: translate(0,-50%);border-radius: 50px;box-shadow: 0 2px 5px 2px rgba(0,0,0,0.16);padding-top: 54px;box-sizing: border-box;}
.a-99 li{margin-bottom: 30px;position: relative;}
.a-99 li:last-child{margin-bottom: 0;}
.a-99 li a{display: block;text-align: center;}
.a-101{color: #959595;margin-top: 5px;}
.a-102{position: absolute;right: 80px;top: 50%;transform: translate(0,-50%);-webkit-transform: translate(0,-50%);-ms-transform: translate(0,-50%);-moz-transform: translate(0,-50%);min-height: 60px;padding: 15px;box-sizing: border-box;background-color: white;font-size: 20px;display: none;}
.a-99 li a:hover .a-101{color: #1C8A6D;}
.a-103{width: 120px;height: 120px;}
.a-99 li a:hover .a-102{display: block;}
/* 内页banner */
.c-1{height: 326px;position: relative;overflow: hidden;}
.c-2{height: 326px;position: absolute;left: 50%;transform: translate(-50%,0);-webkit-transform: translate(-50%,0);-moz-transform: translate(-50%,0);-ms-transform: translate(-50%,0);}
.c-3{background-color: white;}
.c-4{width: 1400px;margin: 0 auto;}
.c-5{color: #848484;line-height: 60px;}
.c-5 a{color: #848484;}
.c-5 a:hover{color: #3BB880;}
.c-6{margin-right: 10px;}
.c-7{overflow: hidden;margin-top: -10px;}
.c-8{width: calc(77% - 20px);float: left;position: relative;}
.c-8 li{float: left;font-size: 16px;margin-right: 60px;position: relative;}
.c-8 li a{color: #686868;line-height: 50px;}
.c-8 li a:hover{color: #3BB880;}
.c-8 li.active a{color: #3BB880;}
.c-9{width: 23%;float: right;height: 40px;border: 1px solid #3BB880;box-sizing: border-box;margin-bottom: 10px;border-radius: 5px;}
.c-10{border: none;display: inline-block;vertical-align: top;background-color: transparent;height: 100%;}
.c-11{border: none;display: inline-block;vertical-align: top;background-color: transparent;cursor: pointer;height: 100%;}
.c-15{position: absolute;width: 32px;height: 3px;background-color: #3BB880;border-radius: 10px;bottom: 0;margin: auto;left: 0;right: 0;display: none;}
.c-8 li.active .c-15{display: block;}
.c-10{width: calc(100% - 50px);float: left;box-sizing: border-box;padding-left: 15px;}
.c-11{width: 50px;float: left;}
/* 案例列表 */
.c-16{margin-top: 20px;margin-bottom: 40px;}
.c-17{width: 1400px;margin: 0 auto;overflow: hidden;}
.c-18{width: calc(77% - 20px);box-sizing: border-box;padding: 0 20px;background-color: white;padding-bottom: 20px;border-radius: 6px;float: left;}
.c-19 li{border-bottom: 1px dashed #C9C9C9;}
.c-19 li a{display: block;overflow: hidden;padding: 15px 0;}
.c-20{background-color: white;width: 280px;height: 146px;float: left;}
.c-21{width: calc(100% - 280px);float: right;box-sizing: border-box;padding-left: 20px;height: 146px;position: relative;}
.c-22{font-size: 22px;white-space: nowrap;overflow: hidden;text-overflow: ellipsis;}
.c-23{font-size: 16px;color: #8B8B8B;margin-top: 5px;display: -webkit-box;text-overflow: ellipsis;-webkit-box-orient: vertical;-webkit-line-clamp: 2;overflow: hidden;}
.c-25{display: inline-block;vertical-align: middle;margin-right: 80px;}
.c-24{position: absolute;bottom: 0;left: 20px;color: #262626;}
.c-26{display: inline-block;vertical-align: middle;}
.c-27{display: inline-block;vertical-align: middle;}
.c-28{width: 23%;float: right;background-color: white;padding: 15px;box-sizing: border-box;}
.c-29{margin-bottom: 15px;}
.c-30{display: inline-block;width: 4px;height: 26px;background-color: #3BB880;vertical-align: middle;border-radius: 30px;margin-right: 8px;}
.c-31{font-size: 22px;color: #515151;display: inline-block;vertical-align: middle;}
.c-32 li{margin-bottom: 10px;}
.c-32 li a{font-size: 0;}
.c-33{display: inline-block;vertical-align: middle;width: 22px;height: 22px;border-radius: 2px;background-color: #878787;color: white;text-align: center;line-height: 22px;font-size: 14px;}
.c-32 li.active .c-33{background-color: #3BB880;}
.c-34{font-size: 16px;display: inline-block;vertical-align: middle;padding-left: 10px;box-sizing: border-box;width: calc(100% - 22px);white-space: nowrap;overflow: hidden;text-overflow: ellipsis;}
/* 新闻详情 */
.c1-18{padding-top: 30px;padding-bottom: 30px;}
.d-1{font-size: 32px;text-align: center;color: #515151;}
.d-2{text-align: center;font-size: 16px;color: #8D8D8D;margin-top: 5px;}
.d-3{margin-right: 10px;}
.d-2 .d-3:last-child{margin-right: 0;}
.d-4{margin-top: 25px;}
.d-4 img{display: block;margin: 10px auto;max-width: 100%;}
/* 搜索 */
.e-1{width: calc(77% - 20px);float: left;font-size: 20px;color: #828282;line-height: 50px;}
.e-2{color: #3BB880;}
/* 在线学习 */
.f-1{padding-top: 30px;padding-bottom: 50px;}
.f-2{display: block;margin: 0 auto;width: 1400px;}
.f-4 li{font-size: 0;margin-bottom: 35px;}
.f-5{width: 638px;height: 410px;display: inline-block;vertical-align: middle;border-top-right-radius: 20px;border-bottom-right-radius: 20px;}
.f-6{width: calc(100% - 638px);background-color: #F6F6F6;display: inline-block;vertical-align: middle;height: 363px;position: relative;}
.f-7{position: absolute;width: calc(100% - 40px);left: 20px;top: 58%;transform: translate(0,-50%);-webkit-transform: translate(0,-50%);-ms-transform: translate(0,-50%);-moz-transform: translate(0,-50%);}
.f-8{font-size: 22px;color: #666666;}
.f-9{display: inline-block;vertical-align: middle;}
.f-10{display: inline-block;vertical-align: middle;}
.f-11{font-size: 18px;color: #929292;margin-top: 10px;line-height: 30px;display: -webkit-box;text-overflow: ellipsis;-webkit-box-orient: vertical;-webkit-line-clamp: 5;overflow: hidden;}
.f-12{width: 264px;height: 72px;background: url(../img/bg_icon.png) no-repeat center;background-size: 100% 100%;font-size: 22px;color: white;position: absolute;right: -14px;top: 20px;text-align: center;line-height: 60px;}
/* 学历提升 */
.g-1{overflow: hidden;margin-bottom: 30px;}
.slideBox_1{ width:420px; height:320px; overflow:hidden; position:relative;}
.slideBox_1 .hd{ height:20px; overflow:hidden; position:absolute; right:5px; bottom:13px; z-index:1; }
.slideBox_1 .hd ul{ overflow:hidden; zoom:1; float:left;  }
.slideBox_1 .hd ul li{ float:left; margin-right:5px;  width:20px; height:20px; line-height:20px; text-align:center; background:rgba(255,255,255,0.2); cursor:pointer;color: white;border-radius: 100%;}
.slideBox_1 .hd ul li.on{ background:#3BB880;}
.slideBox_1 .bd{ position:relative; height:100%; z-index:0;   }
.slideBox_1 .bd li{ zoom:1; vertical-align:middle;position: relative;}
.slideBox_1 .bd img{ width:420px; height:320px; display:block;  }
.g-2{float: left;}
.g-3{position: absolute;bottom: 0;left: 0;height: 47px;background-color: rgba(0,0,0,0.8);width: 100%;}
.g-4{padding: 0 20px;color: white;line-height: 47px;width: 280px;box-sizing: border-box;white-space: nowrap;overflow: hidden;text-overflow: ellipsis;}
.g-5{width: calc(100% - 765px);float: left;padding: 0 20px;box-sizing: border-box;}
.g-8{display: block;}
.g-9{display: inline-block;vertical-align: middle;width: 58px;height: 27px;}
.g-10{font-size: 16px;font-weight: bold;display: inline-block;vertical-align: middle;color: #3BB880;white-space: nowrap;overflow: hidden;text-overflow: ellipsis;width: calc(100% - 65px);}
.g-11{margin-top: 14px;}
.g-11 li{margin-bottom: 14px;}
.g-11 li:last-child{margin-bottom: 0;}
.g-11 li a{display: block;overflow: hidden;}
.g-12{float: left;width: calc(100% - 100px);}
.g-13{display: inline-block;width: 6px;height: 6px;border-radius: 100%;background-color: #C4C4C4;vertical-align: middle;margin-right: 3px;}
.g-14{display: inline-block;vertical-align: middle;white-space: nowrap;overflow: hidden;text-overflow: ellipsis;width: calc(100% - 50px);}
.g-15{float: right;color: #A2A2A2;}
.g-16{float: left;width: 345px;}
.g-17{background-color: #3BB880;color: white;border-top-left-radius: 4px;border-top-right-radius: 4px;}
.g-17 a{display: block;height: 45px;line-height: 45px;text-align: center;}
.g-18{display: inline-block;vertical-align: middle;margin-right: 5px;}
.g-19{color: white;font-size: 16px;display: inline-block;vertical-align: top;}
.g-20 li{margin-top: 7px;}
.g-20 li a{display: block;}
.g-21{height: 85px;width: 100%;}
.g-22{margin-bottom: 30px;}
.g-23{overflow: hidden;margin-bottom: -40px;}
.g-23 li{width: 23%;float: left;margin-right: 2.666%;margin-bottom: 40px;}
.g-23 li:nth-child(4n){margin-right: 0;}
.g-23 li a{display: block;overflow: hidden;border-radius: 4px;height: 236px;position: relative;}
.g-25{position: absolute;top: 0;left: 0;width: 100%;height: 100%;background-color: rgba(0,0,0,0.5);}
.g-24{position: absolute;left: 50%;top: 50%;transform: translate(-50%,-50%);-webkit-transform: translate(-50%,-50%);-ms-transform: translate(-50%,-50%);-moz-transform: translate(-50%,-50%);width: 100%;height: 100%;}
.g-26{height: 50px;text-align: center;width: 100%;line-height: 50px;color: white;background-image: linear-gradient(to right,rgba(255,255,255,0) 10%,rgba(255,255,255,0.3) 50%,rgba(255,255,255,0) 90%);margin-top: 65px;}
.g-28{font-size: 22px;}
.g-27{display: inline-block;vertical-align: middle;width: 15px;}
.g-28{display: inline-block;vertical-align: top;margin: 0 5px;}
.g-29{display: inline-block;vertical-align: middle;transform: rotate(180deg);width: 15px;}
.g-30{position: absolute;bottom: 0;left: 0;width: 100%;box-sizing: border-box;padding: 8px 10px;background-color: rgba(255,255,255,0.1);color: white;}
.g-32{overflow: hidden;margin-bottom: -40px;}
.g-32 li{width: 23%;float: left;margin-right: 2.666%;margin-bottom: 40px;background-color: white;border-radius: 4px;overflow: hidden;}
.g-32 li:nth-child(4n){margin-right: 0;}
.g-33{height: 204px;position: relative;}
.g-34{position: absolute;left: 50%;top: 50%;transform: translate(-50%,-50%);-webkit-transform: translate(-50%,-50%);-ms-transform: translate(-50%,-50%);-moz-transform: translate(-50%,-50%);width: 100%;height: 100%;}
.g-35{padding: 7px 10px;border-bottom: 1px dashed #D6D6D6;}
.g-36{font-size: 16px;color: #2C2C2C;white-space: nowrap;overflow: hidden;text-overflow: ellipsis;}
.g-37{color: #9F9F9F;white-space: nowrap;overflow: hidden;text-overflow: ellipsis;}
.g-38{padding: 7px 10px;overflow: hidden;}
.g-39{float: left;}
.g-40{display: inline-block;vertical-align: middle;}
.g-41{display: inline-block;vertical-align: middle;color: #9F9F9F;}
.g-42{float: right;width: 114px;height: 28px;line-height: 26px;text-align: center;box-sizing: border-box;border: 1px solid #34B479;color: #34B479;border-radius: 30px;}