

.fontsp{font-family: "Caslon"}*{box-sizing: border-box}a,abbr,dfn,div,dl,dt,em,fieldset,font,form,html,i,iframe,img,td,tfoot,th,theader,tr,tt,u,ul,var{margin: 0;padding: 0;outline: 0;border: 0;vertical-align: baseline;font-size: 100%}
 
 .h120{width: 100%;height: 90pt}.h140{width: 100%;height: 140px}.h160{width: 100%;height: 10pc}.mr5{margin: 5px auto}.mr10{margin: 10px auto}.mr15{margin: 15px auto}.mr20{margin: 20px auto}.mr25{margin: 25px auto}.mr30{margin: 30px auto}.mr35{margin: 35px auto}.mr40{margin: 40px auto}.mr45{margin: 45px auto}.mr50{margin: 50px auto}.mr55{margin: 55px auto}.mr60{margin: 60px auto}.mr80{margin: 5pc auto}.pa5{padding: 5px 0}.pa10{padding: 10px 0}.pa15{padding: 15px 0}.pa20{padding: 20px 0}.pa25{padding: 25px 0}.pa30{padding: 30px 0}.pa35{padding: 35px 0}.pa40{padding: 40px 0}.pa45{padding: 45px 0}.pa50{padding: 50px 0}.pa55{padding: 55px 0}.pa60{padding: 60px 0}.pa65{padding: 65px 0}.pa70{padding: 70px 0}.text-l{text-align: left}.text-r{text-align: right}.text-m{text-align: center}



 .flex{display: flex;justify-content: space-between;flex-wrap: wrap}.flex-row{display: flex;flex-wrap: wrap}.flex-row-center{display: flex;flex-wrap: wrap;justify-content: center}.v-center{display: -webkit-flex;display: flex;flex-direction: column;justify-content: center}.flex{display: flex;justify-content: space-between;flex-wrap: wrap}.flex-left{display: flex;flex-wrap: wrap}.flex-center{display: flex;flex-wrap: wrap;justify-content: center}.flex-right{display: flex;flex-wrap: wrap;justify-content: flex-end}.flex-v-center{display: -webkit-flex;display: flex;flex-direction: column;justify-content: center}.flex-v-bottom{display: -webkit-flex;display: flex;flex-direction: column;justify-content: space-between}.none{display: none}.trans{transition: all .3s}.ani-mask{display: block;overflow: hidden;width: 100%;cursor: pointer}.ani-mask img{-webkit-transition: all .3s;-o-transition: all .3s;transition: all .3s}.ani-mask .pic a{display: block;height: 100%;background-repeat: no-repeat;background-size: cover;background-position: center;-webkit-transition: all .6s;-o-transition: all .6s;transition: all .6s}.ani-mask:hover img{-webkit-transform: scale(1.05);-ms-transform: scale(1.05);transform: scale(1.05)}.ani-mask:hover .pic a{-webkit-transform: scale(1.05);-ms-transform: scale(1.05);transform: scale(1.05)}
 
 
.rowf ul{width: 100%}
.rowf ul li{height: 280px;width: 20%}
.rowf ul li .pic{height: 280px;}
.rowf ul li .pic a{position: relative;}
.rowf ul li .con{position: absolute;left: 0;top:0;right:0;bottom: 0; z-index: 10;padding: 15px;color: #fff}
.rowf ul li .con i{font-size: 50px;display: inline-block;margin-bottom: 30px}
.rowf ul li .con h4{font-size: 26px;margin-bottom: 15px}
.rowf ul li .con span{font-size: 16px;text-transform: uppercase;}

.flex{display: flex;justify-content: space-between;flex-wrap: wrap}.flex-row{display: flex;flex-wrap: wrap}

@media screen and (max-width:768px){
.rowb .tabcons .ani-mask{width: 100%}
.rowb .tabcons .ani-mask .pic{height: 200px}
.rowb .tabcons .list{width: 100%;}
.rowg .swiper-slide .con h4{font-size: 16px;min-height: 44px;}
.rowf ul li{height: 200px;width: 33.3333%}
.rowf ul li:last-child{width: 100%}
.rowf ul li .pic { height: 200px;}
.rowf ul li .con i{font-size: 40px;display: inline-block;margin-bottom: 20px}
.rowf ul li .con h4{font-size: 22px;margin-bottom: 10px}
.rowf ul li .con span{font-size: 14px;text-transform: uppercase;}
}

@media screen and (max-width:640px){
  .intit{font-size: 24px;}
/*.innews li:nth-child(7){display: none}
.innews li:nth-child(8){display: none}*/
.innews li{width: 48%;margin: 0 1% 30px}
.rowb .tabNav li{font-size: 16px;padding: 10px 15px }
.rowb .tabcons .ani-mask .pic{height: 220px}
.rowc .sjmt ul li{width: 100%;}
.rowc .sjmt ul li p{height: auto}
.rowg .swiper-slide .con{right: 35%}

.rowg .swiper-slide .con h4{font-size: 16px;min-height: 42px;}

.rowf ul li{height: 200px;width: 50%}
.rowf ul li:last-child{width: 50%}
.rowf ul li:nth-child(4){border-bottom: 1px solid #3165c1}
.rowf ul li .pic { height: 200px;}
.rowf ul li .con i{font-size: 30px;display: inline-block;margin-bottom: 20px}
.rowf ul li .con h4{font-size: 18px;margin-bottom: 10px}
.rowf ul li .con span{font-size: 14px;text-transform: uppercase;}
.rowg .swiper-container-b{margin-left: 20px;margin-right: 20px}
}



