html{font-family: "Microsoft YaHei", serif; font-size:14px;color:#333333} body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,form,img,fieldset,legend,input,textarea,p,blockquote,th,td,hr,button,article,aside,details,figcaption,figure, footer,header,menu,nav,section{margin:0;padding:0; font-weight: 500;} img{border:0;vertical-align:top} ul,li{list-style-type:none;} a{text-decoration: none;color:#333333;} a:hover{color:#3070cf;} .pad10{padding:10px;} .white{background:#fff;} .marr20{margin-right:20px;} .mart20{margin-top:20px;} .fl{float:left} .fr{float:right} .al{text-align:left} .ac{text-align:center} .ar{text-align:right} .clear{display:block;overflow:hidden;clear:both;height:0;line-height:0;font-size:0} .gray{color:#999999;} input:focus { outline: none; } .p_r{position: relative;} .w750{width:750px;} .w370{width:370px;} .srk{border:none;height:33px;line-height:33px;background:#fff;width:210px; margin-left:10px; margin-top:5px;} .srk input{border:none; background:none;} .mt20{margin-top:20px;} .mt10{margin-top:10px;} .mr20{margin-right:20px;} .ml20{margin-left:20px;} #bodyPage{ width:100%; min-height:100%; height:auto !important; height:100%; position:fixed; top:0; left:0; } .bg { position:absolute; top: 0px; left: 0px; z-index:1; display:none;} .content{position:relative;z-index:2;} body,html { margin: 0; padding: 0; font-family:'Microsoft YaHei', 'Nobile', Arial, sans-serif ; font-size: 14px; background:url(../images/0001.jpg) no-repeat left top; } p { margin: 0; padding: 0;} a { color: #000; } a:hover { color: #3070cf;} #header-wrap { width: 100%; background:url(../images/top2021.jpg) no-repeat center; height: 207px; z-index: 999;border-top: 3px solid #0e3601; min-width:1200px;} #header {width: 1200px; height: 207px; margin: 0 auto; padding: 0; position: relative; z-index: 3; } #main-wrap { width: 100%; min-height: 600px; z-index: 1;position: relative; } .tblj{width:300px; margin-top:10px;} .tblj a{float:left; width:30%; text-align:center; line-height:40px; color:#999;} .Search{ width: 300px; height:40px; margin-top:15px; background:rgba(0,0,0,0.5); color:#fff; float: right; } .fdj{ float: right; height: 40px; width:38px; } .search_text{ float: left; background:none; border:none; width: 240px; height:40px; line-height:40px; outline: none; font-family: "寰蒋闆呴粦"; color: #fff; padding-left: 12px; } .button{ background:url(../images/sear_06.png) no-repeat center; float:left; width: 38px; height: 32px; cursor: pointer; outline: none; border:none; } /* =============== H E A D E R =============== */ /* Main Nav */ .nav{background-color: rgba(35,106,98,1);height: 50px; width:100%; min-width:1200px;} .nav .m{position:relative;width: 10%; text-align:center;} .nav a:hover{ text-decoration:none; color:#ff0; } .nav h3{font-size:16px; height:50px; overflow:hidden;} .nav h3 a{ display:block; color:#fff;line-height: 50px;font-size: 16px;} .nav ul,li{list-style-type:none;} .nav .sub{ display:none; width:215px;position:absolute; left:0px; top:50px; background:rgba(0,0,0,0.5); text-align:left;z-index: 99;padding: 5px;} .nav .sub li{ vertical-align:middle; } .nav .sub li a{line-height:35px;display:block; color:#fff;font-size: 14px;padding-left: 5px;} .nav .sub li a:hover{ color:#ff0; background:#1f7e00; } /* Fixed Header */ #wrap{ width: 100%; min-width: 1200px; margin: 0 auto 20px; background: #fefefe; } .hiSlider{ overflow: hidden; height: 326px; width: 100%; background: #eee; } .hiSlider-item{ float: left; } .main{width:1180px; margin:0 auto; padding:10px;} .mid{background:url(../images/img.png) no-repeat top; height:450px; padding:20px 0; width:100%; color:#fff;} #fixed-header .main-menu li { width: auto; margin: 0px 25px 0px 0px; } .w655{width:685px;} .w550{width:550px;} .tit{width:100%;} .tit span{color:#236a62; font-size:16px; font-weight:bold;} .tit a{float:right; margin-right:10px; line-height:50px; display:block; font-size:14px;} .tyt2{width:100%;color:#0184bc; font-size:24px; line-height:50px; border-bottom:1px solid #e8e8e8;} .tymore {color:#0d4522; font-size:14px;width:90px; height:35px; line-height:35px; text-align:center; border-radius:10px; background:#eee; margin-top:10px; float:right;} .tymore a{color:#0d4522;} .news{width:100%; margin:0 auto;} .news li{text-align:right; width:100%; border-bottom:1px dashed #ccc; height:40px; line-height:40px; } .news li span{float:left; color:#9f0100; margin-right:20px;} .news li a{float: left; color:#000;} .news2{width:100%; margin:0 auto;} .news2 li{line-height: 44px;width:48%; height:50px; margin-right:2%; float:left; display:block; margin-bottom:30px;} .news2 li a{float: left; font-size: 16px;} .news2 li .sj{width:49px; padding:0 5px; margin-right:10px; color:#fff; height:50px; background:url(../images/sj_06.jpg);} .news2 li:hover .sj{background:url(../images/sj_03.jpg); color:#fff;} .news2 li .ri{line-height:23px; font-size:14px; text-align:left; } .news2 li .ny{font-size:14px; line-height:25px; text-align:right; } .tz_bt{width:72%; line-height:27px; font-size:16px; text-align:left;} .tz_bt a:link{color:#000;} .tz_bt a:hover{color:#000;} .news3{width:100%; margin:0 auto;} .news3 li{line-height: 44px; text-align:right; width:100%; text-indent: 10px;} .news3 li a{float: left; font-size: 16px;} .news3 li.gray{display:block; background:#f8f8f8;} .tpxw{width:100%; border-bottom:1px solid #d0d0d0; margin-bottom:13px; padding-bottom:10px;} .tpxw img{float:left; width:200px;} .tpxw .bt{float:left; margin-left:10px; width:60%; } .tpxw h2{line-height:25px; font-size:16px; font-weight:normal; padding-bottom:10px;} .tpxw p{margin-top:17px; } .tpxw a{color:#fff !important;} .tpxw p img{vertical-align:middle; margin-right:5px; width:25px} .new_list{ margin:0 auto; border-bottom: 5px solid #f3f3f3; height: 265px} .new_list li{display:block; text-align:left; color:#747474; border-right:1px dotted #ccc; float: left; width: 230px; padding: 0 15px;} .new_list li a{color:#0d3803;} .new_list li p{line-height:25px; text-align:left; font-weight:normal; padding-bottom:11px; font-size:14px;} .new_list li .rq{width: 100%; text-align: right; color: #777;} .ztlist{width:98%; margin:10px auto;} .ztlist li{margin:10px auto; } .ztlist li img{max-width:100%;} .pic_list{width: 100%; margin-top:10px;} .pic_list li{float: left; width: 200px; margin: 0 18px; position: relative;} .pic_list li img{width: 200px; height: 210px;} .pic_list li p{ height: 40px; width: 100%; background:#f3f3f3; line-height: 40px; color: #0e3601; text-align: center;} .yqlj select{background:rgba(255,255,255,0.5); width:220px; height:30px; line-height:30px; color:#fff; margin:8px 0;} .yqlj select option{line-height:30px; color:#002fa3;text-align:center; font-size:14px;} .boot{width:100%; height:100px; background:#002fa3; color:#fff; line-height:30px; padding: 20px 0 ;} .boot .banq{margin-left:250px;} .breadcrumb {border-bottom:1px solid #ccc; line-height:35px; color:#000;} .breadcrumb>.active {color:#3070cf;} .nban{width:100%; position:relative;} .container_left{width:230px;} .container_left_title{background:#002fa3;height:120px; text-align: center;line-height:60px;font-size:22px;color:#FFFFFF; padding:0 30px;filter:alpha(opacity=90);-moz-opacity:0.9;-khtml-opacity:0.9;opacity:0.9;} .container_left_title h2{font-size:30px; border-bottom:1px solid #fff; text-align:left; line-height:65px;} .container_left_title p{text-align:right; line-height:20px; color:#cfdfcb; padding-top:10px; text-transform: uppercase} .sidemenu{margin:0; background:#e2eaff; border-left:10px solid #002fa3;} .sidemenu li{height:50px;line-height:50px;font-size:16px; text-align: left; padding-left:20px; border-bottom: 1px solid #c6c6c6; } .sidemenu li a{display: block;} .sidemenu li a:hover{color:#3070cf;} .sidemenu li.last{border-bottom:none;} .container_right{width:910px;min-height:500px;} .container_right_title{width:100%;border-bottom:solid 1px #3070cf;line-height:40px;font-size:18px;color:#3070cf;} .title3{border-bottom:solid 1px #0d3803;height:100px;} .title3 h3{font-size:18px;color:#0d3803; text-align: center;line-height:40px;font-weight: 500;} .title3 p{line-height:50px;color:#666666;} .list_content { color: #333333; } .list_content p { color: #333333; line-height: 30px; } .news_n{width:100%; margin:0 auto;} .news_n li{ padding:7px 0; text-align:left; width:100%; display:block; clear:both; height:16px; line-height:16px; font-size:15px; border-bottom:1px solid #ccc; } .news_n li span{ float:left; width:85px; margin:0 10px; color:#005d9c; border-right:2px solid #005d9c; text-align:left;} .news_n li a:link{color:#000; float:left; margin-left:10px;} /*鐒︾偣鍥?/ .yx-rotaion{} .yx-rotaion-btn,.yx-rotaion-title,.yx-rotation-focus,.yx-rotation-t,.yx-rotaion-btn{position:absolute} .yx-rotation-title{position:absolute;width:100%;height:40px;line-height:40px;background:url(../images/img_07.png) repeat;left:0;bottom:0px;_bottom:-1px;z-index:1; color:} .yx-rotation-t{color:#fff !important;font-size:16px;font-family:microsoft yahei;z-index:2;bottom:0;left:10px;line-height:40px} .yx-rotation-focus span,.yx-rotaion-btn span{background:url(../images/ico.png) no-repeat;display:block;} .yx-rotation-focus{height:40px;line-height:40px;right:20px;bottom:0px;z-index:2} .yx-rotation-focus span{width:12px;height:12px;line-height:12px;float:left;margin-left:5px;position:relative;top:14px;cursor:pointer;background-position:-24px -126px;text-indent:-9999px} .yx-rotaion-btn{width:100%;height:41px;top:40%;margin-top:-20px;} .yx-rotaion a:hover{color:#FFF;} .yx-rotaion-btn span{width:41px;height:41px;cursor:pointer;filter:alpha(opacity=30);-moz-opacity:0.3;-khtml-opacity:0.3;opacity:0.3;position:relative} .yx-rotaion-btn .left_btn{background-position:-2px -2px;float:left;left:10px} .yx-rotaion-btn .right_btn{background-position:-2px -49px;float:right;right:10px} .yx-rotaion-btn span.hover{filter:alpha(opacity=80);-moz-opacity:0.8;-khtml-opacity:0.8;opacity:0.8} .yx-rotation-focus span.hover{background-position:-10px -126px} .rotaion_list{width:0;height:0;overflow:hidden;} .rotaion_list .rotaion_img{width:550px;height:385px;} /*鍥剧墖婊氬姩*/ #CSSBox{float:left;width:1050px;height:180px; margin:0 auto;overflow:hidden;background-color:#ffffff;} #CSSBox ul li{ float:left; list-style:none; border:0px solid red; margin:10px 10px;} #CSSBox ul li img{width:260px; border:5px solid #f3f3f3;height:190px;} #CSSBox ul li span{ display:block; text-align:center; font-size:12px; padding-top:12px;} #LeftButton{cursor:hand;margin:5px;height:180px;width:27px;float:left;background:url(../images/left.jpg) center center no-repeat;} #RightButton{cursor:hand;margin:5px;height:180px;width:27px;float:left;background:url(../images/right.jpg) center center no-repeat;} #wrapper{width:1200px; margin:20px auto} #ProductShow{width:305px;height:245px;text-align:center;border:3px solid #f3f3f3;margin:5px;}