@charset "utf-8";
body{padding:0;margin:0;font:normal 12px/180% \5FAE\8F6F\96C5\9ED1;color:#333;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:underline;}
img{border:none;}
ol,ul,li{list-style:none;} 
em{font-style:normal;}
html, body{position: relative;height: 100%;overflow: hidden;}
/*clear*/
.clearfix:before,.clearfix:after{content:"";display:table;}
.clearfix:after{clear:both;overflow:hidden;}
.clearfix{zoom:1;}
/*other*/
.w1000{width:1000px;}
.w980{width:980px;}
.fl{float:left;}
.fr{float:right;}
.white,.white a:link,.white a:visited,.white a:hover{color:#fff;}
/*wrap*/
#wrap{width:100%;height:100%;}
/*nav*/
.navContent{width:154px;position:fixed;top:100px;left:0px;z-index:998;}
.navContent span{width:154px;height:112px;color:#000;font-size:24px;cursor:pointer;text-align:center;line-height:112px;background:#fff;display: block;margin-bottom: 3px;}
.navContent span#active{border-right:8px solid #9ecafe;width:146px;}
.navContent span.two{line-height:26px;padding-top: 25px;height:87px;}
.navContent span.nav_pic{line-height: 18px;font-size: 16px;height:188px;}
.navContent span.nav_pic img{padding:11px;border:1px solid #9ecafe;margin-top: 9px;margin-bottom:5px;}
/*fm*/
/*#box{width:1920px;position:relative;height:1080px;}*/
#box{width:100%;position:relative;height:100vh;}
#box ol{display: none;}
#box ul li{position:relative;width:100%;height: 100%;}
#box ul li img{width:100%;height:100vh;}
#box ul li em{position:absolute;z-index: 998;display: block;top:0;left:0;}
#box ul li em img{width:100%;height: auto;}
.fm .bannermark3{width:198px;height:96px;position:absolute;left:60%;top:1%;z-index: 999;margin-left:-50px;}
.fm .bannermark3 img{width:100%;height: auto;}
/*p1*/
.p1{background:url(images/p1bg.jpg) no-repeat top center;background-size:cover;position:relative;height:100%;width:100%;}
.p1Box{width:1000px;position:relative;height:640px;}
.p1Box h1{text-align: center;margin-top: 5%;}
.p1Box ul{margin:30px auto 0 auto;}
.p1Box ul li{float:left;width:332px;margin-bottom:2px;margin-right:1px;overflow: hidden;height: 226px;}
/*p2*/
.p2{background:url(images/p2bg.jpg) no-repeat top center;background-size:cover;position:relative;height:100%;width:100%;}
/*p3*/
.p3{background:url(images/p3bg.jpg) no-repeat top center;background-size:cover;position:relative;height:100%;width:100%;}
#device{width:1000px;height:640px;position:relative;margin-top: 30px;}
#device .leftButton{background:url(images/btn_prev.png) no-repeat left top;position:absolute;left:-58px;top:50%;margin-top:-15px;width:58px;height:116px;}
#device .rightButton{background:url(images/btn_next.png) no-repeat left bottom;position:absolute;right:-58px;top: 50%;margin-top:-15px;width:58px;height:116px;}
#device .swiper-container{height:640px;width:1000px;}
#device .swiper-container img{width:100%;height: auto;}
/*p4*/
.p4{background:url(images/p4bg.jpg) no-repeat top center;background-size:cover;position:relative;height:100%;width:100%;}
.p4Con{margin-top: 25px;}
.p4Con div{background:url(images/p4_1.png) no-repeat bottom;width:240px;height:477px;float:left;margin:0 5px;cursor: pointer;display: inline;}
.p4Con div img{float:right;margin-right: 54px;}
.p4Con div p{writing-mode:tb-rl;height: 346px;float:right;margin-top: 80px;font-size: 16px;color:#482c00;margin-right:3px;line-height: 180%;}
.p4Con div.active{background:url(images/p4_2.png) no-repeat bottom;}
.link{width:800px;text-align:center;}
.link a{margin:20px 30px 0 30px;display: inline-block;}
/*d2*/
.header{height: 98px;background:#fff;text-align: center;}
.header img{margin-top: 15px;}
.d2bg1{background:url(images/d2bg1.jpg) no-repeat top center;}
.d2bg1 h1{text-align: center;margin-top: 50px;}
.d2sub{width:700px;margin-top: 50px;}
.d2sub li{float:left;background:url(images/d2sub1a.png) no-repeat;width:130px;height: 36px;margin:0 21px;display: inline;text-align:center;line-height: 36px;font-size: 18px;}
.d2sub li.active{background:url(images/d2sub1b.png) no-repeat;color:#fff;}
.d2pic{margin-top: 28px;}
.d2pic li{float:left;width:332px;margin:23px 1px 0 0;display: inline;position: relative;}
.d2pic li img{display: block;}
.d2pic .imginfo{width:332px; height:60px; position: absolute; left: 0; bottom: 0; color: #fff; background: rgba(0, 0, 0, 0.5) url() 0 0 no-repeat; }
.d2pic .imginfo p{font-size: 18px; padding-top:8px;padding-left: 10px;}
.d2pic .imginfo span { font-size: 12px; padding-left: 10px;}
.d2pic .imginfo i { display: block; position: absolute; right: 20px; top: 12px; text-align: center; cursor: pointer; background:url(images/love.png) no-repeat;width:20px;height: 18px;}
.d2pic .imginfo i b.num { display: block; font-weight: normal; margin-top:15px;font-style: normal;}
@media (min-device-width:1000px) and (max-width:1300px),
       (max-device-width:1280px)
	   {
		   .p1Box ul li{float:left;width:332px;margin-bottom:2px;margin-right:1px;overflow: hidden;height: 190px;}
		   #device .swiper-container{height:540px;width:1000px;}
		   .p1Box h1{text-align: center;margin-top: 1%;}
		   .link a{margin:5px 10px 0 10px;display: inline-block;}
		   .link a img{width:100px;height:40px;}
		}