/* CSS Document */
html{ -webkit-text-size-adjust:none;}
body{font-size:12px;color:#474747; _overflow:hidden; overflow-x:hidden;  background:#fff;}
body,ol,table,tr,td,ul,li,dt,dd,dl,h1,h2,h3,h4,h5,h6,form,input,select,textarea,p{margin:0;padding:0; font-family: "微软雅黑"; font-size:12px; font-weight:normal;}
li{list-style-type:none;}
img{ border:none;}
a{ outline:none; text-decoration:none;}
a:hover{ text-decoration:none;}
 .block{ display:block;}
.pore{ position:relative;}
.pose{ position:absolute;}
.section{ overflow:hidden; position:relative;}
.fp-section{ position:relative;}
/****************************第一屏*****************************/
.bozhixue-wrap{width:100%; height:100%; min-height:100%; position:absolute; left:0; top:0; background:rgba(161,219,222,0.8); z-index:2;}
.bozhixue-text{ position:absolute; left:0; width:100%; top:50%; text-align:center; z-index:3; transform:translateY(-50%); }
.bozhixue-text .img img{ display:inline;}
.bozhixue-text .text{ width:75%; margin:2% 0 0 15%; overflow:hidden;}
.bozhixue-text .text span{ font-size:70px; width:56%; line-height:70px; color:#ffffff; float:left;}
.bozhixue-text .text i{width:22%; height:70px; float:left; background:url(../images/xian_03.jpg) repeat-x center;}
.bozhixue-text .name{margin:2% 0 0 0; font-size:24px; font-family:"宋体"; font-size:24px; clear:both; color:#ffffff;}
.bozhixue-text .logop{ margin:2% 0 0 0;}
.video-wrap{position:absolute; left:0; top:0; width:100%; height:100%; z-index:1; overflow:hidden;}
.video-wrap video{position:absolute; z-index:1; top:-21%; left:0; min-width:0px; width: 100%; height:auto; min-height:999px;}
.navp{ width:1200px; margin-left:-600px; display:flex; position:absolute; top:28px; left:50%; z-index:9999;}
.navp a{ flex:1; font-size:22px; color:#ffffff; margin-top:20px;}

/****************************第一屏*****************************/
/****************************第二屏*****************************/
.sction2-bg span{display:block; height:200px;}
.section2{ background:url(../images/bg_02.jpg) no-repeat; background-size:cover;}
.bt-warp{ text-align:center; margin:4% 0 0 0;}
.t-h2{ font-size:60px; color:#6cc6cc;}
.name-p{ background:url(../images/kx_03.png) no-repeat center; font-size:32px; color:#6cc6cc; height:62px; line-height:62px;}
.part3 .m1200{ top:0px; left:50%; margin-left:-600px;}
.part-bt{ width:100%; position:relative;}
.part-bt img{ display:block; margin:15px auto 0px;}
.mtop77{ margin-top:77px;}
.part-bt span{ display:block; width:100%; text-align:center; left:0px; top:68px; font-size:42px; color:#ffffff; position:absolute;}
.page2{width:100%; height:548px; clear:both; float:right; margin-top:2%; position:relative;
    /*opacity:0;
	-webkit-opacity:0;
	-moz-opacity:0;
	filter:alpha(opacity=0);
	transform:scale(1.3,1.3);
	-webkit-transform:scale(1.3,1.3);
	-moz-transform:scale(1.3,1.3);
	-ms-transform:scale(1.3,1.3);
	transition: all .6s cubic-bezier(0.55,0.55,0.55,0.55) 0s;
	-webkit-transition: all .6s cubic-bezier(0.55,0.55,0.55,0.55) 0s;
	-moz-transition: all .6s cubic-bezier(0.55,0.55,0.55,0.55) 0s;
	-ms-transition: all .6s cubic-bezier(0.55,0.55,0.55,0.55) 0s;*/
}
/*.page2.act{
    opacity:1;
	-webkit-opacity:1;
	-moz-opacity:1;
	filter:alpha(opacity=100);
	transform:scale(1.0,1.0);
	-webkit-transform:scale(1.0,1.0);
	-moz-transform:scale(1.0,1.0);
	-ms-transform:scale(1.0,1.0);
}*/
.part3-scro{width:1603px; position:relative; float:right; height:548px;}
.part3-scro ul{width:100%; overflow:hidden; height:548px;}
.part3-scro ul li{height:548px; display:none; width:100%; transition:all 0.2s;}
.part3-scro ul .active{ display:block; transition:all 0.2s;}
.part3-scro ul li .section3-left{ width:523px; position:relative; float:left; background:#6cc6cc; height:100%;}
.part3-scro ul li .section3-right{ width:1080px; position:relative; float:left; height:100%;}
.section3-right img{ width:100%;}
.part3-scro ul li:nth-child(2) .section3-left{background:#5754bd;}
.part3-scro ul li:nth-child(3) .section3-left{background:#ffaf31;}
.part3-scro ul li:nth-child(4) .section3-left{background:#f1522d;}
.part3-scro ul li:nth-child(5) .section3-left{background:#67b6f3;}
.part3-scro-leftpos{ position:absolute; left:42px; height:100%; top:0px; width:440px;}
.part3-scro-leftpos img{ margin-top:63px;
	transform:translateY(-150px);
	-webkit-transform:translateY(-150px);
	-moz-transform:translateY(-150px);
	-ms-transform:translateY(-150px);
	transition: all .6s linear 0s;
	-webkit-transition: all .6s linear 0s;
	-moz-transition: all .6s linear 0s;
	-ms-transition: all .6s linear 0s;
}
.part3-scro ul .active .part3-scro-leftpos img{transform:translateY(0);
	-webkit-transform:translateY(0);
	-moz-transform:translateY(0);
	-ms-transform:translateY(0);
}
.part3-scro-leftpos font{ font-size:52px; color:#ffffff; font-weight:bold; display:block; margin-top:60px;
	opacity:0;
	-webkit-opacity:0;
	-moz-opacity:0;
	filter:alpha(opacity=0);
	transform:translateX(100px);
	-webkit-transform:translateX(100px);
	-moz-transform:translateX(100px);
	-ms-transform:translateX(100px);
	transition: all .6s linear .5s;
	-webkit-transition: all .6s linear .5s;
	-moz-transition: all .6s linear .5s;
	-ms-transition: all .6s linear .5s;

}
.part3-scro ul .active .part3-scro-leftpos font{
	opacity:1;
	-webkit-opacity:1;
	-moz-opacity:1;
	filter:alpha(opacity=100);
	transform:translateX(0);
	-webkit-transform:translateX(0);
	-moz-transform:translateX(0);
	-ms-transform:translateX(0);
	}
.part3-scro-leftpos span{ font-size:18px; line-height:33px; color:#ffffff; display:block; margin-top:15px;
	opacity:0;
	-webkit-opacity:0;
	-moz-opacity:0;
	filter:alpha(opacity=0);
	transform:translateX(-100px);
	-webkit-transform:translateX(-100px);
	-moz-transform:translateX(-100px);
	-ms-transform:translateX(-100px);
	transition: all .6s linear .5s;
	-webkit-transition: all .6s linear .5s;
	-moz-transition: all .6s linear .5s;
	-ms-transition: all .6s linear .5s;

}
.part3-scro ul .active .part3-scro-leftpos span{
	opacity:1;
	-webkit-opacity:1;
	-moz-opacity:1;
	filter:alpha(opacity=100);
	transform:translateX(0);
	-webkit-transform:translateX(0);
	-moz-transform:translateX(0);
	-ms-transform:translateX(0);
	display:none;
	}
.part3-scro ul .active .part3-right-biao span{
	opacity:1;
	-webkit-opacity:1;
	-moz-opacity:1;
	filter:scale(opacity=100);
	transform:scale(1.0,1.0);
	-webkit-transform:scale(1.0,1.0);
	-moz-transform:scale(1.0,1.0);
	-ms-transform:scale(1.0,1.0);
	display:none;
	}

.part3-scro-btn{ width:176px; height:86px; z-index:5; left:433px; top:237px; border:2px solid #ffffff;}
.part3-scro-btn a{ display:block; width:50%; height:100%; float:left; cursor:pointer;}
.part3-scro-btn-left{ background:url(../images/page2-jt.png) no-repeat 36px center; transition:all 0.2s;}
.part3-scro-btn-right{ background:url(../images/page2-jt1.png) no-repeat -88px center #ffffff; transition:all 0.2s;}
.part3-scro-btn-left:hover{ background:url(../images/page2-jt.png) no-repeat -25px center #ffffff; transition:all 0.2s;}
.btn-right-act{ background:url(../images/page2-jt1.png) no-repeat -147px center; transition:all 0.2s;}
.fy-slide{ width:194px; height:144px; overflow:hidden; position:absolute; z-index:5; left:67px; bottom:0px;}
.fy-slide span{ float:left; position:relative;}
.fy-slide span.gew1{ width:66px; height:144px;}
.fy-slide span.gew1 img{ position:absolute; left:0; top:0px;
	transition: all .7s ease-in-out 0s;
	-webkit-transition: all .7s ease-in-out 0s;
	-moz-transition: all .7s ease-in-out 0s;
	-ms-transition: all .7s ease-in-out 0s;
}
.fy-slide span.gew2{ width:128px; height:144px;}
.fy-slide span.gew2 img{ position:absolute; left:0; top:0;
    transition: all .7s ease-in-out 0s;
	-webkit-transition: all .7s ease-in-out 0s;
	-moz-transition: all .7s ease-in-out 0s;
	-ms-transition: all .7s ease-in-out 0s;
}
/****************************第二屏*****************************/
/****************************第三屏*****************************/
.section3{ background:#6cc6cc;}
.section3-from{font-size:30px; color:#ffffff; text-align:center; color:#ffffff; margin-top:1%;}
.section3 .t-h2{color:#ffffff;}
.section3 .name-p{ background:url(../images/kx_06.png) no-repeat center; color:#ffffff;}
.section3-map{ width:1200px; margin:1% auto 0; overflow:hidden;  text-align:center; font-size:14px; color:#ffffff; line-height:20px;}
.map{ margin:20px 0 0 100px; position:relative; width:967px; height:562px;}
.section3-map strong{ display:block; padding:8px 0 0 0; margin:0;}
.section3-map img{ margin:20px 0 0 0; transform: translate3d(-3000px, 0, 0);}
.meiguo{ background:url(../images/bozhixue_29.png) no-repeat; left:141px; top:85px; width:146px; height:102px;}
.section3 .pose{ opacity: 0;}
.yingguo{ background:url(../images/bozhixue_33.png) no-repeat; left:407px; top:28px; width:169px; height:118px;}
.yingguo strong{ padding:15px 0 0 0;}
.eluosi{ background:url(../images/bozhixue_39.png) no-repeat; left:624px; top:0px; width:169px; height:118px;}
.eluosi strong{ padding:25px 0 0 0;}
.riben{ background:url(../images/bozhixue_41.png) no-repeat; left:794px; top:88px; width:169px; height:118px;}
.riben strong{ padding:15px 0 0 0;}
.helan{ background:url(../images/bozhixue_43.png) no-repeat; left:424px; top:155px; width:169px; height:118px;}
.helan strong{ padding:51px 0 0 0;}
.aodaliya{ background:url(../images/bozhixue_46.png) no-repeat; left:794px; top:327px; width:146px; height:102px;}
.aodaliya strong{ padding:18px 0 0 0;}
/****************************第三屏*****************************/
/****************************第四屏*****************************/
.section4{ background:url(../images/bg_04.jpg) no-repeat; background-size:cover;}
.section4 ul{ width:1200px; margin:0.5% auto; overflow:hidden;}
.section4 ul li{ float:left; margin-bottom:22px; margin-left:3.5%; width:28%;}
.section4 ul li img{ width:100%; height:245px;}
.section4 ul li:nth-child(3n+1){ margin-left:4.5%;}
.section4 ul li span{ display:block; text-align:center; font-size:18px; color:#0d919a; height:32px; line-height:32px;}
.section-more{ background:url(../images/bozhixue_67.png) no-repeat right center; position:absolute; right:0px; padding-right:20px; line-height:25px; height:25px;}
.section-more a{ font-size:18px; color:#6cc6cc;}
.m1200{ position:relative; width:1200px; margin:0 auto; height:25px; overflow:hidden;}
.bt-warp4{margin:4% 0 0 0;}
/****************************第四屏*****************************/
/****************************第五屏*****************************/
.section5{ background:url(../images/bg_06.jpg) no-repeat; background-size:cover;}
.pro-stro-wrap{ width:1200px; margin:0px auto; position:relative; overflow:hidden;}
.w1380{ width:1380px; height:320px; overflow:hidden; position:relative; margin:0 auto;}
.section5 .m1200{margin:5% auto 0;}
.pro-stro-wrap ul{ width:3000px; margin:0.5% auto; height:320px; overflow:hidden;}
.pro-stro-wrap ul li{ float:left; text-align:center; display:flex; width:233px; height:320px;align-items:center; background:#6cc6cc; margin-left:8px; justify-content:center;}
.pro-stro-wrap ul li:nth-child(1){ margin-left:0px;}
.pro-stro-wrap ul li img{display:block;}
.stro-btn{ position:absolute; cursor:pointer; top:120px;}
.stro-btn.s-left{ left:0px;}
.stro-btn.s-right{ right:0px;}
/****************************第五屏*****************************/
/****************************第六屏*****************************/
.section6{ background:url(../images/bg_07.jpg) no-repeat; background-size:cover;}
.sec6-tit{ text-align:center; position:absolute; left:0px; width:100%; top:18%;}
.sec6-tit span{ text-align:center; font-size:72px; color:#ffffff; line-height:72px;}
.sec6-tit font{background:url(../images/f_03.png) no-repeat center; font-size:72px; height:107px; line-height:107px; color:#ffffff; text-align:center; font-family:"宋体"; display:block; margin-top:3%;}
.page9{width:100%; text-align:center; margin-top:25%;}
.arp{display:inline-block; height:auto; margin:0px 20px 0; position:relative; width:220px;}
.page91{width:100%; text-align:center; margin-top:30px; line-height:36px;}
.page9text{display:inline-block; color:#fff; font-size:18px; font-family:"微软雅黑"; height:auto; margin:0px 20px 0;  position:relative; width:220px;}
.pagetext5{color:#fff;font-size:25px; line-height:60px;}
.pagetext6{color:#fff;font-size:21px; font-family:Arial;line-height: 40px; }
.pagetext5 a{ color:#ffffff; text-decoration:none}
.page9text span{ display:none;}
/****************************第六屏*****************************/
/****************************第七屏*****************************/
.section7{ background:url(../images/pag8bj.jpg);}
.sec7-w1200{ width:1200px; margin:2% auto; overflow:hidden;}
.sec7-w1200 ul{ width:100%; overflow:hidden;}
.sec7-w1200 ul li{ float:left; width:380px; overflow:hidden; margin-left:30px; background:rgba(255,255,255,1);}
.sec7-w1200 ul li img{ width:100%; transform: scale(1);transition: transform 1s ease 0s;}
.sec7-w1200 ul li img:hover{transform: scale(1.05);transition: transform 1s ease 0s;}
.sec7-w1200 ul li:nth-child(1){ margin-left:0px;}
.sec7-w1200 ul li p{ height:100px; margin-top:50px; text-align:center;}
.sec7-w1200 ul li p a{color:#26959c; font-size: 16px;}
.set6_button {border:1px solid #26959c; border-radius:5px; font-size:16px; height:50px; line-height:45px; text-align:center; overflow:hidden; width:200px; margin:2% auto;}
.set6_button a{ color:#26959c;}
.set6_button:hover{ background:#26959c;}
.set6_button:hover a{ color:#ffffff;}
.sec7-w1200 ul li p a:hover{ text-decoration:underline;}
/****************************第七屏*****************************/
/****************************header*****************************/
#show-header {background:url(../images/cdbj.png) no-repeat center; }
#header {
	width: 240px;
	height: 100%;
	position: fixed;
	z-index: 19950;
	top: 0;
	 font-family:"微软雅黑",Arial;
	left: -240px;
	padding: 50px 0 10px 0;
	text-align: center;
	background-color: #54b4c2;
       list-style-type:none;
	-webkit-transition: all .4s ease-in-out;
	-moz-transition: all .4s ease-in-out;
	-ms-transition: all .4s ease-in-out;
	-o-transition: all .4s ease-in-out;
	transition: all .4s ease-in-out;
}



#show-header {
display:none;
	position: absolute;
	top: 50px;
	right: -90px;
	z-index: 1001;
	width: 38px;
	height: 38px;
	 
	cursor: pointer;
	border-radius: 0 2px 2px 0;
	background-repeat:no-repeat;
}

#show-header i.fa {
	display: block;
	line-height: 38px;
	color: rgba(255,255,255,.8);
	font-size: 14px;
}


/****************************header*****************************/


