@CHARSET "utf-8"; /*头部样式*/ .head { height: 160px; /*background: url(../images/headbj.png) repeat-x;*/ } .container1 { width: 1200px; margin: 0 auto; } .x-logo { line-height: 70px; } #header {} .well1 { border: 1px solid #eee; } .wellcome { width: 1200px; margin: 0 auto; height: 22px; line-height: 22px; } .well { float: left; } .k1 { float: right; } .logo { position: absolute; margin-left: 272px; } .topLink { width: 400px; float: right; text-align: right; position: relative; z-index: 9999; } .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 .f_count { color: #ff0000; font-size: 13px; font-weight: bold; } .topLink .k1 { line-height: 32px; padding-top: 5px; } .topLink .k2 { color: #074b91; font-size: 14px; font-family: "微软雅黑"; } .top-contact { padding-top: 15px; } .top-contact img { width: 38px; margin-right: 10px; } .contact-text p { color: #ff0000; font-size: 15px; line-height: 20px; font-weight: bold; } /*热门搜索*/ .search { text-align: left; height: 86px; width: 1200px; margin: 0 auto; } #formsearch { /* float: right; position: relative; width: 338px; margin-top: 25px; */ } .hotSearch { float: left; height: 86px; line-height: 86px; font-weight: normal; font-size: 18px; color: #878787; } /*搜索和热门搜索*/ .hotSearch a { margin-right: 6px; } #formsearch input { height: 22px; background: none; border: none; line-height: 22px; } #formsearch input#keyword { width: 80%; float: left; background: none; border: none; outline: none; color: rgba(255, 255, 255, 0.3); font-family: "Microsoft YaHei"; font-size: 16px; height: 50px; } #formsearch input#s_btn { width: 46px; height: 34px; line-height: 34px; border: none; cursor: pointer; position: absolute; right: 0; top: 0; outline: none; } /*主体样式*/ #container { width: 1200px; margin: 0 auto; margin-top: 10px; } .head-top { height: 70px; } /*----- 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; } .pro-box { width: 1200px; margin: 0 auto; height: 535px; overflow: hidden; margin-top: 20px; } .tabli { width: 1200px; margin: 0 auto; height: 41px; } .tabli li { float: left; width: 129px; height: 41px; background: #eeeeee; color: #000; text-align: center; line-height: 41px; font-size: 16px; transition: all 0.5s; } .tabli .cur { background: #5b7bbb; color: #fff; cursor: pointer; } .tab { margin-top: 15px; margin-bottom: 60px; } /*关于我们*/ .about-box { height: 413px; background: #2b2c2c; } .about-center { width: 1200px; margin: 0 auto; } .ab-left { width: 600px; height: 413px; float: left; background: url(../images/abbj.png) no-repeat; } .ab-left h2 { font-weight: normal; color: #fff; font-size: 18px; line-height: 74px; text-indent: 25px; margin-bottom: 20px; } .ab-left h2 span { opacity: 0.5; margin-left: 10px; } .ab-left p { font-size: 12px; color: #fff; opacity: 0.7; line-height: 26px; padding: 0px 25px; } .ab-left a { font-size: 12px; color: #fff; width: 90px; height: 40px; display: block; line-height: 40px; text-align: center; background: rgba(0, 0, 0, 0.7); border-radius: 25px; margin-top: 130px; margin-left: 20px; } .ab-left a:hover { opacity: 0.8; } .ab-right { float: left; margin-left: 35px; margin-top: 35px; } /*我们的优势*/ .adv-box11 { height: 1011px; background: url(../images/dbj.jpg) no-repeat center; display: block !important; } .adv-center { width: 1200px; margin: 0 auto; height: 1011px; position: relative; } .c1 { width: 288px; height: 328px; position: absolute; background: url(../images/h1.png) no-repeat; text-align: center; margin-top: 296px; transition: all 0.5s; cursor: pointer; } .c1 h2 { font-size: 20px; color: #000; font-weight: normal; padding-top: 115px; line-height: 40px; } .c1 h2 span { font-size: 30px; padding: 0px 5px; border-bottom: 4px solid #efd03b; transition: all 0.5s; } .c1 h2 p { color: #555658; font-size: 14px; } .c11 { width: 60px; height: 60px; position: absolute; background: url(../images/c1.png) no-repeat center; margin-top: -130px; margin-left: -21px; transition: all 0.5s; } .c1:hover { background: url(../images/h11.png) no-repeat; } .c1:hover h2 span { border-bottom: 4px solid #fff; } .c1:hover .c11 { background: url(../images/c11.png) no-repeat center; } .c2 { margin-top: 364px; margin-left: 392px; background: url(../images/h2.png) no-repeat; } .c22 { background: url(../images/c2.png) no-repeat center; } .c1:hover .c22 { background: url(../images/c22.png) no-repeat center !important; } .c3 { margin-top: 121px; margin-left: 533px; background: url(../images/h3.png) no-repeat; } .c33 { background: url(../images/c3.png) no-repeat center; } .c1:hover .c33 { background: url(../images/c33.png) no-repeat center !important; } .c4 { width: 396px; height: 455px; position: absolute; background: url(../images/h4.png) no-repeat; text-align: center; margin-top: 250px; margin-left: 813px; transition: all 0.5s; cursor: pointer; } .c4 h2 { padding-top: 180px; } .c4:hover { background: url(../images/h44.png) no-repeat; } .c44 { background: url(../images/c4.png) no-repeat center; margin-top: -180px; } .c1:hover .c44 { background: url(../images/c44.png) no-repeat center !important; } .c5 { width: 395px; height: 454px; position: absolute; background: url(../images/h5.png) no-repeat; text-align: center; margin-top: 540px; margin-left: 86px; cursor: pointer; } /*新闻中心*/ .news-box { height: 580px; background: #313131; position: relative; overflow: hidden; } .news-center { width: 1200px; margin: 0 auto; } .news-center h2 { font-weight: normal; color: #fff; font-size: 24px; border-bottom: 2px solid #989898; float: left; padding-top: 25px; } .news-center h2 span { font-size: 18px; margin-left: 10px; opacity: 0.8; } .new-tab { width: 1200px; float: left; height: 500px; } .tab1li { width: 1200px; margin: 0 auto; height: 38px; position: relative; margin-top: -30px; } .tab1li li { width: 130px; height: 38px; line-height: 38px; text-align: center; background: #ededed; color: #000; cursor: pointer; float: right; } .tab1li .cur { color: #fff; background: #5b7bbb; } .tab1 img { float: left; margin-top: 20px; } .contents { width: 590px; float: right; margin-top: 20px; position: relative; } .contents .content { width: 590px; overflow-y: hidden; float: left; height: 360px; } /* .prolist { height: 3000px; } .prolist li { width: 590px; height: 115px; float: left; background: #ededed; margin-bottom: 6px; } */ .time { width: 103px; float: left; height: 115px; text-align: center; } .time span { font-size: 14px; color: #999; border-bottom: 2px solid #999; line-height: 30px; padding-left: 5px; padding-right: 5px; width: 48px; display: block; margin: 0 auto; margin-top: 23px; } .time p { font-size: 18px; color: #999; padding-top: 6px; } .prolist li h3 a { font-size: 18px; color: #000; font-weight: normal; line-height: 33px; display: block; padding-top: 10px; padding-left: 115px; } .prolist li h3 p { font-size: 12px; font-weight: normal; line-height: 20px; padding-right: 10px; } .prolist li:hover { background: #9e9e9b; } .prolist li:hover h3 a { color: #fff; } .prolist li:hover h3 p { color: #fff; opacity: 0.9; } .prolist li:hover .time { background: #5b7bbb; } .prolist li:hover .time p { color: #fff; } .prolist li:hover .time span { color: #fff; border-bottom: 2px solid #fff; } .news-list { width: 1200px; margin: 0 auto; height: 100px; } .news-list li { float: left; width: 25%; } .news-list li a { display: block; float: left; width: 270px; border-bottom: 2px solid #989898; height: 45px; line-height: 45px; margin-bottom: 10px; color: #fefefe; } .news-list li:hover a { opacity: 0.7; border-bottom: 2px solid #999; } /*合作客户*/ .kehu-box { width: 1200px; margin: 0 auto; margin-bottom: 40px; } .kehu-box h2 { font-size: 24px; color: #000; font-weight: normal; background: url(../images/h2bj.png) no-repeat 0px 45px; line-height: 48px; } .kehu-box h2 span { font-size: 18px; padding-left: 10px; } .kehu-box li { float: left; margin-right: 20px; border: 2px solid #bfbfbf; } #gotop { width: 50px; height: 59px; margin: 0 auto; background: url(../images/top.png) no-repeat; cursor: pointer; } /*友情链接*/ .link { height: 55px; background: #d8d8d8; } .f_link { width: 1200px; margin: 0 auto; margin-top: 0px; font-size: 14px; color: #000; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; } .f_link a { color: #000; font-size: 12px; line-height: 55px; } /*页面底部*/ .foot { height: 372px; background: #5b7bbb; } #footer { position: relative; width: 1200px; margin: 0 auto; text-align: center; color: #5b7bbb; } .foot1 { width: 1200px; height: 188px; border-bottom: 2px solid #fff; } .foot1 h2 { font-size: 30px; line-height: 60px; background: url(../images/h2bj1.png) no-repeat center 21px; padding-top: 15px; color: #fff; } .foot1 h2 p { font-size: 18px; font-weight: normal; } .foot1 .tel { font-size: 24px; font-weight: bold; background: url(../images/telbj.png) no-repeat 486px; line-height: 51px; text-indent: 73px; color: #fff; } #footer a { color: #fff; } #footer a:hover { opacity: 0.6; text-decoration: none; } .hot-p { color: #fff; } .nav_foot { text-align: center; line-height: 24px; color: #5b7bbb; margin: 20px 0px; } .nav_foot a { font-size: 14px; margin: 0px 30px; } .copyright { /* text-align: center; line-height: 24px; color: #fff; */ } /*------------内页-------------------*/ .left .box { margin-bottom: 10px; } .left .box h3 { line-height: 44px; font-weight: bold; font-family: "微软雅黑"; background: #f6f6f6; font-size: 18px; color: #000; border-bottom: 3px solid #5b7bbb; text-align: center; } .left .box .content { padding: 5px 0px; } .prodescription { border: 1px solid #e5e5e5; background: #f9f9f9; line-height: 24px; padding: 10px; margin-bottom: 15px; text-indent: 20px; display: none; } .n_banner { /* width: 1920px; margin: 0 auto; position: relative; left: 50%; margin-left: -960px; */ width: 100%; } .n_banner img { /* width: 1920px; margin: 0 auto */ width: 100%; } .left { width: 225px; float: left; margin-top: 10px; } .sort_menu {} .sort_menu h3 { background-color: #ececec; line-height: 28px; 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: 960px; float: right; padding-bottom: 10px; margin-top: 10px; } .sitemp { line-height: 31px; height: 31px; overflow: hidden; padding-right: 10px; border-bottom: 1px solid #b3b3b3; } .sitemp .site { width: 380px; float: right; text-align: right; line-height: 30px; } .right .content { padding: 10px; padding-top: 15px; overflow: hidden; line-height: 24px; } .x-logo a:hover, .x-logo a:active, .x-logo a:focus { color: #666; }