��body{ min-width: 1200px;font-family: "Microsoft YaHei","Helvetica Neue",Helvetica,Arial,sans-serif !important;} html, body, div, dl, dt, dd, ol, ul, li, span, i, p, em, h, form, input, textarea, button, table, tr, td, img, h1, h2, h3, h4, h5, h6, a {font-family: Microsoft YaHei,"Source Han Sans CN","noto sans","Helvetica Neue",Helvetica,Arial,sans-serif !important;} .clearfix:after{content: "."; display: block; height: 0; clear: both; visibility: hidden;} .nav{float: left;position: relative; z-index:99999} .nav a{color: #666;} .nav .nLi{float: left;position: relative;display: inline;} .nav .nLi h3{float: left;margin: 0px;padding: 0px;display: block;} .nav .nLi h3 i{display: block;height: 25px;position: absolute;width: 25px;background-image: url(../Images/ico.png);background-repeat: no-repeat;margin-top: 25px;margin-left: 30px;} .nav .nLi h3 a{display: block;font-size: 15px;font-weight: bold;height:110px;margin: 0px;padding-top: 0;padding-bottom: 0;line-height: 140px; width:90px; text-align:center; text-decoration:none; font-family: Microsoft Yahei, Tahoma, Simsun;} .nav .nLi h3 a:hover{color: #fff!important;background-color: #F60;} .nav2 .nLi h3 a{display: block;font-size: 15px;font-weight: bold;height:110px;margin: 0px;padding-top: 0;padding-bottom: 0;line-height: 140px; width:83px !important; text-align:center; text-decoration:none; font-family: Microsoft Yahei, Tahoma, Simsun;} .nav2 .nLi h3 a:hover{color: #fff!important;background-color: #F60;} .nav3 .nLi h3 a{display: block;font-size: 15px;font-weight: bold;height:110px;margin: 0px;padding-top: 0;padding-bottom: 0;line-height: 140px; width:100px !important; text-align:center; text-decoration:none; font-family: Microsoft Yahei, Tahoma, Simsun;} .nav3 .nLi h3 a:hover{color: #fff!important;background-color: #F60;} .nav3 .nLi h3 i{ left: 7px !important;} .nav .sub{display: none;width:90px;left: 0;top:110px;position: absolute;background: #eee;line-height: 26px;padding: 3px 0;filter: alpha(opacity=90);opacity: 0.9; margin:0px;} .nav .sub li{zoom: 1; font-size:14px;list-style-type: none;} .nav .sub a{display: block;padding: 0 10px; font-size:14px; color: #333;text-decoration:none;} .nav .sub a:hover{background: #333;color: #fff;} .nav .on h3 a{color: #fff!important;background-color: #F60;} .nav .a2{background-position: 0 -28px;} .nav .a3{background-position: 0 -56px;} .nav .a4{background-position: 0 -85px;} .nav .a5{background-position: 0 -110px;} .nav .a6{background-position: 0 -140px;} .nav .a7{background-position: 0 -170px;} .nav .a8{background-position: 0 -198px;} .nav .a9{background-position: 0px -228px} .nav .a11{ background-position: 0 -346px; } .nLi:hover ul{display:block;} .nav .nLi h3:hover .a1,.nav .on .a1{background-position: -25px 0px;} .nav .nLi h3:hover .a2,.nav .on .a2{background-position: -25px -28px;} .nav .nLi h3:hover .a3,.nav .on .a3{background-position: -25px -56px;} .nav .nLi h3:hover .a4,.nav .on .a4{background-position: -25px -85px;} .nav .nLi h3:hover .a5,.nav .on .a5{background-position: -25px -110px;} .nav .nLi h3:hover .a6,.nav .on .a6{background-position: -25px -140px;} .nav .nLi h3:hover .a7,.nav .on .a7{background-position: -25px -170px;} .nav .nLi h3:hover .a8,.nav .on .a8{background-position: -25px -198px;} .nav .nLi h3:hover .a9,.nav .on .a9{background-position:-25px -228px;} .nav .nLi h3:hover .a11,.nav .on .a11{ background-position: -25px -346px; } .toptel {position: absolute; top: 30px; left: 50%; margin-left: 445px; color: #F60; font-size:24px; font-family:arial,tahoma;} .div_welcome_big_content{ min-width:1000px; overflow:hidden;} /* * * * * * * * * header * * * * * * * * */ strong.strong_header_more{float: left; line-height: 45px; font-weight: normal; margin-left: 23px; margin-right: 8px;} strong.strong_header_more.three{margin-left: 30px;} strong.strong_header_more.four{margin-left: 15px;} strong.strong_header_more.five{margin-left: 8px;} i.i_header_more_sj{float: left; width: 8px; height: 8px; margin-top: 20px; background: url(../Images/c_big.png) -8px -145px no-repeat;} .div_header_several_menu{float: left; width: 100px; height: 45px;} .div_header_several_menu.right_pic{width: 28px;} .div_header_several_menu:hover a{background: #343841;} .div_header_several_menu a.a_top_small_header{float: right;} .div_header_several_menu:hover .ul_header_menu_more{display: block;} .ul_header_menu_more{position: absolute; margin-top: 45px; *margin-left: -100px; _margin-left: -100px; width: 100px; font-size: 14px; text-align: center; display: none;} .ul_header_menu_more.top-news{text-align: left; font-size: 12px; margin-left: -54px; *margin-left: -88px;} .div_header_several_menu.right_pic .ul_header_menu_more{margin-left: -70px;} .ul_header_menu_more li{float: left; background: #2d3138; height: 45px; width: 100%;} .ul_header_menu_more li a{float: left; width: 100%; line-height: 45px; border-top: 1px solid #343841; color: #a2a6b1;} .ul_header_menu_more.top-news li{border-top: 1px solid #343841; background: #394e5e;} .ul_header_menu_more.top-news li a{width: auto; margin-left: 10px; border: none;} .ul_header_menu_more.top-news font.top_add_news_num{float: right; color: white; line-height: 45px; margin-right: 10px;} .ul_header_menu_more li a:hover{color: white;} .div_header{margin: 0 auto; width: 1400px !important;} .div_header .preview{height: 120px;} .div_header_kind_b{background-color: #2d3e50;} .div_header_cen{float: left; width:260px; height: 110px;} .div_header_cen.kind_b{height:110px; width: 1000px; background: url(../Images/head_bg_b.png) no-repeat; top: 0; left: 0; min-width: 1000px; width: 100%; z-index: -5; background-position: top center; background-repeat: no-repeat; background-attachment: scroll; background-size: cover; -webkit-background-size: cover; -o-background-size: cover; background-color: #2d3e50; zoom: 1;} .div_header.no{height: 215px;} .a_logo_left{float: left; width:266px; height: 90px;margin-top:15px;} .a_logo_left.register_head_mode{width:214px; height: 70px; background: url(../images/9logo.png) no-repeat; margin-top: 10px;} .div_header_register .a_logo_left{margin-top: 45px;} .div_logo_menu{float:left; min-height:20px; margin:30px 0 0 0px;} .div_logo_menu_b{float:left; margin-left:185px;} .div_logo_menu_b a{float:left;height:40px; text-align:center; line-height:80px; font-size:14px; color:#768596;} .div_logo_menu_b a.index,.div_logo_menu_b a:hover{color:#fff;} .div_logo_menu a{float:left; width:66px; text-align:center; font-size:14px; color:#666;height:60px; line-height:60px;} .div_logo_menu a:hover{background:#e05f12;color:#fff!important;} .div_logo_menu a.index{margin-left:0px;} .div_logo_menu a.index font,.div_logo_menu a:hover font{cursor:pointer;} .div_logo_menu a.last{border-right:1px solid #f0f0f0;} .div_header_in,.div_header_register{float: left; width: 100%; min-width:1000px; min-height: 46px;} .div_header_register{height: 120px;} .div_header_in_bar{position: fixed; top: 0; left: 0; width: 100%; background: #343841; height: 45px; border-bottom: 1px solid #343841; z-index: 100; -webkit-transform: translateZ(0);} .div_header_in_bar_cen{width: 1000px; margin: 0 auto;} a.a_logo_in{float: left; width: 116px; height: 30px; background: url(/media/images/logo/logo_in_title_logo.png) no-repeat; margin-top: 7px;} .div_header_in.full_screen a.a_logo_in{display:inline-block; position: absolute; left: 15px;} .div_header_in_pic{float: left; width: 100%; height: 170px;} .div_header_in_pic_cen{width: 1000px; height: 170px; margin: 0 auto;} .div_header_in_pic_cen.index{top: 0; left: 0; min-height: 100%; width: 100%; min-width: 1000px; z-index: -5; background-position: top center; background-repeat: no-repeat; background-attachment: scroll; background-size: cover; -webkit-background-size: cover; -o-background-size: cover; zoom: 1;} .div_index_text_contain{width: 1000px; margin: 0 auto;} .a_index_text{float: right; margin-top: -110px; margin-right: 50px; font-size: 20px; color: white;} .span_c_login_right_labelb select{*margin-top:8px; padding:5px; vertical-align: middle;} .span_do_logo_right{float: left; line-height: 45px; height: 45px; margin-right: 0px; margin-left: 50px;} .div_header_in.full_screen .span_do_logo_right{display: inline-block; position: absolute; left: 150px;} .span_do_logo_right a,.div_header_account a.a_right_logout{float: left; width: 100px; height: 45px; line-height: 45px; font-size: 14px; text-align: center; color: #a2a6b1; background: #343841;} .div_header_account a.a_right_logout{float: right;} .span_do_logo_right a.index{cursor: pointer; width: 100px; background: #000; color: #fff;} .span_do_logo_right a:hover,.div_header_account a.a_right_logout:hover{cursor: pointer; background: #000;} .div_header_account{float: right; height: 45px;} .div_header_in.full_screen .div_header_account{position: absolute; right: 25px;} /*anlizhanshi CSS Document*/ .mainbox{width: 980px; margin-left: auto; margin-right: auto; margin-top:30px; border-bottom: 1px solid #f90; padding: 42px 0 72px; clear:both; overflow:hidden} .mainbox h1{width: 980px; margin-left: auto; margin-right: auto; margin-top: 30px; clear: both; overflow: hidden; padding: 0px; margin-bottom: 0px; font-size: 24px; line-height: 45px; background-color: #F60; text-align: center; color: #FFF;} .leftbox{width: 200px; float: left;} .leftbox h3{display: block; margin: 0px; padding: 0px; font-size: 20px; line-height: 50px; font-weight: bold; text-align: center; border-right-width: 1px; border-right-style: solid; border-right-color: #f90; color:#F90} .leftbox ul{display: block; margin: 0px; padding: 0px; text-align: center; border-right-width: 1px; border-right-style: solid; border-right-color: #f90;} .leftbox ul li{list-style-type: none; font-size: 16px; line-height: 30px; text-align: left;} .leftbox ul li b{color:#F90} .rightbox{width: 750px; float: right;} .rightbox ul{font-size: 16px; padding: 0px; margin-top: 10px; margin-right: 0px; margin-bottom: 0px; margin-left: 0px; line-height: 30px; position: relative;} .rightbox ul img{width:100%} .rightbox ul li{font-size: 16px; clear: both;} .rightbox ul li strong{color: #F90; display: block; width: 120px; float: left;} .rightbox ul li span{display: block; float: left; width: 630px; color: #444;} .Guideicon{height: 184px; width: 282px; position: absolute; background-image: url(../Images/Guideicon.png); background-repeat: no-repeat; z-index: 1; left: -200px;} /* * * * * * * * * footer * * * * * * * * */ .div_footer{width: 1000px; overflow:hidden; color:#424242;margin:30px auto;} .div_footer_menu{margin-top:0px !important; text-align:center;} .div_footer_menu ul{ list-style-type:none; padding-left: 0; width:100%; display: flex; align-items: center; justify-content: center;} .div_footer_menu ul li{float:left;width:8%;height:120px;margin:0 10px;list-style-type:none;} .div_footer_menu a{font-size:15px; color:#333; text-decoration:none;} .div_footer_menu a:hover{color:#F30;} .div_footer_menu .font_footer_vertical{color:#dfdfdf; font-weight:bold;} .div_footer.repeat-bg{background: url(../Images/bg_repeat.png) repeat;} .white_bg .div_footer.repeat-bg{background:#fff;} .div_footer p,.div_footer_copy{width: 100%; margin: 0 auto; line-height: 30px; text-align: center; font-size: 12px;} .div_footer_copy{clear:both} .div_footer_help{_position: absolute; background:#fff; border:1px solid #dadada; border-bottom:none; left: auto; bottom: 125px; width: 65px; right: 7.5%; *right: 7%; display:none; -webkit-transform:translateZ(0);} .div_footer_active{position: fixed; _position: absolute; left: 2px; bottom: 100px; width: 163px; height: 481px; background: url(/media/images/active/active_11_1.png) no-repeat;} .span_footer_weixin{position:absolute; width:160px; border:1px solid #dadada; background:#fff; margin:-1px 0 0 -162px; *margin-left:-218px;} .span_footer_weixin img{float:left; width:120px; margin:18px 0 0 18px;} .span_footer_weixin font{float:left; width:100%; color:#999; font-size:14px; text-align:center; line-height:45px;} .div_footer_active a.a_active_close{float: right; margin: 0; width: 24px; height: 24px; background: url(/media/images/active/active_close.png) no-repeat;} .div_footer_active a.a_active_close:hover{cursor: pointer; background: url(/media/images/active/active_closeon.png) no-repeat;} .div_footer_help li{float: left; width: 65px; height: 65px; border-bottom:1px solid #dadada;} .div_footer_help li:hover,.div_footer_help li:hover p{cursor: pointer;} .div_footer_help li a{float: left; width: 65px; text-align: center; font-size: 14px; display: none; height: 65px;} .div_footer_help li a p{line-height: 65px; width: 30px; margin:0 0 0 17px; float: left; color:#999;} .div_footer_help li a.help_twoh_text p{line-height: 20px; margin-top:11px;} .div_footer_help li:hover i,.div_footer_help li:hover span.init_text{display: none;} .div_footer_help li:hover a{display: block;} .div_footer_help li.side_top{display: none;} .div_footer_help li i{float: left; width: 65px; height: 65px;} .div_footer_help li.side_top i{background: url(../Images/help_bar_pics_20140815.png) -68px 0px no-repeat;} .div_footer_help li.side_weixin i{background: url(../Images/help_bar_pics_20140815.png) -1px 0px no-repeat;} .div_footer_help li.side_feedback i{background: url(../Images/help_bar_pics_20140815.png) -133px 1px no-repeat;} .div_footer_help li.side_feedback span.init_text{float: left; width: 53px; color:white; text-align:center; line-height: 53px; font-size:14px;} .div_footer_help li.side_download i{float: left; width: 23px; height: 19px; background: url(/media/images/side_down.png); margin-top: 15px; margin-left: 14px;} .div_width_100per {margin-bottom:15px;} .caseBox ul li{width:24.5%; float:left;} .caseBox ul li img{width:100%;} .borderno{ border: none; padding: 0; } .leftbox h3{ background: url(../Images/h3_bg.png) no-repeat center; color: #fff; } .anli_con h3{ background: url(../Images/conH3_bg.png) no-repeat center left; color: #f90; } .anli_tit .txt{ color: #444; padding-right: 3px; box-sizing: border-box; } .div_header{ background: none !important; } .nav .zhubo_a9 {background-position: 0 -289px;} .nav .nLi h3:hover .zhubo_a9, .nav .on .zhubo_a9{background-position: -25px -289px;} @media (max-width: 1280px){ a:focus{ text-decoration: none; } .div_footer_menu{ padding: 1rem 0; } .div_footer_menu ul li{ height: 195px !important; } }