html { min-height: 100%; height: 100% } body { font-family: "微软雅黑"; position: relative; padding-bottom: 265px; min-height: 100% } @media screen and (max-width: 767px) { body { padding-bottom: 325px } } @media screen and (max-width: 480px) { body { padding-bottom: 355px } } @media (min-width: 1200px) { .container { /*width: 1030px*/ } } .menu { padding-top: 5px } @media (min-width: 768px) { .menu { margin-top: 25px; padding-bottom: 10px } } .navbar-toggle { background: #1a56ac; margin-right: 0 } .navbar-toggle span.icon-bar { background: #fff } .logo img { width: 120px } @media screen and (max-width: 991px) { .logo img { width: 120px } } #navbar .lang_img { vertical-align: initial; margin-right: 10px } #navbar .btn_yh { padding-left: 5px; padding-right: 10px; padding-top: 3px; padding-bottom: 3px; background: #e8e5e5; border: 1px #b4b2b3 solid } #navbar li.lang { padding-top: 13px; padding-bottom: 13px; margin-left: 15px } #navbar span.selected { margin-right: 10px; margin-left: 10px } #navbar .dropdown-menu { min-width: initial; width: 100% } #navbar .nav li a { color: #4b494a; /*padding-left: 20px;*/ /*padding-right: 20px*/ padding-left: 5px; padding-right: 5px; } #navbar .nav li a:hover, #navbar .nav li a.active, #navbar .nav li.active a { color: #1c4fa6; background: none } @media (min-width: 768px) and (max-width: 991px) { #navbar .nav li a { padding-left: 4px; padding-right: 4px } } @media (min-width: 1200px) { #navbar .nav li a { /*padding-left: 25px;*/ /*padding-right: 25px*/ padding-right: 5px; padding-left: 5px; } } @media (min-width: 768px) { #navbar .navbar-nav { float: right; margin-top: 5px } } .time { color: #b3b3b3 } .time, .more { float: right } .banner { position: relative; margin-bottom: 30px; overflow: hidden; padding-bottom: 16px } .banner .line { width: 100%; height: 1px; position: absolute; top: 0; left: 0; right: 0; z-index: 3; box-shadow: 0px 0px 5px #000 } .banner .slider { display: table; margin: auto } .banner .slider ul { margin-bottom: 0 } .banner .dots { position: absolute; left: 0; right: 0; bottom: 0; text-align: center; margin-bottom: 0; display: none } .banner .dots li { display: inline-block; width: 10px; height: 10px; margin: 0 4px; text-indent: -999em; border: 2px solid #fff; border-radius: 6px; cursor: pointer; opacity: .4; -webkit-transition: background .5s, opacity .5s; -moz-transition: background .5s, opacity .5s; transition: background .5s, opacity .5s } .banner .dots li.active { background: #fff; opacity: 1 } @media screen and (max-width: 600px) { .banner .dots { display: block } } .banner .dots_mail { position: absolute; left: 0; right: 0; bottom: 0px; z-index: 99 } .banner .dots_mail ul { overflow: hidden; margin-bottom: 0 } .banner .dots_mail .border { overflow: hidden; background: rgba(255, 255, 255, 0.7); border: 1px #cdcdcd solid; border-radius: 10px 10px 0 0; padding-bottom: 20px } .banner .dots_mail .border h5 { text-align: center } @media screen and (max-width: 767px) { .banner .dots_mail { display: none } } .yh_customer { margin-top: -50px } #content h2 { font-size: 17px; color: #242121; background: url(/uploads/image/ejsfimages/h2_bg.jpg) left 24px no-repeat; padding-bottom: 8px; border-bottom: 1px #c0bebd solid } #content h2.active { color: #1fa4e8 } #content .news_li { white-space: nowrap; overflow: hidden; text-overflow: ellipsis; float: left; background: url(/uploads/image/ejsfimages/list_type_img.png) left center no-repeat } #content .news_li a { color: #737270 } #content .news_li a:hover { color: #00a0e9; text-decoration: none } @media (min-width: 678px) { #content .col-xs-12.col-sm-6.col-md-4 { min-height: 306px } } #content .list_type li { overflow: hidden; line-height: 25px } #content .more a { color: #005aab; font-size: 10px } #content .more a:hover { text-decoration: none } #content .area { width: 12%; float: left; border-radius: 10px; font-size: 0.8em; text-align: center; color: #fff; background: #44baa7; margin: 2px 3px; padding-top: 2px; padding-bottom: 2px } #content .map_pic { overflow: hidden; position: relative } #content .map_pic img { transition: all 0.5s ease; -webkit-transition: all 0.5s ease; -moz-transition: all 0.5s ease; -o-transition: all 0.5s ease; -ms-transition: all 0.5s ease } .menu_left li { background: url(/uploads/image/ejsfimages/list_type_img.png) left center no-repeat; padding-left: 10px; padding-top: 5px; padding-bottom: 5px; font-size: 16px } .menu_left li a { color: #4b494a } .menu_left li a:hover { color: #1c4fa6; text-decoration: none } .menu_left li:hover, .menu_left li.active { background: #1fa4e8 } .menu_left li:hover a, .menu_left li.active a { color: #fff } .menu_left h2, .menu_left h3 { color: #1fa4e8; padding-bottom: 10px; border-bottom: 1px #c6c5c3 solid } .open_menu { transform: translatex(200px); -webkit-transform: translatex(200px) } .content_page .year, .content_page .h_year { background: #1fa4e8; border-radius: 5px; padding-left: 15px; padding-right: 15px } .content_page .h_year { background: none } .content_page .year_line, .content_page .h_year_line { width: 100%; background: url(/uploads/image/ejsfimages/line_06.jpg) left center repeat-x; overflow: hidden; padding-top: 10px; padding-bottom: 10px } .content_page .h_year_line { background: url(/uploads/image/ejsfimages/line_03.jpg) left center repeat-x } .content_page .year_pic, .content_page .h_year_pic { float: left; padding-right: 10px; background: #1fa4e8 } .content_page .h_year_pic { background: #fff } .content_page .btn_bg { background: #8ed0f1; margin-bottom: 30px; margin-top: 10px } .content_page .img_effect { border: 1px #ccc solid; padding: 10px; margin-top: 20px; box-shadow: 0px 2px 10px #999 } @media screen and (max-width: 767px) { .content_page .img_effect { margin-bottom: 20px } } .content_page .year_txt { margin-bottom: 20px; margin-top: 20px } .content_page .year_txt img.pull-right { margin-bottom: 0 !important } .content { margin-bottom: 20px } .content img.pull-right { margin-left: 15px; margin-bottom: 15px } @media screen and (max-width: 479px) { .content img.pull-right { float: none !important; margin-left: auto; margin-right: auto; display: block } } .content img.pull-left { margin-right: 15px } @media screen and (max-width: 479px) { .content img.pull-left { float: none !important; margin-left: auto; margin-right: auto; display: block } } .content p { text-align: justify; color: #868585 } @media (min-width: 768px) { .content p { line-height: 2 } } .content .menu_mobile { float: right; padding-top: 25px; white-space: nowrap } .content .menu_mobile .dropdown-menu { left: auto; float: right !important; right: 0 !important } .content .menu_mobile li.active a { color: #fff } .content .menu_mobile a { color: #4b494a; text-decoration: none } .content .menu_mobile a:hover { color: #1c4fa6; text-decoration: none } .content .content_head { margin-left: 15px; margin-right: 15px } .content .content_head:after, .content .content_head:before { content: ""; clear: both; display: table } .content .content_head .breadcrumb { margin-bottom: 0; margin-top: 20px; padding-right: 0 } .content .content_head .breadcrumb a { color: #4b494a } .content .content_head .breadcrumb a:hover { color: #1c4fa6; text-decoration: none } @media screen and (max-width: 767px) { .content .content_head .breadcrumb { display: none !important } } .content .content_head .breadcrumb>li+li:before { content: "--" } .content .content_head .col-xs-6 { padding-left: 0; padding-right: 0 } .content .title_border { border-bottom: 1px #ccc solid; margin-bottom: 30px } .content h2 { color: #1fa4e8; white-space: nowrap; overflow: hidden; text-overflow: ellipsis } @media screen and (max-width: 480px) { .content h2 { font-size: 22px } } .content h5 { background: url(/uploads/image/ejsfimages/title_bg.png) left center no-repeat; padding-left: 20px; color: #1fa4e8; border-bottom: 1px #ccc dashed; padding-bottom: 5px } .content h4 { color: #1fa4e8 } .content .video_border { border: 1px #ccc solid; padding-left: 10px; padding-right: 10px; padding-top: 5px; display: inline-block } .content .video_list { text-align: center; padding-left: 5px; padding-right: 5px; margin-top: 10px; margin-bottom: 10px } .content .btn_download { color: #fff; background: #1fa4e8 } .hornor p { margin-bottom: 0; line-height: normal } .footer { position: absolute; right: 0; left: 0; bottom: 0; background: #d8d8d8; padding-top: 20px } .footer a { color: #858585 } .footer a:hover { color: #00a0e9; text-decoration: none } .time_box { font-weight: bold } @media (min-width: 768px) { .time_box { text-align: center; background: #eae6e2 } } .time_box .day { font-size: 25px; padding-top: 5px; border-bottom: 1px #fff solid } @media screen and (max-width: 767px) { .time_box .day { display: none } } .time_box .year_month { padding-top: 2px; padding-bottom: 2px } @media screen and (max-width: 767px) { .time_box .year_month { display: none } } .border_dashed { border-bottom: 1px #ccc dashed; padding-bottom: 20px; margin-bottom: 20px } .link_box p { margin-bottom: 2px; padding-bottom: 2px } .link_tip_bg { padding-left: 10px } .btn_page { background: #1fa4e8; color: #fff } .btn_page:hover { color: #fff } .page { text-align: justify } .justify_fix { display: inline-block; width: 100%; height: 0; overflow: hidden } .tips { font-size: 0.8em; padding-top: 20px } .video_title { background: #1fa4e8; color: #fff !important; padding-top: 10px; padding-left: 10px; padding-bottom: 10px } @media screen and (max-width: 400px) { .video_box { width: 100%; margin-bottom: 20px } } .contact_info p { line-height: normal; margin-bottom: 3px } .contact_info .tip { color: #1fa4e8 } .copyright { text-align: center; color: #fff } @media screen and (max-width: 480px) { .copyright span { display: block } } .gq_content_box { margin-left: -5px; margin-right: -5px } .fb { padding-left: 5px; padding-right: 5px; margin-bottom: 10px } @media screen and (max-width: 599px) { .fb { width: 50% } } @media screen and (max-width: 366px) { .fb { width: 100% } } .video_list_box { margin-left: 10px; margin-right: 10px } .dots_mail { overflow: hidden } .dots_mail li { margin-top: 91px } .dots_mail li .col-xs-12 { border-top: 1px #ccc solid } .dots_mail li h5 { display: none } .dots_mail li.active .col-xs-12 { border: none } .dots_mail li.active .pro_type_img { display: none } .dots_mail li.active h5 { display: block } @media (min-width: 992px) { .dots_mail { height: 148px } } @media (min-width: 768px) and (max-width: 991px) { .dots_mail { height: 194px } } @media (min-width: 992px) { .args { height: 0; width: 108px } } @media (min-width: 768px) and (max-width: 991px) { .args { height: 71px; width: 154px } } span.pro_type_img { padding-top: 2px; padding-bottom: 2px; display: block; background: #fff } .report_border { border: 1px #1fa4e8 solid } .report_border .title_cover { background: #1fa4e8; color: #fff; padding-top: 10px; padding-bottom: 10px; padding-left: 10px; padding-right: 10px } .report_border .cover_time { float: right } .report_border img { padding-top: 2px; padding-left: 2px; padding-right: 2px; padding-bottom: 20px } .about { position: relative } .temp_white { position: absolute; left: 0; right: 0; height: 30px; background: white; top: 0; z-index: 999; display: none } .border_img { border: 1px #bbbbba solid; margin-bottom: 5px } .link_row { margin-left: -5px; margin-right: -5px } .link_row .col-xs-6 { padding: 0 5px } .media-heading { font-size: 16px } .media-heading a { color: #1fa4e8 } #select_year { opacity: 0; filter: alpha(opacity=0); z-index: 99; position: relative } .select_box { position: absolute; right: 0; top: 0; background: url(/uploads/image/ejsfimages/select_bg.png) right center no-repeat; border: 1px #53c3f1 solid; padding-right: 35px; padding-left: 5px } .bg_white { background: #fff } .bg_gray { background: #e8e8e8 } .car { padding-bottom: 350px } .car .footer { padding-top: 0 } .car .car_logo { padding-bottom: 20px } @media screen and (max-width: 489px) { .car { padding-bottom: 400px } } .car .menu_left h3 { background: url(/uploads/image/ejsfimages/h2_bg.jpg) left 31px no-repeat; border-bottom: none; background-size: 100% } .lc_bg { padding-left: 20px; padding-top: 10px; padding-bottom: 10px; background: url(/uploads/image/ejsfimages/car_lc.png) center left no-repeat } .lc_bg:first-child { background: url(/uploads/image/ejsfimages/car_lc_first.png) center left no-repeat } .lc_bg:first-child p { color: #6fcdf3 } .lc_bg p { line-height: 1; margin-bottom: 0; color: #383838 } .lc_bg .lc_txt_box { background: #ececec; padding: 5px 10px } .car_title { border-bottom: 1px #ccc dashed } .car_title .btn { background: #1fa4e8; color: #fff; margin-top: 10px; margin-bottom: 10px } .shadow { box-shadow: 1px 1px 10px #999; background: rgba(255, 255, 255, 0.7); margin-top: -50px; z-index: 999; position: relative; padding-top: 30px; padding-bottom: 50px; padding-left: 30px; padding-right: 30px } @media screen and (max-width: 767px) { .shadow { padding-left: 15px; padding-right: 15px } } .car_hornor .col-sm-3 { margin-top: 5px; margin-bottom: 5px } .car_area { margin-top: 5px; margin-bottom: 5px } .car_banner { background: url(/uploads/image/ejsfimages/car_banner.png) center top no-repeat; height: 428px; background-size: cover; padding-bottom: 0; margin-bottom: 0 } @media screen and (max-width: 767px) { .car_banner { height: 200px } } .car_contact p { line-height: normal !important; margin-bottom: 5px !important } .car_more_btn { background: url(/uploads/image/ejsfimages/more_bg.gif) left center repeat-x; padding: 0 5px; font-size: 0.8em; color: #fff; display: inline-block } .car_more_btn:hover, .car_more_btn:visited, .car_more_btn:active, .car_more_btn:focus { color: #fff; text-decoration: none } .car_more_btn span.bg_tip { background: url(/uploads/image/ejsfimages/more_tip.png) center center no-repeat; display: inline-block; width: 4px; height: 6px } .car_news_pic img { width: 767px; margin-bottom: 5px } .car_index_news ul { margin-bottom: 5px } .car_index_news li { white-space: nowrap; overflow: hidden; text-overflow: ellipsis } .car_index_news li a { color: #333; font-size: 13px } .car_index_news li a:hover { text-decoration: none } .border_bottom { border-bottom: 1px #ccc solid } .nbs-flexisel-container { position: relative; max-width: 100%; overflow: hidden } .nbs-flexisel-ul { position: relative; width: 9999px; margin: 0px; padding: 0px; list-style-type: none; text-align: center } .nbs-flexisel-inner { overflow: hidden; float: left; width: 100%; background: #fcfcfc; background: #fcfcfc -moz-linear-gradient(top, #fcfcfc 0%, #eee 100%); background: #fcfcfc -webkit-gradient(linear, left top, left bottom, color-stop(0%, #fcfcfc), color-stop(100%, #eee)); background: #fcfcfc -webkit-linear-gradient(top, #fcfcfc 0%, #eee 100%); background: #fcfcfc -o-linear-gradient(top, #fcfcfc 0%, #eee 100%); background: #fcfcfc -ms-linear-gradient(top, #fcfcfc 0%, #eee 100%); background: #fcfcfc linear-gradient(top, #fcfcfc 0%, #eee 100%); border: 1px solid #ccc; border-radius: 5px; -moz-border-radius: 5px; -webkit-border-radius: 5px } .nbs-flexisel-item { float: left; margin: 0px; padding: 0px; cursor: pointer; position: relative; line-height: 0px; height: 100% } .nbs-flexisel-item img { cursor: pointer; position: relative; margin-top: 10px; margin-bottom: 10px } .ele_hornor_box { background: url(/uploads/image/ejsfimages/ele_hornor_bg.jpg) left top no-repeat; padding-left: 30px } .ele_hornor_box li { background: url(/uploads/image/ejsfimages/ele_h_li.jpg) left center no-repeat #4cb6ed; color: #fff; padding: 5px 20px; margin-bottom: 10px } .jidi { border: 1px #ccc solid; display: inline-block } .jidi p { text-align: center !important } .col-xs-12.col-sm-4.hornor { text-align: center } @media screen and (max-width: 767px) { .col-xs-12.col-sm-4.hornor { margin-top: 10px; margin-bottom: 10px } } .hornor_list_box { padding-right: 15px; background: url(/uploads/image/ejsfimages/line_bg.gif) 22px center repeat-y } .hornor_list_box .h_list { position: relative; padding-left: 130px; margin-top: 5px; margin-bottom: 35px } .hornor_list_box .h_list:first-child .h_list_pic { background: url(/uploads/image/ejsfimages/lc_first_bg.png) left center no-repeat } .hornor_list_box .h_list_pic { background: url(/uploads/image/ejsfimages/lc_bg.png) 1px center no-repeat; position: absolute; width: 91px; height: 25px; text-align: right; padding-right: 15px; color: #fff; left: 15px; top: 50%; transform: translatey(-50%); -webkit-transform: translatey(-50%); -moz-transform: translatey(-50%); -o-transform: translatey(-50%); -ms-transform: translatey(-50%) } .hornor_list_box ul { margin-bottom: 0 } .hornor_list_box li { background-color: #caecfa; margin-bottom: 10px; padding-top: 5px; padding-bottom: 5px; padding-left: 10px; padding-right: 10px } .back_home a { padding: 0 !important; margin: 0 !important } .sub_banner { position: relative } .sub_banner .dots { position: absolute; left: 0; right: 0; bottom: 0; margin: 0; padding: 0 } .sub_banner .dots li { width: 25%; list-style: none; text-align: center; padding-top: 2px; padding-bottom: 2px; float: left; background: rgba(0, 0, 0, 0.5); border-right: 1px #fff solid; color: #fff; white-space: nowrap; overflow: hidden; text-overflow: ellipsis } @media screen and (max-width: 399px) { .sub_banner .dots li { font-size: 0.8em } } .sub_banner .dots li:last-child { border-right: none } .sub_banner .dots li.active { background: rgba(63, 189, 239, 0.8) } .content img { max-width: 100%; } @media (max-width:490px) { .media>.pull-left { float: none!important; display: block; margin-bottom: 10px; } .media img{ width: 490px; } }