@charset "utf-8";
/* css document */
body,
div,
dl,
dt,
dd,
ul,
ol,
li,
h1,
h2,
h3,
h4,
h5,
h6,
pre,
code,
form,
fieldset,
legend,
input,
button,
textarea,
p,
blockquote,
th,
td {
  margin: 0;
  padding: 0;
}
body {
  min-width: 1200px;
  color: #333;
  font-size: 14px;
  text-align: center;
  overflow-x: hidden;
  font-family: "微软雅黑";
}
td,
th,
caption {
  font-size: 14px;
}
h1,
h2,
h3,
h4,
h5,
h6 {
  font-weight: normal;
  font-size: 100%;
}
address,
caption,
cite,
code,
dfn,
em,
strong,
th,
var {
  font-style: normal;
  font-weight: normal;
}
a {
  color: #333;
  text-decoration: none;
}
a:hover {
  cursor: pointer;
  text-decoration: none;
}
*:focus {
  outline: 0;
}
fieldset,
img {
  border: none;
}
ol,
ul,
li {
  list-style: none;
}
input,
textarea,
select,
button {
  font-size: 14px;
  outline: none;
}
table {
  border-collapse: collapse;
  border-spacing: 0;
}
textarea {
  resize: none;
}
/* css common */
.fl {
  float: left;
}
.fr {
  float: right;
}
.hide {
  display: none;
}
.clearfix:after {content: "";display: block;height:0;clear:both; visibility:hidden;}
.clearfix {*zoom:1;}
#cnzz_stat_icon_1262382647{margin-left: 10px; margin-top: 22px;display: inline-block; float: right;line-height:0;}
#dowebok{margin-top: 0px !important; }
.section{
  overflow: hidden;
  width:100%;
  height: 100% !important;
}
/*头部*/
.header {
  width: 100%;
  height: 90px;
  line-height: 90px;
  position: fixed;
  top: 0;
  left: 0;
  background: #fff;
  z-index: 99;
  -webkit-transition: all 0.5s;
  -moz-transition: all 0.5s;
  transition: all 0.5s;
}
/*.header.on{background: transparent;}*/
.header .center {
  width: 1200px;
  margin: 0 auto;
  overflow: hidden;
}
.header .center .logo {
  margin-top: 18px;
  width: 170px;
}
.header .center > ul{padding-right: 150px;}
.header .center > ul li {
  float: left;
  /* text-align: center; */
  transition: all 0.6s ease-in;
}
.header .center > ul li a.navlist {
  display: inline-block;
  font-size: 15px;
  color: #333;
  width: 80px;
  text-align: center;
  height: 88px;
  margin: 0px 20px;
}
/*.header.on .center > ul li a.navlist{color: #fff;}*/

/*.header.on .center > ul li a.navlist:hover,.header.on .center > ul li.on a.navlist {*/
/*color: #a2eaff;*/
/*border-bottom: 2px solid #a2eaff;*/
/*}*/
/*.header.on .center > ul li a.on {*/
/*color: #a2eaff;*/
/*border-bottom: 2px solid #a2eaff;*/
/*}*/
.header .center > ul li a.navlist:hover,.header .center > ul li.on a.navlist {
  color: #22add6;
  border-bottom: 2px solid #22add6;
}
.header .center > ul li a.on {
  color: #22add6;
  border-bottom: 2px solid #22add6;
}
.header .center > ul .secher {
  float: right;
  height: 102px;
}
.header .center > ul .secher .g_navr {
  display: inline-block;
  position: relative;
}
.header .center > ul .secher .g_navr input {
  height: 32px;
  line-height: 32px;
  border: 1px solid #e4e4e4;
  padding: 0px 10px;
  border-radius: 10px ;
  float: left;
  margin-top: 35px;
}
.header .center > ul .secher .g_navr img {
  position: absolute;
  width: 21px;
  height: 21px;
  top: 42px;
  right: 14px;
  cursor: pointer;
}
.header .center > ul .secher .g_navr02 {
  width: 21px;
  height: 21px;
  cursor: pointer;
  display: inline-block;
  margin-top: 42px;
  margin-left: 10px;
}
/* 导航弹出层 */
.bgshow {
  width: 100%;
  height: 100%;
  background: rgba(0, 0, 0, 0.5);
  position: fixed;
  top: 0px;
  left: 0px;
  z-index: 98;
  display: none;
}
.cennav {
  width: 100%;
  position: absolute;
  top: 90px;
  background: #fff;
  border-top: 1px solid #e7e7e7;
  z-index: 100;
  height: 133px;
  left: 0;
  display: none;
}
.tempwrap {
  margin: 0 auto;
  height: 100%;
  width:1255px!important;
}
.picscroll-left {
  width: 1200px;
  overflow: hidden;
  position: relative;
  margin: 20px auto;
  height: 84px !important;
}
.picscroll-left .hd {
  overflow: hidden;
  height: 30px;
  position: absolute;
  top: 50%;
  margin-top: -15px;
  width: 100%;
}
.picscroll-left .hd .prev,
.picscroll-left .hd .next {
  display: block;
  width: 12px;
  height: 18px;
  float: left;
  margin-right: 10px;
  overflow: hidden;
  cursor: pointer;
  line-height: 18px  !important;
  font-size: 20px;
  color: #999;
}
.picscroll-left .hd .prev:hover,
.picscroll-left .hd .next:hover {
  color: #22add6;
}
.picscroll-left .hd .next {
  float: right;
  right: 0px !important;
}
.picscroll-left .bd{height: 100% !important;}
.picscroll-left .bd ul {
  overflow: hidden;
  zoom: 1;
}
.picscroll-left .bd ul li {
  width: 74px !important;
  margin: 0 38px;
  float: left;
  _display: inline;
  overflow: hidden;
  text-align: center;
  transition: all 0.3s ;
}
.picscroll-left .bd ul li:hover a {
  color: #22add6 !important;
}
.picscroll-left .bd ul li .pic {
  text-align: center;
  /*width: 70px;*/
  height: 60px;
}
.picscroll-left .bd ul li .pic a {
  display: block;
  width: 100%;
  height: 100%;
  background-size: 100%;
  background-repeat: no-repeat;
  background-position: -1px 0px;
  position: relative;
}
.picscroll-left .bd ul li .pic a .n2{position: absolute;bottom:0px;left: 50%;margin-left:-35px;display: none;z-index: 99;}
.picscroll-left .bd ul li .pic a:hover .n2{display: block;}
.picscroll-left .bd ul li .title {
  line-height: 24px;
}
.picscroll-left .bd ul li .title a {
  color: #333;
}
.photoshow {
  width: 1200px;
  margin: 10px auto;
  overflow: hidden;
}
.photoshow a {
  display: inline-block;
  float: left;
  margin-right: 20px;
  margin-right:10px\9;//ie8 
margin-top: 10px;
  line-height: 0px;
  padding-bottom: 20px;
  transition: all 0.3s ;
}
.photoshow a .imgs {
  display: inline-block;
  overflow: hidden;
  position: relative;
  width: 384px;
  height: 170px;
}
.photoshow a .imgs img {
  width: 100%;
  height: 100%;
  transition: 1s;
  overflow: hidden;
}
.photoshow a p {
  margin-top: 20px !important;
  text-align: left;
  font-size: 16px;
  color: #333;
}
.photoshow a p span {
  font-size: 12px !important;
  color: #8b8a8a;
  margin-left: 20px;
}
.photoshow a:hover img {
  transform: scale(1.3);
}
.photoshow a:last-child {
  margin-right: 0px;
  width: 384px !important;
}
/* 轮播图css */
.slidebox {
  width: 100%;
  overflow: hidden;
  position: relative;
  height: 100%;
}
.slidebox .bd {
  width: 100%;
  height: 100%;
}
.slidebox .bd ul {
  height: 100%;
  position:relative;
  width:100%!important;
}
.slidebox .bd li {
  zoom: 1;
  height: 100%;
  position: absolute!important;
  left:50%!important;
  top:0!important;
  width:1920px!important;
  margin-left:-960px!important;
  display: block;
}
.slidebox .bd li a{display: block;width: 100%;height: 100%;overflow: hidden;background-image: url(/uploads/image/tmimages/banner.png);-webkit-background-size: cover;-moz-background-size: cover;-ms-background-size: cover;-o-background-size: cover;background-size: cover;  background-position: center;background-repeat: no-repeat;}
/* .slidebox .bd li a > img{
  display: block;
  width: 1920px;
  height: 950px;
  position: absolute;
  left: 50%;margin-left: -960px;
  top: 50%;margin-top: -475px;
} */
.slidebox .bd li video{position: absolute;left: 0;top: 0;width: 100%;}
.slidebox .hd ul {
  position: absolute;
  left: 50%;
  bottom:30px;
  margin: 0 0 0 -50px;
  display: inline;
  z-index: 999;
}
.slidebox .hd ul li {
  width: 10px;
  height: 10px;
  overflow: hidden;
  cursor: pointer;
  float: left;
  border: 1px solid #fff;
  border-radius: 50% ;
  margin: 0 15px 0px 0px;
  display: inline;
  border-radius: 8px;
}
.slidebox .hd ul li.on {
  background: #fff;
}
/* 全屏滚动 */
/*第二屏 */
.hide {
  display: none;
}
.show {
  display: block ;
}
.i_zgs,
.izgsc {
  width: 100%;
  height: 100%;
}
.i_zgs_li {
  display: inline-block;
  vertical-align: top;
  width: 16%;
  position: relative;
  cursor: pointer;
  height: 100%;
  transition: all .4s ease-in;
  overflow: hidden;
  background-size: 100%;
}
.i_zgs_li .diq {
  position: absolute;
  bottom: -50%;
  left: 10%;
  transition: all 0.3s;
  z-index: 99;

}
.i_zgs_li .diq .moretitle {
  overflow: hidden;
}
.i_zgs_li .diq .moretitle h3 {
  font-size: 48px;
  color: #fff;
  text-align: left;
  display: inline-block;
  float: left;
  padding-bottom: 20px;
  border-bottom: 4px solid #fff;
}
.i_zgs_li .diq .moretitle img {
  margin-left: 15px;
  float: left;
  margin-top: 10px;
}
.i_zgs_li .diq p {
  display: block;
  margin-top: 36px;
}
.i_zgs_li .diq p a {
  display: inline-block;
  font-size: 14px;
  color: #fff;
  margin-right: 20px;
  cursor: pointer;
  float: left;
}
.i_zgs_li .diq p a:hover {
  color: #22add6;
}
.i_zgs_li .butile {
  background: #22add6;
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 20%;
  opacity: 1;
  filter: progid:dximagetransform.microsoft.alpha(opacity=1); /* ie6/ie7/8 */
  transition: all 0.3s;
}
.i_zgs_li .butile p {
  font-size: 30px;
  color: #fff;
  margin: 20px 0px;
}
.i_zgs_li .butile img {
  display: block;
  margin-bottom: 20px;
  margin: 0 auto;
}
.i_zgs_li .i_zgstit,
.i_zgs_li .i_zgsmc,
.i_zgs_li span {
  display: none;
}
.js_wzgs {
  width: 51%;
}
.js_wzgs .diq {
  bottom: 5%;
}
.js_wzgs .butile{
  opacity: 0;
  filter: progid:dximagetransform.microsoft.alpha(opacity=0); /* ie6/ie7/8 */
  -ms-filter: "progid:dximagetransform.microsoft.alpha(opacity=0)"; /*  ie8 */
}
/*第3屏 */
#container {
  text-align: center;
  height: 100%;
  overflow: hidden;
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
}
/*首页视频 */
.video_list{ position: absolute;left: 0;top: 0px;min-width:1000px;  position:relative;  height: 100%; overflow:hidden;  }
.video_list .bd{ position:relative; z-index:0; height: 100%; }
.video_list .bd ul{ width:100% !important; height: 100% !important;}
.video_list .bd li{ width:100% !important;  height:100%; }
.video_list .bd li .sitewidth{ width:1000px; position:relative;  margin:0 auto;  height:100%;  }
.video_list .bd li a{ height:100%; display:block;  }
.video_list .bd .txt{ position:absolute; width:415px; top:100px; left:22px;   font:normal 18px/30px "microsoft yahei";    }
.video_list .bd .btn{ display:block; zoom:1; margin-top:8px;  width:72px; padding-right:10px;  height:31px; line-height:31px; text-align:center; color:#fff; font-size:12px; background: 0 0 no-repeat;
  _background: 0 0 no-repeat;
}
.video_list .hd{ width:100%;  position:absolute; z-index:1; bottom:20px; left:0; height:30px; line-height:30px; text-align:center; }
.video_list .hd ul li{ cursor:pointer; display:inline-block; *display:inline; zoom:1; width:11px; height:11px; margin:4px; overflow:hidden;border-radius:50% ;
  line-height:9999px; background: #fff;border: 1px solid #fff;
}
.video_list .hd ul .on{border: 1px solid #fff;background: none;}
/* 下面是前/后按钮代码，如果不需要删除即可 */
.video_list .prev,
.video_list .next{ position:absolute; left:42%; top:-5px;display:block; width:32px; height:30px;line-height:30px;color: #fff;font-size: 22px;}
.video_list .next{ left:auto; right:42%;}
.video_list .prev:hover,
.video_list .next:hover{color: #22add6;}

#background_video {
position: absolute;
  top: 50%;
  left: 50%;
  min-width: 100%;
  min-height: 100%;
  width: auto;
  height: auto;
  z-index: -100;
  transform: translate(-50%, -50%);}

/*#background_video {
  /*  width: 100%;*/
  height: 100%;
  /* z-index: 99;*/
  background:  no-repeat;
  background-size: cover;
  background-position: center;
}*/
/*第3屏 */
/*第5屏 */
.part5 {
  width: 100%;
  height: 100%;
}
.part5 .baohan {
  width: 100%;
  height: 92%;
  overflow: hidden;
}
.part5 .baohan .left,
.part5 .baohan .right {
  width: 33%;
  height: 100%;
}
.part5 .baohan .left .effect-chico,
.part5 .baohan .right .effect-chico {
  position: relative;
  height: 50%;
}
.part5 .baohan .left .effect-chico img,
.part5 .baohan .right .effect-chico img {
  width: 100%;
  height: 100%;
}
.part5 .baohan .left .effect-chico figcaption,
.part5 .baohan .right .effect-chico figcaption {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  text-align: center;
  background: rgba(0, 0, 0, 0.8);
  opacity: 0;
  transition: opacity 1s, transform 1s;
}
.part5 .baohan .left .effect-chico figcaption p,
.part5 .baohan .right .effect-chico figcaption p {
  font-size: 32px;
  color: #fff;
  margin-top: 24%;
}
.part5 .baohan .left .effect-chico figcaption span,
.part5 .baohan .right .effect-chico figcaption span {
  display: block;
  font-size: 16px;
  color: #fff;
  padding-top: 20px;
  width: 80%;
  margin: 0 auto;
}
.part5 .baohan .left .effect-chico figcaption a,
.part5 .baohan .right .effect-chico figcaption a {
  display: block;
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0px;
  left: 0px;
}
.part5 .baohan .left .effect-chico figcaption:hover,
.part5 .baohan .right .effect-chico figcaption:hover {
  opacity: 1;
  -webkit-transform: scale(1);
  transform: scale(1);
}
.part5 .baohan .left .effect-chico {
  margin-left: 0;
}
.part5 .baohan .right .effect-chico {
  margin-right: 0;
}
.part5 .con_tr {
  width: 33%;
  float: left;
  text-align: center;
  position: relative;
  height: 98%;
}
.part5 .con_tr .nr_text {
  position: absolute;
  top: 30%;
  left: 0;
  width: 100%;
  height: 50%;
}
.part5 .con_tr .nr_text h3 {
  font-size: 40px;
  color: #fff;
  margin-bottom: 50px;
}
.part5 .con_tr .nr_text p {
  font-size: 14px;
  color: #fff;
  line-height: 32px;
  width: 85%;
  margin: 0 auto;
  height: 128px;
  overflow: hidden;
}
.part5 .con_tr .nr_text .more {
  display: block;
  width: 210px;
  height: 46px;
  line-height: 46px;
  margin: 0 auto;
  font-size: 16px;
  margin-top: 50px;
  position: relative;
}
.part5 .con_tr .nr_text .more span {
  display: block;
  position: absolute;
  top: 0px;
  left: 0px;
  width: 100%;
  height: 100%;
  z-index: 99;
  color: #22add6;
  background: #fff;
  border-radius: 30px ;
  cursor: pointer;
}
.part5 .con_tr .nr_text .more span a{color: #22add6;}
.part5 .con_tr .nr_text .more span:hover {
  border: 1px solid #fff;
  color: #fff;
  background: #22add6;
}
.part5 .con_tr .nr_text .more span:hover a{
  color: #fff;
}
figure.effect-chico img {
  height: 100%;
}
.footer {
  width: 100%;
  height: 8%;
  background-color: #eee;
}
.footer .conter {
  width: 1200px;
  margin: 0 auto;
  text-align: left !important;
}
.footer .conter .conli {
  display: inline-block;
  margin-right: 10px;
  float: left;
  line-height: 64px;
}
.footer .conter .conli a {
  font-size: 14px;
  color: #3a3a3a;
  padding-right: 20px;
  border-right: 1px solid #e4e4e4;
  margin-right: 20px;
}
.footer .conter .conli a:hover {
  color: #22add6;
}
.footer .conter .icongont {
  display: inline-block;
  margin-left: 10px;
  float: left;
  margin-top: 20px;
  position: relative;
}
.footer .conter .icongont a {
  margin-right: 20px;
  position: relative;
}
.footer .conter .icongont a img {
  width: 22px;
  /*height: 22px;*/
}
.footer .conter .icongont .ewm{
  width: 139px;height: 149px;
  position: absolute;
  right: -84px;
  top: -177px;
  display: none;
  max-width: 139px;
}
.footer .conter p {
  display: inline-block;
  float: left;
  font-size: 12px;
  color: #3a3a3a;
  line-height: 64px;
}
.footer .conter .cy {
  line-height: 64px;
}
.footer .conter .cy span {
  font-size: 12px;
}
.footer .conter .cy a {
  font-size: 12px;
}
.footer .conter .cy a:hover {
  color: #22add6;
}
/* - - - - - - - - - - */
.tabbar {
  z-index: 2;
  display: block;
  width: 100%;
  height: 100%;
}
.tabbar .bd {
  width: 100%;
  margin: 0 auto;
  margin-top: 80px;
}
.tabbar .bd .text {
  margin-top: 40px;
  width: 636px;
  height: 208px;
  margin: 0 auto;
  display: block;
}
.tabbar .bd .sub_head {
  display: block;
  margin-top: 50px;
  line-height: 28px;
  overflow: hidden;
  color: rgba(255, 255, 255, 0.5);
}
.tabbar .bd .sub_head a {
  font-size: 14px;
  color: #fff;
  line-height: 18px;
}
.tabbar .bd .sub_head a img {
  width: 15px;
  height: 16px;
  margin-right: 10px;
}
.tabbar .bd .sub_head a:hover {
  color: #2dadd6;
}
.tabbar .hd {
  overflow: hidden;
  margin: 0 auto;
  width: 100%;
  margin-top: 12%;
}
.tabbar .hd ul li {
  display: inline-block;
  width: 165px;
}
.tabbar .hd ul li a {
  width: 70px;
  height: 60px;
  display: inline-block;
  text-align: center;
  color: #fff;
  transform: all 03s;
  background-position: -1 5px;
  background-repeat: no-repeat;
}
.tabbar .hd ul li a p {
  margin-top: 60px;
  font-size: 14px;
}
.tabbar .hd ul li a:hover {
  color: #2dadd6;
}
.tabbar .hd ul li a.n1 {
  background-image: url(/uploads/image/tmimages/icon8.png);
}
.tabbar .hd ul li a.n1 {
  background-image: url(/uploads/image/tmimages/icon8.png);
}
.tabbar .hd ul li a.n1:hover {
  background-position: 0px -60px;
}
.tabbar .hd ul li a.n2 {
  background-image: url(/uploads/image/tmimages/icon9.png);
}
.tabbar .hd ul li a.n2:hover {
  background-position: 0px -62px;
}
.tabbar .hd ul li a.n3 {
  background-image: url(/uploads/image/tmimages/icon10.png);
}
.tabbar .hd ul li a.n3:hover {
  background-position: 0px -50px;
}
.tabbar .hd ul li a.n4 {
  background-image: url(/uploads/image/tmimages/icon11.png);
}
.tabbar .hd ul li a.n4:hover {
  background-position: 0px -57px;
}
.tabbar .hd ul li a.n5 {
  background-image: url(/uploads/image/tmimages/icon12.png);
}
.tabbar .hd ul li a.n5:hover {
  background-position: -1px -58px;
}
.tabbar .hd ul li a.n6 {
  background-image: url(/uploads/image/tmimages/icon13.png);
}
.tabbar .hd ul li a.n6:hover {
  background-position: 0px -55px;
}
.tabbar .hd ul li a.n7 {
  background-image: url(/uploads/image/tmimages/icon14.png);
}
.tabbar .hd ul li a.n7:hover {
  background-position: 0px -59px;
}
.tabbar .hd ul li a.n8 {
  background-image: url(/uploads/image/tmimages/icon10.png);
}
.tabbar .hd ul li a.n8:hover {
  background-position: 0px -50px;
}

.mt10 {
  margin-top: 10px;
}

.opacity7 {
  opacity: 0.7;
}

.opacity9 {
  opacity: 0.9;
}

.rotate45 {
  -webkit-transform: rotate(720deg);
  -moz-transform: rotate(360deg);
  -ms-transform: rotate(360deg);
  -o-transform: rotate(360deg);
  transition: rotate(360deg);
  -webkit-transition: all 0.2s ease-in;
  -moz-transition: all 0.2s ease-in;
  -ms-transition: -o-transition: all 0.2s ease-in;
  transition: all 0.2s ease-in;
}

.step {
  position: relative;
  width: 900px;
  padding: 40px;
  margin: 20px auto;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  -ms-box-sizing: border-box;
  -o-box-sizing: border-box;
  box-sizing: border-box;
  font-size: 48px;
  line-height: 1.5;
  cursor: pointer;
}

.impress-not-supported .step {
  font-size: 18px
}

.impress-enabled .step {
  margin: 0;
  -webkit-transition: opacity 1s;
  -moz-transition: opacity 1s;
  -ms-transition: opacity 1s;
  -o-transition: opacity 1s;
  transition: opacity 1s;
}

.impress-enabled .step.active {
  opacity: 1;
}


/*   bg    */

.impress-supported .bg {
  overflow: hidden;
  position: absolute;
  /*	top: 0;*/
  left: 0;
  /*	z-index: -100;*/
  background: #fff url(/uploads/image/tmimages/bg5.jpg) no-repeat;
  -webkit-transition: all 0.5s ease-in;
  -moz-transition: all 0.5s ease-in;
  -ms-transition: all 0.5s ease-in;
  -o-transition: all 0.5s ease-in;
  transition: all 0.5s ease-in;
}

.impress-not-supported .bg {
  background: #333;
  position: fixed;
  /*	top: 0;*/
  left: 0;
  /*	z-index: -100;*/
  -webkit-transition: all 0.5s ease-in;
  -moz-transition: all 0.5s ease-in;
  -ms-transition: all 0.5s ease-in;
  -o-transition: all 0.5s ease-in;
  transition: all 0.5s ease-in;
  _display: none;
}

.impress-not-supported .bg img {
  height: 1200px;
}

.impress-supported .bg img {
  -webkit-transition: all 0.5s ease-in;
  -moz-transition: all 0.5s ease-in;
  -ms-transition: all 0.5s ease-in;
  -o-transition: all 0.5s ease-in;
  transition: all 0.5s ease-in;
}


/*    timeline   */

.impress-supported .timeline {
  position: absolute;
  bottom: 25%;
  left: 0;
  width: 100%;
  padding: 0 100px;
  font-size: 18px;
  z-index: 999;
  -webkit-transition: all 1s ease-in-out 1.5s;
  -moz-transition: all 1s ease-in-out 0.5s;
  -ms-transition: all 1s ease-in-out 0.5s;
  -o-transition: all 1s ease-in-out 0.5s;
  transition: all 1s ease-in-out 0.5s;
}

.impress-not-supported .timeline {
  margin-top: 30px;
}

.impress-supported .line_white {
  height: 5px;
  width: 100%;
  background: rgba(255, 255, 255, .2);
  position: absolute;
  bottom: 50%;
  left: 0;
  /*	z-index: -10;*/
}


/*    timelist_item   */

.impress-supported .timelist_item {
  position: relative;
  float: left;
}

.impress-not-supported .timelist_item {
  background: transparent;
  filter: progid: dximagetransform.microsoft.gradient(startcolorstr=#51000000, endcolorstr=#51000000);
  background: rgba(0, 0, 0, .2);
  _filter: progid: dximagetransform.microsoft.gradient( startcolorstr='#a6000000', endcolorstr='#00000000', gradienttype=0);
  _background-color: #333;
  padding: 30px;
  border-radius: 10px;
}

.impress-supported .present {
  margin-top: -20px;
  -webkit-transition: all 0.5s ease-in;
  -moz-transition: all 0.5s ease-in;
  -ms-transition: all 0.5s ease-in;
  -o-transition: all 0.5s ease-in;
  transition: all 0.5s ease-in;
}

.impress-supported .circle {
  margin-right: 100px;
  width: 90px;
  height: 90px;
  background-color: #22add6;
  border-radius: 50%;
  border: 5px solid rgba(255, 255, 255, 0.8);
  font-size: 26px;
  color: #fff;
  text-align: center;
  line-height: 90px;
  cursor: pointer;
  -webkit-transition: all 0.5s ease-in;
  -moz-transition: all 0.5s ease-in;
  -ms-transition: all 0.5s ease-in;
  -o-transition: all 0.5s ease-in;
  transition: all 0.5s ease-in;
}

.impress-supported .present .circle {
  width: 124px;
  height: 124px;
  background-color: #22add6;
  line-height: 124px;
  font-size: 32px;
  -webkit-transition: all 0.5s ease-in;
  -moz-transition: all 0.5s ease-in;
  -ms-transition: all 0.5s ease-in;
  -o-transition: all 0.5s ease-in;
  transition: all 0.5s ease-in;
  border: none;
}

.impress-not-supported .circle {
  font-size: 48px;
}

.impress-supported .timelist_item_title {
  color: #fff !important;
  width: 150px;
  position: absolute;
  top: 180px;
  left: -60px;
  -webkit-transform: rotate(-45deg);
  -moz-transform: rotate(-45deg);
  -ms-transform: rotate(-45deg);
  -o-transform: rotate(-45deg);
  transform: rotate(-45deg);
  text-align: right;
  font-size: 14px;
  letter-spacing: 1px;
  -webkit-transition: all 1s ease-in-out 0.3s;
  -moz-transition: all 1s ease-in-out 0.3s;
  -ms-transition: all 1s ease-in-out 0.3s;
  -o-transition: all 1s ease-in-out 0.3s;
  transition: all 1s ease-in-out 0.3s;
}

.impress-not-supported .timelist_item_title {
  font-size: 24px;
  line-height: 200%;
  color: #ff9900;
  font-size: 30px;
}

.impress-supported .present .timelist_item_title {
  width: 500px;
  top: -10px;
  left: 280px;
  line-height: 100%;
  -webkit-transform: none;
  -moz-transform: none;
  -ms-transform: none;
  -o-transform: none;
  transform: none;
  font-size: 24px;
  color: #fff;
  text-align: center;
  margin-left: -50%;
  text-shadow: 0 0 10px rgba(0, 0, 0, .5);
  -webkit-transition: all 0.5s ease-in;
  -moz-transition: all 0.5s ease-in;
  -ms-transition: all 0.5s ease-in;
  -o-transition: all 0.5s ease-in;
  transition: all 0.5s ease-in;
}

.impress-supported .year2012,
.impress-supported .year2013 {
  position: absolute;
  top: -120px;
  color: rgba(255, 255, 255, .5);
  font-size: 120px;
  color: #22add6;
}

.impress-not-supported .year2012,
.impress-not-supported .year2013 {
  padding: 0;
  width: 110px;
  height: 38px;
  line-height: 38px;
  font-size: 24px;
  background-color: #2f9dcc;
  text-align: center;
  border-radius: 5px;
}

.impress-not-supported .year {
  padding: 0;
}

.impress-supported .list_show {
  position: absolute;
  top: -540px;
  left: -100px;
  width: 980px;
  height: 400px;
}

.impress-supported .list_show img {
  background: rgba(255, 255, 255, .2);
  border-radius: 10px;
  float: left;
  margin-right: 30px;
  position: absolute;
  width: 500px;
  height: auto;
}

.impress-enabled .step .list_show {
  opacity: 0;
  -webkit-transition: all 0.5s ease-in;
  -moz-transition: all 0.5s ease-in;
  -ms-transition: all 0.5s ease-in;
  -o-transition: all 0.5s ease-in;
  transition: all 0.5s ease-in;
  -webkit-transform: scale(0.5);
  -moz-transform: scale(0.5);
  -ms--transform: scale(0.5);
  -o--transform: scale(0.5);
  transform: scale(0.5);
  color: #fff;
  margin-top: 80px;
  margin-left: 30px;
}

.impress-enabled .step.active .list_show {
  opacity: 1;
  -webkit-transform: scale(1);
  -moz-transform: scale(1);
  -ms--transform: scale(1);
  -o--transform: scale(1);
  transform: scale(1);
  -webkit-transition: all 1s ease-in-out 1s;
  -moz-transition: all 1s ease-in-out 1s;
  -ms-transition: all 1s ease-in-out 1s;
  -o-transition: all 1s ease-in-out 1s;
  transition: all 1s ease-in-out 1s;
}

.impress-supported .list_show h2 {
  font-size: 46px;
  color: #333 !important;
  -webkit-transition: all 1s ease-in;
  -moz-transition: all 1s ease-in;
  -ms-transition: all 1s ease-in;
  -o-transition: all 1s ease-in;
  transition: all 1s ease-in;
}

.impress-not-supported .list_show h2 {
  display: none;
}

.impress-not-supported .list_show h2>a {
  color: #333 !important;
}

.impress-supported .list_show p {
  color: rgba(255, 255, 255, .8);
  color: #fff;
  font-size: 24px;
  -webkit-transition: all 1s ease-in;
  -moz-transition: all 1s ease-in;
  -ms-transition: all 1s ease-in;
  -o-transition: all 1s ease-in;
  transition: all 1s ease-in;
  margin-left: 530px;
}


/*  list_show布局  */

.impress-enabled .step.active .list_show img {
  position: absolute;
  top: 0;
  left: 0;
  -webkit-transition: all 1s ease-in;
  -moz-transition: all 1s ease-in;
  -ms-transition: all 1s ease-in;
  -o-transition: all 1s ease-in;
  transition: all 1s ease-in;
}

.impress-enabled .step.active .list_show h2 {
  position: absolute;
  top: 0;
  left: 530px;
  margin: 0;
  width: 460px;
  text-align: left;
}

.impress-enabled .step.active .list_show p {
  text-align: left;
  position: absolute;
  top: 90px;
  left: 530px;
  margin: 0;
  color: #333;
}

.impress-enabled .step.active .list_show p img {
  padding: 5px;
  background-color: #fff;
  width: 460px;
}

.impress-enabled .step.active .show1 img {
  left: auto;
  right: 0;
}

.impress-enabled .step.active .show1 h2 {
  left: 0;
}

.impress-enabled .step.active .show1 p {
  top: 90px;
  left: 0;
}

.impress-enabled .step.active .show2 img {
  left: 0;
  top: 90px;
}

.impress-enabled .step.active .show2 h2 {
  left: 0;
  top: 0;
  width: auto;
}

.impress-enabled .step.active .show2 p {
  top: 90px;
  left: 530px;
}

.impress-enabled .step.active .show3 img {
  left: 0;
}

.impress-enabled .step.active .show3 h2 {
  left: 530px;
  top: 0;
}

.impress-enabled .step.active .show3 p,
.impress-enabled .step.active .show4 3 img {
                                         left: auto;
                                         right: 0;
                                         width: 460px;
                                       }

.impress-enabled .step.active .show3 p {
  top: 90px;
}

.impress-enabled .step.active .show4 img {
  left: auto;
  right: 0;
  width: 400px;
}

.impress-enabled .step.active .show4 h2 {
  left: 0;
  top: 0;
}

.impress-enabled .step.active .show4 p,
.impress-enabled .step.active .show4 p img {
  left: 0;
}

.impress-enabled .step.active .show4 p {
  top: 90px;
}

.impress-supported .list_show p img {
  width: 460px;
}

.impress-enabled .step.active .show5 img {
  left: auto;
  right: 0;
  width: 300px;
  box-shadow: 5px 0 10px rgba(0, 0, 0, .2);
}

.impress-enabled .step.active .show5 h2 {
  left: 0;
  top: 0;
}

.impress-enabled .step.active .show5 p,
.impress-enabled .step.active .show5 p img {
  top: 40px;
  left: 0;
  width: 700px;
}

.impress-enabled .step.active .list_show p.m160,
.impress-enabled .step.active .show1 p.m160,
.impress-enabled .step.active .show2 p.m160,
.impress-enabled .step.active .show3 p.m160,
.impress-enabled .step.active .show4 p.m160,
.impress-enabled .step.active .show5 p.m160 {
  top: 160px;
}

.impress-enabled .step.active .list_show p.end {
  top: 0;
  left: 0;
  font-size: 36px;
}

.gotop {
  display: none;
}

.impress-supported .refresh img {
  width: 160px;
  height: 160px;
  opacity: 0.8;
  left: 290px;
  top: 100px;
  cursor: pointer;
}

.impress-not-supported .refresh {
  display: none;
}

.impress-not-supported .gotop {
  position: fixed;
  width: 60px;
  height: 60px;
  right: 120px;
  bottom: 60px;
}

.impress-not-supported .gotop img {
  background: transparent;
  filter: progid: dximagetransform.microsoft.gradient(startcolorstr=#51ffffff, endcolorstr=#51ffffff);
  background: rgba(255, 255, 255, .2);
  border-radius: 10px;
  padding: 10px;
}


/*    music   */

.music {
  position: fixed;
  top: 8px;
  right: 40px;
  width: 50px;
  height: 50px;
  cursor: pointer;
  font-size: 24px;
  font-weight：bold;
  border-radius: 50%;
  background-color: rgba(255, 255, 255, .2);
  -webkit-transition: all 0.2s ease-in;
  -moz-transition: all 0.2s ease-in;
  -ms-transition: all 0.2s ease-in;
  -o-transition: all 0.2s ease-in;
  transition: all 0.2s ease-in;
}

.triangle {
  width: 0;
  height: 0;
  border-bottom: 20px transparent solid;
  border-top: 12px transparent solid;
  border-left: 24px #333 solid;
  border-left: 24px rgba(0, 0, 0, .8) solid;
  border-right: 12px transparent solid;
  position: absolute;
  top: 10px;
  left: 18px;
}

.pause {
  width: 8px;
  height: 25px;
  background: #333;
  background: rgba(0, 0, 0, .8);
  float: left;
  display: none;
}

.pause1 {
  margin: 12px 0px 0 13px;
}

.pause2 {
  margin: 12px 10px 0 8px;
}

@media (max-height: 900px) {
  .impress-supported .list_show img {
    width: 400px;
  }
  .impress-enabled .step.active .list_show p img {
    max-width: 300px;
  }
  .impress-enabled .step.active .show5 p,
  .impress-enabled .step.active .show5 p img {
    max-width: 540px;
  }
  .impress-supported .list_show p,
  .impress-supported .list_show h2 {
    margin-left: 420px;
  }
  .impress-supported .list_show {
    top: -410px;
  }
  .impress-enabled .step.active .list_show h2,
  .impress-enabled .step.active .list_show p {
    left: 430px;
  }
  .impress-enabled .step.active .show3 h2,
  .impress-enabled .step.active .show3 p {
    left: 430px;
  }
  .impress-enabled .step.active .show4 h2,
  .impress-enabled .step.active .show4 p,
  .impress-enabled .step.active .show4 p img,
  .impress-enabled .step.active .list_show .show1 h2,
  .impress-enabled .step.active .list_show .show1 p {
    left: 0;
  }
  .impress-enabled .step.active .show1 h2,
  .impress-enabled .step.active .list_show .show1 p {
    left: 0;
  }
  .impress-enabled .step.active .show1 p {
    left: 0;
  }
  .impress-enabled .step.active .show4 img,
  .impress-enabled .step.active .show1 img {
    left: 460px;
  }
  .impress-enabled .step.active .show5 h2,
  .impress-enabled .step.active .show5 p {
    left: 0;
  }
}

@media (mix-height: 900px) {
  .impress-supported .list_show img {
    width: 500px;
  }
  .impress-supported .list_show p,
  .impress-supported .list_show h2 {
    margin-left: 520px;
  }
  .impress-supported .list_show {
    top: -500px;
  }
}

.impress-enabled .refresh .list_show img,
.impress-enabled .step.active.refresh .list_show img {
  width: 160px;
  left: 250px;
  top: 100px;
}

/*动画*/
@-webkit-keyframes fadeshow {
  from {
    opacity: 0;
    transform:translatey(30px);
  }
  33% {
    opacity: 0.3;
    transform:translatey(15px);
  }
  66% {
    opacity: 0.6;
    transform:translatey(0px);
  }
  to {
    opacity: 1;
  }
}

@keyframes fadeshow {
  from {
    opacity: 0;
    transform:translatey(30px);
  }
  33% {
    opacity: 0.3;
    transform:translatey(15px);
  }
  66% {
    opacity: 0.6;
    transform:translatey(0px);
  }
  to {
    opacity: 1;
  }
}


/*产品列表_厨房电器开始*/
/* 本例子css */
.insidebanner{ width:1200px; height:400px; overflow:hidden; position:relative; margin: 0 auto;}
.insidebanner .bd{ position:relative; height:100%; z-index:0;   }
.insidebanner .bd li{ zoom:1; vertical-align:middle; }
.insidebanner .bd img{ width:100%; height:400px; display:block;  }
/* 下面是前/后按钮代码 */
.insidebanner .prev,
.insidebanner .next{ position:absolute; left:65px; top:50%;margin-top: -21px; display:block; width:23px; height:42px; background:url(/uploads/image/tmimages/bannerarrow.png) left top no-repeat; filter:alpha(opacity=50);opacity:0.5;   }
.insidebanner .next{ left:auto; right:65px; background-position:right top; }
.insidebanner .prev:hover,
.insidebanner .next:hover{ filter:alpha(opacity=100);opacity:1;  }

.proorder{width: 1200px;margin: 11px auto 18px;background-color: #fff;height: 158px;}
.proorder.animatebox,.protitle.animatebox,.prolist li.animatebox,.profoot.animatebox,.aboutnav.animatebox,.profile.animatebox,.newsdetail.animatebox,.news .list1 li.animatebox,.duty .dutytitle.animatebox,.duty .wrap1 .main.animatebox,.duty .wrap1 .imgs.animatebox,.duty .wrap3 .dutyshow.animatebox,.history.animatebox,.story.animatebox,.culture.animatebox,.aftersale .wrap1.animatebox,.aftersale .wrap2.animatebox,.contact .wrap1.animatebox,.contact .wrap3.animatebox,.dot .wrap1.animatebox,.dot .wrap2.animatebox,.dot .wrap3.animatebox{opacity: 0;-webkit-transform:translatey(100px);-ms-transform:translatey(100px);-o-transform:translatey(100px);-moz-transform:translatey(100px);transform:translatey(100px);}
.proorder.animatebox.animate,.protitle.animatebox.animate,.prolist li.animatebox.animate,.profoot.animatebox.animate,.aboutnav.animatebox.animate,.profile.animatebox.animate,.newsdetail.animatebox.animate,.news .list1 li.animatebox.animate,.duty .dutytitle.animatebox.animate,.duty .wrap1 .main.animatebox.animate,.duty .wrap1 .imgs.animatebox.animate,.duty .wrap3 .dutyshow.animatebox.animate,.history.animatebox.animate,.story.animatebox.animate,.culture.animatebox.animate,.aftersale .wrap1.animatebox.animate,.aftersale .wrap2.animatebox.animate,.contact .wrap1.animatebox.animate,.contact .wrap3.animatebox.animate,.dot .wrap1.animatebox.animate,.dot .wrap2.animatebox.animate,.dot .wrap3.animatebox.animate{opacity: 1;-webkit-transform:translatey(0px);-moz-transform:translatey(0px);-o-transform:translatey(0px);-ms-transform:translatey(0px);transform:translatey(0px);}
.proorder .left{float: left;width: 165px;height: 100%;background-color: #22add6;color: #fff;}
.proorder .left img{padding-top: 38px;}
.proorder .left p{font-size: 23px;line-height: 45px;font-weight: bold;}
.proorder .right{float: left;padding: 0 35px;width: 965px;text-align: left;}
.proorder .right .table{float: left;width: 795px;}
.proorder .right .list{padding: 30px 0 0;height: 34px;line-height: 34px;font-size: 0;}
.proorder .right .list *{display: inline-block;vertical-align: middle;}
.proorder .right .list .item{width: 350px;}
.proorder .right .list .item .txt{width: 80px;font-size: 15px;color: #585858;}
.proorder .right .list .item label{padding: 0 18px 0 2px;font-size: 15px;color: #585858;}
.proorder .right .list .bookname{margin-left: 30px;padding: 0 15px;width: 138px;height: 34px;background-color: #f0f0f0;}
.proorder .right .list .bookname .txt{font-size: 15px;color: #585858;}
.proorder .right .list .bookname .input1{width: 85px;padding: 7px 0;height: 20px;line-height: 20px;font-size: 15px;color: #585858;border: 0 none;background: 0 none;}
.proorder .right .list .bookname2{width: 185px;}
.proorder .right .list .bookname2 .input1{width: 135px;}
.proorder .right .list .bookname3,.proorder .right .list .bookname3 .input1{margin-left: 0;width: 215px;}
.proorder .right .list .bookname4{width: 383px;}
.proorder .right .list .bookname4 .input1{width: 307px;}
.proorder .right .submit{float: right;margin-top: 65px;width: 121px;height: 43px;border: 1px solid #0e85a8;background-color: #32b9e1;font-size: 20px;line-height: 43px;color: #fff;border-radius: 4px;cursor: pointer;}
.proorder .right .submit:hover{background-color: #0e85a8;}

.protitle{width: 1200px;padding-top: 40px;height: 104px;margin: 0 auto;background-color: #fff;border-bottom: 1px solid #f9f9f9;}
.protitle .list{float: left;width: 155px;margin: 0 20px;height: 100%;position: relative;}
.protitle .list a{display: block;width: 100%;height: 100%;}
.protitle .list .img{height: 46px;overflow: hidden;width: 55px;margin: 0 auto;}
.protitle .list .img img{display: block;}
.protitle .list .txt{font-size: 18px;line-height: 40px;}
.protitle .list:before{content: "";position: absolute;left: -20px;top: 50%;margin-top: -6px;width: 1px;height: 12px;background-color: #c3c3c3;}
.protitle .list.nth1:before{display: none;}
.protitle .list.on .txt,.protitle .list:hover .txt{color: #22add6;}
.protitle .list.on:after,.protitle .list:hover:after{content: "";position: absolute;left: 0;bottom: 0;width: 100%;height: 2px;background-color: #22add6;}
.protitle .list.on .img,.protitle .list:hover .img{margin-top: -20px;}
.protitle .list.on .icon1,.protitle .list:hover .icon1{height: 0;}

.protitle .list,.protitle .list *,.prolist li .more,.protabmain .carousel .right .more,.prorecommend ul li a,.news .list1 li a,.news .list2 li a,.honorlist li,.videolist li a,.dot .wrap1 li .icon1,.proorder,.protitle,.prolist li,.profoot,.aboutnav,.profile,.honorlist li,.videolist li,.newsdetail,.news .list1 li,.news .list2 li,.duty .dutytitle,.duty .wrap1 .main,.duty .wrap1 .imgs,.duty .wrap2 li,.duty .wrap3 .dutyshow,.history,.story,.culture,.aftersale .wrap1,.aftersale .wrap2,.contact .wrap1,.contact .wrap2,.contact .wrap3,.dot .wrap1,.dot .wrap2,.dot .wrap3,.desection1 .right .link{-webkit-transition:all 0.5s;-moz-transition:all 0.5s;-ms-transition:all 0.5s;-o-transition:all 0.5s;transition:all 0.5s;}

.protitle .search{float: right;margin: 30px 54px 0 0;width: 238px;height: 34px;border: 1px solid #dcdcdc;border-radius: 30px;overflow: hidden;}
.protitle .search input[type="text"]{float: left;width: 160px;height: 20px;line-height: 20px;padding: 7px 20px;background: 0 none;border: 0 none;}
.protitle .search .submit{width: 38px;height: 34px;border: 0 none;float: left;background: url(/uploads/image/tmimages/secher.jpg) left center no-repeat;cursor: pointer;}

.protabtitle{width: 1190px;margin: 0 auto;padding: 0 5px;background-color: #fff;}
.protabtitle p{float: left;padding: 0 43px;font-size: 16px;line-height: 86px;cursor: pointer;}
.protabtitle p.on{font-size: 18px;color: #22add6;font-weight: bold;}

.protabmain{width: 100%;padding-top: 15px;}
.protabmain .carousel{width: 1200px;margin: 0 auto;height: 395px;background-color: #22add6;color: #fff;}
.protabmain .carousel .left{float: left; width:814px; height:100%; overflow:hidden; position:relative; }
.protabmain .carousel .left .hd{ height:4px; overflow:hidden; position:absolute; right: 0px; bottom: 15px; z-index:1; width: 100%;text-align: center;font-size: 0;}
.protabmain .carousel .left .hd ul{ overflow:hidden; zoom:1; }
.protabmain .carousel .left .hd ul li{ display: inline-block;vertical-align: middle; margin: 0 2px;  width:33px; height:4px;  background:#fff; cursor:pointer; }
.protabmain .carousel .left .hd ul li.on{ background:#22add6; }
.protabmain .carousel .left .bd{ position:relative; height:100%; z-index:0;   }
.protabmain .carousel .left .bd li{ zoom:1; vertical-align:middle; height: 100%;}
.protabmain .carousel .left .bd img{ width:100%; height:395px; display:block;  }
.protabmain .carousel .right{float: left;width: 296px;padding: 45px 45px 0;text-align: left;}
.protabmain .carousel .right .title{font-size: 30px;line-height: 34px;}
.protabmain .carousel .right .p1{font-size: 20px;line-height: 68px;color: #c4f2ff;}
.protabmain .carousel .right .p2{line-height: 30px;padding-left: 20px;position: relative;}
.protabmain .carousel .right .p2:before{content: "";position: absolute;left: 0;top: 50%;margin-top: -5px;width: 8px;height: 8px;border: 1px solid #fff;border-radius: 50%;}
.protabmain .carousel .right .more{display: block;margin-top: 60px;width: 134px;height: 36px;line-height: 36px;border: 1px solid #fff;text-align: center;color: #fff;}
.protabmain .carousel .right .more:hover{background-color: #fff;color: #22add6;}
/*产品列表_厨房电器结束*/

/*产品列表_整体橱柜开始*/
.prolist{width: 1220px;margin: 0 auto;}
.prolist li{float: left;width: 285px;height: 425px;margin: 20px 10px 0;background-color: #fff;cursor: pointer;}
.prolist li .img{padding: 44px 20px 0;width: 245px;height: 245px;overflow: hidden;}
.prolist li .img img{width: 100%;min-height: 100%;}
.prolist li .below{padding: 45px 20px 0;}
.prolist li .below .name{font-size: 18px;line-height: 28px;}
.prolist li .des{font-size: 15px;line-height: 27px;color: #444444;}
.prolist li .price{padding-bottom: 16px;font-size: 13px;line-height: 41px;color: #7a7a7a;}
.prolist li .price span{font-size: 24px;color: #22add6;}
.prolist li .more{display: block;width: 118px;height: 34px;margin: 0 auto;line-height: 34px;border: 1px solid #444444;color: #444444;border-radius: 20px;}
.prolist li .more:hover{border-color: #22add6;background-color: #22add6;color: #fff;}

.page{width: 100%;text-align: center;padding: 33px 0 56px;height: 36px;line-height: 36px;font-size: 0;}
.page *{display: inline-block;vertical-align: middle;}
.page .prev,.page .next,.page p a{width: 36px;height: 36px;margin: 0 3px;font-size: 15px;color: #828282;background-color: #fff;}
.page p span{width: 36px;height: 36px;font-size: 15px;color: #828282;}
.page p a:hover,.page p a.on{background-color: #22add6;color: #fff;}

.profoot{width: 1200px;height: 326px;margin: 0 auto 37px;padding: 37px 0;background-color: #fff;}
.profoot .left{float: left;margin-left: 30px; width:528px; height:324px; overflow:hidden; position:relative; border:1px solid #e1e1e1;  }
.profoot .left .hd{ height:3px; overflow:hidden; position:absolute; right:0; bottom: 45px; z-index:1;width: 100%;text-align: right; }
.profoot .left .hd ul{ overflow:hidden; zoom:1; padding-right: 25px;height: 100%; font-size: 0;line-height: 0;}
.profoot .left .hd ul li{ display: inline-block;vertical-align: middle; margin: 0 5px;  width:39px; height:3px;  background:#d5d5d5; cursor:pointer;}
.profoot .left .hd ul li.on{ background:#22add6; }
.profoot .left .bd{ position:relative; height:100%; z-index:0;}
.profoot .left .bd li{ zoom:1; vertical-align:middle; }
.profoot .left .bd .top{padding: 40px 10px 0;text-align: left;}
.profoot .left .bd .top img{width: 273px;float: left;padding-right: 10px;height: 273px;}
.profoot .left .bd .top .txt{width: 225px;float: left;}
.profoot .left .bd .top .txt .p1{padding: 35px 0 25px;font-size: 22px;line-height: 34px;color: #3a3a3a;}
.profoot .left .bd .top .txt .p2{font-size: 18px;line-height: 100%;color: #878787;}

.profoot .center{float: left;width: 280px;height: 324px;margin: 0 0 0 23px;border: 1px solid #e1e1e1;}
.profoot .center img{width: 218px;height: 218px;padding: 14px 0 25px;}
.profoot .center .name,.profoot .center .txt{padding: 0 15px;font-size: 18px;line-height: 34px;color: #3a3a3a;text-align: left;width: 250px;overflow: hidden;-ms-text-overflow: ellipsis;text-overflow: ellipsis;white-space: nowrap;}
.profoot .center .txt{font-size: 13px;line-height: 17px;color: #959595;}

.profoot .right{width: 282px;float: right;height: 100%;margin-right: 30px;}
.profoot .right dl{width: 280px;border: 1px solid #e1e1e1;height: 223px;text-align: left;}
.profoot .right dt{padding: 0 10px;margin-bottom: 5px;height: 40px;line-height: 40px;font-size: 18px;color: #3a3a3a;background-color: #eeeeee;}
.profoot .right dd{font-size: 13px;line-height: 33px;padding: 0 10px;width: 260px;overflow: hidden;-ms-text-overflow: ellipsis;text-overflow: ellipsis;white-space: nowrap;}
.profoot .right dd a{color: #4d4d4d;}
.profoot .right dd a:hover,.foot .left a:hover,.foot .right .span2 a:hover{color: #22add6;text-decoration: underline;}
.profoot .right .img{display: block;width: 100%;height: 83px;padding-top: 17px;}
.profoot .right .img img{width: 100%;height: 100%;}

.foot{width: 100%;height: 62px;line-height: 62px;background-color: #eeeeee;}
.foot .footin{width: 1200px;margin: 0 auto;height: 100%;}
.foot .left{float: left;}
.foot .left a{padding: 0 15px;color: #3a3a3a;position: relative;}
.foot .left a:before{content: '';position: absolute;left: 0;top: 50%;margin-top: -5px;width: 1px;height: 10px;background-color: #dddddd;}
.foot .left a.nth1{padding-left: 0;}
.foot .left a.nth1:before{display: none;}
.foot .right{float: right;color: #3a3a3a;font-size: 12px;}
.foot .right .span2{padding: 0 15px;}
/*产品列表_整体橱柜结束*/

/*产品列表详细开始*/
.probread{width: 100%;height: 52px;line-height: 52px;background-color: #22add6;text-align: left;}
.probread .inner{width: 1200px;height: 100%;margin: 0 auto;font-size: 13px;color: #fff;}
.probread .inner a{color: #fff;}
.probread .inner a:hover{color: #00556e;}
.probread .inner .right{float: right;font-size: 14px;}
.probread .inner .right a{padding-left: 55px;}
.probread .inner .right a.on{font-weight: bold;}

.desection1{width: 1200px;margin: 0 auto;min-height: 547px;}
.desection1 .left{float: left;width: 800px;padding: 40px 0;height: 467px;}
.desection1 .left .bigimg{float: left;width: 467px;height: 467px;padding: 0 0 0 60px;}
.desection1 .left .bigimg img{width: 100%;height: 100%;}
.desection1 .left .below{width: 79px;position: relative;float: left;height: 467px;}
.desection1 .left .smallimg{width: 100%;height: 431px;position: relative;overflow: hidden;margin-top: 18px;}
.desection1 .left .smallimg ul{position: absolute;left: 0;top: 0;}
.desection1 .left .smallimg li{float: left;width: 77px;height: 77px;margin-bottom: 9px;border: 1px solid #d6d6d6;}
.desection1 .left .smallimg li.on{width: 75px;height: 75px;border: 2px solid #757575;}
.desection1 .left .smallimg ul img{width: 100%;height: 100%; cursor: pointer;}
.desection1 .left .below .arrowleft,.desection1 .left .below .arrowright{position: absolute;left: 29px;width: 22px;height: 13px;background: url(/uploads/image/tmimages/arrowblackpro.png) left top no-repeat;}
.desection1 .left .below .arrowleft{top: -10px;}
.desection1 .left .below .arrowright{bottom: -10px;background-position: left bottom;}

.desection1 .right{float: right;padding: 55px 35px 0;width: 330px;height: 492px;background-color: #f7f7f7;text-align: left;overflow-y: scroll;}
.desection1 .right .top{padding-bottom: 25px;border-bottom: 1px solid #dadada;}
.desection1 .right .type{font-size: 20px;line-height: 30px;color: #4c4c4c;}
.desection1 .right .name{font-size: 20px;line-height: 24px;font-weight: bold;padding: 7px 0 15px;}
.desection1 .right .des{font-size: 13px;line-height: 28px;color: #4c4c4c;padding-left: 25px;position: relative;}
.desection1 .right .des:before{content: "";position: absolute;left: 0;top: 50%;margin-top: -6px;width: 12px;height: 12px;background: url(/uploads/image/tmimages/probg1.png) center no-repeat;}
.desection1 .right .parameter{padding-bottom: 15px;border-bottom: 1px solid #dadada;color: #4c4c4c;}
.desection1 .right .parameter .title{padding: 17px 0 10px;font-size: 17px;line-height: 37px;position: relative;display: inline-block;}
.desection1 .right .parameter .title:after{content: "";position: absolute;right: -19px;top: 30px;width: 1px;height: 12px;background-color: #c0c0c0;}
.desection1 .right .parameter .txt{font-size: 13px;line-height: 29px;}
.desection1 .right .price{font-size: 17px;line-height: 70px;color: #4c4c4c;}
.desection1 .right .price span{color: #22add6;}
.desection1 .right .price strong{color: #22add6;font-size: 30px;font-weight: bold;}
.desection1 .right .link{display: block;width: 150px;margin: 15px auto 20px;height: 40px;line-height: 40px;border: 1px solid #22add6;color: #fff;border-radius: 4px;font-size: 16px;text-align: center;background-color: #22add6;}
.desection1 .right .link:hover{background-color: #49d6ff;}

.prorecommend{width: 100%;padding: 40px 0 30px;height: 170px;border-top: 1px solid #eeeeee;border-bottom: 1px solid #eeeeee;}
.prorecommend .inner{width: 1200px;margin: 0 auto;height: 100%;text-align: left;}
.prorecommend .left{float: left;width: 299px;height: 100%;border-right: 1px solid #eeeeee;color: #2a2a49;}
.prorecommend .left .p1{padding-top: 8px;font-size: 48px;line-height: 74px;}
.prorecommend .left .p2{font-size: 18px;line-height: 42px;}
.prorecommend ul{float: right;width: 900px;}
.prorecommend ul li{width: 120px;padding-left: 60px;height: 178px;float: left;}
.prorecommend ul li a{display: block;width: 100px;height: 100%;padding: 0 10px;}
.prorecommend ul li:hover a,.news .list1 li a:hover,.news .list2 li a:hover,.honorlist li:hover,.videolist li a:hover{-webkit-box-shadow: 1px 1px 10px rgba(0,0,0,.3);-moz-box-shadow: 1px 1px 10px rgba(0,0,0,.3);-ms-box-shadow: 1px 1px 10px rgba(0,0,0,.3);-o-box-shadow: 1px 1px 10px rgba(0,0,0,.3);box-shadow: 1px 1px 10px rgba(0,0,0,.3);}
.prorecommend ul li .img{width: 100%;height: 100px;overflow: hidden;}
.prorecommend ul li .img img{width: 100%;min-height: 100%;}
.prorecommend ul li .p1{padding: 10px 0 8px;font-size: 13px;line-height: 16px;color: #424242;}
.prorecommend ul li .price{line-height: 20px;color: #22add6;font-weight: bold;}

.desection2{width: 100%;padding: 50px 0 200px;}
.desection2 h2,strong,h1{font-weight: bold;}
/*产品列表详细结束*/


/*关于迅达_企业简介开始*/
.aboutbanner{width: 100%;height: 255px;position: relative;overflow: hidden;}
.aboutbanner img{width: 1920px;height: 100%;position: absolute;left: 50%;margin-left: -960px;top: 0;}
.aboutbanner .txt{width: 100%;text-align: center;color: #fff;position: absolute;left: 0;top: 0;z-index: 2;}
.aboutbanner .txt .p1{padding-top: 75px;font-size: 60px;line-height: 92px;}
.aboutbanner .txt .p2{font-size: 24px;line-height: 42px;}

.bread{width: 1200px;margin: 0 auto;font-size: 13px;line-height: 45px;color: #999999;text-align: left;}
.bread a{color: #999;}
.bread a:hover,.bread span{color: #22add6;}

.aboutnav{width: 1200px;margin: 0 auto 27px;height: 58px;line-height: 58px;background-color: #fff;}
.aboutnav a{float: left;position: relative;width: 20%;color: #444;font-size: 16px;}
.aboutnav a:before{content: "";position: absolute;left: 0;top: 50%;margin-top: -7px;width: 1px;height: 14px;background-color: #9b9b9b;}
.aboutnav a:after{content: "";position: absolute;left: 50%;margin-left: -8px;bottom: -16px;border: 8px solid #22add6;border-left-color: transparent;border-right-color: transparent;border-bottom-color: transparent;display: none;}
.aboutnav a.nth1:before{display: none;}
.aboutnav a.on,.aboutnav a:hover{background-color: #22add6;color: #fff;}
.aboutnav a.on:after,.aboutnav a:hover:after{display: block;}

.profile{width: 1130px;margin: 0 auto 20px;padding: 20px 35px 95px;background-color: #fff;text-align: left;}
.profile h2,strong{font-weight: bold;}
.profile .title{font-size: 32px;line-height: 68px;color: #333;}
.profile p{line-height: 27px;color: #6d6d6d;}
.profile img{padding: 20px 0;}
/*关于迅达_企业简介结束*/

/*关于迅达_新闻开始*/
.news{width: 1200px;margin: 0 auto 20px;padding: 6px 0;background-color: #fff;}
.news .list1{width: 100%;position: relative;overflow:hidden;}
.news .list1 .bd li{width: 100%;padding: 18px 0 0;height: 267px;}
.news .list1 .bd li a,.news .list2 li a,.videolist li a{display: block;width: 100%;height: 100%;}
.news .list1 .left{float: left;width: 527px;height: 100%;overflow: hidden;}
.news .list1 .left img{width:527px;height:267px;}
.news .list2 .top img{width:100%;height:100%;}
.news .list1 .right{float: right;padding: 20px 40px 0 70px;width: 563px;height: 245px;border-top: 1px solid #dcdcdc;border-bottom: 1px solid #dcdcdc;text-align: left;}
.news .list1 .right h2{font-size: 22px;line-height: 44px;font-weight: bold;overflow: hidden;-ms-text-overflow: ellipsis;text-overflow: ellipsis;white-space: nowrap;}
.news .list1 .right .date{line-height: 26px;color: #676767;}
.news .list1 .right .txt{width: 100%;margin: 20px 0 40px;height: 44px;line-height: 22px;color: #676767;overflow: hidden;}
.news .list1 .right .link{width: 130px;height: 36px;line-height: 36px;font-size: 15px;color: #fff;background-color: #76c5db;text-align: center;}
.news .list1 .right .link:hover{background-color: #22add6;}
.news .list1 .hd{position: absolute;width: 100%;text-align: right;bottom: 10px;right: 30px;z-index: 20;}
.news .list1 .hd li{display: inline-block;vertical-align: middle;font-size: 0;width: 25px;height: 5px;background-color: #ccc;margin: 0 4px;cursor: pointer;}
.news .list1 .hd li.on{background-color: #76c5db;}

.news .list2{width: 1182px;padding: 60px 9px 0;}
.news .list2 li{width: 375px;height: 461px;float: left;margin: 0 9px 18px;background-color: #efefef;}
.news .list2 .top{width: 100%;height: 254px;overflow: hidden;}
.news .list2 .below{padding: 0 15px;width: 345px;text-align: left;}
.news .list2 .below .date{font-size: 13px;line-height: 55px;color: #2f2f2f;}
.news .list2 .below h2{font-size: 16px;line-height: 26px;font-weight: bold;overflow: hidden;-ms-text-overflow: ellipsis;text-overflow: ellipsis;white-space: nowrap;}
.news .list2 .below .txt{padding-top: 5px;font-size: 12px;line-height: 22px;color: #676767;}
/*关于迅达_新闻结束*/

/*关于迅达_新闻详细开始*/
.newsdetail{width: 1200px;margin: 0 auto 25px;background-color: #fff;}
.newsdetail .title{padding: 20px 0 0;background-color: #22add6;color: #fff;}
.newsdetail .title h2{font-size: 27px;line-height: 47px;}
.newsdetail .title .content{padding: 10px 0 15px;line-height: 34px;}
.newsdetail .title .content .span1{padding-right: 30px;}
.newsdetail .title .content .jiathis_style{display: inline-block;vertical-align: middle;}
.newsdetail .title .content .jiathis_style .jtico{background: 0 none !important;padding-left: 0 !important;}
.newsdetail .title .content .jiathis_style .jtico_jiathis{padding-left: 5px !important;}
.newsdetail .title .content .jiathis_style img{height: 16px;/*display: block;*/}

.newsdetail .wrap1{padding: 45px 130px 35px;width: 940px;}
.newsdetail .wrap1 p{font-size: 13px;line-height: 34px;color: #575757;text-align: left;}

.newsdetail .wrap2{width: 940px;margin: 0 auto;height: 30px;line-height: 30px;}
.newsdetail .wrap2 .tags{float: left;width: 80%;text-align: left;font-size: 0;}
.newsdetail .wrap2 .tags *{display: inline-block;vertical-align: middle;font-size: 13px;}
.newsdetail .wrap2 .tags .name{width: 71px;padding-left: 8px;margin-right: 16px;height: 30px;background-color: #22add6;color: #fff;text-align: center;}
.newsdetail .wrap2 .tags a{color: #575757;}
.newsdetail .wrap2 .back{float: right;width: 82px;height: 28px;border: 1px solid #aaaaaa;color: #4d4d4d;}
.newsdetail .wrap2 .back span{font-size: 12px;font-family: "宋体";}
.newsdetail .wrap2 .back:hover,.newsdetail .wrap3 p:hover,.videodetail .morelink p:hover{background-color: #22add6;color: #fff;border-color: #22add6;}

.newsdetail .wrap3,.videodetail .morelink{margin-top: 55px;height: 62px;line-height: 62px;border-top: 1px solid #c4c4c4;}
.newsdetail .wrap3 p,.videodetail .morelink p{float: left;width: 48%;padding: 0 1%;overflow: hidden;-ms-text-overflow: ellipsis;text-overflow: ellipsis;white-space: nowrap;font-size: 15px;color: #5a5a5a;}
.newsdetail .wrap3 p:hover a,.videodetail .morelink p:hover a{color: #fff;text-decoration: underline;}
/*关于迅达_新闻详细结束*/

/*关于迅达_企业荣誉开始*/
.honor{width: 1200px;margin: 0 auto 20px;padding: 40px 0 0;background-color: #fff;}
.honorlist{padding: 0 26px;}
.honorlist li{width: 310px;margin: 0 26px 35px;height: 200px;padding: 10px;cursor: pointer;float: left;overflow: hidden;}
.honorlist li.animatebox,.videolist li.animatebox,.news .list2 li.animatebox,.contact .wrap2.animatebox{opacity: 0;-webkit-transform:scale(0.5,0.5) rotate(3deg);-ms-transform:scale(0.5,0.5) rotate(3deg);-o-transform:scale(0.5,0.5) rotate(3deg);-moz-transform:scale(0.5,0.5) rotate(3deg);transform:scale(0.5,0.5) rotate(3deg);}
.honorlist li.animatebox.animate,.videolist li.animatebox.animate,.news .list2 li.animatebox.animate,.contact .wrap2.animatebox.animate{opacity: 1;-webkit-transform:scale(1,1) rotate(0deg);-ms-transform:scale(1,1) rotate(0deg);-o-transform:scale(1,1) rotate(0deg);-moz-transform:scale(1,1) rotate(0deg);transform:scale(1,1) rotate(0deg);}
.honorlist li p{width: 100%;height: 100%;overflow: hidden;}
.honorlist li img{width: 100%;min-height: 200px;}
.viewer-toolbar li,.viewer-toolbar .viewer-prev:before,.viewer-toolbar .viewer-next:before,.viewer-title{display: none;}
.viewer-toolbar .viewer-prev,.viewer-toolbar .viewer-next{display: block;width: 23px;height: 43px;background: url(/uploads/image/tmimages/aboutarrow3.png) left top no-repeat;float: left;}
.viewer-toolbar .viewer-next{background-position: right top;float: right;}
.viewer-toolbar>li:hover{background-color: transparent;}
.viewer-footer{width: 980px;height: 44px;left: 50%;margin-left: -490px;top: 50%;margin-top: -35px;}
.viewer-toolbar{width: 100%;margin: 0;padding: 0;}
.viewer-button.viewer-close{width: 1000px;border-radius: 0;top: 10%;right: 50%;margin-right: -500px;background: 0 none;}
.viewer-close:before{width: 56px;height: 56px;background: url(/uploads/image/tmimages/shuticon.png) center no-repeat;left: auto;right: 0;}
/*关于迅达_企业荣誉结束*/

/*关于迅达_影像列表开始*/
.videolist{width: 1200px;margin: 0 auto 20px;padding: 30px 0 0;background-color: #fff;}
.videolist li{float: left;width: 555px;margin: 0 0 40px 30px;}
.videolist li .top{width: 100%;height: 310px;overflow: hidden;position: relative;}
.videolist li .top .img1{width: 100%;min-height: 100%;}
.videolist li .top .icon{position: absolute;left: 50%;margin-left: -43.5px;top: 50%;margin-top: -43.5px;}
.videolist li .below{height: 106px;padding: 20px 20px 0;text-align: left;}
.videolist li .below p{width: 100%;overflow: hidden;-ms-text-overflow: ellipsis;text-overflow: ellipsis;white-space: nowrap;}
.videolist li .below .p1{font-size: 24px;line-height: 46px;color: #444444;}
.videolist li .below .p2{font-size: 16px;line-height: 40px;color: #666;}
/*关于迅达_影像列表结束*/


/*关于迅达_影像详情开始*/
.videodetail{width: 1200px;margin: 0 auto 20px;background-color: #fff;}
.videodetail h2{padding-left: 44px;font-size: 32px;line-height: 86px;text-align: left;}
.videodetail .des{padding: 15px 20px 38px;line-height: 30px;color: #666666;text-align: left;}
.videodetail .morelink{margin-top: 0;border-top: 1px dotted #dcdcdc;border-bottom: 1px dotted #dcdcdc;}

.videode2{width: 1200px;margin: 0 auto 30px;background-color: #fff;}
.videode2 .title{padding: 0 18px 20px;height: 80px;line-height: 80px;font-size: 20px;color: #191919;text-align: left;}
.videode2 .videolist{padding: 0;}
.videode2 .title .more{float: right;color: #22add6;font-size: 14px;}
.videode2 .title .more:hover{text-decoration: underline;}
/*关于迅达_影像详情结束*/

/*贴心服务_售后服务开始*/
.aboutnav2 a{width: 25%;}
.aftersale{width: 1200px;margin: 0 auto 30px;padding-bottom: 65px;background-color: #fff;}
.aftersale .proorder{margin: 0 auto;border-bottom: 1px solid #e2e2e2;}
.aftersale .wrap1{padding: 60px 24px 50px;border-bottom: 1px solid #e2e2e2;}
.aftersale .wrap1 li{float: left;width: 288px;position: relative;cursor: default;}
.aftersale .wrap1 li:hover .icon,.contact .wrap1 .list li:hover .icon{-webkit-animation-name: bounce;animation-name: bounce;-webkit-transform-origin: center bottom;-ms-transform-origin: center bottom;transform-origin: center bottom; -webkit-animation-duration: 1s;animation-duration: 1s; -webkit-animation-fill-mode: both;animation-fill-mode: both;}
@-webkit-keyframes bounce {
  0%,100%,20%,53%,80% {
    -webkit-transition-timing-function: cubic-bezier(0.215,.61,.355,1);
    transition-timing-function: cubic-bezier(0.215,.61,.355,1);
    -webkit-transform: translate3d(0,0,0);
    transform: translate3d(0,0,0)
  }
  40%,43% {
    -webkit-transition-timing-function: cubic-bezier(0.755,.050,.855,.060);
    transition-timing-function: cubic-bezier(0.755,.050,.855,.060);
    -webkit-transform: translate3d(0,-30px,0);
    transform: translate3d(0,-30px,0)
  }
  70% {
    -webkit-transition-timing-function: cubic-bezier(0.755,.050,.855,.060);
    transition-timing-function: cubic-bezier(0.755,.050,.855,.060);
    -webkit-transform: translate3d(0,-15px,0);
    transform: translate3d(0,-15px,0)
  }
  90% {
    -webkit-transform: translate3d(0,-4px,0);
    transform: translate3d(0,-4px,0)
  }
}@keyframes bounce {
   0%,100%,20%,53%,80% {
     -webkit-transition-timing-function: cubic-bezier(0.215,.61,.355,1);
     transition-timing-function: cubic-bezier(0.215,.61,.355,1);
     -webkit-transform: translate3d(0,0,0);
     -ms-transform: translate3d(0,0,0);
     transform: translate3d(0,0,0)
   }
   40%,43% {
     -webkit-transition-timing-function: cubic-bezier(0.755,.050,.855,.060);
     transition-timing-function: cubic-bezier(0.755,.050,.855,.060);
     -webkit-transform: translate3d(0,-30px,0);
     -ms-transform: translate3d(0,-30px,0);
     transform: translate3d(0,-30px,0)
   }
   70% {
     -webkit-transition-timing-function: cubic-bezier(0.755,.050,.855,.060);
     transition-timing-function: cubic-bezier(0.755,.050,.855,.060);
     -webkit-transform: translate3d(0,-15px,0);
     -ms-transform: translate3d(0,-15px,0);
     transform: translate3d(0,-15px,0)
   }
   90% {
     -webkit-transform: translate3d(0,-4px,0);
     -ms-transform: translate3d(0,-4px,0);
     transform: translate3d(0,-4px,0)
   }
 }
.bounce {
  -webkit-animation-name: bounce;
  animation-name: bounce;
  -webkit-transform-origin: center bottom;
  -ms-transform-origin: center bottom;
  transform-origin: center bottom
}
.aftersale .wrap1 li .name{padding: 10px 0 0;font-size: 20px;line-height: 40px;color: #22add6;}
.aftersale .wrap1 li .txt{line-height: 22px;color: #505050;}
.aftersale .wrap1 li:before{content: "";position: absolute;left: 0;top: 50%;margin-top: -73px;width: 1px;height: 146px;background: url(/uploads/image/tmimages/aftersalebg1.png) repeat-y;}
.aftersale .wrap1 li.nth1:before,.contact .wrap1 .list li.nth1:before{display: none;}

.aftersale .wrap2{padding: 27px 25px 0;width: 1150px;text-align: left;}
.aftersale .wrap2 p{font-size: 13px;line-height: 30px;color: #616161;}
.aftersale .wrap2 .title{font-size: 16px;line-height: 30px;font-weight: bold;color: #505050;width: 100%;}
/*贴心服务_售后服务结束*/

/*贴心服务_联系我们开始*/
.contact{width: 1144px;padding: 44px 28px 30px;margin: 0 auto 30px;background-color: #fff;}
.contact .wrap1{padding: 20px 28px 30px;width: 1088px;background-color: #f9f9f9;}
.contact .wrap1 .title{height: 45px;line-height: 45px;border-bottom: 1px dotted #c6c6c6;text-align: left;}
.contact .wrap1 .title *{display: inline-block;vertical-align: middle;}
.contact .wrap1 .title .p1{padding: 0 8px;font-size: 16px;color: #1c1c1c;}
.contact .wrap1 .title .p2{width: 44px;height: 19px;line-height: 19px;background-color: #22add6;color: #fff;font-size: 13px;text-align: center;}
.contact .wrap1 .list{width: 100%;}
.contact .wrap1 .list li{float: left;width: 33.3%;padding: 46px 0 0;position: relative;cursor: default;}
.contact .wrap1 .list li p{font-size: 12px;line-height: 46px;color: #757575;}
.contact .wrap1 .list li:before{content: '';position: absolute;left: 0;top: 77px;width: 1px;height: 44px;background-color: #cdcdcd;}

.contact .wrap2{padding: 10px 0 38px;}
.contact .wrap2 li{float: left;width: 335px;height: 186px;padding: 20px 20px 0;margin: 0 0 9.5px 9.5px;text-align: left;background-color: #f9f9f9;}
.contact .wrap2 li.nth1{margin-left: 0;}
.contact .wrap2 li .title{padding: 0 0 0 19px;height: 45px;line-height: 45px;border-bottom: 1px dotted #c6c6c6;font-size: 16px;color: #1e1e1e;background: url(/uploads/image/tmimages/contacticon1.png) 3px center no-repeat;}
.contact .wrap2 li .txt{padding-top: 8px;font-size: 12px;line-height: 28px;color: #757575;}

.contact .wrap3{width: 100%;text-align: left;}
.contact .wrap3 .title{padding-left: 16px;font-size: 20px;line-height: 52px;color: #1e1e1e;position: relative;}
.contact .wrap3 .title:before{content: "";position: absolute;left: 0;top: 50%;margin-top: -7px;width: 3px;height: 14px;background-color: #22add6;}


.contact .wrap4{font-size: 12px;line-height: 28px;color: #757575;text-align: left;margin: -40px 0 20px;padding: 0 15px;}
/*贴心服务_联系我们结束*/

/*产品列表_社会责任开始*/
.duty{width: 100%;}
.duty img.show{width: 100%;}
.duty .wrap1{width: 100%;height: 1128px;background: url(/uploads/image/tmimages/socialbg1.jpg) center top no-repeat;}
.duty .dutytitle{width: 100%;padding: 25px 0;}
.duty .dutytitle .txt{font-size: 20px;line-height: 42px;color: #949494;}
.duty .wrap1 .main{width: 1200px;margin: 0 auto;height: 295px;line-height: 30px;color: #949494;overflow: hidden;}
.duty .wrap1 .imgs{width: 1269px;margin: 0 auto;padding-bottom: 130px;}
.duty .wrap1 .imgs li{float: left;width: 353px;height: 317px;margin: 0 35px;}

.duty .wrap2{width: 100%;}
.duty .wrap2 li{float: left;position: relative;}
.duty .wrap2 li.animatebox{opacity: 0;-webkit-transform:translatex(100px);-ms-transform:translatex(100px);-o-transform:translatex(100px);-moz-transform:translatex(100px);transform:translatex(100px);}
.duty .wrap2 li.li1.animatebox{opacity: 0;-webkit-transform:translatex(-100px);-ms-transform:translatex(-100px);-o-transform:translatex(-100px);-moz-transform:translatex(-100px);transform:translatex(-100px);}
.duty .wrap2 li.animatebox.animate{opacity: 1;-webkit-transform:translatex(0px);-ms-transform:translatex(0px);-o-transform:translatex(0px);-moz-transform:translatex(0px);transform:translatex(0px);}
.duty .wrap2 li img{display: block;width: 100%;}
.duty .wrap2 li p{position: absolute;left: 0;bottom: 0;padding: 0 2%;width: 96%;height: 90px;font-size: 22px;line-height: 90px;-webkit-background: rgba(0,0,0,.7);-moz-background: rgba(0,0,0,.7);-ms-background: rgba(0,0,0,.7);-o-background: rgba(0,0,0,.7);background: rgba(0,0,0,.7);filter:progid:dximagetransform.microsoft.gradient(startcolorstr=#b2000000,endcolorstr=#b2000000);color: #fff;overflow: hidden;-ms-text-overflow: ellipsis;text-overflow: ellipsis;white-space: nowrap;}
.duty .wrap2 li.li1 p{width: 100%;padding: 0;}
.duty .wrap2 li.li1,.duty .wrap2 li.li2{width: 50%;}
.duty .wrap2 li.li3,.duty .wrap2 li.li4{width: 25%;}

.duty .wrap3{width: 100%;height: 928px;padding-top: 130px;background: url(/uploads/image/tmimages/socialbg3.jpg) center top no-repeat;}
.duty .wrap3 .dutyshow{width: 1348px;height: 708px;margin: 0 auto;background: url(/uploads/image/tmimages/socialbg2.png) center no-repeat;}
.dutyshow .parbd{width: 1060px;margin: 0 auto;height: 285px;padding: 110px 0 33px;position: relative;overflow: hidden;}
.dutyshow .parbd .box{width: 100%;height: 285px;display: none;position: absolute;right: 0;top: 110px;}
.dutyshow .parbd .box.nth1{display: block;}
.dutyshow .parbd .box .bg{width: 100%;height: 167px;position: absolute;left: 0;bottom: 0;background-color: #fff;}
.dutyshow .parbd .box .left{float: left;width: 362px;padding: 0 35px 0 30px;height: 244px;position: relative;z-index: 2;}
.dutyshow .parbd .box .left img{display: block;width: 100%;height: 100%;}
.dutyshow .parbd .box .right{float: left;width: 600px;text-align: left;position: relative;z-index: 2;}
.dutyshow .parbd .box .right .date{padding: 50px 0 45px 85px;font-size: 48px;line-height: 50px;color: #2f2f2f;position: relative;}
.dutyshow .parbd .box .right .date:before{content: "";position: absolute;left: 0;bottom: 70px;width: 67px;height: 1px;background-color: #aeaeae;}
.dutyshow .parbd .box .right .txt{width: 100%;font-size: 18px;line-height: 24px;color: #4e4e4e;}
.dutyshow .parhd{width: 1068px;padding: 0 45px;margin: 0 auto;height: 65px;position: relative;overflow: hidden;}
.dutyshow .parhd .wrap{width: 1068px;margin: 0 auto;overflow: hidden;height: 65px;position: relative;}
.dutyshow .parhd ul{position: absolute;left: 0;top: 0;}
.dutyshow .parhd li{float: left;width: 164px;margin: 0 7px;height: 100%;background-color: #fff;font-size: 18px;color: #868686;line-height: 65px;cursor: pointer;}
.dutyshow .parhd li.act{background-color: #22add6;color: #fff;}
.dutyshow .parhd a{position: absolute;left: 10px;top: 50%;margin-top: -18px;width: 19px;height: 36px;background: url(/uploads/image/tmimages/arrowblackduty.png) left top no-repeat;}
.dutyshow .parhd a.snext{left: auto;right: 10px;background-position: right top;}
/*产品列表_社会责任结束*/

/*贴心服务_销售网点开始*/
.dot{width: 1200px;margin: 0 auto;padding-bottom: 84px;}
.dot .wrap1{width: 100%;padding: 20px 0 8px;background-color: #f0f0f0;font-size: 0;}
.dot .wrap1 li{display: inline-block;vertical-align: middle;width: 80px;margin: 0 70px;}
.dot .wrap1 li a{display: block;width: 100%;height: 100%;}
.dot .wrap1 li .icon{width: 100%;height: 43px;overflow: hidden;}
.dot .wrap1 li .icon img{display: block;margin: 0 auto;}
.dot .wrap1 li .txt{line-height: 40px;color: #000000;font-size: 14px;}
.dot .wrap1 li.on .icon1,.dot .wrap1 li:hover .icon1{margin-top: -43px;}
.dot .wrap1 li.on .txt,.dot .wrap1 li:hover .txt{color: #22aad3;}

/* 效果css开始 */
.dot .wrap2{width:1200px;position:relative;margin:0 auto;padding: 20px 0 134px;border-bottom: 1px solid #d5d5d5;}
.dot .wrap2 .btn{position:absolute;cursor:pointer;z-index:99;top:50%;margin-top: -29px;left: 0;width:59px;height:58px;background: url(/uploads/image/tmimages/arrowcircle.png) left top no-repeat;}
.dot .wrap2 #prevtop,.dot .wrap2 #nexttop{display: none;}
.dot .wrap2 .next{left: auto;right: 0px;background-position: right top;}

.dot .wrap2 li{float:left;}
.dot .wrap2 .cf li{position:relative;}

.dot .wrap2 .picbox{width:100%; height:635px; position:relative;overflow:hidden;}
.dot .wrap2 .picbox ul{width: 100%;height:100%;position:absolute; left:0;}
.dot .wrap2 .picbox li{width:1200px;height:100%;}
.dot .wrap2 .picbox li .txt{width: 100%;height: 101px;}
.dot .wrap2 .picbox li .txt .name{font-size: 28px;line-height: 58px;color: #363636;}
.dot .wrap2 .picbox li .txt .address{padding-left: 22px;display: inline-block;font-size: 16px;line-height: 30px;color: #666666;background: url(/uploads/image/tmimages/addressicon1.png) left center no-repeat;}
.dot .wrap2 .picbox li img{width: 100%;height: 534px;}

.dot .wrap2 .listbox{width:1115px;height:114px;position:absolute; left: 50%;margin-left: -557px;bottom: 67px;overflow:hidden;}
.dot .wrap2 .listbox ul{height: 114px;position:absolute;}
.dot .wrap2 .listbox li{width:195px;height:114px;cursor:pointer;position:relative; margin: 0 14px;}
.dot .wrap2 .listbox img{width: 100%;height: 100%;}
.dot .wrap2 .listbox .on img{width: 187px;height: 106px;border: 3px solid #ffffff;}

.dot .wrap3{width: 100%;padding: 20px 0 0;}
.dot .wrap3 .title{font-size: 28px;line-height: 94px;color: #22add6;text-align: left;}
.dot .wrap3 .left{float: left;width: 396px;height: 457px;}
.dot .wrap3 .left #city_4{width: 100%;height: 38px;padding-bottom: 16px;border-bottom: 2px solid #f1f1f1;}
.dot .wrap3 .left #city_4 select{float: left;height: 38px;line-height: 38px;color: #464646;width: 116px;border: 1px solid #d6d6d6;margin-left: 24px;}
.dot .wrap3 .left #city_4 #prov4{margin-left: 0;}
.dot .wrap3 .namelist{width: 100%;height: 400px;overflow-y: scroll;}
.dot .wrap3 .namelist li{padding: 15px 0;border-bottom: 2px solid #f1f1f1;font-size: 0;text-align: left;cursor: pointer;}
.dot .wrap3 .namelist .num{display: inline-block;vertical-align: middle;width: 34px;height: 34px;line-height: 34px;background-color: #d2d2d2;color: #fff;font-size: 18px;text-align: center;}
.dot .wrap3 .namelist .txt{display: inline-block;vertical-align: middle;padding-left: 25px;width: 310px;}
.dot .wrap3 .namelist .txt .p1{font-size: 15px;line-height: 19px;padding-bottom: 4px;}
.dot .wrap3 .namelist .txt .p2{font-size: 12px;line-height: 18px;color: #717171;}
.dot .wrap3 .namelist li.on .num{background-color: #22add6;}
.dot .wrap3 .namelist li.on .p1{color: #22add6;}

.dot .wrap3 .right{width: 743px;height: 457px;float: right;}
.dot .wrap3 .right .box{width: 100%;height: 100%;display: none;}
.dot .wrap3 .right .box.nth1{display: block;}
/*贴心服务_销售网点结束*/

/*品牌中心_品牌故事开始*/
.story{padding: 0 32px 75px;width: 1136px;margin: 0 auto 36px;background-color: #fff;text-align: left;}
.story .title{font-size: 32px;line-height: 90px;color: #333;}
.story p{line-height: 30px;color: #6d6d6d;}
.story p.slogan{display: inline-block;vertical-align: middle;font-size: 14px;line-height: 36px;color: #fff;background-color: #22add6;padding: 0 30px;}
/*品牌中心_品牌故事结束*/

/*品牌中心_品牌文化开始*/
.culture{padding: 30px 30px 75px;width: 1140px;margin: 0 auto 70px;background-color: #fff;text-align: left;}
.culture .wrap1{width: 100%;padding-bottom: 30px;}
.culture .wrap1 img{width: 100%;}
.culture .wrap1 .title{padding: 15px 0 0 15px;font-size: 20px;line-height: 56px;color: #101010;position: relative;}
.culture .wrap1 .title:before,.culture .wrap2 div p .name:before{content: "";position: absolute;left: 0;top: 34px;width: 5px;height: 19px;background-color: #22add6;}
.culture .wrap1 .txt{font-size: 13px;line-height: 29px;color: #6f6f6f;}
.culture .wrap2{width: 100%;}
.culture .wrap2 div{width: 100%;height: 70px;line-height: 70px;border-bottom: 1px dotted #e2e2e2;}
.culture .wrap2 div p{float: left;width: 50%;font-size: 0;}
.culture .wrap2 div p span{display: inline-block;vertical-align: middle;}
.culture .wrap2 div p .name{padding-left: 18px;color: #101010;font-size: 20px;position: relative;}
.culture .wrap2 div p .name:before{top: 26px;}
.culture .wrap2 div p .txt{font-size: 13px;color: #6f6f6f;}
/*品牌中心_品牌文化结束*/

/*品牌中心_品牌大事记开始*/
.history{padding: 45px 35px 145px;width: 1130px;margin: 0 auto;background-color: #fff;text-align: left;}
.history img{max-width: 100%;}
.history .des{padding-bottom: 55px;line-height: 30px;color: #6e6e6e;}
.history .title{width: 323px;display: block;margin: 0 auto;padding-bottom: 30px;}
.history .year{height: 32px;line-height: 32px;width: 105px;margin: 0 0 0 528px;position: relative;cursor: pointer;}
.history .year:after{content: "";position: absolute;right: 0;top: 15px;border: 4px solid #22add6;border-left-color: transparent;border-right-color: transparent;border-bottom-color: transparent;}
.history .year .txt{font-size: 26px;color: #22add6;text-decoration: underline;}
.history .year ul{position: absolute;left: 0;top: 29px;width: 100%;border: 1px solid #22add6;z-index: 10;background-color: #fff;display: none;}
.history .year ul li{padding: 0 20px;color: #22add6;}
.history .year ul li:hover{background-color: #22add6;color: #fff;}
.history .icon{display: block;width: 59px;margin: 20px auto 0;}

.historymain{width: 100%;}
/* 本例子css */
.picscroll-top{ padding: 120px 0 50px;width: 100%; overflow:hidden; position:relative;}
.picscroll-top:before{content: "";position: absolute;left: 50%;top: 0;width: 1px;height: 100%;background-color: #d7d7d7;}
.picscroll-top .hd .prev,.picscroll-top .hd .next{position: absolute;bottom: 50px;left: 50%;margin-left: -20px; width:40px; height:40px; overflow:hidden;cursor:pointer; background: left top no-repeat;z-index: 8;}
.picscroll-top .hd .next{ background-position:left bottom; bottom: 0;}
.picscroll-top .bd li{zoom:1; margin-left: 50%;width: 50%;position: relative;z-index: 5;}
.picscroll-top .bd ul li:before{content: "";position: absolute;left: -10px;top: 16px;width: 21px;height: 21px;background: url(/uploads/image/tmimages/brandicon1.png) no-repeat;}
.picscroll-top .bd .left{width: 112px;height: 1px;margin: 26px 10px 0 0;background-color: #8b8b8b;float: left;}
.picscroll-top .bd .right{float: left;width: 440px;}
.picscroll-top .bd .right .date{font-size: 40px;line-height: 46px;color: #22add6;}
.picscroll-top .bd .right .date span{font-size: 16px;}
.picscroll-top .bd .right .text{font-size: 18px;line-height: 28px;color: #3c3c3c;padding-bottom: 15px;}
.picscroll-top .bd .right img{width: 217px;height: 109px;}
.picscroll-top .bd ul li.even{margin-left: 0;text-align: right;}
.picscroll-top .bd li.even .left{margin: 26px 0 0 10px;float: right;}
.picscroll-top .bd ul li.even:before{left: auto;right: -10px;}
/*品牌中心_品牌大事记结束*/

/*加载动画开始*/
#loader-wrapper{position: fixed; width: 100%; overflow: hidden; height: 100%; left: 0; top: 0; z-index: 9999;}
.load_img{ width: 100%; height: 100%; position: absolute; left: 0; top:0; z-index: 10;}
.load_img img{ display: block; width: 100%; height: 100%;}
.loader-content{position: absolute; z-index: 20; text-align: center; width: 100%; left: 0; top: 50%; margin-top: -50px;}
.loader-content img{width:100px;height:100px;}
.loader-content img.loader-img{width:auto;height:auto;display:block;margin:0 auto 10px;}
.loader-content .title{font-family: "microsoft yahei", "微软雅黑"; position: absolute; width: 100%; text-align: center; left: 0; top: 120%; font-size: 18px; line-height: 30px; color: #fff;}
/*加载动画结束*/

/*产品查询无数据开始*/
.nodata{width: 100%;text-align: center;font-size: 30px;line-height: 100px;padding-top: 100px;}
/*产品查询无数据結束*/

/*20170623返回顶部按钮开始*/
.totop{position: fixed;left: 50%;margin-left: 610px;bottom: 20%;width: 35px;height: 35px;overflow: hidden;cursor: pointer;z-index: 90;display: none;}
.totop img{width: 100%;height: 100%;}
/*20170623返回顶部按钮结束*/

/*品牌中心_核心技术开始*/
.corebanner{width: 100%;height: 790px;overflow: hidden;position: relative;}
.corebanner img{display: block;width: 1920px;height: 100%;position: absolute;left: 50%;margin-left: -960px;top: 0;}

.core1{width: 1200px;margin: 0 auto;}
.core1 img.text{display: block;width: 100%;}
.core1 .video{width: 100%;height: 535px;background-color: #000;}

.core2{width: 100%;padding: 347px 0 77px;background: url(/uploads/image/tmimages/coreimg1.jpg) center top no-repeat;}
.core2 .inner{width: 1200px;margin: 0 auto;background-color: #fff;}
.core2 .left{float: left;width: 800px;}
.core2 .left .top{padding: 53px 163px 0 88px;width: 549px;height: 339px;overflow: hidden;text-align: left;}
.core2 .left .top .p1{font-size: 36px;line-height: 70px;}
.core2 .left .top .line{width: 52px;height: 3px;background-color: #616161;}
.core2 .left .top .p2{padding: 12px 0 0;font-size: 16px;line-height: 56px;color: #424242;font-weight: bold;}
.core2 .left .top .p2 span{padding-left: 45px;}
.core2 .left .top .p3{font-size: 13px;line-height: 27px;color: #8c8c8c;}
.core2 .left .bottom{width: 100%;height: 388px;overflow: hidden;}
.core2 .left .bottom .img{width: 520px;float: left;height: 100%;overflow: hidden;position: relative;}
.core2 .left .bottom .cover,.core2 .right .cover{position: absolute;left: 0;bottom: 0;width: 100%;height: 54px;background: rgba(0,0,0,.8);color: #fff;font-size: 18px;line-height: 54px;}
.core2 .left .bottom .patent{float: right;width: 267px;height: 100%;overflow: hidden;padding-right: 7px;}
.core2 .left .bottom .patent img,.core2 .right img{display: block;width: 100%;min-height: 100%;}
.core2 .right{float: right;width: 400px;height: 780px;overflow: hidden;position: relative;}

.core3{width: 100%;padding-bottom: 85px;background-color: #1a1a1a;}
.core3 .text{display: block;margin: 0 auto;}
.core3 ul{width: 1200px;margin: 0 auto;}
.core3 ul li{float: left;width: 160px;padding: 0 40px;}
.core3 ul .img{width: 100%;height: 118px;overflow: hidden;}
.core3 ul .p1{font-size: 24px;line-height: 50px;color: #fff;text-align: center;}
.core3 ul .p2{font-size: 15px;line-height: 22px;color: #fff;text-align: left;}

.core4{width: 1200px;padding: 35px 0 60px;margin: 0 auto;}
.core4 .title{padding-bottom: 25px;}
.core4 .title .p1{font-size: 48px;line-height: 77px;color: #21afd7;font-weight: bold;}
.core4 .title .p2{font-size: 28px;line-height: 66px;color: #484949;}
.core4 ul{width: 100%;padding: 50px 0 0;background: url(/uploads/image/tmimages/coreimg10.jpg) center top no-repeat;}
.core4 ul li{float: left;width: 266px;margin: 0 17px;}
.core4 ul li .year{width: 100%;height: 144px;line-height: 144px;font-size: 48px;font-weight: bold;color: #fff;background-color: #404040;}
.core4 ul li .below{width: 244px;border: 2px solid #6b6b6b;padding: 0 9px;margin-top: 10px;height: 360px;text-align: left;}
.core4 ul li .below .p1{padding: 5px 0 0;font-size: 36px;color: #21afd7;font-weight: bold;line-height: 72px;}
.core4 ul li .below .txt{font-size: 16px;line-height: 28px;color: #4b4b4b;}
/*品牌中心_核心技术结束*/


/*20170719首页第二屏开始*/
.indexpro{height:100%;background: url(/uploads/image/tmimages/section2bg.jpg) center bottom no-repeat;-webkit-background-size: 100% 100%;-moz-background-size: 100% 100%;-o-background-size: 100% 100%;background-size: 100% 100%;position: absolute;width:1920px;left:50%;margin-left:-960px;}
.indexpro ul{position: absolute;width: 100%;height: 462px;top: 50%;margin-top: -231px;}
.indexpro ul li{width: 100%;position: relative;height: 154px;overflow: hidden;}
.indexpro ul li:after{content: "";position: absolute;left: -70%;top: 0;width: 70%;height: 100%;background-color: #22add6;}
.indexpro ul .inner{width: 1200px;margin: 0 auto;height: 100%;position: relative;z-index: 2;}
.indexpro .inner .icon{width: 180px;height: 114px;position: relative;padding-top: 40px;float: left;}
.indexpro .inner .icon img{display: block;margin: 0 auto;position: relative;z-index: 2;}
.indexpro .inner .icon:after{content: "";position: absolute;left: 0;top: 0;width: 100%;height: 100%;background-color: #1897bc;-webkit-transform:rotate(360deg);-moz-transform:rotate(360deg);transform:rotate(360deg);opacity: 0;}
.indexpro .inner .right{float: left;padding: 0 150px 0 45px;color: #fff;width: 410px;text-align: left;}
.indexpro .inner .right .p1{padding-top: 46px;font-size: 24px;line-height: 58px;}
.indexpro .inner .right .p1 span{padding-left: 55px;font-size: 18px;position: relative;text-transform: uppercase;}
.indexpro .inner .right .p1 span:before{content: "";position: absolute;left: 15px;top: 50%;width: 30px;height: 1px;background-color: #fff;}
.indexpro .inner .right .p2{font-size: 14px;line-height: 24px;opacity: 0;filter:alpha(opacity = 0);}
.indexpro .inner .more{float: left;width: 28px;height: 28px;margin: 63px 56px 0 0;position: relative;}
.indexpro .inner .more:after,.indexpro .inner .more:before{content: "";position: absolute;top: 50%;left: 0;width: 100%;height: 1px;background-color: #fff;opacity: 0;}
.indexpro .inner .more:after{width: 1px;height: 100%;left: 50%;top: 0;-webkit-transform:translatex(28px);-moz-transform:translatex(28px);transform:translatex(28px);}
.indexpro .inner .more:before{-webkit-transform:translatey(28px);-moz-transform:translatey(28px);transform:translatey(28px);}


.indexpro li:hover .inner .icon:after{-webkit-transform:rotate(0);-moz-transform:rotate(0);transform:rotate(0);opacity: 1;}
.indexpro li:hover .inner .right .p1{padding-top: 21px;font-size: 28px;}
.indexpro li:hover .inner .right .p2{opacity: 1;filter:alpha(opacity = 100);}
.indexpro li:hover .inner .more:before{-webkit-transform:translatex(0px);-moz-transform:translatex(0px);transform:translatex(0px);opacity: 1;}
.indexpro li:hover .inner .more:after{-webkit-transform:translatey(0px);-moz-transform:translatey(0px);transform:translatey(0px);opacity: 1;}
.indexpro ul li:hover:after{left: 0;}

.indexpro ul li:after,.indexpro .inner .icon:after,.indexpro .inner .right *,.indexpro .inner .more:after,.indexpro .inner .more:before,.indexactivity .list .more,.indexactivity .list .more span,.indexactivity .list li:hover .below,.indexactivity .list li:hover .below .p1,.indexactivity .list li .img img,.indexactivity .list li,.joinwrap1 .circle .inner .box,.joinwrap2 ul li .icon1{-webkit-transition:all 0.5s;-moz-transition:all 0.5s;-ms-transition:all 0.5s;-o-transition:all 0.5s;transition:all 0.5s;}
.indexpro .inner .right .p1,.indexpro .inner .right .p2{-webkit-transition-delay:0.2s;-moz-transition-delay:0.2s;transition-delay:0.2s;}
.indexpro li:hover .inner .more:after,.indexpro li:hover .inner .more:before{-webkit-transition-delay:0.3s;-moz-transition-delay:0.3s;transition-delay:0.3s;}
/*20170719首页第二屏结束*/


/*20170719首页第五屏开始*/
.sectionlast{width: 1920px;height: 100%;position: absolute;left:50%;margin-left:-960px;top:0;}
.sectionlast .indexactivity{width: 100%;height: 92%;background: url(/uploads/image/tmimages/section5bg.jpg) center top no-repeat;-webkit-background-size: 100% 100%;-moz-background-size: 100% 100%;-ms-background-size: 100% 100%;-o-background-size: 100% 100%;background-size: 100% 100%;}
.indexactivity .title{width: 100%;text-align: center;padding-top: 130px;}
.indexactivity .title .p1{font-size: 40px;}
.indexactivity .title .p2{line-height: 300%;color: #7d7d7d;padding-bottom: 10px;}

.indexactivity .list{width: 1200px;margin: 0 auto;background-color: #fff;padding: 20px 0;}
.indexactivity .list li{float: left;width: 360px;margin: 0 20px;}
.indexactivity .list li a{display: block;width: 100%;height: 100%;}
.indexactivity .list li .img{width: 100%;height: 190px;overflow: hidden;}
.indexactivity .list li .img img{width: 100%;min-height: 100%;}
.indexactivity .list li .below{padding: 20px;background-color: #fbfbfb;width: 320px;}
.indexactivity .list li .below .p1{font-size: 19px;line-height: 59px;position: relative;text-align: center;width: 100%;overflow: hidden;-ms-text-overflow: ellipsis;text-overflow: ellipsis;white-space: nowrap;}
.indexactivity .list li .below .p1:after{content: "";position: absolute;left: 50%;margin-left: -16px;bottom: 0;width: 32px;height: 1px;background-color: #bebebe;}
.indexactivity .list li .below .txt{padding-top: 20px;line-height: 24px;font-size: 13px;color: #888888;text-align: left;height: 48px;overflow: hidden;}
.indexactivity .list li:hover,.prolist li:hover{-webkit-box-shadow: 1px 1px 10px rgba(0,0,0,.3);-moz-box-shadow: 1px 1px 10px rgba(0,0,0,.3);box-shadow: 1px 1px 10px rgba(0,0,0,.3);}
.indexactivity .list li:hover .below{background-color: #fff;}
.indexactivity .list li:hover .below .p1{color: #22add6;}
.indexactivity .list li:hover .img img{-webkit-transform:scale(1.05);-moz-transform:scale(1.05);-ms-transform:scale(1.05);-o-transform:scale(1.05);transform:scale(1.05);}

.indexactivity .list .more{display: block;width: 120px;height: 34px;line-height: 34px;color: #fff;text-align: center;background-color: #22add6;color: #fff;margin: 15px auto 0;border-radius: 20px;}
.indexactivity .list .more span{font-family: "宋体";padding-left: 2px;}
.indexactivity .list .more:hover{background-color: #49d6ff;width: 140px;}
.indexactivity .list .more:hover span{padding-left: 10px;}

@media screen and (max-width: 1480px){
  .indexactivity .title .p1{font-size: 32px;}
  .indexactivity .list li .below{padding: 10px 20px;}
  .indexactivity .list li .below .p1{line-height: 49px;}
  .indexactivity .list li .below .txt{padding-top: 10px;}
}
/*20170719首页第五屏结束*/


/*20170906招商加盟开始*/
.joinbanner{width: 100%;height: 825px;overflow: hidden;position: relative;}
.joinbanner img{display: block;position: absolute;left: 50%;margin-left: -960px;top: 0;width: 1920px;height: 100%;}

.joinwrap1{width: 100%;height: 994px;background: url(/uploads/image/tmimages/joinbg1.jpg) center no-repeat;}
.joinwrap1 .title{text-align: center;padding: 75px 0;text-align: center;}
.joinwrap1 .circle{width: 532px;height: 532px;margin: 0 auto;background: url(/uploads/image/tmimages/joinimg1.png) center no-repeat;cursor: pointer;position: relative;}
.joinwrap1 .circle .inner{position: absolute;left: 34px;top: 31px;width: 466px;height: 466px;}
.joinwrap1 .circle .inner .box{width: 100%;height: 100%;position: relative;z-index: 2;}
.joinwrap1 .circle .inner .bg{position: absolute;right: -23px;top: 52px;}
.joinwrap1 ul{width: 100%;height: 100%;position: absolute;left: 0;top: 0;}
.joinwrap1 ul li span{position: absolute;font-size: 20px;opacity:1;filter:alpha(opacity = 0);z-index: 5;color:#fff;transition:all 0.5s;font-family: "microsoft yahei";}
.joinwrap1 ul li .txt{position: absolute;text-align: left;width: 280px;}
.joinwrap1 ul li .txt .p1{font-size: 18px;line-height: 30px;font-weight: bold;}
.joinwrap1 ul li .txt .p2{font-size: 15px;line-height: 30px;}
.joinwrap1 ul .li1 span{right: 132px;top: 45px;}
.joinwrap1 ul .li1 .txt{right: -205px;top: -36px;}
.joinwrap1 ul .li2 span{right: 29px;top: 147px;}
.joinwrap1 ul .li2 .txt{right: -288px;top: 119px;}
.joinwrap1 ul .li3 span{right: 29px;top: 286px;}
.joinwrap1 ul .li3 .txt{right: -300px;top: 290px;}
.joinwrap1 ul .li4 span{right: 128px;top: 384px;}
.joinwrap1 ul .li4 .txt{right: -80px;top: 449px;width: 215px;}
.joinwrap1 ul .li5 span{right: 275px;top: 388px;}
.joinwrap1 ul .li5 .txt{left: -152px;top: 446px;text-align: right;}
.joinwrap1 ul .li6 span{left: 24px;top: 280px;}
.joinwrap1 ul .li6 .txt{left: -236px;top: 285px;text-align: right;width: 218px;}
.joinwrap1 ul .li7 span{left: 28px;top: 149px;}
.joinwrap1 ul .li7 .txt{left: -353px;top: 111px;text-align: right;width: 338px;}
.joinwrap1 ul .li8 span{left: 132px;top: 45px;}
.joinwrap1 ul .li8 .txt{left: -130px;top: -36px;text-align: right;width: 212px;}
.joinwrap1 ul li.on span{opacity: 1;filter:alpha(opacity = 100);color:#666;}
.joinwrap1 ul li.on .txt{color: #ecad03;}
.joinwrap1 .circle .spot{width: 222px;height: 222px;position: absolute;left: 50%;margin-left: -111px;top: 50%;margin-top: -111px;}
.joinwrap1 .circle .spot img{position: absolute;right: 4px;top: 62px;}

.joinwrap2{width: 100%;height: 1011px;background: url(/uploads/image/tmimages/joinbg2.jpg) center no-repeat;color: #fff;}
.joinwrap2 .title{width: 100%;padding: 70px 0 20px;}
.joinwrap2 .txt{width: 1115px;margin: 0 auto;text-align: left;}
.joinwrap2 .txt .p1{font-size: 36px;line-height: 58px;}
.joinwrap2 .txt .p2{padding: 5px 0;line-height: 24px;}
.joinwrap2 ul{width: 1200px;margin: 0 auto;padding: 65px 0 0;}
.joinwrap2 ul li{width: 240px;float: left;cursor: default;}
.joinwrap2 ul li .img{width: 107px;height: 107px;margin: 0 auto;overflow: hidden;}
.joinwrap2 ul li .img img{display: block;width: 100%;height: 100%;}
.joinwrap2 ul li .text{font-size: 15px;line-height: 65px;padding-bottom: 5px;}
.joinwrap2 ul li:hover .img .icon1{height: 0;}

.joinwrap3{width: 1200px;margin: 0 auto;}
.joinwrap3 .title{padding: 78px 0 40px;}
.joinwrap3 .imgwrap{width: 100%;padding-bottom: 35px;}
.joinwrap3 .slide{width: 100%;padding-bottom: 38px;position: relative;}
.joinwrap3 .slide .bd{ position:relative; height:435px; z-index:0;}
.joinwrap3 .slide .bd li{ zoom:1; vertical-align:middle;height: 435px;}
.joinwrap3 .slide .bd .first{float: left;width: 264px;}
.joinwrap3 .slide .bd div .img{width: 100%;height: 385px;overflow: hidden;}
.joinwrap3 .slide .bd div .img img{width: 100%;min-height: 100%;display: block;}
.joinwrap3 .slide .bd .txt{font-size: 22px;line-height: 50px;color: #565656;}
.joinwrap3 .slide .bd .last{float: right;width: 264px;}
.joinwrap3 .slide .bd .middle{float: left;width: 647px;padding-left: 13px;}
.joinwrap3 .slide .next{display: block;margin: 35px auto 0;width: 101px;height: 30px;line-height: 30px;font-size: 18px;color: #fff;background-color: #888888;}
.joinwrap3 .slide .next:hover{background-color: #5d5d5d;}

.joinwrap4{width: 100%;height: 843px;background: url(/uploads/image/tmimages/joinbg3.jpg) center no-repeat;}
.joinwrap4 .title{padding: 94px 0 40px;}
.joinwrap4 .picscroll{width: 1257px;margin: 0 auto;position: relative;}
.joinwrap4 .picscroll .bd{width: 100%;position: relative;padding-bottom: 60px;}
.joinwrap4 .picscroll .bd ul{ overflow:hidden; zoom:1; }
.joinwrap4 .picscroll .bd li{float: left;margin: 0 35px;width: 349px;_display:inline;position: relative;}
.joinwrap4 .picscroll .bd li:after{content: "";position: absolute;right: -35px;top: 0;width: 1px;height: 100%;background-color: #21343a;}
.joinwrap4 .picscroll .bd li .img{width: 100%;height: 195px;overflow: hidden;border-top: 10px solid #f4d87b;}
.joinwrap4 .picscroll .bd li .img img{display: block;width: 100%;min-height: 100%;}
.joinwrap4 .picscroll .bd .below{width: 100%;height: 212px;overflow: hidden;}
.joinwrap4 .picscroll .bd .p1{font-size: 20px;line-height: 58px;color: #edb006;}
.joinwrap4 .picscroll .bd .p2{padding: 8px 0;line-height: 18px;color: #d8d8d8;text-align: left;}
.joinwrap4 .picscroll .bd .p2 span{padding-left: 55px;}
.joinwrap4 .picscroll .bd li.blue .img{border-top-color: #247dbc;}
.joinwrap4 .picscroll .bd li.pink .img{border-top-color: #dc7cb2;}
.joinwrap4 .picscroll .bd li.pink:after{display: none;}
.joinwrap4 .picscroll .hd{width: 100%;font-size: 0;}
.joinwrap4 .picscroll .hd li{display: inline-block;vertical-align: middle;font-size: 0;width: 21px;height: 21px;margin: 0 6px;border-radius: 50%;background-color: #afafaf;cursor: pointer;}
.joinwrap4 .picscroll .hd li.on{background-color: #edb006;}

.joinwrap5{width: 100%;padding-bottom: 113px;background-color: #edb006;}
.joinwrap5 .title{padding: 82px 0 50px;}
.joinwrap5 .table{width: 1200px;margin: 0 auto;}
.joinwrap5 .table .left{float: left;width: 546px;}
.joinwrap5 .table .left .list{padding: 10px 25px;width: 496px;min-height: 26px;margin-bottom: 20px;background-color: #fff;}
.joinwrap5 .table .left .list input{display: block;width: 100%;height: 26px;line-height: 26px;background: 0 none;border: 0 none;}
.joinwrap5 .table .left .list textarea{width: 100%;height: 150px;background: 0 none;border: 0 none;line-height: 26px;}
.joinwrap5 .table .right{float: right;width: 602px;}
.joinwrap5 .table .submit{display: block;width: 400px;height: 50px;line-height: 50px;background-color: #000;color: #fff;font-size: 16px;border: 0 none;margin: 30px auto 0;cursor: pointer;}
.joinwrap5 .table .submit:hover{opacity: 0.8;}
/*20170906招商加盟结束*/


/*20170919中英文切换开始*/
.change{height:90px;position: absolute;left: 50%;margin-left: 500px;top: 0;line-height: 90px;font-size: 15px;}
/*.header.on .change a,.header.on .change{color: #fff;}*/
/*.change a.on,.change a:hover,.header.on .change a:hover,.header.on .change a.on{color: #22add6;}*/

/*20170919中英文切换结束*/

/*2017.11.7*/
#slidebox .prev{ position:absolute; left:3%; top:55%; margin-top:-25px; display:block; width:42px; height:42px; background:url(/uploads/image/tmimages/ibl1.png)  no-repeat; filter:alpha(opacity=50);  opacity:0.5;transition:all 0.5s;}
#slidebox .prev:hover{
  opacity:1;
}
#slidebox .next{ position:absolute; left:3%; top:55%; margin-top:-25px; display:block; width:42px; height:42px; background:url(/uploads/image/tmimages/ibr1.png) no-repeat; filter:alpha(opacity=50);opacity:0.5;transition:all 0.5s; }
#slidebox .next:hover{
  opacity:1;
}
#slidebox .next{ left:auto; right:3%;  }

#slidebox .prevstop{ display:none;  }
#slidebox .nextstop{ display:none;  }

/*2017.11.7end*/
/*2017.11.16*/
.insidebanner .tempwrap{
  width: 1200px!important;
}
/*2017.11.16*/


.local input {
    outline: none
}

    .local input::-webkit-input-placeholder { /*webkit browsers*/
        color: #cfcfcf;
    }

    .local input:-moz-placeholder { /*mozilla firefox 4 to 8*/
        color: #cfcfcf;
    }

    .local input::-moz-placeholder { /*mozilla firefox 19 */
        color: #cfcfcf;
    }

    .local input:-ms-input-placeholder { /*internet explorer 10 */
        color: #cfcfcf;
    }

.secnav {
    width: 1100px;
    margin: 0 auto;
    background: #f0f0f0;
    padding: 26px 50px 18px;
}

    .secnav a {
        display: inline-block;
        text-align: center;
        width: 100px;
        margin: 0 56px;
    }

        .secnav a:hover, .secnav a.active {
            color: #22add6;
        }

            .secnav a:hover span, .secnav a.active span {
                background-position: center bottom;
            }

    .secnav span {
        display: block;
        width: 40px;
        height: 36px;
        margin: 0 auto;
        margin-bottom: 14px;
    }

    .secnav .pic_01 span {
        background:  no-repeat center top;
    }

    .secnav .pic_02 span {
        background:  no-repeat center top;
    }

    .secnav .pic_03 span {
        background:  no-repeat center top;
    }

    .secnav .pic_04 span {
        background:  no-repeat center top;
    }

    .secnav .pic_05 span {
        height: 37px;
        background:  no-repeat center top;
    }

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

.local, .content_l {
    width: 1200px;
    margin: 40px auto;
    overflow: hidden;
    background: #ffffff
}

    .local > div, .pic_list > div {
        float: left;
    }

    .local .pic {
        background: #22add6;
        width: 164px;
        height: 126px;
        font-size: 24px;
        font-weight: bold;
        color: #ffffff;
        text-align: center;
        padding-top: 34px;
    }

        .local .pic img {
            display: block;
            margin: 0px auto 22px;
        }

    .local .btn input {
        color: #ffffff;
    }

    .local .text, .local .btn {
        line-height: 160px;
    }

    .local .text {
        margin: 0px 26px 0 40px;
    }

        .local .text input:focus {
            border: 1px solid #22add6;
        }

    .local .btn input:focus {
        border: 0;
    }

    .local .text input {
        font-size: 14px;
        border-radius: 4px;
        display: inline-block;
        width: 796px;
        height: 56px;
        border: 1px solid #f0f0f0;
        color: #333333;
        text-indent: 10px;
    }

    .local .btn input {
        border-radius: 4px;
        height: 60px;
        display: inline-block;
        width: 128px;
        background: #22add6;
        border: 0;
        font-size: 20px;
        cursor: pointer;
    }

.pic_list > div {
    width: 530px;
    margin-right: 46px;
}

    .pic_list > div img {
        width: 100%;
        margin-top: 30px;
    }

.pic_list {
    padding: 46px 0 0 46px;
    overflow: hidden;
}

.text_l {
    padding: 60px 0 40px 46px;
    color: #999999
}

    .text_l span.one {
        color: #999999;
        font-size: 16px;
    }

    .text_l span.one {
        color: #46b7db;
        width: 130px;
        display: inline-block
    }

    .text_l img {
        vertical-align: middle;
        margin-right: 16px;
    }

    .text_l > div {
        margin-bottom: 22px;
    }

.pic_list {
    font-size: 16px;
}
.pic_list > div img {
height:292px;
}
.text_l,.pic_list {
    text-align: left;
}