@charset "utf-8";
/* CSS Document */
.scale img{-moz-transition: all .8s ease 0s;-ms-transition: all .8s ease 0s;-o-transition: all .8s ease 0s;transition: all .8s ease 0s;} 
.scale:hover img{transform: scale(1.05);-moz-transform: scale(1.05);-webkit-transform: scale(1.05);}

#fullpage{ z-index: 9;}
.page1{ background: url(../images/sy_page1.jpg) no-repeat top center; padding-top: 98px;background-size: cover;}
.page2{ background: url(http://public.cdn.chinayunzhi.com/sxyaotaishan/sy_page2.jpg) no-repeat top center; padding-top: 98px;background-size: cover;}
.page3{ background: url(http://public.cdn.chinayunzhi.com/sxyaotaishan/sy_page3.jpg) no-repeat top center; padding-top: 98px;background-size: cover;}
.page4{ background: url(http://public.cdn.chinayunzhi.com/sxyaotaishan/sy_page4.jpg) no-repeat top center; padding-top: 98px;background-size: cover;}
.page5{ background: url(http://public.cdn.chinayunzhi.com/sxyaotaishan/sy_page5.jpg) no-repeat top center; padding-top: 98px;background-size: cover;}
.page6{ background: url(../images/sy_page6.jpg) no-repeat top center; padding-top: 98px;background-size: cover;}
.page7{ background: url(../images/sy_page7.jpg) no-repeat top center; padding-top: 98px;background-size: cover;}
.page8{height: 110px !important;}
.sy_inco{ height: 96px; padding: 15px 0 25px 0;}
.sy_inco span{ display: block; line-height: 95px; text-align: center; font-size: 30px; color: #FFF; position: relative; border-bottom: 1px solid rgba(255,255,255,0.5); width: 540px; margin: 0 auto;}
.sy_inco span:after{ width: 14px; height: 14px; background: #FFF; position: absolute; content: ''; bottom: -7px; left: 50%; margin-left: -7px; transform: rotate(45deg);}
/*第一屏*/

.flash{ width:1920px; height:950px; overflow:hidden; position:relative;  }
.flash .bd{ position:relative; height:100%; z-index:0;   }
.flash .bd li{ zoom:1; vertical-align:middle; }
.flash .bd li a{ display: block; }
.flash .bd img{ width:1920px; height:950px; display:block;  }

.flash .prev,
.flash .next{ position:absolute; left:13%; top:45%; margin-top:-25px; display:block; width:32px; height:40px; background:url(../images/slider-arrow.png) -110px 5px no-repeat; filter:alpha(opacity=50);opacity:0.5;   }
.flash .next{ left:auto; right:13%; background-position:8px 5px; }
.flash .prev:hover,.flash .next:hover{ filter:alpha(opacity=100);opacity:1;  }

.flash_end{ position:absolute; bottom: 0; left: 0; width: 100%; height:57px; line-height: 57px; color: #FFF; background: rgba(42,187,183,0.5); z-index: 9;}
.flash_end .w1400,.flash_end .w_5{ overflow: initial;}
.flash_end li{ position: relative; height: 57px;; }
.flash_end li a{ color: #FFF; font-size: 16px; display: block; box-sizing: border-box;}
.flash_end li:nth-of-type(1) a{ background: url(../images/page1_1.png) no-repeat 70px center #2abbb7; padding-left: 123px;}
.flash_end li:nth-of-type(2) a{ background: url(../images/page1_2.png) no-repeat 78px center #4fdbbf; padding-left: 121px;}
.flash_end li:nth-of-type(3) a{ background: url(../images/page1_3.png) no-repeat 72px center #00c3e5; padding-left: 140px;}
.flash_end li:nth-of-type(4) a{ background: url(../images/page1_4.png) no-repeat 78px center #309bdf; padding-left: 122px;}
.flash_end li:nth-of-type(5) a{ background: url(../images/page1_5.png) no-repeat 48px center #fba500; padding-left: 98px;}
.flash_end li .cont{ opacity:0;  background: rgba(42,187,183,0.8); position: absolute; bottom: 57px; left: 0;width: 100%; height: 180px; transition: 0.3s; height: 0; overflow: hidden;}
.flash_end li:hover .cont{ opacity: 1; height: 180px;}
/*第二屏*/
.jjbox{padding-top:58px; height: 100%; position: relative;}
.jjbox .cont{ width: 700px; float: left; height: 724px; box-sizing: border-box; padding: 0 50px; background: url(../images/bj.png) center center; color: #6d6d6d; line-height: 30px;}
.jjbox .img{ width: 700px; float: left;}
.jjbox nav{ position: absolute; right: 50%; top:98px; z-index: 999;}
.jjbox nav li{ width: 115px; background: rgba(42,187,183,0.8); height: 50px; margin-bottom: 5px; cursor: pointer; color: #FFF; text-align: center; line-height: 50px; position: relative; margin-right: -115px; position: relative;}
.jjbox nav li.bb-current{background: #2abbb7; border-right: 3px solid #f2cb0b; margin-right: -118px;;}
.jjbox nav li.bb-current:before{ content: ''; width: 50px;background:url(../images/yu.png) no-repeat center center #2abbb7; height: 50px; position: absolute; top: 0; left: -50px;}

.bb-bookblock {width: 1400px !important;height: 724px !important; background: #FFF; position: relative;}
.jjbox .cont .tit{ font-size: 24px; color: #202020; line-height: 98px; height: 98px; position: relative;}
.jjbox .cont .tit:after{ content: ''; width: 43px; height: 2px; background: #8f8f8f; position: absolute; left: 0; top: 85px;}
.jjbox .cont .pic{ padding:18px 0 6px 0;}
/*第三屏*/
.jingqu{ height: 590px; padding: 25px 25px 0 25px; margin-top: 20px; background: rgba(255,255,255,0.95);}
/*.jingqu .bd li{float: left; height: 576px; width: 404px; margin: 0 23px;}
.jingqu .bd li .tit{ height: 48px; line-height: 48px; color: #313131; font-size: 24px;;}
.jingqu .bd li .cont{ line-height: 30px; color: #8f8f8f; height: 205px; overflow: hidden; margin: 5px 0 20px 0;}
.jingqu .bd li .img{ margin-bottom: 25px; width: 404px; height: 269px; overflow: hidden;}
.jingqu .hd ul li{ width: 16px; height: 16px; background: #dadada; display: inline-block; margin:0 8px; text-indent: -9999px; border-radius: 50%;}
.jingqu .hd ul li.on{ background: #2abbb7;}*/
#page3 li{float: left; height: 576px; width: 454px; padding: 5px 23px; transition: 0.3s}
#page3 li .tit{ height: 48px; line-height: 48px; color: #313131; font-size: 24px;;}
#page3 li .cont{ line-height: 30px; color: #8f8f8f; height: 205px; overflow: hidden; margin: 5px 0 20px 0;}
#page3 li .img{ margin-bottom: 25px; width: 454px; height: 269px; overflow: hidden;}
#page3 li:hover{ background: #FFF }
/*第四屏*/
.page4 .sy_inco span{ width: 100%;}
.sy_inco a{display: block; line-height: 95px; text-align: center; font-size: 30px; color: #FFF; position: relative; border-bottom: 1px solid rgba(255,255,255,0.5); width: 540px; margin: 0 auto;}
.sy_inco a:after{width: 14px; height: 14px; background: #FFF; position: absolute; content: ''; bottom: -7px; left: 50%; margin-left: -7px; transform: rotate(45deg);}
.youwan{ padding: 30px 0 0 0;}
.youwan .bd li{float: left; height: 288px; background: rgba(255,255,255,0.9); width: 385px; transition: 0.3s; margin: 0 5px;}
.youwan .bd li .img{ margin-bottom: 0px; width: 385px; height: 240px; overflow: hidden;}
.youwan .bd li .tit{ height: 48px; line-height: 48px; color: #FFF; font-size:18px; background: #309bdf; text-align: center; transition: 0.3s;}
.youwan .bd li .cont{ color: #747474; height:208px; overflow: hidden; padding:0 15px;}
.youwan .bd li .cont p.text-nowrap{ font-size: 16px; font-weight: bold; color: #3f3f3f; line-height: 40px; padding-top: 10px;}
.youwan .bd li .more{ width: 100%; height: 48px; line-height: 48px; text-align: center; display: block; background: #FFF;}
.youwan .bd li:nth-of-type(4n+1) .tit{ background: #459443;}
.youwan .bd li:nth-of-type(4n+2) .tit{ background: #459443;}
.youwan .bd li:nth-of-type(4n+3) .tit{ background: #459443;}
.youwan .bd li:nth-of-type(4n) .tit{ background: #459443;}
.youwan .bd li:hover{ background: #FFF;}
.youwan .bd li:hover .tit{ background: #FFF; color: #3f3f3f;}

.youwan .bd li:nth-of-type(4n+1):hover .more{ background: #e7a141;color: #FFF;}
.youwan .bd li:nth-of-type(4n+2):hover .more{ background: #459443;color: #FFF;}
.youwan .bd li:nth-of-type(4n+3):hover .more{ background: #cc4d56;color: #FFF;}
.youwan .bd li:nth-of-type(4n):hover .more{ background: #309bdf;color: #FFF;}
/*第五屏*/
#page5 .w1400{ height: 830px; }
#page5 li.class1{background: url(http://public.cdn.chinayunzhi.com/sxyaotaishan/yw1.png) no-repeat top center; width: 430px; height: 430px; top: 119px; left: 170px; padding: 38px 90px;}
#page5 li.class2{background: url(http://public.cdn.chinayunzhi.com/sxyaotaishan/yw2.png) no-repeat top center; width: 510px; height: 510px; top: 177px; left: 534px; padding: 77px 115px;}
#page5 li.class3{background: url(http://public.cdn.chinayunzhi.com/sxyaotaishan/yw3.png) no-repeat top center; width: 430px; height: 430px; top: 119px; right: 163px; padding: 38px 90px;}
#page5 li.class4{background: url(http://public.cdn.chinayunzhi.com/sxyaotaishan/yw4.png) no-repeat top center; width: 355px; height: 355px; top: 450px; left: 340px;padding: 15px 70px;}
#page5 li.class5{background: url(http://public.cdn.chinayunzhi.com/sxyaotaishan/yw5.png) no-repeat top center; width: 355px; height: 355px; top: 450px; right: 340px;padding: 15px 70px;}
#page5 li .box{ position: relative; z-index: 9; text-align: center;}
#page5 li{ position: absolute; box-sizing: border-box; color: #FFF;}
#page5 li .tit{ font-size: 40px; text-align: center; color: #FFF; margin-bottom: 30px; line-height: 108px; font-weight: bold; border-bottom: 1px solid rgba(255,255,255,0.25) }
#page5 li .more{ border: 1px solid rgba(255,255,255,0.4); width: 106px; height: 40px; text-align: center; display: block; color: #FFF; line-height: 42px; margin: 0 auto; margin-top: 40px;}
#page5 li.class4 .more,#page5 li.class5 .more{ width: 88px; height: 32px; line-height: 32px; font-size: 12px; margin-top: 30px;}
#page5 li .mask{ width: 70.71%; background: rgba(0,0,0,0.53); transform: rotate(45deg); position: absolute; top: 14.7%; left: 14.7%; z-index: 0;}
#page5 li .mask:after{content: ''; padding-top: 100%; display: block;}
#page5 li .mask:before{content: ''; border: 1px solid #FFF; position:absolute; width: 94%; height: 94%; top: 3%; left: 3%;}
/*第六屏*/
.jiaotong{background: rgba(255,255,255,0.95); height: 650px;}
.jiaotong .img{ width: 840px; text-align: right; float: left;}
.jiaotong .bus{ width: 420px; height: 232px; color: #FFF; background: #309bdf; margin: 58px 45px 0 0; float: right; text-align: center; clear:inherit; box-sizing: border-box; padding: 20px;}
.jiaotong .bus.w_2{ background: #2abbb7;}
.jiaotong .bus .tit{ font-size: 30px; line-height: 40px; color: #FFF;}
.jiaotong .bus a{color: #FFF; font-size: 18px;}

@keyframes swing{20%{transform:rotate(15deg)}40%{transform:rotate(-10deg)}60%{transform:rotate(5deg)}80%{transform:rotate(-5deg)}to{transform:rotate(0deg)}}
.jiaotong .bus li:hover img{transform-origin:top center;animation-name:swing}
/*第七屏*/
.xw_type .hd{ text-align: center;}
.xw_type .xw_fl li{ width: 172px; height: 39px; line-height: 39px; background: #2abbb7; color: #FFF; display: inline-block; margin: 28px 8px; transition: 0.3s; border-radius: 40px; font-size: 16px;cursor: pointer;}
.xw_type .xw_fl li.on{ background: #309bdf;}
.xw_type .bj_bai{ height:522px;}
.news_gd .bd .tempWrap{width:1500px!important;}
.news_gd .hd ul li{ width: 16px; height: 16px; background: #dadada; display: inline-block; margin:0 8px; text-indent: -9999px; border-radius: 50%;}
.news_gd .hd ul li.on{ background: #459443;}
.news_gd .bd{ padding:25px 0 0 25px;}
.news_gd .bd li{ width: 400px; margin: 0 23px; float: left;}
.news_gd .bd  li .img{width: 400px; height: 300px; overflow: hidden;}
.news_gd .bd  li .img img{ width: 400px; height: 300px;;}
.news_gd .bd  li .time{ color: #9e9e9e; padding: 8px 0;}
.news_gd .bd  li .tit{ height: 33px; color: #363636; font-size: 18px; position: relative;}
.news_gd .bd li .tit:before{ content: ''; width: 0; height: 22px; background: #25b399; transition: 0.3s;}
.news_gd .bd  li .cont{color: #898989; height:48px; overflow: hidden; margin-bottom: 15px;;}
.news_gd .bd li:hover .tit:before{ margin-right: 10px; padding:0 0 0 3px;}
/*第八屏*/

@media only screen and (max-width:1440px){
	.head_top{ height: 80px; }
	.page1,.page2,.page3,.page4,.page5,.page6,.page7{ padding-top: 80px}

	.w1400{ zoom:0.7; margin-top: -20px;}
	#page1 .w1400,.head_top .w1400{ margin-top: 0 }
	.flash{ width:100%; height:680px; overflow:hidden; position:relative;  }
	.flash .bd{ position:relative; height:100%; z-index:0;   }
	.flash .bd li{ width:102%; zoom: 1; vertical-align:middle; }
	.flash .bd img{ width:100%; height:680px; display:block;  }

	.flash .prev,
	.flash .next{ position:absolute; left:10%; top:45%; margin-top:-25px; display:block; width:32px; height:40px; background:url(../images/slider-arrow.png) -110px 5px no-repeat; filter:alpha(opacity=50);opacity:0.5;   }
	.flash .next{ left:auto; right:10%; background-position:8px 5px; }
	.flash .prev:hover,.flash .next:hover{ filter:alpha(opacity=100);opacity:1;  }
}