@charset "utf-8";
body,ul,li,ol,h1,h2,h3,h4,p,th,td,dl,dd,form,fieldset,legend,label,input,textarea,select{margin:0;padding:0}
body{font:14px/1.7 Arial,"Microsoft YaHei",Tahoma,Verdana,Helvetica, sans-serif;	 color:#666; background:#3e6fb6; }
a{color:#333; text-decoration:none;  outline:none;  }
a:hover{color:#5aa4f5;  }
li{list-style:none}
img{border:0;    vertical-align:top;	}
/*----------------------------top------------------------------*/
.top{ width: 100%; min-width: 1200px; margin: auto; background:url("../images/top_bj.jpg") top center no-repeat; background-size: cover; height: 131px;}
.logo{ width: 1200px; margin: auto; height: 112px; padding-top:8px;}
.logo h1 { color:#fff; }
.ship_nr{ width: 100%; min-width: 1200px; background: url("../images/nr_bj.jpg") top center no-repeat; background-size: cover; overflow: hidden; height:681px;}
.xxnr{ width: 1200px; margin: auto; margin-top: 76px;}
.xxnr ul{ padding: 0px; margin: 0px;}
.xxnr ul li a{ width: 269px; font-size: 16px; transition: 0.7s;color: #7c7c7c;border-radius:5px;cursor: pointer;float: left;  }
.xxnr ul li a:hover{color: #fff;}
.xxnr ul li.icon_1{width: 269px; float: left; cursor: pointer;border-radius:5px;background: url("../images/icon_11bj.png") left top no-repeat; background-position:-538px 0px;transition: 0.7s;position: relative; }
.xxnr ul li.icon_1:hover{background: url("../images/icon_11bj.png") left top no-repeat; background-position:-269px 0px; }
.xxnr ul li.icon_1:hover>.bfq{ display: block; }
.xxnr ul li.icon_2{ width: 269px; float: left; margin:0px 41px;cursor: pointer;border-radius: 5px; background: url("../images/icon_12bj.png") left top no-repeat;  background-position:-538px 0px; transition: 0.7s; position: relative; }
.xxnr ul li.icon_2:hover{background: url("../images/icon_12bj.png") left top no-repeat;  background-position:-269px 0px; color: #fff;transform:rotateY(10deg);}
.xxnr ul li.icon_2:hover>.bfq{ display: block; }
.xxnr ul li.icon_3{ width: 269px; float: left; cursor: pointer;border-radius: 5px; background: url("../images/icon_13bj.png") left top no-repeat; background-position:-538px 0px;transition: 0.7s; position: relative; }
.xxnr ul li.icon_3:hover{background: url("../images/icon_13bj.png") left top no-repeat; background-position:-269px 0px; color: #fff;transform:rotateY(10deg);}
.xxnr ul li.icon_3:hover>.bfq{ display: block; }
.xxnr ul li.icon_4{ width: 269px; float: right; cursor: pointer;border-radius: 5px; background: url("../images/icon_14bj.png") left top no-repeat; background-position:-538px 0px;transition: 0.7s; position: relative;  }
.xxnr ul li.icon_4:hover{background: url("../images/icon_14bj.png") left top no-repeat; background-position:-269px 0px; color: #fff;transform:rotateY(10deg);}
.xxnr ul li.icon_4:hover>.bfq{ display: block; }
.xxnr ul li.icon_5{ width: 269px; float: left; cursor: pointer;border-radius: 5px;  background: url("../images/icon_15bj.png") left top no-repeat; background-position:-538px 0px; transition: 0.7s; position: relative; }
.xxnr ul li.icon_5:hover{background: url("../images/icon_15bj.png") left top no-repeat; background-position:-269px 0px; color: #fff;transform:rotateY(10deg);}
.xxnr ul li.icon_5:hover>.bfq{ display: block; }
.xxnr ul li.icon_6{ width: 269px; float: left; margin:0px 41px; cursor: pointer;border-radius: 5px; background: url("../images/icon_16bj.png") left top no-repeat; background-position:-538px 0px; transition: 0.7s;position: relative;  }
.xxnr ul li.icon_6:hover{background: url("../images/icon_16bj.png") left top no-repeat; background-position:-269px 0px; color: #fff;transform:rotateY(10deg);}
.xxnr ul li.icon_6:hover>.bfq{ display: block; }
.xxnr ul li.icon_7{ width: 269px; float: left; cursor: pointer;border-radius: 5px; background: url("../images/icon_17bj.png") left top no-repeat; background-position:-538px 0px; transition: 0.7s;position: relative;  }
.xxnr ul li.icon_7:hover{background: url("../images/icon_17bj.png") left top no-repeat; background-position:-269px 0px; color: #fff;transform:rotateY(10deg);}
.xxnr ul li.icon_7:hover>.bfq{ display: block; }
.xxnr ul li.icon_8{ width: 269px; float:right;cursor: pointer;border-radius: 5px; background: url("../images/icon_18bj.png") left top no-repeat; background-position:-538px 0px; transition: 0.7s;position: relative;  }
.xxnr ul li.icon_8:hover{background: url("../images/icon_18bj.png") left top no-repeat; background-position:-269px 0px; color: #fff;transform:rotateY(10deg);}
.xxnr ul li.icon_8:hover>.bfq{ display: block; }

.bfq{ position: absolute; top: 26px; left: 83px; background: url("../images/bfq.png") no-repeat; width: 95px; height: 95px; z-index: 99999; display: none;}
/*.xxnr ul li.icon_7{ width: 269px; float: left;border-radius: 3px; background: url("../images/icon_7.png");color: #7c7c7c;font-size: 16px; }
.xxnr ul li.icon_8{ width: 269px; float:right;border-radius: 3px; background: url("../images/icon_8.png");color: #7c7c7c; font-size: 16px;  }*/
.xxnr ul li.height_45{ width: 1200px; height: 45px; line-height: 45px; overflow: hidden;}
.icon{ width: 269px; height: 159px;}
.icon img{ padding-left:48px; padding-top:20px;}
.icon3{ width: 269px; height: 159px;}
.icon3 img{ padding-left:30px; padding-top:20px;}
.icon_wz{  margin-top: 1px;  height: 45px; line-height: 45px;  text-align: center;  }
.xxnr ul li.icon_1 a.current{background: url("../images/icon_11bj.png") left top no-repeat; background-position:0px 0px; color: #fff;transition: 0.7s;}
.xxnr ul li.icon_2 a.current{background: url("../images/icon_12bj.png") left top no-repeat; background-position:0px 0px; color: #fff;transition: 0.7s;}
.xxnr ul li.icon_3 a.current{background: url("../images/icon_13bj.png") left top no-repeat; background-position:0px 0px; color: #fff;transition: 0.7s;}
.xxnr ul li.icon_4 a.current{background: url("../images/icon_14bj.png") left top no-repeat; background-position:0px 0px; color: #fff;transition: 0.7s;}
.xxnr ul li.icon_5 a.current{background: url("../images/icon_15bj.png") left top no-repeat; background-position:0px 0px; color: #fff;transition: 0.7s;}
.xxnr ul li.icon_6 a.current{background: url("../images/icon_16bj.png") left top no-repeat; background-position:0px 0px; color: #fff;transition: 0.7s;}
.xxnr ul li.icon_7 a.current{background: url("../images/icon_17bj.png") left top no-repeat; background-position:0px 0px; color: #fff;transition: 0.7s;}
.xxnr ul li.icon_8 a.current{background: url("../images/icon_18bj.png") left top no-repeat; background-position:0px 0px; color: #fff;transition: 0.7s;}
.bottom{ width: 100%; min-width: 1200px; background: #3e6fb6; height: 80px; text-align: center; color: #fff; line-height: 30px; padding-top: 15px; box-sizing: border-box;}

