@charset "utf-8";









/*product*/
.product{background:#f0f1f1;cursor: pointer;}
.product .prolist{background: white;}
.product .prolist p{margin: 0;padding: 5px 0px;text-align: center;font-size: 15px;}
.prolist:hover p{background: #0a409a;color: white;}
.product .universal{text-align: center;padding: 25px 0px;}
.product .universal h3{font-size: 30px;margin: 0;}
.product .universal p{font-size: 30px;font-weight: 100;margin: 0;}


/*firm*/
.firm .firmtit{font-size: 158px;display: block;color: #0a409a0a;font-family: arial;font-weight: bold;text-transform: uppercase;text-align: center;}
.firm .firmbox{padding: 35px 5% 40px;box-shadow: 0 0 10px rgba(0, 0, 0, 0.1);margin: -92px auto 0;background: #fff;width: 100%;position: relative;}
.firm .View{display: block;border: 1px solid #bad2e9;color: #0058ad;width: 13%;text-align: center;line-height: 44px;font-size: 16px;border-radius: 2px;}
.firm .View:hover{background: #17498e;color: white;}
.firm .firmbox .album li{text-align: center;position: relative;}
.firm .firmbox .album li:before{content: "";position: absolute;right: 0;top: 8px;width: 1px;height: 105px;background: #efefef;}
.firm .firmbox .albuml li .text h3{color: #666666;font-size: 16px;margin-top: 7px;}
.firm .firmbox .album li .text p{margin-top: 7px;color: #999999;font-size: 14px;}
.firm .universal p{font-size: 30px;font-weight: normal;text-align: center;}

/*proof*/

.proof{background: #f2f2f2;padding: 30px;overflow: hidden;}
.proof ul li{position: relative;float: left;width: 20%;margin: 0px 10px;}






/*news*/
.news{background: #f0f1f1;padding: 50px 0px;}


.news .universal{text-align: center;}
.news .universal a{font-size: 28px;}
.news .universal span{font-size: 15px;color: #999;margin-top: 10px;}
.news .newslist{padding: 25px 20px;transition: all .35s ease;border: 1px solid #e4e4e4;margin-bottom: 30px;cursor: pointer;}
.news .newslist time{opacity: 0.9;font-size: 16px;margin-bottom: 6px;color: #333;}
.news .newslist h3{font-size: 16px;margin-bottom: 6px;color: #333;}
.news .newslist span{line-height: 1.7;font-size: 13px;opacity: 0.7;display: block;margin-bottom: 5rem;}
.news .newslist div{color: rgb(18 90 210);}

.news ul li:hover .newslist{margin-top: 0;transform: translateY(-10px);background: rgb(10 64 154);color: white;}
.news ul li:hover .newslist h3,.news ul li:hover .newslist div,.news ul li:hover .newslist time,.news ul li:hover .newslist span{color: white;}
.news .nrgt{display: block;background: rgba(102,102,102,1);color: #fff;position: relative;padding-left: 20px;padding-top: 20px;}
.news .nrgt .txt p{font-size: 14px;margin-bottom: 0px;}
.news .nrgt .txt span{font-size: 13px;}
.news .nrgt .tushu{width: 150px;height: 150px;background: url(../images/xw.png);text-align: right;margin-right: 0px;margin-top: 20px;}


@media (max-width: 768px) {

	.firm .firmtit{font-size: 65px;}
	.firm .firmbox{margin: -40px auto 0;}
	.product .universal{padding: 25px 0px 5px;}
	.firm-ms{overflow: hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 8;}
	.firm .View{width: 30%;}
	.firm .firmbox .album li .text h3{font-size: 15px;margin-top: 5px;}
	.firm .firmbox .album li .text p{font-size: 12px;text-align: left;}
	.news{padding: 50px 0px 0px;}

	.product .col{flex: 0 0 auto;width: 50%;}
}

  
@media (min-width:1200px) {

}




