@charset "utf-8";
/* CSS Document */

 *{ margin:0; padding:0;}
 body{ color:#333; font-size:14px; font-family:微软雅黑; }
 li{ list-style:none; float: left;}
 a{ text-decoration:none; color:#333}
 .w100{ width:100%;margin:0 auto;}
 .w1200{ width:1200px; margin:0 auto;}
 .w1140{ width:1140px; margin:0 auto;}
 .clear{ clear:both}
 .fl{ float:left}
 .fr{ float:right}
 img{ border:0;}
 

.logo{ height:84px;  padding:10px 0}
.logo .logot{ width:350px; height:84px; display:block; background:url(../images/logo.png) center no-repeat ;}

.search{ width:300px; }
.search div{ font-size:13px; line-height:30px;}
.search div span{ padding:0 10px}
.search div strong{ font:bold 18px 微软雅黑; color:#53b332}
.search form{ width:290px; height:36px; background:#53b332; display:block; border-radius:23px; padding:2px}
.search input{ background:#fff; width:220px; height:36px; border-radius:18px 0 0 18px; padding-left:10px; border:0; outline:none}
.search button{ background:none; border:0; color:#fff; padding-left:5px; font-size:16px; outline:none}

/*.nav{ height:60px; background:#f7f7f7; border-bottom:1ps solid #eee; border-top:1px solid #eee;}
.nav ul{border-right:1px solid #e0e0e0;border-left:1px solid #f5f5f5; height:60px; width:1200px; margin:0 auto;}
.nav ul li{ width:148px; text-align:center; height:60px;line-height:60px; border-right:1px solid #f5f5f5;border-left:1px solid #e0e0e0; position:relative }
.nav ul li a { color:#333; display: block;}
.nav ul li:hover a{ color:#53b332}

.nav ul li a.active { width:148px; height:60px; background:#074902; display: block; color:#fff}

.nav ul li ul{ width:118px; height:auto; position:absolute;  border:0; top:60px; left:0px; background:#0081cc; z-index:99; opacity:0; font-size:14px; 
   transform:scale(0);  
    @-webkit-transform:scale(0);  
    @-moz-transform:scale(0);  
    @-o-transform:scale(0);  
    @-ms-transform:scale(0);  
   transition:all 0.3s linear 0.1s; 
   @-webkit-transition:all 0.3s linear 0.1s;
   @-o-transition:all 0.3s linear 0.1s;
   @-ms-transition:all 0.3s linear 0.1s;
   @-moz-transition:all 0.3s linear 0.1s;
}
.nav ul li ul>li{ line-height:35px; text-align:center; width:118px; border:0 ;font-size:14px; background:#0081cc; height:35px}
.nav ul li ul>li a{ color:#53b332; display:block}
.nav ul li ul li:hover{  line-height:35px;width:118px}
.nav ul li ul li:hover a{ color:#fff; }
.nav ul li:hover ul{ opacity:1; 
    transform:scale(1);  
    @-webkit-transform:scale(1);  
    @-moz-transform:scale(1);  
    @-o-transform:scale(1);  
    @-ms-transform:scale(1);  
   
   transition:all 0.3s linear; 
   @-webkit-transition:all 0.3s linear;
   @-o-transition:all 0.3s linear;
   @-ms-transition:all 0.3s linear;
   @-moz-transition:all 0.3s linear; top:60px
   }

*/

.banner{ height:500px; overflow:hidden; margin:0 auto; }
#kinMaxShow{visibility:hidden;width:100%; height:500px; overflow:hidden;}


/* 产品 */
.product1{ padding:40px 0 100px;}
.title{ background:url(../images/tysb.jpg) center no-repeat; height:60px; margin-bottom:20px;}
.title a{ display:block; width:100%; height:60px;}


.menuqq{  width:100%; height:435px;    }
.menuqq .cont{ width:100%; height:265px; overflow:hidden; }
.menuqq .cont .cont_txt{ width:100%; height:265px; background:#fff;}
.menuqq .cont .cont_txt ul li{ width:280px; height:260px; border:1px solid #ccc; margin:0 8px}
.menuqq .cont .cont_txt ul li img{ width:276px; height:256px; padding:2px;}
.menuqq .menu_nav{width:100%; height:140px; margin-bottom:40px }
.menuqq .menu_nav ul li { height:130px; width:130px; margin-left:84px;}
.menuqq .menu_nav ul li font{height:130px; width:130px; border-radius:50%; display:block; background:#333 ; }
.menuqq .menu_nav ul li:nth-child(1) font{ background:url(../images/taoyi1.png) center no-repeat #6aabde ;transform: rotate(0deg); transition:all 0.5s linear}
.menuqq .menu_nav ul li:nth-child(2) font{ background:url(../images/taoyi6.png) center no-repeat #29b3c8;transform: rotate(0deg); transition:all 0.5s linear}
.menuqq .menu_nav ul li:nth-child(3) font{ background:url(../images/taoyi13.png) center no-repeat #7fc945;transform: rotate(0deg); transition:all 0.5s linear}
.menuqq .menu_nav ul li:nth-child(4) font{ background:url(../images/taoyi5.png) center no-repeat #e5bf43;transform: rotate(0deg); transition:all 0.5s linear}
.menuqq .menu_nav ul li:nth-child(5) font{ background:url(../images/taoyi11.png) center no-repeat #4184cb;transform: rotate(0deg); transition:all 0.5s linear}
.menuqq .menu_nav ul li:nth-child(6) font{ background:url(../images/taoyi12.png) center no-repeat #f24c67;transform: rotate(0deg); transition:all 0.5s linear}

.menuqq .menu_nav ul li:nth-child(1):hover font{ background:url(../images/taoyi1.png) center no-repeat #6aabde ;transform: rotate(360deg); transition:all 0.5s linear}
.menuqq .menu_nav ul li:nth-child(2):hover font{ background:url(../images/taoyi6.png) center no-repeat #29b3c8;transform: rotate(360deg); transition:all 0.5s linear}
.menuqq .menu_nav ul li:nth-child(3):hover font{ background:url(../images/taoyi13.png) center no-repeat #7fc945;transform: rotate(360deg); transition:all 0.5s linear}
.menuqq .menu_nav ul li:nth-child(4):hover font{ background:url(../images/taoyi5.png) center no-repeat #e5bf43;transform: rotate(360deg); transition:all 0.5s linear}
.menuqq .menu_nav ul li:nth-child(5):hover font{ background:url(../images/taoyi11.png) center no-repeat #4184cb;transform: rotate(360deg); transition:all 0.5s linear}
.menuqq .menu_nav ul li:nth-child(6):hover font{ background:url(../images/taoyi12.png) center no-repeat #f24c67;transform: rotate(360deg); transition:all 0.5s linear}


.menuqq .menu_nav ul li p{ color:#333; line-height:30px; text-align:center; font-size:16px;}
.menuqq .menu_nav ul li:hover p{ color:#53b332}
.menuqq .menu_nav ul li.hover p{ color:#53b332}
.menuqq .menu_nav ul li:nth-child(1){margin-left:0 }
.menuqq .menu_nav ul li a{ color:#3a3939; display:block}
.menuqq .menu_nav ul li.hover a{ color:#fff}

/* 简介 */

.ab{ height:500px; background:url(../images/ab.jpg) center no-repeat fixed;}
.ab_con{ padding:50px 0; background:url(../images/abcon.png) center no-repeat; height:400px; position:relative}
.ab_con img { width:400px; height:269px; position:absolute; left:155px; top:120px;}
.abtxt{ width:460px; height:285px; border:2px solid #fff; float:right; margin-right:135px; margin-top:40px; padding:20px 20px 20px 70px; line-height:30px; font-size:14px;}
.abtxt a{ color:#666;}
.abtxt a:hover{ color:#53b332}



/* 案例 */
.case{ padding:50px 0 20px;}
.ctit{  background:#53b332; color:#fff; font-size:20px; text-align:center; line-height:40px; width:150px; }
.ctit a { color:#fff;}
.ctit a:hover { display:block; }
#ISL_Cont_1{ margin:10px 0px;height:265px;float:left; padding-top:5px  }
#ISL_Cont_1 .product{width:278px; height:260px; float:left; text-align:center; margin:0 10px;  border:1px solid #eee; position:relative; top:0; transition:all 0.3s linear; background:#fbfbfb}
#ISL_Cont_1 .product a{width:250px; height:90px; float:left; text-align:center; }
#ISL_Cont_1 .product img{width:274px; height:210px; padding:2px }
#ISL_Cont_1 .product:hover {  border:1px solid #fff; box-shadow:0 5px  8px #ddd; top:-5px; background:#fff }

#ISL_Cont_1 .product a span{width:80%;height:60px; line-heisght:35px; text-align:center; display:block; font-size:15px; color:#666; padding:10px 10% ; line-height:24px; }
#ISL_Cont_1 .product a p{ width:120px; height:26px; border:1px solid #ccc; border-radius:13px; margin:10px auto 0; line-height:26px; color:#999}
#ISL_Cont_1 .product a p:hover { color:#fff; background:#333 }
#ISL_Cont_1 .product:hover  span { color:#222}

#Leftarr{float:left; width:27px;height:23px;cursor:pointer; position:relative; left:-35px; top:150px}
#Rightarr{float:right;width:27px;height:23px;cursor:pointer; position:relative; right:-35px; top:-165px;}

/* 新闻 */

.n_left{ width:700px; height:350px; background:url(../images/news.png) left bottom no-repeat; }
.n_left dl dd img{ width:160px; height:115px; float:right; padding:2px ; border:1px solid #eee;}
.n_left dl dt{ float:left; width:360px;}
.n_left dl ,.n_left ul{padding-left:160px; padding-top:15px;}
.n_left dl dt h3{ line-height:30px;}
.n_left dl dt span{ font-size:12px; color:#666; line-height:26px;}
.n_left dl dt p{ font-size:13px; line-height:26px;}
.n_left ul li{ line-height:30px; width:100% ; border-bottom:1px dashed #666}
.n_left ul li span{ float:right}

.c_right{ width:450px;}
.contact{ width:450px; padding:2px; border:1px solid #eee;}
.wx{ width:160px; border:1px solid #eee; float:right; margin-left:20px}
.contxt{ padding-top:20px; line-height:30px;}

.navf{ height:45px; background:#303133; margin-top:50px; line-height:45px; color:#666; text-align:center}
.navf a{ padding:0 30px; color:#ccc; text-align:center; }
.navf a:hover { color:#fff}
.banq{ padding:20px 0; background:#282828; color:#999; text-align:center; line-height:26px; }