@charset "utf-8";
html,body{width:100%;}
p{
    font-size: 14px;
}
span{
    font-size: 12px;
}
.w1400{
   max-width: 1200px;
   margin: 0 auto;
	position: relative;
}
.w1900{
    max-width: 1900px;
   margin: 0 auto;
	position: relative;
}
.fixed-icon{
    width: 46px;
    height: 155px;
    position: fixed;
    right: 1.5%;
    bottom: 15%;
    z-index: 999;
}
.fixed-icon .icon-box{
    position: relative;
    height: 54px;
}
.fixed-icon .icon-box .img{
    position: absolute;
    right: 100%;
    top: 0;
    display: none;
}
.fixed-icon .icon-box:hover .img{
    display: block;
}
.fixed-icon .icon-box .img img{
    padding: 5px;
    background: #bc8664;
    max-width: 120px;
}
.fixed-icon a{
    display: inline-block;
    width: 46px;
    height: 46px;
    transition: .3s;
}
.fixed-icon .icon-box:nth-child(1) a{
    background: rgba(188,134,100) url(../images/icon1.png) no-repeat;
    border-radius: 7px;
    overflow: hidden;
}
.fixed-icon .icon-box:nth-child(1) a span{
    display: none;
    text-align: center;
    height: 46px;
    width: 100%;
    line-height: 46px;
    font-weight: bold;
    font-size: 18px;
    color: #fff;
    padding-left: 15px;
}
.fixed-icon .icon-box:nth-child(1) a:hover{
    width: 170px;
    margin-left: -124px;
}
.fixed-icon .icon-box:nth-child(1) a:hover span{
    display: inline-block;
}

.fixed-icon .icon-box:nth-child(2) a{
    background: url(../images/icon2.png) no-repeat;
}
.fixed-icon .icon-box:nth-child(3) a{
    background: url(../images/icon3.png) no-repeat;
}
.top{
   position: fixed;
   z-index: 99;
   width: 100%;
   background-color: rgba(0,0,0,0.2);
}
.top.fixed{
    background-color: rgba(0,0,0,0.2);
}
.top.fixed li{
    height: 100px;
}
.top .logo{
    flex: 0 0 30%;
    height: 64px;
    background: url(../images/logo.png) 0 0 no-repeat;
}
.top .w1400{
   display: flex;
   justify-content: space-between;
   align-items: center;
   overflow: visible;
}
.nav{
    flex: 1;
    display: flex;
    align-items: center;
    justify-content: space-evenly;
}
.nav li{
    height: 120px;
    position: relative;
    display: flex;
    align-items: center;
    transition: .3s;
}
.nav li a{
   text-decoration: none;
   color: #fff;
}
.nav li .a1{
    display: flex;
    justify-content: center;
	align-items: center;
   width: 80px;
   padding: 3px 0;
   text-decoration: none;
   color: #fff;
   font-size: 14px;
   text-align: center;
}
.nav li .a1:hover{
   background-color: #bc8664;
   border-radius: 4px;
}
.nav li .subnav{
   position: absolute;
   height: auto;
   width: 190px;
   left: 50%;
   top: 100%;
   margin-left: -95px;
   border-radius: 0 0 10px 10px;
   background-color: #bc8664;
   display: none;
   z-index: 99;
}
.nav li .subnav:before{
    content: "";
    position: absolute;
    width: 15px;
    height: 15px;
    background: #bc8664;
    transform: translate(-50%,0) rotate(45deg);
    left: 50%;
    top: -5px;
}
.nav li .subnav a{
   display: block;
   padding: 3px 0;
   width: 100%;
   line-height: 35px;
   text-decoration: none;
   color: #fff;
   font-size: 14px;
   text-align: center;
}
.nav li:hover .subnav{
   display: block;
}
.mySwiper .swiper-button-next{
    top: 50%;
    right: 35px;
}
.mySwiper .swiper-button-prev{
    top: 50%;
    left: 35px;
}
.mySwiper img{
    display: block;
	width: 100%;
}
.mySwiper .swiper-slide{
    position: relative;
}
.mySwiper .swiper-slide video{
    display: block;
    width: 100%;
}
.mySwiper .swiper-slide a{
    position: absolute;
	display: inline-block;
	left: 50%;
	top: 50%;
	width: 100px;
	height: 45px;
	transform: translate(-50%, 65%);
}
.box1{
    width: 100%;
    height: 700px;
    background: url(../images/box1.jpg) center 0 no-repeat;
    background-size: cover;
    overflow: hidden;
}
.box1-cont{
   width: 525px;
   margin-top: 127px;   
}
.box1-cont h2{
   width: 100%;
   height: 51px;
   line-height: 51px;
   text-indent: 23px;
   font-size: 14px;
   color: #000;
   background: url(../images/box1icon.png) 0 6px no-repeat;
}
.box1-cont h1{
   height: 40px;
   line-height: 40px;
   font-size: 30px;
   font-weight: bold;
   color: #000;
}
.box1-cont span{
   display: block;
   width: 100%;
   height: 29px;
   line-height: 29px;
   margin-top: 11px;
   font-size: 16px;
}
.box1-cont .content{
   line-height: 30px;
   margin-top: 18px;
   color: #7b7b7b;
   font-size: 14px;
}
.box1-cont .btnbox{
   display: flex;
   height: 46px;
   margin-top: 28px;
}
.box1-cont .btnbox a{
    font-size: 16px;
    display: inline-block;
   width: 130px;
   height: 46px;
   line-height: 46px;
   box-sizing: border-box;
   border: 2px solid #bc8664;
   color: #000;
   border-radius: 4px;
   text-decoration: none;
   margin-right: 10px;
   text-align: center;
}
.box1-cont .btnbox a:hover{
   background-color: #bc8664;
   color: #fff;
   font-size: 14px;
}
.boxtitle{
   width: 100%;
   height: 112px;
   margin-top: 56px;
}
.boxtitle h2{
   display: block;
   width: 100%;
   height: 21px;
   line-height: 21px;
   color: #bc8664;
   text-align: center;
   font-size: 12px;
   text-transform: uppercase;
}
.boxtitle h1{
   display: block;
   width: 100%;
   height: 55px;
   line-height: 55px;
   font-size: 36px;
   font-weight: bold;
   text-align: center;
   color: #000;
   margin-top: 5px;
}
.boxtitle h1 a{
    text-decoration: none;
    color: #000;
}
.boxtitle span{
   display: block;
   width: 100%;
   height: 23px;
   line-height: 23px;
   text-align: center;
   margin-top: 8px;
   color: #8a8a8a;
   font-size: 16px;
}
.boxtitle span font{
   color: #2a196e;
   font-weight: bold;
   
}
.prodlist{
    width: 100%;
    height: auto;
    display: flex;
    justify-content: space-between;
    margin-top: 36px;
    flex-wrap: wrap;
}
.prodlist li{
    width: 379px;
    height: 288px;
    position: relative;
    margin-bottom: 32px;
    background-color: #f8f8f8;
    border-radius: 6px;
    overflow: hidden;
}
.prodlist li a{
   display: block;
   width: 100%;
   height: 100%;
   text-decoration: none;
}
.prodlist li img{
    width: 100%;
    height: 237px;
}

.prodlist li span{
   width: 100%;
   height: 51px;
   display: block;
   background-color: #d0d0d0;
   text-align: center;
   line-height: 51px;
   font-size: 16px;
   color: #000000;
}
.prodlist li:hover span{
   background:#bc8664;
   color: #fff;
}
.box2-link{
   width: 100%;
   height: 40px;
   margin-top: 35px;
   display: flex;
   justify-content: center;
}
.box2-link a{
   width: 191px;
   height: 40px;
   border-radius: 6px;
   background-color: #bc8664;
   color: #fff;
   text-align: center;
   font-size: 16px;
   text-decoration: none;
   line-height: 40px;
}
.box2{
   height:970px;
   background: url(../images/box2.jpg) center 0 no-repeat;
   background-size: cover;
}


.box3 video {
	width: 100%;
}

.box3 .w1900 span {
	position: absolute;
	width: 100%;
	height: 100%;
	left: 50%;
	top: 50%;
	transform: translate(-50%, -50%);
	cursor: pointer;
	z-index: 10;
}
.box3 .btn1{
	background: url(../images/video-icon2.png) center no-repeat;
}
.box3 .btn2{
	opacity: 0;
	background: url(../images/video-icon2.png) center no-repeat;
}
.box3 .btn1::before{
	content: "";
	position: absolute;
	width: 120px;
	height: 120px;
	border-radius: 50%;
	border: 1px solid white;
	left: 46.8%;
	top: 42.3%;
	z-index: 10;
	animation: video 2s;
	animation-iteration-count: infinite;
}
@keyframes video {
	0% {
		opacity: 1;
    	transform: scale(1.5);
	}
    
	100% {
    	opacity: 0;
	    transform: scale(3);
	}
}


.box3-list{
    bottom: -180px;
    z-index: 10;
    position: absolute;
   width: 100%;
   height: 220px;
   background-color: #181d24;
   border-radius: 6px;
   display: flex;
   justify-content: space-between;
}
.box3-list div{
   width: 33.333%;
   display: flex;
   flex-direction: column;
   justify-content: center;
   align-items: center;
}
.box3-list div i{
   width: 100%;
   height: 55px;
}
.box3-list div h1{
   display: block;
   width: 100%;
   height: 34px;
   line-height: 34px;
   text-align: center;
   margin-top: 17px;
   font-size: 23px;
   color: #fff;
}
.box3-list div span{
   height: 24px;
   line-height: 24px;
   color: #fff;
   font-size: 15px;
}
.box3-list div:nth-child(1) i{
   background: url(../images/box3icon2.png) center 0 no-repeat;
} 
.box3-list div:nth-child(2) i{
   background: url(../images/box3icon3.png) center 0 no-repeat;
} 
.box3-list div:nth-child(3) i{
   background: url(../images/box3icon4.png) center 0 no-repeat;
} 
.box4{
    padding: 180px 0 60px;
   background: url(../images/box4.jpg) center 0 no-repeat;
   background-size: cover;
   position: relative;
}
.box4 .quality-box{
    display: flex;
    padding-top: 30px;
}
.box4 .quality-box .left{
    padding-right: 10px;
}
.box4 .quality-box .right img{
    padding-right: 7px;
    border-radius: 8px;
}
.box4 .quality-box .right img:nth-child(3),
.box4 .quality-box .right img:last-child{
    padding-right: 0;
}
.box4 .quality-box .right img:nth-child(4),
.box4 .quality-box .right img:nth-child(5){
    padding-top: 12px;
}
.box5{
    padding-bottom: 60px;
   background: url(../images/box5.jpg) center 0 no-repeat;
   background-size: cover;
}
.box5 .ce-box{
    padding-top: 15px;
}
.box5 img{
    padding: 4px;
    border: 2px solid #bc8664;
    margin-top: 20px;
}
.box5 img:nth-child(1),
.box5 img:nth-child(2),
.box5 img:nth-child(3),
.box5 img:nth-child(4),
.box5 img:nth-child(5){
    max-width: 216px;
    margin-right: 10px;
}
.box5 img:nth-child(6),
.box5 img:nth-child(7),
.box5 img:nth-child(8),
.box5 img:nth-child(9){
    max-width: 277px;
    margin-right: 10px;
}
.box5 img:nth-child(5),
.box5 img:last-child{
    margin-right: 0;
}
.box6{
    padding-bottom: 60px;
   background: url(../images/box6.png) center 0 no-repeat;
}
.box6 .img,
.box6 .box{
    position: relative;
}
.box6 .img p{
    position: absolute;
    bottom: 0;
    left: 0;
    color: #fff;
    font-size: 16px;
    width: 100%;
    padding: 7px 0 7px 45px;
    background-color: rgba(0,0,0,0.4);
    margin: 0;
}
.box6 .img p:before{
    content: "";
    position: absolute;
    width: 20px;
    height: 20px;
    left: 15px;
    top: 10px;
    background: url(../images/app-icon.png) no-repeat;
}
.box6 .app-box{
    display: flex;
    padding-top: 30px;
}
.box6 .left{
    flex: 0 0 274px;
    margin-right: 15px;
}
.box6 .img .box{
    height: 104px;
}
.box6 .img .box:first-child{
    margin-bottom: 15px;
}
.box6 .left .img{
    overflow: hidden;
    width: 100%;
    height: 460px;
    background: url(../images/app1.jpg) no-repeat;
}
.box6 .right{
    display: flex;
    flex-wrap: wrap;
    flex: 1;
}
.box6 .right .img{
    margin-right: 15px;
    flex: 0 0 32%;
    overflow: hidden;
    height: 222.5px;
    margin-bottom: 15px;
}
.box6 .right .img:nth-child(1){
    background: url(../images/app2.jpg) no-repeat;
    background-size: cover;
}
.box6 .right .img:nth-child(2) .box:nth-child(1){
    background: url(../images/app3.jpg) no-repeat;
    background-size: cover;
}
.box6 .right .img:nth-child(2) .box:nth-child(2){
    background: url(../images/app4.jpg) no-repeat;
    background-size: cover;
}
.box6 .right .img:nth-child(3){
    margin-right: 0;
    background: url(../images/app5.jpg) no-repeat;
    background-size: cover;
}
.box6 .right .img:nth-child(4){
    background: url(../images/app6.jpg) no-repeat;
    background-size: cover;
}
.box6 .right .img:nth-child(5){
    margin-right: 0;
    background: url(../images/app7.jpg) no-repeat;
    background-size: cover;
}
.box6 .right .img:last-child{
    flex: 0 0 65.5%;
}
.box6 p:hover{
    background-color: rgba(188,134,100,0.6);
    cursor: pointer;
}

.box7{
    padding-bottom: 60px;
   background: url(../images/box7.jpg) center 0 no-repeat;
}
.newsbox{
   width: 100%;
   display: flex;
   align-items: center;
   justify-content: space-between;
   margin-top: 30px;
   position: relative;
}
.newsbox .prev{
    position: absolute;
    top: 50%;
    left: 0;
   display: block;
   width: 37px;
   height: 37px;
   background: url(../images/prev.png) 0 0 no-repeat;
}
.newsbox .next{
    position: absolute;
    top: 50%;
    right: 0;
   display: block;
   width: 37px;
   height: 37px;
   background: url(../images/next.png) 0 0 no-repeat;
}
.newsbox .swiper-button-next:after,
.newsbox .swiper-button-prev:after{
    display: none;
}
.brand{
   width: 100%;
   overflow: hidden;
}
.newslist{
   width: auto;
   box-sizing: border-box;
   padding-top: 10px;
   margin-left: 10px;
   position: relative;
}
.newslist .newsli{
   padding: 6px;
   border-radius: 10px;
   background-color: #fff;
}
.newslist .newsli img{
   width: 100%;
   border-radius: 5px;
   height: 275px;
}
.newslist .newsli a{
   text-decoration: none;
}
.newslist .newsli h1{
   width: 100%;
   height: 25px;
   line-height: 25px;
   margin-top: 20px;
   display: block;
   font-size: 18px;
   padding: 0 10px;
   font-weight: bold;
   color: #191e24;
}
.newslist .newsli h2{
    padding: 0 10px;
   height: 20px;
   line-height: 20px;
   margin-top: 3px;
   font-size: 12px;
   color: #8c8c8c;
}
.newslist .newsli span{
    padding: 0 10px;
   height: 54px;
   line-height: 18px;
   margin-top: 12px;
   font-size: 12px;
   display: block;
   color: #8c8c8c;
}
.newslist .newsli div{
    padding: 0 10px;
   height: 22px;
   line-height: 22px;
   margin: 15px 0;
   font-size: 14px;
   color: #1d1d1d;
}
.bottom{
    height: 380px;
    background: url(../images/bottom.jpg) center 0 no-repeat;
    background-size: cover;
}
.bottom-top{
   height: 114px;
   border-bottom: 1px solid #a5a7a9;
}
.bottom-top-friend{
   width: 100%;
   height: 32px;
   background: url(../images/bticon.png) 0 center no-repeat;
   margin-top: 19px;
   line-height: 32px;
   color: #fff;
   text-indent: 20px;
   font-size: 12px;
}
.bottom-top-friend a{
    color: #fff;
    text-decoration: none;
}
.btnav{
   width: 100%;
   height: 51px;
   margin-top: 12px;
   display: flex;
   justify-content: space-between;
}
.btnav li{
   flex: 1;
   text-align: center;
   line-height: 51px;
   position: relative;
}
.btnav li a{
   text-decoration: none;
   color: #fff;
   font-size: 16px;
}
.btnav li::after{
   content: "";
   width: 1px;
   height: 14px;
   position: absolute;
   right: 0;
   top: 50%;
   background-color: #fff;
   margin-top: -7px;
}
.btnav li:nth-last-child(1)::after{
   display: none;
}
.bottom-bottom{
   height: 264px;
}
.bottom-bottom .w1400{
   display: flex;
   justify-content: space-between;
}
.bottom-bottom .left{
   width: 442px;
   height: 264px;
   overflow: hidden;
}
.bottom-bottom .left .btlogo{
   width: 324px;
   height: 66px;
   margin-top: 53px;
   background: url(../images/btlogo.png) 0 0 no-repeat;
}
.bottom-bottom .left span{
    display: inline-block;
   line-height: 20px;
   margin-top: 18px;
   font-size: 12px;
   color: #ffffff;
}
.bottom-bottom .center{
   width: 340px;
   box-sizing: border-box;
   padding-top: 24px;
}
.bottom-bottom .center span{
   display: inline-block;
   width: 100%;
   height: 30px;
   line-height: 30px;
   color: #fff;
   font-size: 14px;
   text-indent: 33px;
}
.bottom-bottom .center .sp1{
   background: url(../images/bticon1.png) 0 center no-repeat;
}
.bottom-bottom .center .sp2{
   background: url(../images/bticon2.png) 0 center no-repeat;
}
.bottom-bottom .center .sp3{
   background: url(../images/bticon3.png) 0 center no-repeat;
}
.bottom-bottom .center .sp4{
   background: url(../images/bticon4.png) 0 center no-repeat;
}
.bottom-bottom .center .sp5{
   background: url(../images/bticon5.png) 0 center no-repeat;
}
.bottom-bottom .center .sp6{
   background: url(../images/bticon6.png) 0 center no-repeat;
}
.bottom-bottom .center .sp7{
   background: url(../images/bticon7.png) 0 center no-repeat;
}
.bottom-bottom .erweima{
   width: 140px ;
}
.bottom-bottom .erweima img{
    max-width: 125px;
   margin-top: 54px;
   padding: 5px;
   background: #fff;
}
.bottom-bottom .erweima span{
    font-size: 13px;
    display: inline-block;
   width: 100%;
   margin-top: 16px;
   color: #fff;
   text-align: center;
}
.footer{
   width: 100%;
   background-color: #000;
}
.footer .w1400{
   display: flex;
   justify-content: space-between;
   padding: 15px 0;
    align-items: center;
}
.footer span{
    display: inline-block;
    color: #fff;
    font-size: 14px;
}
.footer span a{
    display: inline-block;
    padding-left: 10px;
}
.footer a{
    color: #fff;
}
.bottom-bottom lable{
    width: 14px;
    height: 13px;
    background: url(../images/ate.jpg);
    display: inline-block;
}
.pagebanner{
   height: 650px;
}
.pagebanner1{
   background: url(../images/pagebanner1.jpg) center 0 no-repeat;
}
.pagebanner2{
   background: url(../images/pagebanner2.jpg) center 0 no-repeat;
}
.pagebanner3{
   background: url(../images/pagebanner3.jpg) center 0 no-repeat;
}
.pagebanner4{
   background: url(../images/pagebanner4.jpg) center 0 no-repeat;
}
.pagebanner5{
   background: url(../images/pagebanner5.jpg) center 0 no-repeat;
}
.pagebanner6{
   background: url(../images/pagebanner6.jpg) center 0 no-repeat;
}
.pagebannernews{
   background: url(../images/pagebannernews.jpg) center 0 no-repeat;
}
.locationbg{
   height: 60px;
   background-color: #f0f0f0;
}
.locationbg .w1400{
   display: flex;
   justify-content: space-between;
   align-items: center;
   height: 60px;
}
.pagerightnav{
   display: flex;
   height: 60px;
   align-items: center;
}
.pagerightnav li{
   width: auto;
   height: 60px;
   margin-right: 14px;
   box-sizing: border-box;
   padding-left: 14px;
   position: relative;
   margin-right: 56px;
}
.pagerightnav li a{
   height: 60px;
   line-height: 60px;
   text-decoration: none;
   font-size: 14px;
   display: block;
   box-sizing: border-box;
   color: #000000;
}
.pagerightnav li:nth-last-child(1) {
   margin-right: 0;
}
.pagerightnav li::before{
   content: "";
   position: absolute;
   left: 0;
   top: 50%;
   width: 4px;
   height: 4px;
   border-radius: 50%;
   background-color: #000000;
   margin-top: -2px;
}
.pagerightnav li:hover a{
   color: #bc8664;
   border-bottom: 1px solid #bc8664;
}
.pagerightnav li:hover::before{
   background-color: #bc8664;
}
.locationbg .address{
   background: url(../images/location.png) 0 center no-repeat;
   padding-left: 23px;
}
.locationbg .address a{
    font-size: 14px;
    text-decoration: none;
}
.page{
   height: auto;
   padding-top: 50px;
}
.page-title{
   width: 100%;
   height: 88px;
   font-size: 40px;
   font-weight: bold;
   color: #000;
   text-align: center;
   line-height: 88px;
}
.page-title font{
   color: #bc8664;
}
.pagecontent{
   width: 100%;
   min-height: 500px;
   overflow: hidden;
}
.page-prodlist{
   width: 100%;
   display: flex;
   flex-wrap: wrap;
   padding-bottom: 25px;
}
.page-prodlist li{
   width: 289px;
   height: 220px;
   margin-bottom: 14px;
   margin-right: 14px;
   background-color: #fff;
   border-radius: 6px;
   overflow: hidden;
   position: relative;
}
.page-prodlist li:nth-child(4n){
   margin-right: 0;
}
.page-prodlist li a{
   text-decoration: none;
   color: #fff;
}
.page-prodlist li img{
   width: 100%;
   height: 181px;
   box-sizing: border-box;
}
.page-prodlist li .sp1{
   display: block;
   text-align: center;
   width: 100%;
   height:40px;
   background-color: #bc8664;
   line-height: 40px;
   text-align: center;
   font-size: 16px;
   font-weight: bold;
   color: #fff;
}
.page-prodlist li .zhedang{
   position: absolute;
   top: 0;
   display: none;
   left: 0;
   width: 100%;
   height: 100%;
   z-index: 99;
   background-color: rgba(29, 32, 136, 0.8);
}
.page-prodlist li .zhedang .cont{
   width: 100%;
   height: 181px;
   display: flex;
   align-items: center;
   justify-content: center;
   text-decoration: underline;
   line-height: 33px;
   color: #fff;
   font-size: 13px;
}
.page-prodlist li .zhedang span{
   width: 289px;
   height: 39px;
   display: flex;
   align-items: center;
   justify-content: center;
   color: #fff;
   background-color: #3d3481;
   font-size: 14px;
}
.prodpage-right{
   width: 1000px;
   float: right;
   height: auto;
   box-sizing: border-box;
   padding: 0 20px;
   background-color: #fff;
   overflow: hidden;
}
.page-prodlist li:hover .zhedang{
   display: block;
}
.prodpage{min-height: 403px;border-radius: 5px;margin: 0 auto;}
.prodpage-cont{width: 100%;display: flex;}
.prodpage-cont .left{
    flex: 0 0 35%;
}
.prodpage-cont .left img{
    width: 100%;
}
.prodpage-cont .right{
    flex: 1;
    padding-left: 100px;
}
.prodpage-cont .right .pagetitle{
    font-size: 20px;
    font-weight: bold;
    margin-bottom: 20px;
}
.prodcontent{
    width: 100%;
    height: auto;
    overflow: hidden;
}
.prodcontent p{
    display: block;
    margin: 0 0 5px 0;
    font-size: 16px;
}
.prodcontent p span{
    font-size: 16px;
}
.prodcontent{width: 100%;height: auto;padding-bottom:20px;overflow: hidden;}
.page-newslist{
   width: 100%;
   height: auto;
}
.page-newslist li{
   width: 100%;
   height: 180px;
   background-color: #f3f3f3;
   margin-bottom: 14px;
}
.page-newslist li a{
   width: 100%;
   height: 180px;
   display: flex;
   box-sizing: border-box;
   text-decoration: none;
   overflow: hidden;
   justify-content: space-between;
   align-items: center;
   padding: 0 65px;
}
.page-newslist li .right{
   width: 128px;
   height: 180px;
   display: flex;
   flex-direction: column;
   justify-content: center;
}
.page-newslist li .right h1{
   display: block;
   width: 100%;
   line-height: 29px;
   height: 29px;
   text-align: center;
   font-size: 24px;
   color: #666665;
}
.page-newslist li .right span{
   display: flex;
   width: 89px;
   height: 30px;
   align-items: center;
   justify-content: center;
   color: #666665;
   font-size: 12px;
   box-sizing: border-box;
   margin: 12px auto 0 auto;
   border-radius: 14px;
   border: 1px solid #666665;
}
.page-newslist li .cont{
   width: 890px;
   height: 180px;
   overflow: hidden;
}
.page-newslist li .cont h1{
   display: block;
   width: 100%;
   margin-top:37px;
   line-height: 33px;
   font-size: 24px;
   font-weight: bold;
   color: #bc8664;
}
.page-newslist li .cont .sp1{
   font-size: 14px;
   color: #666665;
   line-height: 20px;
   height: 60px;
   margin-top: 12px;
   display: block;
}

.page-newslist li:hover .right h1,.page-newslist li:hover .right span,.page-newslist li:hover .cont h1,.page-newslist li:hover .cont span{
   color: #fff;
}

.page-newslist li:hover .right span{
   border:1px solid #fff;
}
.page-newslist li:hover{
   background-color: #bc8664;
}
.newspage{width:100%;float:left;min-height:500px;}
.newshow-top{text-align:center;width:100%;height:auto;overflow:hidden;float:left;}
.newshow-top h1{font-size:24px;margin-top:18px;height:auto;display:block;width:100%;line-height:30px;float:left;color:#333333}
.newshow-top span{font-size:12px;color:#888888;line-height:26px;display:block;float:left;width:100%;margin-top:3px;margin-bottom:10px}
.fengexian1{border-bottom:1px solid #ebebeb;float:left;width:100%;}
.newshow-ct{padding-bottom:27px;color:#555555;float:left;margin-left:15px;margin-right:10px;padding-top:15px;overflow:hidden;}
.newshow-bot{width:100%;position:relative;margin-bottom:5px;float:left;overflow:hidden;margin-top:10px;margin-bottom:10px;}
.newshow-bot span{color:#666666;font-size:13px;display:block;width:550px;margin-top:3px;line-height:20px;margin-left: 15px;}
.newshow-bot span a{color:#666666;text-decoration:none;}
.newshow-bot span a:hover{color:#407aee;}
.piclista{
   width: 100%;
   height: auto;
   display: flex;
   flex-wrap: wrap;
   margin-bottom: 20px;
}
.piclista li{
   width: 289px;
   margin-bottom: 14px;
   margin-right: 14px;
   box-sizing: border-box;
}
.piclista li:nth-child(4n){
   margin-right: 0;
}
.piclista li img{
   width: 100%;
   min-height: 180px;
}

.piclistb{
   width: 100%;
   height: auto;
   display: flex;
   flex-wrap: wrap;
   margin-bottom: 20px;
}
.piclistb li{
    display: flex;
    align-items: center;
   width: 285px;
   margin-bottom: 20px;
   margin-right: 20px;
   box-sizing: border-box;
   background-color: #bc8664;
   box-sizing: border-box;
   padding: 10px;
}
.piclistb li:nth-child(4n){
   margin-right: 0;
}
.piclistb li img{
   width: 100%;
}
.piclistb li a{
   text-decoration: none;
}
.piclistb li span{
    display: block;
   width: 100%;
   padding: 5px 0;
   text-align: center;
   font-size: 12px;
   color: #fff;
}
.contact-box{
    display: flex;
    padding-bottom: 20px;
    position: relative;
}
.contact h1{
    font-size: 38px;
    font-weight: bold;
    margin: 30px 0 50px;
    text-align: center;
}
.contact-box .left h2{
    font-size: 36px;
    margin-bottom: 30px;
}
.contact-box .left h3{
    font-size: 25px;
    padding-right: 17px;
    margin-top: 30px;
}
.contact-box .left .img{
    height: 57px;
    background: url(../images/footer-icon.png) 100% center no-repeat;
}
.contact-box .left{
    flex: 0 0 32%;
    text-align: right;
}
.contact-box .right{
    padding-left: 100px;
    flex: 1;
}
.contact-box .right ul{
    display: flex;
    flex-wrap: wrap;
}
.contact-box .right ul li{
    flex: 0 0 33.33%;
    margin-bottom: 25px;
}
.contact-box .right h2{
    font-size: 22px;
    font-weight: bold;
    color: #bc8664;
}
.contact-box .right p{
    font-size: 16px;
    margin: 0;
    padding-top: 10px;
}
.contact-box .right .code {
    position: absolute;
    right: 11%;
    top: 28%;
}
.contact-box .right .code img{
    width: 100px;
    height: 100px;
}
.contact-box .right .code p{
    margin: 0;
    padding: 0 5px;
    font-size: 13px;
}
.contact-box .right li:nth-child(7),
.contact-box .right li:nth-child(8){
    display: flex;
    flex: 0 0 100%;
}
.contact-box .right li:nth-child(7) span,
.contact-box .right li:nth-child(8) span{
    font-size: 22px;
    font-weight: bold;
    color: #bc8664;
}
.contact-box .right li:nth-child(7) p,
.contact-box .right li:nth-child(8) p{
    padding: 0;
}
.contact{
    width: 100%;
}
.bottom .subnav{
    display: none;
}
.workshop{
    display: flex;
    flex-wrap: wrap;
    margin-bottom: 30px;
}
.workshop p{
    margin: 5px 0;
}
.workshop img{
    width: 24%;
    margin: 0 5px;
}
.about{
    margin-bottom: 30px;
}
.about p{
    line-height: 35px;
}
#container{
    height: 350px;
}