@charset "utf-8"; /* CSS Document */ body,div,dl,dt,dd,ul,li,form,h1,h2,h3,h4,h5,h6,p { margin:0; padding:0; } html { overflow-x:hidden; -webkit-text-size-adjust:none; width: 100%; height: 100%; } body{ font-size:14px; font-family:"微软雅黑" , Arial, Verdana, Geneva, sans-serif; position: relative; width: 100%; height: 100%; background: #fff; } ul,li,dl,dt,dd { display:block; list-style:none; } img { border:0; max-width:100%; } .quan img{ width: 100%; height: 100%; } .clear {background:none;border:0;clear:both;display:block;float:none;font-size:0;overflow:hidden;visibility:hidden;width:0;height:0;} a {color:#000;text-decoration:none;outline:none;} .ellipsis{ white-space: nowrap; overflow: hidden; text-overflow: ellipsis; -o-text-overflow: ellipsis; /*For Opera*/ -ms-text-overflow: ellipsis; /*For IE8*/ } @font-face{ font-family: 'FZY4JW'; src:url('../fonts/FZY4JW.eot'); src:url('../fonts/FZY4JW.eot?#iefix') format('embedded-opentype'), url('../fonts/FZY4JW.woff') format('woff'), url('../fonts/FZY4JW.ttf') format('truetype'), url('../fonts/FZY4JW.svg#BebasNeueRegular') format('svg'); font-weight: normal; font-style: normal; } .Container{ width: 100%; height: auto; } .Header{ width: 100%; float: left; background: #cf271e; } .Header .logoTel{ width: 1100px; height: 116px; margin: 0 auto; } .Header .navBg{width: 100%; height:40px;background: #9e1a16;border-bottom: 4px solid #e0c24c;} .clearfix:after{content:".";display:block;height:0;clear:both;visibility:hidden;} .navBar{position:relative; z-index:1; color:#fff; height:40px; line-height:40px; } .nav{ width:1100px; margin:0 auto; font-family:"Microsoft YaHei",SimSun,SimHei; } .nav h3{ font-size:100%; font-weight:normal; font-size:16px; } .nav .m{ /*position:relative;*/ float:left; width:120px; display:inline; text-align:center; } .nav .m h3 i{ display:inline-block; *display:inline; zoom:1; width:7px; height:4px; background:url(../images/icon.png) 0 -280px no-repeat; overflow:hidden; margin:-2px 0 0 5px; vertical-align:middle; filter:alpha(opacity=50);opacity:0.5; } .nav h3 a{ zoom:1; height:16px; line-height:16px; padding:12px 0; display:block; color:#fff } .nav .on h3 a{padding:12px 0; color: #c8c8c8; /* border-bottom:2px solid #000; */} .nav .on h3 a i{ filter:alpha(opacity=100);opacity:1; } .nav .sub{ display:none; width:auto; padding:10px 0; position:absolute; /*left:0px; top:40px;*/ background:#eee; float:left; line-height:30px; } .nav .sub dl{ display:inline-block; *display:inline; zoom:1; vertical-align:top; padding:5px 10px; line-height:26px; } .nav .sub dl a:hover{ color:#c00; } .nav .sub dl dt a{ color:#000; font-size: 16px; } .nav .sub dl dd a{ color:#999; padding-left:7px; background:url(../images/icon.png) 0 -332px no-repeat; } /*幻灯片*/ #Slideshow { width: 100%; height: 458px; margin:0 auto; background: #fff; position: relative; overflow:hidden;z-index: 0;} #Slideshow .pics li{width: 100%;} #Slideshow .pics li img{width:100%;} /*数字按钮样式*/ #Slideshow .num { overflow:hidden; height: 25px; position: absolute; bottom:5px; right: 10%; zoom:1; z-index:3 } #Slideshow .num li { width: 20px; height: 20px; line-height: 20px; text-align: center; font-weight: 400; font-family: "微软雅黑", Arial; color: #FFFFFF; background: #444444; margin-right: 10px; border-radius:50%; cursor:pointer; float: left; } #Slideshow .num li.on { background: #e33d11; } /*当前项*/ /*上一个 下一个*/ #Slideshow .prev,#Slideshow .next { display: none; width: 40px; height: 100px; background: url(../images/btn.png) no-repeat; position: absolute; top: 180px; -webkit-border-radius:3px; -moz-border-radius:3px; border-radius:3px;} #Slideshow .prev { left: 4px; } #Slideshow .next { right: 4px; background-position: right; } .fullshow1{ width: 100%; height: 51px; margin-top: 2px; border-bottom: 1px solid #e1e1e1; } .fullshow1 .newsSearch{ width: 1100px; margin: 0 auto; } #newsScroll{ width: 720px; height: 51px; float: left; } #newsScroll .cat{ width: 85px; float: left; font-size: 16px; } #newsScroll .cat p{ font-family: "FZY4JW"; font-size: 24px; text-transform: uppercase; } #newsScroll .txtScroll{ width: 600px; height: 51px; float: left; position: relative; } .txtScroll .hd{ overflow:hidden; height:51px;} .txtScroll .hd .prev,.txtScroll .hd .next{ display:block; width:10px; height:51px; float:left; overflow:hidden; cursor:pointer; background:url("../images/arr1.png") no-repeat;} .txtScroll .hd .next{ float: right; background-position:-10px 0px; } .txtScroll .bd{ position: absolute; left: 10px; top: 0; padding:0px 10px; width:540px; overflow:hidden; } .txtScroll .bd ul{ overflow:hidden; zoom:1; } .txtScroll .bd ul li{float:left; height:51px; line-height:51px; text-align:left; _display:inline;} .txtScroll .bd ul li span{ margin-left:20px; color:#999; } #search-form{ width: 310px; height: 30px; float: right; margin-right: 15px; margin-top: 12px; z-index: 999; background: #ccc; } #keywords{ width:234px; height:28px; line-height: 28px; float: left; margin-left: 5px; outline: none; border: none ;background: none; color: #000; font-size: 14px; font-family: "微软雅黑";} #post-search{width: 70px; height: 30px; float: right; outline: none; border: none; cursor: pointer; background: #3d3d44; color:#fff; font-size: 14px;font-family: "微软雅黑";} .productBox{ width: 1100px; padding: 30px 0px 10px 0px; margin: 0 auto; } .productBox .cat{ width: 100%; text-align: center; color:#cf271e; font-size: 18px; text-transform: uppercase; } .productBox .cat span{font-size: 16px;} /*图片列表*/ .picLists{ width: 100%; padding: 20px 0px; position: relative; } #picLists2{ padding: 0; } .picLists .bd li{ width: 257px; height: 310px; float: left; margin-right: 24px; margin-bottom: 20px; } .picLists .bd li.fourth{margin-right: 0;} .picLists .bd li .pic{ width: 257px; height: 220px; text-align:center; background: #e8e6e6; } .picLists .bd li .pic img{ max-width: 100%; max-height: 100%; display: inline; vertical-align: middle; } .picLists .bd li .pic span{ height:100%; width:0; overflow:hidden; display:inline-block; vertical-align:middle; } .picLists .bd li .title{ width: 100%; height: 30px; padding-bottom: 40px; text-align: center; line-height: 30px; background: url(../images/tit_bg_h.png) no-repeat bottom; background-size: 100%; } .picLists .bd li .title a{ display: block; width: 100%; height: 30px; font-size:16px; color: #fdf9f9; background: #cf271e; } .picLists .bd li .title a:hover{color: #000;} .picLists .bd li .title:hover{background: url(../images/tit_bg_h.png) no-repeat bottom; } .picLists .hd{width: 200px; height: 21px; margin: 0 auto; text-align: center; overflow:hidden;} .picLists .hd .prev,.picLists .hd .next{ display:block; width:72px; height:21px; float:left; overflow:hidden; cursor:pointer; background:url("../images/arr3.jpg") no-repeat;} .picLists .hd .next{ background-position:0px -21px; float: right;} .picLists .hd .prevStop{ background-position:-60px 0; } .picLists .hd .nextStop{ background-position:-60px -50px; } .fullshow2{ width: 100%; padding: 50px 0px; background: #f1f1f1; } .midBox{ width: 1100px; margin: 0 auto; } .aboutBox{ width: 750px; height: 270px; float: left; } .aboutBox .pic{ width: 330px; height: 270px; float: left; } .aboutBox .cat{ width: 410px; height: 45px; float: left; margin-left: 10px; text-align: left; font-size: 18px; color:#cf271e; text-transform: uppercase; position: relative; } .aboutBox .cat p{font-size: 16px;} .aboutBox .cat a.more{ position: absolute; right: 10px; bottom:5px; font-size: 14px; } .aboutBox .info{ width: 400px; height: 225px; padding: 0px 10px; float: left; overflow: hidden; font-size: 14px; line-height: 2em; } .picSwitch{ width: 342px; height: 272px; float: right; } .picSwitch .bd{ width: 340px; height: 231px; border: 1px solid #ccc; background:#ebefe9; } .picSwitch .bd li .pic{ width: 340px; height: 231px; text-align:center; } .picSwitch .bd li .pic img{ max-width: 100%; max-height: 100%; display: inline; vertical-align: middle; } .picSwitch .bd li .pic span{ height:100%; width:0; overflow:hidden; display:inline-block; vertical-align:middle; } .picSwitch .hd{width: 82px; height: 39px; float: right;overflow:hidden;} .picSwitch .hd .prev,.picSwitch .hd .next{ display:block; width:41px; height:39px; float:left; overflow:hidden; cursor:pointer; background:url("../images/arr2.jpg") no-repeat;} .picSwitch .hd .next{ background-position:-41px 0px; float: right;} .picSwitch .hd .prev:hover{ background-position:0px -39px; } .picSwitch .hd .next:hover{ background-position:-41px -39px; } .newsTab,.contactBox{ width: 600px; height: 385px; padding: 30px 0px; float: left; } .newsTab .hd{ width: 100%; height: 40px; } .newsTab .hd li{ width: auto; height: 20px; margin: 10px 0px; padding: 0 15px; float: left; color: #2f2f2f; line-height: 20px; text-align: center; font-size: 18px; border-left: 1px solid #2f2f2f; } .newsTab .hd li.first{border: none;} .newsTab .hd li:hover,.newsTab .hd li.on{color: #cf271e;font-weight: bold;} .newsTab .bd{ width: 100%; height: 345px; } .newsTab .bd li{ width: 100%; height: 66px; float: left; margin: 10px 0px; } .newsTab .bd li .time{ width: 66px; height: 66px; float: left; text-align: center; line-height: 33px; color: #272727; background: url(../images/news_time_bg.png) no-repeat; } .newsTab .bd li .time p{color: #cf271e;font-size: 18px;} .newsTab .bd li .title{ width: 514px; height: 38px; padding-left: 20px; float: left; color: #272727; font-size: 16px; } .newsTab .bd li .title a{ color: #272727; } .newsTab .bd li .title a:hover{ color: #cf271e; } .newsTab .bd li .desc{ width: 514px; height: 28px; padding-left: 20px; float: left; color: #272727; font-size: 12px; } .contactBox{ width: 470px; float: right; } .contactBox .cat{ width: 100%; height: 40px; text-align: left; color: #2f2f2f; line-height: 40px; font-size: 18px; } .contactBox .map{ width: 462px; height: 330px; padding: 3px; border: 1px solid #cbcbcb; } .contactBox p{ height: 30px; line-height: 30px; color: #272727; } /*内页*/ .Middler{ width: 100%; padding-bottom: 20px; } .Middler .position{ width: 100%; height: 51px; border-bottom: 1px solid #e1e1e1; } .Middler .position .midBox .cat{ width: 235px; height: 51px; float: left; font-size: 16px; text-align: center; background: url(../images/arr1_r.png) no-repeat right; background-position: 225px 0px; } .Middler .position .midBox .cat p{ width: 225px; height: 26px; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; -o-text-overflow: ellipsis; /*For Opera*/ -ms-text-overflow: ellipsis; /*For IE8*/ font-family: "FZY4JW"; font-size: 20px; text-transform: uppercase; } .Middler .position .midBox .catpos{ width: 770px; height: 51px; padding-right: 30px; line-height: 51px; float: right; text-align: right; background: url(../images/arr1_l.png) no-repeat right; background-position: 790px 0px; } .Middler .position .midBox .catpos a:hover{ text-decoration: underline; } .Middler .position .midBox .partLeft{ width: 225px; float: left; margin-top: 15px; padding-bottom: 20px; } .partLeft .catname{ width: 100%; height: 58px; text-align: center; line-height: 58px; font-size: 18px; background: #cf271e; color: #e0c24c; border-bottom: 2px solid #9e1a16; position: relative; } .partLeft .catname .bg{ width: 48px; height: 58px; position: absolute; left: -24px; top: 0; background: url(../images/catbg.png); } .partLeft .menuTree{ width: 225px; } .menuTree ul{ font-size: 100%; padding: 0px; margin: 0px; display:none; } .menuTree ul li{ width: 225px; line-height: 40px; text-align: center; font-size: 15px; border-top: 2px solid #9e1a16; background: #cf271e; white-space: nowrap; } .menuTree ul li a{ color: #fdfcfc; } .menuTree ul li a:hover,.menuTree ul li a.current{ color:#e0c24c; font-size:110%; } .menuTree ul li.parent a:hover { font-size: 110%; color:#e0c24c; } .menuTree ul li.child{ background: #d63229; } .menuTree ul li.parent { background: #cf271e url(../images/collapsed_image.png) left top no-repeat; } .menuTree ul li.expanded { background: #cf271e url(../images/expended_image.png) left top no-repeat; } .menuTree ul.expanded li{ line-height: 36px; border: none; background: #f2473e; } .partLeft .leftContact{ width: 225px; padding: 20px 0px; margin-top: 10px; background: #9e1a16 url(../images/people.png) no-repeat left 18px; } .partLeft .leftContact .cat2{ height: 67px; text-align: center; color: #e0c24c; font-size: 18px; line-height: 30px; text-transform: uppercase; } .partLeft .leftContact .info2{ width: 205px; padding: 5px 10px; color:#fff; line-height: 2em; } .partRight{ width: 850px; float: right; margin-top: 15px; padding-bottom: 20px; } .partRight .artLists{ width: 100%; } .artLists li{ width: 100%; height: 100px; margin-bottom:20px; } .artLists li:hover{background: #f5f4f4;} .artLists li .time{ width: 65px; float: left; background: #ece9e9; color: #9e1a16; font-size: 24px; text-align: center; line-height: 50px; } .artLists li .time p{ width: 65px; height: 50px; background: #cf271e; color: #fff; font-size: 16px; text-transform: uppercase; } .artLists li .title{ width: 755px; height: 40px; float: left; margin-left: 30px; line-height: 40px; } .artLists li .title a{ color:#252626; font-size: 16px; } .artLists li .title a:hover{color: #cf271e;} .artLists li .desc{ width: 755px; height: 60px; float: left; margin-left: 30px; line-height: 2em; font-size: 14px; color: #646363; position: relative; } .artLists li .desc a.more{ position: absolute; bottom: 5px; right: 0; font-size: 14px; color: #cf271e; } .artLists li .desc a.more:hover{text-decoration: underline;} .partRight .showPage{ width: 100%; } .showPage .title{ width: 100%; height: 40px; line-height: 40px; font-size: 18px; text-align: center; } .showPage .other{ width: 100%; height: 20px; line-height: 20px; font-size: 12px; text-align: center; } .showPage .content{ padding: 10px 0px; line-height: 2em; } .Footer{ width: 100%; padding: 15px 0px; background: #9e1a16; margin-top: 20px; position: relative; } .Footer .footInfo{ width: 1100px; margin: 0 auto; color: #ddaf46; line-height: 2em; text-align: center; } .Footer #share_code{ position: absolute; top: -22px; left: 0; } #myform{ font-size: 14px; } #myform tr{ width: 90%; height: 36px; } #myform .name{ width: 30%; text-align: right; padding-right: 2%; color: #000; font-weight: normal; } #myform .input-text{ width: 50%; height: 24px; font-size: 14px; font-family: "微软雅黑"; } #myform #l_yzm{ width: 25%; } #myform textarea{ width: 80%; height: 140px; margin-top: 6px; font-size: 14px; font-family: "微软雅黑"; } #myform #dosubmit{ width: 81px; height: 35px; float: left; margin-top: 13px; border: none; background: url(../images/buttom.png); } /*pages*/ #pages { padding:14px 0 10px; margin:10px; } #pages a { display:inline-block; width:26px; height:22px; line-height:22px; background:#fff; border:1px solid #e3e3e3; text-align:center; color:#333 } #pages a.a1 { background:url(../images/search/admin_img/pages.png) no-repeat 0 5px; width:56px; } #pages a:hover { background:#f1f1f1; color:#000; text-decoration:none; } #pages span { display:inline-block; width:26px; height:22px; line-height:22px; background:#5a85b2; border:1px solid #5a85b2; color:#fff; text-align:center; } .page .noPage { display:inline-block; width:56px; height:22px; line-height:22px; background:url(../img/icu/titleBg.png) repeat-x 0 -55px; border:1px solid #e3e3e3; text-align:center; color:#a4a4a4; } .preNext{ font-size: 14px; padding-top: 15px; border-top: 1px dashed #ccc; } .preNext li{ height: 20px; line-height: 20px; padding: 3px 0px; } .preNext li a:hover{ text-decoration: underline; } .scroll{ width:50px; height:50px; line-height:50px; text-align:center; position:fixed; right:20px; bottom:20px; cursor:pointer; font-size:14px; background: url(../images/goTop.png) no-repeat; }