/* banner */
.bannerpic{padding-bottom: 650px;}

@media only screen and (max-width:1440px){
.bannerpic{padding-bottom:45%;}
}

/* title */
.home_title{line-height: 20px;position: relative;}
.home_title p{font-size: 30px;font-weight: 600;line-height: 1;}
.home_title span{font-size: 15px;color: #808080;display: block;padding-top: 20px;}

.title1{text-align: center;}
.title2{padding-right: 15%;margin-bottom: 50px;}
.title2 span{padding-top: 15px;}
.title2 a{position: absolute;right: 0;top: 50%;margin-top: -20px;border: 1px solid #e6e6e6;width: 150px;text-align: center;font-size: 15px;color: #808080;padding: 11px 4px;}
.title2 a em{font-style: normal;}
.title2 a:hover{background: #006ebe;color: #fff;border-color: #006ebe;}

.page_max_box .swiper-container .btn:hover{background: #e53939;}

@media only screen and (max-width:1440px){
.title2{margin-bottom: 40px;}
.title2 a{width: 140px;}
}
@media only screen and (max-width:1200px){
.title2 a{width: 130px;}
}
@media only screen and (max-width:1024px){
.home_title span{padding-top: 15px;}
.title2{text-align: center;padding-right: 0;margin-bottom: 35px;}
.title2 a{width: 120px;height: 30px;top: 0;right: 50%;margin: 0 -60px;border: 0;}
.title2 a em{display: none;}
}
@media only screen and (max-width:768px){
.home_title span{font-size: 14px;}
}
@media only screen and (max-width:480px){
.title2{margin-bottom: 25px;}
.home_title p{font-size: 24px;line-height: 25px;}
}

/* classify */
.classifybox .home_title{padding: 80px 0 60px;}

.classifybox ul li{width: 25%;height: 100%;position: relative;overflow: hidden;padding-bottom: 130px;text-align: center;background: #f5f5f5;}
.classifybox ul li .pic{width: 120px;height: 120px;border-radius: 60px;overflow: hidden;position: absolute;left: 50%;margin-left: -60px;top: 70px;z-index: 0;}
.classifybox ul li .pic img{min-width: 100%;height: 100%;position: absolute;left: 50%;top: 0;-webkit-transform: translateX(-50%);transform: translateX(-50%);z-index: -1;}
.classifybox ul li .pic em{display: block;width: 100%;height: 100%;background: rgba(0,5,15,.04);}

.classifybox ul li .txt{width: 100%;height: 390px;padding: 205px 10% 0;position: relative;z-index: 3;}
.classifybox ul li .txt h2{display: block;overflow: hidden;white-space: nowrap;font-size: 24px;line-height: 30px;padding: 15px 0;background: none center top no-repeat,none center bottom no-repeat;}
.classifybox ul li .txt p{overflow: hidden;height: 105px;line-height: 25px;color: #808080;padding-top: 5px;font-size: 15px;}
.classifybox ul li .txt a{width: 130px;color: #808080;line-height: 20px;padding: 9px;border: 1px solid #e6e6e6;position: absolute;left: 50%;margin-left: -65px;bottom: -55px;}

.classifybox ul li:hover .pic{width: 100%;height: 100%;border-radius: 0;left: 0;top: 0;margin: 0;}
.classifybox ul li:hover .pic em{background: rgba(0,5,15,.4);}
.classifybox ul li:hover .txt{padding-top: 70px;}
.classifybox ul li:hover .txt h2{color: #fff;background-image: url(../images/icon3.png),url(../images/icon3.png);margin-bottom: 40px;}
.classifybox ul li:hover .txt p{color: #fff;}
.classifybox ul li:hover .txt a{color: #fff;border-color: #fff;}
.classifybox ul li:hover .txt a:hover{background: #fff;color: #e53939;}

@media only screen and (max-width:1600px){
.classifybox .home_title{padding: 70px 0 50px;}
}
@media only screen and (max-width:1440px){
.classifybox .home_title{padding: 60px 0 50px;}
.classifybox ul li{padding-bottom: 100px;}
.classifybox ul li .pic{top: 50px;}
.classifybox ul li .txt{height: 350px;padding: 180px 4% 0;}
.classifybox ul li .txt p{padding: 0;height: 100px;}
.classifybox ul li .txt a{bottom: -45px;}
.classifybox ul li:hover .txt{padding-top: 60px;}
}
@media only screen and (max-width:1024px){
.classifybox .home_title{padding: 50px 0 35px;}
.classifybox ul li{padding-bottom: 95px;}
.classifybox ul li .pic{top: 45px;}
.classifybox ul li .txt{height: 365px;padding-top: 175px;}
.classifybox ul li .txt h2{font-size: 20px;padding: 10px 0;font-weight: 600;}
.classifybox ul li .txt p{height: 130px;font-size: 16px;line-height: 26px;}
.classifybox ul li:hover .txt{padding-top: 55px;}
}
@media only screen and (max-width:768px){
.classifybox ul li{padding-bottom: 90px;}
.classifybox ul li .pic{top: 40px;}
.classifybox ul li .txt{height: 355px;padding-top: 165px;}
.classifybox ul li .txt p{letter-spacing: -.5px;}
.classifybox ul li .txt h2{font-size: 18px;}
.classifybox ul li:hover .txt{padding-top: 50px;}
}
@media only screen and (max-width:480px){
.classifybox .home_title{padding: 35px 0 25px;display: block;}
.classifybox ul li{padding-bottom: 95px;}
.classifybox ul li .txt{height: 335px;padding-top: 170px;}
.classifybox ul li .txt h2{font-size: 20px;}
.classifybox ul li .txt p{height: 105px;}
}

/* company */
.companybox{background: url(../images/bg1.jpg) center bottom no-repeat;}
.companybox .home_title{padding-top: 80px;display: block;margin-bottom: -25px;}

.companybox .cont{padding: 100px 10px;}
.companybox .cont .pic{width: 40%;max-width: 500px;float: right;border-radius: 10px;box-shadow: 0 5px 15px rgba(128,128,128,.1);}
.companybox .cont .pic p{width: 100%;height: 100%;position: relative;overflow: hidden;}
.companybox .cont .pic p em{width: 100%;padding-bottom: 330px;z-index: -1;}
.companybox .cont .pic p em img{max-width: none;min-width: 100%;max-height: none;height: 100%;}

.companybox .cont .txt{width: 58%;float: left;position: relative;}
.companybox .cont .txt .titl{width: 100%;padding-bottom: 5px;border-bottom: 1px solid #ddd;margin-bottom: 25px;}
.companybox .cont .txt .titl p{font-size: 35px;font-weight: 600;color: #006ebe;line-height: 1;}
.companybox .cont .txt .titl span{font-size: 25px;color: #454545;text-transform: uppercase;line-height: 30px;padding: 12px 0;display: block;overflow: hidden;white-space: nowrap;}

.companybox .cont .txt .text{width: 100%;overflow: hidden;line-height: 2;color: #808080;font-size: 15px;height: 150px;}
.companybox .cont .txt .text p{text-indent: 2em;}

.companybox .cont .txt .more{width: 100%;padding-top: 15px;}
.companybox .cont .txt .more a{float: left;font-size: 15px;color: #fff;line-height: 25px;padding: 10px 35px;background: #006ebe;}
.companybox .cont .txt .more a:hover{background: #e53939;}

.companybox .list{height: 100px;z-index: 5;}
.companybox ul{width: 100%;height: 210%;border: 10px solid #fff;text-align: center;background: #0068b3;color: #fff;border-top: 0;padding: 55px 0;}
.companybox ul li{width: 25%;float: left;flex-shrink: 1;border-left: 1px solid rgba(255,255,255,.35);line-height: 1;padding: 0 2%;overflow: hidden;}
.companybox ul li p{font-size: 60px;font-weight: 600;}
.companybox ul li span{display: block;font-size: 18px;padding-top: 10px;line-height: 20px;white-space: nowrap;}
.companybox ul .li_1{border: none;}

@media only screen and (max-width:1600px){
.companybox .home_title{padding-top: 70px;margin-bottom: -20px;}
.companybox .cont{padding: 85px 10px;}
.companybox .cont .txt .titl span{font-size: 23px;}
}
@media only screen and (max-width:1440px){
.companybox .home_title{padding-top: 60px;}
.companybox .cont{padding: 75px 10px;}
.companybox .cont .txt .titl{padding-bottom: 4px;margin-bottom: 20px;}
.companybox .cont .txt .titl span{font-size: 20px;letter-spacing: -.5px;padding: 10px 0;}
.companybox .cont .txt .text{margin-bottom: 10px;}
}
@media only screen and (max-width:1200px){
.companybox .cont{padding: 70px 10px;}
.companybox .cont .pic p em{padding-bottom: 285px;}
.companybox .cont .txt .titl{margin-bottom: 15px;}
.companybox .cont .txt .titl p{font-size: 30px;}
.companybox .cont .txt .titl span{font-size: 18px;letter-spacing: -1px;padding: 5px 0;}
.companybox .cont .txt .text{font-size: 14px;height: 140px;margin: 0;}
.companybox .cont .txt .more a{font-size: 14px;line-height: 20px;padding: 10px 25px;}
.companybox .list{height: 90px;}
.companybox .list ul{padding: 45px 0;}
}
@media only screen and (max-width:1024px){
.companybox .home_title{padding: 50px 0 35px;margin: 0;display: block;}
.companybox .cont{padding: 0 5px;}
.companybox .cont .pic{width: 100%;max-width: 100%;border-radius: 0;}
.companybox .cont .pic p em{padding-bottom: 450px;}
.companybox .cont .pic p em img{min-width: auto;width: 100%;height: auto;min-height: 100%;}
.companybox .cont .txt{width: 100%;padding: 35px 0;}
.companybox .cont .txt .titl{padding-bottom: 5px;}
.companybox .cont .txt .titl span{font-size: 20px;letter-spacing: normal;padding: 7px 0;}
.companybox .cont .txt .text{font-size: 16px;height: auto;padding: 5px 0;line-height: 30px;}
.companybox .cont .txt .more{padding: 0;position: absolute;left: 0;top: 30px;opacity: 0;}
.companybox .cont .txt .more a{width: 270px;}
.companybox .list{height: 65px;}
.companybox .list ul{border-width: 0 5px 5px;padding: 30px 0;}
.companybox .list ul li{padding: 0 1%;}
.companybox .list ul li p{font-size: 48px;}
.companybox .list ul li span{padding-top: 5px;font-size: 16px;}
}
@media only screen and (max-width:768px){
.companybox .cont .pic p em{padding-bottom: 56.25%;}
.companybox .cont .pic p em img{left: 0;top: auto;bottom: 0;-webkit-transform: none;-moz-transform: none;transform: none;}
.companybox .cont{padding: 0;}
.companybox .cont .txt{padding: 30px 0 20px;}
.companybox .cont .txt .titl{padding: 0;}
.companybox .cont .txt .titl p{font-size: 24px;}
.companybox .cont .txt .titl span{font-size: 16px;line-height: 20px;white-space: normal;padding: 10px 0;}
.companybox .cont .txt .text{padding: 0;}
.companybox .list{height: auto;overflow: hidden;padding-bottom: 45px;}
.companybox .list ul{position: relative;width: calc(100% + 4px);height: 100%;margin: 0 -2px;border: none;padding: 0;background: none;flex-wrap: wrap;}
.companybox .list ul li{border: 2px solid #fff;width: 50%;background: #0068b3;padding: 5% 1%;}
.companybox .list ul li p{font-size: 54px;}
.companybox .list ul li span{font-size: 17px;line-height: 25px;}
.companybox .list ul li:hover{background-color: #e53939;}
}
@media only screen and (max-width:480px){
.companybox .home_title{padding: 35px 0 25px;}
.companybox .list{padding-bottom: 40px;}
.companybox .list ul li{border-width: 1px;}
.companybox .list ul li p{font-size: 42px;}
.companybox .list ul li span{font-size: 16px;line-height: 20px;letter-spacing: -1px;}
}

/* product */
.productbox{padding-top: 180px;background: #0068b3 url(../images/bg2.jpg) center no-repeat;background-attachment: fixed;}
.productbox .home_title p,
.productbox .home_title span{color: #fff;}
.productbox .home_title a{color: #fff;border-color: rgba(255,255,255,.4);}
.productbox .home_title a:hover{color: #e53939;background: #fff;border-color: #fff;}

.productbox .list ul li{text-align: center;}
.productbox .list ul li p{overflow: hidden;width: 100%;}
.productbox .list ul li p em img{max-width: none;min-width: 100%;height: 100%;}
.productbox .list ul li h3{display: block;width: 100%;font-size: 16px;color: #fff;white-space: nowrap;text-overflow: ellipsis;line-height: 30px;padding: 20px 10px;background: #0068b3;overflow: hidden;}
.productbox .list ul li:hover h3{background: #e53939;}

.productbox .bg{width: 100%;height: 160px;position: absolute;left: 0;bottom: 0;z-index: 0;background: #fff;}

@media only screen and (max-width:1440px){
.productbox{padding-top: 175px;}
.productbox .list ul li h3{padding: 15px 10px;}
.productbox .bg{height: 135px;}
}
@media only screen and (max-width:1200px){
.productbox{padding-top: 160px;}
.productbox .list ul li h3{padding: 10px 5px;}
.productbox .bg{height: 110px;}
}
@media only screen and (max-width:1024px){
.productbox{padding-top: 125px;}
}
@media only screen and (max-width:768px){
.productbox{padding-top: 55px;}
}
@media only screen and (max-width:480px){
.productbox{padding-top: 40px;}
.productbox .bg{height: 150px;}
}

/* field */
.fieldbox{padding-top: 70px;}
.fieldbox ul{width: 100%;}
.fieldbox ul li{width: 25%;height: 0;padding-bottom: 600px;position: relative;overflow: hidden;background: #1262b3 center no-repeat;background-size: auto 100%;}
.fieldbox ul li .txt{width: 100%;height: 100%;background: rgba(18,98,179,.75);overflow: hidden;padding: 90px 0;color: #fff;position: absolute;left: 0;top: 0;z-index: 5;}
.fieldbox ul li .txt div{width: 80px;padding: 0 20px;position: relative;left: 50%;-webkit-transform: translateX(-50%);-moz-transform: translateX(-50%);transform: translateX(-50%);overflow: hidden;}
.fieldbox ul li .txt div h2{float: left;width: 100%;height: 200px;font-size: 36px;font-weight: 600;line-height: 40px;padding: 0 2px;overflow: hidden;}
.fieldbox ul li .txt div em{width: 3px;height: 80px;background: #fff;position: absolute;left: 0;top: 0;}
.fieldbox ul li .txt div p{float: left;width: 100%;font-size: 18px;line-height: 32px;height: 140px;padding-top: 50px;margin-bottom: 25px;overflow: hidden;opacity: 0;}
.fieldbox ul li .txt div span{float: left;width: 40px;background: #fff url(../images/icon4.png) center no-repeat;border-radius: 20px;line-height: 20px;text-align: center;}
.fieldbox ul li .txt div span a{width: 40px;height: 40px;padding: 10px 20px;display: block;overflow: hidden;color: #006ebe;white-space: nowrap;opacity: 0;text-transform: uppercase;background: #fff;border-radius: 20px;}

.fieldbox ul li.lis{width: 13%;}
.fieldbox ul li.active{width: 61%;}
.fieldbox ul li.active .txt{padding: 160px 0;background: rgba(18,98,179,.35);}
.fieldbox ul li.active .txt div{width: 73%;padding: 0 3%;}
.fieldbox ul li.active .txt div h2{white-space: nowrap;height: 65px;padding: 0;line-height: 1;}
.fieldbox ul li.active .txt div em{height: 90px;top: 0;}
.fieldbox ul li.active .txt div p{height: 110px;padding-top: 0;opacity: 1;-webkit-transition: height .5s ease, padding .5s .5s ease, opacity .8s .5s ease;-moz-transition: height .5s ease, padding .5s .5s ease, opacity .8s .5s ease;transition: height .5s ease, padding .5s .5s ease, opacity .8s .5s ease;}
.fieldbox ul li.active .txt div span{background: none;width: 100%;}
.fieldbox ul li.active .txt div span a{width: 150px;opacity: 1;}
.fieldbox ul li.active .txt div span a:hover{color: #fff;background-color: #e53939;}

@media only screen and (max-width:1800px){
.fieldbox ul li.active .txt div{width: 80%;}
}
@media only screen and (max-width:1440px){
.fieldbox{padding-top: 65px;}
.fieldbox ul li{padding-bottom: 540px;}
.fieldbox ul li .txt div p{height: 100px;margin-bottom: 15px;}
.fieldbox ul li.active .txt{padding: 135px 0;}
.fieldbox ul li.active .txt div{width: 88%;padding-right: 2%;}
}
@media only screen and (max-width:1200px){
.fieldbox{padding-top: 60px;}
.fieldbox ul li{padding-bottom: 480px;}
.fieldbox ul li .txt{padding: 70px 0;}
.fieldbox ul li .txt div p{height: 80px;padding-top: 35px;}
.fieldbox ul li.active .txt{padding: 120px 0;}
}
@media only screen and (max-width:1024px){
.fieldbox{padding-top: 50px;}
.fieldbox ul li{padding-bottom: 420px;}
.fieldbox ul li .txt{padding: 60px 0;}
.fieldbox ul li .txt div{width: 66px;padding: 0 13px;}
.fieldbox ul li .txt div h2{font-size: 30px;height: 170px;line-height: 34px;padding: 0 4px;}
.fieldbox ul li .txt div em{height: 65px;top: 1px;}
.fieldbox ul li .txt div p{height: 70px;margin-bottom: 15px;}
.fieldbox ul li.active .txt{padding: 95px 0;}
.fieldbox ul li.active .txt div{padding-left: 4%;}
.fieldbox ul li.active .txt div h2{height: 55px;}
.fieldbox ul li.active .txt div em{height: 80px;}
.fieldbox ul li.active .txt div p{height: 100px;}
}
@media only screen and (max-width:768px){
.fieldbox ul{flex-wrap: wrap;}
.fieldbox ul li{width: 100%;padding-bottom: 20%;background-size: 160% auto;}
.fieldbox ul li .txt{padding: 0;}
.fieldbox ul li .txt div{width: 90%;position: absolute;left: 5%;top: 50%;padding: 0 1% 0 3%;-webkit-transform: translateY(-50%);-moz-transform: translateY(-50%);transform: translateY(-50%);}
.fieldbox ul li .txt div h2{width: calc(100% - 40px);font-size: 24px;height: 36px;line-height: 36px;padding: 0;}
.fieldbox ul li .txt div em{height: 36px;top: 0;}
.fieldbox ul li .txt div p{width: calc(100% - 40px);height: 0;padding: 0;margin: 0;font-size: 16px;line-height: 1.8;}
.fieldbox ul li .txt div span{width: 36px;float: right;margin-top: -36px;}
.fieldbox ul li .txt div span a{width: 36px;height: 36px;padding: 8px 18px;}
.fieldbox ul li.lis{width: 100%;}
.fieldbox ul li.active{width: 100%;padding-bottom: 60%;}
.fieldbox ul li.active .txt{padding: 0;}
.fieldbox ul li.active .txt div{padding-left: 3%;left: 5%;top: 48%;}
.fieldbox ul li.active .txt div h2{height: 43px;}
.fieldbox ul li.active .txt div em{height: 65px;}
.fieldbox ul li.active .txt div p{height: 70px;width: 100%;}
.fieldbox ul li.active .txt div span{margin-top: 15px;}
.fieldbox ul li.active .txt div span a{width: 140px;}
}
@media only screen and (max-width:480px){
.fieldbox{padding-top: 40px;}
.fieldbox ul li{padding-bottom: 25%;background-size: 188% auto;}
.fieldbox ul li .txt div h2{font-size: 20px;height: 30px;line-height: 30px;}
.fieldbox ul li .txt div p{line-height: 1.6;}
.fieldbox ul li .txt div span{width: 30px;margin-top: -30px;}
.fieldbox ul li .txt div span a{width: 30px;height: 30px;padding: 5px 15px;}
.fieldbox ul li .txt div,
.fieldbox ul li.active .txt div{padding-left: 4%;}
.fieldbox ul li.active{padding-bottom: 70%;}
.fieldbox ul li.active .txt div h2{height: 35px;}
.fieldbox ul li.active .txt div em{height: 55px;}
.fieldbox ul li.active .txt div p{height: 80px;}
.fieldbox ul li.active .txt div span a{width: 130px;}
}

/* news */
.newsbox{padding: 70px 0 80px;}
.newsbox ul{width: 100%;}
.newsbox ul li{width: 53%;max-width: 820px; float: right;position: relative;}

.newsbox ul li .pic{display: none;width: 100%;overflow: hidden;position: relative;z-index: 5;}
.newsbox ul li .pic::after{content: "";width: 100%;height: 100%;position: absolute;left: 0;top: 0;background: rgba(0,0,0,.04);z-index: 5;}
.newsbox ul li .pic a{padding-bottom: 330px;}
.newsbox ul li .pic a img{width: 100%;max-height: none;min-height: 100%;}

.newsbox ul li .txt{width: 100%;padding: 65px 6% 0;position: relative;overflow: hidden;line-height: 30px;color: #666;z-index: 4;}
.newsbox ul li .txt .titl{font-size: 20px;font-weight: 600;}
.newsbox ul li .txt .titl a{display: block;overflow: hidden;white-space: nowrap;text-overflow: ellipsis;}
.newsbox ul li .txt .text{font-size: 15px;padding: 5px 0;overflow: hidden;white-space: nowrap;text-overflow: ellipsis;}
.newsbox ul li .txt .text br{display: none;}
.newsbox ul li .txt .time{width: 100%;position: absolute;left: 6%;top: 35px;font-size: 16px;}
.newsbox ul li .txt .more{width: 100%;padding-bottom: 5px;overflow: hidden;line-height: 25px;}
.newsbox ul li .txt .more a{float: left;font-size: 15px;color: #006ebe;}
.newsbox ul li .txt .titl:hover a{padding-left: 10px;}

.newsbox ul li:hover .txt{background: #006ebe;}
.newsbox ul li:hover .txt .titl a,
.newsbox ul li:hover .txt .time,
.newsbox ul li:hover .txt .text{color: #fff;}

.newsbox ul li.li_1{width: 46%;float: left;max-width: 720px;}
.newsbox ul li.li_1 .pic{display: block;}
.newsbox ul li.li_1 .txt{padding: 65px 0 0;}
.newsbox ul li.li_1 .txt .time{left: 0;}

.newsbox ul li.li_1:hover .pic::after{width: 0;-webkit-transition: all .5s ease;-moz-transition: all .5s ease;transition: all .5s ease;}
.newsbox ul li.li_1:hover .txt{padding: 65px 6% 0;}
.newsbox ul li.li_1:hover .txt .time{left: 6%;}

@media only screen and (max-width:1440px){
.newsbox{padding: 65px 0 70px;}
}
@media only screen and (max-width:1200px){
.newsbox{padding: 60px 0 65px;}
.newsbox ul li .txt{padding: 55px 4% 0 5%;}
.newsbox ul li .txt .titl{font-size: 18px;}
.newsbox ul li .txt .time{left: 5%;top: 25px;}
.newsbox ul li .txt .more{padding: 0;}
.newsbox ul li .pic a{padding-bottom: 300px;}
.newsbox ul li.li_1 .txt{padding-top: 55px;}
.newsbox ul li.li_1:hover .txt{padding: 55px 5% 0;}
.newsbox ul li.li_1:hover .txt .time{left: 5%;}
}
@media only screen and (max-width:1024px){
.newsbox{padding: 50px 0 40px;}
.newsbox ul li,
.newsbox ul li.li_1{width: 100%;max-width: 100%;padding-left: 210px;margin-bottom: 20px;}
.newsbox ul li .pic{width: 205px;position: absolute;left: 0;top: 0;display: block;}
.newsbox ul li .pic a{padding-bottom: 135px;}
.newsbox ul li .txt,
.newsbox ul li.li_1 .txt,
.newsbox ul li.li_1:hover .txt{padding: 50px 1% 0 5%;}
.newsbox ul li .txt .text{padding: 2px 0 3px;}
.newsbox ul li .txt .time,
.newsbox ul li.li_1 .txt .time,
.newsbox ul li.li_1:hover .txt .time{left: 5%;top: 20px;}
.newsbox ul li .txt .more{line-height: 20px;}
}
@media only screen and (max-width:768px){
.newsbox{background: #f5f7f9;}
.newsbox ul li,
.newsbox ul li.li_1{padding: 0;margin-bottom: 15px;}
.newsbox ul li .pic{width: 180px;border: 10px solid #fff;}
.newsbox ul li .pic a{padding-bottom: 120px;}
.newsbox ul li .txt,
.newsbox ul li.li_1 .txt{background: #fff;box-shadow: 0 3px 10px rgba(0,0,0,.1);padding: 40px 10px 10px 190px;min-height: 140px;}
.newsbox ul li.li_1:hover .txt{padding: 40px 10px 10px 190px;background: #006ebe;}
.newsbox ul li .txt .titl{font-size: 16px;}
.newsbox ul li .txt .text{white-space: normal;line-height: 25px;padding: 5px 0 0;font-size: 14px;height: 55px;}
.newsbox ul li .txt .time,
.newsbox ul li.li_1 .txt .time,
.newsbox ul li.li_1:hover .txt .time{left: 190px;top: 10px;}
.newsbox ul li .txt .more{display: none;}
}
@media only screen and (max-width:560px){
.newsbox{padding: 40px 0 35px;}
.newsbox ul li .pic{width: 100%;position: relative;}
.newsbox ul li .pic a{padding-bottom: 50%;}
.newsbox ul li .txt,
.newsbox ul li.li_1 .txt,
.newsbox ul li.li_1:hover .txt{padding: 40px 10px 15px;}
.newsbox ul li .txt .titl{font-size: 18px;}
.newsbox ul li .txt .time,
.newsbox ul li.li_1 .txt .time,
.newsbox ul li.li_1:hover .txt .time{left: 10px;}
.newsbox ul li .txt .text{font-size: 16px;height: auto;}
}
@media only screen and (max-width:425px){
.newsbox ul li .txt .titl{font-size: 16px;}
}

/* links */
.linkbox{line-height: 25px;padding-bottom: 10px;}
.linkbox ul{padding-left: 75px;position: relative;min-height: 25px;}
.linkbox ul p{position: absolute;left: 0;top: 0;font-weight: 600;}
.linkbox ul li{display: inline;padding: 0 5px;}
.linkbox ul li a{white-space: nowrap;}

@media only screen and (max-width:1024px){
.linkbox{display: none;}
}