a, select, textarea, input, button, html, body, div, ul, li {
tap-highlight-color: transparent !important; }
i {
font-style: normal; }
body {
overflow: hidden; }
@font-face {
font-family: 'big_noodle_titling';
src: url("fonts/big_noodle_titling.eot");
src: url("fonts/big_noodle_titling.eot") format("embedded-opentype"), url("fonts/big_noodle_titling.woff2") format("woff2"), url("fonts/big_noodle_titling.woff") format("woff"), url("fonts/big_noodle_titling.ttf") format("truetype"), url("fonts/big_noodle_titling.svg#big_noodle_titling") format("svg"); }
@font-face {
font-family: 'GOTHIC';
src: url("fonts/GOTHIC.eot");
src: url("fonts/GOTHIC.eot") format("embedded-opentype"), url("fonts/GOTHIC.woff2") format("woff2"), url("fonts/GOTHIC.woff") format("woff"), url("fonts/GOTHIC.ttf") format("truetype"), url("fonts/GOTHIC.svg#GOTHIC") format("svg"); }
@font-face {
font-family: 'BEBAS';
src: url("fonts/BEBAS.eot");
src: url("fonts/BEBAS.eot") format("embedded-opentype"), url("fonts/BEBAS.woff2") format("woff2"), url("fonts/BEBAS.woff") format("woff"), url("fonts/BEBAS.ttf") format("truetype"), url("fonts/BEBAS.svg#BEBAS") format("svg"); }
@font-face {
font-family: 'HELVETI';
src: url("fonts/HELVETI1.eot");
src: url("fonts/HELVETI1.eot") format("embedded-opentype"), url("fonts/HELVETI1.woff2") format("woff2"), url("fonts/HELVETI1.woff") format("woff"), url("fonts/HELVETI1.ttf") format("truetype"), url("fonts/HELVETI1.svg#HELVETI") format("svg"); }
.l {
float: left; }
.r {
float: right; }
.js-m {
transition: transform .5s,opacity .5s; }
.title_box {
transition: transform 0.5s,opacity 0.5s; }
.title_box .en {
font-size: 30px;
line-height: 46px;
color: #050001;
font-family: Arial, Helvetica, sans-serif;text-transform:Uppercase;
text-align: center; }
.title_box .cn {
position: relative;
text-align: center; }
.title_box .cn .line {
display: inline-block;
vertical-align: middle;
height: 1px;
background: #aaa;
width: 100px; }
.title_box .cn .txt {
font-size: 24px;
line-height: 36px;
color: #050001;
display: inline-block;
padding: 0 20px;
vertical-align: middle;
position: relative;
z-index: 10; }
@media (max-width: 1220px) {
.title_box .en {
font-size: 40px;
line-height: 40px; }
.title_box .cn .txt {
font-size: 24px;
line-height: 30px; }
.title_box .cn .line {
width: 80px; } }
@media (max-width: 1024px) {
.title_box .en {
font-size: 36px;
line-height: 36px; } }
@media (max-width: 500px) {
.title_box .en {
font-size: 30px;
line-height: 30px; }
.title_box .cn .txt {
padding: 0 10px;
font-size: 20px;
line-height: 30px; }
.title_box .cn .line {
width: 50px; } }
.BMap_cpyCtrl, .anchorBL {
display: none !important; }
.main_gx {
transition: transform 0.5s; }
.main_gx.active {
transform: translateX(-390px); }
@media (max-width: 500px) {
.main_gx.active {
transform: translateX(-200px); } }
.main_gx .page {
width: 100%;
height: auto;
text-align: center;
font-size: 0; }
.main_gx .page a {
display: inline-block;
font-size: 14px;
line-height: 34px;
color: #666;
border: 1px solid #666;
padding: 0 13px;
margin: 0 4px;
transition: all .5s; }
.main_gx .page a.active {
background: #050001;
color: #fff;
border: 1px solid #050001; }
@media (min-width: 1024px) {
.main_gx .page a:hover {
background: #050001;
color: #fff;
border: 1px solid #050001; } }
@media (max-width: 480px) {
.main_gx .page a {
font-size: 14px;
line-height: 28px;
padding: 0 10px; } }
.main_gx.nucleus {
width: 100%;
height: auto; }
.main_gx.nucleus .abanner .txt_box {
text-align: left;
padding-left: 0;
padding-right: 0; }
.main_gx.nucleus .abanner .txt_box .tab .tab_cell .text {
background-position: left center;
padding-left: 70px; }
.main_gx.nucleus .abanner .txt_box .tab .tab_cell .text .line {
float: left; }
.main_gx.nucleus .title_box {
padding-top: 117px; }
.main_gx.nucleus .list {
margin: 58px auto 0;
padding-bottom: 60px; }
.main_gx.nucleus .list ul {
width: 100%;
height: auto; }
.main_gx.nucleus .list ul li {
width: 100%;
height: auto;
margin-bottom: 80px;
position: relative; }
.main_gx.nucleus .list ul li .pic {
width: 50%;
height: auto;
position: relative; }
.main_gx.nucleus .list ul li .pic .img {
width: 100%;
height: auto;
overflow: hidden;
position: relative; }
.main_gx.nucleus .list ul li .pic .img .num {
font-size: 100px;
line-height: 100px;
font-family: BEBAS;
position: absolute;
color: #d8d8d8;
bottom: -7px; }
.main_gx.nucleus .list ul li .pic .icon {
width: 96px;
height: 96px;
border-radius: 96px;
background-color: #050001;
background-repeat: no-repeat;
background-position: center center;
border: 5px solid #cdcccc;
position: absolute;
top: 50%;
margin-top: -53px; }
.main_gx.nucleus .list ul li .pic.l .img .num {
left: -11px; }
.main_gx.nucleus .list ul li .pic.l .icon {
right: -53px; }
.main_gx.nucleus .list ul li .pic.r .img .num {
right: -11px; }
.main_gx.nucleus .list ul li .pic.r .icon {
left: -53px; }
.main_gx.nucleus .list ul li .con {
width: 40.8%;
height: auto;
padding-top: 37px; }
.main_gx.nucleus .list ul li .con .tits {
font-size: 30px;
line-height: 32px;
font-weight: bold;
color: #050001; }
.main_gx.nucleus .list ul li .con .tit {
font-size: 18px;
line-height: 18px;
color: #050001;
margin-top: 24px; }
.main_gx.nucleus .list ul li .con .tit1 {
font-size: 12px;
line-height: 12px;
font-family: GOTHIC;
color: #999;
margin-top: 8px; }
.main_gx.nucleus .list ul li .con .tit2 {
font-size: 14px;
line-height: 24px;
color: #666;
margin-top: 26px; }
@media (max-width: 1220px) {
.main_gx.nucleus .list ul li .pic {
width: 55%; }
.main_gx.nucleus .list ul li .pic .icon {
width: 80px;
height: 80px;
margin-top: -45px; }
.main_gx.nucleus .list ul li .pic.l .icon {
right: -45px; }
.main_gx.nucleus .list ul li .pic.r .icon {
left: -45px; }
.main_gx.nucleus .list ul li .con {
width: 39%;
padding-top: 10px; }
.main_gx.nucleus .list ul li .con .tits {
font-size: 24px;
line-height: 26px; }
.main_gx.nucleus .list ul li .con .tit {
margin-top: 10px; }
.main_gx.nucleus .list ul li .con .tit2 {
margin-top: 18px; } }
@media (max-width: 1024px) {
.main_gx.nucleus .title_box {
padding-top: 60px; }
.main_gx.nucleus .list {
margin: 30px auto 0;
padding-bottom: 40px; }
.main_gx.nucleus .list ul li {
margin-bottom: 50px; } }
@media (max-width: 890px) {
.main_gx.nucleus .list ul li .pic .img {
overflow: hidden; }
.main_gx.nucleus .list ul li .pic .img img {
width: 120%;
margin-left: -10%; }
.main_gx.nucleus .list ul li .pic .img .num {
font-size: 70px;
line-height: 70px;
bottom: -5px; }
.main_gx.nucleus .list ul li .pic .icon {
width: 60px;
height: 60px;
margin-top: -33px;
background-size: 45%;
border: 3px solid #cdcccc; }
.main_gx.nucleus .list ul li .pic.l .img .num {
left: -7px; }
.main_gx.nucleus .list ul li .pic.l .icon {
right: -33px; }
.main_gx.nucleus .list ul li .pic.r .img .num {
right: -7px; }
.main_gx.nucleus .list ul li .pic.r .icon {
left: -33px; }
.main_gx.nucleus .list ul li .con {
padding-top: 0; }
.main_gx.nucleus .list ul li .con .tits {
font-size: 20px;
line-height: 22px; }
.main_gx.nucleus .list ul li .con .tit {
margin-top: 5px; }
.main_gx.nucleus .list ul li .con .tit2 {
margin-top: 10px; }
.main_gx.nucleus .list ul li#id1 .pic .icon {
background-size: 65%; } }
@media (max-width: 730px) {
.main_gx.nucleus .list ul li .pic .img img {
width: 130%;
margin-left: -15%; } }
@media (max-width: 660px) {
.main_gx.nucleus .list ul li {
margin-bottom: 30px; }
.main_gx.nucleus .list ul li .pic {
width: 100%;
height: auto;
float: none !important; }
.main_gx.nucleus .list ul li .pic .img img {
width: 100%;
margin-left: 0; }
.main_gx.nucleus .list ul li .pic .icon {
bottom: -33px;
left: 50% !important;
top: auto;
right: auto !important;
margin-top: auto !important;
margin-left: -33px; }
.main_gx.nucleus .list ul li .pic.r .num {
left: -7px;
right: auto !important; }
.main_gx.nucleus .list ul li .con {
width: 94%;
margin: 40px auto 0;
float: none !important; } }
.main_gx.contact .box1 {
padding-top: 28px; }
.main_gx.contact .box1 .map {
width: 100%;
height: 460px;
border-top: 1px solid #e1e1e1;
border-bottom: 1px solid #e1e1e1;
position: relative;
margin-top: 60px; }
.main_gx.contact .box1 .map .map-new {
width: 130%;
height: 100%; }
.main_gx.contact .box1 .map .con {
width: 550px;
height: 400px;
background:rgba(0,0,0,0.8);
position: absolute;
top: 30px;
left: 50%;
margin-left: -600px; border-radius:10px;}
.main_gx.contact .box1 .map .con .con-new {
width: 89%;
margin-left: 11%;
height: auto; }
.main_gx.contact .box1 .map .con .con-new .title {
width: 100%;
height: auto;
padding-top: 44px; }
.main_gx.contact .box1 .map .con .con-new .title .tits {
font-size: 24px;
line-height: 24px;
color: #fff; }
.main_gx.contact .box1 .map .con .con-new .title .line {
width: 30px;
height: 4px;
background: #e70012;
margin-top: 24px; }
.main_gx.contact .box1 .map .con .con-new .conn {
width: 100%;
height: auto;
margin-top: 46px;
position: relative; }
.main_gx.contact .box1 .map .con .con-new .conn .item {
width: 100%;
height: auto;
margin-bottom:25px;
position: relative;
z-index: 5; }
.main_gx.contact .box1 .map .con .con-new .conn .item .icon {
width: 58px;
height: 58px;
border: 1px solid rgba(225, 225, 225, 0.2);
float: left;
margin-top: 4px; }
.main_gx.contact .box1 .map .con .con-new .conn .item .i1 {
background: #c00 url(../images/contact_icon1.png) center no-repeat; border-radius:5px }
.main_gx.contact .box1 .map .con .con-new .conn .item .i2 {
background: #c00 url(../images/contact_icon2.png) center no-repeat; border-radius:5px }
.main_gx.contact .box1 .map .con .con-new .conn .item .tit {
padding-left: 92px;
font-size: 14px;
line-height: 32px;
color: #fff; }
.main_gx.contact .box1 .map .con .con-new .conn .line {
width: 1px;
height: 99px;
position: absolute;
top: 64px;
left: 30px;
z-index: 3;
background: url(../img/gx/contact_line.png) no-repeat; }
.main_gx.contact .box2 {
margin-bottom: 120px;
padding-top: 64px; }
.main_gx.contact .box2 .table-box {
width: 100%;
height: auto;
margin-top: 58px; }
.main_gx.contact .box2 .table-box .t {
width: 100%;
height: auto; }
.main_gx.contact .box2 .table-box .t .tt {
width: 48.2%;
height: auto;
margin-bottom: 20px; }
.main_gx.contact .box2 .table-box .t .tt span {
width: 70px;
height: 50px;
float: left;
display: block;
font-size: 14px;
line-height: 48px; }
.main_gx.contact .box2 .table-box .t .tt .text {
width: 84%;
height: 48px;
border: 1px solid #e1e1e1;
background: none;
font-size: 14px;
line-height: 48px;
color: #333;
padding-left: 1.5%; }
.main_gx.contact .box2 .table-box .t1 {
width: 100%;
height: auto; }
.main_gx.contact .box2 .table-box .t1 span {
width: 70px;
height: 50px;
float: left;
display: block;
font-size: 14px;
line-height: 48px; }
.main_gx.contact .box2 .table-box .t1 .txt {
width: 90%;
height: 200px;
background: none;
border: 1px solid #e1e1e1;
font-size: 14px;
line-height: 48px;
color: #333;
padding: 0 1.5%;
float: left; }
.main_gx.contact .box2 .table-box .submit {
width: 180px;
height: 44px;
display: block;
margin: 50px auto 0;
background: #050001;
font-size: 16px;
line-height: 44px;
border: none;
color: #fff; }
@media (max-width: 1220px) {
.main_gx.contact .box1 .map .con {
width: 45.8%;
left: 6.2%;
margin-left: 0; }
.main_gx.contact .box1 .map .con .con-new {
margin-left: 5.5%; } }
@media (max-width: 1115px) {
.main_gx.contact .box2 .table-box .t .tt .text {
width: 76%; }
.main_gx.contact .box2 .table-box .t1 .txt {
width: 87%; } }
@media (max-width: 1070px) {
.main_gx.contact .box1 .map .con .con-new .conn .item {
margin-bottom: 65px; } }
@media (max-width: 1024px) {
.main_gx.contact .box1 {
padding-top: 70px; }
.main_gx.contact .box2 {
margin-bottom: 80px; } }
@media (max-width: 980px) {
.main_gx.contact .box1 .map {
height: 480px; }
.main_gx.contact .box1 .map .con {
height: 420px; }
.main_gx.contact .box1 .map .con .con-new .title {
padding-top: 40px; }
.main_gx.contact .box1 .map .con .con-new .conn {
margin-top: 25px; }
.main_gx.contact .box1 .map .con .con-new .conn .item {
margin-bottom: 40px; }
.main_gx.contact .box1 .map .con .con-new .conn .item .tit {
line-height: 26px; }
.main_gx.contact .box1 .map .con .con-new .conn .line {
display: none; } }
@media (max-width: 770px) {
.main_gx.contact .box2 .table-box .t .tt {
width: 50%;
margin-bottom: 10px; }
.main_gx.contact .box2 .table-box .t .tt span {
width: 100%;
height: 30px;
line-height: 30px; }
.main_gx.contact .box2 .table-box .t .tt .text {
width: 90%;
height: 28px;
line-height: 28px; }
.main_gx.contact .box2 .table-box .t1 span {
width: 100%;
height: 30px;
line-height: 30px; }
.main_gx.contact .box2 .table-box .t1 .txt {
width: 93%; } }
@media (max-width: 750px) {
.main_gx.contact .box1 {
padding-top: 60px; }
.main_gx.contact .box1 .map {
margin-top: 40px; }
.main_gx.contact .box1 .map .con {
width: 57%; }
.main_gx.contact .box1 .map .con .con-new .conn .item .icon {
width: 48px;
height: 48px; }
.main_gx.contact .box1 .map .con .con-new .conn .item .tit {
padding-left: 65px; } }
@media (max-width: 700px) {
.main_gx.contact .position .position_cen {
width: 94%; }
.main_gx.contact .box2 {
margin-bottom: 50px; } }
@media (max-width: 500px) {
.main_gx.contact .box1 {
padding-top: 40px; }
.main_gx.contact .box1 .map {
margin-top: 30px;
height: auto; }
.main_gx.contact .box1 .map .map-new {
height: 400px; }
.main_gx.contact .box1 .map .con {
width: 100%;
position: relative;
top: 0;
left: 0;
height: auto;
padding-bottom: 20px; } }
@media (max-width: 470px) {
.main_gx.contact .box1 .map .map-new {
height: 350px; } }
.main_gx.join {
width: 100%;
height: auto;
margin-bottom: 120px; }
.main_gx.join .box1 .bb {
width: 100%;
height: auto;
padding-top: 118px; }
.main_gx.join .box1 .bb .content {
width: 100%;
height: auto;
background-size: cover !important;
position: relative;
padding-top: 85px;
padding-bottom: 40px;
margin-top: 65px; }
.main_gx.join .box1 .bb .content .bg {
width: 100%;
height: 100%;
background: #000;
filter: alpha(opacity=85);
opacity: 0.85;
position: absolute;
top: 0;
left: 0; }
.main_gx.join .box1 .bb .content .con {
width: 163px;
height: auto;
margin: 0 auto;
position: relative;
z-index: 3; }
.main_gx.join .box1 .bb .content .con .tits {
font-size: 18px;
line-height: 44px;
color: #fff; }
.main_gx.join .box1 .bb .content .con .icon {
width: 24px;
height: 24px;
margin: 67px auto 0;
background: url(../img/gx/join_icon.png) no-repeat; }
.main_gx.join .box2 {
padding-top: 92px; }
.main_gx.join .box2 .content {
width: 100%;
height: auto;
margin-top: 64px; }
.main_gx.join .box2 .content .title {
width: 100%;
height: 56px;
background: #050001;
font-size: 18px;
line-height: 56px;
color: #fff; }
.main_gx.join .box2 .content .title .t {
float: left;
text-align: center;
width: 16.25%; }
.main_gx.join .box2 .content .title .t1 {
margin-left: 5%;
text-align: left; }
.main_gx.join .box2 .content .title .t2 {
margin-left: 0; }
.main_gx.join .box2 .content .title .t3 {
margin-left: 4.8%; }
.main_gx.join .box2 .content .title .t4 {
margin-left: 5%; }
.main_gx.join .box2 .content .title .t5 {
float: right; }
.main_gx.join .box2 .content .list {
width: 100%;
height: auto;
margin-top: 16px; }
.main_gx.join .box2 .content .list ul {
width: 100%;
height: auto;
padding-bottom: 52px; }
.main_gx.join .box2 .content .list ul li {
width: 100%;
height: auto;
background: #f6f6f6;
margin-bottom: 8px; }
.main_gx.join .box2 .content .list ul li .tits {
width: 100%;
height: 56px;
font-size: 16px;
line-height: 56px;
color: #666;
cursor: pointer; }
.main_gx.join .box2 .content .list ul li .tits .t {
float: left;
height: 100%;
text-align: center;
width: 16.25%; }
.main_gx.join .box2 .content .list ul li .tits .t1 {
text-align: left;
margin-left: 5%; }
.main_gx.join .box2 .content .list ul li .tits .t2 {
margin-left: 0%; }
.main_gx.join .box2 .content .list ul li .tits .t3 {
margin-left: 4.8%; }
.main_gx.join .box2 .content .list ul li .tits .t4 {
margin-left: 5%; }
.main_gx.join .box2 .content .list ul li .tits .t5 {
float: right;
background: url(../img/gx/join_icon1.png) center no-repeat; }
.main_gx.join .box2 .content .list ul li .con {
width: 90%;
height: auto;
margin: 0 auto;
padding: 20px 0.8% 45px;
border-top: 1px solid #e1e1e1;
display: none; }
.main_gx.join .box2 .content .list ul li .con .item {
width: 100%;
height: auto;
font-size: 14px;
line-height: 26px;
padding-bottom: 20px;
color: #888; }
.main_gx.join .box2 .content .list ul li .con .item .t {
margin-bottom: 25px; }
.main_gx.join .box2 .content .list ul li .con .item1 {
width: 100%;
height: auto;
border-top: 1px solid #e1e1e1;
font-size: 14px;
line-height: 26px;
color: #050001;
padding-top: 23px; }
.main_gx.join .box2 .content .list ul li.on .tits {
color: #050001; }
.main_gx.join .box2 .content .list ul li.on .tits .t5 {
background: url(../img/gx/join_icon1_h.png) center no-repeat; }
@media (max-width: 1024px) {
.main_gx.join {
margin-bottom: 80px; }
.main_gx.join .box1 .bb {
padding-top: 70px; }
.main_gx.join .box1 .bb .content {
margin-top: 40px; }
.main_gx.join .box2 {
padding-top: 60px; } }
@media (max-width: 700px) {
.main_gx.join .position .position_cen {
width: 94%; } }
@media (max-width: 600px) {
.main_gx.join {
margin-bottom: 50px; }
.main_gx.join .box1 .bb {
padding-top: 50px; }
.main_gx.join .box1 .bb .content {
margin-top: 30px; }
.main_gx.join .box2 .content {
margin-top: 40px; }
.main_gx.join .box2 .content .title {
font-size: 16px;
line-height: 45px;
height: 45px; }
.main_gx.join .box2 .content .title .t {
width: 23.6%; }
.main_gx.join .box2 .content .title .t3 {
margin-left: 0; }
.main_gx.join .box2 .content .title .t4 {
display: none; }
.main_gx.join .box2 .content .list ul {
padding-bottom: 30px; }
.main_gx.join .box2 .content .list ul li .tits {
font-size: 16px;
line-height: 45px;
height: 45px; }
.main_gx.join .box2 .content .list ul li .tits .t {
width: 28%; }
.main_gx.join .box2 .content .list ul li .tits .t2 {
width: 18%; }
.main_gx.join .box2 .content .list ul li .tits .t3, .main_gx.join .box2 .content .list ul li .tits .t5 {
width: 21.4%;
margin-left: 0; }
.main_gx.join .box2 .content .list ul li .tits .t4 {
display: none; }
.main_gx.join .box2 .content .list ul li .con {
padding: 15px 0.8% 25px; }
.main_gx.join .box2 .content .list ul li .con .item {
margin-bottom: 0; }
.main_gx.join .box2 .content .list ul li .con .item .t {
margin-bottom: 15px; }
.main_gx.join .box2 .content .list ul li .con .item1 {
padding-top: 10px; } }
@media (max-width: 550px) {
.main_gx.join .box1 .content {
padding-top: 50px;
padding-bottom: 30px; } }
@media (max-width: 420px) {
.main_gx.join .box2 .content .title {
font-size: 12px;
line-height: 45px; }
.main_gx.join .box2 .content .list ul li .tits {
font-size: 12px;
line-height: 45px; } }
.main_gx.school {
width: 100%;
height: auto;
padding-bottom: 140px; }
.main_gx.school .box1 {
padding-top: 118px; }
.main_gx.school .box1 .tabs {
width: 100%;
text-align: center;
font-size: 0;
height: auto;
margin-top: 45px; }
.main_gx.school .box1 .tabs a {
width: 158px;
height: 40px;
border: 1px solid #e1e1e1;
text-align: center;
display: inline-block;
font-size: 14px;
line-height: 40px;
margin: 0 14px;
transition: all .5s;
color: #666; }
@media (min-width: 1024px) {
.main_gx.school .box1 .tabs a:hover {
background: #999;
border: 1px solid #999;
color: #fff; } }
.main_gx.school .box1 .tabs a.on {
background: #999;
border: 1px solid #999;
color: #fff; }
.main_gx.school .box1 .content {
width: 100%;
height: auto;
margin-top: 60px;
position: relative; }
.main_gx.school .box1 .content .pic {
width: 50%;
height: auto;
float: left; }
.main_gx.school .box1 .content .con {
width: 38.75%;
height: auto;
float: right;
margin-right: 4.75%;
padding-top: 47px;
position: relative;
z-index: 3; }
.main_gx.school .box1 .content .con .tits {
font-size: 24px;
line-height: 26px;
color: #050001; }
.main_gx.school .box1 .content .con .tit {
font-size: 14px;
line-height: 14px;
color: #aaa;
font-family: Arial;
text-transform: uppercase;
margin-top: 12px; }
.main_gx.school .box1 .content .con .line {
width: 40px;
height: 4px;
background: #ee000a;
margin-top: 29px; }
.main_gx.school .box1 .content .con .tit1 {
font-size: 14px;
line-height: 26px;
color: #666;
margin-top: 40px; }
.main_gx.school .box1 .content .icon {
width: 79px;
height: auto;
position: absolute;
bottom: 0;
right: 0; }
.main_gx.school .box1 .content .bg {
width: 52.8%;
height: 107px;
background: #fff;
filter: alpha(opacity=60);
opacity: 0.6;
position: absolute;
top: 20px;
right: 0; }
.main_gx.school .box2 {
width: 100%;
height: auto;
margin-top: 100px; }
.main_gx.school .box2 .content {
padding-top: 100px; }
.main_gx.school .box2 .content .list {
width: 100%;
height: auto; }
.main_gx.school .box2 .content .list ul {
width: 100%;
height: auto; }
.main_gx.school .box2 .content .list ul li {
width: 31.6%;
height: 340px;
box-sizing: border-box;
background: #fff;
float: left;
margin-right: 2.5%;
position: relative;
overflow: hidden; }
.main_gx.school .box2 .content .list ul li .icon {
width: 100%;
height: 52px;
margin-top: 70px; }
.main_gx.school .box2 .content .list ul li .tits {
text-align: center;
font-size: 18px;
line-height: 20px;
color: #333;
font-weight: bold;
margin-top: 31px; }
.main_gx.school .box2 .content .list ul li .tit {
font-size: 14px;
line-height: 20px;
color: #666;
text-align: center;
margin-top: 20px; }
.main_gx.school .box2 .content .list ul li .num {
font-size: 100px;
line-height: 100px;
font-family: HELVETI;
width: 100%;
color: #f6f6f6;
text-align: center;
position: absolute;
left: 0;
bottom: -26px; }
.main_gx.school .box2 .content .list ul li.l1 {
border-top: 4px solid #1b933b; }
.main_gx.school .box2 .content .list ul li.l2 {
border-top: 4px solid #f5c10c;
transition-delay: 0.2s; }
.main_gx.school .box2 .content .list ul li.l3 {
border-top: 4px solid #ff231b;
transition-delay: 0.4s; }
.main_gx.school .box2 .content .list ul li:last-child {
margin-right: 0; }
.main_gx.school .box2 .content .box {
width: 100%;
height: auto;
margin-top: 30px;
background: #fff;
box-shadow: 0 5px 20px rgba(0, 0, 0, 0.08);
position: relative; }
.main_gx.school .box2 .content .box .pic {
float: right;
width: 50%;
height: auto; }
.main_gx.school .box2 .content .box .con {
width: 50%;
height: 100%;
float: left; }
.main_gx.school .box2 .content .box .con .con-new {
width: 77.5%;
height: auto;
margin-left: 10.3%;
padding-top: 66px; }
.main_gx.school .box2 .content .box .con .con-new .icon {
width: 59px;
height: auto; }
.main_gx.school .box2 .content .box .con .con-new .tits {
font-size: 18px;
line-height: 20px;
font-weight: bold;
color: #333;
margin-top: 30px; }
.main_gx.school .box2 .content .box .con .con-new .tit {
font-size: 14px;
line-height: 26px;
color: #666;
margin-top: 26px; }
.main_gx.school .box2 .content .box .con .con-new .tit span {
width: 72px;
display: block;
height: auto;
float: left; }
.main_gx.school .box2 .content .box .con .con-new .tit i {
display: block;
padding-left: 72px; }
.main_gx.school .box2 .content .box .line {
width: 4px;
height: 100%;
background: #2fa9db;
position: absolute;
top: 0;
left: 0; }
.main_gx.school .box3 {
padding-top: 118px; }
.main_gx.school .box3 .tabs {
width: 100%;
text-align: center;
font-size: 0;
height: auto;
margin-top: 45px; }
.main_gx.school .box3 .tabs a {
width: 158px;
height: 40px;
border: 1px solid #e1e1e1;
text-align: center;
display: inline-block;
font-size: 14px;
line-height: 40px;
margin: 0 14px;
transition: all .5s;
color: #666; }
@media (min-width: 1024px) {
.main_gx.school .box3 .tabs a:hover {
background: #999;
border: 1px solid #999;
color: #fff; } }
.main_gx.school .box3 .tabs a.on {
background: #999;
border: 1px solid #999;
color: #fff; }
.main_gx.school .box3 .list {
width: 100%;
height: auto;
margin-top: 80px; }
.main_gx.school .box3 .list ul {
width: 100%;
height: auto;
padding-bottom: 10px; }
.main_gx.school .box3 .list ul li {
width: 98.3%;
height: auto;
background: #f6f6f6;
margin-bottom: 70px; }
.main_gx.school .box3 .list ul li a {
width: 100%;
height: auto;
display: block; }
.main_gx.school .box3 .list ul li a .pic {
width: 35.6%;
height: auto;
position: relative;
top: -21px;
overflow: hidden; }
.main_gx.school .box3 .list ul li a .pic img {
transition: all .5s; }
.main_gx.school .box3 .list ul li a .con {
width: 58%;
height: auto;
padding-top: 40px; }
.main_gx.school .box3 .list ul li a .con .line {
width: 60px;
height: 2px;
background: #050001; }
.main_gx.school .box3 .list ul li a .con .tits {
width: 100%;
font-size: 20px;
line-height: 22px;
height: 22px;
color: #050001;
display: -webkit-box;
-webkit-line-clamp: 1;
-webkit-box-orient: vertical;
overflow: hidden;
text-overflow: ellipsis;
margin-top: 15px; }
.main_gx.school .box3 .list ul li a .con .tit {
width: 100%;
font-size: 14px;
line-height: 24px;
height: 48px;
color: #999;
display: -webkit-box;
-webkit-line-clamp: 2;
-webkit-box-orient: vertical;
overflow: hidden;
text-overflow: ellipsis;
margin-top: 20px; }
.main_gx.school .box3 .list ul li a .con .more {
width: 160px;
height: 43px;
background: #050102;
margin-top: 48px; }
.main_gx.school .box3 .list ul li a .con .more .span {
width: 84px;
height: 100%;
margin: 0 auto;
font-size: 14px;
line-height: 43px;
color: #fff;
transition: width 0.5s; }
.main_gx.school .box3 .list ul li a .con .more .span span {
color: #fff;
float: left; }
.main_gx.school .box3 .list ul li a .con .more .span i {
width: 17px;
height: 100%;
background: url(../img/gx/school_icon6.png) center no-repeat;
float: right; }
@media (min-width: 1024px) {
.main_gx.school .box3 .list ul li a:hover .pic img {
transform: scale(1.1); }
.main_gx.school .box3 .list ul li a:hover .con .tit {
color: #050001; }
.main_gx.school .box3 .list ul li a:hover .con .more .span {
width: 104px; } }
.main_gx.school .box3 .list ul li.l .pic {
right: -1.8%; }
.main_gx.school .box3 .list ul li.l .con {
margin-left: 4.2%; }
.main_gx.school .box3 .list ul li.r .pic {
left: -1.8%; }
.main_gx.school .box3 .list ul li.r .con {
margin-right: 4.2%; }
@media (max-width: 1220px) {
.main_gx.school .box2 .content .box .con .con-new {
width: 85%;
margin-left: 6.5%;
padding-top: 25px; }
.main_gx.school .box2 .content .box .con .con-new .tits {
margin-top: 20px; }
.main_gx.school .box2 .content .box .con .con-new .tit {
margin-top: 15px; } }
@media (max-width: 1200px) {
.main_gx.school .box3 .list ul li a .pic {
width: 39%; }
.main_gx.school .box3 .list ul li a .con .more {
margin-top: 28px; }
.main_gx.school .box3 .list ul li.l .con {
margin-left: 2.2%; }
.main_gx.school .box3 .list ul li.r .con {
margin-right: 2.2%; } }
@media (max-width: 1024px) {
.main_gx.school {
padding-bottom: 90px; }
.main_gx.school .box1 {
padding-top: 70px; }
.main_gx.school .box1 .tabs {
margin-top: 30px; }
.main_gx.school .box1 .content {
margin-top: 40px; }
.main_gx.school .box1 .content .con {
padding-top: 25px; }
.main_gx.school .box1 .content .con .line {
margin-top: 20px; }
.main_gx.school .box1 .content .con .tit1 {
margin-top: 25px; }
.main_gx.school .box2 {
background-size: cover !important;
margin-top: 80px; }
.main_gx.school .box2 .content {
padding-top: 60px;
padding-bottom: 60px; }
.main_gx.school .box2 .content .list ul li {
height: 285px; }
.main_gx.school .box2 .content .list ul li .icon {
margin-top: 25px; }
.main_gx.school .box2 .content .list ul li .tit {
width: 96%;
margin: 20px auto 0; }
.main_gx.school .box2 .content .box .pic {
overflow: hidden; }
.main_gx.school .box2 .content .box .pic img {
width: 120%;
margin-left: -10%; }
.main_gx.school .box3 {
padding-top: 80px; }
.main_gx.school .box3 .tabs {
margin-top: 25px; }
.main_gx.school .box3 .list {
margin-top: 50px; } }
@media (max-width: 980px) {
.main_gx.school .box3 .list ul li a .pic {
width: 46%; }
.main_gx.school .box3 .list ul li a .con {
width: 50%; } }
@media (max-width: 900px) {
.main_gx.school .box1 {
padding-top: 60px; }
.main_gx.school .box1 .content .pic {
width: 53.5%; }
.main_gx.school .box1 .content .con {
padding-top: 10px; }
.main_gx.school .box1 .content .con .tit {
margin-top: 10px; }
.main_gx.school .box1 .content .con .tit1 {
margin-top: 15px; }
.main_gx.school .box1 .content .con .line {
margin-top: 10px; } }
@media (max-width: 876px) {
.main_gx.school .box2 {
margin-top: 60px; }
.main_gx.school .box2 .content .box .pic img {
width: 140%;
margin-left: -20%; }
.main_gx.school .box2 .content .box .con .con-new {
padding-top: 10px; }
.main_gx.school .box2 .content .box .con .con-new .icon {
width: 40px; }
.main_gx.school .box2 .content .box .con .con-new .tits {
margin-top: 10px; } }
@media (max-width: 840px) {
.main_gx.school .box3 {
padding-top: 60px; }
.main_gx.school .box3 .list ul li {
margin-bottom: 40px; }
.main_gx.school .box3 .list ul li a .con {
padding-top: 25px; }
.main_gx.school .box3 .list ul li a .con .tit {
margin-top: 10px; }
.main_gx.school .box3 .list ul li a .con .more {
margin-top: 20px; } }
@media (max-width: 765px) {
.main_gx.school {
padding-bottom: 70px; }
.main_gx.school .box1 {
padding-top: 50px; }
.main_gx.school .box1 .content .pic {
overflow: hidden; }
.main_gx.school .box1 .content .pic img {
width: 120%;
margin-left: -10%; } }
@media (max-width: 740px) {
.main_gx.school .box2 .content .list ul li {
height: 245px; }
.main_gx.school .box2 .content .list ul li .icon {
margin-top: 20px; }
.main_gx.school .box2 .content .list ul li .tits {
margin-top: 15px; }
.main_gx.school .box2 .content .list ul li .tit {
margin: 15px auto 0; }
.main_gx.school .box2 .content .list ul li .num {
font-size: 80px;
line-height: 80px;
bottom: -20px; }
.main_gx.school .box2 .content .box .pic img {
width: 160%;
margin-left: -30%; } }
@media (max-width: 730px) {
.main_gx.school .box3 .list ul li a .pic img {
width: 120%;
margin-left: -10%; }
.main_gx.school .box3 .list ul li a .con .more {
width: 140px;
height: 35px; }
.main_gx.school .box3 .list ul li a .con .more .span {
line-height: 35px; } }
@media (max-width: 680px) {
.main_gx.school .box1 .content .pic img {
width: 140%;
margin-left: -20%; }
.main_gx.school .box2 {
margin-top: 40px; }
.main_gx.school .box2 .content {
padding-top: 30px;
padding-bottom: 30px; }
.main_gx.school .box2 .content .list ul li .tits {
font-size: 16px; }
.main_gx.school .box2 .content .box .pic {
width: 100%;
float: none;
position: relative;
z-index: 5; }
.main_gx.school .box2 .content .box .pic img {
width: 100%;
margin-left: 0; }
.main_gx.school .box2 .content .box .con {
width: 100%;
height: auto;
float: none;
padding-bottom: 30px; } }
@media (max-width: 615px) {
.main_gx.school .box1 .content .pic {
width: 100%;
float: none; }
.main_gx.school .box1 .content .pic img {
width: 100%;
margin-left: 0; }
.main_gx.school .box1 .content .con {
width: 92%;
margin: 10px auto 0;
float: none; }
.main_gx.school .box1 .content .icon {
display: none; }
.main_gx.school .box1 .content .bg {
display: none; } }
@media (max-width: 580px) {
.main_gx.school .box3 {
padding-top: 40px; }
.main_gx.school .box3 .list ul li a .pic img {
width: 140%;
margin-left: -20%; } }
@media (max-width: 500px) {
.main_gx.school .box2 .content .list ul li {
width: 100%;
margin-right: 0;
float: none;
margin-bottom: 20px; }
.main_gx.school .box2 .content .box {
margin-top: 0; }
.main_gx.school .box3 .list {
margin-top: 30px; }
.main_gx.school .box3 .list ul li {
margin-bottom: 20px; }
.main_gx.school .box3 .list ul li a {
padding-bottom: 25px; }
.main_gx.school .box3 .list ul li a .pic {
width: 100%;
height: auto;
float: none;
top: 0; }
.main_gx.school .box3 .list ul li a .pic img {
width: 100%;
margin-left: 0; }
.main_gx.school .box3 .list ul li a .con {
width: 94%;
height: auto;
margin: 0 auto;
float: none !important; }
.main_gx.school .box3 .list ul li.r a .pic {
left: 0; }
.main_gx.school .box3 .list ul li.l a .pic {
right: 0; } }
@media (max-width: 400px) {
.main_gx.school .box1 .tabs {
margin-top: 20px; }
.main_gx.school .box1 .tabs a {
width: 120px;
height: 32px;
line-height: 32px;
margin: 0 5px; }
.main_gx.school .box1 .content {
margin-top: 25px; }
.main_gx.school .box3 .tabs {
margin-top: 20px; }
.main_gx.school .box3 .tabs a {
width: 120px;
height: 32px;
line-height: 32px;
margin: 0 5px; } }
.main_gx.service .box1 {
padding-top: 118px; }
.main_gx.service .box1 .tabs {
width: 100%;
height: auto;
margin-top: 58px;
position: relative;
z-index: 5; }
.main_gx.service .box1 .tabs ul {
width: 100%;
height: auto; }
.main_gx.service .box1 .tabs ul li {
width: 20%;
height: auto;
float: left;
cursor: pointer; }
.main_gx.service .box1 .tabs ul li .icon {
width: 90px;
height: 90px;
border-radius: 90px;
background-color: #050001;
margin: 0 auto;
background-position: center center;
background-repeat: no-repeat; }
.main_gx.service .box1 .tabs ul li .icon.i1 {
background-image: url(../img/gx/service_icon1.png); }
.main_gx.service .box1 .tabs ul li .icon.i2 {
background-image: url(../img/gx/service_icon2.png); }
.main_gx.service .box1 .tabs ul li .icon.i3 {
background-image: url(../img/gx/service_icon3.png); }
.main_gx.service .box1 .tabs ul li .icon.i5 {
background-image: url(../img/gx/service_icon4.png); }
.main_gx.service .box1 .tabs ul li .icon.i4 {
background-image: url(../img/gx/service_icon5.png); }
.main_gx.service .box1 .tabs ul li .tits {
text-align: center;
font-size: 16px;
line-height: 26px;
color: #050001;
margin-top: 16px; }
.main_gx.service .box1 .tabs ul li .icon1 {
width: 30px;
height: 21px;
background: url(../img/gx/service_icon6.jpg) no-repeat;
margin: 32px auto 0;
opacity: 0; }
.main_gx.service .box1 .tabs ul li.on .icon {
background-color: #e70012; }
.main_gx.service .box1 .tabs ul li.on .icon1 {
opacity: 1; }
.main_gx.service .box1 .list {
width: 100%;
height: auto;
position: relative;
z-index: 3; }
.main_gx.service .box1 .list ul {
width: 100%;
height: auto; }
.main_gx.service .box1 .list ul li {
width: 100%;
height: auto;
border: 1px solid #e1e1e1;
margin-top: -1px;
min-height: 214px;
display: none; }
.main_gx.service .box1 .list ul li .con {
width: 89.2%;
height: auto;
margin: 0 auto;
padding-top: 52px; }
.main_gx.service .box1 .list ul li .con .tits {
font-size: 16px;
line-height: 26px;
font-weight: bold;
color: #050001; }
.main_gx.service .box1 .list ul li .con .tit {
font-size: 14px;
line-height: 26px;
color: #666;
margin-top: 20px; }
.main_gx.service .box2 {
width: 100%;
height: auto;
background: #fafafa;
padding-top: 92px;
margin-top: 100px;
padding-bottom: 150px; }
.main_gx.service .box2 .content {
margin: 58px auto 0; }
.main_gx.service .box2 .content .pic {
width: 41.7%;
height: auto;
float: left;
position: relative; }
.main_gx.service .box2 .content .pic img {
position: relative;
z-index: 3; }
.main_gx.service .box2 .content .pic .bg {
width: 100%;
height: 100%;
background: #eeeeee;
top: 18px;
left: 18px;
position: absolute; }
.main_gx.service .box2 .content .table-box {
width: 51.8%;
float: right; }
.main_gx.service .box2 .content .table-box .t {
width: 100%;
height: auto; }
.main_gx.service .box2 .content .table-box .t .text {
width: 97.1%;
height: 48px;
border: 1px solid #e1e1e1;
background: #fff;
font-size: 14px;
line-height: 48px;
color: #171516;
padding-left: 2.7%;
margin-bottom: 20px; }
.main_gx.service .box2 .content .table-box .t .text::-webkit-input-placeholder {
color: #171516; }
.main_gx.service .box2 .content .table-box .t .text:-moz-placeholder {
color: #171516; }
.main_gx.service .box2 .content .table-box .t .text::-moz-placeholder {
color: #171516; }
.main_gx.service .box2 .content .table-box .t .text:-ms-input-placeholder {
color: #171516; }
.main_gx.service .box2 .content .table-box .t1 {
width: 100%;
height: auto;
position: relative;
z-index: 3; }
.main_gx.service .box2 .content .table-box .t1 .select {
width: 32%;
height: auto;
margin-right: 1.9%;
margin-bottom: 20px;
float: left;
position: relative; }
.main_gx.service .box2 .content .table-box .t1 .select .tits {
width: 100%;
height: 48px;
background: #fff;
border: 1px solid #e1e1e1;
cursor: pointer; }
.main_gx.service .box2 .content .table-box .t1 .select .tits span {
font-size: 14px;
line-height: 48px;
color: #666;
margin-left: 8.5%;
float: left; }
.main_gx.service .box2 .content .table-box .t1 .select .tits i {
width: 48px;
height: 48px;
border-left: 1px solid #e1e1e1;
background: #eee url(../img/gx/contact_icon4.png) center no-repeat;
float: right; }
.main_gx.service .box2 .content .table-box .t1 .select ul {
width: 100%;
max-height: 280px;
border: 1px solid #e1e1e1;
position: absolute;
top: 47px;
left: 0;
z-index: 10;
background: #fff;
overflow-y: scroll;
overflow-x: hidden;
display: none; }
.main_gx.service .box2 .content .table-box .t1 .select ul li {
width: 100%;
height: 35px;
font-size: 14px;
line-height: 35px;
color: #666;
cursor: pointer;
transition: all .5s; }
.main_gx.service .box2 .content .table-box .t1 .select ul li span {
margin-left: 5%; }
@media (min-width: 1024px) {
.main_gx.service .box2 .content .table-box .t1 .select ul li:hover {
background: #e70012;
color: #fff; } }
.main_gx.service .box2 .content .table-box .t1 .select:last-child {
margin-right: 0; }
.main_gx.service .box2 .content .table-box .txt {
width: 94.4%;
height: 142px;
background: #fff;
border: 1px solid #e1e1e1;
margin-bottom: 20px;
font-size: 14px;
line-height: 32px;
color: #171516;
padding: 8px 2.7%; }
.main_gx.service .box2 .content .table-box .txt::-webkit-input-placeholder {
color: #171516; }
.main_gx.service .box2 .content .table-box .txt:-moz-placeholder {
color: #171516; }
.main_gx.service .box2 .content .table-box .txt::-moz-placeholder {
color: #171516; }
.main_gx.service .box2 .content .table-box .txt:-ms-input-placeholder {
color: #171516; }
.main_gx.service .box2 .content .table-box .t2 {
width: 100%;
height: auto; }
.main_gx.service .box2 .content .table-box .t2 .text {
width: 36.6%;
height: 46px;
border: 1px solid #e1e1e1;
background: #fff;
float: left;
font-size: 14px;
line-height: 46px;
color: #171516;
padding-left: 1.7%; }
.main_gx.service .box2 .content .table-box .t2 .text::-webkit-input-placeholder {
color: #171516; }
.main_gx.service .box2 .content .table-box .t2 .text:-moz-placeholder {
color: #171516; }
.main_gx.service .box2 .content .table-box .t2 .text::-moz-placeholder {
color: #171516; }
.main_gx.service .box2 .content .table-box .t2 .text:-ms-input-placeholder {
color: #171516; }
.main_gx.service .box2 .content .table-box .t2 .button {
width: 148px;
height: 48px;
border: 1px solid #e1e1e1;
background: #eff2f7;
overflow: hidden;
float: left;
margin-left: 20px; }
.main_gx.service .box2 .content .table-box .submit {
width: 180px;
height: 44px;
margin: 40px auto 0;
background: #171516;
text-align: center;
font-size: 16px;
line-height: 44px;
border: none;
display: block;
color: #fff; }
@media (max-width: 1024px) {
.main_gx.service .box1 {
padding-top: 80px; }
.main_gx.service .box2 {
padding-top: 60px;
margin-top: 70px;
padding-bottom: 90px; }
.main_gx.service .box2 .content .table-box {
width: 55%; }
.main_gx.service .box2 .content .table-box .t .text {
height: 40px;
line-height: 40px;
margin-bottom: 10px; }
.main_gx.service .box2 .content .table-box .t1 .select {
margin-bottom: 10px; }
.main_gx.service .box2 .content .table-box .t1 .select .tits {
height: 40px; }
.main_gx.service .box2 .content .table-box .t1 .select .tits span {
line-height: 40px;
margin-left: 2.5%; }
.main_gx.service .box2 .content .table-box .t1 .select .tits i {
width: 40px;
height: 40px; }
.main_gx.service .box2 .content .table-box .t1 .select ul {
top: 41px; }
.main_gx.service .box2 .content .table-box .txt {
margin-bottom: 10px;
height: 110px; }
.main_gx.service .box2 .content .table-box .t2 .text {
height: 40px;
line-height: 40px; }
.main_gx.service .box2 .content .table-box .t2 .button {
height: 40px;
width: 124px; }
.main_gx.service .box2 .content .table-box .t2 .button img {
height: 40px; }
.main_gx.service .box2 .content .table-box .submit {
margin: 20px auto 0; } }
@media (max-width: 800px) {
.main_gx.service .box1 {
padding-top: 60px; }
.main_gx.service .box1 .tabs {
margin-top: 40px; }
.main_gx.service .box1 .tabs ul li .icon {
width: 70px;
height: 70px;
border-radius: 70px;
background-size: 30px; }
.main_gx.service .box1 .tabs ul li .i5 {
background-size: 22px; }
.main_gx.service .box1 .tabs ul li .tits {
width: 92%;
margin: 10px auto 0;
text-align: center;
font-size: 14px;
line-height: 18px;
height: 36px; }
.main_gx.service .box1 .tabs ul li .icon1 {
margin: 15px auto 0; }
.main_gx.service .box1 .list ul li {
min-height: auto;
padding-bottom: 30px; }
.main_gx.service .box1 .list ul li .con {
padding-top: 25px; }
.main_gx.service .box1 .list ul li .con .tit {
margin-top: 15px; }
.main_gx.service .box2 {
padding-top: 40px;
margin-top: 50px;
padding-bottom: 70px; }
.main_gx.service .box2 .content {
margin: 30px auto 0; }
.main_gx.service .box2 .content .pic {
overflow: hidden; }
.main_gx.service .box2 .content .pic img {
width: 120%;
margin-left: -10%; }
.main_gx.service .box2 .content .table-box .t1 .select {
width: 99.8%;
float: none; } }
@media (max-width: 720px) {
.main_gx.service .box2 .content .pic img {
width: 160%;
margin-left: -30%; } }
@media (max-width: 700px) {
.main_gx.service .position .position_cen {
width: 94%; } }
@media (max-width: 600px) {
.main_gx.service .box2 .content .pic {
display: none; }
.main_gx.service .box2 .content .table-box {
width: 100%; } }
@media (max-width: 460px) {
.main_gx.service .box1 {
padding-top: 40px; }
.main_gx.service .box1 .tabs {
margin-top: 25px; }
.main_gx.service .box1 .tabs ul li .icon {
width: 50px;
height: 50px;
border-radius: 50px;
background-size: 24px; }
.main_gx.service .box1 .tabs ul li .i5 {
background-size: 16px; }
.main_gx.service .box1 .tabs ul li .tits {
height: 54px; }
.main_gx.service .box1 .tabs ul li .icon1 {
margin-top: 0; }
.main_gx.service .box2 {
padding-top: 30px;
margin-top: 40px;
padding-bottom: 60px; } }
.main_gx.online {
width: 100%;
height: auto;
padding-bottom: 140px; }
.main_gx.online .content {
padding-top: 118px; }
.main_gx.online .content .con {
width: 100%;
height: auto;
margin-top: 58px; }
.main_gx.online .content .con .con-left {
width: 52.2%;
height: auto;
float: left;
position: relative;
z-index: 10; }
.main_gx.online .content .con .con-left .title {
font-size: 24px;
line-height: 37px;
color: #050001;
margin-top: 2px;
margin-left: 17px; }
.main_gx.online .content .con .con-left .line {
width: 30px;
height: 4px;
background: #e70012;
margin-left: 17px;
margin-top: 18px; }
.main_gx.online .content .con .con-left .table-box {
width: 100%;
height: auto;
margin-top: 46px; }
.main_gx.online .content .con .con-left .table-box .t {
width: 100%;
height: auto;
margin-bottom: 35px; }
.main_gx.online .content .con .con-left .table-box .t .span {
width: 115px;
height: auto;
font-size: 16px;
line-height: 50px;
display: block;
text-align: right;
float: left;
color: #333; }
.main_gx.online .content .con .con-left .table-box .t .span i {
color: #e70012;
font-size: 20px;
margin-right: 7px; }
.main_gx.online .content .con .con-left .table-box .t .text {
width: 78.3%;
float: left;
height: 50px;
border: 1px solid #e1e1e1;
background: #fff;
font-size: 16px;
line-height: 50px;
color: #999;
padding-left: 1.5%; }
.main_gx.online .content .con .con-left .table-box .t .tt {
width: 79.8%;
height: auto;
float: left; }
.main_gx.online .content .con .con-left .table-box .t .tt .select {
width: 32%;
height: auto;
margin-right: 1.9%;
float: left;
position: relative; }
.main_gx.online .content .con .con-left .table-box .t .tt .select .tits {
width: 100%;
height: 50px;
background: #fff;
border: 1px solid #e1e1e1;
cursor: pointer; }
.main_gx.online .content .con .con-left .table-box .t .tt .select .tits span {
font-size: 14px;
line-height: 50px;
color: #666;
margin-left: 8.5%;
float: left; }
.main_gx.online .content .con .con-left .table-box .t .tt .select .tits i {
width: 44px;
height: 50px;
border-left: 1px solid #e1e1e1;
background: #eee url(../img/gx/online_icon.png) center no-repeat;
float: right; }
.main_gx.online .content .con .con-left .table-box .t .tt .select ul {
width: 100%;
max-height: 280px;
border: 1px solid #e1e1e1;
position: absolute;
top: 43px;
left: 0;
z-index: 10;
background: #fff;
overflow-y: scroll;
overflow-x: hidden;
display: none; }
.main_gx.online .content .con .con-left .table-box .t .tt .select ul li {
width: 100%;
height: 35px;
font-size: 14px;
line-height: 35px;
color: #666;
cursor: pointer;
transition: all .5s; }
.main_gx.online .content .con .con-left .table-box .t .tt .select ul li span {
margin-left: 5%; }
@media (min-width: 1024px) {
.main_gx.online .content .con .con-left .table-box .t .tt .select ul li:hover {
background: #e70012;
color: #fff; } }
.main_gx.online .content .con .con-left .table-box .t .tt .select:last-child {
margin-right: 0; }
.main_gx.online .content .con .pic {
width: 43.3%;
height: 360px;
float: right;
background-size: cover !important;
position: relative; }
.main_gx.online .content .con .pic .bg {
width: 96%;
height: 94%;
position: absolute;
top: 3%;
left: 2%;
border: 1px solid #fff;
filter: alpha(opacity=50);
opacity: 0.5; }
.main_gx.online .content .con1 {
width: 100%;
height: auto; }
.main_gx.online .content .con1 span {
width: 115px;
height: auto;
font-size: 16px;
line-height: 44px;
display: block;
text-align: right;
float: left;
color: #333; }
.main_gx.online .content .con1 span i {
color: #e70012;
font-size: 20px;
margin-right: 7px; }
.main_gx.online .content .con1 .con-new {
width: 89.5%;
height: auto;
padding-bottom: 30px;
border: 1px solid #e1e1e1;
float: left; }
.main_gx.online .content .con1 .con-new .txt {
width: 97%;
height: 88px;
margin: 0 auto;
padding: 6px 0;
font-size: 14px;
line-height: 30px;
color: #ccc;
display: block;
border: none;
background: none; }
.main_gx.online .content .con1 .con-new .txt::-webkit-input-placeholder {
color: #ccc; }
.main_gx.online .content .con1 .con-new .txt:-moz-placeholder {
color: #ccc; }
.main_gx.online .content .con1 .con-new .txt::-moz-placeholder {
color: #ccc; }
.main_gx.online .content .con1 .con-new .txt:-ms-input-placeholder {
color: #ccc; }
.main_gx.online .content .con1 .con-new .pic-list {
width: 97%;
height: 110px;
margin: 0 auto; }
.main_gx.online .content .con1 .con-new .pic-list .uploader-list {
float: left; }
.main_gx.online .content .con1 .con-new .pic-list .uploader-list .file-item {
width: 110px;
height: 110px;
display: block;
overflow: hidden;
float: left;
margin-right: 30px; }
.main_gx.online .content .con1 .con-new .pic-list .uploader-list .file-item img {
width: 100%; }
.main_gx.online .content .con1 .con-new .pic-list .uploader-list .file-item .info {
display: none; }
.main_gx.online .content .con1 .con-new .pic-list .file {
width: 108px;
height: 108px;
border: 1px dashed #ccc;
background: url(../img/gx/online_icon1.png) center 24px no-repeat;
cursor: pointer;
float: left;
position: relative; }
.main_gx.online .content .con1 .con-new .pic-list .file .webuploader-pick {
width: 108px;
height: 108px;
padding: 0;
background: none;
color: normal; }
.main_gx.online .content .con1 .con-new .pic-list .file .webuploader-element-invisible {
width: 108px;
height: 108px; }
.main_gx.online .content .con1 .con-new .pic-list .file label {
display: none; }
.main_gx.online .content .con1 .con-new .pic-list .file .text {
width: 100%;
height: auto;
position: absolute;
bottom: 13px;
left: 0;
font-size: 14px;
line-height: 20px;
text-align: center;
color: #999; }
.main_gx.online .content .con1 .con-new .pic-list .file .text span {
display: inline-block;
width: auto;
font-size: 14px;
line-height: 20px;
color: #999;
float: none; }
.main_gx.online .content .submit {
width: 180px;
height: 44px;
background: #050001;
text-align: center;
display: block;
font-size: 16px;
line-height: 44px;
color: #fff;
margin: 40px auto 0;
border: none; }
@media (max-width: 1220px) {
.main_gx.online .content .con .con-left {
width: 55%; }
.main_gx.online .content .con .con-left .table-box .t .text {
width: 78%; }
.main_gx.online .content .con1 .con-new {
width: 87%; } }
@media (max-width: 1120px) {
.main_gx.online .content .con .con-left .table-box .t .text {
width: 73%; }
.main_gx.online .content .con .con-left .table-box .t .tt {
width: 74.8%; }
.main_gx.online .content .con1 .con-new {
width: 83%; } }
@media (max-width: 1024px) {
.main_gx.online {
padding-bottom: 100px; }
.main_gx.online .content {
padding-top: 80px; } }
@media (max-width: 900px) {
.main_gx.online {
padding-bottom: 80px; }
.main_gx.online .content {
padding-top: 60px; }
.main_gx.online .content .con .con-left .line {
margin-top: 10px; }
.main_gx.online .content .con .con-left .table-box {
margin-top: 20px; }
.main_gx.online .content .con .con-left .table-box .t {
margin-bottom: 10px; }
.main_gx.online .content .con .con-left .table-box .t .span {
line-height: 35px; }
.main_gx.online .content .con .con-left .table-box .t .text {
width: 65%;
height: 33px;
line-height: 33px; }
.main_gx.online .content .con .con-left .table-box .t .tt {
width: 66.8%; }
.main_gx.online .content .con .con-left .table-box .t .tt .select {
width: 99.8%;
margin-bottom: 10px; }
.main_gx.online .content .con .con-left .table-box .t .tt .select .tits {
height: 33px; }
.main_gx.online .content .con .con-left .table-box .t .tt .select .tits span {
line-height: 33px; }
.main_gx.online .content .con .con-left .table-box .t .tt .select .tits i {
width: 33px;
height: 33px; }
.main_gx.online .content .con .con-left .table-box .t .tt .select ul {
top: 34px; }
.main_gx.online .content .con .pic {
height: 350px; } }
@media (max-width: 750px) {
.main_gx.online .content .con {
margin-top: 35px; }
.main_gx.online .content .con .con-left {
width: 100%; }
.main_gx.online .content .con .con-left .table-box .t .tt .select .tits span {
margin-left: 2.5%; }
.main_gx.online .content .con .pic {
display: none; }
.main_gx.online .content .con1 .con-new {
width: 80%; } }
@media (max-width: 700px) {
.main_gx.online .position .position_cen {
width: 94%; } }
@media (max-width: 630px) {
.main_gx.online .content .con .con-left .title {
margin-left: 0; }
.main_gx.online .content .con .con-left .line {
margin-left: 0; }
.main_gx.online .content .con .con-left .table-box .t .span {
width: 100%;
float: none;
text-align: left; }
.main_gx.online .content .con .con-left .table-box .t .text {
width: 100%;
float: none; }
.main_gx.online .content .con .con-left .table-box .t .tt {
width: 100%; }
.main_gx.online .content .con .con-left .table-box .t .tt .select {
width: 100%; }
.main_gx.online .content .con1 span {
width: 100%;
float: none;
text-align: left; }
.main_gx.online .content .con1 .con-new {
width: 100%;
float: none; } }
.main_gx.store {
width: 100%;
height: auto;
padding-bottom: 140px; }
.main_gx.store .content {
padding-top: 118px; }
.main_gx.store .content .con {
width: 100%;
margin-top: 58px; }
@media (max-width: 1024px) {
.main_gx.store {
padding-bottom: 100px; }
.main_gx.store .content {
padding-top: 80px; } }
@media (max-width: 700px) {
.main_gx.store .position .position_cen {
width: 94%; } }
@media (max-width: 600px) {
.main_gx.store {
padding-bottom: 60px; }
.main_gx.store .content {
padding-top: 50px; }
.main_gx.store .content .con {
margin-top: 35px; } }
.main_gx.interactive .content {
padding-top: 118px;
padding-bottom: 140px; }
.main_gx.interactive .content .list {
width: 100%;
height: auto;
margin-top: 108px; }
.main_gx.interactive .content .list ul {
width: 110%;
height: auto;
padding-bottom: 20px; }
.main_gx.interactive .content .list ul li {
width: 28.8%;
height: auto;
margin-right: 2.2%;
float: left;
margin-bottom: 58px;
position: relative; }
.main_gx.interactive .content .list ul li a {
width: 100%;
height: auto;
display: block; }
.main_gx.interactive .content .list ul li a .pic {
width: 100%;
height: auto;
overflow: hidden;
position: relative; }
.main_gx.interactive .content .list ul li a .pic img {
transition: all .5s; }
.main_gx.interactive .content .list ul li a .pic .line {
width: 94%;
height: 92%;
position: absolute;
top: 0;
left: 0;
right: 0;
bottom: 0;
margin: auto;
border: 2px solid #fff;
filter: alpha(opacity=20);
opacity: 0.2; }
.main_gx.interactive .content .list ul li a .tits {
width: 89.5%;
height: 60px;
background: #fff;
text-align: center;
margin: -30px auto 0;
font-size: 16px;
line-height: 60px;
color: #050001;
position: relative;
z-index: 3; }
@media (min-width: 1024px) {
.main_gx.interactive .content .list ul li:hover a .pic img {
transform: scale(1.1); } }
.main_gx.interactive .content .list ul li:nth-child(3n-1) {
top: -50px; }
.main_gx.interactive .content .list .more {
width: 160px;
height: 44px;
display: block;
margin: 0 auto;
background: #050001; }
.main_gx.interactive .content .list .more span {
width: 84px;
height: 100%;
display: block;
margin: 0 auto;
font-size: 14px;
line-height: 44px;
color: #fff;
background: url(../img/gx/interactive_icon.png) right center no-repeat; }
@media (max-width: 1024px) {
.main_gx.interactive .content {
padding-top: 80px;
padding-bottom: 100px; }
.main_gx.interactive .content .list {
margin-top: 80px; }
.main_gx.interactive .content .list ul li {
margin-bottom: 40px; }
.main_gx.interactive .content .list ul li a .tits {
height: 40px;
line-height: 40px;
margin: -20px auto 0; }
.main_gx.interactive .content .list ul li:nth-child(3n-1) {
top: -30px; } }
@media (max-width: 700px) {
.main_gx.interactive .content {
padding-top: 60px;
padding-bottom: 70px; }
.main_gx.interactive .content .list {
margin-top: 40px; }
.main_gx.interactive .content .list ul li {
width: 43.8%;
margin-bottom: 30px;
margin-right: 3.2%; }
.main_gx.interactive .content .list ul li:nth-child(3n-1) {
top: 0; } }
@media (max-width: 400px) {
.main_gx.interactive .content {
padding-top: 40px;
padding-bottom: 60px; }
.main_gx.interactive .content .list {
margin-top: 30px; }
.main_gx.interactive .content .list ul {
width: 100%; }
.main_gx.interactive .content .list ul li {
width: 100%;
float: none;
margin-right: 0; } }
@media (max-width: 700px) {
.main_gx.interactive .position .position_cen {
width: 94%; } }
.main_gx.table .content {
padding-top: 118px;
padding-bottom: 140px; }
.main_gx.table .content .con {
width: 100%;
height: auto;
margin-top: 58px;
background: #fafafa;
border: 1px solid #e1e1e1;
padding-top: 60px;
padding-bottom: 100px; }
.main_gx.table .content .con .con-new {
width: 83.3%;
height: auto;
margin: 0 auto; }
.main_gx.table .content .con .con-new .title {
width: 100%;
height: auto;
border-bottom: 1px solid #e1e1e1;
padding-bottom: 22px; }
.main_gx.table .content .con .con-new .title .tits {
font-size: 24px;
line-height: 24px;
color: #e70012; }
.main_gx.table .content .con .con-new .title .tit {
font-size: 14px;
line-height: 28px;
color: #333;
margin-top: 18px; }
.main_gx.table .content .con .con-new .title .tit .p {
text-indent: 2em; }
.main_gx.table .content .con .con-new .conn {
width: 100%;
height: auto;
margin-top: 37px; }
.main_gx.table .content .con .con-new .conn .item {
width: 100%;
height: auto;
padding-bottom: 20px; }
.main_gx.table .content .con .con-new .conn .item .tits {
font-size: 14px;
line-height: 22px;
color: #333; }
.main_gx.table .content .con .con-new .conn .item .tits i {
float: left; }
.main_gx.table .content .con .con-new .conn .item .tits span {
color: #e70012;
font-size: 20px;
float: left;
padding-top: 2px; }
.main_gx.table .content .con .con-new .conn .item .tit {
width: 100%;
font-size: 14px;
line-height: 16px;
color: #333;
margin-top: 25px; }
.main_gx.table .content .con .con-new .conn .item .tit .t {
background: url(../img/gx/table_icon.png) left center no-repeat;
padding-left: 27px;
margin-bottom: 18px;
cursor: pointer; }
.main_gx.table .content .con .con-new .conn .item .tit .t .text {
width: 200px;
height: 16px;
border: none;
border-bottom: 1px solid #333;
font-size: 14px;
line-height: 16px;
margin-left: 5px;
background: none; }
.main_gx.table .content .con .con-new .conn .item .tit .t.on {
background: url(../img/gx/table_icon_h.png) left center no-repeat; }
.main_gx.table .content .con .con-new .conn .item .txt {
width: 97.8%;
height: 190px;
border: 1px solid #e1e1e1;
background: #fff;
font-size: 14px;
line-height: 26px;
color: #333;
padding: 5px 1%;
margin-top: 27px; }
.main_gx.table .content .con .con-new .conn .submit {
width: 180px;
height: 44px;
background: #050001;
font-size: 16px;
line-height: 44px;
text-align: center;
display: block;
color: #fff;
border: none;
margin: 32px auto 0; }
@media (max-width: 1024px) {
.main_gx.table .content {
padding-top: 80px;
padding-bottom: 100px; }
.main_gx.table .content .con {
margin-top: 45px;
padding-top: 40px;
padding-bottom: 70px; } }
@media (max-width: 700px) {
.main_gx.table .position .position_cen {
width: 94%; }
.main_gx.table .content {
padding-top: 60px;
padding-bottom: 80px; }
.main_gx.table .content .con {
margin-top: 35px;
padding-top: 30px;
padding-bottom: 50px; }
.main_gx.table .content .con .con-new .conn {
margin-top: 20px; }
.main_gx.table .content .con .con-new .conn .item {
padding-bottom: 10px; }
.main_gx.table .content .con .con-new .conn .submit {
margin: 20px auto 0; } }
@media (max-width: 500px) {
.main_gx.table .content {
padding-top: 40px;
padding-bottom: 60px; } }
@media (max-width: 375px) {
.main_gx.table .content .con .con-new .conn .item .tit .t .text {
width: 150px; } }
/*# sourceMappingURL=style_gx.css.map */