/* CSS Document */
/*banner*/
.indexbanner_mid{position:absolute; left:0; top:0; width:100%;  height:100%;color:#fff;}
.bannermid_jj{padding:0 5%; margin:0 auto;}
.indexbanner_mid_1{text-shadow:0 0 6px rgba(0,0,0,0.8);font-size:72px; font-family:"SourceHanSansCN"; font-weight: bolder; color:#f18d00; -webkit-text-stroke:2px #fff;letter-spacing:0.1em;margin-bottom:35px;}
.indexbanner_mid_2{text-shadow:0 0 6px rgba(0,0,0,0.6);font-family: "SourceHanSansCN"; font-size:44px; }
.indexbanner{position:relative;
    
margin-top:90px;
    
}
.banner_left{ top:50%; margin-top:-33.5px; z-index:10; left:1%; background-image:url(../images/img31.png); cursor:pointer;position:absolute; width:50px; height:50px; background-position:center; background-repeat:no-repeat; background-size:cover;}
.banner_right{ top:50%; margin-top:-33.5px; z-index:10; right:1%; background-image:url(../images/img32.png); cursor:pointer;position:absolute; width:50px; height:50px; background-position:center; background-repeat:no-repeat; background-size:cover;}
.banner_left:hover{left:3%;}
.banner_right:hover{right:3%;}
@media screen and (max-width:1200px) {
.indexbanner_mid_1{font-size:40px;margin-bottom:15px; font-family:"微软雅黑";}
.indexbanner_mid_2{font-size:26px;}
.banner_left,.banner_right{width:40px; height:40px; margin-top:-20px;}
}
@media screen and (max-width:1080px) {
}
.shoujibanner_img{display:none}
@media screen and (max-width:768px) {
.shoujibanner_img{display:block}
.pcbanner_img{display:none}
.indexbanner{
    
margin-top:68px;
    
}
.indexbanner_mid_1{font-size:36px;margin-bottom:10px; -webkit-text-stroke:1px #fff;}
.indexbanner_mid_2{font-size:22px;}
}
@media screen and (max-width:480px) {
.indexbanner_mid_1{text-shadow:0 0 1px rgba(0,0,0,0.8);font-size:26px;margin-bottom:10px; text-align:center;letter-spacing: 0;}
.indexbanner_mid_2{text-shadow:0 0 1px rgba(0,0,0,0.6);font-size:18px;text-align:center;}
.banner_left,.banner_right{display:none;}
}
@media screen and (max-width:375px) {
.indexbanner_mid_1{font-size:24px;}
}
/*通用*/
.index-section{padding: 60px 0;}
.index-section .tit{font-size:30px; text-align: center; color:#333; margin-bottom:40px;}
@media (max-width: 992px) {
.index-section{padding: 40px 0;}
}
@media (max-width: 768px) {
.index-section{padding: 30px 0;}
.index-section .tit{font-size:20px; margin-bottom:20px; }
}
/*服务*/
.index_part1{ clear:both; }
.index_part1 li{ padding-left:0px; padding-right:0px;position: relative;}
.index_part1 .cover{display:block; position: absolute;top: 0;bottom: 0; right: 0;left: 0; padding-top:10%; padding-left:10%; padding-right:10%; color:#fff;text-align: center;}
.index_part1 .cover .title{font-size:26px;font-weight: normal; color:#f18d00;margin: 20px 0; }
.index_part1 .cover .m_detail{color:#fff; margin:0 auto; font-size:16px; line-height:28px;}
.index_part1 li:hover .title,.index_part1 li:hover .m_detail{filter: progid:DXImageTransform.Microsoft.Alpha(enabled=false);-moz-transform: translateY(0);-ms-transform: translateY(0);-webkit-transform: translateY(0);transform: translateY(0);opacity:1;}
.index_part1 .cover .ico{width:95px; height:95px;margin:66px auto 16px;}
.index_part1 .cover .ico1{background:url(../images/ico1.png) no-repeat center; background-size:100% 100%;}
.index_part1 .cover .ico2{background:url(../images/ico2.png) no-repeat center; background-size:100% 100%;}
.index_part1 .cover .ico3{background:url(../images/ico3.png) no-repeat center; background-size:100% 100%;}
.index_part1 .cover .ico4{background:url(../images/ico4.png) no-repeat center; background-size:100% 100%;}
@media (max-width:1440px) and (min-width:1200px) {
.index_part1 .rect-100 {padding-bottom: 130%;}
}
@media (max-width:1280px) {
.index_part1 .cover{ padding-left:5%; padding-right:5%;}
.index_part1 .cover .ico{width:75px; height:75px; }
.index_part1 .cover .title{font-size:22px;}
.index_part1 .cover .m_detail{ font-size:15px; line-height:24px;}
}

@media (max-width:1200px) {
.index_part1 .cover{ padding-top:5%;}
.index_part1 .cover .m_detail{ display:none;}
}
@media (max-width:768px) {
.index_part1 .cover .ico{width:65px; height:65px; margin-top:30PX; }
.index_part1 .cover{ padding-top:0;}
}
@media (max-width:480px) {
.index_part1 .cover .ico{width:35px; height:35px;margin: 20px auto 10px; }
.index_part1 .cover .title{font-size:15px;}
}
@media (max-width:375px) {
.index_part1 .cover .ico{ margin:15px auto 0px;}
.index_part1 .cover .title{font-size:14px; margin-top:10px;}
}
@media (max-width:320px) {
.index_part1 .cover .ico{width:30px; height:30px;}
}
/*案例*/
.index_part2{clear:both;}
.index_cases_list li{ margin-bottom:20px; }
.index_cases_link { display: block; position: relative; overflow: hidden; }
.index_cases_imge { position: relative; z-index: 1; }
.index_cases_imge img { position: absolute; top: 0; left: 0; width: 100%; height:100%;  }
.index_cases_mask { position: absolute; top: 0; left: 0; right: 0; bottom: 0; z-index: 2; -webkit-transition: 0.5s ease-in-out; -moz-transition: 0.5s ease-in-out; transition: 0.5s ease-in-out; visibility: hidden; opacity: 0; }
.index_cases_view { position: absolute; z-index: 3; top: 0; left: 0; right: 0; bottom: 0; padding: 10%; }
.index_cases_link .fa { display:none; position: absolute; top: 40%; left: 0; right: 0; padding: 0 10%; max-height: 80%; -webkit-transform: translate(0, -50%); -moz-transform: translate(0, -50%); -ms-transform: translate(0, -50%); transform: translate(0, -50%); }
.index_cases_name { display: none; position: absolute; top: 50%; left: 0; right: 0; z-index: 9;color: #fff; font-size: 26px; text-align:center;text-overflow: ellipsis; white-space: nowrap; overflow: hidden; visibility: hidden; opacity: 0; -webkit-transition: 0.5s ease-in-out; -o-transition: 0.5s ease-in-out; transition: 0.5s ease-in-out; -webkit-transform: translate(0, 100%); -moz-transform: translate(50%, 100%); -ms-transform: translate(50%, 100%); transform: translate(50%, 100%); }
.index_cases_link:hover .index_cases_mask { visibility: visible; opacity: 1; background-color: rgba(241, 141, 0, 0.9); height:100%;}
.index_cases_link:hover .fa{ display:block; font-size:36px; text-align:center; color:#fff; visibility: visible; opacity: 1; -webkit-transform: translateX(0); -ms-transform: translateX(0); -o-transform: translateX(0); transform: translateX(0); transition-delay: 0.2s; }
.index_cases_link:hover .index_cases_name { display:block; visibility: visible; opacity: 1; -webkit-transform: translate(0, 70%); -moz-transform: translate(0, 70%); -ms-transform: translate(0, 70%); transform: translate(0, 70%); transition-delay: 0.3s; }
@media (max-width:1280px) {
.index_cases_link .fa { top: 34%; }
}
@media (max-width:1024px) {
.index_cases_name { font-size: 20px; }
}
@media (max-width:480px) {
.index_cases_name { font-size: 18px; }
}
/*关于我们*/
.index_part3{background:url(../images/index_bg1.jpg) no-repeat center center;  padding:85px 0;}
.index_part3 .tit{ text-align:left;}
.index_part3 .title{ font-size:24px; font-weight:600; color:#f18d00; margin-bottom:20px;}
.index_part3 .desc{ font-size:14px; line-height:1.7; margin-bottom:30px; text-transform:uppercase; }
.index_part3 .con{ line-height:32px; margin-bottom:40px; font-size:16px;}
.index_part3 a .more{ font-size:14px; width:120px;border:1px solid #f18d00; color:#f18d00; height:36px; line-height:36px; text-align:center; z-index:20;}
.index_part3 a:hover .more{ background:#f18d00;color:#fff; }
.index_part3_right{float:right;}
.index_part3_right_mid{ padding-top:1.25em; padding-bottom:1.25em;padding-right:1.25em; position:relative;}
.index_part3_right_mid img{position:relative; z-index:10; padding-left:50px;  }
.index_part3_right_mid_bg{ background-position:center; background-repeat:no-repeat; background-size:100% 100%; background-image:url(../images/index_about.png);position:absolute; right:0; top:5%; height:100%; width:100%; }
@media (max-width: 1440px) {
.index_part3_right_mid img{ width:96%; padding-left:0px;}
}
@media (max-width: 1366px) {
.index_part3 .desc{ margin-bottom:20px; }
.index_part3 .con{ line-height:28px; margin-bottom:20px; font-size:16px;}
}
@media (max-width: 1200px) {
.index_part3{ padding:65px 0;}
.index_part3 .tit{ margin-bottom:30px;}
.index_part3 .title{ font-size:20px; margin-bottom:10px;}
.index_part3 .con{ font-size:15px; margin-bottom:10px;}
}
@media (max-width: 768px) {
.index_part3{ padding:40px 0;}
.index_part3{background-size: auto 100%; }
.index_part3 .title{ font-size:18px;}
}
@media (max-width: 425px) {
.index_part3{ background-size: auto 100%;}
}
@media (max-width: 375px) {
.index_part3 .title{ font-size:16px;}
}
/*新闻*/
.index_part4 .index_news { margin-top:30px;}
.index_part4 .index_news .box { padding:10px 0px 25px; }
.index_part4 .index_news .box .title{font-size: 18px;color: #333; font-weight:600; padding:8px 0;overflow: hidden; }
.index_part4 .index_news .box .con{ color: #666; line-height:26px;overflow: hidden; margin-bottom:15px;}
.index_part4 .index_news li:hover .title{ color: #f18d00; }
.index_part4 .index_news .box .more{ padding:5px 10px; border: 1px solid #f18d00; color: #f18d00;height:36px; line-height:36px; text-align:center; }
.index_part4 .index_news li:hover .more{background: #f18d00; border: 1px solid #f18d00; color: #fff;}
.index_part4 .index_news li:first-child {visibility: visible; animation-delay: 0s; animation-name: fadeInUp;}
.index_part4 .index_news li:nth-child(2) {visibility: visible; animation-delay: 0.2s; animation-name: fadeInUp;}
.index_part4 .index_news li:nth-child(3) {visibility: visible; animation-delay: 0.4s; animation-name: fadeInUp;}
.index_part4 .index_news li:nth-child(4) {visibility: visible; animation-delay: 0.6s; animation-name: fadeInUp;}

@media (max-width: 1200px) {
.index_part4 .index_news .box .con{ height:80px;}
}
@media (max-width: 992px) {
.index_part4 .index_news li{ margin-bottom:20px;}
}
@media (max-width: 425px) {
.index_part4 .index_news .box .title{font-size: 15px; text-overflow: ellipsis; white-space:nowrap;}
}