@CHARSET "UTF-8"; /*头部样式*/ #header{position: fixed;top:0;left:0;background-color:#fff;width:100%;z-index: 99;} .head{padding:6px 1%;} .top{position: relative;} .logo{float:left;} .topLink{padding-top:25px;} .translate{width:100px;position: absolute;left: 0;top:10px;z-index: 9999;} .tran-in{left:120px;} .translate li{border: 1px dashed #cccccc;line-height: 26px;text-align: left;background: #fff;} .translate li a{display: block;padding-left: 10px;background: url(../images/dot4.png) no-repeat 88% 11px;} .translate li a:hover{text-decoration: none;color:#275cea;cursor: pointer;} .translate-en{display: none;padding: 6px;padding-top:0px;} .translate li .translate-en a{padding-left: 0px;text-align: center;background: #fff;border-bottom: 1px solid #cccccc;} .translate li .translate-en a:hover{font-weight: bold;} .topLink .k1{padding-top: 3px;} .topLink .language{font:100 15px/26px 'arial';} .t-share{padding-right: 20px;padding-left:10px;} .t-share .bdshare-button-style0-16 a{width:26px;height:26px;padding:0;margin-top:0;} .t-share .bdshare-button-style0-16 a.bds_weixin{background: url(../images/weixin.jpg) no-repeat;} .t-share .bdshare-button-style0-16 a.bds_tsina{background: url(../images/weibo.jpg) no-repeat;} @media (max-width: 1900px){ .k1{display: none;} } @media (max-width: 1500px){ .topLink{display: none;} } #menu{width:862px;padding-top:20px;margin-left:5%;position: relative;} @media (max-width: 1300px){ #menu{margin-left:2%;width:690px;} .navv li a{padding:0 10px;} } /*热门搜索*/ .search{} #formsearch{width:337px;margin-top:5px;height:45px;background: url(../images/search.jpg) no-repeat;} .hotSearch{height:32px;line-height:32px;font-weight:normal;color:#666;font-size:16px;padding-top:10px;} /*主体样式*/ .bg{background: #eaeaea;padding:15px 0 114px;} @media (max-width: 1024px){ .bg{background: #eaeaea;padding:15px 0 30px;} } #container{max-width:1200px;margin:0 auto;margin-top: 55px;} .aboutbg{background: url(../images/aboutbg2.jpg) 50% 0;padding-top:120px;} .about{max-width: 1470px;margin:0 auto;padding-left:120px;} .aboutbox h2{color:#333;font:400 14px/24px "arial";background: url(../images/line3.jpg) no-repeat 0 100%;padding-bottom: 8px;} .aboutbox h2 p{color:#810110;font:400 24px/30px "arial";} .aboutbox h2 p span{color:#333;} .aboutbox .content{color:#333;font:400 16px/24px "arial";padding-top: 35px;} .about .more{margin-top:28px;display: inline-block;} .certy{} .certy h2{color:#333;font:400 16px/26px "arial";background: url(../images/line3.jpg) no-repeat 0 100%;padding-bottom: 25px;} .certy h2 p{color:#810110;font:600 34px/30px "arial";text-transform:uppercase; } .certy .content{padding-top: 22px;} .certybox{} .certybox .img{padding-left:8px;padding-top: 22px;} .honor{max-width: 1470px;margin:0 auto;padding-left:120px;margin-top:115px;} .honor .tit{position: relative;} .honor .tit img{max-width: 100%;height:auto;} .honor .tit .title{position: absolute;left:24px;bottom:5%;color:#161616;font:400 18px/26px "arial";} .honor .tit .title p{color:#161616;font:600 35px/42px "arial";text-transform:uppercase; } .honor .title .more{margin-top:24px;display: inline-block;} .exhib{position: absolute;left:100%;top:0;height:100%;width:50%;} .exhib img{max-height: 100%;width:auto;} .exhib .wenz{width:22px;position: absolute;left:50%;top:0;color:#fff;font:400 16px/24px "arial";padding-top:40px;text-align: center;} .honor .col-md-8{padding:0;} @media (max-width: 991px){ .aboutbg{padding-top: 50px;} .top{padding:0;} .about{padding:0;} .aboutbox{margin-bottom: 20px;} .honor{margin-top: 50px;} .honor{padding:0;} .exhib{display: none;} .honor .tit .title p{display: none;} .certy h2 p{font-size: 24px;font-weight: 400;} } @media (max-width: 1400px){ .aboutbg{background: none;} } .pro{padding-top:98px;} .pro h2{color:#333;font:400 18px/26px "arial";background: url(../images/line3.jpg) no-repeat 50% 100%;padding-bottom: 25px;text-align: center;} .pro h2 p{color:#810110;font:600 31px/36px "arial";text-transform:uppercase; } .pro h2 p span{color:#333;} .pro .profile{color:#666;font:400 12px/24px "arial";text-align: center;padding-top:18px;} .line{height:95px;position: relative;margin:15px 0;} .line .red{position:absolute;width:1px;height:100%;background: #810110;left:50%;top:0;} .pros{padding-top:48px;position: relative;} .pros .content li{float: left;padding:0 15px;_display:inline;} @media (min-width: 568px) { .pros .content li{width: .5%;} } @media (min-width: 768px) { .pros .content li{width: .33%;} } @media (min-width: 1200px) { .pros .content li{width: .25%;} } @media (max-width: 567px) { .pros .content li{width: 1%;} } .pros .content a.img{display:block;overflow: hidden;max-width:100%;height:auto;} .pros .content img{max-width:100%;height:auto;} .pros li .listbox{position: relative;} .pros li h3{height:100%;width:100%;background-color:rgba(126,22,34,.8);padding-top:10px;text-indent:28px;position: absolute;left:0;top:100%;padding:38px 14px 0;} .pros li h3 a{display: block;color:#fff;font:400 16px/46px "arial";position: relative;z-index: 99;} .pros li h3 p{color:#fff;font:400 16px/30px "arial";position: relative;z-index: 99;border-top:3px solid #fff;padding-top:10px;} .pros li h3 .more{margin-top:15px;} .pros .content{overflow:hidden;max-height:566px;float:left;} .prolist{width:10000%;position: relative;} .pre_left{cursor:pointer;position: absolute;left:50%;top:15px;margin-left:-60px;width:45px;height:9px;background: url(../images/pre_left.jpg) no-repeat;z-index: 999;} .pre_right{cursor:pointer;position: absolute;right:50%;top:15px;margin-right:-60px;width:45px;height:9px;background: url(../images/pre_right.jpg) no-repeat;z-index: 999;} .pre_left:hover{background: url(../images/pre_left2.jpg) no-repeat;} .pre_right:hover{background: url(../images/pre_right2.jpg) no-repeat;} /*案例*/ .container-fluid { padding: 20px 0; position: static !important; } .box { margin-bottom: 20px; float: left; width:22%; position: relative; overflow: hidden; } .box img { max-width: 100% } .box .img2{display: none;} .box:hover .img1{display: none;} .box:hover .img2{display: block;} @media (max-width: 1550px) { .box{width:28%;} } .box h3{position: absolute;left:0;top:100%;width:100%;height:100%;background-color: rgba(112,20,36,.8);text-align: center;vertical-align: middle;} .box h3:before{ content: "."; height: 100%; display: inline-block; vertical-align: middle; visibility: hidden; } .box h3 a{display:inline-block;color:#fff;font:400 16px/46px "arial";vertical-align: middle;} .case{background: #f4f4f4;margin-top: 75px;} .case .tit{padding:150px 7% 180px 50px;background: url(../images/aboutbg.jpg) no-repeat;} .case .tit h2{color:#333;font:400 16px/26px "arial";} .case .tit h2 p{color:#810110;font:600 34px/30px "arial";text-transform:uppercase;background: url(../images/line3.jpg) no-repeat 0 100%;padding-bottom: 25px;} .case .tit h2 p span{color:#333;} .case .tit .content{color:#999;font:400 12px/24px "arial";padding-top:45px;} .case .line .red{left:12px;} .case .more{margin-top:45px;display: inline-block;} .case-cate a{padding-right: 18px;display: inline-block;color:#666;font:400 14px/30px "arial";} @media (max-width: 991px){ .case .tit{background: none;} } /*新闻*/ .news{padding-top: 50px;} .news h2{color:#333;font:400 18px/26px "arial";padding-bottom: 40px;text-align: center;} .news h2 p{color:#810110;font:600 31px/36px "arial";text-transform:uppercase; } .news h2 p span{color:#333;} .news_list1 li{margin-bottom: 20px;} .news_list1 li .img{display: block;margin-top:25px;width:100%;height:100%;overflow: hidden;} .news_list1 li .img img{max-width: 100%;height:auto;-webkit-transform: scale(1,1);-moz-transform: scale(1,1);-webkit-transition: all 0.5s ease-out;-moz-transition: all 0.5s ease-out;transition: all 0.5s ease-out;} .news_list1 li:hover .img img{-webkit-transform:scale(1.1,1.1);-moz-transform:scale(1.1,1.1);transform:scale(1.1,1.1);-webkit-transition:all 0.6s ease-out;-moz-transition:all 0.6s ease-out;transition:all 0.6s ease-out;} .news_list1 h3{background: url(../images/line4.jpg) no-repeat 0 100%;padding-bottom: 8px;} .news_list1 h3 span{display: block;color:#666;line-height: 20px;} .news_list1 h3 a{display: block;color:#333;font:400 16px/26px "arial";} .news_list1 p{color:#555;font:400 12px/28px "arial";padding-top:22px;} .news_list1 .more{margin-top: 28px;display: inline-block;} /*联系我们*/ .contacts{background: url(../images/aboutbg.jpg) no-repeat 100% 0;margin-top:48px;} .contacts .map img{max-width: 100%;height:auto !important;width:auto !important;} .con-box{padding-top:110px;} .con-box h2{color:#333;font:400 18px/26px "arial";background: url(../images/line3.jpg) no-repeat 0 100%;padding-bottom: 25px;} .con-box h2 p{color:#810110;font:600 31px/36px "arial";text-transform:uppercase; } .con-box h2 p span{color:#333;} .con-box .content{color:#333;font:400 16px/42px "arial";padding-top:52px;} .con-box .content img{padding-right: 10px;} @media (max-width: 1500px){ .search{display: none;} } @media (max-width: 1200px){ .con-box{padding-top: 50px;} .con-box .content{padding-top: 20px;} .con-box .content{line-height: 36px;} } @media (max-width: 991px){ .contacts{background: none;} } /*----- Common css ------*/ .fl{float:left;} .fr{float:right;} .di{_display:inline;} .fwn{font-weight:normal;} .dib{*display:inline;_zoom:1;_display:inline;_font-size:0px;} /*友情链接*/ .f_link{width:140px;margin:0 auto;margin-top:8px;line-height:24px;background:url(../images/link.png) no-repeat 0 50%;text-indent:9px;color:#fff;text-align: left;position: relative;} .f_link .hides{width:100%;position: absolute;left:0;bottom:24px;display: none;background-color: rgba(255,255,255,.8);} .f_link .hides a{display: block;font:400 12px/24px "arial";} /*页面底部*/ .foot{background: #333;padding:42px 0;} #footer{position:relative;padding-top:8px;} #footer a{} #footer a:hover{color:#cc0001;text-decoration:none;} .nav_foot{line-height:24px;color:#666;} .copyright{line-height:30px;color:#999;line-height: 24px;font-size: 12px;} .copyright a{color:#999;} .ewm{} .ewm .tit{color:#fff;font:600 14px/46px "arial";} .ewm img{margin-right: 20px;} .ewm .content{color:#9c9c9c;line-height: 46px;} .foot-under{border-top:1px solid #46464a;text-align: center;} .foot-right{} .foot-right .col-lg-6{float: right;} .hot-rec{width:100%;margin-top: 22px;} .foot-under{color:#6d6c71;font:400 12px/30px "arial";padding-top: 10px;margin-top: 15px;} .foot-under a{color:#6d6c71;} .underright{font:400 12px/30px "arial";text-align: right;} .shares{} .shares .bdshare-button-style0-16 a{width:38px;height:38px;margin: 6px 8px 6px 0;} .shares .bdshare-button-style0-16 a.bds_tsina{background: url(../images/s1.jpg) no-repeat;} .shares .bdshare-button-style0-16 a.bds_sqq{background: url(../images/s2.jpg) no-repeat;} .shares .bdshare-button-style0-16 a.bds_weixin{background: url(../images/s3.jpg) no-repeat;} @media (max-width: 1200px){ .foot{border-top: 5px solid #810110;} } @media (max-width: 1700px){ .foot-right{display: none;} .secbox{background: none} } @media (max-width: 1200px) { .message2 #name{height:40px;line-height: 40px;margin-bottom: 5px;} .message2 #contact{height:40px;line-height: 40px;margin-bottom: 5px;} .message2 #content{height:40px;line-height: 40px;} .message2 .m_label{line-height: 40px;} .message2 #checkcode{height:30px;line-height: 30px;width:100px;} .message2 #code{padding-top:5px;} .message2 .msgbtn{height:40px;line-height: 40px;margin-top:10px;} } @media (max-width: 980px){ .foot-under{padding-top: 20px;} } @media (max-width: 414px){ .messbox{width:98%;} #footer{width:98%;} } .servers{width:52px;position: fixed;top:300px;right:1%;z-index: 9999;} .servers li{height:52px;text-align: center;margin-bottom: 2px;background: #333;position: relative;} .servers li a{display: block;width: 100%;height: 100%;} .servers li:hover a{color:#fff;} .servers li.sr1 a{background: url(../images/sr1.png) no-repeat 50% 50%;} .servers li.sr2 a{background: url(../images/sr2.png) no-repeat 50% 50%;} .servers li.sr3 a{background: url(../images/sr3.png) no-repeat 50% 50%;position: relative;} .servers li.sr4 a{background: url(../images/gotop.png) no-repeat 50% 50%;position: relative;} .servers li:hover{background:#810110;} .pro-hide{position: absolute;right: 52px;top:0;width:0;height:52px;background:#810110;overflow: hidden;color:#fff;font:400 20px/52px "arial";} .pro-hide2{position: absolute;right: 52px;top:0;width:0;height:52px;background:#810110;overflow: hidden;color:#fff;font:400 14px/52px "arial";} .servers li .pro-hide2 a{background: none;} /*------------内页-------------------*/ .left .boxx{} .left .boxx h3{} .left .boxx .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:100%;} .n_banner img{width:100%;height:auto;min-height:120px;} .left{} .sort_menu{} .sort_menu h3{color:#333;font:400 16px/30px "arial";} .sort_menu h3 p{color:#810110;font:600 30px/46px "arial";} .sort_menu h3 span{color:#333;} .sort_menu h3 .profile{color:#333;font:400 18px/36px "arial";} .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;} .left .n_contact .content{padding:10px;line-height:24px;} .right{padding-bottom:10px;background: url(../images/line5.jpg) repeat-y 3px 0;padding-left:40px !important;min-height: 377px !important;} .sitemp{height:40px;color:#810110;font:400 18px/40px "arial";position: relative;} .sitemp .site{position: absolute;left:-42px;top:0;} .right .content{padding:15px 0 10px;overflow:hidden;line-height: 24px;} @media (max-width: 767px){ .right{background: none;padding:0 !important;} .sitemp{border-bottom: 1px solid #bbb;} } /*产品详情*/ .goback{border-bottom: 1px solid #999;padding-bottom: 30px;} .goback a{display: inline-block;width: 148px;text-align: center;color:#fff;font:400 14px/31px "arial";background: #810110;}