/* 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;
	}
}

*, ::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.saopaulo.com.cn/images/select.gif) no-repeat scroll 98% center transparent;
	/*为下拉小箭头留出一点位置，避免被文字覆盖*/
	padding-right: 14px;
}

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

input{background:none;outline:none;border:none; color: #000; font-size: 14px; flex-grow: 1;}  
input:focus{border:none;}
input::placeholder{color:#454348;}




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

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

::-webkit-scrollbar{ width:10px;}
::-webkit-scrollbar-track{background: #999;border-radius:2px;}
::-webkit-scrollbar-thumb{background: #484e5e;border-radius:10px;}
::-webkit-scrollbar-thumb:hover{background: #333;}
::-webkit-scrollbar-corner{background: #484e5e;}



a,a:visited{ color:#737373; 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:#bc8b5b; 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; 
}
.imgfill{width: 100%;
    height: 100%;
    display: block;
    -o-object-fit: cover;
    object-fit: cover; 
	vertical-align: middle;
}

.dong{
transition:all .2s;
-moz-transition:all .2s; /* Firefox 4 */
-webkit-transition:all .2s; /* Safari 和 Chrome */
-o-transition:all .2s; /* Opera */}

.dong1{
transition:all .5s;
-moz-transition:all .5s; /* Firefox 4 */
-webkit-transition:all .5s; /* Safari 和 Chrome */
-o-transition:all .5s; /* Opera */}


.text-big{ text-transform:uppercase;}
.c-999{color: #999;}
.f-c-0260aa{color:#0260aa;}
.my-c-f9c385{ color:#f9c385;}
.my-c-898887{ color:#898887;}
.my-c-006661{color:#002FA7;}
.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;}
.my-pb-50{padding-bottom:50px;}
.my-pt-30{padding-top:30px;}
.my-pt-50{padding-top:50px;}
.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;
}
.img-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; align-content:center; flex-direction: row;flex-wrap: wrap;
}
.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;
}
.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;
}
.flex-tc{ 
	display: -webkit-box; -webkit-box-lines:word-wrap; -webkit-box-pack:start; -webkit-box-align:center;
	display: flex; justify-content: center; align-items:flex-start; flex-direction: row;flex-wrap: wrap;
}
.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:start;
	display: flex; justify-content: center; align-items:flex-start; 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-bb{ 
	display: -webkit-box; -webkit-box-orient:horizontal; -webkit-box-pack:justify; -webkit-box-align:end;
	display: flex; justify-content:space-between; align-items:flex-end; flex-direction: row;
}
.flex-rb{ 
	display: -webkit-box; -webkit-box-orient:horizontal; -webkit-box-pack:end; -webkit-box-align:end;
	display: flex; justify-content:flex-end; 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-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-nbb{
	display: -webkit-box; -webkit-box-lines:word-break; -webkit-box-orient:horizontal; -webkit-box-pack:justify; -webkit-box-align:end;
	display: flex; justify-content:space-between; align-items:flex-end; align-content: flex-end; 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-nrc{
	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-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-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:start; -webkit-box-orient:vertical;
	display: flex; justify-content: space-between; align-items:flex-start; 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-nlb{
	display: -webkit-box; -webkit-box-pack:start; -webkit-box-align: end; -webkit-box-lines:word-break; -webkit-box-orient:horizontal;
	display: flex; justify-content:flex-start; align-items:flex-end; flex-direction: row; flex-wrap: nowrap; align-content: flex-end;
}
.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-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-nrt{
	display: -webkit-box; -webkit-box-pack:end; -webkit-box-align:start; -webkit-box-lines:word-break;
	display: flex; justify-content: flex-end; align-items:flex-start; flex-direction:row;flex-wrap: nowrap;
}

.wrap{word-break: break-all;word-wrap: break-word;white-space: pre-wrap;}
.nowrap{white-space:nowrap; overflow:hidden; text-overflow:ellipsis; }
.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;
}

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

.text-overflow{text-overflow: -o-ellipsis-lastline;overflow: hidden;text-overflow: ellipsis;line-clamp: 1;display: -webkit-box;-webkit-line-clamp: 1;-webkit-box-orient: vertical;white-space:pre-wrap;}
.text-overflow2{text-overflow: -o-ellipsis-lastline;overflow: hidden;text-overflow: ellipsis;line-clamp: 2;display: -webkit-box;-webkit-line-clamp: 2;-webkit-box-orient: vertical;white-space:pre-wrap;}
.text-overflow3{text-overflow: -o-ellipsis-lastline;overflow: hidden;text-overflow: ellipsis;line-clamp: 3;display: -webkit-box;-webkit-line-clamp: 3;-webkit-box-orient: vertical;white-space:pre-wrap;}
.text-overflow5{text-overflow: -o-ellipsis-lastline;overflow: hidden;text-overflow: ellipsis;line-clamp: 5;display: -webkit-box;-webkit-line-clamp: 5;-webkit-box-orient: vertical;}
.pos-r{position: relative;}
.wow {visibility: hidden;}
.nodata{ text-align:center; font-size: 18px; padding-top: 80px; padding-bottom: 100px;}
.nodata i{font-size: 20px; margin-right: 10px;}

/* 通用样式 */
.combanner1{width:100%}
.combanner1>img{width:100%; height:100%}

/*分页*/
.pagination{}
.pagination li{height: 45px; width:auto; margin:0 6px; display: inline-block;}
.pagination li>a{display: block; width:auto; min-width: 45px; padding:0 10px; line-height: 45px; font-size: 16px; background-color: #f1f5f7; text-align: center; }
.pagination li.active>span,.pagination li.disabled>span{display: block; width:auto; min-width: 45px; padding:0 10px; line-height: 45px; font-size: 16px; color: #fff; background-color: #bd8b5b; text-align: center; }

.pagination li:first-child>a,.pagination li:last-child>a,.pagination li:first-child>span,.pagination li:last-child>span{background-color: #bd8b5b;}
.pagination li>a:hover{background-color: #bd8b5b; color: #fff;}


/* 内页通用版头广告 */
.inbanner{cursor: pointer; padding: 0; }
.inbanner .swiper-container{width: 100%; height: 100%;}
.inbanner .swiper-slide{ background-position: center center; background-repeat: no-repeat; background-size: auto 100%; height: 680px;}
.inbanner .swiper-container-horizontal>.swiper-pagination-bullets{bottom: 20px;}
.inbanner .ad-bullet{width:40px; height: 4px; background-color:rgba(255,255,255,.8); display:inline-block; position: relative; border-radius:0; margin: 0 5px; cursor: pointer;}
.inbanner .ad-bullet-active{ background-color:rgba(213,159,109,1);}

.inbanner .img{width: 100%; height:680px; overflow: hidden;}
.inbanner .img>img{height: 680px; width: auto;}

.container{min-width:1500px; padding: 0; margin-bottom: 0;}

/* 全站页头导航 */
.header{height: 100px; position: fixed; top: 0; left: 0; z-index: 100; width: 100%; padding-bottom:10px; /* background: linear-gradient(to right,#e60016,#d30014,#75000b); */  }
.header.on{background-color: rgba(94,171,226);}
.header>.container{height: 100%;}
.header .logo{flex-shrink: 0; margin-right: 50px; }
.header .logo img{width: 260px;height: auto;}
.header .my-navbar{flex-grow: 1; flex-shrink: 0; color: #fff; }
.header .my-navbar a{color: #c80000;}
.header .my-navbar a:hover{color: #bd8b5b;}
.my-navbar .box-1{width: 100%; height:60px; padding-top: 20px;}
.my-navbar .box-1>img{width:15px; height: 15px; margin:0 10px 0 25px;}
.my-navbar .box-1>a{font-size: 14px;}
.my-navbar .box-1>span{font-size: 18px; font-weight: bold; font-family:'yingwen';}
.my-navbar .box-2{width: 100%;margin-top: 5px;}
.my-navbar .box-2>a{font-size: 16px; margin: 0 15px;}
.my-navbar .box-2>a.on{color: #bd8b5b; /* text-shadow:0 0 5px #484e5e; */}
.my-navbar .box-2 .search{width:230px; height: 32px; background-color: rgba(255,255,255,1); border-radius: 50px; padding: 0 15px; margin-left: 15px;}
.my-navbar .box-2 .search input{background:none;outline:none;border:none; color: #000; font-size: 14px; flex-grow: 1;}  
.my-navbar .box-2 .search input:focus{border:none;}
.my-navbar .box-2 .search input::placeholder{color:#454348;}
.my-navbar .box-2 .search .btn{width: 25px; height: 25px; flex-shrink: 0; border:0; margin-left: 10px; position: relative;}
.my-navbar .box-2 .search .btn>i{font-size: 25px; color: #bc8a5a; line-height: 25px; padding: 0; margin:0; position: absolute; top:0; left: 0;}

/* 右侧浮动栏目  */
.rightlan{position: fixed; top:300px; right:20px; z-index: 20; background-color: #fff; box-shadow: 0 0 15px #ccc; width:70px;}
.rightlan .item{border-bottom: 1px solid #eee; font-size: 12px; text-align: center; padding:45px 10px 10px 10px; display: block; height: 70px; line-height: 15px;background:no-repeat 20px 10px; background-size: 30px 30px;}
.rightlan .item:last-child{border: 0;}
.rightlan .item:hover{background-color:#bc8a5a; color: #fff;}
.rightlan .item-1{background-image: url(../image/icon_1.png);}
.rightlan .item-2{background-image: url(../image/icon_2.png);}
.rightlan .item-3{background-image: url(../image/icon_3.png);}
.rightlan .item-4{background-image: url(../image/icon_4.png);}
.rightlan .item-5{background-image: url(../image/icon_5.png);}
.rightlan .item-1:hover{background-image: url(../image/icon_1_hl.png);}
.rightlan .item-2:hover{background-image: url(../image/icon_2_hl.png);}
.rightlan .item-3:hover{background-image: url(../image/icon_3_hl.png);}
.rightlan .item-4:hover{background-image: url(../image/icon_4_hl.png);}
.rightlan .item-5:hover{background-image: url(../image/icon_5_hl.png);}






/* 首页 */
.homebanner{cursor: pointer; padding: 0; }
.homebanner .swiper-container{width: 100%; height:1080px;}
.homebanner .swiper-slide{ background-position: center center; background-repeat: no-repeat; background-size: 100%; height: 1080px;}
.homebanner .swiper-container-horizontal>.swiper-pagination-bullets{bottom: 20px;}
.homebanner .ad-bullet{width:40px; height: 4px; background-color:rgba(255,255,255,.8); display:inline-block; position: relative; border-radius:0; margin: 0 5px; cursor: pointer;}
.homebanner .ad-bullet-active{ background-color:rgba(213,159,109,1);}
.homebanner .img{width: 100%; height:838px; overflow: hidden;}
.homebanner .img>img{height: 838px; width: auto;}
.homeTit .left{flex-grow: 1;}
.homeTit .left>h1{font-size: 28px; line-height: 30px; padding: 0;}
.homeTit .left>p{font-size: 14px; line-height: 30px; margin: 0; padding-top: 5px;}
.homeTit .right{width: 180px; flex-shrink: 0; margin-left: 50px; font-size: 14px; padding-bottom: 10px; border-bottom: 1px solid #dcdcdc; background: url(../image/right_icon.png) no-repeat right 5px; background-size:10px 10px; }
.homeTit .right:hover{border-bottom: 1px solid #bc8a5a; background-image: url(../image/right_icon_hl.png);}

.home1{padding: 80px 0 100px 0;}
.home1 .box1{width: 100%; height: auto; position:relative;}
.home1 .box1{margin-top: 50px; position: relative;}
.home1 .box1 .swiper-container{margin-top: 30px;}
.home1 .box1 .swiper-button-prev{left: 60px;width:50px;height: 50px; }
.home1 .box1 .swiper-button-next{right: 60px;width:50px;height: 50px;}
.home1 .box1 .swiper-button-next::after,
.home1 .box1 .swiper-button-prev::after {
  color: #fff;
  font-size:35px;
  border:1px solid #fff;
  border-radius: 50%;
  width:50px;
  height: 50px;
  box-sizing: 0;
  line-height: 50px;
  text-align: center;
  box-sizing: border-box;
}
.home1 .box1 .swiper-button-prev::after{padding-right: 5px;}
.home1 .box1 .swiper-button-next::after{padding-left:5px;}
.home1 .box1 .swiper-button-next:hover::after,
.home1 .box1 .swiper-button-prev:hover::after{color: #bc8a5a;border:1px solid #bc8a5a;}
.home1 .box1 .swiper-slide {text-align: center;box-sizing: border-box;cursor: pointer;}
.home1 .box1 .swiper-slide .img {overflow: hidden;border: 1px solid #ececec;}
.home1 .box1 .swiper-slide .img img {
	width: 100%;
    height: 100%;
    display: block;
    -o-object-fit: cover;
    object-fit: cover; 
	vertical-align: middle;
}
.home1 .box1 .swiper-slide:hover .img>img{transform:scale(1.1);}
.home1 .box1 .swiper-slide h2{font-size: 20px; line-height: 25px; margin-top: 10px; text-align: left; padding:0 8%;}
.home1 .box1 .swiper-slide p{font-size: 16px; line-height: 20px; text-align: left;padding:0 8%;}
.home1 .box1 .swiper-slide .box1-1{width: 100%; padding-top: 15px; text-align: left;padding:0 8%;}
.home1 .box1 .swiper-slide .box1-1>span{font-size: 14px;line-height: 20px; border-bottom: 2px solid #dcdcdc; padding-right: 10px;}
.home1 .box1 .swiper-slide:hover .box1-1>span{border-bottom: 2px solid #dcdcdc;}
.home1 .box2{padding-top: 100px;}
.home1 .box2 .box2-1>.img{padding-top: 30px;}
.home1 .box2 .box2-1>.img img{width: 100%; height: auto;}
.home1 .box2 .box2-1 .con{background-color: #f3f1f1; width: 100%; height: 180px;}
.home1 .box2 .box2-1 .con .item{width: 25%; height: 100%; border-right: 1px solid #fff;}
.home1 .box2 .box2-1 .con .item:hover{background-color: #bc8a5a; color: #fff; }
.home1 .box2 .box2-1 .con .item:last-child{border-right: 0;}
.home1 .box2 .box2-1 .con .item .item-1{font-size: 65px; font-family:'yingwen'; font-weight: bold;}
.home1 .box2 .box2-1 .con .item .item-2{padding-left: 10px;}
.home1 .box2 .box2-1 .con .item .item-2>p:nth-child(1){font-size: 30px; line-height: 30px; padding:0; margin: 0;}
.home1 .box2 .box2-1 .con .item .item-2>p:nth-child(2){font-size: 16px; line-height: 20px; padding:0; margin: 0;}

.home2{height:850px; overflow: hidden; position: relative; z-index: 10; padding: 0; background:url(../image/home_2.jpg) no-repeat center top; background-size: auto 100%;}
.homeTit2{padding-top: 60px; color: #fff;}
.homeTit2 .left{flex-grow: 1;}
.homeTit2 .left>h1{font-size: 28px; line-height: 30px; padding: 0;}
.homeTit2 .left>p{font-size: 14px; line-height: 30px; margin: 0; padding-top: 5px;}
.homeTit2 .right{flex-shrink: 0; }
.homeTit2 .right a{border-bottom: 2px solid transparent; margin-left:25px; font-size: 16px; color: #fff; line-height: 20px; padding-bottom: 5px;}
.homeTit2 .right a:hover{border-bottom:2px solid #bc8a5a; color: #bc8a5a;}

.home3{padding:80px 0 100px 0;}
.homeTit3{color: unset;}
.homeTit3 .right a{color:#737373;}
.home3 .box1{padding-top: 35px; width: 100%;}
.home3 .box1 .left{width:45%; padding-right: 20px; flex-shrink: 0;}
.home3 .box1 .left .img{width: 100%; height:480px; background-color: #666; position: relative; z-index: 10; overflow: hidden; cursor: pointer;}
.home3 .box1 .left .img .mask{position: absolute; z-index: 12; width: 100%; height: 100%; top: 0; left: 0; background-color: rgba(0, 0, 0, .7); }
.home3 .box1 .left .img .mask>img{width: 60px; height: 60px;}
.home3 .box1 .left .img:hover img{transform:scale(1.1);}
.home3 .box1 .left .tit{width: 100%; height:80px; border-top: 2px solid #fff;background-color: #f3f1f1; }
.home3 .box1 .left .tit>div{flex-grow: 1; font-size:18px; line-height: 25px; text-align: left;padding-left: 40px;}
.home3 .box1 .left .tit>a{flex-shrink: 0; margin-left: 30px; padding-right: 20px; text-align: right; font-size: 16px;}
.home3 .box1 .right{width: 55%;}
.home3 .box1 .right .item{border-bottom: 2px solid #dcdcdc; padding: 22px 25px; color:#4d4d4d; }
.home3 .box1 .right .item p{padding: 0;}
.home3 .box1 .right .item-1{flex-shrink: 0; text-align: center; padding-right:50px; width:120px;}
.home3 .box1 .right .item-1 h2{font-size: 50px; line-height: 50px; margin:0; padding:0;}
.home3 .box1 .right .item-1 p{font-size: 12px; line-height: 15px;margin:0}
.home3 .box1 .right .item-2{flex-grow: 1;}
.home3 .box1 .right .item-2 h1{font-size: 20px; font-weight: bold; line-height: 20px; margin:0; padding:0;}
.home3 .box1 .right .item-2 p{font-size: 14px; padding-top: 15px; margin:0}
.home3 .box1 .right .item:hover{box-shadow: 0 0 15px #ccc;}

.home4{background-color: #f3f1f1; padding: 130px 0 150px 0;}
.home4 .box-1 .left{width: 45%; padding-right: 5%;}
.home4 .box-1 .left>h1{font-size: 30px; padding: 0; margin: 0;}
.home4 .box-1 .left>p{line-height: 25px; padding-top: 10px; font-size: 16px;}
.home4 .box-1 .left>h2{font-size: 18px; padding: 0; margin:60px 0 0 0;}
.home4 .box-1 .left>h3{font-size: 20px; padding: 0; font-family:'yingwen'; margin:10px 0 0 0; font-weight: bold;}

.home4 .box-1 .right{}
.home4 .box-1 .right>.right-1{width: 49%; padding-bottom: 15px;}
.home4 .box-1 .right input{width: 100%; box-sizing: border-box; border:1px solid #b1b1b1; background-color: #eee; font-size: 16px; height: 55px; line-height: 35px;padding: 10px 20px;}
.home4 .box-1 .right input::placeholder{color:#a8a8a8;}
.home4 .box-1 .right>.right-1 select{width:100%; box-sizing: border-box; border:1px solid #b1b1b1; background-color: #eee; font-size:16px;padding: 10px 30px 10px 20px; height: 55px; line-height: 35px;background:#eee url(../image/icon_12.png) no-repeat right center; background-size: 30px 15px; }
.home4 .box-1 .right .sbtn{ margin-top: 30px; padding: 10px 20px 10px 0; font-size:18px; cursor: pointer; color: #666;}
.home4 .box-1 .right .sbtn>span{margin-right: 25px; letter-spacing: 1px;}
.home4 .box-1 .right .sbtn>img{width: 15px; height: 15px;}
.home4 .box-1 .right .sbtn:hover>span{color:#bc8a5a;}
.home5{min-height: 600px; overflow: hidden; padding: 0;}
.home5>img{height: 100%; width: 100%;}

.home8{padding: 100px 0 0 0;}
.home8 .box2{margin-top:20px; width: 100%; box-shadow: 0 0 10px #ccc; height:210px; overflow: hidden;}
.home8 .box2 .box2-1{width:50%; padding:15px; border-right: 1px solid #e0e0e0; cursor: pointer;overflow: hidden;}
.home8 .box2 .box2-1:last-child{border: 0;}

.home8 .box2 .box2-1 .tit{padding:20px; z-index: 10; position: relative; width:100%; flex-shrink: 0; min-height: 180px;}
.home8 .box2 .box2-1 .tit>div{text-align: center;}

.home8 .box2 .box2-1 .tit>.img{width:40px; height:40px; margin-right: .2rem; background: url(../image/spec_icon.png) no-repeat center center; background-size: 100% 100%;}
.home8 .box2 .box2-1 .tit>div:nth-child(2){font-size:22px; padding-top: 10px;}
.home8 .box2 .box2-1 .tit>div:nth-child(3){font-size:14px;}
.home8 .box2 .box2-2 .tit>.img{background: url(../image/face_icon.png) no-repeat center center; background-size: 100% 100%;}


.home8 .box2 .box2-1 .tit.on{background-color: rgba(188,138,90,1); width: 40%;}
.home8 .box2 .box2-1 .tit.on>div{color: #fff;}
.home8 .box2 .box2-1 .tit.on>.img{background: url(../image/spec_icon_hl.png) no-repeat center center;background-size: 100% 100%;}
.home8 .box2 .box2-2 .tit.on>.img{background: url(../image/face_icon_hl.png) no-repeat center center;background-size: 100% 100%;}
.home8 .box2 .box2-1 .tit.on::before{position: absolute; top:40px; right: -10px; border:10px solid rgba(188,138,90,1); border-right: 0; border-top-color: transparent; border-bottom-color: transparent; content: ""; z-index: 12;}
.home8 .box2 .box2-1 .con{padding:35px 20px 30px 20px; width: 60%; display: none; overflow: hidden;}
.home8 .box2 .box2-1 .con a{ margin: 0 20px 10px 0; display: inline-block; font-size:16px;}





.foot{padding:60px 0 100px 0; background-color: #000; color: #fff;}
.foot .box-1{width: 100%;}
.foot .box-1 .left{width: 450px; flex-shrink: 0;}
.foot .box-1 .left>img{width:280px; height: auto;}
.foot .box-1 .left>p{line-height:25px; padding:40px 0 0 0; font-size: 16px;}
.foot .box-1 .left>p>span{font-size: 14px;}
.foot .box-1 .left>.left-3{padding:40px 0 0 0;}
.foot .box-1 .left>.left-3 .item{width:28px; height: 28px; position: relative; margin-right: 20px; cursor: pointer;}
.foot .box-1 .left>.left-3 .item>.icon{width: 28px; height:28px;}
.foot .box-1 .left>.left-3 .item>.ma{display: none; width: 110px; height: 110px; top: 30px; left: -41px; position: absolute;}
.foot .box-1 .left>.left-3 .item:hover>.ma{display: block;}

.foot .box-1 .right{flex-grow:1; z-index: 10;}
.foot .box-1 a,.foot .box-1 a:visited{color: #fff;}
.foot .box-1 a:hover{color:#bc8b5b;}
.foot .box-1 .right>.item{min-width: 100px; margin-left: 50px;}
.foot .box-1 .right>.item a{display: block;}
.foot .box-1 .right>.item>.h1{font-size:18px; margin-bottom: 20px;}
.foot .box-1 .right>.item>.p{font-size: 14px; line-height: 25px; height: 25px; position: relative;}
.foot .box-1 .right>.item>.p img{display: none; width: 110px; height: 110px; top:-30px; right:-110px; position: absolute; z-index: 12;}
.foot .box-1 .right>.item>.p:hover img{display: block;}



.foot .box-2{width: 100%; text-align: right; margin-top: 90px; border-top: 2px solid #ccc; padding-top: 20px;}
.foot .box-2 a,.foot .box-2 a:visited{color: #fff;}
.foot .box-2 a:hover{color:#bc8b5b;}

/* 产品中心 */
.product1{padding-top:60px;}
.product1>.tit{font-size: 22px; color: #bd8b5b; padding-bottom: 25rpx;}
.product1 .box-1{ padding-top: 25px;}
.product1 .box-1 .box-1-1{width: 90px; height: 35px; font-size: 16px; text-align: center; position: relative; background-color: #bd8b5b; color: #fff; line-height:35px; flex-shrink: 0;}
.product1 .box-1 .box-1-1::after{position: absolute; content: ""; box-sizing: border-box; border: 10px solid #bd8b5b; border-top-color: transparent;
border-bottom-color: transparent; border-right-color: transparent; top:7px; right: -16px;
}
.product1 .box-1 .box-1-2{flex-grow: 1; padding-left: 45px; padding-top: 2px;}

.product1 .box-1 .box-1-2>a{margin-right:20px; margin-bottom: 15px; font-size:16px; line-height: 30px;border-bottom: 2px solid transparent;}
.product1 .box-1 .box-1-2>a:hover,.product1 .box-1 .box-1-2>a.on{ border-bottom: 2px solid #bd8b5b; color: #bd8b5b;}
.product1 .box-3{ width:100%; padding-top:80px;}
.product1 .box-3 li{padding:0 10px 50px 10px; cursor: pointer;}
.product1 .box-3 .img{width:100%; overflow:hidden; position: relative;}
.product1 .box-3 .img img{ max-width: 100%; max-height: 100%;}
.product1 .box-3 .tit{ font-size:16px; line-height: 30px; text-align:center; box-sizing: border-box; height: 80px; background-color: rgba(255,255,255,.5); width: 100%; position: absolute; left: 0; bottom: -10px; overflow: hidden;}
.product1 .box-3 li:hover .img img{width: 100%;
    height: 100%;
    display: block;
    -o-object-fit: cover;
    object-fit: cover; 
	vertical-align: middle;
	transform:scale(1.1);
}
.product1 .box-3 li:hover .tit{color:#fff; background-color: #666;}
.product1 .box-4{padding: 50px 0 80px 0; }

/* 产品展示页 */
.proview1{background-color: #f9f8f8; padding: 80px 0;}
.proview1 p{margin-bottom: 0;}
.proview1 .p1>span{font-size: 22px; border-bottom: 3px solid #bd8b5b; color: #bd8b5b; line-height: 45px; display: inline-block; letter-spacing: 3px; padding: 0 5px;}
.proview1 .h1{padding: 60px 0 30px 0; border-bottom: 2px solid #d4d3d3; line-height: 30px; font-size: 24px;}
.proview1 .p2{padding-top: 40px;}
.proview1 .p2>span{margin-right: 30px; font-size: 16px;}
.proview1 .p3{font-size: 16px; line-height: 20px; padding-top: 25px;}
.proview1 .p4{font-size: 16px; line-height: 20px; padding-top: 25px;}
.proview1 .p5{font-size: 14px; line-height: 20px; padding-top: 80px;}
.proview1 .con{width: 100%; overflow: hidden; padding-top: 20px; font-size: 16px;}
.proview1 .con div..proview1 .con p{font-size: 16px; line-height: 30px;}
.proview1 .con img{max-width: 100%;}
.proview2{padding: 90px 0;}
.proview2 .box1{width: 100%;}
.proview2 .box1>.img{width: 25%; border-right: 2px solid transparent; cursor: pointer; border-bottom: 2px solid transparent; }
.proview2 .box1>.img>img{width: 100%; height:100%;}
.proview2 .box1a>.img{width: 50%;}

.proview2 .box2{padding-top:30px; width: 100%;}
.proview2 .box2>a{width: auto; height: 55px; background-color: #bd8b5b;}
.proview2 .box2>a>div:nth-child(1){height: 100%; padding:0 10px; border-right: 1px solid #fff;}
.proview2 .box2>a>div:nth-child(2){height: 100%; padding:0 10px; font-size: 18px; color:#fff; line-height:55px;}

.proview2 .box3{padding-top: 90px;}
.proview2 .box3>p{font-size: 24px; text-align: center;}
.proview2 .box3>.img{width: 100%; padding-top: 20px;}
.proview2 .box3>.img>img{width: 100%; height: auto; display: block; margin-bottom: 5px; cursor: pointer;}

.proview2 .box4{padding-top: 90px; position: relative;}
.proview2 .box4>p{font-size: 24px; text-align: center; width: 100%;}
.proview2 .box4 .swiper-container{margin-top: 30px;}
.proview2 .box4 .swiper-button-prev{left: -80px;width:50px;height: 50px; margin-top:30px;}
.proview2 .box4 .swiper-button-next{right: -80px;width:50px;height: 50px; margin-top: 30px;}
.proview2 .box4 .swiper-button-next::after,
.proview2 .box4 .swiper-button-prev::after {
  color: #999;
  font-size:35px;
  border:1px solid #999;
  border-radius: 50%;
  width:50px;
  height: 50px;
  box-sizing: 0;
  line-height: 50px;
  text-align: center;
  box-sizing: border-box;
}
.proview2 .box4 .swiper-button-prev::after{padding-right: 5px;}
.proview2 .box4 .swiper-button-next::after{padding-left:5px;}
.proview2 .box4 .swiper-button-next:hover::after,
.proview2 .box4 .swiper-button-prev:hover::after {
  color: #000;
  border:1px solid #000;
}
.proview2 .box4 .swiper-slide {
  text-align: center;
  box-sizing: border-box;
  cursor: pointer;
  
}
.proview2 .box4 .swiper-slide .img {
  overflow: hidden;
}
.proview2 .box4 .swiper-slide .img img {
	max-width: 100%;
    max-height: 100%;
}
.proview2 .box4 .swiper-slide p{text-align: center; margin-top: 10px; font-size: 16px; line-height: 20px;}
.proview2 .box4 .swiper-slide:hover .img>img{transform:scale(1.1);}





/* 终端赋能 */
.yunshang{width:100%; padding:0; margin:0;  }
.yunshang .box-1{width:100%}
.yunshang .box-1>img{width:auto; height:100%}

/* 战略合作伙伴 */
.cooperate1{color:#737373; margin-bottom: 80px; display: block;}
.cooperate1 .box-1{position: relative; width: 100%; height: 50px; border-bottom:2px solid #d9d9d9;  font-size: 18px;margin-top: 50px;}
.cooperate1 .box-1>a{margin-right:40px; height: 50px;box-sizing:border-box; border-bottom:2px solid transparent;line-height: 50px; }
.cooperate1 .box-1>a.on{border-bottom:2px solid #d59f6d; color:#d59f6d;}
.cooperate1 h1{text-align: center; font-size: 28px; margin-top: 80px;}
.cooperate1 p{text-align: center; font-size: 16px; margin-top: 10px; line-height: 30px;}
.cooperate1 .img {padding-top: 50px;}
.cooperate1 .img img{width: 100%; height: auto;}
.cooperate2{ padding-top:10px; padding-bottom: 100px; margin-bottom: 0;}
.cooperate2 h1{margin-top: 35px;}
.cooperate2 .img {padding-top: 60px; width: 100%; text-align: center;}
.cooperate2 .img img{max-width: 100%;}

/* 工程案例 */
.case1 .box-1{position: relative; width: 100%; height: 50px; border-bottom:2px solid #d9d9d9;  font-size: 18px;margin-top: 50px;}
.case1 .box-1>a{margin-right:40px; height: 50px;box-sizing:border-box; border-bottom:2px solid transparent;line-height: 50px; }
.case1 .box-1>a.on{border-bottom:2px solid #d59f6d; color:#d59f6d;}
.case1 .box-2{width: 100%; padding-top: 80px;}
.case1 .box-2>a{margin: 0 20px; font-size: 16px;}
.case1 .box-2>a:hover,.case1 .box-2>a.on{color:#d59f6d;}
.case1 .box-3{ width:100%; padding-top:50px;}
.case1 .box-3 li{padding:0 10px 30px 10px; cursor: pointer;}
.case1 .box-3 .img{width:100%; overflow:hidden;}

.case1 .box-3 .img img{ width: auto;
    height: 100%;
    display: block;
    -o-object-fit: cover;
    object-fit: cover; 
	vertical-align: middle;
	transition:all .3s;
}
.case1 .box-3 .tit{ font-size:16px; line-height: 45px; text-align:center; box-sizing: border-box;}
.case1 .box-3 li:hover .img img{transform:scale(1.1);}
.case1 .box-3 li:hover .tit{color:#d59f6d;}
.case1 .box-4{padding: 50px 0 80px 0; }


/* 新闻中心,品牌视频 */
.news1 .box-1{position: relative; width: 100%; height: 50px; border-bottom:2px solid #d9d9d9;  font-size: 18px;margin-top: 50px;}
.news1 .box-1>a{margin-right:40px; height: 50px;box-sizing:border-box; border-bottom:2px solid transparent;line-height: 50px; }
.news1 .box-1>a.on{border-bottom:2px solid #d59f6d; color:#d59f6d;}
.news1 .box-3{ width:100%; padding-top:90px;}
.news1 .box-3 li{padding:0 10px 45px 10px; cursor: pointer;}
.news1 .box-3 .img{width:100%; overflow:hidden;}
.news1 .box-3 .img img{max-width:100%;max-height:100%;}
.news1 .box-3 .p1{padding-top:25px; font-size:14px; color:#666;}
.news1 .box-3 .p1>img{margin:0 5px;}
.news1 .box-3 .p2{font-size:18px;line-height: 45px; color:#666; border-bottom:1px solid #666; padding-bottom:10px;}
.news1 .box-3 .p3{font-size:14px; color:#666;}
.news1 .box-3 .p3>img{margin-left:10px;
-webkit-filter: grayscale(100%);
    -moz-filter: grayscale(100%);
    -ms-filter: grayscale(100%);
    -o-filter: grayscale(100%);
    filter: grayscale(100%);
    -webkit-filter: gray;
    filter: gray;
    -webkit-filter: progid:dximagetransform.microsoft.basicimage(grayscale=1);
    filter: progid:dximagetransform.microsoft.basicimage(grayscale=1);
}

.news1 .box-3 li:hover .img img{transform:scale(1.1);}
.news1 .box-3 li:hover .p2{border-bottom:1px solid #d59f6d;color:#d59f6d;}
.news1 .box-3 li:hover .p3{color:#d59f6d;}
.news1 .box-3 li:hover .p3>img{
	-webkit-filter:unset;
	    -moz-filter:unset;
	    -ms-filter:unset;
	    -o-filter:unset;
	    filter:unset;
	    -webkit-filter:unset;
	    filter:unset;
}
.news1 .box-4{padding: 50px 0 80px 0; }

.news1 .box-5{ width:100%; padding-top:90px;}
.news1 .box-5 li{padding:0 10px 90px 10px; cursor: pointer;}
.news1 .box-5 .img{width:100%; overflow:hidden; position: relative;}
.news1 .box-5 .img img{ width: 100%;
    height: 100%;
    display: block;
    -o-object-fit: cover;
    object-fit: cover; 
	vertical-align: middle;
	transition:all .3s;
}
.news1 .box-5 .img>.mymask{width: 100%; height: 100%; position: absolute; left: 0; top: 0;}
.news1 .box-5 .img>.mymask>img{width:50px; height: 50px;}
.news1 .box-5 .tit{ font-size:16px; line-height: 45px; text-align:center; box-sizing: border-box;}
.news1 .box-5 li:hover .img img{transform:scale(1.1);}
.news1 .box-5 li:hover .tit{color:#d59f6d;}
.news1 .box-5 li:hover .img>.mymask{background-color: rgba(0, 0, 0, .5);}
.news1 .box-6{padding: 0px 0 80px 0; }

/* 新闻展示页 */
.newsview .box-1{position: relative; width: 100%; height: 50px; border-bottom:2px solid #d9d9d9;  font-size: 18px;margin-top: 50px;}
.newsview .box-1>a{margin-right:40px; height: 50px;box-sizing:border-box; border-bottom:2px solid transparent;line-height: 50px; }
.newsview .box-1>a.on{border-bottom:2px solid #d59f6d; color:#d59f6d;}

.newsview .box-2{margin-top: 80px; border-bottom: 1px dashed #d9d9d9; padding-bottom: 30px;}

.newsview .box-2>h1{font-size: 24px; text-align: center; line-height: 30px;}
.newsview .box-2>p{font-size: 14px; text-align: center; line-height: 20px; margin-top:5px;}
.newsview .box-3{wwidth:100%; margin-top: 60px;}
.newsview .box-3>.left{flex-shrink: 0; width: 150px; padding-right: 30px; position: relative;}
.newsview .box-3>.middle{flex-grow: 1; overflow: hidden; font-size:16px;}
.newsview .box-3>.middle p,.newsview .box-3>.middle div{font-size: 16px;}
.newsview .box-3>.middle img{max-width: 100%;}
.newsview .box-3>.right{flex-shrink: 0; width:150px; padding-left: 20px; position: relative;}
.newsview .box-3>.right>.gzhdiv{width:130px; padding: 14px; border: 1px solid #d9d9d9; background-color: #fff;}
.newsview .box-3>.right>.gzhdiv>img{width: 100; height: 100px; margin-bottom: 10px;}
.newsview .box-3>.right>.gzhdiv>p{font-size: 12px; text-align: center; line-height: 20px; margin-bottom: 0;}
.newsview .box-4{width:100%; padding-top: 30px; padding-bottom: 60px;border-top: 1px dashed #d9d9d9;}
.newsview .box-4>a{width: 45%; flex-shrink: 0; font-size: 16px;}
.newsview .box-4>a:nth-child(1){text-align: left;}
.newsview .box-4>a:nth-child(2){text-align: right;}
.newsview .box-3>.left>.share-out.fixed{width:120px;position: fixed; top:130px;}
.newsview .box-3>.right>.gzhdiv.fixed{width:130px;position: fixed; top:130px;}

.share-out{width: 100%; padding:50px 30px; background-color: #f6f6f6; border-radius:10px;}
.share-btn{width: 100%;}
.share-btn a.sina,.share-btn a.qqZone{cursor: pointer;}
.share-btn>div img{width:25px; height: 25px;}
.bdshare-button-style1-16 a ,.bdshare-button-style1-24 a{
	background-image: url(http://www.saopaulo.com.cn/Public/images/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;}







/* 加盟合作 */
.join{width:100%; padding:0; margin:0;  }
.join .box-1{width:100%}
.join .box-1>img{width:auto; height:100%}
.join .box-2{width:100%; padding-top: 100px; padding-bottom: 150px; }
.join .box-2 .tit{width: 35%; height: 100%; text-align: center; color: #bb8b5b;}
.join .box-2 .tit>span:nth-child(1){font-size: 28px;}
.join .box-2 .tit>span:nth-child(2){font-size: 20px;}
.join .box-2 .con{width: 65%; padding: 0 5%; line-height: 35px; font-size: 16px;}
.join .box-2 .con p{padding: 0; margin: 0;}


.join .box-3{padding: 100px 0 150px 0; background-color: #f7f7f7;}
.join .box-3>h1{text-align: center; font-size: 35px; padding-bottom: 20px; color: #595757;}
.join .box-3 ul{width: 100%; box-sizing:border-box; }
.join .box-3 li{border:2px solid #bfbcbc; color: #595757; box-sizing: border-box; padding:60px 15px 20px 15px; width: 18%; height: 320px; margin: 50px auto 10px auto; text-align:center; cursor: pointer; position: relative; z-index: 10; }
.join .box-3 ul li:nth-child(1){padding-left: 0 !important;}
.join .box-3 ul li:nth-child(5){padding-right: 0 !important;}
.join .box-3 li .circle{width:100%; height:60px; z-index: 20; left: 0; top: -35px; position: absolute; }
.join .box-3 li .circle>div{width: 60px; height: 60px; border-radius:10px; overflow:hidden; background-color: #888;font-size: 28px;  color: #fff; text-align: center; line-height: 60px; font-family: Arial, Helvetica, sans-serif; margin-right: 5px; }
.join .box-3 li>div{ width: 100px; padding:0 10px 20px 10px;border-bottom: 2px solid #bfbcbc;}
.join .box-3 li .img{width:80px; height:80px; background: url(../image/zhichi.png) no-repeat; background-size: 400px auto; flex-shrink: 0; }
.join .box-3 li .img-1{background-position:0 0;}
.join .box-3 li .img-2{background-position:-80px 0;}
.join .box-3 li .img-3{background-position:-160px 0;}
.join .box-3 li .img-4{background-position:-240px 0;}
.join .box-3 li .img-5{background-position:-320px 0;}
.join .box-3 li .img-6{background-position:0px -80px;}
.join .box-3 li .img-7{background-position:-80px -80px;}
.join .box-3 li .img-8{background-position:-160px -80px;}
.join .box-3 li .img-9{background-position:-240px -80px;}
.join .box-3 li .img-10{background-position:-320px -80px;}
.join .box-3 li:hover{border-color: #bb8b5b; color: #bb8b5b; background-color: #fff;}
.join .box-3 li:hover .circle>div{background-color: #bb8b5b;}
.join .box-3 li:hover .img{background-image: url(../image/zhichi.png);}
.join .box-3 li h2{  word-break: break-all;white-space: nowrap; font-size: 20px; padding-top: 30px; padding-bottom: 15px;}
.join .box-3 li:hover>div{border-bottom: 2px solid #bb8b5b;}
.join .box-3 li p{ font-size: 12px; line-height: 20px; width:100%;}

.join .box-4{background-color: #f7f7f7; padding: 170px 0 160px 0;}
.join .box-4>.container{padding: 0 60px;color: #595757;}
.join .box-4 .title{font-size: 18px; padding-left: 100px;}
.joinform{border: 1px solid #b1b1b1; background-color: #fff; width: 100%; padding:60px 50px 60px 90px; }
.joinform .left{width: 45%; padding-right: 5%;}
.joinform .left>h1{font-size: 30px; padding: 0; margin: 0;}
.joinform .left>h2{font-size: 18px; padding: 0; margin:40px 0 0 0; font-weight: bold;}
.joinform .left>h3{font-size: 16px; padding: 0; font-family:'yingwen'; margin:10px 0 0 0; font-weight: bold;}
.joinform .right{}
.joinform .right>.right-1{width: 49%; padding-bottom: 15px;}
.joinform .right input{width: 100%; box-sizing: border-box; border:1px solid #b1b1b1; background-color: #eee; font-size: 16px; height: 50px; line-height: 30px;padding: 10px 20px;}
.joinform .right input::placeholder{color:#a8a8a8;}
.joinform .right>.right-1 select{width:100%; box-sizing: border-box; border:1px solid #b1b1b1; background-color: #eee; font-size:16px;padding: 10px 30px 10px 20px; height: 50px; line-height: 30px;background:#eee url(../image/icon_12.png) no-repeat right center; background-size: 30px 15px; }
.joinform .right .sbtn{ margin-top: 40px; font-size:18px; cursor: pointer; color: #fff;}
.joinform .right .sbtn>span{border-radius: 50px; padding:6px 30px; background-color:#e60012; letter-spacing: 1px;}









/* 关于圣堡龙 */
.about1{color:#737373;}
.about1 .box-1{position: relative; width: 100%; height: 100px; border-bottom:2px solid #d9d9d9;  font-size: 18px;padding-top: 50px;}
.about1 .box-1>a{margin-right:40px; height: 50px;box-sizing:border-box; border-bottom:2px solid transparent;line-height: 50px; }
.about1 .box-1>a.on{border-bottom:2px solid #d59f6d; color:#d59f6d;}
.about1 .box-2{padding: 100px 0 70px 0;}
.about1 .box-2 .con{width: 65%; padding: 0 10% 0 0; font-size: 16px;}
.about1 .box-2 .tit{color:#bb8b5b;}
.about1 .box-2 .con .tit>img{width: 138px; height: auto; margin-right: 35px;}
.about1 .box-2 .tit span:nth-child(1){font-size: 28px;}
.about1 .box-2 .tit span:nth-child(2){font-size: 20px;}
.about1 .box-2 .con-1{padding-top: 20px;line-height: 35px;}
.about1 .box-2 .con-1 p{padding: 0; margin: 0;}
.about1 .box-2 .logo{width: 35%; height: 100%; text-align:right;}
.about1 .box-2 .logo>img{max-width: 100%; height: auto;}
.about2{padding: 150px 0 150px 0;}
.about2>img{width:100%;height:100%;}
.about3{padding: 130px 0 130px 0;}
.about3>img{max-width: 100%;}

.about4{padding:70px 0; font-size:16px; line-height: 35px;}
.about4 td,.about4 p{padding: 6px 0;font-size:16px;color:#737373;}


/*关于圣堡龙-荣誉殿堂 */
.about5{
  padding: 100px 0;
  position: relative;
}
.about5 .swiper-button-prev{left: -40px;width:50px;height: 50px;}
.about5 .swiper-button-next{right: -40px;width:50px;height: 50px;}
.about5 .swiper-button-next::after,
.about5 .swiper-button-prev::after {
  color: #999;
  font-size:35px;
  border:1px solid #999;
  border-radius: 50%;
  width:50px;
  height: 50px;
  box-sizing: 0;
  line-height: 50px;
  text-align: center;
  box-sizing: border-box;
}
.about5 .swiper-button-prev::after{padding-right: 5px;}
.about5 .swiper-button-next::after{padding-left:5px;}
.about5 .swiper-button-next:hover::after,
.about5 .swiper-button-prev:hover::after {
  color: #000;
  border:1px solid #000;
}
.about5 .swiper-slide {
  text-align: center;
  box-sizing: border-box;
  cursor: pointer;
}
.about5 .swiper-slide .img {
  height:auto;
  overflow: hidden;
}
.about5 .swiper-slide .img img {
	width: 100%;
    max-height: 100%;
}


/* 经销商专区 */
.download{width: 100%; height: 700px; position: relative; z-index: 10; padding-top: 100px;}
.download>.bg{position: absolute; z-index: 11; top: 0; left: 0; width: 100%; height: 100%;}

.download-1{position: relative; z-index: 12;}
.download-1>h1{font-size: 30px; text-align: center; color: #fff; padding-bottom: 30px;}

.download .login{width: 680px; height: 470px; background-color: #fff;}
.download .login-1{width: 420px; border-bottom: 1px solid #000; padding: 20px 0 10px 0;}
.download .login-1>img{width: 30px; height: 30px; margin-right: 20px; flex-shrink:0;}
.download .login-1>input{flex-grow:1; font-size: 16px;}
.download .login-2{margin-top: 50px;}
.download .login-3{padding-top: 80px;}
.download .login-3>input{width: 420px; color:#fff; height:45px; text-align: center; line-height: 45px; font-size: 18px; background-color: #bb8b5b; cursor: pointer;}

.download-2{height: 80%; overflow: hidden; background-color: #fff; position: relative; z-index:20; padding: 70px 0 0 0;}
.download-2 .down-icon{
	width: 8px;
	height: 8px;
    position: absolute;
    overflow: hidden;
	border: 8px solid transparent;
	border-top: 8px solid #1b2134;
	border-bottom: none;
	top: 0px;
	left:350px;
	z-index: 21;
}
.download-2 .up-icon{
	width: 8px;
	height: 8px;
    position: absolute;
    overflow: hidden;
	border: 8px solid transparent;
	border-bottom: 8px solid #1b2134;
	border-top: none;
	bottom:0px;
	left:350px;
	z-index: 22;
}
.download-2 .left{width:360px; flex-shrink: 0; padding:0 0 0 80px;}
.download-2 .left .list{width: 100%; height:550px; overflow-x: hidden; overflow-y: scroll;}
.download-2 .left .list::-webkit-scrollbar{ width:2px;}
.download-2 .left .list::-webkit-scrollbar-track{background: #dedede;border-radius:2px;}
.download-2 .left .list::-webkit-scrollbar-thumb{background: #e4c6a9;border-radius:10px;}
.download-2 .left .list::-webkit-scrollbar-thumb:hover{background: #e4c6a9;}
.download-2 .left .list::-webkit-scrollbar-corner{background: #e4c6a9;}
.download-2 .left .list a{display: block; width: 230px; border-bottom: 1px dashed #737373;font-size:20px; line-height: 30px; padding: 15px 0;}
.download-2 .left .list a.on{color: #c19165;}
.download-2 .left .exit{margin-top: 50px; width: 185px; height: 55px; line-height: 55px; text-align: center; color: #fff; background-color: #c19165; font-size: 20px; display: block; }


.download-2 .right{flex-grow: 1; padding: 0 80px;}
.download-2 .right>.title{width: 100%; height: 50px; line-height: 30px; text-align: left;  border-bottom: 1px solid #737373; font-size: 24px; padding: 5px 0  15px 0;}

.download-2 .right>.list{width: 100%; height: 500px;overflow-x: hidden; overflow-y:auto; padding-right: 10px; margin-top: 20px;}
.download-2 .right>.list::-webkit-scrollbar{ width:2px;}
.download-2 .right>.list::-webkit-scrollbar-track{background: #dedede;border-radius:2px;}
.download-2 .right>.list::-webkit-scrollbar-thumb{background: #e4c6a9;border-radius:10px;}
.download-2 .right>.list::-webkit-scrollbar-thumb:hover{background: #e4c6a9;}
.download-2 .right>.list::-webkit-scrollbar-corner{background: #e4c6a9;}
.download-2 .right>.list .item{width:46%; margin-bottom: 50px; cursor: pointer;}
.download-2 .right>.list .item:hover{color: #737373;}
.download-2 .right>.list .item .p1{font-size: 14px; margin-bottom: 5px;}
.download-2 .right>.list .item .p1>span{margin-right: 50px;}
.download-2 .right>.list .item .img{width: 100%; height: 300px; overflow: hidden; background-color: #eee;}
.download-2 .right>.list .item .img>img{max-width: 100%; max-height: 100%;width: 100%; }
.download-2 .right>.list .item>h1{font-size: 18px; line-height:25px;padding: 10px 0;}
.download-2 .right>.list .item>.p2,.download-2 .right>.list .item>.p3{font-size: 16px; line-height: 20px;}
.download-2 .right>.list .item:hover .img>img{transform:scale(1.1);}
.download-2 .right .nodata{font-size: 18px; line-height: 50px;}
.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:#e4c6a9;}
.showLayer .close:hover i{color: #fff;}


/* 放大图功能 */
.bigimgs{width: 100%; height:100%; background-color: rgba(0,0,0,.7); z-index: 200; position: fixed; top:-3000px; left: 0; padding:50px; box-sizing: border-box;}
.bigimgs .cha{font-size:30px; position:absolute; top: 15px; right: 15px; color: #ccc;z-index: 201; cursor: pointer; }
.bigimgs .cha:hover{color:#fff;}
#swiper-container-1{width: 100%; height: 100%;}
#swiper-container-1 .swiper-slide{width: 100%; height: 100%; position: relative;}
#swiper-container-1 .swiper-slide img{max-width: 100%; max-height: 100%; width:auto; height:auto; }
#swiper-container-1 .swiper-slide .tit{height: 50px; line-height: 50px; font-size: 18px; text-align: center; background-color: rgba(0, 0, 0, .8); color: #fff; width:100%; position: absolute; bottom: 0; left: 0;}

#swiper-container-1 .swiper-button-next::after,
#swiper-container-1 .swiper-button-prev::after {
  color: #fff;
  font-size: 30px;
}




/* 视频观看框 */
.showvideo{position: fixed; z-index: 110; top: 0; left: 0; width: 100%; height: 100%; background-color: rgba(0, 0, 0, .8); display: none;}
.showvideo .main{width: 100%; height: 100%; position: relative;}
.showvideo .main .closebtn{width: 50rpx; height: 50rpx; position: absolute; z-index: 120; top: 20px; right: 30px;cursor: pointer; }
.showvideo .main .closebtn>i{font-size: 40px; color: #fff;}
.showvideo .main .main-1{}


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


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


@media ( min-width : 768px) and (max-width: 991px) {

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

	
}
/* @media ( min-width : 1200px) and (max-width: 1299px) {
	
} */
@media ( min-width : 1300px) {
	
}
@media ( min-width : 1400px) {
}
@media ( min-width : 1500px) {
	.container{width: 1500px;}
	
}

@media ( min-width : 1600px) {

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

}

@media ( min-width : 1920px) {
	.inbanner .img{height:auto;}
	.inbanner .img>img{height:auto; width:100%;}
	
	/* 首页 */
	.homebanner .img{height:auto;}
	.homebanner .img>img{height:auto; width:100%;}
	.home2{background-size: 100% auto;}
	.home5>img{height: auto; width:100%;}

	
	
	.yunshang .box-1>img{width:100%; height:auto;}
	
	.join .box-1>img{width:100%; height:auto;}
	
	.combanner1>img{width:100%; height:auto;}
	
}