a{ color:#444;}
a:hover{ color:#2d93f0;}

/*幻灯片*/
.bg_a{ width:100%; background:#F6F6F6;}
.wrap{ width:1200px; margin:0 auto; padding-bottom:50px;}
.i_name{ width:100%; text-align:center; padding:50px 0;}
.i_name p{ width:100%; height:20px; line-height:20px; font-size:12px; color:#999999;}
.i_name em{ display:block; width:100%; height:30px; line-height:30px; font-size:28px; color:#656565;}
.i_name img{ width:232px; height:38px; vertical-align:top;}
.i_service{ width:100%;}
.i_service li{ width:388px; background:#FFF; float:left; margin-bottom:12px; margin-right:12px; text-align:center; text-align:center; padding:15px 25px;}
.i_service li:hover{ box-shadow:0 2px 5px #999;}
.i_service li a{ display:block; width:100%; height:100%;}
.i_service li .tu{ width:100%; height:150px; text-align:center; line-height:150px; overflow:hidden;}
.i_service li .tu img{ width:130px; height:130px; vertical-align:middle;}
.i_service li:hover .tu img{ transform:scale(1.1); -moz-transform:scale(1.1); -webkit-transform:scale(1.1); transition:all ease-in-out .4s;}
.i_service li .title{ width:100%; height:60px; text-align:center; line-height:60px; font-size:28px; color:#666;}
.i_service li a:hover .title{ color:#2d93f0;}
.i_service li .ctn{ width:100%; text-align:left; font-size:14px; color:#666; height:120px; overflow:hidden; margin-top:7px; line-height:175%;}
.works{ width:100%;}
.works .more{ display:block; width:100%; padding-top:45px; text-align:center;}
.works .more a{ display:inline-block; *display:inline; zoom:1; width:auto; height:60px; line-height:60px; background:#A4A4A4; padding:0 20px; vertical-align:top;}
.works .more a span{ display:inline-block; *display:inline; zoom:1; height:60px; line-height:60px; padding-left:55px; background:url(../images/icon4.png) no-repeat left center; font-size:18px; color:#FFF; background-size:45px auto;}
.works dl{ width:100%;}
.works dl dt{ width:600px; height:526px; float:left; position:relative; overflow:hidden;}
.works dl dt img{ width:600px; height:526px; vertical-align:top;}
.works dl dd{ width:600px; height:526px; float:right; overflow:hidden;}
.works dl dt .des,.works dl dd ul li .des{ width:100%; height:526px; background:url(../images/bg_2.png) repeat; position:absolute; left:0; top:0; z-index:9; padding:30px 40px; color:#FFF; opacity:0;filter: alpha(opacity=0);}
.works dl dt:hover .des,.works dl dd ul li:hover .des{opacity:1;filter: alpha(opacity=100); transition:all ease-in-out .4s;}
.works dl dd ul{ width:100%;}
.works dl dd ul li{ width:300px; height:263px; float:left; position:relative; overflow:hidden;}
.works dl dd ul li img{ width:300px; height:263px; vertical-align:top;}
.works dl dd ul li .des{ height:263px; padding:10px 20px;}
.works dl dt .des .title{ width:100%; height:50px; line-height:50px; white-space:nowrap; overflow:hidden; text-overflow:ellipsis; font-size:28px;}
.works dl dt .des .title a{ color:#FFF;}
.works dl dt .des .ctn{ width:100%; margin:10px 0 25px; overflow:hidden; font-size:14px; overflow:hidden; line-height:185%; max-height:245px;}
.works dl dt .des .d_more{ display:block; width:150px; height:45px; background:#2d93f0; color:#FFF; font-size:18px; text-align:center; line-height:45px;}
.works dl dd ul li .des .title{ width:100%; height:40px; line-height:40px; white-space:nowrap; overflow:hidden; text-overflow:ellipsis; font-size:22px;}
.works dl dd ul li .des .title a{ color:#FFF;}
.works dl dd ul li .des .ctn{ width:100%; margin:10px 0 25px; overflow:hidden; font-size:14px; overflow:hidden; line-height:185%; max-height:105px;}
.works dl dd ul li .des .d_more{ display:block; width:130px; height:35px; background:#2d93f0; color:#FFF; font-size:16px; text-align:center; line-height:35px;}
.i_about{ width:100%;}
.i_about dt{ width:410px; float:left;}
.i_about dt img{ width:100%; height:auto; vertical-align:top;}
.i_about dd{ width:760px; float:right; text-align:left;}
.i_about dd h6{ width:100%; height:50px; line-height:40px; font-size:40px; color:#59B331;}
.i_about dd .tip{ width:100%; padding:10px 0 15px; text-align:left; font-size:18px; color:#D0D0D0; line-height:165%;}
.i_about dd p{ width:100%; font-size:14px; color:#666; line-height:200%; margin-bottom:10px;}
.i_about dd span{ display:inline-block; *display:inline; zoom:1; width:auto; padding:0 12px; color:#FFF; background:#2d93f0; height:30px; line-height:30px; border-radius:10px; -moz-border-radius:10px; -webkit-border-radius:10px;}
.i_news{ width:100%;}
.tabBox_t , .tabBox  {width:100%;text-align:left;}
.tabBox .tabNav {overflow: hidden; width:100%; text-align:center;}
.tabBox .tabNav li { display:inline-block; *display:inline; zoom:1; text-align:center; cursor:pointer; width:140px; height:38px; text-align:center; line-height:38px; color:#FFF; margin:0 8px; vertical-align:top; font-size:16px; }
.tabBox .tabNav li.now { background:#2d93f0;}
.tabBox .tabCont {border-radius: 10px; display:none; width:92%; box-shadow: 0 1px 30px rgba(0, 0, 0, 0.15);}
.i_news_m{ width:100%;}
.i_news_m li{ width:360px; float:left; margin-right:40px; margin-top:50px;}
.i_news_m li .title,.news li .title{ width:100%; height:40px; line-height:40px; white-space:nowrap; overflow:hidden; text-overflow:ellipsis; font-size:16px; border-bottom:1px solid #eee;}
.i_news_m li .des,.news li .des{ width:100%; height:45px; font-size:14px; color:#666; line-height:175%; overflow:hidden; margin:15px 0;}
.i_news_m li .more,.news li .more{ display:block; width:80px; height:30px; line-height:28px; text-align:center; border:1px solid #2d93f0; color:#2d93f0; border-radius:4px; -moz-border-radius:4px; -webkit-border-radius:4px;}
.i_customer{ width:100%;}
.i_customer li{ width:236px; height:113px; float:left; margin-right:5px; margin-bottom:5px;}
.i_customer li img{ width:236px; height:113px; vertical-align:top;-webkit-filter: grayscale(100%);   -moz-filter: grayscale(100%);-ms-filter: grayscale(100%);   -o-filter: grayscale(100%);filter: grayscale(100%);filter: gray;transition: 0.5s;-moz-transition: 0.5s;-webkit-transition:0.5s;-o-transition: 0.5s;}
.i_customer li:hover img{-webkit-filter: grayscale(0);-moz-filter: grayscale(0);-ms-filter: grayscale(0);-o-filter: grayscale(0);filter: grayscale(0);}
.bg_b{ width:100%; background:#2d93f0;}
.f_zx{ padding:25px 0; position:relative;}
.f_zx p{ width:815px; font-size:18px; color:#FFF; line-height:175%;}
.f_zx a{ display:block; width:210px; height:60px; background:#FFF; position:absolute; right:0; top:27px; color:#2d93f0; font-size:24px; text-align:center; line-height:60px;}
.bg_c{ width:100%; background:url(../images/bg_3.jpg) no-repeat; background-size:cover;}
.foot{ width:100%; color:#FFF; padding-top:50px;}
.foot li{ width:33.33%; float:left; position:relative; padding-right:30px;}
.foot li .f_logo img{ width:246px; height:61px; vertical-align:top;}
.foot li .f_logo{ padding-bottom:25px; display:block;}
.foot li p{ width:100%; line-height:155%; padding:5px 0;}
.foot li.f_a,.foot li.f_b{ padding-top:86px;}
.foot li b{ display:block; width:100%; height:35px; line-height:35px; font-size:15px;}
.foot li.f_a p{ width:100%; padding-left:25px;}
.foot li.f_a .f_a1{ background:url(../images/icon5.png) no-repeat left 8px;}
.foot li.f_a .f_a2{ background:url(../images/icon6.png) no-repeat left 8px;}
.foot li.f_a .f_a3{ background:url(../images/icon7.png) no-repeat left 8px;}
.foot li.f_b .f_bm{ width:100%; padding-right:40%;}
.foot li.f_b span{ display:inline-block; *display:inline; zoom:1; height:28px; line-height:28px; width:45%; vertical-align:top; white-space:nowrap; overflow:hidden; text-overflow:ellipsis;}
.foot li.f_b span a{ color:#FFF;}
.foot li.f_b .code{ width:35%; position:absolute; right:0; top:85px; text-align:center;}
.foot li.f_b .code img{ width:80%; height:auto; vertical-align:top;}
.foot li.f_b .code p{ width:100%; height:30px; line-height:30px; font-size:12px; text-align:center;}
.banners ,.banners img{ width:100%; height:auto; vertical-align:top;}
.bg_a{ position:relative;}
.top_a{ width:100%; height:30px;background-position:top center; background-size:1920px 30px; position:absolute; left:0; top:-30px; z-index:999;}
.s_top{ padding-bottom:25px; text-align:center;}
.s_top em{ font-style: normal;color:#2d93f0;display:inline-block; *display:inline; zoom:1; width:auto; height:40px; line-height:35px; border:1px solid ##2d93f0; padding:10px 20px; font-size:30px; font-weight:500; vertical-align:top; border-radius:5px; -moz-border-radius:5px; -webkit-border-radius:5px;}
.s_top .pst{ width:100%; text-align:center; padding-top:8px;color:#2d93f0;}
.service{ width:100%; text-align:center; padding-top:50px;}
.service h6{ width:100%; text-align:center; font-size:20px; font-weight:normal; color:#666; padding:10px 0;}
.service .ctn{ width:100%; text-align:center; margin-bottom:30px; color:#666; line-height:175%;}
.service ul{ width:100%; text-align:center; margin-bottom:15px;}
.service ul li{ width:380px; height:195px; display:inline-block; *display:inline; zoom:1; vertical-align:top; margin:10px 2px;}
.service ul li img{ width:380px; height:195px; vertical-align:top;}
.s_ctn{ width:100%; text-align:center; color:#666; line-height:175%; overflow:hidden;}
.s_ctn img{ max-width:100%; height:auto; vertical-align:top;}
.about{ padding-top:50px;}
.about .tabBox .tabNav li{color:#2d93f0; height:30px; line-height:28px; width:auto; padding:0 10px;border: 1px solid #2d93f0;  border-radius:5px; -moz-border-radius:5px; -webkit-border-radius:5px; }
.about .tabBox .tabNav{ margin-bottom:40px;}
.about .tabBox .tabNav li.now{ color:#FFF;}
.contact{ width:100%; text-align:center;}
.contact .s_ctn b{ font-size:24px; font-weight:normal;}
.s_ctn .line{ width:100%; height:3px; background:#eee; margin-top:40px;}
.map{ width:100%; padding-top:20px;}
.map img{ width:100%;}
.book{ width:860px; margin:0 auto;}
.book li{ width:50%; float:left; position:relative; margin-bottom:30px; padding:0 50px 0 100px;}
.book li span{ display:block; width:100px; height:35px; line-height:35px; font-size:16px; position:absolute; left:0; top:0;}
.book li input{ width:100%; height:35px; line-height:35px; border:1px solid #ddd; padding:0 10px;}
.book li i{ display:block; font-style:normal; color:#F00; position:absolute; right:40px; top:0; height:35px; line-height:35px;}
.book li.chang{ width:100%; clear:both;}
.book li.chang p{ width:100%; font-size:12px; color:#888; padding:10px 0; line-height:165%;}
.book li.chang textarea{ width:100%; height:90px; border:1px solid #ddd; padding:10px; line-height:165%;}
.book li.btn{ padding:0; text-align:center;}
.book li.btn input{ display:inline-block; *display:inline; zoom:1; width:190px; height:45px; margin:30px auto; background:#2d93f0; color:#FFF; border-radius:5px; -moz-border-radius:5px; -webkit-border-radius:5px; font-size:16px; cursor:pointer;}
.customer{ width:100%; padding-top:50px; line-height:175%; text-align:center;}
.customer ul{ width:100%; padding-top:40px;}
.customer ul li{ width:398px; float:left; margin-right:3px;}
.customer ul li .tu{ width:100%; height:115px; text-align:center; line-height:115px; border:1px solid #eee;}
.customer ul li .tu img{ width:236px; height:113px; vertical-align:top;-webkit-filter: grayscale(100%);   -moz-filter: grayscale(100%);-ms-filter: grayscale(100%);   -o-filter: grayscale(100%);filter: grayscale(100%);filter: gray;transition: 0.5s;-moz-transition: 0.5s;-webkit-transition:0.5s;-o-transition: 0.5s;}
.customer ul li:hover .tu img{-webkit-filter: grayscale(0);-moz-filter: grayscale(0);-ms-filter: grayscale(0);-o-filter: grayscale(0);filter: grayscale(0);}
.customer ul li .name{ width:100%; height:31px; text-align:center; line-height:31px; white-space:nowrap; overflow:hidden; text-overflow:ellipsis; color:#FFF; background:#585858; padding:0 8px;}
.customer ul li:hover .name{ background:#2d93f0;}
.news{ width:100%;}
.news li{  box-sizing: border-box; width:380px; float:left; margin-left:4.5%; margin-bottom:30px; padding: 20px; box-shadow: 0 1px 30px rgba(0, 0, 0, 0.15);}
.news li .tu{ width:100%;}
.news li .tu img{ width:100%; height:115px; vertical-align:top;}
.pages{ width:100%; text-align:center; padding-top:15px;}
.pages a,.pages span{ display:inline-block; *display:inline; zoom:1; margin:3px; vertical-align:top; padding:0 10px; height:30px; line-height:30px;}
.pages a{ border:1px solid #ddd;}
.pages a.on,.pages a:hover{ color:#FFF; background:#666;}
.s_works{ width:100%; padding-top:50px;}
.s_works ul{ width:100%; padding-bottom:40px;}
.s_works ul li{border-radius: 5px;box-shadow: 0 1px 20px rgba(0, 0, 0, 0.15); width:380px; height:340px; margin-left:15px;margin-top:40px;float:left; position:relative;overflow: hidden;}


@media screen and (max-width:670px){
.s_works ul li{  
    	width: 340px;  
		box-shadow: 0 1px 30px rgba(0, 0, 0, 0.15);
		height:340px; 
		margin-top:30px;
		float:left; 
		position:relative;
		overflow: hidden;
		border-radius: 5px;
}
}
.s_works ul li img{opacity: 0.8; padding: 10px; box-sizing: border-box; width:400px; height:340px; vertical-align:top; transition:All 0.4s ease-in-out;}
.s_works ul li .des{color:#2d93f0; width:100%; height:70px; text-align:center; position:absolute; left:0; top:270px; background:rgba(255,255,255,1); white-space:nowrap; overflow:hidden; text-overflow:ellipsis; line-height:45px; font-size:18px;}
.s_works ul li .des p{ width:100%; height:20px; line-height:20px; text-align:center; font-size:16px; color:#888; margin-top:-9px;}
.s_works ul li:hover .des p,.s_works ul li:hover .des{ color:#FFF;}
.s_works ul li:hover .des{background:#2d93f0; transition:all ease-in-out .4s;}
.s_works ul li:hover .des p,.s_works ul li:hover img{ transform:scale(1.06);opacity: 1; }