@charset "utf-8"; /* reset */ html { height: 100%; overflow-x: hidden; } body { min-height: 100%; overflow-x: hidden; } body { _height: 100% } body, div, ul, ol, li, dl, dt, dd, h1, h2, h3, h4, h5, h6, iframe, pre, code, fieldset, legend, form, input, select, textarea, button, p, blockquote, th, td, figure { margin: 0; padding: 0 } body, div, ul, ol, li, dl, dt, dd, h1, h2, h3, h4, h5, h6, iframe, pre, code, fieldset, legend, form, p, blockquote, figure, header, footer, nav, article, section, aside, address, figcaption { *zoom: 1 } li { list-style-type: none } h1, h2, h3, h4, h5, h6 { font-size: 100% } iframe, frame, fieldset, img { border: 0 none } img { vertical-align: top } input[type=button], input[type=submit], input[type=reset] { cursor: pointer } button { cursor: pointer } input, textarea, button { -webkit-border-radius: 0; -webkit-appearance: none } input[type=radio] { -webkit-border-radius: 100%; -webkit-appearance: radio } input[type=checkbox] { -webkit-appearance: checkbox } input[type=search] { -webkit-box-sizing: content-box; -moz-box-sizing: content-box; -ms-box-sizing: content-box; -o-box-sizing: content-box; box-sizing: content-box } textarea { overflow: auto; resize: none } blockquote, q { quotes: none } blockquote:before, blockquote:after, q:before, q:after { content: ""; content: none } table { border-collapse: collapse; border-spacing: 0 } caption, th { text-align: left } th { font-weight: normal } em, cite, address, i { font-style: normal } sup { vertical-align: text-top } sub { vertical-align: text-bottom } body, input, select, button, textarea { font-size: 14px; font-family: "Microsoft Yahei", "微软雅黑", arial, "\5b8b\4f53"; } body { line-height: 1.17 } a { text-decoration: none } a { blr:expression(this.onFocus=this.blur()) } a * { *cursor: pointer } :focus { outline: none } .edit_con_original { line-height: 1.8; padding: 0 0; color: #333; } .edit_con_original ul { margin: inherit; padding: inherit } .edit_con_original ul li { list-style-type: disc; margin: auto; } .edit_con_original ol { margin: inherit; padding: inherit } .edit_con_original ol li { list-style-type: decimal; margin: auto; } .edit_con_original h1 { font-size: 2em; font-weight: bold } .edit_con_original h2 { font-size: 1.5em; font-weight: bold } .edit_con_original h3 { font-size: 1.17em; font-weight: bold } .edit_con_original h4 { font-size: 1em; font-weight: bold } .edit_con_original h5 { font-size: 0.83em; font-weight: bold } .edit_con_original h6 { font-size: 0.67em; font-weight: bold } .edit_con_original em { font-style: italic } .edit_con_original cite { font-style: italic } .edit_con_original address { font-style: italic } .edit_con_original i { font-style: italic } .edit_con_original table { border-collapse: separate; border-spacing: 2px } .edit_con_original img { max-width: 100%; height: auto; } /*所有后台编辑器区域都要引用 edit_con_original 类名*/ /* clear 页头,页脚,内容区都不用再加清除样式 */ .fixed:before, .clearfix:before, .cf:before, body:before, .header:before, .main:before, .footer:before { content: ''; display: table } .fixed:after, .clearfix:after, .cf:after, after, .header:after, .main:after, .footer:after { content: ''; display: table; clear: both } .fixed, .clearfix, .cf, .header, .main, .footer { *zoom: 1 } .clear, .cl { display: block!important; float: none!important; clear: both; width: auto!important; max-width: none!important; min-width: 0!important; max-height: none!important; min-height: 0!important; overflow: hidden; margin: 0!important; padding: 0!important; border: 0 none!important; font-size: 0!important; line-height: 0!important } @font-face { font-family: 'fzzhengheis-m-gbregular'; src: url('../font/FZLTXHJW.eot'); src: url('../font/FZLTXHJW.eot?#iefix') format('embedded-opentype'), url('../font/FZLTXHJW.woff') format('woff'), url('../font/FZLTXHJW.ttf') format('truetype'); font-weight: normal; font-style: normal; } .specilFont, .news_index_part1_tit h3 a, .news_index_part1_l h4 a, .about_index_part1 h4 a, .about_index_part2 h4 a, .about_index_part3_l h4 a, .about_index_part3_r > a.about_index_part3_r_tit span, .about_index_part4 h4 a, .his_box_tit, .team_box_header span, .team_box_part1 h3, .team_box_part2 h3, .team_box_part3, .contact_box_header_l h4, .contact_box_main h3, .contact_box_main ul li h5, .year_main ul li.active .year_main_l, .year_main_r_ll, .intro_part2 h4, .honor_part1 h4, .honor_part2 h4, .in_news h3, .in_video h4 a, .home-industry .head .title, .world h4 a, .in_active_main_r h3 a, .special_index_detail2_part2 h4, .special_index_detail2_part3 h4, .special_index_detail2_part4 h4, .special_index_detail2_part5 h4, .special_index_detail1_part7_box .special_index_detail1_part7 h4, .p_m1 .text h2, .p_m3 .text h2, .p_m2 h2, .p_m3 .image h2, .p_m3 .image .link, .p_m1 .text h2, .p_m3 .text h2 { } .video_appbox { position: static; width: 100%; height: 100%; top:0;left:0; z-index: 90000; display: none; background-repeat:no-repeat; background-size:contain; } .video_appbox .video_t { left:10%; top:15%; position:static; height:70%; width:80%; z-index:2; background:#000; /*left: 10%; top: 10%; position: static; height: 80%; width: 80%; z-index: 2001;*/ } .video_appbox .mask { position: static; z-index: 1; left: 0; top: 0; width: 100%; height: 100%;background: url(../images/dian.png) repeat;} .lt9 .video_appbox .mask { filter: progid:DXImageTransform.Microsoft.Gradient(GradientType=0, StartColorStr="#000000", EndColorStr="#000000");} .video_appbox_bg { width: 100%; height: 8000px; position: static; z-index: 80000; background: url(../images/dian.png) repeat; display: none; left: 0; top: 0; } .video_appbox h5 { padding-top: 0px; color: #fff; position: relative; z-index: 2000; font-size: 24px; width: 640px; padding-bottom: 10px; margin: 0 auto; } .video_appbox p { padding-top: 0; color: #fff; position: relative; line-height: 20px; height: 40px; z-index: 2; font-size: 12px; width: 640px; margin-left: 112px; filter: alpha(opacity=67); -moz-opacity: 0.67; opacity: 0.67; } .video_appbox > a { position: static; right: 0; top: 0px; z-index: 2; } .details .video_t video { width: 100%; height: auto; } .footer, .header_top_wrap, .front_see_wrap, .in_globle, .main_ft, .footer .inner, .home-industry, .front_see, .in_active_main, .in_globle, .main_ft { width: 1260px; margin: 0 auto; overflow: hidden; } .header_top_wrap { overflow: inherit; position: relative; z-index: 200; } .header, .header_main { width: 1260px; margin: 0 auto; position: relative; z-index: 1002; } .main { max-width: 1260px; width: 100%; margin: 0 auto; position: relative; z-index: 1000; } .nav_btn { display: none; } .header{z-index:9999;} .header_main nav.active { display: block; } .in_video .front_see_wrap { width: 100%; } .in_video .front_see_wrap ul { margin: 0; } .in_video .front_see_wrap ul li { padding: 0 1.8% 0 0; } .in_video .front_see_wrap ul li.front_see_part2 { padding-right: 0; } .share_part span { position: relative; top: -5px; background: url(../images/header_pic2.png) no-repeat right center; } .header_top { height: 40px; line-height: 40px; font-size: 18px; color: #fff; background: #8c8c91; width: 1660px; position: relative; left: 50%; margin-left: -830px; z-index: 2001; } .header_main_wrap { background: #fff; position: relative; left: 0%; } .header_top_wrap .share_part, .header_top_wrap > a, .header_top_wrap > span { float: right; color: #fff; margin-left: 20px; font-size: 15px; } .head_alliance{float: right;color: #fff;padding-left: 32px;background-image: url(../images/header_al.png);background-repeat: no-repeat;background-position: left center;margin-left: 17px;} .head_alliance a{color: #fff;font-size: 16px;} .head_alliance a.mobile{display: none;} @media only screen and (max-width: 768px){ .head_alliance{float: left;background-size: 24px;clear:both;position: relative;top: -2px;margin-left: 0;} .head_alliance a{font-size: 12px;} .head_alliance a.mobile{display: block;} .head_alliance a.pc{display: none;} } .share_part { background: url(../images/header_gl.png) no-repeat left center; padding-left: 32px; } .header_top_wrap > a, .header_top_wrap > span { padding-left: 0px; background: url(../images/header_pic1.png) no-repeat left center } .header_top_wrap > span{ width:300px; height:1em} .header_top_wrap > a:hover { color: #aace3b; } .header_top span ul { display: none; position: static; left: 0; background: #fff; left: -34px; top: 34px; width: 100px; border: 1px solid #666; text-align: center; } .header_top span ul li { height: 24px; line-height: 24px; padding: 0; margin: 0; padding-left: 0px; text-align: center; font-size: 14px; color: #000; } .header_top span ul li a { color: #000; } .header_top span ul li a:hover { color: #aace3b; } .share_part { padding-top: 0px; } .share_part span > a { position: relative; top: 4px; color: #fff; padding-right:10px; background: url(../images/cnm_pb.png) no-repeat right center; } .share_part span > a:hover { color: #aace3b; } .share_part:hover ul { display: block; } .header_top_wrap > a.goback { float: right; margin-left: 2px; } .s_stock_setting { display: none !important; } .s_stock_setting { display: none !important; } .tuiguang_zjl { display: none !important; } #s_stock_content { padding-bottom: 20px; } .header_main { height: 104px; background: #fff; position: relative; z-index: 2000; } .price_js { display: none; } .navMove { height: 82px; display: none; position: static; top: 0; width: 1660px; left: 50%; margin-left: -830px; background: #fff; } .navMove .header_main { height: 82px; width: 100%; margin: 0 auto; max-width: 1260px; } .navMove .header_main_l { padding-top: 10px; } .navMove .header_main_r { padding-top: 18px; } .navMove .nav_menu { top: 68px; } .in_video_txt { background: url(../images/white_bg.png) repeat; width: 100%; height: 70px; line-height: 70px; color: #000; font-size: 18px; position: static; bottom: 0; left: 0; z-index: 500; } .in_video_txt span { padding-left: 20px; margin-left: 20px; background: url(../images/cnm_p.png) no-repeat left center; display: block; width: 80%; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; } .in_banner .bx-controls-direction { display: none; } .in_banner:hover .bx-controls-direction { display: block; } .header_main nav { width: 1010px; clear: both; float: right; } .navMove .header_main_r { float: right; width: 888px; } .header_main nav > ul > li, .navMove .header_main_r ul li { float: left; line-height: 50px; line-height: 50px; font-size: 18px; color: #000000; } .header_main nav > ul > li > a, .navMove .header_main_r ul li a { color: #000; display: block; height: auto; line-height: 28px; margin: 11px 0; padding: 0 28px; } .header_main nav > ul > li.active > a, .header_main nav > ul > li:hover > a { background:#aace3b;/*background: url(../images/nav_active_bg.jpg) no-repeat right center #aace3b;*/ } /*.header_main nav > ul > li:hover .nav_menu { display:block;}*/ .nav_menu { background: #f0f0f0; border-top: 1px solid #dfdfe0; position: static; left: 50%; top: 99px; margin-left: -830px; width: 1660px; padding: 48px 0 60px; display: none; } .nav_menu .inner { width: 1265px; margin: 0 auto; } .nav_menu .fl { float: left; width: 450px; } .nav_menu .fl ul { line-height: 46px; font-size: 18px; float: none } .nav_menu .fl ul li { width: 41%; margin-right: 9%; text-align: center; } .navMove .header_main_r { text-align: center; } .navMove .nav_menu .fr ul li a { padding: 10px 10px 0; } .ie7 .nav_menu .fl ul li { margin-left: -1px } .nav_menu .fl ul li a { display: block; border-bottom: 2px solid #8c8c91; } .nav_menu .fl ul li a:hover { border-color: #aace3b; font-weight: bold; } .nav_menu .fr { float: right; } .nav_menu ul { float: left; width: 100%; } .nav_menu ul li { float: left; } .nav_menu ul li a { color: #000; } .nav_menu .fr ul li { width: 370px; padding-left: 28px; } .nav_menu .fr ul li a { display: block; padding: 10px 10px 0; } .nav_menu .fr ul li a:hover { background: #aace3b; } .nav_menu .fr ul li a i { display: block; line-height: 60px; height: 60px; overflow: hidden; text-align: center; font-size: 18px; } .nm_pro li { margin-right: 16px; text-align: center; } .nm_pro li.last { margin: 0; } .nm_pro li dt { font-size: 18px; line-height: 44px; } .nm_pro li dt h3 a { display: block; border-bottom: 2px solid #aace3a; } .nm_pro li dl { } .nm_pro li dd { font-size: 14px; padding-top: 15px; } .nm_pro li dd p { margin: 0 0 10px; height: 20px; } .nm_pro li dd a { padding: 0 20px; line-height: 20px; } .nm_pro li dd a:hover { background: #aace3b; } .header_main_l { float: left; padding-top: 20px; } .header_main_r { float: left; width: 1010px; float: right; padding-top: 42px; } .header_main_menu {margin-right: 0; float: right; } .header_main_menu li{float:left; margin-left:15px;} .header_main_menu li img{width:30px; height:30px; margin-top:6px; margin-right:5px;} .header_main_menu li a{color:#fff;font-size:15px;} .header_main_menu li a:hover{color:#AACE39;} .header_main_search { position: relative; width: 250px; height: 22px; float: right; margin-bottom: 0px; margin-right: 0px; top: 8px; float: right; } .header_main_search_l { width: 23px; height: 22px; float: left; background: url(../images/search_sprite.png) no-repeat left top; position: relative; z-index: 20; border: 0; } .header_main_search_r { height: 22px; line-height: 22px; background: url(../images/search_sprite.png) no-repeat right -22px; position: static; left: 0; top: 0; width: 100%; z-index: 10; } .header_main_search_r input { width: 80%; margin-left: 25px; border: 0; background: none; float: left; line-height: 22px; height: 22px; font-size: 14px; } .home-industry { position: relative; margin: 0 0 85px } .home-industry .head { position: static; top: 12px; right: 60px; width: 450px; z-index: 300; margin-top: 80px; } .home-industry .head .title { position: relative; float: right; color: #596156; font-size: 40px; margin-bottom: 30px; } .home-industry .head .title a { color: #596156; } .home-industry .head .title a:hover { color: #aace3b; } .home-industry .head i { position: static; top: -12px; left: -110px; width: 44px; height: 43px; background: url('../images/home_news_head_bg1.png') no-repeat } .home-industry .head i + i { top: auto; left: -54px; bottom: -10px; width: 25px; height: 25px; background: url('../images/home_news_head_bg2.png') no-repeat } .home-industry .head .main-text { clear: both; padding: 34px 0 0px; color: #898c94; font-weight:; font-size: 14px; line-height: 18px } .home-industry .head .deputy-text { color: #898c94; font-size: 12px; line-height: 18px } .home-industry .contents { position: relative } .home-industry .contents > ul li.active .overlay { filter: alpha(opacity=100); -moz-opacity: 1; opacity: 1; } .home-industry .contents .list { position: relative; height: 942px } .home-industry .box { position: static; width: 306px; height: 306px; overflow: hidden } .home-industry .box-1 { top: 0; left: 0; filter: alpha(opacity=0); -moz-opacity: 0; opacity: 0; margin-top: 150px; } .home-industry .box-2 { top: 0; left: 318px; filter: alpha(opacity=0); -moz-opacity: 0; opacity: 0; margin-left: -150px; } .home-industry .box-3 { top: 318px; left: 0; filter: alpha(opacity=0); -moz-opacity: 0; opacity: 0; margin-top: -150px; } .home-industry .box-4 { top: 318px; left: 954px; filter: alpha(opacity=0); -moz-opacity: 0; opacity: 0; margin-left: -150px; } .home-industry .box-5 { top: 636px; left: 0; filter: alpha(opacity=0); -moz-opacity: 0; opacity: 0; margin-top: -150px; } .home-industry .box-6 { top: 636px; left: 954px; background: #383842; filter: alpha(opacity=0); -moz-opacity: 0; opacity: 0; margin-left: -150px; } .home-industry .box-7 { top: 318px; left: 318px; filter: alpha(opacity=0); -moz-opacity: 0; opacity: 0; margin-left: 200px; } .ie8 .home-industry .box-1 { top: 0; left: 0; filter: alpha(opacity=100); -moz-opacity: 1; opacity: 1; margin-top: 150px; display: none; } .ie8 .home-industry .box-2 { top: 0; left: 318px; filter: alpha(opacity=100); -moz-opacity: 1; opacity: 1; margin-left: -150px; display: none; } .ie8 .home-industry .box-3 { top: 318px; left: 0; filter: alpha(opacity=100); -moz-opacity: 1; opacity: 1; margin-top: -150px; display: none; } .ie8 .home-industry .box-4 { top: 318px; left: 954px; filter: alpha(opacity=100); -moz-opacity: 1; opacity: 1; margin-left: -150px; display: none; } .ie8 .home-industry .box-5 { top: 636px; left: 0; filter: alpha(opacity=100); -moz-opacity: 1; opacity: 1; margin-top: -150px; display: none; } .ie8 .home-industry .box-6 { top: 636px; left: 954px; background: #383842; filter: alpha(opacity=100); -moz-opacity: 1; opacity: 1; margin-left: -150px; display: none; } .ie8 .home-industry .box-7 { top: 318px; left: 318px; filter: alpha(opacity=100); -moz-opacity: 1; opacity: 1; margin-left: 200px; display: none; } .home-industry .selected { width: 624px; height: 624px } .home-industry .box .inner > img { width: 100%; height: auto } .home-industry .box.selected .image img { width: 624px; height: 624px } .home-industry .box .image img { position: static; width: 312px; height: 312px; margin: 0; left: 0; top: 0; } .home-industry .box .overlay { position: static; top: 0; right: 0; bottom: 0; left: 0; background: #86c126; opacity: 0 } .lt9 .home-industry .box .overlay { filter: alpha(opacity=0) } .home-industry .content { position: static; top: 50%; right: 10px; left: 10px; margin: -17px 0 0; color: #ffffff; text-align: center } .home-industry .selected .content { color: #86c126; } .home-industry .content .en { margin: 0 0 12px; font-size: 20px; line-height: 24px; font-family: Arial, serif; text-transform: uppercase } .home-industry .content .cn { display: inline-block; margin: 0 0 13px; background: url(../images/btn_center.png) no-repeat; width: 133px; height: 34px; font-size: 18px; line-height: 32px; font-size: 18px; text-align: center; font-size: 14px; } .home-industry .selected .content .cn { border: 2px solid #86c126; padding: 0 30px; } .home-industry .box.selected .overlay { opacity: 0.2; } .ie7 .home-industry .content .cn { display: inline } .home-industry .box a { position: static; top: 0; right: 0; bottom: 0; left: 0; } .home-industry .box-6 .title { position: static; top: 50%; left: 50%; margin: -17px 0 0 -71px; color: #ffffff; font-size: 14px; text-align: center; text-transform: uppercase; background: url(../images/pic6.png) no-repeat; width: 143px; height: 34px; line-height: 34px; cursor: default; } .home-industry .box .inner { position: relative; overflow: hidden; } .home-industry .content { position: static; top: 50%; left: 50%; margin: -17px 0 0 -71px; color: #ffffff; font-size: 14px; text-align: center; text-transform: uppercase; width: 143px; height: 34px; line-height: 34px; cursor: default; } .home-industry .box-7 .title { } .home-industry .box-7 .inner { position: relative; height: 100%; width: 100%; } .home-industry .box-7 .inner .select_inner_box { position: relative; top: 0; left: 0; width: 100%; height: 100%; display: none; } .home-industry .box-7 .inner .select_inner_box.active { display: block; } .home-industry .box-7 .inner .select_inner_box > p { position: static; left: 0; top: 0; width: 100%; height: 100%; } .home-industry .box-7 .inner .select_inner_box .content_txt { position: static; bottom: -150px; left: 0; padding: 30px 6%; background: url(../images/blank.png) repeat; } .home-industry .box-7 .inner .select_inner_box .content_txt h3 { font-size: 50px; color: #fff; font-weight: normal; line-height: 70px; } .home-industry .box-7 .inner .select_inner_box .content_txt p { font-size: 14px; line-height: 18px; margin-bottom: 20px; color: #fff; } .home-industry .box-7 .inner .select_inner_box .content_txt a { position: relative; left: 0; top: 0; margin: 0; background: url(../images/more_menu.png) no-repeat; width: 86px; height: 19px; display: block; font-size: 12px; text-align: center; line-height: 18px; color: #fff; } .in_banner { max-width: 1660px; width: 100%; height: auto; position: relative; left: 50%; margin-left: -830px; z-index: 400; } .in_news { width: 586px; float: left; padding-top: 36px; } .in_news h3 { line-height: 90px; height:90px; font-size: 40px; margin-bottom: 12px; color: #596156; font-weight: normal; position: relative; top: 20px; font-weight: bold; } .in_news h3 a { color: #596156; height:100%; display:block; background: url(../images/pic1.png) no-repeat right center; padding-right: 97px; width: 168px; } .in_news h3 a:hover{ color:#aace3b;} .in_new_dl1, .in_new_dl2 { position: relative; top: 150px; filter: alpha(opacity=0); -moz-opacity: 0; opacity: 0; } .in_video { width: 640px; float: left; margin-top: -60px; overflow: hidden; position: relative; } .in_video h4 { position: relative; top: 150px; filter: alpha(opacity=0); -moz-opacity: 0; opacity: 0; } .in_video .bx-wrapper { position: relative; } .in_video .front_see_wrap { position: relative; top: 100px; filter: alpha(opacity=0); -moz-opacity: 0; opacity: 0; } .in_banner .bxslider,.in_banner li img,.in_banner,.in_banner ul,.in_banner li{width:100%;} .in_news ul, .in_news ol { filter: alpha(opacity=0); -moz-opacity: 0; opacity: 0; top: 100px; position: relative; } .in_news dl { width: 534px; margin-bottom: 16px; padding-left: 14px; background: url(../images/sj.jpg) no-repeat left 14px; } .in_news dt { font-size: 18px; font-weight: normal; padding: 7px 0; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; } .in_news dt a { color: #626670; } .in_news dt a:hover { color: #000; } .in_news dd { color: #9a9ea9; font-size: 14px; width: 100%; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; line-height: 24px; } .in_news ul { margin-bottom: 14px; height: auto; margin-bottom: 40px; overflow: hidden; } .in_news ul li { padding: 10px 0; width: 500px; } .in_news ul li a { color: #626670; font-size: 18px; display: block; width: 100%; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; } .in_news ol { margin-bottom: 0; } .in_news ol li { width: 178px; height: 134px; float: left; margin-right: 5px; } .in_news ol li a { display: block; width: 178px; height: 134px; position: relative; } .in_news ul li a:hover { color: #000; } .in_news ol li a img { width: 100%; height: 100%; } .in_news ol li a span { width: 100%; height: 100%; display: none; } .in_news ol li a p { padding: 14px; position: static; left: 0; top: 0; font-size: 18px; color: #fff; z-index: 300; line-height: 25px; height: 90px; overflow: hidden; display: none; } .in_news ol li:hover a span { background: url(../images/blank.png) repeat; position: static; left: 0; top: 0; z-index: 200; display: block; } .in_news ol li:hover a p { display: block; } .in_news > a { position: relative; left: 0; top: 0; margin: 0; background: url(../images/more_menu1.jpg) no-repeat; width: 89px; height: 19px; display: block; font-size: 12px; text-align: center; line-height: 18px; color: #fff; } .in_video h4 { line-height: 60px; background: #9cc811; opacity:1; width: 90%; padding: 0 5%; font-size: 30px; /*animation:tr 12s infinite; -moz-animation:tr 12s infinite; -webkit-animation:tr 12s infinite; -o-animation:tr 12s infinite;*/ } @keyframes tr { 0% {opacity:0.7;} 30% {opacity:0.7;} 50% {opacity:0;} 70% {opacity:0;} 100% {opacity:0.7;} } @-moz-keyframes tr /* Firefox */ { 0% {opacity:0.7;} 30% {opacity:0.7;} 50% {opacity:0;} 70% {opacity:0;} 100% {opacity:0.7;} } @-webkit-keyframes tr /* Safari and Chrome */ { 0% {opacity:0.7;} 30% {opacity:0.7;} 50% {opacity:0;} 70% {opacity:0;} 100% {opacity:0.7;} } @-o-keyframes tr /* Opera */ { 0% {opacity:0.7;} 30% {opacity:0.7;} 50% {opacity:0;} 70% {opacity:0;} 100% {opacity:0.7;} } .in_video h4 a { color: #fff; } .in_video h4 a.in_video_more { float: right; } .video_txt { width: 670px; height: 283px; } .video_txt dl { padding-top: 26px; padding-left: 32px; } .video_txt > a { float: left; } .video_txt > dl { float: left; width: 290px; } .video_txt > dl dt { line-height: 48px; } .video_txt > dl dt a { color: #898c94; font-size: 16px; } .video_txt > dl dt a:hover { color: #000; } .video_txt > dl dd p { color: #898c94; line-height: 20px; } .video_txt > dl dd a { position: relative; top: 30px; } .in_news_video_main { margin-bottom: 10px; position: relative; z-index: 500; overflow: unset; } .front_see { width: 1660px; /*height: 340px;*/ margin-left: -830px; background: #f4f4f4; position: relative; left: 50%; margin-bottom: 60px; } .front_see h4 { line-height: 94px; } .front_see h4 a { font-size: 32px; color: #626670; } .front_see h4 a:hover { color: #000; } .front_see_wrap { padding-bottom: 60px; } .front_see_wrap ul { margin-left: -44px; } .front_see_wrap li { float: left; padding-right: 44px; border-right: 1px dashed #fff; padding-left: 44px; width: 48.953%; margin-left: -1px; position: relative; left: 1px; } .front_see_wrap li h5, .in_news > h5 { width: 100%; height: 36px; font-size: 24px; color: #626670; font-weight: normal; line-height: 36px; padding-top: 42px; margin-bottom: 16px; } .in_news > h5 { padding-top: 18px; margin-bottom: 22px; } .front_see_wrap li.front_see_part1 h5 { } .front_see_wrap li.front_see_part2 h5 { } .front_see_wrap li.front_see_part3 h5 { } .front_see_wrap li h5 a, .in_news > h5 a { color: #626670; padding-right: 40px; display: inline-block; height: 36px; background: url(../images/add.jpg) no-repeat right center; } .front_see_wrap li h5 a:hover, .in_news > h5 a:hover { color: #000; } .front_see_wrap li.last { padding-right: 0; border: 0; } .front_see_wrap li dl dd { line-height: 23px; font-size: 14px; } .front_see_wrap li dl dd a { color: #626670; background: url(../images/sj.jpg) no-repeat left center; padding-left: 4%; width: 96%; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; display: inline-block; } .front_see_wrap li dl dd a:hover { color: #000; } .in_active_main { margin-bottom: 60px; } .in_active_main_l { width: 463px; height: 577px; position: relative; float: left; } .ie7 .in_active_main { height: 577px; position: relative; overflow: hidden; } .in_active_main_l img { filter: alpha(opacity=0); -moz-opacity: 0; opacity: 0; left: -150px; position: relative; width: 100%; heigth: auto; } .in_active_main_l span { filter: alpha(opacity=0); -moz-opacity: 0; opacity: 0; margin-right: -200px; } .in_active_main_r h3 { filter: alpha(opacity=0); -moz-opacity: 0; opacity: 0; left: 150px; position: relative; } .in_active_main_r_part1 h4 { filter: alpha(opacity=0); -moz-opacity: 0; opacity: 0; top: 100px; position: relative; } .in_active_main_r_part1 p { filter: alpha(opacity=0); -moz-opacity: 0; opacity: 0; top: 100px; position: relative; } .in_active_main_r li.in_active_main_r_part1 > a { filter: alpha(opacity=0); -moz-opacity: 0; opacity: 0; top: 60px; position: relative; } .in_active_main_r_part2 h4 { filter: alpha(opacity=0); -moz-opacity: 0; opacity: 0; top: 100px; position: relative; } .in_active_main_r_part2 p { filter: alpha(opacity=0); -moz-opacity: 0; opacity: 0; top: 100px; position: relative; } .in_active_main_r li.in_active_main_r_part2 > a { filter: alpha(opacity=0); -moz-opacity: 0; opacity: 0; top: 60px; position: relative; } .in_active_main_r_part3 h4 { filter: alpha(opacity=0); -moz-opacity: 0; opacity: 0; top: 100px; position: relative; } .in_active_main_r_part3 p { filter: alpha(opacity=0); -moz-opacity: 0; opacity: 0; top: 100px; position: relative; } .in_active_main_r li.in_active_main_r_part3 > a { filter: alpha(opacity=0); -moz-opacity: 0; opacity: 0; top: 60px; position: relative; } .in_active_main_l span { display: block; width: 279px; height: 279px; background: #9cc811; text-transform: uppercase; line-height: 279px; right: -249px; bottom: -89px; text-align: center; color: #fff; font-size: 42px; position: static; } .in_active_main_r { float: left; width: 775px; margin-left: 22px; } .in_active_main_r h3 { line-height: 50px; margin-bottom: 68px; } .in_active_main_r h3 a { color: #626670; font-size: 32px; } .in_active_main_r h3 a:hover { color: #000; } .in_active_main_r li { padding-top: 1px; padding-left: 28px; width: 322px; float: left; margin-bottom: 98px; } .in_active_main_r li h4 { margin: 18px 0; font-weight: normal; height: 54px; overflow: hidden } .in_active_main_r li h4 a { font-size: 23px; color: #626670; } .in_active_main_r li p { color: #626670; font-size: 14px; } .in_active_main_r li > a { position: relative; left: 0; top: 0; margin: 0; background: url(../images/more_menu1.jpg) no-repeat; width: 89px; height: 19px; display: block; font-size: 12px; text-align: center; line-height: 18px; color: #fff; top: 38px; } .in_active_main_r li.in_active_main_r_part2 { padding-left: 52px; } .in_active_main_r li.in_active_main_r_part3 { padding-left: 402px; } .in_globle { clear: both; } .in_globle_wrap { width: 1660px; position: relative; left: 50%; margin-left: -830px; } .in_globle_wrap > img { width: 100%; height: auto; } .in_glo_txt { position: static; width: 564px; height: 151px; top: 98px; } .posit_bg { width: 100%; height: 100%; display: block; } .posit_bg img { width: 100%; height: 100%; position: static; left: 0; top: 0; } .in_glo_txt1 { left: 50%; margin-left: -564px; } .in_glo_txt2 { left: 50%; margin-left: 10px; } .in_glo_txt1 span { padding-left: 54px; font-size: 140px; color: #ffffff; float: left; line-height: 150px; } .in_glo_txt1 p { float: left; font-size: 24px; color: #fff; width: 274px; padding-top: 28px; margin-left: 10px; } .in_glo_txt2 h4 { line-height: 76px; font-size: 30px; color: #fff; font-weight: normal; width: 470px; margin: 0 auto; } .in_glo_txt2 h4 span { font-size: 66px; } .in_glo_txt2 p { font-size: 20px; color: #fff; width: 470px; margin: 0 auto; } .main_ft { padding-top: 80px; margin-bottom: 60px; position: relative; filter: alpha(opacity=0); -moz-opacity: 0; opacity: 0; position: relative; top: 150px; } .main_ft li { float: left; width: 23.2%; margin-left: 1%; } .main_ft li a { display: block; width: 52%; text-align: center; margin: 0 auto; } .main_ft li a:hover span { color: #000; } .main_ft li img { width: 100%; height: auto; margin: 0 auto; display: block; } .main_ft li span { line-height: 82px; color: #626670; font-size: 14px; } .footer { width: 1660px; position: relative; left: 50%; margin-left: -830px; background: #383842; padding-bottom: 46px; } .footer .link { line-height: 28px; color: #fff; padding:15px 0; } .footer .link a,.footer .link em { color: #fff; padding: 0 14px; } .footer .link a:hover { color: #ccc; } .footer .fl { width: 700px; } .footer .fl p { padding-left: 12px; color: #fff; font-family: Arial; font-size: 13px; } .footer .fl p a { color: #fff; } .footer .fr { width: 580px; float: right; padding-top: 24px; } .footer .fr li { float: left; width: 115px; } .footer .fr li span { display: block; width: 100px; margin: 0 auto; font-size: 14px; color: #fff; line-height: 44px; text-align: center; } .footer .fr li span img { width: 100%; height: auto; } .footer .fr li span span{width:100%;} .footer .fr li:last-child{width:230px;} .footer .fr li:last-child span{ width:180px;} .footer .fr li:last-child span img{margin-top:10px;} .footer .fr li:last-child span span{ font-size:12px;} .footer p.icp{text-align:center; margin-top:10px;} .footer p.icp a{color:#fff;} .footer p.icp a:hover{color:#ccc;} .in_active_main_r li h4 a:hover { color: #000; } .front_see_wrap li dl dd { width: 100%; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; } .world { width: 1260px; margin: 0 auto; } .world h4 a { color: #626670; font-size: 32px; } .world_header { padding-left: 192px; margin-top: -74px; } .world_header dd { width: 176px; height: 46px; margin-left: 2px; float: left; background: #383842; font-size: 18px; text-align: center; line-height: 46px; color: #fff; position: relative; cursor: pointer; } .world_header dd a { color: #fff; } .world_header dd .sj { display: none; } .world_header dd.active { background: #aace3b; color: #000; } .world_header dd.active a { color: #000; } .world_header dd.active .sj { width: 0; height: 0; border: 4px solid transparent; border-top: 4px solid #aace3b; position: static; left: 50%; margin-left: -4px; bottom: -8px; display: block; } .world_header dd:hover .sj { width: 0; height: 0; border: 4px solid transparent; border-top: 4px solid #aace3b; position: static; left: 50%; margin-left: -4px; bottom: -8px; display: block; } .world_header dd:hover { background: #aace3b; color: #000; } .world_main_part { padding: 46px 0; } .world_main_part li { width: 180px; float: left; margin-right: 30px; } .world_main_part li p { line-height: 38px; text-align: center; font-size: 18px; color: #000000; width: 100%; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; } .world_main_part img { width: 180px; height: 130px; border-bottom: 2px solid #aace3b; } .world_main_part li.last { margin: 0; } .world_main_part { display: none; } .world_main_part.active { display: block; } .search_top { height: 80px; padding-left: 8px; } .search_top_r { padding-top: 24px; } .search_top_main { width: 632px; margin-left: 4px; height: 31px; border: 1px solid #cccccc; line-height: 30px; float: left; } .search_top_main input { border: 0; background: none; line-height: 30px; height: 30px; padding: 0 2%; width: 96% } .search_top_menu { background: url(../images/search_menu_end.jpg) no-repeat; width: 36px; height: 33px; float: left; } .search_top_menu input { width: 100%; height: 100%; border: 0; background: none; } .bxslider1 { position: relative; width: 8000%; height: 100%; } .bxslider1 li { position: static; z-index: 1; width: 100%; height: 100%; cursor: pointer; } .bxslider1 li.active { display: block; z-index: 2; } .bxslider1 li img { width: 100%; height: 100%; } .bxslider1 li > span { display: block; width: 100%; height: 100%; position: static; left: 0; top: 0; } .bxslider1 li > span img { width: 100%; height: 100%; } .home-industry { overflow: inherit; } .nm_pro li { width: 15.5%; } .header_main nav.show, .header_main nav { display: block; } .star_box ul li .inner .cont .col_more4 { display: none; } .create_box li.item5 h3 a, .create_box li .fr a, .market_ft ul li a, .coop_mn .list1 li p a { overflow: hidden; text-overflow: ellipsis; white-space: nowrap; } .main .legal_box { padding: 0 } .in_banner_phone, .glo_img_phone { display: none; } .pc_shop { display: block; } .phone_shop { display: none; } .pro_service_part1 { width: 1660px; position: relative; left: 50%; margin-left: -830px; } .pro_service_part1_l { width: 37%; float: left; background: #f7f8f3; padding-left: 18%; padding-right: 2%; padding-bottom: 40px; } .pro_service_part1_l h4 { font-size: 40px; color: #596156; font-weight: normal; padding: 34px 0 10px 0; } .pro_service_part1_l h4 em { position: relative; top: -12px; } .pro_service_part1_l p { font-size: 14px; color: #626670; line-height: 22px; } .pro_service_part1_r { width: 43%; margin-left: -1px; position: relative; left: 1px; float: left; } .pro_service_part1_r ul li { float: left; width: 50%; position: relative; margin-left: -1px; left: 1px; } .pro_service_part1_r ul li img { width: 100%; height: auto; } .pro_service_part2 { text-align: center; margin-bottom: 60px; } .pro_service_part2 h4 { line-height: 150px; font-size: 40px; color: #596156; font-weight: normal; display: inline-block; } .pro_service_part2 h4 em { position: relative; top: 30px; } .pro_service_part2_box { width: 1660px; position: relative; left: 50%; margin-left: -830px; background: url(../images/pro_ser_img111.jpg) no-repeat; height: 165px; padding-top: 75px; } .pro_service_part2_box a { display: inline-block; margin-right: 50px; width: 380px; height: 82px; border: 4px solid #383842; text-align: center; font-size: 30px; color: #383842; line-height: 82px; } .pro_service_part2_box a:hover { border: 4px solid #aace39; } .pro_service_part3 { } .pro_service_part3_l { width: 44%; float: left; } .pro_service_part3_l img { width: 100%; height: auto; } .pro_service_part3_r { width: 56%; float: left; margin-left: -1px; position: relative; left: 1px; background: #f7f8f3; text-align: center; padding-bottom: 60px; } .pro_service_part3_r h4 { height: 110px; line-height: 110px; font-size: 30px; color: #383842; display: inline-block; } .pro_service_part3_r h4 em { position: relative; top: 16px; } .pro_service_part3_r p { width: 90%; margin: 0 auto; line-height: 24px; color: #383842; font-size: 14px; } .pro_service_part4 { margin-bottom: 34px; } .pro_service_part4 h4 { height: 124px; line-height: 124px; font-size: 30px; color: #383842; font-weight: bold; text-align: center; } .pro_service_part5 { margin-bottom: 34px; } .pro_service_part5 h4 { height: 124px; line-height: 124px; font-size: 30px; color: #383842; font-weight: bold; text-align: center; } .pro_service_part5_box a { display: block; width: 100%; height: auto; } .pro_service_part4_box p { width: 70%; margin: 0 auto; padding-top: 10px; line-height: 22px; font-size: 14px; color: #383842; } .pro_service_part5_box p { width: 80%; margin: 0 auto; padding-top: 10px; line-height: 22px; font-size: 14px; color: #383842; } .bx-wrapper .bx-viewport { height: auto !important; } .pro_service_part4_box i { display: block; height: 10px; width: 100%; background: url(../images/pro_ser_pic1.jpg) no-repeat center; margin-bottom: 14px; margin-top: -5px; } .pro_service_part4_box em { display: block; height: 35px; width: 100%; background: url(../images/pro_ser_pic2.jpg) no-repeat center; } .pro_service_part4_box span { display: block; height: 44px; line-height: 44px; width: 100%; text-align: center; font-size: 24px; color: #aace39; font-family: Arial; } .pro_service_part4 li { border-top: 1px solid #aace39; top: 24px; } .pro_service_part6 { width: 1260px; border: 4px solid #aace39; position: relative; left: 50%; margin-left: -630px; padding: 22px 0; margin-bottom: 80px; } .pro_service_part6 h4 { line-height: 60px; font-size: 30px; color: #383842; text-align: center; } .pro_service_part6 span { display: block; margin: 0 auto; width: 60px; height: 4px; background: #000; overflow: hidden; margin-bottom: 32px; } .pro_service_part6 li { line-height: 38px; float: left; font-size: 18px; color: #383842; margin-left: 58px; } .pro_service_part6 .pro_bak1 { padding-left: 28px; background: url(../images/pro_ser_pic3.jpg) no-repeat left center; } .pro_service_part6 .pro_bak2 { padding-left: 28px; background: url(../images/pro_ser_pic4.jpg) no-repeat left center; } .pro_service { width: 100%; } .pro_sell_part1_l, .pro_sell_part1_r, .pro_sell_part2_l, .pro_sell_part2_r, .pro_sell_part4_l, .pro_sell_part4_r { float: left; width: 50%; margin-left: -1px; position: relative; left: 1px; } .pro_sell_part1_r { float: right; } .pro_sell_part2_r { float: right; } .pro_sell_part1 { margin-bottom: 46px; } .pro_sell_part1_l h5 { width: 80%; margin: 0 auto; } .pro_sell_part1_l_part { width: 80%; margin: 0 auto; } .pro_sell_part1_r img { width: 84%; height: auto; margin: 0 auto; } .pro_sell_part1_l h5 { line-height: 38px; font-size: 18px; color: #aace39; } .pro_sell_part1_l_part { margin-bottom: 50px; } .pro_sell_part1_l_part h4 { line-height: 46px; font-size: 36px; color: #626670; margin-bottom: 12px; font-weight: normal; } .pro_sell_part1_l_part p { font-size: 14px; color: #898c94; line-height: 18px; } .pro_sell_part2 { margin-bottom: 26px; } .pro_sell_part2_l { background: #f7f8f3; padding: 81px 0; } .pro_sell_part2_l p { line-height: 66px; color: #aace39; font-size: 40px; text-align: center; font-weight: bold; margin-bottom: 18px; } .pro_sell_part2_l a { display: block; width: 278px; height: 36px; background: #aace39; color: #fff; font-weight: bold; border-radius: 4px; font-size: 24px; line-height: 36px; font-weight: bold; text-align: center; margin: 0 auto; } .pro_sell_part2_r img { width: 100%; height: auto; } .pro_sell_part3 { overflow: hidden; margin-bottom: 44px; } .pro_sell_part3 ul { width: 107%; } .pro_sell_part3 li { border: 3px solid #f7f8f3; padding: 14px 0; width: 18%; float: left; margin-right: 0.3%; margin-bottom: 10px; } .pro_sell_part3 li h4 { line-height: 34px; font-size: 24px; color: #383842; text-align: center; height: 34px; overflow: hidden; } .pro_sell_part3 li p { line-height: 28px; color: #383842; width: 80%; text-align: left; margin: 0 auto; height: 56px; overflow: hidden; } .pro_sell_part4 { text-align: center; margin-bottom: 54px; } .pro_sell_part4 > h4 { display: inline-block; margin: 0 auto 50px; } .pro_sell_part4 > h4 span { display: block; height: 80px; } .pro_sell_part4 > h4 span i { font-size: 40px; color: #596156; font-weight: normal; line-height: 80px; float: left; } .pro_sell_part4 > h4 span em { float: left; } .pro_sell_part4 > h4 p { line-height: 26px; font-size: 18px; color: #596156; font-weight: normal; } .pro_sell_part4_l { width: 50%; float: left; } .pro_sell_part4_l img { width: 100%; height: auto; } .pro_sell_part4_r { width: 50%; float: left; position: relative; margin-left: -1px; left: 1px; } .pro_sell_part4_r_wrap { width: 80%; border: 2px solid #9cc811; padding: 62px 0 40px; margin: 0 auto; } .pro_sell_part4_r_wrap h4 { line-height: 68px; font-size: 48px; color: #626670; margin-bottom: 42px; } .pro_sell_part4_r_wrap h5 { line-height: 44px; font-size: 24px; color: #626670; } .pro_sell_part4_r_wrap ul li { overflow: hidden; margin-bottom: 52px; line-height: 30px; } .pro_sell_part4_tag span { float: left; display: block; width: 33%; text-align: center; } .pro_sell_part5 { margin-bottom: 22px; } .pro_sell_part5_l { float: left; width: 50%; padding: 60px 0; position: relative; background: url(../images/pro_sell_img4.jpg) repeat left top; } .pro_sell_part5_l > img { display: none; } .pro_sell_part5_r { width: 50%; float: left; position: relative; margin-left: -1px; left: 1px; padding: 54px 0; background: url(../images/pro_sell_img5.jpg) repeat left top; } .pro_sell_part5_r > img { display: none; } .pro_sell_part5_r h4 { line-height: 50px; font-size: 36px; color: #fff; } .pro_sell_part5_l h4 { line-height: 54px; font-size: 36px; color: #626670; font-weight: normal; } .pro_sell_part5_l h5 { line-height: 26px; font-size: 18px; color: #626670; font-weight: normal; margin-bottom: 30px; } .pro_sell_part5_l dl { margin-bottom: 26px; } .pro_sell_part5_l dt { line-height: 34px; font-size: 14px; color: #484e5d; font-weight: bold; } .pro_sell_part5_l dd { line-height: 20px; color: #626670; font-size: 14px; } .pro_sell_part5_l h4, .pro_sell_part5_l h5, .pro_sell_part5_l dl { width: 80%; margin: 0 auto; position: relative; z-index: 200; } .pro_sell_part5_r .pro_sell_part5_r_main, .pro_sell_part5_r h4 { position: relative; z-index: 200; width: 90%; margin: 0 auto; } .pro_sell_part5_l > img { width: 100%; height: 100%; position: static; left: 0; top: 0; } .pro_sell_part5_r > img { width: 100%; height: 100%; position: static; left: 0; top: 0; } .pro_sell_part5_r h4 { font-size: 32px; text-align: center; margin-bottom: 12px; } .pro_sell_part5_r p { font-size: 12px; line-height: 18px; color: #fff; text-align: center; } .pro_sell_part6,.pro_sell_part7{display:none;} .pro_sell_part6 > h4 { display: block; height: 116px; } .pro_sell_part6 > h4 span { font-size: 36px; color: #596156; font-weight: normal; line-height: 116px; float: left; } .pro_sell_part6 > h4 em { float: left; margin-left: 10px; } .pro_sell_part6_top { margin-bottom: 20px; } .pro_sell_part6_top > a { float: left; display: block; width: 136px; height: 32px; background: #383842; font-size: 18px; text-align: center; line-height: 32px; color: #fff; margin-right: 26px; } .pro_sell_part6_inputbox { width: 272px; float: left; height: 30px; border: 1px solid #cccccc; margin-right: 6px; } .pro_sell_part6_inputbox input { width: 96%; margin-left: 2%; float: left; height: 30px; line-height: 30px; border: 0; background: none; } .pro_sell_part6_top > input { border: 0; width: 96px; height: 32px; color: #383842; font-size: 18px; background: #aace39; } .pro_sell_part6_bottom { margin-bottom: 50px; } .pro_sell_part6_bottom li { margin-bottom: 3px; } .pro_sell_part6_bottom li.active h5 { width: 100%; overflow: hidden; height: auto; line-height: 46px; color: #fff; background: #9cc811; } .pro_sell_part6_bottom li.active h5 i { display: block; margin-left: 2%; margin-right: 1%; float: left; width: 0; height: 0; border: 5px solid #9cc811; border-left: 6px solid #fff; top: 18px; position: relative; } .pro_sell_part6_bottom li.active h5 span { float: left; display: block; width: 80%; height: auto; line-height: 46px; } .pro_sell_part6_bottom li.active h5 em { width: 26px; height: 46px; background: url(../images/pro_icon22.jpg) no-repeat; float: right; margin-right: 2%; } .pro_sell_part6_bottom li p { padding: 36px 0; font-size: 14px; color: #898c94; margin: 0 auto; width: 90%; display: none; } .pro_sell_part6_bottom li h5 { width: 100%; overflow: hidden; height: auto; line-height: 46px; color: #484e5d; background: #f7f8f3; } .pro_sell_part6_bottom li h5 i { display: block; margin-left: 2%; margin-right: 1%; float: left; width: 0; height: 0; border: 5px solid #f7f8f3; border-left: 6px solid #9cc811; top: 18px; position: relative; } .pro_sell_part6_bottom li h5 span { float: left; display: block; width: 80%; height: auto; line-height: 46px; } .pro_sell_part6_bottom li h5 em { width: 26px; height: 46px; background: url(../images/pro_icon21.jpg) no-repeat; float: right; margin-right: 2%; } .pro_sell_part7 > h4 { display: block; height: 116px; } .pro_sell_part7 > h4 span { font-size: 36px; color: #596156; font-weight: normal; line-height: 116px; float: left; } .pro_sell_part7 > h4 em { float: left; margin-left: 10px; } .pro_sell_part7_box li { margin-bottom: 20px; } .pro_sell_span1 { display: block; float: left; width: 246px; height: 32px; border: 1px solid #cccccc; background: #ffffff; margin-right: 10px; } .pro_sell_span1 input { width: 96%; margin-left: 2%; float: left; height: 32px; line-height: 32px; border: 0; background: none; } .pro_sell_span2 { display: block; float: left; width: 246px; height: 32px; border: 1px solid #cccccc; background: #ffffff; margin-right: 10px; background: url(../images/pro_sell_img6.jpg) no-repeat right center; position: relative; } .pro_sell_span2 input { width: 96%; margin-left: 2%; float: left; height: 32px; line-height: 32px; border: 0; background: none; cursor: pointer; } .pro_sell_span2 dl { position: static; width: 246px; border: 1px solid #ccc; top: 32px; left: -1px; background: #fff; display: none; } .pro_sell_span2 dd { padding-left: 2%; line-height: 32px; cursor: pointer; } .pro_sell_span3 { width: 96%; border: 1px solid #ccc; background: #fff; height: 190px; } .pro_sell_span3 textarea { width: 98%; margin-left: 1%; height: 182px; position: relative; top: 4px; border: 0; overflow: auto; } .pro_sell_part7_btn span, .pro_sell_part7_btn span input { width: 96px; height: 32px; display: block; background: #aace39; color: #383842; font-size: 18px; text-align: center; line-height: 32px; border: 0; float: left; margin-right: 20px; } .pro_sell_part7_btn span:hover, .pro_sell_part7_btn span:hover input { background: #383842; color: #fff; } .pro_sell_part7_btn { width: 234px; margin: 0 auto; overflow: hidden; clear: both; padding-bottom: 58px; } .topIndex { position: relative; z-index: 200; } .nav_menu .fl ul li{width:48%; margin-right:1.5%;} @media only screen and (max-width: 1660px) { .in_banner { width: 100%; height: auto; position: relative; left: 50%; margin-left: -50%; z-index: 400; } .pro_service_part1 { width: 100%; left: 0; margin: 0; } .pro_service_part1_l { width: 53%; padding-left: 2%; } } @media only screen and (max-width: 1580px) { /*.in_banner { width: 1440px; height: auto; position: relative; left: 50%; margin-left: -720px; z-index: 400; }*/ } @media only screen and (max-width: 1440px) { /*.in_banner { width: 1340px; height: auto; position: relative; left: 50%; margin-left: -670px; z-index: 400; }*/ .pro_sell_part1_l_part h4,.pro_sell_part5_r h4 { font-size: 30px; } } @media only screen and (max-width: 1366px) { .pro_sell_part3 ul { width: 106%; } .pro_sell_part3 li h4 { height: 68px; } .pro_sell_part4_r_wrap h4 { font-size: 38px; } .in_news { padding-top: 6px; } .in_news h3 { } .in_news dl { margin-bottom: 6px; } .front_see_wrap li dl dd { line-height: 23px; font-size: 14px; } .front_see_wrap li h5, .in_news > h5 { padding-top: 26px; } .front_see_wrap li h5 { padding-top: 40px; } .pro_service_part2_box { width: 100%; left: 0; margin: 0; } .pro_service_part2_box a { width: 22%; font-size: 18px; } .pro_service_part6 { width: 96%; margin-left: -48%; } .pro_service_part6 li { margin-left: 48px; } .home-industry .contents .list { position: relative; height: 850px } .nav_menu .nm_pro li { margin-right: 8px; } .nav_menu .inner { width: 1130px; } .header_main_r { width: 823px; } .navMove .header_main_r nav > ul > li a { padding: 0 25px; } .home-industry .box { position: static; width: 275px; height: 275px; overflow: hidden } .home-industry .box-1 { top: 0; left: 0; filter: alpha(opacity=0); -moz-opacity: 0; opacity: 0; margin-top: 150px; } .home-industry .box-2 { top: 0; left: 287px; filter: alpha(opacity=0); -moz-opacity: 0; opacity: 0; margin-left: -150px; } .home-industry .box-3 { top: 287px; left: 0; filter: alpha(opacity=0); -moz-opacity: 0; opacity: 0; margin-top: -150px; } .home-industry .box-4 { top: 287px; left: 861px; filter: alpha(opacity=0); -moz-opacity: 0; opacity: 0; margin-left: -150px; } .home-industry .box-5 { top: 574px; left: 0; filter: alpha(opacity=0); -moz-opacity: 0; opacity: 0; margin-top: -150px; } .home-industry .box-6 { top: 574px; left: 861px; background: #383842; filter: alpha(opacity=0); -moz-opacity: 0; opacity: 0; margin-left: -150px; } .home-industry .box-7 { top: 287px; left: 287px; filter: alpha(opacity=0); -moz-opacity: 0; opacity: 0; margin-left: 200px; } .ie8 .home-industry .box-1 { top: 0; left: 0; filter: alpha(opacity=100); -moz-opacity: 1; opacity: 1; margin-top: 150px; display: none; } .ie8 .home-industry .box-2 { top: 0; left: 287px; filter: alpha(opacity=100); -moz-opacity: 1; opacity: 1; margin-left: -150px; display: none; } .ie8 .home-industry .box-3 { top: 287px; left: 0; filter: alpha(opacity=100); -moz-opacity: 1; opacity: 1; margin-top: -150px; display: none; } .ie8 .home-industry .box-4 { top: 287px; left: 861px; filter: alpha(opacity=100); -moz-opacity: 1; opacity: 1; margin-left: -150px; display: none; } .ie8 .home-industry .box-5 { top: 574px; left: 0; filter: alpha(opacity=100); -moz-opacity: 1; opacity: 1; margin-top: -150px; display: none; } .ie8 .home-industry .box-6 { top: 574px; left: 861px; background: #383842; filter: alpha(opacity=100); -moz-opacity: 1; opacity: 1; margin-left: -150px; display: none; } .ie8 .home-industry .box-7 { top: 287px; left: 287px; filter: alpha(opacity=100); -moz-opacity: 1; opacity: 1; margin-left: 200px; display: none; } .home-industry .selected { width: 562px; height: 562px } .home-industry .box.selected .image img { width: 562px; height: 562px } .navMove .header_main { max-width: 1210px; width: 96%; margin: 0 auto; } .p_m3 .text { height: 295px } .special_index_detail1_part_sec .icon_add { display: none; } .header_top { width: 1345px; margin-left: -672px; } .header_top_wrap > a.goback { margin-right: 5%; } /*.front_see_wrap li{width:46%;}*/ .main, .footer, .header_top_wrap, .front_see_wrap, .in_globle, .main_ft, .footer .inner, .header_main, .header, .navMove .header_main { width: 1135px; margin: 0 auto; } .header{width:100%;} .front_see_wrap li { padding: 0 1.7%; } .header_top_wrap { width: 1250px; } .in_glo_txt { top: 58px; } .header_main nav { width: 900px; } .header_main nav > ul > li, .navMove .header_main_r ul li { font-size: 16px; } .navMove .header_main_r nav > ul > li a { padding: 0 28px; } .header_main nav > ul > li > a, .navMove .header_main_r ul li a{padding:0 25px;} .footer, .front_see_wrap, .in_globle, .main_ft, .footer .inner, .home-industry, .front_see, .in_active_main, .in_globle, .main_ft { width: 100%; } .header_main { width: 1135px; margin: 0 auto; } .front_see { width: 1135px; left: 0; margin: 0 auto 60px;} .world { width: 90%; padding: 0 5%; } .world_header dd { width: 126px; } .world_main_part li { width: 132px;} .world_main_part li img { width: 132px; height: 92px; } .header_main_r { width: 900px; } .in_news { width: 50%; } .in_news dl { width: 90%; } .in_news ul li { width: 90%; } .in_video { width: 49%; } .video_txt { width: 100%; } .video_txt > dl { width: 568px; } .in_news_video_main { margin-bottom: 40px; } .home-industry .head { margin-bottom: 20px; } .front_see_wrap ul { margin-left: -1.3%; } .front_see_wrap li dl dd { width: 100%; } /* .in_news{ width:96%; float:none; margin:0 auto 20px;} .in_video{ margin:0 auto; width:96%; float:none;} .ie7 .in_active_main{ height:auto;} .in_active_main_l{ width:100%; height:auto; margin-bottom:20px;} .in_active_main_l > img{ display:none;} .in_active_main_l span{ position:relative; left:0; top:0; bottom:0; right:0; width:100%; height:40px; line-height:40px; font-size:18px;} .in_active_main_r{margin:0; width:100%;} .in_active_main_r h3{margin-bottom:20px;} .in_active_main_r li{padding:0; width:46%;} .in_active_main_r li.in_active_main_r_part2{ padding-left:2%;} .in_active_main_r li.in_active_main_r_part3{ padding:0;}*/ .in_active_main_l { width: 338px; } .in_active_main_l img { width: 100%; height: auto; } .in_active_main_l span { width: 200px; height: 200px; font-size: 30px; line-height: 200px; bottom: 42px; right: -118px; } .in_active_main_r h3 { margin-bottom: 28px; } .in_video .front_see_wrap { width: 100%; } .footer, .in_globle_wrap { margin-left: -640px; width: 1279px; } .footer .inner { margin: 0 auto; width: 945px; } .nav_menu .fl { width: 432px; } .nav_menu .fl ul li { margin: 0; width: 46%; margin: 0; padding: 0 1%; } .nm_pro li { margin: 0; } .navMove .nav_menu { top: 69px; } .nav_menu .fr ul li { width: 44%; } .nav_menu .fr ul li { padding: 0 1%; } .nav_menu .fr ul li a, .nav_menu .fr ul li img { display: block; width: 100%; height: auto; } .nav_menu .fl { width: 40%; } .nav_menu .fr { width: 59%; } .footer .fl,.footer .fr{width:100%;} .footer .fr{margin-bottom:20px;} } @media only screen and (max-width: 349px) { .footer .fr li{width:102px;} .footer .fr li:last-child{width:100%;} } @media only screen and (max-width: 1360px) { /*.home-industry .contents .list{height:600px;} .home-industry{ width:90%; margin:0 auto 20px;} .home-industry .contents .list{ height:625px;} .home-industry .contents > ul li.active .overlay{ display:none;} .home-industry .box .overlay{ display:none;} .home-industry .head { position: static; width: auto } .home-industry .head .title { float: left } .home-industry .head i { top: -18px; right: -88px; left: auto } .home-industry .head i + i { right: -32px; bottom: -8px; left: auto } .home-industry .head .main-text { padding-top: 30px } .home-industry .head .deputy-text { padding-bottom: 50px } .home-industry .box-2{ top:0; left:318px;} .home-industry .box-3{ top:0; left:636px;} .home-industry .box-4{ left:0; top:318px;} .home-industry .box-5 { top: 318px; left: 318px } .home-industry .box-6{ top:318px; left:636px;} .home-industry .box-7 { display: none }*/ } @media only screen and (max-width: 1285px) { #lightbox { background: #e1e3e5; padding-bottom: 20px; } #outerImageContainer { width: 100% !important; height: auto !important; } #imageContainer { padding: 50px 4% !important; padding-bottom: 0 !important; } #lightboxImage { margin-top: 0px; } #bottomNavClose { top: 10px !important; padding-bottom: 0 !important; } #lightboxImage { width: 92% !important; margin: 0 auto !important; } #imageDataContainer { width: 92% !important; margin-top: 0px !important; } #prevLink { width: 15% !important; height: 268% !important; background: transparent url(../images/prevlabel.png) -20px 45% no-repeat !important; /* Trick IE into showing hover */ } #nextLink { width: 15% !important; height: 268% !important; background: transparent url(../images/nextlabel.png) 10px 45% no-repeat !important; /* Trick IE into showing hover */ } #prevLink { left: 0; float: left; } #nextLink { right: 0; float: right; } #prevLink:hover, #prevLink:visited:hover { background: url(../images/prevlabel.png) left 45% no-repeat; } #nextLink:hover, #nextLink:visited:hover { background: url(../images/nextlabel.png) 10px 45% no-repeat !important; } .in_active_main_r li.in_active_main_r_part3{ padding-left:380px} .pro_sell_part1_l_part h4,.pro_sell_part5_r h4 { font-size: 22px; } } @media only screen and (max-width: 1280px) { /*.in_banner { width: 1280px; height: auto; position: relative; left: 50%; margin-left: -640px; z-index: 400; }*/ .main, .header, .footer, .header_top_wrap, .front_see_wrap, .in_globle, .main_ft, .footer .inner, .header_main, .header, .navMove .header_main { width: 1049px; left: 0; margin: 0 auto; } .header_top_wrap { width: 1049px; } .header_main nav li { padding: 0 13px; } .front_see { width: 1049px; left: 0; margin: 0 auto 60px;} .world_header dd { width: 122px; } .world_main_part li { margin-right: 25px; } .world_main_part li p{font-size:15px;} .nav_menu .nm_pro li { margin-right: 6px; } .home-industry .box-7 { width: 562px; left: 244px; } .home-industry .box-4, .home-industry .box-6 { left: 823px; } .home-industry .box { width: 235px; height: 235px; } .home-industry .box.selected { width: 562px; height: 562px; } .home-industry .box-2 { left: 244px; } .home-industry .box-3, .home-industry .box-4, .home-industry .box-7 { top: 244px; } .home-industry .box-5, .home-industry .box-6 { top: 488px; } .home-industry .box.selected { height: 479px; } .home-industry .contents .list { height: 690px; } .footer, .in_globle_wrap { left: 50%; margin: 0; } .nav_menu .inner { width: 1024px; } .nm_pro dt img { width: 100%; height: auto; } .header_main nav .nm_pro li { width: 16%; } .in_globle_wrap { margin-left: -640px; } .in_glo_txt { width: 506px; } .in_glo_txt1 { margin-left: -514px; } .in_glo_txt1 p { width: 224px; } .in_news ol li { width: 154px; height: 124px; } .in_news ol li a { width: 100%; height: 100%; } .in_active_main_r, .navMove .header_main_r { width: 686px; } .in_active_main_r li { width: 300px; margin-bottom: 80px; } .header_main_r { width: 784px; } .header_main nav li, .header_main_r nav li { padding: 0; } .header_main nav > ul > li > a, .navMove .header_main_r nav > ul > li a { padding: 0 18px; } .header_main nav { width: 784px; } .navMove ul.nm_pro li a { height: auto; } } @media only screen and (max-width: 1060px) { .header_main nav > ul > li, .navMove .header_main_r ul li{font-size:12px;} } @media only screen and (max-width: 1024px) { .header_main_r, .header_main nav { width: 720px; } .header_main nav > ul > li > a { padding: 0 24px; } .navMove .header_main { width: 96%; } .home-industry { width: 96%; } .in_news h3 { font-size: 30px; line-height: 70px; } .in_news dt { font-size: 16px; } .in_news dd { line-height: 21px; } .front_see_wrap li h5, .in_news > h5 { padding-top: 24px; } .in_news > h5 { padding-top: 18px; } .front_see_wrap li dl dd { line-height: 22px; font-size: 12px; } } @media only screen and (max-width: 1024px) { .navMove .header_main { width: auto; } .main, .header, .footer, .header_top_wrap, .front_see_wrap, .in_globle, .main_ft, .footer .inner, .header { width: auto; margin: 0 0; } /*.in_banner { width: 1023px; height: auto; position: relative; left: 50%; margin-left: -511px; z-index: 400; }*/ .main, .header, .footer, .header_top_wrap, .front_see_wrap, .in_globle, .main_ft, .footer .inner { width: 920px; } .header_main nav > ul > li { font-size: 17px; } .header_main nav li { padding: 0; } .nav_menu { top: 194px; } .price_flash { display: none; } .price_js { display: block; } .in_news_video_main { width: 863px; margin: 0 auto; } .in_news dl { width: 90%; background-position: left 10px; } .in_news ol li { width: 134px; height: 96px; } .world_main_part li { width: 123px; } .in_active_main { width: 863px; margin: 0 auto; } .in_active_main_r { width: 502px; } .header_main_r, .header_main nav, .navMove .header_main_r { width: 760px; } .header_main nav > ul > li > a, .navMove .header_main_r nav > ul > li a { padding: 0 12px; } .footer, .in_globle_wrap { margin-left: -512px; width: 1023px; } .footer .inner { margin: 0 auto; width: 740px; } .in_active_main_r li { width: 96%; margin: 0 auto 60px; float: none; } .in_active_main_r li { float: left; padding-left: 10px; width: 240px; } .in_active_main_r li.in_active_main_r_part2 { padding-left: 10px; } .in_active_main_r li.in_active_main_r_part3 { padding-left: 260px; } .main_ft li { margin: 0; width: 50%; margin-bottom: 20px; } .main_ft li { width: 24%; } .main_ft { padding-top: 40px; } .in_globle_wrap { background: #383842; padding-bottom: 20px; padding-top:20px; } .in_globle_wrap > img { margin-bottom: 20px; height:100%; position:static; top:0; } .in_glo_txt { position: relative; left: 0; top: 0; } .in_glo_txt1, .in_glo_txt2 { margin-left: 0; margin: 0 auto; } .in_glo_txt1 { margin-bottom: 20px; } .world_header { margin-top: 0; padding: 0; } .world_header dd { width: 16%; } .front_see { width: 100%; height: auto; } .header_top_wrap { background: #8d8c92; } .home-industry .contents .list { margin: 0; } .main, .header, .footer, .header_top_wrap, .front_see_wrap, .in_globle, .main_ft, .footer .inner { width: 100%; } .header_top_wrap { width: 96%; padding: 0 2%; } .header_main nav > ul > li, .navMove .header_main_r ul li { font-size: 12px; } .header_top { width: 100%; left: 50%; margin: 0; } .header_top_wrap > a.goback { margin-right: 5%; } .header_main { width: 96%; margin: 0 auto; } .navMove .nav_menu { top: 128px; } .navMove .nav_menu { top: 69px; } .header_main nav > ul > li:hover .nav_menu { display: none; } .navMove { width: 100%; left: 50%; margin-left: 0; } .navMove .header_main { width:; } .navMove .header_main_r li { padding: 0 4px; } .header_main nav > ul > li, .navMove .header_main_r ul li { padding: 0 1.7%; } .front_see_wrap li h5, .in_news > h5 { padding-top: 32px; } .front_see_wrap li h5 { padding-top: 45px; } .front_see_wrap li dl dd { line-height: 18px; } .home-industry { width: 863px; margin: 0 auto; } .home-industry .box-7 { width: 562px; height: 415px !important; left: 214px; } .home-industry .box-4, .home-industry .box-6 { left: 648px; } .home-industry .box { width: 200px; height: 200px; } .home-industry .box.selected { width: 422px; height: 415px; } .home-industry .box-2 { left: 214px; } .home-industry .box-3, .home-industry .box-4, .home-industry .box-7 { top: 214px; } .home-industry .box-5, .home-industry .box-6 { top: 429px; } .home-industry .contents .list { height: 665px; } .home-industry .head .title { font-size: 30px; margin-bottom: 10px; } .home-industry .head .main-text { padding-top: 20px; } .home-industry .head { width: 370px; } .in_news_video_main { margin-bottom: 20px; } .world { width: 863px; } .world_main_part li { width: 118px; } .world_main_part li { margin-right: 20px; } .world_header dd { width: 117px; } .world_header dd a { font-size: 16px; } /****************************************/ .pro_sell_part2_l p { font-size: 30px; } } .world_phone{display:none;} @media only screen and (max-width: 980px) { .in_news dl { width: 90%; background-position: left center; } .in_video_txt { height: 30px; line-height: 30px; font-size: 14px; } .phone_hide { display: none; } .header_top_wrap .share_part, .header_top_wrap > a, .header_top_wrap > span { font-size: 12px; margin: 0; padding-left: 3px; } .header_top_wrap .share_part{ font-size:13px;} .header, .header_top { background: #4a4a48; margin: 0; height: 300px; } .header { padding-top: 0px } .header_top { height: 60px; line-height: 30px; } .header_top { position: relative; width: 100% !important; margin-left: 0 !important; left: auto; right: 0; top: 0px; overflow: inherit; } .header_main_search { clear: both; float: none; width: 100%; } .header_main_menu { margin-right: 20px; position: relative; top: 0px; float: left; } .header_top_wrap .share_part { float: left; } .header_top_wrap .share_part {padding-left: 35px !important; margin-top:4px!important; float:right; } .share_part { margin-left: 0 !important; } .header_main_search_l { width: 23px; height: 22px; background: url(../images/search_sprite.png) no-repeat left top; } .header_main_l { padding-top: 7px; } .share_part span { background: none; } .header_main { background: #4a4a48; } .in_news ul, .in_news_video_main { margin-bottom: 20px; } .header_main_wrap { background: none; } .in_banner_phone { display: block; } .in_banner { display: none; } .pc_shop { display: block; } .phone_shop { display: none; } .header_main_menu{ margin:0 20px 8px 0;} .header_main_menu img { width: 100%; } .in_active_main_l { display: none; } #s_gp { display: block; left: 0; top: 0px; position: relative; min-width: 320px; width: 100%; text-align: left; } .header_top_wrap > span{ overflow:hidden; line-height:34px; height:34px;} .header_top_wrap > a, .header_top_wrap > span { background: none; } .header_top_wrap .share_part { margin-top: -1px; } .world { width: 100%; } .header_main_search { top: -5px; } .header_top_wrap > a, .header_top_wrap > span, .header_top .share { display: none; } .header_top_wrap > span{ display:block;} .edit_con_original img { max-width: 100%; height: auto; } .header_main { height: auto; } .header_main_l { width: 100%; text-align: center; padding-top: 10px; margin-bottom: 10px; float: none; } .header_main_r { width: 100%; height: auto; float: none; padding: 0; } .header_main_search { margin: 0; } .navMove .header_main_r { padding: 0; } .header_main_search_r input { width: 96%; } .header_main nav { width: 100%; } .header_main nav li { padding: 0; } .nav_menu { top: 194px; display: none; } .navMove { height: auto; } /*.navMove .header_main_r li{ padding:0 24px;}*/ .nav_menu .fr ul li a > img { width: 100%; height: auto; } .in_news { padding-top: 0; } .in_news ul { height: auto; } .header_main nav { float: none; position: static; top: 100px; left: 0; top: 70px; } .in_new_dl1 { border-bottom: 1px solid #bfbfbf; padding-bottom: 0; line-height: 24px; margin-bottom: 0; } .in_new_dl2 { display: block; border-bottom: 1px solid #bfbfbf; padding-bottom: 0; line-height: 24px; margin-bottom: 0; } .in_news dl { margin-bottom: 0; width: 100%; } .in_news dt a { font-size: 12px; } .in_news ul li { line-height: 24px; margin-bottom: 0; border-bottom: 1px solid #bfbfbf; padding: 0; } .in_news ul li a { font-size: 12px; } .in_news dt { padding: 0; font-size: 12px; } .in_new_dl1 dd, .in_new_dl2 dd { display: none; } .header_main nav > ul { /*margin-left: -8px; text-align: center;*/ } .header_main nav > ul > li { height: 18px; line-height: 18px; border: 1px solid #8ea73d; border-radius: 2px; width: 31%; margin-left: 0; display: inline-block; margin-bottom: 4px; } .header_main nav > ul > li > a { line-height: 18px; color: #fff; } .header_main nav > ul > li, .navMove .header_main_r ul li { padding: 0; } /*.in_news ol li + li + li{ display:none;} .in_news ol li + li{ display:none;}*/ .gm-style-iw div { overflow-y: hidden!important; } .front_see_wrap li dl { display: none; } .in_video .bx-wrapper { margin-bottom: 20px; } .in_video .front_see_wrap ul li.front_see_part1 { width: 48%; margin-right: 3%; float: left; padding: 0; background: #aace39; } .in_video .front_see_wrap ul li.front_see_part2 { width: 47%; margin-right: 0; float: right; padding: 0; } .front_see_wrap li h5 a { padding-left: 6%; } .front_see_wrap li h5 a { color: #fff; } .front_see_wrap li { border-right: 0; } .front_see_wrap li.front_see_part1 h5 { background: no-repeat right center; background-image: url(../images/glo_img11.jpg); background-size: 40% auto; } .front_see_wrap li.front_see_part2 h5 { background-size: 40% auto; } .front_see_wrap li.front_see_part1 h5 a { background-image: url(../images/add1.jpg); } .front_see_wrap li.front_see_part2 h5 a { background-image: url(../images/add2.jpg); color: #000; } .front_see_wrap li.front_see_part1 { border-top: 3px solid #aace39; border-bottom: 3px solid #aace39; } .front_see_wrap li.front_see_part2 { border: 3px solid #aace39; margin-left: -6px; } .home-industry .box { width: 49%; position: relative; left: 0; top: 0; float: left; margin-right: 1%; margin-bottom: 4px; } .home-industry .contents .list { height: 600px; } .home-industry .box .image img { width: 100%; height: auto; } .home-industry .box.selected { display: none !important; } .home-industry { width: 90%; margin: 0 auto 20px; } .home-industry .contents .list { height: 625px; } .home-industry .contents > ul li.active .overlay { display: none; } .home-industry .box .overlay { display: none; } .home-industry .head { position: static; width: auto } .home-industry .head .title { float: left } .home-industry .head i { top: -18px; right: -88px; left: auto } .home-industry .head i + i { right: -32px; bottom: -8px; left: auto } .home-industry .head .main-text { padding-top: 30px } .home-industry .head .deputy-text { padding-bottom: 50px } .home-industry .box-2 { top: 0; left: 0; } .home-industry .box-3 { top: 0; left: 0; } .home-industry .box-4 { left: 0; top: 0; } .home-industry .box-5 { top: 0; left: 0 } .home-industry .box-6 { top: 0; left: 0; } .home-industry .box-7 { display: none } .nav_menu ul { width: 100%; } .header_main nav { display: block; } .navMove { background: #fff; z-index: 2000; display: none !important; } .navMove .nav_btn { top: 1px; } .footer, .in_globle_wrap { margin-left: 0; left: 50%; width: 100%; } .in_globle_wrap { width: 100%; margin: 0 auto; left: 0; margin: 0; } .world_header dd { width: 49%; margin-bottom: 1px; } .world_main_part ul { width: 112%; } .world_main_part ul li { width: 44%; margin-right: 2%; } .in_banner { width: 100%; left: 50%; margin: 0; } .page > span { display: none; } .header_main_l { width: 45%; position: static; text-align: left; margin-bottom: 0; height: 45px; } .header_main_l img { width: auto; height: 100%; } .nav_btn { top: 8px; height: 24px; } .nav_btn img { width: 100%; height: 100%; } .header_main_menu { width: auto; float:right; margin-top: -2px; } .header_main_menu li{line-height:40px;} .in_news ul li { width: 100%; } .home-industry .head .title { font-size: 24px; } .home-industry .head .main-text { padding-top: 10px; font-weight: normal; } .in_active_main_r h3 { margin-bottom: 10px; line-height: 30px; } .in_active_main_r h3 a { font-size: 24px; font-weight: bold; } .in_active_main_r li h4 { padding: 10px 0; } .in_active_main_r li h4 a { font-size: 18px; } .in_active_main_r li.in_active_main_r_part1 > a { margin-top: -22px; } .in_active_main_r li.in_active_main_r_part2 > a { margin-top: -22px; } .in_active_main_r li.in_active_main_r_part3 > a { margin-top: -22px; } .in_news ol { margin-bottom: 20px; } .in_news h3 { font-size: 24px; } .in_news dt { font-size: 18px; } .header_main nav > ul > li.active > a, .header_main nav > ul > li:hover > a { background: none; } .header_main nav > ul > li > a, .navMove .header_main_r ul li a { margin: 0; font-size: 12px; } .header_main nav li.show .nav_menu { display: block; } .nav_menu .fr { display: none !important; } .header_main nav > ul > li:hover .nav_menu { display: none; } .header_main nav > ul > li.show:hover .nav_menu { display: block; } .nav_menu .fl, .nav_menu .inner { width: 100%; } .nav_menu .fl ul li { width: 98%; } .nav_menu .fl ul li a { border-bottom: 1px solid #dfdfe0; line-height: 34px; } .nav_menu .fl ul li a:hover { font-weight: normal; border-bottom: 1px solid #dfdfe0; } .header_main nav > ul > li.active a { background: none; color: #fff; } .header_main nav > ul > li.active a:hover { background: none; } .header_main nav li:first { display:none; } .header_main nav .nm_pro li { width: 100%; } .nm_pro li dt a { display: none; } .header_main nav > ul > li, .navMove .header_main_r ul li { float: none; } .nav_menu .fl ul li a { font-size: 12px; } #shouye { display: none; } .part17_icon { display: none; } .in_news { width: 96%; float: none; margin: 0 auto 20px; } .in_video { margin: 0 auto; width: 96%; float: none; } .in_active_main_l { width: 100%; height: auto; margin-bottom: 20px; } .in_active_main_l > img { display: none; } .in_active_main_l span { position: relative; left: 0; top: 0; bottom: 0; right: 0; width: 100%; height: 40px; line-height: 40px; font-size: 18px; } .in_active_main_r { margin-top: 40px; } .in_active_main_r h3 { position: relative; float: left; color: #596156; font-size: 24px; margin-bottom: 30px; } .in_active_main_r h3 i { position: static; top: -12px; left: -110px; width: 44px; height: 43px; background: url('../images/home_news_head_bg1.png') no-repeat } .in_active_main_r h3 i + i { top: auto; left: -54px; bottom: -10px; width: 25px; height: 25px; background: url('../images/home_news_head_bg2.png') no-repeat } .in_active_main_r h3 i { top: -18px; right: -88px; left: auto } .in_active_main_r h3 i + i { right: -32px; bottom: -8px; left: auto } .in_active_main_r { margin-left: 0; width: 100%; } .in_active_main_r h3 { margin: 20px 0 30px; } .in_active_main_r li h4 { padding: 0 0 15px; font-weight: bold; } .in_active_main_r li h4 a { color: #626670; } .in_active_main_r li h4 a:hover { color: #626670; } .in_active_main_r li { padding: 0 0 30px; width: 46%; border-bottom: 1px dotted #bfbfbf; } .in_active_main_r li.in_active_main_r_part2 { padding-left: 2%; } .in_active_main_r li.in_active_main_r_part3 { padding: 0; } .in_active_main_r li h4, .in_active_main_r li p, .in_active_main_r li a { position: static; top: 0; left: 0; } .in_active_main_r li > a { margin-top: 10px!important; position: static!important; } .front_see { margin-bottom: 20px; } .in_news_video_main { width: 100%; } .home-industry { padding: 0; } .in_active_main { width: 96%; } .main_ft li { width: 25% } .main_ft li a { width: 95%; } .in_active_main_r li { width: 100%; margin-bottom: 70px; } .in_active_main_r li.in_active_main_r_part2 { padding-left: 0; } .home-industry .contents .list { height: auto; } .home-industry .content { left:; right: auto; } .front_see { background: none; } .world_main { display: none; } .front_see h4 { padding-left: 0; background: url(../images/pro_imgtit.jpg) no-repeat right top; background-size: auto 100%; height: 239px; width: 100%; } .world h4 a { left: 20px; top: 60px; position: relative; color: #fff; } .world { width: 96%; padding: 0; display:none; } .world_phone{width:96%; margin:0 auto; display:block;} .world_phone ul{margin:20px 0 0;} .world_phone li{float:left; width:48%; margin:1%; height:40px; line-height:40px; font-size:20px; color:#363636; position:relative; background:#AACE3C;} .world_phone li a{display:block; padding-left:10%;color:#363636;} .world_phone li em{position:static;right:5%; top:0;} .in_active_main_r_part3 { display: none; } .share_part { float: right; } .front_see_wrap li h5, .front_see_wrap li h5 a { height: 117px; line-height: 117px; } .glo_img_phone { display: none; } /**************************************/ .pro_service_part1_l { width: 100%; } .pro_service_part1_r { width: 100%; } .pro_service_part2_box a { width: 80%; height: 24px; line-height: 24px; font-size: 14px; margin: 0 auto; float: none; margin-bottom: 20px; } .pro_service_part2_box { padding: 20px 0 0; height: auto; } .pro_service_part2 h4, .pro_service_part1_l h4 { font-size: 20px; height: 60px; line-height: 60px; } .pro_service_part2 h4 img, .pro_service_part1_l h4 img { width: 20%; } .pro_service_part2 h4 em, .pro_service_part1_l h4 em { top: 6px; } .pro_service_part1_l h4 { padding-top: 10px; } .pro_service_part3_l { width: 100%; } .pro_service_part3_l img { width: 100%; height: auto; } .pro_service_part3_r { width: 100%; } .pro_service_part3_r h4 { font-size: 20px; height: 60px; line-height: 60px; } .pro_service_part3_r h4 em { display: none; } .pro_service_part3_r p { text-align: center; text-align: left; } .pro_service_part3_r p br { display: none; } .pro_service_part3_r { padding-bottom: 20px; } .pro_service_part6 li { margin: 0 0 0 2%; text-align: left; float: none; } .pro_service_part1_l p { width: 100%; } .pro_service_part1_l { padding: 0; margin-bottom: 20px; } .pro_service_part2 { margin-bottom: 20px; } /***********************/ .pro_sell_part7_box li { margin-bottom: 0; } .pro_sell_part7_box { margin-bottom: 20px; } .pro_sell_part7_box li.topIndex span { margin-bottom: 20px; } .pro_sell_span1 { margin-bottom: 20px; } .pro_sell_part1_r { width: 100%; text-align: center; margin-bottom: 20px; } .pro_sell_part1_r > img { display: block; margin: 0 auto; width: auto; height: auto; max-width: 100%; } .pro_sell_part1_l { width: 100%; } .pro_sell_part1 { margin-bottom: 20px; } .pro_sell_part2_r { width: 100%; height: auto; } .pro_sell_part2_l { width: 100%; } .pro_sell_part4_l { width: 100%; margin-bottom: 20px; } .pro_sell_part4_r { width: 100%; } .pro_sell_part5_l { width: 100%; } .pro_sell_part5_r { width: 100%; } } @media only screen and (max-width: 768px) { .in_news ol li a p { font-size: 14px; line-height: 30px; } .in_news > a { margin-top: 20px; } .in_news dl { width: 100%; } .in_new_dl1 { padding-bottom: 0px; } .in_news dl dd { display: none; } .video_appbox > a { right: 10px; } .video_appbox .video_t { width: 100%; height:40%; top:30%; left:0;/*height: auto; width: auto;*/ } .video_appbox h5{top:25%;} .picture_box.slide ul { margin: 0 auto; } .footer .link a { padding: 0 7px; } .footer .fl p { padding-left: 7px; margin-bottom: 20px; } .footer, .header_top_wrap, .front_see_wrap, .in_globle, .main_ft, .footer .inner, .home-industry .head { width: 96%; margin: 0 auto; left: 0; } .header_main_r { position: relative; } .header_main nav.active { display: block; } .header_main nav > ul > li, .navMove .header_main_r ul li { padding: 0; } .in_news ol li a { position: relative; } .in_news ol li a span { width: 100%; height: auto; position: static; bottom: 0; left: 0; line-height: 24px; display: block; } .in_news ol li a p { position: static; top: auto; bottom: 0; left: 0; line-height: 24px; display: block; height: auto; background: url(../images/blank.png) repeat; width: 92%; padding: 0 4%; line-height: 40px; } .in_news ol li:hover a span { position: static; left: 0; top: 0; z-index: 200; display: none; } .in_news ol li:hover a p { display: block; } .header_main nav > ul > li, .navMove .header_main_r ul li { float: none; } .header_top_wrap .share_part, .header_top_wrap > a, .header_top_wrap > span { margin-right: 0px; float: left; } .header_top .share, .header_top_wrap .share_part, .header_top_wrap > a, .header_top_wrap > span { margin-left: 0px; float: left; margin-right: 0; } .header_top_wrap > a.goback { margin-right: 8px; float: left; margin-left: 0; } .header_top .share { margin-left: 0 !important; height: 45px; width: 70px; } .header_top_wrap { overflow: inherit; } .header_top { height: auto; } .header_main nav li { padding: 0; width: 100%; margin: 0 auto; text-align: center; } .header_main nav li a { color: #000; font-size: 14px; line-height: 20px; } .header_main nav li.active { background: #aace39; } .header_main nav li.active a { color: #fff; } .video_txt > a > img { width: 100%; height: auto; } .video_txt > dl dt { line-height: 28px; padding: 10px 0 20px; } .video_txt > dl { padding-left: 0; width: 96%; margin: 0 auto; } .video_txt > dl dt, .video_txt > dl dd { padding: 0 20px; } .video_txt { text-align: center; margin: 0 auto; float: none; height: auto; } .video_txt > a { float: none; } .video_txt dl { text-align: left; } .front_see_wrap { padding: 0; } .in_active_main_r li { margin-bottom: 20px; } .in_active_main { margin-bottom: 20px; } .footer .link { font-size: 12px; } .footer .link a { font-size: 12px; } .home-industry { position: relative; margin: 0 auto 20px } .home-industry .head { margin-bottom: 30px; } .home-industry .box { margin-right: 0; margin-bottom: 1%; width: 49.5%; } .home-industry .box-2, .home-industry .box-4, .home-industry .box-6, .home-industry .box-7 { float: right; } .in_active_main_r li > a { top: 28px; } .home-industry, .in_globle { width: 100%; } .in_globle_wrap { position: relative; padding: 50px 0; } .in_globle_wrap img { position: static; left: 0; top: 0; height: 100%; width: 100%; } .footer .fr { width: 100%; } .footer .fl { width: 100%; } .footer, .in_globle_wrap { width: 100%; margin: 0; left: 50%; } .front_see_wrap ul { margin: 0; } .front_see_wrap li { width: 96%; margin: 0 auto; float: none; } .front_see { width: 100%; left: 0; margin: 0; } .posit_bg img { width: 100%; height: auto; } .in_glo_txt { width: 96%; margin: 0 auto; } .in_glo_txt1 span { color: #ffffff; float: left; font-size: 70px; line-height: 120px; padding-left: 14px; } .in_glo_txt1 p { width: 60%; } .in_glo_txt1 { margin-bottom: 220px; } .in_globle_wrap { padding-bottom: 80px; } .in_glo_txt { height: auto; } .in_news ol li { width: 100%; height: auto; float: none; margin-right: 0; margin-bottom: 20px; } .in_news ol li a img { width: 100%; height: auto; } .in_news ol li a { width: 100%; height: auto; } .header_top_wrap > a, .header_top_wrap > span { float: left; color: #fff; margin-right: 8px; } .header_top_wrap > span { clear: both; } .header_top .share { float: right; } .header_main_l { margin-bottom: 20px; } .in_globle_wrap { width: 100%; margin: 0 auto; left: 0; margin: 0; } .technology_bg { } .column_box .technology_ft { padding-top: 20px; } .technology_ft ul { padding-top: 2%; } .column_box .about_index_part1 { background-position: right top; } .about_index_part4 { margin-bottom: 20px; } .market_ft .main ul li .tit a { display: inline-block; width: 66%; font-size: 16px; } .market_hd .main ul li .fr a { font-size: 16px; } .market_hd .main ul li span, .market_ft .main ul li .tit span { font-size: 14px; } .bxslider1 { width: 100% } .bxslider1 li { position: relative } .video_appbox h5 { font-size: 12px } .in_news ol li, .bxslider1 li { display: none } .in_news ol li:first-child, .in_news ol li:first-child + li { display: block } .phone_bxslider1 li:first-child, .phone_bxslider1 li:first-child + li { display: block } .phone_bxslider1 li { float: left; width: 48%; height: auto; overflow: hidden } .phone_bxslider1 li:first-child { margin: 0 2% 0 0 } .phone_bxslider1 li:first-child + li { margin: 0 0 0 2% } .in_news ol li { float: left; width: 48%; } .in_news ol li:first-child { margin: 0 2% 0 0 } .in_news ol li:first-child + li { margin: 0 0 0 2% } .bxslider1 li > span img { height: auto } .bxslider1 li img { height: auto } .phone_bxslider1 { margin: 0 0 15px 0 } .in_video h4 { margin: 0 0 10px; font-size: 18px; line-height: 38px } .in_video { margin: 0 2% 10px } .in_news > a { position: static; left: inherit; right: 5px; top: 20px } .in_news { position: relative } .in_news ol li a p { line-height: 18px; padding: 2px 4% } /**********************/ .pro_sell_part1_l h5, .pro_sell_part1_l_part { width: 100%; } .pro_sell_part1_l_part h4 { font-size: 18px; } .pro_sell_part2_l { padding: 40px 0; } .pro_sell_part3 li { width: 44%; margin-right: 2%; } .pro_sell_part3 { margin-bottom: 20px; } .pro_sell_part4_r_wrap { width: 96%; } .pro_sell_part6_top > a { float: none; margin-bottom: 20px } .pro_sell_part6_inputbox { float: none; margin-bottom: 20px; } .pro_sell_part6_top > input { float: none; } .share_part span > a{} .share_part span{ top:-3px; padding-bottom:2px; display:block; z-index:11;} } @media only screen and (max-width: 700px) { .video_appbox{ /*height:auto;*/} .front_see h4 { height: 170px; } .world h4 a { top: 30px; } } @media only screen and (max-width: 584px) { .bdshare-button-style0-24 a, .bdshare-button-style0-24 .bds_more { } .header_top_wrap .share_part { padding-left: 30px; } .in_glo_txt2 h4 span { font-size: 34px; } .in_glo_txt2 h4 { line-height: 58px; } .in_glo_txt2 p { width: 470px; margin: 0 auto; } .in_glo_txt1 { margin-bottom: 180px; } .in_globle_wrap { padding-bottom: 80px; } .in_globle_wrap { width: 100%; margin: 0 auto; left: 0; margin: 0; } .edit_con_original img { width: 100%; } .front_see_wrap li.front_see_part1 h5 a { background-image: none; } .front_see_wrap li.front_see_part2 h5 a { background-image: none; color: #000; } } @media only screen and (max-width: 550px) { .front_see h4 { height: 130px; } .world h4 a { top: 20px; } .in_glo_txt2 p { font-size: 16px; } } @media only screen and (max-width: 490px) { .in_glo_txt1 p { font-size: 22px; padding-top: 10px; } .in_glo_txt2 h4, .in_glo_txt2 p { width: 96%; } .in_glo_txt1 span { line-height: 100px; } .in_glo_txt2 h4 { font-size: 22px; line-height: 42px; } .in_glo_txt1 { margin-bottom: 120px; } .in_globle_wrap { padding-bottom: 50px; } .in_globle_wrap { width: 100%; margin: 0 auto; left: 0; margin: 0; } .world h4 a { top: 60px; } } @media only screen and (max-width: 400px) { .front_see_wrap li h5 { font-size: 20px; } .header_top_wrap .share_part, .header_top_wrap > a, .header_top_wrap > span { font-size: 10px; margin: 0; padding-left: 3px; } .header_top_wrap .share_part{ margin-top:-1px;} .in_glo_txt1 p { font-size: 16px; padding-top: 10px; } .in_glo_txt2 h4, .in_glo_txt2 p { width: 96%; font-size: 15px; } .in_glo_txt1 span { line-height: 82px; font-size: 50px; } .in_glo_txt2 h4 { font-size: 18px; line-height: 30px; } .in_glo_txt2 h4 span { font-size: 24px; } .in_globle_wrap { width: 100%; margin: 0 auto; left: 0; margin: 0; } .main_ft li span { font-size: 13px; } } .codrops-demos { height: 60px; text-align: center; } .codrops-demos a { display: inline-block; margin: 10px; color: #333; font-weight: 700; line-height: 30px; border-bottom: 4px solid transparent; text-decoration: none; } .codrops-demos a:hover { color: #883d59; border-color: #883d59; } .codrops-demos a.current-demo, .codrops-demos a.current-demo:hover { color: #aaa; border-color: #aaa; } /* demo */ .demo { margin: 0 auto; height: 320px; width: 720px; } .demo li { height: 320px; width: 480px; background-color: #ccc; text-align: center; cursor: pointer; } .demo li.roundabout-in-focus { cursor: default; } .demo li span { display: block; padding-top: 6em; } @media only screen and (max-width: 320px) { .front_see_wrap li h5, .front_see_wrap li h5 a { height: 58px; line-height: 58px; } .home-industry .box { height: 158px; } } /**2018-05-30 addby dhq*/ .pro_sell_part1_2{ background: #F7F8F3; margin:34px 0 70px; overflow: hidden;} .pro_sell_part1_2 .ll{ float: left; width: 50%; border:2px solid #9CC810; box-sizing: border-box;} .pro_sell_part1_2 .ll img{ width: 100%;} .pro_sell_part1_2 .rr{ float: right; width: 50%;} .pro_sell_part1_2 .rr .inner{padding:40px 55px 0;} .pro_sell_part1_2 .rr h2{font-size:50px; color: #606579; line-height: 1.1;} .pro_sell_part1_2 .rr h3{font-size:38px; color: #606579; line-height: 1.2;font-weight: normal;} .pro_sell_part1_2 .rr ul{margin:20px 0 0;} .pro_sell_part1_2 .rr ul li{color: #8C8B93; font-size: 14px; margin-bottom: 15px; line-height: 18px;} .pro_sell_part1_2 .rr dl{ overflow: hidden; margin-top:40px;} .pro_sell_part1_2 .rr dl dd{ display:none; float: left; width: 280px;} .pro_sell_part1_2 .rr dl dd a{ display: block;height: 38px; line-height: 38px; background: url(../images/add_dot01.png) 255px center no-repeat #9CC810; margin-bottom: 10px; border-radius: 5px; text-indent: 12px; color: #fff; font-size:18px; text-decoration: none;} .pro_sell_part1_2 .rr dl dt{ float: none; margin:0 auto; width: 135px; text-align: center;color: #8C8B93;font-size:18px;} .pro_sell_part1_2 .rr dl dt img{ width: 135px; height: 135px; margin-bottom: 5px; } .lt9 .pro_sell_part1_2 .rr{ width: 49%;} @media only screen and (max-width: 1366px) { .pro_sell_part1_2{margin:40px 0;} .pro_sell_part1_2 .rr h2{font-size:40px;} .pro_sell_part1_2 .rr h3{font-size:30px;} .pro_sell_part1_2 .rr dl dt{width: 120px;} .pro_sell_part1_2 .rr dl dt img{width: 120px; height: 120px;} } @media only screen and (max-width: 1280px) { .pro_sell_part1_2 .rr dl{margin-top: 0px;} .header_main_search{width:200px;} } @media only screen and (max-width: 1024px) { .pro_sell_part1_l_part{margin-bottom: 20px;} .pro_sell_part1_2{margin:0 0 30px;} .pro_sell_part1_2 .rr h2{font-size:36px;} .pro_sell_part1_2 .rr h3{font-size:28px;} .pro_sell_part1_2 .rr .inner{padding:20px 20px 20px;} .pro_sell_part1_2 .rr dl dt{width: 100px;} .pro_sell_part1_2 .rr dl dt img{width: 100px; height: 100px;} .header_main_menu li{margin-left:10px;} } @media only screen and (max-width: 768px) { .pro_sell_part1_2{margin:0 0 20px;} .pro_sell_part1_2 .ll{width: 100%;} .pro_sell_part1_2 .rr{ width: 100%;} .pro_sell_part1_2 .rr .inner{padding:30px;} .header_main_menu li{margin-left:5px;} } @media only screen and (max-width: 767px) { .pro_sell_part1_2 .rr h2{font-size:30px;} .pro_sell_part1_2 .rr h3{font-size:24px;} .pro_sell_part1_2 .rr dl dd{ float: none; width: 100%; } .pro_sell_part1_2 .rr dl dd a{ background-position: 95% center; } .pro_sell_part1_2 .rr dl dt{ float: none; width: 100%; } .header_main_menu{float:left;} .header_main_menu li{margin-left:0; width:33.33%;} .header_main_menu li a{font-size:13px;} .header_top_wrap .share_part{position:static; right:0; left:63%; top:73px;} .header_main nav{top:60px;} .header_main_search_r{width:96%;} } @media only screen and (max-width: 320px) { .pro_sell_part1_2 .rr .inner{padding:20px;} .header_main_menu li a{font-size:12px;} } .header_main_search{float: left;} .header_main_menu{margin-right: 35px;} .header_main_menu li a{font-size: 16px;} .com_box{padding:0 0 5%;} .com_box li{ float:left; width:25%; line-height:30px; margin-bottom:10px;} @media only screen and (max-width:1370px) { .header_main_menu{margin-right: 0;} } @media only screen and (max-width:1280px) { .header_main_menu li{margin-left: 10px;} .header_top_wrap .share_part{margin-left: 10px;} .header_main_search{width: 150px;} } @media only screen and (max-width:1279px) { .header_main_menu li a{font-size: 14px;} .com_box li{width:33.33%;} } @media only screen and (max-width:1024px) { .header_main_menu li{margin-left: 0;} } @media only screen and (max-width:767px) { .header_top_wrap .share_part{top:112px;} .com_box li{width:100%;} }