@charset "utf-8";html{overflow-x:hidden}
body{color:#333;font:14px "Microsoft Yahei"}
body,dd,div,dl,dt,h1,h2,h3,h4,h5,h6,img,input,li,ol,p,span,ul{margin:0;padding:0;list-style:none}
a{color:#333;text-decoration:none}
a:focus{outline:0}
img{border:none}
.vam{vertical-align:middle}
.clear{clear:both;height:0;line-height:0;font-size:0}
p{word-spacing:0}
em,i{font-style:normal}
.tr{text-align:right}
.tl{text-align:left}
.center{text-align:center}
.fl{float:left;}
.fr{float:right;}
.pa{position:absolute}
.pr{position:relative}
.clearfix:after{content:"";height:0;clear:both;display:block;visibility:hidden}
.clearfix{zoom:1}

body{min-width: 1200px;max-width: 1920px;margin: 0 auto;overflow-x: hidden; width: 100%;}
.content01{width: 70rem;margin: 0 auto;}
.layui-layer-content{overflow:hidden!important;}
.pic{width:100%;overflow: hidden;}
.pic img{-o-transition:all 1s linear 0s;transition:all 1s linear 0s}
.pic:hover img{-webkit-transform:scale(1.05) rotate(0) translateY(0);-ms-transform:scale(1.05) rotate(0) translateY(0);transform:scale(1.05) rotate(0) translateY(0)}

.white,.whites{position:relative;overflow:hidden}
.white:after,.whites:after{content:'';cursor:pointer;position:absolute;left:-100%;top:0;width:100%;height:100%;background-image:-moz-linear-gradient(0deg,rgba(255,255,255,0),rgba(255,255,255,.5),rgba(255,255,255,0));background-image:-webkit-linear-gradient(0deg,rgba(255,255,255,0),rgba(255,255,255,.5),rgba(255,255,255,0));transform:skewx(-25deg)}
.white:hover:after{left:100%;-moz-transition:1s;-o-transition:1s;-webkit-transition:1s;transition:1s}
.whites:hover:after{left:100%;-moz-transition:.5s;-o-transition:.5s;-webkit-transition:.5s;transition:.5s}
body{min-width:1200px;width:100%;max-width:1920px;margin:0 auto;overflow-x:hidden}
em,i{font-style:normal}

input::-webkit-input-placeholder{color:#999;font-size:14px;text-transform:capitalize}
input::-moz-placeholder{color:#999;font-size:14px;text-transform:capitalize}
input:-moz-placeholder{color:#999;font-size:14px;text-transform:capitalize}
input:-ms-input-placeholder{color:#999;font-size:14px;text-transform:capitalize}
@keyframes myfirst{0%{background-position:0 bottom}
100%{background-position:100% bottom}
}
.line{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.clear{visibility:hidden;display:block;font-size:0;content:" ";clear:both;height:0}



.banner{height:auto;max-width:1920px;margin:0 auto!important;position:relative;margin-top:-34px}
.banner .bd .ban_qie{float:left;width:100%;line-height:0}
.banner .bd .ban_qie video{width:100%}
.banner .bd .ban_qie>img{width:100%}
.banner .bd .ban_qie a{display:block}
.banner .hd{position:absolute;bottom:50px;width:100%;height:16px;cursor:pointer;text-align:center;z-index:9;font-size:0}
.banner .hd li{display:inline-block;width:16px;height:16px;background:#2453ad;margin:0 10px;opacity:1;-o-transition:all .5s ease;transition:all .5s ease;border-radius: 8px;}
.banner .hd li.on{background:#fcb100;}
.banner p{position: absolute;font-size: 0;top: 50%;z-index: 9; width: 36px; height: 70px; margin-top: -35px;border: 0; outline: none;cursor: pointer;transition:.5s;}
.banner .prev {left: 3%; background:url(../images/prev1.png) no-repeat center center;opacity: 0;}
.banner .next {right: 3%;background:url(../images/next1.png) no-repeat center center;opacity: 0;}   
.banner:hover .prev { left: 5%; opacity: 1; }
.banner:hover .next { right: 5%; opacity: 1; }

.video-container{
    position: relative;
}
.open-video {
    cursor: pointer;
    position: absolute;left: 50%;
    top: 50%;
    width: 6rem;
    height: 10rem;
    margin-left: -3rem;
    margin-top: -5rem;
  }

  .open-video img{
    display: block; width: 6rem;
    height: 10rem;
  }

  .video-box {
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    width: 100%;
    height: 100%;
    font-size: 0;
    z-index: 9999;
    background: rgba(0, 0, 0, 0.5);
    display: none;
  }
  
  
  .video-box .video-wrapper {
    width: 1000px;
    height: 710px;
    padding: 40px 76px 0;
    box-sizing: border-box;
    background: url(../images/s_box.png) no-repeat center;
    position: absolute;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
    -o-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    -moz-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
  }
  .video-box .tc_t{height: 160px;}
  .video-box .tc_t h2 span{font-size: 36px;line-height: 36px;color: #fff;font-weight: bold;display: block;}
  .video-box .tc_t h2 i{font-size: 22px;line-height: 22px;color: #fff;font-weight: normal;display: block;margin-top: 18px;}
  .video-box .s_box  ul{display: flex;justify-content: space-between;flex-wrap: wrap;}
  .video-box .s_box  ul li{width: 404px;display: flex;justify-content: space-between;margin-bottom: 15px;}
  .video-box .s_box  ul li.td3,.video-box .s_box  ul li.td6{width: 100%;}
  .video-box .s_box  ul li i{display: block;width: 36px;font-size:18px;line-height: 60px;color: #333333;font-weight: bold;}
  .video-box .s_box  ul li.td4 i, .video-box .s_box  ul li.td5 i{font-size:18px;line-height: 25px;}
   .video-box .s_box  ul li span{display:none;}
  .video-box .s_box  ul li input{display: block;width: 350px;height: 60px;line-height: 60px;background: #fff;border-radius: 6px;border: 1px solid #ededee;box-sizing: border-box;padding: 0 20px;font-size: 18px;color: #b2b2b2;outline: 0;}

  .video-box .s_box  ul li.td3 input,.video-box .s_box  ul li.td6 input{width: 794px;}
  .video-box .s_box  ul li.td6 textarea{height: 160px;font-size: 18px;color: #b2b2b2;line-height: 56px;width: 794px;border: 1px solid #ededee;color: #b2b2b2;font-family:"Microsoft Yahei";padding: 0 20px;box-sizing:border-box;border-radius: 6px;}
  textarea::-webkit-input-placeholder,
    input::-webkit-input-placeholder{
            color:#b2b2b2;
            font-size: 18px;
        }
        
        input::-moz-placeholder{/* Mozilla Firefox 19+ */
            color:#b2b2b2; font-size: 18px;
        }
         textarea:-moz-placeholder,
        input:-moz-placeholder{/* Mozilla Firefox 4 to 18 */
            color:#b2b2b2; font-size: 18px;
        }
         textarea:-ms-input-placeholder,
        input:-ms-input-placeholder{
            color:#b2b2b2; font-size: 18px;
        }
  
  
  
  
  .video-box .s_box  ul li select{display: block;width: 350px;height: 60px;line-height: 60px;background:url(../images/tc_jt.png) no-repeat 314px 25px #fff;border-radius: 6px;border: 1px solid #ededee;box-sizing: border-box;padding: 0 20px;font-size: 16px;color: #333333;outline: 0;appearance: none;}
  .video-box .s_box  ul li select  option{
    display: block;width: 350px;height: 50px!important;line-height: 50px!important;background: #fff;font-size: 18px;color: #333333;outline: 0;
  }

  .video-box .s_box 
  .form-btn-submit{width: 190px;height: 64px;line-height: 64px;background: #fcb100;border: 0;outline: 0;cursor: pointer;border-radius: 32px;font-size: 22px;text-align: center;color: #fff;margin: 15px auto 0;display: block;}
  .video-box .close-video {
    position: absolute;
    top: 16px;
    right: 16px;
    width: 43px;
    height: 43px;
    cursor: pointer;
    background: url(../images/close.png) no-repeat center;
  }

.submit{
    margin:0 auto;
}
.form-btn-reset{
    display: none;
}


.tit{font-size: 0;line-height: 0;text-align: center;}
.tit span{  display: block;font-size: 2.3rem;line-height: 2.3rem;  color: #2453ad;font-weight: bold;position: relative;}
.tit i{font-size: 0.9rem;color: #4c4c4c;display:block;line-height: 0.9rem;font-weight: normal;margin-top: 0.75rem;position: relative;}






.yz{background: url(../images/yz_bg.jpg) no-repeat center top;background-size: 100% 100%;box-sizing: border-box;padding: 3.5rem 0 0;}
.yz h2{font-size: 0;line-height: 0;text-align: center;}
.yz h2 span{ display: block;font-size: 2.3rem;line-height: 2.3rem;  color: #2453ad;font-weight: bold;position: relative;}
.yz h2 i{font-size: 0.8rem;color: #4c4c4c;display:block;line-height: 1.25rem;font-weight: normal;margin-top: 0.7rem;position: relative;}
.yz_bd{position: relative;margin-top: 1.6rem;}
.yz_con dt{display: block;width: 100%;border-radius: 0.5rem 0.5rem 0 0;}
.yz_con dt img{display: block;width: 100%;border-radius: 0.5rem 0.5rem 0 0;}
.yz_con dd{height: 11rem;background: #ffffff;border-radius:0 0 0.5rem 0.5rem;padding: 3.2rem 2.4rem 0;box-sizing: border-box;box-shadow: 0px 20px 30px 0px rgba(0,0,0,0.05);margin-bottom: 3.5rem;}
.yz_con dd h4{ display: block;font-size:1.4rem;line-height: 1.4rem;  color: #333333;font-weight: bold;position: relative;text-align: center;}
.yz_con dd em img{display: block;width: 5rem;height: 5rem;margin: -6rem auto 1.2rem;position: relative;z-index: 20;}
.yz_con p{font-size: 0.8rem;line-height: 1.25rem;color: #595959;margin-top: 0.8rem;text-align: center;}
.yz_bd .sprev{ display: block;width: 2.5rem;height: 2.5rem;z-index: 50;cursor: pointer;overflow: hidden;position: absolute;left: -4rem;top: 41%;margin-top: -1.25rem;z-index: 20;}
.yz_bd .snext{display: block;width: 2.5rem;height:2.5rem;z-index: 50;cursor: pointer;overflow: hidden;position: absolute;right: -4rem;top: 41%;margin-top: -1.25rem;z-index: 20;}
.yz_bd .sprev img,.yz_bd .snext img{display: block;width: 2.5rem;height: 2.5rem;margin: 0 auto;}
.yz_bd .sprev:hover img:nth-child(1),.yz_bd .snext:hover img:nth-child(1){margin-top: -2.5rem;}

.so{background: url(../images/so_bg.jpg) no-repeat center top;background-size: 100% 100%;box-sizing: border-box;padding: 3.5rem 0 3rem;}
.so .tit span{color: #fff;}
.so .tit em{font-weight: normal;}
.so .tit i{color: #fff;opacity: 0.7;}
.so_con{position: relative;margin-top: 2rem!important;}
.so_con dl{display: flex;justify-content: space-between;}
.so_con dt{display: block;width: 65%;border-radius: 0.7rem 0 0 0.7rem;height: 28rem;object-fit:cover;object-position: center;}
.so_con dt img{display: block;width: 100%;border-radius: 0.7rem 0 0 0.7rem;height: 28rem;object-fit:cover;object-position: center;}
.so_con dd{width: 35%;height: 28rem;background: #fff;padding:3.8rem 2.5rem 0;border-radius: 0 0.7rem 0.7rem 0;box-sizing: border-box;}
.so_con dd h4 span{ display: block;font-size:1.6rem;line-height: 1.6rem;  color: #262626;font-weight: bold;}
.so_con dd h4 i{ display: block;font-size:1rem;line-height: 1rem;  color: #2453ad;font-weight: normal;margin-top:0.9rem ;}
.so_con dd .desc{margin-top: 1.5rem;}
.so_con dd .desc p{padding-left: 0.8rem;font-size: 0.8rem;line-height: 1.25rem;color: #4c4c4c;position: relative;}
.so_con dd .desc p::after{content: "";display: block;width: 0.3rem;position: absolute;left: 0%;top: 0.7rem;background: #808080; height: 0.3rem;border-radius: 0.3rem;}
.so_con dd .qh{margin-top: 1.2rem;}
.so_con dd .qh b{font-size: 0.9rem;line-height: 1.5rem;color: #4c4c4c;position: relative;display: block;}
.so_con dd .qh p{font-size: 0.8rem;line-height: 1.25rem;color: #4c4c4c;position: relative;}
.so_s{width: 16.6rem;display: block;margin: 2.5rem 0 0;display: flex;justify-content: space-between;}
.so_s a{width: 8rem;height:3rem;line-height: 3rem;display:block;font-size: 0.8rem;color: #fff;position:relative;text-align: center;transition:all 0.5s;box-sizing: border-box;border-radius: 1.6rem;background: #2453ad;}
.so_s a:hover{transform: translateY(-5px);}
.so_s .more2{background: #fcb100;}
.so_s .more1>img{ display: inline-block;width:1.3rem;height:1.3rem;margin-left: 0.5rem;vertical-align: -0.4rem;}
.so_s .more2>img{ display: inline-block;width:1.55rem;height:1.25rem;margin-left: 0.5rem;vertical-align: -0.4rem;}
.so_t{margin-top: 1.4rem;}
.so_t ul{display: flex;justify-content: space-between;}
.so_t ul li{width: calc((100%)/6);height: 4.1rem;border-right: 1px solid rgba(255,255,255,.16);box-sizing: border-box;}
.so_t ul li:last-child{border: 0;}
.so_t li em{display: block;width: 3rem;height: 2.5rem;overflow: hidden;margin: 0 auto;}
.so_t li em img{ display: block;width: 3rem;height: 2.5rem;}
.so_t li span{ font-size: 1rem;color: #ffffff;display: block;line-height: 1.1rem;font-weight: bold;margin-top: 0.5rem;text-align: center;}
.so_t li.cur em img:nth-child(1){margin-top: -2.5rem;}



.pro{background: url(../images/pro_bg.jpg) no-repeat center top;background-size: 100% 100%;box-sizing: border-box;padding: 3.5rem 0;}
.pro_t{height: 4rem;background: url(../images/pro_z.png) no-repeat center top;background-size: 100% 0.55rem;margin-top: 1.6rem;display: flex;justify-content: space-between;}
.pro_t ul{display: flex;justify-content: space-between;padding-top: 1.3rem;width:84%;}
.pro_t ul li{width: calc((100%)/5);border-right:1px solid #c6c6c6;box-sizing: border-box;line-height: 1.1rem;height:1.1rem;}
/*.pro_t ul li:last-child{border: 0;}*/
.pro_t ul li a{display: block;width: 100%;font-size: 1rem;color: #333333;font-weight: bold;line-height: 1.1rem;text-align: center;position: relative;}
.pro_t ul li.cur a:after{background: url(../images/pro_t.png) no-repeat center;position: absolute;left: 50%;top: 1.6rem;width: 0.6rem;height: 0.45rem;background-size: 100% 100%;content: "";margin-left: -0.3rem;}
.pro_t ul li.cur a{color: #2453ad;}
.pro_t p{width:16%;padding-top:1.3rem;}
.pro_t p a{display: block;width: 100%;font-size: 1rem;color: #333333;font-weight: bold;line-height: 1.1rem;text-align: center;position: relative;}
.pro_t p a:hover{color: #2453ad;}

.pro_bd{position: relative;}
.pro_bd dl{border-radius: 0.7rem;box-shadow: 0px 20px 30px 0px rgba(0,0,0,0.05);background: #fff;position: relative;z-index: 30;margin-bottom: 5.5rem;display: flex;justify-content: space-between;padding: 2.5rem 0 1.8rem;box-sizing: border-box;}
.pro_bd dt{ display: block;width: 67.8%;position: relative;}
.pro_bd dt i>img{display: block;width: 100%; }
.pro_bd dt .video-wrap {
  position: absolute;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
  z-index: 500;
  background: #000;
  overflow: hidden
}

.pro_bd dt .video-wrap video{width:100%;}

.pro_bd dt em>img{display: block;width: 5.8rem;height: 5.8rem;position: absolute;left: 50%;top: 50%;margin-left: -2.9rem;margin-top: -2.9rem;z-index: 10; }
.pro_bd dd{width: 31.44%;padding:0 1.6rem 0 3.4rem;box-sizing: border-box;}
.pro_bd dd h4 a{ display: block;font-size:1.7rem;line-height: 2.1rem;  color: #2453ad;font-weight: bold;}
.pro_bd dd .desc{margin-top: 1rem; overflow: hidden;
        text-overflow: ellipsis;
        display: -webkit-box;
        -webkit-line-clamp: 7;
        -webkit-box-orient: vertical;}
.pro_bd dd .desc p{ display: block;font-size:0.8rem;line-height: 1.3rem;  color: #666666;}
.pro_bd dd p{display: block;font-size:0.8rem;line-height: 1.3rem;  color: #666666;}

.pro_bd dd ul{margin-top: 1rem;}


.pro_bd dd ul li a{display: block;font-size:0.8rem;line-height: 2.5rem;  color: #1a1a1a;border-bottom: 1px solid #e5e5e5;box-sizing: border-box;}
.pro_bd dd ul li a>img{ display: block;width:0.3rem;height:0.6rem;float: right;padding-top: 1rem;padding-right: 0.6rem;}
.pro_bd dd ul li:last-child a{border: 0;}
.pro_bd .prev3{ display: block;width: 2.5rem;height: 2.5rem;z-index: 50;cursor: pointer;overflow: hidden;position: absolute;left: -4rem;top: 41%;margin-top: -1.25rem;z-index: 20;}
.pro_bd .next3{display: block;width: 2.5rem;height:2.5rem;z-index: 50;cursor: pointer;overflow: hidden;position: absolute;right: -4rem;top: 41%;margin-top: -1.25rem;z-index: 20;}
.pro_bd .prev3 img,.pro_bd .next3 img{display: block;width: 2.5rem;height: 2.5rem;margin: 0 auto;}
.pro_bd .prev3:hover img:nth-child(1),.pro_bd .next3:hover img:nth-child(1){margin-top: -2.5rem;}
.pro_s{width: 24rem;display: block;margin: -7rem auto 0rem;display: flex;justify-content: space-between;position: relative;z-index: 20;}
.pro_s a{width: 12.5rem;height:3rem;line-height: 3rem;display:block;font-size: 0.8rem;color: #fff;position:relative;text-align: center;transition:all 0.5s;box-sizing: border-box;border-radius: 1.6rem;background: #2453ad;}
.pro_s a:hover{transform: translateY(-5px);}
.pro_s .more2{background: #fcb100;width: 11rem;}
.pro_s .more1>img{ display: inline-block;width:1.25rem;height:1.15rem;margin-left: 0.5rem;vertical-align: -0.2rem;}
.pro_s .more2>img{ display: inline-block;width:1.55rem;height:1.25rem;margin-left: 0.5rem;vertical-align: -0.4rem;}

.fw{background: url(../images/fw_bg.jpg) no-repeat center top;background-size: 100% 100%;box-sizing: border-box;padding: 3.5rem 0;}
.fw .tit span{color: #fff;}
.fw .tit i{color: #fff;opacity: 0.7;}
.fw ul{display: flex;justify-content: space-between;margin-top: 2rem;}
.fw ul li{width: 10.7%;position: relative;    transition: .1s;overflow: hidden;}
.fw ul li.cur{width: 44.28%;}
.fw li .default{height:23rem;width: 100%;padding: 3.6rem 0rem 0;box-sizing: border-box;background: rgba(255,255,255,.95);border-radius: 0.5rem;}
.fw li .default img{display: block;width:2.8rem;height: 2.8rem;margin: 0rem auto 0;}
.fw li .default span{display:block;font-size: 1.2rem;line-height: 1.75rem;color: #1a1a1a;text-align: center;margin-top: 1.5rem;}
.fw li .default i{display:block;font-size: 1.3rem;line-height: 1.3rem;color: #2453ad;text-align: center;margin-top: 5.5rem;font-family: "mon1";}
.fw li .hover{display: none;}
.fw li.cur .hover{display: block;width: 100%;height: 23rem;background: url(../images/fw_dd.png) no-repeat center;position: absolute;left: 0;top: 0;padding: 3.5rem 5rem 0 3.2rem;box-sizing: border-box;background-size: 100% 100%;border-radius: 0.5rem;}
.fw li.cur .hover dt img{display: inline-block;width:3.6rem;height: 3.2rem;    vertical-align: -0.2rem;}
.fw li.cur .hover dt span{display: inline-block;margin-left: 0.6rem;font-size: 1.7rem;line-height: 1.7rem;color: #fff;font-weight: bold;}
.fw li.cur .hover dt span i{display:block;margin-top: 0.6rem;font-size: 0.7rem;line-height: 0.7rem;color: #ffffff;font-weight: normal;text-transform: uppercase;margin-top: 0.6rem;opacity: 0.3;font-family: "mon2";}
.fw li.cur .hover p{display: block;font-size: 0.8rem;line-height: 1.3rem;color: #ffffff;margin-top: 1.5rem;height: 10rem;}
.fw li.cur .hover em{display:block;font-size: 1.7rem;line-height: 1.7rem;color: #fcb100;font-family: "mon1";}






.case{padding: 3.5rem 0;}
.case_con{margin-top: 2rem;display: flex;justify-content: space-between;flex-wrap: wrap;}
.case_con dl{width:31.42%;position: relative;margin-bottom: 1.5rem;}
.case_con dt{display: block;width: 100%;border-radius: 0.5rem 0.5rem 0 0;}
.case_con dt img{display: block;width: 100%;border-radius: 0.5rem 0.5rem 0 0;}
.case_con dd{padding: 1.4rem 1.8rem 0rem;box-sizing: border-box;background: #f5f5f5;box-sizing: border-box;width: 100%;height: 5.5rem;border-radius:0 0 0.5rem 0.5rem;}
.case_con dd h4 a{ display: block;font-size:1.1rem ;color: #1a1a1a;line-height: 1.2rem;font-weight: normal;position: relative;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;background: url(../images/case_jt.png) no-repeat right;background-size: 1.1rem 1.1rem;}
.case_con dd p{  display: block;font-size:0.8rem ;color: #666666;line-height: 1.3rem;margin-top: 0.3rem;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}
.case_con dl:hover dd{background: #2453ad;}
.case_con dl:hover dd h4 a{background: url(../images/case_jth.png) no-repeat right;background-size: 1.1rem 1.1rem;color: #fff;}
.case_con dl:hover dd p{color: #fff;}
.hz_bd{position: relative;}
.hz_bd li img{display: block;width: 100%;}
.hz_bd .prev4{ display: block;width: 2.5rem;height: 2.5rem;z-index: 50;cursor: pointer;overflow: hidden;position: absolute;left: -4rem;top: 41%;margin-top: -1.25rem;z-index: 20;}
.hz_bd .next4{display: block;width: 2.5rem;height:2.5rem;z-index: 50;cursor: pointer;overflow: hidden;position: absolute;right: -4rem;top: 41%;margin-top: -1.25rem;z-index: 20;}
.hz_bd .prev4 img,.hz_bd .next4 img{display: block;width: 2.5rem;height: 2.5rem;margin: 0 auto;}
.hz_bd .prev4:hover img:nth-child(1),.hz_bd .next4:hover img:nth-child(1){margin-top: -2.5rem;}
.hz_s{width: 22.6rem;display: block;margin:1rem auto 0;display: flex;justify-content: space-between;}
.hz_s a{width: 11rem;height:3rem;line-height: 3rem;display:block;font-size: 0.8rem;color: #fff;position:relative;text-align: center;transition:all 0.5s;box-sizing: border-box;border-radius: 1.6rem;background: #2453ad;}
.hz_s a:hover{transform: translateY(-5px);}
.hz_s .more2{background: #fcb100;}
.hz_s .more1>img{ display: inline-block;width:1.3rem;height:1.3rem;margin-left: 0.5rem;vertical-align: -0.4rem;}
.hz_s .more2>img{ display: inline-block;width:1.55rem;height:1.25rem;margin-left: 0.5rem;vertical-align: -0.4rem;}


.zs{background: url(../images/zs_bg.jpg) no-repeat center top;background-size: 100% 100%;box-sizing: border-box;padding: 3.5rem 0;}
.zs .tit span{color: #fff;}
.zs .tit i{color: #fff;opacity: 0.7;}
.zs_bd{position: relative;margin-top: 2rem;}
.zs_bd dl{background: rgba(255,255,255,0.92);border-radius: 0.5rem;padding: 2rem 2.5rem 2rem 1.5rem;box-sizing: border-box;display: flex;justify-content: space-between;}
.zs_bd dt{display: block;width: 48.5%;position: relative;}
.zs_bd dt img{display: block;width: 100%;}
.zs_bd dt .zs_z{position: absolute;left: 1.6rem;bottom: 1.6rem;display:flex;justify-content: space-between;width: 4.7rem;}
.zs_bd dt .zs_z i{display: block;width: 2.1rem;height: 2.1rem;}
.zs_bd dt .zs_z i>img{display: block;width: 2.1rem;height: 2.1rem;}


  .video-box2 {
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    width: 100%;
    height: 100%;
    font-size: 0;
    z-index: 9999;
    background: rgba(0, 0, 0, 0.7);
    /*display: none;*/
  }

.layui-layer-content img{display:block;width:100%;}

.zs_bd dd{width: 44.6%;}
.zs_bd dd h4 a{ display: block;font-size:1.2rem;line-height: 1.6rem;  color: #333333;font-weight: normal;margin-top: 1.2rem;}
.zs_bd dd .desc{margin-top: 1rem;height: 7.8rem;overflow: hidden;}
.zs_bd dd .desc p{ display: block;font-size:0.8rem;line-height: 1.3rem;  color: #4c4c4c;}
.zs_bd dd .more{ display: block;font-size:0.8rem;line-height: 1.1rem;  color: #2453ad;font-weight: normal;margin-top: 1.5rem;}
.zs_bd dd .more>img{ display: inline-block;width:1.1rem;height:1.1rem;margin-left: 0.5rem;vertical-align: -0.3rem;}
.zs_bd .prev5{ display: block;width: 2.5rem;height: 2.5rem;z-index: 50;cursor: pointer;overflow: hidden;position: absolute;left: -4rem;top: 50%;margin-top: -1.25rem;z-index: 20;}
.zs_bd .next5{display: block;width: 2.5rem;height:2.5rem;z-index: 50;cursor: pointer;overflow: hidden;position: absolute;right: -4rem;top: 50%;margin-top: -1.25rem;z-index: 20;}
.zs_bd .prev5 img,.zs_bd .next5 img{display: block;width: 2.5rem;height: 2.5rem;margin: 0 auto;}
.zs_bd .prev5:hover img:nth-child(1),.zs_bd .next5:hover img:nth-child(1){margin-top: -2.5rem;}


.sp{padding: 3.5rem 0;}
.sp_bd{position: relative;margin-top: 2rem;}
.sp_con li{position: relative;}
.sp_con li video{display: block;width: 100%;border-radius:0.7rem;}
.sp_con li i{display: block;width: 100%;border-radius:0.7rem;}
.sp_con li i img{display: block;width: 100%;transition: all 0.5s;border-radius:0.7rem;}
.sp_con li span{display: block;position: absolute;left: 0rem;bottom: 0rem;height:5rem;padding:0.7rem 0 0 1.7rem;box-sizing:border-box;background:url(../images/sp_dd.png) no-repeat center;background-size:100% 100%;width:100%;}
.sp_con li span img{display: inline-block;width: 2.5rem;height: 2.5rem;vertical-align: -0.8rem;}
.sp_con li em{display: inline-block; font-size: 1.1rem;line-height: 2.5rem;color: #fff;margin-left: 0.5rem;}

.sp_con li .video-wrap {
  position: absolute;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
  z-index: 500;border-radius:0.7rem;
  overflow: hidden
}
.sp .more{width: 11rem;height:3rem;line-height: 3rem;display:block;font-size: 0.8rem;color: #fff;position:relative;text-align: center;transition:all 0.5s;box-sizing: border-box;border-radius: 1.6rem;background: #fcb100;margin: 2rem auto 0;}
.sp .more:hover{transform: translateY(-5px);}
.sp .more>img{ display: inline-block;width:1.25rem;height:1.15rem;margin-left: 0.5rem;vertical-align: -0.25rem;}
.sp_bd .prev6{ display: block;width: 2.5rem;height: 2.5rem;z-index: 50;cursor: pointer;overflow: hidden;position: absolute;left: -4rem;top: 50%;margin-top: -1.25rem;z-index: 20;}
.sp_bd .next6{display: block;width: 2.5rem;height:2.5rem;z-index: 50;cursor: pointer;overflow: hidden;position: absolute;right: -4rem;top: 50%;margin-top: -1.25rem;z-index: 20;}
.sp_bd .prev6 img,.sp_bd .next6 img{display: block;width: 2.5rem;height: 2.5rem;margin: 0 auto;}
.sp_bd .prev6:hover img:nth-child(1),.sp_bd .next6:hover img:nth-child(1){margin-top: -2.5rem;}




.news{padding: 3.5rem 0 2.7rem;background: url(../images/news_bg.jpg) no-repeat center top;background-size: 100% 100%;box-sizing: border-box;}
.news_con{position: relative;margin-top: 2rem;}
.news h3{height:2.9rem;}
.news h3 span a{ display: block;font-size:1.2rem;color: #1a1a1a;line-height: 1.3rem;position: relative;font-weight: normal;float: left;position: relative;margin-right: 1.8rem;}
.news h3 span.cur a{font-weight: bold;color: #2453ad;}
.news h3 em a{ display:block;font-size:0.7rem;color: #a6a6a6;line-height: 0.9rem;position: relative;float: right;font-family: "mon1";}

.news_l{float: left;width: 62.14%;}
.news_l dl{display: flex;justify-content: space-between;margin-bottom: 0.8rem;background: #fff;border-radius: 0.5rem;padding: 1rem 1.8rem 1rem 1rem;}
.news_l dt{display: block;width: 32.84%;height: 7.5rem;object-fit: cover;object-position: center;position: relative;border-radius: 0.5rem;}
.news_l dt img{display: block;width: 100%;height: 7.5rem;object-fit: cover;object-position: center;border-radius: 0.5rem;}
.news_l dd{width: 62.96%;}
.news_l dd h4 a{ display: block;font-size:1rem ;color: #1a1a1a;line-height: 1.1rem;font-weight: normal;transition: all 0.5s;position: relative;padding-top: 0.7rem;}
.news_l dd p{  display: block;font-size:0.8rem ;color: #737373;line-height: 1.3rem;margin-top: 0.8rem;}
.news_l dl:hover h4 a{color: #2453ad;}
.news_l dd i{  display: block;font-size:0.8rem ;color: #2453ad;line-height: 1.5rem;margin-top: 0.4rem;font-family: "mon1";}
.news_r{width: 34.28%;float: right;}
.news_z{height: 30.1rem;background: #fff;border-radius: 0.5rem;background: #fff;padding: 1.5rem 1.5rem 0;box-sizing: border-box;}
.news_r p img{display: block;width: 100%;height: 11rem;object-fit: cover;object-position: center;border-radius: 0.5rem;}
.news_s ul{padding-top: 0.6rem;box-sizing: border-box;}
.news_s ul li a{ display: block;font-size:0.9rem ;color: #333333;line-height: 3.9rem;font-weight: normal;background: url(../images/news_jt.png) no-repeat left 1.45rem;background-size: 0.95rem 0.95rem;padding-left: 1.5rem;box-sizing: border-box;border-bottom: 1px dashed #b4b2b2;}
.news_s ul li:hover a{color: #2453ad;}
.news_s ul li:last-child a{border: 0;}



.abt{padding-bottom: 2rem;position: relative;}
.abt .tit{position: absolute;left: 0;top: 3.5rem;width: 100%;z-index: 20;}
.abt .tit span{color: #fff;}
.abt .tit i{color: #fff;opacity: 0.7;}
.abt_t dt img{display: block;width: 100%;}
.abt_t dd .desc{margin: -2rem -2rem 0;background: #fff;border-radius: 2rem;padding: 1.6rem 2rem 0;display: flex;justify-content: space-between;width: 100%;box-sizing: border-box;position: relative;z-index: 30;}
.abt_t dd p{width: 80.85%;font-size: 0.8rem;line-height: 1.4rem;color: #333333;}
.abt_t .more{width: 11rem;height:3rem;line-height: 3rem;display:block;font-size: 0.8rem;color: #fff;position:relative;text-align: center;transition:all 0.5s;box-sizing: border-box;border-radius: 1.6rem;background: #2453ad;margin-top: 0.5rem;}
.abt_t .more:hover{transform: translateY(-5px);}
.abt_t .more>img{ display: inline-block;width:1.3rem;height:1.3rem;margin-left: 0.5rem;vertical-align: -0.4rem;}



.abt h3{margin-top: 2rem;}
.abt h3 a{ display: block;font-size:1.8rem;color: #2453ad;line-height: 2rem;position: relative;font-weight: bold;position: relative;text-align: center;background: url(../images/abt_z.png) no-repeat center 0.7rem;background-size: 100% 0.5rem;}
.abt_con{position: relative;margin-top: 1.5rem;}
.abt_con li img{display: block;width: 100%;}
.abt_con li span{ display: block;font-size:0.8rem ;color: #666666;line-height: 1.3rem;font-weight: normal;transition: all 0.5s;position: relative;padding-top: 1rem;text-align: center;}
.abt_con .prev7{ display: block;width: 2.5rem;height: 2.5rem;z-index: 50;cursor: pointer;overflow: hidden;position: absolute;left: -4rem;top: 50%;margin-top: -1.25rem;z-index: 20;}
.abt_con .next7{display: block;width: 2.5rem;height:2.5rem;z-index: 50;cursor: pointer;overflow: hidden;position: absolute;right: -4rem;top: 50%;margin-top: -1.25rem;z-index: 20;}
.abt_con .prev7 img,.abt_con .next7 img{display: block;width: 2.5rem;height: 2.5rem;margin: 0 auto;}
.abt_con .prev7:hover img:nth-child(1),.abt_con .next7:hover img:nth-child(1){margin-top: -2.5rem;}






/**/

@media screen and (min-width: 1263px) {
    html {
        font-size: calc(1263px * 20 / 1903);
    }
}

@media screen and (min-width: 1349px) {
    html {
        font-size: calc(1349px * 20 / 1903);
    }
}

@media screen and (min-width: 1463px) {
    html {
        font-size: calc(1463px * 20 / 1903);
    }
}

@media screen and (min-width: 1543px) {
    html {
        font-size: calc(1543px * 20 / 1903);
    }
}

@media screen and (min-width: 1583px) {
    html {
        font-size: calc(1583px * 20 / 1903);
    }
}

@media screen and (min-width: 1643px) {
    html {
        font-size: calc(1643px * 20 / 1903);
    }
}

@media screen and (min-width: 1663px) {
    html {
        font-size: calc(1663px * 20 / 1903);
    }
}

@media screen and (min-width: 1903px) {
    html {
        font-size: calc(1903px * 20 / 1903);
    }
}



@-webkit-keyframes fadeInDown1 {
    from { opacity: 0; -webkit-transform: translate3d(0, -50%, 0); transform: translate3d(0, -50%, 0) }
    to { opacity: 1; -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0) }
}
@keyframes fadeInDown1 {
    from { opacity: 0; -webkit-transform: translate3d(0, -50%, 0); transform: translate3d(0, -50%, 0) }
    to { opacity: 1; -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0) }
}
.fadeInDown1 { -webkit-animation-name: fadeInDown1; animation-name: fadeInDown1 }
@-webkit-keyframes fadeInDown2 {
    from { opacity: 0; -webkit-transform: translate3d(0, -20%, 0); transform: translate3d(0, -20%, 0) }
    to { opacity: 1; -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0) }
}
@keyframes fadeInDown2 {
    from { opacity: 0; -webkit-transform: translate3d(0, -20%, 0); transform: translate3d(0, -20%, 0) }
    to { opacity: 1; -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0) }
}
.fadeInDown2 { -webkit-animation-name: fadeInDown2; animation-name: fadeInDown2 }
@-webkit-keyframes fadeInLeft1 {
    from { -webkit-transform: translate3d(-10%, 0, 0); transform: translate3d(-10%, 0, 0); opacity: 0 }
    to { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); opacity: 1 }
}
@keyframes fadeInLeft1 {
    from { -webkit-transform: translate3d(-10%, 0, 0); transform: translate3d(-10%, 0, 0); opacity: 0 }
    to { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); opacity: 1 }
}
.fadeInLeft1 { -webkit-animation-name: fadeInLeft1; animation-name: fadeInLeft1 }
@-webkit-keyframes fadeInLeft2 {
    from { -webkit-transform: translate3d(-5%, 0, 0); transform: translate3d(-5%, 0, 0); opacity: 0 }
    to { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); opacity: 1 }
}
@keyframes fadeInLeft2 {
    from { -webkit-transform: translate3d(-5%, 0, 0); transform: translate3d(-5%, 0, 0); opacity: 0 }
    to { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); opacity: 1 }
}
.fadeInLeft2 { -webkit-animation-name: fadeInLeft2; animation-name: fadeInLeft2 }
@-webkit-keyframes fadeInRight1 {
    from { -webkit-transform: translate3d(10%, 0, 0); transform: translate3d(10%, 0, 0); opacity: 0 }
    to { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); opacity: 1 }
}
@keyframes fadeInRight1 {
    from { -webkit-transform: translate3d(10%, 0, 0); transform: translate3d(10%, 0, 0); opacity: 0 }
    to { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); opacity: 1 }
}
.fadeInRight1 { -webkit-animation-name: fadeInRight1; animation-name: fadeInRight1 }
@-webkit-keyframes fadeInRight2 {
    from { -webkit-transform: translate3d(5%, 0, 0); transform: translate3d(5%, 0, 0); opacity: 0 }
    to { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); opacity: 1 }
}
@keyframes fadeInRight2 {
    from { -webkit-transform: translate3d(5%, 0, 0); transform: translate3d(5%, 0, 0); opacity: 0 }
    to { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); opacity: 1 }
}
.fadeInRight2 { -webkit-animation-name: fadeInRight2; animation-name: fadeInRight2 }
@-webkit-keyframes zoomLeft {
    from { -webkit-transform: scale3d(0.3, .3, .3); transform: scale3d(0.3, .3, .3); opacity: 0 }
    50% { opacity: 1 }
}
@keyframes zoomLeft {
    from { -webkit-transform: scale3d(0.3, .3, .3); transform: scale3d(0.3, .3, .3); opacity: 0 }
    50% { opacity: 1 }
}
.zoomLeft { -webkit-transform-origin: 0 50%; transform-origin: 0 50%; -webkit-animation-name: zoomLeft; animation-name: zoomLeft }
.zoomRight { -webkit-transform-origin: 100% 50%; transform-origin: 100% 50%; -webkit-animation-name: zoomLeft; animation-name: zoomLeft }
@-webkit-keyframes fadeInUp1 {
    from { -webkit-transform: translate3d(0, 10%, 0); transform: translate3d(0, 10%, 0); opacity: 0 }
    to { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); opacity: 1 }
}
@keyframes fadeInUp1 {
    from { -webkit-transform: translate3d(0, 10%, 0); transform: translate3d(0, 10%, 0); opacity: 0 }
    to { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); opacity: 1 }
}
.fadeInUp1 { -webkit-animation-name: fadeInUp1; animation-name: fadeInUp1 }
@-webkit-keyframes fadeInUp2 {
    from { -webkit-transform: translate3d(0, 2%, 0); transform: translate3d(0, 2%, 0); opacity: 0 }
    to { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); opacity: 1 }
}
@keyframes fadeInUp2 {
    from { -webkit-transform: translate3d(0, 2%, 0); transform: translate3d(0, 2%, 0); opacity: 0 }
    to { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); opacity: 1 }
}
.fadeInUp2 { -webkit-animation-name: fadeInUp2; animation-name: fadeInUp2 }


/*表单弹框*/
.nsw-modal {
    width: 100%;
    height: 100%;
    background: rgba(225, 225, 225, 0.5);
    position: fixed;
    top: 0;
    left: 0;
    z-index: 99999; 
}
.modal-dialog {
    position: fixed;
    color:#000000;
    top: 150px;
    width: 400px;
    border-radius: 3px;
    min-height: 155px;
    overflow: hidden;
    z-index: 99998;
    margin-left: -200px;
    left: 50%; 
}
.modal-dialog .css-icon {
    background-image: url("../images/modal-icons.png"); 
}
.modal-dialog .modal-head {
    height: 30px;
    line-height: 30px;
    padding: 0px 20px;
    background: #F6EFEF;
    font-size: 14px; 
}
.modal-dialog .modal-head .modal-logo {
    width: 15px;
    height: 15px;
    background-position: 1px 0px;
    margin: 8px 5px 0 0;
    float: left; 
}
.modal-dialog .modal-head .close {
    float: right;
    width: 15px;
    height: 15px;
    background-position: -14px 0px;
    margin-top: 8px; 
}
.modal-dialog .modal-body {
    width: 100%;
    min-height: 125px;
    background: #ffffff; 
}
.modal-dialog .modal-body .modal-body-left {
    width: 140px;
    float: left; 
}
.modal-dialog .modal-body .modal-body-left .icon {
    width: 64px;
    height: 64px;
    margin: 30px 0 0 48px; 
}
.modal-dialog .modal-body .modal-body-left .success-message {
    background-position: 0px -14px; 
}
.modal-dialog .modal-body .modal-body-left .warming-message {
    background-position: 0px -78px; 
}
.modal-dialog .modal-body .modal-body-right {
    width: 260px;
    float: right;
    padding-top: 20px; 
}
.modal-dialog .modal-body .modal-body-right .close-btn {
    color: #000;
    text-align: center;
    width: 90px;
    display: inline-block;
    height: 24px;
    line-height: 24px;
    background: #818079; 
}
.modal-dialog .modal-body .modal-body-right p {
    line-height: 30px; 
}