/*common*/ .top,.content,.foot{overflow: hidden;} .main{overflow: hidden;margin: auto;width:1008px;} .floatE{display: block;float: left;overflow: hidden;padding: 0 0px;} .floatR{display: block;float: right;overflow: hidden;} .overE{overflow: hidden;} /* ================================================ top start ============================================ */ .top_one{border-bottom: 1px solid #ededed;overflow: hidden;} .top_word{display: block;overflow: hidden;float: left;padding-top: 23px;padding-left: 10px;} .top_word small{color: #333;font-size: 14px;display: block;} .top_word em{display: block;color: #333;font-size: 20px;} .top_right{overflow: hidden;float: right;width: 320px;} .top_tel{ overflow: hidden; height: 40px; background: url("../images/top_tel.jpg") no-repeat 0px 8px; padding-left: 40px; margin-top: 20px; float: left; } .top_tel small{overflow: hidden;color: #333;font-size: 14px;display: block;} .top_tel p{color: #dc0000;font-size: 22px;font-family: Arial;} .top_yu{overflow: hidden;float: right;margin-top: 23px;} .top_yu a{ display: block; width: 38px; height: 38px; background: url("../images/top_lang.jpg") no-repeat; color: #555; font-size: 14px; margin-left: 10px; text-align: center; line-height: 38px; float: left; -webkit-transition:all 0.5s ease-in-out; -moz-transition:all 0.5s ease-in-out; -o-transition:all 0.5s ease-in-out; transition:all 0.5s ease-in-out; } .top_yu a:hover{background: url("../images/top_langH.jpg") no-repeat;color: #fff;} /*navigation*/ .navigation{overflow: hidden;} .navigation li{overflow: hidden;line-height: 46px;margin-right: 70px;float: left;} .navigation li a{ display: block; color: #333; font-size: 14px; border-bottom: 2px solid #fff; -webkit-transition:all 0.5s ease-in-out; -moz-transition:all 0.5s ease-in-out; -o-transition:all 0.5s ease-in-out; transition:all 0.5s ease-in-out; } .navigation li a:hover{border-bottom: 2px solid #dc0000;color: #dc0000;} .navigation li a.hover{border-bottom: 2px solid #dc0000;color: #dc0000;} /*下拉菜单*/ .navigation li .navToggle{overflow: hidden; position: absolute;z-index: 3; margin-left: -10px;display: none;} .navigation li .navToggle a{ display: block; line-height: 35px; background:url("../images/nav_bg.png"); margin-bottom: 1px; color: #fff; padding: 0px; text-align: center; border-bottom: none; padding: 0px 15px; font-size: 12px; -webkit-transition:all 0.3s ease-in-out; -moz-transition:all 0.3s ease-in-out; -o-transition:all 0.3s ease-in-out; transition:all 0.3s ease-in-out; } .navigation li .navToggle a:hover{color: #dc0000;border-bottom: none;} .navigation li .nav_pro{margin-left: -40px;} .navigation li .nav_ser{margin-left: -20px;} /* ================================================ top end ============================================ */ /* ================================================ content start ============================================ */ .content{background: #f2f2f2;} /*首页*/ .index_link{overflow: hidden;border-bottom: 1px solid #ededed;height: 79px;background: #fff;} .index_link_e{overflow: hidden;float: left;width: 600px;line-height: 78px;} .index_link_e span{color: #555;font-size: 14px;display: block;float: left;} .index_link_ec{overflow: hidden;float: left;} .index_link_ec a{display: block;float: left;color: #555;font-size: 14px;margin-right: 30px;} .index_link_ec a.r{margin-right: 0;} .index_ser{overflow: hidden;width: 385px;height: 38px;float: right;margin-top: 20px;} .index_ser input[type='text']{ width: 313px; height: 36px; border: 1px solid #ccc; float: left; color: #555; font-size: 14px; line-height: 35px; padding-left: 10px; background: url("../images/main_search.jpg") no-repeat 10px 8px; } .index_ser input[type='button']{ width: 60px; height: 38px; background: #666; color: #fff; font-size: 14px; text-align: center; line-height: 38px; float: right; letter-spacing: 2px; outline: none; cursor: pointer; -webkit-transition:all 0.5s ease-in-out; -moz-transition:all 0.5s ease-in-out; -o-transition:all 0.5s ease-in-out; transition:all 0.5s ease-in-out; } .index_ser input[type='button']:hover{background: #333;color: #Fff;} /*产品*/ .index_pro{overflow: hidden;padding: 50px 0px;background: #fff;} .index_pro_e{overflow: hidden;width: 210px;float: left;} .index_pro_t{overflow: hidden;background: #0000b8;height: 86px;text-align: center;} .index_pro_t em{color: #fff;font-size: 20px;font-family: Arial;text-transform: uppercase;display: block;padding-top: 20px;} .index_pro_t span{background: url("../images/index_h.jpg") repeat-x center; padding: 0px 18px;display: inline-block;*display: inline;*zoom: 1;} .index_pro_t span small{color: #fff;font-size: 14px;padding:0px 10px;background:#0000b8;display: inline-block;*display: inline;*zoom: 1;} .index_pro_ec{overflow: hidden;} .index_pro_ec a{ display: block; height: 50px; border-bottom: 1px dashed #c1c1c1; padding-left: 20px; line-height: 60px; font-size: 14px; background: url("../images/index_hover.png") no-repeat 190px 24px; } .index_pro_r{overflow: hidden;width: 760px;float: right;} .index_pro_r span{display:block;color: #555;font-size: 15px;} .index_pro_r span em{color: #ccc;font-size: 12px;text-transform: capitalize;} .index_pro_r .overE{margin-top: 20px;height: 539px;} .index_pro_re{overflow: hidden;float: left;} .index_pro_rb{overflow: hidden;height: 539px;} .index_pro_rb a{display: block;} .index_pro_rb img{width: 539px;height: 539px;} .index_pro_rf{overflow: hidden;float: right;} .index_pro_btE,.index_pro_btR{ display: block; width: 190px; height: 48px; -webkit-transition:all 0.5s ease-in-out; -moz-transition:all 0.5s ease-in-out; -o-transition:all 0.5s ease-in-out; transition:all 0.5s ease-in-out; } .index_pro_btE{background: url("../images/pu.jpg") no-repeat;} .index_pro_btR{background: url("../images/pd.jpg") no-repeat;} .index_pro_btE:hover{background: url("../images/puh.jpg") no-repeat;} .index_pro_btR:hover{background: url("../images/pdh.jpg") no-repeat;} .index_pro_u{overflow: hidden;position: relative;width: 190px;margin: 22px 0px;height: 400px;} .index_pro_u li{width: 190px;overflow: hidden;padding-bottom: 20px;} .index_pro_u li a{display: block;border: 2px solid #ccc;} .index_pro_u li img{width:186px;height: 186px;} .index_pro_u li a:hover{border: 2px solid #0000b8;} .index_pro_u li a.hover{border: 2px solid #0000b8;} /*合作欧宝体育直播实景*/ .hu_j{overflow: hidden;margin: 40px 0px;} .index_tit{overflow: hidden;text-align: center;margin-bottom: 30px;} .index_tit span{background: url("../images/t_heng.jpg") repeat-x 0px 13px;padding: 0px 25px;display: inline-block;*display: inline;*zoom: 1;} .index_tit span em{color: #333;font-size: 18px;padding: 0px 10px;background:#F2F2F2;display: inline-block;*display: inline;*zoom: 1;} .index_tit p{color: #a9a9a9;font-size: 16px;text-transform: uppercase;font-weight: 100;margin-top: 5px;} .hu_jc{overflow: hidden;position: relative;height: 310px;} .hu_jc li{width: 320px;float: left;overflow: hidden;padding-left: 20px;position: relative;} .hu_jc li.r{padding-right: 0;} .hu_jc li img{width: 310px;height: 310px;margin: 0 auto;} .hu_ju{float: left;position: absolute;bottom: 0px;color: #fff;} .hu_ja{/* width: 6px; *//* height: 11px; *//* background: url("../images/san_j.png") no-repeat; *//* margin: 130px 0px 0px -6px; *//* float: left; */} .hu_jz{overflow: hidden;/* padding: 12px 0px 0px 25px; */float: left;width: 310px;background: #0000006e;} .hu_jz em{display: block;color: #fff;font-size: 14px;text-align: center;line-height: 20px;padding-top: 10px;} .hu_jz p{overflow: hidden;padding: 30px 0px;color: #666;font-size: 12px;line-height: 20px;display: none;} .hu_jz a{ display: block; line-height: 30px; /* border-top: 1px solid #666; */ /* border-bottom: 1px solid #666; */ /* margin: 0px 10px; */ display: block; zoom: 1; color: #fff; text-align: center; margin-bottom: 8px; } /*我们的欧宝体育直播*/ .hu{overflow: hidden;margin: 20px 0px 50px 0px;} .hu_c{overflow: hidden;width: 1130px;margin: auto;} .hu .he,.hu .hr{display: block;width: 40px;height: 40px;margin-top: 45px;} .hu .he{background: url("../images/he.jpg") no-repeat;float: left;} .hu .hr{background: url("../images/hr.jpg") no-repeat;float: right;} .hu .he:hover{background: url("../images/heH.jpg") no-repeat;} .hu .hr:hover{background: url("../images/hrh.jpg") no-repeat;} .hu_u{overflow: hidden;float: left;position: relative;margin-left: 27px;padding-top: 5px;width: 1008px;height: 166px;} .hu_u li{width: 188px;float: left;padding-right: 15px;overflow: hidden;} .hu_u li a{display: block;} .hu_u li img{width: 188px;height: 116px;} /*走进欧宝全站登陆*/ .index_about{overflow: hidden;background: #fff;padding: 50px 0px;} .index_about .index_tit span em{background: #fff;} .index_about_e{width: 720px;float: left;overflow: hidden;} .index_about_ec{overflow: hidden;width: 360px;float: left;margin-left: 20px;padding-top: 15px;} .index_about_ec em{display: block;color: #333;font-size: 16px;} .index_about_ec p{overflow: hidden;padding: 20px 0px 25px 0px;color: #555;font-size: 12px;line-height: 20px;} .index_about_ec a{ display: block; line-height: 40px; border-top: 1px solid #666; border-bottom: 1px solid #666; padding: 0px 10px; display: inline-block; *display: inline; *zoom: 1; } .index_about_r{width: 200px;overflow: hidden;float: right;border: 1px solid #ccc;height: 249px;position: relative;} .hoE,.hoR{display: block;width: 22px;height: 38px;position: absolute;top: 110px;z-index: 1;} .hoE{background: url("../images/hoe.jpg") no-repeat;left: 0;} .hoR{background: url("../images/hor.jpg") no-repeat;right: 0;} .hoE:hover{background: url("../images/hoeH.jpg") no-repeat;} .hoR:hover{background: url("../images/horH.jpg") no-repeat;} .index_honor{overflow: hidden;position: relative;} .index_honor li{width: 199px;height: 249px;float: left;overflow: hidden;} .index_honor li span{display: block;} .index_honor li img{width: 199px;height: 249px;} .index_honor li p{ color: #fff; line-height: 40px; background: url("../images/hob.png"); text-align: center; position: relative; margin-top: -40px; } /*新闻资讯*/ .index_news{overflow: hidden;background: #fff;padding-bottom: 60px;} .index_news_t{overflow: hidden;} .index_news_c{overflow: hidden;padding-top: 20px;} .index_news_t span{display: block;float: left;color: #555;font-size: 17px;} .index_news_t span em{color: #666;font-size: 12px;text-transform: uppercase;} .index_news_t a{ display: block; float: right; border-left: 2px solid #dc0000; padding-left: 8px; color: #555; font-size: 12px; text-transform: uppercase; } .index_news_u{width: 316px;overflow: hidden;} .index_news_u img{width: 316px;height: 160px;margin-bottom: 20px;} .index_news_u em{display: block;color: #555;font-size: 16px;} .index_news_u p{color: #666;font-size: 12px;line-height: 20px;padding: 10px 0px 30px 0px;} .index_news_u a{ display: block; line-height: 40px; border-top: 1px solid #666; border-bottom: 1px solid #666; padding: 0px 10px; display: inline-block; *display: inline; *zoom: 1; } .index_news_c .floatE{margin-right: 30px;} /*友情链接*/ .in_link{line-height: 54px;border-top: 1px solid #ededed;border-bottom: 1px solid #ededed;background: #fff;} .in_link span{display: block;float: left;color: #333;font-size: 12px;} .in_link_c{overflow: hidden;float: left;margin-left: 5px;} .in_link_c a{display: block;float: left;margin-right: 40px;} /*当前位置*/ .pos{overflow: hidden;background: #fff;line-height: 52px;color: #666;font-size: 12px;} .pos span,.pos a{color: #666;font-size: 12px;} .pos a:hover{color: #dc0000;} .pos a.hover{color: #666;} /*内容*/ .main_cont{overflow: hidden;margin: 33px 0px 10px 0px;} .main_left{width: 210px;overflow: hidden;float: left;} .main_left_c{overflow: hidden;margin-bottom: 50px;} .main_left_c em{ display: block; background: #0000b8; text-align: center; line-height: 82px; color: #fff; font-size: 26px; font-weight: bold; } .main_left_u{overflow: hidden;} .main_left_u a{ display: block; line-height: 42px; background: url("../images/in_nav_h.png") no-repeat 180px 17px #fff; margin-bottom: 1px; padding-left: 30px; color: #555; -webkit-transition:all 0.5s ease-in-out; -moz-transition:all 0.5s ease-in-out; -o-transition:all 0.5s ease-in-out; transition:all 0.5s ease-in-out; } .main_left_u a:hover{background: url("../images/in_nav_h.png") no-repeat 180px 17px #f2f2f2;color: #555;} .main_left_u a.hover{background: url("../images/in_nav_h.png") no-repeat 180px 17px #f2f2f2;color: #555;} .main_left_p{overflow: hidden;height: 420px;position: relative;margin: 20px; } .main_left_p ul{overflow: hidden;} .main_left_p li{overflow: hidden;padding-bottom: 20px;} .main_left_p li a{display: block;text-align: center;} .main_left_p li img{width: 166px;height: 166px;padding: 2px;} .main_left_p li p{color: #666;font-size: 12px;cursor: pointer;margin-top: 10px;} .main_left_p li a:hover p{color: #dc0000;} .main_left_p li a:hover img{border: 2px solid #dc0000;padding: 0;} .main_right{width: 760px;overflow: hidden;float: right;margin-bottom: 40px;} .main_right p{color: #666;font-size: 12px;line-height: 22px;} /*联系我们*/ .contact{overflow: hidden;} .contact .floatE{margin-right: 100px;} /*公司视频*/ .video{overflow: hidden;*margin-bottom: 20px;} .video li{width: 360px;height: 260px;float: left;overflow: hidden;margin: 0px 40px 40px 0px;} .video li.r{margin-right: 0;} .video li a{display: block;} /*page*/ .page_ul{overflow: hidden;} .page_ul .page{ height:40px; font-size:12px; text-align:center; margin-top: 20px; margin-right: -10px; } .page_ul .page a{display:inline-block;} .page_ul .page .frist_1,.sh_1,.shu_1{ background:#efefef; border:1px solid #dcdcdc; text-align:center; line-height:30px; height:28px; margin-right: 8px; -webkit-transition: all 0.5s ease-in-out 0s; } .page_ul .page .frist_1{width:46px;} .page_ul .page .sh_1{width:58px;} .page_ul .page .shu_1{width:29px;} .page_ul .page .shu_1:hover, .page_ul .page .sh_1:hover, .page_ul .page .frist_1:hover{background:#dc0000;color: #fff;} .page_ul .page .shu_1.hover{background:#dc0000;color: #fff;} /*新闻资讯*/ .n_right{overflow:hidden;padding-bottom: 30px;} .n_right li{background: #fff;margin-bottom: 20px;padding: 20px;overflow: hidden; -webkit-transition:all 0.5s ease-in-out; -moz-transition:all 0.5s ease-in-out; -o-transition:all 0.5s ease-in-out; transition:all 0.5s ease-in-out; } .n_right li .xu{width:78px;float:left;} .n_right li .xu .shuzi{font-size:44px;color:#555;text-align:center; -webkit-transition:all 0.5s ease-in-out; -moz-transition:all 0.5s ease-in-out; -o-transition:all 0.5s ease-in-out; transition:all 0.5s ease-in-out; } .n_right li .xu .date{color:#999;font-size:12px;text-align: center;margin-top: -5px; -webkit-transition:all 0.5s ease-in-out; -moz-transition:all 0.5s ease-in-out; -o-transition:all 0.5s ease-in-out; transition:all 0.5s ease-in-out; } .n_right li .nei{width:615px;float:right;margin-top:8px;display: block;} .n_right li .nei strong{color:#333;font-size: 16px; -webkit-transition:all 0.5s ease-in-out; -moz-transition:all 0.5s ease-in-out; -o-transition:all 0.5s ease-in-out; transition:all 0.5s ease-in-out; } .n_right li .nei p{color:#777;margin-top:8px;height: 35px;overflow: hidden;line-height: 18px; -webkit-transition:all 0.5s ease-in-out; -moz-transition:all 0.5s ease-in-out; -o-transition:all 0.5s ease-in-out; transition:all 0.5s ease-in-out; } .n_right li:hover{background: #0000b8;} .n_right li:hover .shuzi, .n_right li:hover .date, .n_right li:hover .nei strong, .n_right li:hover .nei p{color: #fff;} /*新闻资讯内页*/ .ini_news{overflow: hidden;} .ini_news .head{overflow:hidden;border-bottom:1px solid #ccc;padding-top: 5px;text-align: center;} .ini_news .head p{color:#aaa;font-size:12px;} .ini_news .head p.tit{font-size:20px;color:#282828;padding-bottom: 0.3cm;} .ini_news .head p.tit img{margin-top: 3px;vertical-align: top;} .ini_news .head p.tit .titl{padding-left:10px;color: #666;} .ini_news .head p.date{line-height: 30px;vertical-align:top;display: inline-block;*display: inline;*zoom: 1;} .ini_news .head .bdsharebuttonbox{display: inline-block;*display: inline;*zoom: 1;} .ini_news .head p.zhu{float:right;} .intro{overflow:hidden;} .intro .pho{margin:0 auto;padding-top:0.6cm;} .intro .word{padding:0.7cm 0;text-indent: 2em;font-size: 12px;line-height: 22px;color:#aaa;} .intro .word p{overflow: hidden;color: #666;} .tiao{ overflow: hidden; border-top:1px dashed #a9a9a9; border-bottom:1px dashed #a9a9a9; text-align:center; line-height: 35px; margin:20px 0px; } .tiao a{font-size:12px;color:#555;} .tiao a:hover{color:#dc0000;} .tiao span.t{color:#777;} .tiao span.t:hover{color:#dc0000;} .related_news{overflow:hidden;padding-top:30px;} .related_news .he{height:25px;border-bottom:1px dashed #dcdcdc;color:#666;font-size:16px;margin-bottom: 0.5cm;} .related_news ul li{ width:300px; float: left; margin-right: 80px; text-indent: 12px; overflow: hidden; } .related_news ul li.r{margin-right: 0;} .related_news ul li a{ display: block; border-bottom:1px solid #dcdcdc; line-height: 30px; background:url(../images/dot1.jpg) no-repeat 0px; } /*employ*/ .cz_employ{ overflow: hidden; } .cz_employt{ height:110px; border-bottom:1px dashed #e5e5e5; } .cz_employtl{ float:left; margin-top:15px; } .cz_employtr{ float:right; margin-top:15px; } /*.cz_employc_a{*/ /*line-height:23px;*/ /*padding:10px 0;*/ /*color:#666666;*/ /*font-size:12px;*/ /*}*/ .cz_employc_b{ border-top:1px solid #dddddd; border-left:1px solid #dddddd; border-right:1px solid #dddddd; } .cz_employc_bt{ height:33px; } .cz_employc_bt.a{ background:#ededed} .cz_employc_bt div{ line-height:33px; color:#666666; text-align:center; float:left; display:block; font-size:12px; } .cz_employc_bt .a{ width:405px; border-right:1px solid #dddddd } .cz_employc_bt .b{ width:140px; border-right:1px solid #dddddd } .cz_employc_bt .c{ width:170px;} .cz_employc_bt .a.cz_a{ text-align:left } .cz_employc_bt .a.cz_a span{ width:20px; height:33px; background:url(../images/employ_c.png) no-repeat 10px 12px; display:block; float:left; } .cz_employc_bt.cz_current span{ background:url(../images/employ_b.png) no-repeat 7px 15px !important; } .czem_a_cont{ padding:30px 10px; border-bottom:1px solid #dddddd; display:none} .czem_a_cont p{ color:#666666; font-size:12px; line-height:25px; margin:5px 0 } .cz_employc_bt.bo{ border-bottom:1px solid #dddddd; cursor:pointer; } /*欧宝体育直播案例*/ .case{overflow: hidden;} .case li{width: 235px;float: left;overflow: hidden;margin: 0px 23px 30px 0px;} .case li.r{margin-right: 0;} .case li a{display: block;text-align: center;} .case li img{width: 235px;height: 235px;} .case li p{color: #666;font-size: 12px;margin-top: 10px;} .case li:hover p{color: #dc0000;} /*产品内页*/ .in_pd{overflow: hidden;width: 754px;margin: auto;} /*图片放大镜样式*/ .jqzoom{position:relative;padding:4px;cursor:pointer;margin:auto;display:block;width: 290px;height: 290px;} .zoomdiv{z-index:100;position:absolute;top:0px;left:0px;width:350px;height:350px;background:#ffffff;border:1px solid #CCCCCC;display:none;text-align:center;overflow:hidden;} .jqZoomPup{z-index:10;visibility:hidden;position:absolute;top:0px;left:0px;width:20px;height:20px;border:1px solid #aaa;background:#ffffff /*url(../images/zoom.png) 50% center no-repeat*/;opacity: 0.5;-moz-opacity: 0.5;-khtml-opacity: 0.5;filter: alpha(Opacity=50);} /*图片小图预览列表*/ .spec-preview{width:290px;height:290px;} .spec-scroll{clear:both;margin-top:20px;width:290px;overflow: hidden;} .spec-scroll .prev{float:left;background: url("../images/pe.png") no-repeat;} .spec-scroll .next{float:right;background: url("../images/pr.png") no-repeat;} .spec-scroll .next:hover{background:url("../images/prh.png") no-repeat;} .spec-scroll .prev:hover{background: url("../images/peh.png") no-repeat;} .spec-scroll .prev,.spec-scroll .next{display:block;width:13px;height:26px; cursor:pointer; margin-top: 22px;} .spec-scroll .items{float:left;position:relative;width:250px;height:85px;overflow:hidden;margin-bottom: 20px;margin-left: 8px;} .spec-scroll .items ul{position:absolute;width:999999px;height:70px;} .spec-scroll .items ul li{float:left;width:85px;text-align:center;} .spec-scroll .items ul li img{padding:2px;width:70px;height:70px;cursor: pointer;} .spec-scroll .items ul li img:hover{border:2px solid #d7432c;padding:0px;} .spec-scroll .items ul li img.hover{border:2px solid #d7432c;padding:0px;} .in_pd_r{width: 425px;overflow: hidden;float: right;} .in_pd_r h2{font-size: 20px;color: #333;margin-bottom: 20px;font-weight: bold;} .in_pb{overflow:hidden;margin-bottom: 50px;} .in_pb p{color: #666;line-height: 25px;} .in_xun{ width: 100px; height: 38px; text-align: center; line-height: 38px; display: block; color: #fff; font-size: 14px; clear: both; background: url("../images/xun.png") no-repeat; -webkit-transition:all 0.5s ease-in-out; -moz-transition:all 0.5s ease-in-out; -o-transition:all 0.5s ease-in-out; transition:all 0.5s ease-in-out; } .in_xun:hover{background: url("../images/xunH.png") no-repeat;color: #fff;} /*产品概述*/ .in_p_c{overflow: hidden;padding: 35px 0px;clear: both;} .in_p_n{border-bottom: 1px solid #ccc;overflow: hidden;margin-bottom: 30px;} .in_p_n_a{ width: 92px; height: 36px; display: block; background: #0000b8; text-align: center; line-height: 30px; color: #fff; font-size: 14px; margin-right: 8px; border-radius: 2px 2px 0px 0px; } .in_p_s{overflow: hidden;height: 35px;color: #666;padding-left: 10px;} .in_p_s p{float: left;color: #666;line-height: 29px;} .in_p_ct{overflow: hidden;margin-bottom: 60px;} .in_p_ct p{line-height: 25px;} .in_t{border-bottom: 1px solid #dfdfdf;margin-top: 50px;margin-bottom: 20px;} .in_t em{color: #0000b8;font-size: 16px;margin-left: 15px;padding-bottom:10px;border-bottom: 2px solid #0000b8;display: inline-block;*display: inline;*zoom: 1;} .in_tc{overflow: hidden;} .in_tc li{margin: 0;padding: 0px 23px 30px 0px;} /*客服*/ .keFu{width: 45px;position: fixed;top: 50%;right: 0%;z-index: 5;margin: 0;display: none;} .keFu li{ width: 45px; margin-bottom: 1px; background: #333; height: 45px; position: relative; /**margin-top: -1px;*/ -webkit-transition:all 0.5s ease-in-out; -moz-transition:all 0.5s ease-in-out; -o-transition:all 0.5s ease-in-out; transition:all 0.5s ease-in-out; } .keFu li a{ display: block; width: 45px; height: 45px; text-align: center; position: relative; z-index: 5; zoom: 1; -webkit-transition:all 0.5s ease-in-out; -moz-transition:all 0.5s ease-in-out; -o-transition:all 0.5s ease-in-out; transition:all 0.5s ease-in-out; } .keFu li:hover{background: #0000b8;} .keZ{overflow: hidden;position: absolute; width: 131px;display: block; z-index: 1;left: 6em;top: 0px;} .keFu li .keZ a{ width: auto; color: #fff; font-size: 14px; line-height: 45px; padding: 0px 10px; background: #0000b8; position: relative; z-index: 1; } .keFu li .keZ a:hover{color: #fff;} .kCd{position: absolute;overflow: hidden;top: 0; top: -80px; left: -135px;display: none;/*left: 135px;*/} .kCd img{padding: 5px;background: #fff;border: 2px solid #0000b8;} .kTel{background: url("../images/tel.png") no-repeat center #333;} .kQq{background: url("../images/qq.png") no-repeat center #333;} .kMail{background: url("../images/zixun.png") no-repeat center #333;} .kBack{background: url("../images/back.png") no-repeat center #333;} .kCode{background: url("../images/erweima.png") no-repeat center #333;} .keFu li:hover .kTel{background: url("../images/tel.png") no-repeat center #0000b8;} .keFu li:hover .kQq{background: url("../images/qq.png") no-repeat center #0000b8;} .keFu li:hover .kMail{background: url("../images/zixun.png") no-repeat center #0000b8;} .keFu li:hover .kBack{background: url("../images/back.png") no-repeat center #0000b8;} .keFu li:hover .kCode{background: url("../images/erweima.png") no-repeat center #0000b8;} /* ================================================ content end ============================================ */ /* ================================================ foot start ============================================ */ .foot{padding: 50px 0px 30px 0px;background: #fff;} .foot_cot{overflow: hidden;float: left;width: 210px;margin-right: 50px;} .foot_ct{ overflow: hidden; height: 30px; background: url("../images/foot_xiao.jpg") no-repeat; padding-left: 40px; color: #666; font-size: 18px; margin-bottom: 15px; } .foot_cot p{color: #666;font-size: 12px;line-height: 28px;} .foot_nav{overflow: hidden;margin-left: 65px;width: 310px;float: left;} .foot_nav .floatE{margin-right: 50px;} .foot_nav .foot_nav_a{color: #555;font-size: 15px;margin-bottom: 10px;} .foot_nav_a:hover{color: #dc0000;} .foot_nav a{display: block;color: #666;line-height: 20px;} .foot_ban{overflow: hidden;float: right;width: 350px;} .foot_ban p{color: #666;font-size: 12px;line-height: 25px;} .foot_ban .overE{margin-top: 10px;padding-top: 10px;} .foot_ban .overE a{ display: block; width: 36px; height: 36px; float: left; margin-right: -5px; } .foot_sina{background: url("../images/foot_sina.jpg") no-repeat;} .foot_weibo{background: url("../images/foot_weibo.jpg") no-repeat;} .foot_weixin{background: url("../images/foot_weixin.jpg") no-repeat;} #foot_sina {background: url("../images/foot_sina.jpg") no-repeat;height: 38px;} #foot_sina span{background: none;} #foot_weibo {background: url("../images/foot_weibo.jpg") no-repeat;height: 38px;} #foot_weibo span{background: none;width: 41px; height: 41px;} #foot_weixin {background: url("../images/foot_weixin.jpg") no-repeat;height: 38px;} #foot_weixin span{background: none;width: 41px; height: 41px;} /* ================================================ foot end ============================================ */