/* CSS Document */

.lubo{ width: 100%;clear: both; position: relative; height:522px;border-top:11px solid #000;}
.lubo_box{ position: relative; width: 100%; height:100%; }
.lubo_box li{ float: left;position: absolute; top: 0; left: 0; width: 100%; height:100%; opacity: 0;filter:alpha(opacity=0);}
.lubo_box li a{ display: block;width: 100%;  height: 100%;}
.lubo_box li img{ width: 100%; height:100%}

/*圆点*/
.cir_box{ overflow: hidden; position: absolute; z-index: 100;}
.cir_box li{ float: left; width: 16px; height: 16px; margin:0 5px; cursor: pointer; background:url(../image/b_1.png) no-repeat center center;}
.cir_box li.cir_on{background:url(../image/b_2.png) no-repeat center center;}

/*按钮*/
.lubo_btn{ position: absolute; width: 100%; top: 180px; display:none}
.left_btn, .right_btn{ width: 30px; height: 80px;cursor: pointer;text-align: center;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;}
.left_btn{ float: left;}
.right_btn{ float: right;}


.nav{width:100%;height:70px; background:#000;z-index:999;}
.logo{width:10%;height:70px; float:left;}

.nav_1{width:70%;height:28px;line-height:28px;padding:20px 0;float:right;}
.nav_1 a{ display:block;width:97px;height:26px;line-height:26px; text-align:center;border:1px solid #00a7ac;color:#00a7ac;border-radius:5px; float:right;margin:0 10px;}
.nav_1 a:hover,.nav_1 a.on{background:#00a7ac;color:#fff;}

.language{width:118px;height:28px;line-height:28px;margin:20px 0 0 10px;float:right;border:1px solid #00a7ac;color:#00a7ac;border-radius:5px;}
.language a{color:#00a7ac; display:block;width:50%; font-size:14px; text-align:center;border-radius:4px;}
.language a.x1{width:40%;float:left;}
.language a:hover,.language a.on{background:#00a7ac;color:#fff;}
.language a.x2{width:60%; float:right;}


.about{width:100%;height:auto;padding:82px 0;}
.about_1{width:56%;height:100%;float:left;}
.about_1 img{max-width:100%;}
.about_2{width:40%;float:right;}
.about_2 h3{width:70px;font-size:25px;color:#00a7ac; border-bottom:3px solid #00a7ac;letter-spacing:1px;padding:4px 0;font-weight:600; float:right; text-align:right;margin-right:51px;}
.about_2 p{color:#707070;font-size:16px;line-height:25px;padding-top:13px;}
.about_2 img{max-width:100%;}
.about_3{width:38%;padding:270px 0% 0;float:right;}
.about_3 h3{width:110px;font-size:25px;color:#00a7ac; letter-spacing:1px;border-bottom:3px solid #00a7ac;padding:4px 0;font-weight:600; float:right; text-align:right;margin-right:51px;}
.about_3 p{color:#707070;font-size:16px;line-height:25px;padding-top:13px;}
.about_4{ position:absolute;right:0;bottom:32px;}

.intro{width:100%;height:auto;padding:56px 0; background:url(../image/bg_1.jpg) no-repeat center;webkit-background-size: cover;-moz-background-size: cover;-o-background-size: cover;background-size: cover;}
.intro h3{width:100%;font-size:24px;font-weight:400;color:#fff;text-align:center;margin-bottom:25px;}
.intro h3 span{background:#00a7ac;padding:4px 25px;}
.intro p{padding:10px 3%;font-size:19px; color:#fff;line-height:29px;}



.project{width:100%;height:auto;}
#project {WIDTH:100%;height:auto;margin:0 auto;}
#projects {WIDTH:100%;height:auto;position:relative;}
#projects LI {width:20%;height:auto;float:left;text-align:center;}
#projects LI img{width:55px;height:55px;}
#projects LI A { display:block;padding:35px 0;COLOR: #fff;font-size:16px;}
#projects LI A.s1{ background:#7cb146;}
#projects LI A.s2{ background:#f39a33;}
#projects LI A.s3{ background:#00a7ac;}
#projects LI A.s4{ background:#306c86;}
#projects LI A.s5{ background:#009d77;}
#projects LI A p{font-size:17px;color:#fff;margin-top:4px;font-weight:100}


#projectContent {}
.projectContent {display:none;width:100%;height:auto;}
#projectContent div.selectproject {DISPLAY: block}
.projectContent .proje{width:100%;padding:42px 0;}
.projectContent .proje.s1{background:#7cb146;}
.projectContent .proje.s2{background:#f39a33;}
.projectContent .proje.s3{background:#00a7ac;}
.projectContent .proje.s4{background:#306c86;}
.projectContent .proje.s5{background:#009d77;}

.projectContent .pro{width:100%;height:auto;margin:0 auto;padding:30px 0;border-top:1px solid #fff; border-bottom:1px solid #fff;position:relative;}
.projectContent .pro_1{color:#fff;width:220px;height:auto; position:absolute;right:0px;bottom:30px;padding: 5px 15px; border-left:2px solid #fff;}
.projectContent .pro_1 h3{font-size:23px;font-weight:300;}
.projectContent .pro_1 p{font-size:16px;font-weight:300;line-height:25px;padding-top:10px;}


.focus{ position:relative;width:730px; height:320px;margin-left:90px;}  
.focus .fPic{width: 480px; height: 320px;margin:0 auto;}  
.focus .fcon{ position:relative; width: 521px; height: 385px;margin:0 auto; display:none;}  
.focus .fcon img{ display:block; }  
.focus .fcon img{ width: 480px; height: 320px;} 


.focus .fbg{bottom:25px; right:40px; position:absolute; height:21px; text-align:center; z-index: 200; display:none;}  
.focus .fbg div{margin:4px auto 0;overflow:hidden;zoom:1;height:14px}    
.focus .D1fBt a{position:relative; display:inline; width:12px; height:12px; border-radius:7px; margin:0 5px;color:#B0B0B0;font:12px/15px "\5B8B\4F53"; text-decoration:none; text-align:center; outline:0; float:left; background:#D9D9D9; }    
.focus .D1fBt .current,.focus .D1fBt a:hover{background:#fc114a;}    
.focus .D1fBt img{display:none}    
.focus .D1fBt i{display:none; font-style:normal; }    


.focus .prev,.focus .next{position:absolute;width:42px;height:320px;background: url(../image/focus_btn.png) no-repeat;}
.focus .prev{top: 0;margin-top: 0; left: 83px;background-position:0 0; cursor:pointer; }  
.focus .next{top: 0;margin-top: 0; right:83px;  background-position:-42px 0;  cursor:pointer;}  


.cooper{width:100%;height:auto;padding:45px 0; background:#00a7ac;color:#fff;}
.cooper_1{padding:0 60px;}
.cooper_1 h3{font-size:20px;border-left:2px solid #fff; font-weight:500;padding-left:15px;}
.cooper_1 p{font-size:16px;padding:20px 0 5px;}
.cooper_1 ul li{width:33.3%; float:left;}
.cooper_1 ul li input.bk{width:90%;height:33px; border:none;}
.cooper_1 input.tj{width:125px;height:44px; border:none;margin-top:27px;background:url(../image/tj_1.jpg) no-repeat center center;}

.foot{width:100%;height:auto;padding:100px 0 35px; background:#404f58;color:#fff;}
.foot h3{width:141px;color:#6b8084; border-bottom:1px solid #6b8084;font-size:16px;font-weight:500;padding:5px 0;margin:5px 0;}
.foot p{font-weight:100;}
.foot ul li{float:left;margin-right:27px;}
.foot_1{ position:absolute;right:0;bottom:0;/* background:url(../image/fooy_logo.jpg) no-repeat right top;padding-top:43px;*/font-size:12px;text-align:right;color:#6b8084;}

.ny{width:100%;padding:65px 0;}
.ny img{max-width:100%;}

.ny_pic{width:100%;height:auto;}
.ny_pic ul li{width:356px;height:520px; float:left;margin:34px 0 34px 130px;}
.ny_pic ul li img{width:100%;height:520px;}

.ny_show{width:100%;height:auto;}
.ny_show ul li{width:96%;height:385px;padding:15px 2%; border-bottom:1px solid #ccc; position:relative;}
.ny_show ul li img{width:521px;height:385px;}
.ny_show ul li .show_a{ position:absolute;left:560px;bottom:15px;}
.ny_show ul li .show_a h3{font-size:16px;color:#333;margin-bottom:10px;}
.ny_show ul li .show_a p{font-size:14px;color:#444;line-height:24px;}



@media screen and (min-width:1200px){
	
	.lubo{  min-width:1000px;}
 } 
@media screen and (min-width: 960px) and (max-width: 1199px) {
	
	.lubo{  min-width:900px;}
	.focus {width: 700px;height: 385px;margin-left: 0px;}
	.projectContent .pro_1 {}
   .focus .prev{left:68px;}
   .focus .next{right:68px;}
	
	
	}
@media screen and (min-width: 768px) and (max-width: 959px) { 

   .lubo{  min-width:700px;}
   .about_1{width:80%; float:none;padding:0 10%;}
   .about_2{width:80%;float:none;padding:0 10%;}
   .about_3{width:80%;float:none;padding:0 10% 98px;}
   .about_4{width:100%; text-align:center;bottom:0;}
   
   .nav_1 a{width:80px;margin: 0 5px;}
   .language{width:100px;    margin: 20px 0 0 5px;}
   
   .focus {width: 100%;height: 385px;margin-left: 0px;}
   .projectContent .pro_1 {width: 90%;margin:15px 5%;position: relative; bottom:0;}
   .focus .prev{left:68px;}
   .focus .next{right:68px;}
}
@media only screen and (min-width: 480px) and (max-width: 767px){ 

  .lubo{  min-width:100%;}
  .about_1{width:80%; float:none;padding:0 10%;}
  .about_2{width:80%;float:none;padding:0 10%;}
  .about_3{width:80%;float:none;padding:0 10% 98px;}
  .about_4{width:100%; text-align:center;bottom:0;}
  
   .logo{padding-left:2%;}
   .nav_1 a{display:none;}
   .language{display:none;}
   
   .focus {width: 100%;height: 385px;margin-left: 0px;}
   .focus .fPic {width: 100%;}
   .focus .fcon {width: 100%;}
   .focus .fcon img {width:80%;margin:0 auto;}
   .focus .prev{left:20px;}
   .focus .next{right:20px;}
   .projectContent .pro_1 {width: 90%;margin:15px 5%;position: relative; bottom:0;}
	#projects LI img{width:40px;height:40px;}
	#projects LI A p{font-size:13px;}
   .cooper_1 ul li{width:100%; float:none;}
   .foot_2{padding:0 15px;}
   .foot ul li{width:46%;margin-right:4%;}
   .foot_1{ position:relative;width:100%; text-align:center;background: url(../image/fooy_logo.jpg) no-repeat  center top;}
} 
@media only screen and (max-width: 479px) { 

  .lubo{  min-width:100%;}
  .about_1{width:80%; float:none;padding:0 10%;}
  .about_2{width:80%;float:none;padding:0 10%;}
  .about_3{width:80%;float:none;padding:0 10% 98px;}
  .about_4{width:100%; text-align:center;bottom:0;}
	#projects LI img{width:40px;height:40px;}
	#projects LI A p{font-size:13px;}
   .focus {width: 100%;height: 385px;margin-left: 0px;}
   .focus .fPic {width: 100%;}
   .focus .fcon {width: 100%;}
   .focus .fcon img {width:80%;margin:0 auto;}
   .focus .prev{left:10px;}
   .focus .next{right:10px;}
   .projectContent .pro_1 {width: 90%;margin:15px 5%;position: relative; bottom:0;}
   .cooper_1 ul li{width:100%; float:none;}
   .foot_2{padding:0 15px;}
   .foot ul li{width:46%;margin-right:4%;}
   .foot_1{ position:relative;width:100%; text-align:center;background: url(../image/fooy_logo.jpg) no-repeat  center top;}
   
}