/*common start*/
body,div,ul,li,a,img,p,dl,dt,dd,h1,h2,h3,h4,span,strong,input{ margin:0; padding:0;list-style:none;text-decoration:none;border:0; list-style:none;}
body{ font-size:12px;font-family:' '; color:#666;background: black;}
a{color:#666;}
a:hover{ color:#f60; text-decoration:underline;}
p{line-height:1.8em; padding:5px 0;}
.clear{ margin:0; padding:0; font-size:0; clear:both; }
.wapper{ width:1200px; margin:0 auto;}
.fl{float: left;}
.fr{float: right;}

.head {background: #131D24;}
.menu ul li{display: inline-block;width: 120px;text-align: center;line-height: 60px;text-align: center;font-size: 14px;position: relative;}
.menu ul li:hover{background: #424A4F;}
.menu ul li.cur{background:#424A4F;}
.menu ul li a{color: #fff;}
.menu ul li dl{position: absolute;left: 0;top: 60px;line-height: 40px;z-index: 999;background: #131D24;width: 200%;display: none;}
.menu ul li dl dd:hover{background:#249FC8;}
.menu ul li:hover dl{display: block;}

.btn{width: 120px;line-height: 60px;background: #249FC8;text-align: center;font-size: 16px;}
.btn a{color: #fff;}

.ibanner{position: relative;}
.ibanner .wenzi{position: absolute;left: 0;right: 0;top: 0;bottom: 0;z-index: 99;text-align: center;padding-top: 230px;}
.ibanner .wenzi h3{font-size: 60px;color: #fff;margin-bottom: 50px;}
.ibanner .wenzi  a{display: inline-block;width: 164px;line-height: 36px;background: #249FC8;color: #fff;font-size: 14px;}


.ibanner2{position: relative;}
.ibanner2 .wenzi{position: absolute;left: 0;right: 0;top: 0;bottom: 0;z-index: 99;text-align: center;padding-top: 230px;}
.ibanner2 .wenzi .left h3{font-size: 30px;color: #fff;font-weight: normal;}
.ibanner2 .wenzi .wenzimain{width: 50%;margin: 0 auto;}
.ibanner2 .wenzi .left{width: 49%;border-right: 1px solid #fff}
.ibanner2 .wenzi .right{width: 50%;}
.ibanner2 .wenzi .right h3{font-size: 34px;color: #fff;font-weight: normal;}

.banner .swiper-slide{position: relative;}
.banner .swiper-slide .wenzi{position: absolute;left: 0;right: 0;top: 0;bottom: 0;z-index: 99;text-align: center;padding-top:12%;}
.banner .swiper-slide .wenzi h3{font-size: 100px;
    color: #fff;
    text-shadow: 0 0 10px #2376ff;
    margin-bottom: 50px;}
.banner .swiper-slide .wenzi  a{display: inline-block;width: 164px;line-height: 36px;background: #249FC8;color: #fff;font-size: 14px;}

.pad{padding: 60px 0;}
.con{background: #020002;}
.con ul li{width: 33.3%;text-align: center;float: left;}
.con ul li .limain{border-right: 1px solid #fff;}
.con ul li:nth-child(3) .limain{border-right: 0;}
.con ul li h3{font-size: 16px;color: #fff;line-height: 32px;}
.con ul li span{display: block;font-size: 14px;color: #fff;width: 70%;margin: 0 auto;}

.con2{background: #052127;}

.tit{text-align: center;}
.tit h3{font-size: 40px;color: #fff;font-weight: normal;margin-bottom: 40px;}
.tit span{color: #fff;display: block;color: #7F7F7F;font-size: 16px;width: 70%;margin: 0 auto;margin-bottom: 60px;}
img{max-width: 100%;}


.con2 ul li{margin: 30px 0;}
.con2 ul li .lileft{width: 49%;
    padding-top: 35px;
    padding-bottom: 150px;}
.con2 ul li .liright{width: 49%;}
.con2 ul li .lileft h3{font-size: 26px;color: #fff;}
.con2 ul li .lileft span{display: block;font-size: 16px;color: #fff;margin: 20px 0;}
.more a{display: inline-block;width: 164px;line-height: 36px;background: #249FC8;color: #fff;text-align: center;font-size: 14px;}


.con3{background: #020002;}
.tit2{text-align: center;}
.tit2 h3{font-size: 24px;color: #fff;margin-bottom: 30px;font-weight: normal;}
.title{text-align: center;border-bottom: 3px solid #fff;margin-bottom: 40px;}
.title li{display: inline-block;width: 16%;color: #444444;font-size: 20px;line-height: 40px;}
.title li.cur{color: #fff;}
.tab_val{display: none;}
.tab_val ul li {width: 18%;float: left;text-align: center;margin: 1%;}
.tab_val ul li:hover img{transform: scale(0.9);}



.foot{background: #020002;}
.foot .left{width: 100%;}
.foot .left .wenzi h3{font-size: 16px;color: #fff;font-weight: normal;}
.foot .left .wenzi  span{display: block;font-size: 14px;color: #fff;}
.foot .right{width: 100%;}
.foot .right dl {width: 25%;float: left;}
.foot .right dl dt{font-size: 16px;color: #fff;margin-bottom: 30px;}
.foot .right dl dd a{font-size: 14px;color: #aaa;}
.foot .right dl dd a:hover{color: #fff;}
.foot .right dl dd{margin-bottom: 10px;}

.biao{position: fixed;left: 0;right: 0;top: 0;bottom: 0;z-index: 99999;background: rgba(0, 0, 0, 0.5);display: none;}
.biao .biaomain{width: 36%;margin: 10% 30%;background: #fff;padding: 2%;width: fit-content;
    margin: 2% auto;
    padding: 60px;
    background: linear-gradient(0deg,#fff,#fff),linear-gradient(247.41deg,rgba(218,229,255,.6),rgba(248,250,255,.6));
    box-shadow: 0 40px 80px rgb(12 70 232 / 8%);
    border-radius: 8px;}
.close{text-align: right;}
.label{margin-bottom: 20px;}
.label span{display: block;font-size: 14px;color: #000;margin-bottom: 10px;}
.label input{width: 100%;line-height: 36px;border:1px solid #000;width: 100%;
    background: #f7f8fa;
    border: none;
    border-radius: 4px;
    height: 40px;}
.label textarea{width: 100%;
    background: #f7f8fa;
    border: none;
    border-radius: 4px;
    height: 40px;}
.label a{display: block;width: 100px;line-height: 36px;background: #249FC8;text-align: center;font-size: 14px;color: #fff;border-radius: 5px;}

.inside{background: #020002;}

.prodcut{background: #020002;}

.ptit{text-align: center;}
.ptit h3{font-size: 24px;color: #fff;margin-bottom: 30px;font-weight: normal;}
.ptit span{color: #fff;display: block;color: #7F7F7F;font-size: 16px;width: 70%;margin: 0 auto;margin-bottom: 50px;}
.ptit a{margin: 0 10px;display: inline-block;width: 140px;line-height: 36px;background: #249FC8;text-align: center;font-size: 14px;color: #fff;border-radius: 5px;height: 36px;}
.ptit a{color: #fff;}
.ptit .aa2{background: #fff;color: #249FC8;}

.prodcut{padding-bottom: 0;}
.pcon{padding-bottom: 50px;}
.pcon4{padding-bottom: 60px;background: #052127;margin-top: -30px;padding-top: 160px;}
.pcon2{background: #052127;}
.pcon2 img{margin-top: -240px;}
.pcon3{background: #052127;margin-top: -30px;padding-top: 160px;}
.pcon3 ul li{margin: 30px 0;}
.pcon3 ul li .lileft{width: 49%;padding-top: 120px;}
.pcon3 ul li .liright{width: 49%;}
.pcon3 ul li h4{color: #7F7F7F;font-size: 14px;margin-bottom: 10px;font-weight: normal;}
.pcon3 ul li .lileft h3{font-size: 26px;color: #fff;}
.pcon3 ul li .lileft span{display: block;font-size: 16px;color: #fff;margin: 20px 0;}

.fangan{}
.fcon{padding: 30px 0;background: #020002;}
.fcon .left{width: 50%;}
.fcon .left .ftit{border-left: 1px solid #fff;padding-left: 20px;margin-bottom: 30px;}
.fcon .left .ftit h3{font-size: 40px;color: #fff;margin-bottom: 20px;}
.fcon .left .ftit span{display: block;color: #fff;font-size: 20px;}
.fcon .left .nr{font-size: 16px;line-height: 1.5;color: #7F7F7F;}
.fcon2{background: #052127;padding: 40px 0;}
.fcon2 .left{width: 50%;}
.fcon2 .right{width: 48%;}
.fcon2 .right .biao2{background: #fff;margin-top: -120px;}
.fcon2 .right .biaomain2{padding: 3%;}
.fcon2 .right .btit{color: #333;font-size: 24px;margin-bottom: 20px;}


.news{background: #052127;}
.newstop{margin-bottom: 60px;}
.newstop ul li{width: 22%;float: left;margin-right: 4%;}
.newstop ul li:nth-child(4n){margin-right: 0;}
.newstop ul li .imgarea{position: relative;overflow: hidden;}
.newstop ul li .imgarea h3{text-align: center;line-height: 34px;background: rgba(0, 0, 0, 0.5);font-weight: normal;font-size: 14px;color: #fff;position: absolute;left: 0;right:0;bottom: 0;}
.newstop ul li .imgarea img{transition: all 0.3s;}
.newstop ul li .imgarea:hover img{transform: scale(1.1);}
.newstop ul li .imgarea:hover h3{top: 0;}
.newsbottom ul li{margin-bottom: 20px;}
.newsbottom ul li .lileft{width: 20%;}
.newsbottom ul li .liright{width: 78%;}
.newsbottom ul li .liright h3{color: #fff;font-size: 24px;margin-bottom: 10px;font-weight: normal;}
.newsbottom ul li .liright span{display: block;font-size: 14px;color: #CCCCCC;}
.newsbottom ul li .imgarea{position: relative;overflow: hidden;}
.newsbottom ul li .imgarea img{transition: all 0.3s;}
.newsbottom ul li .imgarea:hover img{transform: scale(1.1);}


.newdetail .ntit {margin-bottom: 60px;}
.newdetail .ntit h3{color: #404040;font-size: 30px;margin-bottom: 20px;}
.newdetail .ntit span{display: block;font-size: 14px;color: #999999;}


.wid50{width: 44%;padding: 3%;}

.about{background: #020002;}
.about .about1{width: 80%;margin-bottom: 60px;}
.about .about1 .right{padding-left: 5%;width: 70%;}
.about .about1 .right h3{font-size: 40px;color: #fff;margin-bottom: 10px;font-weight: normal;}
.about .about1 .right span{display: block;font-size: 16px;color: #7F7F7F;}
.about .about1 .left{width: 25%;text-align: right;}
.about .about2 .left{background: #052127;}
.about .about2 .right{background: #063943;}
.about .h3{color: #fff;font-size: 24px;margin-bottom: 37px;}
.about .nr{color: #AAAAAA;font-size: 16px;line-height: 1..5;}

.about .about3 .right{background: #052127;}
.about .about3 .left{background: #063943;}
.about .about3 ul li{margin-bottom: 60px;font-size: 16px;color: #AAAAAA;}