@charset "utf-8";

/*轮播图*/
.slider { width: 100%; height: inherit; overflow: hidden; display: block; padding: 100px 0 100px 0; min-width: 980px; max-width: 1920px; margin: 0 auto; position: relative;}
.slides { position: relative; margin: 0; padding: 0;}
.slides li { float: left; position: relative;}
.slides_txt { width: auto; height: auto; position: absolute; left: 18%; top: 36%; opacity: 0; padding: 10px 2%;}
.slider_cur .slides_txt { -webkit-animation:leftFadeIn 0.5s linear forwards; -o-animation:leftFadeIn 0.5s linear forwards; -ms-animation:leftFadeIn 0.5s linear forwards; -moz-animation:leftFadeIn 0.5s linear forwards; animation:leftFadeIn 0.5s linear forwards; -webkit-animation-delay:0.5s; -o-animation-delay:0.5s; -ms-animation-delay:0.5s; -moz-animation-delay:0.5s; animation-delay:0.5s;}
.slides_txt01 { width: 100%; height: 32px; line-height: 32px; font-size: 32px; color: #ffffff;}
.slides_txt02 { width: 100%; height: 48px; line-height: 48px; font-size: 20px; color: #ffffff;}
.responsive { width: 100%; height: inherit;}

.slider p { position: absolute;; z-index: 10; cursor: pointer;}
.slider .lastpic { display: inline-block; left: 13%; top: 50%; margin-top: -12px;}
.slider .nextpic { display: inline-block; right: 13%; top: 50%; margin-top: -12px;}
.slider_icon { font-size: 24px; color: #ffffff;}


/*产品介绍 开始*/
.main { width: 100%; height: auto; padding: 0 0 50px 0;}
.main_top { width: 90%; height: auto; border-top: 1px solid #d8d6d5; min-width: 980px; max-width: 1200px; margin: 0 auto; padding: 100px 0 0 0; position: relative;}
.main_top01 { font-size: 24px; font-weight: bold;}
.main_top02 { font-size: 16px; position: absolute; right: 0; bottom: 0;}

.main_con { width: 100%; height: auto; min-width: 980px; max-width: 1920px; margin: 0 auto; padding: 30px 0 0 0;}
.main_con_top { width: 100%; height: auto; position: relative;}
.main_con_img { width: 100%; height: inherit; display: block;}
.main_con_txt { width: 50%; height: 100%; background: rgba(0,117,201,0.8); display: inline-block; position: absolute; top: 0; right: 0;}
.main_con_txt_in { width: 60%; height: auto; padding: 0 0 0 20%; color: #ffffff; position: absolute; top: 50%; -webkit-transform: translateY(-50%); -moz-transform: translateY(-50%); -ms-transform: translateY(-50%); -o-transform: translateY(-50%); transform: translateY(-50%);}
.main_con_txt01 { font-size: 24px; padding: 0 0 20px 0;}
.main_con_txt02 { line-height: 24px; font-size: 14px; padding: 0 0 20px 0;}
.main_con_txt03 { font-size: 16px; background: #ffffff; padding: 5px 10px; color: #0075C9; display: inline-block; cursor: pointer;}

.main_bottom { width: 100%; height: auto; min-width: 980px; max-width: 1920px; margin: 0 auto; padding: 30px 0 0 0; position: relative;}
.main_bottom_in { min-width: 980px; max-width: 1200px; height: auto; margin: 0 auto; position: relative;}
.main_bottom_con { width: 900px; height: inherit; margin: 0 auto; overflow: hidden; position: relative;}
.main_bottom_con_ul { height: auto; display: inline-block; position: relative;}
.main_bottom_con_ul a { color: #000000;}
.main_bottom_con_ul li { float: left; color: #000000; padding: 0 10px 0 0; box-sizing: border-box; cursor: pointer;}
.main_bottom_con_in { width: 215px; height: 300px; background: #d2d2d2; position: relative;}
.main_bottom_con_img { width: 215px; height: 202px; position: absolute; left: 0;}
.main_bottom_con_li01 { width: 80%; font-size: 16px; position: absolute; left: 10%;overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical;}
.main_bottom_con_li02 { font-size: 12px; position: absolute; left: 10%;}
.main_bottom_con_ul li:nth-of-type(odd) .main_bottom_con_img { top: 0;}
.main_bottom_con_ul li:nth-of-type(even) .main_bottom_con_img { bottom: 0;}
.main_bottom_con_ul li:nth-of-type(odd) .main_bottom_con_li01 { top: 210px;}
.main_bottom_con_ul li:nth-of-type(even) .main_bottom_con_li01 { top: 10px;}
.main_bottom_con_ul li:nth-of-type(odd) .main_bottom_con_li02 { bottom: 10px;}
.main_bottom_con_ul li:nth-of-type(even) .main_bottom_con_li02 { top: 68px;}

.main_bottom_con_ul .main_bottom_con_cur .main_bottom_con_in  { background: #0074c8; color: #ffffff;}
.bg_bk { width: 100%; height: 100%; position: absolute; left: 0; top: 0; z-index: 10; background: none;}
.main_bottom_con_cur .bg_bk { background: rgba(0,0,0,0.3);}

.main_bottom_in>p { position: absolute;; z-index: 9; cursor: pointer;}
.main_bottom_con_lastpic { display: inline-block; left: 10%; top: 50%; margin-top: -12px;}
.main_bottom_con_nextpic { display: inline-block; right: 10%; top: 50%; margin-top: -12px;}
.main_bottom_con_icon { font-size: 24px; color: #000000;}

/*产品介绍 结束*/
/*工程案例 开始*/
.menu { width: 100%; height: auto; padding: 0 0 100px 0;}
.menu_top { width: 90%; height: auto; border-top: 1px solid #d8d6d5; min-width: 980px; max-width: 1200px; margin: 0 auto; padding: 50px 0 0 0; position: relative;}
.menu_top01 { font-size: 24px; font-weight: bold;}
.menu_top02 { font-size: 16px; position: absolute; right: 0; bottom: 0;}
.menu_main { width: 90%; height: auto; min-width: 980px; max-width: 1200px; margin: 0 auto; padding: 20px 0 0 0; position: relative;}
.menu_main_left { width: 62.4%; height: auto; max-height: 442px; min-height: 360px; position: relative;}
.menu_main_left_in { position: absolute; width: 100%; height: 100%; background: rgba(85,86,90,0.8); display: none; color: #ffffff;}
.menu_main_left01 { font-size: 20px; line-height: 32px; padding: 5% 0 3% 5%;}
.menu_main_left02 { width: 88%; font-size: 14px; line-height: 24px; padding: 0 0 0 5%;}
.menu_main_left03 { font-size: 14px; position: absolute; bottom: 5%; left: 5%;}

.menu_main_left_img { width: 100%; height: auto; display: block;}
.menu_main_right { max-width: 442px; max-height: 442px; min-width: 360px; min-height: 360px; position: absolute; bottom: 0; right: 0;}
.menu_main_right li { width: 50%; height: 50%; float: left; position: relative;}
.menu_main_right_box { width: 98%; height: 98%; display: block;}
.menu_main_right_img { width: 100%; height: 100%; display: block;}
.menu_main_right_box02 { margin: 0 0 2% 2%}
.menu_main_right_box03 { margin: 2% 0 0 0}
.menu_main_right_box04 { margin: 2% 0 0 2%}
.menu_main_right_p { width: 94%; font-size: 12px; position: absolute; bottom: 5%; left: 3%; z-index: 1; color: #ffffff;}
/*工程案例 结束*/
.bg_gc { width: 100%; height: 100%; position: absolute; left: 0; top: 0; z-index: 10; background: none;}
.menu_main_right_cur .bg_gc { background: rgba(0,0,0,0.3);}
.bg_gc01 { width: 98%; height: 98%; left: 0; top: 0;}
.bg_gc02 { width: 98%; height: 98%; left: 2%; top: 0;}
.bg_gc03 { width: 98%; height: 98%; left: 0; top: 2%;}
.bg_gc04 { width: 98%; height: 98%; left: 2%; top: 2%;}




.slider .lastpic{padding: 20px;background-color: rgba(0,116,200,.5);border-radius: 100%;transition: all .4s;}
.slider .lastpic .icon{vertical-align: bottom;}
.slider .nextpic{padding: 20px;background-color: rgba(0,116,200,.5);border-radius: 100%;transition: all .4s;}
.slider .nextpic .icon{vertical-align: bottom;}
.slider .lastpic:hover{background-color: rgba(0,116,200,1);}
.slider .nextpic:hover{background-color: rgba(0,116,200,1);}
.main_bottom_in{max-width: 100%;}
.main_bottom_con{width: auto;margin: 0 40px;}
.main_top{width: auto;margin: 0 40px;max-width: none;}
.main_bottom_con_img{width: 100%;vertical-align: bottom;object-fit: cover;}
.main_bottom_con_in{width: 100%;}
.main_bottom_con_ul .swiper-slide:nth-of-type(odd) .main_bottom_con_img { top: 0;}
.main_bottom_con_ul .swiper-slide:nth-of-type(even) .main_bottom_con_img { bottom: 0;}
.main_bottom_con_ul .swiper-slide:nth-of-type(odd) .main_bottom_con_li01 { top: 210px;}
.main_bottom_con_ul .swiper-slide:nth-of-type(even) .main_bottom_con_li01 { top: 10px;}
.main_bottom_con_ul .swiper-slide:nth-of-type(odd) .main_bottom_con_li02 { bottom: 10px;}
.main_bottom_con_ul .swiper-slide:nth-of-type(even) .main_bottom_con_li02 { top: 68px;}
.main_bottom_con_ul .swiper-slide a{display: block;}
.main_bottom_con_ul{display: block;}
.main_bottom_con_lastpic{left: 5px;z-index: 9;}
.main_bottom_con_nextpic{right: 5px;z-index: 9;}
.menu_top{width: auto;margin: 0 40px;max-width: none;}
.menu_main{width: auto;margin: 0 40px;max-width: none;}
.menu_main_right{max-width: none;max-height: none;}
.menu_main_right{height: 100%;width: 39.6%;}
.menu_main_left{width: 60%;margin-right: 2%;min-height: 0;max-height: none;}
.menu_main{padding-top: 0;margin-top: 20px;}
.menu_main_right_box{height: 100%;}
.menu_main_right li{height: 49.5%;margin-bottom: 1%;}
.menu_main_right li:nth-child(3){margin-bottom: 0;}
.menu_main_right li:nth-child(4){margin-bottom: 0;}
.bg_gc01{height: 100%;}
.edit img{max-width: 100%;height: auto !important;vertical-align: bottom;}





@media only screen and (max-width: 1200px){
.main_con_txt01 { font-size: 22px; padding: 0 0 20px 0;}
.main_con_txt02 { line-height: 22px; font-size: 13px; padding: 0 0 20px 0;}

.menu_main_left01 { font-size: 19px;}
.menu_main_left02 { font-size: 13px;}
.menu_main_left03 { font-size: 13px;}

.slider .lastpic { left: 8%;}
.slider .nextpic { right: 8%;}

} 
@media only screen and (max-width: 1100px){
.main_con_txt01 { font-size: 20px; padding: 0 0 20px 0;}
.main_con_txt02 { line-height: 20px; font-size: 12px; padding: 0 0 20px 0;}

.menu_main_left01 { font-size: 18px;}
.menu_main_left02 { font-size: 12px;}
.menu_main_left03 { font-size: 12px;}

.slider .lastpic { left: 3%;}
.slider .nextpic { right: 3%;}
} 

@-moz-keyframes leftFadeIn{
	0%{-webkit-transform:translateX(-100%);opacity:0;}
	100%{-webkit-transform:translateX(0);opacity:1;}
}
@-ms-keyframes leftFadeIn{
	0%{-ms-transform:translateX(-100%);opacity:0;}
	100%{-ms-transform:translateX(0);opacity:1;}
}
@-o-keyframes leftFadeIn{
	0%{-o-transform:translateX(-100%);opacity:0;}
	100%{-o-transform:translateX(0);opacity:1;}
}
@-webkit-keyframes leftFadeIn{
	0%{-webkit-transform:translateX(-100%);opacity:0;}
	100%{-webkit-transform:translateX(0);opacity:1;}
}
@keyframes leftFadeIn{
	0%{transform:translateX(-100%);opacity:0;}
	100%{transform:translateX(0);opacity:1;}
}