/*头部样式*/
.top1{border-bottom: 1px solid #d2d2d2;font:12px/23px "微软雅黑";color: #333;}
.top1 a{font:12px/23px "微软雅黑";color: #333;}
.top2{height: 120px;}
.logo{width: 630px;margin-top: 26px;}
.logo h1{float:left;}
.logo span{display:inline-block;margin-left:5px; margin-top: 10px;
}
.k2{width: 275px;padding-left: 52px;font:16px/18px "微软雅黑";color: #333;padding-top: 40px;background: url(arr1.png) 0 36px no-repeat;}
.k2 table{text-align: left;position: relative;left:30px;}

/*热门搜索*/
.search{background:url(hot.png) center top no-repeat;}
.hotSearch{font:14px/60px "微软雅黑";color: #fff;}
.hotSearch a{margin-right: 15px;color: #fff;}
#formsearch{width: 366px;height: 26px;float: right;margin-top: 16px;margin-right:385px;}
#formsearch input{line-height: 26px;color: #666;border:none;}
#formsearch input#keyword{padding-left: 8px;width: 307px;outline: none;border:1px solid #cbcccf;height: 24px;border-right: none;}
#formsearch input#s_btn{background:url(search.png) left center no-repeat;outline: none;width: 49px;cursor: pointer;height: 26px;margin-left: -4px;}


/*主体样式*/
a{transition:all 0.8s ease;}
.article{width: 1280px;margin:0 auto;position: relative;}

/*----- Common css ------*/
.fl{float:left;}
.fr{float:right;}

/*----- 工程项目 ------*/
.project{width: 1200px;margin:0 auto;position: relative;margin-top: 77px;text-align: center;}
.project h1{padding-top: 78px;text-align: center;background: url(arr2.png) center top no-repeat;font:18px/18px "微软雅黑";color: #000;padding-bottom: 63px;}
.pj-left{width: 250px;margin-left: 5px;}
.pj-left>h2{height: 65px;background: url(tit.jpg) center;font:bold 30px/30px "微软雅黑";color: #fff;padding-top: 35px;}
.pj-left>h2>span{display: block;font:12px/28px "微软雅黑";text-transform: uppercase;}
.pj-left>ul{border:3px solid #53b2f9;height: 820px;border-top:1px solid transparent;overflow: hidden;}
.pj-left>ul>li>a{display: block;width: 200px;height: 28px;border:1px solid #a3a3b2;font:18px/28px "微软雅黑";padding-left: 8px;text-align: left;margin-top: 15px;margin-left: 10px;color: #666;background: url(I.png) 180px center no-repeat;}
.sons{margin-top: 10px;padding-bottom: 10px;border-bottom: 1px solid #d6d6e3;overflow:hidden;}
.sons li{font:14px/30px "微软雅黑";text-align: left;padding-left: 28px;background: url(II.png) 18px center no-repeat;}
.dd2 .sons li{float:left;width:50%;box-sizing:border-box;white-space:nowrap;}
.sons li>a{color: #666;}
.pj-right{width: 940px;}
.pj-right>ul{margin-top: 12px;}
.pj-right>ul>li{float: left;margin-right: 20px;margin-bottom: 5px;width: 300px;height: 283px;overflow: hidden;}
.pj-right>ul>li:nth-child(3n){margin-right: 0;}
.pj-right>ul>li img{width: 298px;height: 243px;border:1px solid #d6d6e3;transition:all .8s ease-out;}
.pj-right>ul>li:hover img{transform:scale(1.1,1.1);}
.pj-right>ul>li p{font:18px/38px "微软雅黑";color: #333;position: relative;z-index: 99;background-color: #fff;}
.pj-right>ul>li p:before{content: ">";color: #ff8921;margin-right: 5px;}


/*----- 热线 ------*/
.hotline{background:url(bg1.png) center top no-repeat;height: 185px;margin-top: 56px;color: #fff;}
.p1{font:30px/30px "微软雅黑";position: absolute;top:50px;left:257px;}
.p2{font:bold 36px/36px "微软雅黑";position: absolute;left:23px;top:85px;text-align: right;}
.p2 span{font:14px/29px "微软雅黑";display: block;text-transform: uppercase;}
.middle-p{font:bold 60px/60px "微软雅黑";position: absolute;left:628px;top:64px;}
.right-p{font:24px/35px "微软雅黑";position: relative;left:880px;top:64px;}

.black{text-align: center;background: url(arr4.png) center top no-repeat;height: 66px;color: #62b0fa;font:bold 40px/95px "微软雅黑";margin-top: 55px;}
.black span{font:14px "微软雅黑";color: #333;margin-left: -25px;position: relative;top:5px;}

/*----- 优势 ------*/
.advantage{height: 1370px;background:url(bg4.png) center bottom no-repeat; }
.advantage-title{text-align: center;height: 164px;background:url(bg3.png) center top no-repeat;margin-top: 35px;text-transform: uppercase;font:bold 36px/15px Arial;color: #666;}
.advantage-title span{color: #009ede;}
.ad{width: 294px;position: absolute;font:14px/33px "微软雅黑";color: #333;}
.ad>h1{font:24px/33px "微软雅黑";color: #00a8e5;}
.ad>h1 span{display: block;font:12px/33px "微软雅黑";text-transform: uppercase;}
.ad1{left:528px;top:140px;}
.ad2{left:125px;top:495px;}
.ad3{right: 58px;top:495px;}
.ad4{left:530px;top:815px;}
.ad5{left:125px;top:1113px;}
.ad6{right: 55px;top:1113px;}
.imgs{width:400px;height: 304px;overflow: hidden;position: absolute;left: 40px}
.imgs img{width:400px;height: 304px;transition:all .8s ease-out;}
.imgs:hover img{transform:scale(1.1,1.1);}
.img1{top:134px;}
.img2{left:440px;top:448px;}
.img3{right: 0;top:135px;}
.img4{top:762px;}
.img5{right: 0;top:762px;}
.img6{left:440px;top:1066px;}


/*----- 经典案例 ------*/
.index-case .black{background-image: url(arr5.png);margin-top: 100px;}
.index-case .black span{margin-left: 11px;}

/*----- 关于我们 ------*/
.index-about .black{background-image: url(arr8.png);margin-top: 80px;}
.index-about{background: url(about.jpg) center bottom no-repeat;height: 640px;}
.about-box{width: 1200px;height: 450px;margin-top: 100px;float: right;background:url(box.png) center top no-repeat;}
.sectiona{width: 443px;height: 468px;overflow: hidden;margin: 20px 0 0 17px;transition:all .8s ease;}
.sectiona img{width: 443px;height: 468px;transition:all .8s ease;}
.sectiona:hover img{transform:scale(1.1,1.1);}
.sectionb{padding:20px 0 0 50px;width: 535px;font:14px/28px "微软雅黑";color: #666;}
.sectionb a.more{float: right;color: #666;margin-top: -10px;border:1px solid #666;line-height: 16px;}
.sectionb a.more:hover{color: #e87518;}
.sectionc{width:577px;}
.sectionc>h2{width: 417px;font:40px/75px "微软雅黑";color: #fff;background-color: #0974c2;text-align: center;float: left;}
.sectionc>h2 span{font-size: 26px;margin-left: 20px;position: relative;top:-5px;}
.sectionc>img{float: left;cursor:pointer;}
.win{width: 550px;height: 370px;overflow: hidden;}
.win>ul{width: 800%;position: relative;}
.win>ul>li{width: 275px;float: left;}
.win>ul>li img{width: 275px;height: 370px;}


/*----- 新闻资讯 ------*/
.index-news{margin-top: 75px;}
.index-news .black{background-image: url(new-tit.png);}
.index-news .black span{margin-left: 100px;}
.copnew{margin-top: 55px;float: left;width: 400px;}
.copnew h1{margin-left: 8px;padding-left: 9px;border-left: 3px solid #111;color: #111;font:26px/33px "微软雅黑";}
.copnew h1 span{font-size: 15px;font-family: arial;}
.copnew h1 a{float: right;font-size: 19px;margin-right: 20px;}
.copnew img{margin-left: 8px;margin-top: 10px;}
.copnew ul{margin-top: 20px;}
.copnew ul li{font:16px/31px "微软雅黑";}
.copnew ul li:before{content: "";border:5px solid #666;border-radius:6px;height: 0;display: inline-block;margin:0 12px;}
.copnew h1:hover{border-color: #f08519;color: #f08519;}
.copnew ul li:hover:before{border-color: #f08519;}
.qs{margin-top: 55px;float: left;width: 400px;}
.qs h1{margin-left: 8px;padding-left: 9px;border-left: 3px solid #111;color: #111;font:26px/33px "微软雅黑";}
.qs h1:hover{border-color: #f08519;color: #f08519;}
.qs h1 span{font-size: 15px;font-family: arial;}
.qs h1 a{float: right;font-size: 19px;margin-right: 20px;}
.qs ul{margin-top: 10px;height:477px;overflow:hidden;}
.qs ul li{margin-bottom: 21px;}
.qs ul li span{font:18px/36px "微软雅黑";}
.qs ul li span:before{content: "问";width: 18px;height: 18px;display: inline-block;background-color: #071b14;border-radius: 9px;font-size: 14px;color: #fff;margin:0 10px;line-height: 17px;text-align: center;}
.qs ul li div{font:14px/18px "微软雅黑";padding-left: 39px;position: relative;}
.qs ul li div:before{content: "答";width: 18px;height: 18px;display: inline-block;background-color: #460909;border-radius: 9px;font-size: 14px;color: #fff;margin:0 10px;line-height: 17px;text-align: center;position: absolute;left:0;}


/*友情链接*/
.f_link{width:1200px;margin:0 auto;margin-top:15px;line-height:30px;}
.f_link a{margin-right: 5px;}

/*页面底部*/
#footer{background-color: #0376c3;color: #fff;overflow: hidden;padding-bottom: 30px;}
#footer a{color:#fff;}
#footer a:hover{color:#e87518;text-decoration:none;}
.copyright{line-height:24px;margin-top: 25px;font-size: 14px;}
.foot-nav{padding-top: 30px;}
.foot-nav>li{float: left;width: 150px;font:16px/26px "微软雅黑";}
.foot-nav>li ul{margin-top:10px;}
.foot-nav>li ul li{font-size:14px;}
.foot-right{padding-top: 65px;}

/*------------内页-------------------*/

.left {
    width: 224px;
    float: left;
}

.left .box {
    margin-bottom: 10px;
}

.left .box h3 {
    line-height: 60px;
    padding-left: 34px;
    background: #02a1f3;
    font-size: 16px;
    color: #fff;
    font-weight: 400;
    position: relative
}

.left .box h3::after{
    content:"";
    position: absolute;
    width:5px;
    height:20px;
    top:20px;
    left:15px;
    background: #fff
}

.left .box .content {
    padding: 5px 0px;
}
.prodescription{border:1px solid #e5e5e5;background:#f9f9f9;line-height:24px;padding:10px;margin-bottom:15px;text-indent:20px;}

.n_banner{width:1920px;position: relative;left:50%;margin-left: -960px;height:400px;}
.n_banner img{width: 1920px;height: 400px;}
.left{width:225px;float:left;}
.sort_menu h3{background-color:#ececec;line-height:28px;padding-left:15px;font-weight:bold;}
.sort_product{margin-top:10px;}
.sort_product h3{background-color:#ececec;line-height:28px;padding-left:15px;font-weight:bold;}

.n_contact{margin-top:10px;}
.n_contact h3{background-color:#ececec;line-height:28px;padding-left:15px;font-weight:bold;}
.n_contact .content{padding:5px;line-height:24px;}

.right{width:890px;float:right;padding-bottom:10px;}
.sitemp {
    border-bottom:1px solid #eee;

}

.sitemp h2 {
    width: 340px;
    float: left;
    line-height: 40px;
    text-align: left;
    font-size: 16px;
    color:#333;
}

.sitemp .site {
    width: 380px;
    float: right;
    text-align: right;
    line-height: 40px;
}
.right .content{padding:10px;padding-top:15px;overflow:hidden;line-height: 24px;}
.sort_album{margin-top: 15px;}