@charset "utf-8";

.vcenter {

  position: absolute;

  top: 0;

  right: 0;

  bottom: 0;

  left: 0;

  max-width: 100%;

  max-height: 100%;

  display: block;

  vertical-align: middle;

  margin: auto;

}

/*首页--开始--头部*/

.head-b {

  width: 100%;

  margin: 0 auto;

  min-width: 1240px;

  background: #f1f1f1;
  /*margin-top:-20px;*/

}

.nav-box ul li:nth-child(5) .xiala{ padding-bottom:0 !important; height:0 !important}

.head-b .up-box {

  width: 1340px;

  margin: 0 auto;

}

.head-b .up-box .logo-box {

  width: 165px;

  padding-top: 10PX;

  float: left;

}

.head-b .up-box .logo-box a {

  display: block;

}

.head-b .up-box .logo-box a img {

  max-width: 100%;

}

.head-b .up-box .nav-box {

  width: 865px;

  float: left;

}

.head-b .up-box .nav-box ul {

  width: 100%;

  margin: 0 auto;

}

.head-b .up-box .nav-box ul li {

  float: left;

  position: relative;

  min-height: 69px;

}

.head-b .up-box .nav-box ul li a {

  display: block;

  font-size: 18px;

  color: #333;

  height: 52px;

  line-height: 69px;

}

.head-b .up-box .nav-box ul li a:hover {

  color: #f3372e;

}

.head-b .up-box .nav-box ul li .gaol1 {

  color: #f3372e;

}

.head-b .up-box .nav-box ul li .gaol2 {

  color: #f3372e;

}

.head-b .up-box .nav-box ul li .xiala {

  position: absolute;

  left: 0px;

  top: 69px;

  z-index: 999;

  width: 100%;

  background: rgba(255, 255, 255, 0.95) none repeat scroll 0 0 !important;

  filter: Alpha(opacity=40);

  background: #fff;

  padding-bottom: 10px;

}

.head-b .up-box .nav-box ul li .xiala a {

  line-height: 30px;

  margin-bottom: 3px;

  font-size: 14px;

  height: 30px;

  border: none;

  padding-left: 40px;

  background: url(../images/pic57.jpg) no-repeat 33px center;

}

.head-b .up-box .nav-box ul li .xiala a:hover {

  color: #fff;

  background: #e70012 url(../images/pic56.jpg) no-repeat 33px center;

}

.head-b .up-box .nav-box ul li .long-w {

  width: 160px;

}

.head-b .up-box .nav-box ul li .long-w2 {

  left: 8px;

}

.head-b .up-box .nav-box ul li .long-w3 {

  left: -39px;

}

.head-b .up-box .nav-box ul li + li {

  background: url(../images/pic55.jpg) no-repeat left center;

}

.head-b .up-box .nav-box ul li + li a {

  padding: 0 30px 0 34px;

}

.head-b .up-box .nav-box ul li:first-child {

  padding: 0;

  margin-right: 35px;

}

.head-b .up-box .nav-box ul li:first-child a {

  padding-left: 0;

}

.head-b .up-box .contact-way {

  width: 295px;

  float: right;

  padding-top: 10px;

}
.head-b .up-box .contact-way .lang{ float:right; margin-top:10px;}
.head-b .up-box .contact-way .lang a{ font-size:18px;}
.head-b .up-box .contact-way dl {

  width: 195px;

  padding-left: 35px;

  background: url(../images/pic1.jpg) no-repeat left center;
  
  float:left;

}

.head-b .up-box .contact-way dl dt {

  font-size: 14px;

  color: #666;

}

.head-b .up-box .contact-way dl dd {

  font-size: 24px;

  color: #e70012;

}

/*首页-banner*/

.banner-boss {

  width: 100%;

  margin: 0 auto;

  position: relative;

  overflow: hidden;

  min-width: 1240px;

}

.banner-ny {

  text-align: center;

  position: relative;

  height: 350px;

  width: 100%;

  display: block;

  width: 1600px;

  min-width: 1240px;

  margin-left: -800px;

  left: 50%;

}

.banner-ny img {

  width: 100%;

  height: 100%;

}

.banner-sy {

  text-align: center;

  position: relative;

  height: 510px;

  width: 100%;

  display: block;

  width: 1600px;

  min-width: 1240px;

  margin-left: -800px;

  left: 50%;

}

.banner-sy img {

  width: 100%;

  height: 100%;

}

.banner-sy .slick-dots {

  margin: 0 auto;

  position: absolute;

  left: 50%;

  bottom: 15px;

  margin-left: -39px;

}

.banner-sy .slick-dots li {

  width: 14px;

  height: 14px;

  float: left;

  margin: 0 6px;

  text-align: center;

  border-radius: 50%;

  -webkit-border-radius: 50%;

  -moz-border-radius: 50%;

  cursor: pointer;

  padding: 3px 0;

  background: #fff;

}

.banner-sy .slick-dots li button {

  text-indent: -20000px;

  opacity: 0;

  filter: alpha(opacity=0);

}

.banner-sy .slick-dots .slick-active {

  width: 14px;

  height: 14px;

  padding: 0px 0;

  background: #da251c;

}

.sy-container {

  width: 100%;

  margin: 0 auto;

  min-width: 1240px;

}

.sy-container h3 {

  width: 100%;

  margin: 0 auto;

  height: 70px;

  line-height: 70px;

  font-size: 26px;

  color: #4c4c4c;

  text-align: center;

  background: #f1f1f1;

  font-weight: normal;

}

.sy-container .sy-product {

  width: 100%;

  margin: 0 auto;

}

.sy-container .sy-product .sy-prolist {

  width: 100%;

  background: #fff;

}

.sy-container .sy-product .sy-prolist .pro-msg {

  width: 50%;

  float: left;

  background: #d9d9d9;

  height: 407px;

  padding-left: 180px;

  padding-top: 90px;

  padding-right: 97px;

}

.sy-container .sy-product .sy-prolist .pro-msg dl {

  width: 100%;

  padding-bottom: 22px;

  position: relative;

  margin-bottom: 20px;

}

.sy-container .sy-product .sy-prolist .pro-msg dl:before {

  content: "";

  display: block;

  width: 45px;

  height: 1px;

  background: #aeaeae;

  position: absolute;

  left: 0;

  bottom: 0px;

}

.sy-container .sy-product .sy-prolist .pro-msg dl dt {

  font-size: 26px;

  color: #333;

  width: 100%;

  height: 34px;

  overflow: hidden;

}

.sy-container .sy-product .sy-prolist .pro-msg dl dd {

  font-size: 18px;

  color: #333;

  width: 100%;

  height: 22px;

  overflow: hidden;

}

.sy-container .sy-product .sy-prolist .pro-msg P {

  font-size: 14px;

  color: #666;

  line-height: 24px;

  margin-bottom: 35px;

  height: 70px;

  overflow: hidden;

}

.sy-container .sy-product .sy-prolist .pro-msg .read-m {

  display: block;

  padding-left: 23px;

  background: url(../images/img1.png) no-repeat 0 0;

  font-size: 14px;

  color: #9c9c9c;

  font-style: oblique;

}

.sy-container .sy-product .sy-prolist .becare2 {

  padding-right: 180px;

  padding-left: 97px;

}

.sy-container .sy-product .sy-prolist .pro-img {

  width: 50%;

  float: left;

  height: 407px;

  padding-right: 180px;

}

.sy-container .sy-product .sy-prolist .pro-img a {

  display: block;

  width: 100%;

  height: 407px;

  text-align: center;

  position: relative;

  overflow: hidden;

}

.sy-container .sy-product .sy-prolist .pro-img a img {

  max-height: 100%;

  max-width: 100%;

}

.sy-container .sy-product .sy-prolist .becare1 {

  padding-right: 0;

  padding-left: 180px;

}

.sy-container .sy-product .sy-prolist:hover {

  cursor: pointer;

}

.sy-container .sy-product .sy-prolist:hover .pro-msg dl dt {

  color: #f34c42;

}

.sy-container .sy-product .sy-prolist:hover .pro-msg .read-m {

  color: #f34c42;

  background: url(../images/img1.png) no-repeat 0 -25px;

}

.sy-container .sy-news {

  width: 1240px;

  margin: 0 auto;

  padding-top: 25px;

}

.sy-container .sy-news h4 {

  font-size: 26px;

  color: #4c4c4c;

  text-align: center;

  font-weight: normal;

  margin-bottom: 35px;

}

.sy-container .sy-news .sy-nlist {

  width: 100%;

  overflow: hidden;

}

.sy-container .sy-news .sy-nlist ul {

  width: 1280px;

}

.sy-container .sy-news .sy-nlist ul li {

  width: 580px;

  float: left;

  margin-right: 40px;

  margin-bottom: 45px;

}

.sy-container .sy-news .sy-nlist ul li dl {

  width: 90px;

  height: 104px;

  float: left;

  text-align: center;

  background: url(../images/img3.png) no-repeat;

  padding-top: 19px;

}

.sy-container .sy-news .sy-nlist ul li dl dt {

  width: 100%;

  text-align: center;

  font-size: 34px;

  color: #666;

  position: relative;

  margin-bottom: 5px;

  padding-bottom: 4px;

}

.sy-container .sy-news .sy-nlist ul li dl dt:before {

  content: "";

  display: block;

  width: 30px;

  height: 1px;

  background: #d9d9d9;

  position: absolute;

  left: 50%;

  margin-left: -15px;

  bottom: 0;

}

.sy-container .sy-news .sy-nlist ul li dl dd {

  font-size: 14px;

  color: #999;

}

.sy-container .sy-news .sy-nlist ul li .new-msg {

  width: 490px;

  float: left;

  padding-left: 30px;

}

.sy-container .sy-news .sy-nlist ul li .new-msg h5 {

  width: 100%;

  height: 25px;

  overflow: hidden;

  margin-bottom: 19px;

}

.sy-container .sy-news .sy-nlist ul li .new-msg h5 a {

  display: block;

  font-size: 20px;

  color: #333;

}

.sy-container .sy-news .sy-nlist ul li .new-msg p {

  font-size: 14px;

  color: #808080;

  line-height: 24px;

  overflow: hidden;

}

.sy-container .sy-news .sy-nlist ul li:hover {

  cursor: pointer;

}

.sy-container .sy-news .sy-nlist ul li:hover .new-msg h5 a {

  color: #f3372e;

}

/*底部信息*/

.foot-boss {

  width: 100%;

  margin: 20px auto 0;

  position: relative;

  min-width: 1240px;

  background: #3b3b3b;

}

.foot-boss .foot-up {

  width: 1240px;

  margin: 0 auto;

  padding-top: 25px;

  padding-bottom: 10px;

}

.foot-boss .foot-up .foot-nav {

  width: 100%;

  margin-bottom: 16px;

}

.foot-boss .foot-up .foot-nav dl {

  width: 216px;

  float: left;

  position: relative;

  padding-left: 16px;

  border-left: 1px solid #454545;

  min-height: 180px;

}

.foot-boss .foot-up .foot-nav dl:before {

  content: "";

  width: 4px;

  height: 7px;

  background: url(../images/img2.png) no-repeat;

  position: absolute;

  left: -1px;

  top: 7px;

}

.foot-boss .foot-up .foot-nav dl dt {

  font-size: 16px;

  color: #ccc;

  margin-bottom: 13px;

}

.foot-boss .foot-up .foot-nav dl dd {

  font-size: 14px;

  color: #808080;

  line-height: 24px;

}

.foot-boss .foot-up .foot-nav dl dd a {

  color: #808080;

}

.foot-boss .foot-up .foot-nav dl dd a:hover {

  color: #fff;

}

.foot-boss .foot-up .foot-nav dl + dl {

  margin-left: 10px;

}

.foot-boss .foot-up .foot-nav .f-contact {

  width: 113px;

  margin-left: 0px;

  float: right;

  border: none;

  padding-left: 0;

  text-align: center;

}

.foot-boss .foot-up .foot-nav .f-contact dt {

  margin-bottom: 5px;

}

.foot-boss .foot-up .foot-nav .f-contact dt img {

  display: block;

}

.foot-boss .foot-up .foot-nav .f-contact dd {

  font-size: 12px;

  color: #ccc;

}

.foot-boss .foot-up .foot-nav .f-contact:before {

  display: none;

}

.foot-boss .f-links {

  width: 100%;

  border-top: 1px solid #404040;

  border-bottom: 1px solid #404040;

  padding: 17px 0;

}

.foot-boss .f-links dl {

  width: 1240px;

  margin: 0 auto;

}

.foot-boss .f-links dl dt {

  font-size: 14px;

  color: #ccc;

  float: left;

  width: 83px;

}

.foot-boss .f-links dl dd {

  float: left;

  width: 1157px;

  color: #424242;

  font-size: 12px;

}

.foot-boss .f-links dl dd a {

  font-size: 12px;

  color: #6f6f6f;

  line-height: 22px;

}

.foot-boss .f-links dl dd a:hover {

  color: #fff;

}

.foot-boss .f-links dl dd span {

  margin-right: 20px;

  margin-left: 20px;

}

.foot-boss .foot-under {

  width: 1240px;

  margin: 0 auto;

  padding-top: 10px;

  padding-bottom: 12px;

  position: relative;

}

.foot-boss .foot-under p {

  font-size: 13px;

  color: #9c9c9c;

  line-height: 24px;

  width: 100%;

  margin: 0 auto;

  padding: 0 90px;

  text-align: center;

}

.foot-boss .foot-under .web-map {

  width: 60px;

  display: block;

  height: 18px;

  text-align: center;

  line-height: 18px;

  background: #f3372e;

  border-radius: 3px;

  font-size: 12px;

  color: #fff;

  position: absolute;

  left: 0;

  top: 13px;

}

.foot-boss .foot-under .web-map:hover {

  background: #d82119;

}

.no-mar {

  margin-top: 0;

}

/*产品与应用*/

.ny-container {

  width: 100%;

  background: #f1f1f1;

}

.bread-b {

  width: 1240px;

  margin: 0 auto;

  padding-top: 9px;

}

.bread-b dl {

  float: right;

  text-align: right;

}

.bread-b dl dt {

  font-size: 12px;

  color: #999;

  float: left;

}

.bread-b dl dd {

  color: #666;

  font-size: 12px;

  float: left;

}

.bread-b dl dd a {

  color: #999;

}

.bread-b dl dd a:hover {

  color: #666;

}

.bread-b dl dd i {

  margin: 0 5px;

}

.products-boss {

  width: 1240px;

  margin: 0 auto;

  padding-top: 10px;

}

.products-boss h2 {

  width: 100%;

  text-align: center;

  font-size: 26px;

  color: #4c4c4c;

  font-weight: normal;

  margin-bottom: 25px;

}

.products-boss .ny-nav {

  width: 100%;

  position: relative;

  margin: 0 auto;

}

.products-boss .ny-nav span {

  display: block;

  float: left;

  margin: 0 10px;

  text-align: center;

  width: 120px;

  border-top: 1px solid #ccc;

  border-bottom: 1px solid #e6e6e6;

  height: 40px;

}

.products-boss .ny-nav span a {

  display: block;

  font-size: 16px;

  color: #4c4c4c;

  line-height: 40px;

}

.products-boss .ny-nav span:hover {

  background: #e70012;

  border: none;

}

.products-boss .ny-nav span:hover a {

  color: #fff;

}

.products-boss .ny-nav .gl2 {

  background: #e70012;

  border: none;

}

.products-boss .ny-nav .gl2 a {

  color: #fff;

}

.products-boss .ny-nav .slick-list {

  width: 720px;

  margin: 0 auto;

}

.products-boss .ny-nav .slick-prev {

  width: 46px;

  height: 40px;

  text-indent: -20000px;

  position: absolute;

  border: none;

  border-top: 1px solid #ccc;

  border-bottom: 1px solid #e6e6e6;

  left: 0px;

  top: 0px;

  background: url(../images/img7.png) no-repeat 20px center;

}

.products-boss .ny-nav .slick-prev:hover {

  cursor: pointer;

  background: url(../images/img7-1.png) no-repeat 20px center;

  border-top: 1px solid #e70012;

  border-bottom: 1px solid #e70012;

}

.products-boss .ny-nav .slick-next {

  width: 46px;

  height: 40px;

  background: url(../images/img8.png) no-repeat 20px center;

  border: none;

  text-indent: -20000px;

  position: absolute;

  border-top: 1px solid #ccc;

  border-bottom: 1px solid #e6e6e6;

  right: 0px;

  top: 0px;

}

.products-boss .ny-nav .slick-next:hover {

  cursor: pointer;

  background: url(../images/img8-1.png) no-repeat 20px center;

  border-top: 1px solid #e70012;

  border-bottom: 1px solid #e70012;

}

.products-boss .ny-nav2 {

  width: 100%;

  position: relative;

  margin: 0 auto 40px;

  text-align: center;

  height: 40px;

}

.products-boss .ny-nav2 span {

  display: inline-block;

  margin: 0 10px;

  text-align: center;

  width: 120px;

  border-top: 1px solid #ccc;

  border-bottom: 1px solid #e6e6e6;

  height: 40px;

}

.products-boss .ny-nav2 span a {

  display: block;

  font-size: 16px;

  color: #4c4c4c;

  line-height: 40px;

}

.products-boss .ny-nav2 span:hover {

  background: #e70012;

  border: none;

  border-top: 1px solid #f1f1f1;

}

.products-boss .ny-nav2 span:hover a {

  color: #fff;

}

.products-boss .ny-nav2 .gl2 {

  background: #e70012;

  border: none;

  border-top: 1px solid #f1f1f1;

}

.products-boss .ny-nav2 .gl2 a {

  color: #fff;

}

.products-boss .pro-list {

  width: 100%;

  margin: 0 auto;

  padding-top: 40px;

}

.products-boss .pro-list .pro-room {

  width: 390px;

  float: left;

  height: 315px;

  margin-right: 35px;

}

.products-boss .pro-list .pro-room figure {

  width: 390px;

  height: 256px;

  position: relative;

  text-align: center;

  margin-bottom: 12px;

}

.products-boss .pro-list .pro-room figure img {

  max-height: 100%;

  max-width: 100%;

}

.products-boss .pro-list .pro-room figure figcaption {

  width: 100%;

  height: 100%;

  background: rgba(0, 0, 0, 0) none repeat scroll 0 0 !important;

  filter: Alpha(opacity=0);

  background: #000;

  position: absolute;

  left: 0;

  top: 0;

  text-align: center;

  -webkit-transition: all 0.38s ease-in;

}

.products-boss .pro-list .pro-room figure figcaption a {

  display: block;

  /*width: 30px;

  height: 30px;

  position: absolute;

  top: 50%;

  left: 50%;

  margin-left: -15px;

  margin-top: -15px;*/
  
  width:100%;
  height:100%;

  -webkit-transition: all 0.38s ease-in;

  -webkit-transform: scale(0);

}

.products-boss .pro-list .pro-room dl {

  width: 100%;

}

.products-boss .pro-list .pro-room dl dt {

  width: 353px;

  float: left;

  padding-left: 12px;

}

.products-boss .pro-list .pro-room dl dt a {

  display: block;

  font-size: 14px;

  color: #666;

}

.products-boss .pro-list .pro-room dl dt span {

  display: block;

  font-size: 14px;

  color: #b2b2b2;

}

.products-boss .pro-list .pro-room dl dd {

  width: 37px;

  border-left: 1px solid #d9d9d9;

  text-align: center;

  float: right;

  height: 31px;

  line-height: 31px;

  font-family: "宋体";

}

.products-boss .pro-list .pro-room dl dd a {

  font-size: 14px;

  color: #b2b2b2;

  font-weight: bold;

  display: block;

}

.products-boss .pro-list .pro-room dl dd:hover a {

  color: #e70012;

}

.products-boss .pro-list .pro-room:hover {

  cursor: pointer;

}

.products-boss .pro-list .pro-room:hover figure figcaption {

  background: rgba(0, 0, 0, 0.2) none repeat scroll 0 0 !important;

  filter: Alpha(opacity=20);

}

.products-boss .pro-list .pro-room:hover figure figcaption a {

  -webkit-transform: scale(1);

}

.products-boss .pro-list .pro-room:hover dl dt a {

  color: #e70012;

}

.products-boss .pro-list .pro-room:hover dl dd a {

  color: #e70012;

}

.products-boss .pro-list .no-margin {

  margin-right: 0;

}

/*分页*/

.fy-boss {

  width: 1240px;

  margin: 0 auto;

  padding: 35px 0 50px;

  text-align: center;

}

.fy-boss span {

  margin: 0 4px;

  display: inline-block;

}

.fy-boss span a {

  font-size: 14px;

  color: #666;

  display: block;

}

.fy-boss span:hover a {

  color: #e70012;

  font-weight: bold;

  text-decoration: underline;

}

.fy-boss .fy-prve1 {

  width: 30px;

  height: 30px;

  text-align: center;

  line-height: 30px;

  background: #d9d9d9;

  border-radius: 50%;

  font-family: "宋体";

  color: #999;

}

.fy-boss .fy-prve1 a {

  color: #999;

}

.fy-boss .fy-prve1:hover {

  background: #e70012;

}

.fy-boss .fy-prve1:hover a {

  color: #fff;

  text-decoration: none;

}

.fy-boss .fy-prve2 {

  width: 30px;

  height: 30px;

  text-align: center;

  line-height: 30px;

  background: #d9d9d9;

  border-radius: 50%;

  font-family: "宋体";

  margin-right: 10px;

  color: #999;

  position: relative;

}

.fy-boss .fy-prve2:before {

  content: "";

  display: block;

  width: 1px;

  height: 20px;

  background: #d9d9d9;

  position: absolute;

  right: -9px;

  top: 5px;

}

.fy-boss .fy-prve2 a {

  color: #999;

}

.fy-boss .fy-prve2:hover {

  background: #e70012;

}

.fy-boss .fy-prve2:hover a {

  color: #fff;

  text-decoration: none;

}

.fy-boss .fy-next1 {

  width: 30px;

  height: 30px;

  text-align: center;

  line-height: 30px;

  background: #d9d9d9;

  border-radius: 50%;

  font-family: "宋体";

  color: #999;

  position: relative;

  margin-left: 10px;

}

.fy-boss .fy-next1:before {

  content: "";

  display: block;

  width: 1px;

  height: 20px;

  background: #d9d9d9;

  position: absolute;

  left: -9px;

  top: 5px;

}

.fy-boss .fy-next1 a {

  color: #999;

}

.fy-boss .fy-next1:hover {

  background: #e70012;

}

.fy-boss .fy-next1:hover a {

  color: #fff;

  text-decoration: none;

}

.fy-boss .fy-next2 {

  width: 30px;

  height: 30px;

  text-align: center;

  line-height: 30px;

  background: #d9d9d9;

  border-radius: 50%;

  font-family: "宋体";

  color: #999;

}

.fy-boss .fy-next2 a {

  color: #999;

}

.fy-boss .fy-next2:hover {

  background: #e70012;

}

.fy-boss .fy-next2:hover a {

  color: #fff;

  text-decoration: none;

}

.small-m {

  padding-top: 15px;

}

/*产品详情*/

.container {

  width: 1240px;

  height: auto;

  margin: 0 auto;

  overflow: hidden;

  padding-top: 20px;

}

.jqzoom {

  float: left;

  border: none;

  position: relative;

  padding: 0px;

  cursor: pointer;

  margin: 0px;

  display: block;

  width: 620px;

  height: 406px;

  text-align: center;

}

.jqzoom img {

  max-height: 100%;

  max-width: 100%;

  background: url(http://www.lanrenzhijia.com/demo/images/loading.gif) no-repeat center center;

}

.zoomdiv {

  z-index: 100;

  position: absolute;

  top: 0px;

  left: 0px;

  width: 350px;

  height: 350px;

  background: #ffffff;

  display: none;

  text-align: center;

  overflow: hidden;

}

.jqZoomPup {

  z-index: 10;

  visibility: hidden;

  position: absolute;

  top: 0px;

  left: 0px;

  width: 90px !important;

  height: 90px !important;

  border: 1px solid #aaa;

  background: #ffffff;

  opacity: 0.5;

  -moz-opacity: 0.5;

  -khtml-opacity: 0.5;

  filter: alpha(Opacity=50);

}

/*图片小图预览列表*/

.spec-preview {

  width: 620px;

  height: 406px;

  float: left;

}

.spec-scroll {

  width: 618px;

  float: left;

  padding-left: 40px;

}

.spec-scroll h3 {

  width: 100%;

  font-size: 26px;

  color: #4c4c4c;

  border-bottom: 1px solid #ccc;

  line-height: 30px;

  font-weight: normal;

  padding-bottom: 5px;

  margin-bottom: 32px;

}

.spec-scroll .prev {

  float: left;

  margin-right: 4px;

  display: none;

}

.spec-scroll .next {

  float: right;

  display: none;

}

.spec-scroll .prev,

.spec-scroll .next {

  display: none;

  font-family: "宋体";

  text-align: center;

  width: 10px;

  height: 54px;

  line-height: 54px;

  border: 1px solid #CCC;

  background: #EBEBEB;

  cursor: pointer;

  text-decoration: none;

}

.spec-scroll .items {

  float: left;

  position: relative;

  width: 100%;

  overflow: hidden;

}

.spec-scroll .items ul {

  width: 100%;

}

.spec-scroll .items ul li {

  float: left;

  width: 249px;

  height: 163px;

  text-align: center;

  margin-right: 10px;

  margin-bottom: 10px;

  position: relative;

  padding: 1px;

}

.spec-scroll .items ul li img {

  max-width: 100%;

  max-height: 100%;

}

.spec-scroll .items ul li img:hover {

  border: 1px solid #e70012;

  cursor: pointer;

}

.spec-scroll .items ul li .on-x {

  border: 1px solid #e70012;

}

.system-t {

  width: 1240px;

  margin: 55px auto 30px;

  height: 40px;

  position: relative;

  z-index: 99;

}

.system-t:before {

  content: "";

  display: block;

  width: 100%;

  height: 1px;

  background: #ccc;

  position: absolute;

  left: 0;

  bottom: 0px;

  z-index: -1;

}

.system-t a {

  display: block;

  float: left;

  width: 119px;

  height: 40px;

  text-align: center;

  line-height: 40px;

  font-size: 16px;

  color: #4c4c4c;

}

.system-t .act-sys {

  background: #e50213;

  color: #fff;

}

.system-t .xj-btn {

  display: block;

  float: left;

  margin-left: 30px;

  width: 127px;

  height: 40px;

  background: url(../images/img6.png) no-repeat;

  text-align: center;

}

.system-t .xj-btn a {

  background: url(../images/img5.png) no-repeat 24px center;

  padding-left: 46px;

  font-size: 20px;

  color: #fff;

  display: inline-block;

}

.tabSec {

  width: 1240px;

  margin: 0 auto 55px;

}

.tabSec .tabArt {

  width: 100%;

  display: none;

}

.tabSec .tabArt h4 {

  width: 100%;

  height: 30px;

  line-height: 30px;

  background: #e6e6e6 url(../images/img2.png) no-repeat 10px center;

  padding-left: 21px;

  margin-bottom: 20px;

}

.tabSec .tabArt table {

  border: 1px solid #d9d9d9;

  margin-bottom: 35px;

}

.tabSec .tabArt table tbody tr td {

  border: 1px solid #d9d9d9;

  height: 39px;

  background: #fff;

  padding-left: 50px;

  font-size: 14px;

  color: #4c4c4c;

}

.tabSec .tabArt table tbody tr .f-bg {

  background: #e6e6e6;

}

.tabSec .tabArt p {

  font-size: 14px;

  color: #666;

  line-height: 24px;

  margin-bottom: 25px;

  text-indent: 2em;

}

.tabSec .tabArt .down-list {

  width: 100%;

  height: 60px;

  background: #fff;

  line-height: 60px;

  margin-bottom: 30px;

}

.tabSec .tabArt .down-list dt {

  width: 1060px;

  float: left;

}

.tabSec .tabArt .down-list dt i {

  display: block;

  float: left;

  width: 60px;

  height: 60px;

  background: #bdbdbd url(../images/pic20.jpg) no-repeat center center;

}

.tabSec .tabArt .down-list dt span {

  display: block;

  float: left;

  width: 878px;

  padding-left: 30px;

  height: 60px;

  overflow: hidden;

  font-size: 16px;

  color: #545454;

}

.tabSec .tabArt .down-list dt time {

  display: block;

  float: right;

  font-size: 14px;

  color: #999;

  padding-right: 20px;

}

.tabSec .tabArt .down-list dd {

  width: 180px;

  float: right;

  text-align: center;

  font-size: 16px;

  color: #666;

  background: #dfdfdf;

}

.tabSec .tabArt .down-list dd a {

  color: #666;

  display: block;

}

.tabSec .tabArt .down-list dd:hover {

  background: #e70012;

}

.tabSec .tabArt .down-list dd:hover a {

  color: #fff;

}

.tabSec .tabArt .down-list:first-child {

  margin-top: 45px;

}

/*招聘中心*/

.hr-center {

  width: 100%;

  padding-top: 30px;

  background: #fff;

  margin: 0 auto;

}

.hr-center h3 {

  font-size: 30px;

  color: #333;

  font-weight: normal;

  height: 45px;

  width: 600px;

  margin: 0 auto 25px;

  text-align: center;

  border-bottom: 1px solid #e8e8e8;

}

.hr-center figure {

  width: 1240px;

  margin: 0 auto 20px;

  text-align: center;

}

.hr-center figure img {

  max-width: 100%;

}

.hr-boss {

  width: 1240px;

  margin: 0 auto;

  padding-top: 30px;

}

.accordion {

  width: 100%;

  margin: 0 auto 20px;

  -webkit-border-radius: 4px;

  -moz-border-radius: 4px;

  border-radius: 4px;

}

.accordion .link {

  cursor: pointer;

  display: block;

  color: #4D4D4D;

  font-size: 14px;

  font-weight: 700;

  border-bottom: 1px solid #e6e6e6;

  position: relative;

  -webkit-transition: all 0.4s ease;

  -o-transition: all 0.4s ease;

  transition: all 0.4s ease;

}

.accordion .link .link-tt {

  width: 100%;

  height: 50px;

}

.accordion .link .link-tt dt {

  width: 510px;

  float: left;

  padding-left: 20px;

  font-size: 14px;

  color: #666;

  line-height: 50px;

}

.accordion .link .link-tt dd {

  width: 118px;

  float: right;

  font-size: 34px;

  color: #fff;

  line-height: 50px;

  padding-left: 15px;

}

.accordion .link .link-tt .fa {

  text-align: center;

  line-height: none;

}

.accordion .link .link-tt .fa a {

  display: block;

  width: 22px;

  height: 50px;

  margin-left: 30px;

  color: #fff;

  font-weight: normal;

  font-family: arial;

  background: url(../images/jia.png) no-repeat center center;

}

.accordion .link .link-tt:hover,

.accordion .link .link-tt:active {

  cursor: pointer;

}

.accordion .link .link-tt:hover dt,

.accordion .link .link-tt:active dt {

  color: #e70012;

}

.accordion .link .link-tt:hover dd,

.accordion .link .link-tt:active dd {

  color: #11a7a8;

}

.accordion .link .link-tt:hover .fa a,

.accordion .link .link-tt:active .fa a {

  background: url(../images/jian.png) no-repeat center center;

}

.accordion .first-m {

  border-top: 1px solid #e6e6e6;

}

.accordion li dd.fa {

  padding-left: 15px;

  -webkit-transition: all 0.4s ease;

  -o-transition: all 0.4s ease;

  transition: all 0.4s ease;

}

.accordion li.open .link .link-tt dt {

  color: #e70012;

}

.accordion li.open .link .link-tt dd {

  color: #11a7a8;

}

.accordion li.open .link .link-tt .fa a {

  background: url(../images/jian.png) no-repeat center center;

  width: 22px;

  height: 43px;

  margin-left: 30px;

}

.accordion li.open dd.fa {

  -webkit-transform: rotate(180deg);

  -ms-transform: rotate(180deg);

  -o-transform: rotate(180deg);

  transform: rotate(180deg);

}

.open .submenu {

  display: block;

}

.submenu:first-child {

  display: block;

}

.submenu {

  background: #fff;

  display: none;

  border-bottom: 1px solid #e6e6e6;

  padding-bottom: 30px;

}

.submenu .zp-show {

  padding-top: 30px;

  padding-left: 25px;

  padding-bottom: 30px;

}

.submenu .zp-show .zp-nr {

  width: 900px;

  margin-bottom: 30px;

  clear: both;

  overflow: hidden;

}

.submenu .zp-show .zp-nr dt {

  font-size: 18px;

  color: #666;

  margin-bottom: 15px;

}

.submenu .zp-show .zp-nr dd {

  width: 220px;

  float: left;

  margin-bottom: 15px;

  margin-right: 70px;

  color: #666;

  font-size: 14px;

}

.submenu .zp-show .zp-nr2 {

  width: 990px;

  margin-bottom: 30px;

  clear: both;

  overflow: hidden;

}

.submenu .zp-show .zp-nr2 dt {

  font-size: 18px;

  color: #666;

  margin-bottom: 15px;

}

.submenu .zp-show .zp-nr2 dd {

  margin-bottom: 15px;

  color: #666;

  font-size: 14px;

}

.submenu .zp-show .zp-nr3 {

  width: 120px;

  clear: both;

  overflow: hidden;

  height: 30px;

}

.submenu .zp-show .zp-nr3 a {

  display: block;

  text-align: center;

  line-height: 30px;

  font-size: 14px;

  color: #fff;

  background: #e70012;

  padding: 0;

}

.submenu .zp-show .zp-nr3 a:hover {

  background: #cc0414;

}

.submenu li {

  border-bottom: 1px solid #e6e6e6;

}

.submenu a {

  display: block;

  text-decoration: none;

  color: #d9d9d9;

  padding: 12px;

  padding-left: 42px;

  -webkit-transition: all 0.25s ease;

  -o-transition: all 0.25s ease;

  transition: all 0.25s ease;

}

.submenu a:hover {

  background: #b63b4d;

  color: #FFF;

}

/*常见问题*/

.question-b {

  width: 100%;

  padding-top: 20px;

}

.question-b dl {

  margin-bottom: 40px;

  width: 100%;

  padding-bottom: 40px;

  border-bottom: 1px dashed #d9d9d9;

}

.question-b dl dt {

  width: 80px;

  float: left;

  text-align: center;

}

.question-b dl dt span {

  display: block;

  width: 40px;

  height: 40px;

  background: #b3b3b3;

  font-size: 18px;

  color: #fff;

  text-align: center;

  line-height: 40px;

  margin: 0 auto;

}

.question-b dl dt time {

  display: block;

  width: 100%;

  border-top: 1px solid #e6e6e6;

  font-size: 12px;

  color: #ccc;

  line-height: 24px;

}

.question-b dl dd {

  width: 1130px;

  float: right;

}

.question-b dl dd h3 {

  width: 100%;

  height: 40px;

  font-size: 16px;

  color: #666;

  font-weight: normal;

  line-height: 40px;

  padding-left: 15px;

  background: #d9d9d9;

  margin-bottom: 20px;

}

.question-b dl dd p {

  width: 100%;

  border: 1px solid #e6e6e6;

  background: #fff;

  padding: 15px;

  font-size: 14px;

  color: #666;

  line-height: 24px;

  position: relative;

}

.question-b dl dd p:before {

  content: "";

  display: block;

  width: 11px;

  height: 7px;

  background: url(../images/pic22.jpg) no-repeat;

  position: absolute;

  left: 25px;

  top: -7px;

}

.question-b dl dd p a {

  color: #23a7f1;

}

.question-b dl:hover dt span {

  background: #e70012;

}

.question-b dl:hover dd h3 {

  background: #e70012;

  color: #fff;

}

.question-b dl:hover dd p {

  border: 1px solid #e70012;

}

.question-b dl:hover dd p:before {

  background: url(../images/pic21.jpg) no-repeat;

}

.question-b2 {

  width: 100%;

  padding-top: 20px;

}

.question-b2 .down-list {

  width: 100%;

  height: 60px;

  background: #fff;

  line-height: 60px;

  margin-bottom: 30px;

}

.question-b2 .down-list dt {

  width: 1060px;

  float: left;

}

.question-b2 .down-list dt i {

  display: block;

  float: left;

  width: 60px;

  height: 60px;

  background: #bdbdbd url(../images/pic20.jpg) no-repeat center center;

}

.question-b2 .down-list dt span {

  display: block;

  float: left;

  width: 878px;

  padding-left: 30px;

  height: 60px;

  overflow: hidden;

  font-size: 16px;

  color: #545454;

}

.question-b2 .down-list dt time {

  display: block;

  float: right;

  font-size: 14px;

  color: #999;

  padding-right: 20px;

}

.question-b2 .down-list dd {

  width: 180px;

  float: right;

  text-align: center;

  font-size: 16px;

  color: #666;

  background: #dfdfdf;

}

.question-b2 .down-list dd a {

  color: #666;

  display: block;

}

.question-b2 .down-list dd:hover {

  background: #e70012;

}

.question-b2 .down-list dd:hover a {

  color: #fff;

}

/*荣誉资质*/

.honor-boss {

  width: 1240px;

  margin: 68px auto;

  position: relative;

}

.honor-boss .slick-list {

  width: 1135px;

  margin: 0 auto;

}

.honor-boss .slick-list span {

  border: 1px solid #e6e6e6;

  width: 250px;

  height: 333px;

  margin: 0 13px;

  position: relative;

  text-align: center;

  display: block;

  padding: 1px;

  z-index: 99;

  box-shadow: 3px 4px 0px #f2f2f1;

}

.honor-boss .slick-list span img {

  max-height: 100%;

  max-width: 100%;

}

.honor-boss .slick-list span:hover {

  border: 1px solid #f3372e;

}

.honor-boss .slick-prev {

  width: 30px;

  height: 30px;

  text-indent: -20000px;

  border: none;

  z-index: 99;

  position: absolute;

  left: 0%;

  top: 50%;

  margin-top: -15px;

  background: #e6e6e6 url(../images/img7.png) no-repeat center center;

  cursor: pointer;

  border-radius: 50%;

  text-align: center;

}

.honor-boss .slick-prev:hover {

  background: #e70012 url(../images/img7-2.png) no-repeat center center;

}

.honor-boss .slick-next {

  width: 30px;

  height: 30px;

  text-indent: -20000px;

  border: none;

  z-index: 99;

  position: absolute;

  right: 0%;

  top: 50%;

  margin-top: -15px;

  background: #e6e6e6 url(../images/img8.png) no-repeat center center;

  cursor: pointer;

  border-radius: 50%;

  text-align: center;

}

.honor-boss .slick-next:hover {

  background: #e70012 url(../images/img8-2.png) no-repeat center center;

}

/*联系方式*/

.contact-b {

  width: 1240px;

  margin: 0 auto 50px;

  padding-top: 45px;

}

.contact-b .c-con1 {

  width: 33.33%;

  float: left;

  border-right: 1px dashed #e6e6e6;

  background: url(../images/pic30.jpg) no-repeat left top;

  padding-left: 116px;

  min-height: 175px;

}

.contact-b .c-con1 dl {

  width: 100%;

  clear: both;

}

.contact-b .c-con1 dl dt {

  font-size: 16px;

  color: #666;

  line-height: 30px;

  float: left;

}

.contact-b .c-con1 dl dd {

  font-size: 16px;

  color: #808080;

  line-height: 30px;

  float: left;

}

.contact-b .c-con2 {

  width: 33.33%;

  float: left;

  border-right: 1px dashed #e6e6e6;

  background: url(../images/pic31.jpg) no-repeat 58px top;

  padding-left: 176px;

  padding-top: 10px;

  min-height: 175px;

}

.contact-b .c-con2 dl {

  width: 100%;

  clear: both;

}

.contact-b .c-con2 dl dt {

  font-size: 16px;

  color: #666;

  line-height: 30px;

  float: left;

}

.contact-b .c-con2 dl dd {

  font-size: 16px;

  color: #808080;

  line-height: 30px;

  float: left;

}

.contact-b .c-con3 {

  width: 33.33%;

  float: right;

  background: url(../images/pic32.jpg) no-repeat 58px top;

  padding-left: 176px;

  padding-top: 5px;

  min-height: 175px;

}

.contact-b .c-con3 dl {

  width: 100%;

  clear: both;

}

.contact-b .c-con3 dl dt {

  font-size: 16px;

  color: #666;

  line-height: 30px;

  float: left;

}

.contact-b .c-con3 dl dd {

  font-size: 16px;

  color: #808080;

  line-height: 30px;

  float: left;

}

.c-map {

  width: 1240px;

  margin: 0 auto 60px;

}

/*新闻中心*/

.news-boss {

  width: 1240px;

  margin: 0 auto;

  padding-top: 25px;

}

.news-boss .news-list {

  width: 600px;

  float: left;

  height: 160px;

  background: #fff;

  padding-right: 15px;

  margin-bottom: 40px;

  margin-right: 40px;

}

.news-boss .news-list figure {

  width: 210px;

  height: 160px;

  float: left;

}

.news-boss .news-list figure a {

  display: block;

  text-align: center;

  position: relative;

  width: 210px;

  height: 160px;

  overflow: hidden;

}

.news-boss .news-list figure a img {

  max-height: 100%;

  max-width: 100%;

  transition: all 0.38s ease-in;

  -webkit-transition: all 0.38s ease-in;

  -moz-transition: all 0.38s ease-in;

  -ms-transition: all 0.38s ease-in;

  -o-transition: all 0.38s ease-in;

  transform: scale(1);

  -webkit-transform: scale(1);

  -moz-transform: scale(1);

  -ms-transform: scale(1);

  -o-transform: scale(1);

}

.news-boss .news-list dl {

  width: 358px;

  float: right;

  padding-top: 12px;

}

.news-boss .news-list dl dt {

  margin-bottom: 25px;

}

.news-boss .news-list dl dt span {

  font-size: 20px;

  color: #ccc;

  margin-right: 14px;

}

.news-boss .news-list dl dt span:first-child {

  position: relative;

  padding-right: 14px;

}

.news-boss .news-list dl dt span:first-child:before {

  content: "";

  display: block;

  width: 1px;

  height: 24px;

  background: #e6e6e6;

  position: absolute;

  right: 0;

  top: 0;

}

.news-boss .news-list dl dd h3 {

  font-size: 16px;

  color: #666;

  font-weight: normal;

  margin-bottom: 10px;

  height: 22px;

  overflow: hidden;

}

.news-boss .news-list dl dd h3 a {

  color: #666;

}

.news-boss .news-list dl dd p {

  font-size: 14px;

  color: #999;

  line-height: 19px;

  height: 40px;

  overflow: hidden;

}

.news-boss .news-list:hover {

  cursor: pointer;

}

.news-boss .news-list:hover figure a img {

  transform: scale(1.07);

  -webkit-transform: scale(1.07);

  -moz-transform: scale(1.07);

  -ms-transform: scale(1.07);

  -o-transform: scale(1.07);

}

.news-boss .news-list:hover dl dd h3 a {

  color: #e70012;

  text-decoration: underline;

}

.news-boss .no-margin2 {

  margin-right: 0;

}

/*关于我们*/

.about-company {

  width: 1240px;

  margin: 0 auto;

}

.about-company p {

  font-size: 14px;

  color: #666;

  line-height: 30px;

  margin-bottom: 25px;

  text-indent: 2em;

}

.about-company p span {

  color: #e70012;

}

.about-company .deve-box {

  width: 100%;

  padding: 20px 0 15px 10px;

  border-top: 1px solid #d9d9d9;

  border-bottom: 1px solid #d9d9d9;

  margin-bottom: 25px;

}

.about-company .deve-box dl {

  width: 305px;

  float: left;

  position: relative;

  text-align: center;

}

.about-company .deve-box dl:before {

  content: "";

  display: block;

  width: 1px;

  height: 88px;

  background: #ececec;

  position: absolute;

  right: 0;

  top: 0;

}

.about-company .deve-box dl dt {

  font-size: 42px;

  color: #333;

  margin-bottom: 10px;

  text-align: center;

}

.about-company .deve-box dl dt span {

  display: block;

  width: 35px;

  height: 1px;

  background: #ececec;

  margin: 10px auto 0;

}

.about-company .deve-box dl dd {

  font-size: 14px;

  color: #333;

}

.about-company .deve-box dl:first-child:after {

  content: "";

  display: block;

  width: 1px;

  height: 88px;

  background: #ececec;

  position: absolute;

  left: 0;

  top: 0;

}

.about-company figure {

  width: 100%;

  background: url(../images/pic58.jpg) repeat;

  padding-top: 10px;

  margin-bottom: 30px;

}

.about-company figure img {

  margin-bottom: 10px;

  margin-left: 10px;

  display: block;

  float: left;

}

.about-company .ab-con1 {

  width: 100%;

  clear: both;

  margin-bottom: 45px;

}

.about-company .ab-con1 .sm-msg1 {

  width: 345px;

  float: left;

}

.about-company .ab-con1 .sm-msg1 h4 {

  font-size: 30px;

  color: #333;

  position: relative;

  font-weight: normal;

  width: 100%;

  text-align: right;

  padding-right: 34px;

  margin-bottom: 20px;

}

.about-company .ab-con1 .sm-msg1 h4:before {

  content: "";

  display: block;

  width: 25px;

  height: 22px;

  background: #037dda;

  position: absolute;

  right: 2px;

  top: 10px;

}

.about-company .ab-con1 .sm-msg1 dl {

  width: 305px;

  height: 220px;

  background: #037dda;

  position: relative;

  padding: 24px 15px;

}

.about-company .ab-con1 .sm-msg1 dl:before {

  content: "";

  display: block;

  width: 100%;

  height: 220px;

  border: 1px solid #037dda;

  position: absolute;

  right: -10px;

  top: 10px;

}

.about-company .ab-con1 .sm-msg1 dl dt {

  font-size: 16px;

  color: #fff;

  line-height: 30px;

  margin-bottom: 10px;

}

.about-company .ab-con1 .sm-msg1 dl dd {

  font-size: 12px;

  color: #8eb8e9;

  line-height: 20px;

}

.about-company .ab-con1 .sm-msg2 {

  width: 862px;

  float: right;

}

.about-company .ab-con1 .sm-msg2 dl {

  width: 100%;

  margin-bottom: 10px;

}

.about-company .ab-con1 .sm-msg2 dl dt {

  width: 50px;

  float: left;

  font-size: 14px;

  color: #666;

  line-height: 35px;

}

.about-company .ab-con1 .sm-msg2 dl dd {

  font-size: 14px;

  color: #666;

  line-height: 35px;

  width: 808px;

  float: left;

}

/*企业文化*/

.culture-company {

  width: 1240px;

  margin: 46px auto;

  background: url(../images/pic39.jpg) no-repeat center top;

  position: relative;

  min-height: 697px;

}

.culture-company dl dt {

  font-size: 20px;

  color: #e70012;

  margin-bottom: 20px;

  font-weight: bold;

}

.culture-company dl dd {

  font-size: 16px;

  color: #4c4c4c;

  line-height: 26px;

}

.culture-company .cul-con1 {

  text-align: right;

  width: 267px;

  position: absolute;

  min-height: 160px;

  border-right: 1px solid #e5e5e5;

  padding-right: 20px;

  padding-top: 12px;

  left: 52px;

  top: 93px;

}

.culture-company .cul-con1:before {

  content: "";

  display: block;

  width: 7px;

  height: 18px;

  background: #e70012;

  position: absolute;

  right: -4px;

  top: 18px;

}

.culture-company .cul-con2 {

  position: absolute;

  right: 47px;

  top: 171px;

  width: 265px;

  min-height: 160px;

  border-left: 1px solid #e5e5e5;

  padding-left: 20px;

  padding-top: 12px;

}

.culture-company .cul-con2:before {

  content: "";

  display: block;

  width: 7px;

  height: 18px;

  background: #e70012;

  position: absolute;

  left: -4px;

  top: 18px;

}

.culture-company .cul-con3 {

  position: absolute;

  right: 150px;

  bottom: 53px;

  width: 347px;

  min-height: 160px;

  border-left: 1px solid #e5e5e5;

  padding-left: 20px;

  padding-top: 12px;

}

.culture-company .cul-con3:before {

  content: "";

  display: block;

  width: 7px;

  height: 18px;

  background: #e70012;

  position: absolute;

  left: -4px;

  top: 18px;

}

/*在线留言*/

.message-b {

  width: 1240px;

  margin: 55px auto 65px;

}

.message {

  width: 100%;

}

.message .message-pic {

  width: 400px;

  height: 540px;

  float: left;

}

.message .message-box {

  width: 640px;

  height: 539px;

  float: right;

  padding: 0 40px 20px 40px;

  display: block;

  background: url("../images/pic59.jpg") no-repeat;

}

.message .message-box ul {

  width: 530px;

  margin: 25px auto 35px;

}

.message .message-box ul li {

  width: 100%;

  position: relative;

  margin-top: 15px;

}

.message .message-box ul li span {

  color: #ae0606;

  display: block;

  position: absolute;

  right: 12px;

  top: 10px;

}

.message .message-box ul li input {

  width: 100%;

  height: 40px;

  border: 1px solid #e6e6e6;

  padding: 0 25px 0 10px;

  line-height: 38px;

  color: #999;

  font-size: 14px;

}

.message .message-box ul li input:focus {

  border: 1px solid #dd3c1a;

}

.message .message-box ul li textarea {

  width: 100%;

  height: 128px;

  border: 1px solid #e6e6e6;

  padding: 0 10px;

  line-height: 38px;

  color: #999;

  font-family: "微软雅黑";

  font-size: 14px;

}

.message .message-box ul li textarea:focus {

  border: 1px solid #dd3c1a;

}

.message .message-box ul li .a-01 {

  color: #999999;

  font-size: 14px;

  line-height: 40px;

  margin-left: 20px;

}

.message .message-box ul li .a-01:hover {

  color: #dd3c1a;

}

.message .message-box ul li .code {

  width: 108px;

  height: 40px;

  float: left;

  margin-left: 10px;

}

.message .message-box ul li .code-input {

  width: 158px;

  height: 40px;

  float: left;

  position: relative;

}

.message .message-box ul li .submit,

.message .message-box ul li .reset {

  width: 150px;

  height: 45px;

  background: #dd3c1a;

  text-align: center;

  line-height: 45px;

  float: left;

  color: #fff;

  font-size: 14px;

  font-weight: bold;

  margin: 10px 0 0;

}

.message .message-box ul li .submit:hover,

.message .message-box ul li .reset:hover {

  box-shadow: 0 0 5px rgba(0, 0, 0, 0.5);

}

.message .message-box ul li .submit {

  background: #dd3c1a;

}

.message .message-box ul li .submit:hover {

  background: #d12400;

}

.message .message-box ul li .reset {

  background: #1a1a1a;

  margin: 10px 0 0 10px;

}

.message .message-box ul li .reset:hover {

  background: #0b0b0b;

}

/*map*/

.w1004 {

  width: 1240px;

  margin: 35px auto;

  border: solid 2px #cfcfcf;

  border-radius: 5px;

  padding: 20px;

  background: #fff;

}

.map {

  margin: 0 auto;

}

.map dl {

  margin: 20px 0 20px 0;

  overflow: hidden;

  line-height: 30px;

}

.map dl:hover {

  background: #faf5f5;

}

.map dl:hover dt a {

  color: #fff;

  font-weight: bold;

}

.map dt {

  font-size: 14px;

  float: left;

  width: 10%;

  text-align: center;

  background: #e70012;

}

.map dt:hover {

  background: #bc000f;

}

.map dt a {

  color: #fff;

  display: block;

}

.map dt a:hover {

  color: #fff;

  font-weight: bold;

}

.map dd {

  font-size: 12px;

  overflow: hidden;

  float: left;

  width: 85%;

}

.map dd .p2 {

  padding: 0 0 0 20px;

  clear: both;

}

.map dd .p2 a {

  color: #b87500;

  font-weight: bold;

  overflow: hidden;

  white-space: nowrap;

  text-overflow: ellipsis;

}

.map dd .p2 a:hover {

  color: #764b00;

}

.map dd div {

  clear: both;

  overflow: hidden;

  padding: 0px 20px 0 10px;

}

.map dd div a {

  color: #333;

  float: left;

  padding: 0 10px 0 10px;

}

.map dd div a:hover {

  color: #003e7e;

  background: #e70012;

  color: #fff;

}

/*成功案例*/

.case {

  color: #878787;

}

.case dl {

  clear: both;

  border-bottom: #e9e9e9 solid 1px;

  padding-bottom: 30px;

  margin-bottom: 30px;

}

.case dl dt {

  width: 240px;

  height: 160px;

  float: left;

}

.case dl dt a {

  display: block;

  position: relative;

  width: 100%;

  height: 100%;

  overflow: hidden;

}

.case dl dt a img {

  transition: transform 0.4s ease-out;

}

.case dl dd {

  padding-left: 30px;

  width: 1000px;

  height: 160px;

  float: right;

  position: relative;

}

.case dl dd:before {

  content: "";

  width: 1000px;

  height: 1px;

  background: #d9d9d9;

  position: absolute;

  left: 0;

  bottom: -31px;

  z-index: 1;

}

.case dl dd:after {

  content: "";

  width: 0;

  height: 1px;

  background: #d9d9d9;

  position: absolute;

  left: 0;

  bottom: -31px;

  z-index: 1;

  transition-duration: .7s;

}

.case dl dd a {

  display: block;

  color: #575757;

  font-size: 16px;

  height: 30px;

  line-height: 30px;

  margin-top: 10px;

  overflow: hidden;

}

.case dl dd time {

  color: #b2b2b2;

  font-size: 14px;

}

.case dl dd p {

  height: 44px;

  line-height: 22px;

  overflow: hidden;

  font-size: 14px;

  margin-top: 20px;

}

.case dl:hover dt a img {

  transform: scale(1.1);

}

.case dl:hover dd:after {

  content: "";

  width: 1000px;

  height: 1px;

  background: #e70012;

  position: absolute;

  left: 0;

  bottom: -31px;

  z-index: 1;

}

.case dl:hover dd a {

  color: #e70012;

}

/*详细页面*/

.indent2 {

  text-indent: 2em;

}

.info {

  border-top: #e7e7e7 solid 1px;

  border-bottom: #e7e7e7 solid 1px;

  text-align: center;

  color: #b2b2b2;

  font-size: 14px;

  padding: 5px 0;

}

.info span {

  display: inline-block;

  margin: 0 5px;

}

.show {

  color: #666666;

  font-size: 14px;

  line-height: 30px;

  padding: 50px 0;

}

.jkshdiu {

  width: 100%;

  margin: 0 auto;

  padding-bottom: 60px;

}

.preNext {

  width: 100%;

  border-top: 1px solid #d9d9d9;

  border-bottom: 1px solid #d9d9d9;

  background: #ececec;

  padding: 0 20px;

  font-size: 16px;

  vertical-align: middle;

}

.preNext li {

  width: 50%;

  float: left;

  padding: 14px 0; line-height:28px;

}

.preNext span {

  display: inline-block;

  width: 30px;

  height: 30px;

  border-radius: 50%;

}

.preNext .pre {

  position: relative;

}

.preNext .pre:before {

  content: "";

  display: block;

  width: 1px;

  height: 20px;

  background: #d9d9d9;

  position: absolute;

  left: 40px;

  top: 19px;

}

.preNext .pre span {

  background: #d9d9d9 url(../images/img7.png) no-repeat center center;

  margin-right: 20px;

  float: left;

}

.preNext .pre:hover {

  cursor: pointer;

}

.preNext .pre:hover span {

  background: #e70012 url(../images/img7-2.png) no-repeat center center;

}

.preNext .pre:hover a {

  color: #e70012;

}

.preNext .next {

  text-align: right;

  position: relative;

}

.preNext .next:before {

  content: "";

  display: block;

  width: 1px;

  height: 20px;

  background: #d9d9d9;

  position: absolute;

  right: 40px;

  top: 19px;

}

.preNext .next span {

  background: #d9d9d9 url(../images/img8.png) no-repeat center center;

  float: right;

  margin-left: 20px;

}

.preNext .next a {

  float: right;

}

.preNext .next:hover {

  cursor: pointer;

}

.preNext .next:hover span {

  background: #e70012 url(../images/img8-2.png) no-repeat center center;

}

.preNext .next:hover a {

  color: #e70012;

}

.preNext a {

  line-height: 30px;

  display: inline-block;

  color: #575757;

}

.art_border{ padding-bottom:10px;}



.pagesize{ text-align:center; margin-top:20px;overflow: hidden; padding-bottom:10px;}

.pagesize ul li{display: inline-block; font-size:14px; height:30px; width:30px; line-height:30px; text-align:center;background: #d9d9d9;

    border-radius: 50%; font-family:"宋体";}

.pagesize ul li a{ display: inline-block; color:#999; height:30px; width:30px;border-radius: 50%; }

.pagesize ul li a:hover{ background:#e70012; text-decoration:none; color:#fff;}

.pagesize ul li.thisclass{background:#e70012; text-decoration:none; color:#fff;}

.index_pro{ padding-bottom:20px; background:#f1f1f1; overflow:hidden;}

.index_pro ul{ text-align:center;}

.index_pro ul li{ display:inline-block; width:120px; border:1px solid #ccc; border-left:none;border-right:none; text-align:center; line-height:40px; margin:0 10px;}

.index_pro ul li a{font-size: 16px;color: #4c4c4c; line-height:40px;}

.index_pro ul li:hover{ border:none; background:#e70012; color:#fff;}

.index_pro ul li:hover a{color:#fff;}

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

.products-boss .pro-list .pro-room figure a img {
	position:relative;
	top:120px;
	display:none;
  
}
.none{ display:none;}