@font-face{font-family:'yingwen';src:url('font/CAI978.ttf');}
html,body,ul,li,ol,dl,dd,dt,p,h1,h2,h3,h4,h5,h6,form,fieldset,legend,img,input {margin: 0;padding: 0;}
fieldset,img,input,button,select,textarea{border: 0 none;padding: 0;margin: 0;outline-style: none;}
ul,li,ol {list-style: none;}
select,input {vertical-align: middle;}
textarea {resize: none;}
div:focus{outline:none;}

body{font-family:'Microsoft YaHei','SimSun',Arial,Sans-Serif; background: #fff; box-sizing: 100% auto;}
a,a:visited{ text-decoration:none !important; color: #4A4747;
transition:all .3s;
-moz-transition:all .3s; /* Firefox 4 */
-webkit-transition:all .3s; /* Safari 和 Chrome */
-o-transition:all .3s; /* Opera */
}
a:hover{color:#000;}
img {
border: none;
vertical-align: top;
transition:all .3s;
-moz-transition:all .3s; /* Firefox 4 */
-webkit-transition:all .3s; /* Safari 和 Chrome */
-o-transition:all .3s; /* Opera */
}

.index-bg{
margin-top:85px;
background-color: #000;
background-position: center center;
background-repeat: no-repeat;
transition: background 1.5s;
-moz-transition: background 1.5s;	/* Firefox 4 */
-webkit-transition: background 1.5s;	/* Safari 和 Chrome */
-o-transition: background 1.5s;
overflow: hidden;
}

.floor{display:inline-block; width:100%;}
.my-mt--5{margin-top:-5px;}
.my-pl-10{ padding-left:10px;}
.my-pr-10{ padding-right:10px;}
.my-plr-5{ padding-left:5px; padding-right:5px;}
.my-pl-0{padding-left:0;}
.my2-plr-0{padding-left:0; padding-right:0;}
.my-pr-0{padding-right:0;}

.my-pb-35{ padding-bottom:35px !important;}
.my-bt-50{ padding-top:100px;}
.my-fontw{ font-weight:bold;}
.my-fontc{text-align:center;}
.my-f-70{ font-size:70px; line-height:70px;}
.my-f22{ font-size:22px;}
.my-f18{ font-size:18px;}
.my-f14{ font-size:14px;}
.my-border-2{ border-bottom:1px solid #000;}
.my-border-3{ border-bottom:1px solid #f4d412;}
.my-pt-45{padding-top: 45px;}
.my-pt-80{ padding-top:80px;}
.my-pt-150{padding-top:150px;}
.my-pb-50{padding-bottom:50px;}
.my-pb-90{padding-bottom: 90px;}
.my-pb-100{padding-bottom: 100px;}
.my-pb-150{padding-bottom: 150px;}
.my-bg-fff{ background-color:#FFF;}
.my-bg-tran{ background-color:transparent !important;}
.my-bg-eee{background-color: #eee; height: 75px;}
.my-bg-eee1{background-color: #eee;}
.my-ml-0{ margin-left:0;}
.my-mr-0{ margin-right:0;}

.my-border-0{ border:0 !important;}
.my-c-4c4948{ color:#4c4948;}
.my-left-30{ left:30px !important;}
.my-top-100{position:fixed; top:130px;}
.a-000 a{ color:#666; text-decoration:none;}
.a-000 a:hover{ color:#000;}
.my-border-4{border-top:1px solid #b6b7ba;}
.my-bg-ddd{ background-color: #dddddd;}
.my-bg-dcdcdc{ background-color: #dcdcdc;}
.my-flex-hc{
	display: -webkit-box; -webkit-box-orient:vertical; -webkit-box-pack:center; -webkit-box-align: center; 
	display: flex; justify-content: center; align-items: center; flex-direction:column;

}
.my-flex-htc{
	display: -webkit-box; -webkit-box-pack:start; -webkit-box-align: center; -webkit-box-orient:vertical;
	display: flex; justify-content:flex-start; align-items: center; flex-direction:column;
}
.my-flex-hl{
	display: -webkit-box; -webkit-box-orient:vertical; -webkit-box-pack:center; -webkit-box-align:start;
	display: flex; justify-content:center; align-items:flex-start; flex-direction:column;
}
.my-flex-hlt{
	display: -webkit-box; -webkit-box-orient:vertical; -webkit-box-pack:start; -webkit-box-align:start;
	display: flex; justify-content:flex-start; align-items:flex-start; flex-direction:column;
}
.my-flex-hlc{
	display: -webkit-box; -webkit-box-orient:vertical; -webkit-box-pack:center; -webkit-box-align:start;
	display: flex; justify-content:center; align-items:flex-start; flex-direction:column;
}
.my-flex-c{
	display: -webkit-box; -webkit-box-lines:word-wrap; -webkit-box-pack:center; -webkit-box-align:center;
	display: flex;flex-direction: row;flex-wrap: wrap;justify-content:center;align-items:center; 
}
.my-flex-imgc{
	display: flex;flex-direction: row;flex-wrap: wrap;justify-content:center;align-items:center; 
}


.my-flex-ct{
	display: -webkit-box; -webkit-box-pack:center; -webkit-box-align: start; -webkit-box-orient:horizontal;
	display: flex;flex-direction: row;flex-wrap: wrap;justify-content:center;align-items:top; 
}
.my-flex-lt{
	display: -webkit-box; -webkit-box-lines:word-wrap; -webkit-box-pack:start; -webkit-box-align:start;
	display: flex;flex-direction: row;flex-wrap: wrap;justify-content:flex-start;align-items:flex-start;align-content:center;
}

.my-flex-lc{
	display: -webkit-box; -webkit-box-lines:word-wrap; -webkit-box-pack:start; -webkit-box-align:center;
	display: flex;flex-direction: row;flex-wrap: wrap;justify-content:flex-start;align-items:center;align-content:center;
}
.my-flex-rc{
	display: -webkit-box; -webkit-box-orient:horizontal; -webkit-box-pack:end; -webkit-box-align:center;
	display: flex;flex-direction: row;flex-wrap: wrap;justify-content:flex-end;align-items:center;align-content:center;
}
.my-flex-nrc{
	display: -webkit-box; -webkit-box-orient:horizontal; -webkit-box-pack:end; -webkit-box-align:center;-webkit-box-lines:word-break;
	display: flex;flex-direction: row;flex-wrap:nowrap;justify-content:flex-end;align-items:center;align-content:center;
}

.my-flex-rt{
	display: -webkit-box; -webkit-box-orient:horizontal; -webkit-box-pack:end; -webkit-box-align:start;
	display: flex;flex-direction: row;flex-wrap: wrap;justify-content:flex-end;align-items:flex-start;align-content:flex-start;
}
.my-flex-bc{
	display: -webkit-box; -webkit-box-pack:justify; -webkit-box-align:center; -webkit-box-orient:horizontal; -webkit-box-lines:word-wrap;
	display: flex;flex-direction: row;justify-content:space-between;align-items:center;
}
.my-flex-nbc{
	display: -webkit-box; -webkit-box-lines:word-break; -webkit-box-orient:horizontal; -webkit-box-pack:justify; -webkit-box-align:center;
	display: flex;flex-direction: row;justify-content:space-between;align-items:center; flex-wrap: nowrap;
}
.my-flex-bt{
	display: -webkit-box; -webkit-box-pack:justify; -webkit-box-align:start; -webkit-box-lines:word-wrap;
	display: flex;flex-direction: row;justify-content:space-between;align-items:flex-start; flex-wrap: wrap;
}
.floatl{float:left;}
.floatr{float:right;}
.font12{ font-size:12px;}
.font15{ font-size:15px !important;}
.font16{ font-size:16px !important;}
.font18{ font-size:18px;}
.font20{ font-size:20px;}
.font22{ font-size:22px;}
.fontw{ font-weight:bold;}
.fontc{ text-align:center;}
.my-f-c68a0e{color:#f4d412;}
.my-one-bg{ background-color:#fff;} 
.my-two-bg{ background-color:#eee;} 
.my-pt-60{ padding-top:60px;}
input:-webkit-autofill { box-shadow: 0 0 0px 1000px #eee inset !important;}

/*公共样式*/
.comtitle{width: 100%; text-align: center; padding-bottom: 40px;}
.comtitle img{display:block; margin: 0; padding: 0;}

.comtitle2{width: 100%; height: 25px; box-sizing: border-box; border-bottom: 1px solid #ccc; overflow: visible; position: relative; margin-bottom: 40px;}
.comtitle2 .con{background-color: #fff; padding: 0 35px; text-align: center;}
.comtitle2 .con h1{font-size: 28px; font-weight: bold; color: #2965b0; padding: 0 0 5px 0;}
.comtitle2 .con p{color: #4e4e4e; letter-spacing: 1px; font-size: 12px; font-family: "arial, helvetica, sans-serif"; text-transform: uppercase;}
.comtitle2-1 .con{background-color: #eee;}



.comtitle3{width: 100%; height: 25px; box-sizing: border-box; border-bottom: 1px solid #ccc; overflow: visible; position: relative; margin-bottom: 40px;}
.comtitle3 .con{background-color: #fff; padding: 0 35px; text-align: center;}
.comtitle3 .con h1{font-size: 28px; font-weight: bold; color: #2965b0; padding: 0 0 5px 0;}
.comtitle3 .con p{color: #4e4e4e; letter-spacing: 1px; font-size: 16px;}
.comtitle3-1 .con{background-color: #eee;}

.more1 {color: #252525;font-size: 16px;width: 170px;height: 50px;border: 1px solid #8b8a8a;line-height: 20px;transition: all 0.3s;}
.more1 i{font-size: 24px; margin-left: 5px; margin-top: 1px;}
.more1:hover {background-color: #252525;color: #fff;border-color: #252525;}


a.more2{color: #fff;font-size: 16px;width: 170px;height: 50px;border: 1px solid #fff;line-height: 20px;transition: all 0.3s;}
a.more2 i{font-size: 24px; margin-left: 5px; margin-top: 1px;}
a.more2:hover {background-color: #fff;color: #252525;border-color: #fff;}



/*页头*/

.container-fluid{padding:0;  position: relative;}
.header{position: fixed; background-color: rgba(0,0,0,.5); top: 0; left: 0; z-index: 100; box-sizing: border-box; height: 100px;}
.header.on{background-color: rgba(255,255,255,1); border-bottom: 1px solid #eee;}

.my-headone{height: 100px; }
.my-headone .logo{padding-left: 0;}
.my-headone .logo a img{max-height: 80px;}
.my-headone div a.weixin{width: 30px;font-size: 25px; margin-left:15px; line-height: 30px; position: relative;flex-shrink: 0; color: #fff; padding-top: 5px;}
.my-headone div a.tel{font-size:18px; width: 120px; flex-shrink: 0; margin-left: 20px; padding-left: 15px;  color:#fff;z-index: 100;padding-top: 5px;}
.my-headone div a.tel font{font-size:18px;}

.my-headone div a.weixin .mpt{width:350px; height: 120px; padding:10px; box-sizing: border-box; background-color: #eee; position: absolute; top:35px; right: 0; border-radius: 10px; display: none;flex-direction: row;justify-content:space-between;align-items:center; flex-wrap: nowrap;
transition:all .3s;
-moz-transition:all .3s; /* Firefox 4 */
-webkit-transition:all .3s; /* Safari 和 Chrome */
-o-transition:all .3s; /* Opera */
z-index: 999;
}

.my-headone div a.weixin .mpt>div:first-child{width:100px; flex-shrink: 1;}
.my-headone div a.weixin .mpt>div:first-child img{width: 90px; height: 90px;}
.my-headone div a.weixin .mpt>div:last-child{flex-grow: ;}
.my-headone div a.weixin .mpt>div:last-child h2{font-size: 20px; color: #000; line-height:30px; text-align: center;}
.my-headone div a.weixin .mpt>div:last-child p{font-size: 14px; color: #333; line-height: 30px; text-align:center;}

.my-navbar{padding:0;z-index: 100;flex-grow: 1;}
.my-navbar>div{  position: relative;text-align: center; box-sizing: border-box; }
.my-navbar>div>a{display:block; overflow: visible; font-size: 16px; box-sizing: border-box; padding: 0 15px 0 15px; color:#fff;}

.header.on .my-headone div a.weixin,.header.on .my-headone div a.tel,.header.on .my-navbar>div>a{ color:#252525;}
.header.on .my-headone div a.weixin{font-weight: bold; }
.header.on .my-navbar>div>a:hover{color: #000;}


/*
.my-navbar>div .item{display:none;position: absolute;top:50px;  width:auto;  background-color: #f6f6f6; box-sizing: border-box; padding-top: 15px; padding-bottom:15px; border-top:2px solid #000; border-radius: 10px 10px 5px 5px; }
.my-navbar>div .item1{left: -20px;}
.my-navbar>div .item>ul{min-width:150px;}
.my-navbar>div .item>ul li{text-align:center; font-size: 14px; position: relative; padding: 0;}
.my-navbar>div .item>ul li a{line-height: 30px; padding-top:5px; padding-bottom: 5px; display: block; width: 100%;}
.my-navbar>div .item>ul li a:hover{background-color: #52b25e; color:#fff;}
.my-navbar>div .item>ul li .ziclass{position:absolute; top: 0; left: -120px;  width:120px; box-sizing: border-box; background-color: rgba(0,0,0,.7); display: none;}
.my-navbar>div .item>ul li .ziclass>a{width:100%;padding:5px 10px; box-sizing: border-box; color: #fff; display: block; line-height:20px; font-size: 14px;}
.my-navbar>div .item>ul li .ziclass>a:hover{background-color: rgba(0,0,0,1);}
.my-navbar>div .item>div{width: 280px; float: right; padding-left: 20px;}
.my-navbar>div .item>div .img{display:flex; justify-content: center; align-items: center; overflow: hidden; width:100%; height: 180px; margin-bottom: 15px;}
.my-navbar>div .item>div .img img{width:100%;}
.my-navbar>div .item>div .img img:hover{transform:scale(1.1);}
.my-navbar>div .item>div p{line-height:25px; text-align: justify; font-size: 14px; overflow: hidden; max-height:150px;}

.my-navbar{width: 100%; height:50px;padding:0;}
.my-navbar>div{ float: left; text-align: center;height:50px; box-sizing: border-box; }
.my-navbar>div>a{display:block; overflow: visible; line-height:45px;height:45px; box-sizing: border-box; padding: 5px 18px 0 18px; height: 50px;  color:#fff;}
.my-navbar>div>a.active,.my-navbar>div>a:hover{background-color:#eee; color: #000;}
.my-navbar>div .item{display:none;position: absolute;top:110px;  width:100%;  background-color:rgba(246,246,246,.9); box-sizing: border-box; padding-top: 15px; padding-bottom:0; left: 0;}

.my-navbar>div .item>ul{width: 100%;}
.my-navbar>div .item>ul li{text-align:center; font-size: 14px; padding: 0; width: 132px; margin: 0 10px;}
.my-navbar>div .item>ul li a .img{width:130px; height: 130px; border: 1px solid #fff; overflow: hidden;}
.my-navbar>div .item>ul li a .img img{max-height: 100%;}
.my-navbar>div .item>ul li a p{line-height:30px;}
.my-navbar>div .item>ul li a:hover .img{border: 1px solid #000;}
.my-navbar>div .item>ul li a:hover p{color: #2965b0;}
*/
.allsearch{width: 100%; height: 100%; position: fixed; top: 0; left: 0; background-color: rgba(0,0,0,.6); z-index: 101; display: none;}
.allsearch .main{width: 100%; height: 100%;margin-top: 200px;}
.allsearch .main .maincon{width: 1200px; height: 300px; background-color: #fff; }

.allsearch .main .maincon .tit{text-align: center; font-size: 50px; color:#000; font-family: "arial, helvetica, sans-serif";}
.allsearch .main .maincon .maincon-2{margin-top:30px;}
.allsearch .main .maincon .maincon-2>div:first-child{width: 400px; height: 50px; background-color: #eee;}
.allsearch .main .maincon .maincon-2>div:first-child input{border: 0; box-shadow: none; height: 30px; width: 300px; color: #757575; font-size: 14px; padding-left:20px; background-color: transparent;outline: none;}
.allsearch .main .maincon .maincon-2>div:nth-child(2){width: 70px; height: 50px; color: #fff; background-color: #252525; font-size: 20px; cursor: pointer;}


.index1{}
.index1-1{padding-top: 140px; padding-bottom: 40px;}

.index1-1-left {
  position: relative;
  width: 37.5%;
  padding: 24.19% 0;
  overflow: hidden;
}
.index1-1-left img {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.index1-1-right{width: 50%;}
.index1-1-right .title {
  color: #252525;
  font-size: 18px;
  border-bottom: 1px solid #eeeeee;
  padding-bottom: 20px;
  font-weight: bold;
  position: relative;
}
.index1-1-right .title span {
  display: block;
  position: relative;
  z-index: 2;
}
.index1-1-right .title img {
  transform: translateY(-15px);
  position: relative;
  z-index: 1;
}
.index1-1-right .con {
  color: #727272;
  font-size: 14px;
  padding: 40px 0 100px;
  line-height: 1.8;
  text-align: justify;
}


.index1-2 {
  border: 1px solid #f5f5f5;
}
.index1-2 .item {
  width: 20%;
  text-align: center;
  padding: 20px 0;
  border-right: 1px solid #f5f5f5;
  color: #252525;
  box-sizing: border-box;
}
.index1-2 .item:last-of-type {
  border-right: 0 none;
}
.index1-2 .item h2 {
  font-size: 50px;
  font-weight: bold;
  margin-bottom: 15px;
  font-family:Arial, Helvetica, sans-serif;
}
.index1-2 .item h4 {
  font-size: 16px;
  color: #666;
}

/*首页产品中心*/
.index2 {
  margin-top: 140px;
  background-color: #e9e9e9;
  padding-bottom: 160px;
}
.index2-1 {background-color: #29166f;padding-top: 50px;max-height: 600px;height: 100%;}
.index2-1-box {margin-bottom: 30px;width:100%;}
.index2-1-box .title {color: #fff;}
.index2-1-box .title span {text-transform: uppercase;display: block;line-height: normal;margin-bottom: 15px;font-size: 14px;}
.index2-1-box .title h3 {font-size: 30px;}
.index2-1-box .navigation {
  position: relative;
  width: 150px;
  height: 50px;
}
.index2-1-box .navigation .index2-next,
.index2-1-box .navigation .index2-prev {
  width: 70px;
  height: 100%;
  border: 1px solid #fff;
  transition: all 0.4s;
}
.index2-1-box .navigation .index2-next::after,
.index2-1-box .navigation .index2-prev::after {
  font-size: 20px;
  color: #fff;
  transition: all 0.4s;
}
.index2-1-box .navigation .index2-next:hover,
.index2-1-box .navigation .index2-prev:hover,
.index2-1-box .navigation .index2-next.on,
.index2-1-box .navigation .index2-prev.on {
  background-color: #fff;
  border-color: #fff;
}
.index2-1-box .navigation .index2-next:hover::after,
.index2-1-box .navigation .index2-prev:hover::after,
.index2-1-box .navigation .index2-next.on::after,
.index2-1-box .navigation .index2-prev.on::after {
  color: #252525;
}
.index2-1-box .navigation .index2-next {
  right: 0;
}
.index2-1-box .navigation .index2-prev {
  left: 0;
}
.index2-2 .swiper-slide {
  height: 625px;
  overflow: hidden;
  position: relative;
  transition: height 0.4s;
}
.index2-2 .swiper-slide .img {
  height: 600px;
  width: 100%;
  position: relative;
  z-index: 3;
  box-sizing: border-box;
  padding-left: 350px;
}
.index2-2 .swiper-slide .img::after {
  content: '';
  display: block;
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  background-color: rgba(0, 0, 0, 0.4);
  transition: all 0.4s;
}
.index2-2 .swiper-slide .img img {
  object-fit: cover;
  height: 100%;
  width: 100%;
  
}
.index2-2 .swiper-slide .ctn {
  opacity: 0;
  position: absolute;
  left: 0;
  top: 0;
  bottom: 0;
  width: 300px;
  height: 550px;
  z-index: 9;
  background-color: #fff;
  padding: 25px;
}
.index2-2 .swiper-slide .ctn h2 {
  font-size: 25px;
  color: #252525;
  margin: 150px 0 35px;
  width: 100%;
  text-align: left;
}
.index2-2 .swiper-slide .ctn .txt {
  color: #727272;
  line-height: 1.8;
  font-size: 16px;
  margin-bottom: 140px;
}

.index2-2 .swiper-slide-active,
.index2-2 .swiper-slide-duplicate-active {
  height: 700px;
}
.index2-2 .swiper-slide-active .ctn,
.index2-2 .swiper-slide-duplicate-active .ctn {
  opacity: 1;
}
.index2-2 .swiper-slide-active .img::after,
.index2-2 .swiper-slide-duplicate-active .img::after {
  background-color: rgba(0, 0, 0, 0) !important;
}

.swiper-button-next,.swiper-button-prev{background-image: none !important;}


/*可能性*/
.index3 {
  padding-top: 100px;
  padding-bottom: 100px;
  overflow: hidden;
}
.index3-1 {
  text-align: center;
}
.index3-1 h4 {
  color: #666666;
  text-transform: uppercase;
  margin-bottom: 10px;
}
.index3-1 h2 {
  font-size: 30px;
  color: #252525;
}
.index3-2 {

  padding-top: 60px;
}
.index3-2 a {
  box-sizing: border-box;
  width: 25%;
  height: 200px;
  border: 1px solid transparent;
}
.index3-2 a:nth-child(1),
.index3-2 a:nth-child(2),
.index3-2 a:nth-child(3) {
  border-right-color: #ece9e9;
  border-bottom-color: #ece9e9;
}
.index3-2 a:nth-child(4) {
  border-bottom-color: #ece9e9;
}
.index3-2 a:nth-child(5) {
  border-right-color: #ece9e9;
}
.index3-2 a:nth-child(6) {
  border-right-color: #ece9e9;
}
.index3-2 a:nth-child(7) {
  border-right-color: #ece9e9;
}
.index3-2 a:hover {
  border-color: #b9b8b8 !important;
  background-color: #f5f5f5;
}
.index3-2 a:hover h3 {
  color: #000000;
}
.index3-2 a .icon {
  width: 100px;
  height: 80px;
  transition: all 0.4s;
  opacity: .6;
  background-position: center center;
  background-repeat: no-repeat;
}
.index3-2 a:hover .icon{opacity: 1;} 
.index3-2 a .icon1 {
  background-image: url(../images/iicon-1.png);
}
.index3-2 a .icon2 {
  background-image: url(../images/iicon-2.png);
}
.index3-2 a .icon3 {
  background-image: url(../images/iicon-3.png);
}
.index3-2 a .icon4 {
  background-image: url(../images/iicon-4.png);
}
.index3-2 a .icon5 {
  background-image: url(../images/iicon-5.png);
}
.index3-2 a .icon6 {
  background-image: url(../images/iicon-6.png);
}
.index3-2 a .icon7 {
  background-image: url(../images/iicon-7.png);
}
.index3-2 a .icon8 {
  background-image: url(../images/iicon-8.png);
}
.index3-2 a h3 {
  margin-top: 10px;
  color: #666666;
  font-size: 18px;
}


/*首页品牌视频*/
.index4{padding-top: 100px;padding-bottom: 100px; background: url(../images/bg-wen.jpg) repeat left top; overflow: hidden;}
.index4-1 {}
.index4-1 .title h4 {
  color: #666666;
  text-transform: uppercase;
  margin-bottom: 15px;
  line-height: normal;
  font-size: 14px;
}
.index4-1 .title h2 {
  font-size: 30px;
  color: #252525;
}

.index4-2 {
  padding: 30px 0 60px 0;
  width: 100%;
}

.index4-2 a {
  width:595px;
  height: 350px;
  position: relative;
}
.index4-2 a .img {
  overflow: hidden;
  width:100%;
  height: 350px;
}
.index4-2 a .img>img {
  width: 100%;
}
.index4-2 a .mask {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  padding: 6%;
  color: #fff;
  background-color: rgba(0,0,0,.6);
  box-sizing: border-box;
  z-index: 90;
}
.index4-2 a .mask h4 {
  font-size: 12px;
  text-transform: uppercase;
  text-align: center;
}
.index4-2 a .mask h3 {
  margin-top: 5px;
  font-size: 20px;
  text-align: center;
}
.index4-2 a .mask>img {
 margin-top: 15px;
  width: 56px;
  height: 56px;
}

.index4-2a{
  padding-top: 50px;
  width: 100%;
}
.index4-2a a{ margin-bottom:30px;width:585px;}


/*首页工程案例*/
.index5 {
  padding-top: 100px;
  padding-bottom: 100px;
}
.index5-2 {
  margin-top: 30px;
  max-height: 700px;
  height: 100%;
}
.index5-2-l {
  width: 50%;
  margin: 0;
}
.index5-2-l .swiper-slide {
  position: relative;
  color: #fff;
  overflow: hidden;
}
.index5-2-l .swiper-slide .title {
  position: absolute;
  left: 5%;
  top: 10%;
  z-index: 9;
  width: 90%;
  line-height: 60px;
}
.index5-2-l .swiper-slide .title h4 {
  text-transform: uppercase;
  margin-bottom: 5px;
}
.index5-2-l .swiper-slide .title h2 {
  font-size: 30px;
}
.index5-2-l .swiper-slide .con {
  width: 90%;
  position: absolute;
  left: 50%;
  bottom: 30%;
  transform: translateX(-50%);
  z-index: 9;
}
.index5-2-l .swiper-slide .con > div {
  display: inline-block;
}
.index5-2-l .swiper-slide .con  > p {
  display: inline;
}
.index5-2-l .swiper-slide .img {
  position: relative;
  padding: 58.3% 0;
}
.index5-2-l .swiper-slide .img::after {
  content: '';
  display: block;
  width: 100%;
  height: 100%;
  background: rgba(0, 0, 0, 0.5);
  position: absolute;
  left: 0;
  top: 0;
  z-index: 2;
}
.index5-2-l .swiper-slide .img img {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.index5-2-l .index5-pagination {
  left: 5%;
  bottom: 5%;
  z-index: 9;
  text-align: left;
}
.index5-2-l .index5-pagination .swiper-pagination-bullet {
  background-color: #fff;
  opacity: 1;
}
.index5-2-l .index5-pagination .swiper-pagination-bullet-active {
  background-color: #e60012;
}

.index5-2-r{width: 49.5%; color: #fff; height:700px; box-sizing: border-box; padding: 50px; background: url(../images/mob9.jpg) no-repeat center center; background-size: 100% auto;}
.index5-2-r>p{font-size: 14px; line-height: 35px;}
.index5-2-r>h1{font-size: 26px; line-height: 60px; margin-top: 100px;}
.index5-2-r>div{margin-top: 200px; width: 100%;}

/*页面导航*/


/*首页轮显*/
#swiper-banner .swiper-wrapper{ width: 100%; height:auto; padding: 0; margin:0;}
#swiper-banner .swiper-slide{width:100%; max-height: 100vh;}
#swiper-banner .swiper-slide a{height:auto; width:100%; display: block}
#swiper-banner .swiper-slide a{width: 100%;}

/*首页新闻资讯*/
.homeNew{padding: 100px 0 100px 0; background: url(../images/bg-wen.jpg) repeat left top;}
.homeNew .nav{width: 100%; margin-bottom: 35px;}
.homeNew .nav a{border:1px solid #ccc; padding: 2px 20px; color: #000000; font-size: 16px; margin: 0 10px; }
.homeNew .nav a:hover{border:1px solid #2965b0; color: #2965b0;}
.homeNew-1{padding-top: 40px;}


#swiper-container1{margin-top:80px;position: relative;}
#swiper-container1 .swiper-slide{width: 420px; height: 560px; box-sizing: border-box; border:1px solid #ccc; background-color: #fff;padding: 25px;color: #666;}
#swiper-container1 .swiper-slide:hover{border:1px solid #da251c;}
#swiper-container1 .swiper-slide h2{ }
#swiper-container1 .swiper-slide h3{ line-height:30px; height: 60px; font-size:20px; overflow:hidden; text-align: center; margin-top: 15px; color: #000;}
#swiper-container1 .swiper-slide .btn{border: 0; height: 50px; width: auto; background-color: transparent; }
#swiper-container1 .swiper-slide .btn a{font-size:16px; display: block; width:80px; line-height: 30px; height: 35px; border-radius: 5px; color: #29166f;overflow: hidden; box-sizing: border-box; padding: 5px;}
#swiper-container1 .swiper-slide .btn a:hover{color: #fff; background-color: #29166f;}
#swiper-container1 .swiper-slide .img{width:100%; height: 220px; overflow: hidden; border-radius: 8px;}
#swiper-container1 .swiper-slide .img img{width:100%;transition:all .3s;}
#swiper-container1 .swiper-slide .img img:hover{transform:scale(1.1);}
#swiper-container1 .swiper-slide p{margin-bottom: 15px; font-size: 14px; color: #666; min-height: 57px;}
#swiper-pagination1 .swiper-pagination-bullet {
    display: inline-block;
	background-color:#eee;
    margin: 0 !important;
	padding: 0 !important;
    opacity: 0.8;
    cursor: pointer;
	width:10%;
	height:3px;
	border-radius:0;
}
#swiper-pagination1 .swiper-pagination-bullet-active {
    opacity: 1;
    background: #29166f;
}
#swiper-pagination1{position: relative; bottom: -20px;}















/*预约量尺*/
.liangci{background-color: #2965b0; height:500px; box-sizing: border-box;} 
.liangci .left{padding-right: 0;position: relative; height: 500px;}
.liangci .left img{height: 420px; width: auto; position: absolute; right:0 ; bottom: 0; }
.liangci .right{padding-left: 0;padding-bottom: 0; margin-bottom: 0;padding-top: 30px; }

.liangci .title{position:relative; margin-bottom:40px; }
.liangci .title h2{font-size: 20px; text-align: center; line-height:20px;font-weight: bold;}
.liangci .title h2 font{font-size:12px; color: #D3D2D2; font-weight: normal;}
.liangci .title div{width:60px; height: 8px; background-color: #6f4b04;}
.liangci .title::after{position: absolute; content: ""; background-color: #6f4b04; width:100%; height: 1px; bottom: 4px; left: 0;}

.bespoke{padding-top:0; padding-bottom: 0;}
.bespoke_1{width:750px; margin:0 auto; clear:both;}
.bespoke-con_1{border:1px solid #d7d5d5; width:300px; height:375px; float:left;}
.bespoke{ float:left; display:inline-block;padding-bottom: 0; margin-bottom: 0;}
.bespoke-con{width:280px; height:375px; float:left;padding-bottom: 0; margin-bottom: 0;background-color: #fff;border-radius: 10px 10px 0 0;}
.bespoke-tit{background-color:#f4d412; border-top: 2px solid #000; border-radius: 10px 10px 0 0; text-align:center;padding:20px 0 15px 0; line-height:30px; font-size:16px; height: 70px; box-sizing: border-box;}
.bespoke-list{ padding:25px 25px 0 25px; }
.bespoke-list li{padding:10px 0; float:left;}
.bespoke-list li span{display:block;color:#373737;}
.bplist_1{float:left; padding-left:20px; background:url(../images/ling.png) no-repeat left center; background-size: 20px 20px;}
.bplist_2{float:right;}
.bplist_3{color:#aaaaaa !important; float:left;}
.bpform{ width:400px; padding-left:30px; float:left; }
.bpform>form>h1{font-size: 30px; font-weight: bold; color: #fff;}
.bpform>form>p{font-size: 18px; color:#f3f7fd;}
.bpform ul{ float:left;}
.bpform ul li{padding:0 0 15px 0 !important;}
#diqu li input{width:300px;padding:8px 8px 8px 40px;border-radius:5px; border:1px solid #eee;outline:none;color:#666; height:25px; font-size: 16px; }
#diqu li select{width:300px;padding:9px 8px 9px 40px;border-radius:5px; border:1px solid #eee;outline:none; color:#666; height:45px; font-size: 16px;}
.uname{padding:10px 8px 10px 40px !important; background:url(../images/form1.png) no-repeat 15px center;}
.umobile{padding:10px 8px 10px 40px !important; background:url(../images/form2.png) no-repeat 15px center;}
.utime{background:url(../images/form5.png) no-repeat 15px center;}
.ucity{background:url(../images/form3.png) no-repeat 15px center;}
.ustore{background:url(../images/form6.png) no-repeat 15px center;}
.uok{background-color:#52b25e !important; width:350px !important; border:0 !important; padding-left:0px !important; color:#fff !important; cursor:pointer;padding:10px 0 !important; font-size:16px; height:50px !important;}
.uok:hover{background-color:#39804e !important;}


/*应用案例*/
.homeCase{padding: 60px 0 40px 0; background-color: #fff;}
.homeCase .nav{width: 100%; margin-bottom: 35px; margin-top: 80px;}
.homeCase .nav a{border:1px solid #ccc; padding: 2px 20px; color: #000000; font-size: 16px; margin: 0 10px; border-radius: 6px;}
.homeCase .nav a:hover{border:1px solid #52b25e; color: #52b25e;}
.homeCase .more{width: 100%;padding-top: 50px;}
.homeCase .more a{width:275px; height: 50px; border-radius: 8px; background-color: #2965b0; color:#fff;}
.homeCase .more a:hover{background-color: #52b25e;}
.homeCase .more a span{font-size: 16px; padding-right: 15px;color:#fff;}
.homeCase .swiper-container,.homeCase .swiper-wrapper{ width:100%; min-width: 700px;}

.home-case{ margin-top: 30px; }
.home-case .swiper-slide{width:60%; min-width: 700px;   position: relative;}
.home-case .swiper-slide a{width:100%; min-width: 700px;  opacity:1; z-index:9; text-decoration:none; background-color: #d2d2d2;}
.home-case .swiper-slide a img{width:750px; height:500px;}
.home-casetit{ color:#000; line-height:50px; height:50px !important; width: 100%; box-sizing: border-box;  font-size: 18px; text-align:center; }


div.orbit-wrapper { position: relative; overflow: visible; width:1130px;height:470px; left:60px; margin-top:30px;}
div.orbit { position: relative; overflow: hidden;}
div.orbit span { display:none;}

div.orbit a img{ position: absolute; display:block;width: 194px; box-shadow: 0 3px 8px rgba(0,0,0,0.5); padding:3px; border:#ccc 1px solid; background:#fff; }
div.orbit-wrapper h4{ display: none; }
div.timer {display: none;}
div.slider-nav { display: block; }
div.slider-nav span { width: 40px; height: 120px;  color: #fff; text-align: center; position: absolute; z-index: 100; top: 160px; cursor: pointer; text-indent:-9999px;}
div.slider-nav span.right { right: 15px; background:url(../images/slider_right.png); }
div.slider-nav span.left { left:-50px;background:url(../images/slider_left.png); }
div.slider-nav span.right:hover {background:url(../images/slider_right.png) bottom; }
div.slider-nav span.left:hover {background:url(../images/slider_left.png) bottom; }





.hit-icon:link,.hit-icon:visited{ background:url(../images/hit.png) no-repeat center center; background-size:100% 100%;}
.more-1{ width:37px; height:37px; display:block;}
.hit-icon:hover{ background:url(../images/hit-hover.png) no-repeat center center; background-size:100% 100%;}
.hit-icon-2{background:url(../images/more-1.png) no-repeat center center; background-size:100% 100%;}
.my-four-bg{background-color:#f4d412;}
.morezi:link,.morezi:visited,.morezi:hover{ color:#fff;}
.morezi span{display:block; font-size:18px; padding-right:10px; font-weight:bold;}


/*场景展示*/
.index-product{ background-color: #eee; padding-bottom: 50px; padding-top:30px;}
.proEntry{padding-top: 35px;}

.proEntry .part1{ position: relative; padding-top: 35px; }
.proEntry .part1>div{float:left; overflow: hidden; margin-bottom: 10px; cursor: pointer; position: relative; background-color: #F0F0EE;display: flex; align-items: center; justify-content: center; width: 630px; height:450px; margin-top: 10px; border-radius: 10px; overflow: hidden;}
.proEntry .part1>div:nth-child(2n){margin-left: 20px;}
.proEntry .part1>div img{width: 100%;}
/*
.proEntry .part1>.area1{width:630px; height: 360px; }
.proEntry .part1>.area2{width:630px; height: 360px; margin-left: 20px;}
.proEntry .part1>.area3{width:600px; height: 600px;float: left; margin-top:10px;}
.proEntry .part1>.area4{width:660px; height: 340px; float: left; margin-left:20px; margin-top:10px; margin-bottom: 0; }
.proEntry .part1>.area5{width:320px; height: 240px; margin-left: 20px; margin-top:20px; }
.proEntry .part1>.area6{width:320px; height: 240px; margin-left: 20px; margin-top:20px; }
*/
.proEntry .part1>div>a{width:auto; height:auto; overflow: hidden; position: absolute; background-color: rgba(41, 101, 176, 1);display: flex; justify-content:flex-start; align-items:flex-start;  flex-direction:column; color: #fff; left: 15px; top:15px; padding: 5px 10px; box-sizing: border-box;text-decoration:none;
transition:all .3s;
-moz-transition:all .3s; /* Firefox 4 */
-webkit-transition:all .3s; /* Safari 和 Chrome */
-o-transition:all .3s; /* Opera */
border-radius: 10px;
}
.proEntry .part1>div>a>div:first-child{text-transform: uppercase; font-size: 14px; line-height: 20px; padding-bottom: 3px;}
.proEntry .part1>div>a>div:nth-child(2){font-size: 28px; line-height: 30px; padding-bottom:10px;}

.proEntry .part1>div:hover>a{width:100%; height:100%;justify-content:center; align-items:center;  left:0; top:0; padding: 5px; box-sizing: border-box;background-color: rgba(63, 155, 93,.7);border-radius: 0;}
.proEntry .part1>div:hover img{transform:scale(1.1);}



/*页脚*/
footer{background-color:#252525; }
.my-footer{ color:#fff; display: block; margin:60px 0 50px 0;}
.my-footer a{color:#fff;}
.my-footer a:hover{color:#d2e9d7;}
.my-footer1{padding: 0; width:20%;}

.my-footer1 img{ width:100px;}
.my-footer1 div:nth-child(2){margin-top: 40px;}
.my-footer1 div:nth-child(2) h3{padding-bottom:20px; border-bottom:1px solid #737373; font-size: 16px;}
.my-footer1 div:nth-child(2) h1{padding-top:20px;  font-size: 25px; font-weight: bold;}

.my-foot-dh{width: 60%; padding: 0 40px; min-height: 280px; box-sizing: border-box;border-left:1px solid #383838; border-right:1px solid #383838;}
.footnav{box-sizing: border-box; } 
.footnav li{ padding-top:20px; width:20%; box-sizing:border-box; padding:0 10px; float:left; box-sizing: border-box;}
.footnav li span{ font-weight:bold; font-size:16px; line-height:30px; color: #fff; border-bottom: 2px solid #da251c; display: inline-block; width: auto;  padding-bottom:25px;}
.footnav li p{padding-top: 20px;}
.footnav li p a{ display:block; line-height:28px; font-size: 14px; overflow:hidden;text-overflow:ellipsis;white-space:nowrap; color:aliceblue; color: #999999; padding-bottom: 10px;}
.footnav li p a:hover{ color:#fff;}
.my-footer2{width: 100%; display: block; color: #fff;  background-color: #363636; }
.my-footer2>div{height: 50px;}
.my-footer2 a{color:#fff;}
.my-footer2 a:hover{color:#fff;}


.my-gongzhonghao{padding:0 0 0 30px; width: 20%;}

.my-gongzhonghao>div:nth-child(1) div{ width:50%; box-sizing: border-box; padding: 0 3%; line-height: 30px; font-size: 14px;}
.my-gongzhonghao>div:nth-child(1) div img{ width:100%;}
@-webkit-keyframes rotation{
from {-webkit-transform: rotate(0deg);}
to {-webkit-transform: rotate(360deg);}
}
.my-gongzhonghao .select{
  width: 180px;
  border: 1px solid #dcdcdc;
  font-size: 16px;
  color: #b7b7b7;
  padding-right: 50px;
  padding-left: 10px;
  background: transparent url(../images/select.png) no-repeat right center;
  margin-top: 100px;
  height: 40px;
  cursor: pointer;
  appearance: none;
  -moz-appearance: none;
  -webkit-appearance: none;
  border-radius: 0;
}




.my-sound{ background-color: #E4E3E3; cursor: pointer;}
.my-sound img.playsound{
-webkit-transform: rotate(360deg);
animation: rotation 3s linear infinite;
-moz-animation: rotation 3s linear infinite;
-webkit-animation: rotation 3s linear infinite;
-o-animation: rotation 3s linear infinite;
}
.my-outlink{font-size: 16px; padding-bottom: 30px; line-height: 30px; padding-top: 20px;}
.my-outlink a{margin-left: 10px; margin-right: 10px; }
.my-outlink a,.my-outlink a:visited{color:#fff;}
.my-outlink a:hover{color: #d2e9d7;}

.my-outlink2{font-size: 14px;line-height: 25px;padding-top: 0;}


/*内页页头广告*/
.inpage-banner {
  position: relative;
}
.inpage-banner img {
  width: 100%;
}
.inpage-banner .ctn {
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
  z-index: 9;
  color: #fff;
  font-weight: 800;
  text-align: center;
  max-width: 300px;
  width: 96%;
  padding: 30px 0;
  background-color: rgba(0,0,0,.5);
}
.inpage-banner .ctn h2 {
  font-size: 30px;
  text-transform: uppercase;
  line-height: normal;
  font-family: Arial;
  margin-bottom: 25px;
  font-weight: bold;
}
.inpage-banner .ctn h3 {
  font-size: 24px;
  padding-bottom: 20px;
  position: relative;
  line-height: normal;
  font-weight: bold;
}
.inpage-banner .ctn h3::after {
  content: '';
  width: 50px;
  height: 3px;
  background-color: #fff;
  position: absolute;
  left: 50%;
  bottom: 0;
  transform: translateX(-50%);
}



/*案例内页*/
.my-project{padding-bottom: 100px; padding-top: 80px;}
.my-project .item {
  margin-bottom: 40px;
  background-color: #f4f4f4;
}
.my-project .item:nth-child(2n) .con h3,
.my-project .item:nth-child(2n) .con h2,
.my-project .item:nth-child(2n) .con a {
  text-align: right;
}
.my-project .item .img {
  width: 66.66%;
  position: relative;
  overflow: hidden;
  padding: 21.68% 0;
  box-sizing: border-box;
  cursor: pointer;
  
}
.my-project .item .img img {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  object-fit: cover;
  display: none;
}
.my-project .item .img img:first-child{display: block;}
.my-project .item .img img:hover {
  transform: scale(1.1);
}



.my-project .item .con {
  width: 33.33%;
  color: #000;
  padding: 0 3%;
  box-sizing: border-box;
}
.my-project .item .con h3,
.my-project .item .con h2 {
  width: 88%;
}
.my-project .item .con h3 {
  text-transform: uppercase;
  font-size: 16px;
  color: #5f5d5d;
}
.my-project .item .con h2 {
  margin: 25px 0 70px;
  font-size: 20px;
  font-weight: bold;
  display: inline-block;
}
.my-project .item .con p{
	line-height: 25px;
	font-size: 16px;
	color: #5f5d5d ;
}


.my-project .item .con a {
  display: block;
}



/*关于我们内页*/
.my-aboutus{padding-top: 60px; padding-bottom: 60px; font-size:16px; line-height: 30px;}
.my-aboutus .title{width: 100%; margin-bottom: 20px; margin-top: 50px;}
.my-aboutus .title2{margin-bottom: 0; margin-top: 100px;}
.my-aboutus .title3{margin-bottom: 0; margin-top: 50px;}


.my-aboutus .title>h2{font-size: 14px; text-transform: uppercase; font-weight: bolder; color: #666; margin: 0 0 15px 0; padding:0; font-weight: normal;}
.my-aboutus .title>h1{font-size: 30px; letter-spacing: 2px; color: #252525; margin:0;padding:0;}
.my-aboutus .title4{margin-top: 0; margin-bottom: 0;}
.my-aboutus .title4>h2, .my-aboutus .title4>h1{color: #fff;}

.my-aboutus .part1{width: 100%;}
.my-aboutus .part1>img:first-child{margin: 40px 0 60px 0;}
.my-aboutus .part1 p{text-indent: 30px; font-size: 16px; line-height: 30px;}
.my-aboutus .part1 img{max-width: 100%}
.my-aboutus .part1 .index1-2{margin-top: 100px;}

.my-job{padding-top: 20px;}
.my-job .part1{border-bottom: 1px #eee solid; padding:30px 0;}
.my-job .part1:last-child{border-bottom: 0;}
.my-job .part1-1{font-size:25px; color: #000;}
.my-job .part1-2{padding-top:30px;}
.my-aboutus.my-job .part1 p{text-indent:0;}


.my-aboutus .row>div img{max-width: 100%;}
.my-aboutus .row.con{width:1050px; }
.my-aboutus .row.con img{max-width: 100%;}
.my-aboutus .part2 {
  margin: 60px 0 100px;
  position: relative;
  height: 600px;
}
.my-aboutus .part2::after {
  content: '';
  display: block;
  width: 100%;
  height: 100%;
  background-color: rgba(0, 0, 0, 0.4);
  position: absolute;
  left: 0;
  top: 0;
  z-index: 2;
}
.my-aboutus .part2 > .img {
  
  position: relative;
  
}
.my-aboutus .part2 > .img img {
  width: 100%;
  height: 100%;

}
.my-aboutus .part2-list {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  z-index: 9;
  display: flex;
}
.my-aboutus .part2-list .item {
  width: 25%;
  height: 100%;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  border-right: 1px solid #fff;
  color: #fff;
  text-align: center;
  position: relative;
  overflow: hidden;
  cursor: pointer;
}
.my-aboutus .part2-list .item:last-of-type {
  border: 0 none;
}
.my-aboutus .part2-list .item:hover .con2 {
  opacity: 1;
}
.my-aboutus .part2-list .item .icon {
  line-height: 50px;
}
.my-aboutus .part2-list .item .con {
  width: 100%;
  margin-top: 20px;
}
.my-aboutus .part2-list .item .con h2 {
  font-size: 24px;
}
.my-aboutus .part2-list .item .con h4 {
  font-size: 12px;
  text-transform: uppercase;
}
.my-aboutus .part2-list .item .con2 {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  z-index: 10;
  transition: all 0.6s;
  opacity: 0;
}
.my-aboutus .part2-list .item .con2 .img {
  position: relative;
  height: 100%;
}
.my-aboutus .part2-list .item .con2 .img img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.my-aboutus .part2-list .item .con2 .tit {
  color: #fff;
  font-size: 18px;
  font-weight: bold;
  position: absolute;
  left: 50%;
  bottom: 150px;
  transform: translateX(-50%);
  width: 96%;
  text-align: center;
}

.my-aboutus .part3 {
  padding: 30px 0 100px 0;
  position: relative;
  width: 100%;
}
.my-aboutus .part3 .swiper-button-next::after,
.my-aboutus .part3 .swiper-button-prev::after {
  color: #cccccc;
  font-size: 30px;
  
}
.my-aboutus .part3 .swiper-button-prev::after{margin-left: -100px;}
.my-aboutus .part3 .swiper-button-next::after{margin-right:-100px;}
.my-aboutus .part3 .swiper-button-next:hover::after,
.my-aboutus .part3 .swiper-button-prev:hover::after {
  color: #000;
}
.honor-list .swiper-slide {
  border: 1px solid #cdcdcd;
  text-align: center;
  box-sizing: border-box;
  cursor: pointer;
}
.honor-list .swiper-slide .img {
  height: 367px;
  overflow: hidden;
}
.honor-list .swiper-slide .img img {
	max-width: 100%;
  max-height: 100%;
}
.honor-list .swiper-slide h3 {
  line-height: 75px;
  border-top: 1px solid #cdcdcd;
  font-size: 16px;
  color: #333333;
}


.my-aboutus .part4-list {
  padding-top: 60px;
 
}
.my-aboutus .part4-list li {
  width: 25%;
  border-right: 1px solid #dbdbdb;
  text-align: center;
  height: 400px;
  box-sizing: border-box;
  padding: 5% 3%;
  transition: all 0.6s;
}
.my-aboutus .part4-list li:last-of-type {
  border: 0 none;
}
.my-aboutus .part4-list li:hover {
  background-color: #252525;
  border-color: #252525;
}
.my-aboutus .part4-list li:hover h2 {
  color: #fff;
}
.my-aboutus .part4-list li:hover .txt {
  color: #fff;
  
}
.my-aboutus .part4-list li:hover .img {
  opacity: 1;
  -webkit-filter: none;
  -moz-filter: none;
  -ms-filter: none;
  -o-filter: none;
  filter: none;
}
.my-aboutus .part4-list li .img {
  -webkit-filter: grayscale(100%);
  -moz-filter: grayscale(100%);
  -ms-filter: grayscale(100%);
  -o-filter: grayscale(100%);
  filter: grayscale(100%);
  filter: gray;
  opacity: 0.8;
  transition: all 0.6s;
}
.my-aboutus .part4-list li h2 {
  margin: 30px auto 60px;
  color: #252525;
  font-size: 24px;
  width: 100%;
}
.my-aboutus .part4-list li .txt {
  width: 100%;
  font-size: 16px;
  color: #666666;
  text-align: justify;
  line-height: 1.6;
}

.my-aboutus .part5-list {
  padding-top: 60px;
  overflow-x: hidden;
  width: 100%;
}
.my-aboutus .part5-list li {
  display: flex;
  justify-content: space-between;
  margin-bottom: 50px;
  box-shadow: 0 0 20px rgba(174, 174, 174, 0.3);
}
.my-aboutus .part5-list li:nth-child(2n) .ctn h2 {
  text-align: right;
  align-self: flex-end;
}
.my-aboutus .part5-list li:nth-child(2n) .ctn .txt {
  text-align: right;
}
.my-aboutus .part5-list li .ctn {
  width: 35%;
  display: flex;
  flex-direction: column;
  align-items: flex-end;
  padding: 4%;
}
.my-aboutus .part5-list li .ctn h2 {
  font-size: 25px;
  color: #252525;
  font-weight: 800;
  line-height: normal;
  margin-bottom: 40px;
  display: flex;
  flex-direction: column;
  position: relative;
  padding-bottom: 5px;
  width: 90%;
  align-self: flex-start;
  display: inline-block;
  font-weight: normal;
}
.my-aboutus .part5-list li .ctn h2::after {
  content: '';
  width: 100%;
  height: 1px;
  background-color: #e7e6e6;
  position: absolute;
  left: 0;
  bottom: 0;
}
.my-aboutus .part5-list li .ctn h2 em {
  font-size: 35px;
  color: #252525;
  margin-bottom: 20px;
  display: block;
  font-weight: bold;
}
.my-aboutus .part5-list li .ctn .txt {
  font-size: 16px;
  color: #666666;
  line-height: 1.8;
  
}
.my-aboutus .part5-list li .img {
  width: 65%;
  position: relative;
  padding: 14.3% 0;
  overflow: hidden;
}
.my-aboutus .part5-list li .img img {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.my-aboutus .part5-list li .img img:hover {
  transform: scale(1.1);
}

.my-aboutus2 {
  background: url(../images/shebei-bg.jpg) no-repeat center / cover;
  padding: 100px 0 83px;
}
.my-aboutus .part6-list{
  padding: 60px 50px 0;
  position: relative;
}
.my-aboutus .part6-list .swiper-button-next,
.my-aboutus .part6-list .swiper-button-prev {
  opacity: 1;
}
.my-aboutus .part6-list .swiper-button-next::after,
.my-aboutus .part6-list .swiper-button-prev::after {
  color: #b0b0b0;
  font-size: 30px;
}
.my-aboutus .part6-list .swiper-button-next:hover::after,
.my-aboutus .part6-list .swiper-button-prev:hover::after {
  color: #fff !important;
}
.my-aboutus .part6-list .swiper-button-next {
  right: 0;
}
.my-aboutus .part6-list .swiper-button-prev {
  left: 0;
}
.my-aboutus .part6-list .swiper-button-disabled::after {
  color: #b0b0b0;
  opacity: 1;
}
.my-aboutus .part6-list .swiper-slide .img {
  position: relative;
  padding: 35% 0;
  overflow: hidden;
  background-color: #fff;
  cursor: pointer;
}
.my-aboutus .part6-list .swiper-slide .img img {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.my-aboutus .part6-list .swiper-slide .img img:hover {
  transform: scale(1.1);
}
.my-aboutus .part6-list .swiper-slide .con {
  background-color: #fff;
  height: 50px;
  padding: 20px 20px 10px;
}
.my-aboutus .part6-list .swiper-slide .con h3 {
  font-size: 18px;
  color: #252525;
  text-align: center;
  margin-bottom: 10px;
}
.my-aboutus .part6-list .swiper-slide .con .txt {
  color: #8f8e8e;
  font-size: 14px;
  line-height: 1.6;
}

.my-aboutus .part7{width: 100%; overflow: hidden; margin-bottom: 100px;}







.my-honors .rollpicshow ul li{display:flex;justify-content: center; align-items: center;}
.my-honors .prev,.my-honors .next{ margin-top:290px !important;}
.rollpicshow li{height:600px; width:450px;}
.rollpicshow img{ width: 100%;}
.pro-rollpic{padding-left:0; padding-right:0; padding-top:20px;}
.pro-rollpic .prev,.pro-rollpic .next{ margin-top:30px;}
.pro-rollpicshow li{height:75px; width:75px; background-color: #f5f5f5;margin-right: 5px;}
.pro-rollpicshow li img{max-width: 100%; max-height:100%;}
.my-honors{padding-top:40px; padding-bottom: 40px; }



.my-hengkuai{ width:55px; height:8px; background-color:#6d6968; position:relative; left:8px; top:-4px;}
.my-hengkuai-1{ width:55px; height:8px; background-color:#6d6968; position:relative; top:-4px;margin:0 auto;}
.my-hk-left-20{ left:20px;}
.my-about{ background-color:#dcdcdc; padding:20px;}
.my-about img{ max-width:100%;}
.my-mt-100{ margin-top:100px;}
.my-zhengshu{ height:630px; background-color:#dcdcdc;  box-sizing:border-box; padding:5%; text-align:center;display: flex; justify-content: center;align-items: center;}
.my-zhengshu img{ max-width:100%; max-height:100%;}
.my-img-100{ width:100%;}
.my-font-1{ font-family:Arial, Helvetica, sans-serif; font-weight:normal;}
.my-border-1{ border:1px solid #dcdcdc;}
.my-honors-tit{ height:180px; background:url(../images/about-4.jpg) no-repeat right center;}

.my-technology img{ max-width:100%; text-align:center;}

/*新闻资讯内页*/
.my-newslist{padding:0 15px;}
.my-newslist .swiper-slide{width: 380px; height: 560px; box-sizing: border-box; border:1px solid #ccc; background-color: #fff;padding: 25px;color: #666; margin-right: 30px; margin-bottom: 30px;}
.my-newslist .swiper-slide:nth-child(3n){margin-right: 0;}
.my-newslist .swiper-slide:hover{border:1px solid #da251c;}
.my-newslist .swiper-slide h2{ }
.my-newslist .swiper-slide h3{ line-height:30px; height: 60px; font-size:20px; overflow:hidden; text-align: center; margin-top: 15px; color: #000;}
.my-newslist .swiper-slide .btn{border: 0; height: 50px; width: auto; background-color: transparent; }
.my-newslist .swiper-slide .btn a{font-size:16px; display: block; width:80px; line-height: 30px; height: 35px; border-radius: 5px; color: #29166f;overflow: hidden; box-sizing: border-box; padding: 5px;}
.my-newslist .swiper-slide .btn a:hover{color: #fff; background-color: #29166f;}
.my-newslist .swiper-slide .img{width:100%; height: 220px; overflow: hidden; border-radius: 8px;}
.my-newslist .swiper-slide .img img{width:100%;transition:all .3s;}
.my-newslist .swiper-slide .img img:hover{transform:scale(1.1);}
.my-newslist .swiper-slide p{margin-bottom: 15px; font-size: 14px; color: #666; min-height: 57px;}
.newview{padding: 60px 0 80px 0;}
.newview .left{box-sizing: border-box; padding: 50px; border: 1px solid #e4e4e4; }
.newview .left .keywords{width: 100%; padding-top: 40px; padding-bottom: 40px; border-top: 1px solid #e4e4e4;}
.newview .left .keywords span{transition: all 0.4s;padding: 8px 15px; margin-right: 30px; border: 1px solid #b3b3b3; font-size: 16px; color:#b3b3b3; cursor: pointer;}
.newview .left .keywords span:hover{color: #fff; border: 1px solid #252525; background-color:#252525;}
.newview .tit{width: 100%; border-bottom: 1px solid #e4e4e4;}
.newview .tit p{font-size:16px; margin-top: 10px;}
.newview .right{ box-sizing: border-box; padding-left: 50px;}



.my-content{ overflow:hidden; margin-bottom: 20px; font-size: 16px; line-height: 30px;}
.my-content img{ max-width:100%; text-align:center;}
.detail-left{ z-index:10;}
.detail-left a{ float:none; clear:both;}
.leftpinglun{}
.sharewx{width:32px !important; margin-top:5px; z-index:10 !important; }
.sharewx_ewm{ width:80px; height:80px; margin:5px 0; background-color:#FFF !important;}
.newview .more{padding-bottom:15px; font-size: 14px;}
.newview .more a:hover{ color:#52b25e;}




/*招商加盟*/
.my-zhaoxiang{margin-top:80px; margin-left:0; margin-right:0; position: relative;}
.my-zx-left{ background:#dcdcdc; padding:80px 50px 100px 50px; display:inline; text-align:center;}
.zhaoshang-tit{padding-bottom:20px;}
.zsbg{ background-image:url(../images/zhaoshang_bg.jpg);}
.zx-form{ width:100%; display:inline-block; padding-left:20px; box-sizing:border-box;} 
.zx-form ul{ float:left;}
.zx-form ul li{padding:5px 0;}
.zx-contact{ width:100%; overflow:hidden; padding-top:20px;}
.my-zx-left #diqu{ width:350px; margin:0 auto;}
.my-width-350{ width:350px; margin:0 auto;}
.my-width-450{width:450px; margin:0 auto;}
#diqu li{padding-bottom:10px;}
#diqu li input{width:300px;padding:8px 8px 8px 40px;border-radius:5px; border:1px solid #CCC;outline:none;color:#666; background-color:#FFF;}
#diqu li textarea{width:300px; height:80px; padding:8px 8px 8px 40px;border-radius:5px; border:1px solid #CCC;outline:none;color:#666; background-color:#FFF;}
#diqu li select{width:350px;padding:9px 8px 9px 40px;border-radius:5px; border:1px solid #CCC;outline:none; color:#666;background-color:#FFF;}
.uname{padding:10px 8px 10px 40px !important; background:url(../images/form1.png) no-repeat 15px center;}
.umobile{padding:10px 8px 10px 40px !important; background:url(../images/form2.png) no-repeat 15px center;}
.utime{background:url(../images/form5.png) no-repeat 15px center;}
.ucity{background:url(../images/form3.png) no-repeat 15px center;}
.ustore{background:url(../images/form6.png) no-repeat 15px center;}
.uemail{background:url(../images/form7.png) no-repeat 15px center;}
.uaddress{padding:10px 8px 10px 40px !important; background:url(../images/form3.png) no-repeat 15px center;}
.uplan{background:url(../images/form9.png) no-repeat 15px 5px;}
.my-aboutus .uok{background-color:#2965b0 !important;width:350px !important; font-size: 16px; border:0 !important; padding-left:0px !important; color:#fff !important; cursor:pointer;padding:8px 0 !important;}
.my-zx-right{padding:80px 30px 50px 30px; text-align:center;}
.my-zx-right .tit{border-bottom:1px solid #3e3e3e; font-size: 28px; font-weight: bold; padding-bottom: 15px; margin-bottom: 30px; width: auto;}
.my-zx-right .con{font-size:16px;line-height:30px;}
.my-zx-right .con .tel{font-size:24px; font-weight: bold;}
.my-zx-right .con img{margin-top:20px;}


/*产品中心内页*/
.my-products{ background-color: #fff; margin-top: 5px; padding-bottom:60px;}
.proClass{ background-color: #000;height: 86px;}
.proClass ul li{ cursor: pointer; position: relative; box-sizing: border-box;padding-left:30px; width: 33.33%; height: 90px;border-bottom:4px solid #f5f5f5; display: flex; align-items: center; justify-content: flex-start;background-color: #000; color: #fff;
transition:all .3s;
-moz-transition:all .3s; /* Firefox 4 */
-webkit-transition:all .3s; /* Safari 和 Chrome */
-o-transition:all .3s; /* Opera */
}
.proClass ul li .icon{width:40px; height: 40px; background-color: #6e6d6d; box-sizing: border-box; padding:7px; overflow: hidden; border-radius: 50%; margin-right:10px; }
.proClass ul li .icon img{width:26px; height: 26px;}
.proClass ul li .tit{font-size: 18px;}
.proClass ul li.active{ background-color: #f4d412;border-bottom:4px solid #f4d412;}
.proClass ul li.active .icon{background-color: #000;}
.proClass ul li.active .tit{color:#000;}
.class-con{padding: 0 15px;}
.my-ziclass{padding:30px 15px; display: none;}
.my-ziclass>div{float: left; position: relative;}
.my-ziclass a{float: left; display: block; padding: 3px 15px; margin-right: 10px; box-sizing: border-box; border-radius: 5px; font-size: 14px; color: #626262;
transition:all .3s;
-moz-transition:all .3s; /* Firefox 4 */
-webkit-transition:all .3s; /* Safari 和 Chrome */
-o-transition:all .3s; /* Opera */
}
.my-ziclass a.check,.my-ziclass a:hover{background-color:#f4d412; color: #000;}

.my-ziclass>div>div{position:absolute; top:30px; left: 0px;  width:120px; box-sizing: border-box; background-color: rgba(0,0,0,.7); z-index: 10; display: none;}
.my-ziclass>div>div>a{width:100%;padding:5px 10px; box-sizing: border-box; color: #fff; display: block; line-height:20px; font-size: 14px;}
.my-ziclass>div>div>a:hover,.my-ziclass>div>div>a.on{background-color: rgba(0,0,0,1); color:#f4d412;}


.swiper-slide-1{height:310px !important;}
.swiper-slide-1 a{height:310px !important;}
.my-pro-list1{ width:100%; padding-top:80px;}
.my-pro-list1 li{padding:0 10px 50px 10px;}
.my-pro-list1 li>a{position: relative; width:380px; height:250px;overflow:hidden; box-sizing:border-box;transition:all .3s}
.my-pro-list1 li>a:hover{box-shadow: 0 0 25px #666;}
.my-pro-list1 .img{width:380px; height:250px; overflow:hidden; display: flex; align-items: center; justify-content: center;}
.my-pro-list1 .img:hover{box-shadow: 0 0 25px #666;}
.my-pro-list1 .img img{ width:100%; height: 100%; transition:all .3s;}
.my-pro-list1 .img img:hover{transform:scale(1.1); }
.my-pro-list1 .tit{box-sizing: border-box; font-size:16px;text-align:center; line-height: 50px; height:50px; width:100%; left: 0;bottom: 0; position: absolute;background-color:rgba(0,0,0,.5); color: #fff; }




.my-shangfo{margin-top: -123px; box-shadow: 0px 0px 25px -5px #6c6969; z-index:20; position: relative;}
.proview-class{ box-sizing:border-box; border-radius:20px; margin-bottom:50px; }
.proview-class li{ border-bottom:1px solid #eee; height:42px; text-align:center; width:100%;}
.proview-class li.jiantou{}
.proview-class li a{  width:100%; height:42px;  font-size:14px; display:block; line-height:42px; }
.proview-class li a:hover,.proview-class li a.check{ color: #302168; background-color:#e4e3e2;}
.proview-class li.tit{ line-height:30px;  font-size:18px; height:50px;}
.proview-class-2{ width: 100%;}
.proview-class-2 img{ max-width: 100%;}
.proview-class-2 li{padding-top:5px; padding-bottom: 5px;}

.my-pro-title{ margin-top:50px; padding: 0; position: relative;}
.my-pro-title::after{position: absolute; content: ""; background-color: #4c4948; width:100%; height: 1px; bottom:-5px; left: 0; z-index: 1;}
.my-pro-title .left{width:500px; font-size: 20px; line-height: 35px; color:#f4d412;}
.my-pro-title .left span{padding-left :5px; color:#ccc; font-size: 14px;}
.my-pro-title .right{width:500px; position: absolute;top: 0; right: 0; z-index: 2;}
.my-pro-title .right div{ position: relative; width: auto;}
.my-pro-title .right a{ margin:0 15px; line-height: 35px; font-size: 16px; padding-bottom: 10px; text-decoration: none; }
.my-pro-title .right a.active,.my-pro-title .right a:hover{color: #148647;border-bottom:3px solid #148647;}
.my-pro-left{padding-left:0;}
.my-loading{width:20px; height: 20px; margin-top: 200px;}
.my-pro-left-tit{position: absolute; display:none;background-color:#000; height:40px; width:100%; line-height:40px; bottom:0; left:0; padding:0 20px; box-sizing:border-box; font-size:14px; opacity:0.5;filter:Alpha(opacity=50);}
.my-leftImg{height: 600px; width: 600px; overflow: hidden; position: relative; cursor: pointer; }
.my-leftImg img{max-width: 100%; max-height: 100%;}
.my-leftImg .tit{width:auto; padding:5px 40px 5px 20px; height: 25px; line-height: 25px; min-width: 100px; font-size: 18px; border-radius: 0 0 50px 0;  color: #000; background-color:#F4D412; text-align: center; position: absolute;left:0; top:0; }


.pview-share{flex-shrink: 0; width:150px;}
.pview-share div{float:left; line-height:30px;}
.pro-texing img{height:70px; width: auto; padding-left: 5px; padding-right: 5px; margin-bottom:5px;}
.pview-love{margin-top: 40px; width:145px; padding:10px 0 0 5px; background:url(../images/like.png) no-repeat 0 7px; background-size: 28px 25px; line-height: 25px; text-indent:25px;}
.pview-love a{text-decoration:none;}
.pview-love a:hover{color: #f4d412;}

.my-pro-class{ width:100%; padding-bottom:25px; font-size:17px;}
.my-pro-class a{ display:block; border-bottom:2px solid #fff; color:#4c4948; padding:5px 0; margin-right:45px; text-decoration:none; float:left;}
.my-pro-class a:hover{ border-bottom:2px solid #4c4948; color:#000;}
.my-pro-class span{display:block; border-bottom:2px solid #4c4948; color:#000; padding:5px 0; margin-right:45px; text-decoration:none; float:left;}







.my-pmeuc-1{ background-color:#dfdfdf; height:560px; overflow:hidden; position:relative;}
.my-pmeuc-2{ height:385px; overflow:hidden;}
.my-pmeuc-3{ height:460px; border:1px solid #c7c7c7; overflow:hidden; position:relative;}
.my-pmeuc-4{ height:287px; overflow:hidden; background-color:#f1f1f1;}
.my-pm3-img{ position:absolute; bottom:0;}
.my-other-pro{ display:inline-block; text-align:center;}
.my-hk-pro{ width:55px; height:8px; background-color:#6d6968; position:relative; top:-4px; margin:0 auto;}
.my-font-out{text-align:center; margin:0 auto; display:inline-block;}
.my-font-in{text-align:left; width:auto; display:inline-block;}
.pro-rollpic .prev,.pro-rollpic .next{display:block; height:25px; width:25px; cursor:pointer; float:left; background:url(../images/unslider-arrow-1.png) no-repeat 0 0;}
.pro-rollpic .prev{background-position:0 0; margin-right:5px}
.pro-rollpic .prev:hover{background-position:0 -25px}
.pro-rollpic .next{background-position:0 -50px;margin-left:5px}
.pro-rollpic .next:hover{background-position:0 -75px}
.my-proItems .pro-rollpicshow{float:left; border:0;}
.my-proItems .pro-rollpicshow li{padding:3px; cursor:pointer;}
.my-proItems .pro-rollpicshow{float:left; border:0;}
.my-proItems .pro-rollpicshow li{ padding:1px 4px; cursor:pointer;display: -webkit-flex; /* Safari */display: flex;flex-direction:column;flex-wrap: wrap;justify-content:center;align-items:center; overflow:hidden; width:68px; height:68px; border:2px solid #f5f5f5;}
.my-proItems .pro-rollpicshow li img{ box-sizing: border-box;}
.my-proItems .pro-rollpicshow li:hover, .my-proItems .pro-rollpicshow li.check{ border:2px solid #000;}

#swiper-container-1{  padding-top:50px; }
#swiper-container-1 img{max-width:100%;}
#swiper-container-1 .swiper-wrapper .swiper-slide{background-color: #eee;}
#swiper-pagination-1{ top:5px;}
#morepro{ padding-top:10px; padding-bottom:50px; display:none;}
#morepro li{display: flex; align-items: center; justify-content: center; padding-left:5px; padding-right:5px; padding-top:10px; cursor:pointer;width:88px; height: 88px;}


.allZhuantu .img{width: 100%; height:265px; overflow: hidden; cursor: pointer;}
.allZhuantu .img img{width: 100%;}
.allZhuantu h3{ text-align: center; font-size: 16px; line-height: 25px; padding-top:10px;}
.loveAndqr{position:relative;width: 100%; padding-top: 30px;}

.loveAndqr .vrcode{width: 200px; text-align: center; margin-top: 50px;}
.loveAndqr .vrcode>div{margin-left:10px;}
.loveAndqr .vrcode>div>img{ width: 60px; margin-top: 10px;}
.loveAndqr .vrcode>div>p{padding:0; margin:-10px 0 0 0;}
.loveAndqr .vrcode>a>img{width:90px;}



.small-pronav{width: 135px; height:auto; padding-top:12px; padding-left:0; padding-bottom: 5px; position:absolute; left:0; top:5px; display: none; font-size: 12px; background:url(../images/sdb2019-up.png) no-repeat center top; z-index: 99;}

.small-pronav .my-nav-list{background-color: rgba(0, 0, 0, 0.7); position:absolute; padding:10px 0 10px 0; top:0; left:0; width:100%; line-height:20px;box-sizing: border-box; font-size: 12px}
.small-pronav .my-nav-list div{border-bottom:1px solid #7a7a7d; text-align:center; padding-top:10px; padding-bottom:10px;padding-left: 5px;}
.small-pronav .my-nav-list div a{line-height: 20px; text-align:center; margin: 0;}
.small-pronav .my-nav-list div a:hover{border-bottom: 0;}
.small-pronav .my-nav-list div.active a{color: #13823b;}



/*产品展示页*/
.my-proview{background: url(../images/bg-wen.jpg) repeat left top;  box-sizing: border-box; width:100%; height:700px; overflow: hidden;padding-left: 0; padding-right: 0; margin-top:80px; margin-bottom: 50px;}
.my-proview .left{width: 300px; height:700px; position: relative; float: left; background-color: #252525;}
.my-proview .left .main{position:absolute; left:100px; top: 50px; width: 400px; height: 600px; box-sizing: border-box; border: 2px solid #fff; background-color: #28166f; color: #fff; font-size: 14px; padding:0 20px 20px 20px; overflow-x: hidden; overflow-y: auto; border-radius: 10px;}
.my-proview .right{width: 820px; height:700px; box-sizing: border-box; padding:50px 50px 50px 170px;float: right; overflow: hidden;}
.my-proview .right .swiper-container{min-width: 600px !important; width:600px !important;}
.my-proview .right .swiper-wrapper{min-width: 600px; width: 600px;}
.my-proview .right .swiper-slide{width:600px; height:600px; min-width: 600px;  position: relative;}
.my-proview .right .swiper-slide .img{width:600px; height:600px;  opacity:1; z-index:9;}
.my-proview .right .swiper-slide .img img{width:600px;}
.my-proview .left .title{margin-bottom: 20px;font-size: 22px; line-height:30px; font-weight: bold;}
.my-pro-canshu{padding-bottom:35px; padding-top: 30px;}
.my-pro-canshu li{ margin: 5px 0 5px 0; line-height:30px; width: 100%; float: none;}
.my-pro-canshu li div{ float:left; box-sizing:border-box; font-style: 14px;}
.my-canshu-tit{width:25%;}
.my-canshu-value{width:75%;}
#my-pro-effect{ padding-bottom: 30px; margin-top:60px;}
.biaolan{width: 100%; height:80px; margin-top: 80px; margin-bottom: 60px; border-bottom: 1px solid #eee;}
.biaolan span{ margin-right: 20px; font-size:35px;}
.biaolan span:nth-child(2){font-family: Arial, Helvetica, sans-serif; text-transform:uppercase; margin-top: 5px;}

.proinfo{line-height: 25px; font-size: 14px; margin-top: 60px; margin-bottom: 80px;}
.proinfo img{max-width: 100%;}

/*全国门店内页-------*/
.paddingt2{ padding-top:2px;}
.exp-search{ width:100%; height: 50px;}
.exp-search div{}
.exp-search select{width:200px; padding:7px 10px;  color:#999; outline:none; margin-right:30px;border:1px solid #d0d0d0; float: left;}
.exp-search input[type="text"]{width:200px;padding:8px; border:1px solid #d0d0d0;margin-right:30px;outline:none;}
.exp-search input[type="submit"]{width:100px;padding:7px 8px;position:relative; top:-2px; background-color:#2965b0; cursor:pointer; outline:none; color: #fff; border:1px solid #2965b0; font-size: 16px;
transition:all .3s;
-moz-transition:all .3s; /* Firefox 4 */
-webkit-transition:all .3s; /* Safari 和 Chrome */
-o-transition:all .3s; /* Opera */
}
.exp-search input[type="submit"]:hover{border:1px solid #52b25e;background-color:#52b25e;}

.exp-list{ margin-top: 40px; margin-bottom: 40px;}
.exp-list .item{margin-bottom: 20px; cursor: pointer; }
.exp-list .item .name{width: 30%; height:88px; padding: 10px; box-sizing: border-box; background-color:#2965b0; line-height: 20px; font-size: 16px; font-weight: bold; color: #fff; border-radius: 10px 0 0 10px; overflow: hidden;}
.exp-list .item .address{width: 70%; height:88px; padding: 10px; box-sizing: border-box; background-color:#eee; line-height: 25px; font-size: 16px; color: #6b6b69;border-left:1px solid #eee;
transition:all .3s;
-moz-transition:all .3s; /* Firefox 4 */
-webkit-transition:all .3s; /* Safari 和 Chrome */
-o-transition:all .3s; /* Opera */
border-radius: 0 10px 10px 0;
}

.exp-list .item:hover .name{background-color:#00b0f0;}
.exp-list .item:hover .address{background-color:#52b25e;color: #fff;}




/*经销商专区*/
.sellDiv{background:#f2f2f2 url(../images/zhaoshang_bg.jpg) no-repeat center top; min-height:780px;}
.login-box {background-color: rgba(255, 255, 255, 0.8);color: #6c6c6c;margin:0 auto;margin-top:150px;padding: 25px 0 30px 30px;width: 350px;}
.login-title {
    color: #3c3c3c;
    font-size: 18px;
    font-weight: 700;
    height: 18px;
    line-height: 18px;
    margin-top: 9px;
    padding-bottom: 8px;
}
.login-box .field {
    margin-top: 20px;
    position: relative;
}
.login-box .field label {display: block;height: 40px;left: 1px;line-height: 40px;outline: 0 none;position: absolute;text-align: center;top: 1px;width: 40px;}
.login-box .field .l-icon01 {background:url(../images/login-1.png) no-repeat 0 0;}
.login-box .field .l-icon02 {background:url(../images/login-2.png) no-repeat 0 0;}
.login-text {
    border: 1px solid #ddd;
    font-size: 14px;
    height: 18px;
    line-height: 18px;
    padding: 11px 8px 11px 50px;
    width: 240px;
	color:#666;
}
.login-box .submit {margin-top:20px;}
.login-box .submit input {
    background: #29166f repeat scroll 0 0;
    border: 0 none;
    border-radius: 3px;
    color: #fff;
    cursor: pointer;
    display: inline-block;
    font-size: 16px;
    font-weight: 700;
    height: 42px;
    line-height: 42px;
    overflow: hidden;
    vertical-align: middle;
    width: 300px;
}
.login-box .submit input:hover{background-color: #da251c;}
.login-links {
    margin: 25px 0 5px;
    overflow: hidden;
    text-align: right;
}
.login-links a {display: inline-block; margin-left:15px;}
.case-con{padding:30px; background-color:#FFF; box-sizing: border-box; margin-top: 60px;} 
.case-list{float:left; display:inline; padding:20px 0; margin:0px; text-align:center; width: 100%; box-sizing: border-box;}

.case-list dl dd img{transition:all .3s; width:100%; height:175px;}
.case-list dl dd a:hover img{transform:scale(1.1);}
.case-list dl{margin-bottom: 20px;}
.case-list dl dd{ float:left; width:100%;}
.case-list dl dt{ float:left; width:100%; padding-top:15px; text-align:center; color:#333; font-size:14px; line-height:20px; text-decoration:none;white-space: nowrap;overflow: hidden;text-overflow: ellipsis;}
.case-list dl dt a:hover{ float:left; width:260px; margin-top:10px; text-align:center; color:#ff652d; font-size:14px; line-height:14px;}



.tags{float:left; padding-bottom:30px; height:35px; margin-top: 20px;}
.tags a{float:left; width:auto; height:30px; line-height:30px;color:#000; margin-top:15px; font-size:16px; text-decoration:none;margin-right: 50px;text-align: center; display:block; padding: 0;}
.tags a:hover,.tags a.check{border-bottom:2px solid #063a68;color:#063a68;text-decoration: none; text-align: center;}
.showLayer{width:100%; height: 100%; background-color:rgba(0,0,0,0.8); position: fixed; top: 0; left: 0; z-index: 101; display: flex; align-items: center; justify-content: center; display: none;}
.showLayer .con{z-index: 102; background-color: #fff; width: 1300px; height: 100%; overflow-y: auto; box-sizing: border-box; padding: 20px 15px; margin: 0 auto;}
.showLayer .con h1{padding:20px 0; border-bottom: 1px solid #ccc; font-size: 20px; line-height: 25px; text-align: center; font-weight: bold;}
.showLayer .con p{ font-size: 14px; text-align: justify; padding-top: 30px; padding-bottom: 20px;}
.showLayer .con p img{max-width:100%;}
.showLayer .close{width:50px; height: 50px; line-height: 50px; background-color: rgba(255,255,255,1); color: #fff; font-size: 30px; position: absolute; top: 20px; right: 20px; z-index: 103; text-align: center;}
.showLayer .close i{color:#000;}

/*设计师内页，品牌视频内页*/

.my-video{margin-bottom: 60px;}

.my-design-tit{ display:inline-block; text-align:center; width:100%;}
.my-store{width:100%; display:inline-block; text-align:center;}
.my-store a{ display:block; border:1px solid #fff;border-radius:2px; padding:5px 25px; font-size:16px; }
.my-store a:hover{ color:#000;}
.my-store .active{border:1px solid #cacaca; }
.clearfix:after{content:"\20";display:block;height:0;clear:both;visibility:hidden}
.clearfix{zoom:1}
#tab_demo{width:100%; margin-top:50px;}
.tabBar {display:inline-block; text-align:center; border:none; white-space:nowrap; width:auto;}
.tabBar span {display:inline-block; border:1px solid #fff;border-radius:2px; padding:0 10px !important; font-size:16px;cursor: pointer; color:#4c4948; background-color:transparent; text-align:center; width:auto; font-weight:normal; height:25px; line-height:25px; margin: 0 10px;}
.tabBar span.current{border:1px solid #cacaca;background-color:transparent;color:#4c4948;}
/*.tabCon {display: none}*/




/*广告*/
.banner-2 img{width: 100%;}
.banner-1{margin-top: 50px;}
.banner-1 img{width: 100%;}


/*遮罩层*/
.maskBox{position:absolute;width:100%; height:100%;top:0;left:0; bottom:0;right:0;z-index:2;color:#fff!important; background-repeat:no-repeat; background-position:center center; display:block;}

.maskWraper.hover .maskBox{ background-color:rgba(0,0,0,0.6); background-image:url(../images/sdb2019-logoicon-1.png);
 transition: all 500ms;
  -moz-transition: all 500ms; /* Firefox 4 */
  -webkit-transition: all 500ms; /* Safari 和 Chrome */
  -o-transition: all 500ms; /* Opera */
}
.maskWraper.hover .maskBox-1{background-image:url(../images/video-icon.png);}

/*分页*/

#list-page .m-pagination{height:36px;padding-top:10px;line-height:36px;text-align:center;color:#666;}
#list-page .m-pagination .inner{display:inline-block;}
#list-page .m-pagination .inner .btn,
#list-page .m-pagination .inner .page,
#list-page .m-pagination .inner .hidden,
#list-page .m-pagination .inner .selected{display:inline-block;min-width:16px;_width:16px;height:34px;padding:0 15px;border:1px solid #e5e5e5;line-height:34px;white-space:nowrap;font-family:Tahoma,SimSun,Arial;text-align:center;vertical-align:top;text-decoration:none;color:#000; font-size: 14px;}
#list-page .m-pagination .inner .btn:hover,
#list-page .m-pagination .inner .page:hover{border-color:#da251c;color:#fff; background-color:#da251c;}
#list-page .m-pagination .inner .selected{border-color:#da251c;font-weight:bold;color:#fff;background-color:#da251c;}
#list-page .m-pagination .inner .prev,#list-page .m-pagination .inner .next{position:relative;width:60px;}
#list-page .m-pagination .inner .prev{padding-left:20px;}
#list-page .m-pagination .inner .next{padding-right:20px;}
#list-page .m-pagination .inner .text{display:inline-block;padding-left:10px;}
#list-page .m-pagination .inner .num{width:30px;height:18px;border:solid 1px #999;text-align:center;}
.pro-page{ width:880px !important; padding-top:90px !important;}


/*弹出框*/
.fade {opacity: 0;
	-webkit-transition: opacity .15s linear;
	-o-transition: opacity .15s linear;
	transition: opacity .15s linear}
.fade.in {opacity: 1}
.modal-open {overflow: hidden}
.modal{ position:fixed; left:0; top:0; right:0; bottom:0; z-index:1040; display:none; overflow:hidden;-webkit-overflow-scrolling:touch; outline:0}
.modal.fade .modal-dialog{
	-webkit-transition: -webkit-transform .3s ease-out;
	-o-transition: -o-transform .3s ease-out;
	transition: transform .3s ease-out;
	-webkit-transform: translate(0,-50%);
	-ms-transform: translate(0,-50%);
	-o-transform: translate(0,-50%);
	transform: translate(0,-50%)}
.modal.in .modal-dialog {
	-webkit-transform: translate(0, 0);
	-ms-transform: translate(0, 0);
	-o-transform: translate(0, 0);
	transform: translate(0, 0)}
.modal-open .modal {overflow-x: hidden;overflow-y: auto}
	.modal-backdrop {position: fixed;top: 0;right: 0;bottom: 0;left: 0;background-color: #000}
	.modal-backdrop.fade {filter: alpha(opacity=0);opacity: 0}
	.modal-backdrop.in {filter: alpha(opacity=50);opacity: .5}
	
	.modal-content{position: relative;background-color: #fff;border: 1px solid #999;border: 1px solid rgba(0,0,0,.2);outline: 0;
		-webkit-background-clip: padding-box;
		background-clip: padding-box; 
		-webkit-box-shadow: 0 3px 9px rgba(0,0,0,.5);
		box-shadow: 0 3px 9px rgba(0,0,0,.5);
		}
	
		.modal-header {min-height: 16.42857143px;padding: 15px;border-bottom: 1px solid #eee; position:relative}
		.modal-header .close{position:absolute; right:10px; top:10px}
		.modal-header h3,.modal-header .modal-title{margin:0; padding:10px 0; font-size:16px}
	
		.modal-body {position:relative;padding: 15px;overflow-y:visible;word-break:break-all; clear:both;}
			.modal-form {margin-bottom: 0}
	
		.modal-footer {padding:15px;margin-bottom: 0;text-align: right;background-color: #f5f5f5;border-top: 1px solid #eee;*zoom: 1}
		.modal-footer:before,.modal-footer:after {display: table;content: ""}
		.modal-footer:after {clear: both}
		.modal-footer .btn + .btn {margin-left: 5px;margin-bottom: 0}
		.modal-footer .btn-group .btn + .btn {margin-left: -1px}
		.modal-footer .btn-block + .btn-block {margin-left: 0}
		
	.modal-scrollbar-measure {position: absolute;top: -9999px;width: 50px;height: 50px;overflow: scroll}
	
	.radius .modal-content{ border-radius:6px}
	.radius .modal-footer{ border-bottom-left-radius:6px; border-bottom-right-radius:6px}






/*
公共样式--------------------
轮播*/
/*
.swiper-container,.swiper-wrapper{ width:100%; min-width: 1300px}
.swiper-slide{ width:100%; min-width: 1300px; background-color: #eee;}
.swiper-slide a{ width:100%;min-width: 1300px; overflow: hidden; opacity:1; z-index:10; display:flex; text-decoration:none; justify-content: center; align-items: center;}

*/
#swiper-banner .swiper-slide,#inpage-banner .swiper-slide{ width:100%; background-color: #eee;}
#swiper-banner .swiper-slide a,#inpage-banner .swiper-slide a{ width:100%;overflow: hidden; opacity:1; z-index:10; display:flex; text-decoration:none; justify-content: center; align-items: center;}

.swiper-slide a img{width: 100%; height: auto;}
.swiper-pagination-bullet {
    display: inline-block;
    width: 30px;
    height: 5px;
    border-radius: 0;
    background: #fff;
    margin: 0 10px !important;
    opacity: 0.8;
    border: 0;
    cursor: pointer;
}
.swiper-pagination-bullet-active {
    opacity: 1;
    background: #29166f;
}
.swiper-button-next{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M27%2C22L27%2C22L5%2C44l-2.1-2.1L22.8%2C22L2.9%2C2.1L5%2C0L27%2C22L27%2C22z'%20fill%3D'%23cccccc'%2F%3E%3C%2Fsvg%3E");}
.swiper-button-next:hover{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M27%2C22L27%2C22L5%2C44l-2.1-2.1L22.8%2C22L2.9%2C2.1L5%2C0L27%2C22L27%2C22z'%20fill%3D'%230d2c71'%2F%3E%3C%2Fsvg%3E");}
.swiper-button-prev{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M0%2C22L22%2C0l2.1%2C2.1L4.2%2C22l19.9%2C19.9L22%2C44L0%2C22L0%2C22L0%2C22z'%20fill%3D'%23cccccc'%2F%3E%3C%2Fsvg%3E")}
.swiper-button-prev:hover{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M0%2C22L22%2C0l2.1%2C2.1L4.2%2C22l19.9%2C19.9L22%2C44L0%2C22L0%2C22L0%2C22z'%20fill%3D'%230d2c71'%2F%3E%3C%2Fsvg%3E")}


/*内页菜单栏*/
.inpage-nav{width: 100%; height: 100px; background-color:#fff; border-bottom: 1px solid #e8e8e8; overflow: visible; z-index: 99;}
.inpage-nav .fenlei{flex-grow: 1;}
.inpage-nav .fenlei>a{margin:0 40px; height: 100px; box-sizing: border-box; line-height: 100px; border-left: 0; font-size: 16px; color: #888;border-bottom:3px solid transparent;overflow: visible; }
.inpage-nav .fenlei>a:last-child{margin-right: 15px;}
.inpage-nav .fenlei>a:first-child{border-left: 0;}
.inpage-nav .fenlei>a:hover{color: #da251c; border-bottom:3px solid #da251c;}
.inpage-nav .fenlei>a.active{color: #da251c; border-bottom:3px solid #da251c; font-weight: bold; }
.inpage-navTop{position: fixed; top:110px;left: 0; z-index:20;}
.my-daohang{
	font-size: 14px; color: #666; padding:10px 0 10px 40px; position: relative; box-sizing: border-box; width:300px; flex-shrink: 0;
}
.my-daohang span{font-family: 宋体; padding-right: 5px; padding-left: 5px;}
.my-daohang::before{content: ""; width:10px; height: 20px; background-color: #3e3e3e; top:10px; left: 15px; display: block; position: absolute;}
.my-daohang a,.my-daohang a:visited{color: #666;}
.my-daohang a:hover{color: #da251c;}

.inpage-nav .fenlei-a>a{margin:0 20px;}



/*内页菜单样*/
.pro-nav{position: relative;}
.pro-nav .zi{ position: absolute;left:0; top:60px; width: 100%; height: auto; justify-content: center; align-items: center; display: none; z-index: 9999;}
.pro-nav .zi a{padding: 5px 15px; border-radius: 10px; font-size: 16px; line-height: 25px; margin: 0 15px;}
.pro-nav .zi a.on{background-color: #b41e23; color: #fff;}
/* CSS Document */
@media ( min-width : 768px) {
	.container {width:100%; overflow: hidden; box-sizing: border-box;}
	.container-fluid{width:100%;}
	
}
@media ( min-width : 992px) {
	.container {width: 100%;}
	.container-fluid{width:100%;}
	
	/*视频*/
	.modal-dialog{width:750px; height:650px;}	
	.modal-content iframe{ width:100%; height:500px;}
	
	/*新闻资讯*/
	.my-hotmore{padding-top:0;}
	/*
	.rollpicshow img{ height:170px; width:110px;}
	.pro-rollpic{padding-left:0; padding-right:0; padding-top:10px;}
	.pro-rollpicshow li{height:62px; width:62px;}
	.pro-rollpicshow img{width: 100% !important; height: auto !important;}
	.pro-rollpic .prev,.pro-rollpic .next{ margin-top:20px;}
	.my-honors{padding-top:60px;}
	
	
	.my-mh-230{ max-height:190px; overflow:hidden;}
	.imageflow{overflow:hidden; position:relative; text-align:left; visibility:hidden; width:980px; height:600px !important; margin:0 auto;}
	*/
}
@media ( min-width : 1200px) {
	.container {width: 1200px}
	.container-fluid{min-width:1200px; width:100%;}
	/*#my-main{margin-top:80px;}
	.my-iconnav::after{content:""; width:60px; height: 65px; background: url(../images/sandebo2019-2.png) no-repeat center center; background-size: 100% auto;position: absolute; right:10px; top: -70px; }
	*/
	/*视频*/
	.modal-dialog {width:900px; height:700px;}
	.modal-content iframe{ width:100%; height:600px;}
	
	/*新闻资讯*/
	.my-hotmore{padding-top:30px;}
	.my-plr-0{padding-left:0; padding-right:0;}
	

	/*
	.my-mh-230{ max-height:230px; overflow:hidden;}
	.imageflow{overflow:hidden; position:relative; text-align:left; visibility:hidden; width:1100px; height:600px !important; margin:0 auto;}
	*/
	
}
@media ( min-width : 1300px) {
	.container {width: 1200px}
	.container-fluid{min-width:1300px;width:100%;}
	.my-navbar>div>a{padding: 5px 18px 0 18px; color:#fff;}
	/*#my-main{margin-top:120px;}
	.my-iconnav::after{content:""; width:80px; height: 85px; background: url(../images/sandebo2019-2.png) no-repeat center center; background-size: 100% auto;position: absolute; right:0; top: -100px; }
	*/
}

@media ( min-width : 1400px) {
	.container {width: 1200px}
	.my-topnav{box-sizing: border-box; padding-left: 50px; padding-right: 50px;}
	.my-navbar>div>a{padding: 5px 18px 0 18px; color:#fff;}
	/*
	#my-main{margin-top:150px;}
	.my-iconnav::after{content:""; width:90px; height: 100px; background: url(../images/sandebo2019-2.png) no-repeat center center; background-size: 100% auto;position: absolute; right:0; top: -130px; }
	*/
}

@media ( min-width : 1500px) {
	.container {width: 1200px}
	.my-topnav{box-sizing: border-box; padding-left: 80px; padding-right: 80px;}
.my-navbar>div>a{padding: 5px 18px 0 18px; color:#fff;}
	/*
	#my-main{margin-top:200px;}
	*/

}
@media ( min-width : 1700px) {
	.container {width: 1200px}
	.my-topnav{box-sizing: border-box; padding-left: 180px; padding-right: 180px;}
	.my-navbar>div>a{padding: 5px 18px 0 18px; color:#fff;}
	/*
	#my-main{margin-top:200px;}
	*/

}