body,
div,
dl,
dt,
dd,
ul,
ol,
li,
h1,
h2,
h3,
h4,
h5,
h6,
pre,
form,
fieldset,
input,
textarea,
p,
blockquote,
th,
td {
  padding: 0;
  margin: 0;
}

body {
  font-size: 12px;
  color: #000;
  width: 100%;
  font-family: Microsoft YaHei;
}

img {
  border: 0px;
}

table {
  border-collapse: collapse;
}

ol,
ul,
li,
dl,
dt,
dd {
  list-style: none;
  list-style: none;
  margin: 0px;
  padding: 0px;
}

abbr,
acronym {
  border: 0;
}

blockquote {
  color: #666;
  font-style: italic;
}

html {
  -webkit-text-size-adjust: none;
}

h1,
h2,
h3,
h4,
h5,
h6 {
  font-size: 12px;
  font-weight: inherit;
  margin: 0px;
  padding: 0px;
}

a {
  text-decoration: none;
  color: #000;
}

a:link {
  text-decoration: none;
}

a:visited {
  text-decoration: none;
}

a:hover {
  text-decoration: none;
}

a:active {
  text-decoration: none;
}

.clear {
  clear: both;
  margin: 0px;
  padding: 0px;
  line-height: 0px;
  height: 0px;
  font-size: 0px;
}

* {
  margin: 0;
  padding: 0;
  list-style: none;
  border: 0;
}

.left {
  float: left;
}

.right {
  float: right;
}

.clear {
  clear: both;
}

.header {
  width: 100%;
  height: 90px;
}

.header .header-new {
  width: 1200px;
  height: 90px;
  margin: 0 auto;
}

.header .header-new .logo {
  width: 508px;
  height: 85px;
  float: left;
}

.header .header-new .search {
  width: 194px;
  height: 30px;
  background: url(/static/web/img/search.jpg) no-repeat;
  float: right;
  margin-top: 30px;
}

.header .header-new .search .text {
  width: 155px;
  height: 30px;
  background: none;
  border: none;
  float: left;
  padding-left: 10px;
  font-size: 14px;
  color: #666666;
}

.header .header-new .search .submit {
  width: 25px;
  height: 30px;
  float: left;
  background: none;
  border: none;
}

.nav {
  width: 100%;
  height: 45px;
  background: #0091e5;
}

.nav .nav-new {
  width: 1201px;
  height: 45px;
  margin: 0 auto;
}

.nav .nav-new ul {
  width: 100%;
}

.nav .nav-new ul li {
  width: 149px;
  height: 45px;
  float: left;
  position: relative;
}

.nav .nav-new ul li .tits {
  font-size: 14px;
  line-height: 45px;
  color: #fff;
  text-align: center;
  display: block;
  width: 149px;
  height: 45px;
}

.nav .nav-new ul li .mnav {
  position: absolute;
  width: 484px;
  height: 239px;
  top: 45px;
  left: 0;
  display: none;
  z-index: 3;
}

.nav .nav-new ul li .mnav dl {
  width: 150px;
  height: 239px;
  background: rgba(255, 255, 255, 0.9);
  float: left;
}

.nav .nav-new ul li .mnav dl dd {
  width: 150px;
  border-bottom: 1px solid #dbdbdb;
  font-size: 14px;
  line-height: 40px;
  height: 40px;
  text-align: center;
}

.nav .nav-new ul li .mnav dl dd a {
  color: #333333;
}

.nav .nav-new ul li .mnav dl dd a:hover {
  color: #0091e5;
}

.nav .nav-new ul li .mnav .pic {
  width: 334px;
  height: 239px;
  background: #eeeeee;
  float: left;
}

.nav .nav-new ul li .mnav .pic img {
  width: 293px;
  height: 200px;
  display: block;
  margin: 18px 0 0 20px;
}

.nav .nav-new ul li:hover .mnav {
  display: block;
}

.nav .nav-new ul span {
  width: 1px;
  height: 45px;
  background: #fff;
  opacity: 0.2;
  display: block;
  float: left;
}

.index-banner {
  width: 100%;
  height: 427px;
  background: #f1f1f1;
}

.index-banner .banner-new {
  width: 1200px;
  height: 427px;
  margin: 0 auto;
}

.index-banner .banner-new .banner-con {
  width: 1200px;
  height: 427px;
  overflow: hidden;
  position: relative;
}

.index-banner .banner-new .banner-con .prev {
  width: 30px;
  height: 60px;
  float: left;
  display: block;
  background: url(/static/web/img/index_p2.png) no-repeat;
  margin-top: 185px;
  z-index: 2;
  position: absolute;
  top: 0;
  left: 0;
}

.index-banner .banner-new .banner-con .next {
  width: 30px;
  height: 60px;
  float: right;
  display: block;
  background: url(/static/web/img/index_n2.png) no-repeat;
  margin-top: 185px;
  z-index: 2;
  position: absolute;
  top: 0;
  right: 0;
}

.index-banner .banner-new .banner-con .prev:hover {
  background: url(/static/web/img/index_p2_h.png) no-repeat;
}

.index-banner .banner-new .banner-con .next:hover {
  background: url(/static/web/img/index_n2_h.png) no-repeat;
}

.index-banner .banner-new .banner-con ul li {
  width: 1200px;
  height: 427px;
  position: relative;
  float: left;
}

.index-banner .banner-new .banner-con ul li a {
  width: 1200px;
  height: 427px;
  display: block;
}

.index-banner .banner-new .banner-con ul li a .tit {
  position: absolute;
  width: 336px;
  height: 209px;
  top: 100px;
  left: 275px;
}

.index-banner .banner-new .banner-con ul li a .tit .tit-new {
  width: 100%;
  height: 100%;
  overflow: hidden;
}

.index-banner .banner-new .banner-con ul li a .tit1 {
  position: absolute;
  width: 504px;
  height: 427px;
  top: 0;
  right: 0;
}

.index-banner .banner-new .banner-con ul li.cur .tit .tit-new {
  animation: myfirst 2s;
  -moz-animation: myfirst 2s;
  -webkit-animation: myfirst 2s;
  -o-animation: myfirst 2s;
}

.index-banner .banner-new .banner-con ul li.cur .tit1 {
  animation: mysecond 2s linear;
  -moz-animation: mysecond 2s linear;
  -webkit-animation: mysecond 2s linear;
  -o-animation: mysecond 2s linear;
}

.box1 {
  width: 100%;
  height: auto;
  background: #f9f9f9;
  padding-bottom: 30px;
}

.box1 .box1-new {
  width: 1200px;
  height: 431px;
  margin: 0 auto;
}

.box1 .box1-new .box1-left {
  width: 602px;
  height: 431px;
  background: url(/static/web/img/index_bg1.jpg) no-repeat;
  float: left;
}

.box1 .box1-new .box1-left .tits {
  width: 553px;
  margin: 0 auto;
  height: auto;
}

.box1 .box1-new .box1-left .tits b {
  color: #222222;
  font-size: 19px;
  line-height: 36px;
  float: left;
  margin-top: 20px;
  display: block;
}

.box1 .box1-new .box1-left .tits span {
  color: #666666;
  font-family: Arial;
  font-weight: bold;
  font-size: 14px;
  line-height: 36px;
  margin-top: 23px;
  display: block;
  float: left;
  margin-left: 20px;
}

.box1 .box1-new .box1-left .tits a {
  width: 42px;
  float: right;
  font-size: 12px;
  line-height: 36px;
  color: #3185e7;
  display: block;
  background: url(/static/web/img/icon.png) right no-repeat;
  margin-top: 23px;
}

.box1 .box1-new .box1-left .line {
  width: 553px;
  height: 4px;
  margin: 14px auto 0;
  background: url(/static/web/img/line.jpg) no-repeat;
}

.box1 .box1-new .box1-left .con {
  width: 553px;
  height: auto;
  margin: 24px auto 0;
}

.box1 .box1-new .box1-left .con .conn {
  width: 100%;
  height: auto;
}

.box1 .box1-new .box1-left .con .conn img {
  width: 173px;
  height: 130px;
  float: left;
}

.box1 .box1-new .box1-left .con .conn .connn {
  width: 360px;
  float: right;
}

.box1 .box1-new .box1-left .con .conn .connn .tit {
  font-size: 16px;
  line-height: 36px;
  font-weight: bold;
  color: #666666;
  margin-top: 12px;
}

.box1 .box1-new .box1-left .con .conn .connn .tit1 {
  font-size: 14px;
  line-height: 25px;
  color: #666666;
  margin-top: 10px;
}

.box1 .box1-new .box1-left .con .conn:hover .tit,
.box1 .box1-new .box1-left .con .conn:hover .tit1 {
  color: #00397b;
}

.box1 .box1-new .box1-left .con ul {
  width: 553px;
  height: auto;
  margin: 20px auto 0;
}

.box1 .box1-new .box1-left .con ul li {
  width: 553px;
  height: auto;
  font-size: 14px;
  line-height: 36px;
}

.box1 .box1-new .box1-left .con ul li a {
  margin-left: 10px;
  color: #555555;
}

.box1 .box1-new .box1-left .con ul li a:hover {
  color: #0091E5;
}

.box1 .box1-new .box1-left .con ul li span {
  float: right;
  color: #888888;
}

.box1 .box1-new .box1-right {
  width: 598px;
  height: 431px;
  background: url(/static/web/img/index_bg2.jpg) no-repeat;
  float: right;
}

.box1 .box1-new .box1-right .tits {
  width: 543px;
  margin-left: 35px;
  height: auto;
}

.box1 .box1-new .box1-right .tits b {
  color: #222222;
  font-size: 19px;
  line-height: 36px;
  float: left;
  margin-top: 20px;
  display: block;
}

.box1 .box1-new .box1-right .tits span {
  color: #666666;
  font-family: Arial;
  font-weight: bold;
  font-size: 14px;
  line-height: 36px;
  margin-top: 23px;
  display: block;
  float: left;
  margin-left: 20px;
}

.box1 .box1-new .box1-right .tits a {
  width: 42px;
  float: right;
  font-size: 12px;
  line-height: 36px;
  color: #3185e7;
  display: block;
  background: url(/static/web/img/icon.png) right no-repeat;
  margin-top: 23px;
}

.box1 .box1-new .box1-right .line {
  width: 543px;
  height: 4px;
  margin: 14px 0 0 35px;
  background: url(/static/web/img/line.jpg) no-repeat;
}

.box1 .box1-new .box1-right .con {
  width: 543px;
  height: auto;
  margin-left: 35px;
}

.box1 .box1-new .box1-right .con .con-left {
  width: 208px;
  height: auto;
  float: left;
}

.box1 .box1-new .box1-right .con .con-left .tit {
  line-height: 25px;
  color: #666666;
  font-size: 14px;
  margin-top: 36px;
}

.box1 .box1-new .box1-right .con .con-left a {
  width: 101px;
  height: 31px;
  display: block;
  background: #0088e2;
  font-size: 14px;
  line-height: 31px;
  text-align: center;
  color: #fff;
  margin-top: 49px;
}

.box1 .box1-new .box1-right .con .con-right {
  width: 310px;
  height: auto;
  float: right;
}

.box1 .box1-new .box1-right .con .con-right a {
  width: 310px;
  height: 241px;
  display: block;
  position: relative;
  margin-top: 43px;
}

.box1 .box1-new .box1-right .con .con-right a .pic {
  width: 39px;
  height: 39px;
  position: absolute;
  top: 100px;
  left: 135px;
}

.box1 .box1-new .box1-right .con .con-right p {
  font-size: 14px;
  color: #666666;
  line-height: 20px;
  text-align: center;
  margin-top: 9px;
}

.box1 .box2 {
  width: 1200px;
  height: auto;
  margin: 30px auto 0;
  background: #eeeeee;
  padding: 30px 0;
}

.box1 .box2 .box2-left {
  width: 597px;
  float: left;
  height: auto;
  background: #fff;
}

.box1 .box2 .box2-left .tits {
  width: 597px;
  height: 40px;
  background: url(/static/web/img/index_title.jpg) no-repeat;
}

.box1 .box2 .box2-left .tits span {
  font-size: 16px;
  color: #fff;
  line-height: 40px;
  padding-left: 22px;
}

.box1 .box2 .box2-left .tits i {
  font-style: normal;
  font-size: 12px;
  font-family: Arial;
  color: #e2f3ff;
  margin-left: 5px;
}

.box1 .box2 .box2-left .tits a {
  float: right;
  font-size: 12px;
  line-height: 40px;
  font-family: "\5b8b\4f53";
  color: #d5eeff;
  padding-right: 21px;
}

.box1 .box2 .box2-left .list {
  width: 550px;
  height: 210px;
  margin: 21px auto 0;
  padding-bottom: 25px;
}

.box1 .box2 .box2-left .list .list-new {
  width: 100%;
  position: relative;
  overflow: hidden;
}

.box1 .box2 .box2-left .list .list-new .hd1 {
  width: 100%;
  position: absolute;
  top: 0;
  left: 0;
}

.box1 .box2 .box2-left .list .list-new .hd1 .prev {
  width: 20px;
  height: 38px;
  display: block;
  float: left;
  background: url(/static/web/img/index_p1.png) no-repeat;
  margin-top: 87px;
  position: relative;
  z-index: 2;
}

.box1 .box2 .box2-left .list .list-new .hd1 .next {
  width: 20px;
  height: 38px;
  display: block;
  float: right;
  background: url(/static/web/img/index_n1.png) no-repeat;
  margin-top: 87px;
  position: relative;
  z-index: 2;
}

.box1 .box2 .box2-left .list .list-new .bd1 {
  width: 100%;
  height: auto;
}

.box1 .box2 .box2-left .list .list-new .bd1 ul li {
  width: 169px;
  height: 210px;
  float: left;
  position: relative;
  margin-right: 22px;
  overflow: hidden;
}

.box1 .box2 .box2-left .list .list-new .bd1 ul li p {
  width: 169px;
  height: 33px;
  background: rgba(77, 156, 200, 0.9);
  position: absolute;
  bottom: 0;
  left: 0;
  text-align: center;
  line-height: 33px;
  font-size: 14px;
  color: #fff;
}

.box1 .box2 .box2-right {
  width: 589px;
  height: auto;
  float: right;
  background: #fff;
}

.box1 .box2 .box2-right .tits {
  width: 589px;
  height: 40px;
  background: url(/static/web/img/index_title1.jpg) no-repeat;
}

.box1 .box2 .box2-right .tits span {
  font-size: 16px;
  color: #fff;
  line-height: 40px;
  padding-left: 22px;
}

.box1 .box2 .box2-right .tits i {
  font-style: normal;
  font-size: 12px;
  font-family: Arial;
  color: #e2f3ff;
  margin-left: 5px;
}

.box1 .box2 .box2-right .tits a {
  float: right;
  font-size: 12px;
  line-height: 40px;
  font-family: "\5b8b\4f53";
  color: #d5eeff;
  padding-right: 21px;
}

.box1 .box2 .box2-right .box2-new {
  height: auto;
  margin: 21px 0 0 21px;
  padding-bottom: 25px;
}

.box1 .box2 .box2-right .box2-new .pic {
  width: 236px;
  height: 210px;
  display: block;
  float: left;
}

.box1 .box2 .box2-right .box2-new .conn {
  float: left;
  width: 260px;
  height: auto;
  margin-left: 40px;
}

.box1 .box2 .box2-right .box2-new .conn img {
  display: block;
  margin-top: 16px;
}

.box1 .box2 .box2-right .box2-new .conn ul {
  margin-top: 26px;
}

.box1 .box2 .box2-right .box2-new .conn ul li {
  line-height: 35px;
  font-size: 14px;
}

.box1 .box2 .box2-right .box2-new .conn ul li a {
  color: #555555;
}

.box1 .box2 .box2-right .box2-new .conn ul li a:hover {
  color: #0091e5;
}

.footer {
  width: 100%;
  height: 57px;
  background: #0075c2;
}

.footer .footer-new {
  width: 1200px;
  height: 57px;
  margin: 0 auto;
}

.footer .footer-new .tits {
  font-size: 14px;
  line-height: 57px;
  color: #fff;
  float: left;
}

.footer .footer-new .con {
  width: 470px;
  float: right;
  position: relative;
  margin-top: 15px;
}

.footer .footer-new .con p {
  font-size: 14px;
  line-height: 57px;
  color: #fff;
  float: left;
  margin-left: -106px
}

#cnzz_stat_icon_1257386861 {
  position: relative;
  right: 0;
  top: 8px;
}

.footer .footer-new .con p a {
  color: #fff;
}

.footer .footer-new .con .conn {
  width: 194px;
  height: 30px;
  float: right;
  margin-top: 15px;
  position: relative;
  margin: 0 5px
}

.footer .footer-new .con .conn .tt {
  width: 182px;
  height: 30px;
  background: url(/static/web/img/s1.png) no-repeat;
  display: block;
  font-size: 14px;
  color: #666666;
  padding-left: 12px;
  line-height: 30px;
}

.footer .footer-new .con .conn ul {
  width: 192px;
  height: auto;
  border: 1px solid #e0e0e0;
  position: absolute;
  bottom: 30px;
  left: 0;
  background: #fff;
  display: none;
}

.footer .footer-new .con .conn ul li {
  width: 100%;
  height: 30px;
}

.footer .footer-new .con .conn ul li a {
  color: #666666;
  line-height: 30px;
  padding-left: 15px;
  font-size: 12px;
}

.footer .footer-new .con .conn ul li:hover {
  background: #0088e2;
}

.footer .footer-new .con .conn ul li:hover a {
  color: #fff;
}

.footer .footer-new .con .conn:hover ul {
  display: block;
}

.banner {
  width: 100%;
  height: 300px;
  margin: 0 auto;
  position: relative;
}

.banner .banner-new {
  width: 1200px;
  height: auto;
  margin: 0 auto;
  padding-top: 50px;
}

.banner .banner-new .con {
  width: 280px;
  height: 146px;
  background: url(/static/web/img/about_bg1.png) no-repeat;
  padding-top: 23px;
}

.banner .banner-new .con .line {
  width: 50px;
  height: 5px;
  background: #fff;
  margin: 0 0 0 20px;
}

.banner .banner-new .con .tits {
  font-size: 30px;
  line-height: 30px;
  font-weight: bold;
  color: #fff;
  margin-left: 20px;
  margin-top: 16px;
}

.banner .banner-new .con .tit {
  width: 242px;
  margin: 0 auto;
  font-size: 16px;
  line-height: 20px;
  color: #f8e2e2;
  opacity: 0.8;
  margin-top: 13px;
}

.banner .banner-new .con1 {
  width: 296px;
  height: 146px;
  background: url(/static/web/img/about_bg3.png) no-repeat;
  padding-top: 23px;
}

.banner .banner-new .con1 .line {
  width: 50px;
  height: 5px;
  background: #fff;
  margin: 0 0 0 20px;
}

.banner .banner-new .con1 .tits {
  font-size: 30px;
  line-height: 30px;
  font-weight: bold;
  color: #fff;
  margin-left: 20px;
  margin-top: 16px;
}

.banner .banner-new .con1 .tit {
  width: 260px;
  margin: 0 auto;
  font-size: 16px;
  line-height: 20px;
  color: #f8e2e2;
  opacity: 0.8;
  margin-top: 13px;
}

.banner .banner-new .con2 {
  width: 300px;
  height: 165px;
  background: url(/static/web/img/about_bg3.png) no-repeat;
  padding-top: 23px;
}

.banner .banner-new .con2 .line {
  width: 50px;
  height: 5px;
  background: #fff;
  margin: 0 0 0 20px;
}

.banner .banner-new .con2 .tits {
  font-size: 30px;
  line-height: 30px;
  font-weight: bold;
  color: #fff;
  margin-left: 20px;
  margin-top: 5px;
}

.banner .banner-new .con2 .tit {
  width: 260px;
  margin: 0 auto;
  font-size: 16px;
  line-height: 20px;
  color: #f8e2e2;
  opacity: 0.8;
  margin-top: 13px;
}

.banner .banner-new .top {
  width: 100%;
  height: 60px;
  position: absolute;
  bottom: -8px;
  left: 0;
}

.banner .banner-new .top .top-new {
  width: 1200px;
  height: 50px;
  background: #fbfbfb;
  margin: 0 auto;
  border: 1px solid #e9e9e9;
}

.banner .banner-new .top .top-new .top-left {
  float: left;
  font-size: 14px;
  padding-left: 20px;
  line-height: 16px;
  margin-top: 16px;
}

.banner .banner-new .top .top-new .top-left img {
  float: left;
  margin-right: 8px;
}

.banner .banner-new .top .top-new .top-left a {
  color: #919397;
}

.banner .banner-new .top .top-new .top-left span {
  font-family: "\5b8b\4f53";
  color: #919397;
  font-size: 11px;
  margin: 0 5px;
}

.banner .banner-new .top .top-new .top-left i {
  color: #c20813;
  font-style: normal;
}

.banner .banner-new .top .top-new .subnav {
  float: right;
}

.banner .banner-new .top .top-new .subnav a {
  width: 104px;
  height: 58px;
  float: right;
  display: block;
  text-align: center;
  line-height: 50px;
  color: #48505e;
  font-size: 14px;
  float: left;
}

.banner .banner-new .top .top-new .subnav span {
  width: 1px;
  height: 50px;
  background: #e9e9e9;
  display: block;
  float: left;
}

.banner .banner-new .top .top-new .subnav a:hover {
  background: url(/static/web/img/about_bg2.png) no-repeat;
  color: #fff;
  margin-top: -1px;
}

.banner .banner-new .top .top-new .subnav a.cur {
  background: url(/static/web/img/about_bg2.png) no-repeat;
  color: #fff;
  margin-top: -1px;
}

.about {
  width: 100%;
  height: auto;
  background: #f9f9f9;
  padding-bottom: 40px;
}

.about .about-new {
  width: 1200px;
  height: auto;
  background: #fff;
  margin: 0 auto;
  padding-top: 34px;
  padding-bottom: 33px;
}

.about .about-new p {
  padding: 0 20px;
}

.about .about-new p img {
  padding-left: 20px;
}

.about .about-new .con {
  width: 1158px;
  margin: 0 auto;
  height: auto;
}

.about .about-new .con .conn {
  width: 610px;
  height: auto;
  float: left;
}

.about .about-new .con .conn .tit {
  font-size: 16px;
  line-height: 28px;
  color: #555555;
  text-indent: 2em;
  margin-bottom: 10px;
}

.about .about-new .con .pic {
  width: 520px;
  height: 294px;
  float: right;
}

.about .about-new .tit1 {
  width: 1158px;
  font-size: 16px;
  line-height: 28px;
  color: #555555;
  text-indent: 2em;
  margin: 0 auto;
}

.about .pic1 {
  width: 1019px;
  height: 1104px;
  margin: 6px auto 0;
}

.about2 {
  width: 100%;
  height: auto;
  background: #f9f9f9;
  padding-bottom: 40px;
}

.about2 .about2-new {
  width: 1200px;
  height: 505px;
  margin: 0 auto;
  background: url(/static/web/img/about_pic3.jpg) no-repeat;
}

.about2 .about2-new .tit1 {
  padding-top: 60px;
  margin-left: 20px;
  font-size: 14px;
  line-height: 18px;
  color: #555555;
}

.about2 .about2-new .tit {
  margin-top: 57px;
  margin-left: 20px;
  font-size: 14px;
  line-height: 18px;
  color: #555555;
}

.about3 {
  width: 100%;
  height: auto;
  background: #f9f9f9;
  padding-bottom: 40px;
}

.about3 .about3-new {
  width: 1200px;
  height: auto;
  margin: 0 auto;
  background: #fff;
}

.about3 .about3-new .list {
  width: 1140px;
  margin: 0 auto;
  height: auto;
  overflow: hidden;
}

.about3 .about3-new .list ul {
  width: 110%;
  height: 240px;
  padding-bottom: 25px;
  border-bottom: 1px solid #e7e7e7;
  margin-top: 30px;
}

.about3 .about3-new .list ul li {
  width: 262px;
  height: auto;
  float: left;
  margin-right: 30px;
}

.about3 .about3-new .list ul li p {
  font-size: 14px;
  color: #555555;
  text-align: center;
  margin-top: 14px;
}

.about3 .about3-new .list ul li:hover p {
  color: #d41a2c;
}

.news {
  width: 100%;
  height: auto;
  background: #f9f9f9;
  padding-bottom: 40px;
}

.news .news-new {
  width: 1200px;
  height: auto;
  background: #fff;
  margin: 0 auto;
  padding-bottom: 40px;
}

.news .news-new .tab {
  width: 100%;
  height: 40px;
  padding-top: 44px;
}

.news .news-new .tab .tab-new {
  width: 100%;
  height: 40px;
  margin: 0 auto;
}

.news .news-new .tab .tab-new a {
  width: 118px;
  height: 38px;
  display: block;
  border: 1px solid #c7c7c7;
  border-radius: 10px;
  float: left;
  margin: 0 18px;
  line-height: 38px;
  text-align: center;
  font-size: 14px;
  color: #888888;
}

.news .news-new .tab .tab-new a:hover {
  width: 120px;
  height: 40px;
  background: #0082d8;
  color: #fff;
  border: none;
}

.news .news-new .tab .tab-new a.curing {
  width: 120px;
  height: 40px;
  background: #0082d8;
  color: #fff;
  border: none;
}

.news .news-new .list {
  width: 1120px;
  margin: 0 auto;
  height: auto;
}

.news .news-new .list ul {
  width: 100%;
}

.news .news-new .list ul li {
  width: 100%;
  height: auto;
  padding-top: 30px;
  padding-bottom: 33px;
  border-bottom: 1px solid #e7e7e7;
}

.news .news-new .list ul li .con {
  width: 760px;
  height: auto;
  float: left;
}

.news .news-new .list ul li .con .tits {
  font-size: 18px;
  line-height: 18px;
  color: #0082d8;
  font-weight: bold;
  margin-top: 12px;
}

.news .news-new .list ul li .con .tit {
  font-size: 12px;
  line-height: 18px;
  color: #999999;
  margin-top: 12px;
}

.news .news-new .list ul li .con .tit span {
  float: left;
  margin-right: 65px;
}

.news .news-new .list ul li .con .tit1 {
  font-size: 12px;
  color: #888888;
  line-height: 20px;
  margin-top: 14px;
}

.news .news-new .list ul li .pic {
  width: 350px;
  height: 230px;
  float: right;
}

.news .news-new .list ul li:hover .con .tit1 {
  color: #0082d8;
}

.news-info {
  width: 100%;
  height: auto;
  background: #f9f9f9;
  padding-bottom: 40px;
}

.news-info .info-new {
  width: 1200px;
  height: auto;
  background: #fff;
  margin: 0 auto;
  padding-top: 39px;
  padding-bottom: 32px;
}

.news-info .info-new table {
  border: 1px solid #ccc;
}

.news-info .info-new table tr {
  border: 1px solid #ccc;
}

.news-info .info-new table tr td {
  border: 1px solid #ccc;
}

.news-info .info-new .tits {
  width: 100%;
  font-size: 18px;
  line-height: 18px;
  color: #0082d8;
  font-weight: bold;
  text-align: center;
}

.news-info .info-new .time {
  width: 300px;
  margin: 12px auto 0;
  font-size: 12px;
  line-height: 18px;
  color: #999999;
  text-align: center;
}

.news-info .info-new .con {
  width: 1120px;
  margin: 0 auto;
  font-size: 14px;
  line-height: 24px;
  color: #666666;
}

.news-info .info-new .con .tit {
  width: 1120px;
  margin: 22px auto 0;
  color: #666666;
  font-size: 14px;
  line-height: 24px;
  text-indent: 2em;
}

.news-info .info-new .con img {
  display: block;
  margin: 30px auto;
}

.news-info .info-new .paging {
  width: 1120px;
  height: auto;
  margin: 29px auto 0;
  font-size: 14px;
  line-height: 30px;
}

.news-info .info-new .paging p a {
  color: #666666;
}

.news-info .info-new .paging p a:hover {
  color: #0089c9;
}

.news-info .info-new .paging .return {
  width: 96px;
  height: 37px;
  display: block;
  background: #0089c9;
  color: #fff;
  line-height: 37px;
  text-align: center;
  margin-top: 13px;
}

.news-info .info-new .back {
  width: 96px;
  height: 37px;
  display: block;
  background: #0089c9;
  color: #fff;
  line-height: 37px;
  text-align: center;
  margin-top: 25px;
  float: right;
  margin-right: 30px;
}

.join {
  width: 100%;
  height: auto;
  background: #f6f3f3;
  padding-bottom: 40px;
}

.join .join-new {
  width: 1200px;
  height: auto;
  margin: 0 auto;
  background: #fff;
  padding-top: 40px;
  padding-bottom: 40px;
}

.join .join-new .con {
  width: 1120px;
  height: auto;
  margin: 0 auto 54px;
}

.join .join-new .con .tits {
  font-size: 24px;
  line-height: 24px;
  counter-reset: #fff;
  font-weight: bold;
  border-bottom: 1px solid #ebebeb;
  padding-bottom: 18px;
}

.join .join-new .con .tit {
  font-size: 14px;
  line-height: 28px;
  color: #555555;
  margin-top: 13px;
}

.join .join-new .online {
  width: 138px;
  height: 40px;
  background: #0089c9;
  display: block;
  color: #fff;
  margin: 0 auto;
  font-size: 18px;
  line-height: 40px;
  text-align: center;
}

.join .join-new .online:hover {
  background: #f6f3f3;
  color: #0089c9;
}

.join .join-new .content {
  width: 1140px;
  margin: 0 auto;
  height: auto;
}

.join .join-new .content .tits {
  font-size: 24px;
  line-height: 24px;
  color: #00acde;
  text-align: center;
}

.join .join-new .content .tit {
  font-size: 14px;
  line-height: 18px;
  color: #999999;
  text-align: center;
  margin-top: 34px;
}

.join .join-new .content .list {
  width: 100%;
  height: auto;
  overflow: hidden;
  position: relative;
  margin-top: 30px;
}

.join .join-new .content .list .hd .prev {
  width: 50px;
  height: 50px;
  display: block;
  float: left;
  background: url(/static/web/img/news_p.jpg) no-repeat;
  top: 130px;
  position: absolute;
  left: 0;
  z-index: 10;
}

.join .join-new .content .list .hd .next {
  width: 50px;
  height: 50px;
  display: block;
  float: right;
  background: url(/static/web/img/news_n.jpg) no-repeat;
  top: 130px;
  position: absolute;
  right: 0;
  z-index: 10;
}

.join .join-new .content .list .hd ul {
  width: 100%;
  height: auto;
  margin-top: 15px;
  text-align: center;
}

.join .join-new .content .list .hd ul li {
  width: 20px;
  height: 20px;
  font-size: 14px;
  line-height: 20px;
  text-align: center;
  margin: 0 4px;
  border: 1px solid #eee;
  display: inline-block;
  cursor: pointer;
  color: #898989;
}

.join .join-new .content .list .hd ul li.on {
  background: #00acde;
  border: 1px solid #00acde;
  color: #fff;
}

.join .join-new .content .list .bd {
  width: 1002px;
  height: auto;
  margin: 0 auto;
  overflow: hidden;
}

.join .join-new .content .list .bd ul {
  width: 110%;
  position: relative;
  z-index: 3;
}

.join .join-new .content .list .bd ul li {
  width: 300px;
  height: 141px;
  background: #f2f2f2;
  border: 1px solid #e6e6e6;
  margin-right: 47px;
  float: left;
  margin-bottom: 30px;
  position: relative;
}

.join .join-new .content .list .bd ul li .tit1 {
  width: 241px;
  height: auto;
  font-size: 18px;
  line-height: 18px;
  color: #00acde;
  border-bottom: 1px solid #d9d9d9;
  margin: 0 auto;
  padding-top: 28px;
  padding-bottom: 17px;
}

.join .join-new .content .list .bd ul li .tit2 {
  width: 241px;
  margin: 30px auto 0;
  font-size: 14px;
  line-height: 18px;
  color: #898989;
}

.join .join-new .content .list .bd ul li .t {
  width: 68px;
  height: 24px;
  line-height: 24px;
  background: #00acde;
  color: #fff;
  font-size: 12px;
  display: block;
  text-align: center;
  position: absolute;
  bottom: -1px;
  right: -1px;
}

.join .join-new .content .line {
  width: 1040px;
  height: 1px;
  background: #e5e5e5;
  margin: 60px auto 0;
}

.join .join-new .content .conn {
  width: 100%;
  margin: 0 auto;
  height: auto;
}

.join .join-new .content .conn .tt {
  font-size: 30px;
  color: #333;
  text-align: center;
  line-height: 40px;
  margin-top: 45px;
}

.join .join-new .content .conn .connn {
  width: 560px;
  height: auto;
  margin: 32px auto 0;
}

.join .join-new .content .conn .connn .m {
  background: url(/static/web/img/m.png) no-repeat;
  height: 48px;
  padding-left: 68px;
  font-size: 16px;
  line-height: 48px;
  color: #34a7c5;
}

.join .join-new .content .conn .connn .t {
  background: url(/static/web/img/t.png) no-repeat;
  height: 48px;
  padding-left: 68px;
  font-size: 16px;
  line-height: 48px;
  color: #34a7c5;
}

.product {
  width: 100%;
  height: auto;
  background: #f4f4f4;
  padding-bottom: 40px;
}

.product .product-new {
  width: 1200px;
  height: auto;
  background: #fff;
  margin: 0 auto;
  padding-bottom: 40px;
}

.product .product-new ul {
  width: 100%;
  height: auto;
}

.product .product-new ul li {
  width: 100%;
  height: auto;
  margin: 0 auto;
  padding-top: 40px;
}

.product .product-new ul li .con {
  width: 1120px;
  height: auto;
  margin: 0 auto;
  padding-bottom: 40px;
  border-bottom: 1px solid #eaeaea;
}

.product .product-new ul li .con .pic {
  width: 510px;
  height: 268px;
  float: left;
}

.product .product-new ul li .con .conn {
  width: 609px;
  height: 268px;
  background: #f9f9f9;
  float: left;
}

.product .product-new ul li .con .conn .tits {
  width: 545px;
  margin: 22px auto 0;
  height: auto;
}

.product .product-new ul li .con .conn .tits b {
  font-size: 18px;
  line-height: 30px;
  font-weight: bold;
  color: #555555;
}

.product .product-new ul li .con .conn .tits span {
  font-size: 16px;
  line-height: 30px;
  color: #555555;
}

.product .product-new ul li .con .conn .tit {
  font-size: 14px;
  line-height: 30px;
  color: #555555;
  width: 545px;
  margin: 16px auto 0;
}

.product .product-new ul li .con .conn a {
  display: block;
  margin: 0 auto;
  width: 545px;
  font-size: 14px;
  line-height: 30px;
  font-weight: bold;
  color: #0082d8;
}

.product .product-new ul li .con .conn a span {
  font-family: "\5b8b\4f53";
  margin-left: 5px;
  font-weight: normal;
}

.product-info {
  width: 100%;
  height: auto;
  background: #f4f4f4;
  padding-bottom: 40px;
}

.product-info .product-new {
  width: 1200px;
  height: auto;
  background: #fff;
  margin: 0 auto;
  padding-bottom: 35px;
}

.product-info .product-new .con {
  width: 1120px;
  margin: 0 auto;
  height: auto;
}

.product-info .product-new .con .tits {
  font-size: 18px;
  line-height: 30px;
  color: #555555;
  font-weight: bold;
  text-align: center;
  padding-top: 21px;
}

.product-info .product-new .con .tit1 {
  font-size: 16px;
  line-height: 30px;
  color: #555555;
  text-indent: 2em;
  margin-top: 23px;
}

.product-info .product-new .con .tit {
  font-size: 14px;
  line-height: 30px;
  color: #555555;
  text-indent: 2em;
  margin-top: 10px;
}

.product-info .product-new .con img {
  display: block;
  margin: 32px auto;
}

.product-info .product-new .con .paging {
  width: 1120px;
  height: auto;
  margin: 29px auto 0;
  font-size: 14px;
  line-height: 30px;
}

.product-info .product-new .con .paging p a {
  color: #666666;
}

.product-info .product-new .con .paging p a:hover {
  color: #0089c9;
}

.product-info .product-new .con .paging .return {
  width: 96px;
  height: 37px;
  display: block;
  background: #0089c9;
  color: #fff;
  line-height: 37px;
  text-align: center;
  margin-top: 13px;
}

.service {
  width: 100%;
  height: auto;
  background: #f3efef;
  padding-bottom: 40px;
}

.service .service-new {
  width: 1200px;
  min-height: 430px;
  background: #fff;
  margin: 0 auto;
  padding-bottom: 35px;
}

.service .service-new i {
  font-style: normal;
}

.service .service-new .content {
  width: 1135px;
  height: auto;
  padding-top: 41px;
  margin: 0 auto;
  font-size: 14px;
  line-height: 24px;
  color: #555555;
}

.service .service-new .content .tit {
  font-size: 14px;
  line-height: 24px;
  color: #555555;
  text-indent: 2em;
  margin-bottom: 10px;
}

.service .service-new .content1 {
  width: 1140px;
  height: auto;
  margin-left: 25px;
  padding-top: 41px;
  font-size: 14px;
  line-height: 24px;
  color: #555555;
}

.service .service-new .content1 table {
  border: 1px solid #eee;
}

.service .service-new .content1 table tr {
  border: 1px solid #eee;
}

.service .service-new .content1 table tr td {
  border: 1px solid #eee;
  line-height: 30px;
  padding: 10px 5px;
}

.service .service-new .content1 .tits {
  font-size: 14px;
  line-height: 24px;
  color: #777777;
  font-weight: bold;
  margin-bottom: 10px;
}

.service .service-new .content1 .tit {
  font-size: 14px;
  line-height: 24px;
  color: #777777;
  margin-bottom: 10px;
}

.service .service-new .content1 a {
  color: #005e98;
}

.service .service-new ul {
  width: 100%;
  height: auto;
}

.service .service-new ul li {
  width: 100%;
  height: auto;
  margin: 40px auto 0;
}

.service .service-new ul li .con {
  width: 1120px;
  height: auto;
  margin: 0 auto;
  padding-bottom: 40px;
  border-bottom: 1px solid #eaeaea;
}

.service .service-new ul li .con .pic {
  width: 510px;
  height: 268px;
  float: left;
}

.service .service-new ul li .con .conn {
  width: 609px;
  height: 268px;
  background: #f9f9f9;
  float: left;
  font-size: 14px;
  line-height: 20px;
  color: #555555;
}

.service .service-new ul li .con .conn .tits {
  width: 545px;
  margin: 22px auto 0;
  height: auto;
  font-size: 18px;
  line-height: 30px;
  font-weight: bold;
  color: #555555;
}

.service .service-new ul li .con .conn p {
  width: 545px;
  margin-left: 33px;
}

.map {
  width: 100%;
  height: auto;
  background: #f3efef;
  padding-top: 155px;
  padding-bottom: 170px;
}

.map .map-new {
  width: 746px;
  height: 450px;
  margin: 0 auto;
  background: url(/static/web/img/bg.png) no-repeat;
  position: relative;
}

.map .map-new .tits {
  width: 118px;
  height: 38px;
  border-radius: 10px;
  border: 1px solid #e0e0e0;
  position: absolute;
  top: -40px;
  left: 320px;
  background: #0082d8;
  color: #fff;
  line-height: 38px;
  text-align: center;
  font-weight: bold;
  font-size: 16px;
}

.map .map-new .tits a {
  color: #fff;
}

.map .map-new .con1 {
  width: 102px;
  height: auto;
  float: left;
  position: absolute;
  left: -50px;
  top: 40px;
}

.map .map-new .con1 li {
  width: 102px;
  height: 38px;
  border: 1px solid #e0e0e0;
  border-radius: 10px;
  margin-top: 38px;
  line-height: 38px;
  text-align: center;
  font-size: 14px;
  background: #f3efef;
}

.map .map-new .con1 li a {
  color: #555555;
  display: block;
}

.map .map-new .con1 li:hover {
  background: #0082d8;
}

.map .map-new .con1 li:hover a {
  color: #fff;
}

.map .map-new .con2 {
  width: 102px;
  height: auto;
  float: left;
  position: absolute;
  left: 75px;
  top: 40px;
}

.map .map-new .con2 li {
  width: 102px;
  height: 38px;
  border: 1px solid #e0e0e0;
  border-radius: 10px;
  margin-top: 38px;
  line-height: 38px;
  text-align: center;
  font-size: 14px;
  background: #f3efef;
}

.map .map-new .con2 li a {
  color: #555555;
  display: block;
}

.map .map-new .con2 li:hover {
  background: #0082d8;
}

.map .map-new .con2 li:hover a {
  color: #fff;
}

.map .map-new .con3 {
  width: 102px;
  height: auto;
  float: left;
  position: absolute;
  left: 205px;
  top: 40px;
}

.map .map-new .con3 li {
  width: 102px;
  height: 38px;
  border: 1px solid #e0e0e0;
  border-radius: 10px;
  margin-top: 38px;
  line-height: 38px;
  text-align: center;
  font-size: 14px;
  background: #f3efef;
}

.map .map-new .con3 li a {
  color: #555555;
  display: block;
}

.map .map-new .con3 li:hover {
  background: #0082d8;
}

.map .map-new .con3 li:hover a {
  color: #fff;
}

.map .map-new .con4 {
  width: 102px;
  height: auto;
  float: left;
  position: absolute;
  left: 325px;
  top: 40px;
}

.map .map-new .con4 li {
  width: 102px;
  height: 38px;
  border: 1px solid #e0e0e0;
  border-radius: 10px;
  margin-top: 38px;
  line-height: 38px;
  text-align: center;
  font-size: 14px;
  background: #f3efef;
}

.map .map-new .con4 li a {
  color: #555555;
  display: block;
}

.map .map-new .con4 li:hover {
  background: #0082d8;
}

.map .map-new .con4 li:hover a {
  color: #fff;
}

.map .map-new .con5 {
  width: 102px;
  height: auto;
  float: left;
  position: absolute;
  left: 450px;
  top: 40px;
}

.map .map-new .con5 li {
  width: 102px;
  height: 38px;
  border: 1px solid #e0e0e0;
  border-radius: 10px;
  margin-top: 38px;
  line-height: 38px;
  text-align: center;
  font-size: 14px;
  background: #f3efef;
}

.map .map-new .con5 li a {
  color: #555555;
  display: block;
}

.map .map-new .con5 li:hover {
  background: #0082d8;
}

.map .map-new .con5 li:hover a {
  color: #fff;
}

.map .map-new .con6 {
  width: 102px;
  height: auto;
  float: left;
  position: absolute;
  left: 570px;
  top: 40px;
}

.map .map-new .con6 li {
  width: 102px;
  height: 38px;
  border: 1px solid #e0e0e0;
  border-radius: 10px;
  margin-top: 38px;
  line-height: 38px;
  text-align: center;
  font-size: 14px;
  background: #f3efef;
}

.map .map-new .con6 li a {
  color: #555555;
  display: block;
}

.map .map-new .con6 li:hover {
  background: #0082d8;
}

.map .map-new .con6 li:hover a {
  color: #fff;
}

.map .map-new .con7 {
  width: 102px;
  height: auto;
  float: left;
  position: absolute;
  right: -50px;
  top: 40px;
}

.map .map-new .con7 li {
  width: 102px;
  height: 38px;
  border: 1px solid #e0e0e0;
  border-radius: 10px;
  margin-top: 38px;
  line-height: 38px;
  text-align: center;
  font-size: 14px;
  background: #f3efef;
}

.map .map-new .con7 li a {
  color: #555555;
  display: block;
}

.map .map-new .con7 li:hover {
  background: #0082d8;
}

.map .map-new .con7 li:hover a {
  color: #fff;
}

.contact {
  width: 100%;
  height: auto;
  background: #f3efef;
  padding-bottom: 40px;
}

.contact .contact-new {
  width: 1200px;
  background: url(/static/web/img/c_bg.png) no-repeat;
  margin: 0 auto;
  height: 820px;
  padding-top: 40px;
}

.contact .contact-new .m {
  width: 1120px;
  height: 386px;
  margin: 0 auto;
}

.contact .contact-new .con {
  width: 1120px;
  height: auto;
  margin: 40px auto 0;
}

.contact .contact-new .con .tits {
  font-size: 18px;
  line-height: 18px;
  color: #666666;
  font-weight: bold;
}

.contact .contact-new .con .tit {
  color: #666666;
  font-size: 14px;
  line-height: 30px;
  margin-top: 23px;
}

.sidebar {
  width: 76px;
  height: 173px;
  background: url(/static/web/img/left.jpg) no-repeat;
  position: fixed;
  top: 40%;
  right: 0;
}

.sidebar a {
  width: 76px;
  height: 57px;
  display: block;
  margin-bottom: 1px;
}

.sidebar img {
  width: 173px;
  height: 173px;
  display: none;
  position: absolute;
  bottom: 0;
  right: 76px;
}

.sidebar .ewm:hover+img {
  display: block;
}

.recr_table {
  width: 1120px;
  height: auto;
  margin: 0 auto;
}

.recr_table .ww {
  width: 100px;
  height: 30px;
  line-height: 30px;
  text-align: right;
  font-size: 14px;
  margin-right: 10px;
  display: block;
  float: left;
  margin-bottom: 15px;
}

.recr_table .wf {
  width: 250px;
  height: 30px;
  display: block;
  float: left;
  margin-bottom: 15px;
}

.recr_table .text1 {
  width: 200px;
  height: 30px;
  float: left;
  border: 1px solid #CCC;
  margin-right: 10px;
  padding-left: 10px;
}

.recr_table #spred {
  color: #f00;
  float: left;
}

.recr_table .success {
  width: 213px;
  height: 30px;
  float: left;
  border: 1px solid #CCC;
  margin-right: 10px;
  padding-left: 10px;
}

.recr_table .wt {
  width: 950px;
  height: 200px;
  display: block;
}

.recr_table textarea {
  width: 932px;
  height: 200px;
  border: 1px solid #CCC;
  float: left;
  margin-right: 10px;
}

.recr_table .submit {
  width: 150px;
  height: 50px;
  background: #0082D8;
  color: #fff;
  font-size: 18px;
  text-align: center;
  line-height: 50px;
  margin: 0 auto;
  cursor: pointer;
}

.message {
  width: 100%;
  background: #e9ecf5;
  height: auto;
  padding-top: 75px;
  padding-bottom: 80px;
}

.message .message-new {
  width: 960px;
  height: auto;
  margin: 0 auto;
  background: #fff;
  box-shadow: 0 0 5px #ccc;
  border-radius: 5px;
  padding-bottom: 20px;
}

.message .message-new .con1 {
  width: 100%;
  height: auto;
}

.message .message-new .con1 .conn {
  width: 670px;
  float: left;
  margin: 35px 0 0 20px;
}

.message .message-new .con1 .conn .tits {
  text-align: center;
  font-size: 18px;
  line-height: 20px;
  color: #444444;
}

.message .message-new .con1 .conn .tit {
  font-size: 14px;
  line-height: 26px;
  color: #444444;
  margin-top: 20px;
}

.message .message-new .con1 .conn .tit span {
  font-weight: bold;
  display: block;
  margin: 5px 0;
}

.message .message-new .con1 .conn .tit1 {
  font-size: 14px;
  line-height: 26px;
  color: #444;
  float: right;
  text-align: right;
  margin-top: 5px;
}

.message .message-new .con1 .con1-new {
  width: 160px;
  height: auto;
  overflow: hidden;
  float: left;
  margin: 65px 0 0 60px;
}

.message .message-new .con1 .con1-new .bd ul li {
  width: 148px;
  height: 313px;
  float: left;
  margin: 0 6px;
}

.message .message-new .con1 .con1-new .hd {
  margin: 10px auto 0;
}

.message .message-new .con1 .con1-new .hd ul li {
  width: 10px;
  height: 10px;
  background: #d0d0d0;
  border-radius: 10px;
  float: left;
  color: #d0d0d0;
  margin: 0 5px;
  cursor: pointer;
}

.message .message-new .con1 .con1-new .hd ul li.on {
  background: #067bfc;
  color: #067bfc;
}

.message .message-new .con2 {
  width: 100%;
  height: auto;
  margin-top: 30px;
  border-top: 1px solid #e9ecf5;
}

.message .message-new .con2 .con2-new {
  width: 936px;
  height: auto;
  margin: 0 auto;
  padding-top: 20px;
}

.message .message-new .con2 .con2-new .conn {
  width: 460px;
  height: auto;
}

.message .message-new .con2 .con2-new .conn .tits {
  font-size: 14px;
  line-height: 14px;
  color: #444444;
}

.message .message-new .con2 .con2-new .conn .connn {
  width: 410px;
  padding: 15px 15px;
  border: 1px solid #f0f0f0;
  height: auto;
  margin-top: 20px;
}

.message .message-new .con2 .con2-new .conn .connn img {
  float: left;
  border-right: 1px solid #f0f0f0;
  padding-right: 10px;
}

.message .message-new .con2 .con2-new .conn .connn .c {
  margin-left: 15px;
  float: left;
}

.message .message-new .con2 .con2-new .conn .connn .c .tit1 {
  font-size: 16px;
  font-weight: bold;
  color: #007afc;
  line-height: 42px;
  margin-top: 20px;
}

.message .message-new .con2 .con2-new .conn .connn .c .tit2 {
  font-size: 14px;
  line-height: 42px;
  color: #666666;
}

.message .message-new .con2 .con2-new .conn .connn .c a {
  text-decoration: underline;
  color: #0019d6;
  line-height: 42px;
  font-size: 14px;
}

.message .message-new .con3 {
  font-size: 14px;
  line-height: 30px;
  margin: 15px 0 0 15px;
  color: #444444;
}

.message .message-new .con3 span {
  font-weight: bold;
}

@keyframes myfirst {
  0% {
    height: 0;
  }
  10% {
    height: 10%;
  }
  20% {
    height: 20%;
  }
  30% {
    height: 30%;
  }
  40% {
    height: 40%;
  }
  50% {
    height: 50%;
  }
  60% {
    height: 60%;
  }
  70% {
    height: 70%;
  }
  80% {
    height: 80%;
  }
  90% {
    height: 90%;
  }
  100% {
    height: 100%;
  }
}

@-moz-keyframes myfirst
/* Firefox */

{
  0% {
    height: 0;
  }
  10% {
    height: 10%;
  }
  20% {
    height: 20%;
  }
  30% {
    height: 30%;
  }
  40% {
    height: 40%;
  }
  50% {
    height: 50%;
  }
  60% {
    height: 60%;
  }
  70% {
    height: 70%;
  }
  80% {
    height: 80%;
  }
  90% {
    height: 90%;
  }
  100% {
    height: 100%;
  }
}

@-webkit-keyframes myfirst
/* Safari and Chrome */

{
  0% {
    height: 0;
  }
  10% {
    height: 10%;
  }
  20% {
    height: 20%;
  }
  30% {
    height: 30%;
  }
  40% {
    height: 40%;
  }
  50% {
    height: 50%;
  }
  60% {
    height: 60%;
  }
  70% {
    height: 70%;
  }
  80% {
    height: 80%;
  }
  90% {
    height: 90%;
  }
  100% {
    height: 100%;
  }
}

@-o-keyframes myfirst
/* Opera */

{
  0% {
    height: 0;
  }
  10% {
    height: 10%;
  }
  20% {
    height: 20%;
  }
  30% {
    height: 30%;
  }
  40% {
    height: 40%;
  }
  50% {
    height: 50%;
  }
  60% {
    height: 60%;
  }
  70% {
    height: 70%;
  }
  80% {
    height: 80%;
  }
  90% {
    height: 90%;
  }
  100% {
    height: 100%;
  }
}

@keyframes mysecond {
  0% {
    right: -504px;
  }
  20% {
    right: -400px;
  }
  40% {
    right: -300px;
  }
  60% {
    right: -200px;
  }
  80% {
    right: -100px;
  }
  100% {
    right: 0;
  }
}

@-moz-keyframes mysecond
/* Firefox */

{
  0% {
    right: -504px;
  }
  20% {
    right: -400px;
  }
  40% {
    right: -300px;
  }
  60% {
    right: -200px;
  }
  80% {
    right: -100px;
  }
  100% {
    right: 0;
  }
}

@-webkit-keyframes mysecond
/* Safari and Chrome */

{
  0% {
    right: -504px;
  }
  20% {
    right: -400px;
  }
  40% {
    right: -300px;
  }
  60% {
    right: -200px;
  }
  80% {
    right: -100px;
  }
  100% {
    right: 0;
  }
}

@-o-keyframes mysecond
/* Opera */

{
  0% {
    right: -504px;
  }
  20% {
    right: -400px;
  }
  40% {
    right: -300px;
  }
  60% {
    right: -200px;
  }
  80% {
    right: -100px;
  }
  100% {
    right: 0;
  }
}

.video {
  width: 100%;
  height: 2000px;
  background: rgba(0, 0, 0, 0.6);
  position: absolute;
  top: 0;
  left: 0px;
  z-index: 111;
  display: none;
}

.video .video-new {
  width: 900px;
  height: 600px;
  margin: 300px auto 0;
  position: relative;
}

.video .video-new a {
  position: absolute;
  font-size: 20px;
  font-weight: bold;
  top: -30px;
  right: 0;
  color: #333;
  display: block;
  border: 1px solid #333;
  padding: 3px 5px;
}


/*# sourceMappingURL=style.css.map */

.content-nav-work ul {
  display: inline-block;
  zoom: 1;
  *display: inline;
}

.content-nav-work {
  text-align: center;
  padding-top: 30px;
}

.content-nav-work li b {
  position: absolute;
  width: 40px;
  height: 2px;
  background: #047dc8;
  bottom: 0;
  left: 50%;
  margin-left: -20px;
  opacity: 0;
  filter: alpha(opacity=0);
  transition: all 0.3s;
}

.content-nav-work li {
  float: left;
  font-size: 14px;
  line-height: 14px;
  padding-bottom: 12px;
  color: #999999;
  width: 99px;
  text-align: center;
  position: relative;
  cursor: pointer;
  background: url(/static/web/img/img_0811.png) no-repeat 0 3px;
  transition: all .3s;
}

.content-nav-work li:first-child {
  background: none
}

.content-nav-work li:hover b,
.content-nav-work li.on b {
  opacity: 1;
  filter: alpha(opacity=100);
  transition: all 0.3s;
}

.content-nav-work li:hover,
.content-nav-work li.on {
  color: #047dc8;
  transition: all 0.3s;
}