/*头部样式*/ .top,.w1200{width:1200px;margin:0 auto;} .fl{float: left;} .fr{float: right;} p{margin:0 0 0 0;} .clearboth{height:0px;line-height:0px;overflow:hidden;clear:both;font-size:0px;} .tophead{width: 100%;height: 35px;background: #ececec;position: relative;} .headtitle{font-size: 14px;color: #969696;line-height: 35px;} .k1{font-size: 14px;line-height: 35px;color: #969696;} .k1 a{color:#999999} #header{background: rgba(0,0,0,0.6);height: 170px;position: relative;z-index: 9999} .top{width: 1200px;margin:0 auto;height: 117px;position: relative;} .head_logo{position: absolute;top:0px;left:0px;width: 212px;height: 170px;line-height: 170px;} .topLink{float:right;position: relative;z-index: 9999;margin-top: 33px;} .topLink .k1{line-height:32px;padding-top:5px;} .topLink .k2{color:#074b91;font-size:14px;font-family:"微软雅黑";} /* 导航 */ .menu{background: rgba(0,0,0,0.4);} .demo-menu {width:1200px;margin:0 auto;} .demo-menu>li {float:left;position:relative;text-align:center;margin-left: 38px;} .demo-menu>li:nth-child(1){margin-left: 292px;} .demo-menu>li>a {display:block;font-size:15px;color:#ebe1e2;height: 53px;line-height: 53px;} .demo-menu>li>a:hover{display:block;font-size:17px;} /*首页banner*/ .banner{position:relative;margin-top: -170px;} .banner{width:1920px;height:904px;position:relative;margin-left:-960px;left:50%;} .banner ul.bb{position:relative;padding:0px;margin:0px;z-index:5;width:1920px;height:904px;} .banner ul.bb li{position:absolute;display:none;width:1920px;height:904px;} .banner ul.bb li a{display:block;width:1920px;height:904px;} .banner ul.bb li a img{width:1920px;height:904px;} .banner .num{position:absolute;right:45%;bottom:32px;z-index:100;} .banner .num li{float:left;width:18px;height:18px;display:inline-block;margin-right:17px;background:rgba(51,51,51,0.41);line-height:16px; text-indent:-100px;overflow:hidden;border-radius:50px;} .banner .num li.num_hover{background-color:#333;} .banner .num li.num_hover a{color:#fff;} .banner .num li a{float:left;display:inline;text-align:center;color:#666;text-decoration:none;cursor:pointer;width:16px;height:16px;line-height:16px;} /*滚动*/ #demo{overflow:hidden;width:100%;margin:0 auto;} #indemo {float: left;width:800%} #demo1 {float: left;} #demo2 {float: left;} #m_demo{overflow:hidden;width:100%;margin:0 auto;} #m_indemo {float: left;width:800%} #m_demo1 {float: left;} #m_demo2 {float: left;} /* 搜索 */ .search{text-align:left;height:24px;background-color:#f8f8f8;padding:5px 10px 5px 10px;} #formsearch{margin-top:17px;float:right;} .hotSearch{float: left;color: #f5f5f5;font-size: 16px;font-weight: normal;} .hotSearch a{margin-right:6px;color: #f5f5f5;font-size: 14px;} #formsearch input{height:50px;background:#4c4a4a;border:none;line-height:50px;outline: none;;} #formsearch input#keyword{height:50px;line-height:50px;padding-left:20px;color:#999;float: left;width: 307px;font-size: 14px;} #formsearch input#s_btn{width:79px;height:50px;line-height:50px;text-align:center;background-color:#b8001a;color:#fff;border:none;cursor:pointer;float: left;font-size: 18px;} /* 内页 */ .left{width: 240px;float: left;} .right{width: 940px;float: right;} .product_list{} .product_list li{float: left;width: 293px;border: 1px solid #eee;margin:0 10px 10px;padding:5px;} .product_list li a.img{display: block;width: 281px;height: 307px;overflow: hidden;} .product_list li img{width:281px;height: 307px;transition: all .5s ease;} .product_list li h3{line-height: 35px;text-align: center;} .product_list li h3 a{color: #5a5a5a;font-size: 14px;} .product_list li:hover{border-color: #505050} .product_list li:hover img{transform:scale(1.1);} /* */ .a1{width: 1920px;margin-left: -960px;left:50%;position: relative;} .a2{width: 1200px;margin:0 auto;} /* 8大服务项目 */ .ser{margin-top: 88px;position: relative;z-index: 9999} .ser-tit{text-align: center;} .ser-tit span{display: block;background: url(../images/tit.png)no-repeat center;height: 54px;line-height: 54px;text-align: center;color: #333;font-size: 30px;} .ser-tit img{margin-top: 12px;} .ser-tit p{color: #333;font-size: 16px;margin-top: 23px;} .fenlei{margin-top:40px;} .fenlei li{float: left;position: relative;width:;height:;margin-right:14px ;margin-bottom:13px ;width: 289px;height: 316px; } .fenlei li:nth-child(4n){margin-right: 0px;} .fenlei li img{width: 289px;height: 315px;} .fenlei li span{display: block;bottom: 0px;left:0px;position: absolute;height:;background: rgba(0,0,0,.6);line-height: 57px;color: #fff;font-size: 20px;text-align: center;width: 100%;} /* 关于我们 */ .ab{background: url(../images/1.jpg)no-repeat;height: 1298px;margin-top: -533px;} .ab .a2{padding-top: 660px;} .ab-le{width: 361px;} .ab-le ul{margin-top: 125px;} .ab-le ul li{height: 102px;color: #333;font-size: 24px;display: inline-block;} .ab-le ul li p{color: #333;font-size: 8px;text-transform: uppercase;} .ab-le ul li::before{content: "";width: 34px;height: 1px;background: #c3c3c3;display: block;margin-bottom: 12px;transition: all 0.6s;} .ab-le ul li:hover::before{width: 100%;background: #b8001a} .ab-ri{width: 475px;margin-top: 240px;padding:0 55px;overflow: hidden;} .ab-ri h3{font-weight: normal;color: #fff;font-size: 30px;} .ab-ri div{margin-top: 25px;color: #fff;font-size: 15px;line-height: 32px;text-align: justify;} .ab-more{margin-top: 529px;} .ab-more a{display: inline-block;width: 130px;height: 47px;line-height: 47px;text-align: center;background: url(../images/2.png)no-repeat;color: #fff;font-size: 14px;} .ab-more a.ab-li{background: url(../images/3.png)no-repeat;} /* 案例 */ .anli{margin-top: 108px;} .anli-tit{margin-top: 18px;text-align: center;height: 28px;line-height: 40px;} .anli-tit li{display: inline-block;margin:0 23px;background: url(../images/4.png)no-repeat left;padding-left: 20px;color: #333;font-size: 16px;cursor: pointer;} .anli-tit li.on{background: url(../images/h4.png)no-repeat left;color: #b8001a} .anli-tab{} .ttz{display:none;} .case_list1{ margin-top: 15px; } .case_list1 li{float: left;margin-right: 15px;margin-bottom: 14px;width: 390px;} .case_list1 li:nth-child(3n){margin-right: 0px;} .case_list1 li img{width: 390px;height: 306px;} .case_list1 li span{display: block;text-align: center;color: #000;font-size: 17px;line-height: 59px;} /* */ .s1{margin-top: 98px;background: url(../images/s1.jpg)no-repeat center 49px;height: 701px;} .s1-le{margin-top: 49px;} .s1-le img{width: 406px;height: 450px;} .s11{width: 406px;height: 202px;background: #383838;text-align: center;padding-top: 65px;} .s11 span{display: block;width: 187px;height: 51px;line-height: 51px;border:1px solid #969696;text-align: center;margin:0 auto;color: #fff;font-size: 23px;} .s11 p{color: #fff;font-size: 10px;text-transform: uppercase;margin-top: 10px;} .s1-le2{} .s1-le2 img{width:388px;height: 510px;position: relative;z-index: 999} .s12{width: 388px;height: 245px;background: #383838;text-align: center;padding-top: 85px;} .s12 span{display: block;width: 187px;height: 51px;line-height: 51px;border:1px solid #969696;text-align: center;margin:0 auto;color: #fff;font-size: 23px;} .s12 p{color: #fff;font-size: 10px;text-transform: uppercase;margin-top: 10px;} .s1-ri{width: 553px;margin-right:-147px;margin-top: 49px;} .s1-ri .img1{width:553px;height: 326px;} .s13{width: 403px;height: 326px;text-align: center;position: relative;} .s13 .cont{position: absolute;width: 229px;height: 120px;top:184px;left:94px;padding-top: 24px;background:#333;} .s13 span{display: block;width: 187px;height: 51px;line-height: 51px;border:1px solid #969696;text-align: center;margin:0 auto;color: #fff;font-size: 23px;} .s13 p{color: #fff;font-size: 10px;text-transform: uppercase;margin-top: 10px;} /* 新闻 */ .xin{background: url(../images/xin.jpg)no-repeat;height: 876px;padding-top: 153px;} .xin-cont{margin-top: 45px;} .pic{margin-top: 24px;position: relative;width: 357px;overflow: hidden;height: 300px;} .pic .hd{position: absolute;top:233px;width: 357px;height: 68px;z-index: 999} .pic .hd ul{position: absolute;right: 27px;top:0px;} .pic .hd ul li{width: 12px;height: 12px;border-radius: 50%;background: #96929d;margin-left: 8px;text-indent: -999px;overflow: hidden;float: left; } .pic .hd ul li.on{background: #b8001a} .pic .hd .pageState{margin-top:40px;display: block;color: #333;font-size: 14px;margin-left: 8px;} .pic .hd .pageState span{color: #999;font-size: 20px;} .news_list1{} .news_list1 li{} .news_list1 li img{width: 357px;height: 267px;} .news_list1 li a{display: block;margin-top: 12px;color: #333;font-size: 14px;padding-left: 75px;} .xin-le{width: 390px;margin-left: 35px;margin-top: 37px;} .news_list2{height: 84px;border-bottom: 1px solid #eaeaea} .news_list2 li a{color: #333;font-size: 14px;} .news_list2 li p{color: #999;font-size: 14px;margin-top: 17px;} .news_list3{margin-top: 18px;} .news_list3 li{position: relative;background: url(../images/f.jpg)no-repeat left;padding-left:10px;line-height: 40px;} .news_list3 li a{color: #666;font-size: 14px;} .news_list3 li span{position: absolute;right: 0px;top:0px;color: #999;font-size: 14px;} .xin-ri{width: 325px;} .xin-tit{color: #000;font-weight: bold;font-size: 20px;line-height: 52px;} .xin-tit a{font-weight: normal;color: #333;font-size: 14px;} .news_list4{} .news_list4 li{height: 54px;border-bottom: 1px solid #e2e2e2;background: url(../images/5.png)no-repeat;line-height: 54px;padding-left: 34px;} .news_list4 li:hover{background: url(../images/h5.png)no-repeat} .news_list4 li a{color: #000;font-size: 14px;} .news_list4 li:hover a{color: #fff;} /* 联系 */ .lian{background: url(../images/lian.jpg)no-repeat;height: 462px;} .lian-cont{width: 388px;height: 304px;background: #fff;margin:0 auto;} /* 留言 */ .liu{background: url(../images/liu.jpg)no-repeat;height: 585px;} .liu-tit{text-align: center;padding-top:85px;color: #333;font-size: 40px;} .liu-tit p{color: #333;font-size: 20px;} .message2{margin-top: 50px;} .liu-le{width: 356px;} .message2 input{width: 344px;height: 54px;border:none;background: #dcdcdc;color: #000;font-size: 14px;line-height: 54px;padding-left: 12px;margin-bottom: 9px;outline: none;} .liu-ri{width: 817px;} .liu-ri #content{width: 793px;height: 161px;border:none;background: #dcdcdc;padding-left: 24px;padding-top: 20px;outline: none;} .message2 .msgbtn{width: 388px;height: 58px;line-height: 58px;padding:0px;background: #b8001a;color: #fff;font-size: 20px;margin-left: 407px;margin-top: 10px;} #checkcode { height: 32px; line-height: 32px; width: 120px; border: 1px solid #dedede; } /*友情链接*/ .f_link{margin-top: 110px;} .f_link span{display: inline-block;margin-right: 95px;} .f_link a{color: #666;font-size: 14px;display: inline-block;margin:0 25px;} /*页面底部*/ #footer{background: url(../images/foot.png)no-repeat;width: 1261px;margin:0 auto;height: 282px;/* margin-top: 25px; */} .ffa{ margin-left: 82px; margin-top: 34px;width: 420px;} .ff_tel{margin-left: 179px;margin-top: 75px;color: #000;font-size: 30px;} .ff_tel span{display: block;color: #000;font-size: 26px;margin-bottom: 12px;} .ff_tel a{display: block;width: 75px;height: 26px;line-height: 26px;text-align: center;background: #b8001a;color: #fff;font-size: 14px;margin-top: 25px;} .er{margin-right:104px;margin-top: 75px} .ban{text-align: center;margin-top: 25px;color: #666;font-size: 14px;} .ban a{color: #666;} .nav_foot{width: 1200px;margin:0 auto;text-align: center;} .nav_foot a{display: inline-block;height: 30px;line-height: 30px;color: #666;font-size:14px;margin:0 25px; } .kong{height:110px;} .foot{background: #333;height: 85px;line-height: 85px;margin-top: 35px;position: relative;width:1920px;margin-left: -960px;left:50%;z-index: 99999999} #foot_top{background: url(../images/top.png)no-repeat;position: absolute;right: 214px;top:0px;height: 85px; cursor: pointer;width: 80px;} .fixednav{position: fixed;bottom: 0px;}