@charset "utf-8";
/*初始化样式*/
input{padding:0;margin:0;font-family:'Microsoft YaHei';}
img{border:none;background:none;vertical-align:middle;}
ul,ol,li{list-style-type:none;}
select,input,img,select{vertical-align:middle;}
table{border-collapse:collapse;border-spacing:0}
table, th, td {vertical-align: middle}
.clearfix:after{content: ".";display: block;height: 0;clear: both;overflow: hidden;visibility: hidden;}
.clearfix{zoom:1}
.clearboth{height:0px;line-height:0px;overflow:hidden;clear:both;font-size:0px;}

h1,h2{font-size:12px;font-weight:bold;}
hr {border: 0;border-top:1px solid #ccc;height:0;}
p{margin: 0;}

/*----- Common css ------*/
.fl{float:left;}
.fr{float:right;}
.di{_display:inline;}
.fwn{font-weight:normal;}
.dib{*display:inline;_zoom:1;_display:inline;_font-size:0px;}

.com-img{ display:block; overflow:hidden;}
.com-img img{ transition:all 0.5s; -webkit-transition:all 0.5s; -moz-transition:all 0.5s; -o-transition:all 0.5s;}
.com-img:hover img{transform:scale(1.2); -webkit-transform:scale(1.2); -moz-transform:scale(1.2); -o-transform:scale(1.2);-ms-transform:scale(1.2);}

.xypg-right-content{font-size: 16px;}
.xypg-right-content .xypg-contact{
    margin: 0 auto 30px;
    max-width: 790px;
}
.j-space-between{justify-content:space-between}
.j-flex-start{justify-content:flex-start}
.j-flex-end{justify-content:flex-end}
.j-center{justify-content:center}
.a-j-center{align-items:center;justify-content:center}
.a-center{align-items:center}
.a-flex-start{align-items:flex-start}
.a-flex-end{align-items:flex-end}
dt{font-weight: normal;}

/*主体样式*/
.wh{max-width: 1350px;padding: 0 15px;margin: 0 auto;}
.top2 {position: absolute;top:0;width: 100%;z-index: 999999;}
.top2 .wh{align-items: center;}
.top2 .wh .dlogo{}
.top2 .wh .dlogo img{
    height: 48px;
}
h2.bt{line-height:1}
h2.bt b{font-size:48px;display:block;line-height:1;color: #1E51AD;}
@media (max-width:1380px){
	h2.bt b{font-size:32px}
}
@media (max-width:480px){
	h2.bt b{font-size:28px}
}
h2.bt p{margin-top:16px;font-size:32px;color:#333333}
@media (max-width:1380px){
	h2.bt p{font-size:24px;margin-top:10px}
}
@media (max-width:480px){
	h2.bt p{font-size:18px;margin-top:6px}
}
h2.bt p span{color: #1E51AD;}
.c2{position:relative;background:url(../images/about_bg1.jpg) no-repeat left bottom;padding:70px 0}
.c2 .c2-1{padding-top:15px;max-width:864px;width:54%;position:relative;z-index:1}
.c2 .c2-1 dd{font-size:16px;color:#2d2d2b;line-height:2;max-width:680px;margin-top:2.1vw;margin-bottom:1.8vw}
.c2 .c2-1 .pmore a{width:150px;margin:0 0 50px}
.c2 .c2-1 .list2{width:120%}
.c2 .c2-1 .list2 li{background:#C6DEF8;width:calc(100% / 4);position:relative}
.c2 .c2-1 .list2 li a{display:block;padding:17px 0;height:100%}
.c2 .c2-1 .list2 li .img img{display:block;margin:30px auto}
.c2 .c2-1 .list2 li .zi{text-align:center}
.c2 .c2-1 .list2 li .zi h3{font-size:18px;color:#2d2d2b;margin-bottom:10px}
.c2 .c2-1 .list2 li .zi p{font-size:12px;color:#999}
.c2 .c2-1 .list2 li:nth-child(2){background:#DEEFFF}
.c2 .c2-1 .list2 li:nth-child(3){background:#EDF6FF}
.c2 .c2-1 .list2 li:nth-child(4){background:#E5F2FF}
.c2 .c2-2{position:absolute;bottom:0;right:0;width:46%;overflow:hidden;cursor: pointer;}
.c2 .c2-2:after{content:'';display: block;position: absolute;width: 100%;height: 100%;background: url(../images/play.png) no-repeat center;top: 0;left: 0;}
.c2 .c2-2 img{display:block;width:100%}

.z_tanchuang {position: fixed;display: table;height: 100%;width: 100%;top: 0;left: 0;transform: scale(0);-webkit-transform: scale(0);z-index: 222;}
.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: 50px;display: block;border-radius: 5px;position: relative;width: 90%;max-width: 1200px;height: 90%;margin: 0 auto;box-sizing:border-box;overflow: visible;}
.z_tanchuang .tbox .modal .out{position: absolute;width: 40px;height: 40px;line-height: 40px;background: #fff url(../images/out.png) center no-repeat;background-size: 20px;color: #000;font-size: 30px;text-align: center;border-radius: 50%;top: 0;right: -50px;cursor: pointer;-webkit-transition: all .5s;-moz-transition: all .5s;transition: all .5s;}
.z_tanchuang .tbox .modal .video_box{width: 100%;max-width: 600px;margin: 0 auto;height: 100%;}
.z_tanchuang .tbox .modal .video_box iframe{display: block;width: 100%;max-width: 100%;/* object-fit: cover; *//* max-height:500px; */border: 0;}
.z_tanchuang .tbox .modal .video_box iframe{margin: 0 auto ;}
.z_tanchuang .tbox .modal2{padding: 20px;}
.z_tanchuang .tbox .modal .video_box{max-width: 1200px;position;z-index:1;overflow:hidden;}
.z_tanchuang.one {transform: scaleY(0.01) scaleX(0);animation: unfoldIn 1s cubic-bezier(0.165, 0.84, 0.44, 1) forwards;-webkit-transform: scaleY(0.01) scaleX(0);-webkit-animation: unfoldIn 1s cubic-bezier(0.165, 0.84, 0.44, 1) forwards;}
.z_tanchuang.one.out {transform: scale(1);animation: unfoldOut 1s 0.3s cubic-bezier(0.165, 0.84, 0.44, 1) forwards;-webkit-transform: scale(1);-webkit-animation: unfoldOut 1s 0.3s cubic-bezier(0.165, 0.84, 0.44, 1) forwards;}
.z_tanchuang.one.out .tbox .modal {animation: zoomOut 0.5s cubic-bezier(0.165, 0.84, 0.44, 1) forwards;-webkit-animation: zoomOut 0.5s cubic-bezier(0.165, 0.84, 0.44, 1) forwards;}
@keyframes unfoldIn {0% {transform: scaleY(0.005) scaleX(0);}50% {transform: scaleY(0.005) scaleX(1);}100% {transform: scaleY(1) scaleX(1);}}
@keyframes zoomIn {0% {transform: scale(0);}100% {transform: scale(1);}}
@keyframes zoomOut {0% {transform: scale(1);}100% {transform: scale(0);}}
@keyframes unfoldOut {0% {transform: scaleY(1) scaleX(1);}50% {transform: scaleY(0.005) scaleX(1);}100% {transform: scaleY(0.005) scaleX(0);}}
@-webkit-keyframes zoomIn {0% {transform: scale(0);}100% {transform: scale(1);}}
@-webkit-keyframes zoomOut {0% {transform: scale(1);}100% {transform: scale(0);}}
@-webkit-keyframes unfoldOut {0% {transform: scaleY(1) scaleX(1);}50% {transform: scaleY(0.005) scaleX(1);}100% {transform: scaleY(0.005) scaleX(0);}}
@-webkit-keyframes unfoldIn {0% {transform: scaleY(0.005) scaleX(0);}50% {transform: scaleY(0.005) scaleX(1);}100% {transform: scaleY(1) scaleX(1);}}
@media screen and (max-width: 769px) {
	.z_tanchuang .tbox .modal {background: white;padding: 0;box-sizing:border-box;display: block;border-radius: 5px;position: relative;width: 100%;max-width: 1200px;max-height: calc(100% - 110px);margin: 0 auto;top: 5px;bottom: 50px;}
	.z_tanchuang .tbox .modal .out{top: 0;right:0;background-color: #eee;}
}
.box1{
    background: #1E50AF url(../images/about_bg2.jpg) no-repeat left top;
    padding: 25px 0;
}
.box1 .wh{
    display: flex;
    flex-wrap: wrap;
    color: #fff;
    align-items: center;
}
.box1 .box1-l{
    font-size: 75px;
    font-weight: bold;
    line-height: 1.2;
}
.box1 .box1-r{
    flex: 1;
    margin-left: 40px;
}
.box1 .box1-r .t{
    font-size: 36px;
}
.box1 .box1-r p{
    font-size: 20px;
    margin: 20px 0;
}
.box1 .box1-r .p{
    background: #fff;
    color: #1E50AF;
    font-size: 28px;
    border-radius: 30px;
    padding: 0 25px;
    line-height: 42px;
    display: flex;
    align-items: center;
    width: 380px;
}
.box1 .box1-r .p span{
    font-weight: bold;
    margin-left: 15px;
}
@media (max-width:1380px){
	.c2 .c2-1 a.ck{font-size:14px}
	.c2 .c2-1 .list2 li .zi p{font-size:14px}
	.c2 .c2-1 .list2 li .zi h3{font-size:20px}
	.c2 .c2-2:after{background-size: 200px;}
	.box1{}
	.box1 .wh{}
	.box1 .box1-l{}
	.box1 .box1-r{}
	.box1 .box1-r .t{}
	.box1 .box1-r p{
    font-size: 18px;
    margin: 15px 0;
}
	.box1 .box1-r .p{}
	.box1 .box1-r .p span{}
}
@media (max-width:1200px){
	.c2{padding-top:40px;padding-bottom:45px}
	.c2 .c2-2{bottom:unset;top:0}
	.c2 .c2-2:after{background-size: 150px;}
	.box1{}
	.box1 .wh{}
	.box1 .box1-l{}
	.box1 .box1-r{}
	.box1 .box1-r .t{
    font-size: 30px;
}
	.box1 .box1-r p{}
	.box1 .box1-r .p{}
	.box1 .box1-r .p span{}
}
@media (max-width:1025px){
	.c2 .c2-1 dd{margin-top:20px;margin-bottom:20px}
	.c2 .c2-1 a.ck{margin-bottom:20px}
	.c2 .c2-2:after{}
	.box1{}
	.box1 .wh{}
	.box1 .box1-l{
    font-size: 66px;
}
	.box1 .box1-r{}
	.box1 .box1-r .t{
    font-size: 26px;
}
	.box1 .box1-r p{}
	.box1 .box1-r .p{}
	.box1 .box1-r .p span{}
}
@media (max-width:780px){
	.c2{padding: 20px 0;}
	.c2 .c2-1{width:100%}
	.c2 .c2-1 .list2{width: 100%;}
	.c2 .c2-1 .list2 li .img img{margin: 10px auto;}
	.c2 .c2-1 .list2 li .zi{top:30px;left:0;padding: 0 10px;}
	.c2 .c2-1 .list2 li .zi h3{font-size:16px}
	.c2 .c2-2{position: relative;width: 100%;margin-top: 20px;}
	.box1{}
	.box1 .wh{}
	.box1 .box1-l{
    width: 100%;
    font-size: 50px;
}
	.box1 .box1-l br{display:none}
	.box1 .box1-r{
    margin-left: 0;
    margin-top: 15px;
}
	.box1 .box1-r .t{
    font-size: 22px;
}
	.box1 .box1-r p{
    font-size: 16px;
}
	.box1 .box1-r .p{}
	.box1 .box1-r .p span{}
}
@media (max-width:480px){
	.c2 .c2-1 dd{width:100%}
	.c2 .c2-1 .list2 li .zi{top:15px;left:0;padding:0 8px}
	.c2 .c2-1 .list2 li .zi p{line-height:1.2}
	.c2 .c2-1 .list2 li .zi h3{margin-top:4px}
	.c2 .c2-2:after{background-size: 100px;}
	.box1{}
	.box1 .wh{}
	.box1 .box1-l{
    font-size: 40px;
}
	.box1 .box1-r{}
	.box1 .box1-r .t{
    font-size: 18px;
}
	.box1 .box1-r p{
    font-size: 14px;
}
	.box1 .box1-r .p{
    font-size: 20px;
    width: 290px;
}
	.box1 .box1-r .p span{}
}


/*  */
.bt1{color: #000000;font-size: 36px;line-height: 64px;text-align: center;}
.box2{background: url(../images/product_bg.jpg) no-repeat top center;background-size: cover;padding: 5.5% 0 6.4%;overflow: hidden;}
.bt2{text-align: center;}
.bt2 dd{color: #000000;font-size: 36px;line-height: 1;}
.bt2 dt{color: #888888;font-size: 18px;margin-top: 15px;}
.psort{font-size: 0;text-align: center;margin: 48px 0;}
.psort li{display: inline-block;}
.psort li a{display: block;color: #333333;font-size: 14px;border-bottom: 1px solid transparent;padding: 0 2.3vw;padding-bottom: 28px;}
.psort li.cur a{color: #0078d7;border-color: #0078d7;}
.plist{margin-bottom: 54px;}
.plist li{width: 24.7%;background: #fff;padding-bottom: 37px;border-bottom: 3px solid #fff;}
.plist li .img{display: block;overflow: hidden;}
.plist li .img img{display: block;width: 100%;transition: all 0.5s;}
.plist li:hover .img img{transform: scale(1.1);}
.bj1{display: block;text-align: center;}
.bj1 h3{color: #333333;font-size: 18px;font-weight: normal;padding: 6px 0 8px;}
.bj1 p{color: #999999;line-height: 24px;font-size: 14px;padding: 0 2.9vw;}
.plist li:hover{border-color: #0078d7;}
.plist li:hover .bj1 h3{color: #0078d7;}
.pmore a{display: block;width: 260px;height: 50px;background-color: #0078d7;border-radius: 25px;text-align: center;margin: 0 auto;color: #ffffff;font-size: 16px;line-height: 50px;}


/*  */
.box3{overflow: hidden;margin-top: 9.4%;background: url(../images/why_bg.png) no-repeat bottom right;background-size: 46.2% 85%;}
.ybt dd{color: #333333;font-size: 36px;font-weight: bold;line-height: 1;}
.ybt dt{letter-spacing: -3px;color: #dbdbdb;font-size: 60px;font-weight: bold;line-height: 1;margin-top: 14px;}
.yleft{width: 42.4%;}
.yul{margin-top: 40px;}
.yul li{width: 48.3%;background-color: #1E50AF;margin-top: 20px;padding: 30px;}
.yul li .img{height: 50px;}
.yul li .img  b{color: #fff;font-size: 22px;}
.yul li .img img{transition: all 0.5s;}
.yul li p{color: #ffffff;font-size: 14px;line-height: 1.4;margin-top: 5px;min-height: 6.4em;}
.yul li:nth-child(3){border-radius: 0px 0px 0px 90px;}
.yul li:hover .img img{transform: scaleX(-1);}
.ysimg{width: 50%;overflow: hidden;}
.ysimg img{width: 100%;}


/*  */
.box4{margin-top: 6.6%;overflow: hidden;}
.box44{background: url(../images/scsb_bg.jpg) no-repeat bottom center;background-size: cover;padding: 4% 0 3.6%;margin-top: 2.7%;}
.fang{margin: 0 0 41px;background-color: #ffffff;padding: 1.5vw;}
.fbox li{width: 48%;position: relative;}
.fbox li .img{overflow: hidden;}
.fbox li .img img{width: 100%;transition: all 0.5s;}
.fbox li .tit{position:absolute;top:0;left:0;width:100%;height:100%;display:flex;align-items:center;justify-content:center;text-align:center}
.fbox li .tit div h4{color:#fff;font-size:26px;margin-bottom:20px}
.fbox li .tit div span{display:block;width:130px;line-height:34px;background:#595959;color:#fff;border-radius:30px}
.xq a{display: block;width: 130px;height: 36px;background-color: #707070;border-radius: 18px;line-height: 36px;text-align: center;color: #ffffff;font-size: 14px;}
.fbox{align-items: center;}
.fbox li:hover .img img{transform: scale(1.1);}
.fbox li:hover .tit span{background: #0078d7;}




/*  */
.box5{margin: 7.2% 0 3.5%;}
.nul{margin: 3.8% 0;}
.nul li{width: 32%;}
.nul li .img {display: block;overflow: hidden;}
.nul li .img img{display: block;width: 100%;transition: all 0.5s;}
.nul li:hover .img img{transform: scale(1.1);}
.nul li h3 a{display: block;font-weight: normal;color: #333333;font-size: 18px;overflow:hidden; white-space:nowrap;text-overflow:ellipsis;margin: 25px 0 15px;}
.nul li p{color: #888888;font-size: 14px;line-height: 26px;display: -webkit-box;overflow: hidden;text-overflow: ellipsis;-webkit-box-orient: vertical; -webkit-line-clamp: 2;}
.nul li:hover h3 a{color: #0078d7;}



/*  */
.foot{background-color:#1a1a1a;padding:3% 0 2%}
.foot .wh{display:flex;flex-wrap:wrap}
.ban{background:#eeeeee;text-align:center;color:#888888;font-size:14px;padding:18px 0}
.ban a{color:#888}
.ban a:hover{color:#0078d7}
.footer-l{width:50%}
.tlogo  img{display:block;max-width:100%}
.dao{margin-top:40px;max-width:450px}
.dao li{width:33.3%;margin-bottom:20px}
.dao li a{color:#ffffff;font-size:16px;margin-bottom:12px}
.footer-r{width:50%;color:#fff}
.footer-r .tit h3{font-size:30px;font-weight:bold;padding-left:45px}
.footer-r .tit p{font-size:18px;line-height:1;margin-top:-35px}
.footer-r .tit span:first-child{font-size:60px;font-weight:bold;color:#018FFF;margin-right:5px}
.footer-r .tit span:last-child{color:#018FFF}
.footer-r ul{margin-top:35px}
.footer-r li{font-size:16px;margin-top:20px}

@media(max-width: 1400px){
    .yul li p{font-size: 16px;line-height: 27px;}
    .yul li{padding: 24px 28px 27px 26px;}
    .ybt dt{font-size: 56px;}
    .yul{margin-top: 20px;}
}

@media(max-width: 1200px){
    .bt1{font-size: 30px;line-height: 56px;}
    .bt2 dd{font-size: 30px;}
    .ybt dd{font-size: 30px;}
    .ybt dt{font-size: 40px;}
    .yul li p{font-size: 14px;line-height: 23px;margin-top: 10px;}
}


@media(max-width: 1025px){
    .bt1{font-size: 27px;line-height: 46px;}
    .bt2 dd{font-size: 27px;}
    .bt2 dt{font-size: 15px;}
}


@media(max-width:768px){
    .bt1{font-size: 24px;line-height: 40px;}
    .bt2 dd{font-size: 24px;}
    .bt2 dt{font-size: 15px;}
    .box2{padding: 60px 0;}
    .psort{margin: 30px 0;}
    .yleft,.ysimg {width: 100%;float: none;}
    .ysimg{margin-top: 30px;}
    .box3{padding-bottom: 60px;background-size: 81.2% 31%;}
    .yc{display: none;}
    
    .foot{padding: 25px 0;}
    .footer-l{width: 100%;}
	.dao{margin-top: 20px;max-width: unset;}
	.dao li{width: unset;margin-bottom: 0;}
	.footer-r{width: 100%;margin-top: 30px;}
	.footer-r ul{margin-top: 20px;}
	.footer-r li{margin-top: 10px;}
}

@media(max-width: 640px){
    .box2{padding: 30px 0;}
    .bt2 dd{font-size: 20px;}
    .bt2 dt{font-size: 13px;margin-top: 10px;}
    .psort li{margin-bottom: 15px;}
    .psort{margin:20px 0 5px 0;}
    .psort li a{padding-bottom: 15px;}
    .plist li{width: 49.7%;margin-bottom: 5px;padding-bottom: 20px;}
    .plist{margin-bottom: 20px;}
    .bj1 h3{font-size: 16px;}
    .bj1 p{font-size: 12px;line-height: 20px;}
    .pmore a{width: 220px;height: 50px;line-height: 50px;}
    .ybt dd{font-size: 20px;}
    .ybt dt{font-size: 30px;}
    .yul{margin-top: 0;}
    .yul li{padding:20px 15px 20px 30px;}
    .yul li p br{display: none;}
    .box3{padding-bottom: 30px;}
    .box4{margin-top: 30px;}
    .box44{margin-top: 25px;padding:30px 0 50px 0;}
    .fbox li{width: 100%;margin-bottom: 20px;}
    .fang{padding: 20px;margin: 20px 0 35px;}
    .box5{margin: 30px 0;}
    .nul{margin: 22px 0;}
    .nul li{width: 100%;margin-bottom: 15px;}
    .nul li h3 a{margin: 20px 0 10px;}
}
@media(max-width: 640px){
	.dao li{width: 33.3%;margin-bottom: 15px;}
	.footer-r{margin-top:10px}
}