@charset "utf-8"; *{margin:0px; padding:0px;} img{border:none; max-width:100%; } a{text-decoration:none;} body{padding:0px; margin:0px; font-family:微软雅黑; background:#F5F5F5; } /*网站头部*/ #head{background: #FFF; height:140px; } #top{height:40px; background:#5f5d5e; font-size:12px; } #topnav{width:960px; margin:0 auto; color:#c9c5c7; line-height:35px; } #topnav li{list-style:none; float:left; width:80px; text-align:center; } #topnav li a{ color:#c9c5c7; text-decoration:none; } #topmenu{width:900px; margin:0 auto; height:100px; position: absolute; left: 50%; margin-left: -450px; } #logo{width:250px; float:left; } #menu{float:left; font-size:16px; } #menu li{list-style:none; float:left; width:100px; text-align:center; height:110px; } #menu li a{text-decoration:none; color:#000; display: inline-block; transition: color 400ms ease 0s, background-color 400ms ease 0s; height:65px; width:100%; padding-top:45px; } #menu li a:hover{color:#FFF; background:#F00; } #menu .on a{ color:#FFF; background:#F00; } /*首页内容区域*/ #video{height:480px; width:1200px; margin:0 auto; min-width:1200px; } #video .title{ color:#333; margin: 0px; font-size: 22px; font-weight: 200; line-height: 58px; text-align:left; } #video li{list-style:none; float:left; width:25%; } #videocontent{margin:7px; height:320px; background: #FFF; font-size:14px; color:#B0B0B0; text-align:center; padding-bottom:40px; position:relative; } #videocontent a{text-decoration:none; color:#333; line-height:30px; } #videocontent a:hover{color:#FF6700; } #videocontent a img{ margin-bottom:20px; } #videocontent .play{ position: absolute; left: 20px; top: 50%; width: 32px; height: 20px; border: 2px solid #FFF; border-radius: 12px; color: #FFF; transition: all 0.2s ease 0s; background-color: #000; } #videocontent .play:hover{background-color: #FF6700; border-color: #FF6700; } #videocontent .play img{width: 70%; margin-top: 2px; } #videoplay{width: 880px; height: 600px; background-color: #F5F5F5; position: fixed; left: 50%; top:-800px; margin-left:-440px; opacity: 0; z-index:2000; filter: alpha(opacity = 0); } #videoplaytop{position: relative; height: 32px; padding: 14px 20px; background-color: #F5F5F5; z-index:1060; } #player{ position:absolute; z-index:1060; } #videoplaytop .title{margin: 0px; font-size: 18px; font-weight: 400; line-height: 32px; color: #424242; width:800px; float:left; } #videoplaytop .close{position: absolute; top: 14px; right: 14px; width: 30px; height: 30px; line-height: 25px; text-align: center; color: #757575; cursor: pointer; transition: all 0.2s ease 0s; z-index: 10; border-radius: 15px; text-decoration: none; font-size: 30px; } #videoplaytop a:hover{color:#FFF; background:#FF6700 } #videobg{position: fixed !important; top: 0px; right: 0px; bottom: 0px; left: 0px; z-index: 1040; background-color: #000; opacity: 0.5; display:none; } /*关于我们样式*/ #about{width: 1000px; margin: 0px auto; background: #FFF; } #about .title{height:55px; padding-top:30px; padding-bottom:20px; padding-left:65px; border-bottom:2px solid #666; font-size:30px; color:#332b28; font-family:微软雅黑; } #about .info{width:900px; margin:50px auto; margin-bottom: 0px; padding-bottom: 50px; background:#FFF; } /*产品列表*/ #productlist { width: 1200px; margin: 0px auto; margin-top: 50px; background-color:#fff; overflow: hidden; } .pro-tit { height: 68px; background: #F00; padding: 25px 25px 0; } .pro-left { float: left; width: 280px; margin-bottom: 60px; } .pro-search { height: 46px; background: #fff; border: solid 1px #e5e5e5; margin-top: 2px; } .pro-search .submit { width: 44px; height: 44px; float: right; background: url(../images/pro-search.png) no-repeat center; border: 0; } .pro-search .text { color: #bcbcbc; font-size: 14px; width: 200px; height: 44px; padding: 0 15px; border: 0; outline: 0; } .pro-tit h3 { font-size: 26px; line-height: 30px; color: white; font-weight: 400; } .pro-tit h4 { font-size: 13px; line-height: 25px; color: rgba(255,255,255,.67); text-transform: uppercase; font-weight: 600; } .pro-menu { padding: 0 6px; background: white; } .pro-item1 { position: relative; height: 66px; line-height: 65px; border-bottom: solid 1px #eeeeee; padding: 0 20px; } .pro-cate1 { display: block; margin-right: 20px; text-overflow: ellipsis; white-space: nowrap; overflow: hidden; font-size: 16px; color: #222; } .pro-tig1 { position: absolute; right: 20px; top: 0; transition: all .5s; width: 20px; height: 65px; background: url(../images/pro-dowm.png) no-repeat center; } .pro-item2 { position: relative; height: 51px; line-height: 50px; border-bottom: solid 1px #eeeeee; padding: 0 20px; } .pro-cate2 { display: block; margin-right: 20px; text-overflow: ellipsis; white-space: nowrap; overflow: hidden; font-size: 16px; color: #555; padding-left: 16px; background: url(../images/pro-cate2.png) no-repeat left center; } .pro-tig2 { position: absolute; right: 20px; top: 0; transition: all .5s; width: 20px; height: 50px; background: url(../images/pro-dowm.png) no-repeat center; } .pro-slide2 { border-bottom: solid 1px #eeeeee; } .pro-pad { padding: 7px 35px 4px 35px; } .pro-pad a { display: block; font-size: 14px; color: #888; line-height: 30px; } .pro-slide1, .pro-slide2 { display: none; } .pro-parent1.open .pro-cate1, .pro-cate1:hover { color: #F00; font-weight: bold; } .pro-parent1.open .pro-tig1, .pro-parent2.open .pro-tig2 { transform: rotate(90deg); } .pro-parent2.open .pro-cate2 { color: #e9541a; } .pro-pad a.on, .pro-pad a:hover, .pro-cate2:hover { color: #e9541a; } .pro-parent1.open .pro-slide1, .pro-parent2.open .pro-slide2 { display: block; } .pro-parent1:last-child .pro-item1 { border-bottom: none; } #productlist .info { width: 900px; float: right; } #productlist .info .item { list-style: none; width:900px; height:400px; margin-bottom: 30px; margin-left: 25px; background-color: #fff; } #productlist .info .item a { display: block; width:900px; height:400px; } #productlist .info .item img { float: left; width: 40%; padding: 20px; transition: all .5s; } #productlist .info .item:hover img { transform: scale(1.05); } #productlist .info .item .right { float: left; padding-left: 20px; height: 380px; width: 400px; overflow: hidden; } #productlist .info .item .right .p-title { font-size: 26px; color: #333; margin-top: 50px; } #productlist .info .item .right .p-desc { font-size: 16px; color: #333; margin-top: 20px; height: 220px; overflow: hidden; line-height: 27px; } .brandlist{ height:105px; background-image:url("/Templates/default/images/id_bg.gif"); background-repeat: repeat-x; background-position: left top; text-align: center; border-style: solid; border-color: #CCC; border-width: 1px; font-size: 0px; } /* box */ .box { width: 402px; background-color: #fff; padding: 20px; margin-right: 50px; } .tb-pic a{display:table-cell;text-align:center;vertical-align:middle;} .tb-pic a img{vertical-align:middle;} .tb-pic a{*display:block;*font-family:Arial;*line-height:1;} .tb-thumb{margin:10px 0 0;overflow:hidden;} .tb-thumb li{background:none repeat scroll 0 0 transparent;float:left;height:82px;margin:0 6px 0 0;overflow:hidden;padding:1px;} .tb-s310, .tb-s310 a{height:400px;width:400px;} .tb-s310, .tb-s310 img{max-height:400px;max-width:400px;} .tb-s310 a{*font-size:271px;} .tb-s40 a{*font-size:35px;} .tb-s40, .tb-s40 a{height:80px;width:80px;} .tb-booth{border:1px solid #CDCDCD;position:relative;z-index:1;} .tb-thumb .tb-selected{background:none repeat scroll 0 0 #C30008;height:80px;padding:2px;} .tb-thumb .tb-selected div{background-color:#FFFFFF;border:medium none;} .tb-thumb li div{border:1px solid #CDCDCD;} div.zoomDiv{z-index:999;position:absolute;top:0px;left:0px;width:200px;height:200px;background:#ffffff;border:1px solid #CCCCCC;display:none;text-align:center;overflow:hidden;} div.zoomMask{position:absolute;background:url("images/mask.png") repeat scroll 0 0 transparent;cursor:move;z-index:1;} .proi { width: 940px; margin: 0 auto; background-color: #f1f1f1; display: -webkit-box; padding: 50px 30px; } .pir-right { width: 384px; padding: 20px; } .pir-right h3 { margin-bottom: 7px; font-size: 26px; color: #333; line-height: 26px; font-weight: bold; } .pir-right h4 { margin-bottom: 9px; font-size: 14px; color: #666; line-height: 30px; width: 500px; height: 300px; overflow-y: hidden; } .pir-right h5 { font-size: 16px; color: #333; line-height: 36px; font-weight: bold; } .pir-right p { font-size: 14px; color: #666; line-height: 26px; } .pir-more { transition: all .4s; color: white; margin: 28px 0 35px; font-size: 16px; width: 219px; display: block; background: #00559d; padding: 17px 32px; line-height: 22px; } .pir-more i { float: right; } .pir-right .info-share { float: none; width: 500px; } .pir-more:hover { background: #e9541a; } .info-share span { width: 70px; display: inline-block; height: 32px; line-height: 32px; } .bshare-custom{ width: 430px; float: right; height: 32px; } .bshare-custom a { display: inline-block; margin-right: 12px; } .bshare-custom a img { width: 32px; height: 32px; } /*服务支持*/ #service{width: 1000px; margin: 0px auto; background: #FFF; } #service .title{height:55px; padding-top:50px; padding-left:65px; border-bottom:2px solid #666; font-size:30px; color:#332b28; font-family:微软雅黑; } #service .info{width:900px; margin:50px auto; margin-bottom: 0px; padding-bottom: 50px; background:#FFF; } /*新闻列表*/ #newsindex{width: 1000px; margin: 0px auto; background: #FFF; } #newsindex .title{height:55px; padding-top:30px; padding-bottom:20px; padding-left:65px; padding-right:65px; border-bottom:2px solid #666; font-size:30px; color:#332b28; font-family:微软雅黑; } #newsindex .newstop{padding:15px 90px; } #newsindex .newstop a:hover{color:#FF6700; } #newsindex a{text-decoration:none; color:#3d3533; } #newsindex .newslist{ padding-bottom:50px; } #newsindex .newslist .title{ text-align:left; border-bottom:none; padding-left:65px; padding-right:65px; font-size:30px; border-bottom: 2px solid #666; } #newsindex .newslist .list li{ float:left; list-style:none; width:25%; text-align:left; font-size:15px; padding-bottom:20px; padding-top:20px; min-height: 320px; } #newsindex .newslist .list li a:hover{color:#FF6700; } /*联系我们*/ #contact{width: 1000px; margin: 0px auto; background: #FFF; } #contact .title{height:55px; padding-top:30px; padding-bottom:20px; padding-left:65px; border-bottom:2px solid #666; font-size:30px; color:#332b28; font-family:微软雅黑; } #contact .info{width:900px; margin:50px auto; margin-bottom: 0px; padding-bottom: 50px; background:#FFF; } /*新闻详情*/ #newscontent{width: 1000px; margin: 0px auto; background: #FFF; } #newscontent .title{height:55px; padding-top:30px; padding-bottom:20px; padding-left:65px; border-bottom:2px solid #666; font-size:30px; color:#332b28; font-family:微软雅黑; } #newscontent .info{width:900px; margin:20px auto; margin-bottom: 0px; padding-bottom: 20px; background:#FFF; } #newscontent .info .title{text-align:center; font-size:32px; font-weight:bold; margin:0 auto; border-bottom:none; padding-bottom: 0px; height: 40px; } #newscontent .info .quality{text-align:center; margin-bottom:20px; } /*防伪查询*/ #check{width: 1000px; margin: 0px auto; background: #FFF; } #check .title{height:55px; padding-top:30px; padding-bottom:20px; padding-left:65px; border-bottom:2px solid #666; font-size:30px; color:#332b28; font-family:微软雅黑; } #check .info{width:900px; margin:20px auto; margin-bottom: 0px; padding-bottom: 50px; background:#FFF; font-size: 18px; line-height: 32px; padding-left:80px; } #check .info input{width:600px; height:40px; line-height:40px; font-size:24px; } #check .info .button{width:60px; height:30px; border:1px solid #000; border-radius:5px; background:#dcdedd; margin:10px; font-size:16px; line-height:30px; } /*问题反馈*/ #gbook{width: 1000px; margin: 0px auto; background: #FFF; } #gbook .title{height:55px; padding-top:30px; padding-bottom:20px; padding-left:65px; border-bottom:2px solid #666; font-size:30px; color:#332b28; font-family:微软雅黑; } #gbook .info{width:900px; margin:20px auto; margin-bottom: 0px; padding-bottom: 50px; background:#FFF; font-size: 18px; line-height: 32px; padding-left:80px; } #gbook .info input{width:300px; height:30px; line-height:30px; font-size:20px; border: 1px solid #000; border-radius: 2px; margin-bottom: 10px; } #gbook .info textarea{border: 1px solid #000; border-radius: 2px; line-height:30px; font-size:20px; margin-bottom: 10px; } #gbook .info .button{width:60px; height:30px; border:1px solid #000; border-radius:5px; background:#dcdedd; margin:10px; font-size:16px; line-height:30px; } /*产品详情*/ #product{width: 1000px; margin: 0px auto; background: #FFF; } #product .title{height:55px; padding-top:30px; padding-bottom:20px; padding-left:65px; border-bottom:2px solid #666; font-size:30px; color:#332b28; font-family:微软雅黑; } #product .info{width:1000px; margin:50px auto; margin-bottom: 0px; background:#FFF; text-align: center; } #product .info img{ max-width: 100%; } /*翻页按钮*/ #page { text-align: center; font-size: 14px; margin-bottom: 20px; } #page span{ margin:0 5px; padding:5px 10px; border:1px solid #CCC; background:url(/Templates/default/images/pages.png) } #page a { margin: 0 5px; margin-top: 0px; margin-top: 0px; padding: 5px 10px; border: 1px solid #CCC; background: url(/Templates/default/images/pages.png); text-decoration: none; display: inline-block; margin-top: 35px; } #page select{ margin:0 5px; padding:5px 10px; border:1px solid #CCC; } /*网站底部*/ #footthree { height: 110px; background: #898989; display: none; } #footthree table{width:840px; margin:0 auto; } .footthree img{height:72px; margin-top: 20px; } #footcopyright{ background:#0d0d0d; } .flexslider {position: relative; height: 280px;overflow: hidden; background: url(/Templates/default/images/loading.gif) 50% no-repeat;} .slides { position: relative; z-index: 1;} .slides li { height: 280px;} .flex-control-nav { position: absolute; bottom: 10px; z-index: 2; width: 100%; text-align: center;} .flex-control-nav li { display: inline-block; width: 14px; height: 14px; margin: 0 5px; *display: inline; zoom: 1;} .flex-control-nav a { display: inline-block; width: 14px; height: 14px; line-height: 40px; overflow: hidden; background: url(/Templates/default/images/dot.png) right 0 no-repeat; cursor: pointer;} .flex-control-nav .flex-active { background-position: 0 0;} /* suspend */ .suspend{width:40px;height:198px;position:fixed;top:200px;right:0;overflow:hidden;z-index:9999;} .suspend dl{width:120px;height:198px;border-radius:25px 0 0 25px;padding-left:40px;box-shadow:0 0 5px #e4e8ec;} .suspend dl dt{width:40px;height:198px;background:url(/images/suspend.png);position:absolute;top:0;left:0;cursor:pointer;} .suspend dl dd.suspendQQ{width:120px;height:85px;background:#ffffff;} .suspend dl dd.suspendQQ a{width:120px;height:85px;display:block;background:url(/images/suspend.png) -40px 0;overflow:hidden;} .suspend dl dd.suspendTel{width:120px;height:112px;background:#ffffff;border-top:1px solid #e4e8ec;} .suspend dl dd.suspendTel a{width:120px;height:112px;display:block;background:url(/images/suspend.png) -40px -86px;overflow:hidden;} * html .suspend{position:absolute;left:expression(eval(document.documentElement.scrollRight));top:expression(eval(document.documentElement.scrollTop+200))} .slideBox .pics ul{width: 100% !important;} .slideBox .pics ul li{width: 100% !important;}