@charset "utf-8";
/* CSS Document */
/**
 * @description: 网站首页样式
 * @author: ishang_pan
 * @update: ishang_pan (2020-06-16 09:25)
 */

/*主体*/
.is-main{background-color: #f0f0f0;background-image: url(../images/home/bg-big.png);background-repeat: no-repeat;background-position: bottom center;}
.is-main .top-new{height: 125px;background: #fff;text-align: center;padding: 30px 20px;}
.is-main .top-new h4 a{display: block;width: 100%;font-size:32px;color: #333333;padding: 0 10px;overflow: hidden;word-wrap: normal;white-space: nowrap;text-overflow: ellipsis;}
.is-main .top-new h6{padding-top:20px;overflow: hidden;word-wrap: normal;white-space: nowrap;text-overflow: ellipsis;}
.is-main .top-new h6 a{font-size:18px;color: #333;font-weight: 500;}
.is-main .notice{height:54px;background: #fff;overflow: hidden;padding:0 20px;}
.is-main .notice img{width: 135px;padding: 14px 0;}
.is-main .notice .g-special{margin-left: 195px;}
.is-main .notice .g-special ul li{height: 54px;line-height: 54px;width: 25%;float: left;}
.is-main .notice .g-special ul li a{width: 95%;display: block;float: left;color: #333333;font-size: 15px;background: url(../images/home/dian.png)left no-repeat;padding-left: 15px;overflow: hidden;white-space: nowrap;text-overflow: ellipsis;}
.is-main .tempWrap,.is-main .tempWrap .bd ul{height: 54px;}

.img-new{height: 460px;background: #fff;}
.is-main .img-new .left{width: 57.5%;}
.is-main .img-new .left img{width: 100%;height: 460px;}
.is-main .img-new .left p{position: absolute;text-align: left;width: 100%;height: 50px;line-height: 50px;color: #ffffff;font-size: 18px;font-weight: bold;padding: 0 16px;margin: 0;background: rgba(0,0,0,0.4);bottom: 0;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;}
.is-main .img-new .left .swiper-pagination-bullets{bottom: 12px!important;width: auto!important;right: 20px;left: auto!important;}
.is-main .img-new .left .swiper-pagination-bullet {background: #fff;opacity: 1;width: 8px;height: 8px;}
.is-main .img-new .left .swiper-pagination-bullet-active {background: #d20c0c!important;}

.is-main .img-new .right{width: 42.5%;padding: 10px 20px;}
.is-main .img-new .right .m-tabstyle ul li{position: relative;float: left;width: 140px;height: 45px;line-height: 45px;text-align: center;transition: all 0.6s;overflow: hidden;word-wrap: normal;white-space: nowrap;text-overflow: ellipsis;}
.is-main .img-new .right .m-tabstyle ul li a{color:#333333;font-size:20px;font-weight: bold;}
.is-main .img-new .right .m-tabstyle .u-active{background: #d20c0c;padding: 0 15px;border-radius: 4px;}
.is-main .img-new .right .m-tabstyle .u-active a{color: #fff;}
.is-main .img-new .right .m-liststyle{padding: 22px 0;}
.is-main .img-new .right .m-liststyle ul li{height: 40px;line-height: 40px;padding-left: 15px;background: url(../images/home/dian.png) no-repeat left;overflow: hidden;word-wrap: normal;white-space: nowrap;text-overflow: ellipsis;}
.is-main .img-new .right .m-liststyle ul li span{float: right;font-size: 15px;color: #999999;}
.is-main .img-new .right .m-liststyle ul li:hover a{color: #d20c0c;}

.is-main .list-box{height:378px;background: #fff;padding:20px;}
.is-main .list-box .left{width: 33%;}
.is-main .list-box .right{padding-right: 0;padding-left: 15px;}
.is-main .list-box .left h4{font-size:20px;color: #333333;font-weight: bold;}
.is-main .list-box .left .topN2{border-bottom: 1px dotted #cccccc;height: 98px;padding: 12px 0;margin-top: 10px;}
.is-main .list-box .left .pic_box img{width: 99px;height: 74px;}
.is-main .list-box .left .pic_text{width: 67%;margin-left: 20px;}
.is-main .list-box .left .pic_text h6{font-size:16px;overflow: hidden;word-wrap: normal;white-space: nowrap;text-overflow: ellipsis;}
.is-main .list-box .left .pic_text p{color:#666666;font-size:14px;line-height: 24px;margin-top: 8px;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 2;overflow: hidden;}
.is-main .list-box .left .pic-ul li{height: 40px;line-height: 40px;padding-left: 15px;background: url(../images/home/dian.png) no-repeat left;overflow: hidden;word-wrap: normal;white-space: nowrap;text-overflow: ellipsis;}
.is-main .list-box .left .pic-ul li:hover a{color: #d20c0c;}
.is-main .list-box .left .pic-ul li span{float: right;font-size: 15px;color: #999999;}
.is-main .list-box .right .tit-switch ul li+li{padding-left:20px;}


.is-main .ztzl{height: 157px;background: #fff;padding: 20px;}
.is-main .ztzl .bd{overflow: hidden;}
.is-main .ztzl ul li{float: left;margin-right: 9px; width: 281px; height: 117px;}
.is-main .ztzl ul li img{display: block; width: 281px; height: 117px;}
.is-main .ztzl .hd a{position: absolute;display: block;height: 28px;width: 16px;top: -70px;}
.is-main .ztzl .hd .prev{background: url(../images/home/left.png)no-repeat;}
.is-main .ztzl .hd .next{background: url(../images/home/right.png)no-repeat;right: 9px;}
.is-main .ztzl .tempWrap{height: 117px;}

.tabconBox{height:385px;background: url(../images/home/3684576854.png)no-repeat center;padding: 20px;}
.tabconBox .m-liststyle{height: 228px;margin-bottom: 40px;}
.myTab ul li{position: relative;float: left;width: 215px;height: 78px;text-align: center;border-top:4px solid #adadad;transition: all 0.4s;}
.myTab ul li:hover{cursor:pointer}
.myTab ul li+li{margin-left: 20px;}
.myTab ul .u-active{border-top:none;}
.myTab ul .u-active dl{height: 78px;background: #d20c0c;color: #fff;border-top: 4px solid #d20c0c;}
.myTab ul .u-active dl dt .color1 {border-color: transparent transparent #d20c0c;}
.myTab ul .u-active .triangle_border_up {width: 0;height: 0;border-width: 0 10px 10px;border-style: solid;margin: 0px auto;position: absolute;left: 97px;top: -10px;display: block;}
.myTab ul .u-active dl dt i{font-size: 28px;color: #fff;}
.myTab ul li dl dt i{font-size: 28px;color: #adadad;}
.myTab ul li dl{padding: 16px 50px;}
.myTab ul li dl dd{margin-top: 7px;font-size: 18px;margin-left: 10px;}
.tabconBox .left{width: 61%;float: left;}
.tabconBox .left p{font-size:16px;color: #666666;text-indent: 2em;line-height: 38px;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 6;overflow: hidden;}
.tabconBox .right{width: 39%;float: right;padding-left: 50px;}
.tabconBox .right img{width: 100%;height:213px;transition: all .25s ease-in;}
.tabconBox .right img:hover{transform: translateY(-8px);box-shadow: 7px 7px 25px 0px rgb(220 220 220 / 80%);}
.tabconBox .kejiBox{margin-bottom: 40px;}

.enterprise{height:380px;background: #fff;padding: 20px;}
.enterprise h4{font-size:20px;color: #494949;margin-bottom: 20px;}
.enterprise .left,.enterprise .right{width: 50%;}
.enterprise .left img,.enterprise .right .right-sp{transition: all .25s ease-in;}
.enterprise .left img:hover,.enterprise .right .right-sp:hover{transform: translateY(-8px);box-shadow: 7px 7px 25px 0px rgb(220 220 220 / 80%);}
.enterprise .left{padding-right: 15px;}
.enterprise .left img,.enterprise .right img{width: 100%;height:295px;}
.enterprise .right{padding-left: 15px;}
.enterprise .right .right-sp{position: relative;}
.enterprise .right .right-sp p{position: absolute;top: 120px;left: 50px;font-size:34px;color:#105a8f;font-weight: bold;text-align: center;text-shadow: #fff 3px 0 0, #fff 0 3px 0, #fff 3px 0 0, #fff 0 3px 0;}
.enterprise .right .right-sp i{position: absolute;font-size:64px;color: #fff;bottom: 10px;right:30px;}

/*主体结束*/

/*media query*/
/*large pcScreen*/
@media screen and (min-width:1280px) {
	
}

@media screen and (max-width:1280px) {
	.is-main .list-box .left .pic_text{width: 72%;}
	.myTab ul li{width: 204px;}
	.myTab ul li dl {padding: 16px 40px;}
	.is-select .col-md-2 {width: 22%;}
	.is-main .ztzl .hd .next {right: 0px;}
}

/*medium pcScreen lg*/
@media screen and (max-width: 1199px) {
	.myTab ul li {width: 164px;}
	.myTab ul .u-active .triangle_border_up {left: 72px;}
	.myTab ul li dl {padding: 16px 25px;}
}
/*pad md*/
@media screen and (max-width: 991px ){
	.is-main .img-new .left,.is-main .img-new .right{width: 100%;}
	.img-new{height: auto;}
	.m-liststyle {height: auto;margin-bottom: 0;}
	.is-main .list-box{height: auto;}
	.is-main .list-box .left{width: 100%;padding-right:0;}
	.myTab ul li {width: 120px;}
	.myTab ul li dl {padding: 16px 4px;}
	.myTab ul .u-active .triangle_border_up {left: 52px;}
	.enterprise{height: auto;}
	.enterprise .left, .enterprise .right{width: 100%;}
	.enterprise .left {padding-right: 0;}
	.enterprise .right {padding-left: 0;margin-top: 20px;}
	.enterprise .right .right-sp p{display: none;}
	.is-select .col-md-2 {width: 21%;}
	.is-main .list-box .right{padding-left: 0;}
	.enterprise .left img, .enterprise .right img{height: auto;}
}
/*phone sm*/
@media screen and (max-width: 767px) {
	.m-lj{height: auto;}
	.is-select .col-md-2 {width: 40%;}
	.is-main .img-new .left img{height: auto;}
	.is-main .notice img{display: none;}
	.is-main .notice .g-special{margin-left: 0;}
	.tabconBox{display: none;}
	.is-main .top-new h4 a{font-size:26px;}
	.is-main .top-new h6 a{font-size:15px;}
}
@media screen and (max-width: 495px){
	.is-main .list-box .left .pic_text{width: 66%;}
	.m-lj p{display: none;}
	.is-select .col-md-2 {width: 50%;}
}
@media screen and (max-width: 440px){
	.is-main .list-box .left .pic_text{width: 58%;}
}