@charset "utf-8";

/* CSS Document */
/* Reset */
* {
  margin: 0;
  padding: 0;
  transition: all 300ms ease;
}

a:link,
a:visited,
a:hover,
a:active {
  text-decoration: none;
  cursor: pointer;
  color: #222;
}

a:hover,
a:active {
  color: #007fe8;
}

body {
  font: 16px/1.6 "Microsoft Yahei", "Thmano", "Arial";
  color: #222;
  background: #fff;
  max-width: 1920px;
  margin: 0 auto;
}

img {
  border: 0px;
}

li {
  list-style: none;
  float: left;
}

input,
textarea,
select {
  font: 14px/1.5 "Microsoft Yahei", "Thmano", "Arial";
  color: #999;
  outline: 0;
}

h1,
h2,
h3,
h4,
h5,
h6 {
  font-weight: normal;
}

.hidden {
  display: none;
}

html {
  height: 101%;
}

.animate {
  display: none;
}

b,
strong {
  font-weight: bold;
}

input {
  outline: none;
}

textarea {
  resize: none;
}

table {
  border-collapse: collapse;
  border-spacing: 0;
}

td {
  border: 0px solid #aaa;
  padding: 2px;
}

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

a:hover {
  text-decoration: none;
  color: #007fe8;
}

i {
  font-style: normal;
}

.clearfix {
  *zoom: 1;
}

.clearfix:after {
  visibility: hidden;
  display: block;
  font-size: 0;
  content: " ";
  clear: both;
  height: 0;
}

.clear {
  clear: both;
}

.ow {
  min-width: 1200px;
}

.w {
  width: 1200px;
  margin: 0 auto;
}

.wx {
  width: 1200px;
  margin: 0 auto;
}

.fr {
  float: right;
}

.fl {
  float: left;
}

.s {
  background: url(../images/tip.png) no-repeat;
}

/*header*/
/*header*/
.top {
  width: 100%;
  height: 98px;
  background: url(../images/nav.png) repeat;
  position: absolute;
  top: 0;
  left: 0;
  z-index: 18;
}

.top .top_header {
  height: 50px;
  background: #141414;
}

.top .top_header .zi {
  line-height: 50px;
  color: #6d6d6d;
  font-size: 14px;
}

.logo {
  float: left;
}

.logo img {
  max-width: 310px;
  height: 60px;
  float: left;
  margin-top: 17px;
  margin-right: 15px;
}

.logo .header_g {
  margin-top: 30px;
  background: url(../images/logo_li.png) left center no-repeat;
  max-width: 440px;
  padding-left: 20px;
  float: left;
}

.logo .header_g span {
  font-size: 18px;
  line-height: 1.2;
  color: #222;
}

.logo .header_g p {
  color: #043b9e;
  font-size: 22px;
  line-height: 1.8;
  font-weight: bold;
}


/* banner */
.banner {
  position: relative;
  z-index: 10;
  border-bottom: 3px solid #017bef;
}

.banner .list {
  position: relative;
  overflow: hidden;
  z-index: 1;
}

.banner .list li {
  position: absolute;
  width: 100%;
  height: 100%;
  overflow: hidden;
  background: #FFF;
  display: none;
  z-index: 1;
  transition: none;
}

.banner .list li:first-child {
  display: block;
}

.banner .list li.active {
  z-index: 2;
}

.banner .list img {
  position: relative;
  display: block;
  width: 1920px;
  left: 50%;
  margin: 0 0 0 -960px;
}

.banner .tip {
  position: absolute;
  width: 1200px;
  left: 50%;
  margin-left: -600px;
  bottom: 30px;
  z-index: 5;
  text-align: center;
  height: 22px !important;
}

.banner .tip li {
  display: inline-block;
  float: none;
  +display: inline;
  +zoom: 1;
  width: 22px;
  height: 22px;
  margin: 0 5px;
  cursor: pointer;
  background: #fff;
  border-radius: 50%;
}

.banner .tip li.active {
  background: #017bef;
}

.banner .prev,
.banner .next {
  width: 34px;
  height: 82px;
  position: absolute;
  top: 50%;
  margin: -50px 0 0;
  z-index: 9;
  cursor: pointer;
  display: block;
}

.banner .prev {
  background-position: left top;
  left: 60px;
}

.banner .next {
  background-position: right top;
  right: 60px;
}

.banner .prev:hover {}

.banner .next:hover {}

.banner .list,
.banner .list img {
  height: 650px;
}

.nav {
  height: 92px;
  width: 930px;
  float: right;
}

.nav .w {
  width: 1010px;
}

.nav1 {}

.nav ul {}

.nav li {
  position: relative;
  width: 103px;
  float: left;
  z-index: 14;
  line-height: 1.6;
  background: url(../images/nav_li.png) no-repeat left center;
}

.nav li a.item {
  font-size: 16px;
  text-align: center;
  color: #fff;
  display: block;
  width: 100%;
  height: 92px;
  line-height: 92px;
  background: url(../images/nav_h.png) no-repeat -110px bottom;
}

.nav li:first-child {
  background: none;
}

.nav li a i {
  display: block;
  font-style: normal;
  font-size: 12px;
  color: #fff;
  font-weight: normal;
  text-transform: uppercase;
}

.nav li a.item:hover,
.nav li.hover {
  background: url(../images/nav_h.png) no-repeat center bottom;
}

.nav li a.item:hover i,
.nav li.hover i {
  color: #fff;
}

.nav .subNav {
  transition: none;
  width: 100%;
  display: none;
  position: absolute;
  top: 92px;
  z-index: 4;
}

.nav .subNav a {
  width: 100%;
  height: 34px;
  font-size: 14px;
  line-height: 34px;
  float: left;
  background: #007fea;
  display: block;
  color: #fff;
  text-align: center;
  border-top: 1px solid #fff;
}

.nav .subNav a:hover {
  width: 100%;
  background: #3a3a3a;
  margin: 0;
}

/*搜索*/

/******************************
 ** 内页架构
 ******************************/
.iheadx {
  line-height: 1.6;
  text-align: center;
  background: url(../images/itit.png) no-repeat center 38px;
}

.iheadx .w {
  position: relative;
}

.iheadx h1 {
  font-size: 45px;
  color: #222;
  z-index: 3;
  position: absolute;
  left: 0;
  top: 38px;
  display: block;
  width: 430px;
  left: 50%;
  margin-left: -215px;
}

.iheadx span {
  display: block;
  width: 1200px;
  font-size: 65px;
  color: #dcdcdc;
  text-transform: uppercase;
  font-weight: bold;
  line-height: 1;
  text-align: center;
}

.iheadx a.mo {
  position: absolute;
  right: 0;
  top: 10px;
  font-size: 14px;
  color: #b2b4b5;
  display: block;
}

.iheadx a.mo:hover {
  color: #0773ce;
}

.sidebar {
  float: left;
  width: 231px;
}

.topclass {
  width: 100%;
  height: 142px;
  background-color: #292929;
  color: #fff;
  text-align: center;
}

.topclass h2 {
  padding: 34px 0 0 0;
  font-size: 30px;
  font-weight: bold;
  text-align: center;
}

.topclass span {
  font-size: 18px;
  text-transform: uppercase;
}

.side-menu {
  background-color: #007fe8;
  font-size: 14px;
}

.side-menu dd {}

.side-menu dd>a {
  display: block;
  height: 44px;
  line-height: 44px;
  text-align: center;
  border-top: 1px solid #0066bb;
  color: #fff;
  font-size: 16px;
}

.side-menu dd>a:hover {
  background: #0069bf;
}

.side-menu .drop {
  display: none;
}

.side-menu .drop li {
  width: 100%;
  height: 38px;
  line-height: 38px;
  float: none;
  margin: 8px 0;
}

.side-menu .drop a {
  display: block;
  padding: 0 0 0 42px;
  background: #007fe8;
  color: #fff;
}

.side-menu .drop a:hover {
  background: #0069bf;
  color: #fff;
}

.side-menu dd.current .drop {
  display: block;
}

.side-menu dd.current>a {
  background: #0069bf;
  border-color: #575757;
}

.side-menu li.current>a {
  background: #0069bf;
  color: #fff;
}

.sidebar .tel1 {
  background-position: left -100px;
  height: 108px;
  padding-left: 70px;
}

.sidebar .tel1 span {
  font-size: 14px;
  line-height: 1.4;
  padding-top: 38px;
  color: #fff;
  display: block;
}

.sidebar .tel1 p {
  font-size: 20px;
  line-height: 1;
  font-weight: bold;
  *margin-top: -20px;
  color: #fff;
}

.side-head {
  height: 34px;
  line-height: 34px;
  padding: 10px 0 10px 30px;
  font-size: 20px;
  background: #5f412e;
  color: #FFF;
}

.side-pro {
  position: relative;
  top: 20px;
  margin-bottom: 20px;
}

.side-pro .list {
  border: 1px solid #ddd;
  padding: 30px 0 10px;
}

.side-pro .list dd {
  width: 166px;
  margin: 0 auto;
}

.side-pro .list a {
  display: block;
  text-align: center;
}

.side-pro .list img {
  display: block;
  width: 166px;
  height: 124px;
  background: #f1f1f1;
}

.side-pro .list h3 {
  padding: 10px 0;
  height: 24px;
  line-height: 24px;
  font-weight: 400;
}

.side-contact {
  margin-bottom: 20px;
  position: relative;
  top: 20px;
}

.side-contact .main {
  padding: 15px 10px;
  line-height: 2;
  border: 1px solid #ddd;
}

.ihead2 {
  line-height: 1;
  height: 90px;
}

.ihead2 .w {
  position: relative;
}

.ihead2 .san {
  position: absolute;
  left: 50%;
  margin-left: -1016px;
  top: 30px;
  height: 5px;
  width: 452px;
  background: url(../images/itit2.png) no-repeat left center;
}

.ihead2 h1 {
  font-size: 45px;
  color: #222;
  z-index: 3;
  position: absolute;
  top: 36px;
  left: 0;
}

.ihead2 span {
  display: block;
  width: 100%;
  font-size: 65px;
  color: #ebebeb;
  font-weight: bold;
  text-transform: uppercase;
  line-height: 1;
  position: absolute;
  top: 0;
  left: 0;
  z-index: 2;
}

.iabout {
  padding: 58px 0 0;
}

.iabout ul {
  width: 110%;
}

.iabout li {
  float: left;
  width: 286px;
  margin-bottom: 40px;
}

.iabout li .img {
  width: 44px;
  height: 56px;
  background: url(../images/tip.png) no-repeat left -252px;
  margin-right: 20px;
  float: left;
}

.iabout li b {
  font-size: 16px;
  color: #222;
  font-weight: 400;
}

.iabout li p {
  font-size: 16px;
  color: #727272;
}

.iabout li.icon2 .img {
  background-position: -290px -252px;
}

.iabout li.icon3 .img {
  background-position: left -352px;
}

.iabout li.icon4 .img {
  background-position: -290px -352px;
}

.iabout .sketch {
  float: right;
  width: 578px;
  height: 507px;
  background: url(../images/iabout_bg.jpg) no-repeat right center;
  margin-top: 40px;
}

.iabout .sketch img {
  width: 578px;
  height: 417px;
  margin-top: 40px;
}

.iabout .main {
  float: left;
  width: 546px;
  height: auto;
  color: #222;
}

.iabout .info {
  font-size: 16px;
  line-height: 1.6;
  color: #222;
}

.iabout .info .zi {
  font-size: 16px;
  height: 190px;
  overflow: hidden;
  margin: 42px 0 30px 0;
}

.iabout .info p {
  line-height: 30px;
  overflow: hidden;
}

.iabout .info a.detail {
  color: #017bef;
}

.iabout .info a.detail:hover {
  font-weight: bold;
}

/* iprocces */
.iprocces {
  margin-top: 30px;
  overflow: hidden;
}

.ihead3 {
  position: relative;
  line-height: 1.4;
  text-align: center;
  background: url(../images/itit3.png) no-repeat center 34px;
}

.ihead3 h1 {
  font-size: 45px;
  color: #007fea;
}

.ihead3 p {
  display: block;
  width: 100%;
  font-size: 20px;
  color: #ebebeb;
  text-transform: uppercase;
  line-height: 1.6;
}

.iprocces .tod {
  width: 110%;
  margin-top: 40px;
}

.iprocces .icon {
  position: relative;
  width: 134px;
  height: 130px;
  font-size: 16px;
  float: left;
  text-align: center;
  background: #fff;
  text-align: center;
}

.iprocces em {
  display: block;
  float: left;
  height: 34px;
  border-bottom: 2px solid #c1c1c1;
  width: 70px;
}

.iprocces .icon:hover .img {
  -webkit-transform: translateX(8px);
  background-position: 10px top;
  transform: translateX(8px);
}

.iprocces .icon:hover b,
.iprocces .icon:hover span {
  -webkit-transform: translateX(-8px);
  transform: translateX(-8px);
  color: #007fea;
}

.iprocces .icon .img {
  width: 62px;
  height: 62px;
  background: url(../images/icon.png) 10px bottom no-repeat;
  margin: 0 auto;
}

.iprocces .icon2 .img {
  background-position: -170px bottom;
}

.iprocces .icon3 .img {
  background-position: -350px bottom;
}

.iprocces .icon4 .img {
  background-position: -530px bottom;
}

.iprocces .icon5 .img {
  background-position: -710px bottom;
}

.iprocces .icon6 .img {
  background-position: -890px bottom;
}

.iprocces .icon2:hover .img {
  background-position: -170px top;
}

.iprocces .icon3:hover .img {
  background-position: -350px top;
}

.iprocces .icon4:hover .img {
  background-position: -530px top;
}

.iprocces .icon5:hover .img {
  background-position: -710px top;
}

.iprocces .icon6:hover .img {
  background-position: -890px top;
}

.iprocces .icon b {
  font-size: 16px;
  color: #b2b2b2;
  display: block;
  margin-top: 38px;
  font-weight: normal;
}

.ipro {
  margin-top: 40px;
  width: 100%;
  overflow: hidden;
  position: relative;
  padding-top: 40px;
  padding-bottom: 28px;
  background: url(../images/ipro.jpg) no-repeat center top;
}

.ipro .w {
  position: relative;
}

.ipro .listprox {
  width: 100%;
  height: 66px;
  position: relative;
  overflow: hidden;
  margin-top: 40px;
  text-align: center;
}

.ipro .listprox li {
  position: relative;
  width: 214px;
  height: 56px;
  font-size: 16px;
  text-align: center;
  float: none;
  display: inline-block;
  *display: inline;
  *zoom: 1;
  margin-right: 14px;
  margin-top: 10px;
  background: #fff;
}

.ipro .listprox li a {
  color: #222;
  font-size: 16px;
  display: block;
  height: 56px;
  line-height: 56px;
}

.ipro .listprox li:hover a {
  color: #fff;
  background: #0080e9;
}

.ipro .listprox li.more {
  width: 56px;
  height: 56px;
  line-height: 56px;
  background: url(../images/tip.png) no-repeat left -102px;
  color: #fff;
  position: absolute;
  right: 0;
  top: 0;
}

.ipro .listprox li.more a {
  color: #fff;
}

.ipro .listprox li.more:hover a {
  background: url(../images/tip.png) no-repeat left -102px;
  transition: none;
}

.ipro .listprox li.more:hover {
  -webkit-transform: translateX(-8px);
  transform: translateX(-8px);
}

.ipro .tod {
  overflow: hidden;
  margin-top: 40px;
  width: 100%;
  height: 690px;
}

.ipro .list {
  width: 104%;
  overflow: hidden;
}

.ipro .list li {
  overflow: hidden;
  float: left;
  position: relative;
  margin: 0 18px 26px 0;
  width: 287px;
  height: 275px;
}

.ipro .list li .img {
  width: 100%;
  height: 215px;
  overflow: hidden;
}

.ipro .list li img {
  display: block;
  width: 100%;
  height: 215px;
}

.ipro .list li:hover>img {
  transform: scale(1.02, 1.02);
}

.ipro .list li h2 {
  line-height: 60px;
  font-size: 16px;
  color: #222;
  text-align: center;
  width: 100%;
  display: block;
  background: #fff;
}

.ipro .list li:hover h2 {
  background: #0080e9;
  color: #fff;
}

.ipro .list li:hover h2 a {
  color: #fff;
}


.ipro .list li.icon2 {
  top: 0;
}

.ipro .list li.icon1,
.ipro .list li.icon2,
.ipro .list li.icon4,
.ipro .list li.icon2 {}

.ipro .list li.icon2 h3 {
  left: 46%;
}

.ipro .list li.icon2 {
  width: 595px;
  height: 448px;
}

.ipro .list li.icon2 a>img {
  width: 595px;
  height: 448px;
}

.ipro .list li.icon4 {}

.ipro .list li.icon5 {
  top: -230px;
}

.ipro .list li.icon9 {
  top: -230px;
}

.ipro .list li .shadow {
  background: url(../images/coverx.png) repeat;
  top: -236px;
  left: 0;
  width: 100%;
  height: 236px;
  color: #fff;
  text-align: center;
}

.ipro .list li .shadow h2 {
  margin-top: 76px;
  background: url(../images/san.png) no-repeat center bottom;
  padding-bottom: 36px;
  font-size: 16px;
}

.ipro .list li.icon2 .shadow {
  height: 489px;
  top: -489px;
}

.ipro .list li.icon2 .shadow h2 {
  margin-top: 180px;
}


.ipro .tod li:hover {
  -webkit-transform: translateY(-10px);
  transform: translateY(-10px);
  /* background: #b51c12;   */
}

.ipro .tod li:hover .shadow {
  display: block;
  top: 0;
}

.ipro .tod li:hover img {
  -webkit-transform: scale(1.1, 1.1);
  -moz-transform: scale(1.1, 1.1);
  -ms-transform: scale(1.1, 1.1);
  transform: scale(1.1, 1.1);
}


.inews {
  margin-top: 30px;
  padding-bottom: 30px;
  position: relative;
}

.inews .tod {
  width: 100%;
  overflow: hidden;
  position: relative;
  margin-top: 50px;
  height: 714px;
}

.inews .list {}

.inews .left {
  width: 690px;
  position: absolute;
  z-index: 3;
  left: 0;
  top: 34px;
}

.inews .kuang {
  width: 442px;
  padding: 0 54px;
  border: 4px solid #bbb;
  position: absolute;
  right: 0;
  top: 0;
  z-index: 2;
}

.inews li {
  width: 100%;
  float: none;
  color: #8d8d8d;
  border-bottom: 1px dashed #d4d4d4;
  height: 115px;
  overflow: hidden;
  padding: 26px 0;
}

.inews li>a {}

.inews li .zi {
  float: left;
  width: 370px;
  padding-left: 15px;
}

.inews li span {
  display: block;
}

.inews li span a {
  display: block;
  font-size: 18px;
  color: #222;
  line-height: 2.4;
}

.inews li .description {
  font-size: 16px;
  color: #8d8d8d;
  margin-top: 20px;
}

.inews .one {
  position: relative;
}

.inews .one {
  color: #8d8d8d;
}

.inews .one .zi {
  font-size: 16px;
  margin-top: 10px;
}

.inews .one .wd {
  margin-top: 60px;
  width: 600px;
}

.inews .one .wd a {
  padding-left: 10px;
  font-size: 18px;
  color: #007fea;
  margin-top: 20px;
}

.inews .one .description {
  color: #8d8d8d;
}

.inews .one img {
  margin: 0;
  width: 100%;
  height: 486px;
}

.inews .one a.detail {
  position: absolute;
  right: 0;
  top: 486px;
  width: 206px;
  color: #fff;
  display: block;
  height: 46px;
  line-height: 46px;
  text-align: center;
  font-size: 18px;
  background: #0080e9;
}

.inews li:hover {}

.inews li:hover .data {}

.inews li:hover span a {
  font-weight: bold;
  color: #0080e9;
}

.inews li:hover .description {}

.inews .list img:hover {
  transform: scale(1.02, 1.02);
}

.icase {
  background: url(../images/icase.jpg) no-repeat left bottom;
  padding-top: 60px;
  padding-bottom: 80px;
}

.icase .main {
  overflow: hidden;
  *position: relative;
  width: 1200px;
  height: 566px;
}

.icase ul.list {
  margin-top: 40px;
  /* width: 110%; */
}

.icase .list li {
  float: left;
  position: relative;
  background: #fff;
  width: 380px;
  margin: 0 24px 30px 0;
  text-align: center;
}

.icase .list li .img {
  position: relative;
  width: 380px;
  height: 285px;
  display: block;
  z-index: 1;
}

.icase .list li img {
  height: 285px;
  width: 380px;
  position: absolute;
  top: 0;
  left: 0;
  display: block;
}

.icase .wd {
  line-height: 2;
}

.icase .wd span {
  display: block;
}

.icase .wd span a {
  color: #222;
  font-size: 16px;
  line-height: 3;
  display: block;
  font-weight: bold;
}

.icase .descrption {
  line-height: 2;
  color: #8d8d8d;
  font-size: 16px;
  margin-top: 4px;
  text-align: left;
  word-wrap: break-word;
  padding: 0 14px;
  padding-bottom: 30px;
}

.icase .list li:hover span a {
  color: #fff;
}

.icase .list li:hover {
  -webkit-transform: translateY(-10px);
  background: #0080e9;
  transform: translateY(-10px);
}

.icase .list li:hover .descrption {
  color: #fff;
}

.icase .tip {
  text-align: center;
  height: 16px;
  margin-top: 18px;
}

.icase .tip li {
  display: inline-block;
  *display: inline;
  border-radius: 100%;
  background: #b5b5b5;
  margin: 0 5px;
  *zoom: 1;
  width: 16px;
  height: 16px;
  float: none;
  cursor: pointer;
}

.icase .tip li.active {
  background: #0080e9;
}

.footer {
  background: #202020;
  color: #fff;
  line-height: 1.8;
  font-size: 14px;
  padding-top: 36px;
  /* height: 326px; padding-bottom: 66px; */
}

.footer .w {
  position: relative;
}

.footer a {
  color: #959595;
}

.subnav {
  font-size: 13px;
  width: 374px;
  line-height: 2.6;
}

.subnav span,
.subnav a.span {
  color: #fff;
  font-size: 14px;
  display: block;
}

.subnav a {
  color: #959595;
  display: block;
}

.sub_nav {
  margin: 0 56px;
}

.codex {
  width: 150px;
  height: 150px;
  margin: 30px 5px 0 5px;
}

.codex img {
  width: 150px;
  height: 150px;
  margin: 0 auto;
  display: block;
}

.codex span {
  color: #cce3f2;
  font-size: 14px;
  display: block;
  width: 100%;
  text-align: center;
}

.b_nav a {
  color: #969696;
  float: left;
  display: inline-block;
  padding-right: 20px;
}

.icontact {
  width: 264px;
  border-left: 1px solid #434453;
  height: 300px;
  padding-left: 60px;
}

.icontact .wd {
  color: #959595;
}

.footer .headx {
  height: 40px;
  line-height: 1.8;
  margin-bottom: 16px;
}

.footer .headx span {
  display: block;
  font-size: 16px;
}

.footer .headx em {
  font-style: normal;
  display: block;
  font-size: 12px;
  color: #555;
  text-transform: uppercase;
}

.footer2 {
  width: 316px;
  padding: 42px 34px;
  background: #101010;
  color: #fff;
  position: relative;
  top: -76px;
  height: 340px;
}

.skey {
  color: #959595;
  margin-top: 10px;
}

.skey span {
  color: #959595;
}

.footer2 .zi {
  font-size: 22px;
  color: #fff;
  height: 50px;
  background: #0080e9;
  line-height: 50px;
  width: 370px;
  padding-left: 10px;
  position: absolute;
  left: 30px;
  bottom: 20px;
  text-align: left;
}

.footer .telx {
  width: 150px;
  margin-top: -6px;
}

.footer h3 {
  font-size: 18px;
}

.footer b {
  display: block;
  font-size: 54px;
  font-weight: normal;
  line-height: 1.2;
}

.footer .telx span {
  font-size: 18px;
  color: #fff;
  font-weight: normal;
}

.footer .telx .Telephone {
  color: #fff;
  font-size: 19px;
  font-weight: bold;
  text-align: left;
}

/*搜索*/
.searcher {
  width: 270px;
  height: 40px;
  margin-top: 17px;
  border: 1px solid #fff;
}

.searcher .submit {
  width: 55px;
  height: 40px;
  float: right;
  border: 0px;
  background-position: left -500px;
  color: #333;
  cursor: pointer;
}

.searcher .txt {
  width: 206px;
  height: 40px;
  line-height: 40px;
  float: right;
  text-indent: 1.4em;
  color: #c5c3c1;
  background: #101010;
  border: none;
}

.footer_email span {
  background-position: left -796px;
}

.footer_email {
  border-left: 1px solid #b3d1e7;
  margin-left: 22px;
  padding-left: 30px;
}

.footer2 p {
  text-align: right;
  color: #b3d1e7;
}

.ilink {}

.sharexx {}

.sharexx img {
  width: 152px;
  height: 152px;
  display: block;
}

.sharexx h1 {
  font-size: 14px;
  color: #8a8a8a;
}

.footer3 {
  line-height: 1.6;
  background: #010101;
  color: #9c9c9c;
  padding: 10px 0;
  text-align: center;
}

.footer3 .w {
  position: relative;
}

.itop {
  display: block;
  width: 93px;
  height: 81px;
  position: absolute;
  bottom: 0;
  right: 93px;
  background-position: left bottom;
}

.footer3 .index {
  width: 93px;
  height: 81px;
  display: block;
  position: absolute;
  bottom: 0;
  right: 0;
  background-position: -93px bottom;
}

.copyright {
  color: #9c9c9c;
  font-size: 14px;
  text-align: center;
}

.copyright a {
  color: #9c9c9c;
}

.copyright a:hover,
.subnav a:hover {
  font-weight: bold;
}

.nybanner {
  height: 300px;
  display: block;
  width: 100%;
  background: #ccc;
  border-top: 1px solid #ccc;
}

.subcomt {
  border: 1px solid #cacbcb;
  padding: 8px;
}

.sobtitle {
  height: 62px;
  line-height: 62px;
  margin-bottom: 10px;
  border-bottom: 1px solid #c9c9c9;
}

.sobtitle p.fl {
  color: #007fe8;
  font-size: 24px;
  font-weight: bold;
}

.sobtitle .sitepath {
  padding-right: 20px;
  font-size: 14px;
}

.sobtitle .sitepath a {}

.submian {
  position: relative;
  margin: 30px auto 60px;
}

.submian .subleft {
  width: 232px;
}

.submian .subleft .sidebar {
  float: none;
  margin-bottom: 10px;
}

.submian .subleft .titlex {
  text-align: center;
  background: #292929;
  color: #fff;
  height: 82px;
}

.submian .subleft .titlex span {
  margin-top: 10px;
  border-bottom: 1px dashed #fff;
  display: inline-block;
  padding: 0 10px;
  color: #fff;
  font-size: 24px;
  font-weight: bold;
  line-height: 40px;
}

.submian .subleft .titlex b {
  line-height: 2;
  text-transform: uppercase;
  font-size: 12px;
  font-weight: normal;
  display: block;
}

.submian .subleft .titlex a {
  font-size: 14px;
  border-top: 1px solid #fff;
  border-bottom: 1px solid #fff;
  height: 21px;
  line-height: 21px;
  float: right;
  margin-right: 10px;
  margin-top: 20px;
  position: relative;
  width: 75px;
  color: #fff;
}

.submian .subleft .titlex a i {
  color: #fff;
  font-weight: bold;
  font-size: 20px;
  position: absolute;
  right: -3px;
  top: 0px;
}

.submian .subleft .titlex a i:before {
  content: "";
  height: 21px;
}

.submian .subleft .titlex a:hover {
  color: #F3F3F3;
  border-color: #F3F3F3;
}

.submian .subleft .titlex a:hover i:before {
  content: "";
  color: #F3F3F3;
}

.submian .subleft .lefta {
  padding-bottom: 20px;
}

.submian .subleft .lefta .titlex {
  height: 122px;
  line-height: inherit;
}

.submian .subleft .lefta .titlex span {
  padding-top: 18px;
  display: block;
  line-height: 52px;
}

.submian .subleft .lefta .titlex em {
  font-style: normal;
  font-size: 14px;
  padding-left: 35px;
  display: block;
}

.submian .subleft .lefta .comt {}

.submian .subleft .lefta .comt ul li {
  line-height: 52px;
  color: #787878;
  display: block;
  margin-bottom: 2px;
  width: 100%;
}

.submian .subleft .lefta .comt ul li a {
  font-size: 18px;
  position: relative;
  display: block;
  width: 220px;
  height: 52px;
  line-height: 52px;
  border-bottom: 1px solid #e2e2e2;
  padding-left: 60px;
}

.submian .subleft .lefta .comt ul li a:hover,
.submian .subleft .lefta .comt ul li a.hover {
  color: #007fe8;
  background: #FFF100;
}

.submian .subleft .lefta .comt ul .box {
  display: none;
}

.submian .subleft .lefta .comt ul .box a {
  display: block;
  line-height: 32px;
  font-size: 14px;
  height: 32px;
  border-bottom: 1px solid #eee;
  border-top: 0px;
  border-left: 0px;
  border-right: 0px;
}

.submian .subleft .lefta .comt ul li.current .box {
  display: block;
}

.submian .subleft .lefta .comt ul li.current>a {
  background: #FFF100;
  color: #007fe8;
}

.submian .subleft .lefta .comt ul li.current>a {
  background: #FFF100;
  color: #007fe8;
}

.submian .subleft .leftnews .leftnewscomt {
  border: 1px solid #007fe8;
  *padding: 20px 15px;
}

.submian .mainx {
  height: 230px;
  margin: 20px 15px;
  background: #FFF;
  overflow: hidden;
  position: relative;
  *width: 215px;
  *margin-top: 20px;
}

.submian .listx {
  float: left;
  width: 300%;
  position: relative;
}

.submian .listx dd {
  float: left;
  width: 250px;
  height: 187px;
  position: relative;
}

.submian .listx a {
  display: block;
  overflow: hidden;
  position: relative;
  z-index: 9;
}

.submian .listx span {
  width: 430px;
  height: 56px;
  line-height: 56px;
  padding: 0 15px;
  position: absolute;
  left: 0;
  bottom: 0;
  font-size: 16px;
  color: #FFF;
}

.submian .listx img {
  display: block;
  width: 250px;
  height: 187px;
}

.submian .listx dd:hover img {
  -webkit-transform: scale(1.1, 1.1);
  -moz-transform: scale(1.1, 1.1);
  -ms-transform: scale(1.1, 1.1);
  transform: scale(1.1, 1.1);
}

.submian .tipx {
  width: 100%;
  height: 24px;
  text-align: center;
  position: absolute;
  bottom: 5px;
}

.submian .tipx span {
  display: inline-block;
  vertical-align: middle;
  width: 24px;
  height: 24px;
  background: url(../images/tip-view.png) center 0 no-repeat;
  cursor: pointer;
  margin: 0 6px;
}

.submian .tipx span.cur {
  background-position: center bottom;
}

.submian .leftcontact {}

.submian .leftcontactcomt {
  line-height: 28px;
  border: 1px solid #292929;
  padding: 10px;
}

.submian .leftcontact .title1 {
  height: 68px;
  line-height: 68px;
  border-bottom: 4px solid #007fe8;
  margin-bottom: 28px;
}

.submian .leftcontact .title1 span {
  color: #007fe8;
  font-size: 33px;
  font-weight: bold;
}

.submian .leftcontact .title1 i {
  color: #007fe8;
  font-size: 22px;
  font-weight: bold;
  text-align: right;
}

.submian .leftcontact_tel {
  margin-top: 10px;
  background: #F8A815 url(../images/leftcontact_tel.png) 10px center no-repeat;
  color: #fff;
  padding-left: 80px;
}

.submian .leftcontact_tel p {
  font-size: 18px;
  height: 35px;
  line-height: 3.2;
}

.submian .leftcontact_tel h2 {
  font-weight: bold;
  font-size: 18px;
}

.submian .subright {
  width: 936px;
  margin-bottom: 65px;
  line-height: 28px;
}

.submian .subright .produtlist .list {
  overflow: hidden;
}

.submian .subright .produtlist .list .itag li {
  float: left;
  margin: 8px;
  width: 290px;
}

.submian .subright .produtlist .list .itag li.err span {
  cursor: text;
}

.submian .subright .produtlist .list .itag li img {
  width: 284px;
  height: 213px;
  display: block;
  padding: 2px;
  border: 1px solid #dcdcdc;
}

.submian .subright .produtlist .list .itag li span {
  cursor: pointer;
  height: 34px;
  line-height: 34px;
  display: block;
  width: 100%;
  text-align: center;
  overflow: hidden;
}

.submian .subright .produtlist .list .itag li:hover img {
  border-color: #007fe8;
  background: #007fe8;
}

.submian .subright .produtlist .list .itag li:hover span {
  color: #007fe8;
}

.submian .subright .listnews {
  padding: 0 20px 20px 20px;
}

.submian .subright .listnews ul li {
  width: 100%;
  border-bottom: 1px dashed #d6d6d6;
  height: 40px;
  line-height: 40px;
}

.submian .subright .listnews ul li.err {
  margin-bottom: 20px;
}

.submian .subright .listnews ul li a {
  display: block;
}

.submian .subright .listnews ul li a p {
  float: left;
  cursor: pointer;
}

.submian .subright .listnews ul li a span {
  color: #999;
  cursor: pointer;
  float: right;
}

.submian .subright .listnews ul li a:hover p {
  color: #007fe8;
}

.submian .subright .listnews ul li a:hover span {
  color: #666;
}

.submian .subright .aboutlist {
  line-height: 28px;
  color: #222;
}

/*.aboutlist img{max-width:100%}*/
.submian .subright .conBox {
  padding: 0px 20px 20px;
  line-height: 24px;
  color: #333;
}

/* page_newsdetail_list */
.submian .subright .ArticleTitle {
  padding-bottom: 7px;
}

.submian .subright .ArticleTitle h1 {
  padding-top: 10px;
  font-size: 20px;
  line-height: 30px;
  text-align: center;
  padding-bottom: 5px;
  border-bottom: 1px dotted #a6a6a6;
  color: #007fe8;
}

.submian .subright .ArticleMessage {
  text-align: center;
  line-height: 22px;
  height: 22px;
  border-bottom: 1px dotted #a6a6a6;
  margin-bottom: 10px;
}

.submian .subright .ArticleTencont {
  padding: 5px 0px 20px 0px;
  line-height: 2em;
  overflow: hidden;
}

/* listProduct */
.listProduct {
  margin-top: 20px;
}

.listProduct .tod {
  overflow: hidden;
}

.listProduct ul {
  width: 110%;
}

.listProduct .item {
  width: 298px;
  height: 264px;
  border: 1px solid #ccc;
  float: left;
  position: relative;
  overflow: hidden;
  margin: 0px 15px 15px 0px;
}

.listProduct .item img {
  width: 298px;
  height: 223px;
}

.listProduct .item a {
  display: block;
  color: #fff;
  line-height: 26px;
  font-size: 16px;
}

.listProduct .item p {
  width: 100%;
  height: 130px;
  text-align: center;
}

.listProduct p.wd {
  width: 100%;
  position: absolute;
  left: 0;
  bottom: 0px;
  height: 32px;
  /* background:url(../images/cover.png) repeat center -34px; */
}

.listProduct p.wd a {
  display: block;
  font-size: 16px;
  color: #222;
}

.listProduct p.wd span {
  color: #fff;
  font-size: 12px;
  padding: 2px 8px;
  border: 1px solid #fff;
}

.listProduct .item:hover p.wd {
  font-weight: bold;
}

.listProduct .item:hover p.wd a {
  color: #007fe8;
}

/* relatedLink */
.submian .subright .reLink {
  height: 30px;
  border-top: 1px solid #eee;
  border-bottom: 1px solid #eee;
  width: 100%;
  margin: 10px auto 10px;
  overflow: hidden;
}

.submian .subright .reLink .prevLink {
  float: left;
  margin-left: 10px;
  height: 30px;
  line-height: 30px;
}

.submian .subright .reLink .nextLink {
  float: right;
  margin-right: 10px;
  height: 30px;
  line-height: 30px;
}

.maplist li a {
  background: #eee;
  width: 98%;
  height: 30px;
  line-height: 30px;
  display: block;
  margin-bottom: 10px;
  padding-left: 2%;
  font-weight: bold;
}

.maplist li .box {
  width: 100%;
  height: auto;
  margin-bottom: 10px;
}

.maplist li .box a {
  float: left;
  height: 24px;
  line-height: 24px;
  width: auto;
  text-align: center;
  margin-right: 10px;
  padding: 0px 5px;
  font-weight: normal;
}

.maplist li .box a:hover {
  background: #ff611c;
  color: #fff;
}

/* pager */
.pager {
  display: block;
  width: 100%;
  height: auto;
  padding: 25px 0 5px;
  text-align: center;
  clear: both;
  margin-bottom: 5px;
}

.pager span,
.pager a {
  display: inline-block;
  border: 1px solid #eee;
  color: #666;
  background: #f3f3f3;
  height: 24px;
  line-height: 24px;
  padding: 0px 8px;
  text-decoration: none;
  margin: 0 5px;
}

.pager a:hover {
  background: #007fe8;
  border-color: #007fe8;
  color: #fff;
  text-decoration: none;
}

.pager .cur {
  background: #007fe8;
  border-color: #007fe8;
  font-weight: bold;
  color: #FFF;
}

.pager span.dot {
  background: #007fe8;
  border-color: #0a6c00;
  font-weight: bold;
  color: #FFF;
}

/* cms2.0地图 */
/*map*/
.dtditu {
  width: 140px;
  height: 30px;
  line-height: 30px;
  background: #007fe8;
  color: #fff;
  font-weight: bold;
  margin: 10px auto 0;
  text-align: center;
  font-size: 14px;
}

.baiduMap {
  width: 715px;
  height: 300px;
  border: 1px solid #007fe8;
  border-top: 3px solid #007fe8;
}

.baiduMap {
  background: #eee none repeat scroll 0 0;
  box-shadow: 2px 4px 5px rgba(0, 0, 0, 0.1);
  height: 400px;
  margin: 0 auto 20px;
  width: 100%;
}

.BMap_bubble_title a {
  border-radius: 3px;
  display: inline-block;
  height: 25px;
  line-height: 26px;
  overflow: hidden;
  padding: 0 10px;
}

.BMap_bubble_title a:hover {}

.BMap_bubble_title>a {
  background: #999 none repeat scroll 0 0;
  color: #fff;
}

.BMap_bubble_title>a:hover {
  background: #666 none repeat scroll 0 0;
}

.toolbar {
  width: 65px;
  position: fixed;
  right: 0;
  top: 50%;
  margin: -132px 0 0 0;
  z-index: 50;
  font-size: 13px;
}

.toolbar dd {
  width: 65px;
  height: 65px;
  background: none;
  margin-bottom: 1px;
  position: relative;
  z-index: 60;
  color: #fff;
  text-align: center;
}

.toolbar dd>i {
  display: block;
  width: 65px;
  height: 26px;
  padding-top: 38px;
  cursor: pointer;
}

.toolbar .slide-qq {
  display: block;
  width: 0;
  height: 65px;
  line-height: 65px;
  font-size: 20px;
  color: #FFF;
  padding: 0 0 0 65px;
  position: absolute;
  top: 0;
  right: 0;
  overflow: hidden;
}

.toolbar .pop {
  position: absolute;
  right: 120px;
  top: -40px;
  background: #007fe8;
  display: none;
}

.toolbar .pop .o {
  position: absolute;
  right: -7px;
  top: 88px;
  width: 7px;
  height: 13px;
  /* background:url(../images/tool-arrow.png) 0 0 no-repeat; */
}

.toolbar .pop-tel {
  width: 120px;
  padding: 2px 20px 30px;
  color: #FFF;
  text-align: center;
}

.toolbar .pop-tel .icon {
  height: 30px;
  line-height: 30px;
  padding-top: 55px;
  background: url(../images/tool-telphone2.png) center -6px no-repeat;
  width: 100%;
  text-align: center;
}

.toolbar .pop-tel .item {
  line-height: 24px;
  font-size: 16px;
}

.toolbar .pop-code {
  width: 120px;
  padding: 20px 20px 0;
}

.toolbar .pop-code img {
  width: 120px;
  height: 120px;
  display: block;
}

.toolbar .pop-code h3 {
  height: 50px;
  line-height: 50px;
  text-align: center;
  color: #f2e8e1;
  font-size: 16px;
  font-weight: 400;
  white-space: nowrap;
}

.toolbar .zixun {
  background: url(../images/tip2.png) center -1px no-repeat #222;
  display: block;
  color: #fff;
  height: 26px;
  padding-top: 38px;
}

.toolbar .zixun:hover {
  background-color: #007fe8;
}

.toolbar .qq {
  background: url(../images/tip2.png) center -65px no-repeat #222;
  *background: url(../images/tip2.png) 10px -65px no-repeat #222;
}

.toolbar .qq:hover {
  background-color: #007fe8;
  background-position: 10px -65px;
}

.toolbar .tell {
  background: url(../images/tip2.png) center -125px no-repeat #222;
}

.toolbar .code {
  background: url(../images/tip2.png) center -191px no-repeat #222;
}

.toolbar .top {
  background: url(../images/tip2.png) center -257px no-repeat #dcdcd9;
}

.toolbar dd i:hover {
  background-color: #007fe8;
}

.pageMsg {
  color: #333d58;
  margin-top: 30px;
}

.pageMsg #formPost table td input#txtImageCode {
  width: 70px;
}

.pageMsg #formPost table td input:focus {
  border-color: #eee;
  outline: 0;
}

.pageMsg #formPost table span.red {
  color: #f00;
  margin-right: 5px;
}

.pageMsg #formPost table input {
  border: 1px solid #ccc !important;
  font-family: "microsoft yahei";
}

.pageMsg #formPost table textarea {
  border: 1px solid #ccc !important;
}

.pageMsg #formPost table input.sub {
  font-family: "microsoft yahei";
  cursor: pointer;
  width: 100px;
  height: 35px;
  line-height: 24px;
  color: #848484;
  text-align: center;
  margin-top: 10px;
  background: #fff;
}

.pageMsg #formPost table input.sub:hover {
  background: #ff611c;
  color: #fff;
  border: 1px solid #eee !important;
}

.pageMsg #formPost table td input {
  width: 240px;
  height: 25px;
  line-height: 25px;
  padding: 0px 5px;
}

.pageMsg tr.code input {
  width: 90px;
}

.pageMsg .err {
  color: #f00;
  padding-left: 10px;
}

.pageMsg tr.item textarea {
  width: 240px;
  height: 50px;
  color: #666;
  border: 1px solid #ccc;
  padding: 0 5px;
  outline: none;
}

/*# sourceMappingURL=style.css.map */
#slider {
  width: 630px;
  height: 240px;
  position: relative;
  margin: 0 auto;
}

.scroll {
  width: 630px;
  height: 340px;
  margin: 0 auto;
  overflow: hidden;
  position: relative;
}

.scrollContainer {
  position: relative;
  width: 1815px;
  left: 0px;
}

.scrollContainer .current .inside {
  width: 230px;
  height: 288px;
}

.scrollContainer .panel {
  width: 195px;
  height: 146px;
  float: left;
  display: inline;
}

.panel .inside {
  display: block;
  position: relative;
}

.inside img {
  height: 100%;
  width: 100%;
}

.scroll li .inside span {
  width: 197px;
  height: 37px;
  line-height: 37px;
  display: none;
  position: absolute;
  bottom: -17px;
  left: 16px;
  background-color: #c69;
  font-size: 14px;
  color: #FFF;
  text-align: center;
}

.scroll li.current .inside span {
  display: block;
}

.btnMode a.btn {
  background: url(../images/tab1.png) no-repeat left top;
}

.btnMode a.btn {
  width: 20px;
  height: 39px;
  position: absolute;
  top: 80px;
}

.btnMode a.prev {
  left: -30px;
  background-position: 13px 0px;
}

.btnMode a.next {
  right: -30px;
  background-position: -13px 0;
}

.BMap_bubble_content {
  line-height: 22px;
}

#tp_img {
  float: left;
  width: 670px;
  overflow: hidden;
  text-align: center;
  font-size: 0;
}

.itag1 {
  width: 640px;
  float: left;
  position: relative;
  display: inline-block;
  background: #f1f1f1;
  border: 1px solid #e0e0e0;
  height: 82px;
  padding: 10px 10px 0;
  margin-top: 10px;
  b
}

.itag1 .up,
.itag1 .down {
  display: block;
  width: 23px;
  height: 66px;
  background: url(../images/icoup.png) no-repeat center;
  float: left;
}

.itag1 .down {
  background-image: url(../images/icodown.png);
}

.itag1 .img_ {
  height: 75px;
  width: 580px;
  margin: 0 5px;
  overflow: hidden;
  position: relative;
  float: left
}

.itag1 .img_ a {
  display: block;
  height: 75px;
  float: left;
  padding-right: 10px
}

.itag1 .img_bk {
  width: 800%
}

.itag1 .img_ img {
  border: 1px solid #eee;
}

.itag1 .img_ a:hover img,
.itag .img_ a.hover img {
  border-color: #f60
}

.ProDes {
  padding-top: 10px;
  float: left;
}

[ig-null] {
  margin-bottom: 0px;
}

.dialog-alert {
  width: 440px;
  height: auto;
  position: fixed;
  left: 50%;
  top: 50%;
  margin: -150px 0 0 -220px;
  z-index: 100;
  background: #FFF;
  background: -webkit-linear-gradient(top, #f1f1f1 0%, #FFF 10%, #FFF 100%);
  display: none;
}

.dialog-alert .head {
  height: 40px;
  line-height: 40px;
  position: relative;
  margin-bottom: 10px;
}

.dialog-alert .head h2 {
  font-size: 16px;
  padding: 0 0 0 15px;
}

.dialog-alert .head .close {
  width: 40px;
  height: 40px;
  background: url(../images/ico-close.png) center center no-repeat;
  position: absolute;
  right: 0;
  top: 0;
}

.dialog-alert .head .close:hover {
  -webkit-transform: rotate(90deg);
  transform: rotate(90deg);
}

.dialog-alert .main {
  padding: 0 20px 20px 20px;
  font-size: 14px;
}

.dialog-alert .main .red {
  color: #F00;
}

.dialog-alert .foot {
  height: 34px;
  text-align: center;
  border-top: 1px solid #fff;
  padding: 10px 0 20px;
  background: none;
}

.dialog-alert .foot a {
  display: inline-block;
  vertical-align: middle;
  height: 34px;
  line-height: 34px;
  padding: 0 25px;
  background: #ddd;
  margin: 0 10px;
  font-size: 14px;
  border-radius: 3px;
}

.dialog-alert .foot .ok {
  background: #d93636;
  color: #fff;
}

.dialog-alert .foot .ok:hover {
  background: #a40606;
}

.dialog-alert .foot .cancel {
  background: #bbb;
  color: #333;
}

.dialog-alert .foot .cancel:hover {
  background: #999;
}

.dialog-confirm {
  width: 440px;
  height: auto;
  position: fixed;
  left: 50%;
  top: 50%;
  margin: -150px 0 0 -220px;
  z-index: 100;
  background: #FFF;
  background: -webkit-linear-gradient(top, #f1f1f1 0%, #FFF 10%, #FFF 100%);
  display: none;
}

.dialog-confirm .head {
  height: 40px;
  line-height: 40px;
  position: relative;
  margin-bottom: 10px;
}

.dialog-confirm .head h2 {
  font-size: 16px;
  padding: 0 0 0 15px;
}

.dialog-confirm .head .close {
  width: 40px;
  height: 40px;
  background: url(../images/ico-close.png) center center no-repeat;
  position: absolute;
  right: 0;
  top: 0;
}

.dialog-confirm .head .close:hover {
  -webkit-transform: rotate(90deg);
  transform: rotate(90deg);
}

.dialog-confirm .main {
  padding: 0 20px 20px 20px;
  font-size: 14px;
}

.dialog-confirm .main .red {
  color: #F00;
}

.dialog-confirm .foot {
  height: 34px;
  text-align: center;
  border-top: 1px solid #fff;
  padding: 10px 0 20px;
}

.dialog-confirm .foot a {
  display: inline-block;
  vertical-align: middle;
  height: 34px;
  line-height: 34px;
  padding: 0 25px;
  background: #ddd;
  margin: 0 10px;
  font-size: 14px;
  border-radius: 3px;
}

.dialog-confirm .foot .ok {
  background: #d93636;
  color: #fff;
}

.dialog-confirm .foot .ok:hover {
  background: #a40606;
}

.dialog-confirm .foot .cancel {
  background: #bbb;
  color: #333;
}

.dialog-confirm .foot .cancel:hover {
  background: #999;
}

.dialog-log {
  position: absolute;
  z-index: 99;
  width: auto;
  padding: 10px 20px;
  border: 1px solid #e0272c;
  background: #ffe8e9;
  border-radius: 3px;
  box-shadow: 1px 1px 5px rgba(0, 0, 0, 0.2);
  color: #e0272c;
}

.dialog-log i {
  position: absolute;
  left: 15px;
  top: -7px;
  width: 14px;
  height: 7px;
  background: url(../images/log-arrow.png) center center no-repeat;
}

.dialog-layout {
  position: fixed;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  filter: Alpha(opacity=50);
  background: #000;
  background: rgba(0, 0, 0, .5);
  z-index: 99;
}

.dialog-album {
  position: fixed;
  _position: absolute;
  width: 100%;
  height: 100%;
  left: 0;
  top: 0;
  z-index: 100;
  display: none;
}

.dialog-album .layout {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  background: rgba(0, 0, 0, 0.9) !important;
  filter: Alpha(opacity=90);
  background: #000;
  z-index: -1;
}

.dialog-album .container {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  z-index: 2;
  overflow: hidden;
}

.dialog-album .container ul {
  float: left;
  width: 1000%;
  height: 100%;
  position: relative;
}

.dialog-album .container li {
  float: left;
  width: 10%;
  height: 100%;
  position: relative;
}

.dialog-album .container .img {
  width: 100%;
  height: 100%;
}

.dialog-album .container .img img {
  max-height: 100%;
  max-width: 80%;
  width: 800px;
  height: 600px;
}

.dialog-album .tool .close {
  position: absolute;
  width: 65px;
  height: 35px;
  top: 0;
  right: 0;
  background: url(../images/ico-album.png) 0 -105px no-repeat;
  z-index: 10;
  overflow: hidden;
  text-indent: -99em;
  opacity: 0.6 !important;
  filter: Alpha(opacity=60);
}

.dialog-album .tool .close:hover {
  opacity: 0.9 !important;
  filter: Alpha(opacity=90);
}

.dialog-album .tool .right,
.dialog-album .tool .left {
  position: absolute;
  width: 30px;
  height: 30px;
  top: 50%;
  margin-top: -10px;
  z-index: 10;
  text-indent: -99em;
  overflow: hidden;
  background: url(../images/ico-album.png) -35px 0 no-repeat;
}

.dialog-album .tool .right {
  left: 20px;
  background-position: -35px -35px;
}

.dialog-album .tool .left {
  right: 20px;
}

.dialog-album .tool .right:hover {
  background-position: 0 -35px;
}

.dialog-album .tool .left:hover {
  background-position: 0 0;
}

.dialog-album .tool .play,
.dialog-album .tool .plus {
  position: absolute;
  width: 30px;
  height: 30px;
  right: 20px;
  bottom: 20px;
  background: #CCC;
  z-index: 10;
  overflow: hidden;
  background: url(../images/ico-album.png) 0 -70px no-repeat;
  overflow: hidden;
  text-indent: -99em;
}

.dialog-album .tool .play {
  background-position: -35px -70px;
}

.dialog-album .tip {
  position: absolute;
  width: 50%;
  height: 15px;
  left: 25%;
  bottom: 20px;
  z-index: 10;
  text-align: center;
}

.dialog-album .tip span {
  display: inline-block;
  width: 12px;
  height: 12px;
  border: 1px solid #aaa;
  border-radius: 13px;
  background: #FFF;
  margin: 0 5px;
  vertical-align: middle;
  cursor: pointer;
}

.dialog-album .tip span.cur {
  background: #666;
}

/* 4:3 图文 */
.list-case {
  padding: 0 20px;
  margin-bottom: 10px;
}

.list-case .list {
  padding: 10px 0 10px;
}

.list-case .item {
  padding: 15px 0 15px 180px;
  height: 124px;
  border-top: 1px dashed #ddd;
  position: relative;
}

.list-case .item:first-child {
  border-top: 0;
}

.list-case .item .img {
  position: absolute;
  left: 0;
  top: 15px;
  width: 166px;
  height: 124px;
  background: #f1f1f1;
}

.list-case .item .img img {
  display: block;
  width: 166px;
  height: 124px;
}

.list-case .item .date {
  position: absolute;
  right: 0;
  top: 15px;
  color: #999;
}

.list-case .item h3 {
  font-size: 16px;
  line-height: 20px;
  margin-bottom: 8px;
}

.list-case .item h3 a {}

.list-case .item h3 a:hover {
  text-decoration: underline;
}

.list-case .item p {
  height: 60px;
  line-height: 20px;
  color: #666;
  overflow: hidden;
  margin-bottom: 16px;
}

.list-case .item .detail {
  height: 20px;
}

.list-case .item .detail a {
  line-height: 20px;
}

/* 产品详情页 */
.product-content {
  padding: 20px;
}

.product-photo {
  float: left;
  width: 440px;
}

.product-photo .original {
  width: 440px;
  height: 330px;
  overflow: hidden;
  margin-bottom: 10px;
}

.product-photo .original img {
  display: block;
  width: 100%;
  height: 330px;
}

.product-photo .prev,
.product-photo .next {
  float: left;
  width: 17px;
  height: 69px;
  background: url(../images/photo-pn.png) 0 0 no-repeat;
  cursor: pointer;
}

.product-photo .next {
  float: right;
  background-position: -19px 0;
}

.product-photo .prev:hover {
  background-position: 0 -70px;
}

.product-photo .next:hover {
  background-position: -19px -70px;
}

.product-photo .nodrop {
  cursor: no-drop;
}

.product-photo .prev.nodrop:hover {
  background-position: 0 0;
}

.product-photo .next.nodrop:hover {
  background-position: -19px 0;
}

.product-photo .thum {
  float: left;
  width: 395px;
  height: 69px;
  margin: 0 0 0 5px;
  overflow: hidden;
  position: relative;
}

.product-photo .thum dl {
  float: left;
  width: 300%;
  height: 69px;
  position: relative;
}

.product-photo .thum dd {
  float: left;
  width: 87px;
  height: 65px;
  border: 2px solid #fff;
  margin: 0 10px 0 0;
  cursor: pointer;
  background: #f1f1f1;
}

.product-photo .thum img {
  width: 100%;
  height: 65px;
  display: block;
}

.relink {
  padding: 0 10px;
  height: 40px;
  line-height: 40px;
  border-top: 1px solid #ddd;
  border-bottom: 1px solid #ddd;
  margin: 0 20px 20px 20px;
}

.relink p {
  float: right;
  width: 50%;
  text-align: right;
  overflow: hidden;
}

.relink p:first-child {
  float: left;
  text-align: left;
}

.product-photo .thum dd.current {
  border-color: #007fe8;
}

.product-info {
  margin: 0 0 0 460px;
  position: relative;
  height: 346px;
}

.product-info h1 {
  font-size: 20px;
  line-height: 1.2;
  margin-bottom: 20px;
}

.product-info .order {
  float: left;
  margin: 3px 0;
}

.product-info .order a {
  display: block;
  width: 115px;
  height: 30px;
  line-height: 30px;
  color: #FFF;
  font-size: 14px;
  background: #b30a0b;
  text-align: center;
  border-radius: 5px;
}

.product-info .order a:hover {
  background: #FC771C;
}

.product-info .bdshare {
  float: right;
  +margin-right: 10px;
}

.product-info .bdshare .head {
  display: none;
}

.product-info .des {
  float: left;
  padding: 15px 0;
  width: 100%;
  height: 200px;
  line-height: 24px;
  margin-bottom: 40px;
  overflow: hidden;
}

.product-info .tel {
  width: 220px;
  height: 55px;
  padding: 0;
  line-height: 1.1;
  position: absolute;
  left: 0;
  bottom: 10px;
  margin: 0;
}

.product-info .tel dt {
  font-size: 16px;
  font-weight: 700;
}

.product-info .tel dd {
  font-size: 27px;
  color: #007fe8;
  font-weight: 700;
}

.article-container {
  border-top: 1px dashed #ddd;
  margin: 20px 0 0;
}

.article-container .article {
  padding-bottom: 10px;
}

.article-container .article img {
  max-width: 100%;
}

.article-head {
  padding: 20px 0 10px;
}

.article-head h2 {
  width: 240px;
  height: 40px;
  line-height: 40px;
  font-size: 16px;
  color: #007fe8;
}

/* 产品详情页 */
.original2 {
  width: 100%;
  height: auto;
  overflow: hidden;
  margin-bottom: 10px;
}

.original2 img {
  display: block;
  max-width: 100%;
  height: auto;
  margin: 0 auto;
}

.product-info2 {
  position: relative;
  padding: 10px 335px 10px 0;
  min-height: 35px;
}

.product-info2 h1 {
  font-size: 20px;
}

.product-info2 .telx {
  width: 250px;
  height: ;
  background: url(../images/ico-tel2.png) left top no-repeat;
  padding: 0 0 0 60px;
  line-height: 1.1;
  position: absolute;
  right: 0;
  top: 10px;
}

.product-info2 .telx dt {
  font-size: 16px;
  font-weight: 700;
}

.product-info2 .telx dd {
  font-size: 30px;
  color: #007fe8;
  font-weight: 700;
}

.recommend-news {
  margin: 20px;
}

.recommend-news .head {
  height: 38px;
  line-height: 38px;
  position: relative;
  border: 1px solid #ddd;
  background: url(../images/header-bg.png) left -80px repeat-x #fff;
}

.recommend-news .head h2 {
  font-size: 18px;
  color: #007fe8;
  border-left: 5px solid #007fe8;
  padding: 0 0 0 20px;
  background: url(../images/ico-rec.png) left center no-repeat;
}

.recommend-news .head .mo {
  position: absolute;
  right: 10px;
  top: 0;
  font-size: 16px;
  color: #999;
  font-size: small;
}

.recommend-news .head .mo:hover {
  color: #007fe8;
}

.recommend-news .main {
  width: autp;
  overflow: hidden;
  padding: 20px 20px 20px 0;
}

.recommend-news .list {
  float: left;
  width: 110%;
}

.recommend-news .item {
  float: left;
  width: 355px;
  height: 30px;
  line-height: 30px;
  margin-right: 50px;
  position: relative;
}

.recommend-news .item a {
  background: url(../images/ico-news.png) left center no-repeat;
  padding: 0 0 0 12px;
}

.recommend-news .item a:hover {
  text-decoration: underline;
}

.recommend-news .item span {
  position: absolute;
  right: 0;
  top: 0;
  color: #999;
}

.recommend-pro {
  margin-bottom: 20px;
  padding: 0 20px;
}

.recommend-pro .head {
  height: 38px;
  line-height: 38px;
  position: relative;
  border: 1px solid #ddd;
}

.recommend-pro .head h2 {
  font-size: 18px;
  border-left: 5px solid #007fe8;
  padding: 0 0 0 20px;
  background: url(../images/ico-rec.png) left center no-repeat;
}

.recommend-pro .head .mo {
  position: absolute;
  right: 10px;
  top: 0;
  font-size: 16px;
  color: #fff;
  font-size: small;
}

.recommend-pro .head .mo:hover {
  font-weight: bold;
}

.recommend-pro .main {
  width: 100%;
  overflow: hidden;
  padding: 20px 0 0;
}

.recommend-pro .list {
  float: left;
  width: 110%;
}

.recommend-pro .item {
  float: left;
  width: auto;
  margin: 0 20px 0 0;
}

.recommend-pro .item .img {
  width: 206px;
  height: 155px;
  overflow: hidden;
  border: 1px solid #ddd;
  background: #f1f1f1;
}

.recommend-pro .item .img img {
  width: 100%;
  height: 155px;
}

.recommend-pro .item h3 {
  line-height: 40px;
  text-align: center;
  font-weight: 400;
}

.recommend-pro .item h3 a {
  font-size: 16px;
}

.recommend-pro .item:hover {
  border-color: #c8a48e;
}

.recommend-form {
  padding: 0 20px;
}

.recommend-form .head {
  height: 38px;
  line-height: 38px;
  position: relative;
  border: 1px solid #ddd;
}

.recommend-form .head h2 {
  font-size: 18px;
  border-left: 5px solid #007fe8;
  padding: 0 0 0 20px;
}

.recommend-form .main {
  width: auto;
  overflow: hidden;
  padding: 40px 20px 20px;
}

.recommend-form .main>* {
  float: left;
  width: 100%;
  clear: both;
  margin-bottom: 15px;
  position: relative;
}

.recommend-form .row-1 {
  width: 350px;
  height: auto;
  padding: 0 0 0 50px;
  border: 1px solid #ddd;
}

.recommend-form .row-2 {
  width: 710px;
  height: auto;
  padding: 0 0 0 0;
  border: 1px solid #ddd;
}

.recommend-form .row-3 {
  width: 800px;
  height: auto;
}

.recommend-form .ico-name {
  background: url(../images/form-name2.png) 15px center no-repeat;
}

.recommend-form .ico-phone {
  background: url(../images/form-phone2.png) 15px center no-repeat;
}

.recommend-form .ico-email {
  background: url(../images/form-email2.png) 15px center no-repeat;
}

.recommend-form .required .tip {
  position: absolute;
  right: 0;
  top: 0;
  height: 40px;
  line-height: 40px;
  padding: 0 10px;
  font-style: normal;
  color: #F00;
}

.recommend-form .txt {
  width: 100%;
  height: 40px;
  line-height: 40px;
  background: #fff;
  border: 0;
  color: #999;
}

.recommend-form .text {
  width: 700px;
  border: 0;
  background: #fff;
  padding: 5px 5px;
  line-height: 20px;
  height: 100px;
  color: #999;
}

.recommend-form img.code {
  float: left;
  width: 110px;
  height: 42px;
  margin-left: 10px;
}

.recommend-form input.code {
  float: left;
  width: 178px;
  height: 40px;
  line-height: 40px;
  border: 1px solid #ddd;
  background: #fff;
  padding: 0 10px;
  color: #999;
}

.recommend-form .submit,
.recommend-form .reset {
  float: left;
  width: 200px;
  height: 42px;
  border: 0;
  cursor: pointer;
  color: #FFF;
  font-size: 16px;
}

.recommend-form .submit {
  background: #007fe8;
}

.recommend-form .reset {
  background: #292826;
  margin: 0 0 0 10px;
}

.recommend-form .submit:hover {
  background: #C30100;
}

.recommend-form .reset:hover {
  background: #000;
}

.recommend-form .onfocus,
.recommend-form .onfocus input.code {
  border-color: #aaa;
}

.BMap_bubble_content {
  font-size: 12px;
  line-height: 1.4;
}

/* 地图 */
.map11 {
  padding: 25px;
}

.map11 li.item {
  width: 100%;
  padding: 10px 0px;
  text-align: left;
  border-bottom: 1px solid #c8c8c8;
}

.map11 li.item a {
  line-height: 30px;
  color: #007fe8;
  font-size: 16px;
  font-weight: bold;
  margin-right: 15px;
}

.map11 .subMap11 {
  text-align: left;
  margin-left: 50px;
}

.map11 .subMap11 li.item2 {
  margin: 15px 0px;
  line-height: 24px;
}

.map11 .subMap11 .san {
  text-align: left;
  margin-left: 50px;
}

.map11 .subMap11 .san a {
  font-size: 16px;
  font-weight: normal;
}

.mab img {
  max-width: initial;
}

.minBanner,
.minBanner ul,
.minBanner img,
.minBanner li.item {
  height: 500px !important;
}

.dsin {
  background: none;
  border: none;
  line-height: 40px;
}