@charset "utf-8";
#top{width:100%; height:auto; background:url(../images/bg.png) repeat-x 0 0}
.top{width:100%; height:153px; background:url(../images/top.jpg) no-repeat center 0;}
.nav{width:100%; height:50px; border-bottom:1px solid #000; background:#fff;}
.nav ul{width:1200px; height:50px; margin:0 auto;}
.nav ul li{width:auto; height:50px; line-height:50px; text-align:center; float:left}
.nav ul li a{width:auto; border-right:1px solid #fff; height:50px; display:block; color:#000; font-weight:bold; font-size:15px; padding:0 18px;}
.nav ul li a:hover{color:#fff; background:#000;-webkit-transition:all 0.8s ease;-moz-transition:all 0.8s ease;transition:all 0.8s ease;}
.nav ul li a.hover{background:#000; color:#FFF;}
.banner{width:100%; height:449px; border-bottom:1px solid #000;}
.flexslider{position:relative;width:100%;height:449px;overflow:hidden;zoom:1;}
.flexslider a{display:block; width:100%; text-indent:-100000px}
.flex-viewport{max-height:2000px;-webkit-transition:all 1s ease;-moz-transition:all 1s ease;transition:all 1s ease;}
.flexslider .slides{zoom:1;}
.flex-direction-nav a{width:60px;height:90px;line-height:99em;overflow:hidden;margin:-60px 0 0;display:block;background:url(../images/ad_ctr.png) no-repeat;position:absolute;top:50%;z-index:10;cursor:pointer;opacity:0;filter:alpha(opacity=0);-webkit-transition:all .3s ease;}
.flex-direction-nav .flex-next{background-position:0 -90px;right:0;}
.flex-direction-nav .flex-prev{left:0;}
.flexslider:hover .flex-next{opacity:0.8;filter:alpha(opacity=25);}
.flexslider:hover .flex-prev{opacity:0.8;filter:alpha(opacity=25);}
.flexslider:hover .flex-next:hover, .flexslider:hover .flex-prev:hover{opacity:1;filter:alpha(opacity=50);}
.flex-control-nav{width:100%;position:absolute;bottom:10px;text-align:center;}
.flex-control-nav li{margin:0 5px;display:inline-block;zoom:1;*display:inline;}
.flex-control-paging li a{background:url(../images/dot.png) no-repeat 0 -16px;display:block;height:16px;overflow:hidden;text-indent:-99em;width:16px;cursor:pointer;}
.flex-control-paging li a.flex-active{background-position:0 0;}

#content{width:1200px; height:auto; margin:0 auto;}
.sy_title{width:100%; height:90px; text-align:center; font-size:30px; color:#000; font-weight:bold; text-transform:uppercase; line-height:40px; background:url(../images/line.png) no-repeat 0 62px;}
.anli{width:100%; height:230px; margin-bottom:20px;}
.al_show{width:1200px; height:97px; margin:0 auto}
.al_show a{display:block; width:170px; height:97px; float:left;}
.al_show a img{width:168px; height:95px; border:1PX solid #bfbfbf}
.al_show{display:none;}
.al_show a:hover img{-webkit-filter: grayscale(100%);
    -moz-filter: grayscale(100%);
    -ms-filter: grayscale(100%);
    -o-filter: grayscale(100%);
    
    filter: grayscale(100%);
	
    filter: gray;-webkit-transition:all 0.5s ease;-moz-transition:all 0.5s ease;transition:all 0.5s ease;}
    #demo{
overflow:hidden;
width:1180px;
margin: 0 auto;
}
#indemo{
float: left;
width: 800%;
}
#demo1{
float: left;
}
#demo2{
float: left;
}
.krakatoa-control{
	padding-bottom:20px;
}
.arrows{
	position:absolute;
	top:50px;
	left:-50px;
	z-index:100;
}
.arrow{
	position:absolute;
}
.arrow a{
	display:block;
	width:30px;
	height:0;
	padding-top:32px;
	overflow:hidden;
	cursor:pointer;
}
.arrow-left a{
	background:url(../images/left.png) no-repeat;
	
}
.arrow-right a{
	background:url(../images/right.png) no-repeat;
	left:1170px;
	position:absolute;
}
.arrow-left a:hover{
	background-position:0 -32px;
}
.arrow-right a:hover{
	background-position:0px -32px;
}

.cp{width:100%; height:595px; margin-bottom:10px; clear:both;}
.cp_title{width:100%; height:50px; line-height:50px; border-bottom:1px solid #c7c7c7; margin-bottom:24px;}
.cp_title h2{width:auto; height:auto; padding-left:20px; background:url(../images/icon_1.png) no-repeat 0 center; font-size:26px; letter-spacing:3px; float:left;}
.cp_title .xl{width:auto;  height:40px; float:left; padding-top:5px; padding-left:10px; color:#c8c6c4}
.cp_title .xl a{color:#000; padding:0 10px; font-size:15px;}
.cp_title .xl a:hover{text-decoration:underline;}
.cp_title .more{width:60px; height:40px; float:right; padding-top:5px; text-align:right; font-size:15px;}
.cp_title .more a{color:#000;}
.cp_title .more a:hover{text-decoration:underline;}
.cp_list{width:300px; height:520px; float:left; margin-right:10px;}
.cp_list ul li{width:300px; height:250px; background:url(../images/icon_3.png) no-repeat right bottom; margin-bottom:10px; overflow:hidden}
.cp_list ul li .l_img{display:block; width:300px; height:200px; position:relative; overflow:hidden}
.cp_list ul li .l_img img{width:300px; height:200px; display:block; position:absolute; z-index:1; top:0; left:0;}
.cp_list ul li .l_img .zhe{width:400px; height:360px; top:200px; left:300px; position:relative; z-index:2; background:url(../images/zhe.png) no-repeat 0 0;}
.cp_list ul li .cp_name{width:300px; height:37px;}
.cp_list ul li .cp_name h2{width:240px; height:37px; background:url(../images/icon_2.png) repeat; font-size:16px; float:left; text-indent:10px;}
.cp_list ul li .cp_name a{color:#fff; font-weight:bold; line-height:37px;}
.cp_list ul li .cp_name .gengduo{width:60px; height:35px; background:#6e6e6e; float:right; text-align:center; padding-top:2px;}
.cp_list ul li .cp_name .gengduo a{font-size:14px; line-height:16px;}
.cp_list ul li:hover .zhe{top:-200px; left:-300px;-webkit-transition:all 1.2s ease;-moz-transition:all 1.2s ease;transition:all 1.2s ease;}

.datu{width:580px; height:515px; float:left;}
.datu .krakatoa-control{
	padding:0
}
.datu .arrows{
	position:absolute;
	top:230px;
	left:25px;
	z-index:100;
}
.datu .arrow a{
	display:block;
	width:30px;
	height:0;
	padding-top:32px;
	overflow:hidden;
	cursor:pointer;
}
.datu .arrow-left a{
	background:url(../images/left.png) no-repeat;
	
}
.datu .arrow-right a{
	background:url(../images/right.png) no-repeat;
	left:505px;
	position:absolute;
}
.datu .arrow-left a:hover{
	background-position:0 -32px;
}
.datu .arrow-right a:hover{
	background-position:0px -32px;
}

.cp_big{width:580px; height:515px; float:left; background:url(../images/icon_7.png) no-repeat center bottom;}
.cp_big img{width:580px; height:461px; display:block;}
.cp_big .cp_name{width:580px; height:37px;}
.cp_big .cp_name h2{width:467px; height:37px; background:url(../images/icon_2.png) repeat; font-size:16px; float:left; text-indent:10px;}
.cp_big .cp_name a{color:#fff; font-weight:bold; line-height:37px;}
.cp_big .cp_name .gengduo{width:113px; height:37px; background:#6e6e6e; float:right; text-align:center;;}
.cp_big .cp_name .gengduo a{font-size:14px; line-height:37px;}

.cp_list ul li .cp_name h2.t2{ background:url(../images/icon_5.png) repeat}
.cp_list ul li .cp_name h2.t2 a{color:#000;}
.cp_list ul li .cp_name .gd{background:#000;}

.cp_big .cp_name h2.t2{ background:url(../images/icon_6.png) repeat}
.cp_big .cp_name h2.t2 a{color:#000;}
.cp_big .cp_name .gd{background:#000;}

.ad{width:100%; height:171px; background:url(../images/icon_10.png) no-repeat 0 bottom; clear:both}
.ad img{width:1200px; height:149px; display:block;}

.list1{width:1198px; margin:0 auto; height:245px; margin-bottom:10px;}
.list1 ul li{width:292px; height:217px; background:url(../images/icon_3.png) no-repeat right bottom; float:left; margin-right:10px;}
.list1 ul li img{width:292px; height:195px; display:block;}
.list1 ul li .cp_name{width:292px; height:37px;}
.list1 ul li .cp_name h2{width:236px; height:37px; background:url(../images/icon_2.png) repeat; font-size:16px; float:left; text-indent:10px;}
.list1 ul li .cp_name a{color:#fff; font-weight:bold; line-height:37px;}
.list1 ul li .cp_name .gengduo{width:56px; height:35px; background:#6e6e6e; float:right; text-align:center; padding-top:2px;}
.list1 ul li .cp_name .gengduo a{font-size:14px; line-height:16px;}

.list1 ul li .l_img{display:block; width:292px; height:195px; position:relative; overflow:hidden}
.list1 ul li .l_img img{width:292px; height:195px; display:block; position:absolute; z-index:1; top:0; left:0;}
.list1 ul li .l_img .zhe{width:400px; height:360px; top:200px; left:300px; position:relative; z-index:2; background:url(../images/zhe.png) no-repeat 0 0;}

.list2 ul li .l_img{display:block; width:292px; height:195px; position:relative; overflow:hidden}
.list2 ul li .l_img img{width:292px; height:195px; display:block; position:absolute; z-index:1; top:0; left:0;}
.list2 ul li .l_img .zhe{width:400px; height:360px; top:200px; left:300px; position:relative; z-index:2; background:url(../images/zhe.png) no-repeat 0 0;}
.list1 ul li:hover .zhe{top:-200px; left:-300px;-webkit-transition:all 1.2s ease;-moz-transition:all 1.2s ease;transition:all 1.2s ease;}
.list2 ul li:hover .zhe{top:-200px; left:-300px;-webkit-transition:all 1.2s ease;-moz-transition:all 1.2s ease;transition:all 1.2s ease;}
.list2{width:1198px; margin:0 auto; height:225px;}
.list2 ul li{width:292px; height:245px; background:url(../images/icon_3.png) no-repeat right bottom; float:left; margin-right:10px;}
.list2 ul li img{width:292px; height:195px; display:block;}
.list2 ul li .cp_name{width:292px; height:37px;}
.list2 ul li .cp_name h2{width:236px; height:37px; background:url(../images/icon_5.png) repeat; font-size:16px; float:left; text-indent:10px;}
.list2 ul li .cp_name a{color:#000; font-weight:bold; line-height:37px;}
.list2 ul li .cp_name .gengduo{width:56px; height:35px; background:#000; float:right; text-align:center; padding-top:2px;}
.list2 ul li .cp_name .gengduo a{font-size:14px; line-height:16px; color:#fff}


.about_news{width:1200px; height:465px; margin-bottom:40px; padding-top:15px; background:url(../images/icon_9.png) no-repeat center 0;}
.about{width:397px; padding-top:105px; float:left; height:320px; overflow:hidden; line-height:200%; padding-bottom:40px; background:url(../images/about_bg.jpg) no-repeat; color:#fff; padding-left:58px; padding-right:55px}
.about a{color:#fff;}
.about a:hover{color:#fff; text-decoration:underline}
.news{width:689px; height:463px; float:right; border:1px solid #e6e6e6; border-left:none}
.news_title{width:610px; height:50px; line-height:50px; border-bottom:1px solid #000; margin:0 auto 12px auto; padding-top:10px;}
.news_title h2{float:left;}
.news_title .more{float:right; padding-top:30px;}

.news_show{width:295px; float:left;}
.news_show img{width:277px; height:165px; border:1px solid #bcbcbc; padding:8px; display:block}
.news_show  .more{width:290px; height:14px; background:url(../images/line3.png) no-repeat 0 23px; text-align:right; padding-top:20px;}
.news_show  .more img{width:79px; height:9px; border:none; padding:0; float:right}
.news_show ul{padding-top:10px;}
.news_show ul li{background:url(../images/icon_8.png) no-repeat 5px center; vertical-align:middle; padding-left:30px; height:24px; margin-bottom:5px;}
.news_show ul li a{display:block; width:180px; height:24px; float:left; color:#000}
.news_show ul li a:hover{text-decoration:underline;}
.news_show ul li span{float:right; width:80px; text-align:right; font-size:13px;}

.service{width:1200px; height:250px;}
.fw_show{width:1200px; height:150px; position:relative;}
.fw_show .fw {text-align:center;}
.fw_show .fw img{display:block;}
.fw_show .fw:hover{-webkit-transition:all 0.5s ease;-moz-transition:all 0.5s ease;transition:all 0.5s ease;}
.fw_show .fw a{color:#000; font-size:16px; font-weight:bold;}
.fw1{width:126px; height:140px; position:absolute; top:30px; left:35px;}
.fw1 img{margin-bottom:5px; padding-left:22px;}
.fw1:hover{top:10px;}
.fw2{width:136px; height:140px; position:absolute; top:30px; left:280px;}
.fw2 img{padding-left:22px; margin-bottom:2px;}
.fw2:hover{top:10px;}
.fw3{width:136px; height:140px; position:absolute; top:35px; left:530px;}
.fw3 img{margin-bottom:15px; padding-left:25px;}
.fw3:hover{top:15px;}
.fw4{width:136px; height:140px; position:absolute; top:35px; left:760px;}
.fw4 img{margin-bottom:6px; padding-left:27px;}
.fw4:hover{top:15px;}
.fw5{width:210px; height:140px; position:absolute; top:45px; right:20px;}
.fw5 img{margin-bottom:14px; padding-left:27px;}
.fw5:hover{top:25px;}

.foot{width:100%; height:210px; background:url(../images/foot_bg.jpg) no-repeat center; padding-top:35px;}
.foot_nav{width:1030px; margin:0 auto 30px auto; background:#FFF; height:46px; line-height:46px;}
.foot_nav ul{width:1000px; height:46px; margin:0 auto;}
.foot_nav ul li{width:125px; height:46px; float:left; background:url(../images/line2.png) no-repeat right center; text-align:center}
.foot_nav ul li a{color:#000;}
.foot_nav ul li a:hover{text-decoration:underline;}
.foot_contact{width:1020px; height:120px; margin:0 auto;}
.foot_contact h2{color:#fff; line-height:36px;}
.foot_contact p{color:#fff; line-height:36px;}
.foot_contact a { color:#FFFFFF;}
.foot_contact a:hover { text-decoration:underline;}

.gg{margin-top:15px; margin-bottom:25px;