/* 通用代码 */ html{color:#404144;background:#FFF;font-family: "微软雅黑";font-weight: 200;} body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,legend,input,button,textarea,p,blockquote,th,td,strong{padding:0;margin:0;font-family: "微软雅黑";font-weight: 200;} .clearfix:after{display: block;content: "\200B";height: 0;overflow: hidden;clear: both;} .clearfix {*zoom:1;} input { outline: none; border: none; } p { line-height: 1; } .pull_left { float: left; } .pull_right { float: right; } .hide { display: none; } .icon { display: inline-block; vertical-align: middle; margin-top: -2px; } /* headertop */ .fixed { background: #d2d2d2; } .fixed_con { height: 40px; background: #d2d2d2; font-size: 12px; color: #999; line-height: 40px; } .tel_icon { height: 11px; width: 14px; background: url("/style/images/tel_icon.png") center no-repeat; } .fixed_con a { margin: 0 14px; color: #999; } /* 可能没用 */ .fixed_con span.pull_left { padding-left: 12px; } /* header */ .row { margin: 0 auto; width: 1200px; } .header_con { padding: 13px 0 8px; } .logo_box h1 { padding: 0px 0 0 72px; margin: 0 80px 0 0; width: 171px; border-right: 1px solid #ddd; } .logo_box h1 img { display: block; width: 108px; height: 102px; } .txt_img { display: block; margin: 30px 0 0 0; } .search { margin: 24px 0 0 0; width: 578px; font-size: 13px; color: #999; } .search_opts a { color: #999; margin: 0 10px 0 0; } .search_box { position: relative; margin: 6px 0 0 0; padding: 9px 46px 9px 8px; border: 1px solid #df4754; } .search_box input { width: 100%; height: 16px; line-height: 16px; } .search_btn { position: absolute; right: 0; top: 0; height: 34px; width: 46px; background: #df4754 url("/style/images/search_icon.png") center no-repeat; } /* 导航菜单 */ .nav { background: #df4754; } .nav_con { background: #df4754; height: 50px; color: #FFF; line-height: 50px; position: relative; } .guid_btn { position: relative; width: 244px; height: 50px; text-align: center; font-size: 20px; background: #c32b26; line-height: 54px; } .menu_icon { position: absolute; top: 18px; left: 30px; margin: 0; height: 18px; width: 22px; background: url("/style/images/menu_icon.png") center no-repeat; } .nav_list li { float: left; } .nav_list li a { display: block; width: 119px; height: 50px; text-align: center; color: #FFF; font-size: 14px; -webkit-transition: all 200ms linear; -ms-transition: all 200ms linear; -moz-transition: all 200ms linear; transition: all 200ms linear; } .nav_list li a:hover { background: #cc3333; } .sub_list { position: relative; } .sub_menu { display: none; position: absolute; top: 50px; left: 0; z-index: 8; /*width: 270px;*/ width: 242px; padding: 10px; background: #cc3333; font-size: 12px; line-height: 1; } .sub_menu span { float: left; line-height: 22px; } .nav_list li .sub_menu a { float: left; margin: 0 8px; width: auto; height: auto; font-size: 12px; line-height: 22px; } .nav_list li .sub_menu a:hover { text-decoration: underline; } .fixed .nav_list { padding-left: 246px; } .index_top { position: fixed; top: 50px; z-index: 999; } .index_guid { position: fixed; top: 0; z-index: 999; } .menu_list { padding-top: 28px; width: 242px; height: 413px; background: #eeeeee; border-left: 1px solid #dddddd; border-right: 1px solid #dddddd; border-bottom: 1px solid #dddddd; } .menu_list_hover { background: #FFF; } .menu_list_hover:before { content: ''; position: absolute; top: 0; left: -4px; width: 4px; height: 100%; background: #df4754; } .menu_list li { position: relative; padding: 0 14px; } .menu_item { padding: 10px 4px 10px 60px; border-top: 1px dotted #ddd; font-size: 12px; color: #999; } .menu_item a { margin: 0 2px; color: #999999; font-size: 12px; } .menu_item a:hover { color: #df4754; text-decoration: underline; } .menu_item p.strong { margin-bottom: 12px; font-size: 14px; color: #333; } .item_one { background: url("/style/images/menu_icon1.png") 10px center no-repeat; } .item_two { background: url("/style/images/menu_icon2.png") 10px center no-repeat; } .item_three { background: url("/style/images/menu_icon3.png") 10px center no-repeat; } .item_four { background: url("/style/images/menu_icon4.png") 10px center no-repeat; } .item_five { background: url("/style/images/menu_icon5.png") 10px center no-repeat; } .item_six { border-bottom: 1px dotted #ddd; background: url("/style/images/menu_icon6.png") 10px center no-repeat; } .online_zx { display: block; margin: 9px auto; height: 36px; width: 120px; text-align: center; color: #fFF; line-height: 36px; background: #df4754; border-radius: 4px; } .btn_btns { background: #ff742c; } .btn_btns:nth-child(2) { background: #0b8381; } .zx_icon { margin-right: 4px; height: 24px; width: 24px; background: url("/style/images/qq_icon.png") center no-repeat; } /* 子菜单 */ .sub_nav { display: none; position: absolute; top: 0; left: 242px; z-index: 999; background: #FFF; padding: 22px 30px; width: 260px; font-size: 12px; color: #385960; } .sub_item p.strong { margin-bottom: 16px; } .sub_item { margin: 16px 0; padding: 0 0 0 14px; background: url("/style/images/abc_icon.png") 0px top no-repeat; } .sub_item p a { margin: 0 2px; } /* footer */ #footer{padding-bottom:10px;width:100%;background:#eee;color:#999;font-size:12px} #footer .footer_all{margin:0 auto;width:1200px} #footer .footer_main{padding-top:20px} #footer .footer_text{float:left;padding:20px 0;padding-right:20px;width:400px} #footer .footer_text h2{color:#333;font-size:18px;line-height:26px} #footer .footer_text p{color:#666;font-size:14px;line-height:22px} #footer .footer_menu{float:left;margin-left:120px;padding:20px;width:340px;border-right:1px dotted #ccc;border-left:1px dotted #ccc} #footer .footer_menu ul li{float:left;margin:0 16px;text-align:center} #footer .footer_weixin{float:left;padding-left:100px;width:130px;text-alignc:enter} #footer .footer_logo{height:90px;border-top:1px dotted #ccc;background:url("/style/images/footer_logo.png") center no-repeat} #footer .footer_img{float:left;margin-top:14px;margin-left:450px;width:153px;height:47px} #footer .footer_copyright{border-top:1px dotted #ccc} #footer .footer_copyright p{text-align:center;line-height:40px} #footer .ft_4{height:30px;border-top:1px dotted #ccc} #footer .ft_4 li{float:left;margin-right:10px;list-style:none;line-height:30px} .footer_weixin p{line-height:2} .footer_menu{line-height:24px} .footer_menu a{color:#333;text-decoration:none} .footer_menu a:hover{color:#6eb92b} .foot_top{height:30px} .left_part { float: left; width: 215px; } .left_part img { display: block; margin: 0 auto; } .mid_top a { float: left; margin: 0 8px; height: 26px; width: 70px; border: 2px solid #df9247; color: #FFF; text-align: center; line-height: 28px; font-size: 12px; border-radius: 4px; } .mid_top { margin-bottom: 8px; } .mid_bot p { font-size: 12px; color: #FFF; line-height: 24px; } .mid_part, .right_part { float: left; } .right_part img { display: block; margin: 10px 40px; width: 86px; height: 86px; } /* 二级头部 */ .team_guid { position: relative; z-index: 999; } .team_guid .menu_list { display: none; position: absolute; top: 50px; left: 0; width: 100%; text-align: left; } .team_guid .menu_list { width: 242px; }