/*轮播图开始*/ .zz_lunbo{ width:100%; height:416px; overflow: hidden; position: relative; background: center no-repeat; } .zz_lunbo .zz_lun1920{ position: absolute; left:50%; margin-left: -960px; top:0; width:1920px; } .zz_lunbo .zz_lunboc{ width:1200px; margin: 0 auto; position: relative; } .zz_lunbo .zz_lunboc .zz_tu1{ position: absolute; left:0; top:108px; z-index: 99; } .zz_lunbo .bd{ position: absolute; right:0; top:0; width:1044px; height:416px; } .zz_lunbo .bd ul li{ } .zz_lunbo .bd ul{ position: relative; width:100%; height:416px; } .zz_lunbo .bd .prev_button{ display: none !important; } .zz_lunbo .bd .next_button{ display: none !important; } .zz_lunbo .container_skitter{ overflow: hidden; position: relative; } /*轮播图结束*/ /*头部图开始*/ .zz_top{ width:100%; height:84px; background-color: #db1516; } .zz_top .zz_topc{ width:1200px; height:84px; margin: 0 auto; } .zz_top .zz_topc:hover{ opacity:0.9; filter: alpha(opacity=90); } /*头部图结束*/ /*导航开始*/ .zz_dh{ width:100%; height:59px; background-color: #f9f9f9; } .zz_dh .zz_dhc{ width:1200px; height:59px; margin: 0 auto; } .zz_dh .zz_dhc ul li{ float: left; line-height: 59px; padding: 0 24px; position: relative; } .zz_dh .zz_dhc ul li a{ display: block; font-size: 18px; color: #333333; font-weight: bold; } .zz_dh .zz_dhc ul li:hover a{ color: #0059bb; } .zz_dh .zz_dhc ul .on a{ color: #0059bb; } .zz_dh .zz_dhc ul li .zz_yc{ width:150px; position: absolute; left:50%; margin-left: -80px; top:59px; z-index: 99999; line-height: 30px; padding: 10px 10px; display: none; background-color: #f0f3f8; } .zz_dh .zz_dhc ul li .zz_yc a{ display: block; font-size: 13px; color: #333333; font-weight: normal; text-align: center; } .zz_dh .zz_dhc ul li .zz_yc a:hover{ color: #0059bb; } .zz_dh .zz_dhc ul li .zz_yc .on1{ color: #0059bb; } .zz_dh .zz_dhc ul li:hover .zz_yc{ display: block; } /*导航结束*/ /*新闻开始*/ .zz_new{ width:100%; height:409px; } .zz_new .zz_newc{ width:1200px; height:409px; margin: 0 auto; } .zz_new .zz_newc .zz_newsc_l{ float: left; margin-top: 50px; width:468px; height:326px; position: relative; } .zz_new .zz_newc .zz_newsc_l .bd ul li{ width:468px; position: relative; } .zz_new .zz_newc .zz_newsc_l .bd ul li .new_tu{ display: block; width:468px; height:326px; overflow: hidden; } .zz_new .zz_newc .zz_newsc_l .bd ul li .new_tu img{ transition: transform 0.8s; -webkit-transition: transform 0.8s; -moz-transition: transform 0.8s; -o-transition: transform 0.8s; -ms-transition: transform 0.8s; } .zz_new .zz_newc .zz_newsc_l .bd ul li .new_tu img:hover{ opacity:0.9; filter: alpha(opacity=90); transform: scale(1.08); -webkit-transform: scale(1.08); -moz-transform: scale(1.08); -o-transform: scale(1.08); -ms-transform: scale(1.08); } .zz_new .zz_newc .zz_newsc_l .bd ul li h3{ width:100%; height:38px; line-height: 38px; position: absolute; left:0; bottom:0; background: repeat; } .zz_new .zz_newc .zz_newsc_l .bd ul li h3 a { display: block; width: 370px; padding-left: 12px; font-size: 14px; color: #ffffff; font-weight: normal; } .zz_new .zz_newc .zz_newsc_l .bd ul li h3 a:hover{ font-weight: bold; } .zz_new .zz_newc .zz_newsc_l .bd ul li h3 a .zm_zm{ display: inline; font-size: 12px; font-style: italic; background-color: #fff98b; text-transform: uppercase; margin-right: 5px; } .zz_new .zz_newc .zz_newsc_l .bd ul li h3 a:hover .zm_zm{ background-color: #fff98b; font-weight: normal; } .zz_new .zz_newc .zz_newsc_l .hd{ position: absolute; right:0; bottom:15px; width:67px; text-align: center; } .zz_new .zz_newc .zz_newsc_l .hd ul li{ display: inline-block; width:8px; height:8px; cursor: pointer; background: center no-repeat; margin: 0 2px; } .zz_new .zz_newc .zz_newsc_l .hd ul .on{ background: center no-repeat; } .zz_new .zz_newc .zz_newsc_z{ width:416px; height:322px; float: left; margin-top: 50px; border-top: 3px solid #075dbd; border-right: 1px solid #f2f2f2; border-bottom: 1px solid #f2f2f2; overflow: hidden; } .zz_new .zz_newc .zz_newsc_z .zz_newsc_z_s{ height:44px; border-bottom: 1px solid #e8e8e8; background-color: #f4f4f4; position: relative; } .zz_new .zz_newc .zz_newsc_z .zz_newsc_z_s ul li{ display: inline-block; line-height: 44px; margin: 0 23px; } .zz_new .zz_newc .zz_newsc_z .zz_newsc_z_s ul li h2 a{ font-size: 16px; color: #333333; font-weight: normal; } .zz_new .zz_newc .zz_newsc_z .zz_newsc_z_s ul li h2 a:hover{ color: #075dbd; } .zz_new .zz_newc .zz_newsc_z .zz_newsc_z_s ul .on h2 a{ color: #075dbd; } .zz_new .zz_newc .zz_newsc_z .tempwrap{ overflow: inherit !important; } .zz_new .zz_newc .zz_newsc_z .bd{ overflow: inherit !important; } .zz_new .zz_newc .zz_newsc_z .bd ul{ position: relative; width:416px; height:266px; } .zz_new .zz_newc .zz_newsc_z .more{ position: absolute; height:44px; top:0; right:24px; } .zz_new .zz_newc .zz_newsc_z .zz_more{ display: block; height:44px; line-height: 44px; font-size: 12px; color: #666666; font-family: "arial"; } .zz_new .zz_newc .zz_newsc_z .zz_more:hover{ color: #c70002; } .zz_new .zz_newc .zz_newsc_z .bd ul li{ width:393px; line-height: 38px; } .zz_new .zz_newc .zz_newsc_z .bd ul li h3 a{ float: left; width:300px; padding-left: 39px; font-size: 14px; color: #333333; font-weight: normal; background: 26px center no-repeat; } .zz_new .zz_newc .zz_newsc_z .bd ul li .zm_zm{ display: inline; font-size: 10px; font-style: italic; background-color: #fff98b; text-transform: uppercase; margin-right: 5px; color: #000000; float: none; } .zz_new .zz_newc .zz_newsc_z .bd ul li:hover .zm_zm{ background-color: #fff98b; font-weight: normal; } .zz_new .zz_newc .zz_newsc_z .bd ul li span{ float: right; font-size: 14px; color: #9c9c9c; font-family: "arial"; } .zz_new .zz_newc .zz_newsc_z .bd ul li h3 a:hover{ color: #c70002; } .zz_new .zz_newc .zz_newsc_r{ width:298px; float: right; padding-top: 8px; } .zz_new .zz_newc .zz_newsc_r .zz_search{ width:218px; height:32px; line-height: 32px; background-color: #f5f5f5; padding-left: 16px; padding-right: 64px; position: relative; margin-bottom: 10px; } .zz_new .zz_newc .zz_newsc_r .zz_search input{ width:100%; height:32px; line-height: 32px; outline:none; background: none; border:none; font-size: 14px; color: #a8a8a8; } .zz_new .zz_newc .zz_newsc_r .zz_search .zz_search_a{ position: absolute; right:17px; top:5px; width:23px; height:23px; background: center no-repeat; } .zz_new .zz_newc .zz_newsc_r .zz_search .zz_search_a:hover{ background: center no-repeat; } .zz_new .zz_newc .zz_newsc_r .zz_newsc_r_s{ height:44px; line-height: 44px; border-bottom: 1px solid #e8e8e8; border-top: 3px solid #075dbd; background-color: #f4f4f4; position: relative; } .zz_new .zz_newc .zz_newsc_r .zz_newsc_r_s h2 a{ font-size: 16px; color: #333333; float: left; padding-left: 36px; margin-left: 16px; font-weight: normal; background: left center no-repeat; } .zz_new .zz_newc .zz_newsc_r .zz_newsc_r_s h2 a:hover{ color: #075dbd; } .zz_new .zz_newc .zz_newsc_r .zz_newsc_r_s .zz_more{ float: right; height:44px; line-height: 44px; font-size: 12px; color: #666666; margin-right: 18px; font-family: "arial"; } .zz_new .zz_newc .zz_newsc_r .zz_newsc_r_s .zz_more:hover{ color: #c70002; } .zz_new .zz_newc .zz_newsc_r .zz_newsc_r_x{ width:296px; height:180px; border:1px solid #f2f2f2; border-top: none; margin-bottom: 19px; } .zz_new .zz_newc .zz_newsc_r .zz_newsc_r_x ul{ padding-left: 16px; padding-top: 8px; } .zz_new .zz_newc .zz_newsc_r .zz_newsc_r_x ul li{ width:264px; line-height: 33px; } .zz_new .zz_newc .zz_newsc_r .zz_newsc_r_x ul li h3 a{ float: left; width:210px; padding-left: 11px; font-size: 14px; color: #333333; font-weight: normal; background: left center no-repeat; } .zz_new .zz_newc .zz_newsc_r .zz_newsc_r_x ul li span{ float: right; font-size: 14px; color: #9c9c9c; font-family: "arial"; } .zz_new .zz_newc .zz_newsc_r .zz_newsc_r_x ul li h3 a:hover{ color: #c70002; } .zz_new .zz_newc .zz_newsc_r .zz_lingdao{ display: block; } .zz_new .zz_newc .zz_newsc_r .zz_lingdao:hover{ opacity:0.9; filter: alpha(opacity=90); } /*新闻结束*/ /*小banner开始*/ .zz_xiaob{ width:100%; height:154px; } .zz_xiaob .zz_xiaobc{ width:1200px; height:154px; margin: 0 auto; position: relative; } .zz_xiaob .zz_xiaobc .bd ul li{ height:154px; } .zz_xiaob .zz_xiaobc .bd ul li:hover{ opacity:0.9; filter: alpha(opacity=90); } .zz_xiaob .zz_xiaobc .hd{ text-align: right; width:1190px; position: absolute; bottom:11px; left:0; z-index: 9; padding-right: 10px; } .zz_xiaob .zz_xiaobc .hd ul li{ display: inline-block; width:12px; height:12px; margin: 0 5px; cursor: pointer; background: center no-repeat; } .zz_xiaob .zz_xiaobc .hd ul .on{ background: center no-repeat; } /*小banner结束*/ /*一堆开始*/ .zz_yidui{ width:100%; height:284px; } .zz_yidui .zz_yiduic{ width:1200px; height:244px; padding-top: 40px; margin: 0 auto; } .zz_yidui .zz_yiduic .yidui1{ width:226px; height:214px; float: left; border:1px solid #f2f2f2; border-top: 3px solid #075dbd; margin-right: 15px; } .zz_yidui .zz_yiduic .yidui1 .yidui1_s{ height:43px; line-height: 43px; background-color: #f5f5f5; } .zz_yidui .zz_yiduic .yidui1 .yidui1_s h2 a{ float: left; margin-left: 17px; padding-left: 20px; font-size: 16px; color: #0059bb; background: left center no-repeat; } .zz_yidui .zz_yiduic .yidui1 .yidui1_s h2 a:hover{ color: #6175da; background: left center no-repeat; } .zz_yidui .zz_yiduic .yidui1 .yidui1_s .zz_more{ float: right; margin-right: 20px; height:44px; line-height: 44px; font-size: 12px; color: #666666; font-family: "arial"; } .zz_yidui .zz_yiduic .yidui1 .yidui1_s .zz_more:hover{ color: #c70002; } .zz_yidui .zz_yiduic .yidui1 .yidui1_x ul{ padding-left: 17px; padding-top: 8px; } .zz_yidui .zz_yiduic .yidui1 .yidui1_x ul li{ width:210px; line-height: 30px; } .zz_yidui .zz_yiduic .yidui1 .yidui1_x ul li h3 a{ float: left; width:190px; padding-left: 13px; font-size: 14px; color: #333333; font-weight: normal; background: left center no-repeat; } .zz_yidui .zz_yiduic .yidui1 .yidui1_x ul li h3 a:hover{ color: #c70002; } /*一堆结束*/ /*企业风采开始*/ .zz_fengcai{ width:100%; height:328px; } .zz_fengcai .zz_fengcaic{ width:1200px; height:328px; margin: 0 auto; position: relative; } .zz_fengcai .zz_fengcaic .zz_fengcaic_s{ height:42px; line-height: 42px; border-top: 3px solid #075ebd; background-color: #fbfbfb; } .zz_fengcai .zz_fengcaic .zz_fengcaic_s h2 a{ float: left; width:96px; height:42px; line-height: 43px; padding-left: 52px; background: center no-repeat; font-size: 16px; color: #ffffff; } .zz_fengcai .zz_fengcaic .zz_fengcaic_s h2 a:hover{ color: #6175da; } .zz_fengcai .zz_fengcaic .zz_fengcaic_s .zz_more{ float: right; margin-right: 20px; height:44px; line-height: 44px; font-size: 12px; color: #666666; font-family: "arial"; } .zz_fengcai .zz_fengcaic .zz_fengcaic_s .zz_more:hover{ color: #c70002; } .zz_fengcai .zz_fengcaic .bd{ padding-top: 22px; } .zz_fengcai .zz_fengcaic ul li{ float: left; width:275px; margin: 0 12px; } .zz_fengcai .zz_fengcaic ul li .fengcai_a{ display: block; width:275px; height:181px; overflow: hidden; } .zz_fengcai .zz_fengcaic ul li .fengcai_a img{ transition: transform 0.8s; -webkit-transition: transform 0.8s; -moz-transition: transform 0.8s; -o-transition: transform 0.8s; -ms-transition: transform 0.8s; } .zz_fengcai .zz_fengcaic ul li .fengcai_a img:hover{ opacity:0.9; filter: alpha(opacity=90); transform: scale(1.08); -webkit-transform: scale(1.08); -moz-transform: scale(1.08); -o-transform: scale(1.08); -ms-transform: scale(1.08); } .zz_fengcai .zz_fengcaic ul li h3 a{ display: block; height:49px; line-height: 49px; padding: 0 10px; font-size: 14px; color: #333333; font-weight: normal; text-align: center; } .zz_fengcai .zz_fengcaic ul li h3 a:hover{ color: #075ebd; } .zz_fengcai .zz_fengcaic .prev{ position: absolute; width:20px; height:36px; left:-20px; top:50%; margin-top: -18px; cursor: pointer; background: center no-repeat; } .zz_fengcai .zz_fengcaic .prev:hover{ background: center no-repeat; } .zz_fengcai .zz_fengcaic .next{ position: absolute; width:20px; height:36px; right:-20px; top:50%; margin-top: -18px; cursor: pointer; background: center no-repeat; } .zz_fengcai .zz_fengcaic .next:hover{ background: center no-repeat; } /*企业风采结束*/ /*底部开始*/ .zz_bottom{ width:100%; min-height: 100px; background-color: #f3f3f3; border-top: 2px solid #075ebd; padding-bottom: 10px; } .zz_bottom .zz_youqing{ height:92px; border-bottom: 1px solid #e9e9e9; } .zz_bottom .zz_youqing .zz_youqingc{ width:1200px; margin: 0 auto; padding-top: 32px; } .zz_bottom .zz_youqing .zz_youqingc em{ float: left; line-height: 31px; font-size: 18px; color: #1a2030; } .zz_bottom .zz_youqing .zz_youqingc .youqing_div{ float: left; width:332px; height:29px; border:1px solid #cccccc; background-color: #ffffff; position: relative; padding-left: 14px; cursor: pointer; margin-left: 28px; line-height: 29px; text-align: left; font-size: 14px; color: #666666; } .zz_bottom .zz_youqing .zz_youqingc .youqing_div img{ position: absolute; right:0; top:0; } .zz_bottom .zz_youqing .zz_youqingc .youqing_div ul{ position: absolute; left:0; bottom:30px; width:100%; background-color: #fff; padding: 10px 0; display: none; } .zz_bottom .zz_youqing .zz_youqingc .youqing_div ul li{ line-height: 30px; padding-left: 14px; } .zz_bottom .zz_youqing .zz_youqingc .youqing_div ul li a{ font-size: 14px; color: #666666; } .zz_bottom .zz_youqing .zz_youqingc .youqing_div ul li a:hover{ color: #c70002; } .zz_bottom .zz_youqing .zz_youqingc .youqing_div:hover ul{ display: block; } .zz_bottom .zz_bottomc{ width:1200px; min-height: 100px; margin:0 auto; } .zz_bottom .zz_bottomc .zz_dblm{ text-align: center; padding: 12px 0; } .zz_bottom .zz_bottomc .zz_dblm a{ display: inline-block; font-size: 16px; color: #868686; line-height: 36px; padding-right: 11px; background: right center no-repeat; margin-left: 11px; } .zz_bottom .zz_bottomc .zz_dblm a:hover{ color: #075ebd; } .zz_bottom .zz_bottomc .zz_bottomcx{ text-align: center; } .zz_bottom .zz_bottomc .zz_bottomcx p{ font-size: 12px; color: #868686; padding: 3px 0; } .zz_bottom .zz_bottomc .zz_bottomcx p a{ display: inline-block; font-size: 12px; color: #868686; transform: translate(0,0); transition:all 0.2s ease-in 0.2s; } .zz_bottom .zz_bottomc .zz_bottomcx p img{ vertical-align: middle; display: inline; } .zz_bottom .zz_bottomc .zz_bottomcx p a[href]:hover{ color: #d71313; opacity: 1; transition-duration: 0.2s; } .zz_bottom .zz_bottomc .zz_bottomcx p .gaba{ padding-left: 30px; background: left center no-repeat; } /*公用底部结束*/