@charset "utf-8";

.about{padding: 60px 0 10PX;}
.about .img{background: url(about_bg.png) no-repeat;width: 684px;height: 517px;overflow: hidden;}
.about .img a{width: 580px;height: 372px;margin: 39px 0 0 39px;;display: inline-block;overflow: hidden;}
.about .img a img{display: block;
	-webkit-transform: translate(-50%,-50%); transform: translate(-50%,-50%);transition: all 0.6s ease-in-out;
    transform: scale(1); width: 100%;height: auto;}
 .about .img:hover a img{ transform: scale(1.1)}

.about .con{width: 575px;margin-top: 25px;}
.about .con h2{font-size: 42px;color: #000}
.about .con h2 span{color: #075ae4;margin-top: 18px;}
.about .con em{font-style: normal;font-size: 20px;}
.about .con p{font-size: 14px;color: #666666;margin-top: 30px;line-height: 26px;}
.about .con .detil{margin-top: 60px;}
.about .con .detil a{color: #075ae4;font-size: 16px;display: inline-block;padding: 8px 25px;border: 2px solid #075ae4;border-radius:24px;}
.about .con .detil a:hover{background:#075ae4;color: #ffffff;}

/*主营业务*/
.product{background:#0350dd;position: relative;padding: 0 0 60px;overflow: hidden;height: 730px}
.product .tit{background: url(title_bg.png) no-repeat;text-align: center;font-size:32px;font-weight: bold;color: #fff;width: 326px;margin:50px auto;background-position-y:16px; 
position: relative;z-index: 9 }
.product .con{margin-top: 60px;position: relative;z-index: 9}
.product .con .left{background: url(product_leftbg.png) no-repeat;width: 576px;height: 566px;-webkit-transform: translate(-50%,-50%); transform: translate(-50%,-50%);transition: all 0.6s ease-in-out;
transform: scale(1);overflow: hidden;position: relative;cursor: pointer;}
.product .con .left:hover{transform: scale(1.05);}
.product .con .left:hover::before{display: block;}
.product .con .left::before{width: 100%;height: 100%;background: rgb(0,0,0,.5);position: absolute;left: 0;top: 0;content: '';display: none}
.product .con .left a{display: block;width: 100%;height: 100%;}
.product .con .left .tittle{text-align: center;margin-top: 60px;position: relative;z-index: 9}
.product .con .left .tittle h2{font-size: 28px;color: #fff;font-weight: normal;}
.product .con .left .tittle span{color: #b9bcc5;font-size: 13px;}
.product .con .left dl{display: table;margin: 40px auto 0;}
.product .con .left dl dt{float: left;color: #ffffff;position: relative;padding-left: 16px;font-size: 16px;margin-right: 30px;}
.product .con .left dl dt::before{position: absolute;content: '';background: url(circle.png) no-repeat;width: 10px;height: 10px;left: 0;top: 8px;}
.product .con .right{width: 660px;}
.product .con .right ul li{float: left;width: 300px;height: 270px;text-align: center;-webkit-transform: translate(-50%,-50%); transform: translate(-50%,-50%);transition: all 0.5s ease-in-out;
    transform: scale(1);cursor: pointer;}
 .product .con .right ul li:hover{transform: scale(1.05);position: relative;z-index: 99}   
.product .con .right ul li:nth-child(1),.product .con .right ul li:nth-child(2){margin-bottom: 26px}
.product .con .right ul li .line{width: 50px;height: 1px;background: #85b3ec;margin: 65px auto 0;}
.product .con .right ul li h2{font-size: 24px;color: #fff;margin-top: 25px}
.product .con .right ul li span{font-size: 14px;color: #b9cbf0;margin-top: 10px}
.product .con .right ul li a{font-size: 13px;color: #fff;width: 70px;height: 30px;line-height: 30px;border: 1px solid #3b85e1;border-radius: 15px;display: 
block;text-align: center;margin: 30px auto 0}
.product .con .right ul li.text{background: #0a67d9;-webkit-transform: translate(-50%,-50%); transform: translate(-50%,-50%);transition: all 0.5s ease-in-out;
    transform: scale(1);} 
.product .con .right ul li.text:hover{transform: scale(1.05);background: #fff;}
.product .con .right ul li.text:hover .line{background: #d1dcf6;}
.product .con .right ul li.text:hover h2{color: #2456d3;}
.product .con .right ul li.text:hover span{color: #8b8b8d;}
.product .con .right ul li.text:hover a{background: #3b85e1;color: #FFFFFF;}
#particles-js{position: absolute;top: 50px;left: 0;z-index: 1;width: 100%;height: 100%;}

/*解决方案*/
.solution{padding: 60px 0;background: #f5f5f5}
.solution .tit{text-align: center;}
.solution .tit h2{font-size: 32px;color: #000;font-weight: bold;}
.solution .tit span{font-size: 16px;color: #333333;line-height: 32px;}
.solution .con{margin-top: 40px;position: relative;}
.solution .con ul{padding: 10px 0}
.solution .con ul li{margin: 0 20px;width: 385px;height: 255px;border-radius: 8px;position: relative;overflow: hidden;}
.solution .con ul li img{-webkit-transform: translate(-50%,-50%); transform: translate(-50%,-50%);transition: all 0.5s ease-in-out;
    transform: scale(1);cursor: pointer;}
.solution .con ul li img:hover{transform: scale(1.05);}
/*.solution .con ul li:first-child{margin-left: 0;}*/
.solution .con ul li .bottom{height: 50px;line-height: 50px;font-size: 18px;color: #fff;text-align: center;background: rgb(0,0,0,.4);position: absolute;width: 100%;bottom: 0;
border-radius: 0 0 8px 8px;}
.solution .con ul li .tag{width: 70px;height: 32px;line-height: 32px;text-align: center;font-size: 16px;color: #fff;position: absolute;top: 15px;left: 20px;
background: rgb(0,0,0,.6);color: #fff;border-radius: 4px;}
.solution .con ul li a{color: #fff;display: inline-block;text-align:center; }
.solution .con .detil{text-align: center;margin-top: 40px}
.solution .con .detil a{display: inline-block;padding: 8px 40px;font-size: 16px;color: #fff;background: #3251da;border-radius: 6px;    box-shadow: 0px 5px 15px rgb(94 157 251 / 50%);}
.solution .con ul li:hover .bottom{background: #3251da}
.solution .con .next{background: url(k1.png) no-repeat;width: 32px;height: 32px;position: absolute;right: -60px;top: 115px;}
.solution .con .prev{background: url(k2.png) no-repeat;width: 32px;height: 32px;left:-60px ;top: 115px;position: absolute;}
/*新闻中心*/
.news{padding: 60px 0;}
.news .tit{text-align: center;}
.news .tit h2{font-size: 32px;color: #000;font-weight: bold;}
.news .tit span{font-size: 16px;color: #333333;line-height: 32px;}
.news .con{margin-top: 40px;}
.news .con ul li{float: left;width: 385px;margin-left: 62px;border-radius: 12px;position: relative;}
.news .con ul li:first-child{margin-left: 0;}
.news .con ul li .img{height: 294px;overflow: hidden;border-radius: 12px 12px 0 0;}
.news .con ul li .img img{width: 100%;height: 100%;-webkit-transform: translate(-50%,-50%); transform: translate(-50%,-50%);transition: all 0.5s ease-in-out;
    transform: scale(1);}
.news .con ul li:hover .img img{transform: scale(1.05)}
.news .con ul li .content{background: #f5f5f5;border-radius: 0 0 12px 12px;height: 165px;padding: 20px 25px;width: 335px;}
.news .con ul li .content h2 a{font-size: 20px;line-height: 30px;color: #000000}
.news .con ul li .content p{font-size: 15px;color: #333333;line-height: 24px;margin-top: 10px;}
.news .con ul li .content .more {margin-top: 20px;}
.news .con ul li .content .more a{font-size: 16px;font-weight: bold;color: #4064db}
.news .con ul li .content .more a img{position: relative;top: 7px;left: 10px;}
.news .con .detil{text-align: center;margin-top: 40px}
.news .con .detil a{display: inline-block;padding: 8px 40px;font-size: 16px;color: #fff;background: #3251da;border-radius: 6px;    box-shadow: 0px 5px 15px rgb(94 157 251 / 50%);}
/*合作伙伴*/
.partner{padding: 60px 0;background: url(partner.jpg) no-repeat;height:490px}
.partner .tit{text-align: center;}
.partner .tit h2{font-size: 32px;color: #ffffff;font-weight: bold;}
.partner .tit span{font-size: 16px;color: #ffffff;line-height: 32px;}
.partner .con{margin-top: 50px;}
.partner .bd ul li{float: left;margin-right: 15px;width: 244px;margin-bottom: 25px;}
.partner .bd ul li:nth-child(5),.partner .bd ul li:nth-child(10){margin-right: 0;}
.partner .bd ul li .img{width: 244px;height: 122px;}
.partner .bd ul li .img img{width: 100%;height: 100%;}
.partner .bd ul li p{font-size: 15px;color: #fff;line-height: 38px;text-align: center;white-space:nowrap;text-overflow:ellipsis;overflow:hidden;}
.partner .bd ul li p a{color: #ffffff;}