@charset "UTF-8";
/* css utf-8 编码声明  下面注释若有必要可自行删除
 */
/* 类名通用加前缀 q_ */

:root{
	--white:#fff;
  --black:#000;
  --yellow:#fcc929;

  --dark060001:#060001;
  --dark111:#111;
  --dark222:#222;
  --dark252525:#252525;
  --dark333:#333;
  --dark444:#444;
  --dark555:#555;
  --dark666:#666;
  --dark777:#777;
  --dark888:#888;
  --dark999:#999;
  --darkaaa:#aaa;
  --darkbbb:#bbb;
  --darkccc:#ccc;
  --darkd3d3d3:#d3d3d3;
  --darkddd:#ddd;
  --darke5e5e5:#e5e5e5;
  --darkececec:#ececec;
  --darkeee:#eee;
  --darkf2f2f2:#f2f2f2;
  --darkf4f4f4:#f4f4f4;
  --darkf6f6f6:#f6f6f6;
}

@font-face{
  font-family: SourceHanSansRegular;
  src: url('./fonts/SourceHanSans-Regular.otf');
}
@font-face{
  font-family: SourceHanSansBold;
  src: url('./fonts/SourceHanSans-Bold.otf');
}
@font-face{
  font-family: Impact;
  src: url('./fonts/impact-2.ttf');
}


.fadeup_default{animation-duration: 1s;animation-delay: 1.5s;animation-fill-mode: both;}
.q_fadeInUp{animation-duration: 1.5s;animation-delay: 1s;animation-fill-mode: both;}

@-webkit-keyframes lv-fadeInUp {
  0% {
    opacity: 0;
    -webkit-transform: translateY(100px);
    transform: translateY(100px);
    filter: blur(20px);
  }

  100% {
    opacity: 1;
    -webkit-transform: translateY(0);
    transform: translateY(0);
    filter: blur(0px);
  }
}

@keyframes lv-fadeInUp {
  0% {
    opacity: 0;
    -webkit-transform: translateY(100px);
    -ms-transform: translateY(100px);
    transform: translateY(100px);
     filter: blur(20px);
  }

  100% {
    opacity: 1;
    -webkit-transform: translateY(0);
    -ms-transform: translateY(0);
    transform: translateY(0);
     filter: blur(0px);
  }
}

@-webkit-keyframes lv-fadeInUp-short {
  0% {
    opacity: 0;
    -webkit-transform: translateY(50px);
    transform: translateY(50px);
    filter: blur(5px);
  }

  100% {
    opacity: 1;
    -webkit-transform: translateY(0);
    transform: translateY(0);
    filter: blur(0px);
  }
}

@keyframes lv-fadeInUp-short {
  0% {
    opacity: 0;
    -webkit-transform: translateY(50px);
    -ms-transform: translateY(50px);
    transform: translateY(50px);
     filter: blur(5px);
  }

  100% {
    opacity: 1;
    -webkit-transform: translateY(0);
    -ms-transform: translateY(0);
    transform: translateY(0);
     filter: blur(0px);
  }
}

@-webkit-keyframes lv-fadeInDown {
  0% {
    opacity: 0;
    -webkit-transform: translateY(-150px);
    transform: translateY(-150px);
    filter: blur(20px);
  }

  100% {
    opacity: 1;
    -webkit-transform: translateY(0);
    transform: translateY(0);
    filter: blur(0px);
  }
}

@keyframes lv-fadeInDown {
  0% {
    opacity: 0;
    -webkit-transform: translateY(-150px);
    -ms-transform: translateY(-150px);
    transform: translateY(-150px);
    filter: blur(20px);
  }

  100% {
    opacity: 1;
    -webkit-transform: translateY(0);
    -ms-transform: translateY(0);
    transform: translateY(0);
    filter: blur(0px);
  }
}


@-webkit-keyframes lv-fadeInDown-short {
  0% {
    opacity: 0;
    -webkit-transform: translateY(-50px);
    transform: translateY(-50px);
    filter: blur(20px);
  }

  100% {
    opacity: 1;
    -webkit-transform: translateY(0);
    transform: translateY(0);
    filter: blur(0px);
  }
}

@keyframes lv-fadeInDown-short {
  0% {
    opacity: 0;
    -webkit-transform: translateY(-50px);
    -ms-transform: translateY(-50px);
    transform: translateY(-50px);
    filter: blur(20px);
  }

  100% {
    opacity: 1;
    -webkit-transform: translateY(0);
    -ms-transform: translateY(0);
    transform: translateY(0);
    filter: blur(0px);
  }
}

@-webkit-keyframes lv-fadeInLeft {
  0% {
    opacity: 0;
    -webkit-transform: translateX(-150px);
    transform: translateX(-150px);
    filter: blur(20px);
  }

  100% {
    opacity: 1;
    -webkit-transform: translateY(0);
    transform: translateY(0);
    filter: blur(0px);
  }
}

@keyframes lv-fadeInLeft {
  0% {
    opacity: 0;
    -webkit-transform: translateX(-150px);
    -ms-transform: translateX(-150px);
    transform: translateX(-150px);
    filter: blur(20px);
  }

  100% {
    opacity: 1;
    -webkit-transform: translateY(0);
    -ms-transform: translateY(0);
    transform: translateY(0);
    filter: blur(0px);
  }
}


@-webkit-keyframes lv-fadeInRight {
  0% {
    opacity: 0;
    -webkit-transform: translateX(150px);
    transform: translateX(150px);
    filter: blur(20px);
  }

  100% {
    opacity: 1;
    -webkit-transform: translateY(0);
    transform: translateY(0);
    filter: blur(0px);
  }
}

@keyframes lv-fadeInRight {
  0% {
    opacity: 0;
    -webkit-transform: translateX(150px);
    -ms-transform: translateX(150px);
    transform: translateX(150px);
    filter: blur(20px);
  }

  100% {
    opacity: 1;
    -webkit-transform: translateY(0);
    -ms-transform: translateY(0);
    transform: translateY(0);
    filter: blur(0px);
  }
}

@-webkit-keyframes lv-fadeInRight-short {
  0% {
    opacity: 0;
    -webkit-transform: translateX(80px);
    transform: translateX(80px);
    filter: blur(20px);
  }

  100% {
    opacity: 1;
    -webkit-transform: translateY(0);
    transform: translateY(0);
    filter: blur(0px);
  }
}

@keyframes lv-fadeInRight-short {
  0% {
    opacity: 0;
    -webkit-transform: translateX(80px);
    -ms-transform: translateX(80px);
    transform: translateX(80px);
    filter: blur(20px);
  }

  100% {
    opacity: 1;
    -webkit-transform: translateY(0);
    -ms-transform: translateY(0);
    transform: translateY(0);
    filter: blur(0px);
  }
}

/* q_number start! */
.q_number{width:100%;margin:0 auto;position: absolute;left:0;bottom:-100px;z-index: 9;}
.q_number_main{width:100%;margin:0 auto;padding:30px 20px;background-color: var(--white);box-shadow: 0 0 3px #eee;}
.q_number_main:after{content:"."; display:block; height:0; visibility:hidden; clear:both;font-size: 0;}
.q_number_item{width:25%;float:left;padding:0 50px;text-align: center;}
.q_number_top{font-size: 56px;line-height: 60px;color:var(--color-main);font-weight: 700;}
.q_number_top .sub{font-size: 22px;vertical-align: text-top;font-weight: normal;}
.q_number_txt{width:100%;margin:15px auto 0;padding:0;font-size: 17px;color:#434343;line-height: 23px;height:46px;
    display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 2;overflow: hidden;
}
/* q_number end! */


/* page-index-all */

@keyframes fadeindown_little {
  0%   {opacity: 0;transform: translateY(-20px)}
  100% {opacity: 1;transform: translateY(0)}
}
.little:hover{animation-name: fadeindown_little;animation-duration: .5s;}

.page-index-all {width:100%;height:100%;background-color:rgba(0,0,0,.5);position:fixed;left:0;top:0; z-index: 999999;display: none;
  -webkit-box-sizing:border-box;
  box-sizing:border-box;
}
.q_form_mask{width:100%;height:100%;position: absolute;left:0;top:0;}
.q_form_mask_in{width:400px;position: absolute;left:50%;margin-left:-200px;top:50%;text-align: center;
  transform: translateY(-50%);
  -webkit-transform: translateY(-50%);
  -moz-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  -o-transform: translateY(-50%);
}
.q_form_main{width:100%;margin:0 auto;background-color:var(--white);border-radius: 4px;padding:45px 50px;position: relative;
  animation-name: fadeindown_little;animation-duration: .5s;
}
.q_form_main:after{content:"."; display:block; height:0; visibility:hidden; clear:both;font-size: 0;}
.q_form_close{width: 20px;height: 20px;line-height: 20px;text-align: center;position: absolute;top: 10px;right: 10px;color: #50506d;font-size: 22px;cursor: pointer;}
.q_form_close:hover{color:var(--yellow);}
.q_form_h{width:100%;margin:0 auto;color: #50506d;font-family: Helvetica Neue,Helvetica,sans-serif;text-align: center;}
.q_form_h_big{width:100%;margin:0 auto;font-size: 20px;font-weight: 700;line-height: 25px;}
.q_form_h_small{width:100%;margin:10px auto 0;font-size: 12px;line-height: 20px;}
.q_form_input{width:100%;margin:10px auto 0;position:relative;color:#50506d;border:1px solid #50506d;border-radius: 4px;padding:5px 5px;}
.q_form_input>i{display: block;width:30px;height:30px;line-height: 30px;font-size: 22px;float:left;}
.q_form_input>span{display: block;width:30px;float:right;}
.q_form_input>input{width:calc(100% - 60px);float:left;border:0;padding:0 10px;line-height: 30px;height:30px;font-size: 13px;color:#50506d;}
.q_form_button{width:100%;margin:20px auto 0;text-align: center;border-radius: 8px;font-size: 15px;line-height: 40px;padding:3px 0;cursor: pointer;
  background-color: var(--yellow);color:var(--white);
}
#q_alert{z-index: 9999999;}
#q_alert .q_form_h_big{font-size: 17px;text-align: left;}
#q_alert .q_form_h_small{font-size: 13px;text-align: left;}
#q_alert .q_form_button{width:auto;display: inline-block;float:right;line-height: 20px;padding:7px 30px;font-weight: 400;}

@media(max-width: 640px){
  .q_form_mask_in{width:300px;left:50%;margin-left:-150px;}
}


/* nmask start! */
.nmask {width:100%;height:100%;background-color:rgba(0,0,0,.5);position:fixed;left:0;top:0; z-index: 999998;display: none;
  -webkit-box-sizing:border-box;
  box-sizing:border-box;
}
.nmask_mask{width:100%;height:100%;position: absolute;left:0;top:0;}
.nmask_mask_in{width:1000px;position: absolute;left:50%;top:50%;transform: translate(-50%,-50%);margin:0 auto;}
.nmask_mask_main{width:100%;margin:0 auto;background-color:var(--white);border-radius: 5px;padding:40px 6%;position: relative;
  animation-name: fadeindown_little;animation-duration: .5s;
}
.nmask_mask_main:after{content:"."; display:block; height:0; visibility:hidden; clear:both;font-size: 0;}
.nmask_mask_close{width:40px;height:40px;line-height: 40px;font-size:30px;top:-15px;right:-15px;transform: rotate(45deg);
  text-align:center;background-color: rgba(0,0,0,.7);color:var(--white);border-radius: 50%;position: absolute;z-index: 2;cursor: pointer;
}

.nmask_title{width:100%;margin:0 auto;}
.nmask_title:after{content:"."; display:block; height:0; visibility:hidden; clear:both;font-size: 0;}
.nmask_title_r{width:25%;float:right;text-align: right;}
.nmask_title_r img{max-height: 130px;}

.nmask_title_l{width:70%;float:left;}

.nmask_title_h{width:100%;margin:0 auto;position: relative;}
.nmask_title_h_en{font-size:70px;color:var(--black);font-weight: 700;line-height: 1;opacity: 0.1;font-family: Arial;text-transform: uppercase;}
.nmask_title_h_cn{width:100%;margin:0 auto;position: absolute;left:0;bottom:0;font-size: 0;}
.nmask_title_h_cn span{display: inline-block;font-size:28px;line-height: 35px;position: relative;color:var(--black);font-weight: 700;z-index: 2;}
.nmask_title_h_cn span:after{content:'';width:100%;height:10px;position: absolute;left:0;bottom:2px;z-index: -1;
  background-color: var(--yellow);
}
.nmask_title_p{margin:25px auto 0;font-size: 17px;color:var(--dark777);line-height: 1.5;}
.nmask_title_p p{width:100%;margin:0 auto;font-size: 17px;line-height: 1.5;}

.nmask_main{width:100%;margin:20px auto 0;padding:25px 0 20px;border-top:1px solid var(--darkececec);}
.form_items{width:47%;float:left;margin:0 6% 0 0;}
.form_items:nth-of-type(2n){margin:0 0 0 0;}

@media(max-width: 1440px){
/* nmask start! */

.nmask_mask_in{width:90%;}
.nmask_mask_main{border-radius: 5px;padding:25px 5%;}
.nmask_mask_close{width:30px;height:30px;line-height: 30px;font-size:22px;top:-12px;right:-12px;}

.nmask_title_r{width:25%;float:right;}
.nmask_title_r img{max-height: 90px;}

.nmask_title_l{width:70%;float:left;}

.nmask_title_h_en{font-size:45px;}
.nmask_title_h_cn span{font-size:22px;line-height: 30px;}
.nmask_title_h_cn span:after{height:7px;bottom:2px;}
.nmask_title_p{margin:15px auto 0;font-size: 15px;}
.nmask_title_p p{font-size: 15px;}

.nmask_main{margin:15px auto 0;padding:20px 0 20px;}
.form_items{width:100%;float:left;margin:0 auto 15px;}
.form_items:nth-of-type(2n){margin:0 0 0 0;}

}
@media(max-width: 640px) {

}
/* nmask end! */



/* pagelist start! */
.pagelist {list-style: none;margin:30px auto 20px;text-align: center;padding:5px 0;font-size: 0;}
.pagelist > a,.pagelist>span{
  display: inline-block;text-decoration: none;outline: none;min-width:45px;height:40px;line-height: 40px;
  font-size: 15px;padding:0 10px;color:#222;background-color: #f5f5f5;margin:3px 3px;border-radius: 5px;transition: all .2s;}
.pagelist > span{color:var(--white);background-color:var(--yellow);}
.pagelist >a:hover{color:var(--white);background-color:var(--yellow);}
@media(max-width: 1440px){
  .pagelist {margin:30px auto 20px;}
  .pagelist > a,.pagelist > span{min-width:40px;height:35px;line-height: 35px;font-size: 13px;padding:0 8px;}
}
@media(max-width: 640px) {
  .pagelist {margin:20px auto 5px;}
  .pagelist > a,.pagelist > span{min-width:40px;height:30px;line-height: 30px;font-size: 12px;padding:0 8px;font-weight: normal;}
}
@media(max-width: 500px) {
  .pagelist {margin:25px auto 10px;}
  .pagelist > a,.pagelist > span{min-width:40px;height:30px;line-height: 30px;font-size: 12px;margin:3px 2px;}
}
/* pagelist end! */


/* page  start! */
.pages{width:100%;margin:10px auto;line-height: 25px;padding:0;}
.pages:after{content:"."; display:block; height:0; visibility:hidden; clear:both;font-size: 0;}
.page_a{width:100%;padding:5px 0;color:var(--dark333);font-size: 15px;}
.page_a a{display:block; width:100%;outline: none;color:var(--dark333);font-size: 15px;line-height: 25px;height:25px;
  overflow: hidden;text-overflow: ellipsis;white-space: nowrap;
}
.page_a a:hover{color:var(--yellow);}
.page_a a i{margin:0 10px;}
@media (max-width: 1440px) {
  .pages{margin:8px auto 0;font-size: 14px;}
  .page_a a{padding:0;font-size: 14px;}
  .page_a a i{margin:0 6px;}
}
@media (max-width: 640px) {
  .pages{margin:0 auto;padding:6px 0;}
  .page_a{width:100%;float:none;font-size: 13px;line-height: 30px;height:30px;}
  .page_a a{display:block;padding:0;font-size: 13px;}
  .page_a a i{margin:0 6px;}
}
/* page  end! */