@charset "utf-8";
/* CSS Document */

.swiper-container-banner{height: 680px;}
.swiper-container-banner .swiper-slide a{display:block;width:100%;height:100%;}
@media (max-width:1440px) {
.swiper-container-banner{height: 585px;}
}
@media (max-width:1366px) {
.swiper-container-banner{height: 555px;}
}
@media (max-width:1280px) {
.swiper-container-banner{height: 520px;}
}
@media (max-width:1024px) {
.swiper-container-banner{height: 420px;}
}
@media (max-width: 768px) {
.swiper-container-banner{height: 300px;}
}
@media (max-width: 425px) {
.swiper-container-banner{height: 223px;}
.swiper-button-next, .swiper-button-prev{ width:20px!important; height:33px!important; background-size:20px 33px!important;}
}
@media (max-width: 375px) {
.swiper-container-banner{height: 202px;}
}
@media (max-width: 320px) {
.swiper-container-banner{height: 180px;}
}
.index-section{padding:80px 0;}
.index-section-white{background: #FFF;color:#333;}
.section-title{margin-bottom: 30px;text-align: center;}
.section-title h2{font-size: 36px;color:#333; }
.section-title p{font-size: 24px;color:#666;padding: 10px 0;}
.index-section-white .section-title h2{color:#FFF;}
.index-section-white .section-title p{color:#FFF;}
@media (max-width:1024px) {
.index-section{padding:50px 0;}
.section-title h2{font-size:26px;}
.section-title{margin-bottom:20px;}
}
@media (max-width: 768px) {
.index-section{padding:40px 0;}
.section-title{margin-bottom:0px;}
.section-title h2{font-size:22px;}
.section-title p{font-size: 20px; }
}

/*index_part1**/
.index_part1 { padding-bottom:50px;}
.index_part1 .swiper-container-pro2{height:380px;}
.index_part1 .swiper-pagination-bullet {width: 10px;height: 10px; border-radius: 10px; background: #666;}
.index_part1 .swiper-pagination-bullet-active {background: #f98a13;}
.index_part1 .projectitem { margin-bottom:30px; }
.index_part1 .projectitem a .projectitem_wrapper{height:330px; display: block;overflow: hidden}
.index_part1 .projectitem a img { position:relative; width: 100%; height:234px; overflow:hidden;transition: all 0.6s cubic-bezier(0.215, 0.61, 0.355, 1) 0s;}
.index_part1 .projectitem a:hover img {transform: scale(1.2, 1.2)}
.index_part1 .projectitem a .project_info {width: 100%;height: 100%;position: absolute;left: 0;bottom: 0;transition: all ease-out .3s;}
.index_part1 .projectitem a .project_info div {position: relative;top: 72%; padding:8px 0; transition: all 0.6s cubic-bezier(0.215, 0.61, 0.355, 1) 0s; width:100%; background:#fff; }
.index_part1 .projectitem a .project_info p { width:auto; text-align:left; padding-left:10px;}
.index_part1 .projectitem a .project_info .title { font-size: 16px; color: #666; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; line-height:30px;}
.index_part1 .projectitem a .project_info .subtitle { color:#b7b7b7; font-size:13px; font-family:Arial, Helvetica, sans-serif; display: block;line-height:24px; overflow: hidden;white-space: nowrap;text-overflow: ellipsis; text-transform:uppercase; padding-bottom:20px; }
.index_part1 .projectitem a .project_info div:after { content:''; width:37px; height:20px; display:block; position:absolute; top:50%; right:2px; background: transparent url(../images/icon.png) no-repeat -30px -66px; transition: all 0.3s ease-out 0s; margin-top:-11px; border-left: 1px solid rgba(0, 0, 0, .0); }
.index_part1 .projectitem a .project_info div::before {content:'';position:absolute;width:100%;height: 76%;border-bottom: 1px solid rgba(0, 0, 0, .1);left:0;}
.index_part1 .projectitem:hover a .project_info div::before {border-bottom: 1px solid rgba(0, 0, 0, .4)}
.index_part1 .projectitem:hover a .project_info div:after { background: url(../images/icon.png) no-repeat 16px -66px; border-left:1px solid rgba(0, 0, 0, .1); }
@media only screen and (max-width:1200px) {
.index_part1 .swiper-container-pro2{height:330px;}
.index_part1 .projectitem { margin-bottom:0px;}
.index_part1 .projectitem a .projectitem_wrapper{height:300px; display: block;overflow: hidden}
.index_part1 .projectitem a img { width: 100%; height:230px;}
.index_part1 .projectitem a .project_info div { top: 65%;}
.index_part1 .projectitem a .project_info div:after { background: transparent url(../images/icon.png) no-repeat -20px -66px; width:30px;}
.index_part1 .projectitem a .project_info p { padding-left:0px;}
}
@media only screen and (max-width:992px) {
.index_part1 { padding-bottom:30px;}
.index_part1 .swiper-container-pro2{height:310px;}
.index_part1 .projectitem a .projectitem_wrapper{height:285px; display: block;overflow: hidden}
.index_part1 .projectitem a img { width: 100%; height:208px;}
}
@media only screen and (max-width:768px) {
.index_part1 .projectitem { margin-bottom:0px;}
.index_part1 .swiper-container-pro2{height:320px;}
.index_part1 .projectitem a .projectitem_wrapper{height:310px; }
.index_part1 .projectitem a img {height:260px;}
}
@media only screen and (max-width:767px) {
.index_part1 .projectitem { margin-bottom:0px;}
.index_part1 .projectitem a .projectitem_wrapper{height:320px; }
.index_part1 .projectitem a img {height:245px;}
}
@media only screen and (max-width:425px) {
.index_part1 .projectitem a .project_info div { top: 68%;}
.index_part1 .projectitem { margin-bottom:0px;}
.index_part1 .swiper-container-pro2{height:300px;}
.index_part1 .projectitem a .projectitem_wrapper{height:300px; }
.index_part1 .projectitem a img {height:240px;}
.index_part1 .projectitem a .project_info .title { font-size: 15px; line-height:32px;}
.index_part1 .projectitem a .project_info .subtitle { display:none;}
}
@media only screen and (max-width:375px) {
.index_part1 .projectitem a .project_info div { top: 65%;}
.index_part1 .projectitem a .projectitem_wrapper{height:280px; }
.index_part1 .projectitem a img {height:230px;}
}
/*index_part2*/
.index_part2{height:780px; background: url(../images/index_pt2.jpg) no-repeat top center;}
.index_part2 .index_part2-con{}
.index_part2 .index_part2-con .index_part2-bt{color: #fff;font-size: 24px; padding-bottom:20px; text-align:left; position:relative;}
.index_part2 .index_part2-con .index_part2-bt:after{ position:absolute; content:""; left:0; bottom:0; width:50px; height:3px; background:#f98a13;}
.index_part2 .index_part2-con .index_part2-diao{color: #fff;line-height: 30px;margin:45px 0px; text-align:left;}
.index_part2 .index_part2-con .index_part2-more{width: 140px;line-height:40px;text-align: center; border:1px solid #fff; }
.index_part2 .index_part2-con .index_part2-more a{color: #fff;font-size:15px;text-transform: uppercase;}
.index_part2 .about_box{ position: relative; margin-top:60px; }
.index_part2 .about_box .con{ position: absolute; top: 0%; width:1200px; padding:70px 60px 70px; background:#fff; box-shadow:0 0 8px rgba(153,153,153,0.4); z-index:1; }
.index_part2 .about_box .con .num{ font-size:30px; font-weight:600; position:relative; padding-bottom:10px;margin-bottom:15px;}
.index_part2 .about_box .con .num:after{ position:absolute; content:""; bottom:0px; left:0px; width:20px; height:2px; background:#014d94; }
@media (max-width:1440px) {
.index_part2{height:740px;}
.index_part2 .index_part2-left img{ width:100%;}
}
@media (max-width:1366px) {
.index_part2{height:720px;}
}
@media (max-width:1280px) {
.index_part2{height:680px;}
.index_part2 .index_part2-diao{ line-height: 38px; }
}
@media (max-width:1200px) {
.index_part2 .index_part2-left{ display:none;}
.index_part2 .index_part2-con{ padding-top:20px;}
.index_part2 .index_part2-con .index_part2-diao{ line-height: 30px;margin:30px 0px 35px; }
.index_part2 .about_box .con{ width:950px; padding:70px 40px 70px; }
.index_part2 .about_box .con ._layer{ padding-left:20px;}
.index_part2 .about_box .con .num{padding-bottom:5px;}
}
@media only screen and (max-width:1024px) {
.index_part2 .about_box .con{ padding:30px 30px 30px; }
}
@media only screen and (max-width:992px) {
.index_part2 .about_box .con{ width:95%; padding:30px 4% 30px; }
}
@media (max-width: 768px) {
.index_part2{height:620px;}
.index_part2 .about_box .con img{ width:100%;}
.index_part2 .about_box{ margin-top:30px; }
.index_part2 .about_box .con{ width:95%; padding:30px 2% 30px; }
.index_part2 .about_box .con ._layer{ padding-left:0px;}
}
@media (max-width: 760px) {
.index_part2 .index_part2-con .index_part2-diao{ line-height:26px;margin:35px 0px; }
.index_part2 .about_box .con{ width:95%; padding:30px 3% 30px; }
.index_part2 .index_part2-con .index_part2-bt{ font-size: 20px; }
}
@media (max-width: 425px) {
.index_part2 .about_box .con{ padding:10px 5% 10px; }
}
@media (max-width:375px) {
.index_part2 .index_part2-con .index_part2-bt{ font-size: 20px;}
.index_part2 .index_part2-con .index_part2-diao{ margin:25px 0px; }
.index_part2 .about_box .con .num{ font-size:24px; padding-bottom:10px;margin-bottom:15px;}
}

/*index_part3*/
.index_part3{ margin-top:80px;}
.index_part3 .swiper-slide{height: 220px; }
.index_part3 .index_part3_list{display:block; background-color:#fff; margin-top:5px; height:520px;}
.index_part3 .index_part3_list .ico{ position:absolute; content:""; left:45%; top:40%; z-index:999;}
.index_part3 .index_part3_list .img_box{  float:left; width:50%; padding:2px 0px 2px 0px;}
.index_part3 .index_part3_list .info_box { float:left; padding:30px 35px; width:48%;box-shadow:0px 0px 4px 1px rgba(0, 0, 0, .175); margin-top:3px; margin-right:3px;}
.index_part3 .index_part3_list .info_box .t{font-size:18px; color:#000; line-height:1.5; margin-bottom:25px;} 
.index_part3 .index_part3_list .info_box .d{ color:#666; line-height:24px; height:103px; overflow:hidden; text-align:left;}
.index_part3 .index_part3_list a:hover .info_box { background:#f98a13;}
.index_part3 .index_part3_list a:hover .info_box .t{color:#fff;}
.index_part3 .index_part3_list a:hover .info_box .d{color:#fff;}
.index_part3 .swiper-pagination-bullet {width: 10px;height: 10px; border-radius: 10px; background: #666;}
.index_part3 .swiper-pagination-bullet-active {background: #f98a13;}
.index_part3 .swiper-slide{ margin-top:0px!important; }
.index_part3 .swiper-container-horizontal>.swiper-pagination-bullets{bottom: 0px!important;}
@media (max-width:1200px) {
.index_part3 .swiper-slide{height: 190px; }
.index_part3 .index_part3_list{display:block; background-color:#fff; margin-top:5px; height:420px;}
.index_part3 .index_part3_list .info_box { padding:15px 15px 15px 35px;}
.index_part3 .index_part3_list .info_box .t{font-size:16px; margin-bottom:5px;} 
.index_part3 .index_part3_list .info_box .d{ color:#666; line-height:22px; height:113px; overflow:hidden; text-align:left;}
}
@media (max-width: 1024px) {
.index_part3{ margin-top:0px;}
}
@media (max-width: 768px) {
.index_part3 .index_part3_list{  height:700px;}
.index_part3 .swiper-slide{height: 220px; }
.index_part3 .index_part3_list .ico{ left:46%; top:38%; }
.index_part3 .index_part3_list .info_box { float:left; padding:30px 35px; width:49%;}
.index_part3 .index_part3_list .rect-75 {padding-bottom: 56%;}
}
@media (max-width: 550px) {
.index_part3 .index_part3_list{  height:780px;}
.index_part3 .swiper-slide{height:380px; margin-bottom:20px; }
.index_part3 .index_part3_list .ico{ left:45%; top:52%; }
.index_part3 .index_part3_list .img_box{  float:none; width:100%; padding:2px 0px 2px 0px;}
.index_part3 .index_part3_list .info_box { float:none; padding:30px 35px; width:100%; margin-top:0px;box-shadow:0px 0px 0px 0px rgba(0, 0, 0, .175); }
}
@media (max-width: 375px) {
.index_part3 .index_part3_list .ico{ top:45%; }
.index_part3 .index_part3_list .info_box { padding:30px 15px 15px; }
.index_part3 .index_part3_list .info_box .d{ height:90px; }
}
/*index_part4*/
.index_part4 { background:#f6f6f6;}
.index_part4 .index_news_l { margin-top:10px;}
.index_part4 .index_news_l .box { padding:10px 0px 25px; }
.index_part4 .index_news_l .box .tit{font-size: 18px; height:30px;color: #333; overflow: hidden;}
.index_part4 .index_news_l .box .con{ color: #666; line-height:26px; height:52px;overflow: hidden; margin-bottom:15px;}
.index_part4 .index_news_l .box .discription .date{ font-size:14px; line-height:26px; color:#888; float:left;}
.index_part4 .index_news_l .box .discription .more{ float:right;}
.index_part4 .index_news_l li:hover .box{ width:100%; }
.index_part4 .index_news_l li:hover .box .tit{ color: #f98a13;}
.index_part4 .index_news_l li:hover .more{ border: 1px solid #f98a13;background:#f98a13; color: #fff;}
.index_part4 .index_news_r dt{ border-bottom:1px solid #dcdcdc;}
.index_part4 .index_news_r dt a{ display:block; height:110px;padding:20px 0px;}
.index_part4 .index_news_r dt .index-newsTime{ float:left; text-align:center; width:16%;}
.index_part4 .index_news_r dt .index-newsTime i{ font-style: normal; font-size:16px; color:#999; line-height:24px; font-weight:normal;}
.index_part4 .index_news_r dt .index-newsTime i span{font-size:46px; color:#999; line-height:46px; margin-top:5px; font-weight: normal;}
.index_part4 .index_news_r dt .index-newsUnd{ float:left; margin:0px 15px; width:1px; height:100%; background:#cd0510;}
.index_part4 .index_news_r dt .index-newsTitle{ font-size:18px; color:#333; float:right; width:82%; font-weight:normal; }
.index_part4 .index_news_r dt .index-newsCon{ float:right; width:82%; line-height:25px; color:#666; font-weight:normal;}
.index_part4 .index_news_r dt a:hover .index-newsTitle{ color:#f98a13;}
@media (max-width: 1024px) {
.index_part4 .index_news_r { margin-top:20px;}
.index_part4 .index_news_r dt .index-newsCon{height:50px; overflow:hidden;}
.index_part4 .index_news_r dt a{ padding:10px 0px;}
.index_part4 .index_news_r dt a{ height:100px;}
}
@media (max-width: 768px) {
.index_part4 .index_news_r dt a{ height:90px;}
.index_part4 .index_news_r dt .index-newsTime{width:14%;}
.index_part4 .index_news_r dt .index-newsCon{ width:86%; }
.index_part4 .index_news_r dt .index-newsTitle{ font-size:16px;width:86%;}
}
@media (max-width: 760px) {
.index_part4 .index_news_l { margin-bottom:10px;}
.index_part4 .index_news_l .box .con{ height:76px; text-overflow: ellipsis; }
.index_part4 .index_news_r dt .box .tit{font-size: 16px; }
.index_part4 .index_news_l .box .tit{font-size: 16px;}
.index_part4 .index_news_r dt .index-newsTitle{ font-size:16px; }
.index_part4 .index_news_r dt .index-newsTime i span{font-size:40px; }
}
@media (max-width: 425px) {
.index_part4 .index_news_l .box .discription .more{ display:none;}
.index_part4 .index_news_r dt .index-newsCon{ height:50px; overflow:hidden;}
.index_part4 .index_news_r dt .index-newsTime{width:17%;}
.index_part4 .index_news_r dt .index-newsCon{ width:82%; }
.index_part4 .index_news_r dt .index-newsTitle{ width:82%;}
}
@media (max-width: 360px) {
.index_part4 .index_news_r dt .index-newsTime{ width:18%;}
.index_part4 .index_news_r dt .index-newsCon{ width:80%;}
.index_part4 .index_news_r dt .index-newsTitle{ width:80%; }
.index_part4 .index_news_r dt .index-newsTitle{ font-size:16px; }
}