*,*:before,*:after {-webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box;}



*{ margin:0; padding:0;}



body { -webkit-tap-highlight-color: rgba(0, 0, 0, 0);margin:0 auto;overflow-x:hidden;position: relative;padding: 0; width: 100%;color: #222;font-family: Arial, Helvetica, sans-serif, Microsoft Yahei; font-size:14px;  line-height:1;background: #fff;}

/* body { -webkit-tap-highlight-color: rgba(0, 0, 0, 0);margin:0 auto;overflow-x:hidden;position: relative;padding: 0; width: 100%;color: #222;font-family: 'owr', Arial, Helvetica, sans-serif, Microsoft Yahei; font-size:14px;  line-height:1;background: #fff;} */


html.act{overflow: hidden;width: 100%;height: 100vh;}



html{font-size: 100px;}



.ul,.ul .li,.ul li,.ul td,.ul dd{ list-style-type:none; margin:0; padding:0; }



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



.clearfix { *zoom:1; }



a{display: inline-block; text-decoration:none; cursor:pointer; -webkit-transition: all .5s; -moz-transition: all .5s; transition: all .5s;color: #222; outline: none;}



textarea,select{outline:none;color:#666;font-size:14px; width:100%;}



img{border:none;display: block;max-width: 100%;}



img[src=""]{opacity: 0;}



.edit img,

.img_inline_block img{ display: inline-block;height: auto;}



:root{--color: #12479C;--webgdt: calc(100vw - 100%);}



.gdt::-webkit-scrollbar{width:6px;height: 1px;padding: 0 2px;}



.gdt::-webkit-scrollbar-thumb{ background:#5395FF;border-radius: 20px;}



.gdt::-webkit-scrollbar-track{ background:rgba(255,255,255,0);border-radius: 20px;width: 2px; background: linear-gradient(to right, 

  transparent 0%, transparent 33.33%,

  #D9D9D9 33.33%, #D9D9D9 66.66%,

  transparent 66.66%, transparent 100%);}



.gdt2::-webkit-scrollbar{width:3px;height: 1px;padding: 0 2px;}



.gdt2::-webkit-scrollbar-thumb{ background:#5395FF;border-radius: 20px;}



.gdt2::-webkit-scrollbar-track{ background:rgba(255,255,255,0);border-radius: 20px;width: 1px; background: linear-gradient(to right, 

  transparent 0%, transparent 33.33%,

  #D9D9D9 33.33%, #D9D9D9 66.66%,

  transparent 66.66%, transparent 100%);}



.fw_100{font-weight: 100;}



.img_cct{width: 100%;opacity: 0;}



.line10{line-height: calc(1em + 10px);}



.t_line1{overflow: hidden;text-overflow: ellipsis; white-space: nowrap;}



.t_line2{overflow: hidden;text-overflow: ellipsis; display: -webkit-box;-webkit-line-clamp: 2;-webkit-box-orient: vertical;}



.t_line3{overflow: hidden;text-overflow: ellipsis; display: -webkit-box;-webkit-line-clamp: 3;-webkit-box-orient: vertical;}



.t_line4{overflow: hidden;text-overflow: ellipsis; display: -webkit-box;-webkit-line-clamp: 4;-webkit-box-orient: vertical;}



.t_line5{overflow: hidden;text-overflow: ellipsis; display: -webkit-box;-webkit-line-clamp: 5;-webkit-box-orient: vertical;}



/*分页*/



.a_dw{position: relative;top: calc(var(--header-height) / 16 * -16px);}



.w1440{max-width:1440px;width:76%; margin: 0 auto; position: relative; -webkit-transition: all .5s; -moz-transition: all .5s; transition: all .5s;box-sizing: border-box;}



.box{max-width:1600px;width:85%; margin: 0 auto; position: relative; -webkit-transition: all .5s; -moz-transition: all .5s; transition: all .5s;box-sizing: border-box;}



.box2{max-width:1660px;width:88%; margin: 0 auto; position: relative; -webkit-transition: all .5s; -moz-transition: all .5s; transition: all .5s;box-sizing: border-box;}



.box3{max-width:1760px;width:85%; margin: 0 auto; position: relative; -webkit-transition: all .5s; -moz-transition: all .5s; transition: all .5s;box-sizing: border-box;}



.alltime,.alltime *{-webkit-transition: all .4s cubic-bezier(.4,0,.2,1); -moz-transition: all .4s cubic-bezier(.4,0,.2,1); transition: all .4s cubic-bezier(.4,0,.2,1);}



.alltime2,.alltime2 *{-webkit-transition: all .6s cubic-bezier(.4,0,.2,1); -moz-transition: all .6s cubic-bezier(.4,0,.2,1); transition: all .6s cubic-bezier(.4,0,.2,1);}



.alltime3,.alltime3 *{-webkit-transition: all .8s cubic-bezier(.4,0,.2,1); -moz-transition: all .8s cubic-bezier(.4,0,.2,1); transition: all .8s cubic-bezier(.4,0,.2,1);}



.alltime4,.alltime4 *{-webkit-transition: all 1s cubic-bezier(.4,0,.2,1); -moz-transition: all 1s cubic-bezier(.4,0,.2,1); transition: all 1s cubic-bezier(.4,0,.2,1);}



.wow{opacity: 0;}



.wow1{opacity: 1;}



.fbd{font-weight: bold;}



.fce{text-align: center;}



.iw100{width: 100%;}



.place::-webkit-input-placeholder{color:#DDDDDD;}



.place:-moz-placeholder{color:#DDDDDD;}



.place::-moz-placeholder{color:#DDDDDD;}



.place:-ms-input-placeholder{color:#DDDDDD;}



/* 视频弹框 */

.z_tanchuang {position: fixed;display: table;height: 100%;width: 100%;top: 0;left: 0;z-index: 130;opacity: 0;visibility: hidden;pointer-events: none;-webkit-transition: all .4s cubic-bezier(.4,0,.2,1);-moz-transition: all .4s cubic-bezier(.4,0,.2,1);transition: all .4s cubic-bezier(.4,0,.2,1);}



.z_tanchuang .tbox {display: table-cell;background: rgba(0, 0, 0, 0.8);text-align: center;vertical-align: middle;}



.z_tanchuang .tbox .modal {background: white;padding: 0px;display: block;border-radius: 5px;position: relative;width: 90%;width: 1000px;max-height: 90%;margin: 0 auto;transform: translateY(5%);opacity: 0;-webkit-transition: all .4s cubic-bezier(.4,0,.2,1);-moz-transition: all .4s cubic-bezier(.4,0,.2,1);transition: all .4s cubic-bezier(.4,0,.2,1);}



.z_tanchuang .tbox .modal .out{position: absolute;width: 40px;height: 40px;line-height: 40px;background: #fff url(../image/out.png) center no-repeat;background-size: 20px;color: #000;font-size: 30px;text-align: center;border-radius: 50%;top: -20px;right: -20px;cursor: pointer;z-index: 5;}



.z_tanchuang .tbox .modal .img{width: 100%;max-width: 600px;margin: 0 auto;}



.z_tanchuang .tbox .modal .img video{display: block;width: 100%;max-width: 100%;object-fit: cover;}



.z_tanchuang .tbox .modal .img img{margin: 0 auto ;}



.z_tanchuang .tbox .modal .out:hover{background: #fff url(../image/out2.png) center no-repeat;background-size: 20px;transform: rotate(180deg);-webkit-transform: rotate(180deg);}



.z_tanchuang .tbox .modal2{padding: 20px;}



.z_tanchuang .tbox .modal .img{max-width: 1000px;}



.z_tanchuang.act{visibility: visible;pointer-events: visible;opacity: 1;}



.z_tanchuang.act .tbox .modal{transform: translateY(0); opacity: 1;}



/* 分页 */

.page1{ text-align:center; margin: 0;text-align: center;display: flex;justify-content: center;font-family: 'arial';--color: #DF3537;}



.page1 span a{display: block;  width: 40px;height: 40px; text-decoration:none;font-size: 14px;background-color: #e2e2e2;    margin-right: 5px;}

.page-num-current{ background:#ea5404 !important;color: #fff;border-color: var(--color);}



.page1 span.current a{background: #ea5404;color: #fff;}



.page1 span{display: inline-block; line-height: 40px; color:#666666;}



.page1 span input{display: block;width: 40px;height: 40px;outline: none;text-align: center;border: 1px solid #ddd;background-color: inherit;}



.page1 span input:focus{

  border-color: var(--color);

}



.page1 span a.pre{width: 40px;display: flex;justify-content: center;align-items: center;align-content: center;}



.page1 span a.pre s{display: block;width: 21px;height: 21px;background: url(../image/fy_jt.svg) center no-repeat;}



/* .page1 span a.pre:hover s{background: url(../image/fy_jt2.svg) center no-repeat;} */



.page1 span a.nex{width: 40px;display: flex;justify-content: center;align-items: center;align-content: center;}



.page1 span a.nex s{display: block;width: 21px;height: 21px;background: url(../image/fy_jt.svg) center no-repeat;transform: rotate(180deg);-webkit-transform: rotate(180deg);}



.page1 span a.nex:hover s{background: url(../image/fy_jt2.svg) center no-repeat;}



.page1 .qd{width: 65px;}



.page1 .qd a{width: 96px;background: var(--color);color: #fff;border-color: var(--color);}



.page1 .page-text{

  color: #999;

  margin: 0 10px;

}



.page2{

  display: none;

  --color: #DF3537;

  width: 160px;

  background-color: var(--color);

  margin: 0 auto;

  text-align: center;

  line-height: 50px;

  color: #fff;

  border-radius: 50px;

}



@media screen and (min-width: 1201px) {

  .yd{display: none;}

  .mhead,.mnav{display: none;}

}



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

  html{font-size: 95px;}

}



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

  html{font-size: 90px;}

}



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

  html{font-size: 85px;}

}



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

  html{font-size: 80px;}

}



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

  html{font-size: 75px;}

}



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

  html{font-size: 70px;}

}



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

  html{font-size: 65px;}

}



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

  html{font-size: 60px;}

}



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

  html{font-size: 55px;}

}



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

  html{font-size: 50px;}

}



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

  

}



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

  

}



@media (max-width:1200px) {



  body{min-width: 200px;padding-top: 50px;}

  

	.box{width: 90%;min-width: 100px;padding: 0;}



  .wow,

  .wow1{opacity: 1;}



  .a_dw{top: -50px;}



  .pc{display: none;}



  .header{display: none;}



  .z_tanchuang .tbox .modal{width: 90%;padding: 5px;}



  .z_tanchuang .tbox .modal .out{right: 0;top: -50px;}



  /* ph nav */

  .mhead{display: block;width: 100%;height: 50px;position: fixed;z-index: 9;top: 0;left: 0;background:#fff ;border-bottom: 1px solid #eee;}



    .mhead .menum{height: 50px;padding-left: 35px;background:url(../image/m1.png) center right no-repeat ;background-size: 30px;float: right;}



    .mhead .logo{display: block;position: absolute;top: 50%;left: 0;z-index: 3;transform: translateY(-50%);}



    .mhead .logo img{display: block;height: 30px;}



    .mhead.act{-moz-box-shadow:0px 1px 5px #ddd; -webkit-box-shadow:0px 1px 5px #ddd; box-shadow:0px 1px 5px #ddd;}



    .mnav {position: fixed;width: 100%;height: 100%;top: 0;left: -100%;z-index: 3000;display: block;-webkit-transition: all .4s cubic-bezier(.4,0,.2,1); -moz-transition: all .4s cubic-bezier(.4,0,.2,1); transition: all .4s cubic-bezier(.4,0,.2,1);}



    .mnav .hei{display: block;width: 100%;height: 100%;background:rgba(0, 0, 0, 0.7) ;position: absolute;top: 0;left: 0;z-index: 1;}



    .mnav .mbox{width: 80%;height: 100%;overflow: auto;background:#fff ;position: relative;z-index: 2;left: -100%;-webkit-transition: all .4s cubic-bezier(.4,0,.2,1); -moz-transition: all .4s cubic-bezier(.4,0,.2,1); transition: all .4s cubic-bezier(.4,0,.2,1);}



    .mhead .ss{display: block;width: 100px;height: 50px;float: right;background-size: 20px;line-height: 50px;width: 150px;font-size: 18px;}



    .mnav .mbox .ul1{}



    .mnav .mbox .ul1 li .ltop{position: relative;line-height: 50px;padding: 0 50px 0 15px;border-bottom: 1px solid #ddd; }



    .mnav .mbox .ul1 li .ltop a{display: block;width: 100%;}



    .mnav .mbox .ul1 li .ltop span{display: block;width: 50px;height: 50px;position: absolute;top: 0;right: 0;z-index: 2;background:url(../image/r_hui2.png) center no-repeat ;background-size: 16px;}



    .mnav .mbox .ul1 li .ltop.act span {transform: rotate(90deg);-webkit-transform: rotate(90deg);}



    .mnav .mbox .ul1 li .lbtm{display: none;border-bottom: 1px solid #ddd;padding: 10px 0;}



    .mnav .mbox .ul1 li .lbtm a{display: block;width: 100%;padding: 0 15px;line-height: 30px;font-size: 12px;color: #666;}



    .mnav .mbox .ul1 .lang .ltop{font-weight: bold;background: #EEEEEE;height: 50px;}



    .mnav .mbox .ul1 .lang .yy{position: relative;width: 80px;line-height: 30px;top: 10px;left: 0px;z-index: 3;font-family: Arial, Helvetica, sans-serif;}



    .mnav .mbox .ul1 .lang .yy1{display: flex;justify-content: space-between;align-items: center;align-content: center;padding-left: 30px;background: url(https://www.maxlion.net/public/cn/images/svg/myy_1.svg) center left no-repeat;background-size: 20px;}



    .mnav .mbox .ul1 .lang .yy1 s{display: block;width: 20px;height: 20px;background: url(https://www.maxlion.net/public/cn/images/svg/myy_3.svg) center  no-repeat;transform: rotate(180deg);-webkit-transform: rotate(180deg);background-size: 14px;}



    .mnav .mbox .ul1 .lang .yy2{width: 110px;padding: 40px 10px 10px 40px;background: #fff;border-radius: 6px;position: absolute;top: -5px;left: -10px;z-index: -1;-moz-box-shadow:0px 1px 5px #ddd; -webkit-box-shadow:0px 1px 5px #ddd; box-shadow:0px 1px 5px #ddd;display: none;}



    .mnav .mbox .ul1 .lang .yy.act .yy1 s{transform: rotate(0deg);-webkit-transform: rotate(0deg);background: url(https://www.maxlion.net/public/cn/images/svg/myy_2.svg) center  no-repeat;background-size: 14px;}



    .mnav.act{left: 0;}



    .mnav.act .mbox{left: 0;transition-delay: .15s;-webkit-transition-delay: .15s;}



  .mnav2 {position: fixed;width: 100%;height: 100%;top: 0;left: -100%;z-index: 15;display: block;-webkit-transition: all .4s cubic-bezier(.4,0,.2,1); -moz-transition: all .4s cubic-bezier(.4,0,.2,1); transition: all .4s cubic-bezier(.4,0,.2,1);}



  .mnav2 .hei{display: block;width: 100%;height: 100%;background:rgba(0, 0, 0, 0.1) ;position: absolute;top: 0;left: 0;z-index: 1;}



  .mnav2 .mbox{width: 80%;height: 100%;overflow: auto;background:#fff ;position: relative;z-index: 2;left: -100%;-webkit-transition: all .4s cubic-bezier(.4,0,.2,1); -moz-transition: all .4s cubic-bezier(.4,0,.2,1); transition: all .4s cubic-bezier(.4,0,.2,1);}



  .mnav2 .mbox .dl1 dd .dtop{position: relative;line-height: 50px;padding: 0 50px 0 15px;border-bottom: 1px solid #ddd; }



  .mnav2 .mbox .dl1 dd .dtop a{display: block;width: 100%;}



  .mnav2 .mbox .dl1 dd .dtop span{display: block;width: 50px;height: 50px;position: absolute;top: 0;right: 0;z-index: 2;background:url(../image/r_hui2.png) center no-repeat ;background-size: 16px;}



  .mnav2 .mbox .dl1 dd .dtop.act span {transform: rotate(90deg);-webkit-transform: rotate(90deg);}



  .mnav2 .mbox .dl1 dd .dbtm{display: none;border-bottom: 1px solid #ddd;padding: 10px 0;}



  .mnav2 .mbox .dl1 dd .dbtm a{display: block;width: 100%;padding: 0 15px;line-height: 30px;font-size: 12px;color: #666;}



  .mnav2.act{left: 0;}



  .mnav2.act .mbox{left: 0;transition-delay: .15s;-webkit-transition-delay: .15s;}

}



@media (max-width:768px) {

  .fw_100{font-weight: normal;}

}