@charset "utf-8";

/*主营业务*/
.product{position: relative;padding: 60px 0;}
.tit{text-align: center;}
.tit h2{font-size: 30px;color: #191919;font-weight: normal;}
.tit img{padding-top: 10px;}
.tit h2 i{display: inline-block;width: 32px;height: 2px;background:#363636;margin: 0 5px;position: relative;top: -9px;}
.tit h2 span{color:#1b4da6 ;}
.tit p{font-size: 18px;color: #666666;margin-top: 15px;}
.product .con{margin-top: 40px;}
.product .con ul li{width: 590px;height: 295px;border: 1px solid #dddd;margin-bottom: 16px;}
.product .con ul li:nth-child(odd){margin-right: 16px;}
.product .con ul li .img{width: 50%;height: 295px;text-align: center;line-height: 295px;overflow: hidden;}
.product .con ul li .img img{width: 100%;height: 100%; vertical-align: middle; transition: all 0.6s ease-in-out;transform: scale(1);}
.product .con ul li:hover .img img{transform: scale(1.09)}
.product .con ul li .p{width: 50%;height: 295px;text-align:left;background: #2654a8;float: right;position: relative;}
.product .con ul li .p h2{font-size: 20px;color: #fff;font-weight: normal;position: relative;padding: 40px 20px 20px;}
.product .con ul li .p h2::after{width:20px;height:1px;background-color:#fff; right: 20px;top: 56px;position: absolute;content: '';}
.product .con ul li .p p{color: #fff;font-size: 14px;text-align: left;padding: 0 20px;}
.product .con ul li .p .more{transition: all 0.6s ease-in-out;width: 120px;height: 36px;border-radius: 18px;line-height: 36px;background: #f1b135;position: absolute;left: 20px;bottom: 25px;}
.product .con ul li:hover .p .more{bottom: 30px;}
.product .con ul li .p .more a{color: #fff;display: block;font-size: 14px;padding: 0 15px;position: relative;}
.product .con ul li .p .more a::after{position: absolute;right: 12px;top: 8px;content: '';background: url(ico_detil.png) no-repeat;width: 20px;height: 20px;}

/*ad*/
.ad{background: url(ad_bg.jpg) no-repeat;height: 500px;position: relative;}
.ad .con{padding: 90px 0 50px;}
.ad_title h2{font-size: 30px;color: #fff;text-align: center;display: table;margin: 0 auto;}
.ad_title dl{display: table;margin: 15px auto 0;}
.ad_title dl dt{float: left;font-size: 16px;color: #fff;position: relative;padding-right: 30px;margin-right: 30px;}
.ad_title dl dt::after{position: absolute;right: 0;top:7px;width: 1px;height: 12px;background: #fff;
content: '';}
.ad_title dl dt:last-child{margin-right: 0;padding-right: 0;}
.ad_title dl dt:last-child::after{display: none;}
.ad .con ul{display: table;margin: 80px auto 0;}
.ad .con ul li{float: left;text-align: center;margin-right: 140px;width: 195px;}
.ad .con ul li:last-child{margin-right: 0;}
.ad .con ul li h2{font-size: 70px;color: #fff;position: relative;font-weight: normal;height: 105px;}
.ad .con ul li h2 em{font-family: IMPACT;}
.ad .con ul li h2 span{font-size: 16px;color: #fff;font-weight: normal;}
.ad .con ul li p{font-size: 20px;color: #fff;}
.ad .con ul li h2 i{font-style: normal;font-size: 14px;position: absolute;    right: 25px;
    top: 20px;}

/*新闻中心*/
.news{position: relative;padding: 60px 0;}
.news .con{margin-top: 40px;}
.news .con .news_pic .news_pic_l{float: left;width: 590px;height: 440px;position: relative;overflow: hidden;}
.news .con .news_pic .news_pic_l img{width: 100%;height: 100%;transition: all 0.6s ease-in-out;transform: scale(1);}
.news .con .news_pic .news_pic_l:hover img{transform: scale(1.08);}
.news .con .news_pic .news_pic_l p{width: 100%;background: rgb(0, 0, 0,.4);height: 50px;line-height: 50px;position: absolute;bottom: 0;}
.news .con .news_pic .news_pic_l p a{font-size: 16px;color: #fff;padding: 0 20px;}
.news .con .news_pic .news_pic_r{float: right;width: 600px;overflow: hidden;}
.news .con .news_pic .news_pic_r .img1{width: 600px;height: 210px;float: left;overflow: hidden;}
.news .con .news_pic .news_pic_r .img2{overflow: hidden;width:294px;height: 214px;margin-top: 15px;margin-right: 11px;float: left;}
.news .con .news_pic .news_pic_r .img3{overflow: hidden;width:291px;height: 214px;background: #f1b135;float: left;margin-top: 15px;}
.news .con .news_pic .news_pic_r img{width: 100%;height: 100%;transition: all 0.6s ease-in-out;transform: scale(1);}
.news .con .news_pic .news_pic_r .img1:hover img{transform: scale(1.08);}
.news .con .news_pic .news_pic_r .img2:hover img{transform: scale(1.08);}
.news .con .news_pic .news_pic_r .img3:hover img{transform: scale(1.08);}
.news .con .news_pic .news_pic_r .img3 .p{padding: 60px 35px;}
.news .con .news_pic .news_pic_r .img3 .p span{font-size: 14px;color: #fff;}
.news .con .news_pic .news_pic_r .img3 .p h2{font-size: 20px;color: #fff;margin-top: 8px;}
.news .con ul{margin-top: 45px;}
.news .con ul li{float: left;width: 362px;margin-right: 57px;}
.news .con ul li:last-child{margin-right: 0;}
.news .con ul li h2 a{font-size: 18px;font-weight:bold;line-height: 30px;color: #000;}
.news .con ul li h2 a:hover{color: #2654a8;}
.news .con ul li span{font-size: 14px;color: #999999;padding:10px 0;display: block;}
.news .con ul li p{font-size: 14px;color: #333;}
.news .con ul li .line{width: 100%;height: 9px;background: #f9f9f9;margin-top: 25px;}
/*解决方案*/
.solution{height: 699px;position: relative;}
.solution_title{color: #fff;font-size: 30px;position: absolute;left
0;top: 100px;z-index: 999;}
.solution .con .bd ul li h2{color: #fff;font-size: 20px;font-weight: bold;}
.solution .con .bd ul li{height: 699px;}
.solution .con .bd ul li .p{position: absolute;top: 180px;}
.solution .con .bd ul li p{font-size: 14px;color: #fff;width: 527px;padding-top: 20px;line-height: 24px;opacity: .9;}
.solution .bottom{z-index: 999; left: 0; width: 100%;height: 175px;background: rgb(0, 0, 0,.4);position: absolute;bottom: 0;}
.solution .bottom ul li{height: 175px; float: left;width: 240px;border-right: 1px solid rgb(255, 255, 255,.2);box-sizing: border-box;}
.solution .bottom ul li:hover,.solution .bottom ul li.on{background: rgb(241, 177, 53,.8);}
.solution .bottom ul li:last-child{border-right:none ;}
.solution .bottom ul li .p{padding: 35px 45px;text-align: center;}
.solution .bottom ul li .p p{font-size: 20px;color: #fff;line-height: 35px;}
.solution .bottom ul li .more{margin-top: 25px;}
.solution .bottom ul li .more a{position: relative;  font-size: 14px;color: rgb(255, 255, 255,.5);display: block;padding-right: 20px;}
.solution .bottom ul li .more a::after{position: absolute;background: url(ico_rightarrow.png) no-repeat;right:40px;top: 6px;content: '';width: 6px;height: 10px;}

/*工程案例*/
.case{padding: 60px 0;position: relative;}
.case .con{margin-top: 40px;position: relative;}
.case .con .hd a{display: block;width: 40px;height: 40px;position: absolute;}
.case .con .hd .prev{background: url(ico_pre.png) no-repeat;left: -60px;top: 102px;}
.case .con .hd .next{background: url(ico_next.png) no-repeat;right: -60px;top: 102px;}
.case .con .hd .prev:hover{background: url(ico_pre_hover.png) no-repeat;left: -60px;top: 102px;}
.case .con .hd .next:hover{background: url(ico_next_hover.png) no-repeat;right: -60px;top: 102px;}
.case .con .bd{overflow: hidden;}
.case .con .bd ul li{width: 290px;margin-right: 20px;}
.case .con .bd ul li .pic{width: 290px;height: 200px;overflow: hidden;}
.case .con .bd ul li .pic img{width: 100%;height: 100%;transition: all 0.6s ease-in-out;transform: scale(1);}
.case .con .bd ul li:hover .pic img{transform: scale(1.08);}
.case .con .bd ul li p{width: 270px;height: 50px;line-height: 50px;font-size: 18px;color: #333;background: #eef2f9;padding-left: 20px;}
.case .con .bd ul li:hover p{background: #336393;}
.case .con .bd ul li:hover p a{color: #fff;}
/*关于我们*/
.about{background:url(about_bg.jpg) center center no-repeat;height: 640px;}
.about_tit{text-align: right;padding-top: 110px;}
.about_tit h2{font-size: 30px;color: #fff;}
.about_tit p{font-size: 16px;color: #fff;padding-top: 10px;}
.about .wrap{position: relative;}
.about .con{width: 706px;height: 332px;position: absolute;right: 0;top:230px;}
.about .con .about_left{position: relative; width: 431px;height: 331px;background:rgb(241, 177, 53,.8);float: left;}
.about .con .about_left .p{padding: 60px 40px;}
.about .con .about_left .p h2{font-size: 24px;}
.about .con .about_left .p p{font-size: 14px;color: #504f4f;margin-top: 20px;}
.about .con .about_left .p .more a{display: block;background: url(about_more.png) no-repeat;width: 65px;height: 14px;
position: absolute;bottom: 40px;right: 50px;transition: all 0.6s ease-in-out;}
.about .con .about_left:hover .p .more a{bottom: 50px;}
.about_right{float: right;}
.about_right .item{width: 248px;height: 155px;text-align: center;color: #fff;}
.about_right .item .p{padding-top: 48px;}
.about_right .item .p a{color: #ffffff;}
.about_right .item .p span{font-size: 16px;}
.about_right .item .p h2{font-size: 24px;}
.about_right .item1{background: #3d5c9d;margin-bottom: 22px;}
.about_right .item2{background: #41b2e9;}