@charset "utf-8";



@font-face {

  font-family: PoppinsRegular;

  src: url("../font/Poppins-Regular.ttf");

}

@font-face {

  font-family: PoppinsMedium;

  src: url("../font/Poppins-Medium.ttf");

}

select {

  appearance: none;

  -moz-appearance: none;

  -webkit-appearance: none;

  background-image: url(../images/mo5.png) !important;

  background-size: 16px auto;

  background-position: 95% center;

  background-repeat: no-repeat;

}



.line1 {

  overflow: hidden;

  text-overflow: ellipsis;

  white-space: nowrap;

}



.line3 {

  overflow: hidden;

  text-overflow: ellipsis;

  display: -webkit-box;

  -webkit-line-clamp: 3;

  -webkit-box-orient: vertical;

}



.line2 {

  overflow: hidden;

  text-overflow: ellipsis;

  display: -webkit-box;

  -webkit-line-clamp: 2;

  -webkit-box-orient: vertical;

}



select option {

  font-size: 18px;

}



select::-ms-expand {

  display: none;

}



html {

  -webkit-font-smoothing: antialiased;

}



* {

  outline: none !important;

}



video {

  width: 100%;

  height: 100%;

  object-fit: contain;

  /* object-fit:fill;  */

}







blockquote,

body,

code,

dd,

div,

dl,

dt,

fieldset,

form,

h1,

h2,

h3,

h4,

h5,

h6,

input,

legend,

li,

ol,

p,

pre,

td,

textarea,

th,

ul {

  margin: 0;

  padding: 0;

}



header,

hgroup,

nav,

menu,

main,

section,

article,

summary,

details,

aside,

figure,

figcaption,

footer {

  display: block;

  margin: 0;

  padding: 0;

  font-family: "PoppinsRegular", "Source Han Sans CN","Source Han Sans";

}



table {

  border-collapse: collapse;

  border-spacing: 0;

}





fieldset,

img {

  border: 0;

}







address,

b,

caption,

cite,

code,

dfn,

em,

i,

strong,

th,

var {

  font-style: normal;

  font-weight: 400;

}

.detail *{

  font-family: "PoppinsRegular", "Source Han Sans CN","Source Han Sans" !important;line-height: 2!important;

}

.detail address {

  font-style: italic;

}

.detail h1,

.detail h2,

.detail h3,

.detail h4,

.detail h5,

.detail h6,

.detail b,

.detail strong {

  font-weight: bold;

}

.detail i,

.detail em{

  font-style: italic;

}

.detail img,

.detail table,

.detail video{

  max-width: 100%;

  height: auto;

}



dl,

ol,

ul {

  list-style-type: none;

}



h1,

h2,

h3,

h4,

h5,

h6 {

  font-size: 100%;

  font-weight: 400;

}



a {

  text-decoration: none;

}



a:hover {

  text-decoration: none;

  -webkit-tap-highlight-color: rgba(255, 0, 0, 0);

  outline: 0;

  outline: none;

}



sup {

  vertical-align: text-top;

}



sub {

  vertical-align: text-bottom;

}



textarea {

  resize: none;

}



img {

  vertical-align: middle;

}



button,

input,

textarea,

select {

  cursor: pointer;

  -webkit-appearance: none;

  border-radius: 0;

  -webkit-tap-highlight-color: rgba(255, 0, 0, 0);

  outline: 0;

  font-family: "PoppinsRegular", "Source Han Sans CN","Source Han Sans";

}

textarea,

input[type="text"],

input[type="number"] {

  cursor: text !important;

}



#web-ietip {

  width: 526px;

  height: 90px;

  padding: 83px 0 0 84px;

  overflow: hidden;

  background: url(../css/ietip/browser.png) no-repeat center center;

  margin: 200px auto 0;

}



#web-ietip a {

  display: block;

  width: 65px;

  height: 80px;

  float: left;

}



.closeClass .layui-layer-setwin {

  right: 0 !important;

  top: 0;

}

.closeClass {

  background: #f1f1f1 !important;

}

.closeClass .layui-layer-title {

  border: none;

  height: 40px;

  display: flex;

  align-items: center;

  color: #000;

  font-size: 20px;

  font-weight: normal;

}



.closeClass .layui-layer-close {

  height: 30px;

  width: 30px;

  background-image: url(../images/mo1.png) !important;

  background-repeat: no-repeat !important;

  background-position: center !important;

  background-size: 20px auto !important;

}



.closeClass2 .layui-layer-setwin {

  right: 0 !important;

  top: 0;

}

.closeClass2 {

  background: #fff !important;

}

.closeClass2 .layui-layer-title {

  border: none;

  height: 64px;

  display: flex;

  align-items: center;

  color: #000;

  font-size: 20px;

  font-weight: normal;

  border-bottom: 1px solid #efefef;

}



.closeClass2 .layui-layer-close {

  height: 64px;

  width: 64px;

  background-image: url(../images/mo2.png) !important;

  background-repeat: no-repeat !important;

  background-position: center !important;

  background-size: 20px auto !important;

}



.lightImg {

  display: none;

}



.fix {

  position: fixed;

  left: 0;

  top: 0;

  right: 0;

  bottom: 0;

  z-index: 1000;

  background-color: rgba(0, 0, 0, 0.5);

}



.lightImgCnt {

  position: fixed;

  z-index: 1001;

  left: 0;

  top: 0;

  right: 0;

  bottom: 0;

  display: flex;

  align-items: center;

  justify-content: center;

}



.lightImgBox {

  position: relative;

}



.lightImgBox .close {

  cursor: pointer;

  position: absolute;

  width: 19px;

  top: -26px;

  right: -26px;

}



.lightImgBox .img {

  max-width: 80vw;

  max-height: 80vh;

}



.lightImgBox .video {

  max-width: 80vw;

  max-height: 80vh;

}



a {

  color: #050505;

}



body {

  font-size: 16px;

  color: #050505;

  font-family: "PoppinsRegular", "Source Han Sans CN","Source Han Sans" ;

  line-height: 1.7;

  overflow-x: hidden;

  background: #fff;

}



button,

input,

textarea,

select {

  color: #050505;

  font-size: 16px;

  font-family: "PoppinsRegular", "Source Han Sans CN","Source Han Sans" ;

}



.hoverAnSc {

  transition: transform 0.25s;

}



.hoverAnScHide {

  overflow: hidden;

}



.hoverAnScBox:hover .hoverAnSc {

  transform: scale(1.1);

}



.hoverAnOp {

  transition: opacity 0.15s;

}



.hoverAnOp:hover {

  opacity: 0.8;

}



.icFa {

  font-weight: bold;

  font-family: "宋体";

}



.linkHover:hover {

  color: #ed814d;

}



.layout {

  max-width: 1200px;

  margin: 0 auto;

  padding: 0 5%;

}



.head {

  background: #fff;

  position: sticky;

  top: 0;

  z-index: 100;

  border-bottom: 1px solid #bababa;

}

.headBox {

  height: 80px;

  display: flex;

  justify-content: space-between;

  align-items: center;

}



.lang {

  display: flex;

  align-items: center;

  font-family: "PoppinsMedium";

  cursor: pointer;

}

.lang i {

  margin-left: 10px;

  font-size: 20px;

  margin-top: 2px;

}



.detail {

  padding-top: 80px;

  padding-bottom: 70px;

}

.detailTit {

  font-size: 42px;

  font-family: "PoppinsMedium";

  text-align: center;

}

.detailBox {

  padding-top: 80px;

}



.langcho {

  display: none;

}

.langchoBox {

  display: flex;

  align-items: center;

  flex-wrap: wrap;

  padding: 0 20px 6px;

  justify-content: space-between;

}

.langchoBox a {

  width: 48.2%;

  background: #fff;

  height: 30px;

  display: flex;

  align-items: center;

  justify-content: space-between;

  height: 30px;

  box-sizing: border-box;

  padding: 0 10px;

  margin-bottom: 14px;

}

.langchoBox a i {

  font-size: 20px;

}

.langchoBox a:hover {

  background: #ed814d;

  color: #fff;

}



.layout2 {

  max-width: 1300px;

  margin: 0 auto;

  padding: 0 5%;

}



.loginbg {

  background-size: cover;

  background-position: center;

}

.loginbox {

  display: flex;

  justify-content: flex-end;

  align-items: center;

  height: 100vh;

}

.login {

  background: #fff;

  padding-bottom: 30px;

  width: 392px;

  box-sizing: border-box;

}

.loginPl {

  padding: 0 30px;

}

.loginTop {

  height: 70px;

  display: flex;

  justify-content: space-between;

  align-items: center;

  border-bottom: 1px solid #f4f4f4;

  padding-bottom: 5px;

}

.loginLogo img {

  width: 63px;

}

.loginBox {

  margin-top: 20px;

  background: #f5f5f5;

  display: flex;

  align-items: center;

}

.loginIc {

  width: 18px;

  margin: 0 18px;

}

.loginInp {

  height: 47px;

  line-height: 47px;

  flex-grow: 1;

  width: 0;

  font-size: 14px;

  background: none;

  border: none;

}

.loginBox2 {

  display: flex;

  justify-content: flex-end;

  align-items: center;

  height: 60px;

}

.loginForget {

  font-size: 14px;

  cursor: pointer;

  text-decoration: underline;

}

.loginBtn {

  background: #111111;

  color: #fff;

  height: 50px;

  font-size: 14px;

  border: none;



  width: 100%;

}

.loginLine {

  height: 26px;

  background: #a4a4a4;

  width: 1px;

}

.loginTit {

  font-size: 20px;

}



.lightImg {

  background: #fff;

}



.forget {

  padding: 17px 25px 32px;

  font-size: 14px;

}



.forgetBtns {

  display: flex;



  margin-top: 18px;

  justify-content: space-between;

}

.forgetBtn {

  border: none;

  cursor: pointer;

  width: 48%;

  height: 48px;

  display: flex;

  align-items: center;

  justify-content: center;

  color: #fff;

}

.forgetBtn.can {

  background: #bababa;

}

.forgetBtn.sure {

  background: #050505;

}



.logo img {

  width: 90px;

}



.changePassWord {

  display: flex;

  align-items: center;

}

.changePassWord {

  cursor: pointer;

  font-size: 14px;

}

.changePassWordIc {

  width: 24px;

  margin-right: 22px;

}



.screen {

  padding: 60px 0;

  display: flex;

  flex-wrap: wrap;

  justify-content: space-between;

  align-items: center;

}

.screenR {

  display: flex;

  align-items: center;

}

.screenBtn {

  background: #111111;

  border-radius: 1px;

  margin-left: 19px;

  cursor: pointer;

  width: 132px;

  height: 47px;

  display: flex;

  align-items: center;

  justify-content: center;

  color: #fff;

}

.screenBtn.t {

  background: #e4e4e4;

  color: #111111;

}



.screenL {

  font-size: 14px;

  display: flex;

  align-items: center;

}

.screenSelect {

  background-image: url(../images/i4.png) !important;

  background-position: 97% center;

  background-repeat: no-repeat;

  background-size: 26px auto;

  margin-left: 22px;

  font-size: 14px;

  background-color: #f1f1f1;

  width: 179px;

  padding-left: 11px;

  padding-right: 30px;

  height: 47px;

  box-sizing: border-box;

  border: none;

}



.table {

  width: 100%;

}

.table th {

  background: #2f2f2f;

  height: 64px;

  color: #fff;

  text-align: center;

}

.table tr:nth-child(2n-1) {

  background: #f1f1f1;

}

.table td {

  padding: 17px 2px;

  text-align: center;

}



.tableCheck {

  position: relative;

  width: 20px;

  height: 20px;

}



.tableCheck::before {

  content: "";

  position: absolute;

  top: 0;

  left: 0;

  width: 20px;

  height: 20px;

  line-height: 20px;

  text-align: center;

  color: white;

  font-size: 15px;

  border: 1px solid #c3c3c3;

  border-radius: 50%;

}



.tableCheck:checked::before {

  color: white;

  background-color: #050505;

  content: "✔";

}

.pagebox {

  display: flex;

  align-items: center;

  justify-content: space-between;

  flex-wrap: wrap;

  padding: 40px 0;

  font-size: 14px;

  margin-bottom: 75px;

}

.page {

  display: flex;

  align-items: center;

}



.page li .mid {

  background: #f1f1f1;

  margin-left: 20px;

  width: 24px;

  height: 24px;

  display: flex;

  align-items: center;

  justify-content: center;

}

.page li.a:hover,

.page .mid.on {

  background: #050505;

  color: #fff;

}



.page li {

  background: #f1f1f1;

  margin-left: 20px;

  width: 24px;

  height: 24px;

  display: flex;

  align-items: center;

  justify-content: center;

}

.page li:hover a,

.page li a.on {

   width: 24px;

  height: 24px;

  background: #050505;

  display: flex;

  align-items: center;

  justify-content: center;

  background: #050505;

  color: #fff;

}



.page li.on span{

  width: 24px;

  height: 24px;

  background: #050505;

  display: flex;

  align-items: center;

  justify-content: center;

  color: #fff;

}

.pro {

  display: flex;

  align-items: center;

  flex-wrap: wrap;

  justify-content: space-between;

}

.proImgBox {

  padding-bottom: 30px;

  margin-left: -70px;

  flex-grow: 1;

  width: 0;

}

.proCnt {

  width: 42%;

}

.proImg {

  width: 90%;

}

.proTit {

  font-size: 42px;

  font-family: "PoppinsMedium";

}

.proMsg {

  font-size: 20px;

  margin-top: 35px;

}

.prolistbox {

  background: #f1f1f1;

}



.prolist {

  padding: 80px 0 65px;

  margin: 0 -10px;

  display: flex;

  flex-wrap: wrap;

}



.prolist li {

  padding: 0 10px;

  box-sizing: border-box;

  width: 50%;

  margin-bottom: 20px;

}

.prolist li a {

  background: #fff;

  display: flex;

  align-items: center;

}

.prolist li a:hover {

  background: #ed814d;

}

.prolist li a:hover .prolistCnt h5,

.prolist li a:hover .prolistCnt {

  color: #fff;

}

.prolist li a img {

  margin-right: 25px;

  width: 50%;

}

.prolistCnt {

  padding-right: 15px;

  width: 0;

  flex-grow: 1;

  color: #2f2f2f;

}



.prolistCnt h5 {

  font-size: 24px;

  font-weight: bold;

  margin-bottom: 20px;

}

.prolistCnt p {

  font-size: 14px;

}

.foot {

  background: #050505;

  padding-top: 79px;

  padding-bottom: 65px;

}

.footBox {

  display: flex;

  justify-content: space-between;

  flex-wrap: wrap;

}

.footHelp {

  color: #fff;

}

.footHelp h5 {

  font-size: 42px;

  line-height: 1.3;

}

.footHelp p {

  font-size: 20px;

}

.footR {

  flex-grow: 1;

  width: 0;

  padding-left: 47px;

}

.footLan {

  display: flex;

  flex-wrap: wrap;

  margin-right: -20px;

  padding-bottom: 45px;

}

.footLan li {

  padding-right: 20px;

  margin-bottom: 15px;

  box-sizing: border-box;

  width: 25%;

}

.footLan li a {

  padding: 18px 10px;

  display: flex;

  align-items: center;

  color: #fff;

  background: #2f2f2f;

}

.footLan li img {

  width: 40px;

  margin-right: 10px;

}

.footLink {

  border-top: 1px solid #2b2b2b;

  padding: 15px 0;

}

.footLink a {

  text-decoration: underline;

  color: #a2a2a2;

  font-size: 14px;

  margin-right: 127px;

}

.footLan li a:hover {

  background: #ed814d;

}

.footLink a:hover {

  color: #ed814d;

}



.pro2 {

  display: flex;

  flex-wrap: wrap;

  align-items: center;

  justify-content: space-between;

  padding: 39px 0;

}

.pro2Img {

  flex-shrink: 0;

  width: 49.5%;

  display: flex;

  align-items: center;

  justify-content: center;

}

.pro2Img img {

  width: 90%;

}



.pro2Box {

  flex-grow: 1;

  width: 0;

  color: #2f2f2f;

}



.pro2Cnt span {

  font-size: 20px;

}

.pro2Cnt h5 {

  font-weight: bold;

  line-height: 1.3;

  font-size: 42px;

}

.pro2Cnt p {

  font-size: 14px;

}

.pro2Cnt {

  padding-bottom: 44px;

}

.pro2Down a {

  display: flex;

  justify-content: space-between;



  background-image: url(../images/i5.png);

  background-position: left center;

  background-repeat: no-repeat;

  color: #bababa;

  font-size: 14px;

  padding: 9px 0;

  padding-left: 42px;

}

.pro2Down a:hover {

  background-image: url(../images/i5on.png);

}

.pro2Down a span {

  color: #050505;



  text-decoration: underline;

}

.pro2Down a:hover span {

  color: #ed814d;

}

.pro2Down {

  padding-bottom: 52px;

}



.pro2Link {

  display: flex;

  align-items: center;

  justify-content: center;

  background: #050505;

  border-radius: 1px;

  width: 269px;

  color: #fff;

  font-size: 14px;

  height: 50px;

}

.pro2Link:hover {

  background: #ed814d;

}

.pro2Xq {

  background: #f1f1f1;

  padding: 80px 0;

}

.pro2XqTit {

  text-align: center;

  font-size: 42px;

  margin-bottom: 50px;

}

.pro2XqTit em {

  font-weight: bold;

}

.pro2XqBox {

  display: flex;

  flex-wrap: wrap;

  padding-bottom: 25px;

}

.pro2XqBoxImg {

  width: 49.5%;

  display: flex;

  flex-shrink: 0;

  justify-content: center;

  align-items: flex-start;

}

.pro2XqBoxImg img {

  width: 100%;

}

.pro2XqBoxCnt {

  width: 40%;

}

.pro2XqBoxImglink {

  padding-top: 34px;

  justify-content: center;

  display: flex;

}

.pro2XqBoxImglink .i1 {

  width: 120px;

}

.pro2XqBoxImglink .i2,

.pro2XqBoxImglink .i3 {

  height: 40px;

  margin: 0 10px;

}

.pro2XqBoxMsg {

  color: #2f2f2f;

  padding-top: 46px;

}



.pro2Table {

  display: flex;

  background: #ebebeb;

  padding: 30px 37px;

  justify-content: space-between;

}

.pro2TableBox {

  width: 45%;

}

.pro2TableBox h5 {

  border-bottom: 1px solid #fdfdfd;

  height: 50px;

  display: flex;

  align-items: center;

  font-family: "PoppinsMedium";

  font-size: 14px;

}

.pro2TableBox p {

  display: flex;

  flex-wrap: wrap;

  padding-top: 15px;

  padding-bottom: 41px;

}

.pro2TableBox p a {

  width: 33.33%;

  padding-right: 10px;

  box-sizing: border-box;

  margin-bottom: 15px;

  color: #2f2f2f;

}



.sub{

  display: flex;

  flex-wrap: wrap;

  justify-content: space-between;

  padding:31px;

}

.subL{

  width: 28.2%;

}

.subR{

  width: 67.9%;

}

.subLabel{

  height: 37px;

  display: flex;

  align-items: center;

  font-size: 14px;

}

.subBox{

  margin-bottom: 14px;

  position: relative;

}

.subInp{

  background: #f5f5f5;

  height: 48px;

  line-height: 48px;

  padding: 0 10px;

  box-sizing: border-box;

  display: block;

  border: none;

  width: 100%;

}

.subInp.spe{

  position: absolute;

  left: 0;

  top: 0;

  width: 100%;

  height: 100%;

  opacity: 0;

  z-index: 1;

}

.subFile{

  background: #050505;

  color: #fff;

  width: 126px;

  height: 40px;

  position: absolute;

  right: 4px;

  top: 4px;

  display: flex;

  align-items: center;

  justify-content: center;

  z-index: 0;

}

.sub .forgetBtns{

  margin-top: 0;

  flex-wrap: wrap;

}

.sub .forgetBtn {

  width: 100%;

  margin-top: 20px;

}

.subTable{

  width: 100%;

}

.subTable th{

  background: #bababa;

  height: 44px;

  text-align: center;

  font-weight: bold;

}



.subTable td{

  border-bottom: 1px solid #c0c0c0;

  font-size: 14px;

  background: #f5f5f5;

  padding: 10px 20px;

  text-align: center;

}

.subTable .screenSelect{

  background-color: #ffffff;

  height: 30px;

  line-height: 30px;

}

.subTable .subBox {

  margin-bottom: 0;

}

.subTable .subInp {

  background: #fff;

  height: 30px;

  line-height: 30px;

}

.subTable .subFile {

  background: #bababa;

  color: #000000;

  width: 98px;

  height: 31px;

  right: 0;

  top: 0;

}



@media screen and (max-width: 1200px) {

  .pro2TableBox p a {

    padding-right: 5px;

    font-size: 13px;

  }

  .pro2TableBox {

    width: 48%;

  }

  .pro2XqBoxImglink .i1 {

    width: 100px;

  }

  .pro2XqBoxImglink .i2,

  .pro2XqBoxImglink .i3 {

    height: 30px;

    margin: 0 8px;

  }

  .pro2XqBoxMsg {

    padding-top: 20px;

    font-size: 14px;

  }



  .pro2XqBoxCnt {

    width: 50%;

  }

  .pro2XqTit {

    font-size: 32px;

  }

  .pro2Cnt span {

    font-size: 18px;

  }

  .pro2Down a b {

    margin-right: 20px;

  }

  .pro2Down a {

    flex-wrap: wrap;

    justify-content: flex-start;

  }

  .pro2Down a span {

    width: 100%;

  }

  .pro2Cnt h5 {

    font-size: 32px;

  }

  .screenR {

    width: 100%;

    padding-top: 20px;

    flex-wrap: wrap;

  }

  .screenBtn {

    margin-bottom: 19px;

    margin-left: 0;

    margin-right: 19px;

  }

  .footLink a {

    margin-right: 57px;

  }

  .footHelp h5 {

    font-size: 32px;

  }

  .footHelp p {

    font-size: 18px;

  }

  .proMsg {

    font-size: 18px;

    margin-top: 25px;

  }

  .footLan li {

    padding-right: 10px;

    margin-bottom: 10px;

    width: 33.33%;

    font-size: 14px;

  }



  .proTit {

    font-size: 32px;

  }

  .prolistCnt h5 {

    font-size: 18px;

  }



  .proCnt {

    padding: 30px 0;

  }

}



@media screen and (max-width: 800px) {

  .pro2TableBox p {

    padding-top: 12px;

    padding-bottom: 5px;

}

  .pro2TableBox p a {

    font-size: 12px;

}

  .pro2TableBox h5 {

    height: 30px;

}

  .pro2TableBox{

    width: 100%;

  }

  .pro2Table {

    padding: 15px ;

    flex-wrap: wrap;

}

  .pro2XqBoxImglink .i2, .pro2XqBoxImglink .i3{

    height: 40px;

  }

  .pro2XqBoxImglink .i1 {

    width: 60px;

}

  .pro2XqBoxImglink {

    padding-top: 15px;

}

  .pro2XqBoxCnt {

    width: 100%;

}

  .pro2XqBoxImg img {

    width: 80%;

}

  .pro2XqBoxImg {

   width: 100%;

}

  .pro2Xq {

    padding: 35px 0;

}

  .pro2XqTit {

    font-size: 24px;

}

  .pro2Down {

    padding-left: 20px;

  }

  .pro2Link {

    margin: 0 auto;

  }

  .pro2Cnt {

    padding-bottom: 22px;

  }

  .pro2Down {

    padding-bottom: 22px;

  }

  .pro2Down a b {

    margin-right: 30px;

  }

  .pro2Down a {

    background-position: left 10px;

    padding-left: 35px;

  }

  .pro2Down a span {

    margin-bottom: 5px;

    text-align: left;

  }

  .pro2Cnt span {

    font-size: 14px;

  }

  .pro2Cnt h5 {

    font-size: 28px;

  }

  .pro2Box {

    text-align: center;

  }

  .pro2Img {

    width: 100%;

  }

  .pro2Box {

    width: 100%;

  }



  .footLink a {

    margin-right: 50px;

    font-size: 12px;

  }

  .footLan {

    padding-bottom: 15px;

  }

  .footLan li {

    padding-right: 10px;

    margin-bottom: 20px;

    width: 50%;

  }

  .footLan li a {

    padding: 10px 6px;

  }

  .footHelp h5 {

    font-size: 28px;

  }

  .footHelp p {

    font-size: 16px;

  }

  .foot {

    padding-top: 45px;

    padding-bottom: 22px;

  }

  .footR {

    width: 100%;

    padding-left: 0;

  }

  .footHelp {

    margin-bottom: 40px;

    width: 100%;

  }

  .prolistCnt span {

    font-size: 14px;

  }

  .prolistCnt h5 {

    font-size: 16px;

    margin-bottom: 10px;

  }

  .prolistCnt p {

    font-size: 12px;

  }

  .prolist li a img {

    margin-right: 10px;

    width: 42%;

  }

  .prolist {

    padding: 40px 0 25px;

  }

  .prolist li {

    width: 100%;

    margin-bottom: 15px;

  }



  .proImgBox {

    width: 100%;

    margin: 0;

    padding-bottom: 0;

  }

  .proImg {

    width: 100%;

  }

  .proTit {

    font-size: 28px;

  }

  .proMsg {

    font-size: 16px;

    margin-top: 22px;

  }

  .proCnt {

    padding-top: 5px;

    width: 100%;

    text-align: center;

  }



  .tablebox {

    font-size: 14px;

    overflow: auto;

  }

  .table {

    width: 500px;

  }

  .screenBtn {

    margin-right: 12px;

    margin-bottom: 12px;

    width: 90px;

    height: 37px;

    font-size: 15px;

  }

  .pagebox {

    padding: 20px 0;

    margin-bottom: 35px;

  }

  .page .mid {

    margin: 0 5px;

  }

  .page {

    padding-top: 20px;

    width: 100%;

    justify-content: center;

  }

  .screen {

    padding: 30px 0;

  }



  .login {

    width: 100%;

  }

  .headBox {

    height: 70px;

  }

  .detail {

    padding-top: 53px;

    padding-bottom: 70px;

  }

  .detailTit {

    font-size: 28px;

  }

  .detailBox {

    padding-top: 35px;

  }

  .layout {

    padding: 0 25px;

  }

  .langchoBox a {

    font-size: 14px;

  }

}