@charset "utf-8";
*{ margin:0; padding:0;}
.clear{ width:100%; height:0; overflow:hidden; clear:both;}
body{ background:#fff; overflow:hidden!important; font-family:微软雅黑;}
div{ margin:0 auto;}
ul,li{list-style:none;}
a{ text-decoration:none;}

.top_bg{ width:100%; height:112px; position:fixed; left:0; top:-150px; z-index:99; background:#0b47b4; transition:all 1s;}
.top_bg .kj{ width:1200px; height:112px; position:relative;}
.top_bg .kj .logo{ position:absolute; left:0px; top:10px;}
.top_bg .kj .menu{ position:absolute; left:573px; top:0px;}
.top_bg .kj .menu ul{ width:1200px;}
.top_bg .kj .menu ul li{ float:left; position:relative;}
.top_bg .kj .menu ul li a{height:112px; overflow:hidden; display:block; margin:0 25px; line-height:112px; font-size:16px; color:#fff; font-weight:bold; position:relative;}
.top_bg .kj .menu ul li>a:before{ content:""; width:0; height:1px; overflow:hidden; background-color:#fff; position:absolute; left:50%; top:75px; transition:all 0.5s;}
.top_bg .kj .menu ul li div{ width:100%; overflow:hidden; position:absolute; left:0; top:112px; background-color:rgba(148,0,0,0.8); display:none;}
.top_bg .kj .menu ul li div a{ height:45px; margin:0; line-height:45px; font-size:14px; text-align:center; color:#fff;}
.top_bg .kj .menu ul li:hover>a:before{ content:""; width:100%; left:0;}
.top_bg .kj .menu ul li div a:hover{background-color:#fff; color:#940000;}

.section{ position:relative; text-align:center; overflow:hidden;}
.section01{ background:url(../images/bg11.jpg) no-repeat top center #000; transition:all 1s; background-size:150%;}
.section01.active { background-size:100%; transition-delay:0.2s;}		
.section02{ background:url(../images/bg2.jpg) no-repeat top center; transition:all 1s; background-size:150%;}
.section02.active { background-size:100%; transition-delay:0.2s;}	
.section03{ background:url(../images/bg3.jpg) no-repeat top center; transition:all 1s; background-size:150%;}
.section03.active { background-size:100%; transition-delay:0.2s;}	
.section04{ background:url(../images/bg4.jpg) no-repeat top center; transition:all 1s; background-size:150%;}
.section04.active { background-size:100%; transition-delay:0.2s;}	
.section05{ background:url(../images/bg5.jpg) no-repeat top center; transition:all 1s; background-size:150%;}
.section05.active { background-size:100%; transition-delay:0.2s;}	
.section06{ background:url(../images/bg6.jpg) no-repeat top center; transition:all 1s; background-size:150%;}
.section06.active { background-size:100%; transition-delay:0.2s;}

.p1_1{ width:330px; overflow:hidden; position:absolute; top:11%; left:50%; margin-left:335px; margin-top:148px; opacity:0; transition:all 1.5s;}
.p1_2{display:none;}
.active .p1_1{ margin-left:235px; opacity:1; transition-delay:1s;}

.p2_1{ width:226px; overflow:hidden; position:absolute; top:11%; left:50%; margin-left:-700px; margin-top:115px; opacity:0; transition:all 1.5s;}
.p2_2{ width:536px; overflow:hidden; position:absolute; top:11%; left:50%; margin-left:-698px; margin-top:390px; opacity:0; transition:all 1.5s; text-align:left; font-size:14px; line-height:24px; color:#fff;}
.p2_3{ width:115px; height:26px; position:absolute; top:11%; left:50%; margin-left:-698px; margin-top:524px; opacity:0; transition:all 1.5s;}
.p2_3 a{ width:115px; height:26px; display:block; font-size:12px; color:#fff; line-height:26px; border:1px solid #fff; border-radius:15px; transition:all 0.5s;}
.p2_3 a:before{ content:""; width:185px; height:1px; overflow:hidden; background-color:#fff; position:absolute; left:116px; top:13px; transition:all 0.5s;}
.p2_3 a:hover{ border:1px solid #940000; background-color:#940000;}
.p2_3 a:hover:before{ background-color:#940000;}
.p2_4{ width:552px; position:absolute; top:11%; left:50%; margin-left:148px; margin-top:117px; opacity:0; transition:all 1.5s; }
.p2_4 ul{ width:600px;}
.p2_4 ul li{ width:100px; float:left; margin-right:13px;}
.p2_4 ul li img{ transition:all 0.5s;}
.p2_4 ul li.ys1{ transform: translateY(56px);}
.p2_4 ul li.ys2{ transform: translateY(28px);}
.p2_4 ul li.ys4{ transform: translateY(28px);}
.p2_4 ul li.ys5{ transform: translateY(56px);}
.p2_4 ul li.on img{ transform:scale(1.06); filter: blur(0px);}
.p2_4 ul li.mm img{ filter: blur(5px);}
.active .p2_1{ margin-left:-600px; opacity:1; transition-delay:1s;}
.active .p2_2{ margin-left:-598px; opacity:1; transition-delay:1.2s;}
.active .p2_3{ margin-left:-598px; opacity:1; transition-delay:1.4s;}
.active .p2_4{ margin-left:48px; opacity:1; transition-delay:1s;}

.p3_1{ width:636px; overflow:hidden; position:absolute; top:11%; left:50%; margin-left:-700px; margin-top:116px; opacity:0; transition:all 1.5s;}
.p3_1 ul li{ width:636px; height:139px; overflow:hidden; margin-bottom:20px;}
.p3_1 ul li a{ width:636px; height:139px; display:block; position:relative;}
.p3_1 ul li .dat{width:138px; height:32px; overflow:hidden; position:absolute; left:0; top:0; background:url(../images/s10.png);}
.p3_1 ul li .dat p{ font-size:14px; color:#fff; text-align:left; padding-left:25px; line-height:32px;}
.p3_1 ul li .bt{ width:636px; height:30px; overflow:hidden; position:absolute; left:0; top:45px; font-size:16px; color:#0b47b4; font-weight:bold; text-align:left; line-height:30px; text-overflow:ellipsis; white-space:nowrap;}
.p3_1 ul li .bz{ width:636px; height:40px; overflow:hidden; position:absolute; left:0; top:84px; font-size:14px; color:#fff; text-align:left; line-height:20px; display:-webkit-box; -webkit-box-orient:vertical; -webkit-line-clamp:2;}
.p3_1 ul li:hover .bt{ text-decoration:underline;}
.p3_2{ width:223px; overflow:hidden; position:absolute; top:11%; left:50%; margin-left:477px; margin-top:118px; opacity:0; transition:all 1.5s;}
.p3_3{ width:260px; overflow:hidden; position:absolute; top:11%; left:50%; margin-left:440px; margin-top:389px; opacity:0; transition:all 1.5s; text-align:right; font-size:14px; line-height:24px; color:#fff;}
.p3_4{ width:115px; height:26px; position:absolute; top:11%; left:50%; margin-left:582px; margin-top:518px; opacity:0; transition:all 1.5s;}
.p3_4 a{ width:115px; height:26px; display:block; font-size:12px; color:#fff; line-height:26px; border:1px solid #fff; border-radius:15px; transition:all 0.5s;}
.p3_4 a:before{ content:""; width:185px; height:1px; overflow:hidden; background-color:#fff; position:absolute; left:-184px; top:13px; transition:all 0.5s;}
.p3_4 a:hover{ border:1px solid #940000; background-color:#940000;}
.p3_4 a:hover:before{ background-color:#940000;}
.active .p3_1{ margin-left:-600px; opacity:1; transition-delay:1s;}
.active .p3_2{ margin-left:377px; opacity:1; transition-delay:1s;}
.active .p3_3{ margin-left:285px; opacity:1; transition-delay:1.2s;}
.active .p3_4{ margin-left:482px; opacity:1; transition-delay:1.4s;}

.p4_1{ width:226px; overflow:hidden; position:absolute; top:11%; left:50%; margin-left:-700px; margin-top:115px; opacity:0; transition:all 1.5s;}
.p4_2{ width:300px; overflow:hidden; position:absolute; top:11%; left:50%; margin-left:-698px; margin-top:390px; opacity:0; transition:all 1.5s; text-align:left; font-size:14px; line-height:24px; color:#fff;}
.p4_3{ width:115px; height:26px; position:absolute; top:11%; left:50%; margin-left:-698px; margin-top:510px; opacity:0; transition:all 1.5s;}
.p4_3 a{ width:115px; height:26px; display:block; font-size:12px; color:#fff; line-height:26px; border:1px solid #fff; border-radius:15px; transition:all 0.5s;}
.p4_3 a:before{ content:""; width:185px; height:1px; overflow:hidden; background-color:#fff; position:absolute; left:116px; top:13px; transition:all 0.5s;}
.p4_3 a:hover{ border:1px solid #940000; background-color:#940000;}
.p4_3 a:hover:before{ background-color:#940000;}
.p4_4{ width:820px; height:350px; position:absolute; top:11%; left:50%; margin-left:-120px; margin-top:60px; opacity:0; transition:all 1.5s; }
.p4_4 ul.bd{ height:251px; overflow:hidden;}
.p4_4 ul.bd li{ width:400px; height:251px; overflow:hidden; float:left; margin-right:20px;}
.p4_4 ul.bd li a{width:400px; height:251px; display:block; position:relative;}
.p4_4 ul.bd li .pic{width:400px; height:251px; overflow:hidden; position:absolute;}
.p4_4 ul.bd li .pic img{ width:400px; height:251px; transition:all 0.5s;}
.p4_4 ul.bd li .bt{ width:400px; height:45px; overflow:hidden; background-color:rgba(0,0,0,0.5); position:absolute; left:0; bottom:0;}
.p4_4 ul.bd li .bt p{ width:400px; height:45px; overflow:hidden; line-height:45px; font-size:16px; color:#fff; text-overflow:ellipsis; white-space:nowrap;}
.p4_4 ul.bd li:hover .pic img{ transform:scale(1.06);}
.p4_4 ul.hd{ width:100%; position:absolute; left:0; bottom:0; text-align:center;}
.p4_4 ul.hd li{ width:14px; height:14px; overflow:hidden; border-radius:50%; background-color:#fff; display:inline-block; margin:0 5px; cursor:pointer; font-size:0;}
.p4_4 ul.hd li.on{ background-color:#920000;}
.active .p4_1{ margin-left:-600px; opacity:1; transition-delay:1s;}
.active .p4_2{ margin-left:-598px; opacity:1; transition-delay:1.2s;}
.active .p4_3{ margin-left:-598px; opacity:1; transition-delay:1.4s;}
.active .p4_4{ margin-left:-220px; opacity:1; transition-delay:1s;}

.p5_1{ width:511px; overflow:hidden; position:absolute; top:11%; left:50%; margin-left:-256px; margin-top:15px; opacity:0; transition:all 1.5s;}
.p5_2{ width:930px; overflow:hidden; position:absolute; top:11%; left:50%; margin-left:-465px; margin-top:170px; opacity:0; transition:all 1.5s; font-size:14px; line-height:24px; color:#3d3d3d;}
.p5_3{ width:115px; height:26px; position:absolute; top:11%; left:50%; margin-left:-58px; margin-top:489px; opacity:0; transition:all 1.5s;}
.p5_3 a{ width:115px; height:26px; display:block; font-size:12px; color:#3c3c3c; line-height:26px; border:1px solid #3c3c3c; border-radius:15px; transition:all 0.5s;}
.p5_3 a:before{ content:""; width:185px; height:1px; overflow:hidden; background-color:#3c3c3c; position:absolute; left:116px; top:13px; transition:all 0.5s;}
.p5_3 a:after{ content:""; width:185px; height:1px; overflow:hidden; background-color:#3c3c3c; position:absolute; left:-184px; top:13px; transition:all 0.5s;}
.p5_3 a:hover{ border:1px solid #940000; background-color:#940000; color:#fff;}
.p5_3 a:hover:before{ background-color:#940000;}
.p5_3 a:hover:after{ background-color:#940000;}
.p5_4{ width:552px; position:absolute; top:11%; left:50%; margin-left:148px; margin-top:117px; opacity:0; transition:all 1.5s; }
.active .p5_1{ margin-top:115px; opacity:1; transition-delay:1s;}
.active .p5_2{ margin-top:270px; opacity:1; transition-delay:1.2s;}
.active .p5_3{ margin-top:389px; opacity:1; transition-delay:1.4s;}

.p6_1{ width:511px; overflow:hidden; position:absolute; top:11%; left:50%; margin-left:-256px; margin-top:15px; opacity:0; transition:all 1.5s;}
.p6_2{ width:1199px; height:335px; position:absolute; top:11%; left:50%; margin-left:-600px; margin-top:374px; opacity:0; transition:all 1.5s; background:url(../images/s15.png);}
.p6_2_1{ width:380px; position:absolute; top:37px; left:114px; font-size:19px; color:#fff; line-height:50px; text-align:left;} 
.p6_2_1 span{font-size:16px;}
.p6_2_2{ width:400px; position:absolute; bottom:38px; left:95px; font-size:12px; color:#3d3d3d; line-height:16px; text-align:right;} 
.p6_2_2 a{ color:#3d3d3d;}
.p6_2_a{ width:400px; position:absolute; bottom:8px; left:95px; font-size:12px; color:#3d3d3d; line-height:16px; text-align:right;} 
.p6_2_a a{ color:#3d3d3d;}
.p6_2_3{ width:605px; height:334px; overflow:hidden; position:absolute; top:27px; right:22px;}
.active .p6_1{ margin-top:90px; opacity:1; transition-delay:1s;}
.active .p6_2{ margin-top:254px; opacity:1; transition-delay:1.2s;}

.carousel{ margin:0px auto; padding:110px 0px 0px; width:820px; height:400px; position:relative;}
.carousel .slides{margin:0px auto 30px;position:relative; overflow: hidden;}
.carousel .slides .slideItem{padding:0px;overflow:hidden;position:absolute;cursor:pointer;opacity:1 !important; box-shadow: 0px 5px 25px 0px rgba(0,0,0,0.5);}
.carousel .slides .slideItem a{overflow:hidden;display:block;}
.carousel .slides .slideItem img{width:100%;height:100%;}
.carousel .slides .slideItem .cover{background:rgb(0, 0, 0);left:0px;top:0px;width:100% !important;height:380px !important;display:block;position:absolute;}
.prevButton{background:url("../images/btn.png") no-repeat 0px 0px;top:230px;width:38px;height:38px;display:block;position:absolute;z-index:99;cursor:pointer;}
.nextButton{background:url("../images/btn.png") no-repeat 0px 0px;top:230px;width:38px;height:38px;display:block;position:absolute;z-index:99;cursor:pointer;}
.prevButton{left:-25px;}
.nextButton{background-position:0px -40px;right:-25px;}
.carousel .kk{ width:444px; height:279px; overflow:hidden; position:relative;}
.carousel .kk .pic{width:444px; height:279px; overflow:hidden; position:absolute;}
.carousel .kk .bt{ width:444px; height:45px; overflow:hidden; background-color:rgba(0,0,0,0.5); position:absolute; left:0; bottom:0;}
.carousel .kk .bt a{ width:444px; height:45px; display:block; text-align:center; line-height:45px; font-size:18px; color:#fff; text-overflow:ellipsis; white-space:nowrap;}

.ship{ width:100%; height:100%;}