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

.top_bg{ width:100%; height:96px; position:fixed; left:0; top:-100px; z-index:99; background-color:rgba(255,255,255,0.5); transition:all 1s;}
.top_bg .kj{ width:1200px; height:96px; position:relative;}
.top_bg .kj .logo{ position:absolute; left:0; top:6px;}
.top_bg .kj .menu{ width:54px; height:54px; position:absolute; right:0; top:21px;}
.top_bg .kj .menu .nr{overflow:hidden; position:absolute; top:0; right:-98px; transition:width 0.5s;}
.top_bg .kj .menu .nr ul{ width:679px;}
.top_bg .kj .menu .nr ul li{ float:left; position:relative;}
.top_bg .kj .menu .nr ul li a{height:54px; overflow:hidden; display:block; padding:0 12px; line-height:55px; font-size:16px; color:#333;}
.top_bg .kj .menu .nr ul li a:hover{ background-color:#42bfdf; color:#fff;}
.top_bg .kj .menu .nr ul li div{ width:100%; overflow:hidden; position:absolute; left:0; top:54px; background-color:rgba(255,255,255,0.8); display:none;}
.top_bg .kj .menu .nr ul li div a{ height:45px; padding:0; line-height:45px; font-size:14px; text-align:center; border-top:1px solid #ccc;}
.top_bg .kj .menu .nr ul li:hover>a{ background-color:#42bfdf; color:#fff;} 
.top_bg .kj .menu:hover .nr{ width:640px;}
.top_bg .kj .menu .cd{ width:54px; height:54px; overflow:hidden; background-color:#42bfdf; position:absolute; top:0; left:0; cursor:pointer;}
.top_bg .kj .menu .cd span{ width:32px; height:3px; overflow:hidden; display:block; background-color:#fff; margin:5px 11px;}
.top_bg .kj .menu .cd span:nth-of-type(1){ margin-top:17px;}
.top_bg .kj .qie{ position:absolute; right:-70px; top:36px; color:#000;}
.top_bg .kj .qie a{ color:#000;}

.section{ position:relative; text-align:center; overflow:hidden}	
.section01{ transition:all 1s; background-size:150%;}
.section01.active { background-size:100%; transition-delay:0.2s;}	
.section02{ background:url(../images/img/jj.jpg) no-repeat 50% top;transition:all 1s; background-size:150%;}
.section02.active { background-size:100%; transition-delay:0.2s;}	
.section03{ background:url(../images/img/cp.jpg) no-repeat 50% top; transition:all 1s; background-size:150%;}
.section03.active { background-size:100%; transition-delay:0.2s;}	
.section04{ background:url(../images/img/xw.jpg) no-repeat 50% top; transition:all 1s; background-size:150%;}
.section04.active { background-size:100%; transition-delay:0.2s;}	
.section06{ background:url(../images/img/lx.jpg) no-repeat 50% top; transition:all 1s; background-size:150%;}
.section06.active { background-size:100%; transition-delay:0.2s;}	
.section07{ background:url(/img/bg7.jpg) no-repeat 50% top; transition:all 1s; background-size:150%;}
.section07.active { background-size:100%; transition-delay:0.2s;}

.p2_1{ width:552px; overflow:hidden; position:absolute; top:213px; left:50%; margin-left:-800px; opacity:0; transition:all 1.5s;}
.p2_2{ width:488px; height:490px; overflow:hidden; position:absolute; top:185px; left:50%; margin-left:800px; opacity:0; transition:all 1.5s;}
.p2_2_1{ position:absolute; top:0px; left:17px;}
.p2_2_2{ width:488px; height:220px; overflow:hidden; position:absolute; top:160px; left:0; font-size:18px; color:#fff; line-height:35px; text-align:left; font-weight:700;}
.p2_2_3{ width:170px; overflow:hidden; position:absolute; top:410px; left:0;}
.p2_2_3 a{ height:40px; overflow:hidden; display:block; line-height:40px; border:1px solid #fff; background:url(/img/s5.png) 106px 13px no-repeat; padding-left:30px; font-size:16px; color:#fff; text-align:left; transition:all 0.3s;}
.p2_2_3 a:hover{ background:url(/img/s5.png) 126px 13px no-repeat;}
.active .p2_1{ margin-left:-571px; opacity:1; transition-delay:1s;}
.active .p2_2{ margin-left:112px; opacity:1; transition-delay:1s;}

.p3_1{ width:400px; overflow:hidden; position:absolute; top:20px; left:50%; margin-left:-200px; font-size:38px; color:#f6f6f6; font-weight:700; opacity:0; transition:all 1.5s; }
.p3_2{ width:1200px; position:absolute; top:800px; left:50%; margin-left:-600px; opacity:0; transition:all 1.5s; text-align:center;}
.p3_2 .hd{ width:500px; height:155px; text-align:center; margin:0 auto;}
.p3_2 .hd li{ width:126px; height:126px; overflow:hidden; background:url(/img/s6.png); line-height:126px; display:inline-block; font-size:18px; color:#fff; font-weight:700; margin:0 9px; cursor:pointer; transition:all .5s;}
.p3_2 .hd li.on{ background:url(/img/s7.png);}
.p3_2 .list{ position:relative;}
.p3_2 .list .kj{ width:1190px; overflow:hidden;}
.p3_2 .list ul li{ width:206px; height:325px; overflow:hidden; float:left; margin-right:40px;}
.p3_2 .list ul li a{ width:206px; height:325px; overflow:hidden; display:block;}
.p3_2 .list ul li .pic{ width:206px; height:275px; overflow:hidden; text-align:center;}
.p3_2 .list ul li .pic img{ height:275px; transition:all .5s;}
.p3_2 .list ul li h1{ font-size:18px; color:#fff; padding-top:12px; overflow:hidden; text-overflow:ellipsis; white-space:nowrap;}
.p3_2 .list ul li:hover img{ transform: scale(1.1,1.1);}
.p3_2 .anniu{width:40px; height:80px; overflow:hidden; position:absolute; top:75px; cursor:pointer;}
.p3_2 .anniu.prev1{ left:-50px; background:url(../images/tacn/arrow_l.png) 50% 50% no-repeat rgba(0,0,0,0.3);}
.p3_2 .anniu.next1{ right:-50px; background:url(../images/tacn/arrow_r.png) 50% 50% no-repeat rgba(0,0,0,0.3);}
.p3_2 .anniu.prev2{ left:-50px; background:url(/img/arrow_l.png) 50% 50% no-repeat rgba(0,0,0,0.3);}
.p3_2 .anniu.next2{ right:-50px; background:url(/img/arrow_r.png) 50% 50% no-repeat rgba(0,0,0,0.3);}
.p3_2 .anniu.prev3{ left:-50px; background:url(/img/arrow_l.png) 50% 50% no-repeat rgba(0,0,0,0.3);}
.p3_2 .anniu.next3{ right:-50px; background:url(/img/arrow_r.png) 50% 50% no-repeat rgba(0,0,0,0.3);}
.active .p3_1{ top:120px; opacity:1; transition-delay:1s;}
.active .p3_2{ top:210px; opacity:1; transition-delay:1.2s;}

.p4_1{ width:300px; overflow:hidden; position:absolute; top:115px; left:50%; margin-left:260px; font-size:36px; color:#42bfdf; text-align:left; opacity:0; transition:all 1.5s;}
.p4_2{ width:300px; overflow:hidden; position:absolute; top:165px; left:50%; margin-left:250px; font-size:24px; color:#333; text-align:left; opacity:0; transition:all 1.5s;}
.p4_3{ width:590px; overflow:hidden; position:absolute; top:240px; left:50%; margin-left:10px; transform:scale(0,0); opacity:0; transition:all 2s;}
.p4_3 .hd{ padding-left:13px; text-align:left; height:65px;}
.p4_3 .hd li{ width:122px; height:36px; overflow:hidden; line-height:36px; display:inline-block; font-size:16px; color:#333; text-align:center; cursor:pointer; margin-right:-5px; transition:all .5s;}
.p4_3 .hd li.on{ background:url(../images/tacn/s8.png); color:#fff;}
.p4_3 .bd ul{ width:650px;}
.p4_3 .bd ul li{ width:650px;  overflow:hidden; float:left; margin-right:38px; text-align:left;}
.p4_3 .bd ul li a{ width:650px;  overflow:hidden; display:block;}
.p4_3 .bd ul li .bt{  overflow:hidden; font-size:24px; color:#333333; line-height:30px; display:-webkit-box; -webkit-box-orient:vertical; -webkit-line-clamp:2; transition:all .5s;}
.p4_3 .bd ul li .dat{ height:47px; overflow:hidden; font-size:14px; color:#333333; line-height:35px;}
.p4_3 .bd ul li .pic{ width:276px; height:175px; overflow:hidden; text-align:center; margin-bottom:15px;}
.p4_3 .bd ul li .pic img{ height:175px; transition:all .5s;}
.p4_3 .bd ul li .bz{ overflow:hidden; font-size:14px; color:#555555; line-height:28px; display:-webkit-box; -webkit-box-orient:vertical; -webkit-line-clamp:3;}
.p4_3 .bd ul li:hover img{ transform:scale(1.1,1.1);}
.p4_3 .bd ul li:hover .bt{ color:#42bfdf;}
.active .p4_1{ margin-left:60px; opacity:1; transition-delay:1s;}
.active .p4_2{ margin-left:50px; opacity:1; transition-delay:1s;}
.active .p4_3{ transform:scale(1,1); opacity:1; transition-delay:1.2s;}

.p5_1{ width:860px; overflow:hidden; position:absolute; top:30px; left:50%; margin-left:-430px; font-size:40px; color:#0558a5; font-weight:700; opacity:0; transition:all 1.5s;}
.p5_2{ width:860px; overflow:hidden; position:absolute; top:95px; left:50%; margin-left:-430px; font-size:18px; color:#0558a5; font-weight:700; line-height:27px; opacity:0; transition:all 1.5s;}
.p5_3{ width:988px; overflow:hidden;position:absolute; top:430px; left:50%; margin-left:-494px; transform:scale(0,0); opacity:0; transition:all 1.5s;}
.active .p5_1{ top:130px; opacity:1; transition-delay:1.2s;}
.active .p5_2{ top:195px; opacity:1; transition-delay:1.2s;}
.active .p5_3{ transform:scale(1,1); top:230px; opacity:1; transition-delay:1.4s;}

.p6_1{ width:550px; overflow:hidden; position:absolute; top:65px; left:50%; margin-left:-275px; opacity:0; transition:all 1.5s;}
.p6_2{ width:846px; overflow:hidden; position:absolute; top:710px; left:50%; margin-left:-423px; transform:scale(0,0); opacity:0; transition:all 1.5s;}
.p6_3{width:100%; height:77px; overflow:hidden; position:absolute; bottom:0; left:0; background-color:rgba(0,0,0,0.6); }
.p6_3_1{width:110px; height:77px; position:absolute; top:13px; left:50%; margin-left:-600px; font-size:24px; color:#fff; text-align:left;}
.p6_3_1 p{font-size:16px; color:#a5a5a5;}
.p6_3_1:after{ content:""; width:1px; height:44px; overflow:hidden; display:block; background-color:#424A56; position:absolute; top:5px; right:0;}
.p6_3_2{width:1035px; height:77px; overflow:hidden; position:absolute; top:0; left:50%; margin-left:-430px; text-align:left;}
.p6_3_2 a{font-size:16px; color:#fff; display:inline-block; line-height:77px; margin-right:44px;}
.active .p6_1{ top:165px; opacity:1; transition-delay:1s;}
.active .p6_2{ transform:scale(1,1); top:510px; opacity:1; transition-delay:1.2s;}

.p7_1{ width:925px; height:237px; overflow:hidden; position:absolute; top:50%; left:50%; margin-top:-119px; margin-left:-1200px; background-color:#009B4D; opacity:0; transition:all 1.5s;}
.p7_1_1{ width:688px; overflow:hidden; float:left;}
.p7_1_2{ width:237px; overflow:hidden;float:left; text-align:center; font-size:18px; color:#076b38;}
.p7_1_2 p{ font-size:32px; color:#fff; padding-top:80px; padding-bottom:8px;}
.p7_2{ width:530px; height:294px; overflow:hidden; position:absolute; top:50%; left:50%; margin-top:-147px; margin-left:200px; opacity:0; transition:all 1.5s; text-align:left;}
.p7_2 p{ font-size:16px; color:#555555; line-height:28px; padding-top:15px;}
.p7_3{ width:100%; overflow:hidden; position:absolute; bottom:0; left:0; opacity:0; transition:all 1.5s; font-size:14px; color:#555555; line-height:24px; padding:15px 0;}
.p7_3 a{ color:#555555;}
.active .p7_1{ margin-left:-960px; opacity:1; transition-delay:1s;}
.active .p7_2{ margin-left:63px; opacity:1; transition-delay:1.2s;}
.active .p7_3{ opacity:1; transition-delay:1.2s;}