@charset "utf-8";
html{ font-size: 100px;}
body{font-family:"Microsoft YaHei","Source Han Sans CN"; color:#333; font-size:14px; background: #f8f8f8;}
*{margin:0px;padding:0px;list-style: none; }
img{border:0px; max-width: 100%;}
a{text-decoration:none;color:#333;}
a:hover{color:#463a8a}
i{ font-style: normal; }
em{ font-style:normal;}
.clear{clear:both;}
.l{float:left;}
.r{float:right;}
.layui-layer-setwin .layui-layer-close2 {
    right: -6px!important;
    top: -6px!important;
}
.wap{ display: none; }
.bak{-webkit-transition: all 0.5s;-moz-transition: all 0.5s;-o-transition: all 0.5s;transition: all 0.5s;  display: block; }
.bak:hover {-webkit-transform:scale(1.08); -moz-transform:scale(1.08);-o-transform:scale(1.08);transform:scale(1.08);}
.pic,.pic1{ overflow: hidden; margin: auto; position: relative;}
.pic span{ background-repeat: no-repeat; background-position: center; background-size: cover; display: block;}
.pic span img{position: absolute; width: 100%; height: 100%; top: 0; left: 0; object-fit: cover; transition: all 0.5s;}

.pic1 span{background-repeat: no-repeat; background-position: center; background-size:contain; display: block;}
.pic1 span img{position: absolute; width: 100%; height: 100%; top: 0; left: 0; object-fit: contain; transition: all 0.5s;}


.w1420{width: 1420px; margin: auto; }
.w1200{ width: 1200px; margin: auto; }
.content{ margin:20px auto; }
.middle{ margin: 40px auto; position: relative;  }

.top{ margin: auto; padding:20px 0; }
.logo{ float: left;  }
.nav_box{ background: #624995; }
.nav{ font-size: 16px;  display: grid; grid-template-columns: repeat(8, 1fr);  }
.nav li{ text-align: center; position: relative; z-index: 999;}
.nav li a{ display: block;  height: 60px; line-height: 60px; color: #fff; font-size: 18px;}
.nav li a:hover,.nav li.on a{  background: #9358d5;}
.nav li .sub-box1{ position:absolute;text-transform:none; top:60px; left: 0;  width:100%; overflow: hidden; height: 0px; display: block; z-index: 999; transition: All 0.4s ease-in-out;
            -webkit-transition: All 0.4s ease-in-out;
            -moz-transition: All 0.4s ease-in-out;
            -o-transition: All 0.4s ease-in-out;  z-index: -1;opacity:0; filter:alpha(opacity=0); -webkit-box-shadow: 0 0px 5px rgba(0,0,0,0.2); -moz-box-shadow: 0 0px 5px rgba(0,0,0,0.2); -o-box-shadow: 0 0px 5px rgba(0,0,0,0.2);box-shadow: 0px 0px 5px rgba(0,0,0,0.2); }

.nav li:hover .sub-box1{ display: block; display: none;  height: auto; z-index: 1;opacity:1; filter:alpha(opacity=1); }
.nav li .sub-box{ background:#7f5fa3; }
.nav li .sub-box a{ display: block; margin: auto; font-size: 15px;  padding:0px 10px; text-align: center; border-top: #004F88 1px dotted; line-height: 45px; height: 45px; color: #fff; }
.nav li .sub-box a:hover{ background: #624995; color: #fff; }


.tel{ display: flex; align-items: center; margin-left: 1rem; margin-top: 5px; font-weight: bold;}
.tel img{ margin-right: 10px; }
.tel dl dd{font-size: 24px; color: #463a8a; }

.sou_box{ width: 400px; border:#7a4f9a 1px solid; border-radius: 5px; height: 42px; line-height: 42px;  margin-top: 10px;  }
.sou_box form{display: flex; align-items: center;}
.sou_box a{ width: 120px; display: block; background: linear-gradient(to right, #7c509b, #373d8c); color: #fff; text-align: center; font-size: 16px;}
.sou_box a i { padding-right: 10px; }
.sou_box input{ display: block; width: calc(100% - 120px); height: 42px; line-height: 42px; background: none; border:none;  text-indent: 10px;}

.pg_message{/* position: absolute; bottom: 40px; left: 0; width: 100%; z-index: 1*/ }

.pg_message {
     background: url(../images/messbg1.jpg) no-repeat center;
    background-size: cover; border-radius: 5px;
}
.pg_message .w1420{ }
.pg_message .con{ /*background: #fff;*/ border-radius: 5px; padding:20px;}
.pg_message .con h2{ border-bottom: #eee 1px solid; color: #fff;  font-size: 22px; font-weight: bold; padding-bottom: 10px;}




.mess form{ margin: 25px auto 10px auto; }
.mess p{ float: left; width: calc(14.5% - 12px);margin-right: 10px; border:#eee 1px solid; height: 42px; line-height: 42px; background: #fff; border-radius: 5px; }
.mess p span{  display: inline-block; width: 60px; text-align: center; }
.mess p input{border:none; background: none; height: 42px; line-height: 42px; display: inline-block; width: calc(100% - 60px);}
.mess p a{ display: inline-block; color: #fa9815; width:90px; text-align: center; }
.mess p.p3 span{ width: 70px; }
.mess p.p5 span,.mess p.p6 span{ width: 90px; }
.mess p.p3 input{width: calc(100% - 160px);}
.mess p.p5 input,.mess p.p6 input{width: calc(100% - 90px);}
.mess p.p3,.mess p.p6{ width: calc(16% - 12px);}
.mess dd{ float: right; width: 10%;  }
.mess dd input{border:none; background: none; height: 44px; line-height: 44px; background: linear-gradient(to right, #7c509b, #373d8c); color: #fff; text-align: center; font-size: 16px; display: block; width: 100%; border-radius: 5px; cursor: pointer; transition: all 0.5s; background: linear-gradient(to right, #ffc77c, #ed931b); color: #262a89; font-weight: bold;}
.mess dd input:hover{-webkit-box-shadow: 5px 0px 20px rgba(0,0,0,0.2); -moz-box-shadow: 5px 0px 20px rgba(0,0,0,0.2); -o-box-shadow: 5px 0px 20px rgba(0,0,0,0.2);box-shadow: 5px 0px 20px rgba(0,0,0,0.2);}
.mess p input::-webkit-input-placeholder{color: #999; }/*使用webkit内核的浏览器 */
.mess p input:-moz-placeholder{color: #999; } /*?Firefox版本4-18 */
.mess p input::-moz-placeholder{color: #999; }/*Firefox版本19+ */
.mess p input:-ms-input-placeholder{color: #999; }


.bai_box{ background: #fff; padding:20px;  border-radius: 5px;}
.index_l{ width: 66.2%; margin-right: 20px; }
.index_r{ overflow: hidden; }

.index_dh{ margin:auto;   height: 50px; line-height: 50px; }
.index_dh .tit{ }
.index_dh h2,.index_dh h1{display: flex; align-items: center; font-size: 24px; font-weight: bold; }
.index_dh h2 img{ margin-right: 10px; display: block; }
.index_dh .more{ font-size: 16px; }
.index_dh h1 i{ display: inline-block; width: 7px; height: 20px; background: #784f9a; margin-right: 15px; }
.daxue_list{ margin:20px auto 0 auto; display: grid; grid-template-columns: repeat(3, 1fr);  gap:20px;}
.daxue_list_n{grid-template-columns: repeat(4, 1fr); gap:40px; }
.daxue_list li{ background: #fff; border-radius: 5px; transition: all 0.5s;}
.daxue_list li .pic{border-top-left-radius:5px; border-top-right-radius:5px;   }
.daxue_list li .pic span{ padding-top: 66.66%; }
.daxue_list li dl{ position: absolute; top: 0; left: 0; width: 197px; max-width: 100%; display: flex; align-items: center;  height: 30px; line-height: 30px;   text-align: center;  }
.daxue_list li dl dt{ width:87px;  color: #fff; text-indent: -10px;background-repeat: no-repeat; background-position: center; background-size: contain; }
.daxue_list li dl dd{ width: 124px;  color: #965308;text-indent: -5px;  background: url(../images/rzbg.png) no-repeat center; background-size: contain; margin-left: -14px; }
.daxue_list li dl dd i{ font-size: 14px; padding-right: 2px; }
.daxue_list li .con{ /*background: #fff;*/ padding:20px; }
.daxue_list li .con h3{ font-size: 20px; font-weight: bold; min-height: 55px; }
.daxue_list li .text{ margin:0 auto 20px auto; }
.daxue_list li .text p{ margin:10px auto; color: #666; }
.daxue_list li .text p b{ padding-right:10px; color: #333;}
.daxue_list li .con dd{ margin:10px auto; border:#7b509b 2px solid; display: flex; align-items: center;  height: 42px; line-height: 42px;  border-radius: 5px;}
.daxue_list li .con dd a{ display: block; width: 50%; font-size: 18px; text-align: center; font-weight: bold; color: #463a8a;}
.daxue_list li .con dd a:last-child{background: linear-gradient(to right, #7c509b, #373d8c); color: #fff;}
.daxue_list li:hover{-webkit-box-shadow: 5px 0px 20px rgba(0,0,0,0.2); -moz-box-shadow: 5px 0px 20px rgba(0,0,0,0.2); -o-box-shadow: 5px 0px 20px rgba(0,0,0,0.2);box-shadow: 5px 0px 20px rgba(0,0,0,0.2);}

.daxue_list li .con dd a:hover{ text-decoration: underline; }


.zy_box{ margin:20px auto 40px auto; font-size: 16px; }

.news_box .tab,.zy_box .tab{ margin:auto; font-weight: bold; border-bottom: #eee 1px solid; }
.news_box .tab li,.zy_box .tab li{ float: left;  font-size: 16px;}
.news_box .tab li a,.zy_box .tab li a{ display: block; border-bottom: rgba(0,0,0,0) 2px solid; padding:0 10px; position: relative; padding-bottom: 15px; }
.news_box .tab li.active a,.zy_box .tab li.active a{border-bottom: #463a8a 2px solid;}
.news_box .tab li.active a:before,.zy_box .tab li.active a:before{ content: "\e6b5"; font-family: "iconfont"; display: block; transform: rotate(90deg) scale(1);
            -webkit-transform: rotate(-90deg) scale(1);
            -moz-transform: rotate(-90deg) scale(1);
            -o-transform: rotate(-90deg) scale(1);
            -ms-transform: rotate(-90deg) scale(1); position: absolute; bottom: -5px; left: 50%; color: #463a8a; width: 15px; margin-left: -7px; font-size: 14px;
 }



.zy_box .tab_con{margin:20px auto; height: 100px; }
.zy_box .tab_list{display: grid; grid-template-columns: repeat(3, 1fr);  gap:10px; text-align: center; }
.zy_box .tab_list a{ display: block; border:#ddd 1px solid; border-radius: 5px; height: 38px; line-height: 38px; }
.zy_box .tab_list a:hover{ background: #ecebf3; color: #463a8a; border:#463a8a 1px solid;}

.zy_box .tab_list{ display: none;opacity:0;transition: all 0.3s;  }
.zy_box .tab_list.active{ display: grid;opacity:1;  }




.lx_box{ margin:20px auto 0 auto; padding:20px 20px; height: 510px; overflow: auto; }
.lx_box::-webkit-scrollbar {
  /*滚动条整体样式*/
  width : 5px;  /*高宽分别对应横竖滚动条的尺寸*/
  height: 1px;
  }
.lx_box::-webkit-scrollbar-thumb {
  /*滚动条里面小方块*/
  border-radius: 2px;
  box-shadow   : inset 0 0 2px rgba(0, 0, 0, 0);
  background   : #eee;
  }
.lx_box::-webkit-scrollbar-track {
  /*滚动条里面轨道*/
  box-shadow   : inset 0 0 2px rgba(0, 0, 0, 0);
  border-radius: 2px;
  background   : #fff;
  }



.lx_box .tit{ float:  left; width: 100px; border:#463a8a 1px solid; text-align: center; height: 30px; line-height: 30px; font-size: 16px; color: #463a8a; border-radius: 5px; position: relative; margin-right: 10px;}
.lx_box .tit:after{ content: "\e632"; font-family: "iconfont"; position: absolute; top: 50%; transform: translateY(-50%); right: -7px; background: #fff; width: 12px; height: 12px; overflow: hidden; line-height: 12px; text-align: center;}
.lx_box .list{ overflow: hidden; }
.lx_box .item{ margin:20px auto; }
.lx_box .item .list  a{ display: inline-block; margin: 5px 0 5px 10px; font-size: 16px; }

.lx_box .item .list  a:hover{ color: #463a8a; }

.zhibo_box{ background: #fff; margin:20px auto; position: relative; }
.zhibo_box .tab_list{ display: none; }
.zhibo_box .tab_list.active{ display: block; }
.zhibo_pic{ width: 50%; position: absolute; left: 0; top: 0;height: 100%; background-repeat: no-repeat; background-position: center; background-size: cover; z-index: 1; }
.zhibo_pic  .zbzt{ position: absolute; left: 0; top: 0; background-repeat: no-repeat; background-position: center; background-size: contain;  background-image: url(../images/zbzt.png); width: 137px; height: 30px;  line-height: 30px; color: #fff; text-align: center; text-indent: -10px; z-index: 2;}

.zhibo_pic i{ display: block; position: absolute; left: 50%; top: 50%; transform: translate(-50%, -50%); font-size: 40px; color: #fff; opacity: .8; z-index: 3; }
.zhibo_pic a{ display: block; width: 100%; height: 100%;  }

.zhibo_list{  float: right; width: 50%; }
.zhibo_list li{ }
.zhibo_list li a{ display: flex; align-items: center;   padding:15px 20px;  line-height: 34px; font-size: 16px; }
.zhibo_list li p{ display: inline-block; width: 30%; color: #463a8a;  display: flex; align-items: center; float: left;  }
.zhibo_list li p i{ font-size: 30px; }
.zhibo_list li p span{ display: block; color: #999; }
.zhibo_list li h4{ display: inline-block; width: calc(70% - 98px);float: left; margin-right:10px; }
.zhibo_list li em{display: inline-block; border:#463a8a 1px solid; width: 88px; height: 34px; line-height: 34px; border-radius: 34px; text-align: center;  color: #463a8a; float: right;}
.zhibo_list li.active{ background: #ecebf3; }



.index_news{ margin:40px auto 20px auto; }
.left{ float: left; width: 50%; margin-right: 20px; }
.right{ overflow: hidden; }
.news_box{ margin:15px auto; }
.news_box .tab_con{ margin:20px auto; }
.news_box .tab_list li{ margin:20px auto;  display: flex; align-items: center;  }
.news_box .tab_list li span{ display: block; width: 80px; text-align: right; color: #999; }
.news_box .tab_list li a{width: calc(100% - 85px); display: block; font-size: 16px; white-space:nowrap;overflow:hidden;text-overflow:ellipsis;}
.news_box .tab_list li a img{ padding-right:10px; }
.news_box .tab_list{ display: none; }
.news_box .tab_list.active{ display: block; }

.wenda_box{margin:15px auto; height: 346px; overflow: auto; }
.wenda_box .item{ margin:10px auto; }
.wenda_box .item .tit{ margin:auto; font-size: 16px; color: #000; }
.wenda_box .item i{ width: 28px; height: 28px; text-align: center; line-height: 28px;  display: inline-block; border-radius: 5px; color: #fff; font-size: 18px;}
.wenda_box .item .tit i{ background: linear-gradient(to right, #7c509b, #373d8c); margin-right: 10px; float: left;}
.wenda_box .item .tit h3{overflow: hidden; font-size: 16px;}
.wenda_box .item .text{ margin:10px auto; }
.wenda_box .item .text i{background: linear-gradient(to right, #f9d8ab, #f7ba69); color: #965408;  float: left; margin-right: 10px;}
.wenda_box .item .text p{ color: #666; line-height: 1.6; overflow: hidden; }



.wenda_box::-webkit-scrollbar {
  /*滚动条整体样式*/
  width : 5px;  /*高宽分别对应横竖滚动条的尺寸*/
  height: 1px;
  }
.wenda_box::-webkit-scrollbar-thumb {
  /*滚动条里面小方块*/
  border-radius: 2px;
  box-shadow   : inset 0 0 2px rgba(0, 0, 0, 0);
  background   : #eee;
  }
.wenda_box::-webkit-scrollbar-track {
  /*滚动条里面轨道*/
  box-shadow   : inset 0 0 2px rgba(0, 0, 0, 0);
  border-radius: 2px;
  background   : #fff;
  }



.link{ margin:30px auto; }
.link_dh{ font-size: 16px; font-weight: bold; }
.link_list{ margin:5px auto; }
.link_list a{ display: inline-block; margin:5px 10px 0 0; }

.foot{ background: #0d072f; margin: auto;   color: #919191; }
.foot_nr{ padding:40px 0; border-bottom: #262044 1px solid; }
.foot a{ color: #919191; }

.foot_l{ width: 30%; }
.foot_nav{ width: 51.4%; display: grid; grid-template-columns: repeat(4, 1fr);  }
.foot_nav ul li.t{ margin-bottom: 15px; }
.foot_nav ul li.t a{ font-size: 16px; color: #fff; }

.foot_nav ul li.small{margin:10px auto; display: block;}
.foot_nav ul li.small a{ color: #fff;  opacity: .6; }
.foot_nav ul li.small a:hover{ opacity: 1; }
.foot_tel{  font-size: 16px;}
.foot_tel p{ font-size: 30px; color: #fff;  margin: 10px auto 0 auto; font-weight: bold;}
.foot_gzh{ width: 17.6%;  display: grid; grid-template-columns: repeat(2, 1fr); gap:20px;}
.foot_gzh li{ text-align: center;  }
.foot_gzh li p{ line-height: 2;}
.bq{ padding:20px 0; text-align: center; }
.bq span{ display: inline-block; margin-right:15px; }
.bq a:hover{ color: #fff; }

.nbanner{  width: 74.15%; margin-right:20px;  position: relative; }
.nbanner .pic{border-radius: 5px;}
.nbanner .pic span{ padding-top: 43.96%; }
.fangan_mess{ overflow: hidden; padding:30px 35px; }

.fangan_mess .tit{ font-size: 22px; font-weight: bold; }
.fangan_mess .con{ margin:10px auto; }

.fangan_mess form{ margin: auto; }
.fangan_mess p{ border:#eee 1px solid; height: 42px; line-height: 42px; margin:15px auto; border-radius: 5px;}
.fangan_mess p span{  display: inline-block; width: 90px; text-align: left; text-indent: 10px; }
.fangan_mess p input{border:none; background: none; height: 42px; line-height: 42px; display: inline-block; width: calc(100% - 90px);}
.fangan_mess p a{ display: inline-block; color: #fa9815; width:90px; text-align: center; }
.fangan_mess p.p3 input{ width: calc(100% - 180px);}
.fangan_mess p.p3 a{ width: 90px; display: inline-block;  }
.fangan_mess dd{ margin:25px auto 0 auto;  }
.fangan_mess dd input{border:none; background: none; height: 44px; line-height: 44px; background: linear-gradient(to right, #7c509b, #373d8c); color: #fff; text-align: center; font-size: 16px; display: block; width: 100%; border-radius: 5px; cursor: pointer; transition: all 0.5s;}
.fangan_mess dd input:hover{-webkit-box-shadow: 5px 0px 20px rgba(0,0,0,0.2); -moz-box-shadow: 5px 0px 20px rgba(0,0,0,0.2); -o-box-shadow: 5px 0px 20px rgba(0,0,0,0.2);box-shadow: 5px 0px 20px rgba(0,0,0,0.2);}
.fangan_mess p input::-webkit-input-placeholder{color: #999; }/*使用webkit内核的浏览器 */
.fangan_mess p input:-moz-placeholder{color: #999; } /*?Firefox版本4-18 */
.fangan_mess p input::-moz-placeholder{color: #999; }/*Firefox版本19+ */
.fangan_mess p input:-ms-input-placeholder{color: #999; }


.n_mess_box{ background: url(../images/messbg1.jpg) no-repeat center; background-size: cover; padding:15px 20px 25px 20px; border-radius: 5px; }
.pg_message .n_mess_box{ background: none; padding:0; }

.gjbk_news{ padding:18px 20px; }

.n_dh_box h1,.n_dh_box h2{font-size: 24px; font-weight: bold; display: flex; align-items: center; }
.n_dh_box h1 i,.n_dh_box h2 i{ display: inline-block; width: 7px; height: 20px; background: #784f9a; margin-right: 15px; }
.shai_box{ margin:20px auto; font-size: 16px; padding:15px 20px;}
.shai_box dl{ }
.shai_box dl dt{ font-weight: bold; float: left;  padding:10px 0; }
.shai_box dl dd{ overflow: hidden; }
.shai_box dl dd a{ display: inline-block; padding:5px 10px; background: #f3f3f3; border-radius: 5px; margin:5px; }
.shai_box dl dd a:hover,.shai_box dl dd a.on{background: linear-gradient(to right, #7c509b, #373d8c);  color: #fff;}

.content1{ padding:40px 20px; }
.route_box{ padding-top: 2px; }

.n_dh{ margin:auto; font-weight: bold; border-bottom: #eee 1px solid; font-size: 16px;}
.n_dh a{ display: block; float: left; border-bottom: rgba(0,0,0,0) 2px solid; padding:0 10px; position: relative; padding-bottom: 15px; }
.n_dh a.on{border-bottom: #463a8a 2px solid;}
.n_dh a.on:before{ content: "\e6b5"; font-family: "iconfont"; display: block; transform: rotate(90deg) scale(1);
            -webkit-transform: rotate(-90deg) scale(1);
            -moz-transform: rotate(-90deg) scale(1);
            -o-transform: rotate(-90deg) scale(1);
            -ms-transform: rotate(-90deg) scale(1); position: absolute; bottom: -5px; left: 50%; color: #463a8a; width: 15px; margin-left: -7px; font-size: 14px;
 }

.wenda_box_n{ height: auto; padding:0; margin:auto; }

.gjbk_news .tab_list li a{ width: calc(100% - 195px); margin-right:10px; }
.gjbk_news .tab_list li i{ display: inline-block; width: 100px; color: #999; }

/*.yslx_con{ min-height: 390px; }*/
.yslx_con img{ border-radius: 5px; }

.m_nav{ margin:auto; border-bottom: #efeaf3 5px solid; padding:15px 0;}
.m_nav li{ float: left; width: 33.3%; text-align: center; margin:10px auto;  font-weight: bold; }
.m_nav li p{ margin:10px auto 0 auto; }
.m_nav li img{ width: 45px; display: block; margin:auto; }
.okmsg_box{ position: fixed; top: 0; left: 0; width: 100%; height: 100%; background:rgba(0,0,0,0.6); z-index: 999; display: none;  }
.okmsg{ width:560px; background:#fff;  position:fixed; left:50%; top:50%; transform: translateY(-50%); margin-left:-280px;  z-index:9991; display:none; border-radius: 10px;}
.okmsg dl{ position:relative; width:100%; display:block; padding:30px 0; }
.okmsg a{ display:inline-block; position:absolute; right:15px; top:15px; font-size: 22px; }
.okmsg .okmsg_con{ margin:auto; position:relative;  max-width:85%; }
.okmsg .okmsg_con .tit{text-align:center; }
.okmsg .okmsg_con .tit img{ display: block; margin:auto; }
.okmsg .okmsg_con .tit b{ display: block; font-size: 20px; margin:10px auto; }
.okmsg .okmsg_con .tit p{ font-weight:bold; font-size:16px; display:block;  margin:10px auto;}
.okmsg .okmsg_con .wei{ background:#f6f7fb; /*padding:10px; */margin:30px auto; max-width: 300px;   }
.okmsg .okmsg_con .wei_con{ border:#ddd 1px dashed; padding:10px; display: flex; align-items: center;}
.okmsg .okmsg_con .wei i{ width: 110px; margin-right: 20px; display: block; }

.wap_mess_mask{ position: fixed; top: 0; left: 0; width: 100%; height: 100%; background:rgba(0,0,0,0.6); z-index: 999; display:none;  }
.wap_mess{ width:50%; margin-left:-25%;  width: 560px; margin-left: -280px;  background:#fff;  position:fixed; left:50%; top:50%; transform: translateY(-50%);  z-index:9991; border-radius: 10px; display:none;}
.wap_mess dl{ position:relative; width:100%; display:block;  }
.wap_mess dt{ display:inline-block; position:absolute; right:15px; top:5px; font-size: 22px; }
.route{  margin:20px auto; margin-bottom: -20px; }

#goTopBtn{ position:fixed; right: 0px; bottom: 125px; width: 38px; height: 38px; background: #6D1EEB; color: #fff; text-align: center;  border-radius: 100%; z-index: 99999; cursor: pointer; }
#goTopBtn i{ font-size: 22px;line-height: 38px; }

.ad{ background-repeat: no-repeat; background-position: center; background-size: cover; padding:40px 20px;  display: flex; align-items: center; color: #fff; }
.ad_box{ width: 52%; display: flex; align-items: center; margin-right: 30px; }
.ad_l{ width: calc(100% - 220px); font-size: 24px; font-weight: bold;  line-height: 1.8;}
.ad_wei{ width:220px;   }
.ad_wei li{ float: left; width: 100px; text-align: center;}
.ad_wei li.li2{ float: right; }
.ad_wei li p{  margin-top: 5px; }
.ad_r{ width: calc(48% - 30px); line-height: 2; }

.Tpiaochuanbg{ width:100%; height:100vh; background:rgba(0,0,0,0.6); display:block; position:fixed;z-index:9998; left:0px; top:0; }
.Tpiaochuan{ width:606px; position:fixed; z-index:9999; left:50%; top:50%; transform: translate(-50%, -50%);display:none; }

