/*全局*/
* {
  margin: 0;
  padding: 0;
  -webkit-font-smoothing: antialiased;
}
.clear {
  clear: both;
  visibility: hidden;
}
.container {
  width: 1000px;
  overflow: hidden;
}
.main {
  width: 1000px;
  margin: 0 auto;
  height: auto;
}
.main_pro {
  width: 1100px;
  margin: 0 auto;
  height: auto;
}
.wrap {
  width: 100%;
  height: auto;
}
.wrap_pro {
  width: 100%;
  height: auto;
  padding: 75px 0;
  padding-bottom: 60px;
  float: left;
  clear: both;
}
.wrap_pro:nth-child(odd) {
  background: #f8f8f8;
}
body {
  color: #737373;
  font-size: 13px;
  font-weight: normal;
  background: #fff;
  font-family: "微软雅黑", "华文细黑", arial;
  margin-top: 170px;
}
body input {
  border: none;
  outline: 0px;
}
body img {
  border: none;
}
body a {
  text-decoration: none;
  color: #000;
}
body ul,
body ol {
  list-style: none;
}
body em {
  font-style: normal;
}
/*header*/
.header{ width: 100%; position: fixed; 
   left: 0;
  top: 0;
  background: #fff;
  box-shadow: 0px 1px 2px #bbb;
  -webkit-box-shadow: 0px 1px 2px #bbb;
  -moz-box-shadow: 0px 1px 2px #bbb;
  z-index: 99; border-top:1px solid #881671;}
.header .h_bt{ width: 100%; border-top:1px solid #ddd; overflow:hidden;}
.header .logo{ width: 1200px; height: 113px; background: url(logo_1.png) no-repeat center; margin: 0 auto; }
.header .h_main{ width: 1200px; margin: 0 auto; height: auto;}
.header .h_main:after { content: ''; display: table; clear: both; }
.header .nav{ width: auto; max-width: 945px;float: left; margin-right: 30px;}
.header .nav:after{ content: ''; display: table; clear: both; }
.header .nav li{width: 135px; height: 55px; float: left; line-height: 55px;}
.header .nav li a {
  display: block;
  height: 55px;
  text-align: center;
  font: normal 15px/55px "微软雅黑", Helvetica, sans-serif;
  color: #332c2b;
  position: relative;
}
.header .nav li a:before {
  width: 100%;
  height: 0px;
  content: '';
  position: absolute;
  left: 0;
  bottom: 0;
  background: #881671;
  transition: all 0.2s;
  -webkit-transition: all 0.2s;
  -moz-transition: all 0.2s;
  z-index: -1;
}
.header .nav li a:hover,
.header .nav li a.on {
  color: #fff;
}
.header .nav li a:hover:before,
.header .nav li a.on:before {
  height: 55px;
}
#top_search{ width: 212px; height:22px; border: 1px solid #ddd; float: right; background: #fff; margin-top: 15px; line-height: 22px; padding-left: 10px;}
.i_img{ width: 28px; height: 22px; background: url(i_img.jpg) no-repeat; float: right;}
/*#top_search {
  width: 200px;
  height: 30px;
  position: fixed;
  top: 100px;
  left: 50%;
  margin-left: 400px;
  background: #fff;
  z-index: 11;
  display: none;
  border-radius: 7px;
  box-shadow: 0px 2px 1px #555;
  -webkit-box-shadow: 0px 2px 1px #555;
  -moz-box-shadow: 0px 2px 1px #555;
}
#top_search input[type='text'] {
  width: 125px;
  height: 25px;
  margin-top: 2px;
  margin-left: 12px;
}
#top_search input[type='submit'] {
  width: 40px;
  height: 20px;
  margin-top: 5px;
  margin-left: 10px;
  background: transparent;
  cursor: pointer;
  background: black;
  color: #fff;
  border-radius: 5px;
  text-align: center;
}
.header {
  width: 100%;
  height: 93px;
  position: fixed;
  left: 0;
  top: 0;
  background: #fff;
  box-shadow: 0px 1px 2px #bbb;
  -webkit-box-shadow: 0px 1px 2px #bbb;
  -moz-box-shadow: 0px 1px 2px #bbb;
  z-index: 99999;
}
.header .logo {
  width: 360px;
  height: 93px;
  overflow: hidden;
  background: url('logo.png') no-repeat center;
  background-size: cover;
  float: left;
  clear: both;
}
.header .nav {
  max-width: 525px;
  float: right;
  margin-right: 30px;
}
.header .nav li {
  width: 75px;
  height: 93px;
  float: left;
}
.header .nav li a {
  display: block;
  height: 93px;
  text-align: center;
  font: normal 15px/93px "微软雅黑", Helvetica, sans-serif;
  color: #332c2b;
  position: relative;
}
.header .nav li a:before {
  width: 100%;
  height: 0px;
  content: '';
  position: absolute;
  left: 0;
  bottom: 0;
  background: #ea5404;
  transition: all 0.2s;
  -webkit-transition: all 0.2s;
  -moz-transition: all 0.2s;
  z-index: -1;
}
.header .nav li a:hover,
.header .nav li a.on {
  color: #fff;
}
.header .nav li a:hover:before,
.header .nav li a.on:before {
  height: 93px;
}
.header .top_search {
  width: 99px;
  height: 93px;
  float: right;
  background: url('pro_search.png') no-repeat center;
  cursor: pointer;
  background-size: cover;
}*/
/*flash*/
#banner {
  width: 100%;
  margin: 0 auto;
}
.pro-switch {
  position: relative;
  width: 100%;
  overflow: hidden;
  height: 560px;
}
.pro-switch .swiper-container,
.pro-switch .swiper-slide a{
    display: block;
    width: 100%;
    height: 100%;
}
.flexslider .slides > li {
  display: none;
  -webkit-backface-visibility: hidden;
}
.flexslider .slides li {
  width: 100%;
  display: block;
  height: 500px;
}
.flexslider .slides .img {
  width: 100%;
  display: block;
  height: 500px;
}
.slides:after {
  content: ".";
  display: block;
  clear: both;
  visibility: hidden;
  line-height: 0;
  height: 0;
}
html[xmlns] .slides {
  display: block;
}
.slides {
  height: auto;
}
.no-js .slides > li:first-child {
  display: block;
}
.flexslider {
  margin: 0 auto;
  position: relative;
  width: 100%;
  height: auto;
  zoom: 1;
}
.flex-viewport {
  max-height: 2000px;
  -webkit-transition: all 1s ease;
  -moz-transition: all 1s ease;
  transition: all 1s ease;
}
.flexslider .slides {
  zoom: 1;
}
.flex-direction-nav {
  *height: 0;
}
.flex-direction-nav a {
  width: 60px;
  height: 90px;
  margin: -20px 0 0;
  display: block;
  background: url(../images/ad_ctr.png) no-repeat 0 0;
  position: absolute;
  top: 50%;
  z-index: 10;
  cursor: pointer;
  text-indent: -9999px;
  opacity: 0;
  filter: alpha(opacity=0);
  -webkit-transition: all .3s ease;
  margin-top: -45px;
}
.flex-direction-nav .flex-next {
  background-position: 0 -90px;
  right: 0;
}
.flex-direction-nav .flex-prev {
  left: 0;
}
.flexslider:hover .flex-next {
  opacity: 0.8;
  filter: alpha(opacity=25);
}
.flexslider:hover .flex-prev {
  opacity: 0.8;
  filter: alpha(opacity=25);
}
.flexslider:hover .flex-next:hover,
.flexslider:hover .flex-prev:hover {
  opacity: 1;
  filter: alpha(opacity=50);
}
.flex-control-nav {
  width: 100%;
  position: absolute;
  bottom: 20px;
  text-align: center;
  margin: 0;
  padding: 0;
}
.flex-control-nav li {
  margin: 0 5px;
  display: inline-block;
  zoom: 1;
  *display: inline;
}
.flex-control-paging li a {
  background: url(../images/dot.png) no-repeat 0 -16px;
  display: block;
  height: 16px;
  overflow: hidden;
  text-indent: -99em;
  width: 18px;
  cursor: pointer;
}
.flex-control-paging li a.flex-active {
  background-position: 0 0;
}
/*产品分类*/
.title{ width: 1000px; height: 100px; margin: 0 auto; margin-top:40px;margin-bottom: 40px; clear: both;}
.pro_tit{ background: url(../images/p_tit.png) no-repeat;}
.ab_tit{background: url(../images/a_tit.png) no-repeat;}
.con_tit{background: url(../images/c_tit.png) no-repeat;}
.prolist{ margin-left: -136px; overflow: hidden; padding-bottom: 40px;}
.prolist li{ width: 148px; height: 250px; background: url(../images/botbg.png) no-repeat; float: left; margin-left:136px;}
.prolist li i{ width: 148px; height:200px; display: block;}
.prolist li .i_01{ background: url(../images/bot01.png) no-repeat center;}
.prolist li .i_02{ background: url(../images/bot02.png) no-repeat center;}
.prolist li .i_03{ background: url(../images/bot03.png) no-repeat center;}
.prolist li .i_04{ background: url(../images/bot04.png) no-repeat center;}
.prolist li p{ width: 148px; color: #333; font-size: 18px; line-height: 25px; text-align:center;}
.prolist li font{ display: block; width: 148px; text-align: center; font-size: 12px; color: #888;}
.prolist li:hover{ background: url(../images/botbg2.png) no-repeat; color:#ca0070 !important;}
.prolist li:hover p{ color: #ca0070 !important;}
.prolist li:hover font{ color: #ca0070 !important;}
.prolist li:hover .i_01{ background: url(../images/bot05.png) no-repeat center;}
.prolist li:hover .i_02{ background: url(../images/bot06.png) no-repeat center;}
.prolist li:hover .i_03{ background: url(../images/bot07.png) no-repeat center;}
.prolist li:hover .i_04{ background: url(../images/bot08.png) no-repeat center;}
/*首页关于我们*/
.index_ab{ width: 100%;overflow:hidden;clear: both; background: #e1e1e1; margin: 0 auto; padding: 10px 0 40px 0;}
.ablist{ width: 908px; margin: 0 auto;}
.ablistl{ width: 470px; float:left;}
.ablistr{ width:438px; height:451px; background: url(../images/man.jpg) no-repeat; float: right;}
.ablistl ul li{ float: left; margin: 0 5px 5px 0;}
.l_01{ width: 227px; height: 217px; background: url(../images/man01.jpg) no-repeat;}
.l_02{ width: 232px; height: 217px; background: url(../images/man02.jpg) no-repeat;}
.l_03{ width: 264px; height: 229px; background: url(../images/man03.jpg) no-repeat;}
.l_04{ width: 195px; height: 229px; background: url(../images/man04.jpg) no-repeat;}
.ablist ul li a{ display: block; width: 100%; height: 100%;position: relative;}
.ablist ul li:hover a{ background: #850261; opacity: 0.8;}
.a_all{ width: 160px;height: 45px; border: 1px solid #fff; text-align:center; color: #fff;line-height: 45px; font-size:16px;display: none; position: absolute; border-radius: 5px;} 
.a_01{ top: 85px; left:33.5px;}
.a_02{ top: 85px; left:35px;}
.a_03{ top: 91px; left:51px;}
.a_04{ top: 91px; left:16.5px;}
.ablist ul li:hover a .a_01{display: block;}
.ablist ul li:hover a .a_02{display: block;}
.ablist ul li:hover a .a_03{display: block;}
.ablist ul li:hover a .a_04{display: block;}
/*首页联系我们*/
.index_con{ width:900px; margin: 0 auto; overflow: hidden; padding-bottom: 20px;}
.con_l{ width: 470px; height: 346px; background: url(../images/qrcode.jpg) no-repeat; float: left;}
.con_r{ width: 361px; float: right; line-height: 37px;}
.con_r h3{ font-size: 20px; color: #850261; padding-top: 27px;}
/*页脚*/
.foot{ width: 100%; height: 45px; background: #850261; line-height: 45px; font-size: 12px; font-family: "宋体"; color: #fff; clear: both;}
.f_main{ width: 1200px; margin: 0 auto;}
.f_left{float: left;}
.f_right{ float: right;}
.f_right a{color: #fff;}
/*内页*/
.web_f {
  width: 100%;
  height: 236px;
  overflow: hidden;
  background: url('../images/web_f.jpg') no-repeat center;
  background-size: cover;
}
.web_list {
  width: 100%;
  height: 50px;
  margin-top: 30px;
}
.web_list ul li {
  float: left;
  width: auto;
  height: 50px;
  border-right: 2px #fff solid;
  position: relative;
}
.web_list ul li a {
  font: normal 14px/50px "微软雅黑", Helvetica, sans-serif;
  color: #959595;
  display: block;
  width: auto;
  height: 100%;
  text-align: center;
  background: #f7f7f7;
  padding: 0 20px;
}
.web_list ul li a:hover,
.web_list ul li a.on {
  color: #fff;
  background: #ea5404;
}
.web_list ul li .down {
  position: absolute;
  left: 0;
  top: 50px;
  height: auto;
  background: #fff;
  border: 1px #ddd solid;
  width: 340px;
  display: none;
  padding: 5px;
}
.web_list ul li .down span {
  display: inline-block;
  font: normal 14px/40px "微软雅黑", Helvetica, sans-serif;
  color: #877;
  width: auto;
  cursor: pointer;
}
.web_list ul li .down span a {
  background: transparent;
  padding: 0 5px;
}
.web_list ul li .down span:hover a {
  color: #ea5404;
}
.web_list ul li:hover .down {
  display: block;
  z-index: 10;
}
.web_content {
  width: 1160px;
  border-top: 2px #ea5404 solid;
  min-height: 400px;
  margin-bottom: 50px;
  padding: 20px;
  float: left;
  clear: both;
  font-size: 13px;
  line-height: 27px;
  color: #707070;
}
.web_content .about_c {
  width: 570px;
  height: auto;
  position: absolute;
  right: 35px;
  top: 210px;
}
.web_content .injo_box {
  width: 100%;
  height: auto;
  padding-bottom: 50px;
  border-bottom: 1px #333 solid;
  margin-bottom: 30px;
}
.web_content .injo_box .injo_t {
  width: 100%;
  height: 45px;
  line-height: 45px;
  border-bottom: 1px #DADADA solid;
  position: relative;
}
.web_content .injo_box .injo_t h2 {
  font-size: 15px;
  color: #000;
}
.web_content .injo_box .injo_t h2 font {
  color: #ea5404;
}
.web_content .injo_box .injo_t span {
  right: 5px;
  font-size: 12px;
  top: 0;
  position: absolute;
  color: #737373;
}
.web_content .injo_box .injo_msg {
  width: 100%;
  padding: 25px 0;
  color: #3b3b3b;
  font-size: 13px;
  line-height: 26px;
}
.web_content .injo_box:last-child {
  border-bottom: none;
  margin-bottom: 0;
}
.web_content .web_new_title {
  width: 100%;
  text-align: center;
  height: 70px;
  line-height: 70px;
  color: #303030;
  font-size: 18px;
  font-weight: bold;
}
.web_content .web_new_time {
  width: 100%;
  height: 50px;
  line-height: 50px;
  font-size: 14px;
  color: #555;
  margin-bottom: 20px;
  text-align: right;
  border-bottom: 1px #ddd solid;
  position: relative;
}
.web_content .web_new_msg {
  width: 100%;
  height: auto;
  padding-bottom: 30px;
  font-size: 13px;
  line-height: 25px;
  color: #474747;
  border-bottom: 1px #ddd solid;
}
.web_content .web_new_page {
  width: 100%;
  height: 60px;
  margin: 20px 0;
}
.web_content .web_new_page span {
  display: block;
  width: 100%;
  height: 30px;
  line-height: 30px;
  color: #c9c9c9;
  font-size: 13px;
}
.web_content .web_new_page a {
  display: inline-block;
  width: auto;
  height: 30px;
  line-height: 30px;
  color: #323232;
  font-size: 13px;
}
.web_content .web_new_page a:hover {
  text-decoration: underline;
}
.web_content .proshow {
  width: 1175px;
  margin-left: -15px;
}
.web_content .proshow li {
  float: left;
  width: 220px;
  height: auto;
  margin: 0px 0px 15px 15px;
}
.web_content .proshow li a {
  display: block;
  width: 100%;
  height: 220px;
  float: left;
  clear: both;
}
.web_content .proshow li span {
  display: block;
  width: 100%;
  font: normal 14px/30px "微软雅黑", Helvetica, sans-serif;
  color: #fff;
  background: #444;
  text-align: center;
}
.web_content .proinfo {
  width: 1000PX;
  min-height: 1800px;
  padding-top: 340px;
  position: relative;
  z-index: 1;
}
.web_content .proinfo .proimg {
  width: 300px;
  height: 300px;
  position: absolute;
  left: 0;
  top: 10px;
  border: 1px #ddd solid;
}
.web_content .proinfo .promsg {
  width: 428px;
  height: 300px;
  line-height: 30px;
  font-size: 13px;
  color: #000;
  position: absolute;
  top: 10px;
  left: 320px;
}
.web_content .proinfo .promsg .proskill {
  width: 100%;
  height: 150px;
  overflow-y: auto;
  line-height: 25px;
  font-size: 13px;
  color: #333;
}
.web_content .proinfo .promsg .prostb {
  width: 100%;
  height: 35px;
  margin-top: 15px;
}
.web_content .proinfo .promsg .prostb a {
  display: block;
  width: 90px;
  margin-left: 10px;
  text-align: center;
  color: #fff;
  border-radius: 5px;
  height: 35px;
  line-height: 35px;
  float: left;
  transition: all 0.2s;
  -webkit-transition: all 0.2s;
  -moz-transition: all 0.2s;
}
.web_content .proinfo .promsg .prostb a:hover {
  filter: alpha(opacity=60);/* IE */
  -moz-opacity: 0.6;/* 老版Mozilla */
  -khtml-opacity: 0.6;/* 老版Safari */
  opacity: 0.6;
}
.web_content .proinfo .prohot {
  width: 220px;
  height: auto;
  position: absolute;
  right: 0;
  top: 10px;
  background: #fff;
}
.web_content .proinfo .prohot ul {
  margin-bottom: 15px;
  border: 1px #DADCD9 solid;
  float: left;
  height: auto;
}
.web_content .proinfo .prohot span {
  display: block;
  width: 100%;
  height: 40px;
  line-height: 40px;
  text-indent: 10px;
  color: #fff;
  background: #ea5404;
  font-size: 15px;
  margin-bottom: 10px;
}
.web_content .proinfo .prohot li {
  float: left;
  width: 180px;
  height: 220px;
  margin: 10px 20px;
  margin-bottom: 0;
}
.web_content .proinfo .prohot li .bimg {
  width: 100%;
  height: 180px;
  box-shadow: 0px 0px 1px #aaa;
  -webkit-box-shadow: 0px 0px 1px #aaa;
  -moz-box-shadow: 0px 0px 1px #aaa;
}
.web_content .proinfo .prohot li .bimg a {
  display: block;
  height: 100%;
  width: 100%;
}
.web_content .proinfo .prohot li .title {
  width: 100%;
  height: 40px;
  line-height: 20px;
  padding-top: 5px;
}
.web_content .proinfo .prohot li .title a {
  display: block;
  width: 96%;
  height: 100%;
  padding: 0 2%;
  font-size: 13px;
}
.web_content .proinfo .prohot li .title a:hover {
  color: #ea5404;
}
.web_content .proinfo .procontent {
  width: 750px;
  height: auto;
  float: left;
  clear: both;
  font-size: 13px;
  line-height: 22px;
  padding: 5px 0;
}
.web_content .proinfo .procontent .title {
  width: 100%;
  height: 40px;
  font: normal 16px/40px "微软雅黑", Helvetica, sans-serif;
  color: #555;
  float: left;
  clear: both;
  border-bottom: #ea5404 2px solid;
  font-weight: bold;
  margin-bottom: 20px;
}
.web_content .proinfo .procontent img {
  width: 750px;
  float: left;
  clear: both;
}
.prolist_t {
  width: 200px;
  height: 150px;
  font-size: 16px;
  font-family: arial;
  line-height: 24px;
  color: #585858;
  float: left;
  clear: both;
  position: relative;
}
.prolist_t font {
  font: normal 18px/25px "微软雅黑", Helvetica, sans-serif;
  color: #585858;
}
.prolist_c {
  width: 857px;
  margin-left: -17px;
  float: right;
}
.prolist_c li {
  float: left;
  width: 257px;
  height: 228px;
  margin-bottom: 15px;
  margin-left: 17px;
}
.prolist_c li a {
  display: block;
  width: 100%;
  height: 100%;
  overflow: hidden;
}
.service_box {
  width: 1000px;
  height: 400px;
}
.service_box .title {
  width: 100%;
  height: 50px;
  font: normal 16px/50px "微软雅黑", Helvetica, sans-serif;
  color: #333;
  border-bottom: 1px #ddd solid;
}
.service_box .content {
  color: #000;
  padding-top: 10px;
  width: 100%;
}
.service_box .content ul {
  width: 1000px;
}
.service_box .content ul li {
  float: left;
  width: 280px;
  height: auto;
  padding-top: 15px;
  margin-right: 20px;
}
.service_box .content ul li b {
  display: block;
  line-height: 30px;
  height: 30px;
  font-size: 14px;
}
.service_box .content ul li b font {
  color: #f40;
  font-size: 14px;
  display: inline-block;
  margin-top: -5px;
}
.service_box .content ul li input[type='text'],
.service_box .content ul li input[type='number'] {
  width: 180px;
  height: 30px;
  border: 1px #ddd solid;
  text-indent: 5px;
  margin-top: 5px;
}
.service_box .content ul li textarea {
  font: normal 13px/20px "微软雅黑", Helvetica, sans-serif;
  color: #555;
  padding: 5px;
  margin-top: 5px;
  border: 1px #ddd solid;
}
.service_box .content ul li input[type='submit'],
.service_box .content ul li input[type='number'] {
  width: 180px;
  height: 40px;
  text-align: center;
  color: #fff;
  background: #FF4057;
  cursor: pointer;
  font-size: 15px;
  font-weight: bold;
  border-radius: 5px;
  margin-left: 260px;
  margin-top: 30px;
}
.service_box .content ul li span {
  display: inline-block;
}
.service_box .content ul li #insertfile {
  width: 70px;
  height: 30px;
  background: #555;
  cursor: pointer;
  color: #FFF;
  margin-left: 5PX;
}
.shop {
  width: 1200px;
  height: 250px;
  position: absolute;
  left: 50%;
  margin-left: -600px;
  top: 50%;
  margin-top: -120px;
}
.shop li {
  float: left;
  width: 250px;
  height: 250px;
  margin: 0 25px;
  position: relative;
  perspective: 1000;
  -webkit-perspective: 1000;
}
.shop li .face {
  position: absolute;
  border-radius: 10px;
  -webkit-transition: all 1s ease;
  -moz-transition: all 1s ease;
  transition: all 1s ease;
  backface-visibility: hidden;
  -ms-backface-visibility: hidden;
  -moz-backface-visibility: hidden;
  -webkit-backface-visibility: hidden;
  -o-backface-visibility: hidden;
  overflow: hidden;
}
.shop li .front {
  z-index: 10;
}
.shop li .back {
  transform: rotate3d(0, 1, 0, -180deg);
  -ms-transform: rotate3d(0, 1, 0, -180deg);/* IE 9 */
  -moz-transform: rotate3d(0, 1, 0, -180deg);/* Firefox */
  -webkit-transform: rotate3d(0, 1, 0, -180deg);/* Safari 和 Chrome */
  -o-transform: rotateY(0, 1, 0, -180deg);/* Opera */
  z-index: 8;
}
.shop li:hover .front {
  transform: rotate3d(0, 1, 0, 180deg);
  -ms-transform: rotate3d(0, 1, 0, 180deg);/* IE 9 */
  -moz-transform: rotate3d(0, 1, 0, 180deg);/* Firefox */
  -webkit-transform: rotate3d(0, 1, 0, 180deg);/* Safari 和 Chrome */
  -o-transform: rotate3d(0, 1, 0, 180deg);/* Opera */
  z-index: 8;
}
.shop li:hover .back {
  transform: rotate3d(0, 1, 0, 0deg);
  -ms-transform: rotate3d(0, 1, 0, 0deg);/* IE 9 */
  -moz-transform: rotate3d(0, 1, 0, 0deg);/* Firefox */
  -webkit-transform: rotate3d(0, 1, 0, 0deg);/* Safari 和 Chrome */
  -o-transform: rotate3d(0, 1, 0, 0deg);/* Opera */
  z-index: 10;
}
/*返回顶部开始*/
#code,
#code_hover {
  width: 40px;
  height: 195px;
  background: url(../images/home_top_all.png) no-repeat;
  position: fixed;
  right: 50px;
  cursor: pointer;
  z-index: 999;
}
#code {
  background-position: -189px 0px;
  bottom: 120px;
}
#code_hover {
  background-position: -189px 0px;
  bottom: 120px;
}
#gotop {
  background-position: -276px -310px;
  bottom: 67px;
  width: 40px;
  height: 40px;
  position: fixed;
  right: 50px;
  cursor: pointer;
}
#code_img {
  width: 270px;
  height: 355px;
  background: url(../images/home_top_all.png) 92px 109px no-repeat;
  position: fixed;
  right: 90px;
  bottom: 67px;
  cursor: pointer;
  display: none;
  z-index: 999;
}
/*返回顶部结束*/
/*分页*/
.curr {
  border: 1px solid #CCC;
  color: #CCC;
  display: inline;
  padding: 4px 8px;
}
a.page {
  border: 1px solid #eee;
  text-decoration: none;
  color: #fff;
  display: inline;
  padding: 4px 8px;
  background-color: #555;
}
a.page:visited {
  border: 1px solid #fff;
  text-decoration: none;
  padding: 4px 8px;
}
.ra {
  color: #000;
}
.ra a,
.ra a:link {
  color: #000;
  text-decoration: none;
}
.ra a:hover {
  color: #000;
  text-decoration: underline;
}
.red {
  color: #ff0000;
}
.yrr {
  color: #FF9900;
}
.bb {
  font-weight: bold;
}
.expage {
  width: 100%;
  height: 30px;
  line-height: 30px;
  text-align: center;
  padding-top: 10px;
  float: left;
  padding-bottom: 30px;
  padding-top: 30px;
}
.error {
  border: 1px #f40 solid;
}
.right {
  border: 1px #44b549 solid;
}
/*# sourceMappingURL=style.css.map */
/*关于我们*/
.cententall{float: left;width: 100%;background-color:#eeeeee;min-height: 550px}
.centent-pro{width: 1200px; margin:0 auto;background-color: #fff; height: auto;}
.centent{width: 1200px; margin:0 auto;margin-top: 15px}
.centent-add{width: 1200px; float: left;line-height: 20px;font-size: 12px; color: #313131;margin-left: 12px}
.centent-list{float: left;width: 142px;margin:15px 10px 30px 10px; height: auto;}
.centent-list ul{margin:0px; padding: 0px;background-color: #fff;}
.centent-list ul li{width: 142px;float: left;text-align: center;height: 40px;border-bottom: 1px #eeeeee solid;padding-top: 4px}
.centent-list ul li img{width: 142px; float: left;padding-top: 0px;padding-top: 5px;}
.centent-list ul li a{font-size: 12px; line-height: 40px;color: #535353}
.centent-list ul li:hover{background-color: #850261;border-bottom: 5px #570b42 solid;padding-top: 0px}
.centent-list ul li:hover a{color: #fff}
.centent-list ul .ok{background-color: #850261;border-bottom: 5px #570b42 solid;padding-top: 0px}
.centent-list ul .ok a{color: #fff}
.centent-msg{margin:15px 0 30px 0;width: 1020px;float: right;border: 1px #dadcd9 solid;background-color: #fff}
.centent-msg-p{margin: 30px 0;width: 1020px;float: right;background-color: #fff}
.centent-msg-t{width: 968px;float: left;margin: 0px 26px;margin-top: 40px; font-size: 24px;color: #010101;border-bottom: 1px #d2caca solid;line-height: 40px;}

.centent-msg-intro{font-size: 14px;line-height: 25px;color: #313131;margin: 20px 26px;}

.centent-msg-img{width: 968px;float: left;margin: 0px 26px;margin-top: 10px; overflow: hidden;position: relative;}
.centent-msg-img a{
	cursor: pointer;
}

.centent-msg-img i{
	position: absolute;
	left: 50%;
	top: 50%;
	transform: translate(-50%,-50%);
	display: block;
	width: 60px;
	height: 60px;
	border-radius: 50%;
	z-index: 99;
	background: url(../images/about_video.png) center center/cover no-repeat #850261;
}



.mask_bg,
.main_bg{
	width: 100%;
	height: 100%;
	position: fixed;
	top: 0;
	left: 0;
	z-index: 10000;
	display: none;
	background: #000;
	opacity: 0;
	-webkit-animation: maskShow cubic-bezier(0.68, -0.55, 0.27, 1.55) 1s forwards;
	-o-animation: maskShow cubic-bezier(0.68, -0.55, 0.27, 1.55) 1s forwards;
	-ms-animation: maskShow cubic-bezier(0.68, -0.55, 0.27, 1.55) 1s forwards;
	animation: maskShow cubic-bezier(0.68, -0.55, 0.27, 1.55) 1s forwards;
}

@-webkit-keyframes maskShow {
	from {
		opacity: 0;
	}
	to {
		opacity: 0.7;
	}
}

@-o-keyframes maskShow {
	from {
		opacity: 0;
	}
	to {
		opacity: 0.7;
	}
}

@-ms-keyframes maskShow {
	from {
		opacity: 0;
	}
	to {
		opacity: 0.7;
	}
}

@keyframes maskShow {
	from {
		opacity: 0;
	}
	to {
		opacity: 0.7;
	}
}

.video_show {
	width: 1000px;
	height: 680px;
	position: fixed;
	left: 50%;
	margin-left: -500px;
	top: -1000px;
	margin-top: -340px;
	opacity: 0;
	z-index: 10001;
	border-radius: 5px;
	display: none;
	-webkit-animation: introShow cubic-bezier(0.68, -0.55, 0.27, 1.55) 1.2s 0.5s forwards;
	-o-animation: introShow cubic-bezier(0.68, -0.55, 0.27, 1.55) 1.2s 0.5s forwards;
	-ms-animation: introShow cubic-bezier(0.68, -0.55, 0.27, 1.55) 1.2s 0.5s forwards;
	animation: introShow cubic-bezier(0.68, -0.55, 0.27, 1.55) 1.2s 0.5s forwards;
}

@-webkit-keyframes introShow {
	from {
		opacity: 0;
		top: -1000px;
	}
	to {
		opacity: 1;
		top: 50%;
	}
}

@-o-keyframes introShow {
	from {
		opacity: 0;
		top: -1000px;
	}
	to {
		opacity: 1;
		top: 50%;
	}
}

@-ms-keyframes introShow {
	from {
		opacity: 0;
		top: -1000px;
	}
	to {
		opacity: 1;
		top: 50%;
	}
}

@keyframes introShow {
	from {
		opacity: 0;
		top: -1000px;
	}
	to {
		opacity: 1;
		top: 50%;
	}
}

.video_show i {
	display: block;
	width: 40px;
	height: 40px;
	position: absolute;
	right: -17px;
    top: 18px;
	line-height: 40px;
	font-size: 20px;
	text-align: center;
	cursor: pointer;
	color: #fff;
	font-size: 22px;
	transition: all 0.3s;
	-webkit-transition: all 0.3s;
	-moz-transition: all 0.3s;
	font-weight: bold;
	background: url(closed.png);
	background-size: cover;
}

.video_show i:hover {
	transform: rotate(90deg);
}

.video_show .content {
	width: 90%;
	margin: 20px 5%;
}

.video_show .content h2 {
	line-height: 50px;
	color: #4c321c;
}

.video_show .content .show_date {
	width: 100%;
	height: 25px;
	margin: 10px 0;
	background: #F9F9F9;
	line-height: 25px;
	color: #666;
	text-indent: 2em;
}

.video_show .content .show_intro {
	width: 100%;
	text-align: left;
	font-size: 14px;
	border: 10px solid #fff;
	background-color: #fff;
    display: grid;
}

.video_show iframe,
.video_show video{
	width: 100%;
	max-height: 500px;
}


.video_ise {
    display: inline-block!important;
    width: 81px;
    height: 81px;
    cursor: pointer;
    line-height: 50px;
    position: absolute;
    top: 0;
    left: 0;
	bottom: 0;
	right: 0;
	margin: auto;
    opacity: 1;
	z-index: 99;
}
.video_ise img{
	width: 100%;
}






/*联系我们*/
.centent-msg-address{width: 500px;float: left;margin: 0px; padding: 20px 0;margin-bottom: 60px}
.centent-msg-address ul{margin: 0px; padding: 0px}
.centent-msg-address ul li{font-size: 14px;line-height: 25px;color: #313131;width: 500px;float: left;}

/*新闻中心*/
.centent-msg-news{width: 968px;float: left;}
.centent-msg-news ul{margin: 0px; padding: 0px; margin-bottom:80px}
.centent-msg-news ul li{font-size: 14px;line-height: 30px;color: #313131;width: 968px;float: left;border-bottom: 1px #dadcd9 solid;padding: 10px 0}
.centent-msg-news ul li span{float: right;}
.centent-msg-news ul li a{font-size: 14px;line-height: 30px;color: #313131;}

/*产品中心*/
.centent-msg-pro{width: 1000px;float: right;}
.centent-msg-pro ul{margin: 0px; padding:10px 0px 10px 20px; margin-bottom:80px}
.centent-msg-pro ul li{width: 184px;border: 1px #d9dadc solid;float: left; margin:5px 5px;}
.centent-msg-pro ul li img{width: 184px;float: left;}
.centent-msg-pro ul li span{font-size: 14px;height: 30px;float: left;text-align: center;background:#dadada;width: 100%;line-height: 30px}
.centent-list-pro{float: left;width: 142px;margin: 30px 0px; margin-left: 30px; height: auto;}
.centent-list-pro ul{margin:0px; padding: 0px;background-color: #fff;}
.centent-list-pro ul li{width: 142px;text-align: center;height: 30px;border-bottom: 1px #fff solid;background-color: #e5e5e5}
.centent-list-pro ul li:first-child{width: 142px; height: 64px}
.centent-list-pro ul li a{font-size: 12px; line-height: 30px;color: #535353;display: block;width: 100%;height: 100%}
.centent-list-pro ul li a:hover{background-color: #434343; color: #fff}
.centent-list-pro ul li a.ok{background-color: #434343; color: #fff;}

/*套间欣赏*/
.centent-msg-pic{width: 1000px;float: right; height: auto; padding:10px 0}
.centent-msg-pic ul{margin: 0px; padding: 0px; margin-bottom:50px}
.centent-msg-pic ul li{width: 390px;height:229px;border: 1px #dadcd9 solid;float: left; margin-right: 8px;margin-bottom: 10px}
.centent-msg-pic ul li img{width: 390px;height:199px;float: left;}
.centent-msg-pic ul li span{font-size: 14px;height: 30px;float: left; line-height: 30px;text-align: center;width: 100%}

/*新闻内页*/
.news_show{margin: 0 auto; width:1000px; padding:30px; font-size:14px; background: #fff; float: left;  margin-top: 30px; overflow: hidden; margin-bottom: 40px;}
.news_show h2{ font-size:25px; color:#4d4d4d; font-weight: normal; padding-bottom:3px;}
.news_show p{  line-height:25px; color:#7f7e7e}