/*µÚ3¿é*/
.section3{display: block; width: 100%; height: 100%;overflow: hidden; position: relative}
.section3_ban{background: url(../image/section3_ban.jpg) no-repeat left center; width: 100%; height: 100%; transition:transform 5s ease 0s, opacity 2s ease 0s; position: absolute; top:0; left:0; z-index: 0}
.active .section3_ban{transform: matrix(1.1, 0, 0, 1.1, 0, 0);}
.section3 .container{position: relative; z-index: 9; margin-top:100px;}
.section3 .slideTxtBox{ width:100%;text-align:left; position: relative; z-index: 9; }
.section3 .slideTxtBox .hd{width:100%; height:60px; background: url(../image/class_bjs.png) no-repeat center}
.section3 .slideTxtBox .hd ul{width:1000px; height:100%; margin: 0px auto;}
.section3 .slideTxtBox .hd ul li{ float:left; padding:0 38px 0 38px; cursor:pointer; text-align: center; background: url(../image/lei_xs.png) no-repeat right center}
.section3 .slideTxtBox .hd ul li h4{font-size: 16px; color: #333333; font-weight: bold; line-height: 60px; width: 100%; height: 60px;}
.section3 .slideTxtBox .hd ul li i{width:100%; height: 35px; display: block}
.section3 .slideTxtBox .hd ul li:last-child{background: none;}
.icon1{background: url(../image/icon1.png) no-repeat center}
.icon2{background: url(../image/icon2.png) no-repeat center}
.icon3{background: url(../image/icon3.png) no-repeat center}
.icon4{background: url(../image/icon4.png) no-repeat center}
.icon5{background: url(../image/icon5.png) no-repeat center}
.icon6{background: url(../image/icon6.png) no-repeat center}
.section3 .slideTxtBox .hd ul li.on .icon1{background: url(../image/iconh1.png) no-repeat center}
.section3 .slideTxtBox .hd ul li.on .icon2{background: url(../image/iconh2.png) no-repeat center}
.section3 .slideTxtBox .hd ul li.on .icon3{background: url(../image/iconh3.png) no-repeat center}
.section3 .slideTxtBox .hd ul li.on .icon4{background: url(../image/iconh4.png) no-repeat center}
.section3 .slideTxtBox .hd ul li.on .icon5{background: url(../image/iconh5.png) no-repeat center}
.section3 .slideTxtBox .hd ul li.on .icon6{background: url(../image/iconh6.png) no-repeat center}
.section3 .slideTxtBox .hd ul li.on h4{color:#018FD7}
.section3 .slideTxtBox .bd{margin-bottom: 75px; overflow: hidden; padding:10px 0}


.section3_left{float: left; width: 30%; height: auto; text-align: center; margin-top: 170px;}
.section3_left h4{font-size: 34px; color: #018FD7; font-weight: bold; }
.section3_left h3{font-size:36px; color: #018FD7; margin: 2vh 0 2.5vh}
.section3_left h5{font-size:26px; color: #333333; font-weight: bold; }

.section3_center{width:502px; height: 477px; float: left; padding:30px 44px 0 38px; margin-left: 48px; position:relative}
.section3_center img{width:100%; height: auto; display: block; border-radius: 50%;}

.section3_right{width:31%; height: auto; float: right; margin-top:55px; }
.section3_right h3{font-size: 32px; color: #333333; font-weight: bold;}
.section3_right h4{font-size:28px; color: #018FD7;   line-height:36px; margin: 15px 0}
.section3_right i{width:45px; height: 3px; background: #003a6c; display: block}
.fl_info{width:100%; height: auto; overflow: hidden; font-size: 14px; color: #666666; line-height: 30px; margin-top: 28px;}
.section3_right span{width:185px; height: 44px; background: #018FD7; color:#fff; display: block; margin: 48px 0 0; text-align: center; line-height: 44px;}





.pageState{position: absolute; top:5vh; left:20%; font-size: 82px; color: #018FD7; font-weight: bold;      font-style: italic;}

.section3_center:before{content: ""; width:502px; height:477px; position: absolute; top:0; right:2px;  background: url(../image/yuyan_bjs.png) no-repeat center; animation: spin02 10s linear infinite;}


@keyframes spin02 {
0% {
   	transform:rotate(0deg);
 }
 100% {
   	transform:rotate(360deg);
 }
}



@media screen and (max-width:1500px){
	.container,.section6_all .slideTxtBox{width:94%}
	.section3_left,.section3_right{width:30%}
	.section3_left h4,.section3_left h3,.section3_right h3,.section2_info h3{font-size:30px;}
	.section3_right h4{font-size:24px;}
	.section3_left h5,.section2_info h4{font-size:22px;}
	.section3_center{width:450px; height:428px}
	.section3_center:before{width:450px; height:428px; background-size:100% 100%}
	.section3 .slideTxtBox{margin-top:12vh}

}


@media screen and (max-width:1440px){
	
	.section3_center{width:380px; height:361px}
	.section3_center:before{width:380px; height:361px; background-size:100% 100%}
	.section3 .slideTxtBox .bd{margin-bottom:26px;}
	.section3_right h4{font-size:20px;}
	
	
	
}


@media screen and (max-width:1366px){
	.section3_right span{margin:25px 0 0}
	
}