@charset "utf-8";
/*@font-face {
    font-family: 'INTER';
    src: url('../font/INTERSTATECOND.eot');
    src:
    url('../font/INTERSTATECOND.eot?#font-spider') format('embedded-opentype'),
    url('../font/INTERSTATECOND.woff') format('woff'),
    url('../font/INTERSTATECOND.ttf') format('truetype'),
    url('../font/INTERSTATECOND.svg') format('svg');
    font-weight: normal;
    font-style: normal;
}*/

/*滚动条*/
body *::-webkit-scrollbar{width: 4px;height: 4px;background: #eee;border-radius: 2px;}
body *::-webkit-scrollbar-thumb{background: #aaa;border-radius: 2px;}


/*文字截断*/
.TXTovehid{display: block; white-space: nowrap; overflow: hidden; text-overflow: ellipsis;}
.TXTovehid-two{overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical;}
.TXTovehid-three{overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 3; -webkit-box-orient: vertical;}
.TXTovehid-four{overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 4; -webkit-box-orient: vertical;}

/*transition*/
.tran200{-webkit-transition:all 0.2s linear; -moz-transition:all 0.2s linear; -ms-transition:all 0.2s linear; transition:all 0.2s linear;}
.tran300{-webkit-transition:all 0.3s linear; -moz-transition:all 0.3s linear; -ms-transition:all 0.3s linear; transition:all 0.3s linear;}
.tran400{-webkit-transition:all 0.4s linear; -moz-transition:all 0.4s linear; -ms-transition:all 0.4s linear; transition:all 0.4s linear;}
.tran500{-webkit-transition:all 0.5s linear; -moz-transition:all 0.5s linear; -ms-transition:all 0.5s linear; transition:all 0.5s linear;}
.tran1000{-webkit-transition:all 1s linear; -moz-transition:all 1s linear; -ms-transition:all 1s linear; transition:all 1s linear;}

/*动效*/
.scaleimg:hover .pic img,
.scaleimg:hover .pic em{ -webkit-transform: scale(1.1); -moz-transform: scale(1.1); -ms-transform: scale(1.1); transform: scale(1.1);}
.rotateY:hover{ -webkit-transform: rotateY(180deg); -moz-transform: rotateY(180deg); -ms-transform: rotateY(180deg); transform: rotateY(180deg); }
.translateX:hover{-webkit-transform:translateX(-6px); -moz-transform: translateX(-6px); -ms-transform:translateX(-6px); transform:translateX(-6px);}


/* 单页默认样式 */
.pageStyle{color: #333333;line-height: 32px;}
.pageStyle *{max-width: 100% !important;}
.pageStyle img{height: auto !important;max-width: 100% !important;}
.pageStyle ul,.pageStyle ul li{list-style: disc inside;}

/* flex布局 */
.disflex{display: flex;}
.flexCenter{display: flex;justify-content: center;align-items: center;}
.flexBetween{display: flex;justify-content: space-between;align-items: center;}

/* bgStyle */
.bgStyle{position: absolute;left: 0;top: 0;width: 100%;height: 100%;background-repeat: no-repeat;background-position: center;background-size: cover;}


/* basePage */
.basePage .ad{margin: 50px auto;}
.basePage .ad img{width: 100%;}

.basePage .titleStyle{position: relative;border-bottom: 1px solid #D0D0D0;line-height: 78px;margin-bottom: 24px;}
.basePage .titleStyle::before{content: "";width: 3px;height: 24px;position: absolute;left: -30px;top: 50%;margin-top: -12px;background: #0352BD;}
.basePage .titleStyle .title{color: #0352BD;font-size: 24px;}
.basePage .titleStyle .more{color: #8F8F8F;font-size: 14px;text-transform: uppercase;}
.basePage .titleStyle .more:hover{color: #0352BD;}

.basePage .item1{padding: 0 30px 40px;background: #FFFFFF;}
.basePage .item1 .container{padding: 6px 0 0;position: relative;overflow: hidden;}
.basePage .item1 .container .wrap{display: block;}
.basePage .item1 .container .pic{padding-bottom: 64.83%;position: relative;overflow: hidden;}
.basePage .item1 .container .text{padding: 20px 0 0;}
.basePage .item1 .container .title{font-size: 16px;color: #333333;line-height: 28px;font-weight: normal;}
.basePage .item1 .container .desc{font-size: 14px;line-height: 26px;color: #666666;height: 52px;overflow: hidden;margin: 20px 0 24px;}
.basePage .item1 .container .date{color: #666666;line-height: 16px;padding-left: 22px;background: url(../images/add/icon_date.svg) no-repeat left center;}
.basePage .item1 .container .wrap:hover .title{color: #0352BD;}

.basePage .item2{align-items: flex-start;margin: 50px 0;}
.basePage .item2 .box{width: 32%;box-sizing: border-box;height: 450px;background: #FFFFFF;padding: 0 30px;}
.basePage .item2 .box1 .titleStyle{margin-bottom: 12px;}
.basePage .item2 .list1 li{border-bottom: 1px dashed #E9E9E9;}
.basePage .item2 .list1 li:last-child{border: none;}
.basePage .item2 .list1 li a{height: 58px;line-height: 58px;font-size: 14px;color: #666666;}
.basePage .item2 .list1 li .date{flex-shrink: 0;margin-left: 15px;}
.basePage .item2 .list1 li .title{flex: 1;color: #333333;font-weight: normal;font-size: 16px;}
.basePage .item2 .list1 li a:hover .title{color: #0352BD;}
.basePage .item2 .list2 li{margin-bottom: 20px;}
.basePage .item2 .list2 li .date{width: 64px;height: 64px;background: #0352BD;flex-shrink: 0;margin-right: 14px;box-sizing: border-box;padding: 6px 0 0;text-align: center;color: #fff;line-height: 1;font-size: 14px;}
.basePage .item2 .list2 li .date span,
.basePage .item2 .list2 li .date em{display: block;font-weight: normal;}
.basePage .item2 .list2 li .date span{font-size: 32px;margin-bottom: 6px;}
.basePage .item2 .list2 li .text{flex: 1;overflow: hidden;color: #666666;line-height: 18px;font-size: 14px;}
.basePage .item2 .list2 li .text .title{color: #333333;font-weight: normal;margin-bottom: 14px;font-size: 16px;}
.basePage .item2 .list2 li:hover .text .title{color: #0352BD;}
.basePage .item2 .box3{height: auto;padding: 0;background: none;}
.basePage .item2 dt{margin-bottom: 24px;background: url(../images/add/titleBg.jpg) no-repeat center bottom;background-size: cover;}
.basePage .item2 dt .titleStyle{height: 168px;padding: 0 30px;display: flex;flex-direction: column;align-items: flex-start;justify-content: center;line-height: 1;border: none;}
.basePage .item2 dt .titleStyle:before{display: none;}
.basePage .item2 dt .titleStyle .title,
.basePage .item2 dt .titleStyle .more{color: #fff;}
.basePage .item2 dt .titleStyle .title{margin-bottom: 20px;}
.basePage .item2 dd{height: 258px;background: #fff url(../images/add/aboutBg.jpg) no-repeat center bottom;background-size: cover;box-sizing: border-box;padding: 0 30px;}
.basePage .item2 dd .desc{font-size: 16px;color: #666666;line-height: 28px;max-height: 112px;overflow: hidden;}

.basePage .item3{padding: 0 30px 20px;background: #FFFFFF;margin-bottom: 50px;}
.basePage .item3 .list li{width: 23.7%;margin: 0 1.73% 1.73% 0;float: left;}
.basePage .item3 .list li:nth-child(4n){margin-right: 0;}
.basePage .item3 .list li a{display: block;height: 0;padding-bottom: 44.44%;position: relative;overflow: hidden;}
.basePage .item3 .list li:hover{box-shadow: 0 0 10px rgba(0, 0, 0, 0.3)}

@media screen and (max-width: 1480px){

}

@media screen and (max-width: 1300px){
.basePage .ad,
.basePage .item2{margin: 30px auto;}
.basePage .item3{margin-bottom: 30px;}
.basePage .titleStyle{line-height: 62px;margin-bottom: 16px;}
.basePage .item1 .container .text{padding-top: 12px;}
.basePage .item1 .container .desc{margin: 12px 0 14px;}
.basePage .item2 .box{height: 424px;}
.basePage .item2 dd{height: 230px;}

}


@media screen and (max-width: 1024px){

}

@media screen and (max-width: 760px){
.basePage .ad,
.basePage .item2{margin: 20px auto;}
.basePage .item3{margin-bottom: 20px;}
.basePage .titleStyle{line-height: 48px;margin-bottom: 16px;}
.basePage .titleStyle::before{left: -20px;}
.basePage .titleStyle .title{font-size: 20px;}
.basePage .item1{padding: 0 20px 20px;}
.basePage .item1 .container .title{font-size: 15px;}
.basePage .item1 .container .desc{margin: 5px 0 10px;line-height: 24px;height: 48px;font-size: 13px;}
.basePage .item2{display: block;}
.basePage .item2 .box{width: 100%;margin-bottom: 24px;height: auto;padding: 0 20px 20px;}
.basePage .item2 .box1{padding: 0 20px 20px;}
.basePage .item2 .box3{padding-bottom: 0;}
.basePage .item2 .list1 li .title{font-size: 15px;}
.basePage .item2 .list2 li{margin-bottom: 12px;}
.basePage .item2 .list2 li:last-child{margin-bottom: 0;}
.basePage .item2 .list1 li a{height: 44px;line-height: 44px;font-size: 13px;}
.basePage .item2 .list2 li .text .title{font-size: 14px;margin-bottom: 4px;font-size: 15px;}
.basePage .item2 .list2 li .text{font-size: 13px;}
.basePage .item2 .list2 li .date{width: 54px;height: 54px;font-size: 12px;}
.basePage .item2 .list2 li .date span{font-size: 20px;}
.basePage .item2 dt{margin-bottom: 20px;}
.basePage .item2 dt .titleStyle{height: 132px;padding: 0 20px;}
.basePage .item2 dt .titleStyle .title{margin-bottom: 12px;}
.basePage .item2 dd{height: auto;padding: 0 20px 20px;}
.basePage .item2 dd .desc{font-size: 14px;line-height: 24px;max-height: 96px;}

.basePage .item3 .list li{width: 32%;margin: 0 2% 2% 0;}
.basePage .item3 .list li:nth-child(4n){margin-right: 2%;}
.basePage .item3 .list li:nth-child(3n){margin-right: 0;}
}

@media screen and (max-width: 468px){
.basePage .item3 .list li{width: 49%;margin-right: 0 !important;}
.basePage .item3 .list li:nth-child(2n){float: right;}
}