.sywh{ padding:0% 0% 1% 0%;background:url(../images/sywh.jpg) no-repeat;background-attachment:fixed;background-position:center;background-size:100% 100%;}
.sywh ul{ width:40%; margin: 0 auto}
.sywh li{ width:48%; float:left; margin:0% 1%; height:50px; background:#fff;border-radius:50px; text-align:center}
.sywh li img { display: inline; } 
.sywh li font{ font-size: 24px; line-height: 46px; font-weight: normal; color: #222; }
.sywh li:hover ul{opacity:1}
.xwcmk{} 
.sywh1-1{text-align:center; margin-bottom:1%}
.sywh1-1 h2{ font-family: "΢ÈíÑźÚ"; font-size:36px; line-height:60px; font-weight: normal; color: #fff;  }
.sywh1-1 span{ font-family: "΢ÈíÑźÚ"; font-size: 14px; line-height: 20px; font-weight: normal; color: #fff; text-decoration: none; display:block; margin-top:0px; padding:0% 3%;opacity:1 }
.xwcms {-webkit-border-radius: 212px;border-radius:212px;-webkit-transition: -webkit-transform 0.8s ease-out;-moz-transition: -moz-transform 0.8s ease-out;-o-transition: -o-transform 0.8s ease-out;-ms-transition: -ms-transform 0.8s ease-out;}
.xwcms:hover {-webkit-transform: rotateZ(360deg);-moz-transform: rotateZ(360deg);-o-transform: rotateZ(360deg);-ms-transform: rotateZ(360deg);transform: rotateZ(360deg);} 
@media only screen and (max-width:1200px) {
.sywh1-1 h2{ font-size:30px; line-height:40px}
.sywh ul{ width:77%}
}
@media only screen and (max-width:850px) {
.sywh1-1 h2{ font-size:24px; line-height:40px}
}
@media only screen and (max-width:600px) {
.sywh li font{font-size:16px; }
}
@media only screen and (max-width:500px) {
.sywh ul{ width:100%}
}

.mcpfl{ padding:1% 0% 1% 0%;  } 
.mcpfl_r{ padding:0% 0% 0% 0%;} 
.mcpfl_2{ text-align:center; }
.mcpfl_2 h3{ color:#002d72; font-size:36px; font-weight:800;line-height:60px; font-family:"ËÎÌå" }
.mcpfl_2 em{ color:#666; font-weight: normal; font-style:normal }
.mcpfl_2 p{ color:#999; font-size:16px;line-height:30px; }
.mcpfl_rul{ width:56%; margin: 0 auto; padding-bottom:3%}
.mcpfl_rul li{ width:23%; margin:0% 1% 1% 1%; font-size:17px; line-height:40px; text-align:center; height:40px; background:#002d72;border-radius:20px 20px 20px 20px; float:left; overflow:hidden} 
.mcpfl_rul li a{ color:#FFFFFF}
.mcpfl_rul li:hover{ background:#ebc02a}
.mcpfl_rul li:nth-child(n+5){ display:none}
.lbb{ }
.lbb dl{ width:10.5%; margin: 0% 1% 20px 1%; float:left; position:relative; } 
.lbb dl h2{ width:100%; padding-bottom:100%; overflow:hidden; position:relative; }
.lbb dl h2 img{ width:100%; height:100%; position:absolute; z-index:1;}
.lbb dl h2 strong{ display:none; font-size:18px; position:absolute; top:0%; left:0%; height:100%; width:100%; padding-top:28%;background:rgba(0, 0, 0, 0.7); z-index:1999; color:#FFFFFF; text-align:center}
.lbb dl h2 strong b{ width:1px; height:1px; background:#FFFFFF; display:block; margin:12px auto;transition:all 0.3s;-webkit-transition:all 0.3s;}
.lbb dl h2:hover strong{ display:block}
.lbb dl h2:hover strong b{ width:50px;transition:all 0.3s;-webkit-transition:all 0.3s;}
.lbb dl span{ width:100%; overflow: hidden; height:50px;line-height:50px; font-size:16px; color:#000;  font-weight:normal;text-align:center; border-bottom:1px #e5e5e5 solid; display:block; margin-bottom:10px;}

.lbb dl dt{ width:100%; height:120px; overflow:hidden }
.lbb dl dt p{ width:100%; height:30px;display:block; overflow:hidden}
.lbb dl i{ width:120px; height:35px; display:block; line-height:35px; background:#002d72;border-radius:50px; text-align:center; margin-top:30px  } 
.lbb dl i a{color:#FFFFFF}
@media only screen and (max-width:1680px) { 
.mcpfl_2 em{ font-size:24px} 
}
@media only screen and (max-width:1440px) {  
.lbb dl h2 strong{ padding-top:19%;}
}
@media only screen and (max-width:1200px) {   
.mcpfl_2 h3{ text-align:center; font-size:30px; } 
.mcpfl_2 em{ font-size:22px;}  
.lbb dl{ width:23%}
}
@media only screen and (max-width:850px) {   
.mcpfl_2 h3{ font-size:24px} 
.lbb dl{ width:48%}   
}
@media only screen and (max-width:450px) {   
.mcpfl_rul li{ font-size:14px}
}
@media only screen and (max-width:310px) {  
.mcpfl_2 em{ display:none}
}

.indexab{ width:100%; margin: 0 auto; padding:1% 0%}   
.company_top{ width:100%;  font-weight:bold; padding:0% 0% 0% 0%; text-align:center } 
.company_top h1{  line-height:40px; color:#666; font-size:20px; font-weight:normal;border-radius:50px; display: inline; padding:10px 40px; background:#FFFFFF}  
.company_top h2{ line-height:70px; text-transform:uppercase; font-size:36px; color:#002d72} 
.company_top h2 strong{}
.company{ width:100%; float: left; display:none}
.company img{ margin:0 auto; height:100%; width:100%; }
.companyt{ width:100%; float: left; text-align:center;}
.companyt p{ padding:1% 0%} 
.abt span{ width:250px; height:50px;border-radius:50px; line-height:50px; text-align:center; color:#fff; display:block; margin: 0 auto; background:#002d72}
.abt span:hover{ background: #ebc02a; }

.companytul{ width:100%; margin:0px 0% 0px 10%; margin: 0 auto}
.companytul li{ width:19%; float:left; padding:20px 0px 20px 3%; margin:0% 1%; transition:all .3s ease; border-left:1px solid rgba(136,181,199,.5);  }  
.companytul li i{ height:80px; width:80px; display: inline; float:left; margin-right:20px;border-radius:150px;transition:all 0.3s;-webkit-transition:all 0.3s;}
.companytul li h2{ font-size:18px; line-height:30px; color:#002d72; height:60px;font-weight:normal;align-items:initial; margin-top:9px}
.companytul li:nth-child(1){ border:none}
.companytul li:nth-child(1) i{ background:url(../images/companytul.png) no-repeat 21px 18px #477d94;}
.companytul li:nth-child(2) i{ background:url(../images/companytul.png) no-repeat -49px 18px #477d94;}
.companytul li:nth-child(3) i{ background:url(../images/companytul.png) no-repeat -139px 18px #477d94;}
.companytul li:nth-child(4) i{ background:url(../images/companytul.png) no-repeat -250px 18px #477d94;}
.companytul li:nth-child(1):hover i{ background:url(../images/companytul.png) no-repeat 21px 18px #002d72;transition:all 0.3s;-webkit-transition:all 0.3s;}
.companytul li:nth-child(2):hover i{ background:url(../images/companytul.png) no-repeat -49px 18px #002d72;transition:all 0.3s;-webkit-transition:all 0.3s;}
.companytul li:nth-child(3):hover i{ background:url(../images/companytul.png) no-repeat -139px 18px #002d72;transition:all 0.3s;-webkit-transition:all 0.3s;}
.companytul li:nth-child(4):hover i{ background:url(../images/companytul.png) no-repeat -250px 18px #002d72;transition:all 0.3s;-webkit-transition:all 0.3s;}   
.companytul li:nth-child(3) h2{ margin-top:23px}    
@media only screen and (max-width:1680px){  
.companytul li:nth-child(3) h2{ margin-top:13px}  
}
@media only screen and (max-width:1200px){  
.company_top h2{ font-size:30px} 
.company_top h1{ font-size:16px}  
.companytul li{ width:28%}
.companytul li:nth-child(3){ display:none}
.companytul li h2{ font-size:16px;} 
} 
@media only screen and (max-width:1024px){
.companyt{ width:100%; } 
}
@media only screen and (max-width:850px){
.company_top h2{ font-size:24px; line-height:50px} 
.company{ width:100%; float:left; display:block; text-align:center}
.company ul img{ width: inherit; height:inherit; margin: 0 auto} 
.companytul li{ width:43%; border:none;}
.companytul li:nth-child(3){ display: block}
} 
@media only screen and (max-width:768px){ 
.company_top{ text-align:center}
.companytul li{ width:100%; padding:0%; text-align:center}
.companytul li i{ margin: 0 auto; display:block; float:none}
.companyt p{ padding:0%; height:55px; margin:3% auto; overflow:hidden}
} 

.fw{ }
.fwbj{ background:url(../images/fwcn.jpg)  no-repeat center center #002d72;background-size:cover;}
.fwbjs{ background:url(../images/fwcns.jpg)  no-repeat left top #002d72;background-size:cover;}
.fw ul{ width:100%; float:left}
.fw li{ width:25%; float:left; }
.fw li a{ width:80%; float:left; padding:100px 0px 100px 20%; border-right:1px solid hsla(0,0%,100%,.5)}
.fw li i{ width:60px; height:60px; line-height:60px; text-align:center; background:#FFFFFF;border-radius:50px; color:#000000; display:block;transition:all 0.3s;-webkit-transition:all 0.3s; margin-top:20px;}
.fw li h2{ line-height:60px; font-size:36px; color:#fff; height:60px; font-weight:normal}   
.fw dl{ width:100%; display:block; float:left; margin:1% 0%;}  
.fw dl h2{ font-size:24px; width:400px; text-align:center; font-weight:normal; margin: 0 auto; height:60px; line-height:60px; background:#002d72; color:#FFFFFF;border-radius:50px; } 
.fw dl h2 strong{ font-weight:normal;}
.fw dt{ font-size:36px; text-align: center; line-height:70px; color:#002d72; display:block; background:#f5f5f5; padding:0% 0%}
.fw li:hover{ background:rgba(0, 45, 114, 0.8);}
.fw li:hover a{ border-left:1px solid hsla(0,0%,100%,.5)}
.fw li:hover :nth-child(1) a{border-left: none}
.fw li:hover :nth-child(4) a{border-right: none}
@media only screen and (max-width:1680px) { 
.fw li a{ padding:300px 0px 300px 20%}   
}
@media only screen and (max-width:1440px) { 
.fw li a{ padding:250px 0px 250px 20%}   
}
@media only screen and (max-width:1200px) { 
.fw dl h2{ font-size:20px;}
.fw dt{ font-size:30px}
.fw li a{ padding:200px 0px 200px 20%}   
.fw li h2{ font-size:30px}
.fw li i{ width:50px; height:50px;}
}
@media only screen and (max-width:1024px) { 
.fw li a{ padding:250px 0px 250px 20%}   
}
@media only screen and (max-width:850px) {  
.fw dt{ font-size:24px}
.fw li h2{ font-size:24px}
.fw li a{ padding:150px 0px 150px 20%}   
}
@media only screen and (max-width:600px) {
.fw li h2{ font-size:20px}   
}
@media only screen and (max-width:500px) {  
.fw li{ width:50%;}
.fw li a{ padding:50px 0px 50px 20%} 
}
@media only screen and (max-width:414px) {
.fw dl h2{ width:60%}
.fw dl h2 strong{ display:none}
}
.sygdflash{ height:800px; width:100%; margin: 0 auto;}
.sygdflash iframe{height:800px; width:100%; display:block}

@media screen and (max-width:1440px){
.sygdflash{ height:650px}
.sygdflash iframe{height:650px;}
}
@media screen and (max-width:1280px){
.sygdflash{ height:530px}
.sygdflash iframe{height:530px;} 
}
@media screen and (max-width:1024px){
.sygdflash{ height:510px}
.sygdflash iframe{height:510px;} 
}
@media screen and (max-width:992px){
.sygdflash{ height:400px}
.sygdflash iframe{height:400px;} 
}
@media screen and (max-width:768px){
.sygdflash{ height:330px}
.sygdflash iframe{height:330px;} 
}
@media screen and (max-width:640px){
.sygdflash{ height:300px} 
}
@media screen and (max-width:360px){
.sygdflash{ height:250px} 
}
.fwcp{ background:url(../images/ban6.jpg)  no-repeat left top #002d72;background-size:cover; } 
.fwbjcp{}
.fwcp ul{ width:100%; float:left}
.fwcp li{ width:20%; float:left; }
.fwcp li a{ width:80%; float:left; padding:250px 0px 250px 20%; border-right:1px solid hsla(0,0%,100%,.5)}
.fwcp li i{ width:60px; height:60px; line-height:60px; text-align:center; background:#FFFFFF;border-radius:50px; color:#000000; display:block;transition:all 0.3s;-webkit-transition:all 0.3s; margin-top:20px;}
.fwcp li h2{ line-height:60px; font-size:36px; color:#fff; height:60px; font-weight:normal}   
.fwcp dl{ width:100%; display:block; float:left; margin:3% 0%; display:none}  
.fwcp dl h2{ font-size:24px; width:400px; text-align:center; font-weight:normal; margin: 0 auto; height:60px; line-height:60px; background:#002d72; color:#FFFFFF;border-radius:50px; } 
.fwcp dl h2 strong{ font-weight:normal;}
.fwcp dt{ font-size:36px; text-align: center; line-height:70px; color:#002d72; display:block; background:#f5f5f5; padding:2% 0%}
.fwcp li:hover{ background:rgba(0, 45, 114, 0.8);}
.fwcp li:hover a{ border-left:1px solid hsla(0,0%,100%,.5)}
.fwcp li:hover :nth-child(1) a{border-left: none}
.fwcp li:hover :nth-child(4) a{border-right: none}
@media only screen and (max-width:1680px) { 
.fwcp li a{ padding:300px 0px 300px 20%}   
}
@media only screen and (max-width:1440px) { 
.fwcp li a{ padding:250px 0px 250px 20%}   
}
@media only screen and (max-width:1200px) { 
.fwcp dl h2{ font-size:20px;}
.fwcp dt{ font-size:30px}
.fwcp li a{ padding:200px 0px 200px 20%}   
.fwcp li h2{ font-size:24px}
.fwcp li i{ width:50px; height:50px;}
}
@media only screen and (max-width:1024px) { 
.fwcp li a{ padding:150px 0px 150px 20%}   
}
@media only screen and (max-width:850px) {  
.fwcp dt{ font-size:24px}
.fwcp li h2{ font-size:24px}   
}
@media only screen and (max-width:650px) {
.fwcp li h2{ font-size:20px}   
.fwcp li{ width:50%}
.fwcp li a{ padding:5% 0px 5% 20%}   
.fwcp li:nth-child(5){ display:none}
}
@media only screen and (max-width:500px) {  
.fwcp li{ width:50%;}
.fwcp li a{ padding:50px 0px 50px 20%} 
}
@media only screen and (max-width:414px) {
.fwcp dl h2{ width:60%}
.fwcp dl h2 strong{ display:none}
}

 .one{ padding:0% 0% 0% 0%; background: url(../images/01bg.jpg) no-repeat center #2764B4;}
.fwcn{ width:100%; float:left;}
.fwcnul{ width:100%; float: left;}
.fwcnul li{ float: left; width:23.93333%; padding:30px 0%; margin:0% 1% 0% 0%; background:#46ADE5; border-radius:16px; } 
.fwcnul li .photo1 { background: url(../images/02.png) no-repeat center top;} 
.fwcnul li .photo2 { background: url(../images/02.png) no-repeat center top; } 
.fwcnul li .photo3 { background: url(../images/03.png) no-repeat center top;  } 
.fwcnul li .photo4 { background: url(../images/04.png) no-repeat center top; } 
.fwcnul li .photo{ width:100%; height:66px; float:right;background-size:auto 100%;  }
.fwcnul li a{ color:#FFFFFF}
.name1 { float:left; width:100%; text-align:center} 
.fwcnul .name1 h3 { font-size: 22px; line-height:47px; height:40px; font-weight:bold;  overflow: hidden; white-space: nowrap; font-weight:normal;} 
.fwcnul .name1 span { font-size: 14px; line-height:25px; margin-top:10px; width:100%; display:block;white-space:nowrap;text-overflow:ellipsis;overflow:hidden}
.fwcnul .name1 h1{ font-size:16px; line-height:40px; text-transform:uppercase}
.fwcnul .name1 b{ width:1px; height:33px; background:#FFFFFF; display:block; margin:0 auto;}
.fwcnul li:nth-child(4){ margin-left:0%;}
.fwcnul li:hover{ background:#f0d700}
.fwcnul li:hover a{ color:#009900}
.fwcnul li:hover b{ background:#009900}
.fwcndl{float: left; }
.fwcndlli{ padding:30px 0px;}
.fwcndlli li{ float:left; width:76%}
.fwcndlli h2{ font-size:30px; line-height:40px; color:#fff;display: -webkit-box;-webkit-line-clamp: 1;-webkit-box-orient: vertical; overflow:hidden}
.fwcndlli h2 strong{ color:#f0d700}
.fwcndlli span{ font-size:30px; line-height:60px; color:#888888}
.fwcndlli h1{ font-size:18px; line-height:50px;border-radius:50px; float:right; width:24%; background:#f0d700; height:50px; display:block; text-align:center; color:#FFFFFF }
.fwcndlli h1 a{ color:#fff}
.fwcnbot{ width:100%;float: left;}
.fwcnbot_top{ padding:30px 0px; font-weight:bold }
.fwcnbot_top h2{ font-size:24px; line-height:60px; color:#8EB4EA}
.fwcnbot_top span{ font-size:30px; line-height:40px;color:#fff}
.fwcnbot ul{ width:100%; }
.fwcnbot ul li{ float: left; width:31%; margin:0% 1% 0% 0%; } 
.fwcnbot ul li p{ height:68px; float:left; }
.fwcnbot ul li p img{height:68px;}
.fwcnbot ul li h3{ float:left; line-height:73px; padding-left:2%; font-size:18px;display: -webkit-box;-webkit-line-clamp: 1;-webkit-box-orient: vertical; overflow:hidden; color:#fff} 
 
@media only screen and (max-width:1200px) {
.fwcnbot_top span{ font-size:24px}
.fwcndlli span{ font-size:24px}
}
@media only screen and (max-width:850px) {
.fwcnul li{ width:48%; margin:0% 1% 1% 1%;}
}
@media only screen and (max-width:550px) {
.fwcndlli li{ width:100%}
.fwcndlli h1{ margin-bottom:3%; float:left; width:45%}
.fwcnbot_top span{ font-size:20px}
.fwcndlli h2{ font-size:24px}
}
@media only screen and (max-width:414px) {
.fwcnbot ul li{ width:91%}
}