.banner{height:540px;}
.banner .banner-text{width:900px;}
.banner .h1{font-size:64px;color:#fff;}
.banner p{color:#fff;}
.banner-text{margin-top:-100px;}


/*product*/
.product .fun_list{margin:0px;padding:0px;}
.product .fun_list li{float:left;width:30%;margin:5px;box-sizing:border-box;background:#d2e5f8;color:#0041b0;border-radius:5px;padding:5px 0px;text-align:center;}
.product .fun_list_2 li{width:45%;}

.product .col{padding:10px;}
.product .card{border-radius:10px;border-width:0px; background-size:100% 100%;color:#fff;height:470px;}
.product .icon{}
.product .card p{height:140px;}
.product .card h4{font-size:13px;}

.product .card.light{background:#e8eff7;color:#333;}
.product .card.p1{background-image:url(../img/home/p1.jpg?v=1);}
.product .card.p2{background-image:url(../img/home/p2.jpg?v=2);}
.product .card.p3{background-image:url(../img/home/p3.jpg?v=3);}
.product .card.p4{background-image:url(../img/home/p4.jpg?v=4);}
.product .card.light p{height:auto;}

.product .col{width:21%;}
.product .col.hover{width:37%;}

.product .col .card-def{display:block;}
.product .col .card-hover{display:none;}

.product .hover .card-def{display:none;}
.product .hover .card-hover{display:block;background: linear-gradient(157.54deg, rgba(218, 230, 242, 1) 0%, rgba(255, 255, 255, 1) 100%);}

.product .card-def h3{color:#fff;}
.product .card-hover h3{color:rgba(0, 65, 176, 1);}

.item-rel-product{position:absolute;bottom:60px;text-align:left;}
.item-rel-product b{display:inline-block;margin-right:10px;}

.item-btns{position:absolute;bottom:10px;left:20px;}

.news{position:relative;height:300px;}
.news a{color:#333;}
.news a:hover{color:#377dff;}

.news .ybox{position:absolute;width:49%;height:300px;top:0px;border:1px solid #f5f5f5;box-sizing:border-box;padding:10px;}
.news .ybox1{left:0px;}
.news .ybox2{right:0px;}
.news .time{color:#999;font-size:12px;}

.news_pic{}
.news_pic img{width:100%;height:240px;}

.news-def{position:relative;}
.news-def .time{position:absolute;right:10px;top:0px;}

.news-hover{border-bottom:1px solid #f5f5f5;}
.news-hover p{}
.news-hover .time{text-align:right;line-height:25px;}
.news-hover{color:#377dff;}

.news-item .news-def{display:block;}
.news-item .news-hover{display:none;}

.news-item.hover .news-def{display:none;}
.news-item.hover .news-hover{display:block;}