@charset "utf-8";

.mtit1 {text-align:center;margin-bottom:48px;padding-top:30px;}
.mtit1 div {max-width:420px;border:1px solid #d7d7d7;border-top:0;padding:21px;margin:0 auto;position:relative;}
.mtit1 div:before,.mtit1 div:after {content:'';display:block;height:10px;width:90px;border-top:1px solid #d7d7d7;position:absolute;top:0;z-index:2;}
.mtit1 div:before {left:0;}
.mtit1 div:after {right:0;}
.mtit1 p {width:100%;font-size:18px;font-weight:bold;font-family:Arial,Helvetica,sans-serif;text-align:center;line-height:140%;text-transform:uppercase;color:#ffad37;position:absolute;left:0;top:-26px;z-index:4;}
.mtit1 p span {font-size:60px;}
.mtit1 h3 {font-size:36px;font-weight:bold;line-height:40px;color:#0057ad;display:inline-block;position:relative;margin-bottom:3px;}
/*.mtit1 h3:before {width:38px;height:6px;background:#ffad37;content:'';display:block;position:absolute;left:50%;bottom:-15px;margin-left:-38px;}
.mtit1 h3:after {width:38px;height:6px;background:#0057ad;content:'';display:block;position:absolute;left:50%;bottom:-15px;}*/


/*首页产品*/
.main_w2 {width:100%;padding:60px 0 60px 0;background:url(main_bg2.jpg) no-repeat center top;background-size:cover;overflow:hidden;}
.main_w2 .mtit1 {display:none;}
@media (max-width:1230px) {.main_w2 {padding:30px 15px 20px 15px;}
.main_w2 .mtit1 {display:block;}
.main_class {display:none;}
}
.main_pro {max-width:1200px;margin:0 auto 0 auto;}
.main_class {width:252px;margin-bottom:15px;float:left;}
.main_class .class_tit {height:114px;background: #0057ad;/*background:url(main_class_tit.gif) no-repeat;*/padding:15px 0;text-align:center;color:#fff;}
.main_class .class_tit h3 {font-size:30px;line-height:48px;}
.main_class .class_tit h3:after {content:'';display:block;width:55px;height:6px;border-top:1px solid #fff;margin:2px auto 0 auto;}
.main_class .class_tit p {font-size:14px;font-weight:bold;}
.main_class ul {border:3px solid #0057ad;border-top:0;background:#fff url(main_class_down.gif) no-repeat center bottom;padding:7px 12px 40px 12px;}
.main_class ul li {height:56px;border-bottom:1px dashed #cccccc;}
.main_class ul li a,.main_class ul li a:visited {display:block;height:55px;line-height:55px;padding-left:35px;font-size:15px;color:#333;background:url(main_class_i1.gif) no-repeat 20px center;transition:all .5s;}
.main_class ul li a:hover {color:#0057ad;background:url(main_class_i2.gif) no-repeat 23px center;}
.main_prolist {width:918px;float:right;}
.main_prolist ul {margin:0 -15px;}
.main_prolist ul li {width:197px;float:left;padding:0 20px;margin-bottom:30px;}
.main_prolist ul li a {display:block;width:100%;height:100%;background:#fff;padding:10px;border:1px solid #cccccc;box-shadow:0 0 15px #bbb;transition:all .3s;position:relative;}
.main_prolist ul li a:hover {border-color:#0057ad;border-radius:5px;box-shadow:0 0 15px #333;transform:translateY(-10px);}
.main_prolist ul li a:after {content:'';display:block;width:0;height:0;background:#0057ad;position:absolute;left:0;top:0;z-index:2;transition:all .5s;}
.main_prolist ul li a:hover:after {width:100%;height:100%;transition:all .3s;}
.main_prolist ul li a:before {content:'';display:block;width:100%;height:0;background:#0057ad;position:absolute;right:0;bottom:0;z-index:2;transition:all .5s;}
.main_prolist ul li a:hover:before {width:100%;height:100%;transition:all .3s;}
.main_prolist ul li a p {width:100%;margin-bottom:5px;overflow:hidden;position:relative;z-index:3;}
.main_prolist ul li a p img {width:100%;transition:all .3s;}
.main_prolist ul li a:hover p img {transform:scale(1.12,1.12);}
.main_prolist ul li a h3 {height:56px;line-height:56px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;color:#333;font-size:14px;font-weight:normal;text-align:center;transition:all .3s;position:relative;z-index:4;}
.main_prolist ul li a:hover h3 {color:#fff;}
@media (max-width:1230px) {.main_prolist {width:100%;float:none;}}
@media (max-width:1000px) {.main_prolist ul {margin:0 -10px;}
.main_prolist ul li {padding:0 10px;margin-bottom:20px;}
}
@media (max-width:780px) {.main_prolist ul li a h3 {height:36px;line-height:36px;}}
@media (max-width:640px) {.main_prolist ul {margin:0 -6px;}
.main_prolist ul li {width:50%;padding:0 6px;margin-bottom:12px;}
}


/*关于我们*/
.main_w3 {width:100%;padding:50px 0 40px 0;overflow:hidden;}
@media (max-width:1200px) {.main_w3 {padding:30px 15px 10px 15px;}
}
.main_about {max-width:1200px;margin:0 auto;}
.main_about .about_pic {width:480px;float:left;}
.main_about .about_col {width:670px;/*padding-top:12px;*/float:right;}
.main_about .about_col .about_name {font-size:24px;font-weight:bold;color:#0057ad;line-height:48px;}
.main_about .about_col .about_txt {font-size:14px;line-height:30px;padding-bottom:10px;}
@media (max-width:1200px) {.main_about .about_pic {display:none;}
.main_about .about_col {width:100%;padding:0;float:none;}
.main_about .about_col .about_name {text-align:center;}
.main_about .about_col .about_txt {text-indent:2em;}
.main_about .about_col .main_more2 a {margin:0 auto;}
}


/*更多*/
.main_more1 {padding:20px 0;}
.main_more1 a {width:216px;height:55px;line-height:55px;text-align:center;font-size:18px;color:#fff;margin:0 auto;display:block;transition:all .5s;position:relative;}
.main_more1 a span {width:152px;height:55px;display:block;position:relative;z-index:4;}
.main_more1 a:before {content:'';display:block;width:152px;height:55px;background:#0057ad;position:absolute;left:0;top:0;z-index:1;border-radius: 7px;/*transform:skew(-25deg);*/transition:all .3s;}
/*.main_more1 a:after {content:'';display:block;width:64px;height:55px;background:#ffad37 url(/img/more_arr.png) no-repeat center center;position:absolute;right:0;top:0;z-index:2;transform:skew(-25deg);transition:all .3s;}*/
.main_more1 a:hover:before {background:#333;box-shadow:15px 5px 15px #bbb;transition:all .3s;}
.main_more1 a:hover:after {width:75px;box-shadow:15px 5px 15px #bbb;transition:all .3s;}

.main_more2 {padding:20px 0;}
.main_more2 a {width:177px;height:45px;line-height:45px;text-align:center;font-size:16px;color:#fff;display:block;transition:all .5s;position:relative;}
.main_more2 a span {width:124px;height:45px;display:block;position:relative;z-index:4;}
.main_more2 a:before {content:'';display:block;width:124px;height:45px;background:#0057ad;position:absolute;left:0;top:0;z-index:1;border-radius: 8px;/*transform:skew(-25deg);*/transition:all .3s;}
/*.main_more2 a:after {content:'';display:block;width:53px;height:45px;background:#ffad37 url(/img/more_arr.png) no-repeat center center;position:absolute;right:0;top:0;z-index:2;transform:skew(-25deg);transition:all .3s;}*/
.main_more2 a:hover:before {background:#333;box-shadow:10px 5px 10px #bbb;transition:all .3s;}
.main_more2 a:hover:after {width:63px;box-shadow:10px 5px 10px #bbb;transition:all .3s;}
@media (max-width:780px) {.main_more2 a,.main_more2 a span {width:120px;height:36px;background:#0057ad;line-height:36px;font-size:14px;border-radius:3px;}
.main_more2 a:after,.main_more2 a:before {display:none;}
}


/*新闻*/
.main_w5 {width:100%;padding:60px 0 40px 0;overflow:hidden;}
@media (max-width:1200px) {.main_w5 {padding:20px 15px 20px 15px;}
}
.main_news {max-width:1200px;padding:20px 0;margin:0 auto;}
.main_news .m_picnews {width:520px;float:right;overflow:hidden;}
.main_news .m_picnews img {width:100%;height:100%;position:relative;z-index:1;display:block;transition:all .5s;}
.main_news .m_picnews img:hover {transform:scale(1.12,1.12);}
.main_news .m_newslist {width:660px;float:left;}
.main_news .m_newslist ul {}
.main_news .m_newslist ul li {margin-bottom:19px;}
.main_news .m_newslist ul li a {/*width:100%;*/height:103px;padding-top:8px;padding-right:15px;background:#f7f7f7;padding-left:118px;display:block;position:relative;}
.main_news .m_newslist ul li a h3 {height:36px;line-height:36px;font-size:16px;color:#000;font-weight:normal;white-space:nowrap;text-overflow:ellipsis;overflow:hidden;transition:all .3s;}
.main_news .m_newslist ul li a:hover h3 {color:#ffad37;transform:translateX(10px);}
.main_news .m_newslist ul li a p {max-height:46px;line-height:27px;font-size:12px;color:#666;overflow:hidden;transition:all .5s;}
.main_news .m_newslist ul li a p b {color:#0057ad;}
.main_news .m_newslist ul li a:hover p b {color:#ffad37;}
.main_news .m_newslist ul li a .n_time {width:103px;height:103px;padding-top:8px;background:#0057ad;text-align:center;position:absolute;left:0;top:0;transition:all .3s;}
.main_news .m_newslist ul li a:hover .n_time {background:#ffad37;}
.main_news .m_newslist ul li a .n_time b {font-size:48px;line-height:48px;font-weight:normal;color:#fff;}
.main_news .m_newslist ul li a .n_time b {font-size:48px;line-height:48px;color:#fff;letter-spacing:2px;display:block;margin-top:10px;}
.main_news .m_newslist ul li a .n_time span {font-size:14px;color:#fff;}
.main_news .m_newslist ul li a .n_img {width:130px;height:88px;margin-right:10px;float:left;display:none;}
.main_news .m_newslist ul li a .n_img img {width:130px;height:88px;}
@media (max-width:1200px) {.main_news {padding:0 0 0 0;}
.main_news .m_picnews {display:none;}
.main_news .m_newslist {width:100%;float:none;}
.main_news .m_newslist ul li a {padding:0 10px 0 0;height:auto;overflow:hidden;}
.main_news .m_newslist ul li a .n_time {display:none;}
.main_news .m_newslist ul li a .n_img {display:block;}
}
@media (max-width:680px) {.main_news .m_newslist ul li {margin-bottom:15px;}
.main_news .m_newslist ul li a {padding:0 10px 0 0;}
}
@media (max-width:380px) {.main_news .m_newslist ul li {margin-bottom:10px;}
.main_news .m_newslist ul li a {height:auto;padding:3px 8px 8px 8px;}
.main_news .m_newslist ul li a .n_img {display:none;}
.main_news .m_newslist ul li a h3 {padding-left:15px;background:url(/img/icon_b.gif) no-repeat left center;height:30px;line-height:30px;font-size:14px;}
}

/*工程案例*/
.main_w4 {width:100%;padding:60px 0 50px 0;overflow:hidden;}
@media (max-width:1230px) {.main_w4 {padding:40px 15px;}
}
.main_piclist3 {max-width:1230px;margin:0 auto;position:relative;}
#mainPic2 {padding:15px 15px;margin-bottom:15px;}
.main_piclist3 .swiper-slide a {display:block;padding:11px;background:#fff;transition:all .5s;position:relative;overflow:hidden;}
.main_piclist3 .swiper-slide a {display:block;padding:9px;border:1px solid #d2d2d2;box-shadow:5px 5px 5px #d9d9d9;transition:all .5s;}
.main_piclist3 .swiper-slide a:hover {border-color:#0057ad;background:#0057ad;}
.main_piclist3 .swiper-slide a p {width:360px;height:100%;border:1px solid #fff;overflow:hidden;margin-bottom:5px;}
.main_piclist3 .swiper-slide a p img {width:100%;transition:all .5s;}
.main_piclist3 .swiper-slide a:hover p img {transform:scale(1.2,1.2);}
.main_piclist3 .swiper-slide a h3 {font-size:16px;font-weight:normal;line-height:40px;color:#333;padding:0 58px 0 15px;text-align:left;background:#f5f5f5;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;position:relative;}
.main_piclist3 .swiper-slide a:hover h3 {color:#fff;background:#0057ad;}
.main_piclist3 .swiper-slide a h3:after {width:58px;height:40px;background:url(../img/tit_arr.png) no-repeat center center;content:'';display:block;position:absolute;right:0;top:0;}
.mainPic2-button-prev,.mainPic2-button-next {width:50px;height:110px;background:#f2f2f2;cursor:pointer;outline:none;overflow:hidden;text-align:center;line-height:110px;font-size:70px;color:#fff;font-family:宋体;transition:all .3s;position:absolute;top:50%;transform:translateY(-50%);}
.mainPic2-button-prev {left:-70px;}
.mainPic2-button-next {right:-70px;}
.mainPic2-button-prev:hover,.mainPic2-button-next:hover {border-color:#0057ad;background:#0057ad;color:#fff;}
@media (max-width:1230px) {.main_piclist3 {text-align:center;}
.main_piclist3 .swiper-slide a:hover {box-shadow:none;transform:none;}
.main_piclist3 .swiper-slide a:hover p img {transform:none;}
#mainPic2 {padding:10px 0;}
.mainPic2-button-prev,.mainPic2-button-next {display:none;}
}
@media(max-width:780px) {.main_piclist3 .swiper-slide a {padding:6px;}
.main_piclist3 .swiper-slide a p {margin-bottom:5px;}
.main_piclist3 .swiper-slide a h3 {font-size:16px;line-height:30px;padding-left:10px;}
.main_piclist3 .swiper-slide a h3:after {height:30px;}
}
@media(max-width:480px) {.main_piclist3 .swiper-slide a {padding:3px;}
.main_piclist3 .swiper-slide a h3 {font-size:14px;line-height:24px;padding:0 0 0 5px;}
.main_piclist3 .swiper-slide a h3:after {display:none;}
}
@media(max-width:380px) {.main_piclist3 .swiper-slide a p {margin-bottom:2px;}
.main_piclist3 .swiper-slide a h3 {font-size:12px;}
}


.main_contact {background:url(main_bg3.jpg) no-repeat center top;background-size:100% 100%;padding:80px 15px;}
.main_contact ul {max-width:1230px;margin:0 auto;}
.main_contact ul li {width:30.3333333%;padding:15px;float:left;}
.main_contact ul li a {display:block;background:#fff;padding:35px;text-align:center;transition:all .3s ease-out;}
.main_contact ul li a:hover {box-shadow:0 0 15px #000;border-radius:5px;transform:translateY(-10px);}
.main_contact ul li a h3 {padding:12px 0 0 0;line-height:36px;font-size:24px;color:#333;}
.main_contact ul li a p {font-size:17px;line-height:30px;color:#333;height:55px;margin-top: 10px;}