@charset "utf-8";
/* CSS Document */
*,*:before,*:after { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; }
body{ margin:0px; padding:0px; font-size:12px;font-family:"SF Pro", "Helvetica", "Arial";color:#898989;line-height:1; background:#FFF;}
ul,li,dl,dd,dt,p,h1,h2,h3,h4,h5,h6,ol,form,input{ margin:0px; padding:0px;}
input,textarea { font-family: "微软雅黑"; border: none; outline: none; background: none; }
ul,li{ list-style:none}
img{border:0px; padding:0px; display: block;}
a{ color:#5c5c5c; text-decoration:none}

h2,h3,h4,b,strong { font-weight: normal; }
em,i { font-style: normal; }

.clear{ zoom: 1; }
.clear:after { content: ''; display: block; clear: both; }
.fl { float:left}
.fr { float:right}
.hidden{display:none; background: url() no-repeat center;}

.header{width: 100%;overflow: hidden;position: fixed;top: 0;left: 0;z-index: 100;transition: All 1.4s ease-in-out;opacity: 1;}
.header.on1{opacity: 0;}
.headerbox{width: 1620px; overflow: hidden; padding: .38rem 0; margin: 0 auto; max-width: 94%;}
.logo{float: left;width: 50px;}
.logo img{width: 100%;}
.btn{float: right;font-size: 18px;color: #fff;line-height: 2;line-height: .34rem;}
.btn:hover{opacity: 0.8;}
.banner{background: #000; }
.banner_box{overflow: hidden; width: 1410px; margin: 0 auto;max-width: 94%; padding:1.5rem 0 1.2rem; }
.banner_tp{float: right;width: 32%; padding-top: .7rem;}
.banner_tp img{width: 100%;}
.banner_text{width: 65%; float: left;}
.banner_text h2{font-size: .7rem; line-height: 1rem; font-weight: bold; color: #fff;}
.btnr{padding: .65rem 0 0 2.3rem;background: url(../images/a17.png) no-repeat left top; background-size: 2.03rem 1.37rem;}
.banner_text h2 b{font-weight: bold;display: inline-block; width: .94rem;vertical-align: middle; margin: -0.04rem 0 0 0;}
.banner_text h2 b img{width: 100%;}
.banner_text span{padding: 0 .35rem; position: relative;color: rgba(255,255,255,.4);}
.banner_text span:before{width: 95%; position: absolute; content: ""; border-bottom: .1rem solid #ffcd19;border-radius: .05rem;left:50%; top:55%; transform:translate(-50%,-50%);}
.banner_text a{display: block; width: 3.1rem; line-height: .8rem;background: #ffcd19;border-radius: .4rem;text-align: center; font-size: .24rem; color: #17181d; margin-top: .5rem;transition: All 0.4s ease-in-out;}
.banner_text a:hover{background: #fff;}
.banner_text a b{display: inline-block;background: url(../images/a18.png); width: .25rem;height: .24rem;background-size: 100% 100%; vertical-align: middle; margin: -0.04rem 0 0 .16rem;}
.banner_text p{color: #fff; font-size: .2rem; line-height: 2; margin-top: .6rem;}
.wzlb{width: 1680px; margin: 0 auto -.4rem auto; max-width: 94%; border-radius: .2rem; padding: .55rem 0 .9rem 0;background: rgba(217,217,217,.2); position: relative;z-index: 10;backdrop-filter: blur(25px); }
.wzlb ul{overflow: hidden;}
.wzlb li{float: left; width: 25%; text-align: center;}
.wzlb h2{color: #FFFFFF;font-size: .18rem; margin: .35rem 0;font-weight: 600;}
.wzlb p{color: #fff; font-size: .18rem; line-height: .46rem;}
.wzlb img{margin: 0 auto; width: .37rem;}

.kwnr{background: url(../images/bj1.jpg) no-repeat center center #ec6231; padding:1.3rem 0 .7rem 0;background-size:cover;}
.kwnr ul{overflow: hidden;}
.kwnr li{float: left; width: 50%; padding: 0 .8rem .4rem 0 ;}
.kwnrboxqj{width:1400px; margin: 0 auto;max-width: 94%;}
.kwnrbox{height: 3.7rem;border-radius: .2rem;background: rgba(255,255,255,.1); padding: .5rem .45rem 0 .45rem;}
.kwnrbox1{height: 3.7rem;width: calc(100% + .8rem);display: flex; align-items: center;}
.kwnrbox1 img{width: .6rem;}
.kwnrbox h2{font-size: .26rem; font-weight: 700; color: #fff; margin: .28rem 0 .14rem;}
.kwnrbox p{font-size: .18rem; line-height: .28rem; color: #fff;}
.kwnrbox1 h2{font-weight: bold; font-size: .6rem; line-height: 1rem; color: #fff;}

.seam{background:url(../images/bj2.jpg) no-repeat center center;background-size: cover;}
.seambox{width: 1400px; margin: 0 auto; max-width: 94%; overflow: hidden; padding: 1.7rem 0 .3rem;}
.seam_left{float: left;}
.seam_left h2{color: #fff; font-size: .64rem; font-weight: bold; line-height: 1.8;}
.seam_right{float: right;width: 5.9rem;}
.seam_right li{padding-bottom: 1.3rem; overflow: hidden;}
.seam_right h3{float: left;  font-size: 1rem; color: #fff;font-family: "arial black";}
.seamtext{float: right;width: calc(100% - 1.6rem);}
.seamtext h2{font-size: .26rem; font-weight: bold; color: #fff; margin-bottom: .1rem;}
.seamtext p{color: #fff; line-height: .28rem;  font-size: .18rem;}

.bj3a{background: url(../images/bj3.jpg) no-repeat center center;background-size: cover;}
.tran{width: 1400px; margin: 0 auto;max-width: 94%; padding-bottom: .75rem;}
.tran_title{ padding: 1.15rem 0 .4rem;}
.tran_title h2{font-weight: bold; font-size: .64rem;color: #FFFFFF;}
.tran_nr ul{overflow: hidden; margin-left: -1rem; padding-top: .28rem;}
.tran_nr li{float: left; width: 33.33%; padding-left: 1rem;}
.tranbox{border-radius: .2rem; background: rgba(87,237,224,.35);transition: All 0.4s ease-in-out; padding: .3rem; position: relative;height: 3.8rem;box-shadow:0 0 10px rgba(0, 0, 0, .05); }
.tranbox b{position: absolute; line-height: .56rem; border-radius: .28rem;text-align: center; width: 2.25rem; background: #5ed235; color: #fff;font-size: .18rem;font-weight: bold;top:-.28rem; left: 50%;transform: translateX(-50%);transition: All 0.4s ease-in-out;}
.tranbox h2{color: #fff; font-weight: bold; font-size: .2rem; line-height: 1.8;}
.tranbox p{color: #fff; font-size: .18rem; line-height: .3rem;}
.tranbox dl{padding: .35rem 0;}
.tranbox dt{color: #fff; font-size: .18rem;line-height:.38rem;}
.tranbox img{display: inline-block;vertical-align: middle; margin: -0.04rem .15rem 0 0; width: .24rem;}
.tranbox h3{ color: #fff; font-weight: 400; font-size: .18rem;}
.tranbox h3 span{font-weight: bold; font-size: .42rem; color: #fff;padding-right: .2rem;}
.zjje h2{text-align: center; padding: .54rem 0 .15rem; font-weight: bold; font-size: .34rem; color: #cefb8f;}
.zjjebox{border-radius: .2rem; padding: .35rem 0 .32rem;text-align: center; background-image: linear-gradient(#7de291, #43d7c1);box-shadow:0 0 10px rgba(0, 0, 0, .05);  }
.zjjebox h3{font-size: .24rem; color: #fff;font-weight: 600;}
.zjjebox p{color: #fff; font-size: .18rem; margin: .16rem 0 .23rem;}
.zjjebox h4{font-size: .5rem;  color: #fff;font-family: "arial black";}
.tran_nr  ul li:nth-child(2) .tranbox{ background-image: linear-gradient(#73e08a, #3cd5c6);}
.tranbox:hover b{opacity: 1;}
.bj4{background: url(../images/bj1.png) no-repeat right bottom #000000;height: 10.25rem;background-size: auto 6.7rem;}
.zswd{width: 1400px; margin: 0 auto; max-width: 94%;}
.zswdtitle h2{font-weight: bold; position: relative; font-size: .55rem; color: #fff; padding: 1.7rem 0 .15rem;border-bottom: 2px solid #1d1d1d;padding-left: .6rem;cursor: pointer;}
.zswdtitle h2:before{position: absolute; content: "";background: url(../images/a11.png); width: .45rem;height: .6rem;background-size: 100% 100%; left: 0; top: 1.3rem; }
.zswd_nr{padding: .6rem 0 0 0;}
.zswdbox h2{overflow: hidden;cursor: pointer;position: relative;z-index: 10;}
.zswdbox h2 span{display: block; float: left; background: url(../images/a12.png); width: .25rem;height: .25rem; background-size: 100% 100%;transition: All 0.4s ease-in-out;margin: .3rem 0 0 .15rem;}

.zswdbox h2.on1 span{background: url(../images/a13.png);background-size: 100% 100%;}
.zswdbox h2.on1 b{padding-left: .3rem;}
.zswdbox b{float: right;width: calc(100% - .8rem); line-height: .8rem; border-radius: .15rem .15rem 0 0; color: #fff; font-weight: 600; font-size: .26rem; font-weight: 600;transition: All 0.4s ease-in-out;}
.zswdtext{border-radius: .15rem; background: rgba(255,255,255,.1);width: calc(100% - .8rem); margin-left: .8rem; padding: .8rem .36rem .3rem .35rem;backdrop-filter: blur(25px);display: none;margin-top: -.8rem;}
.zswdtext p{font-size: .22rem; line-height: 1.6; color: #fff;}

.bj3{background: #000;}
.geth{width: 1400px; margin: 0 auto; max-width: 94%;}
.geth_title h2{font-weight: bold; font-size: .56rem;color: #fff; padding: 1.1rem 0 .8rem;}
.geth_nr{padding-bottom: 1.35rem;}
.geth_nr ul{overflow: hidden; margin-left: -.32rem;}
.geth_nr li{float: left; width: 50%; padding-left: .32rem;}
.gyth_box{border-radius: .2rem; padding:.65rem 0 ; background-image: linear-gradient(#1e114f, #2d2610);text-align: center;}
.geth_nr  ul li:nth-child(2) .gyth_box{ background-image: linear-gradient(#3d2016, #222c23);}
.gyth_box h2{color: #fff; font-weight: bold; font-size: .3rem;}
.gyth_box p{color: #fff; font-size: .2rem; padding: .4rem 0 .65rem;}
.gyth_box h3{font-weight: bold; font-size: .26rem; margin-bottom: .25rem; color: #fff;}
.gyth_box h4{font-size: .2rem;margin-bottom: .55rem; color: #fff;}
.gyth_box a{display: block; text-align: center; margin: 0 auto; line-height: .8rem; width: 4.6rem; background: #ffcd19;border-radius: .4rem; font-size: .22rem; color: #333;transition: All 0.4s ease-in-out;}
.gyth_box a:hover{background: #fff;}
.gyth_box b{display: inline-block;background: url(../images/a14.png); width: .3rem;height: .3rem; background-size: 100% 100%;vertical-align: middle; margin: -0.04rem 0 0 .2rem;}

.footer{background: #1d1d1d;}
.footerbox{overflow: hidden; width: 1400px; margin: 0 auto; max-width: 94%; padding: 1.4rem 0;}
.foot_left{float: left;}
.foot_left h2{font-weight: 500; color: #fff; font-size:.32rem ;margin-bottom: .6rem;}
.foot_left p{font-size: .18rem; color: #fff; line-height: 1.6;}
.foot_right{float: right;text-align: center;padding-top: .12rem;}
.foot_right p{font-size: .2rem; color: #fff; opacity: .8; margin-bottom: .45rem;}
.foot_right img{margin: 0 auto; width: 1.25rem;}


@media(min-width:1930px){
.banner_box{width: 1500px;}
.kwnrboxqj{width: 1500px;}
.kwnrbox1 h2{font-size: .5rem;}
}