*{margin:0;padding:0;}
body{ color:#454545; font-size:14px; text-align:center; background-color:#012148;font-family:微软雅黑;}
h1,h2,h3,h4,h5,h6 { font-size:14px; font-weight:lighter;}
input,select,button,font{font:14px;vertical-align:top;}
ul, li{ list-style:none;}
img{border:0;}
.center{width: 1350px;margin:0px auto; position: relative;}

.flt{ float:left;}
.frt{ float:right;}
.f14{font-size:14px;}
.blue{ color:#2898e8; font-size:14px; font-weight:bold;}
.blue2{ color:#2898e8; font-size:12px;}

a{color:#454545; text-decoration:none;}
a:link,a:visited{ color:#454545; text-decoration:none;}
a:hover,a:active,a:focus{color:#CC6600; text-decoration:none;}
.split{height:0px;font-size:0px;line-height:0px;clear:both;}

#wrap{ width:1350px; margin:0px auto; background-color:#ffffff;display:inline-block; *display:inline; zoom:1;}


.header{ float:left; padding-top:11px; width:1350px;position:relative;}
.header .logo{ float:left; padding-left:35px; padding-bottom:4px;}
.header .search{ position:absolute;right:70px;top:100px;width:auto;}
.header .search .input1{ background:#e2e2e2; width:165px; border:none; *height:16px!important; *padding-top:4px!important; height:19px; padding-top:2px; color:#575757; padding-left:8px;}
.header .nav{ width:1350; height:50px; overflow:hidden;background-color:#003471;display:inline-block; *display:inline; zoom:1;}

.middle{ width:926px; float:left; min-height:500px; height:auto; padding-left:20px; padding-right:20px; padding-top:13px;}
.middle .m1{ width:400px; height:auto;min-height:514px; padding-left:0px; float:left;}
.middle .m1 .focus{width:auto; overflow:hidden;}
.middle .m1 .focus h3{ text-align:center; color:#17649b; padding-top:6px;} 
.middle .m1_1{ float:left; padding-top:27px;}
.middle .m1_1 .title{width:220px; background:url(../images/index_zjs_10.jpg) bottom left repeat-x; padding-bottom:8px;}
.middle .m1_1 ul{width:220px; float:left; padding-top:5px; min-height:240px; _height:240px;}
.middle .m1_1 ul li{ font-size:12px!important; line-height:24px; border-bottom:dashed #a0d1f3 1px; width:190px; margin:0px auto; color:#49a1e0;}

.middle .m1_2{ float:left; padding-top:15px;}
.middle .m1_2 .title{width:220px; background:url(../images/index_zjs_10.jpg) bottom left repeat-x; padding-bottom:8px;}
.middle .m1_2 ul{width:220px; float:left; padding-top:5px;}
.middle .m1_2 ul li{ font-size:12px!important; line-height:24px; border-bottom:dashed #a0d1f3 1px; width:210px; margin:0px auto; color:#49a1e0;}

.middle .m1 .link{ padding-top:12px;}
.middle .m1 .link .select1{ width:220px; color:#333;}
.middle .m1 .btn{ text-align:left; padding-top:4px;}
.middle .m1 .current{background:url(../images/left.png);background-repeat: no-repeat;background-size: 100% 100%;-moz-background-size: 100% 100%;height:90px;width:250px;margin:0 auto;padding-top:20px}
.middle .m2  {width:870px; float:left; padding-left:20px;min-height:600px;height:auto;}
.middle .m2 .title {width:453px;height:40px;text-align: center;background: #003979;float:left;border-top-left-radius: 6px;-moz-border-top-left-radius: 6px;-webkit-border-top-left-radius: 6px;border-top-right-radius: 6px;-moz-border-top-right-radius: 6px;-webkit-border-top-right-radius: 6px;border-bottom-right-radius: 6px;-moz-border-bottom-right-radius: 6px;-webkit-border-bottom-right-radius: 6px;border-bottom-left-radius: 6px;-moz-border-bottom-left-radius: 6px;-webkit-border-bottom-left-radius: 6px;}
.middle .m2 .title span{ padding-top:11px;}
.middle .m2 .list {height:auto;min-height:240px;padding-top:10px;min-height:300px;}
.middle .m2 .img { float:left;margin-left:20px;margin-top:7px}
.middle .m2 ul{ font-size:14px;padding-top:5px; padding-left:2px; padding-right:2px; min-height:210px; _height:210px;}
.middle .m2 ul li{width:auto; overflow:hidden;height:30px; line-height:30px;  text-align:-webkit-match-parent;display:block;}
.middle .m2 ul li span{color:#909090;}
.middle .m2 ul li a{float:left;FONT-SIZE:15px;COLOR:#000000;line-height:150%;padding-right:10px;}
.middle .m3 {width:239px;}
.middle .m3_1{ width:239px; height:268px;}
.middle .m3_1 .title{padding-bottom:6px; float:left;}
.middle .m3_1 ul{ padding-top:5px;}
.middle .m3_1 ul li{ font-size:12px!important; line-height:24px; border-bottom:dashed #a0d1f3 1px; width:220px; margin:0px auto; color:#49a1e0;}
.middle .m3 .btn{ padding-top:7px;}

.line{ background:url(../images/index_zjs_25.jpg) no-repeat top center; height:484px; float:left; width:40px;}

.middle .m4{width:655px; float:left; padding-top:5px; overflow:hidden;}
.middle .m4 .title{ background:url(../images/index_zjs_10.jpg) repeat-x left bottom; float:left; padding-bottom:8px; width:655px;}
.middle .m4 ul{float:left; padding-top:5px;}
.middle .m4 ul li{ font-size:12px!important; height:18px; padding-top:6px; padding-left:5px; padding-right:10px; border-bottom:dashed #bdbbbb 1px; width:633px; margin:0px auto; color:#49a1e0;}
.middle .m4 ul li span{color:#909090;}
.middle .page_list{ text-align:center; line-height:42px;}
.middle .news_con{ width:648px; margin:0px auto;}
.middle .news_con h1{ font-size:16px; font-weight:bold; text-align:center; color:#126fac; line-height:40px; padding-top:5px;}
.middle .news_con h2{ background:#f0eeee; height:24px; line-height:24px; text-align:center; color:#828282;}
.middle .news_con h3{ line-height:28px; padding-top:8px; font-size:14px;}

.m5{ width:181px; padding:8px; float:left; background:#fff;}
.m5 h1{ background:url(../images/index_zjs_27.jpg) no-repeat; width:168px; font-weight:bold; height:22px; color:#FFF; line-height:23px; padding-left:12px; font-size:13px;}
.m5 ul{ width:180px; margin:0px auto; padding-top:6px; padding-bottom:12px;}
.m5 ul li{border-bottom:solid #e1e1e1 1px; padding-left:12px; height:16px; padding-top:8px;}
.m5 .btn{ padding-top:8px;}


.FocusImg { margin: 0px auto; overflow: hidden; width: 200px; position: relative; height: 172px;}
.FocusImg .BigPic { text-align: center;}
.FocusImg .BigPic IMG { display: block; filter: revealtrans(duration=1,transition=23); margin: 0px auto; width: 200px; height: 172px;}
.FocusImg .TitleBg {z-index: 10; background: #000; filter: alpha(opacity=58); left: 0px; width: 200px; position: absolute; top: 152px; height: 20px; opacity: 0.58;}
.FocusImg .TitleBox {font-weight: bold; font-size: 12px; z-index: 20; left: 0px; width: 200px; color: #fff; line-height: 23px; position: absolute; top: 152px; height: 20px; text-align: center;}
.FocusImg A:link {color: #fff; text-decoration: none;}
.FocusImg A:visited {color: #fff; text-decoration: none;}
.FocusImg A:hover {color: #f00; text-decoration: underline;}
.FocusImg .PicList {z-index: 20; overflow: hidden; width: 200px; bottom: 0px; zoom: 1; position: absolute; text-align: right;}
.FocusImg .PicList SPAN {padding-right: 6px; display: inline-block; padding-left: 6px; font-weight: bold; background: #000; padding-bottom: 0px; cursor: pointer; color: #fff; line-height: 19px; padding-top: 1px; zoom: 1;}
.FocusImg .PicList SPAN.selected {background: #a30303;}


.footer{
 width:926px;
 padding-left:20px;
 padding-right:20px;
 height:61px;
 margin-top:15px;
 padding-top:15px;
 line-height:28px;
 color:#666;
 background-image: url(../images/footer_bg.jpg);
 background-repeat: repeat-x;}

.new {
 color: #FF6600;
 background-image: url(../images/new.gif);
 height: 11px;
 width: 27px;
 line-height: 11px;
 background-repeat: no-repeat;
 font-size: 14px;}
.nav ul{ margin:0 auto; height:34px; line-height:34px;}
.nav li{ padding-left:12px; padding-right:12px; line-height:34px; font-size:14pt; font-family: Microsoft yahei,Arial; color:#FFF; float:left;}
.nav li a{ color:#FFF; font-family: Microsoft yahei,Arial;font-size:14pt;}
.nav .navfg{ padding-left:2px; padding-right:2px;}







.inform{
 height: 50px;
 background-color: #F5F5F5;
 border-radius: 10px;
 margin: 25px auto;}
.inform .inform_title{
 width: 100px;
 height: 45px;
 line-height: 53px;
 float: left;
 padding-left: 55px;
 background: url(../img/laba.png) no-repeat 12px 12px;}
.inform .inform_title a{
 font-weight: bold;
 color: #003471;
 font-size: 16px;}
#scrollDiv{
 float: left;
 height: 45px; 
 line-height: 45px;
        position:relative;
 overflow:hidden;
 width: 1040px;}
#scrollDiv .bd ul{ overflow:hidden; zoom:1;}
#scrollDiv .bd ul li{ 
 margin-right:20px;  
 float:left; 
 height:45px; 
 line-height:53px;  
 text-align:left;
  _display:inline; 
  width:auto !important;}
  #scrollDiv .bd div{width:1040px !important;}

.work{
 width: 835px;
 height: 320px;
 float: left;
 margin-left:60px;}
.work_title{
 height: 35px;
 border-bottom: 2px solid #ccc;
 position: relative;}
.work_title h3{
 font-size:18px;
 color: #003471;
 float: left;
 padding-right: 10px;
 padding-bottom: 5px;
 font-weight:600;}
.work_title img{
 position: absolute;
 bottom: -4px;
 left: -6px;}
.work_title span{
 float: left;
 color: #CCCCCC;
 font-size: 14px;
 padding-top: 7px;}
.work_title a{
 float: right;
 line-height: 35px;}

.banner_wrap{
 width: 380px;
 height: 260px;
 margin-top: 20px;
 float: left;
 position: relative;
 overflow: hidden;}
.banner{
 height: 260px;
 position: absolute;
 left: 0px;
 top: 0px;}
.banner li{
 width: 380px;
 height: 260px;
 float: left;}
.banner li img{width: 380px;
 height: 260px;}
 .ban_cont li{
 width: 380px;
 position: absolute;
 height: 40px;
 line-height: 40px;
 padding-left: 5px;
 background-color: black;
 background: rgba(0, 0, 0, 0.5);
 filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#66000000,endColorstr=#66000000);
 bottom: 0px;
 left: 0px;
 display: none;}
 .ban_cont li a{
 color: white;}
 .ban_cont li img{
 position: absolute;
 left: 0px;
 top: 0px;}
.dot{
 position: absolute;
 bottom: 12px;
 right: 15px;}
.dot li{
 width: 10px;
 height: 10px;
 background-color: white;
 background: rgba(255, 255, 255, 0.5);
 filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#66ffffff,endColorstr=#66ffffff);
 border-radius: 50%;
 float: left;
 margin-left: 10px;}
.dot .bg{
 background-color: white !important;
 border-radius: 50%;}

.slideBox{ width:380px; height:260px; overflow:hidden; position:relative;float: left; margin-top: 20px;}
.slideBox .hd{ height:15px; overflow:hidden; position:absolute; right:0px; bottom:10px; z-index:1;}
.slideBox .hd ul{ overflow:hidden; zoom:1; float:left;}
.slideBox .hd ul li{ float:left; margin-right:5px;  width:10px; height:10px; border-radius:50%;line-height:14px; text-align:center; background:rgba(255,255,255,0.5); cursor:pointer;}
.slideBox .hd ul li.on{ background:white; color:#fff;}
.slideBox .bd{ position:relative; height:100%; z-index:0;}
.slideBox .bd li{ zoom:1; vertical-align:middle;}
.slideBox .bd img{ width:380px; height:260px; display:block;}

.work_right{
 width: 380px;
 height: 260px;
 margin-top: 20px;
 margin-left: 30px;
 float: right;}
.work_right li{
 line-height: 37px;
 text-indent: 11px;
 background: url(../img/dot.png) no-repeat 0px 14px;}
.work_right li a{
 white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;}
.work_right li span{
 float: right;
 color: #ccc;}


.notice{
 float: left;
 width: 390px;
 height: 320px;
margin-left:30px;}
.notice_list{
 margin-top: 20px;}
.notice_list li{
 height: 30px;
 padding-top: 2px;
 float:none;
}

.notice_list li a{
 line-height: 24px;
 margin-top:10px;}

.notice_list div{
 float: left;
 margin-top: 5px;
 margin-right: 8px;}
.notice_list div span{
 display: inline-block;
 border: 1px solid #02619B;
 font-size: 12px;
 width: 30px;
 height: 24px;
 text-align: center;
 line-height: 24px;}
.notice_list div .left_date{
 width:70px;
 background: #02619B;
 color: white;}
.notice_list div .right_date{
 color: #02619B;}

.safety{
 
 height: 200px;
 margin-top: 30px;
 background: #ddd url(../img/bg_0.png) no-repeat center;}
.safety p{
 width: 55px;
 height: 174px;
 letter-spacing: 20px;
 padding-left: 17px;
 padding-top: 25px;
 box-sizing: border-box;
 float: left;
 background:url(../img/bg_1.png) no-repeat 0px 0px;}
.safety p a{
 font-weight: bold;
 color: white;
 font-size: 20px;}
.safety .imgsbox{
 width: 1130px;
 height: 200px;
 float: right;
 overflow: hidden;
 position: relative;}
.safety .bd ul{
 height: 200px;
 overflow:hidden;
 zoom:1;}
.safety .bd ul li{
 margin-left: 30px;
 margin-top: 19px;
 height: 165px;
 float:left;
 _display:inline;
 overflow:hidden;
 text-align:center;}
.safety .bd ul li .pic{ text-align:center;}
.safety .bd ul li .pic img{
 width: 256px;
 display:block;}



.all{
 margin-top: 30px;}

.system{
 width: 390px;
 height: auto;
 float: left;
 margin-left:30px;}
.process{
 margin-left: 43px;}
.syst{
 position: relative;}
.syst ul{
 margin-top: -7px;}
.syst ul li{
 float: left;
 width: 185px;
 height: 45px;
 margin-top: 10px;
 line-height: 45px;
 text-indent: 40px;
 position: relative;}

.syst ul li a {
 font-weight:400;
 font-size: 16px;
 color: white;
 float: left;
 margin-left:-30px;
 position: relative;
 display:block;
 }


.syst ul .pic_1{
 background-color: #6FBC48;
 margin-top: 0px;}
.syst ul .pic_2{
 background-color:#24A8E6;
 margin-left: 10px;
 margin-top: 0px;}
.syst ul .pic_3{
 background-color: #FF9600;}

.syst ul .pic_4{
 background-color:#0062AD;
 margin-left: 10px;}

.syst ul .pic_5{
 background-color: #0BA299;}

.syst ul .pic_6{
 background-color:#F55C00;
 margin-left: 10px;}

.syst .last{
 width: 380px;
 text-indent: 115px;
 background-color:#B43103;
 
.code{
 width: 120px;
 height: 120px;
 position: absolute;
 left:130px;
 top: 122px;
 display: none;}