html, body { padding: 0; margin: 0; height: 100%; }

body { color: #333; background: #fff; font-size: 100%; line-height: 1; font-family: 'PingFangSC-Light',helvetica,'Heiti SC',"Hiragino Sans GB","Droid Sans","Microsoft Yahei"; height: 100%; }

h1, h2, h3, h4, h5, h6, select, input, button { font-size: 100%; font-weight: normal; outline: none; -webkit-box-sizing: border-box; box-sizing: border-box; }

body, h1, h2, h3, h4, h5, h6, div, ol, ul, li, dl, dt, dd, form, p, img, hr { margin: 0; padding: 0; border: 0; outline: none; -webkit-box-sizing: border-box; box-sizing: border-box; }

input, button, select, img { margin: 0; padding: 0; line-height: normal; border: 0; outline: none; -webkit-box-sizing: border-box; box-sizing: border-box; }

input { -webkit-appearance: none; }

ul, li, dl, dt, dd { list-style: none; }

select, input, textarea, button, button img, label { vertical-align: middle; font-family: 'PingFangSC-Light',helvetica,'Heiti SC',"Hiragino Sans GB","Droid Sans","Microsoft Yahei"; outline: none; -webkit-box-sizing: border-box; box-sizing: border-box; }

header, footer, section, aside, nav, hgroup, figure, figcaption { display: block; margin: 0; padding: 0; border: none; outline: none; -webkit-box-sizing: border-box; box-sizing: border-box; }

a, a:link, a:visited { color: #333; text-decoration: none; cursor: pointer; outline: none; }

a:hover { color: #2c93fa; text-decoration: none; cursor: pointer; }

.clearfix:after { content: ""; display: block; height: 0; clear: both; visibility: hidden; }

.clearfix { zoom: 1; }

body { -webkit-text-size-adjust: 100%; -moz-text-size-adjust: 100%; -ms-text-size-adjust: 100%; text-size-adjust: 100%; }

body { background: #f4f4f4 url("../img/bg.png") center 80px no-repeat; background-size: 100% auto; }

.head-fixed { position: fixed; top: 0; left: 0; right: 0; background-color: #fff; z-index: 99; }

.head { height: 80px; }
.head h1 { display: inline-block; padding-top: 24px; }
.head .fr { float: right; padding-top: 34px; }

.content { max-width: 1200px; margin: 0 auto; }

.banner { padding-top: 80px; }
.banner .title { width: 100%; margin: 0 auto; }
.banner .title img { width: 100%; }

.c-about { background-color: #fff; border-radius: 10px; padding: 30px; }
.c-about .title { text-align: center; padding: 0 0 36px 0; font-size: 24px; color: #000; }
.c-about .about-conn { display: table; }
.c-about .about-conn .l { display: table-cell; vertical-align: top; width: 35%; text-align: center; }
.c-about .about-conn .l p { padding: 20px 0 34px 0; font-size: 14px; color: #000; line-height: 1.5; }
.c-about .about-conn .r { display: table-cell; vertical-align: top; width: 65%; }
.c-about .about-conn .text-conn { padding-left: 40px; font-size: 16px; line-height: 30px; color: #2d2d2d; padding-bottom: 30px; }
.c-about .col-box { display: table; width: 100%; }
.c-about .col-box .col { width: 50%; display: table-cell; }
.c-about .col-box .col.col-1 { padding-right: 15px; }
.c-about .col-box .col.col-1 .diff-box { background: url("../img/about-bg1.png") right bottom no-repeat; }
.c-about .col-box .col.col-2 { padding-left: 15px; }
.c-about .col-box .col.col-2 .diff-box { background: url("../img/about-bg2.png") right bottom no-repeat; }
.c-about .diff-box { border: 1px #c70a00 solid; position: relative; padding: 20px 26px; min-height: 460px; }
.c-about .diff-box .tit { font-size: 22px; line-height: 1.5; padding: 10px 0; font-weight: bold; text-align: center; }
.c-about .diff-box p { font-size: 16px; line-height: 30px; color: #2d2d2d; }
.c-about .diff-box .ot { position: absolute; top: -15px; left: 50%; margin-left: -55px; width: 110px; height: 30px; line-height: 30px; font-size: 18px; color: #fff; background-color: #c70a00; text-align: center; }
.c-about .diff-box .ot::before { position: absolute; left: -12px; top: 0; content: ""; width: 0; height: 0; border: 15px transparent solid; border-right: 12px #c70a00 solid; border-left: none; }
.c-about .diff-box .ot::after { position: absolute; right: -12px; top: 0; content: ""; width: 0; height: 0; border: 15px transparent solid; border-left: 12px #c70a00 solid; border-right: none; }

.column .title { text-align: center; padding-top: 90px; }
.column .title h3 { font-size: 36px; color: #000; position: relative; display: inline-block; z-index: 1; font-weight: bold; }
.column .title h3::before { position: absolute; left: 0; right: 0; bottom: -6px; content: ""; height: 12px; background-color: #c70a00; }
.column .title h3 span { position: relative; }

.collect-list { font-size: 0; line-height: 0; padding-top: 50px; padding-bottom: 30px; }
.collect-list .collect-box { display: inline-block; vertical-align: top; width: 33%; }
.collect-list .collect-box.box3 { width: 34%; }
.collect-list .collect-box.box3 .collect-nbox { padding-right: 0; }
.collect-list .collect-nbox { padding: 0 10px 0 40px; position: relative; -webkit-transition: all .5s; transition: all .5s; }
.collect-list .collect-nbox:hover { -webkit-transform: scale(1.1); transform: scale(1.1); }
.collect-list .collect-nbox .img { position: absolute; top: 16px; left: 10px; -webkit-box-shadow: 0 7px 16px rgba(0, 0, 0, 0.18); box-shadow: 0 7px 16px rgba(0, 0, 0, 0.18); }
.collect-list .collect-nbox .conn { background-color: #fff; border-radius: 10px; font-size: 16px; line-height: 20px; color: #2d2d2d; padding: 26px 20px 0px 90px; min-height: 160px; }
.collect-list .collect-nbox .p-l { font-size: 12px; color: #0568ee; line-height: 1.2; }
.collect-list .collect-nbox .p-l a { color: #0568ee; }
.collect-list .n-box3 .conn { padding-right: 14px; }

.prin-list { font-size: 0; line-height: 0; padding-top: 50px; padding-bottom: 100px; }
.prin-list .prin-box { display: inline-block; vertical-align: top; width: 25%; }
.prin-list .prin-nbox { padding: 0 28px; position: relative; background-color: #fff; margin: 0 10px; text-align: center; min-height: 330px; border-radius: 10px; -webkit-transition: all .5s; transition: all .5s; }
.prin-list .prin-nbox:hover { -webkit-transform: scale(1.1); transform: scale(1.1); }
.prin-list .prin-nbox .img { display: block; padding: 50px 0; }
.prin-list .prin-nbox .t { font-size: 24px; color: #000; font-weight: bold; }
.prin-list .prin-nbox .conn { font-size: 16px; line-height: 28px; color: #625c55; padding-top: 30px; }
.prin-list .n-box3 .conn { padding-right: 14px; }

.cycle-column { background: url("../img/cycle-bg.png") center top no-repeat; min-height: 424px; background-size: auto 100%; }
.cycle-column .title { font-size: 36px; color: #fff; text-align: center; padding-top: 57px; font-weight: bold; }
.cycle-column .cycle-list { font-size: 0; line-height: 0; text-align: center; padding-top: 50px; display: table; width: 100%; }
.cycle-column .tbox, .cycle-column .bbox { display: table-cell; width: 50%; }
.cycle-column .cycle-box { display: table-cell; vertical-align: top; width: 20%; }
.cycle-column .cycle-box:last-child .cycle-nbox::after { display: none; }
.cycle-column .arrow { display: table-cell; vertical-align: top; height: 204px; background: url("../img/icon-arrow.png") center center no-repeat; width: 5%; }
.cycle-column .cycle-nbox { width: 204px; height: 204px; display: inline-block; vertical-align: top; position: relative; border-radius: 50%; background-color: #fff; line-height: 1; -webkit-transition: all .5s; transition: all .5s; }
.cycle-column .cycle-nbox:hover { -webkit-transform: scale(1.1); transform: scale(1.1); }
.cycle-column .cycle-nbox .img { padding-top: 30px; display: block; }
.cycle-column .cycle-nbox .t { font-size: 24px; color: #000; font-weight: bold; padding-top: 18px; }
.cycle-column .cycle-nbox .conn { font-size: 14px; line-height: 1; color: #000; padding-top: 14px; }

.jury-list { font-size: 0; line-height: 0; padding-top: 50px; padding-bottom: 30px; }
.jury-list .jury-box { display: inline-block; vertical-align: top; width: 50%; }
.jury-list .jury-nbox { padding: 30px 11px 0 30px; position: relative; margin: 0 10px; min-height: 160px; line-height: 1; -webkit-transition: all .5s; transition: all .5s; }
.jury-list .jury-nbox:hover { -webkit-transform: scale(1.1); transform: scale(1.1); }
.jury-list .jury-nbox .img { position: absolute; top: 0; left: 0; border-radius: 50%; -webkit-box-shadow: 0 7px 16px rgba(0, 0, 0, 0.18); box-shadow: 0 7px 16px rgba(0, 0, 0, 0.18); }
.jury-list .jury-nbox .t { font-size: 22px; color: #000; font-weight: bold; background-color: #fff; height: 106px; line-height: 106px; border-radius: 10px; padding-left: 150px; }
.jury-list .n-box3 .conn { padding-right: 14px; }

.reward-box { padding: 60px 0; }

.reward-nbox { position: relative; background-color: #f5e2b1; background: -webkit-gradient(linear, left top, right top, from(#fdedbd), to(#dfc48f)); background: linear-gradient(to right, #fdedbd, #dfc48f); -webkit-box-shadow: inset 0px 1px 0px white, 0 8px 13px rgba(189, 161, 107, 0.35); box-shadow: inset 0px 1px 0px white, 0 8px 13px rgba(189, 161, 107, 0.35); border-radius: 14px; padding: 0 270px; text-align: center; min-height: 110px; }
.reward-nbox .img { position: absolute; top: -26px; left: 113px; }
.reward-nbox .t { font-size: 26px; color: #000; font-weight: bold; padding-top: 20px; }
.reward-nbox .conn { font-size: 16px; line-height: 1; color: #000; font-weight: bold; padding-top: 18px; line-height: 1.5; }

.canal-column { background: url("../img/canal-bg.png") center top no-repeat; min-height: 403px; background-size: auto 100%; text-align: center; }
.canal-column .title { font-size: 36px; color: #000; font-weight: bold; padding-top: 80px; padding-bottom: 30px; }
.canal-column .conn { font-size: 20px; line-height: 38px; }
.canal-column .conn .s { font-size: 16px; }
.canal-column .btn-box { padding-top: 30px; }
.canal-column a.btn-1 { background-color: #c70a00; position: relative; display: inline-block; padding: 0 26px; height: 56px; border-radius: 28px; line-height: 56px; font-size: 20px; color: #fff; -webkit-transition: all .5s; transition: all .5s; }
.canal-column a.btn-1:hover { -webkit-transform: scale(1.1); transform: scale(1.1); }
.canal-column a.btn-1 i { display: inline-block; vertical-align: middle; width: 30px; height: 30px; background: url("../img/icon-d.png") no-repeat; margin-right: 10px; }
.canal-column a.btn-2 { background-color: #c70a00; position: relative; display: inline-block; padding: 0 26px; height: 56px; border-radius: 28px; line-height: 56px; font-size: 20px; color: #fff; margin-left: 12px; -webkit-transition: all .5s; transition: all .5s; }
.canal-column a.btn-2:hover { -webkit-transform: scale(1.1); transform: scale(1.1); }
.canal-column a.btn-2 i { display: inline-block; vertical-align: middle; width: 30px; height: 30px; background: url("../img/icon-m.png") no-repeat; margin-right: 10px; }

.footer_up { width: 100%; /* height: 375px; */ background-color: #212121; }
.footer_up .footer_center { margin: 0 auto; }
.footer_up .footer_center h2 { font-size: 30px; color: #ffffff; font-weight: lighter; line-height: 30px; text-align: center; padding-top: 90px; }
.footer_up .footer_center h4 { font-size: 30px; color: #ffffff; font-weight: lighter; line-height: 30px; text-align: center; padding-top: 40px; }
.footer_up .huanyin { font-size: 14px; color: #bdbdbd; line-height: 36px; text-align: center; }
.footer_up a.learn_more { color: #fff; }
.footer_up a.learn_more:hover { color: #2c93fa; }
.footer_up .learn_more { width: 119px; display: block; margin: 0 auto; height: 29px; line-height: 30px; text-align: center; border: 1px solid #525252; color: #ffffff; font-size: 12px; margin-top: 0px; }
.footer_up .hr1 { margin-top: 50px; height: 1px; background-color: #383838; width: 86%; margin: 50px auto 0 auto; max-width: 1030px; }
.footer_up .frind_link { text-align: center; margin: 0 auto; margin-top: 60px; padding-bottom: 60px; }
.footer_up .frind_link li { display: inline-block; margin: 0 10px; cursor: pointer; position: relative; }
.footer_up .app_down { position: absolute; top: -101px; left: -26px; display: none; }
.footer_up .frind_link li:hover .app_down { display: block; }

.footer .footer_up_en { height: 590px; }

.footer_down { width: 100%; height: 80px; line-height: 80px; background-color: #161616; }
.footer_down p { text-align: center; width: 100%; color: #ffffff; font-size: 12px; }
.footer_down span { padding: 0 0px 0 10px; }
.footer_down i { display: inline; }
.footer_down a { color: #fff; display: inline-block; margin-left: 10px; }

.f-link .g { display: block; }
.f-link .icon-2, .f-link .icon-3 { margin-right: 70px; }

.icon-link { display: inline-block; vertical-align: middle; margin-right: 5px; position: relative; padding-left: 21px; }
.icon-link i { position: absolute; top: 10px; left: 0; width: 16px; height: 16px; }
.icon-link.icon-1 i { background-image: url("../img/icon-c1.png"); }
.icon-link.icon-2 i { background-image: url("../img/icon-c2.png"); }
.icon-link.icon-3 i { background-image: url("../img/icon-c3.png"); }
.icon-link.icon-4 i { background-image: url("../img/icon-c4.png"); }

@media screen and (max-width: 1080px) { .content { width: auto; max-width: auto; margin: 0 10px; }
  .c-about { padding: 20px; }
  .c-about .about-conn { display: block; }
  .c-about .about-conn .l { display: block; width: 100%; }
  .c-about .about-conn .r { display: block; width: 100%; }
  .c-about .about-conn .text-conn { padding-left: 0; }
  .c-about .col-box { display: block; }
  .c-about .col-box .col { display: block; width: 100%; }
  .c-about .col-box .col.col-1, .c-about .col-box .col.col-2 { padding: 15px 0; }
  .collect-list .collect-box { display: block; width: 100%; margin-bottom: 30px; }
  .collect-list .collect-box.box3 { display: block; width: 100%; }
  .collect-list .collect-box.box3 .collect-nbox { padding-right: 10px; }
  .prin-list { padding: 50px 0px; }
  .prin-list .prin-box { width: 50%; margin-bottom: 30px; }
  .prin-list .prin-nbox { padding: 0 10px; }
  .cycle-list .cycle-box { width: 50%; }
  .cycle-list .cycle-box:nth-child(2) .cycle-nbox::after { display: none; }
  .cycle-list .tbox, .cycle-list .bbox { display: table; width: 100%; padding-bottom: 30px; }
  .cycle-list .arrow-2 { display: none; }
  .jury-list .jury-box { display: block; width: 100%; margin-bottom: 30px; }
  .reward-box { padding: 60px 10px 0 10px; }
  .reward-nbox { padding: 100px 30px 30px 30px; }
  .reward-nbox .img { left: 50%; margin-left: -54px; }
  .footer_down { height: auto; } }
@media screen and (max-width: 750px) { .column .title { text-align: center; padding-top: 40px; }
  .column .title h3 { font-size: 24px; color: #000; position: relative; display: inline-block; z-index: 1; font-weight: bold; }
  .column .title h3::before { position: absolute; left: 0; right: 0; bottom: -6px; content: ""; height: 6px; background-color: #c70a00; }
  .column .title h3 span { position: relative; }
  .c-about .about-conn { display: block; }
  .c-about .about-conn .l p { font-size: 12px; }
  .c-about .diff-box { padding: 20px 16px; }
  .c-about .diff-box .tit { font-size: 18px; }
  .c-about .diff-box p { font-size: 14px; }
  .cycle-column .title { font-size: 24px; }
  .cycle-column .cycle-nbox { width: 160px; height: 160px; }
  .cycle-column .cycle-nbox .img { padding-top: 10px; }
  .cycle-column .cycle-nbox .t { padding-top: 10px; font-size: 20px; }
  .cycle-column .cycle-nbox .conn { padding-top: 10px; }
  .cycle-column .arrow { height: 160px; display: none; }
  .collect-list .collect-box { margin-bottom: 15px; }
  .collect-list .collect-nbox .img { width: 80px; }
  .collect-list .collect-nbox .img img { width: 100%; }
  .collect-list .collect-nbox .conn { font-size: 14px; padding: 28px 20px 0 70px; min-height: 114px; }
  .collect-list .collect-nbox .p-l { font-size: 12px; }
  .prin-list { padding: 50px 0px; }
  .prin-list .prin-box { width: 50%; margin-bottom: 30px; }
  .prin-list .prin-nbox { padding: 0 10px; min-height: 270px; }
  .prin-list .prin-nbox .img { padding: 30px 0; }
  .prin-list .prin-nbox .t { font-size: 20px; }
  .prin-list .prin-nbox .conn { font-size: 14px; padding-top: 20px; }
  .jury-list { padding: 30px 0 0 0; }
  .jury-list .jury-box { display: block; width: 100%; margin-bottom: 10px; }
  .jury-list .jury-nbox { padding: 26px 0 0 30px; min-height: 130px; }
  .jury-list .jury-nbox .img img { width: 120px; }
  .jury-list .jury-nbox .t { font-size: 16px; line-height: 1.5; padding: 18px 10px 0 100px; height: 76px; }
  .reward-nbox .t { font-size: 18px; }
  .reward-nbox .conn { font-size: 14px; }
  .canal-column { min-height: 310px; }
  .canal-column .title { font-size: 20px; padding: 50px 0 20px 0; }
  .canal-column .conn { font-size: 14px; line-height: 1.5; padding: 0 20px; }
  .canal-column .conn .s { font-size: 12px; }
  .canal-column a.btn-1 { background-color: #c70a00; position: relative; display: inline-block; padding: 0 26px; height: 36px; border-radius: 18px; line-height: 36px; font-size: 16px; color: #fff; }
  .canal-column a.btn-1 i { display: inline-block; vertical-align: middle; width: 24px; height: 24px; background: url("../img/icon-d.png") no-repeat; margin-right: 10px; background-size: 100% auto; }
  .canal-column a.btn-2 { background-color: #c70a00; position: relative; display: inline-block; padding: 0 26px; height: 36px; border-radius: 18px; line-height: 36px; font-size: 16px; color: #fff; margin-left: 12px; margin-top: 20px; }
  .canal-column a.btn-2 i { display: inline-block; vertical-align: middle; width: 24px; height: 24px; background: url("../img/icon-m.png") no-repeat; margin-right: 10px; background-size: 100% auto; }
  .footer_down { height: auto; line-height: 1.5; padding: 16px 0; }
  .footer_down i { display: block; padding-top: 10px; }
  .footer_center .f-link { text-align: left; padding: 0 30px; }
  .footer_center .f-link .g { display: block; }
  .footer_center .f-link .icon-link { display: block; } }

/*# sourceMappingURL=css_en.css.map */