*{margin:0;padding:0; list-style:none; text-decoration:none;font-size:12px; font-family:"微软雅黑"}
img{border:0}
input{ outline:none}


#huanying{width:100%;min-width:1000px;height:33px;background:#272526}
.huanying_con{width:1000px;margin:0 auto}
.huanying_con p{float:left; line-height:33px;color:#6c6a6b}
.huanying_con ul{float:right}
.huanying_con ul li{float:left; line-height:33px}
.huanying_con ul li a{color:#abaaaa;padding:0 27px; display:block; background:url(../images/z_huanying_shu.jpg) no-repeat center right}
.huanying_con ul li a:hover{color:#fff}

#logo{width:100%;height:138px; background:#333}
.logo_con{width:1000px;height:138px;margin:0 auto; overflow:hidden; background:url(../images/top_sanjiao.jpg) no-repeat bottom}
.logo_con .logo{margin-top:40px;float:left}
.logo_con .logo_r{float:right;color:#ccc}
.logo_con .logo_r p{padding:40px 0 0 70px}
.logo_con .logo_r input{width:192px;height:26px; background:#3a3939;border:none;color:#737272;padding-left:15px}
.logo_r img{float:right}
.logo_r form{margin-top:15px}

.nav_con .shouye a{color:#FFF}
#nav{width:100%;height:51px; background:#202020}
.nav_con_gd{width:1000px;height:51px;margin:0 auto;padding-top:8px}
.nav_con{width:1000px;height:35px;margin:0 auto; overflow:hidden}

.nav_con li{float:left; position:relative;background:url(../images/z_huanying_shu.jpg) no-repeat right 14px}
.nav_con_sy{position:relative;}
.nav_con li a{ display:block;height:35px; line-height:35px; text-align:center;color:#c7c7c7; padding:0 30px}
.nav_con li a:hover{color:#fff}


#banner{width:100%;height:529px; background:url(../images/z_banner3.jpg) no-repeat center center; }


#cpzl{width:100%}
.cpzl_bt,.cpys_bt,.guanyu_bt{width:1000px;margin:0 auto; text-align:center;}
.cpzl_bt img,.cpys_bt img,.guanyu_bt img{padding:50px 0 20px 0}
.cpzl_bt h2 img,.cpys_bt h2 img,.guanyu_bt h2 img{padding:0}
.cpzl_bt span,.cpys_bt span,.guanyu_bt span{padding:7px 0 20px 0; display:block;color:#bfbdbd; }
.cpzl_tb_xg{width:1000px;height:170px;margin:0 auto; position:relative; overflow:hidden}
.cpzl_tb_xg_b{ position:absolute;top:200px; opacity:0; transition:all 1s}
.active0 .cpzl_tb_xg_b{ opacity:1;top:0}
#cpzl em{ display:block;width:100%;height:1px;background:url(../images/xian.jpg) no-repeat center bottom;margin-bottom:25px; opacity:0; transition:all 5s}


.cpzl_con_xg{width:1000px;height:500px;margin:0 auto; position:relative}
.cpzl_con_xg_d{ position:absolute;top:80px; opacity:0; transition:all 1.5s}
.active4 .cpzl_con_xg_d{ opacity:1;top:0}
.cpzl_cp{width:1000px;height:500px;margin:0 auto; position:relative}
.cpzl_cp_nav{width:482px;margin:0 auto;height:100px}
.cpzl_cp_nav li{float:left; position:relative;margin:0 22px; cursor:pointer}
.cpzl_cp_nav li a:hover{ background:#333;}

.cpzl_cp_nav li:hover img{ display:none}
.cpzl_cp_nav li:hover span{ display:block}

.cpzl_cp_nav li a.active{ background:#333;}
.cpzl_cp_nav li img.active{ display:none}
.cpzl_cp_nav li span.active{ display:block}


/*
$(".cpzl_cp_nav li").hover(function(){
	
	$(this).find("img").css({display:none})
	$(this).find("span").css({display:block})
	
	},function(){})

*/
.cpzl_cp_nav li a{ display:block;width:52px;height:52px; background:#ccc;border-radius:26px; text-align:center;  transition:all 0.5s}
/*.cpzl_cp_nav li a.hover{ opacity:1}*/
.cpzl_cp_nav li a img{top:15px;left:9px; transition:all 0.5s}
.cpzl_cp_nav li a span{ display:none;width:52px;height:52px; text-align:center; line-height:52px;color:#fff; transition:all 0.5s}
.cpzl_cp_nav li a img,.cpzl_cp_nav li a span{ position:absolute}


.cpzl_cp_sf{width:1000px;margin:0 auto; position:absolute; display:none}
.cpzl_cp_sf li{width:247px;height:350px;float:left; position:relative; cursor:pointer; overflow:hidden;margin-right:4px}
.cpzl_cp_sf li img{ position:absolute}
.cpzl_cp_sf li .img_bg{ position:absolute;width:247px;height:350px; background:#000; opacity:0.4;top:350px; transition:all 0.5s}
.cpzl_cp_sf li .img_wz{ position:absolute;top:-168px; transition:all 0.5s}
.cpzl_cp_sf li:hover .img_bg{top:0px}
.cpzl_cp_sf li:hover .img_wz{top:130px}

.cpzl_cp p{width:1000px;height:50px;margin:0 auto; background:#f5f4f4; text-align:center; line-height:50px;margin-top:374px}
.cpzl_cp a{color:#b9b7b7}
.cpzl_cp p:hover{color:#fff}
.cpzl_cp p:hover{background:#ccc}


#cpys{width:100%;height:550px; background:url(../images/z_youshibg.png);margin:70px 0 75px 0}
.cpys_bt_xg{ width:1000px;margin:0 auto;height:170px;position:relative; overflow:hidden}
.cpys_bt_xg_d{ height:170px;position:absolute;top:170px; opacity:0; transition:all 1s}
.active .cpys_bt_xg_d{ opacity:1;top:0}
#cpys em{ display:block;width:100%;height:1px;background:url(../images/xian.jpg) no-repeat center bottom;margin-bottom:25px; opacity:0; transition:all 6s}
.cpys_con{width:1000px;margin:0 auto;padding-top:20px;height:320px ;position:relative; overflow:hidden}
.cpys_con_xg{width:1000px;margin:0 auto;height:320px; position:absolute;top:90px; opacity:0; transition:all 1s}
.active1 .cpys_con_xg{top:0; opacity:1}
.cpys_con li{ cursor:pointer;width:477px;height:108px; overflow:hidden; position:relative;float:left;margin:0 46px 50px 0}
.cpys_con img{padding-right:28px; position:absolute;top:0;left:0; z-index:1}
.cpys_con h3{font-size:14px;color:#9c9c9c;padding:14px 0;border-bottom:1px solid #dedede;width:341px;float:right;margin-bottom:10px; transition:all 0.5s}
.cpys_con p{color:#cdcdcd; line-height:19px;float:right;width:341px; transition:all 0.5s}
.cpys_con .img_bg{ position:absolute;top:23px;left:20px;width:71px;height:66px; background:#7a7a7a; z-index:-1; opacity:0; transition:all 1s}
.cpys_con li:hover .img_bg{ opacity:1}
.cpys_con li:hover p{color:#999}
.cpys_con li:hover h3{color:#666}


#guanyu{width:100%;height:507px; background:#313131}
#guanyu em{display:block;width:100%;height:1px;background:url(../images/z_guanyu_xian.jpg) no-repeat center bottom;margin-bottom:25px; opacity:0; transition:all 10s}

.guanyu_tb_xg{height:170px;width:1000px;margin:0 auto; position:relative; overflow:hidden}
.guanyu_tb_xg_d{ height:170px;position:absolute;top:170px;width:1000px; opacity:0; transition:all 1s}
.active2 .guanyu_tb_xg_d{ opacity:1;top:0}
.guanyu_bt span{color:#b6b4b4}
.guanyu_con{width:1000px;margin:0 auto; text-align:center;padding-top:50px}
.guanyu_con p{width:614px;color:#cacaca;margin:0 auto;padding-top:30px; line-height:18px}
.guanyu_c_xg{height:285px;width:1000px;margin:0 auto; position:relative; overflow:hidden}
.guanyu_con{ position:absolute;top:300px; opacity:0; transition:all 1s}
.active3 .guanyu_con{ opacity:1;top:0}
#footer{width:100%; background:#202020}
.footer_con{width:1000px;height:90px;margin:0 auto}
.footer_con img{margin-top:33px;float:left}
.footer_con span{ line-height:90px;float:right;color:#aaa}

























