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;}