/*首页*/
.announ{background:#efefef;padding:10px 0;line-height: 36px;}
.search{height:36px;position:relative; padding-right:50px;}
.search input{width:100%;height:36px; background: #fff;line-height: 36px;border:1px solid #ddd; border-radius:5px 0 0 5px; padding: 0 10px;}
.search button{width: 50px;height: 100%; position: absolute; top:0; right: 0;border:1px solid #ddd;border-left:0;border-radius:0 5px 5px 0; cursor: pointer;font-size:26px;color:#aaa;}
.search button:hover{background:#fff;}
.announ a{margin:0 5px;}
.title{margin:40px 0 10px 0;}
.title>h2{font-size: 48px;line-height:50px;color: #dc0000;text-align: center;}
.title>h3{font-size: 26px;line-height: 40px;text-align: center;color: #434343;}
.title>h3>.line{display: inline-block;width:20%;height: 1px;margin:0 20px 8px 20px;background: #cecece;}
.tab{margin-top:30px;text-align: center;}
.tab>a{padding: 0 16px;height: 38px;line-height: 38px;background: #fff;border: 1px solid #ccc;font-size: 16px;display: inline-block;margin: 10px;transition: all .5s;}
.tab>a:hover{background:#dc0000;color:#fff;transition: all .5s;}
.listPic{margin-top:20px;}
.listPic>li{width:23.5%; margin-right:2%;float: left;margin-bottom: 20px;border: 1px solid #f0f0f0;transition: all .5s; background: #fff;}
.listPic>li:nth-child(4n){margin-right:0;}
.listPic>li img{width:100%;height:210px;}
.listPic>li h3{font-size: 16px;line-height:46px;text-align: center;font-weight: normal;color:#333;}
.listPic>li:hover{box-shadow: 0 4px 8px 0 rgba(0,0,0,0.3);border-color: #dc0000;background: #dc0000;transform: translateY(-5px);}
.listPic>li:hover h3{color:#fff;}
.more{position:relative; border-bottom:1px solid #ddd;height:20px;margin:30px 0 40px 0;}
.more>a{position: absolute; left: 50%; top:0;font-size: 16px;line-height:46px;width:200px;text-align:center; margin-left: -100px;
    transition: all .5s;background:#fff;border:1px solid #ddd;}
.more>a:hover{border-color: #dc0000;background: #dc0000;color:#fff;}
.index_slip{width: 100%;margin-top:80px;background: url(../images/ixbannerbg.png) no-repeat center center; }
.index_slip>.container{position:relative;height: 200px;padding:20px 0;}
.index_slip>.container>.img{position: absolute;left: 0;bottom:0;width:40%;}
.index_slip>.container>.img>img{display: block;}
.index_slip>.container>.tit{padding-left:40%;}
.index_slip>.container>.tit>h3{font-size:42px;line-height:60px;font-weight:normal;color: #fff;white-space:nowrap;}
.index_slip>.container>.tit>p{margin-top: 20px;font-size: 20px;color: #fff;}
.index_slip>.container>.tit>h4{font-size: 30px;line-height:60px;color: #fff;white-space: nowrap;}
.yellow{color: yellow;}
.linebox{height: 60px;margin:70px 0;border: 3px solid #d9d9d9; position: relative;}
.linebox>p{position: absolute;top: -35px;left: 125px;height: 50px;padding:0 10px;font-size:24px; background: #fff;}
.linebox>p>em{font-size:36px;color: #B1B1B1;}
.linebox>h2{position: absolute;font-size: 50px;color: #dc0000;padding:0 10px;display: block;top: 20px;left: 35px;text-align: center;background: #fff;}
.ad_list>li{margin-bottom: 20px;}
.ad_list>li>img{width:45%;height:300px;}
.ad_list>li>.column{width:55%}
.ad_list>li>.column.fl{padding-right:20px; }
.ad_list>li>.column.fr{padding-left:20px; }
.ad_list>li>.column>.shu{width: 60px;text-align: center;height: 60px;background: #dc0000;border-radius: 10px;color: #fff;font-size: 46px;line-height: 60px;}
.ad_list>li>.column>h3{font-size: 28px;color: #dc0000;line-height: 1.5;padding-top: 20px;font-weight: bold;text-align: center; border-top: 1px dashed #b2b2b2;width: 100%;margin-top: 20px;}
.ad_list>li>.column>p{font-size: 16px;padding-top: 20px;text-align: justify;line-height: 28px;}
#about .tit>h2{font-size: 78px;color: #dedede;line-height: 1.0;font-weight: normal;margin-top:20px;}
#about .tit>h3{font-size: 35px;color: #000;line-height: 1.0;}
#about .tit>p{font-size:19px;}
.aboutUS{margin:30px 0;}
.aboutUS>.img{width:40%;height: 350px;float:left;}
.aboutUS>.fr{width:60%;padding-left:25px;}
.aboutUS>.fr>p{font-size: 16px;line-height: 1.7;}
.aboutUS>.fr>p>a{display: inline-block;height: 43px;font-size: 16px;line-height: 43px;padding: 0 38px;text-align: center;color: #434343;margin-left: 20px;background: #fff;border: 1px solid #b7b7b7;}
.aboutUS>.fr>p>a:hover,.scrolllist>a:hover,.photo>a:hover{border-color: #dc0000;background: #dc0000;color:#fff;}
/*------图片滚动---*/
.scrolllist {width:100%;position: relative;height:140px;}
.h-about{height: 250px;}
.scrolllist>.iconfont,.photo>.iconfont{position: absolute;left: -60px;top:36%;z-index:999;cursor: pointer; width:42px; height:42px;;border-radius:50%; background: #ddd; color:#fff; text-align: center; font-size: 30px; line-height: 42px;}
.scrolllist>.icon-next,.photo>.icon-next{right:-60px;left: unset;}
.scrolllist .imglist {width:100%;height:120px;overflow: hidden;float: left;position: relative;}
.scrolllist .imglist ul {width: 20000px;position: absolute;left: 0;top: 0; margin:0;height:120px;}
.scrolllist .imglist li{max-width:280px; height:100%;float: left;margin-right: 20px; position: relative;cursor: pointer; display: flex;text-align: center; justify-content: center;}
.scrolllist .imglist li:after{content:"";position:absolute; right:0;top:0;width:1px;height:100%;}
.scrolllist .imglist li img{max-width:100%; max-height:100%;}
.scrolllist .imglist li p{line-height:20px;font-size:16px;text-align:center;}
.about-menu{text-align: center;}
.about-menu>a{ font-size:16px; line-height: 40px; padding: 0 30px; background: #f3f3f3; margin: 0 10px; display: inline-block; cursor: pointer; color: #333;}
.about-menu>a:hover,.about-menu>a.on{background: #dc0000; color: #fff;}
/*案例*/
#case{background: #f4f4f4; padding:10px 0 30px 0;margin:30px 0;}
.photo{position: relative;margin-top:40px;}
.photo .swiper-slide{float: left; width:24%; margin-right: 2%;}
.photo .swiper-slide img{height:180px;}
.photo>.iconfont{z-index: 999;}
.photo .swiper-slide p{line-height:40px;font-size:16px;text-align:center;}
.listService{margin:30px 0;}
.listService>li{float:left;width: 12.5%; text-align: center;}
.listService>li>.img{width: 100px;height: 100px;margin: 0 auto;border:3px solid #666; cursor:pointer;border-radius: 50%;transition: all .5s; display: flex;align-items: center;justify-content: center;}
.listService>li>.img>img{width: 65px;transition: all .5s;}
.listService>li>p{font-size: 16px; line-height: 32px;white-space: nowrap;}
.listService>li>.img:hover>img {-webkit-transform: rotate(360deg);transform: rotate(360deg);}
/*新闻*/
.news{margin:30px 0;}
#news>.container>.fl{width:70%; padding-right:40px;}
#news>.container>.fr{width:30%;}
.news .tit{line-height: 22px; border-bottom: 1px solid #ddd; padding: 10px 0;margin-bottom: 20px;overflow: hidden;}
.news .tit>h3{font-size: 20px; border-left:4px solid #dc0000; padding: 0 10px; color: #dc0000;float: left;}
.news .tit>a{float:right;margin-right:10px;}
.news .tit>a:hover{margin-right:0;}
#newsImg{width:55%; position: relative;height: 300px;}
#newsImg>.iconfont{position: absolute;left:0;top:43%;z-index:9;cursor: pointer; width:24px; height:42px; background:rgba(0,0,0,.5); color:#fff;font-size: 30px;display: flex;align-items: center;justify-content: center;}
#newsImg>.icon-next{right:0;left: unset;}
#newsImg img,#newsImg .swiper-slide{height: 300px; width: 100%;}
#newsImg .swiper-slide a{display: block;position: relative;}
#newsImg .swiper-slide p{position: absolute;left: 0;bottom: 0; text-align: center; font-size: 16px; color: #fff; width:100%; line-height:30px; background: rgba(0,0,0,.8);z-index: 9;}
.newsList.fr{width:45%;padding-left: 20px;}
.newsList>li{border-bottom: 1px dashed #eee; line-height:42px; font-size:16px;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;}
.newsList>li span{float: right; color:#999;margin-left:10px; font-size: 12px;}
.newsList>li a:hover{color:#dc0000;}
.article{padding: 20px; font-size: 16px; line-height: 28px; color: #333;}
.article p{margin-bottom:15px;}
#news2>.container>.fl{width:30%;margin-right: 5%;}
#news2>.container>.fr{width:30%;}
.pic3>li{width: 30%; margin-right: 5%;}
.pic3>li:nth-child(4n){margin-right:5%;}
.pic3>li:nth-child(3n){margin-right:0;}
.pic3>li img{width:100%;height:210px;}
@media (max-width:1200px) {
    .index_slip>.container>.tit>h4{white-space:normal; line-height: 36px; text-align: center;}
    .listService>li>.img {width:90px;height:90px;}
    .listService>li>.img>img {width:55px;}
    .listPic>li img {height:175px;}
    .photo .swiper-slide img {height: 230px;}
}
@media (max-width:1024px) {
    .index_slip>.container>.tit>h3 {font-size:3.8vw;}
    .listPic>li img {height:132px;}
    .listPic>li h3{line-height: 36px;}
    .photo .swiper-slide img {height:175px;}
    .listService>li>.img {width:10vw;height:10vw;}
    .listService>li>.img>img {width:6vw;}
}
@media (max-width:768px) {
    .index_slip>.container>.tit>h3 {font-size:26px;}
    .scrolllist>.iconfont,.photo>.iconfont{left: -10px;}
    .scrolllist>.icon-next,.photo>.icon-next{right:-10px; left: unset;}
    .listPic>li,.listPic>li:nth-child(4n){width: 32%;margin-right:2%;}
    .listPic>li:nth-child(3n){margin-right: 0;}
    .listPic>li img {height:150px;}
    .linebox>h2{font-size: 36px;}
    .linebox>p{font-size: 16px;left:50%;top:-10px;margin-left:-230px;}
    .linebox>p>em{font-size:20px;}
    .ad_list>li>.column>.shu{width: 50px; height: 50px;font-size:36px;line-height:50px;}
    .ad_list>li>.column>h3{padding-top:10px;margin-top: 10px;}
    .ad_list>li>.column>p{padding-top: 10px;}
    .ad_list>li>img{height: 250px;}
    .index_slip{margin-top:30px;}
    .linebox{margin:40px 0;}
    .index_slip>.container>.tit>p{margin-top: 10px;}
    .aboutUS>.img,.aboutUS>.fr{float: none; width: 100%; padding: 0; height: auto;}
    .aboutUS>.img{text-align: center;}
    .aboutUS>.img img{max-width: 50%;}
    #news>.container>.fl,#news>.container>.fr,#news2>.container>.fl,#news2>.container>.fr{float: none; width: 100%; overflow:hidden;padding: 0; margin-bottom: 20px; margin-right: 0;}
}
@media (max-width:567px) {
    .announ .fl, .announ .fr {float: none;}
    .title {margin:30px 0 0 0;}
    .tab > a {margin: 6px;}
    .listPic>li,.listPic>li:nth-child(3n),.listPic>li:nth-child(4n){width:49%;margin-right:2%;}
    .listPic>li:nth-child(2n){margin-right: 0;}
    .listPic>li img {height:120px;}
    .pic3>li img{;height:120px;}
    .linebox>h2{font-size: 36px;}
    .index_slip>.container>.tit{padding:0 0 50px 0; text-align: center;}
    .index_slip>.container{height:auto;}
    .index_slip>.container>.tit>h3{line-height: 40px;}
    .index_slip>.container>.tit p>b,.linebox>p>em{display: block;}
    .linebox>h2,.linebox>p{left: 0;margin:0 20px;}
    .linebox{height: 100px;margin-bottom: 60px;}
    .linebox>h2{top:40px;}
    .ad_list>li>img,.ad_list>li>.column.fr,.ad_list>li>.column.fl{float: none;width: 100%;}
    .ad_list>li>.column>.shu{margin: 15px auto;}
    #about .tit{text-align: center;}
    .aboutUS>.img img{max-width: 100%;}
    .aboutUS>.fr>.t_right{text-align: center;}
    .photo .swiper-slide{width: 220px;}
    .listService>li{width:25%;}
    .listService>li>.img {width:18vw;height:18vw;}
    .listService>li>.img>img{width:12vw;}
    .listService{margin-bottom: 0;}
    #newsImg,.newsList.fr {width: 100%; float: none; padding: 0;}
    .article{padding: 20px 0;}
}