@font-face{font-family:'yingwen';src:url('../fonts/CAI978.ttf');}
@-webkit-keyframes zoomUp {
	0% {
		-webkit-transform: scale(1);
		transform: scale(1)
	}

	to {
		-webkit-transform: scale(1.15);
		transform: scale(1.15)
	}
}

@keyframes zoomUp {
	0% {
		-webkit-transform: scale(1);
		transform: scale(1)
	}

	to {
		-webkit-transform: scale(1.15);
		transform: scale(1.15)
	}
}
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;overflow-x: hidden;}
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-mt-100{ margin-top:80px !important;}
.my-mt-200{ margin-top:200px !important;}

.my-border-0{ border:0 !important;}
.my-c-4c4948{ color:#4c4948;}
.my-left-30{ left:30px !important;}
.my-top-100{position:fixed; top:230px;}
.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-hlb{
	display: -webkit-box; -webkit-box-orient:vertical; -webkit-box-pack:justify; -webkit-box-align:start;
	display: flex; justify-content:space-between; 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-ylc{ 
	display: -webkit-box; -webkit-box-lines:word-wrap; -webkit-box-orient:horizontal; -webkit-box-pack:start; -webkit-box-align:center;
	display: flex; justify-content:flex-start; align-items:center; flex-direction: row; flex-wrap: wrap;
}

.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-nlt{
	display: -webkit-box; -webkit-box-lines:word-break; -webkit-box-orient:horizontal; -webkit-box-pack:start; -webkit-box-align:start;
	display: flex; justify-content:flex-start; align-items:flex-start; flex-direction: row; flex-wrap: nowrap;
}
.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: #fff !important;font-size: 16px;width: 170px;height: 50px;line-height: 20px;transition: all 0.3s; background-color:rgba(255,255,255,.3);}
.more1 i{font-size: 24px; margin-left: 5px; margin-top: 1px;}
.more1:hover {background-color: #b2a998;color: #000 !important;}


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: #b2a998;color: #000;border-color: #b2a998;}

a.more3{color: #000 !important;}
a.more3:hover{background-color: #45636d;color: #fff !important;border-color: #45636d;}


/*页头*/

.container-fluid{padding:0;  position: relative;}
.header{position: fixed; background-color: rgba(187 187 187); top: 0; left: 0; z-index: 110; box-sizing: border-box; height: 80px;}
.header.on{background-color: rgba(0,0,0,1);}

.my-headone{height: 80px; }
.my-headone .logo{padding-left: 0; padding-right: 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: 140px; flex-shrink: 0; margin-left: 20px; padding-left: 15px;  color:#fff;z-index: 110;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;}



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

.my-navbar{padding:0;z-index: 110;flex-grow: 1; height: 80px;}
.my-navbar>div{  position: relative;text-align: center; box-sizing: border-box;height:80px; position: relative; flex: 1 1 auto; }
.my-navbar div{box-sizing: border-box;}
.my-navbar>div>a{display:block; overflow: visible;font-size: 18px;line-height:75px; color:#fff; box-sizing: border-box;}

.my-navbar>div>a.active,.my-navbar>div>a:hover{color:#fff !important; background-color: #45636d;}


.my-navbar>div .item{display:none;position: absolute;top:80px;  width:800px; min-height:300px;  box-sizing: border-box; background-color:#91adb0; box-sizing: border-box; box-shadow: 0 5px 8px rgba(0,0,0,.4);}
.my-navbar>div:nth-child(2) .item{background-color:#00a0e9;}
.my-navbar>div:nth-child(3) .item{background-color:#abcd03;}
.my-navbar>div:nth-child(4) .item{background-color:#ea5514;}
.my-navbar>div:nth-child(5) .item{background-color:#f39700;}
.my-navbar>div:nth-child(6) .item{background-color:#fdd000;}
.my-navbar>div:nth-child(7) .item{background-color:#9fd9f6;}
.my-navbar>div .item1{left: -100px;}
.my-navbar>div .item2{right: -80px;}

.my-navbar>div .item .item-1{width:250px; min-height: 300px;  float: left; position: relative;}
.my-navbar>div .item .item-1 .fuzi{width: 100px; height: 100px; position: absolute; left: 10px; top: 10px;
filter:alpha(opacity=10); /* IE */  
-moz-opacity:0.1; /* 老版Mozilla */  
-khtml-opacity:0.1; /* 老版Safari */  
opacity: 0.1; /* 支持opacity的浏览器*/  
-webkit-filter: grayscale(1);/* Webkit */
filter:gray;/* IE6-9 */
filter: grayscale(1);/* W3C */

}
.my-navbar>div .item .item-1>h2{margin:120px 20px 0 20px; font-weight: bold; font-size: 20px; text-align: left; color: #000; text-shadow: 0 0 10px #fff; }
.my-navbar>div .item .item-1>p{margin:10px 20px 0 20px; line-height: 25px; font-size: 16px; color: #000; text-align: left;text-shadow: 0 0 10px #fff;}


.my-navbar>div .item .item-2{float: left;background-color:rgba(255,255,255,1);}
.my-navbar>div .item .item-2 .img{width: 100%; height: 170px; display:flex; justify-content: center; align-items: center; overflow: hidden;}
.my-navbar>div .item .item-2 .img img{width: 100%;
transition:all .3s ease;
	-moz-transition:all .3s ease; /* Firefox 4 */
	-webkit-transition:all .3s ease; /* Safari and Chrome */
	-o-transition:all .3s ease; /* Opera */
}
.my-navbar>div .item .item-2 .img img:hover{transform:scale(1.1);}
.my-navbar>div .item .item-2>ul{width:510px; min-height: 75px; border-bottom: 1px solid #474747;  margin:0 20px 20px 20px; box-sizing: border-box;}
.my-navbar>div .item .item-2>ul li{text-align: left; font-size: 16px; position: relative;min-width:24%;box-sizing: border-box; padding: 2px 20px 2px 0; margin-right: 1%;
transition:all .3s ease;
-moz-transition:all .3s ease; /* Firefox 4 */
-webkit-transition:all .3s ease; /* Safari and Chrome */
-o-transition:all .3s ease; /* Opera */
float: left;
}
.my-navbar>div .item .item-2 .onetit{border-bottom: 1px solid #474747; font-size: 26px; color:#000; font-weight: bold;padding: 0 20px 2px 0; margin:5px 20px 0 20px; width:510px; line-height: 40px; text-align: left;}
.my-navbar>div .item .item-2>ul>li:hover{text-align: center;}
.my-navbar>div:nth-child(2) .item .item-2>ul>li:hover{background-color:#00a0e9;}
.my-navbar>div:nth-child(3) .item .item-2>ul>li:hover{background-color:#abcd03;}
.my-navbar>div:nth-child(4) .item .item-2>ul>li:hover{background-color:#ea5514;}
.my-navbar>div:nth-child(5) .item .item-2>ul>li:hover{background-color:#f39700;}
.my-navbar>div:nth-child(6) .item .item-2>ul>li:hover{background-color:#fdd000;}
.my-navbar>div:nth-child(7) .item .item-2>ul>li:hover{background-color:#9fd9f6;}


.my-navbar>div .item .item-2>ul li:hover a{color: #000;}
.my-navbar>div .item .item-2>ul li.onetit:hover{background-color:transparent;}


.allsearch{width: 100%; height: 100%; position: fixed; top: 0; left: 0; background-color: rgba(0,0,0,.6); z-index: 111; 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;}


/* 右下解浮动按钮 */
.rfbtn{position: fixed; bottom: 100px; right: 10px; z-index: 9999; width:30px;}
.rfbtn2{right: 60px;}
.rfbtn>a{width: 30px; height: 30px; position: relative; display: block; margin-bottom:5px; background-color:#45636d; border-radius: 50%;}
.rfbtn>a:nth-child(4n+1):hover,.rfbtn>a:nth-child(4n+1)>div.tel1{background-color:#00a0e9;}
.rfbtn>a:nth-child(4n+2):hover,.rfbtn>a:nth-child(4n+2)>div.tel1{background-color:#abcd03;}
.rfbtn>a:nth-child(4n+3):hover,.rfbtn>a:nth-child(4n+3)>div.tel1{background-color:#ea5514;}
.rfbtn>a:nth-child(4n+4):hover,.rfbtn>a:nth-child(4n+4)>div.tel1{background-color:#f39700;}

.rfbtn>a.weixin{}
.rfbtn>a.phone{}
.rfbtn a>img,.rfbtn>a>div.more>ul>li>img{width: 30px; height: 30px;}
.rfbtn>a>div{display:none; position: absolute; top: 0; right:40px;}
.rfbtn>a.phone>div{right: 30px;}
.rfbtn>a:hover>div{display: block;}
.rfbtn>a>div img{width: 110px;}
.rfbtn>a>div.tel1{color: #fff; font-size: 20px; line-height:35px; text-align: center; width: 230px;}
.rfbtn>a.my-sound{overflow: hidden;}


@-webkit-keyframes rotation{
from {-webkit-transform: rotate(0deg);}
to {-webkit-transform: rotate(360deg);}
}
.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;
}



.index1{padding-top: 70px; padding-bottom: 70px; background: url(../img/indexbg_2.jpg) no-repeat center center; background-size: 100% 100%;}
.index1-1{padding-top: 40px; padding-bottom: 40px;}

.index1-1-left {
  position: relative;
  width: 40%;
  max-height: 580px;
  border: 8px solid rgba(223,223,223,.3);
  overflow: hidden;
}
.index1-1-left img {

  width: 100%;
  height: 100%;

}

.index1-1-right{width: 50%;}
.index1-1-right .title {
  color: #fff;
  font-size: 28px;
  border-bottom: 1px solid #d8d8d8;
  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: #fff;
  font-size: 16px;
  padding: 40px 0 60px;
  line-height: 1.8;
  text-align: justify;
}


.index1-2 {
}
.index1-2 .item {
  width: 20%;
  text-align: center;
  padding: 20px 0;
  color: #fff;
  box-sizing: border-box;
  cursor: pointer;
  transition:all .3s;
  -moz-transition:all .3s; /* Firefox 4 */
  -webkit-transition:all .3s; /* Safari 和 Chrome */
  -o-transition:all .3s; /* Opera */
}
.index1-2a .item{color: #000;}

.index1-2 .item:hover h2,.index1-2 .item:hover h4{color: #fff;}
.index1-2 .item.on{background-color:rgba(255,255,255,.5);}
.index1-2a .item.on{background-color:rgba(40,40,40,.3);}

.index1-2 .item:nth-child(1):hover{background-color:#00a0e9;}
.index1-2 .item:nth-child(2):hover{background-color:#abcd03;}
.index1-2 .item:nth-child(3):hover{background-color:#ea5514;}
.index1-2 .item:nth-child(4):hover{background-color:#f39700;}
.index1-2 .item:nth-child(5):hover{background-color:#fdd000;}
.index1-2 .item:nth-child(6):hover{background-color:#9fd9f6;}

.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: #fff;
}
.index1-2a .item h4{color: #333;}

/*首页产品中心*/
.index2 {
  padding-bottom: 70px;
  padding-top: 70px;
  background: url(../img/indexbg_6.jpg) no-repeat center center;
  background-size: 100% 100%;
}
.index2-1 {height: 100%;}
.index2-1-box {margin-bottom: 30px;width:100%;}
.index2-1-box .title {color: #fff; margin-bottom:10px;}
.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;
}
.container.index2-2{width:1500px;}



/* .index2-2 .ones .two {
	color: #fff;
	font-weight: 400;
	font-size: 18px;
	-webkit-border-radius: 30px;
	-moz-border-radius: 30px;
	border-radius: 30px;
	border: 1px solid #fff;
	padding: 10px 35px
}

.index2-2 .ones .two:hover {
	background: #fff;
	color: #595757
} */

.index2-2 .twos {
	width: 100%;
	display: -webkit-box;
	display: -webkit-flex;
	display: -moz-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-flex-wrap: wrap;
	-ms-flex-wrap: wrap;
	flex-wrap: wrap
}

.index2-2 .twos .ls {
	width: -webkit-calc(25% - 4.5px);
	width: -moz-calc(25% - 4.5px);
	width: calc(25% - 4.5px);
	padding-bottom: 39.5%;
	background: #fff;
	position: relative
}
.index2-2 .twos .ls:nth-child(1){background:#00a0e9;}
.index2-2 .twos .ls:nth-child(2){background:#abcd03;}
.index2-2 .twos .ls:nth-child(3){background:#ea5514;}
.index2-2 .twos .ls:nth-child(4){background:#f39700;}


.index2-2 .twos .ls:not(:last-of-type) {
	margin-right: 6px
}

.index2-2 .twos .ls:hover .addimgs {
	opacity: 1;
	-webkit-box-shadow: 0 3px .73rem rgba(0, 0, 0, .38);
	-moz-box-shadow: 0 3px .73rem rgba(0, 0, 0, .38);
	box-shadow: 0 3px .73rem rgba(0, 0, 0, .38);
	-webkit-transform: scale(1);
	-moz-transform: scale(1);
	-ms-transform: scale(1);
	-o-transform: scale(1);
	transform: scale(1)
}

.index2-2 .twos .cont {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%
}

.index2-2 .twos .cont .t {
	height: 32%;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	padding-left: 9.6%;
	overflow: hidden
}

.index2-2 .twos .cont .t .one {
	font-weight: bold;
	font-size: 21px;
	color: #fff;
	margin: 1.9791666666666665rem 0 .4166666666666667rem
}

.index2-2 .twos .cont .t .one,
.index2-2 .twos .cont .t .two {
	overflow: hidden;
	-o-text-overflow: ellipsis;
	text-overflow: ellipsis;
	white-space: nowrap;
	width: 100%
}

.index2-2 .twos .cont .t .two {
	font-size: 15px;
	color: #F0F0F0;
	text-transform: uppercase
}

.index2-2 .twos .cont .f {
	height: 68%
}

.index2-2 .twos .cont .f img {
	width: 100%;
	height: 100%;
	display: block;
	-o-object-fit: cover;
	object-fit: cover
}

.index2-2 .twos .addimgs {
	color: #fff;
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 110%;
	top: -25px;
	bottom: -25px;
	-webkit-transform-origin: 50% 73%;
	-moz-transform-origin: 50% 73%;
	-ms-transform-origin: 50% 73%;
	-o-transform-origin: 50% 73%;
	transform-origin: 50% 73%;
	-webkit-transform: scale(.8, .62);
	-moz-transform: scale(.8, .62);
	-ms-transform: scale(.8, .62);
	-o-transform: scale(.8, .62);
	transform: scale(.8, .62);
	-webkit-transition: all .7s cubic-bezier(.23, 1, .38, 1);
	-o-transition: all .7s cubic-bezier(.23, 1, .38, 1);
	-moz-transition: all .7s cubic-bezier(.23, 1, .38, 1);
	transition: all .7s cubic-bezier(.23, 1, .38, 1);
	opacity: 0;
	padding: 17% 2.5%;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	background-size: auto 100%;
}

.index2-2 .twos .addimgs span {
	display: block;
	font-size: 28px;
	padding: 0 0 0 25px;
	font-weight: 200
}

.index2-2 .twos .addimgs font {
	display: block;
	font-size: 18px;
	padding: 5px 0 70px 25px;
	text-transform: uppercase;
	font-weight: 200
}

.index2-2 .twos .addimgs em {
	position: absolute;
	bottom: 10%;
	left: 10%;
	font-style: normal;
	font-size: 18px
}

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


/*可能性*/
.index3 {
  padding-top: 100px;
  padding-bottom: 100px;
  overflow: hidden;
  background: url(../img/indexbg_3.jpg) no-repeat center center;
  background-size: 100% auto;
}
.index3-1 {
  text-align: center;
}
.index3-1 h4 {
  color: #eee;
  text-transform: uppercase;
  margin-bottom: 10px;
}
.index3-1 h2 {
  font-size: 30px;
  color: #fff;
}
.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: rgba(255,255,255,.5);
  border-bottom-color: rgba(255,255,255,.5);
}
.index3-2 a:nth-child(4) {
  border-bottom-color: rgba(255,255,255,.5);
}
.index3-2 a:nth-child(5) {
  border-right-color: rgba(255,255,255,.5);
}
.index3-2 a:nth-child(6) {
  border-right-color: rgba(255,255,255,.5);
}
.index3-2 a:nth-child(7) {
  border-right-color: rgba(255,255,255,.5);
}
.index3-2 a:hover {
  border-color: rgba(255,255,255,.5) !important;
  background-color: #f5f5f5;
}
.index3-2 a:hover h3 {
  color: #000000;
}
.index3-2 a .icon {
  width: 100px;
  height: 80px;
  transition: all 0.4s;
  opacity: 1;
  background-position: center center;
  background-repeat: no-repeat;
}
.index3-2 a:hover .icon{opacity: 1;} 
.index3-2 a .icon1 {
  background-image: url(../img/iicon-1_hl.png);
}
.index3-2 a .icon2 {
  background-image: url(../img/iicon-2_hl.png);
}
.index3-2 a .icon3 {
  background-image: url(../img/iicon-3_hl.png);
}
.index3-2 a .icon4 {
  background-image: url(../img/iicon-4_hl.png);
}
.index3-2 a .icon5 {
  background-image: url(../img/iicon-5_hl.png);
}
.index3-2 a .icon6 {
  background-image: url(../img/iicon-6_hl.png);
}
.index3-2 a .icon7 {
  background-image: url(../img/iicon-7_hl.png);
}
.index3-2 a .icon8 {
  background-image: url(../img/iicon-8_hl.png);
}



.index3-2 a h3 {
  margin-top: 10px;
  color: #fff;
  font-size: 18px;
}
.index3-2 a:hover h3{color: #fff;}
.index3-2 a:nth-child(1):hover,.index3-2 a:nth-child(7):hover{background-color:#00a0e9;}
.index3-2 a:nth-child(2):hover,.index3-2 a:nth-child(8):hover{background-color:#abcd03;}
.index3-2 a:nth-child(3):hover{background-color:#ea5514;}
.index3-2 a:nth-child(4):hover{background-color:#f39700;}
.index3-2 a:nth-child(5):hover{background-color:#fdd000;}
.index3-2 a:nth-child(6):hover{background-color:#9fd9f6;}




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

.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: 70px;
  padding-bottom: 70px;
  background: url(../img/indexbg_4.jpg) no-repeat center center;
  background-size:auto 100%;
}
.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;
  max-height: 700px;
}
.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: 36% 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: #fdd000;
}

.index5-2-r{width: 49.5%; color: #fff; height:700px; box-sizing: border-box; padding: 50px; background-color: rgba(255,255,255,.2);}
.index5-2-r>p{font-size: 16px; line-height: 35px;}
.index5-2-r>h1{text-align: center; width: 100%;margin-bottom: 20px; font-size: 26px;}
.index5-2-r>h2{font-size: 26px; line-height: 60px;margin-bottom: 20px;}

.index5-2-r>div{width: 100%;}
.zx-new-1{width:100%; padding:10px 0 20px 0; color: #eee; }
.zx-new-1 td{ padding-bottom:1rem;}
.zx-tit{ font-size:1.2rem; color:#fff; padding-right:.5rem; }
.zx-input{ box-sizing:border-box; border:1px solid #e2e2e2; width:95%;  padding:5px; font-size:18px; line-height:30px; max-width: 380px;}
.zx-submit{ text-align:center; font-size:20px;padding:10px 25px; border-radius:5px;  color: #fff;  box-shadow:none; border:1px solid #fff; background-color: transparent; border-radius: 0; font-family:'Microsoft YaHei','SimSun',Arial,Sans-Serif; cursor:pointer;}
.zx-submit:hover{ color: #fff; background-color: #45636d; border:1px solid #45636d;}

.index5 .box2{margin-top: 20px; width: 1200px;}
.index5 .box2 .tit{text-align: center;font-size: 22px;font-weight: bold;line-height: 30px;padding: 10px 0; color: #fff; background-color: #b2a998; letter-spacing:10px; width: 110px; flex-shrink: 0;}

.brandlogo{height: 80px; box-sizing: border-box; flex-grow: 1; overflow: hidden; background-color: rgba(255,255,255,.5);}
.brandlogo .swiper-slide{height: 80px;}
.brandlogo img{cursor: pointer; width: 110px; margin: 0 10px;}




/*页面导航*/


/*首页轮显*/
#swiper-banner{ width: 100%; height:auto;}
#swiper-banner .swiper-slide{height:auto; width: 100%;}
#swiper-banner .swiper-slide a.slide-img{width: 100%;height: 100%;display: block;height:auto;}
#swiper-banner .swiper-slide-active .slide-img,
#swiper-banner .swiper-slide-duplicate-active .slide-img{
	-webkit-animation: zoomUp 12s linear 0s;
	animation: zoomUp 12s linear 0s;
	-webkit-animation-fill-mode: both;
	animation-fill-mode: both
}
#swiper-banner .swiper-slide a.slide-img img{width: 100%;}



/*首页新闻资讯*/
.homeNew{padding: 70px 0 70px 0; background: url(../img/indexbg_5.jpg) no-repeat center center; background-size: 100% 100%;}
.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 #ea5514; color: #ea5514;}
.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: rgba(255,255,255,.8);padding: 25px;color: #666;}
#swiper-container1 .swiper-slide:hover{border:1px solid #ea5514;}
#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: #ea5514;overflow: hidden; box-sizing: border-box; padding: 5px;}
#swiper-container1 .swiper-slide .btn a:hover{color: #fff; background-color: #ea5514;}
#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:#ccc;
    margin: 0 5px !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: #ea5514;
}
#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(../img/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(../img/form1.png) no-repeat 15px center;}
.umobile{padding:10px 8px 10px 40px !important; background:url(../img/form2.png) no-repeat 15px center;}
.utime{background:url(../img/form5.png) no-repeat 15px center;}
.ucity{background:url(../img/form3.png) no-repeat 15px center;}
.ustore{background:url(../img/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(../img/slider_right.png); }
div.slider-nav span.left { left:-50px;background:url(../img/slider_left.png); }
div.slider-nav span.right:hover {background:url(../img/slider_right.png) bottom; }
div.slider-nav span.left:hover {background:url(../img/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(../img/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:#3b3b3b; } */
footer{background-color:#4e4d4d; }
.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:150px;}
.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 #7b7b7b; border-right:1px solid #7b7b7b;}
.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 #8fa7af; 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: #c3c1c1; 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(../img/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;
  margin-top: 80px;
}
.inpage-banner img {
  width: 100%;
}
.inpage-banner .ctn {
  position: absolute;
  left: 25%;
  top: 50%;
  transform: translate(-50%, -50%);
  z-index: 9;
  color: #fff;
  font-weight: 800;
  text-align: center;
  max-width: 300px;
  width: 96%;
  height: 100%;
  max-height: 400px;
  padding: 30px 0;
  background-color: rgba(0,0,0,.5);
}

.inpage-banner1 .ctn{background-color: rgba(0,160,233,.5);}
.inpage-banner2 .ctn{background-color: rgba(171,205,3,.7);}
.inpage-banner3 .ctn{background-color: rgba(234,85,20,.7);}
.inpage-banner4 .ctn{background-color: rgba(243,151,0,.5);}
.inpage-banner5 .ctn{background-color: rgba(106,57,6,.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: 80px; padding-top: 60px;}
.my-project .item {
  margin-bottom: 40px;
  background-color: #fff;
}
.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:30px; padding-bottom: 60px; font-size:16px; line-height: 30px; background-color: #eee;}
.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>img:first-child{margin: 40px 0 60px 0;}
.my-aboutus .part1 p{text-indent:0; font-size: 16px; line-height: 30px;}
.my-aboutus .part1a p{text-indent:0;}
.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;
  margin-top: 5px;
}
.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;
  cursor: pointer;
}
.my-aboutus .part4-list li:last-of-type {
  border: 0 none;
}

.my-aboutus .part4-list li:nth-child(1):hover{background-color:#00a0e9;border-color: #00a0e9;}
.my-aboutus .part4-list li:nth-child(2):hover{background-color:#abcd03;border-color: #abcd03;}
.my-aboutus .part4-list li:nth-child(3):hover{background-color:#ea5514;border-color: #ea5514;}
.my-aboutus .part4-list li:nth-child(4):hover{background-color:#f39700;border-color: #f39700;}


.my-aboutus .part4-list li:hover h2 {
  color: #fff;
}
.my-aboutus .part4-list li:hover .txt {
  color: #fff;
  
}
.my-aboutus .part4-list li .img{width: 45px; height: 45px;transition: all 0.6s;}
.my-aboutus .part4-list li:nth-child(1) .img{background: url(../img/icon-1.png) no-repeat center center; background-size: 100% 100%;}
.my-aboutus .part4-list li:nth-child(2) .img{background: url(../img/icon-2.png) no-repeat center center; background-size: 100% 100%;}
.my-aboutus .part4-list li:nth-child(3) .img{background: url(../img/icon-3.png) no-repeat center center; background-size: 100% 100%;}
.my-aboutus .part4-list li:nth-child(4) .img{background: url(../img/icon-4.png) no-repeat center center; background-size: 100% 100%;}
.my-aboutus .part4-list li:nth-child(1):hover .img{background-image: url(../img/icon-1_hl.png);}
.my-aboutus .part4-list li:nth-child(2):hover .img{background-image: url(../img/icon-2_hl.png);}
.my-aboutus .part4-list li:nth-child(3):hover .img{background-image: url(../img/icon-3_hl.png);}
.my-aboutus .part4-list li:nth-child(4):hover .img{background-image: url(../img/icon-4_hl.png);}



.my-aboutus .part4-list li:hover .img {
}

.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-aboutus .part6{width: 100%; overflow: hidden; margin-bottom: 50px;}
.my-aboutus .part7{width: 100%; overflow: hidden; margin-bottom: 30px;}
.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-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-news{background-color: #eee; padding-top: 50px;}
.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 #ea5514;}
.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: #ea5514;overflow: hidden; box-sizing: border-box; padding: 5px;}
.my-newslist .swiper-slide .btn a:hover{color: #fff; background-color: #ea5514;}
.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: 0 0 80px 0;}
.newview .left{box-sizing: border-box; padding: 50px; background-color: rgba(255,255,255,1); border: 1px solid #ccc; }
.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: 5px 10px; margin-right: 30px; border: 1px solid #b3b3b3; font-size: 14px; 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; 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{}
.newview .sharewx{width:32px !important; margin-top:5px; z-index:10 !important; }
.newview .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-joinform{width: 100%; color: #000; height:700px; box-sizing: border-box; padding: 50px; background:#b2a998; background-size: 100% auto;}
.my-joinform>p{font-size: 16px; line-height: 35px;}
.my-joinform>h1{text-align: center; width: 100%;margin-bottom: 20px; font-size: 26px;}
.my-joinform>h2{font-size: 26px; line-height: 60px;margin-bottom: 20px;}
.my-joinform>div{width: 100%;}
.newview1 .left{padding:20px;}


/*产品中心内页*/
.productlistOut{width: 100%; min-height: 120px;}
.productlist{ margin-bottom: 10px; margin-top:0; padding-top: 10px; z-index: 99;}
.productlist1{margin-top: 0; margin-bottom: 0;}
.productlist .container{}
.productlist .daohang{font-size: 14px;}
.productlist .daohang a{color: #7e7e7e;}

.productlist.fixed{position: fixed; top: 80px; margin-top: 0; z-index: 100; width:100%;}
.productlist .left{box-sizing: border-box; padding-top: 10px; padding-bottom: 10px;}
.productlist .fenlei{margin-bottom:0; padding-right: 60px; position: relative;}
.productlist .fenlei.hide{height: 45px; overflow: hidden;}
.productlist .fenlei.show{height:auto;}
.productlist .fenlei .more{position: absolute; top: 5px; cursor: pointer; color:#6a3906; font-size: 14px; right: 0; width: 50px;}
.productlist .fenlei .more i{margin-top: 3px;}

.productlist .fenlei .one{background-color: #6a3906; font-size:16px; line-height:30px; width:100px; color: #fff; flex-shrink: 0; text-align: center;}
.productlist .fenlei .two{box-sizing: border-box;line-height:30px; height: 30px; width: 50px; text-align: center; margin-right: 30px; margin-left: 30px; flex-shrink: 0;font-size:16px;}
.productlist .fenlei .two.on {color:#ea5514; font-weight: bold; border-bottom: 2px solid #ea5514;}
.productlist .fenlei .three{flex-grow: 1; padding-left: 50px;}
.productlist .fenlei .three a{box-sizing: border-box;line-height:30px; height: 30px; word-break: break-all; font-size:16px; margin:0 40px 10px 0px; }
.productlist .fenlei .three1 a{margin:0 30px 10px 0px;}
.productlist .fenlei .two:hover{border-bottom: 1px solid #ea5514; color: #ea5514;}
.productlist .fenlei .three a.on{border-bottom: 2px solid #ea5514; color: #ea5514; font-weight: bold;}

.productlist .fenlei .three a:nth-child(4n+1):hover{border-bottom: 1px solid #00a0e9; color: #00a0e9;}
.productlist .fenlei .three a:nth-child(4n+2):hover{border-bottom: 1px solid #ea5514; color: #ea5514;}
.productlist .fenlei .three a:nth-child(4n+3):hover{border-bottom: 1px solid #abcd03; color: #abcd03;}
.productlist .fenlei .three a:nth-child(4n+4):hover{border-bottom: 1px solid #f39700; color: #f39700;}



.productlist .fenlei1 .one{background-color: transparent;}
.productlist .fenlei1 .three{}
.productlist .fenlei1 .three a{margin-bottom: 0; font-size: 15px;}

.productlist .left .ziclass{margin-top: 15px; margin-bottom: 10px;}
.productlist .left .ziclass a{padding:3px 10px; word-break: break-all; font-size:16px; margin-top:0; border-radius: 10px;}
.productlist .left .ziclass a:hover,.productlist .left .ziclass a.on{background-color:#6a3906; color: #fff;}

.productlist .left .ziclass a:hover,.productlist .left .ziclass a.on{background-color:#6a3906; color: #fff;}




.productlist .right{padding-top:0; padding-bottom: 30px;}
.productlist .right .list{ width:100%;}
.productlist .right .list li{padding:0 10px 20px 10px;}
.productlist .right .list .img{width:100%; overflow:visible;}
.productlist .right .list .img>div{width:100%;}
.productlist .right .list .img img{ max-width:100%; max-height: 100%; width: auto; height:auto; transition:all .3s;box-shadow: 7px 7px 5px 0 #8c8c8c;}
.productlist .right .list .img img:hover{transform:scale(1.05);}
.productlist .right .list .tit{ font-size:18px; font-family:yingwen; text-align: center; line-height: 40px;}
.productlist .right .list li a{color: #595757; display: block; }
.productlist .right .list li:nth-child(4n+1) a:hover .tit{color: #fff;background-color:#00a0e9 !important;}
.productlist .right .list li:nth-child(4n+2) a:hover .tit{color: #fff;background-color:#ea5514 !important;}
.productlist .right .list li:nth-child(4n+3) a:hover .tit{color: #fff;background-color:#abcd03 !important;}
.productlist .right .list li:nth-child(4n+4) a:hover .tit{color: #fff;background-color:#f39700 !important;}

.productlist .right .list .img .vr{width: 100%; height:100%;position:absolute; z-index: 10;}
.productlist .right .list .img .vr img{width: 50px; height: 50px; box-shadow: none;}
.productlist .right .list a:hover .img .vr{display: none;}

.my-pro-list1 li a:hover{color: #ccc;}
.no-product{font-size:18px; width:100%; text-align: center;}



/*产品展示页*/
.my-proview{background: url(../img/bg-wen.jpg) repeat left top;  box-sizing: border-box; width:100%; height:700px; overflow: hidden;padding-left: 0; padding-right: 0; margin-top:40px; margin-bottom: 10px !important;}
.my-proview .left{width: 300px; height:700px; position: relative; float: left; background-color: #000; z-index: 10;}
.my-proview .left .main{position:absolute; left:100px; top: 50px; width: 400px; height: 600px; box-sizing: border-box;  background-color: #ccc; color: #333; font-size: 16px; overflow: hidden;}

.my-proview .right{width: 820px; height:700px; box-sizing: border-box; padding:50px 50px 50px 170px;float: right; overflow: hidden; z-index: 5;}
.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; cursor: pointer;}
.my-proview .right .swiper-slide .img{ position:relative;  opacity:1; z-index:9; width: 600px;}
.my-proview .right .swiper-slide .img img{width:auto; height: auto; max-width: 600px; max-height: 600px;}
.my-proview .right .swiper-slide p{line-height:40px; text-align: center; color: #000; font-size: 14px; width: 100%; position: absolute; bottom: 0; left: 0; margin-bottom: 0;text-shadow: 0 0 5px #fff;}


.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; margin-left: 10px; margin-right: 10px; width: 370px; min-height: 380px; position: relative;}
.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-size: 14px;}
.my-pro-canshu li.title div{font-size: 20px;} 

.pro-texing{width: 78%;}
.pro-texing>div.part1{margin-bottom: 15px; width: 100%;}
.pro-texing>div.part1 span{border-radius: 5px; font-size: 14px; padding: 3px 8px; background-color: #fdd000; color: #000; margin-right: 10px; margin-bottom: 10px; line-height: 20px; word-break: break-all;}

.my-pro-canshu li.pview-con{position: relative; }
.pview-con .hits{text-align: right; padding-right: 15px; padding-bottom:7px; font-size: 14px;}
.gn-sj-share1{margin-right: -15px;}
.gn-sj-share1>div{ height:50px; padding:5px 0 0 5px; margin-top: -3px;}
.gn-sj-share1>div>div,.gn-sj-share1>div>div>a{ float:left; width: auto;}
.gn-sj-share1 .sharewx{padding-top:7px; margin-top:0; margin-right: 15px; position: relative;  }
.gn-sj-share1 .sharewx_ewm{ width:80px; height:80px; margin:5px 0 5px 0; background-color:#FFF !important; background:url(../img/loading.gif) no-repeat center center; background-size:15px 15px; display: none; position:absolute; top:25px; left: -30px;}
.gn-sj-share1 .sharewx a:hover .sharewx_ewm{display: block;}
.pview-right-3{width: 100%; margin-top:0px; position: absolute;left: 0; bottom: 0;} 
 
 
 
.pview-right-3>div:nth-child(1){padding: 10px; }
.pview-right-3>div:nth-child(1) img{width: 90px; height: 90px; margin-right: 20px;}
.pview-right-3>div:nth-child(1)>div{height:90px; border-left: 1px solid #959596; box-sizing: border-box; padding: 25px 30px 0 20px; font-size: 14px; line-height: 20px;}
.pview-right-3 .video-btn{width: 90px; text-align: center; flex-shrink: 0;}
.pview-right-3 .video-btn img{width: 50px; height: 50px; cursor: pointer;}

.my-canshu-tit{width:22%; }
.my-canshu-value{width:78%;}
#my-pro-effect{ padding-bottom: 30px; margin-top:30px;}
.biaolan{width: 100%; height:80px; margin-top: 0; margin-bottom: 30px; border-bottom: 1px solid #ccc;}
.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;}

#my-pro-effect .swiper-slide{cursor: pointer;}
#my-pro-effect .swiper-slide img{width: auto; max-width: 100%;}



.proinfo{line-height: 30px; font-size: 16px; margin-top: 0; margin-bottom: 50px;}
.proinfo .con{padding-left: 0;padding-right: 0;}
.proinfo .con img,.proinfo .con img{max-width: 100%; text-align: center;}


.my-pro-canshu2{width: 100%; box-sizing: border-box; padding: 10px 0 10px 0;  background-color:rgba(145,145,145,.5);}
.small-items{margin-top: 10px;}
.small-items .item-prev,.small-items .item-next{font-size: 40px; width: 40px; flex-shrink: 0; text-align: center; cursor: pointer;}
#proThumbs{flex-grow: 1;}
#proThumbs .swiper-slide{cursor: pointer;
opacity:0.7;
overflow: hidden;
position: relative;
box-sizing: border-box;
}

#proThumbs .swiper-slide img{max-width: 100%; max-height: 100%; width: auto; height: auto;}
#proThumbs .swiper-slide-thumb-active{
opacity:1;
border:2px solid #fdd000;
}
/* #proThumbs .swiper-slide-thumb-active::before{content: ""; position:absolute; bottom: 0; left: 45%; border-bottom:10px solid #bd2d36; border-left:10px solid transparent; border-right:10px solid transparent;} */
#proSwiper-btn.swiper-pagination{position: relative;}
#proSwiper-btn.swiper-pagination-fraction{bottom: 0;}




/*全国门店内页-------*/
.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(../img/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(../img/login-1.jpg) no-repeat 0 0;}
.login-box .field .l-icon02 {background:url(../img/login-2.jpg) 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: #6a3906 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: #ea5514;}
.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:rgba(255,255,255,.9); 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:#6a3906; 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 #ea5514;color:#ea5514;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: 300; display: flex; align-items: center; justify-content: center; display: none;}
.showLayer .con{z-index: 302; 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: 303; 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);}

/*分页*/
.m-pagination{height:36px;color:#666; padding-bottom:35px; }
.m-pagination .inner{display:inline-block; list-style-type:none; clear:both; padding-bottom:20px;}
.m-pagination .inner li{ float:left; }
.m-pagination .inner a{margin-bottom:0.5rem !important; }
.m-pagination .inner .btn,.m-pagination .inner .page,.m-pagination .inner .hidden,.m-pagination .inner .selected{display:inline-block;min-width:35px;_width:35px;height:35px;border:1px solid #f0f0f2;line-height:35px;white-space:nowrap;font-family:Arial,Tahoma,SimSun;text-align:center;vertical-align:top;text-decoration:none;color:#333;font-size:16px; margin:0 3px; border-radius: 5px; padding-left: 3px; padding-right: 3px;}
.m-pagination .inner .selected{border-color:#6a3906;color:#fff;background-color:#6a3906;}
.m-pagination .inner .btn:nth-child(5n+1):hover,.m-pagination .inner .page:nth-child(5n+1):hover{border-color:#00a0e9;color:#fff;background-color:#00a0e9;}
.m-pagination .inner .btn:nth-child(5n+2):hover,.m-pagination .inner .page:nth-child(5n+2):hover{border-color:#ea5514;color:#fff;background-color:#ea5514;}
.m-pagination .inner .btn:nth-child(5n+3):hover,.m-pagination .inner .page:nth-child(5n+3):hover{border-color:#abcd03;color:#fff;background-color:#abcd03;}
.m-pagination .inner .btn:nth-child(5n+4):hover,.m-pagination .inner .page:nth-child(5n+4):hover{border-color:#f39700;color:#fff;background-color:#f39700;}
.m-pagination .inner .btn:nth-child(5n+5):hover,.m-pagination .inner .page:nth-child(5n+5):hover{border-color:#fdd000;color:#fff;background-color:#fdd000;}



.m-pagination .inner .prev,#list-page .m-pagination .inner .next{position:relative;width:60px;}
.m-pagination .inner .prev{padding-left:20px;}
.m-pagination .inner .next{padding-right:20px;}
.m-pagination .inner .text{display:inline-block;padding-left:10px;}
.m-pagination .inner .num{width:30px;height:18px;border:solid 1px #999;text-align:center;}


/*弹出框*/
.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%; min-width: 1300px; background-color: #eee;}
#swiper-banner .swiper-slide a,#inpage-banner .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-slide a img{width: 100%; height: auto;}
.swiper-pagination-bullet {
    display: inline-block;
    width: 30px;
    height: 5px;
    border-radius: 0;
    background: #9fd9f7;
    margin: 0 10px !important;
    opacity: 0.8;
    border: 0;
    cursor: pointer;
}
.swiper-pagination-bullet-active {
    opacity: 1;

}
.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-navOut{width: 100%; height: 50px;}
.inpage-nav{width: 100%; height: 50px; background-color:#fff; border-bottom: 1px solid #e8e8e8; overflow: visible; z-index: 99;}
.inpage-nav.on{position: fixed; left: 0; top: 80px;}
.inpage-nav .fenlei{flex-grow: 1;}
.inpage-nav .fenlei>a{margin:0 40px; height: 50px; box-sizing: border-box; line-height: 50px; border-left: 0; font-size: 16px; color: #6a3906;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: #ea5514; border-bottom:3px solid #ea5514;}
.inpage-nav .fenlei>a.active{color: #ea5514; border-bottom:3px solid #ea5514; font-weight: bold; }
.inpage-navTop{position: fixed; top:110px;left: 0; z-index:20;}
.my-daohang{
	font-size: 16px; 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:13px; left: 15px; display: block; position: absolute;}
.my-daohang a,.my-daohang a:visited{color: #666;}
.my-daohang a:hover{color: #ea5514;}

.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: #ea5514; color: #fff;}
/* CSS Document */
@media ( min-width : 768px) {
	.container {width: 1200px}
	.container-fluid{width:1200px;}
	.container.index2-2{width:1200px;}
	
}
@media ( min-width : 992px) {
	.container {width: 1200px;}
	.container-fluid{width:1200px;}
	
	
	
	/*视频*/
	.modal-dialog{width:750px; height:650px;}	
	.modal-content iframe{ width:100%; height:500px;}
	
	/*新闻资讯*/
	.my-hotmore{padding-top:0;}
}
@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;}
	/*#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}
	.container.index2-2{width:1300px;}
	.my-topnav{box-sizing: border-box; padding-left: 50px; padding-right: 50px;}
	.my-navbar>div>a{padding: 5px 18px 0 18px; }
	
	.header>.container{width: 1300px;}
	/*
	#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;}
	.container.index2-2{width:1500px;}
	
	.index5 .box2{margin-top: 20px; width: 1500px;}
	.brandlogo img{width: 130px; margin: 0 15px;}
	
	/* .index1>.container{width:1500px;} */
	
	.my-topnav{box-sizing: border-box; padding-left: 80px; padding-right: 80px;}
	.my-navbar>div>a{padding: 5px 18px 0 18px;}
	/*
	#my-main{margin-top:200px;}
	*/

}
@media ( min-width : 1700px) {

	.my-topnav{box-sizing: border-box; padding-left: 180px; padding-right: 180px;}
	.my-navbar>div>a{padding: 5px 18px 0 18px;}
	/*
	#my-main{margin-top:200px;}
	*/

}