@charset "utf-8";

/*全局控制*/
body{width:100%;margin:0;padding:0;font-family:"微软雅黑"; color:#565656;-webkit-text-size-adjust:none;}
html,body,div,dl,dt,dd,ol,ul,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,textarea,p,blockquote,th,td,p{margin:0;padding:0;}
img{max-width:100%;height:auto;border:0;vertical-align:center;}ul,li{list-style:none;}
.tc{text-align:center;}.tl{text-align:left;}.tr{text-align:right;}
.fl{float:left;}.fr{float:right;}.cl{clear:both;}.fb{font-weight:bold;}
.op{opacity: 0}
.flex{display:flex;}
.wrap{flex-wrap: wrap;}
a{text-decoration:none;color:inherit;cursor: pointer;}
input[type="text"]:focus,input[type="password"]:focus,textarea:focus{outline:none;}
button{cursor: pointer;border:0;}


.w{width:1200px;margin:auto;}
.clearfix:after{
    display:block;content:"";clear: both;visibility: hidden;height: 0;
}
.clearfix{zoom: 1;}



/*顶部*/
.headtop{height:45px;line-height: 45px}
.headtop img{width: 16px;display: inline-block;vertical-align: text-bottom;}
.headtop .fr{text-align: right;}






/*头部*/
.head{width:100%;height:64px;padding:38px 0}
.head_l{height:100%;width: 785px}
.logo_zi{color: #1c8a65;margin:10px 20px;}
.logo_zi>p:nth-child(1){font-size: 32px;margin:10px 0;}
.logo_zi>p:nth-child(2){font-size: 18px;letter-spacing: 10px}

.head_r .tel{width: 50px;margin: 5px}
.head_r .tel_zi{font-size: 24px;color:#646464;font-weight: bold;}


	/*导航*/
.nav{width:100%;height:60px;position: relative;z-index:999;background: #024f9f;}
.nav ul{height:60px;font-size: 0;padding-left: 33px}
.nav ul>li{margin-left: -33px;width:175px;height:60px;display: inline-block;line-height: 60px;position: relative;vertical-align: top}
.nav ul>li:hover{background: #c60903;background: url(../images/navbg.png);background-size: 100% 100%;}
.nav ul>li.active{background: #c60903;background: url(../images/navbg.png);background-size: 100% 100%;}
.nav ul>li>a{color:#fff;font-size: 18px;}
.nav ul>li img{display: block;width: 12px;position: absolute;top: 0;bottom: 0;right: 11.5px;margin:auto;z-index:200;}
.nav ul>li:last-child img{display: none}



.banner{width: 100%;overflow:hidden;}
.banner .slideBox{width: 100%}
.banner img{display: block;width: 100%}
.banner .slideBox ul{display: block;width: 100%}
.banner .slideBox ul li{display: block;width: 100%}



.nav ul>li ol{display: none;margin-top: -8px;opacity: .9;width:145px;}
.nav ul>li:hover ol{display: block;}
.nav ul>li ol li{background:#024f9f;border-bottom: 1px solid #007a51;height:40px;line-height: 40px;}
.nav ul>li ol li>a{color:#fff;font-size: 14px}
.nav ul>li ol li:hover{background: #c60903}






/*热门搜索*/

.hotseach{height: 80px;line-height: 80px}
.hotseach .fl img{width: 20px;display: inline-block;vertical-align: middle;margin-right: 10px}
.hotseach .fl span{color: #333;font-size: 16px;font-weight: bold;}
.hotseach .fr{width: 300px;border-left: 1px solid #f0f1f5}
.hotseach .fr input{width: 200px;display: block;height: 80px;border:0;margin-left:15px;line-height: 80px;font-size: 16px;float: left;}
.hotseach .fr button{display: block;background: url(../images/butbg.png);width: 75px;height: 80px;float: right;}


/*业绩实景*/

.idx_yjsj{background: #f0f1f5;padding:50px 0 100px 0;}

.z_title>p{font-size: 40px;text-align: center;color: #333;text-align: center;}
.z_title>p>span{color: #024f9f;font-weight:bold;}
.z_title>div{font-size: 16px;color: #666666;text-align: center;;margin-top: 15px}
.z_title>span{display: block;width: 80px;height: 2px;margin:auto;background: #024f9f;margin-top: 15px}

.idx_yjsj_list{margin-top: 40px}
.idx_yjsj_list .left{width: 265px;background: #fff}
.idx_yjsj_list .left .top{width: 100%;height: 125px;background: #024f9f;overflow:hidden;}
.idx_yjsj_list .left .top p{margin-top: 40px;margin-left: 30px;color: #fff;font-size: 26px}
.idx_yjsj_list .left .top span{font-size: 14px;color: #6ab1fa;text-transform: uppercase;margin-left: 30px;}
.idx_yjsj_list .left .type{margin:13px 0;}
.idx_yjsj_list .left .type>div{height: 89px;border-bottom: 1px solid #f0f1f5;line-height: 89px;padding:0 15px 0 30px;}
.idx_yjsj_list .left .type>div:last-child{border:0;}
.idx_yjsj_list .left .type>div img{display:block;float: right;margin-top: 35px}
.idx_yjsj_list .left .bottom{height: 150px;background: #024f9f;overflow:hidden;text-align: center;color: #fff}
.idx_yjsj_list .left .bottom img{display: block;margin:auto;width: 35px;margin-top: 15px;margin-bottom: 10px}
.idx_yjsj_list .left .bottom span{font-size: 16px}
.idx_yjsj_list .left .bottom p{font-size: 24px;font-weight: bold;}

.idx_yjsj_list .right{width: 920px}
.idx_yjsj_list .right .list>div{width: 300px;float: left;margin-right:10px;background: #fff;margin-bottom:10px;}
.idx_yjsj_list .right .list>div:nth-child(3n){margin-right:0}
.idx_yjsj_list .right .list>div .img{width: 100%;height: 265px;overflow: hidden;}
.idx_yjsj_list .right .list>div .img img{transition:all .5s;}
.idx_yjsj_list .right .list>div:hover .img img{transform:scale(1.2);}
.idx_yjsj_list .right .list>div p{text-align: center;height: 60px;line-height: 60px;white-space: nowrap;text-overflow: ellipsis;overflow: hidden;font-size: 18px}



/*值得信赖*/

.idx_zdxl{padding:50px 0 80px 0;}
.idx_zdxl .idx_zdxl_lun{width: 100%;margin-top: 35px}
.idx_zdxl .idx_zdxl_lun .swiper .swiper-wrapper .swiper-slide{width: 41vw}
.idx_zdxl .idx_zdxl_lun .xinxi{width: 100%;height: 100%;position: relative;}
.idx_zdxl .idx_zdxl_lun .xinxi .img{overflow: hidden;}
.idx_zdxl .idx_zdxl_lun .xinxi .img img{display: block;transition:all .5s;}
.idx_zdxl .idx_zdxl_lun .xinxi:hover .img img{transform:scale(1.2);}
.idx_zdxl .idx_zdxl_lun .xinxi .con{display: none;width:100%;height: 110px;position: absolute;bottom: 0;left:0;right: 0;margin:auto;background: rgba(2,79,157,.7);text-align: center;padding:20px 0;}
.idx_zdxl .idx_zdxl_lun .xinxi .con span{font-size: 24px;color: #fff}
.idx_zdxl .idx_zdxl_lun .xinxi .con p{font-size: 16px;color: #fff;line-height: 2;margin-top: 10px}
.idx_zdxl .idx_zdxl_lun .xinxi:hover .con{display: block;}

/*理由*/

.idx_ly{padding:50px 0 100px 0;background: #f0f1f5}
.idx_ly .type{margin-top: 45px}
.idx_ly .type>div{width:270px;height: 130px;float: left;margin-right: 40px;background: #ffffff}
.idx_ly .type>div:nth-child(4n){margin-right: 0}
.idx_ly .type>div .img{width:70px;height: 70px;margin:30px 18px 0 18px;border-radius: 50%;background: #024f9f;float: left}
.idx_ly .type>div .img>img:nth-child(1){display: none}
.idx_ly .type>div .img>img:nth-child(2){display: block}
.idx_ly .type>div .con{margin-top: 35px}
.idx_ly .type>div .con p{font-size: 28px;font-weight: bold;color: #333333}
.idx_ly .type>div .con span{font-size: 14px;color: #666;text-transform:uppercase;}
.idx_ly .type>div.active{background: #024f9f}
.idx_ly .type>div.active .img{background: #fff}
.idx_ly .type>div.active .img>img:nth-child(2){display: none}
.idx_ly .type>div.active .img>img:nth-child(1){display: block}
.idx_ly .type>div.active .con p{color: #fff}
.idx_ly .type>div.active .con span{color: #fff}


.idx_ly .typecon{width: 100%;height: 430px;background: #fff;margin-top: 70px;display: none}
.idx_ly .typecon>div .img{width: 600px;position: relative;overflow: hidden;}
.idx_ly .typecon>div .img img{display: block;transition:all .5s;}
.idx_ly .typecon>div .img:hover img{transform:scale(1.2);}
.idx_ly .typecon>div .img .paixu{position: absolute;top: 0;left: 0;width: 82px;height: 82px;background: #024f9f;color: #fff;text-align: center;line-height: 82px;font-size: 48px;font-weight: bold;color: #fff}
.idx_ly .typecon>div .con{width: 530px;padding:90px 30px 0 40px;}
.idx_ly .typecon>div .con .title{color: #333333;font-size: 36px;font-weight: bold;}
.idx_ly .typecon>div .con p{color: #666666;font-size: 14px;padding-bottom: 20px;border-bottom: 1px solid #eee}
.idx_ly .typecon>div .con .jianjie{color: #666;font-size: 16px;margin-top: 30px;line-height: 2}
.idx_ly .list .typecon:first-child{display: block}



/*走进 · 顺泰源钢结构*/

.idx_about .top{width: 100%;height: 225px;background: url(../images/bg2.jpg);background-size: 100% 100%;padding-top: 65px}

.z_title2>p{font-size: 40px;text-align: center;color: #fff;text-align: center;}
.z_title2>p>span{color: #fff;font-weight:bold;}
.z_title2>div{font-size: 16px;color: #fff;text-align: center;;margin-top: 15px}
.z_title2>span{display: block;width: 80px;height: 2px;margin:auto;background: #fff;margin-top: 15px}

.idx_about .idx_about_con{height: 400px;}
.idx_about .idx_about_con .left{width: 500px;height: 100%}
.idx_about .idx_about_con .left .con_con{margin-top: 50px;line-height:2;}
.idx_about .idx_about_con .left>a{display: block;width: 183px;height: 53px;line-height: 53px;text-align: center;color: #fff;background:#024f9f;margin-top: 30px}

.idx_about .idx_about_con .right{width: 660px;position: relative;height: 100%}
.idx_about .idx_about_con .right img{position: absolute;bottom: 0;width: 100%;height:auto;}

.idx_about .idx_about_type{padding:70px 0 90px 0;background: #f0f1f5;margin-top: 80px;}
.idx_about .idx_about_type .idx_about_type_list{font-size: 0;text-align: center;}
.idx_about .idx_about_type .idx_about_type_list>div{width: 180px;height: 45px;margin:0 5px;line-height: 45px;text-align: center;display: inline-block;font-size: 18px;background: #024f9f;color: #fff}
.idx_about .idx_about_type .idx_about_type_list>div.active{background: #c60903}
.idx_about .idx_about_type .idx_about_type_con{margin-top: 50px;display: none}
.idx_about .idx_about_type .list2 .active{display:block}
.idx_about .idx_about_type .idx_about_type_con>.list>div{width: 290px;height: 220px;overflow: hidden;float: left;margin-right:13px;overflow: hidden;}
.idx_about .idx_about_type .idx_about_type_con>.list>div:nth-child(4n){margin-right: 0}
.idx_about .idx_about_type .idx_about_type_con>.list>div img{display: block;transition:all .5s;}
.idx_about .idx_about_type .idx_about_type_con>.list>div:hover img{transform:scale(1.2);}

/*技术服务*/

.idx_jsfw{padding:45px 0 95px 0;}
.idx_jsfw .idx_jsfw_list{margin-top: 70px}
.idx_jsfw .idx_jsfw_list>div{width: 380px;background: #f8f8f8;float: left;margin-right:30px}
.idx_jsfw .idx_jsfw_list>div .img{width: 380px;height: 300px;overflow: hidden;}
.idx_jsfw .idx_jsfw_list>div .img img{display: block;transition:all .5s;}
.idx_jsfw .idx_jsfw_list>div:hover .img img{transform:scale(1.2);}
.idx_jsfw .idx_jsfw_list>div:nth-child(3n){margin-right: 0}
.idx_jsfw .idx_jsfw_list>div .con{padding:20px;}
.idx_jsfw .idx_jsfw_list>div .con .title{font-size: 18px;color: #333;text-overflow: ellipsis;white-space:nowrap;overflow: hidden;}
.idx_jsfw .idx_jsfw_list>div .con .jianjie{margin-top: 20px;font-size: 16px;line-height: 1.5;color: #666;height: 48px;overflow: hidden;}
.idx_jsfw .idx_jsfw_list>div .con span{width: 40px;height: 1px;background: #024f9f;margin-top: 15px}
.idx_jsfw .idx_jsfw_list>div .con .time{margin-top: 20px}
.idx_jsfw .idx_jsfw_list>div .con .time img{display: inline-block;height: 16px;width: auto;margin-right:5px;vertical-align: text-bottom;color: #666}
.idx_jsfw .idx_jsfw_list>div .con .time img:nth-child(2){margin-left:15px }

/*合作客户*/

.idx_hz{background: #f0f1f5;padding:50px 0 50px 0;}
.idx_hz .idx_hz_list{margin-top: 30px}
/*.idx_hz .idx_hz_list>div{width:225px;height:150px;float: left;margin-right:18px;margin-bottom: 20px}
.idx_hz .idx_hz_list>div:nth-child(5n){margin-right: 0}
*/

/*底部*/

.foot{background: #1f1f1f;padding-top:50px;}
.foot .left{padding-bottom:50px;}
.foot .left ul{width: 150px;display: block;float: left}
.foot .left ul li{color: #b6b6b6;font-size: 16px;margin-bottom: 15px}
.foot .left ul li a{color: #b6b6b6}
.foot .left ul li:nth-child(1){font-size: 18px;margin-bottom: 25px}

.foot .right{width: 130px;padding:10px;background: #fff}
.foot .right p{font-size: 14px;text-align: center;color: #333}

.foot_d{background: #1f1f1f;height: 68px;border-top: 1px solid #353536;line-height: 68px;font-size: 14px;color: #fff}



/*右侧漂浮*/

.flexright{width: 72px;position: fixed;right: 48px;bottom:200px;z-index: 9999}
.flexright>div{width: 72px;height: 72px;margin-bottom: 1px}



/*位置*/
.location{height: 80px;line-height: 80px;border:1px solid #e7e7e7;font-size: 16px;color: #333}
.location .w .fl img{display: inline-block;width: 20px;height:24px;vertical-align: sub;}
.location .w .fl span{color: #c60903}
.location .w .fr a{color: #333;display: inline-block;min-width: 80px;text-align: center;margin-left: 15px}
.location .w .fr a.active{color: #024f9f;border-bottom: 3px solid #024f9f;font-weight: bold}

.aboutcon{margin-top: 45px}
.aboutcon .peitu{display: block;width: 100%;height:auto;float:right;width:auto;max-width: 70%;margin:0 0 10px 10px;}



/*图片列表*/

.prolist{margin-top: 45px}
.prolist .list>div{width: 290px;float: left;margin-right: 13.33px}
.prolist .list>div:nth-child(4n){margin-right: 0}
.prolist .list>div .img{width: 100%;height:220px;overflow: hidden;}
.prolist .list>div .img img{display: block;transition:all .5s;}
.prolist .list>div:hover .img img{transform:scale(1.2);}
.prolist .list>div p{height: 65px;line-height: 65px;text-align: center;overflow: hidden;white-space: nowrap;text-overflow: ellipsis}


.page{text-align: center;font-size: 0;margin:50px auto;}
.page a{margin:2.5px;display: inline-block;width: 38px;height:38px;line-height: 38px;border:1px solid #d9d9d9;color: #595959;font-size: 14px}
.page a:first-child,.page a:last-child{background: #d9d9d9}
.page a:hover{background: #024f9f;border-color:#024f9f;color: #fff}
.page a.select{background: #024f9f;border-color:#024f9f;color: #fff}


.show_con{margin-top: 45px}
.show_con .show_title{font-size: 30px;text-align: center;color: #333333;font-weight: bold;}
.show_con .show_time{font-size: 16px;color: #a9a9a9;text-align: center;line-height: 65px;}
.show_con .show_img{padding:60px 0;/*border-bottom: 1px solid #ebebeb;*/border-top: 1px solid #ebebeb;text-align: center;}
.show_con .show_img img{width: auto;display: inline-block;max-width: 100%}
.show_con .con_con{padding:60px 0;border-bottom: 1px solid #ebebeb;/*border-top: 1px solid #ebebeb;*/}


.fanye{height:100px;line-height: 100px}
.fanye div{color: #666}
.fanye div:hover{color: #006699}


 .con_con img{display: inline-block;width:auto;max-width: 100%}


/*新闻列表*/


.newslist .list>div{background: #f8f8f8;height: 200px;margin-top: 45px}
.newslist .list>div .img{width: 252px;height:100%;overflow: hidden;}
.newslist .list>div .img img{width: 100%;height:auto;transition:all .5s;}
.newslist .list>div:hover .img img{transform:scale(1.2);}
.newslist .list>div .con{padding:30px;width:888px;}
.newslist .list>div .con .title{font-size: 18px;font-weight: bold;font-weight: bold;overflow: hidden;white-space: nowrap;text-overflow: ellipsis}
.newslist .list>div .con .jianjie{font-size: 16px;color: #666666;line-height: 1.5;margin:15px 0;}
.newslist .list>div .con span{display: block;width: 40px;height:2px;background: #024f9f}
.newslist .list>div .con .time{font-size: 16px;margin-top: 15px}
.newslist .list>div .con .time img{display: inline-block; vertical-align: sub;height: 16px;width:auto;margin-right: 5px}
.newslist .list>div .con .time img:nth-child(2){margin-left: 20px}



/*联系我们*/

.linkus{background: #f0f1f5;padding:45px 0;height:710px;}
.linkus .w{position: relative;}
.linkus .left{width: 580px;float: left;margin-top: 80px}
.linkus .left>div{margin-bottom: 50px}
.linkus .left>div .img{width: 50px;float: left}
.linkus .left>div .con{float: right;width:520px;color: #333;font-size: 16px;margin-top: 3px}
.linkus .left>div:after{content: '';display: block;clear:both;}

.linkus .right{width: 762px;background: #fff;height:700px;position: absolute;top:0;left: 600px}
.linkus .right .form{width:645px;margin:0 auto;}
.linkus .right .form .title{font-size: 24px;color: #333;margin-top: 35px;position: relative;}
.linkus .right .form .title:after{content: '';display: block;position: absolute;top: 0;left:-35px;width: 30px;height:28px;background: url(../images/sub.png);}
.linkus .right .form .jianjie{color: #666;line-height: 2;margin-top: 20px}
.linkus .right .form form{display: block;margin-top: 30px}
.linkus .right .form form .input{width: 100%;height:50px;border:1px solid #e5e5e5;margin-bottom:20px }
.linkus .right .form form .input span{display: block;width: 70px;float: left;height:50px;line-height: 50px;margin-left: 10px}
.linkus .right .form form .input span font{color: red}
.linkus .right .form form .input input{display: block;width: 550px;float: right;height:50px;line-height: 50px;margin-right: 10px;border:0;}
.linkus .right .form form .textarea{height: 200px;border:1px solid #e5e5e5;margin-bottom:20px}
.linkus .right .form form .textarea span{display: block;width: 70px;height:30px;line-height: 30px;margin-left: 23px}
.linkus .right .form form .textarea textarea{display: block;height:150px;width:95%;margin:auto;resize:none;border:0;}

.linkus .right .form button{width: 210px;height:50px;background: #ea5514;text-align: center;line-height: 50px;color: #fff;display: block;margin:20px auto;font-size: 24px}





.seach_list{margin-top: 45px}

.seach_list li{line-height: 45px;font-size: 16px}
.seach_list li strong{float: right;display: inline-block;}