@CHARSET "UTF-8"; /*头部样式*/ #header{ width:1150px; margin:0 auto; } .top{ } .logo{ float:left; margin-top: 9px; } .topLink{ width:400px; float:right; text-align:right; position: relative; z-index: 9999; } .translate{ width:100px; position: absolute; right: 20px; top:36px; z-index: 9999; } .tran-in{ left:120px; } .translate li{ line-height: 28px; text-align: left; background: #fff; width: 120px; } .translate li a{ display: block; background: url(../images/abj.png) no-repeat 6px #e7e7ef; text-indent: 49px; font-size: 12px; color:#5c5c5c; } .translate li a:hover{ text-decoration: none; color:#275cea; cursor: pointer; } .translate-en{ display: none; padding-top:0px; } .translate li .translate-en a{ padding-left: 0px; width: 120px; text-align: center; text-indent: 0px; background: rgba(0,0,0,0.5); color:#fff; } .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; font-size: 12px; } .topLink .k2{ color:#d33935; font-size:14px; font-family:"微Y雅黑"; padding-right: 128px; } /*热门搜烦*/ .search1{ width: 1920px; margin:0 auto; position: relative; left:50%; margin-left: -960px; background: #d33935; line-height: 40px; height: 40px; z-index: 9999; } .search{ text-align:left; width: 1150px; margin:0 auto; height:24px; } #formsearch{ width: 180px; float:right; position: relative; margin-top: -2px; } .hotSearch{ float:left; line-height:40px; font-weight:normal; font-size: 16px; color:#fff; margin:0px; } .hotSearch a{ color:#fff; } /*M样式*/ #container{width:1150px;margin:0 auto;margin-top:10px;} .pro-center{ width: 1920px; position: relative; margin:0 auto; left:50%; margin-left: -960px; background: #f0f0f0; z-index: 99; } .pro-list{ width: 1150px; margin:0 auto; text-align: center; } .pro-list h2{ color:#d33935; font-size: 30px; padding-top: 38px; padding-bottom: 38px; top:-100px; position: relative; } .optiscroll .content{ opacity: 0; } .pro-list h2 p{ font-size: 12px; color:#000; font-weight: normal; } #center { width: 1200px; margin: 0px auto; padding-top: 20px; background-color: #ffffff; -moz-border-radius: 4px; -webkit-border-radius: 4px; -khtml-border-radius: 4px; border-radius: 3px; border: solid; border-color: #e9e9e9; border-width: 3px; } .about-center{ width: 1920px; height: 614px; margin: 0 auto; position: relative; left:50%; margin-left: -960px; z-index: 50; background: #fff; } .ab-list{ width: 1150px; margin:0 auto; text-align:center; } .ab-list h2{ color:#d33935; font-size: 30px; padding-top: 38px; position: relative; top:-120px; } .ab-list h2 p{ font-size: 12px; color:#000; font-weight: normal; padding-top: 10px; padding-bottom: 30px; } .four-table{ position: relative; top:100px; } .vedio-left{ float:left; } .case-right{ width: 575px; height: 189px; float:left; background: url(../images/case.png) no-repeat; } .case1{ width: 100%; height: 100%; } .case1 a{ display: block; background: url(../images/case1.png) no-repeat center; font-size: 14px; color:#fff; line-height: 306px; width: 100%; height: 100%; -webkit-transition: all 0.3s ease; transition: all 0.3s ease; } .case1 a:hover{ background: url(../images/case1.png) no-repeat center 35px; } .case-right1{ width: 287.5px; height: 189px; float:left; background: #f6f6f6; } .case2{ width: 100%; height: 100%; } .case2 a{ display: block; background: url(../images/case2.png) no-repeat center; font-size: 14px; color:#000; line-height: 306px; width: 100%; height: 100%; -webkit-transition: all 0.3s ease; transition: all 0.3s ease; } .case2 a:hover{ background: url(../images/case2.png) no-repeat center 35px; } .case-right2{ width: 287.5px; height: 189px; float:left; background: #6587bc; } .case3{ width: 100%; height: 100%; } .case3 a{ display: block; background: url(../images/case3.png) no-repeat center; font-size: 14px; color:#fff; line-height: 306px; width: 100%; height: 100%; -webkit-transition: all 0.3s ease; transition: all 0.3s ease; } .case3 a:hover{ background: url(../images/case3.png) no-repeat center 35px; } .news-center{ width: 1920px; height: 522px; margin:0 auto; position: relative; left:50%; margin-left: -960px; background: url(../images/newbj.jpg) no-repeat; } .news-tab{ width: 1150px; margin:0 auto; text-align: center; position: relative; z-index: 5; } .news-tab h2{ color:#d33935; font-size: 30px; padding-top: 38px; position: relative; top:-150px; } .tab0li{ width: 1150px; height: 35px; margin-top: 15px; position: relative; top:-150px; } .tab0li .cur{ color:#d33935; cursor: pointer; } .tab0li li{ float:left; width: 100px; background: url(../images/lbj1.png) no-repeat 98px; } .tab0li li:first-child{ margin-left:373px; } .tab0li li:last-child{ background: none; } .news-list li{ width: 287.5px; height: 274px; float:left; background: #fff; position: relative; } .timesize{ width: 145px; height: 110px; float:left; } .timesize span{ position: absolute; font-size: 50px; font-weight: bold; color: #b1b1b1; left: 22px; } .timesize p{ width: 82px; height: 20px; background: #fff; color: #b1b1b1; margin-top: 40px; margin-left: 54px; z-index: 999; position: relative; } .news-list li img{ margin-top: 10px; margin-bottom:19px; width:114px; height:81px; } .news-list li h3{ } .news-list li h3 a{ font-size: 16px; color: #2f2f2f; font-weight: normal; } .news-list li h3 p{ font-size: 14px; color: #b1b1b1; font-weight: normal; text-align: left; padding: 0px 33px; padding-top: 9px; } .news-list li:hover{ background: #e2e1e1; } .news-list li:hover .timesize p{ background: #e2e1e1; } .tab0{ margin-top: 40px; position: relative; top:150px; } .footnav{ width: 1920px; margin:0 auto; position: relative; height: 367px; left:50%; margin-left:-960px; background: url(../images/footbj.png) no-repeat; z-index:9999; } .foott{ width: 1150px; margin:0 auto; } .nav1{ float:left; margin-top: 27px; } .nav1 li{ width: 122px; float:left; } .nav1 li:last-child{ width: 300px; margin-left:45px; } .nav1 li a{ color:#fff; font-size: 18px; font-weight: bold; line-height: 32px; } .nav1 .sec{ margin-top: 16px; } .nav1 .sec a{ display: block; font-size: 14px; font-weight: normal; line-height: 26px; } .nav1 .sec a:hover{ opacity: .8; } .nav1 .sec1 a:hover{ opacity: .8; } .nav1 .sec1{ margin-top: 16px; } .nav1 .sec1 a{ display: block; float:left; font-size: 14px; font-weight: normal; line-height: 26px; width: 146px; } .contact1{ float: left; margin-top: 27px; margin-left: 41px; } .contact1 h2{ color:#fff; font-size: 18px; line-height: 32px; padding-bottom: 15px; } .contact1 p{ font-size: 14px; color:#fff; line-height: 25px; } .ewm{ float:left; margin-top: 27px; margin-left: 170px; text-align: center; } .ewm h2{ color:#fff; font-size: 18px; line-height: 32px; padding-bottom: 15px; } /*----- 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:1000px; margin:0 auto; margin-top:15px; line-height:30px; line-height:30px; background-color:#ececec; text-indent:20px; } /*面底部*/ #footer{ position:relative; width:1920px; margin:0 auto; text-align:center; padding-bottom:8px; padding-top:8px; background: #d33935; color:#fff; font-size: 14px; left:50%; margin-left: -960px; } #footer a{ color:#fff; } .copyright{ text-align:center; line-height:24px; } /*------------内页-------------------*/ .left .box{ margin-bottom:10px; } .left .box h3{ line-height:31px; padding-left:15px; font-weight:bold; font-family:"微Y雅黑"; background:url(../images/nav.png) no-repeat 0% 100%; font-size:18px; color:#000; } .left .box .content{ padding:5px 0px; } .prodescription{ border:1px solid #e5e5e5; background:#f9f9f9; line-height:24px; padding:10px; margin-bottom:15px; text-indent:20px; font-size:14px; } .n_banner{ width:1440px; margin:0 auto; } .n_banner img{ width:1440px; margin:0 auto; } .left{ width:225px; float:left; } .sort_menu{ } .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{ line-height:31px; height:31px; overflow:hidden; padding-right:10px; background:url(../images/nav.png) no-repeat 0% 100%; } .sitemp h2{ width:340px; float:left; line-height:31px; text-align:center; text-align:left; text-indent:15px; color:#000; font-size:16px; } .sitemp .site{ width:380px; float:right; text-align:right; line-height:30px; } .right .content{ padding:10px; padding-top:15px; overflow:hidden; line-height: 24px; } @font-face { font-family: 'AvantGardeBkBTBook'; src: url('../fonts/avant_garde_book_bt-webfont.eot'); src: url('../fonts/avant_garde_book_bt-webfont.eot?#iefix') format('embedded-opentype'), url('../fonts/avant_garde_book_bt-webfont.woff') format('woff'), url('../fonts/avant_garde_book_bt-webfont.ttf') format('truetype'), url('../fonts/avant_garde_book_bt-webfont.svg#AvantGardeBkBTBook') format('svg'); font-weight: normal; font-style: normal; } @font-face { font-family: 'BentonSansExtraCompRegular'; src: url('../fonts/bentonsansextracomp-regular-webfont.eot'); src: url('../fonts/bentonsansextracomp-regular-webfont.eot?#iefix') format('embedded-opentype'), url('../fonts/bentonsansextracomp-regular-webfont.woff') format('woff'), url('../fonts/bentonsansextracomp-regular-webfont.ttf') format('truetype'), url('../fonts/bentonsansextracomp-regular-webfont.svg#BentonSansExtraCompRegular') format('svg'); font-weight: normal; font-style: normal; } #main { width: 100%; -moz-border-radius: 4px; -webkit-border-radius: 4px; -khtml-border-radius: 4px; } #center { width: 1150px; margin: 0px auto ; } #social_links { right:0px; margin-top:-10px; height: 30px; float:right; } #social_links .social_button{ height:30px; width:30px; position: relative; margin:0 3px; float:left; } #social_links .social_button span.hover{ height:30px; width:30px; position: absolute; } div.example{ padding-bottom:30px; padding-top:30px; border-bottom:solid; border-bottom-color:#CCCCCC; border-bottom-width:1px; } div.example .imageEx{ margin-bottom:5px; border:solid; border-color:#cccccc; border-width:1px; } div.active{ opacity:0.5; } div.notActive{ -webkit-transition: opacity 0.3s ease-out; -moz-transition: opacity 0.3s ease-out; transition: opacity 0.3s ease-out; opacity:1; } div.notActive:hover{ opacity:0.9; } ƷƷ߹ۿ,ƷƷھþ,ƷƷƵۿ,ƷƷ˵,ƷžžþþƷӰ