body{font-family:Arial,'microsoft yahei',Helvetica, sans-serif; color: #333;overflow-x:hidden;overflow-y:auto;} a,button{transition: 0.5s;-webkit-transition: 0.5s;-moz-transition: 0.5s;} ul{list-style:none;} h2{margin: 0px; padding: 0px;} header{} .top_menu{font-size: 12px; width: 100%; height: 37px; line-height:37px; background:#EEEEEE;color:#5F5D5E; } .top_name{display: inline-block;} .top_lang{float: right;height: 37px; width:150px;} .top_lang a{ color:#5F5D5D; line-height:37px; padding:0px 3px; float:right;} .top_lang .search_inall{ width:89px; height:23px; float:right; background:url(../images/search_inall.png) left no-repeat; margin-right:10px; margin-top:7px;} .search_inl,.search_inr{ height:21px;} .search_inl{ width:55px; height:21px; float:left; margin-left:10px;} .search_inl input{ width:55px; height:21px; float:left; background:#000;} .search_inr{ width:21px; height:21px; float:left;} .search_inr input{ width:21px; height:21px; float: left; cursor: pointer;} .search_inl input,.search_inr input{ height:21px; line-height:21px; border:0px;outline:none; background:none;} .product_title a{color: #656464;} /*瀵艰埅鑿滃崟*/ .navbar{margin:0px; background-color:#fff; border: none;} #app_menudown{position: absolute; top:0px; right:0px; font-size: 16px;} #app_menudown:hover{background-color: #FE6C0B;} .active{ background:#FE6C0B} /*banner鍥?/ .flash ul li{ text-align:center;} .mb-flash{ display:none} .PC-flash{ display:block;} .PC-page_bg{ display:block} .mb-page_bg{ display:none;} /*浜у搧鎼滅储*/ .search_group{float: right; margin:44px 0px 0px 0px;} .search_group input.form-control{ border-radius: 0px; border: none; box-shadow: none; padding: 12px 10px;height: 38px; border-right: none;} #submit_search{color:#fff;font-size: 16px; height: 38px; background-color:#FE6C0B; border-radius: 0px; margin-top: -1px;} #submit_search:hover{cursor: pointer; background-color: #F68B33;} #small_search{color:#fff; float: right; margin-top: 7px; padding:8px 13px;font-size: 17px;border-radius: 4px;} #small_search:hover,#small_search:focus{cursor: pointer; background-color: #F68B33;} /*棣栭〉浼樺娍*/ .service_box{padding-bottom:47px;} .service_box img{ max-width:100%; cursor:pointer;} .service-pc{ padding-left:0px; padding-right:0px;} .service-pc .service-li{ padding-left:0; padding-right:0; position:relative; overflow:hidden;} .service-pc .service-li a{ width:100%; height:100%; overflow: hidden; background-color: rgba(96,96,96,0.3); position:absolute; z-index:2; top:0;left:0; cursor:pointer;} .service-pc .service-li a p,.service-pc .service-li a font{ display:block; width:100%; color:#fff; text-decoration: none; text-align:center; font-size:16px;} .service-pc .service-li a p{ margin-top:100%;} .service-li img{transition: 1.5s;} #servise1 a{ text-decoration: none;} #inpro1{background: #EE7B1D;} .service-pc .service-li:hover a{ background-color: rgba(227,129,52,0.8); text-decoration: none;} .service_head{ text-align:center; line-height:5rem; margin-top:3rem;} .service_head h2{ font-size:2rem; font-weight:bold; color:#E38134; margin-bottom:1.5rem;} .service_head h2 font{ color:#454545; font-size:1.5rem; } .service_head p{ border-bottom:#E38134 2px solid; width:5rem; text-align:center; position:absolute; left:50%; margin-left:-2.5rem;} .service_head h4{ color:#737474; font-size:1.333333rem; line-height:4.5rem;} /*棣栭〉鏂伴椈*/ .news_index{ padding-bottom:47px; margin-top:45px;} .news_index .news_li{ padding-left:0; padding-right:0; width:31.33333333%;} .news_index .news_li2{ margin-left:3%; margin-right:3%} .news_index .news_foot{ padding-left:0px; padding-right:0px; overflow:hidden;} .news_index .news_foot img{ width:100%; float:left;} .news_index .news_l h5 b{ font-size:18px; color:#E38134} .news_index .news_l ul{ margin:0px; padding:0px;} .news_index .news_l ul li{ float:left;} .news_index .news_l ul li a{ display:block; width:125px; height:40px; float:left; background:#E87F2A; text-align:center; line-height:40px; color:#fff; font-size:16px;} .news_index .news_l ul li a.a2{ background:#606060} .news_index .news_l ul li a:hover{ text-decoration:none; background:#959494} .news_index .news_l .newsul{ margin:0px; padding:0px;} .news_index .newsli_1{ padding-left:0px; padding-right:0px; margin-bottom:10px;} .news_index .newsli_1 img{ margin:0px; padding:0px;} .news_index .newsli_1 .newsname{padding-left:0px; padding-right:0px;} .news_index .newsli_1 .newsname a{ height:40px; line-height:40px; width:100%; float:left; font-size:18px; color:#646464; overflow:hidden;} .news_index .newsli_1 .newsname a:hover{ text-decoration:none; color:#EE7B1E} .news_index .newsli_1 .newsinfo,.news_index .newsli_1 .newspic,.news_index .newsli_1 .newsdesc{ height:100px; padding-left:0px; padding-right:0px;} .news_index .newsli_1 .newspic{ padding-right:15px;} .news_index .newsli_1 .newspic img{ width:100%; height:100%; float:left;} .news_index .newsli_1 .newsdesc{ overflow:hidden;} .newsli_img img{} .newsnameall{ margin:0px; padding:0px;} .newsname-l{ overflow:hidden; height:30px; line-height:30px; color:#999} .newsname-l a{ font-weight:bold; color:#323232; font-size:12px; line-height:25px; height:25px; position:absolute; margin-left:5px;} .newsname-r{ text-align:right; height:30px; line-height:30px; font-size:12px;} .newsnameall:hover{ color:#EE7B1E} .newsnameall:hover a{ color:#EE7B1E; text-decoration:none} .newsinfo{ line-height:20px; height:100px; overflow:hidden; color:#666; font-size:12px;} .newsinfo font{ color:#969696} .newsli_2{ margin:0 px; padding:0px; height:30px; overflow:hidden;} .newsli_2 a{ height:30px; line-height:30px; margin:0px; padding:0px; color:#999; text-align:left;} .newsli_2 a b{ color:#666; position:absolute; font-size:12px; font-weight:normal} .newsli_2 font{ text-align:right; float:right; font-size:12px; height:30px; line-height:30px;} .newsli_2:hover a{ text-decoration:none} .newsli_2:hover b{ color:#EE7B1E;} .newsli_2:hover font{ color:#EE7B1E} .news_index .news_r{} .news_index .news_r h5{ color:#707070; font-weight:bold; font-size:14px;} .news_index .news_r h5 b{ font-size:18px; color:#E38134} .news_index .news_r img{ width:100%; cursor:pointer} /*棣栭〉鍏充簬鎴戜滑*/ .inabt_index{padding-bottom:47px; margin-top:45px;} .inabt_index img{ max-width:100%; cursor:pointer;} .inabt_head{ text-align:center; line-height:5rem; margin-top:1.8rem;} .inabt_head h2{ font-size:2rem; font-weight:bold; color:#0B6AB5; margin-bottom:1.5rem;} .inabt_head h2 font{ color:#454545; font-size:1.5rem; } .inabt_head p{ border-bottom:#0B6AB5 2px solid; width:5rem; text-align:center; position:absolute; left:50%; margin-left:-2.5rem;} .inabt_head h4{ color:#737474; font-size:1.333333rem; line-height:4.5rem;} .inabt-l{ float:right; padding-left:0px; padding-right:0px;} .inabt-l img{ width:100%;} .inabt-l .inabt-img{ position:absolute; height:75px; width:238px; top:0px; right:0px; margin-right:-95px; margin-top:100px;} .inabt-r{ float:left; width:64%; padding-left:0px; padding-right:0px;} .inabt-r h3{ font-weight:bold; color:#EE7B1D;} .inabt-r h4{ color:#646464; font-size:16px;} .inabt-info{ margin:0px; padding:0px; margin-top:10px; line-height:20px; color:#707070; min-height:200px; overflow:hidden;} .inabt-info p,.inabt-info span,.inabt-info font{ line-height:20px;} .inabt-bottom{ margin-top:15px;} .inabt-bottom p{ text-align:center;} .inabt-bottom p.p1{ font-weight:bold; color:#EF6A1F; font-family:Impact; font-size:32px;} .inabt-bottom p.p2{ color:#707070; font-size:14px;} /*棣栭〉閾炬帴*/ .inlink_li{ text-align:center; line-height:125px;} .inlinkall{ border:#D8D8D8 1px solid; overflow:hidden; color:#666} .inlinkall:hover{ border:#FE6C0B 1px solid; color:#FE6C0B} .inlinkall img{ height:77px; margin-top:24px;} /*棣栭〉浜у搧*/ .inpro_index{ margin-top:45px; padding-bottom:45px;} .inpro_head{ text-align:center; margin-bottom:1rem; float:left; width:100%;} .inpro_head p{ border-bottom:#EDEDED 1px solid; height:45px; } .inpro_head font{ font-size:22px; float:left; height:45px; line-height:45px; color:#EE7B1E; border-bottom:#EE7B1E 2px solid;} .inpro_head span{ float:right; height:45px; line-height:55px; margin-right:5px; color:#7D7D7D} .inpro_head span:hover{ color:#EE7B1E} .inpro_all>div{ width:31.33333333%;} .inpro_i2{ margin-left:3%; margin-right:3%;} .inpro_all,.inpro_all>div{ padding-left:0; padding-right:0;} .inpro_li{ background:#fff; height:100%; overflow:hidden; padding-left:0; padding-right:0;} .inpro_li img{ width:100%;} .inpro_name{ height:80px; line-height:80px; text-align:center; font-size:22px; width:100%; overflow:hidden; color:#fff; background: #EE7B1D;} .inpro_more{ height:40px; line-height:40px; color:#fff;} .inpro_more font{ top:3px;} .inpro_li:hover{ background:#EE7B1D} .inpro_li:hover a{ text-decoration:none} /*棣栭〉瀹㈡埛*/ .customer_index{ margin-top:45px; padding-bottom:101px;} .customer_ul{ margin-top:20px; padding-left:0px; padding-right:0px;} .customer_li img{ width:100%;} .customer_li img:hover{} /*搴曢儴淇℃伅*/ footer{ color:#424242; background:#DCDEDD} footer a:hover{ color:#FE6C0B; text-decoration:none} footer .foot_l{ float:left; position:relative;} footer .foot_l iframe{ width:117px; height:40px; position:absolute; right:0; margin-right:-117px; top:30px; z-index:1} footer .foot_r{ float:right; position:relative;padding-left:0px; padding-right:0px; border-bottom:#9B9B9B 1px solid; padding-bottom:30px;} footer .foot_add{ padding-left:0px; padding-right:0px;} footer p{ font-size:12px; margin:0px; line-height:20px;} footer .foot_weixin{ position:absolute; right:0; bottom:10px; padding-left:0px; padding-right:0px;} footer .foot_weixin img{ width:100%; height:100%; float:left;} footer .foot_copy{ float:left; position:absolute; right:0; bottom:-50px;padding-left:0px; padding-right:0px;} footer .foot_copy p font{ float:right;} footer a{ color:#5B595A;} footer h4{ margin-top:30px; margin-bottom:20px; font-size:16px; color:#3D3D3D} footer h4:hover{ color:#FE6C0B} footer h5{ font-size:12px;} footer .sub{ margin-bottom:60px;} .foot_nav{ width:25%; float:left;background-color: #fafafa;text-align:center;color:#898989;} .foot_nav:hover,.foot_nav:focus{background-color: #e4e4e4;cursor:pointer;} .foot_nav a{color:#898989;display:block; font-size:12px;} .foot_nav a:hover,.foot_nav a:focus{text-decoration:none;} .foot_nav span{display:block; padding:3px 0px 0px 0px;} .webshare{width: 230px; padding: 5px;} .ewebshare{width: 200px; padding: 5px;} .inbottom{ height:40px; line-height:40px; background:#C0C0C0; color:#666;} .inbottom a{ color:#666} .inbottom_r{ text-align:right;} /*鍒楄〃椤?/ .list_box{clear: both; padding:10px 0px 30px 0px;} .page_bg{ width:100%; float:left; position:relative; height:300px; overflow:hidden;} .page_bg img{ width:1920px; position:absolute; left:50%; margin-left:-960px;} /*鏍忕洰瀵艰埅*/ .left_nav{ clear: both; padding-top: 10px;} .left_h{background:url(../images/title_line.jpg) left bottom no-repeat; font-size: 22px; display: block; margin-top: 25px; padding: 0px 0px 10px 0px; color: #FE6C0B; margin-bottom:20px;} .left_nav_ul{list-style:none;margin:0px;padding:0px; margin:15px 0px 0px 0px;} .left_nav_ul > li{position:relative; border-bottom: 1px solid #f2f2f2; background: url(../images/left_sli.gif) 6px 15px no-repeat;padding:8px 0px 8px 18px; } .left_nav_ul > li > a{text-decoration:none; color:#656464;} .left_nav_ul > li > a:hover,.left_nav_ul li a.left_active{color:#FE6C0B;} /*灏忕被*/ ul.left_snav_ul{list-style:none;padding:0px;display: none; padding-top: 8px;} ul.left_snav_ul > li{ margin:0px;padding:5px 0px 5px 10px; background: url(../images/left_sli.gif) 0px 13px no-repeat;} ul.left_snav_ul > li > a{border:0;color:#797979;padding: 5px 0px 5px 0px;} ul.left_snav_ul > li > a:hover{ text-decoration: none;color:#FE6C0B;} .menu_head{cursor:pointer; font: 600 18px/30px "Open Sans", sans-serif; width:35px; text-align:center;color:#303c4b;display:inline-block;position: absolute; top:3px; right:0px;} .menu_head:hover{ color: #FE6C0B;} /*宸︿晶鏂伴椈*/ .left_news{clear: both; list-style:none;margin:0px; padding:12px 0px 0px 0px;} .left_news li{color:#545455;border-bottom: 1px dotted #dddddd;background: url(../images/li.png) no-repeat left 15px;line-height:21px; padding: 10px 0px; padding-left:14px;} .left_news li a{color:#656464;display: inline-block;} .left_news li a:hover{ text-decoration:none;color:#FE6C0B; } /*宸︿晶鑱旂郴*/ .index_contact{margin:30px 0px 35px 0px;} .index_contact p,.index_econtact p{clear: both;} /*鏂伴椈鍒楄〃*/ .list_news{clear: both; list-style:none;margin:0px; padding:12px 0px 20px 0px;} .list_news li{color:#898989;background: url(../images/li.png) no-repeat left 14px;line-height:22px; padding:8px 0px; padding-left:13px;border-bottom: 1px dashed #e3e2e2;/*dotted*/ } .list_news li a{color:#303c4b;display: inline-block;} .list_news li a:hover{text-decoration:none;color:#FE6C0B;} .news_time{ float:right;} /*鎷涜仒鍒楄〃*/ .list_jobs{ padding-top:30px; padding-bottom:10px; float:left; margin-bottom:30px;} .list_jobs_li{ border-top:#666 1px solid; border-right:#666 1px solid; padding:0px;} .list_jobs_a{ border-bottom:#666 1px solid; padding:0px; text-indent:10px;} .list_jobs_b{ border-bottom:#666 1px solid; border-left:#666 1px solid; padding:0px; text-indent:10px;} .list_jobs_a1{ border-left:#666 1px solid; padding:0px;line-height:30px;} .list_jobs_a2{ padding:0px; line-height:30px;} .contents{clear: both; padding:5px 2px 0px 2px; line-height:28px; overflow: auto; font-size: 16px} .contents img{max-width: 100%} .contents_title{ margin: 0px; padding: 10px 0px; text-align: center; font-size:20px;color:#434343;font-weight:bold; line-height: 34px;} /*鍒嗛〉鏍峰紡*/ .page{clear:both; margin:20px 0px 0px 0px; text-align: center;} .page a {display: inline-block; font-family: Arial; font-size: 13px; border: #dbdbdb 1px solid; padding:4px 9px; margin: 2px; margin-bottom: 5px; color: #31363c; text-decoration: none} .page a:hover,.page a:focus{font-family: Arial;font-size: 13px;border: #000 1px solid; padding:4px 9px;color: #fff; background-color: #31363c;} .page .current {font-family: Arial;border: #000 1px solid; font-size: 13px; padding:5px 9px; color: #fff;margin: 2px; background-color: #31363c} /*浜у搧灞曠ず*/ #pic-page {text-align: center; margin-top:10px;} #pic-page a {margin: 0 2px;} #pic-page a img {width:40px;padding: 2px;border: solid #ccc 1px; margin-bottom:5px;} #pic-page a:hover img,#pic-page a.active img {border: solid #5280DD 1px;} .showpic_box,.proinfo_box{margin: 30px 0px 20px 0px;} .showpic_box div.bx-wrapper img{margin: 0 auto; max-height: 340px;} .product_h1{ margin:0px; line-height:24px; font-size:16px; color: #077D31; padding-bottom:5px;border-bottom: 1px dotted #cccccc;} .product_info{list-style:none; padding:0px; margin-top:10px;} .product_info li{ line-height:24px; padding-bottom:12px;} .product_con{ clear: both; border-top: 1px dotted #ccc; margin:10px 0px 20px 0px;padding:20px 0px 0px 0px; line-height:26px;overflow: auto;} .related_h1{padding: 30px 0px 12px 0px; color: #303c4b; margin:0px; display: block; font-weight:300; font-size:24px; border-bottom:5px solid #f4f5f6;font-family:'Roboto',Arial,Helvetica, sans-serif;} .related_list{padding-top: 25px;} .related_news{ padding-top: 10px; clear: both; margin-bottom: 15px;} .download_btn{text-align: right; margin: 10px 10px 20px 0px;} .page-btn{background-color: #FE6C0B; border-radius: 0px; border: none;} .page-btn:hover,.page-btn:focus{background-color:#F68B33; } .grey-btn{border-radius: 0px;border: none; background-color: #E8E8E8;} .grey-btn:hover,.grey-btn:focus{background-color: #ccc;} .a2a_default_style{display: inline-block;} /*鍦ㄧ嚎鐣欒█璁㈣喘*/ .feedback{margin-top: 50px;} .form-horizontal .form-group { margin-right: -10px;margin-left: -10px;} .codeimg{ margin: 0px 0px -10px -18px;} /*涓婁竴涓笅涓€涓?/ .point{ clear: both; margin:20px 0px 40px 0px; padding-bottom: 40px; line-height:22px;} .point span.to_prev{text-align:center; } .point span.to_prev a{color:#0068b7;} .point span.to_prev a:hover{color: #FE6C0B; text-decoration: none;} .point span.to_next{text-align:center; } .point span.to_next a{color:#0068b7;} .point span.to_next a:hover{color: #FE6C0B; text-decoration: none;} .fen_wrap{margin:30px 0; display: none;} .fen{box-sizing: border-box;padding:0 10px;} .fen span{width: 50%;float:left;display: block;padding:0 10px;margin-top:15px;} .fen a{ display: block; height:36px;line-height:36px;background: #3398CC; color:#fff;text-align: center; border-radius: 50px;} #inpro_index2{display: none;} .gong_wrap{margin:0 0 30px 0; display: none;} .gong_wrap .con{padding:10px;} .gong_wrap .con p{ line-height: 20px;} .lanmu_wrap{display: none;padding:0 5px;border-top:1px solid #ccc;margin:5px 0 0 0 ;padding:8px 0; } .lanmu_wrap span{width: 25%;float:left;display: block;padding:0 5px;margin-top:5px;} .lanmu_wrap a{ display: block; height:30px;line-height:30px; color:#fff;text-align: center;font-size:12px; background: #3398CC;border-radius: 50px;} .xinw_wrap{margin:0 0 30px 0; display: none;} .xinw{padding:10px;} .xinw a{color:#333; display: block;margin-bottom:10px;} .xinw dl{margin:0;} .xinw a .wui_lt{ width: 20%; padding:15px 0;text-align: center; background: #555;color:#fff; } .xinw a .wt {float:left;width: 80%;padding-left:10px;} .xinw a .wt dt{height: 20px;line-height: 20px;overflow: hidden;} .xinw a .wt dd{height: 40px;line-height: 20px;overflow: hidden;margin-top:4px;font-size:12px;} .suspension{ display: block;} .suspension{position:fixed;z-index:900;right:0;bottom:180px;width:70px;height:240px; } .suspension-box{position:relative;float:right;} .suspension .a{display:block;width:44px;height:44px;background-color:#fe6c0b;margin-bottom:4px;cursor:pointer;outline:none;} .suspension .a.active, .suspension .a:hover{background:#24211D;} .suspension .a .i{float:left;width:44px;height:44px;background-image:url(../images/a/side_icon.png);background-repeat:no-repeat;} /* .suspension .a-service .i{background-position:0 0;} */ .suspension .a-service .i{width:20px;height:20px;margin-top:12px;margin-left:12px;background-image:url(../images/a/suspension-bg.png);background-repeat:no-repeat;background-position:0 0;} .suspension .a-service-phone .i{width:20px;height:20px;margin-top:12px;margin-left:12px;background-image:url(../images/a/suspension-bg.png);background-repeat:no-repeat;background-position:-27px 0;} .suspension .a-qrcode .i{background-position:-44px 0;} .suspension .a-cart .i{background-position:-88px 0;} .suspension .a-top .i{background-position:-132px 0;} .suspension .a-top{background:#D2D3D6;display:none;} .suspension .a-top:hover{background:#c0c1c3;} .suspension .d{display:none;width:223px;background:#fff;position:absolute;right:67px;min-height:90px;border:1px solid #E0E1E5;border-radius:3px;box-shadow:0px 2px 5px 0px rgba(161, 163, 175, 0.11);} .suspension .d .arrow{position:absolute;width:8px;height:12px;background:url(../images/a/side_bg_arrow.png) no-repeat;right:-8px;top:31px;} .suspension .d-service{top:0;} .suspension .d-service-phone{top:10px;} .suspension .d-qrcode{top:0px;} .suspension .d .inner-box{padding:8px 22px 12px;} .suspension .d-service-item{ padding:14px 0;} .suspension .d-service .d-service-item{border-bottom:none;} .suspension .d-service-item .circle{width:44px;height:44px;border-radius:50%;overflow:hidden;background:#F1F1F3;display:block;float:left;} .suspension .d-service-item .i-qq{width:44px;height:44px;background:url(../images/a/side_con_icon03.png) no-repeat center 15px;display:block;transition:all .2s;border-radius:50%;overflow:hidden;} .suspension .d-service-item:hover .i-qq{background-position:center 3px;} .suspension .d-service-item .i-tel{width:44px;height:44px;background:url(../images/a/side_con_icon02.png) no-repeat center center;display:block;} .suspension .d-service-item h3{float:left;width:112px;line-height:44px;font-size:15px;margin:0;margin-left:12px; color:#333} .suspension .d-service-item .text{float:left;width:112px;line-height:22px;font-size:15px;margin-left:12px;} .suspension .d-service-item .text .number{font-family:Arial,"Microsoft Yahei","HanHei SC",PingHei,"PingFang SC","Helvetica Neue",Helvetica,Arial,"Hiragino Sans GB","Heiti SC","WenQuanYi Micro Hei",sans-serif;} .suspension .d-service-intro{padding-top:10px;} .suspension .d-service-intro p{float:left;line-height:27px;font-size:12px;width:50%;white-space:nowrap;color:#888;} .suspension .d-service-intro i{background:url(../images/side_con_icon01.png) no-repeat center center;height:27px;width:14px;margin-right:5px;vertical-align:top;display:inline-block;} .suspension .d-qrcode2{text-align:center;} .suspension .d-qrcode2 .inner-box{padding:20px 0;} .suspension .d-qrcode2 p{font-size:14px;color:#93959c;} .suspension .d-qrcode { top: 50px; } .suspension .d-qrcode2 { top: 50px; } .suspension .a-qrcode .i{background:url(../images/ic_weixin.png) no-repeat center center; } .suspension .a-qrcode2 .i{background-position:-44px 0;} .suspension .d-service-item .i-tel.i-weixin{background-image:url(../images/a/side_con_icon04.png)} .is_pc{ display: block;} .is_wap{ display: none;} .nav > li.is_pc{ display: block;} .nav > li.is_wap{ display: none;} @media screen and (max-width:768px){ .suspension { display: none;} .is_pc{ display: none;} .is_wap{ display: block;} .nav > li.is_pc{ display: none;} .nav > li.is_wap{ display: block;} } .c_img:hover{opacity: .9;} .zj_list_box{width: 1000px; margin: 0 auto;} .zj_page_bg{ display: block;} .zj_left_h{ display: block;} .y_wrap{ min-width:320px;max-width:500px; margin:0 auto; overflow:hidden; } .y_wrap2{margin:0 auto;} .y_1{text-align: center; display: none;} .y_2{ width: 94%;margin:20px auto;padding:20px; } .y_wrap .y_2{ -moz-box-shadow:0px 0px 20px #ABABAB; -webkit-box-shadow:0px 0px 20px #ABABAB; box-shadow:0px 0px 20px #ABABAB; } .y_2 .input-text{border:1px solid #ccc;border-radius: 3px;padding:8px;width: 100%;margin-top:5px} .y_2 .i_t{font-size:16px; display: none;} .y_2 .i_2{margin-top:10px} .y_2 .btn{border:none;width: 100%;padding:12px 0;color:#fff; background:#fe6c0b ;margin-top:10px} .y_2 .i_0{font-size:28px;color:#333 ; text-align: center;margin-bottom:15px;font-weight: bold;} .y_2 .i_3{font-size:12px;color:#555 ; text-align: center;margin-top:5px;} .y_4 ul{padding:0 5px} .y_4 li{float:left;padding:0 5px; width: 50%;padding-top:10px;} .y_4 li a{ display: block;} .y_4 li img{ display: block; width: 100%} .y_4 li p{ text-align: center; height: 30px; line-height: 30px; font-size: 12px; color: #FFF; background: #666;} .y_5 ul{padding:0 5px} .y_5 li{float:left;padding:0 5px;width:33.3333%;padding-top:10px;} .y_5 li a{ display: block;} .y_5 li img{ display: block; width: 100%; } .yyt{text-align: center;background: #4572A9;position:relative;color:#fff;padding:10px 0;} .yyt dt{font-size:14px;} .yyt .ti{font-size:24px; } .yyt .li{ width: 110px;height:1px;margin:3px auto; background: #fff;} .y_11{ font-size:12px; text-align: center; width:58%;margin:0 auto; background: #4572A9;padding:9px 0; color:#fff;border-radius: 4px;} .y_12{ text-align: center;} .fff_fixed{width:100%;background: #fe6c0b;padding:20px 0;color:#fff;text-align: center; position: fixed; left: 0; bottom: 0; display: none;font-size:20px; z-index: 999;} .fff_fixed a{color:#fff;} .product_list_a { display: block; width: 100%; padding-bottom: 85%; background-size: cover; border: 1px solid #ddd; } @media screen and (max-width:1023px) { .fff_fixed{ display: block;} .product_list .product_img{ width: 50%; float: left; } .y_2 .i_0{font-size:20px;} .zj_list_box{width: 100%;} .y_wrap{ min-width:320px;max-width:500px; margin:0 auto; overflow:hidden; } .zj_page_bg{ display: none;} .zj_left_h{ display: none;} .y_1{text-align: center; display: block;} .mb-flash{ display: block} .PC-flash{ display:none;} .PC-page_bg{ display:none} .mb-page_bg{ display:block;} .top_menu{ display:none} .nav-top{ width:80%; float:left;height:60px;} .nav-top .logo{ width:100%; float:left;} .nav-top .logo img{ float:left; margin:10px 0px; height:40px;} .nav-top #topsearch{ display:none } .navbar-toggle{ margin-top:13px;} .navbar-brand{ display:none} .product_title{ width:100%; float:left;} .product_title a{ display:block; width:100%; height:25px; line-height:25px; margin-top:5px; padding-top:2px; float:left; overflow:hidden;font-size:14px;} #top_nav{ width:100%; float:right; position: absolute; right:0; z-index:55; top:0; background:none;} #navbar{ background:#fff;} .nav_tel{ display:none} .navbar-default .navbar-nav > li > a.active,.navbar-default .navbar-nav > li > a:hover{ background:#FE6C0B; color:#fff} .navbar-default .navbar-nav > .open > a{ color: #555; background-color: #fff;} .navbar-default .navbar-nav > .open > a:hover, .navbar-default .navbar-nav > .open > a:focus { background:#FE6C0B; color:#fff} .navbar-default .navbar-nav .open .dropdown-menu > li:hover > a{ color:#fff; background:#BBBBBB} .navbar-default .navbar-nav .open .dropdown-menu > li > a >p{ margin-bottom:0px;} .service-pc{ width:100%; float:left; box-sizing:border-box;-moz-box-sizing:border-box; /* Firefox */-webkit-box-sizing:border-box; /* Safari */} .service-pc .service-li{ width:50%; float:left;height:0;padding-bottom:50%; overflow:hidden; margin-bottom:1px;box-sizing:border-box; -moz-box-sizing:border-box; /* Firefox */ -webkit-box-sizing:border-box; /* Safari */ } .service-pc .service-li a{width: 100%; height: 100%; overflow: hidden; background:none; position: absolute; z-index: 2;top: 0; left:0px; cursor: pointer;} .service_box img{ width:100%; float:left; margin-top:-50%} .service-pc #servise1,.service-pc #servise3,.service-pc #servise5{ padding-right:1px;box-sizing:border-box; -moz-box-sizing:border-box; /* Firefox */ -webkit-box-sizing:border-box; /* Safari */ } .service-pc #servise2,.service-pc #servise4,.service-pc #servise6{ padding-left:1px;box-sizing:border-box; -moz-box-sizing:border-box; /* Firefox */ -webkit-box-sizing:border-box; /* Safari */ } #servise1 a,#servise3 a,#servise5 a{ margin-right:1px;box-sizing:border-box; -moz-box-sizing:border-box; /* Firefox */ -webkit-box-sizing:border-box; /* Safari */ } #servise2 a,#servise4 a,#servise6 a{ margin-left:1px;box-sizing:border-box; -moz-box-sizing:border-box; /* Firefox */ -webkit-box-sizing:border-box; /* Safari */ } #servise1 img,#servise3 img,#servise5 img{ margin-right:0px;box-sizing:border-box; -moz-box-sizing:border-box; /* Firefox */ -webkit-box-sizing:border-box; /* Safari */ } #servise2 img,#servise4 img,#servise6 img{ margin-left:0px;box-sizing:border-box; -moz-box-sizing:border-box; /* Firefox */ -webkit-box-sizing:border-box; /* Safari */ } .service-pc #servise1 a,.service-pc #servise4 a,.service-pc #servise5 a{ background-color: rgba(254,108,11,0.6);} .service-pc #servise2 a,.service-pc #servise3 a,.service-pc #servise6 a{ background-color: rgba(1,130,222,0.6);} .service_head p{ border-bottom:0px; } .service_head font{margin: 0;} .service-pc .service-li a p{ margin-top:45%;} .service-pc .service-li a p, .service-pc .service-li a font{ font-size:14px; border-bottom:0px;padding:0;line-height:16px;zoom:0.5;} .inpro_head p{ height:30px; text-align:center; line-height:20px; position: relative; color:color:#656363; margin-bottom:0px;border-bottom: #EDEDED 2px solid;} .inpro_head p font{ display:block; width:100%; float:left; text-align:center; color:#656363; border-bottom:0px; height:20px; line-height:20px; font-size:18px; color:#3398CC} .inpro_head p a{ position:absolute; bottom:-10px; height:20px; z-index:2; line-height:20px; margin-right:0px; display:block; width:100%;} .inpro_head p span{ float:none; height:20px; line-height:20px; margin-right:0px; background:#fff; padding:0px 5px;} .inpro_head p a:hover{ text-decoration:none} .inpro_all{ float:left;} /* 涓変釜 涓€琛 */ /* .inpro_all .inpro_i1,.inpro_all .inpro_i2,.inpro_all .inpro_i3{ width:31.33333333%; float:left;} .inpro_all .inpro_i2{ margin-left:3%; margin-right:3%;} .inpro_all .inpro_i4,.inpro_all .inpro_i5,.inpro_all .inpro_i6{ width:31.33333333%; float:left;margin-top:3%} .inpro_all .inpro_i5{ margin-left:3%; margin-right:3%;} .inpro_name{ height:40px; line-height:40px; font-size:12px;zoom:0.5;} */ /* 涓や釜 涓€琛 */ .inpro_all .inpro_i1, .inpro_all .inpro_i2, .inpro_all .inpro_i3, .inpro_all .inpro_i4, .inpro_all .inpro_i5, .inpro_all .inpro_i6{ width:48%; float:left;} .inpro_all .inpro_i2, .inpro_all .inpro_i4, .inpro_all .inpro_i6{ margin-left:4%; margin-right:0;} .inpro_all .inpro_i3, .inpro_all .inpro_i4, .inpro_all .inpro_i5, .inpro_all .inpro_i6{ margin-top:4%;} .inpro_name{ height:30px; line-height:30px; font-size:12px;zoom:1; background: #666;} .inabt_index{display:none;} .news_index{ display:none} .inpro_index{ margin-top:0px;padding-bottom:35px;} .customer_index{ margin-top:0px;padding-bottom:35px;} .customer_ul{ margin-top:10px;} .customer_li{ float:left; width:25%;} .customer_ul .customer_li:nth-of-type(5),.customer_ul .customer_li:nth-of-type(6){ display:none} footer{/* background:#3398CC; */ background:#DCDEDD;color:#424242;} footer a{ color:#424242} footer .foot_l{ display:none} footer .foot_add{ display:none} footer .foot_weixin{ display: none} footer .foot_r{ width:100%; float:left; border-bottom:0px; padding-bottom:0px; height:50px;} footer .foot_copy{ width:100%; float:left; position:inherit; right:inherit; bottom:inherit; text-align:center;} footer .foot_copy p{display:block;width:100%;float:left;line-height:50px;height:50px;font-size:12px;/* zoom:0.5; */} footer .sub{ margin-bottom:0px;} footer .foot_copy p font{ display:block; width:50%; float:right; text-align:center;} .footer_nav{ display:none} .bx-controls-direction{ display:none} .bx-prev{ display:none} .bx-next{ display:none} #cmsFloatPanel{ display:none} .bx-wrapper .bx-pager.bx-default-pager a { width:14px; height:14px;zoom:0.7;} .bx-wrapper .bx-pager{ bottom:20px; height:14px;zoom:0.7;} .page_bg{ width:100%; float:left; position:inherit; height:inherit;} .page_bg img{ width:100%; float:left; margin-left:0px; position:inherit; left:0; } .nynav-left{ display:none} .contents img{ max-width:100%;} .left_h{ margin-top:10px; font-size:18px; padding-bottom:10px;} .contents{ font-size:16px;} .product_list2 .product_img{ width:50%; float:left;} } @media screen and (min-width:1024px) { .logo{margin: 15px 0px 15px 0px; max-width:600px;} .logo img{ height:55px;} #topsearch{margin: 25px 0px 25px 0px; max-width:600px; text-align:right} #topsearch img{ height:35px; } .navbar-header{ display:none} #app_menudown{ display:none} .navbar-default .navbar-nav > li > a:hover, .navbar-default .navbar-nav > li > a.active, .navbar-default .navbar-nav > li > a:focus, .navbar-default .navbar-nav > .active > a, .navbar-default .navbar-nav > .active > a:hover, .navbar-default .navbar-nav > .open > a, .navbar-default .navbar-nav > .open > a:hover, .navbar-default .navbar-nav > .open > a:focus { background-color: #FE6C0B; color: #fff;} .navbar-default .navbar-nav > li > a{color:#5F5D5D;padding: 7px 12px 7px 12px;} .navbar{ min-height:30px; border-top:#FE6C0B 2px solid;} .dropdown-menu{ font-size:12px; min-width:120px;} .dropdown-menu p{ margin:0px;} .nav_tel{ float:right;} .nav_tel b{ color:#EB7D24; float:left;padding: 7px 0px 7px 0px; font-size:14px} .nav_tel a{ color:#5F5D5D; float:left;padding: 7px 0px 7px 0px; font-size:14px} .nav_tel a:hover{ text-decoration:none; color:#5F5D5D} .inabt-info{ min-height:150px;} .news_index .newsli_1 .newsinfo, .news_index .newsli_1 .newspic, .news_index .newsli_1 .newsdesc { height:60px; padding-left: 0px; padding-right: 0px; } .footer_nav{ display:none} } @media screen and (min-width:1280px) { header{} .logo{margin: 20px 0px 20px 0px; max-width: 700px;} #topsearch{margin: 25px 0px 25px 0px; max-width:600px; text-align:right} #topsearch img{ height:45px; } .navbar{ min-height: 40px; border-top:#EE7B1D 2px solid;} .navbar-nav > li:first-child { border-left:0; } .navbar-nav > li:last-child{ border-right:0; } .navbar-nav > li > a {text-align: center; font-size: 16px;} .navbar-default .navbar-nav > li > a{color:#5F5D5D;padding: 14px 15px 14px 16px;} .navbar-default .navbar-nav > li > a.active{color:#fff;} .navbar-default .navbar-nav > li > a:hover, .navbar-default .navbar-nav > li > a:focus, .navbar-default .navbar-nav > .active > a, .navbar-default .navbar-nav > .active > a:hover, .navbar-default .navbar-nav > .open > a, .navbar-default .navbar-nav > .open > a:hover, .navbar-default .navbar-nav > .open > a:focus { background-color: #FE6C0B; color: #fff;} .navbar-brand{display: none;} .navbar-default .navbar-nav-e > li > a{} .dropdown{ position:relative;} .dropdown .nav_small{ position:absolute; left:0;} .inabt-info{ min-height:200px; line-height:20px;} .inabt-info p, .inabt-info span, .inabt-info font { line-height: 20px; } .nav_small{background-color:#FE6C0B; background-color: rgba(255,255,255,0.8); padding:15px 0px 5px 0px; border-radius: 0px; border: none; box-shadow: none; width:100%;} .nav_small > li{ width:100%; float:left; height:100%; overflow:hidden;} .nav_small > li > a{line-height:30px; color: #626060; text-align: left;} .nav_small > li > a > img{ width:100%; float:left;} .nav_small > li > a > p{ display:block; width:100%; float:left; height:20px; line-height:20px;} .nav_small > li > a:hover{color:#EB7D24; background:none} #app_menudown,#small_search{ display:none; } .index_left_nav,.footer_nav{display:none; } .index_about {width: 600px;} .nav_tel{ float:right;} .nav_tel b{ float:left;padding: 16px 0px 13px 0px; font-size:16px;color:#5F5D5D; } .nav_tel a{ float:left;padding: 5px 0px 0 5px; font-size:28px;font-weight: bold;color:#EB7D24} .nav_tel a:hover{ text-decoration:none; color:#f05454 } .dropdown-menu{ font-size:14px; min-width:160px;} .dropdown-menu p{ margin:0px 0px 10px;} } @media screen and (max-width:1000px) { .service_box{padding-bottom: 0;} #inpro_index1{display: none;} .fen_wrap{ display:block;} #inpro_index2{ display:block;} .gong_wrap{display:block;margin: 0 0 20px 0;} .lanmu_wrap{display:block;} .xinw_wrap{display:block;} .list_news{clear: both; list-style:none;margin:0px; padding:12px 0px 20px 0px;} .list_news li{color:#898989;background: url(../images/li.png) no-repeat left 14px;line-height:22px; padding:8px 0px; padding-left:13px;border-bottom: 1px dashed #e3e2e2;/*dotted*/ } .list_news li a{color:#303c4b;display: block;} .list_news li a:hover{text-decoration:none;color:#FE6C0B;} .news_time{ width: 100%; text-align: right; float: none;display: block;} }