﻿/*公共样式*/
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,input,textarea,p,th,td{margin:0;padding:0;}
body{word-break: break-all;font: 12px/1.5 "microsoft yahei",sans-serif,tahoma,arial,'Hiragino Sans GB','SimSun',sans-serif;}
button,img{display:block;border:0;}
img{vertical-align:center;}
li,ul{list-style:none;}
i{ font-style:normal;}
a{ text-decoration:none;}
input,textarea{padding:2px;}
input,textarea,a,button{outline:none;}
/*font*/
em,strong,i{font-style:normal;font-weight:normal;}
/* table */
table{border-collapse:collapse;border-spacing:0;}
label{display:block;}
.clearfix{zoom:1;}  
.clearfix:after{display: table;clear: both;content: "";}  
.center{position: relative; top: 50%; transform: translateY(-50%);}
.flex{display: flex}
.flex1{flex:1;overflow: hidden;}
.flex2{flex:2;}
/* 首页轮播 */
.swiper-container {width: 100%;}
.swiper-container-index {max-height:938px;}
.swiper-container-page{max-height:445px;margin-top:120px;}
.swiper-container .swiper-slide img{width:100%;min-height:100%;}

.swiper-container-server{max-height:337px;overflow: hidden}
.swiper-container-case{max-height:445px;overflow: hidden;padding-bottom:50px;}
.swiper-container-case .swiper-pagination-bullet{width: 21px;height: 5px;opacity: 1;border-radius: 0;background: #a0a0a0;}
.swiper-container-case .swiper-pagination-bullet-active{background: #e50012}
/* 导航 */
.navbarbox{position: absolute;z-index: 999;background: rgba(255,255,255,0.67);width:100%;top:0}
.navbar{float:right;}
.navbar ul{display: flex;}
.navbar ul li{width:120px;height:120px;display: flex;align-items: center;justify-content: center;text-align: center;border:1px solid #dcdddd;margin-left:-1px;margin-top:-1px;}
.navbarbox-page{position: fixed}
.navbar ul li a{color:#333;font-size:18px;}
.navbar ul li a>div{padding:3px 0}
.navbar ul li a .smalltitle{font-size:12px;}
.navbar ul li.navbaraction,.navbar ul li:hover{background:#e50012}
.navbar ul li:hover a,.navbar ul li.navbaraction a{color:#fff}
.index{height:938px;}
.index1{background: url(../images/index-content.jpg) no-repeat;position: relative}
.index4{background: url(../images/index-content4.jpg) no-repeat;}
.logo{padding:20px;float:left}

.index .index-content-icon .title{padding:150px 0 30px 0}
.index .index-content-icon .title img{display:block;margin:0 auto;}
.index-content-icon .dl_content .dl_content_box > dl{display: flex;justify-content:center;}
.index-content-icon .dl_content .dl_content_box > dl dd{width:192px;height:259px;display: flex;margin:0 14px;align-items: center;justify-content: center;font-size:16px;text-align: center;}
.index-content-icon .dl_content .dl_content_box > dl dd .text{color:#333;margin-top:14px;}
.index-content-icon .dl_content .dl_content_box > dl dd .iconbox{width:149px;height:149px;border-radius: 50%;box-shadow: 0 0 5px 5px rgba(0,0,0,.06);}
.index-content-icon .dl_content .dl_content_box > dl dd .iconbox1{background:url(../images/index-content-1-1.png) no-repeat center center #fff;}
.index-content-icon .dl_content .dl_content_box > dl dd .iconbox2{background:url(../images/index-content-2-1.png) no-repeat center center #fff;}
.index-content-icon .dl_content .dl_content_box > dl dd .iconbox3{background:url(../images/index-content-3-1.png) no-repeat center center #fff;}
.index-content-icon .dl_content .dl_content_box > dl dd .iconbox4{background:url(../images/index-content-4-1.png) no-repeat center center #fff;}
.index-content-icon .dl_content .dl_content_box > dl dd .iconbox5{background:url(../images/index-content-5-1.png) no-repeat center center #fff;}
.index-content-icon .dl_content .dl_content_box > dl dd .iconbox6{background:url(../images/index-content-6-1.png) no-repeat center center #fff;}
.index-content-icon .dl_content .dl_content_box > dl dd .iconbox7{background:url(../images/index-content-7-1.png) no-repeat center center #fff;}
.index-content-icon .dl_content .dl_content_box > dl dd:hover{background:#e50012;}
.index-content-icon .dl_content .dl_content_box > dl dd:hover .text{font-size: 18px;color:#fff;font-weight: bold}
.index-content-icon .dl_content .dl_content_box > dl dd:hover .iconbox{box-shadow: 0 0 5px 5px rgba(0,0,0,0);}
.index-content-icon .dl_content .dl_content_box > dl dd:hover .iconbox1{background:url(../images/index-content-1.png) no-repeat center center;}
.index-content-icon .dl_content .dl_content_box > dl dd:hover .iconbox2{background:url(../images/index-content-2.png) no-repeat center center;}
.index-content-icon .dl_content .dl_content_box > dl dd:hover .iconbox3{background:url(../images/index-content-3.png) no-repeat center center;}
.index-content-icon .dl_content .dl_content_box > dl dd:hover .iconbox4{background:url(../images/index-content-4.png) no-repeat center center;}
.index-content-icon .dl_content .dl_content_box > dl dd:hover .iconbox5{background:url(../images/index-content-5.png) no-repeat center center;}
.index-content-icon .dl_content .dl_content_box > dl dd:hover .iconbox6{background:url(../images/index-content-6.png) no-repeat center center;}
.index-content-icon .dl_content .dl_content_box > dl dd:hover .iconbox7{background:url(../images/index-content-7.png) no-repeat center center;}

/* 查看更多 */
.index-more{justify-content: center;margin-top:20px;}
.index-more a{color:#e70719;border-radius: 50px;border:1px solid #e70719;padding:6px 20px;margin:0 auto;font-size:16px;}

.index-content-icon .flexbox{justify-content: center;}

.index-content-icon .flexbox img{width:100%;}
.index-content-icon .flexbox .box{overflow: hidden;}
.index-content-icon .flexbox .boxleft{width:370px;height:382px;}
.index-content-icon .flexbox .boxleft img{width:100%;min-height:382px;}
.index-content-icon .flexbox .boxmiddle{width:572px;height:384px;flex-direction:column}
.index-content-icon .flexbox .boxright{width:245px;height:376px;flex-direction:column}
.index-content-icon .flexbox .boxright img,.index-content-icon .flexbox .boxmiddle img{min-height:190px;}
.index-content-icon .flexbox .pic{padding:2px;overflow: hidden;}
.index-content-icon .flexbox .boxright .pic{max-height:50%}

.index-news-con{background: #fff;padding:24px;max-width:1128px;margin:0 auto}
.index-newslist ul li{border-bottom:1px solid #eee;padding:25px 0;height:66px;}
.index-newslist ul li a{color:#333;font-size:14px;}
.index-newslist ul li a .data{text-align: center;flex-direction: column;width:76px;justify-content: center;margin-right:10px;}
.index-newslist ul li a .data .day{font-weight: bold;font-size:24px;}
.index-newslist ul li a .data .year{font-size:12px;}
.index-newslist ul li a .tit{font-weight: bold;font-size:16px;}
.index-newslist ul li a .txt{color:#888}

.index-newslist ul li a:hover .data{background: #e50012;box-shadow: 0 0 3px 3px rgba(0,0,0,.08);color:#fff}
.index-newslist ul li .con{flex-direction: column;justify-content: center;}

.index4-content{padding-right:24px;}
.index4-content .video{width:100%;background: #eee;height:300px;}
.index4-content .video-text{font-size:14px;color:#777;margin-top:20px;}

.index-more-top{margin-top:50px;}

.footer{max-width:1180px;margin:0 auto;justify-content: space-between;padding:60px 0}
.footer .copy{color:#898989;line-height: 24px;margin-top:18px;}
.footer .dllist dl{margin-right:100px;}
.footer .dllist dl dt{font-size:16px;color:#333;margin-bottom:20px;}
.footer .dllist dl dd{line-height: 28px;}
.footer .dllist dl dd a{color:#898989;font-size:14px;}
.footer .weix{border:1px solid #d2d2d2;padding:22px;align-items: center;text-align: center;font-size:14px;color:#898989}
.footer .weix .left{margin-right:22px;}
.footer .weix .weixbox{width:105px;height:105px;background:#d2d2d2;margin-bottom:7px;}
.footer .weix .weixbox img{width:100%;min-height: 100%}

/* 案例列表 */
.pagelist{max-width:1200px;margin:0 auto;}
.pagelist ul.pagelist-ul li{float: left;width:380px;padding:10px;}
.pagelist ul.pagelist-ul li .pic{overflow: hidden;height:271px;width:100%}
.pagelist ul.pagelist-ul li a{color:#333;font-size:14px;text-align: center;}
.pagelist ul.pagelist-ul li a img{width:100%;min-height:100%;}
.pagelist ul.pagelist-ul li a span{display: block;margin-top:10px;}

.pagelocalhost{padding:40px 10px 20px 10px;}
.pagelocalhost dl dd{float:left;margin-right:10px;}
.pagelocalhost dl dd a{color:#666;font-size:14px;}
.pagelocalhost .pagelocalhostaction{color:#e50012}

.paging{justify-content: center;margin:50px 0;}
.paging ul li{display: inline-block}
.paging ul li a{color:#333;width:34px;height:34px;line-height:34px;text-align: center;display: inline-block}
.paging ul li a.pagingaction,.paging ul li a:hover{background:#9a0000;color:#fff;border-radius:5px;}
.paging .icon{align-items: center;justify-content:center;width:34px;}

.pagecontent{max-width:1180px;margin:0 auto;font-size:14px;color:#5f5f5f;padding:30px 0 50px 0;}
.pagecontent .title{color:#9a0000;text-align: center;font-weight: 400}
.pagecontent .bottom{text-align: right;margin-top:20px;}
.pagecontent .data{border-bottom:2px solid #b2b2b2;text-align: right;color:#6b6b6b;padding:20px 0}
.pagecontent .summary{background: #e6e6e6;color:#5f5f5f;padding:10px;line-height: 26px;margin:26px 0;}
.pagecontent p{margin:20px 0}
.pagecontent img{max-width:100%;margin:0 auto !important;}
.pagevideo{width:75%;margin:0 auto;}
.video{max-width:100%;}

/* 服务 */
.server{background: #f8f8f8;padding-right:80px;}
.server .left{padding: 4%;font-size:16px;}
.server > div{width:50%;overflow:hidden;}
.server > div img{width:100%}
.server .left .title{font-size:28px;position: relative;margin-bottom:50px;}
.server .left .title::after{display: block;content:'';height:1px;width:33px;position: absolute;left:0;top:55px;;background: #000;}
.server .left .summary{line-height: 26px;}
.server .left .serverlist{padding:10% 5%;justify-content: space-between}
.server .left .serverlist dl{width:350px;}
.server .left .serverlist dl dd a{color:#b5b5b6;}
.server .left .serverlist dl dd{background: url(../images/serverlist.png) no-repeat left center;padding-left:35px;margin-bottom:30px;}

.newspagelist{max-width:1180px;margin:80px auto 0 auto;}
.newspagelist ul li{padding:20px;box-shadow: 0 0 20px 5px rgba(0,0,0,.15);margin-bottom:75px;position: relative}
.newspagelist ul li::before{display: block;content:'';width:94%;left:50%;margin-left:-47%;height:1px;position: absolute;bottom:0;bottom:-38px;background: #e2e2e2}
.newspagelist ul li .pic{width:276px;height:182px;overflow:hidden}
.newspagelist ul li .pic img{width:100%;min-height:100%}
.newspagelist ul li a{color:#939393;display: block}
.newspagelist ul li .text{margin:0 20px 20px 29px;width:100% }
.newspagelist ul li .text h2{color:#333;margin-bottom:10px;font-size:24px;font-weight:400}
.newspagelist ul li .text .txt{font-size:16px;line-height: 24px;color:#939393;margin-top:18px;height:48px;overflow: hidden;}
.newspagelist ul li .text .data{margin-top:34px;justify-content: space-between}

.about{padding-top:160px;/* max-width:1600px; */padding-left: 4%;font-size:16px;color:#878787;line-height:36px;padding-right: 4.3%;}
.about .title{border-bottom:2px solid #e2e2e2;padding-bottom:10px;margin-bottom:20px;}
.about .title .tit{font-size:20px;color:#454546;margin-right:10px;}
.about .text{margin-bottom:40px;}
.about .map,.about .con{flex: 1}
.about .map{margin-right:50px;display: flex;align-items: center;}
.about .map img{max-width:98%}

.actGotopbox{position:fixed;_position:absolute;bottom:100px;right:0;width:70px;display: none;}
.actGotopbox a{outline:none;font-size:14px;color:#fff;}
.actGotopbox .box{background:#e50012;}
.actGotopbox .box img{margin:0 auto;margin-bottom:10px;}
.actGotopbox .box1{margin-bottom:1px;position: relative}
.actGotopbox .box1 .box-phone{width:140px;transition:right .8s;z-index:-1;position:absolute;font-size:20px;color:#fff;background: #e50012;height:95px;padding:0 20px;right:-130px;display: flex;align-items: center;}
.actGotopbox .box2 .box-phone{transition:right .8s;z-index:-1;position:absolute;color:#fff;height:95px;right:-100px}
.actGotopbox .box2 .box-phone img{height:93px;margin-top:2px;}
.actGotopbox .box1:hover .box-phone{right:70px;}
.actGotopbox .box2:hover .box-phone{right:80px;}
.actGotopbox .actGotop{background: #939393}
.actGotopbox .flex{justify-content: center;align-items: center;padding:16px 0}
.actGotopbox .flex1{padding:0;position: relative}
.actGotopbox .flex1 a{display: block;width:24px;height:24px;position: absolute;top:0;left:50%;margin-left:-12px;}


/*分页*/
.right_news .news_page{text-align: center;margin-top: 15px;}
.right_news .news_page li{margin: 10px 10px;font-size: 12px;display: inline-block;}
.right_news .news_page .page_li span{margin-right: 5px;font-size: 12px;cursor: pointer;color: #5a5a5a;}
.right_news .news_page .page_li .now_page{color: #3366FF;}
.right_news .news_page .all_page span{margin: 0 4px;font-size: 12px;}
.right_news .news_page .to_page input{border: 1.5px solid #dddcdd;margin: 0 5px;width: 30px;text-align: center;font-size: 12px;}
.right_news .news_page .sure{margin-right: 0;}
.right_news .news_page .sure img{vertical-align: middle;}
.right_news .news_page .paging ul li a{width: 100%!important;}

@media screen and (max-width:1200px){
    .logo img{width:400px;}
    .navbar ul li{width:100px;height:100px;}
    .swiper-container-page{margin-top:100px;}
}

@media screen and (max-width:992px){
    .logo img{width:260px;}
    .navbar ul li{width:80px;height:80px;}
    .navbar ul li a{font-size:16px;}
    .swiper-container-page{margin-top:81px;}
}