@charset "utf-8";
body{padding:0;margin:0;font:normal 12px/180% \5FAE\8F6F\96C5\9ED1;color:#000;text-align:center; background:#fff;}
h1,h2,h3,h4,h5,h6,hr,p,blockquote,dl,dt,dd,ul,ol,li,pre,form,button,input,textarea,th,td{margin:0;padding:0;}
div{margin:0 auto;text-align:left;font:normal 12px/180% \5FAE\8F6F\96C5\9ED1;}
a:link,a:visited{color:#333;text-decoration:none;}
a:hover{color:#c00;text-decoration:none;}
img{border:none;}
ol,ul,li{list-style:none;} 
em,i{font-style:normal;}
html,body{width:100%;overflow-x:hidden;}
/*clear*/
.cf:before,.cf:after{content:"";display:table;}
.cf:after{clear:both;overflow:hidden;}
.cf{zoom:1;}
/*other*/
.main{width:100%;min-width:1200px;}
.w1000{width:1000px;margin:0 auto;}
.fl{float:left;}
.fr{float:right;}
.white,.white a:link,.white a:visited,.white a:hover{color:#fff;}
/*header*/
.top_h img{ width:100%;}
.shoupin{ width:100%; height:620px;background:url(images/bg1.jpg) repeat top center; padding-top:30px;}
.shoupin .left-button{ position:absolute; top:190px; left:0; z-index:11;cursor:pointer;}
.shoupin .right-button{ position:absolute; top:190px; right:0; z-index:11;cursor:pointer;}
.shoupin .swiper-container{width:1400px;height:600px; position:relative;}
.shoupin .swiper-slide{position: relative;}
.shoupin .swiper-slide span{ font-size:25px;color:#987c52; display:block; width:100%; line-height:40px;text-align:center;position: absolute;left:0;top:90px; width:380px;}
.shoupin .swiper-slide img{position: absolute;left:0;margin: auto;display: block; width:365px; height:220px; border:3px solid #e3dabb;top:130px}
.shoupin .swiper-slide .show-text{display:none;}
.shoupin .swiper-slide-active + .swiper-slide{ z-index:11;left:-75px;}
.shoupin .swiper-slide-active + .swiper-slide span{ font-size:36px; line-height:60px;top:0; width:600px;}
.shoupin .swiper-slide-active + .swiper-slide img {width:610px;height:367px;top:60px;border:5px solid #e3dabb;}
.shoupin .swiper-slide-active + .swiper-slide .show-text{ display:block;background:url(images/txtbg.png) no-repeat top left; width:620px; height:300px; position:absolute;left:-30px;right:0px;top:440px;color:#1d1d1d; font-size:18px; padding-left:40px; padding-top:10px;}
.shoupin .swiper-slide-active + .swiper-slide + .swiper-slide span,.shoupin .swiper-slide-active + .swiper-slide + .swiper-slide img{right:0; left:auto;}
.btbg{background:url(images/bt.png) no-repeat bottom center; width:100%;}
.ssname{background:url(images/bg2.jpg) repeat top center; padding:20px 0; height:98px; overflow:hidden;}
.ssname p{ margin:20px auto;}
.ssname p span{ display:inline-block; width:90px; height:32px;background:url(images/bg01.png) no-repeat; text-align:center; font-size:24px;color:#fff; padding-top:40px; margin-left:45px;cursor:pointer;}
.ssname p span.active{background:url(images/bg02.png) no-repeat; color:#a30000;}
.ssname p img{ vertical-align:bottom;margin-left:45px;cursor:pointer;transition: all 1s linear;transform-style: preserve-3d;}
/*.ssname p img:hover{transform: rotateY(360deg);}*/
.sslist{background:url(images/bg3.jpg) repeat-x top left;height:570px;overflow:hidden; margin-top:20px;}
.sslist .tit01{color:#987c52; font-size:28px;background:url(images/zs01.png) no-repeat left; width:830px; margin:20px auto; padding-left:30px;}
.sslist .list18{ width:850px; background:#f3f0e6; height:390px; padding:40px 0 20px 0;}
.sslist .list18 ul{ display:none;}
.sslist .list18 li{color:#141414;background:url(images/zs02.png) no-repeat left 20px; font-size:18px; padding-left:20px; line-height:50px; overflow:hidden; text-overflow: ellipsis;white-space:nowrap; display:inline-block; margin-left:30px; width:360px}
.sslist .list18 li img{ margin-left:10px; vertical-align:middle;}
.jiao img{ margin-left:65px;}
#copyright{width:100%; margin:0px auto; font-size:12px; text-align:center; padding:60px 0; line-height:180%; clear:both;}
@media screen and (max-width: 1399px){
.shoupin .swiper-container{width:1000px;height:600px; position:relative;}
.shoupin .swiper-slide-active + .swiper-slide{ z-index:11;left:-115px;}
}
@media (min-device-width: 320px) and (max-width: 689px),(max-device-width: 480px){
	body{background:none;}
}