*{padding:0;margin:0}
body{font-family:"Microsoft YaHei" !important;min-width:1200px;}
.zzxxwbn {font-size: 14px;}
body{/* overflow-x:hidden; */font-size: 12px; margin: 0px auto; color: #333; font-family: "Microsoft YaHei","Arial"," Tahoma", "Î¢ÈíÑÅºÚ", "sans-serif";}
div,form,ul,ol,li,span,img,a img{border-top-width: 0px; padding-right: 0px; padding-left: 0px; border-left-width: 0px; border-bottom-width: 0px; padding-bottom: 0px; margin: 0px auto; padding-top: 0px; border-right-width: 0px}
ul,ol,li {list-style-type: none}
table {font-size: 12px}
td {font-size: 12px}
input {font-size: 12px}
h1,h2,h3,h4,h5,h6 {margin: 0px auto}
h1 {font-size: 28px}
h2 {font-size: 22px}
h3 {font-size: 16px}
h4 {font-size: 14px}
h5 {font-size: 14px}
h6 {font-size: 14px}
.clear {clear: both; margin-top: -1px; font-size: 1px; visibility: hidden; width: 1px; line-height: 0; height: 0px}
a:link {color: #353535; text-decoration: none; outline-style: none}
a:visited {color: #353535; text-decoration: none; outline-style: none}
a:hover {color: #0b3779; text-decoration: underline}

.favicon {padding-right: 0px; }

.xxnr img {
   /* max-width: 760px;*/
}
.search {float: right; margin: 5px 0px 12px; width: 245px; position: relative}
.searchinput {
	border-right: #a0a0a0 1px solid; padding-right: 0px; border-top: #a0a0a0 1px solid; padding-left: 5px; padding-bottom: 1px; border-left: #a0a0a0 1px solid; width: 180px; line-height: 16px; padding-top: 3px; border-bottom: #a0a0a0 1px solid; height: 16px; background-color: #fff
}
.searchbtn {
	background: url(../images/bg.png) no-repeat right -48px; width: 48px; cursor: pointer; border-top-style: none; line-height: 22px; border-right-style: none; border-left-style: none; height: 22px; text-align: center; border-bottom-style: none
}


.opacity {
	z-index: 99; filter: alpha(opacity=50); left: 0px; float: left; overflow: hidden; width: 958px; bottom: 0px; position: absolute; height: 30px; background-color: #f0f0f0; moz-opacity: 0.5; opacity: 0.5
}

.pagenavi {
    padding-top: 20px;
}
/* about */
#hbnr{min-width:1200px;width:100%;height: auto;min-height: 380px;padding-bottom: 20px;}
#hbnrbox {
    width: 1166px;
    height: auto;
    min-height: 400px;
    margin: auto;    margin-bottom: 40px;
    padding-top: 40px;
/*     border-right: 1px solid #C6C6C6;
    border-left: 1px solid #C6C6C6;
    border-bottom: 1px solid #C6C6C6; */
}
#hbnrboxleft{width:220px;height:auto;float:left;    margin-left: 30px;}
#hbnrboxright{width:860px;height:auto;float:right;padding-bottom: 25px;    margin-right: 20px;}

/* left */
.leftxxcp {height: auto;margin-bottom: 20px;padding-bottom: 10px;overflow: hidden;}

.lxxxt {height: 40px;line-height: 40px;background:#080808;}
.twz h1 {    float: left;
    font-size: 16px;
    padding-right: 20px;}


.leftxxcps {height: 40px;line-height: 40px;background:url(../images/bt.jpg) no-repeat;}
.lxxx {padding: 1px;border: 1px solid #CDCDCD;margin-bottom: 20px;}
.leftxxcps h1 {font-size: 15px;margin-left: 37px;line-height: 43px;}
.lxxxt h1{font-size: 15px;margin-left: 20px;line-height: 43px;color:#fff;}
.lxximg{width: 220px;margin-top: 10px;margin-bottom: 10px;text-align: center;}
.lxxxx {margin-top: 20px;margin-left: 10px;line-height: 27px;font-size: 13px;}
.leftxxcpx ul li {line-height: 37px;margin-top: 4px;border-bottom: 1px solid #EAEAEA;}
.leftxxcpx ul li a{display:block;text-decoration: none;padding-left: 20px;background:url(../images/ico.jpg)12px 14px no-repeat;}
.leftxxcpx ul li a:hover{background:#333;color:#fff;}
/* right */


.twz span {float: right;padding-right: 15px;font-size: 13px;}
.twz span a:hover{text-decoration: none;color:#f00;}
.twz {height: 40px;line-height: 40px;    border-bottom: 1px solid #D3D3D3;margin-bottom:20px}
div#hbnrboxright h2 {margin-top: 20px;margin-bottom: 10px;text-align: center;font-size: 17px;}
.xxnr {line-height: 25px;}

/* news */
ul.nlist li {border-bottom: 1px dashed #D8D8D8;margin-left: 10px;}
ul.nlist li h3 {padding-right: 30px;margin-top: 10px;margin-bottom: 10px;font-size: 14px;color: #FF7B0D;font-weight:normal;}
ul.nlist li h3 a {color: #555;text-decoration: none;}
ul.nlist li h3 a:hover {color:#FF7B0D;}
ul.nlist li h2 {padding-left: 30px;padding-right: 30px;text-align: left !important;margin-top: 0px !important;font-size: 12px !important;font-weight: normal;min-height: 50px;}
ul.nlist li h3 a span {float: right;}

/* dy */
.menu_list{width:208px;margin:0 auto;}
.menu_head{
	height: 40px;
line-height: 40px;
padding-left: 18px;
font-size: 14px;
cursor: pointer;
position: relative;
margin: 0px;
}
div#firstpane h3 b {
    float: left;
    margin-right: 7px;
    font-size: 18px;
}
div#firstpane h3 {font-size: 14px;  border-bottom: 1px solid #CCC;}
.menu_list .current{}
.menu_body{
	line-height: 38px;
	border-left: 1px solid #e1e1e1;
	backguound: #fff;
	border-right: 1px solid #e1e1e1;
}
.menu_body a{display:block;height:38px;line-height:38px;padding-left:38px;color:#777777;background:#fff;text-decoration:none;border-bottom:1px solid #e1e1e1;}
.menu_body a:hover{text-decoration:none;}
.menu_list .menu_list:nth-child(1){display:block;}

.tupian{width:1000px;height:200px;margin:auto;}
.tupian img{width:1000px;height:200px;}
div#firstpane a:hover {color: #f00;text-decoration: none;}


/* HUAN */

/* flexslider */
.flexslider{position:relative;height:480px;overflow:hidden;background:url(../images/loading.gif) 50% no-repeat;}
.slides{position:relative;z-index:1;}
.slides li{height:480px;}
.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(../images/dot.png) right 0 no-repeat;cursor:pointer;}
.flex-control-nav .flex-active{background-position:0 0;}

.flex-direction-nav{position:absolute;z-index:3;width:100%;top:45%;}
.flex-direction-nav li a{display:block;width:50px;height:50px;overflow:hidden;cursor:pointer;position:absolute;}
.flex-direction-nav li a.flex-prev{left:40px;background:url(../images/prev.png) center center no-repeat;}
.flex-direction-nav li a.flex-next{right:40px;background:url(../images/next.png) center center no-repeat;}

/* ×Ô¶¨Òåcss */
.wbox{width:100%;height:auto;}
.nbox{width:1000px;margin:auto;}
.yimg img{background:#fff;padding:4px;border:1px solid #eee;}
.tybt{width:100%;height:30px;line-height:30px;}
.tybt a{display:block;float:right;width:50px;height:100%;}
.tyxw{}
.tyxw ul li{width:100%;height:27px;line-height:27px;}
.tyxw ul li span{float:right;}
.tyxw ul li img{float:left}



.zzcpfbox{width:1200px;height:400px;    padding-top: 40px;    padding-bottom: 40px;}
.zzcpfbox ul li {
    width:227px;height:370px;text-align:center;
    float: left;
    margin-left: 5px;
    margin-right: 5px;background:#Fff;    position: relative;
}

/* .zzcpfbox ul li:nth-child(1),.zzcpfbox ul li:nth-child(3){background:url(../pic/01.jpg);background-size:100% 100%;}

.zzcpfbox ul li:nth-child(2),.zzcpfbox ul li:nth-child(4){background:url(../pic/02.jpg);background-size:100% 100%;} */

.zzcpfbox ul li a {
    display: block;
}
.zzgsbox{width:1200px;height:430px;    overflow: hidden;}
.bt1 {
    width: 460px;
    text-align: center;
}

.bt1l {
    width: 100px;
    border-top: 2px solid #2E85E5;
    float: left;
    margin-top:22px;
}
.bt1c {
    width: 260px;
    float: left;
}
.bt1r {
    width: 100px;
    border-top: 2px solid #2E85E5;
    float: right;
    margin-top: 22px;
}
.bt1c h2 {    font-size: 30px;
    color: #2E85E5;
    font-weight: normal;
}
.bt1c span {
    font-weight: normal;
    font-size: 18px;
    color: #999;
}
.zzgsboxt {
    width: 100%;
    height:70px;
}
.xb{height:205px;padding-top: 15px;}

.zzcpfbox ul li{border: 1px solid #fff;}
.zzcpfbox ul li:hover{    border: 1px solid #fb4f14;}
.jh {
    position: absolute;
    right: -1px;
    bottom: -1px;
    width: 36px;
    height: 36px;
    background: #E4E4E4;
    color: #fff;
    font-size: 25px;
    line-height: 33px;
    text-align: center;
}
.zzcpfbox ul li:hover .jh{    background:#fb4f14;}
.zzcpf {
    background: #F4F4F4;
}
/* .zzcpfbox ul li:nth-child(1) {
    background: #FF1912;
}
.zzcpfbox ul li:nth-child(2) {
    background: #91C546;
}
.zzcpfbox ul li:nth-child(3) {
    background:#2480FA;
}
.zzcpfbox ul li:nth-child(4) {
    background:#CBCBCB;
}

.zzcpfbox ul li:nth-child(1):hover{
    background:#E31711;
}
.zzcpfbox ul li:nth-child(2):hover{
    background: #79AA32;
}
.zzcpfbox ul li:nth-child(3):hover{
    background:#1F6ED7;
}

.zzcpfbox ul li:nth-child(4):hover{
    background:#A2A2A2;
} */



.zzgs {
    background: #EFEFEF;
    padding-top: 30px;
    padding-bottom:30px;
}

.zzcpbox {
    padding-top:30px;width: 1200px;height:370px;
}
.zzgsboxn ul li {    float: left;
    text-align: center;
    margin-bottom: 20px;
    line-height: 25px;
    height: 240px;
    width: 240px;
    overflow: hidden;
}
.zzgsboxn ul li a {
    text-decoration: none;
}



.zzxwbox{width:1200px;height:555px;padding-top:40px;}
.zzxw {
    background: #EFEFEF;
}
.zzxwboxnl{width:380px;float:left;}
.zzxwboxnc{width:380px;float:left;margin-left:20px;margin-right:20px;}
.zzxwboxnr{width:380px;float:left;}
.zzxwboxnlt p {
    width: 100%;
    height: 35px;
    line-height: 35px;
    text-align: center;
    background-color: rgb(22, 150, 197);
    opacity: 0.75;
    display: block;
    filter: alpha(opacity=75);
    -moz-opacity: 0.75;
    -khtml-opacity: 0.75;
    opacity: 0.75;
    color: #fff;
    font-size: 15px;
}
.zzxwboxnlt img {
    width: 380px;
    display: block;
    height: 155px;
}
.diyi ul li a {
     font-size: 15px;
    padding-bottom: 9px;
    color: #4CACCF;
    display: block;
}
.zzxwboxnlt p {
    position: relative;
    top: -34px;
}
.zzxwboxnlt {
    width: 100%;
    height: 170px;
}
.diyi ul li p {
    color: #777;    line-height: 20px;
}
.diyi {
    width: 100%;
    height: 120px;
}
.dier {
    border-top: 1px solid #C1C1C1;
}
.dier ul{
   padding-top:40px;
}
.dier ul li span {
    float: left;
    margin-right: 15px;
    color: #777;
}
.dier ul li {
    width: 100%;
    height: 25px;
    line-height: 25px;
}
.dier ul li:first-child {
    display: none;
}

.zzxcpbox {
    width: 1200px;
    height: 250px;color:#fff;
}
.zzxcpbox ul li {
    float: left;
}
.zzxcpbox ul {
    padding-top: 45px;
}

.lil {
    float: left;
    padding-right: 20px;
    margin-left: 20px;
    padding-top: 52px;
}
.lir {
    width: 230px;
    float: right;
    margin-right: 45px;
    margin-top: 42px;
}
.xhx {
    height: 4px;
    width: 100%;
    padding-top: 4px;
}
.xhx span {
    border-top: 2px solid #fff;
    display: block;
    width: 46px;
    float: left;
}

.zzgsboxn ul li .cpn {
    display: block;
      width:100%;
    height:240px;overflow: hidden;
    background: #C7CACF;
    position: relative;
    top:0px;;
}
.zzgsboxn ul li{position: relative;}
.zzgsboxn ul li a {
    display: block;
    width: 100%;
    overflow: hidden;
}
.zzgsboxn ul li:hover .cpn {
    display: block;-webkit-transition:0.3s;
-moz-transition:0.3s;
-o-transition:0.3s; 
transition:0.3s;
  
        background:rgba(162, 162, 162,0.8);overflow: hidden;
       position: relative;
    top:-247px;     text-align: left;
    color: #fff;
}

a.chagd {
    display: block;
    width: 105px !important;
    height: 30px;
    color: #009CE7 !important;
    line-height: 30px;
    background: #fff;
    margin-left: 20px;
    text-align: center;
}

.cpn a {
    color: #fff;
}
.cpn a:hover{
    color: #fff;
}
.zzxxwbox{width:1200px;height:440px;}

.zzxxwboxl{width:600px;float:left;}
.zzxxwboxr{width:600px;float:right;}
.zzxxwboxlt {
    width: 100%;
    height: 25px;
    line-height:25px;
    font-size: 20px;
    font-weight: bold;
    color: #2E85E5;
}
.xhxx {
    width: 100%;
    padding-top: 3px;
    height:25px;
}
.xhxx span {
    display: block;
    width: 140px;
    float: left;
    border-top: 4px solid #2E85E5;
    height: 20px;
}

.xwzc ul li {
    width: 100%;
    height: 35px;
    line-height: 35px;
    border-bottom: 1px solid #E2E2E2;
}

.xwzc ul li img {
    float: left;
    margin-top: 12px;
    margin-left: 2px;
    margin-right: 10px;
}
.xwzc ul {
    width: 538px;
    float: left;
}
.zzxxw {
    background: #F7F7F7;
    padding-top: 40px;
}

.dginput {
    width: 100%;
    height: 25px;
    line-height: 25px;
    margin-bottom: 5px;
}

.xxs {
    width: 215px;
    height: 124px;
    margin-top: 25px;
    border: 1px solid #D5D5D5;
}

















