/* CSS Document */
@font-face{font-family:'yingwen';src:url('../font/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)
	}
}

@keyframes change1{
	0% {
		right:400px; top:95px;
		width: 200px;
		height: 270px;
		background-color:rgba(160,160,160,.8);
	}

	50% {
		right:365px; top:180px;
		width: 270px;
		height: 100px;
		background-color: rgba(26,44,120,.7);
	}
	100% {
		right:400px; top:95px;
		width: 200px;
		height: 270px;
		background-color:rgba(160,160,160,.8);
	}
}

@keyframes change2{
	0% {
		width: 255px;
		height: 590px;

	}

	100% {
		left:0;
		width: 1295px;
		height:590px;
	}
}

@keyframes change3{
	0% {
		width: 315px;
		height: 630px;

	}

	100% {
		left:0;
		width: 1595px;
		height:630px;
	}
}
@keyframes change4{
	0% {
		width: 335px;
		height: 680px;

	}

	100% {
		left:0;
		width: 1695px;
		height:680px;
	}
}


a,a:visited{ color:#000; text-decoration:none;
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 */
}
a:hover{ color:#000; text-decoration:none;}
img {border: none;vertical-align: middle;
transition:all .3s ease;
	-moz-transition:all .3s ease; 
	-webkit-transition:all .3s ease; 
	-o-transition:all .3s ease; 
}

.text-big{ text-transform:uppercase;}
.f-c-0260aa{color:#0260aa;}
.my-c-f9c385{ color:#f9c385;}
.my-c-898887{ color:#898887;}
.my-c-006661{color:#000;}
.my-c-e70012{color:#e70012;}
.my-c-ccc{color:#ccc;}
.my-c-red{color:red;}
.my-c-b8b5b5{color:#b8b5b5;}
.my-fontn{ font-weight:normal !important;}
.my-textl-5{ letter-spacing:5px;}
.my-hide{ display:none !important;}
.my-p-2{ line-height:25px; font-size:16px; color:#545454; }
.my-p-05{padding-left:.5rem; padding-right:.5rem;}
.my2-plr-0{padding-left:0; padding-right:0;}
.my-line{ border-bottom:0; border-top:1px solid #CCC;}
.my-pt-0{ padding-top:0;}
.my-pt-5{padding-top:5px !important;}
.pt-20{padding-top: 20px;}
.my-pb-50{padding-bottom:50px;}
.my-pt-30{padding-top:30px;}
.my-pt-45{padding-top:45px;}
.myc-pt-50{padding-top:50px;}
.my-pl-50{ padding-left:50px;}
.my-pr-50{ padding-right:50px;}
.my-pt-60{ padding-top:60px;}
.myc-pb-50{padding-bottom:50px;}
.myc-pb-60{ padding-top:50px;}
.myc-pb-10{padding-bottom:10px;}
.my-pt-80{ padding-top:80px;}
.myc-pt-80{padding-top:90px;}
.my-pt-60imp{ padding-top:60px !important;}
.my-pb-60{ padding-bottom:60px;}
.my-pb-0{padding-bottom:0;}
.my-pb-100{ padding-bottom:100px;}
.my-plr-30,.my-plr-30a{ padding-left:30px; padding-right:30px;}
.my-plr-0{ padding-left:0; padding-right:0;}
.my-ptb-40{ padding-top: 40px; padding-bottom: 60px;}
.my-pt-40{padding-top:40px;}
.my-pl-0{ padding-left:0;}
.my-pr-0{ padding-right:0;}
.myc-pr-30{padding-right:30px;}
.my-mt-60{margin-top:60px;}
.my-mt-0{ margin-top:0;}
.my-mt--5{margin-top:-5px;}
.my-mt--10{margin-top:-10px;}
.my-mb-0{ margin-bottom:0;}
.my-mb-60{ margin-bottom:60px;}
.my-f-14{ font-size:14px;}
.my-fontw{ font-weight:bold;}
.my-fontc{text-align:center;}
.my-f-26{ font-size:26px;}
.my-f-80{font-size: 80px; font-family: Cambria, Hoefler Text, Liberation Serif, Times, Times New Roman, serif;}
.plr-6{padding-left: 6px; padding-right: 6px;}
.my-f-j{text-align: justify;}
.my-fontf-Arial{ font-family:Arial,Sans-Serif;}
.my-over-hi{ overflow: hidden;}
.flex-cb{ 
	display: -webkit-box; -webkit-box-lines:word-wrap; -webkit-box-pack:center; -webkit-box-align:end;
	display: flex; justify-content: center; align-items:baseline; flex-direction: row;
}
.flex-c{ 
	display: -webkit-box; -webkit-box-lines:word-wrap; -webkit-box-pack:center; -webkit-box-align:center;
	display: flex; justify-content: center; align-items:center; flex-direction: row;flex-wrap: wrap;
}
.imgc{
	display: -webkit-box; -webkit-box-lines:word-wrap; -webkit-box-pack:center; -webkit-box-align:center;-webkit-box-orient:horizontal;
	display: flex;flex-direction: row;justify-content:center;align-items:center; 
}
.flex-nc{ 
	display: -webkit-box; -webkit-box-lines:word-wrap; -webkit-box-pack:center; -webkit-box-align:center;
	display: flex; justify-content: center; align-items:center; flex-direction: row;
}
.flex-ntc{ 
	display: -webkit-box; -webkit-box-lines:word-break; -webkit-box-orient:horizontal; -webkit-box-pack:center; -webkit-box-align:center;
	display: flex; justify-content: center; align-items:center; flex-direction: row;flex-wrap: nowrap;
}
.flex-lt{ 
	display: -webkit-box; -webkit-box-lines:word-wrap; -webkit-box-pack:start; -webkit-box-align:start;
	display: flex; justify-content:flex-start; align-items:flex-start; flex-direction: row; flex-wrap: wrap;
}
.flex-lc{ 
	display: -webkit-box; -webkit-box-lines:word-wrap; -webkit-box-pack:start; -webkit-box-align:center;
	display: flex; justify-content:flex-start; align-items:center; flex-direction: row; flex-wrap: wrap;
}
.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;
}
.flex-lb{ 
	display: -webkit-box; -webkit-box-orient:horizontal; -webkit-box-pack:start; -webkit-box-align:end;
	display: flex; justify-content:flex-start; align-items:flex-end; flex-direction: row;
}
.flex-bc{ 
	display: -webkit-box; -webkit-box-pack:justify; -webkit-box-align:center; -webkit-box-orient:horizontal; -webkit-box-lines:word-wrap;
	display: flex; justify-content:space-between; align-items:center; flex-direction: row; flex-wrap: wrap;
}
.flex-bb{ 
	display: -webkit-box; -webkit-box-pack:justify; -webkit-box-align:end; -webkit-box-orient:horizontal; -webkit-box-lines:word-wrap;
	display: flex; justify-content:space-between; align-items:flex-end; flex-direction: row; flex-wrap: wrap;
}
.flex-nbc{
	display: -webkit-box; -webkit-box-lines:word-break; -webkit-box-orient:horizontal; -webkit-box-pack:justify; -webkit-box-align:center;
	display: flex; justify-content:space-between; align-items:center; flex-direction: row; flex-wrap: nowrap;
}
.flex-rc{ 
	display: -webkit-box; -webkit-box-orient:horizontal; -webkit-box-pack:end; -webkit-box-align:center;
	display: flex; justify-content:flex-end; align-items:center; flex-direction: row; flex-wrap: wrap;
}
.flex-ct{ 
	display: -webkit-box; -webkit-box-pack:start; -webkit-box-align: center; -webkit-box-orient:horizontal;
	display: flex; justify-content:center; align-items:flex-start; flex-direction: row;
}
.flex-rcn{
	display: -webkit-box; -webkit-box-pack:end; -webkit-box-align: center; -webkit-box-lines:word-break; -webkit-box-orient:horizontal;
	display: flex; justify-content:flex-end; align-items:center; flex-direction: row; flex-wrap: nowrap;
}
.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;
}
.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;align-content:center;
}
.flex-htl{
	display: -webkit-box; -webkit-box-orient:vertical; -webkit-box-pack:start; -webkit-box-align:start;
	display: flex; justify-content: center; align-items:flex-start; flex-direction:column;align-content:flex-start;
}
.flex-hrt{
	display: -webkit-box; -webkit-box-orient:vertical; -webkit-box-pack:start; -webkit-box-align:end;
	display: flex; justify-content: center; align-items:flex-end; flex-direction:column;align-content:flex-start;
}

.flex-hbl{
	display: -webkit-box; -webkit-box-orient:vertical; -webkit-box-pack:end; -webkit-box-align:start;
	display: flex; justify-content: flex-end; align-items:flex-start; flex-direction:column;align-content:flex-end;
}
.flex-hrc{
	display: -webkit-box; -webkit-box-pack:center; -webkit-box-align:end; -webkit-box-orient:vertical;
	display: flex; justify-content: center; align-items:flex-end; flex-direction:column;align-content:center;
}
.flex-hlb{
	display: -webkit-box; -webkit-box-pack:justify; -webkit-box-align: center; -webkit-box-orient:vertical;
	display: flex; justify-content: space-between; align-items:center; flex-direction:column;align-content:flex-start;
}
.flex-hrb{
	display: -webkit-box; -webkit-box-pack:end; -webkit-box-align: end; -webkit-box-orient:vertical;
	display: flex; justify-content: center; align-items:flex-end; flex-direction:column;align-content:flex-end;
}
.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;
}
.flex-nlc{
	display: -webkit-box; -webkit-box-pack:start; -webkit-box-align: center; -webkit-box-lines:word-break; -webkit-box-orient:horizontal;
	display: flex; justify-content:flex-start; align-items:center; flex-direction: row; flex-wrap: nowrap;
}
.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;align-content:center;
}
.flex-rb{
	display: -webkit-box; -webkit-box-pack:end; -webkit-box-align: end; -webkit-box-orient:horizontal;
	display: flex; justify-content: flex-end; align-items:flex-end; flex-direction:row;
}
.flex-bt{
	display: -webkit-box; -webkit-box-pack:justify; -webkit-box-align:start; -webkit-box-lines:word-wrap;
	display: flex; justify-content:space-between; align-items:flex-start; flex-direction:row; flex-wrap: wrap; align-content:flex-start; 
}
.flex-nbt{
	display: -webkit-box; -webkit-box-lines:word-break; -webkit-box-orient:horizontal; -webkit-box-pack:justify; -webkit-box-align:start; 
	display: flex; justify-content:space-between; align-items:flex-start; flex-direction:row; flex-wrap: nowrap;
}
.flex-nrc{
	display: -webkit-box; -webkit-box-pack:center; -webkit-box-align: end; -webkit-box-lines:word-break; 
	display: flex; justify-content: center; align-items:flex-end; flex-direction:column; flex-wrap: nowrap;
}

.my-move{
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 */
}
.nostart{
	visibility: hidden; animation-name: none;
}

*, ::after, ::before {	-webkit-box-sizing: border-box;	-moz-box-sizing: border-box;box-sizing: border-box}
html, body, div, span, applet, object, iframe, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td {
	margin: 0;
	padding: 0;
	border: 0;
	-webkit-tap-highlight-color: rgba(0, 0, 0, 0);
}
select {
	/*Chrome和Firefox里面的边框是不一样的，所以复写了一下*/
	border: solid 1px #000;
	/*很关键：将默认的select选择框样式清除*/
	appearance: none;
	-moz-appearance: none;
	-webkit-appearance: none;
	/*在选择框的最右侧中间显示小箭头图片*/
	background: url(http://www.scenictc.com/Public/images/select.gif) no-repeat scroll 98% center transparent;
	/*为下拉小箭头留出一点位置，避免被文字覆盖*/
	padding-right: 14px;
}

/*清除ie的默认选择框样式清除，隐藏下拉箭头*/
select::-ms-expand {display: none;}

.bgcolor-eee{background-color: #eee;}

body{font-family:'Microsoft YaHei','SimSun',Arial,Sans-Serif; color:#414141;overflow-x:hidden;} /*有用*/

body.first{overflow: hidden;}
div{ box-sizing:border-box;}

body::-webkit-scrollbar{ width:10px;}
body::-webkit-scrollbar-track{background: #484748;border-radius:2px;}
body::-webkit-scrollbar-thumb{background: #f8d617;border-radius:10px;}
body::-webkit-scrollbar-thumb:hover{background: #f8d617;}
body::-webkit-scrollbar-corner{background: #f8d617;}

.nodata{ text-align:center; font-size: 18px;}
.nodata i{font-size: 20px;}

/* 公共样式 */
.index_title1{ position: relative;}
.index_title1 h2{ font-size: 32px; font-weight: bold; padding-bottom: 5px;}
.index_title1 p{ font-size: 16px; color: #a9a8a8; }
.index_title1 a.more{ color: #666666; position: absolute; right:0; top: 10px; max-width: 200px; transition: 0.3s; font-size:16px; z-index: 2; height:40px;}
.index_title1 a.more:before{content: ''; position:absolute; display: block; width:65px; height: 100%; transition: 0.3s; z-index: 1;border-bottom: solid 1px #ccc;}
.index_title1 a.more:hover:before{width: 100%; border-bottom-color: #000; border-bottom-width: 2px;}
.index_title1 a.more:hover{color: #000; font-weight: bold;}
.index_title1 a.more i{font-size: 18px;}

/* 内页左侧导航 */
.indaohang{position: fixed; top:0; left:0; width: 210px; height: 100%; box-sizing: border-box; border-right: 1px solid #8f8d8d; z-index: 90; box-shadow: 10px 0 10px -15px #8f8d8d; background-color:#fff; padding-top: 100px;}
.indaohang1{padding-top: 180px;}
.indaohang .item{min-width: 100px; position:relative; height: 50px; overflow: hidden;cursor: pointer; box-sizing: border-box;  display: block; margin-bottom: 2px;}
.indaohang .item .tit1{line-height:50px; width: 100%; height:50px; text-align: left; font-size: 16px; color:#000; overflow:hidden;padding: 0 40px;}
.indaohang .item .tit2{line-height:50px; width:0;height:50px;  text-align:left; font-weight: bold; font-size: 16px; color:#000; background-color: #f8d617; box-sizing: border-box; border-bottom:0; position: absolute; top: 0; left:0;overflow: hidden;}
.indaohang .item .tit2 font{font-size:30px; font-weight: bold; font-family: yingwen; margin-right: 5px;}

.indaohang .item.on .tit1,.indaohang .item:hover .tit1{width: 0;padding: 0;}
.indaohang .item.on .tit2,.indaohang .item:hover .tit2{width:100%;padding: 0 40px;}
.indaohang .share-btn{margin-top: 100px;}



.infn{background-color: rgba(0,0,0,.5); padding: 15px;}
.infn .share-btn>div{color: #fff;}
.infn .item .tit2{color:#fff;}
.infn .item.on .tit2,.infn .item:hover .tit2{border-bottom: 2px solid #fff;}


/*弹出层自定义样式*/
.openLayercss .layui-layer-setwin .layui-layer-close2 {
    position: absolute;
    right: 200px;
    top: 0;
    width: 50px;
    height:50px;
    margin-left: 0;
	background: url(../image/close.png) no-repeat center center;
	background-size: 100% 100%;
	
    *right: 200px;
    _display: none;
}
.openLayercss .layui-layer-setwin .layui-layer-close2:hover{
	
	background: url(../image/close_hl.png) no-repeat center center;
	background-size: 100% 100%;
}
.layer-anim{-webkit-animation-fill-mode:both;animation-fill-mode:both;-webkit-animation-duration:.8s !important;animation-duration:.8s !important;}

/* 右下解浮动按钮 */
.rfbtn{position: fixed; bottom: 80px; right: 20px; z-index: 50; width:30px;}
.rfbtn2{right: 50px;}
.rfbtn>a{width: 35px; height: 35px; position: relative; display: block; margin-bottom:5px; background-position: center; background-repeat: no-repeat; background-size: 35px 35px;}
.rfbtn>a.my-sound>span{width: 35px; height: 35px;display: block; background-image: url(../image/sound_mob.png);background-position: center; background-repeat: no-repeat; background-size: 35px 35px;}
.rfbtn>a.weixin-icon{background-image: url(../image/r_wx_mob.png);}
.rfbtn>a.wxxcx-icon{background-image: url(../image/r_wxxcx_mob.png);}
.rfbtn>a.tel-icon{background-image: url(../image/r_phone_mob.png);}
.rfbtn>a.top-icon{background-image: url(../image/r_top_mob.png);}
.rfbtn a:hover{background-color: #484748; border-radius: 5px;}
.rfbtn>a.my-sound>span:hover{background-image: url(../image/sound.png);}
.rfbtn>a.weixin-icon:hover{background-image: url(../image/r_wx.png);}
.rfbtn>a.wxxcx-icon:hover{background-image: url(../image/r_wxxcx.png);}
.rfbtn>a.tel-icon:hover{background-image: url(../image/r_phone.png);}
.rfbtn>a.top-icon:hover{background-image: url(../image/r_top.png);}



/* .rfbtn a>img,.rfbtn>a>div.more>ul>li>img{width: 35px; height: 35px;
-webkit-filter: grayscale(100%);
    -moz-filter: grayscale(100%);
    -ms-filter: grayscale(100%);
    -o-filter: grayscale(100%);
    filter: grayscale(100%);
	opacity:.7; filter:Alpha(opacity=70);
}
.rfbtn2 a>img,.rfbtn2>a>div.more>ul>li>img{width: 35px; height: 35px;
	 filter: brightness(100);
}
.rfbtn a:hover>img,.rfbtn>a>div.more>ul>li:hover>img{
	-webkit-filter: grayscale(0);
	    -moz-filter: grayscale(0);
	    -ms-filter: grayscale(0);
	    -o-filter: grayscale(0);
	    filter: grayscale(0);	
		opacity:1; filter:Alpha(opacity=100);
		transition:all .3s ease;
		-moz-transition:all .3s ease;
		-webkit-transition:all .3s ease;
		-o-transition:all .3s ease; 
} */


.rfbtn>a>div{display:none; position: absolute; top: 0; right:45px;}
.rfbtn>a:hover>div{display: block;}
.rfbtn>a>div img{width: 110px;}
.rfbtn>a>div.tel1{background-color: #484748; color: #f8d617; font-size: 20px; line-height:35px; text-align: center; width: 230px; border-radius:5px;}

.rfbtn>a>div.more{width:500px;  right: 35px;}
.rfbtn>a>div.more>ul{padding-right: 10px;position: relative;}
.rfbtn>a>div.more>ul>li{width: 35px; height: 35px; position: relative; display: block; margin:0 5px}
.rfbtn>a>div.more>ul>li>div{display:none; position: absolute; top: -130px; right:0;}
.rfbtn>a>div.more>ul>li>div>img{width: 110px !important;}
.rfbtn>a>div.more>ul>li:hover>div{display: block;}
.rfbtn>a.my-sound{overflow: hidden; border-radius: 5px;}
@-webkit-keyframes rotation{
from {-webkit-transform: rotate(0deg);}
to {-webkit-transform: rotate(360deg);}
}
.my-sound .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;
}





/* 内页头部与尾部 */
.inpagetop{text-align: center; padding: 40px 0 20px 0;}
.inpagetop>div{position: relative; text-align: center;}
.inpagetop .nav{position:absolute; right: 0; top: 25px;}
.inpagetop .nav .dropDown_A i{font-size: 30px;}
.inpagetop .dropDown_hover:hover{background-color:transparent;}
.inpagetop .nav .dropDown_A{
	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 */
}
.inpagetop .nav .open .dropDown_A{
	transform:rotate(90deg) !important;
	-ms-transform:rotate(90deg) !important; 	/* IE 9 */
	-moz-transform:rotate(90deg) !important; 	/* Firefox */
	-webkit-transform:rotate(90deg) !important; /* Safari 和 Chrome */
	-o-transform:rotate(90deg) !important; 	/* Opera */
}
.inpagetop .dropDown-menu{margin-left: -40px;}
.inpagetop img{}





.foot-2 .select{
  width: 140px;
  border: 1px solid #dcdcdc;
  font-size: 14px;
  color: #b7b7b7;
  padding-right: 50px;
  padding-left: 10px;
  background:#252525 url(../image/select.png) no-repeat right center;
  background-size:30px auto;
  height: 30px;
  cursor: pointer;
  appearance: none;
  -moz-appearance: none;
  -webkit-appearance: none;
  border-radius: 0;
  position: absolute;
  right: 15px;
  top: -8px;
}

/* 视频框设置 */
#video-area video{max-width: 850px; max-height: 600px;}


/* 全站页头 */
.header.container-fluid,header.container-fluid{background-color:rgba(180,180,180,1);height: 70px; position: fixed; top: 0; left: 0; z-index: 100; width: 100%; padding: 0;  }

.header-1{width: 100%; box-sizing: border-box; height: 70px; padding:0;position: relative;}

.header .logo img{width: 65%; height: auto;}
.my-navbar{ height:70px; padding:0;font-size: 14px;position: unset;}
.my-navbar>div.navitem{ box-sizing:border-box;padding:0 5px 0 5px; float: left;text-align: center;height:70px; flex: 1 1 auto;}
.my-navbar>div.navitem>a{display:block; overflow: visible;line-height:70px; color: #fff;}
.my-navbar>div.navitem>a.active{background-color: #f8d617;color: #000 !important;}
.my-navbar>div.navitem>a.active1{background-color: #f8d617;color: #000 !important;}

.my-navbar>div .item{display:none;position: absolute;top:70px; left: 0;  width:100%; background-color:rgba(204,204,204,1); box-sizing: border-box; padding: 0 3% 0 3%;}
.my-navbar>div .item>div{width:100%;}
.my-navbar>div .item .left{width:20%; flex-shrink: 0; padding-right: 20px; box-sizing: border-box; border-right: 1px solid #484748;  margin-bottom: 30px;}
.my-navbar>div .item .left>div.icon{width: 80px; flex-shrink:0;}
.my-navbar>div .item .left>div.icon img{width: 80px; height: 80px;}
.my-navbar>div .item .left>div.con{flex-grow: 1;}
.my-navbar>div .item .left h1{color: #000; text-align: left; font-size: 24px; font-weight: bold;} 
.my-navbar>div .item .left p{text-align: left; font-size: 16px; margin: 0; color: #666;}
.my-navbar>div .item .oneclass{width: 80%; box-sizing: border-box; padding-left:50px; padding-top: 20px;}
.my-navbar>div .item .oneclass a{text-align: left; font-size: 16px; position: relative;width:160px;box-sizing: border-box; margin-right:20px; border-bottom: 1px solid #484748; border-right: 0; margin-bottom: 20px; color: #484748; }
.my-navbar>div .item .oneclass a:last-child{margin-right: 0;}
.my-navbar>div .item .oneclass a .img{width: 160px; height: 107px; overflow: hidden;}
.my-navbar>div .item .oneclass a .img img{width: 125%;}
.my-navbar>div .item .oneclass a:hover{background-color: rgba(238,238,238,1); color: #000;}
.my-navbar>div .item .oneclass a:hover .img img{transform:scale(1.1);}
.my-navbar>div .item .oneclass a h2{ line-height: 35px; font-size: 16px; padding-top:5px; padding-bottom: 0; padding-left: 5px;}

.allsearch{padding: 15px 0;}

.allsearch>div{width:150px; box-sizing: border-box; overflow:hidden; background-color: #fff; padding: 5px 10px; border-radius: 5px; }
.allsearch>div>form{padding: 0; margin: 0;}
.allsearch>div input[type=text]{width: 90px; height: 30px; border:0; box-sizing: border-box; font-size: 14px;}
.allsearch>div i{cursor:pointer; font-size: 20px; width: 20px; color: #000; margin-left: 10px; flex-shrink:0;}
.allsearch>div form input{display: block;}



/*首页-------------------*/

/* 首页----页脚 */

.foot{width: 100%; height: 40px; background-color: rgba(0,0,0,1);  z-index: 200; color:#fff; text-align: center; line-height: 40px;}
.homefoot{position: absolute; left: 0; bottom:0;}
.infoot{padding: 0; z-index: 200; position: fixed; bottom: 0; left: 0; height: 40px; width: 100%;}
.infoot2{position: fixed; left: 0; bottom:0; width: 100%; padding-left: 280px; z-index: 100; box-sizing: border-box; padding: 0;}

.foot a,.foot a:visited,.foot a:hover{color: #fff;}
.foot a.geduan{margin-right: 100px;}
.foot>div:nth-child(2){width: 150px; flex-shrink: 0; margin-left:30px;}
.foot .select{
  width: 140px;
  border: 1px solid #dcdcdc;
  font-size: 14px;
  color: #b7b7b7;
  padding-right: 50px;
  padding-left: 10px;
  margin-left: 30px;
  background:#252525 url(../image/select.png) no-repeat right center;
  background-size:30px auto;
  height: 30px;
  cursor: pointer;
  appearance: none;
  -moz-appearance: none;
  -webkit-appearance: none;
  border-radius: 0;

}




.bodyBg1{background-color:#eee;}
#fullpage .swiper-slide .container{padding-top:80px;}
.adSwiper{margin-top:70px;}


.full-bullet{width:15px; height: 15px; background-color:rgba(188,188,188,.8); box-sizing: border-box; display:block; position: relative; border-radius:50%; margin: 10px 0;cursor: pointer;}
.full-bullet-active{ background-color:rgba(72,72,72,1); border:2px solid #f8d617;}
#fullpage-btn.swiper-pagination-bullets{right:unset; left: 10px;}
#fullpage .swiper-slide{background-position: center center; background-repeat: no-repeat; background-size: 100% auto;}
#adSwiper .swiper-slide .slide-img{width: 100%;height: 100%;background-position: center center; background-repeat: no-repeat; background-size: 100% auto;	}
#adSwiper .swiper-slide-active .slide-img,
#adSwiper .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
}
#adSwiper .swiper-slide .slide-img a{display: block; width: 100%; height: 100%;}

.ad-bullet{width:12px; height: 12px; background-color:rgba(255,255,255,.3); display:inline-block; position: relative; border-radius:50%; margin: 0 8px; cursor: pointer;}
.ad-bullet-active{ background-color:rgba(255,255,255,.95);}

/*视频背景*/
.fullvideo{position: fixed; z-index: 999; left: 0; top: 0; width: 100%; height: 100%; }
.inweb{width: 100%;  position: fixed; left: 0; bottom: 0; height: 60px; text-align: center; box-sizing: border-box;}
.inweb a{width: 120px; height: 120px;  background-color:rgba(26,44,120,1); text-align: center; color: #fff; font-size: 18px; line-height: 60px; border-radius: 50%; overflow:hidden; display: inline-block;}
.inweb a img{width:30px; height:30px;}


#bg-video-box .banner-center-text {
	width: 100%;
	text-align: center;
	position: absolute;
	top: 50%;
	transform: translateY(-50%);
	-o-transform: translateY(-50%);
	-webkit-transform: translateY(-50%);
	-moz-transform: translateY(-50%);
	-ms-transform: translateY(-50%);
}
#bg-video-box .banner-center-text .btn-box{
	margin-top: 50px;

}
#bg-video-box .banner-center-text .btn-box .foot-2{margin-top: 20px; color: #9d9d9e; position: relative;}
#bg-video-box .banner-center-text .btn-box .foot-2 a,#bg-video-box .banner-center-text .btn-bo .foot-2 a:hover{color: #9d9d9e;}


.home .main .item-8 input::-webkit-input-placeholder{color: #fff;}
.home .main .item-8 input::-moz-input-placeholder{color: #fff;}
.home .main .item-8 input::-ms-input-placeholder{color: #fff;}
input:focus::-webkit-input-placeholder {color:transparent !important;/* WebKit browsers */}
input:focus:-moz-placeholder {color: transparent !important;/* Mozilla Firefox 4 to 18 */}
input:focus::-moz-placeholder { color:transparent !important; /* Mozilla Firefox 19+ */}
input:focus:-ms-input-placeholder {color:transparent !important; /* Internet Explorer 10+ */}
 
/*视频背景 end*/

/* 首页----关于我们 */
.index1{ position: relative;}
.index1-1{}

.index1-1-left {
  position: relative;
  width: 40%;

  padding: 18% 0;
  overflow: hidden;
}
.index1-1-left img {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  object-fit: cover;
  box-sizing: border-box;
  padding: 10px;
  background-color: rgba(228,228,228,.3);
}
.index1-1-right{width: 50%; margin-right: 5%;}
.index1-1-right .title {
  color: #fff;
  font-size: 24px;
  position: relative;
  font-weight: bold;
}

.index1-1-right .con {
  color: #eee;
  font-size: 16px;
  padding: 30px 0 30px 0;
  line-height: 1.8;
  text-align: justify;
  text-indent: 40px;
}

.index1-1-right .youshi{margin-top:0;}
.index1-1-right .youshi li{width: 33%; box-sizing: border-box; padding-right: 1%; margin-top: 30px; word-break: break-all;}
.index1-1-right .youshi li img{width: 50px; height: 50px; margin-right:5px; flex-shrink: 0;
-webkit-filter: grayscale(100%);
  -moz-filter: grayscale(100%);
  -ms-filter: grayscale(100%);
  -o-filter: grayscale(100%);
  filter: grayscale(100%);
  filter: gray;
}

.shuzhi{ background-color: rgba(139,139,139,.9); margin-top:80px;  color: #fff;}
.shuzhi>a,.shuzhi>a:visited{cursor: pointer; padding:0 10px 10px 10px;; color: #fff;}
.shuzhi>a{flex-grow: 1;}
/* .shuzhi>a:nth-child(1){width:25%;}
.shuzhi>a:nth-child(3){width:40%;} */
.shuzhi>a:hover{background-color: #f8d617; color: #484748;}

.shuzhi>a .img{flex-shrink: 0; width: 70px; margin-top:10px;}
.shuzhi>a .img img{width: 70px; height: 70px;}

.shuzhi>a .con{flex-grow: 1;}
.shuzhi>a h2{font-size:18px; padding-bottom: 5px;}
.shuzhi>a h2 span{font-size: 45px; margin-right: 5px; font-family:Arial, Helvetica, sans-serif;}
.shuzhi>a p{font-size: 14px;}
.youshi li span{flex-grow: 1; font-size: 18px; color: #fff;}

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

/* 首页--产品中心 */
.homeProduct{margin-top: 70px;}
.homeProduct .container{padding-left: 0; padding-right: 0; box-sizing: border-box;}
.homeProduct ul{ position: relative; width:100%; height: 680px;}
.homeProduct ul li{ padding-right: 5px; box-sizing: border-box; width:260px;}

.homeProduct ul li .part1{display: block;box-sizing: border-box;width:100%; padding:10px 20px; height:680px; background-color: rgba(255,255,255,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 */
}
.homeProduct ul li .part1 h1{font-size: 24px; padding-top: 10px; padding-bottom: 5px; color:#484748;}
.homeProduct ul li .part1 p{font-size: 18px; text-transform: uppercase; font-family: yingwen;color:#484748;}
.homeProduct ul li:hover .part1{background-color:rgba(248,214,23,1) ;}
.homeProduct ul li:hover .part1 h1,.homeProduct ul li:hover .part1 p{color: #000;}

.homeProduct ul li .part2{width:255px; height:590px; overflow: hidden;
position: absolute;  top: 90px;
}
.homeProduct ul li .part2-1{left: 0;}
.homeProduct ul li .part2-2{left: 260px;}
.homeProduct ul li .part2-3{left: 520px;}
.homeProduct ul li .part2-4{left: 780px;}
.homeProduct ul li .part2-5{left: 1040px;}
.homeProduct ul li .part2 img{height: 100%; width: auto;}
.homeProduct ul li:hover .part2{z-index: 50;
	animation: change2 .3s linear 1 forwards; 
}
.homeProduct ul li:hover .part2 img{
	height:auto; width:100%; margin-top: -5%;
}



/*首页新闻资讯*/
.index4-2{ margin-top:50px; padding-left: 50px;}
.index4-2 .title h4 {
  color: #b9b9b9;
  text-transform: uppercase;
  margin-bottom: 5px;
  line-height: normal;
  font-size: 50px;
  font-family: yingwen;
  font-weight:bold;
}
.index4-2 .title h2 {
  font-size: 24px;
  color: #888;
  padding-top: 5px;
}
.index4-2 .nav{width: 300px;  margin-top:0px;}
.index4-2  .nav a{padding: 8px 45px; background-color:#3d3d3d; color: #fff; font-size: 16px; margin: 20px 15px 0 0; box-sizing: border-box;  }
.index4-2  .nav a:hover{background-color:#f8d617; color: #000;}
.index4-2  .nav a>font{font-family: yingwen;}


.index4-2{}
.index4-2 .item{width:400px; height:300px; position: relative; margin-left: 60px; margin-bottom: 40px;}
.index4-2 .item:nth-child(1){margin-left: 80px;}
.index4-2 .item:nth-child(3){margin-left: 50px;}
.index4-2 .item .img{width: 100%; height: 100%; overflow: hidden;}

.index4-2 .item .con{background-color: rgba(0,0,0,.7); padding:15px 20px; position: absolute; bottom: 15px; left: -50px; width: 100%;
 transition:all .3s ease;
 -moz-transition:all .3s ease; 
 -webkit-transition:all .3s ease;
 -o-transition:all .3s ease; 
 }
.index4-2 .item .con h4,.index4-2 .item .con h2,.index4-2 .item .con h3{padding: 0; margin: 0;}
.index4-2 .item .con h4{font-size:24px; font-weight:bold; color: #5a5a5a;font-family: yingwen;}
.index4-2 .item .con h2{font-size:16px;  color: #fff;line-height:40px;}
.index4-2 .item .con h3{font-size:14px;  color: #808080;}
.index4-2 .item:hover .con{background-color: rgba(248,214,23,1);}
.index4-2 .item:hover .con h2{color: #000;}
.index4-2 .item:hover .img img{transform:scale(1.1);}  



/* 首页----招商屏 */
.homeZhaoshang .container{position: relative; padding-bottom: 30px;}
.homeZhaoshang .container>div{}
.homeZhaoshang .container .box1{width: 57%; }
.homeZhaoshang .container .box1 img{max-width: 100%;}
/* .homeZhaoshang .box1 ul{width: 100%; box-sizing:border-box; padding-left:5%; padding-right:3%;}
.homeZhaoshang .box1 li{border:5px solid #fff; color: #fff; box-sizing: border-box; padding: 15px; width: 143px; height: 250px; margin: 10px auto; text-align:center; cursor: pointer;}
.homeZhaoshang .box1 li:hover{border-color: #eee; color: #eee;}
.homeZhaoshang .box1 li .img{width:90px; padding-bottom: 20px; border-bottom: 2px solid #fff;}
.homeZhaoshang .box1 li .img img{width: 80%;}
.homeZhaoshang .box1 li h2{ word-break: break-all;white-space: nowrap; font-size: 20px; padding-top: 15px; padding-bottom: 15px; font-weight: bold;}
.homeZhaoshang .box1 li p{ font-size: 14px; line-height: 20px; width: 100px;} */

.homeZhaoshang .box2{width: 40%; margin-right: 3%;}
.homeZhaoshang .box2 .title h4 {
  color: #b9b9b9;
  text-transform: uppercase;
  margin-bottom: 5px;
  line-height: normal;
  font-size: 50px;
  font-family: yingwen;
  font-weight:bold;
}
.homeZhaoshang .box2 .title h2 {
  font-size: 24px;
  color: #888;
  padding-top: 5px;
}



.homeZhaoshang .box2-1 .swiper-slide{border: 5px solid rgba(154,154,154,.5); position: relative; height: 240px;}
.homeZhaoshang .box2-1 a .img{width: 125px; height:210px; box-sizing:border-box; overflow: hidden; background-color: rgba(0,0,0,.2); position: absolute; top: 10px; left: -5px;}
.homeZhaoshang .box2-1 a .img img{height: 100%;}
.homeZhaoshang .box2-1 a:hover .img img{transform:scale(1.1);}
.homeZhaoshang .box2-1 a .con{flex-grow: 1; padding: 0 15px 0 150px;color: #fff;}
.homeZhaoshang .box2-1 a .con h2{font-weight: bold; font-size:22px;}
.homeZhaoshang .box2-1 a .con p{text-indent: 30px; text-align: justify; line-height: 30px; font-size: 16px; margin-top:0;overflow: hidden;
text-overflow: ellipsis;
display: -webkit-box;
-webkit-line-clamp: 4;
-webkit-box-orient: vertical;}
.win-bullet{width:30px; height: 30px; display:inline-block; position: relative; border-radius:50%; text-align: center; margin: 0 5px; cursor: pointer; color: transparent; line-height: 30px; position: relative;
font-family: "Microsoft YaHei", Arial, Helvetica, sans-serif;}
.win-bullet::before{content: ''; position: absolute; width: 100%; left: 0; top: 40%; height: 3px; background-color:rgba(99,99,99,.5);}
.win-bullet-active{ background-color:transparent; font-size:20px; color: #fff; }
.win-bullet-active::before{width: 0; height: 0;}
.homeZhaoshang .box2 .swiper-pagination{text-align: right; padding-right: 20px;}
.homeZhaoshang .box2-2{ padding-top: 0; color: #fff; padding-right: 50px;}
.homeZhaoshang .box2-2 h1{font-size: 20px; line-height:35px;}
.homeZhaoshang .box2-2 h1 span{font-size: 22px; font-weight: bold;}
.zx-new-1{min-width: 500px; padding:50px 30px 30px 30px; color: #eee; background-color:rgba(255,255,255,.9); }
.zx-new-1 td{ padding-bottom:1rem;}
.zx-new-1 tr td:nth-child(1){width: 50px; text-align: left; font-weight: bold; font-size:22px;}

.zx-tit{ font-size:20px;color:#666; width: 60px !important; }
.zx-input{ box-sizing:border-box; border:1px solid #999; background-color: rgba(153,153,153,.7); width:90%;  padding:10px 15px; font-size:18px; line-height:30px;  color: #fff;}
.zx-input::-webkit-input-placeholder{color: #eee;}
.zx-input:-moz-placeholder {color: #eee}
.zx-input::-moz-placeholder {color: #eee;}
.zx-input:-ms-input-placeholder {color: #eee;}


.zx-submit{ text-align:center; width:245px; font-size:30px; padding:6px 15px; box-sizing: border-box; background-color: #fff; color:#000; box-shadow:none; border:0; font-family:'Microsoft YaHei','SimSun',Arial,Sans-Serif; cursor:pointer; letter-spacing:3px;transform: skewX(-15deg); border-left: 5px solid #fff;
transition:all .3s ease;
	-moz-transition:all .3s ease;
	-webkit-transition:all .3s ease;
	-o-transition:all .3s ease;
}
.zx-submit:hover{background-color:#f8d617;}

.homeZhaoshang-2{padding:0 !important;}
.brandlogo{  padding:0; box-sizing: border-box;}
.brandlogo .item-prev,.brandlogo .item-next{width:60px; flex-shrink: 0; text-align: center; font-size: 50px; cursor: pointer;color: #fff;}
.brandlogo .item-prev:hover,.brandlogo .item-next:hover{color: #f8d617;}
.brandlogo #brandSwiper{flex-grow: 1; text-align: center;}
.brandlogo #brandSwiper .swiper-slide img{display: inline-block; cursor: pointer; width:150px; margin:0 10px;}



/* 首页应用案例和视频 */
.homevideo .box-2{ margin-top:50px;}
.homevideo .box-2 h4,.homevideo .box-1 .item1 h4{
  color: #b9b9b9;
  text-transform: uppercase;
  margin-bottom: 5px;
  line-height: normal;
  font-size: 50px;
  font-family: yingwen;
  font-weight:bold;
  text-align: left;
}
.homevideo .box-2 h2,.homevideo .box-1 .item1 h2{
  font-size: 24px;
  color: #888;
  padding-top: 5px;
  text-align: left;
}
.homevideo .box-2  .nav{width: auto; max-width: 300px;  margin-top: 50px;}
.homevideo .box-2  .nav a{padding: 5px 30px; background-color:#3d3d3d; color: #fff; font-size: 16px; margin: 0 0 15px 15px; box-sizing: border-box;  }
.homevideo .box-2  .nav a:hover{background-color:#f8d617; color: #000;}

.homevideo .box-1 .item{width:400px; height:300px; position: relative; margin-left: 60px; margin-bottom: 40px;}
.homevideo .box-1 .item1{}

.homevideo .box-1 .item:nth-child(1){margin-left: 80px;}
.homevideo .box-1 .item:nth-child(3){margin-left: 50px;}
.homevideo .box-1 .item .img{width: 100%; height: 100%; overflow: hidden; border:8px solid rgba(168,168,168,.5); background-color: rgba(168,168,168,.5);transform: skewX(-5deg);
 transition:all .3s ease;
 -moz-transition:all .3s ease; 
 -webkit-transition:all .3s ease;
 -o-transition:all .3s ease;
}
.homevideo .box-1 .item .img img{max-width: 100%; max-height: 100%; width: 100%; height: 100%;}
.homevideo .box-1 .item .con{background-color: rgba(0,0,0,.7); padding:10px 20px; position: absolute; bottom: 15px; left: -50px; width: 100%;
 transition:all .3s ease;
 -moz-transition:all .3s ease; 
 -webkit-transition:all .3s ease;
 -o-transition:all .3s ease;

 }

.homevideo .box-1 .item .con h2{font-size:16px;  color: #fff;line-height:35px;padding: 0;}

.homevideo .box-1 .item:hover .con{background-color: rgba(248,214,23,1);}
.homevideo .box-1 .item:hover .con h2{color: #000;}
.homevideo .box-1 .item:hover .img{border-left:8px solid rgba(248,214,23,1);}
.homevideo .box-1 .item:hover .img img{transform:scale(1.1); } 
 
.homevideo1{padding-top: 60px; box-sizing: border-box;}
.homevideo1 .title{margin-top: 30px;}
.homevideo1  .nav a{padding: 8px 45px; background-color:#3d3d3d; color: #fff; font-size: 16px; margin: 20px 15px 0 0; box-sizing: border-box;  }
.homevideo1  .nav a:hover{background-color:#f8d617; color: #000;}
.homevideo1  .nav a>font{font-family: yingwen;}



/*产品分类页，产品列表页-----------------------*/
.product .banner-center-text{
	width: 100%;
	text-align: center;
	position: absolute;
	top: 50%;
	transform: translateY(-50%);
	-o-transform: translateY(-50%);
	-webkit-transform: translateY(-50%);
	-moz-transform: translateY(-50%);
	-ms-transform: translateY(-50%);
}
.product .btn-box{padding-top:30px;}
.product .main .item{width: 100%; margin-bottom: 12px; overflow: hidden; border-radius: 15px;
box-sizing: border-box;
padding:38px;
background-color: #eee;
background-repeat: no-repeat;
background-position: center center;
background-size: 100% auto;
}
.product .main .item:hover{
	background-size: 120% auto;
	color: #fff;
}
.product .main>div .item:nth-child(1){height: 400px;}
.product .main>div .item:nth-child(2){height: 250px;}
.product .main>div:nth-child(2n) .item:nth-child(1){height: 250px;}
.product .main>div:nth-child(2n) .item:nth-child(2){height: 400px;}
.product .main .item p,.product .main .item h1{
	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 */
}
.product .main .item p:nth-child(1){position:relative;line-height: 30px; margin: 0; font-size: 24px; font-weight: bolder;text-transform:uppercase;
}
.product .main .item p:nth-child(1) img{position: absolute; width: 16px; height: 22px; top:4px; left:-18px;}
.product .main .item p:nth-child(2){line-height: 30px; margin: 0; font-size: 25px;text-transform:uppercase; font-weight: normal; font-family: yingwen;}
.product .main .item h1{padding: 0; margin: 0; font-size: 18px; font-weight: 800; line-height: 30px; }
.product .main .item:hover p:nth-child(1){font-size: 26px;text-shadow: 2px 2px 10px #333;}
.product .main .item:hover p:nth-child(2){font-size: 27px;text-shadow: 2px 2px 10px #333;}
.product .main .item:hover h1{font-size: 20px;text-shadow: 2px 2px 10px #333;}


.productlist{ margin-bottom: 30px; margin-top:100px;}
.productlist .container{ padding-right: 0;}
.productlist .left{padding-top:90px; padding-bottom: 100px; z-index: 50; position: fixed; left: 0; top:0; height:100%; box-sizing: border-box; width:280px; overflow-y: scroll;/* background-color: #eee; */}
.productlist .left .search{border:1px solid #000; padding:5px 10px; height: 40px;overflow: hidden; margin-bottom: 20;}
.productlist .left .search input{flex-grow: 1; line-height: 30px;background-color: transparent; border: 0; padding: 0; margin: 0; font-size: 16px;}
.productlist .left .search i{font-size: 30px;flex-shrink: 0; padding-left: 10px; cursor: pointer; }

.productlist .left .tit1 p:nth-child(1){position:relative;line-height: 30px; margin: 0; font-size: 24px; font-weight: bolder;text-transform:uppercase;
}
.productlist .left .tit1 p:nth-child(2){line-height: 30px; margin: 0; font-size: 25px;text-transform:uppercase; font-weight: normal; font-family: yingwen;}
.productlist .left .tit1 h1{padding: 0; margin: 0; font-size: 18px; font-weight:normal; line-height: 30px; }

.productlist .left .bigclass{margin-left:0;}
.productlist .left .bigclass>a{padding:3px 10px 3px 10px; word-break: break-all; font-size:16px; border-radius: 5px; position: relative;width: 100%; font-weight: bold;}
.productlist .left .bigclass>a::before{position: absolute; bottom: 0; left: 0; width: 0; height: 1px; background-color:#484748;transition: 0.3s;content: ''; display: block;}
.productlist .left .bigclass>a:hover::before,.productlist .left .bigclass>a.on::before{width: 100%;}
.productlist .left .bigclass>a.on{font-weight: bold;}
.productlist .left .bigclass>a.on1::before{width: 100%; height: 100%; background-color: #f8d617; border-radius: 5px; z-index: -1; }
.productlist .left .bigclass>a.on1{font-weight: bold ;}

.productlist .left .midclass{margin-left:30px;}
.productlist .left .midclass.on{display:flex;}
.productlist .left .midclass>a{padding:3px 10px 3px 10px; word-break: break-all; font-size:16px; margin-top:5px; border-radius: 5px; position: relative;width: 100%;}
.productlist .left .midclass>a::before{position: absolute; bottom: 0; left: 0; width: 0; height: 1px; background-color:#484748;transition: 0.3s;content: ''; display: block;}
.productlist .left .midclass>a:hover::before,.productlist .left .midclass>a.on::before{width: 100%;}
.productlist .left .midclass>a.on{font-weight: bold;}
.productlist .left .midclass>a.on1::before{width: 100%; height:100%; z-index: -1;background-color: #f8d617; border-radius: 5px; }
.productlist .left .midclass>a.on1{font-weight: bold;}


.productlist .left .ziclass{margin-top: 5px; margin-left:20px; margin-bottom:0; display: none;}
.productlist .left .ziclass.on{display: block;}

.productlist .left .ziclass a{padding:3px 10px; word-break: break-all; font-size:16px; border-radius: 5px; display: block; margin:2px 0;}
.productlist .left .ziclass a:hover,.productlist .left .ziclass a.on{background-color:#f8d617; color: #000;}

.productlist .left .ziclass2{display:block; overflow:hidden; margin-top: 5px; margin-left: 0;}
.productlist .left .ziclass2 a{display: inline-block;}


.productlist .left .ziclass2{}
.productlist .left .ziclass3{height:auto;}

.productlist .left .ziclass2.on{height: auto;}
.productlist .left .more-btn{width: 100%; text-align: center; cursor: pointer; font-size: 14px; color:#000; margin-top: 5px;}

.productlist .left .tit2{margin-top:20px;}
.productlist .left .tit2 span:nth-child(1){line-height: 30px; margin: 0; font-size: 25px;text-transform:uppercase; font-weight: normal; font-family: yingwen;color: #929192;}
.productlist .left .tit2 span:nth-child(2){padding: 0; margin: 0; font-size: 20px; font-weight:normal; line-height: 30px; color: #929192; }



.productlist .right{/* background-color: #ccc; */padding-top:30px; padding-bottom: 90px;transition: none;transform: none;}
.productlist .right .list{ width:100%;}
.productlist .right .list li{padding:0 10px 20px 10px;}
.productlist .right .list .img{width:100%; overflow:hidden; border-radius: 10px; /* box-shadow: 7px 7px 5px 0 #8c8c8c; */}
.productlist .right .list .img .vr{width: 100%; height: 100%; position: absolute; left: 0; top: 0; z-index: 10;}
.productlist .right .list .img .vr>img{width: 50px; height: 50px; filter: alpha(opacity=40);opacity: .4}
.productlist .right .list .img>img{ max-width:100%; max-height: 100%; transition:all .3s;}
.productlist .right .list li a:hover .img>img{transform:scale(1.3);height: 100%;}
.vrproduct .right .list li a:hover .img>img{transform:scale(1);}
.productlist .right .list .tit{ font-size:18px; font-family:yingwen; text-align:left;padding:10px 20px; transform: skewX(-5deg); border-radius: 10px; margin-top: 5px;
transition:all .3s ease;
-moz-transition:all .3s ease; 
-webkit-transition:all .3s ease; 
-o-transition:all .3s ease;
}
.productlist .right .list li a:hover .tit{background-color:#f8d617;}
.productlist .right .list li a{color: #595757;}
.my-pro-list1 li a:hover{color: #ccc;}
.no-product{font-size:18px;}

/*产品中心页-end*/

/* 产品展示页 */
.my-one-bg{ background-color:#fff;} /*有用*/
.my-two-bg{background-color:#f2f2f2;}
.my-dhLan{width: 100%; padding-top: 40px; padding-bottom: 30px; font-size: 16px;}
.my-dhLan a{ color: #ccc;}
.my-dhLan a:hover{color: #000;}
.my-dhLan i{ font-family:Arial," sans-serif"}

.proview1{padding-top:80px;}
.pview-left{margin-bottom: 20px;}
#bigProimg{
	
}
#bigProimg .swiper-slide{cursor: pointer; position: relative;overflow: hidden; height:650px;}
/* #bigProimg .swiper-slide img{width:100%;} */
#bigProimg .swiper-slide p{line-height:40px; text-align: center; color: #000; font-size: 16px; width: 100%; margin-bottom: 0;}
#bigProimg .swiper-slide .inimg{overflow:hidden;}
#bigProimg .swiper-slide .inimg img{max-width: 100%; max-height: 100%;}

#proThumbs{
margin-top:20px;
background-color: #e2e3e5;

}
#proThumbs .swiper-slide{cursor: pointer;
opacity:0.7;
overflow: hidden;
box-sizing: border-box;
padding: 0;
border:2px solid #e2e3e5;
}
#proThumbs .swiper-slide img{max-width: 100%; max-height: 100%;}
#proThumbs .swiper-slide-thumb-active{
opacity:1;
border:2px solid #f8d617;
}
#proSwiper-btn.swiper-pagination{position: relative;}
#proSwiper-btn.swiper-pagination-fraction{bottom: 0;}

.pview-right{ }
.pview-rtop{ border-bottom:1px solid #ccc; padding:0 0 10px 0;}
.pview-tit{ line-height:25px; font-size:24px; font-weight:bold; font-family: yingwen; min-height:50px; overflow:hidden;border-right:1px solid #ccc; padding:0;}
.pview-love{ padding:0 0 0 55px; text-indent:30px;}
.pview-rmid{padding:10px 0 20px 0;border-bottom:1px solid #ccc; position: relative;}
.pview-rmid .box1{ margin-top: 15px;}
.pview-rmid .box1 .box1a>div:first-child{border-right: 1px solid #ccc;}
.pview-rmid .box1 .box1a>div:last-child{border: 0;}
.pview-rmid .box1 .box1-1{padding-right: 20px; margin-right: 20px;}
.pview-rmid .box1>div{cursor: pointer;}
.pview-rmid .box1 .box1-1 img{width: 200px; height: 200px;}
.pview-rmid .box1 .box1-1 p,.pview-rmid .box1 .box1-2 p{margin-top:5px; font-size: 12px; color:#787979; text-align: center; margin-bottom: 0;}
.pview-rmid .box1 .box1-2{text-align: center;}
.pview-rmid .box1 .box1-2 img{width: 60px; height: 60px;}

.pview-rmid td{padding:10px 0 5px 0; font-size:16px;}
.pview-rmid tr td:nth-child(1){font-weight: bold;}
.pview-share{ padding-top:10px;}
.pview-share div{float:right; padding-right:20px; line-height:30px;}
.pro-class1{ box-sizing:border-box; }
.pro-class1 li{}
.pro-class1 li a{ width:100%; height:35px; display:block;}
.pro-class1 li.tit{ line-height:45px; letter-spacing:7px; font-size:22px; height:45px; background-color:#4d4948; color:#FFF; text-align:center;}
.pro-class1 li:nth-child(1){flex-shrink: 0; margin-top: 10px;}
.pro-class1 li:nth-child(1) img{ width: 120px;}
.pro-class1 li:nth-child(1) p{margin-top: 10px; font-size: 10px; text-align: center;}
.pro-class1 li:nth-child(2){ margin-top: -20px; margin-left: 20px;}
.pro-class2{}

/* .gn-sj-share1>div{width:130px; height:50px; padding:5px 0 0 5px;}
.gn-sj-share1>div>div,.gn-sj-share1>div>div>a{ float:left; width: auto;} */

.gn-sj-share1>div{margin-left: 10px; cursor: pointer;}
.gn-sj-share1>div img{width: 25px; height: 25px;}
.gn-sj-share1 .sharewx{padding-top:0; margin-top:0;  }
.gn-sj-share1 .sharewx_ewm{ width:80px; height:80px; margin:5px 0; background-color:#FFF !important; background:url(../image/loading.gif) no-repeat center center; background-size:15px 15px;}

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

.pro-texing>div.part2{width: 100%;}
.pro-texing>div.part2 span{ padding:0; margin-right:15px; margin-bottom: 10px; box-sizing:border-box; display: block; float: left;}
.pro-texing>div.part2 span img{height:60px;}





.proview2{margin-bottom: 50px;}
.proview2 .container{position: relative;}
.pro-detial{background-color:#FFF; padding:40px 45px 80px 25px;}
.pro-detial .left{padding-bottom: 30px; background-color: #eee; padding-top: 40px; z-index: 50;}
.pro-detial .left.fixed{position: fixed; top:0; left: 0;  overflow-y:auto; padding:80px 15px; box-sizing: border-box; width: 350px;}
.pro-detial .left .search{border:1px solid #000; padding:5px 10px; height: 40px;overflow: hidden; margin-bottom: 30px;}
.pro-detial .left .search input{flex-grow: 1; line-height: 30px;background-color: transparent; border: 0; padding: 0; margin: 0; font-size: 16px;}
.pro-detial .left .search i{font-size: 30px;flex-shrink: 0; padding-left: 10px; cursor: pointer; }


.pro-detial .left .bigclass{margin-left:0;}
.pro-detial .left .bigclass>a{padding:3px 10px 3px 10px; word-break: break-all; font-size:16px; position: relative;width: 100%; font-weight: bold;}
.pro-detial .left .bigclass>a::before{position: absolute; bottom: 0; left: 0; width: 0; height: 1px; background-color:#484748;transition: 0.3s;content: ''; display: block;}
.pro-detial .left .bigclass>a:hover::before,.pro-detial .left .bigclass>a.on::before{width: 100%;}
.pro-detial .left .bigclass>a.on{font-weight: bold;}
.pro-detial .left .bigclass>a.on1::before{width: 100%; height: 100%; background-color: #f8d617; border-radius: 5px; z-index: -1; }
.pro-detial .left .bigclass>a.on1{font-weight: bold ;}

.pro-detial .left .midclass{margin-left:30px;display: none;}
.pro-detial .left .midclass.on{display:flex;}
.pro-detial .left .midclass>a{padding:3px 10px 3px 10px; word-break: break-all; font-size:16px; margin-top:5px; border-radius: 5px; position: relative;width: 100%;}
.pro-detial .left .midclass>a::before{position: absolute; bottom: 0; left: 0; width: 0; height: 1px; background-color:#484748;transition: 0.3s;content: ''; display: block;}
.pro-detial .left .midclass>a:hover::before,.pro-detial .left .midclass>a.on::before{width: 100%;}
.pro-detial .left .midclass>a.on{font-weight: bold;}
.pro-detial .left .midclass>a.on1::before{width: 100%; height:100%; z-index: -1;background-color: #f8d617; border-radius: 5px;}
.pro-detial .left .midclass>a.on1{font-weight: bold;}

.pro-detial .left .ziclass{margin-top: 5px; margin-left:15px; margin-bottom:0; display: none;}
.pro-detial .left .ziclass.on{display: block;}
.pro-detial .left .ziclass a{padding:3px 10px; word-break: break-all; font-size:16px; margin-top:5px; border-radius: 5px; display: block;}
.pro-detial .left .ziclass a:hover,.pro-detial .left .ziclass a.on{background-color:#f8d617; color: #000;}
.pro-detial .left .tit1{margin-top:20px;}
.pro-detial .left .tit1 span:nth-child(1){line-height: 30px; margin: 0; font-size: 25px;text-transform:uppercase; font-weight: normal; font-family: yingwen;color: #929192;}
.pro-detial .left .tit1 span:nth-child(2){padding: 0; margin: 0; font-size: 20px; font-weight:normal; line-height: 30px; color: #929192; }
.pro-detial .left .tit2{margin-top:30px; border-top: 1px solid #ccc; padding-top:0;}
.pro-detial .left .tit2 p:nth-child(1){line-height: 30px; margin: 0; font-size: 25px;text-transform:uppercase; font-weight: normal; font-family: yingwen;}
.pro-detial .left .tit2 h1{padding: 0; margin: 0; font-size: 18px; font-weight:normal; line-height: 30px; }

.pro-dright{ padding-left: 50px; float: right; min-height: 900px;}
.pro-dright img{ max-width:100%;}
.pro-dright .my-pro-tit{position: relative; z-index: 10; font-weight: bold;}
.pro-dright .my-pro-tit::after{content: ""; width: 100%; height: 1px;background-color: #ccc; right: 0; top: 16px; position: absolute;z-index: 15;visibility:unset;}
.pro-dright .my-pro-tit-1{background-color: #fff; z-index:20; padding-right: 15px;}


.dright-tit{ height:40px;}
.dright-con{ width:100%; overflow:hidden; padding-top:15px; padding-bottom: 30px; font-size: 16px;}
.dright-con-a{font-size: 18px;}
.dright-con img{ max-width:100%; padding-bottom: 10px;}
.dright-alert{ border-bottom:#999 1px dotted; float:none; height:20px; text-align:center; margin:20px 15px 50px 15px; }
.dright-alert-zi{padding:0 30px; font-size: 16px; display:inline-block; background-color:#FFF; position:relative; top:8px;}

.swiper-container{
    --swiper-theme-color: #333;/* 设置Swiper风格 */
    --swiper-navigation-color: #000;/* 单独设置按钮颜色 */
    --swiper-navigation-size: 20px;/* 设置按钮大小 */
  }
/* 产品展示页----end */

/* 产品指导页 */
.in-category{margin:70px 0 0 0; padding: 0; box-sizing: border-box; background-color:#000;}
.in-category a{width:33.33%; overflow: hidden; position: relative; box-sizing: border-box;}
.in-category a img{width:auto; height: 100%; z-index: 1;}
.in-category a:nth-child(1),.in-category a:nth-child(2){width: 50%;}
.in-category a:nth-child(1) img,.in-category a:nth-child(2) img{width:100%; height: auto;}
.in-category a div.con{background-color: rgba(0,0,0,.5); z-index: 2; color: #fff; position: absolute; top:0;
left: 0; width: 100%; height: 100%;
box-sizing: border-box;
transition:all .3s ease;
-moz-transition:all .3s ease; 
-webkit-transition:all .3s ease; 
-o-transition:all .3s ease; 
padding-left: 60px;
padding-bottom: 20px;
text-align: left;
}



.in-category a div.con h1{font-size: 24px; color:#808081;}
.in-category a:hover div.con{background-color: rgba(0,0,0,0); justify-content: center; align-items:center; text-align: center; }
.in-category a:hover div.con h1{text-shadow: 0 0 10px #333; color:#fff; font-size: 40px;}



/* 品牌内页------------------ */
.aboutpage{margin-top: 70px; background-color: #eee;}
.aboutpage .screen{width: 100%;z-index: 10; position: relative; padding: 50px 0; }


.aboutpage .screen.screen06{padding-bottom:60px;}
.aboutpage .screen .top{width:100%; height: 80px;background:url(../image/bg-1.png) no-repeat left top; background-size: 100% 100%; z-index: 20; position: absolute; left: 0; top: 0;}
.aboutpage .screen .bottom{width:100%; height: 80px;background:url(../image/bg-2.png) no-repeat left bottom; background-size: 100% 100%; z-index: 20;position: absolute; left: 0;  bottom: 0;}

.screen2{background-image:url(../image/fullpage2.jpg);}
.screen3{background-image:url(../image/fullpage3.jpg);}

.screen4{background-image:url(../image/fullpage4.jpg);}
.screen5{background-image:url(../image/fullpage5.jpg);}
.screen6{background-image:url(../image/fullpage6.jpg);}
.screen7{background-image:url(../image/fullpage8.jpg);}


/* 品牌简介 */
.aboutpage .box1{width: 100%; margin-top: 30px; font-size:18px;}
.aboutpage .box1 img{max-width: 100%; display: block; padding: 0; margin: 0;}
.aboutpage .part5-list {
  padding-top: 50px;
  overflow-x: hidden;
  width: 100%;
}
.aboutpage .part5-list li {
  display: flex;
  justify-content: space-between;
  margin-bottom: 50px;
  box-shadow: 0 0 20px rgba(174, 174, 174, 0.8);
}
.aboutpage .part5-list li:nth-child(2n) .ctn h2 {
  text-align: right;
  align-self: flex-end;
}
.aboutpage .part5-list li:nth-child(2n) .ctn .txt {
  text-align: right;
}
.aboutpage .part5-list li .ctn {
  width: 35%;
  display: flex;
  flex-direction: column;
  align-items: flex-end;
  padding: 4%;
}
.aboutpage .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;
}
.aboutpage .part5-list li .ctn h2::after {
  content: '';
  width: 100%;
  height: 1px;
  background-color: #ccc;
  position: absolute;
  left: 0;
  bottom: 0;
}
.aboutpage .part5-list li .ctn h2 em {
  font-size: 35px;
  color: #252525;
  margin-bottom: 20px;
  display: block;
  font-weight: bold;
}
.aboutpage .part5-list li .ctn .txt {
  font-size: 16px;
  color: #666666;
  line-height: 1.8;
  
}
.aboutpage .part5-list li .img {
  width: 65%;
  position: relative;
  padding: 14.3% 0;
  overflow: hidden;
}
.aboutpage .part5-list li .img img {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.aboutpage .part5-list li .img img:hover {
  transform: scale(1.1);
}




/* 智能制造 */
.aboutpage .part4-list {padding-top: 30px;}
.aboutpage .part4-list li {
  width: 25%;
  border: 1px solid #dbdbdb;
  text-align: center;
  height: 400px;
  box-sizing: border-box;
  padding: 5% 3%;
  transition: all 0.6s;
  transform: skewY(-3deg);
  cursor: pointer;
}

/* .aboutpage .part4-list li:last-of-type {
  border: 0 none;
} */

.aboutpage .part4-list li{position: relative; }
.aboutpage .part4-list li:nth-child(1){z-index:4;}
.aboutpage .part4-list li:nth-child(2){z-index:3;}
.aboutpage .part4-list li:nth-child(3){z-index:2;}
.aboutpage .part4-list li:nth-child(4){z-index:1;}
.aboutpage .part4-list li .pic{width:100%; height: 100%; position: absolute; top: 0; left: 0; opacity: 0;
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 */
}
.aboutpage .part4-list li .pic img{height: 100%; overflow: hidden;}
.aboutpage .part4-list li .pic .tit{position: absolute;bottom: -10px; left: 0; z-index: 10; line-height: 45px; height: 50px; width: 102%; text-align: center; font-size: 25px; color: #000; background-color: #eee;}
.aboutpage .part4-list li:hover .pic{opacity: 1;}
.aboutpage .part4-list li:hover {
  border-color: #eee;
}
.aboutpage .part4-list li:hover h2 {
  color: #fff;
}
.aboutpage .part4-list li:hover .txt {
  color: #fff;
}
.aboutpage .part4-list li .img{
  width: 45px;height:45px; background-position: center center; background-size: 100% auto; background-repeat: no-repeat; flex-shrink: 0;transform: skewY(3deg);
}
.aboutpage .part4-list li .img.img1{background-image: url(../image/icon1.png);}
.aboutpage .part4-list li .img.img2{background-image: url(../image/icon2.png);}
.aboutpage .part4-list li .img.img3{background-image: url(../image/icon3.png);}
.aboutpage .part4-list li .img.img4{background-image: url(../image/icon4.png);}
.aboutpage .part4-list li:hover .img.img1{background-image: url(../image/icon1_hl.png);}
.aboutpage .part4-list li:hover .img.img2{background-image: url(../image/icon2_hl.png);}
.aboutpage .part4-list li:hover .img.img3{background-image: url(../image/icon3_hl.png);}
.aboutpage .part4-list li:hover .img.img4{background-image: url(../image/icon4_hl.png);}
.aboutpage .part4-list li h2 {
  margin: 30px auto 60px;
  color: #252525;
  font-size: 24px;
  width: 100%;
}
.aboutpage .part4-list li .txt {
  width: 100%;
  font-size: 16px;
  color: #666666;
  text-align: justify;
  line-height: 1.6;
}

/* 品牌口号 */
.aboutpage .box3{width: 100%; margin-top: 30px; font-size:18px; position: relative;}
.aboutpage .box3>img{width: 100%;}
.aboutpage .box3 .box3-1{width: 100%; position: absolute; left: 0; top:230px;}
.aboutpage .box3 .box3-1 h1{text-align: center; font-size:38px; color: #fff; text-shadow: 0 0 10px #fff; margin-bottom: 5px;}
.aboutpage .box3 .box3-1 h2{text-align: center; font-size:25px; text-transform: uppercase; font-family: yingwen; color: #fff; padding-top: 0;text-shadow: 0 0 10px #fff;}


/* 品牌理念 */
.aboutpage .box4{width: 100%; margin-top: 50px;}
.aboutpage .box4 p{font-size: 18px;}
.aboutpage .box5 {margin:30px 0 50px;position: relative;height:100%;}
.aboutpage .box5::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;
}
.aboutpage .box5 > .img {
  
  position: relative;
  
}
.aboutpage .box5 > .img img {
  width: 100%;
  height: 100%;

}
.aboutpage .box5-list {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  z-index: 9;
  display: flex;
}
.aboutpage .box5-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;
}
.aboutpage .box5-list .item:last-of-type {
  border: 0 none;
}
.aboutpage .box5-list .item:hover .con2 {
  opacity: 1;
}
.aboutpage .box5-list .item .icon img{width: 50px; height: 50px;}
.aboutpage .box5-list .item .icon {
  line-height: 50px;
}
.aboutpage .box5-list .item .con {
  width: 100%;
  margin-top: 20px;
}
.aboutpage .box5-list .item .con h2 {
  font-size: 24px;
  margin-bottom: 15px;
}
.aboutpage .box5-list .item .con h4 {
  font-size: 12px;
  text-transform: uppercase;
}
.aboutpage .box5-list .item .con2 {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  z-index: 10;
  transition: all 0.6s;
  opacity: 0;
}
.aboutpage .box5-list .item .con2 .img {
  position: relative;
  height: 100%;
  overflow: hidden;
}
.aboutpage .box5-list .item .con2 .img img {
  height: 100%;
  object-fit: cover;
}
.aboutpage .box5-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;
  text-shadow:0 0 5px #000000;
}


/* 发展历程 */
.aboutpage .box6{width: 100%; margin-top: 30px; margin-bottom: 30px; font-size:18px;}
.aboutpage .box6 img{max-width: 100%;}


/* 荣誉殿堂 */
.aboutpage .box7{
  padding: 30px 50px;
  position: relative;
}
.aboutpage .box7 .swiper-button-next::after,
.aboutpage .box7 .swiper-button-prev::after {
  color: #cccccc;
  font-size: 50px;
  
}
.aboutpage .box7 .swiper-button-prev::after{margin-left: 0px;}
.aboutpage .box7 .swiper-button-next::after{margin-right:0px;}
.aboutpage .box7 .swiper-button-next:hover::after,
.aboutpage .box7 .swiper-button-prev:hover::after {
  color: #000;
}
.aboutpage .box7 .swiper-slide {
  border: 1px solid #cdcdcd;
  text-align: center;
  box-sizing: border-box;
  cursor: pointer;
}
.aboutpage .box7 .swiper-slide .img {
  height: 330px;
  overflow: hidden;
}
.aboutpage .box7 .swiper-slide .img img {
	max-width: 100%;
  max-height: 100%;
}
.aboutpage .box7 .swiper-slide h3 {
  line-height: 45px;
  border-top: 1px solid #cdcdcd;
  font-size: 18px;
  color: #333333;
  padding: 0;
}
.aboutpage .box7 .swiper-slide:hover h3{
	transition:all .3s ease;
	-moz-transition:all .3s ease; 
	-webkit-transition:all .3s ease; 
	-o-transition:all .3s ease; 
	background-color: #f8d617;
	color: #000;
}

/* 联系我们 */
.aboutpage .screen.screen06{padding-top: 30px; }
.aboutpage .box8{width: 100%; font-size:18px;}
.aboutpage .box8 img{max-width: 100%;}
/* 品牌内页------------------end */


/* 招商加盟内页-------------------- */
.aboutpage .joinform{margin:20px 0 50px 0;}
.aboutpage .joinform .zx-new-1{min-width: 700px; padding:50px 30px 30px 30px; color: #; background-color:rgba(248,214,23,1); }
.aboutpage .joinform .zx-tit{ font-size:20px;color:#484748; width: 60px !important; }
.aboutpage .joinform .zx-input{ box-sizing:border-box; border:1px solid #000; background-color: rgba(255,255,255,1); width:90%;  padding:10px 15px; font-size:18px; line-height:30px;  color: #484748;}
.aboutpage .joinform .zx-input::-webkit-input-placeholder{color: #ccc;}
.aboutpage .joinform .zx-input:-moz-placeholder {color: #ccc}
.aboutpage .joinform .zx-input::-moz-placeholder {color: #ccc;}
.aboutpage .joinform .zx-input:-ms-input-placeholder {color: #ccc;}
.aboutpage .joinform  .zx-submit:hover{background-color:#484748; color: #fff;}

/* .inactr{}
.inactr .box1{width: 100%; margin-top:0; font-size:18px; }
.inactr .box1 img{max-width: 100%; background-color: #eee;}
.inactr .box2{ padding-top: 0; background-color: #05073c; color: #fff; margin-top: -10px; padding-bottom: 50px; width: 100%;}
.inactr .box2 h1{font-size: 20px; line-height:35px; padding: 0 50px;}
.inactr .box2 h1 span{font-size: 22px; font-weight: bold;}
.inactr .box2 .zx-new-1{width:470px; padding:60px 0 0 0; color: #eee; }
.inactr .box2 .zx-new-1 td{ padding-bottom:1rem;}
.inactr .box2 .zx-new-1 tr td:nth-child(1){width: 50px; text-align: left; font-weight: bold; font-size:22px;}
.inactr .box2 .zx-tit{ font-size:20px; color:#fff; width: 60px !important; }
.inactr .box2 .zx-input{ box-sizing:border-box; border:1px solid #e2e2e2; width:90%;  padding:2px 5px; font-size:18px; line-height:30px;}
.inactr .box2 .zx-submit{ text-align:center; width:245px; font-size:30px; padding:10px 15px; box-sizing: border-box; border-radius:20px; background-color:#fff; color:#000; box-shadow:none; border:0; font-family:'Microsoft YaHei','SimSun',Arial,Sans-Serif; cursor:pointer; letter-spacing:3px; font-weight: bold;} */






.share-btn{width: 100%; padding-bottom: 50px; padding-top: 50px;}
.share-btn .sina,.share-btn .qqZone{margin-top:10px; margin-right: 5px; cursor: pointer;}
.share-btn>div img{width:25px; height: 25px;}
.bdshare-button-style1-16 a ,.bdshare-button-style1-24 a{
	background-image: url(../image/icons_1_24.png);
	transition:none;
	-moz-transition:none; /* Firefox 4 */
	-webkit-transition:none; /* Safari and Chrome */
	-o-transition:none; /* Opera */
}
.share-btn .sharewx{padding-top:0; margin-top:0;  }
.share-btn .sharewx_ewm{ width:80px !important; height:80px !important; margin:5px 0; background-color:#FFF !important; background:url(../image/loading.gif) no-repeat center center; background-size:15px 15px;}


/* 精彩视频内页 */
.invideo{margin-top: 70px; min-height: 750px;}
.invideo .box2{padding-top: 30px; padding-bottom: 20px;}
.invideo .item .img img{width: 100% !important;}


/* 新闻内页 */
.innews{ margin-top: 100px;}
.innews .item{width: 100%; margin-bottom: 30px; box-sizing: border-box; padding: 40px; border-bottom: 1px solid #ccc;}

.innews .item .img{width:170px; height: 150px; overflow: hidden; flex-shrink: 0;}
.innews .item .img img{width:auto; height: 100%;}
.innews .item .con{flex-grow: 1; padding: 0 20px;}
.innews .item .con h2{font-size: 18px; font-weight:bold; color: #000; margin-bottom:20px; padding: 0;overflow: hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 1;-webkit-box-orient: vertical;word-wrap : break-word;word-break:break-all; line-height: 25px;}
.innews .item .con p{font-size: 14px; line-height:20px; color:#a6a6a6; overflow: hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 3;-webkit-box-orient: vertical;word-wrap : break-word;word-break:break-all;}
/* .innews .item .con .con-3{display: inline-block;} */
.innews .item .con .con-3 span{padding: 5px 10px; border-radius: 5px; background-color:#f8d617; color:#000; margin-right: 10px; margin-bottom: 5px; font-size: 12px; }
.innews .item:hover .img img{transform:scale(1.1);}
.innews .item:hover{box-shadow: 0 0 10px #969697; background-color: #fff;}

.innews .item .date{width: 170px; height: 150px; flex-shrink: 0; position: relative;overflow: hidden;
transition: all 0.3s cubic-bezier(0.5, 0.1, 0.3, 1);
  -webkit-transition: all 0.3s cubic-bezier(0.5, 0.1, 0.3, 1);
  -moz-transition: all 0.3s cubic-bezier(0.5, 0.1, 0.3, 1);
  -o-transition: all 0.3s cubic-bezier(0.5, 0.1, 0.3, 1);
  background-color: #ccc;
}
.innews .item .date>div{
	text-align: center;
	width: 100px;
	font-size: 14px;
	font-weight: bold;
	color: #919191;
	font-family: yingwen;
	z-index: 11;
	padding: 10px 0;
	
}


.innews .item .date>div.date-1>div:nth-child(1){font-size: 50px; font-weight: bold; line-height: 50px;}
.innews .item .date>div.date-1>div:nth-child(2){height:15px; line-height:15px;}


.innews .item .date>div>i{font-weight: normal;font-size: 16px;}
.innews .item .date>div:nth-child(1){border-bottom: 1px solid #919191;}
.innews .item .date:after {
  content: '';
  width: 1px;
  height: 1px;
  border-radius: 50%;
  position: absolute;
  top: 76px;
  left: 61px;
  margin: auto;
  background-color: #b0b0b0;
  transition: all 1s cubic-bezier(0.7, 0.5, 0.3, 1);
  -webkit-transition: all 1s cubic-bezier(0.7, 0.5, 0.3, 1);
  -moz-transition: all 1s cubic-bezier(0.7, 0.5, 0.3, 1);
  -o-transition: all 1s cubic-bezier(0.7, 0.5, 0.3, 1);
  z-index: 2;
}
.innews .item:hover .date>div {
  color: #000;
}
.innews .item:hover .date>div>i {
  color: #000;
}
.innews .item:hover .date:after {
	 z-index: 2;
  transform: scale(300);
  -webkit-transform: scale(300);
  -moz-transform: scale(300);
  -o-transform: scale(300);
  background-color: #f8d617;
}
.innews .item:hover .date>div:nth-child(1){border-bottom: 1px solid #484748;}


/* 新闻展示页 */
.in-newsview{padding-top: 70px;}
.newview{padding:0 50px 50px 50px; overflow:hidden; background-color:#eee; position: relative; border-radius: 5px; }
.newview-tit{ text-align:center; padding:15px 0; font-weight: bold; color: #000;}

.newview-con{border-top:1px solid #ccc;padding:30px 0; margin-top:20px; line-height:30px; font-size:18px;}
.newview-con img{ text-align:center; max-width:100%;}
.nvbg{background-image:url(http://www.scenictc.com/Public/images/newview_bg.jpg);}
.newpage{width:100%; float:left; text-align:center; padding:40px 0 0 0;}
.newpage div{ display:inline-block;}
.newpage div a{ display:block; margin:0 150px; font-size:16px; float:left;}

.viewpage{width:100%; float:left; text-align:center; padding:50px 0;}
/* .viewpage div{ display:inline-block;} */
.viewpage div a{ display:block; padding:0 40px; font-size:16px; line-height:30px; float:left;position: relative; }
.viewpage div a i{position: relative; font-size: 16px;}
.viewpage .meuc{ background:url(http://www.scenictc.com/Public/images/meuc.png) no-repeat 60px 7px;}

.moreRight.fixed{width:230px;position: fixed; top:170px;}

.new-more{ box-sizing:border-box; margin-bottom: 25px;}
.new-more1.fixed{top: 100px;}
.new-more li{  height:35px; padding:5px 0 5px 0; box-sizing: border-box;  }
.new-more li img{ max-width:100%; height:auto;}
.new-more li.img{height: auto; padding:0; margin-bottom: 10px; border: 5px solid rgba(204,204,204,.8); background-color: rgba(204,204,204,.8); box-sizing: border-box;}
.new-more li.img img{width: 100%; max-height:300px; overflow: hidden;}
.new-more li.img a{text-align: center; padding: 0; }
.new-more li.img a>div{width: 100%;padding: 0 20px; line-height: 40px;}
.new-more li a{ width:100%; line-height:30px;  font-size:16px; display:block; padding: 0 10px;}
.new-more li a i{font-size: 18px; padding-right: 5px; color: #b2b2b3;}
.new-more li a:hover,.new-more li a:hover i,.new-more li a.check,.new-more li a.check i{ color:#000; }
.new-more li a:hover{
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 */
background-color: #f8d617;
}
.new-more li.img a:hover{background-color: rgba(204,204,204,.8);}
.new-more li.tit{ line-height:40px; letter-spacing:7px; font-size:20px; height:40px; background-color:#f8d617; color:#000; text-align:center; padding: 0;}
.new-more li.bottom,.new-more li.bottom1{ border-bottom:1px solid #e3e2e2; height:20px; width:100%;}
.pro-more li{padding:15px 10px 0 10px;}
.pro-more li.tit{ padding-top:0;}
.zwLeft{min-height: 750px; position: relative;}
.my-label span{ padding: 3px 8px; background-color: #f8d617; color: #000; border-radius: 5px; margin-right: 15px;}
.my-label i{font-size: 24px; margin-right: 15px;}


/* 下载中心 */
.indownload{
	background-color: #eee;
	background: #eee url(../image/bg-2.jpg) no-repeat center center;
	background-size: 100% auto;
}
.indownload .login{
	padding-top: 100px;
	min-height: 750px;
}

.indownload .zx-new-1 .zx-tit{font-weight: normal; color:#000;}
.indownload .zx-new-1 .zx-submit{background-color:#484748;width:370px; padding:5px 15px; font-size:26px; border-radius:10px; color:#fff;}
.indownload .zx-new-1 .zx-submit:hover{background-color: #f8d617; color: #000;}

.indownload .login h1{text-align:center;font-size:24px;text-transform: uppercase; font-family: yingwen; padding:100px 0 0 0; color: #000;}
.indownload .login h2{text-align:center;font-size:28px; padding: 10px 0 50px 0; color: #000;}
.indownload .login .zx-input{padding:7px 5px;}
.showLayer{width:100%; height: 100%; background-color:rgba(0,0,0,0.8); position: fixed; top: 0; left: 0; z-index: 10000; display: flex; align-items: center; justify-content: center; display: none;}
.showLayer .con{z-index: 10000; 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>div{z-index: 10000; font-size: 14px; text-align: justify; padding-top: 30px; padding-bottom: 20px; line-height: 25px;}
.showLayer .con>div img{max-width:100%;}
.showLayer .close{z-index: 10001;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; text-align: center; display:block; opacity: unset;}
.showLayer .close i{color:#000;}
.showLayer .close:hover{background-color:#f8d617;}
.showLayer .close:hover i{color: #000;}

/* 画子图册浮层 */
.ebook{position: fixed; z-index:1000; top: 0; left: 0; width: 100%; height: 100%; background-color: rgba(0,0,0,.9); display: none;}
.ebook .main{width: 100%; height: 100%; color: #fff;}
.ebook .main .tit{min-width:750px; font-size: 26px; text-align: center;}
.ebook .main .tit font{font-family: Arial, Helvetica, sans-serif;}
.ebook .main .list{margin-top: 30px; padding-top: 20px; min-width: 750px; border-top: 1px solid #575656;}
.ebook .main .list a{text-align: left; padding: 20px 0; font-size: 18px; color: #ccc;}
.ebook .main .list a:hover{color: #fff;}

/* 工程案例 和 家居案例内页 */
.in-pcase{ padding-top: 120px;}
.in-home{padding-top: 120px;}
.my-pro-list{ width:100%; padding-top:10px;}
.my-pro-list .item{width:28%; position: relative; margin-left: 5%; margin-bottom: 50px;}

.my-pro-list .item .img{width: 100%; height: 240px; overflow: hidden; border:8px solid rgba(168,168,168,.5); background-color: rgba(168,168,168,.5);transform: skewX(-5deg);
 transition:all .3s ease;
 -moz-transition:all .3s ease; 
 -webkit-transition:all .3s ease;
 -o-transition:all .3s ease;
}
.my-pro-list .item .img img{height: 100%; width: auto;}
.my-pro-list .item .con{background-color: rgba(0,0,0,.7); padding:10px 20px; position: absolute; bottom: 7%; left: -50px; width: 100%;
 transition:all .3s ease;
 -moz-transition:all .3s ease; 
 -webkit-transition:all .3s ease;
 -o-transition:all .3s ease;

 }

.my-pro-list .item .con h2{font-size:16px;  color: #fff;line-height:35px;padding: 0;}
.my-pro-list .item .con h4{font-size:12px;  color: #ccc;line-height:20px;padding: 0; margin: 0;}

.my-pro-list .item:hover .con{background-color: rgba(248,214,23,1);}
.my-pro-list .item:hover .con h2{color: #000;}
.my-pro-list .item:hover .con h4{color: #333;}
.my-pro-list .item:hover .img{border-left:8px solid rgba(248,214,23,1);}
.my-pro-list .item:hover .img img{transform:scale(1.1);}  

/* .my-pro-list li{padding:0 15px 30px 15px;}
.my-pro-list .img,.my-pro-list .img1{width:100%; overflow:hidden;}
.my-pro-list .img img:hover,.my-pro-list .img1 img:hover{transform:scale(1.1);}
.my-pro-list .img img{ width:100%; transition:all .3s;}
.my-pro-list .img1 img{ max-width: 100%; transition:all .3s;}
.my-pro-list .tit{ font-size:16px; line-height: 45px; text-align:center; background-color: #ccc; position: relative; width: 100%; height: 45px; border-radius: 0 0 10px 10px; overflow: hidden;}
.my-pro-list .tit a,.my-pro-list .tit a:visited{color: #000;z-index: 10; position: absolute; left: 0; top: 0; width: 100%; height:100%;}
.my-pro-list li:hover .tit a,.my-pro-list li:hover .tit a:visited,.my-pro-list .tit a:hover{color: #fff;}
.my-pro-list li .tit:after {
  content: '';
  width: 1px;
  height: 1px;
  border-radius: 50%;
  position: absolute;
  top: 0px;
  left: 150px;
  margin: auto;
  background-color: #ccc;
  transition: all 1s cubic-bezier(0.7, 0.01, 0.3, 1);
  -webkit-transition: all 1s cubic-bezier(0.7, 0.01, 0.3, 1);
  -moz-transition: all 1s cubic-bezier(0.7, 0.01, 0.3, 1);
  -o-transition: all 1s cubic-bezier(0.7, 0.01, 0.3, 1);
  z-index: 2;
}
.my-pro-list li:hover .tit:after {
	 z-index: 2;
  transform: scale(700);
  -webkit-transform: scale(700);
  -moz-transform: scale(700);
  -o-transform: scale(700);
  background-color: #000;
} */

.inpage-nav{width: 100%; height: 60px; background-color:#fff; border-bottom: 1px solid #e8e8e8; overflow: visible; z-index: 99;position: fixed; top:70px; padding: 10px 0;}
.inpage-nav .fenlei{padding-right: 100px;}
.inpage-nav .fenlei>a{margin: 0 15px; height: 40px; box-sizing: border-box; line-height: 40px; border:1px solid #333; font-size: 18px; color: #333; overflow: visible; padding: 0 15px;}

.inpage-nav .fenlei>a:hover{color: #fff; border:1px solid #000; background-color: #000;}
.inpage-nav .fenlei>a.active{color: #fff; border:1px solid #000; background-color: #000; font-weight: bold; }

.inpage-nav .search{margin-top:-5px; padding-right: 20px;}
.inpage-nav .search>div{height: 40px; line-height: 40px;}
.inpage-nav .search>div input{background-color:#fff; box-shadow: none; border:0; font-size: 18px; padding-left: 20px; padding-right: 20px;box-sizing: border-box; border:1px solid #969697;flex-grow: 1;height: 40px; min-width: 300px; line-height: 40px; margin-right: 20px;}
.inpage-nav .search>div .btn{height:35px; width: 35px; border-radius: 50%; flex-shrink: 0; background-color: #000; color: #fff; font-size: 20px; line-height: 35px; border:none; padding: 0; box-sizing: border-box;}
.inpage-nav .search>div .btn:hover{background-color: #000;}




/* 家居案例及工程案例展示页 */
.in-homeview{padding-top: 140px;}
.in-homeview .box1{border-bottom: 1px solid #ccc; padding-bottom: 20px;}
.in-homeview .box1-1{flex-grow: 1; padding-right:20px;}
.in-homeview .box1-1 h1{font-size: 26px; font-weight:bold; color: #000; padding: 0;word-wrap : break-word;word-break:break-all; line-height: 35px;}
.in-homeview .box1-1>div{width:100%; margin-top: 15px; font-size: 14px; color: #666;}
.in-homeview .box1-1>div>span{margin-right: 20px;}
.in-homeview .box1-1>div>span:last-child{margin-right: 0;}
.in-homeview .box1-1 p{font-size: 16px; line-height:20px; color:#8b8c8d; overflow: hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 3;-webkit-box-orient: vertical;word-wrap : break-word;word-break:break-all; margin-top: 15px;}



.in-homeview .box1-2{width: 160px; height: 115px; background-color: #ccc; flex-shrink: 0; position: relative;overflow: hidden;
transition: all 0.3s cubic-bezier(0.7, 0.01, 0.3, 1);
  -webkit-transition: all 0.3s cubic-bezier(0.7, 0.01, 0.3, 1);
  -moz-transition: all 0.3s cubic-bezier(0.7, 0.01, 0.3, 1);
  -o-transition: all 0.3s cubic-bezier(0.7, 0.01, 0.3, 1);
}
.in-homeview .box1-2>div{
	text-align: center;
	width: 100px;
	line-height:18px;
	font-size: 14px;
	font-weight: bold;
	color: #7c7c7d;
	font-family: yingwen;
	z-index: 11;
	position: absolute;
	height: 40px;
	
}
.in-homeview .box1-2>div:nth-child(1){
	left: 30px;top: 20px;
}
.in-homeview .box1-2>div:nth-child(2){
	left: 30px;top: 60px; line-height: 40px; font-size: 16px;
}
.in-homeview .box1-2>div>i{font-weight: normal;font-size: 14px;}
.in-homeview .box1-2>div:nth-child(1){border-bottom: 1px solid #919191;}
.in-homeview .box1-2:after {
  content: '';
  width: 1px;
  height: 1px;
  border-radius: 50%;
  position: absolute;
  top: 76px;
  left: 61px;
  margin: auto;
  background-color: #eee;
  transition: all 1s cubic-bezier(0.7, 0.01, 0.3, 1);
  -webkit-transition: all 1s cubic-bezier(0.7, 0.01, 0.3, 1);
  -moz-transition: all 1s cubic-bezier(0.7, 0.01, 0.3, 1);
  -o-transition: all 1s cubic-bezier(0.7, 0.01, 0.3, 1);
  z-index: 2;
}
.in-homeview:hover .box1-2>div,.in-homeview:hover .box1-2>div>i {color: #fff;}
.in-homeview:hover .box1-2>div:nth-child(1){border-bottom: 1px solid #eee;}
.in-homeview:hover .box1-2:after {
	 z-index: 2;
  transform: scale(250);
  -webkit-transform: scale(250);
  -moz-transform: scale(250);
  -o-transform: scale(250);
  background-color: #2640bf;
}
.in-homeview .box2{width: 100%; padding-top: 20px;font-size: 16px;}
.in-homeview .box2 img{max-width: 100%;}
.in-homeview .box2 .con{width: 100%; font-size: 16px; padding-top: 20px;}
.in-caseview{padding-top: 80px;}

/* 门店内页 */
.in-store{padding-top: 100px; padding-bottom:50px;background:url(../image/store_bg.jpg) no-repeat center center;background-size: 100% auto;}
.in-store1{width: 100%; height: 70px; background-color:#fff; border-bottom: 1px solid #e8e8e8; overflow: visible; z-index: 99;position: fixed; top:70px; padding: 10px 0;}

.storelist{width: 350px; min-height: 300px; border-radius: 10px; height:90%; overflow: hidden; box-shadow: 0 0 10px #969697; background-color: #fff; margin-left: 50px;}
.storelist .search{width: 100%;border-bottom:1px solid #969697;height: 50px;}
.storelist .search select{width: 100%;height: 49px; box-sizing: border-box; line-height: 49px; border:0; background:#fff url(../image/icon_down.png) no-repeat right center; background-size: 30px 20px; font-size: 18px; padding-left: 10px; padding-right: 30px; }
.storelist .search select:nth-child(1){border-right:1px solid #969697;}
.storelist .search>div{height: 50px; line-height: 50px;}
.storelist .search .btn{height:45px; width: 100%; dflex-shrink: 0; background-color: #484748; color: #fff; font-size: 26px; line-height: 45px; border:none; padding: 0; box-sizing: border-box;}
.storelist .search> .btn:hover{background-color: #f8d617; color: #000;}
.storelist .tit{width: 100%; text-align: center; font-size: 20px; line-height: 50px; height: 50px; font-weight: bold;}
.storelist .list{width:95%; box-sizing: border-box; overflow-x: hidden; overflow-y:auto; margin: 0 10px; height: 500px; padding-right: 10px;}
.storelist .list .item{border-bottom:1px solid #ccc ;padding: 10px 0;width: 100%;}
.storelist .list .item:last-child{border: 0;}
.storelist .list .item>div{line-height: 25px; font-size: 14px; width: 100%; }
.storelist .list .item>div:nth-child(1){font-size: 16px; }
.storelist .list .item1{text-align: center; width: 100%;padding: 10px 0; font-size: 14px;}
.storelist .list .item1 img{width: 40px; height: 40px;} 

.storelist .list::-webkit-scrollbar{ width:10px;}
.storelist .list::-webkit-scrollbar-track{background: #484748;border-radius:2px;}
.storelist .list::-webkit-scrollbar-thumb{background: #f8d617;border-radius:2px;}
.storelist .list::-webkit-scrollbar-thumb:hover{background: #f8d617;}
.storelist .list::-webkit-scrollbar-corner{background: #f8d617;}



/* vr馆内页 */
.vr-nav .fenlei>a{margin:0 20px;}
.vrlist{margin-top: 0;}
.vrlist .right{background-color: #fff; padding-top: 140px;}
.vrlist .container{padding-left: 0 !important;}

/* 设计赋能内页 */
.in-funeng{padding:0; background-color: #fad60e; background-repeat: no-repeat; background-position: center center; background-size: 100% auto;}


/* 项目内页 */
.in-object{padding: 70px 0 0 0; box-sizing: border-box;}
.in-object a{float: left; width: 50%; height: 100%; overflow: hidden; position: relative;}
.in-object a img{width:auto; height: 100%; z-index: 1;}
.in-object a div.con{background-color: rgba(0,0,0,.7); z-index: 2; color: #fff; position: absolute; top:0;
left: 0; width: 100%; height: 100%;
transition:all .3s ease;
-moz-transition:all .3s ease; 
-webkit-transition:all .3s ease; 
-o-transition:all .3s ease; 
}
.in-object a:hover div.con{background-color: rgba(0,0,0,.5);}

.in-object a div.con h1{font-size: 60px; font-weight: bold;}
.in-object a div.con p{font-size: 30px;}

/* 风云人物内页 */
.in-renwu{padding-top: 180px;}
.in-renwu .box1 li{padding: 15px;}
.in-renwu .box1 a{border: 5px solid #9a9a9c; position: relative; height: 240px;}
.in-renwu .box1 a .img{width: 125px; height:210px; box-sizing:border-box; overflow: hidden; background-color: rgba(0,0,0,.2); position: absolute; top: 10px; left: -5px;}
.in-renwu .box1 a .img img{height: 100%;}
.in-renwu .box1 a:hover .img img{transform:scale(1.1);}
.in-renwu .box1 a .con{flex-grow: 1; padding: 0 15px 0 150px;}
.in-renwu .box1 a .con h2{font-weight: bold; font-size:22px;}
.in-renwu .box1 a .con p{text-indent: 30px; text-align: justify; line-height: 30px; font-size: 16px; margin-top:0;overflow: hidden;
text-overflow: ellipsis;
display: -webkit-box;
-webkit-line-clamp: 4;
-webkit-box-orient: vertical;}
.in-renwu .box1 a:hover{border: 5px solid #000; background-color: #FAFAFA;}
.in-renwuview{padding-top: 120px;}
.in-renwuview .box1-1 p.con1{color:#333; margin-bottom: 5px;font-size: 18px;}
.in-renwuview .box1-1 p.con2{-webkit-line-clamp: 2; margin-bottom: 5px; font-size: 14px;}
.in-renwuview .box1-2>div:nth-child(1){font-size: 16px;}
.in-renwuview .my-label{}
.in-renwuview .new-more li.img img{max-height: unset; border-radius: 10px; }
.in-renwuview .new-more .img{border: 0;}
.renwu-more h2{color: #000; font-weight: bold;}
.renwu-more p{font-size: 18px;}
.renwu-more.fixed{top: 100px;}

/*网站地图*/
.my-five-bg{background-color:#f0f0f2; border-top:1px solid #e2e2e2; font-size: 16px;}

.my-sitemap{background-color:#fff; margin-top: 16px;}
.my-sitemap-top{ height:80px; padding: 15px 0 15px 0; border-bottom: 1px solid #D4D2D2;}
.my-sitemap-top img{ max-height:100%; padding-left:15px;}
.my-sitemap .tit{ font-size:18px; font-weight: bold;}
.my-sitemap .con{border: 1px solid #D4D2D2; box-sizing: border-box; padding: 15px; margin-bottom: 30px;}
.my-sitemap .con ul{margin-bottom:15px; border-bottom: 1px #eee solid;}
.my-sitemap .con li{ width: 25%; box-sizing: border-box; padding:3px 20px 3px 0; text-align: left;}
.my-sitemap .con1 li{width: auto;}

.my-sitemap .con10{border: 1px solid #D4D2D2; box-sizing: border-box; padding: 15px; margin-bottom: 30px;}
.my-sitemap .con10 ul{margin-bottom:15px;}
.my-sitemap .con10 li{margin-top: 10px;}
.my-sitemap .con10 li .con2-1{flex-shrink: 0; min-width: 180px;}
.my-sitemap .con10 li .con2-2{flex-grow: 1; border-left: 1px solid #ccc; padding-left: 20px;}
.my-sitemap .con10 li .con2-2 a{ margin: 0 8px 10px 8px; color: #868787; word-break: break-all;}
.my-sitemap .con10 li .con2-2 a:hover{color: #007563;}
.my-sitemap .con10 li.tit{width: 100%; font-size: 16px; font-weight: bold; border-top:1px solid #eee; margin-top: 15px; padding-top: 15px;}
.my-sitemap .con10 li:first-child.tit{border:0; margin-top: 0;padding-top: 0;}
.my-sitemap-foot{ text-align:center; line-height: 25px; font-size: 12px;}
.my-sitemap .con10 li.con2-3 a{margin-right: 30px; word-break: break-all;}


/*分页*/


#yw0 a{display:inline-block;min-width:16px;_width:16px;height:34px;padding:5px 10px; box-sizing: border-box; border:1px solid #ccc;line-height:24px;white-space:nowrap;font-family:Arial,Tahoma,SimSun;text-align:center;vertical-align:top;text-decoration:none;color:#333;font-size:18px; margin:0 3px; border-radius:0; font-weight: normal;font-family:'yingwen';}


.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:15px !important; }
.m-pagination .inner .btn,.m-pagination .inner .page,.m-pagination .inner .hidden,.m-pagination .inner .selected{display:inline-block;min-width:16px;_width:16px;height:34px;padding:5px 10px; box-sizing: border-box; border:1px solid #ccc;line-height:24px;white-space:nowrap;font-family:Arial,Tahoma,SimSun;text-align:center;vertical-align:top;text-decoration:none;color:#333;font-size:18px; margin:0 3px; border-radius:0; font-weight: normal;font-family:'yingwen';}

.m-pagination .inner .btn:hover,.m-pagination .inner .page:hover,.m-pagination .inner .selected{border-color:#484748;color:#000;background-color:#f8d617;}

.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}




.leftpadding{padding-left: 230px !important;}
.leftpadding .container{margin-left: 0;}

@media (max-width: 320px) {
}


@media (max-width: 765px) {
	.plr-10{padding: 5px;}
	
	
}


@media ( min-width : 768px) and (max-width: 991px) {
	.pro-rollpicshow1 li{padding:3px 2px; width:37px; height:37px;}
	.pro-rollpicshow1 li img{ width:37px;}
	.pro-rollpic1 .prev{margin-top:8px;padding-right:5px;}
	.pro-rollpic1 .next{margin-top:8px; padding-left:0;}
	.productlist .container{width:100%; box-sizing: border-box; padding-left: 300px; padding-right: 20px;}
}
@media ( min-width : 992px) and (max-width: 1299px) {
	.container{width:1300px;}
	.incontainer{width:1000px;}
	.plr-10{padding: 5px;}
	.productlist .container{width:100%; box-sizing: border-box; padding-left: 300px; padding-right: 20px;}
	
	/* 视频 */
	
	.modal-dialog{width:750px; height:650px;}
	.modal-content iframe{ width:100%; height:500px;}
	
	.brandlogo #brandSwiper .swiper-slide img{width:110px; margin:0 5px;}
	.foot a.geduan{margin-right: 50px;}
	
	/* 首页新闻 */
	.index4-1 .nav{width: 300px;  margin-top: 50px;}
	.index4-1 .nav a{padding: 5px 30px;  margin: 0 10px 15px 0;}
	.index4-2 .item,.homevideo .box-1 .item{width:350px; height:260px; position: relative; margin-left: 40px;}
	.index4-2 .item:nth-child(1),.homevideo .box-1 .item:nth-child(1){margin-left: 60px;}
	.index4-2 .item:nth-child(3),.homevideo .box-1 .item:nth-child(3){margin-left: 30px;}
	.index4-2 .item .con{padding:15px 20px; bottom: 15px; left: -30px;}
	.homevideo .box-1 .item .con{left: -30px;}
	
}
/* @media ( min-width : 1200px) and (max-width: 1299px) {
	
} */
@media ( min-width : 1300px) {
	.plr-10{padding: 10px;}
	.container{width:1300px;}
	.incontainer{width:1100px;}
	
	.moreRight.fixed{width:300px;position: fixed; top:170px;}
	.renwu-more.fixed,.new-more1.fixed{top: 100px;}
	
	.productlist .container{width:100%; box-sizing: border-box; padding-left: 320px; padding-right: 50px;}
	
	/*视频*/
	.modal-dialog {width:900px; height:700px;}
	.modal-content iframe{ width:100%; height:600px;}

	.brandlogo #brandSwiper .swiper-slide img{width:115px; margin:0 5px;}
	
	/* 首页新闻 */
	.index4-1 .nav{width: 300px;  margin-top: 50px;}
	.index4-1 .nav a{padding: 5px 30px;  margin: 0 10px 15px 0;}
	.index4-2 .item,.homevideo .box-1 .item{width:350px; height:260px; position: relative; margin-left: 40px;}
	.index4-2 .item:nth-child(1),.homevideo .box-1 .item:nth-child(1){margin-left: 60px;}
	.index4-2 .item:nth-child(3),.homevideo .box-1 .item:nth-child(3){margin-left: 30px;}
	.index4-2 .item .con{padding:15px 20px; bottom: 15px; left: -30px;}
	.homevideo .box-1 .item .con{left: -30px;}
	
	
}
@media ( min-width : 1400px) {
	.incontainer{width:1200px;}
	
}
@media ( max-width : 1500px) {
	.storelist{flex-shrink: 0;}
}
@media ( min-width : 1500px) {
	/* .homeZhaoshang .box1 ul{padding-right: 4%;} */
	.incontainer{width:1300px;}
	.my-navbar>div>a{font-size: 16px;}
	
	.inpage-nav .search>div input{min-width: 400px;}
	
}

@media ( min-width : 1600px) {
	
	
	.container{width:1500px;}
	.incontainer{width:1350px;}
	/* .aboutpage .container{width:1300px;} */
	.homeProduct ul{height: 720px;}
	.homeProduct ul li{width:320px;}
	.homeProduct ul li .part2{width:315px;height:630px;}
	.homeProduct ul li .part2-1{left: 0;}
	.homeProduct ul li .part2-2{left: 320px;}
	.homeProduct ul li .part2-3{left: 640px;}
	.homeProduct ul li .part2-4{left: 960px;}
	.homeProduct ul li .part2-5{left: 1280px;}
	.homeProduct ul li:hover .part2{animation: change3 .5s linear 1 forwards; }
	
	.shuzhi{}
	.shuzhi>a h2{font-size:18px;}
	.shuzhi>a h2 span{font-size: 50px;}
	.shuzhi>a p{font-size: 16px;}

	.youshi{margin-top:0;}
	
	/* #bigProimg .swiper-slide .inimg{max-height:600px;} */
	/* #proThumbs .swiper-slide img{width: 180px;} */
	
	.brandlogo #brandSwiper .swiper-slide img{width:135px; margin:0 10px;}
	/* .homeZhaoshang .box1 ul{padding-left:10%; padding-right: 5%;} */
	
	/* .homevideo .box1 li{height: 300px; width: 22%; margin: 10px 1.5%;}
	.homevideo .box1 li .img{height:260px;} */
	
	.index4-2 .item,.homevideo .box-1 .item{width:400px; height:300px; margin-left: 60px;}
	.index4-2 .item:nth-child(1),.homevideo .box-1 .item:nth-child(1){margin-left: 80px;}
	.index4-2 .item:nth-child(3),.homevideo .box-1 .item:nth-child(3){margin-left: 50px;}
	.homevideo .box-1 .item .con{left: -50px;}
	
	.brandlogo #brandSwiper .swiper-slide img{width:130px; margin:0 5px;}
	
	
	
}
@media ( min-width : 1700px) {
	.incontainer{width:1500px;}
	#fullpage-btn.swiper-pagination-bullets{right:unset; left: 60px;}

	.homeProduct ul{ width:1700px; height: 770px;}
	
	
	
	.homeProduct ul li{width:340px;}
	.homeProduct ul li .part1{height:770px;}
	.homeProduct ul li .part2{width:335px;height:680px;}
	.homeProduct ul li .part2-1{left: 0;}
	.homeProduct ul li .part2-2{left: 340px;}
	.homeProduct ul li .part2-3{left: 680px;}
	.homeProduct ul li .part2-4{left: 1020px;}
	.homeProduct ul li .part2-5{left: 1360px;}
	.homeProduct ul li:hover .part2{animation: change4 .5s linear 1 forwards; }

	
}