/* * LankeCMS (http://lankecms.com) * Copyright (c) 2013-2015 http://lankecms.com All rights reserved. * Author: 钟若天 */ body{font-family:Arial,'microsoft yahei',Helvetica, sans-serif; color: #7F7F80; background-color: #fff;} a{transition: 0.5s;-webkit-transition: 0.4s;-moz-transition: 0.4s;} ul{list-style:none;} .top_menu{font-size: 12px; color: #8B8C8B; width: 100%; height: 0px;} .language{float: right;height: 30px; padding: 4px 10px 0px 10px; } .top_name{display: inline-block; padding-top:6px;} .flash img{ width: 100%} .flash ul.bxslider{list-style:none;} .flash div.bx-pager{bottom: 4%;} .flash div.bx-controls-direction{ display:none; } span:hover,a:hover{text-decoration:none !important;} /*public go*/ .flex-center-all{display:flex;display: -webkit-flex;flex-direction:row;align-items:center;justify-content:center;} .flex-center-r{display:flex;display: -webkit-flex;flex-direction:row;align-items:center;} .flex-center-rr{display:flex;display: -webkit-flex;flex-direction:row-reverse;align-items:center;} .mar-last{margin-right: 0px !important;} .flex-wb{display:flex;display: -webkit-flex;flex-direction:row;align-items:center; justify-content:space-between;} .flex-wball{display:flex;display: -webkit-flex;flex-direction:row;align-items:center; justify-content:space-between;} .jc_top{margin-top:60px;} .margin-center{margin: auto;float: none;} /*public end*/ .main{ padding:30px 0px 10px 0px;} .img-thumbnail { display: inline-block; max-width: 100%; height: auto; padding: 4px; line-height: 1.42857143; background-color: #fff; border: 1px solid #ddd; border-radius: 4px; -webkit-transition: all .2s ease-in-out; -o-transition: all .2s ease-in-out; transition: all .2s ease-in-out; } img { vertical-align: middle; } .img-thumbnail:hover,.opacity_img:hover{opacity: 0.8;} .pro_name{width:100%;height:auto; padding: 4px 2px 20px 2px; line-height: 28px; color: #898989; float: left; font-size: 14px; text-align:left;} .pro_name p img{max-width:100%;} /*导航菜单*/ .navbar{ margin:0px; background-color:#fff; border: none; margin-top: 0px;height:113px; box-shadow: 0px 3px 4px rgba(0, 0, 0,0.1);} #app_menudown{position: absolute; top:0px; right:0px; font-size: 16px;} #app_menudown:hover{background-color: #0000FF;} /*标题*/ .tit_all{width:100%;height:80px;position:relative;text-align:center;margin:70px 0px 30px;} .tit_all .xian{width:100%;height:1px;background:#011f92;position:absolute;top:50%;left:0px;z-index:1;} .tit_all .title{width:230px;height:80px;background:#f1f1f1;float:none;margin:auto; z-index:99;position:relative;} .tit_all .tit2{width: 234px;} .tit_all .clo_white{background:#ffffff;} .tit_all .title h3{text-align:center;color:#4b597c;font-size:26px;line-height:40px;margin-top: 0px; margin-bottom: 0px;} .tit_all .title span{text-align:center;color:#4a4849;font-size:20px;line-height:30px;text-transform:uppercase;} /*公司简介*/ .aboutus{padding: 80px 0px 80px; background-color: #ffffff;position:relative;} .aboutus img{width: 100%;max-width: 540px; display: block; margin: 0 auto;} .about_line{border-right: 1px dashed #ccc;} .about_more{display: inline-block; float: right;margin-top: 2px;margin-left:5px; color: #B5B5B5; font-size: 12px; padding: 0px 6px;} .about_more:hover{text-decoration: none;} .about_brg{background:#4b597c;} .about_tit{width:auto;height:65px;overflow:hidden;border-left:5px solid #666666;padding-left:10px;} .about_tit p{color:#666666;float: left;line-height: 30px;font-family: "Arial";margin: 0 0 0px;width:100%;} .about_tit h2{text-align: left;float:left;color:#4b597c;font-size:26px;line-height:35px; margin-top: 0px; margin-bottom: 0px;} .about_contents{width:100%;padding:15px;color:#3d3d3d;line-height:32px;background:#eeeeee;} .about_contents .abo_tit{height:35px;font-size:16px;color:#3d3d3d;line-height:35px;font-weight:600;overflow: hidden; text-overflow:ellipsis; white-space: nowrap;} .about_contents .abo_bot{height:80px;font-size:14px;color:#3d3d3d;line-height:25px;overflow:hidden;} .about_contents .anniu{width:140px;height:40px;overflow:hidden;font-size:14px;color:#ffffff;line-height:40px;text-align:center;background:#4b597c;display:block;margin-bottom:2px;} .about_contents2{width:100%;padding:30px;color:#ffffff;line-height:32px;background:#4b597c;} .aboutc{font-size:14px;color:#666666;line-height:35px;} .aboutc p{margin-top:20px;} .about_l{width:45%;float:left;position:sticky;z-index:2;} .about_r{width:50%;float: right;} .aboutus .abfoot{width:100%;height:170px;background:#eeeef6;position:absolute;bottom:60px;left:0px;z-index:1;} .aboutus .abfoot .abico{float:left;width:81px;margin-right:12%;} .aboutus .abfoot .abico img{width:100%;transition: all 2s;} .aboutus .abfoot .abico:hover img{-webkit-transform: rotatey(180deg); transform: rotatey(180deg);} .aboutus .abfoot .abico span{font-size:16px;color:#4b597c;text-align:center;width:100%;margin-top:10px;display:block;} .aboutus .abfoot .abico:hover img{opacity: 0.92; /*filter:alpha(opacity=0); -webkit-transition: all .3s ease;*/} .aboutus .abfoot .abico:hover span{color:#4b597c;} /*产品展示*/ .index_product{background-color: #f1f1f1; margin: 0px; padding: 0px;} .indu_box12 { float: left; height: auto; margin: 0px; clear: none; width: 100%; overflow: hidden; position: relative; z-index: 1; } .indu_box13 { float: left; height: 38px; clear: none; width: 100%; min-height: 0px; min-width: 0px; position: absolute; z-index: 20; top: 0px; bottom: auto; left: 0px; right: auto; -webkit-box-shadow: rgb(215, 215, 215) 0px -1px 0px 0px inset; box-shadow: rgb(215, 215, 215) 0px -1px 0px 0px inset; } .indu_box16 { float: left; height: auto; margin: 30px 0px 0px; clear: none; width: 100%; min-height: 50px; min-width: 0px; display: block; position: relative; } .indu_box14 { float: left; height: 38px; margin: 0px; clear: none; width: 16.666%; min-height: 0px; -webkit-box-shadow: rgb(215, 215, 215) -1px 0px 0px 0px inset; box-shadow: rgb(215, 215, 215) -1px 0px 0px 0px inset; background:#e3e3e3; display: block; } .indu_text5 { float: none; font-size: 16px; width: auto; height: auto; text-align: center; font-weight: normal; line-height: 38px; clear: none; min-height: 0px; color: #333333; } .indu_box15 { float: left; height: 38px; margin: 0px; font-size: 16px; line-height: 38px; clear: none; width: 16.666%; min-height: 0px; background-color: #4b597c; position: relative; display: block; } .indu_text6 { float: none; font-size: 16px; width: auto; height: auto; text-align: center; font-weight: normal; line-height: 38px; clear: none; min-height: 0px; color: rgb(255, 255, 255); } .indu_box15:hover{text-decoration:none;} .indu_image3 { float: left; width: 12px; max-width: 100%; height: 8px; clear: none; color: rgb(0, 0, 0); position: absolute; top: auto; left: 50%; margin-left:-6px; z-index: 20; bottom: -8px; right: auto; } .indu_image4 { float: none; width: auto; max-width: 100%; height: 193px; margin-left: auto; margin-top: 0px; clear: none; color: rgb(0, 0, 0); margin-right: auto; } .indu_box17 { float: left; height: 26px; clear: both; width: 100%; min-height: 0px; position: absolute; top: auto; left: 0%; z-index: 20; bottom: 0px; right: auto; min-width: 0px; background-color: rgba(51, 51, 51, 0.7); } .indu_box16 p { float: left; font-size: 13px; width:96%; height: 30px; text-align: left; font-weight: normal; line-height: 30px; padding:0px 2%; clear: none; min-height: 0px; color: rgb(255, 255, 255); background-color: rgba(51, 51, 51, 0.7); position: absolute; top: auto; left: 0%; z-index: 20; bottom: 0px; right: auto; overflow:hidden; text-overflow: ellipsis; white-space: nowrap; } /*产品列表*/ .product_list{height:auto;margin-top:10px;margin-bottom:60px;} .product_cont{margin-top:20px; margin-bottom:20px;} .product_cont .pho{width:100%;height:auto;} .product_cont .pho img{width:100%;} .product_cont .pho:hover img{width:100%;} .product_cont .product_title{width:100%;height:41px;float:left;text-align:center;background:#ffffff;overflow: hidden;padding:0px 1%; text-overflow:ellipsis; white-space: nowrap;} .product_cont .product_title a{color:#121212;font-size:16px;line-height:60px;} .product_con p{ margin:0;} /*新闻中心 go*/ .index_new{ background-color: #ffffff;position:relative;} .index_new img{width: 100%;max-width: 540px;max-height:309px; display: block; margin: 0 auto;} /*资质荣誉 go*/ #mrq{width:100%; margin:20px auto; padding:2px} #Marquee_x { overflow:hidden; width: 100%; } #Marquee_x ul li ,#Marquee_x ul li div{ float:left;line-height:25px;overflow:hidden} /* 横向滚动必须让所有li左浮动 */ #Marquee_x ul li{margin-right:0px !important; } #Marquee_x ul li div{ float:left;line-height:50px;width:254px; height:250px; overflow:hidden;color:#7c7c7c;text-align:center;} #Marquee_x ul li div img{ border:1px solid #DADADA; width:254px; height:190px; display:block} #Marquee_x ul li div span{ display:block;color:#989696;overflow: hidden; text-overflow:ellipsis; white-space: nowrap;} #Marquee_x ul li div:hover span{ color:#4b597c;} /*产品搜索*/ .search_group{margin: 22px 0px 30px 0px; border:1px solid #dfe1e3;} .search_group input.form-control{ border-radius: 0px;box-shadow: none; color: #787878; padding: 12px 10px; height: 36px; background: transparent; border: none;} .search_group input.form-control:focus{box-shadow: none;border-color: #b2e0fb;} .mysearch_btn{ background-color:#1260aa;color:#fff;} .mysearch_btn:hover,.mysearch_btn:focus{ background-color:#02BB5A; color:#fff;} #submit_search{color:#31363c;font-size: 13px;} #submit_search:hover{color:#0000FF;cursor: pointer;} /*工程案例 go*/ .product_list .pro-switch { height: 250px; overflow: hidden; position: relative; width:780px; } .product_list .pro-switch .flexslider { margin: 0; padding: 0; } .product_list .pro-switch .flexslider .slides > li { display: none; -webkit-backface-visibility: hidden; } .product_list .pro-switch .flexslider .slides img { width: 100%; display: block; } .product_list .pro-switch .flexslider .slides > li dd{ width:250px; height:auto; margin-left:15px; float:left; overflow:hidden; position:relative; list-style:none; box-shadow: 0px 0px 5px #888888;margin-top:5px;} .product_list .pro-switch .flexslider .slides > li dd img{ width:100% !important; height:auto;} .product_list .pro-switch .flexslider .slides > li dd .info{ width:100%; height:50px; display:block;line-height:50px;float: left;text-align:center;margin-top:0px; } .product_list .pro-switch .flexslider .slides > li dd .info .name{ width:94%; height:50px; display:block; line-height:50px;float: left;text-align:center; font-size: 15px;margin: 0 3% 0px;overflow:hidden;text-overflow:ellipsis; white-space: nowrap; } .product_list .pro-switch .flexslider .slides > li dd .info .name a{text-align:center; font-size: 13px;color: #333333;} .product_list .pro-switch .flexslider .slides > li dd .info .text{ width:100%; height:auto; display:block; line-height:25px;float: left;text-align:center; font-size: 13px;margin: 0 0 0px; } .product_list .pro-switch .flexslider .slides > li dd .info .text a{text-align:center; font-size: 13px;color: #333333;} .product_list .pro-switch .flexslider .slides > li dd .info a{ color: #333333; text-align: center; font-size: 15px;} .product_list .pro-switch .flexslider .slides:after { content: "."; display: block; clear: both; visibility: hidden; line-height: 0; height: 0; } .slides { height: 260px;display: block; } .no-js .slides > li:first-child { display: block; } .product_list .pro-switch .flexslider { margin: 0 auto; position: relative; width:780px; height:265px; zoom: 1; } .product_list .pro-switch .flexslider .flex-viewport { max-height: 2000px; -webkit-transition: all 1s ease; -moz-transition: all 1s ease; transition: all 1s ease; } .product_list .pro-switch .flexslider .slides { zoom: 1; padding:0; } .product_list .pro-switch .flexslider .flex-direction-nav { *height: 0;z-index:99; } .product_list .pro-switch .flexslider .flex-direction-nav a { width:43px; height: 43px; margin: -45px 0 0; display: block; background: url(../images/anniu.png) no-repeat 0 0; position: absolute; top: 50%; z-index: 10; cursor: pointer; text-indent: -9999px; opacity: 0.5; filter:alpha(opacity=0); -webkit-transition: all .3s ease; } .product_list .pro-switch .flexslider .flex-direction-nav .flex-next { background: url(../images/anniu.png) no-repeat -100px 0; right: 0; } .product_list .pro-switch .flexslider .flex-direction-nav .flex-prev { left: 0; } .product_list .pro-switch .flexslider:hover .flex-next { opacity: 0.8; filter:alpha(opacity=25); } .product_list .pro-switch .flexslider:hover .flex-prev { opacity: 0.8; filter:alpha(opacity=25); } .product_list .pro-switch .flexslider:hover .flex-next:hover, .flexslider:hover .flex-prev:hover { opacity: 1; filter:alpha(opacity=50); } .product_list .pro-switch .flexslider .flex-control-nav { width: 100%; position: absolute; text-align: center; left:0; top:225px; -webkit-padding-start: 0px; -webkit-margin-before:0px; -webkit-margin-after:0px; display:none; } .product_list .pro-switch .flexslider .flex-control-nav li { margin: 0 5px; display: inline-block; zoom: 1; *display: inline; } .product_list .pro-switch .flexslider .flex-control-paging li a { background:#e6e6e6; display:block; height: 4px; overflow: hidden; text-indent:-99em; width: 60px; cursor: pointer; } .product_list .pro-switch .flexslider .flex-control-paging li a.flex-active { background:#3aa8f4; } .product_list .pro-switch{width:100%;} .product_list .pro-switch .flexslider{width:100%;} .product_list .pro-switch .flexslider .slides > li dd{ width:23%;margin:0 1%; } .product_list .pro-switch .flexslider .slides > li dd img{width:auto;} /*工程案例 end*/ /*首页新闻*/ .index_news{clear: both; list-style:none;margin:0px;} .index_news li{margin-bottom: 20px; min-height: 70px; border: 1px solid #dfdfdf;overflow:hidden;} .index_news li span{display: inline-block; width: 130px; height: 150px; text-align: center; background-color: #dfdfdf; color: #3b3b3b; float: left; margin-right: 20px; padding:0px 2px;} .index_news li span strong{display: block; font-size: 40px; padding: 30px 0px 10px;} .index_news li span i{display: block; font-size: 18px; font-style: normal; font-family: Arial;} .index_news li a{color:#565656;font-size: 16px;margin-top: 16px;display: block; overflow: hidden; text-overflow:ellipsis; white-space: nowrap;height:22px;} .index_news li a:hover{ text-decoration:none;color:#0000FF; } .index_news li em{ font-style: normal; display:block; line-height: 26px; font-size: 13px; color: #989696; padding-top: 8px;display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 3; overflow: hidden;} /*首页下载*/ .down_box{margin:30px 0px 18px 0px;} .index_down{clear: both; list-style:none;margin:0px; padding:0px 0px 0px 0px;} .index_down li{color:#545455;line-height:21px; padding: 5px 10px; padding-left:16px;text-align:left;} .index_down li a{color:#ffffff;} .index_down li a:hover{ text-decoration:none;color:#0000FF; } .news_time{ float:right;} /*首页联系*/ .index_contact{margin:30px 0px 15px 0px;} .index_contact p{clear: both;color:#ffffff; padding:0px 10px;text-align:left;} .index_contact p a{margin-right:10px;} .in_f p{clear: both;color:#303c4b; padding:0px 10px;text-align:left;} .page_bg{height: 160px; margin-top: 76px;} .list_box{clear: both; padding:5px 0px 40px;background:#fff;} .path_title{border: 1px solid #f2f2f2;padding: 8px 19px;overflow: hidden;} .ewm{width:106px;height:106px;overflow:hidden;border-radius:5px;overflow:hidden;} .ewm p{width:106px;height:106px;overflow:hidden;text-align: center;font-size:12px;color:#585858;line-height: 40px;} .ewm img{width:100%;height:auto;} .ewm_wa{padding-top:5px;padding-bottom: 0px;text-align:right;padding-right:20px;line-height:30px;color:#ffffff;} .left_h{ display: block; margin-top: 30px; padding: 0px 10px 10px 10px;font-size: 16px;color: #ffffff;text-transform: uppercase;border-bottom:1px solid #55617f;text-align: left; } .left_h span { text-align: left;margin-left:15px; font-size: 18px;color: #cccccc;text-transform: uppercase; } /*左侧栏目*/ .left_nav{ clear: both; padding-top:5px;background:#ffffff;} .left_h2{ display: block; margin-top: 30px; padding: 0px 10px 10px 10px;font-size: 26px;color: #3d3d3d;text-transform: uppercase;border-bottom:1px solid #e5e5e5;text-align: left; } .l_left{padding-left:40px;} .left_h2 span { text-align: left;margin-left:15px; font-size: 18px;color: #cccccc;text-transform: uppercase; } .left_nav_ul{list-style:none;margin:0px;padding:0px; margin:10px 0px 0px 0px;padding-bottom: 10px;} .left_nav_ul > li{position:relative; border-bottom: 1px solid #f2f2f2; background: url(../images/left_li.gif) 6px 15px no-repeat;padding:8px 0px 8px 18px; } .left_nav_ul > li > a{text-decoration:none; color:#303c4b;} .left_nav_ul > li > a:hover,.left_nav_ul li a.left_active{color:#0000FF;} .left_nav_ul2{list-style:none;margin:0px;padding:0px; margin:10px 0px 0px 0px;} .left_nav_ul2 > li{position:relative; border-bottom: 1px solid #eeeeee; background: #ffffff;line-height:30px;font-size:14px;} .left_nav_ul2 > .active{background: #4b597c;} .left_nav_ul2 > .active > a{color:#ffffff; } .left_nav_ul2 > li:hover{background: #4b597c;} .left_nav_ul2 > li:hover > a{color:#ffffff; } .left_nav_ul2 > li > a{text-decoration:none; color:#303c4b;padding:8px 0px 8px 40px;display:block;} /*小类*/ 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:#969494;padding: 5px 0px 5px 0px;} ul.left_snav_ul > li > a:hover{ text-decoration: none;color:#0000FF;} .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: #0000FF;} .me{position:relative;} .me .menu_head2{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;} .me .menu_head2:hover{ color: #0000FF;} /*头部*/ .top_menu{font-size: 12px; color: #8B8C8B; width: 100%; height: 0px;background:#e2e2e2;} .login{float: right;height: 30px;line-height:30px;padding-right:2px;} .login a{height: 30px;line-height:30px;color:#1d1d1d;} .login a:hover{color:#4b597c;text-decoration:none;} .top_logo{font-size:12px;color:#8B8C8B;width:100%;height:113px;background:url(../images/bj_top.jpg) repeat-x bottom;} .logo{max-height: 76px; max-width:400px; margin-top: 19px;width: 400px;float:left;} .logo img{width:100%;} .telphone{max-height: 65px; max-width:238px; margin-top: 22px;width: 238px;float:right;} .telphone img{width:100%;} .container > .navbar-header{width:100%;} .navbar-default .navbar-collapse{background:#4b597c;height:44px !important;} /*导航栏 go*/ .left_nav_ul_top{list-style:none;margin:0px;padding:0px;height:44px;line-height:44px;margin-block-start: 0em; margin-block-end: 0em;padding-inline-start: 0px;} .left_nav_ul_top > li{position:relative; float:left;z-index: 999;width:12%;text-align:center;line-height:44px; font-size:16px;} .left_nav_ul_top > li > a{text-decoration:none; color:#ffffff;} .left_nav_ul_top > li > a:hover,.left_nav_ul li a.left_active{color:#333333;} .left_nav_ul_top > li.active{background:#ffffff;color:#ffffff; } .left_nav_ul_top > li.active a{color:#303c4b;} /*小类*/ .left_nav_ul_top > li ul.left_snav_ul_top{list-style:none;padding-inline-start: 0px;display: none;padding:5px 0px;background: rgba(42,60,114,0.9); color:#FFFFFF} .left_nav_ul_top > li ul.left_snav_ul_top > li{ margin:0px;width: 100%;line-height: 40px; border-bottom:1px solid #0033CC; } .left_nav_ul_top > li ul.left_snav_ul_top > li > a{border:0;color:#FFFFFF;padding: 5px 0px 5px 0px;} .left_nav_ul_top > li ul.left_snav_ul_top > li > a:hover{ text-decoration: none;color:#333333;} .menu_head_top{cursor:pointer; font: 600 18px/30px "Open Sans", sans-serif; width:35px; text-align:center;color:#303c4b;display:none;position: absolute; top:3px; right:0px;} .menu_head_top:hover{ color:#333333;} .metop{ position:relative;} .metop .menu_head_top2{cursor:pointer; font: 600 18px/30px "Open Sans", sans-serif; width:35px; text-align:center;color:#303c4b;display:none;position: absolute; top:3px; right:0px;} .metop .menu_head_top2:hover{ color:#333333;} .metop .menu_top2{position:absolute;left:100%;top:0px;background:#fff;} .metop .menu_top2 li{padding:0px 40px !important;white-space: nowrap;} /*.left_nav_ul_top > li:hover ul.left_snav_ul_top{display:block !important;}*/ /*导航栏 end*/ /*左侧新闻*/ .left_news{clear: both; list-style:none;margin:0px; padding:0px;} .left_news li{color:#545455;border-bottom: 1px dotted #dddddd;background: url(../images/li.png) no-repeat left 12px;line-height:21px; padding: 10px 0px; padding-left:16px;} .left_news li a{color:#7F7F80;} .left_news li a:hover{ text-decoration:none;color:#0000FF; } /*新闻列表*/ .list_news{clear: both; list-style:none;margin:0px; padding:0px 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;} .list_news li a:hover{text-decoration:none;color:#0000FF;} .contents{clear: both; padding:4px 2px 20px 2px; line-height:28px; color:#898989;overflow: auto;min-height:400px;} .contents_title{ margin: 0px; padding: 10px 0px; text-align: center; color: #000; font-size:22px;color:#434343;font-weight:bold; line-height: 34px;} /*分页样式*/ .page{clear:both; margin:0px 0px 40px 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; padding:0;} .product_h1{ margin:0px; line-height:24px; font-size:16px; color:#4b597c; padding-bottom:10px;border-bottom: 1px dotted #cccccc;} .product_info{list-style:none; padding:0px; margin-top:10px;} .product_info li{ line-height:30px; padding-bottom:12px;width:100%;overflow:hidden;} .product_info li span{color:#0000FF;margin-left:3px;line-height:35px;} .product_info li .price2{ color: rgb(170, 170, 170); font-size: 12px; text-decoration: line-through;} .product_info li a{margin-left:10px;} .product_info li .cont{ display: flex; display: -webkit-flex; flex-direction: nowrap; justify-content: flex-start; line-height: 30px; float:left; } .product_info li .c2{margin-left:50px;} .product_info li .cont .name{font-weight: bold; color: #3d3d3d; text-align: right; width: auto; height: 35px; width:60px; text-align: justify;text-align-last: justify; } .product_info li .cont .select{width:95px;height:30px;line-height:30px;} .product_info li .cont .select2{width:282px;height:30px;line-height:30px;} .product_info li .cont .cosize{width:95px;height:30px;margin-right:10px;} .product_info li .cont .cosize input{display:none;} .product_info li .cont .cosize label{width:100%;height:100%;line-height:30px;text-align: center;margin-bottom: 0px;border:1px solid #989696;} .product_info li .cont .active label{border:1px solid #4b597c;} .product_con{ clear: both; border-top: 1px dotted #ccc; margin:10px 0px 20px 0px;padding:20px 0px 0px 0px; line-height:26px; color:#898989;overflow: auto;width: 100%;} .product_con ul{width:100%;height:auto;padding:20px 30px;border: 1px solid #d7d7d7;overflow:hidden;} .product_con ul li{height:auto;color:#696969;line-height:30px;float:left;font-size:18px;} .product_con ul .li1{width:100%} .product_con ul .li2{width:100%} .related_h1{padding: 30px 0px 12px 0px; color: #303c4b; margin:0px; display: block; font-weight:300; font-size:24px; border-bottom:5px solid #f4f5f6;} .download_btn{text-align: right; margin: 10px 10px 20px 0px;} .page-btn{background-color: #409669; border: none;} .page-btn:hover,.page-btn:focus{background-color:#23BB6B; } .grey-btn{border: none; background-color: #E8E8E8;} .grey-btn:hover,.grey-btn:focus{background-color: #ccc;} .related_news{ padding-top: 0px; clear: both;} .a2a_default_style{display: inline-block;} /*在线留言订购*/ .feedback{margin-top: 30px; margin-bottom: 40px;} .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:18px;} .point span.to_prev{text-align:center; } .point span.to_prev a{color:#0068b7;} .point span.to_prev a:hover{color: #ea042b} .point span.to_next{text-align:center; } .point span.to_next a{color:#0068b7;} .point span.to_next a:hover{color: #ea042b} /*标签样式*/ .tags{ margin: 12px 0px 10px 0px} .tags a{ margin: 0px 5px 8px 0px} .tags_list{padding: 5px 10px 100px 10px} .tags_ul{ margin-top: 0px;} .tags_ul li{line-height: 28px; margin-bottom: 8px; padding-bottom: 10px;} .tags_ul h3{font-size: 14px; padding: 0px; margin: 0px;line-height: 20px;} .tags_ul p{font-size: 13px;padding: 0px; margin: 0px; color: #a0a0a0; line-height: 20px; padding-top: 8px;} /*网站地图*/ ul.ul_sitemap{margin: 30px 0px 40px 30px;} ul.ul_sitemap li{list-style: none; line-height: 26px;clear: both;} ul.ul_sitemap li a{color: #7d7d7d;} li.small_li_sitemap{clear: both;padding-left: 12px;} li.small_li2_sitemap{float: left; padding-left: 20px;} #translate{width:180px; margin: 0 auto; } #translate-this{margin: 15px 0px 10px 0px;} /*底部信息*/ footer{ text-align:center; background-color: #4b597c; color:#ababa8; padding:30px 0px 0px 0px; font-size:13px;} .copyright{ line-height:20px;border-top: 1px solid #55617f;} .copyright a{ color:#ababa8;} .foot_nav{ width:25%; float:left;background-color: #fafafa;text-align:center;} .foot_nav:hover,.foot_nav:focus{background-color: #e4e4e4;} .foot_nav a{color:#898989;display:block;} .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;} .iphon{color:#ffffff;font-size:14px;line-height:30px;text-align: right;} .iphon .xtb{width:23px;height:23px;margin-top: -9px;margin-right:10px;} .iphon span{color:#ffffff;font-size:24px;font-style:oblique;} .copyright_p{color:#ffffff;line-height:86px;} .copyright_p a{color:#ffffff;} .copyright_p a:hover{text-decoration:underline !important;} /*产品详细切换时间*/ .main { width: 100%; height: auto; overflow: hidden; /*float:left;*/ border: 0; } .main .K1a { width: 100%; height: auto; overflow: hidden; float:left; } .main .K1a .k1a_top { width: 100%; height: 75px; overflow: hidden; float:left; border: 0; border-top:1px solid #dcdcdc; border-bottom:1px solid #dcdcdc; background:#f5f5f5; position:relative; } .main .K1a .k1a_top .K1a1 { width: 40%; height: 41px; position:absolute; left:0px; bottom:0px; } .K1a1 ul li { width: 33.3%; height: 41px; float: left; text-align: center; color:#333333; cursor: pointer; font-size: 16px; line-height: 39px; } .K1a1 ul .hover { width: 33.3%; height: 41px; line-height: 39px; float: left; font-size: 16px; background-color: #FFFFFF; border-bottom: #FFFFFF solid 1px; border-left: 1px solid #dcdcdc; border-right: 1px solid #dcdcdc; border-top-left-radius: 5px; border-top: 3px solid #0000FF; border-top-right-radius: 5px } .K1a .K1a2 { width: 96%; height: auto; float: left; margin: 2%; } .product_con img,.contents img{max-width:100%;} .product_con p{text-align:center;} /*recruit go*/ .jobs-list { width: 100%; min-height: 700px; padding-top: 29px; /*border-top: 2px solid #e5e5e5;*/ margin-top: -2px; } .single-jobs { margin-bottom: 2px; } .single-jobs .jobs-bar { background: #757575; padding-left: 22px; padding-right: 22px; overflow: hidden; cursor: pointer; } .single-jobs .jobs-bar.active { background: #cf302c; } .single-jobs h2 { font-size: 16px; color: white; float: left; margin: 9px 0px; } .single-jobs img { float: right; margin-top: 9px; } .single-jobs .ico-2 { display: none; } .single-jobs.active .jobs-bar { background: #cf302c; } .single-jobs.active .ico-1 { display: none; } .single-jobs.active .ico-2 { display: block; } .jobs-text { font-size: 14px; color: #7d7d7d; line-height: 24px; padding: 19px 22px; overflow: hidden; display: none; background-color: #f5f5f5; } .m-jobs-hide { display: none; height: 30px; } /*recruit end*/ /***********about-us.php***********/ .map { padding-top: 20px; /* border-top: 2px solid #e5e5e5;*/ margin-top: -2px; } .map .contact-map{ min-height: 355px; border: 2px solid #d9d9d9; } .map .contact-map b { font-size: 14px!important; color: #cf302c!important; } .map .contact-map span { font-size: 12px; } .info .detail { padding-top: 20px; padding-bottom: 35px; font-size: 14px; color: #666666; line-height: 24px; background-image: url('../images/orange-dot.png'); background-repeat: repeat-x; background-position: left bottom; } .massage .massage-title { padding-top: 42px; } .massage .massage-title span { font-weight: 700; font-size: 20px; display: inline-block; vertical-align: top; padding-top: 6px; padding-left: 12px; } .massage form { font-size: 14px; color: #666666; } .massage form .row { overflow: hidden; } .massage form .name { margin-left: 28px; } .massage form .name, .massage form .kind { float: left; } .massage form .tel, .massage form .email { float: right; } .massage form .form-control2 { width: 288px; height: 34px; border: 1px solid #e5e5e5; margin-bottom: 15px; outline: none; padding: 0 4px; } .massage form textarea { width: 751px; height: 118px; border: 1px solid #e5e5e5; margin-bottom: 15px; outline: none; resize: none; } .massage form span { vertical-align: top; padding-top: 8px; display: inline-block; } .massage form .sub-btn { padding: 7.5px 25px; font-size: 14px; cursor: pointer; border: none; border-radius: 3px; outline: none; } .massage form .submit-btn { color: white; background-color: #cf302c; margin-left: 70px; margin-right: 8px; } .massage form .reset-btn { color: #808080; background-color: #e5e5e5; } .massage .tips { padding-left: 70px; padding-top: 25px; max-width: 653px; min-height: 142px; font-size: 14px; color: #bcbcbc; } .massage form .err-msg { display: inline-block; } /***********about-us.php***********/ /*popup*/ .popup{width:820px;height:530px;overflow:hidden;position:fixed;left:50%;top:50%;margin-left:-410px;margin-top:-245px;background:#fff;z-index: 1032;padding:10px 30px 20px;display:none;} .popup .close{width:27px;height:27px; position:absolute;right:10px;top:10px;background:url(../images/close2.png) no-repeat 0px 0px;opacity: .8;} .mask{width:100%;height:100%;background:#000;opacity:0.3;position:fixed;left:0%;top:0%;z-index: 1031;display:none;} .tit_adv{ width: 100%; height: 70px; position: relative; text-align: center; margin: 70px 0px 30px; } .tit_adv .xian{width:100px;height:8px;background:#4b597c;position:absolute;bottom:0%;left:50%;margin-left:-50px; z-index:1;} .tit_adv .title{width:230px;height:80px;float:none;margin:auto; z-index:99;position:sticky;font-size:35px;color:#3d3d3d; } .adv_ico{width:100%;text-align:center;margin-bottom:50px;} .adv_ico .xtb{width:333px;float:none;margin:auto; padding-top:15px;} .adv_ico span{width:90%;float:none;margin:10px auto;height:35px;font-size:18px;color:#3d3d3d;line-height:35px;overflow: hidden;text-align:center;display: block;} .adv_ico p{width:90%;float:none;margin:auto;height:75px;font-size:14px;color:#989696;line-height:25px;/*text-align:center;*/} .index_advantage { background-color: #f1f1f1; margin: 0px; padding: 0px; position:relative; overflow:hidden; } .index_advantage .advantage{width:1920px;height:425px; background:url(../images/bj1.jpg) center bottom no-repeat;background-size:100%;float:none;margin:auto;position:absolute;left:50%;margin-left:-960px;bottom:0px;} header{height:156px;} .hea-h{height:157px;} .navbar-nav{float:right;} .navbar-nav > li > a { text-align: center;} .navbar-default .navbar-nav > li > a{padding: 28px 13px 28px 13px;color: #5e5e5e;text-transform: uppercase;transition: 0.1s;} .navbar-default .navbar-nav > li > a:hover, .navbar-default .navbar-nav > li > a:focus, .navbar-default .navbar-nav > li > a.active, .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: url(../images/nav_bg.jpg) center bottom; color: #fff; } .small-nav{min-height: 113px; background: rgba(255,255,255,0.9); margin-top: 0px;} .small-nav .navbar-nav > li > a{padding-top: 20px; padding-bottom:20px;} .small-nav img.logo{max-height: 50px; margin-top:5px; max-width:200px; } .nav_small{ background-color:#fff; background-color: #494949;padding: 10px 0px 10px 0px; border: none; box-shadow: none; border-radius: 0px; font-size: 12px; min-width: 135px;} .nav_small > li{text-align: center;} .nav_small > li > a{line-height:28px; color: #fff; padding-left:28px; padding-right:28px; } .nav_small > li > a:hover{color: #fff; background-color: #0000FF;} #app_menudown,#small_search{ display:none; } .index_left_nav,.footer_nav{display:none; } .product_list2 div.pr2{margin-bottom: 10px;} /*login*/ .page_banner{height: 240px;} .page_top { float: left; height: 35px; line-height: 35px; padding-right: 2px; width: 100%; } .page_top a { height: 30px; line-height: 30px; color: #1d1d1d; font-size: 14px; } .login_bj { background-color: #f1f1f1; margin: 0px; padding: 0px; position:relative; overflow:hidden; height:834px; } .login_bj .login_bac{width:1920px;height:834px; background:url(../images/bj2.jpg) center bottom no-repeat;background-size:100%;float:none;margin:auto;position:absolute;left:50%;margin-left:-960px;bottom:0px;} .logbc{background:#ffffff;padding:70px;} .login_text{width:80%;height:auto;padding:40px 50px;border:1px solid #b6b6b6;margin:auto;float:none;} .login_text p{width:100%;line-height:35px;} .login_text p span{color:#0000FF;} .form-signin{max-width: 360px;} .form-signin .form-name{font-size:35px;color:#3d3d3d;text-align:center;} .form-signin .mb-3{color:#4b597c;font-size:12px; text-align:center;border-bottom:2px solid #4b597c;line-height:35px;} .form-signin .f1{margin-top:20px;} .btn-lg{margin-top:40px;max-width:360px;} .bucen{margin:40px auto 0px;max-width:210px;} .login-others{margin-top:30px;} .login-others .xtb { display: block; color: #222222; font-size: 14px; cursor: pointer; height: 35px; line-height: 35px; text-align: center; } .login-others .xtb img { width: 35px; height: 35px; margin-right: 10px; display:inline-block; } .register-cont{max-width:840px;width:70%;} .register-cont .reg-title{ border-bottom:1px solid #c4c7e1;line-height:35px;color: #010e7c;font-size:16px;padding:0px 30px;} .register-cont .reg-title span{font-size:18px;} .register-cont .reg-title .red{color:#0000FF;} .register-cont .form-line{ display:flex;display: -webkit-flex;flex-direction:nowrap;justify-content:flex-start;line-height:30px;margin-top:25px;} .register-cont .form-line .name{font-weight:bold;color:#3d3d3d;text-align:left;width:95px; text-align: justify;text-align-last: justify;} .register-cont .form-line span{color:#0000FF;font-size:20px;line-height:40px;height:35px;} .register-cont .form-line .desc{color:#3d3d3d;text-align:left;margin-left:10px;} .register-cont .form-line .f2{margin:0px 10px;max-width:285px;} .register-cont .form-line .desc .f_r { width: 120px; height: 30px; line-height: 25px; border-radius: 5px; margin: 0px 10px; text-align: center; color: #fff; background-color: #BFC3C4; border:none; } .form-signin2{margin:20px 30px 0px;} .dl-1{margin:20px 0px 0px 150px;} .mb-xy{margin:30px 0px 0px 134px;} .butop{margin-top:20px;margin-left:40px;} .logba{background:#ffffff;padding:40px;} .jc_bj { background-color: #ffffff; margin: 0px; padding: 0px; /* position:relative;*/ overflow:hidden; height:auto; } .logbb{background:#f1f1f1;padding:40px 25px;margin:30px auto 0px;} .jc_tit{background:#f1f1f1;width:100%;} .logbc{background:#f1f1f1;padding:40px 25px;margin:10px auto 0px;} .logbd{background:#f1f1f1;padding:10px 25px;margin:10px auto 0px;} .form-signin3{margin:20px 30px 0px;} .form-signin3 .form-line{ display:flex;display: -webkit-flex;flex-direction:nowrap;justify-content:flex-start;line-height:30px;margin-top:25px;} .form-signin3 .form-line .name{font-weight:bold;color:#3d3d3d;text-align:right;width:95px;/* text-align: justify;text-align-last: justify;*/ display:flex;align-items:center;flex-direction:row-reverse;height:35px; } .form-signin3 .form-line .name span{line-height:40px;padding-right:2px;} .form-signin3 .form-line span{color:#0000FF;font-size:20px;line-height:40px;height:35px;} .form-signin3 .form-line .desc{color:#3d3d3d;text-align:left;margin-left:10px;line-height:35px;} .form-signin3 .form-line .f2{margin:0px 10px;max-width:285px;} .form-signin3 .form-line .desc .sex{margin: 12px 0 0 10px;} .form-signin3 .form-line .form-textarea{margin: 0px 10px;border-radius: 4px; width: 80%;padding: 6px 12px;border: 1px solid #ccc;color: #555;} .red{color:#0000FF;} .table{border:1px solid #ddd;} .table thead{background:#eeeeee;height:45px;line-height:45px;} .table > thead > tr > th{border-bottom:1px solid #ccc;height:40px;line-height:30px;color:#3d3d3d;} .table > tbody > tr > td{font-size:14px;height:70px;line-height:70px;padding:0px 8px;vertical-align: middle; } .table > tbody > tr > td p{width:100%;line-height:20px;margin: 0 0 0px;} .table > tbody > tr > td .ck{width:100%;display:block;line-height:20px;} .table > tbody > tr > td .pay{width:58px;background: #0000FF;border-radius:10px;line-height:20px;display:block;text-align:center;font-size:13px;color:#fff;margin-top:5px;} /*翻页*/ .wm_box22 { float: none; height: auto; margin-left: 0%; clear: both; width: 100%; text-align:center; } .wm_box23 { float: none; height: 50px; margin-left: auto; margin-top: 0px; clear: none; width: 100%; margin-right: auto; margin-top: 50px; max-width: 100%; text-align:center; } .wm_box23 a { float: none; text-decoration: none; font-size: 14px; line-height: 26px; color: #747474; font-family: "微软雅黑"; overflow: hidden; margin: 0px 3px; padding:4px 9px; width:auto; background:#fff; border:1px solid #e6e6e6; } .wm_box23 span { float: none; text-decoration: none; font-size: 16px; line-height: 26px; color: #747474; font-family: "微软雅黑"; overflow: hidden; margin: 0px 5px; padding:4px 9px; width:auto; border:1px solid #e6e6e6; } .wm_box23 .co2 { float: none; text-decoration: none; font-size: 16px; line-height: 26px; color: #747474; font-family: "微软雅黑"; overflow: hidden; margin: 0px; padding:0px; width:auto; border:0px solid #e6e6e6; } .wm_box23 .co3 { float: none; text-decoration: none; font-size: 16px; line-height: 26px; color: #747474; font-family: "微软雅黑"; overflow: hidden; margin: 0px 5px; padding:0px; width:auto; border:0px solid #e6e6e6; cursor:pointer; } .wm_box23 .col { float: none; text-decoration: none; font-size: 14px; line-height: 26px; color: #ffffff; font-family: "微软雅黑"; overflow: hidden; margin: 0px 5px; padding:2px 6px; width:auto; background:#4d8dbb; border:1px solid #4d8dbb; } .wm_box23 .pageJump { display: inline-block; width: 40px; padding:8px 0px; color: #999; text-align: center; vertical-align: middle; border: 1px solid #e6e6e6; margin:0px; } .wm_box23 .pageJump input { width: 40px; height: 18px; border: 0; text-align: center; outline:none; background:none; color:rgb(89, 87, 87); } .pro_name_bak{margin-right: -15px;margin-left: -15px;} .pro_name_bak .product_cont .product_title{/*background:#f1f1f1;*/height:40px;line-height:40px;} .pro_name_bak .product_cont .product_title a{line-height:40px;} .index_contact .cont{border:1px solid #d7d7d7;width:100%;margin:20px auto 0px;} .index_contact .cont img{width:100%;} /*详情页*/ .pri_detail{ width:100%; height:auto; margin:0 auto; overflow:hidden;} .jqzoom{float:left;border:none;position:relative;padding:0px;cursor:pointer;margin:0px;display:block;} .jqzoom img{width:100%} .zoomdiv{z-index:100;position:absolute;top:0px;left:0px;width:350px;height:350px;background:#ffffff;border:1px solid #CCCCCC;display:none;text-align:center;overflow:hidden;} .jqZoomPup{z-index:10;visibility:hidden;position:absolute;top:0px;left:0px;width:20px;height:20px;border:1px solid #aaa;background:#ffffff /*url(../images/zoom.png) 50% center no-repeat*/;opacity: 0.5;-moz-opacity: 0.5;-khtml-opacity: 0.5;filter: alpha(Opacity=50);} /*图片小图预览列表*/ .spec-preview{width:450px;height:450px;border:1px solid #DFDFDF;} .spec-scroll{clear:both;margin-top:5px;width:450px;} .spec-scroll .prev{float:left;margin-right:4px;} .spec-scroll .next{float:right;} .spec-scroll .prev,.spec-scroll .next{display:block;font-family:"宋体";text-align:center;width:10px;height:76px; line-height:76px;border:1px solid #CCC;background:#EBEBEB;cursor:pointer;text-decoration:none;} .spec-scroll .items{float:left;position:relative;width:420px;height:76px;overflow:hidden;} .spec-scroll .items ul{position:absolute;width:999999px;height:76px;padding-inline-start: 0px;} .spec-scroll .items ul li{float:left;width:80px;text-align:center;margin-top:4px;} .spec-scroll .items ul li img{border:1px solid #CCC;padding:2px;width:70px;height:70px;} .spec-scroll .items ul li img:hover{border:2px solid #FF6600;padding:1px;} .btn-dange-l{width:170px;height:45px;line-height:32px; text-align:center;color: #fff;background-color: #010e7c;border-color: #010e7c;} .btn-dange-l:hover{color: #fff;} .btn-dange-r{width:170px;height:45px;line-height:32px;color: #3d3d3d; background-color: #e7e8e9;border-color: #989696;margin-left:16px;} .product_info form{margin-top:10px;} /*评论*/ .goodscont{width:100%;margin:0px 0%;overflow:hidden; min-height:120px;} .goodscont .tit{ width:auto; height: 25px; overflow: hidden; line-height: 25px; text-align: left; color: #669900; font-size: 14px; margin-top:5px; } .goodscont .cpname{ width:auto; height: auto; overflow: hidden; line-height: 20px; text-align: left; color: #2e2a2a; font-size: 12px; margin-top:5px; } .spno{padding: 0px 0px;} .spno2{padding: 0px 0px 5px;} .speakform{ padding: 10px 0px; width:100%; overflow:hidden; border:1px solid #dfe3de; border-radius:5px; } .speakform .form_l{ float: left;color: #2e2a2a; text-align: left; line-height:40px; font-size: 14px; margin-left:10px; } .speakform .form_l img{ vertical-align:middle;margin-left:5px;} .speakform .form_r{ float: right;color: #2e2a2a; text-align: left; line-height:30px; font-size: 14px; margin-top:5px; width:58%; margin-right:5px; } .speakform .form_r span{line-height:30px;height:30px;float:left;} .speakform .form_r input{border:1px solid #dfe3de;line-height:30px;height:30px;float:left !important;} .speakform .form_time{ float: right;color: #aaaaaa; text-align: right; line-height:40px; font-size: 12px;} .speakform .mui-input-row2 { border-bottom: 1px solid #eeeeee; margin: 0px auto; float: right; width: 100%; } .speakform .mui-input-row2 label { font-size: 14px; color: #1e961b; padding: 0; line-height: 45px; width: 15%; margin-left: 10px; } .speakform .mui-input-row2 .usright { float: right; width: auto; overflow: hidden; height: auto; color: #4f4f4f; margin:6px 10px; } .speakform .mui-input-row2 .usright textarea { width: 100%; margin: 0px 0px 10px 0px; padding: 5px; border: 1px solid #dee2dd; float: left; } .speak { padding: 10px 0px; width:100%; overflow:hidden; } .speak .spe_l{ float: left;color: #2e2a2a; text-align: left; line-height:40px; font-size: 14px;} .speak .spe_l img{ vertical-align:middle;margin-left:5px;} .speak .spe_r{ float: right;color: #2e2a2a; text-align: right; line-height:40px; font-size: 14px;} .speak .spe_time{ float: right;color: #aaaaaa; text-align: right; line-height:40px; font-size: 12px;} .ann-page{ padding: 10px 0px; margin: 0px 4%; width:92%; overflow:hidden; text-align:center; } .ann-page .anniu-page{ height: 18px; line-height: 18px; padding-top: 15px; vertical-align: middle; width: 100%; overflow: hidden; text-align: center;} .ann-page .anniu-page a { width: auto; height: 20px; line-height: 20px; padding: 3px 2px; width: 100%; overflow: hidden; color: #47a445; font-size: 12px; text-align: center; float: none; margin: 0px 5px; } .ann-page span{color:#aaaaaa;overflow:hidden;text-align:center;line-height: 18px;height:18px;} .speakform .mui-input-row2 .f_r{ width: 120px; height: 30px; line-height: 25px; border-radius:5px; margin:0px 10px; text-align: center; color: #fff; background-color: #4b597c; border-color: #4b597c;} .speakform .mui-input-row2 .inputBorder{width:100px;height:30px;line-height:30px;} /*人力资源*/ .list-join ul{padding:10px;padding-bottom:0;margin-top:30px;border:solid 1px #dfdfdf} .list-join ul li{height:44px;line-height:44px;overflow:hidden;font-size:14px;border-top:solid 1px #ebebeb} .list-join ul li .munber{padding-left:0px} .list-join ul li:first-child{border-top:0;background-color:#003f4c;color:#fff} .list-join ul li:first-child:hover{background-color:#003f4c} .list-join ul li:hover{background-color:#fdfdfd;} .list-join ul li p:first-child{background:url(../images/icon-21.png) no-repeat 5px 20px; text-align:left; text-indent:1rem;} .JoinCondition { padding-top: 30px; } .JoinCondition img { display: block; width: 100%; } .font24 { font-size: 28px; color:#3d3d3d; } .text-center { text-align: center; } .comdesc { padding-bottom: 20px; font-size:16px;line-height:30px; } .phone-show{display:none;} .mapcont{margin:40px;} .mapcont .title{font-size:26px; display:block; padding-bottom:15px;color:#3d3d3d;} .mapcont .cpname{font-size:14px; display:block; padding-bottom:15px;} #dituContent{margin-top:40px;} /*可用积分*/ .pers-con .top { height: 96px; line-height: 96px; background: #ffffff; border-radius: 6px; margin-bottom: 16px; padding: 0 30px; } .pers-con .top .label { font-size: 14px; font-family: MicrosoftYaHei; color: rgba(0,0,0,0.6); } .pers-con .top em { display: inline-block; width: 20px; height: 20px; background: url(../images/perssprite.png) no-repeat 0px 0px; margin: 0 2px -1px 8px; background-size:100%; } .pers-con .top .integral { font-size: 20px; } .pers-con .top .to-use { float: right; width: 160px; height: 40px; line-height: 40px; text-align: center; background:#4b597c; border-radius: 6px; margin-top: 28px; color: #ffffff; } .pers-con .main{min-height: 450px; background: #ffffff; border-radius: 6px; padding: 20px; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box;} .pers-con .main .tab { border-bottom: 1px solid #F2F2F2; position: relative; } .pers-con .main .tab>span { display: inline-block; height: 35px; font-size: 16px; font-family: MicrosoftYaHei; color: #667072; line-height: 24px; margin-right: 48px; padding-bottom: 13px; cursor:pointer; } .pers-con .main .tab .hover { border-bottom: 2px solid #4d8dbb; color: #4d8dbb; } .pers-con .main .tab a { color: inherit;text-decoration:none; } .pers-con .main .tab a:hover{text-decoration:none;} .main table { margin-top: 7px; width: 100%; text-align: center; font-size: 14px; } .main table th:nth-child(1) { width: 15%; } .main table th:nth-child(2), .main table td:nth-child(2) { text-align: left; /* width: 70%; padding-left: 115px;*/ } .main table th { background-color: #F7FBFF;text-align:center; } .main table tr { height: 44px; line-height: 44px; } .main table td { color: #00101380; } .main table th:nth-child(2), .main table td:nth-child(2) { text-align: left; /* width: 70%;*/ padding-left: 115px; } .main table td:last-child { color: rgba(0,0,0,0.8); } /*我的购物车*/ .pri { -webkit-box-flex: 1; -webkit-flex: 1; flex: 1; line-height: 16px; color: #cc0003; font-size: 12px; float: left; margin-top: 4px; } .pri .price { line-height: 16px; color: #cc0003; font-size: 14px; } .pri .price2 { line-height: 16px; color: #aaaaaa; font-size: 12px; text-decoration: line-through; } /*加减*/ .num_wrap { position: relative; display: block; width: 86px; border-radius: 4px; overflow: hidden; background-color: #f7f7f7; float: left; } .num_wrap input, .num_wrap span { position: relative; float: left; width: 20px; height: 20px; line-height: 20px; text-align: center; padding: 0px; } .num_wrap input[type="text"] { -webkit-appearance: none; border: none !important; width: 45px !important; font-size: 12px !important; color: #999; text-align: center !important; height: none !important; float: left !important; height: 20px; line-height: 20px; } .num_wrap input, .num_wrap span { position: relative; float: left; width: 20px; height: 20px; line-height: 16px; text-align: center; padding: 0px; } .num_wrap2{width: 100px;margin-top:3px;} .num_wrap2 input, .num_wrap2 span{width: 25px; height: 25px;} .num_wrap2 input[type="text"]{ height: 25px; line-height: 25px;} .propho{ float: left; width: auto; height: 90px; margin:10px 0px 10px 1%; } .propho img { width: auto; height: 100%; min-width: 100%; } .proname { max-height: 40px; float: left; text-align: left; color: #2e2a2a; cursor: pointer; font-size: 12px; line-height: 20px; width: 60%; margin-left:3%; margin-top:20px; max-width:180px; overflow: hidden; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 2; } .proname2 { max-height: 40px; float: left; text-align: left; color: #2e2a2a; cursor: pointer; font-size: 12px; line-height: 20px; width: 60%; margin-left:3%; margin-top:5px; max-width:180px; overflow: hidden; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 2; } .sc-total-fixed { background: #fff; min-width: 1200px; position: fixed; width: 100%; z-index: 50; left: 0; bottom: 0; box-shadow: 0 -4px 4px 0 hsla(0,0%,47.5%,.2); height: 60px; } .sc-total-tool .sc-total-price { float: right; padding-right: 20px; margin-top: 11px; text-align: right; } .sc-total-tool .sc-total-price p { font-size: 14px; position: relative; margin: 0 0 0px;line-height:18px;height: 18px; } .sc-total-tool .sc-total-price p span { color: #ca151e; font-size: 18px; font-weight: 700; } .sc-total-tool .sc-total-price p em { width: 12px; height: 12px; display: block; position: absolute; right: -18px; top: 7px; } .sc-total-tool .sc-total-price p em:before { content: ""; width: 12px; height: 12px; display: block; cursor: pointer; background-position: -22px -137px; } .sc-total-tool .sc-total-price p b { position: absolute; top: -43px; right: -27px; display: block; width: 48px; background: #fff; border: 1px solid #d6d6d6; font-size: 12px; font-weight: 400; z-index: 10; padding: 5px 8px; box-shadow: 0 2px 5px hsla(0,0%,39.2%,.2); display: none; } .sc-total-tool .sc-total-price .total-choose { color: #a4a4a4;line-height:25px; } .sc-total-tool .sc-total-price .total-choose em { color: #ca151e; margin: 0 5px; font-weight: 700; } .sc-total-tool .sc-total-price .total-choose span { color: #3a3a3a; } .sc-total-tool .sc-total-btn { float: right; } .sc-total-tool .sc-total-btn a { width: 180px; height: 60px; line-height: 60px; display: block; background: #4b597c; font-size: 18px; color: #fff; text-align: center; text-decoration:none; } .n-clo{background:none;} /*settlement*/ .userinfor .set-tit{ background:#fff; float:left; width:100%; } .userinfor .set-sec{ background:#fff; float:left; width:100%; margin-top:10px; } .userinfor .set-address{ font-size: 16px; color: #313132; height: auto; line-height: 23px; width: 92%; float: left; padding: 20px 4% 10px; border-bottom: 1px dashed #dfe3de; position: relative; } .userinfor .set-address a{width:100%;height: 100%;overflow: hidden;position:absolute;left:0px;top:0px; } .userinfor .set-address .set-address-l{ float: left; text-align: left; color: #2b2b2b; cursor: pointer; font-size: 16px; line-height: 30px; height: auto; width: 80%; overflow: hidden; } .userinfor .set-address .set-address-l span{ font-size: 12px; } .userinfor .set-address .set-address-r{ float: left; text-align: right; color: #cc0003; cursor: pointer; font-size: 12px; line-height: 18px; margin-top:20px; height: 18px; width: 20%; overflow: hidden; } .userinfor .set-address .set-address-r img{height:100%;} .add_tit_r{ max-width:50%;font-size: 14px;line-height: 54px;text-align: right;color: #aaaaaa;float:right;} .num_wrap_test{ position: relative; display: block; width: 86px; border-radius: 4px; overflow: hidden; font-size:12px; color:#aaaaaa; text-align:right; line-height:16px; float: right;} .userinfor .addcont .addright .sun_pri .add-pri { float: left; text-align: left; color: #454545; cursor: pointer; font-size: 12px; line-height: 18px; height: 18px; width: 100%; overflow: hidden; } .pay_cont { width:100%; margin:auto; background:#ffffff; padding:10px 0px; float:left; } .pay_cont .listbox{ height: auto; width: 100%; margin: 0px auto 10px; overflow: hidden; border: 1px solid #eeeeee; border-right: 0px; border-bottom: 0px; position:relative; } .pay_cont .list2{margin: 0px auto 0px;} .pay_cont .listbox .la{ width:100%;height:100%;position:absolute;top:0px;left:0px;overflow:hidden; } .pay_cont .listbox .list_l{ height: 189px; width: 7.5%; overflow: hidden; float:left; border-bottom: 1px solid #dee2dd; } .pay_cont .listbox .list_l .dian{margin-top:30px;margin-left:25px;} .pay_cont .listbox .list_r{ height: auto; width: 92.5%; overflow: hidden; float:left; } .pay_cont .listbox .list_r .list1{ height: 68px; line-height: 47px; vertical-align: middle; width:24%; padding:1%; overflow: hidden; color: #2e2a2a; font-size: 12px; text-align: center; float: left; word-wrap: break-word; border-left: 1px solid #dee2dd; border-right: 1px solid #dee2dd; border-bottom: 1px solid #dee2dd; } .pay_cont .listbox .list_r .list2{ height:68px; line-height: 20px; vertical-align: middle; width: 75.9%; padding:1%; overflow: hidden; color: #2e2a2a; font-size: 12px; text-align: center; float: left; word-wrap: break-word; border-right: 1px solid #dee2dd; border-bottom: 1px solid #dee2dd; } .pay_cont .listbox .list_r .lis_tit{background:#f1f1f1;height: 38px; line-height: 18px;} .pay_cont .listbox .list_r .listb1{ height: 45px; line-height: 25px; vertical-align: middle; width:34.6%; padding:1%; overflow: hidden; color: #2e2a2a; font-size: 12px; text-align: center; float: left; word-wrap: break-word; border-right: 1px solid #dee2dd; border-bottom: 1px solid #dee2dd; } .pay_cont .listbox .list_r .x{border-left: 1px solid #dee2dd;width:30.7%;} .pay_cont .listbox .list_r .lis_titb{background:#f1f1f1;height: 38px; line-height: 18px;} .pay_cont .listbox .listc1{ height: 62px; line-height: 62px; vertical-align: middle; width: 7.5%; padding:1% 0px; overflow: hidden; color: #2e2a2a; font-size: 12px; text-align: center; float: left; word-wrap: break-word; border-left: 1px solid #dee2dd; border-right: 1px solid #dee2dd; border-bottom: 1px solid #dee2dd; } .pay_cont .listbox .listc2{ height:62px; line-height: 62px; vertical-align: middle; width: 23%; padding:1%; overflow: hidden; color: #2e2a2a; font-size: 12px; text-align: center; float: left; word-wrap: break-word; border-right: 1px solid #dee2dd; border-bottom: 1px solid #dee2dd; } .pay_cont .listbox .listc3{ height: 62px; line-height: 20px; vertical-align: middle; width:49.5%; padding:1%; overflow: hidden; color: #2e2a2a; font-size: 12px; text-align: center; float: left; word-wrap: break-word; border-right: 1px solid #dee2dd; border-bottom: 1px solid #dee2dd; } .pay_cont .listbox .listc4{ height:62px; line-height: 62px; vertical-align: middle; width: 20%; padding:1%; overflow: hidden; color: #2e2a2a; font-size: 12px; text-align: center; float: left; word-wrap: break-word; border-right: 1px solid #dee2dd; border-bottom: 1px solid #dee2dd; } .pay_cont .hd .listc1{height: 140px;line-height: 140px;} .pay_cont .hd .listc2{height: 140px;line-height: 140px;} .pay_cont .hd .listc3{height: 140px;} .pay_cont .hd .listc4{height: 140px;line-height: 140px;} .pay_cont .hd2 .listc1{height: 80px;line-height: 80px;} .pay_cont .hd2 .listc2{height: 80px;line-height: 80px;} .pay_cont .hd2 .listc3{height: 80px;} .pay_cont .hd2 .listc4{height: 80px;line-height: 80px;} .pay_cont .listbox .lis_titc { background: #f1f1f1; height: 38px; line-height: 26px; } #tab2 .f4_b{color:#0000FF;} /*订单提交后*/ .odr_title{padding:30px 40px;text-align:left;line-height:20px;color: #333333;font-size:16px;} .odr_title span{color: #cc0003;} .odr_title .ord_pay{float:right;color: #5a5b5b; font-size: 16px;} .odr_title .ord_pay i { font-size: 18px; font-weight: bold; color: #f55354; } .ord_xian{width:100%;height:10px;background:#f2f2f2;border-top:1px solid #4b597c;} .odr_cont{width:70%;height:auto;background:#f2f2f2;border:1px solid #dee2dd;margin:40px auto 40px;text-align:left;line-height:25px;padding:20px;overflow:hidden;font-size:14px;} .odr_cont span{color:#0000FF;} .odr_num { height: auto; width: 92%; margin: 0px auto; overflow: hidden; line-height: 30px; color: #aaaaaa; font-size: 12px; text-align: center; } .weixinPay_cont { position: relative;padding:20px 0px 50px; } .weixinPay_top { padding-left: 42px; height: 74px; position: relative; overflow: hidden; } .weixinPay_top i { border-color: transparent transparent transparent #f55354; border-style: solid; border-width: 6px; height: 0; position: absolute; top: 30px; left: 42px; width: 0; } .weixinPay_top_p1 { color: #686666; font-size: 17px; line-height: 74px; text-indent: 18px; float: left; width: 155px; } .weixinPay_top_p2 { color: #686666; font-size: 13px; line-height: 74px; float: left; font-family: "宋体"; } .weixinPay_time { color: #f55354; font-size: 16px; font-weight: bold; } .weixinPay_code_box { /*padding-left: 230px;*/width:61%;margin:auto; } .weixinPay_code { float: left; height: 380px; width: 300px; margin-right: 100px; } .weixinPay_code_pic { width: 295px; height: 295px; padding: 2.5px; border: 1px solid #dddddd; } .weixinPay_code_prompt { width: 100%; height: 60px; margin-top: 17px; background: #ff7674 url(../images/weixinPay2.jpg) no-repeat; } .weixinPay_code_prompt p { padding: 6px 0 0 120px; color: #fff; font-size: 15px; line-height: 23px; } .weixinPay_tel { float: left; width: 297px; height: 389px; } /*加盟流程*/ .JoinProcess { font-size: 14px; line-height: 22px; padding-top: 10px; text-align: center; margin-top:40px;} .JoinProcess ul { display: inline-block; vertical-align: top; padding-top: 6px; padding-bottom: 10px; white-space: nowrap;padding-inline-start: 0px; } .JoinProcess ul::-webkit-scrollbar { width: 4px; height: 2px; } .JoinProcess ul::-webkit-scrollbar-thumb { -webkit-border-radius: 10px; border-radius: 10px; -webkit-box-shadow: inset 0 0 5px rgba(0, 0, 0, 0.2); background: #f39700; } .JoinProcess ul::-webkit-scrollbar-track { -webkit-box-shadow: inset 0 0 5px rgba(0, 0, 0, 0.2); -webkit-border-radius: 10px; border-radius: 10px; background: #f2f2f2; } .JoinProcess li { width: 168px; display: inline-block; white-space: normal; vertical-align: bottom; padding-right: 30px; text-align: left; position: relative; line-height: 24px; padding-right: 40px; } .JoinProcess li:before { content: ''; display: block; width: 0; height: 0; position: absolute; right: 18px; bottom: 31px; border-top: 10px solid transparent; border-bottom: 10px solid transparent; border-left: 10px solid #4d8dbb; } .JoinProcess li:last-child { width: 130px; padding-right: 0; } .JoinProcess .text { margin-bottom: 10px; display: block; } .JoinProcess img { display: block; max-width: 100%; } .feedback-form { overflow: hidden; zoom: 1; } .feedback-form .thumb { display: block; float: right; margin-left: 20px; } .feedback-form .form { overflow: hidden; zoom: 1; } .feedback-form form { margin: 0 -5px; } .feedback-form .text-item { float: left; width: 50%; padding: 0 5px; } .feedback-form .mail-item { padding: 0 5px; } .feedback-form .mail-item input { background-position: 98% center; } .feedback-form .content-item { padding: 0 5px; } .feedback-form .content-item textarea { background-position: 98% 10px; } .feedback-form input[type="text"] { padding-left: 20px; line-height: 54px; height: 54px; -o-background-size: 28px auto; background-size: 28px auto; } .feedback-form textarea { padding: 10px 20px; height: 188px; -o-background-size: 28px auto; background-size: 28px auto; } .feedback-form .ctrl-item { font-size: 0; text-align: center; overflow: hidden; zoom: 1; } .feedback-form .ctrl-item input { float: left; line-height: 54px; height: 54px; width: 192px; margin: 0 5px; } .feedback-form input[type="text"]{ display: block; width: 100%; margin-bottom: 10px; padding-left: 10px; line-height: 40px; height: 40px; background-repeat: no-repeat; background-position: 96% center; -o-background-size: 22px auto; background-size: 22px auto; border: 1px solid #edeae8;} .feedback-form .content-item textarea { background-position: 98% 10px; } .feedback-form textarea { display: block; width: 100%; padding: 10px; font-size: 14px; line-height: 24px; height: 116px; border: 1px solid #edeae8; background-repeat: no-repeat; background-position: 96% 10px; -o-background-size: 22px auto; background-size: 22px auto; } .feedback-form .ctrl-item input[type="submit"] { background-color: #4b597c; float: left; line-height: 54px; height: 54px; width: 192px; margin: 0 5px;} .feedback-form .ctrl-item input { display: inline-block; vertical-align: top; width: 42%; margin: 0 3%; font-size: 14px; line-height: 42px; color: #ffffff; height: 42px; border: 0; outline: 0; max-width: 192px; cursor: pointer; } .feedback-form .ctrl-item input { float: left; line-height: 54px; height: 54px; width: 192px; margin: 0 5px; } .feedback-form .ctrl-item input[type="reset"]{background:#cccccc;} .feedback-form .ctrl-item { padding: 20px 0 30px; } .JoinProcess li:last-child:before{display:none;} /*视频*/ .tm-video-play { font-family: tm-detail-font; font-size: 36px; bottom: 0px; left: 0px;/*width:100%;height:100%;*/ height:28px;width:28px; } .tm-video-play img{float:left;} #ico-aniu{cursor:pointer;} .tm-video-box { position: absolute; left: 0; top: 0; z-index: 999; } .tm-video-box .close{width:28px;height:28px;position:absolute;top:10px;right: 10px;z-index:999; opacity: 0.8;} .lib-video{z-index: 1;width: 100%; height: 100%;} .lib-video video { background: #000; width: 100%; height: 100%; } #pay_zfb,#pay_wx,#pay_wy,#pay_xx{margin-left:2%;} /*----------------------------------------------------------------*/ /*大屏幕dp*/ @media screen and (min-width: 992px) and (max-width: 1199px) { .index_contact p{ padding-bottom: 0px; margin: 0 0 6px;} .product_list .pro-switch .flexslider .slides > li dd{height: auto;} .main .K1a .k1a_top .K1a1 {width: 50%;} .row{margin-right: 0px; margin-left: 0px;} .massage form span { display: block; padding-bottom: 4px; } .massage form .tel, .massage form .email { float: none;margin-left:0px; } .massage form .name, .massage form .kind { float: none;margin-left:0px; } .massage form .form-control2 { width: 100%; margin-bottom: 10px; } .massage form .submit-btn { margin-left: 0px; } .massage .tips { padding-left: 0px; } .massage form .err-msg { display: block; margin-top: 5px; } .massage form textarea{width:100%;} .aboutus{padding: 40px 0px 40px;} .aboutus .abfoot .abico{margin-right: 13%;} .aboutc{height: 185px;overflow: hidden;} .tit_all{margin: 40px 0px 30px;} .index_news{padding-inline-start: 20px;} .index_news li span{width: 100px;height: 130px;} .index_news li span strong{font-size: 36px;padding: 19px 0px 0px;} .index_news li a{margin-top: 12px;} .product_list{margin-bottom: 0px;} .ewm_wa{font-size:12px;} .ewm{width:75px;height:75px; } /*产品详情页*/ .pri_detail{width:100%;} .spec-preview{width:100%;height: auto;} .jqzoom{width:100%} .jqzoom img{width:100%} .spec-scroll{width:100%} .spec-scroll .items{width:90%} .product_info li .c2 { margin-left: 5px; } .product_info li .cont .cosize{width:60px;} .product_info li .cont .select{width: 80px;} .btn-dange-l{width: 45%;} .btn-dange-r{width: 45%;} /*会员中心*/ .form-signin3 .form-line .desc{width:30%} .form-signin3 .form-line .f2{width:50%;} /*登录*/ /*我的购物车*/ .table > tbody > tr > td:first-child{width:30%;} .propho{width:100%;height: auto;margin-bottom:5px;} .propho img{width:100%;height: auto;} .proname{margin-top: 0px; width:100%; max-width: 100%;margin-bottom:10px;} .sc-total-fixed{min-width: 100%;} /*加盟流程*/ .JoinProcess li { width: 130px; display: inline-block; white-space: normal; vertical-align: bottom; padding-right: 30px; text-align: left; position: relative; } .JoinProcess li:last-child { width: 100px; padding-right: 0; } .JoinProcess li:before{right: 7px; bottom: 23px;} .weixinPay_code_box{width: 79%;} /**992*/ } @media screen and (max-width: 991px) and (min-width: 769px) { .page_bg{margin-top: 60px;} .navbar{min-height: 60px;} .main .K1a .k1a_top .K1a1 {width: 60%;} /*.bx-wrapper{width:85%;}*/ .ewm{ width: 100px;margin-top: 0%;margin:auto;padding-top: 30px;} .bx-wrapper{width:100%;} .row{margin-right: 0px; margin-left: 0px;} .massage form span { display: block; padding-bottom: 4px; } .massage form .tel, .massage form .email { float: none;margin-left:0px; } .massage form .name, .massage form .kind { float: none;margin-left:0px; } .massage form .form-control2 { width: 100%; margin-bottom: 10px; } .massage form .submit-btn { margin-left: 0px; } .massage .tips { padding-left: 0px; } .massage form .err-msg { display: block; margin-top: 5px; } .massage form textarea{width:100%;} .logo{max-height: 60px; max-width:350px; margin-top: 10px;} .telphone{margin-top: 10px;} .product_list .pro-switch{height:170px;} .navbar-default .navbar-nav-c > li > a{font-size:14px;padding: 20px 5px 20px 5px;} .product_list .pro-switch .flexslider .slides > li dd{height: auto;} .aboutus{padding: 40px 0px 40px;} .aboutus .abfoot .abico{margin-right:11%;width: 70px;} .aboutc{height: 175px;overflow: hidden;line-height: 30px;} .tit_all{margin: 40px 0px 20px;} .index_news{padding-inline-start: 0px;} .index_news li span{width: 80px;height: 104px;} .index_news li span strong{font-size: 36px;padding: 19px 0px 0px;} .index_news li a{margin-top: 12px;} .product_list{margin-bottom: 0px;} .ewm_wa{font-size:12px;margin-top:20px;} .ewm{width:75px;height:75px;padding-top:0px;} .top_logo{height:87px;} header{height:163px;} .hea-h{height:131px;} .index_product{padding-bottom:30px;} .index_news li em{padding-top: 5px;line-height: 20px;} #Marquee_x ul li div img{width:180px;height:135px;} #Marquee_x ul li div{width:180px;height:180px;margin-right: 30px !important;} .product_list .pro-switch .flexslider .flex-direction-nav a{width: 30px; height: 30px;background-size:auto 100%;margin: -70px 0 0;} .product_list .pro-switch .flexslider .flex-direction-nav .flex-next{width: 30px;height: 30px;background: url(../images/anniu.png) no-repeat 0px 0 ;background-size:auto 100%;background-position: -68px 0px;} .product_list .pro-switch .flexslider .slides > li{width:713px !important;} .tit_adv .title{font-size:30px;} .tit_adv .xian{width:70px;height:4px;margin-left:-35px;} .tit_adv{margin:40px 0px 20px;} .adv_ico p{line-height:21px;} .jc_top{margin-top:0px;} .flex-center-r{flex-direction:column-reverse;} .left_h2{margin-top:10px; padding: 0px 10px 10px 10px;font-size: 20px;line-height:30px;} .index_contact{margin: 0px 0px 15px 0px;} .down_box{margin: 0px 0px 15px 0px;} .index_contact p{padding: 0px 0px;padding-top:0px !important;} .logbb{padding: 20px 5px;} .logbc{padding: 20px 5px;} .col-sm-4{width: 30%;padding-right: 1.5%; padding-left: 1.5%;} .col-md-9 { width: 70%; } .form-signin3 .form-line{display:block;width:100%;overflow:hidden;margin-top: 15px;} .form-signin3 .form-line .name{display:unset;float:left;} .form-signin3 .form-line .desc{float:left;} .form-signin3 .form-line .name span{display:none;} .form-signin3 .form-line .form-textarea{width: 71%;margin: 0px 0px;} .list_box{padding: 5px 10px 30px;} .list_box2{padding: 5px 10px 0px;} .product_cont{width: 33.3%;} .product_list{margin-right: 0px; margin-left: 0px;} .table{width:616px;} .taw{width:100%} .contents{overflow-x:scroll;padding: 4px 2px 4px 2px; } /*登录*/ .login_text{padding: 30px 20px;width: 95%;float:right;margin-top:20px;} .login-others .xtb img{ width: 25px; height: 25px; margin-right: 5px;} .login-others .xtb{font-size:12px;} .login_bj{height: 770px;} .login_bj .login_bac{height: 770px;width: 1772px;margin-left: -886px;} .register-cont{ max-width: none; width: 100%;} .mapcont .title{font-size:18px;} .mapcont .cpname{font-size:13px;} .main table th:nth-child(1) { width: 20%; } .main table th:nth-child(2), .main table td:nth-child(2){ padding-left:30px;} /*我的购物车*/ .table > tbody > tr > td:first-child{width:30%;} .propho{width:100%;height: auto;margin-bottom:5px;} .propho img{width:100%;height: auto;} .proname{margin-top: 0px; width:100%; max-width: 100%;margin-bottom:10px;} .sc-total-fixed{min-width: 100%;} /*加盟流程*/ .JoinProcess li { width: 130px; display: inline-block; white-space: normal; vertical-align: bottom; padding-right: 30px; text-align: left; position: relative; } .JoinProcess li:last-child { width: 100px; padding-right: 0; } .overflow-x { overflow-x: auto; } .JoinProcess li:before{ right: 7px; bottom: 24px;} .weixinPay_code_box{width: 100%;} .weixinPay_top{height:60px;line-height:44px;} .weixinPay_top i{top:14px;} .weixinPay_top_p1{line-height:44px;} .weixinPay_top_p2{line-height:44px;} .odr_title{padding: 0px 40px 30px;} /**769*/ } /* *//*小屏幕*/ @media screen and (max-width: 768px) { .product_img img{width:100%;} .navbar-default .navbar-brand {color: #fff;} .navbar-default .navbar-brand:hover, .navbar-default .navbar-brand:focus {color: #fff;} .navbar-toggle{border-color: #ccc;} .navbar-default .navbar-collapse, .navbar-default .navbar-form{border:1px solid #ddd;} .navbar-default .navbar-toggle:hover, .navbar-default .navbar-toggle:focus {background: none;} .navbar-default .navbar-toggle .icon-bar{background-color: #ccc;} .navbar-default .navbar-nav{margin-top: 0px;margin-bottom: 0px;} .navbar-default .navbar-nav > li {} .navbar-default .navbar-nav > li:last-child{border: none;} .navbar-default .navbar-nav > li > a, .navbar-default .navbar-nav .open .dropdown-menu > li > a{color: #5e5e5e;} .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 > .active > a:focus, .navbar-default .navbar-nav > .open > a, .navbar-default .navbar-nav > .open > a:hover, .navbar-default .navbar-nav > .open > a:focus, .navbar-default .navbar-nav .open .dropdown-menu > li > a:hover{ background-color: #0000FF; color: #fff;} .small-nav{background: rgba(255,255,255,0.9); margin-top: 0px;} .flash{margin-top: 70px;} .top_name{display: none;} .language{padding: 2px 0px 0px 0px; } .logo{margin:6px 0px 0px 10px; max-width:200px; max-height: 38px;} .aboutus{padding-top: 30px; padding-bottom: 45px;} .about_line{border-right:0px;padding: 0px 10px;} .about_tit h2{font-size: 22px} .about_more{margin-top: 8px; margin-left: 0px;} .about_more img{width:20px;height:20px;} .about_contents2{padding: 10px;} .aboutus p{margin: 0px; margin-top: 0px;text-indent:2em;} .aboutus img{margin-bottom: 0px; padding: 0px;} .page_bg{display: none;} .list_box{margin:20px 0px 0px 0px;padding: 5px 0px 20px;} .flash div.bx-pager{ /*display:none;*/} .left_h2{margin-top: 0px;padding: 10px;font-size:20px;} .index_left_nav{margin:30px 15px 5px 15px;} .product_img,.product_list2 div.product_img{min-height: auto; margin-bottom: 30px;} .related_list div.product_img{min-height: 180px;} .product_con img,.contents img{width:100%;} .list_related h2.left_h2{margin-top: 70px;} .news_time{ display:none;} .footer_nav{background-color: #fafafa;} #pic-page a img {width:35px;} #cmsFloatPanel{ display: none;} .point span.to_prev,.point span.to_next{text-align:left; padding-bottom: 8px;} footer{ /*margin-bottom:50px;*/margin-bottom:0px;} .main .K1a .k1a_top .K1a1 {width: 90%;left:5%;} .main .K1a .k1a_top .K1a1 ul{padding-inline-start: 0px;} /*.bx-wrapper{width:61%;}*/ .bx-wrapper{width:100%;} .product_list2 div.pr2{margin-bottom: 20px;width:50%;} .ewm{width: 100px;margin-top: 0%;padding-top: 0px;float:right; height: auto;margin-bottom:20px;} .row{margin-right: 0px; margin-left: 0px;} .massage form span { display: block; padding-bottom: 4px; } .massage form .tel, .massage form .email { float: none;margin-left:0px; } .massage form .name, .massage form .kind { float: none;margin-left:0px; } .massage form .form-control2 { width: 100%; margin-bottom: 10px; } .massage form .submit-btn { margin-left: 0px; } .massage .tips { padding-left: 0px; } .massage form .err-msg { display: block; margin-top: 5px; } .massage form textarea{width:100%;} /*头部*/ .logo{max-height:76px;max-width:none;margin:13px 0px 0px 0px;width:220px;float:left;} .telphone{display:none;} .navbar-default .navbar-collapse{height:700px !important;} .navbar-default .navbar-collapse{background:#ffffff;max-height:none;} .top_logo{height:70px;} .navbar-toggle{margin-top: 18px;} .left_active{color:#0000FF !important;} /*导航栏 go*/ .left_nav_ul_top{list-style:none;margin:0px;padding:0px; margin:10px 0px 0px 0px;padding-bottom: 10px;height:auto;} .left_nav_ul_top > li{position:relative; border-bottom: 1px solid #f2f2f2; background: url(../images/left_li.gif) 0px 22px no-repeat !important;padding:8px 10px 8px 10px; float: none;text-align:left;margin:0px;} .left_nav_ul_top > li > a{text-decoration:none; color:#303c4b;font-size:16px;} .left_nav_ul_top > li ul.left_snav_ul_top > li > a{font-size:14px;} .left_nav_ul_top > li > a:hover,.left_nav_ul li a.left_active{color:#0000FF;} /*小类*/ ul.left_snav_ul_top{list-style:none;padding:0px;display: none; padding-top: 8px;} ul.left_snav_ul_top > li{ margin:0px;padding:0px 0px 0px 20px; background: url(../images/left_sli.gif) 10px 21px no-repeat !important;} ul.left_snav_ul_top > li > a{border:0;color:#969494;padding: 5px 0px 5px 0px;} ul.left_snav_ul_top > li > a:hover{ text-decoration: none;color:#0000FF;} .menu_head_top{cursor:pointer; font: 600 18px/30px "Open Sans", sans-serif; width:35px; text-align:center;color:#303c4b;display:inline-block;position: absolute; top:13px; right:0px;} .menu_head_top:hover{ color: #0000FF;} .metop{position:relative;} .metop .menu_head_top2{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;} .metop .menu_head_top2:hover{ color: #0000FF;} .metop .menu_top2{position: unset;} .metop .menu_top2 li{ padding: 0px 20px !important;background:none !important;} /*导航栏 end*/ .left_nav_ul_top > li ul.left_snav_ul_top > li{line-height:40px;} .left_nav_ul_top > li ul.left_snav_ul_top{padding:0px 0px;} header{height:auto;} .hea-h{height:auto;} .left_nav_ul_top > li{width:auto;} .navbar{height: 70px;min-height: auto;margin-top:0px;} .about_l{width:100%;} .aboutus img{} .about_r{width:100%;margin-top:0px;} .aboutus .abfoot{position: static;height: 50px;margin-top:10px;} .aboutc{line-height: 22px;margin-bottom:30px;} .aboutus .abfoot .abico{ width: 20%; margin-right: 6%;} .aboutus .abfoot .abico span{font-size:12px;} .about_tit{margin:20px 0px 10px 0px;} .indu_box13{width:100%;height:auto;position: static;} .indu_box15{width:33%;margin:10px 0.15% 0px;} .indu_box14{width:33%;margin:10px 0.15% 0px;} .indu_box16{margin: 0px 0px 0px;} .tit_all{margin: 40px 0px 10px;height: 60px;} .product_list{margin-top: 10px;margin-bottom: 20px;} .product_cont {float:left;padding-right: 15px;padding-left: 15px;} .tit_all .title span{font-size: 14px;} .tit_all .title h3{ font-size: 20px; line-height: 25px;} .tit_all .title{width: 140px; height: 55px;} .about_contents .anniu{width: 120px; height: 35px;line-height:35px;} .index_news{width:100%;padding-inline-start:0px;margin-top:10px;} .index_news li{width:100%;margin-bottom: 10px;} .index_news li span{width: 100px;height: 130px;} .index_news li span strong{padding: 20px 0px 0px;} .tit_all .tit2{width:190px;} #Marquee_x ul li div img{width:100px;height:75px;} #Marquee_x ul li div{width:100px;height:100px;margin-right: 30px !important; line-height:30px;} .about_tit p{text-indent:0em;} .product_cont .product_title{height:40px;} .product_cont .product_title a{line-height:40px;} .product_list .pro-switch .flexslider .slides > li dd{width:44%; margin: 3%;} .product_list .pro-switch .flexslider .slides > li dd .info{height:40px;} .product_list .pro-switch .flexslider .slides > li dd .info .name{height:40px;line-height:40px;} .product_list .pro-switch .flexslider .slides{ padding:0;} .product_list .pro-switch{height:auto;} .product_list .pro-switch .flexslider{height:auto;} .product_list .pro-switch .flexslider .flex-viewport{padding-bottom:10px;} .tit_adv{ margin: 40px 0px 20px;height:45px;} .tit_adv .title{height: 40px;font-size: 25px;} .tit_adv .xian{height:4px;} .index_advantage{background:#ffffff;} .down_box{display:none;} .index_contact{margin: 20px 0px 0px 0px;} footer{padding: 10px 0px 0px 0px;} .index_contact p{margin: 0 0 0px;} .jc_top{margin-top:20px;} .adv_ico{margin-bottom: 30px;} .flex-wb{display:block;} .copyright_p{line-height: 30px;text-align:left;margin-top:10px;} .iphon{margin-bottom:10px;} .jc_top{text-align:right;justify-content:flex-end;} .top_menu{display:none;} .product_list .pro-switch .flexslider .flex-direction-nav a{width: 30px;height: 30px;background-size:cover;} .product_list .pro-switch .flexslider .flex-direction-nav .flex-next{background: url(../images/anniu.png) no-repeat right 0;background-size:cover;} .col-xs-12{padding-right: 0px;padding-left: 0px;} .hid-phone{display:none;} /*产品详情页*/ .pri_detail{width:100%;} .spec-preview{width:100%;height: auto;overflow:hidden;} .jqzoom{width:100%} .jqzoom img{width:100%} .spec-scroll{width:100%} .spec-scroll .items{width:90%} .product_info li .c2 { margin-left: 5px; } .product_info li .cont .cosize{width:60px;} .product_info li .cont .select{width: 80px;} .btn-dange-l{width: 45%;} .btn-dange-r{width: 45%;} .spec-scroll .items ul li{ width: 71px;} .spec-scroll .items ul li img{ width: 62px;height: 62px;} .spec-scroll .prev, .spec-scroll .next{ height: 71px;} .zoomdiv{display:none !important;} .speakform .mui-input-row2 label{width:100%;line-height: 25px;margin-top:15px;} .product_con ul .li1{width:90%} .product_con ul .li2{width:90%} .K1a .K1a2{ width:100%; margin: 0%;} .speakform .mui-input-row2 .f_r{ width: 70px;font-size:12px;} .logbb{ padding: 0px 10px;margin: -20px auto 0px;} .logbc{ padding: 0px 10px;margin: 0px auto 0px;} .form-signin3 .form-line{display:block;overflow:hidden;width:100%;margin-top: 10px;} .form-signin3 .form-line .name{float:left;width: auto;margin-left:10px;} .form-signin3 .form-line .desc{float:left;} .form-signin3 .form-line .desc_rr{width:90%;margin-left:10px;} .form-signin3 .form-line .form-textarea {width:90%;} .form-signin3 .form-line .f2{width:90%;max-width:none;float:left;} .form-signin3 .form-line span{float:left;} .form-signin3{ margin: 20px 0px 0px;} .bucen{max-width: 150px;} .showpic_box, .proinfo_box{ padding-right: 0px; padding-left: 0px;} /*我的订单*/ .table > thead > tr > th{padding: 0px 8px;} .table > tbody > tr > td{ height: 50px;line-height: 50px;font-size:12px;} .table > tbody > tr > td p{font-size:12px;} .table > tbody > tr > td .pay{font-size:12px;margin-top:0px;} .table{min-width:550px;margin-bottom: 0px;} .contents{overflow-x:scroll;padding: 4px 0px 4px 0px;min-height: 375px;margin:0px 10px;} /*翻页*/ .wm_box23{margin-top: 20px;} .wm_box23 a{ padding: 4px 2px;margin: 0px 2px;} /*登录*/ .login_text{padding: 30px 20px;width:92%;margin:0px 3%;float:right;margin-top:20px;} .login-others .xtb img{ width: 25px; height: 25px; margin-right: 5px;} .login-others .xtb{font-size:12px;} .login_bj{height: auto;width:92%;margin:0px 3%;background:#ffffff;} .login_bj .login_bac{height: 770px;width: 100%;margin-left:0px;position:unset;background:none;} .form-signin{max-width:none;width:90%;} .btn-lg{max-width:none;margin-left: 0px} .logbc{padding: 0px;} .register-cont{ max-width: none; width: 100%;} .logba{padding:0px;width:100%;} .login_bj .login_bac{height:auto;} .register-cont .form-line{display:unset;} .form-signin2{margin: 10px 0px 0px;} .register-cont .form-line .f2{width: 90%; max-width: none; float: left;} .register-cont .form-line .name{margin-left:10px;} .mb-xy{margin: 30px 0px 0px 10px;} .dl-1{margin: 20px 0px 20px 10px;} .phone-show{display:block;} .pro_name_bak{margin-right: 0px; margin-left: 0px;} .font24{font-size:24px;} .comdesc{font-size:13px;line-height:25px;} .mapcont .title{font-size:18px;} .mapcont .cpname{font-size:13px;} .mapcont{margin: 20px;} .pers-con .top{height:auto;line-height: 60px;padding: 0 10px;border-radius:0px;} .pers-con .top .to-use{margin-top: 15px;line-height: 30px;width: 70px; height: 30px;} .pers-con .main .tab>span{margin:0px 3%;} .pers-con .main .tab{text-align:center;} .main table th:nth-child(2), .main table td:nth-child(2){ padding-left: 1%;/*width:54%;*/} .main table th:nth-child(1){width:33%;} /*我的购物车*/ .table > tbody > tr > td:first-child{width:30%;} .propho{width:100%;height: auto;margin-bottom:5px;} .propho img{width:100%;height: auto;} .proname{margin-top: 0px; width:100%; max-width: 100%;margin-bottom:10px;} .sc-total-fixed{min-width: 100%;} .add_tit_r{line-height: 29px;} .row-t{margin-top:10px;} .bc2{margin-bottom:30px;padding: 0px 10px;} .pay_cont .listbox .list_l .dian{margin-left: 7px;} .taw{width:100%; min-width: 100%;font-size:12px;} .table > thead > tr > th:nth-child(1) { width:10%; } .table > thead > tr > th:nth-child(2) { width:10%; } .table > thead > tr > th:nth-child(3) { width:10%; } .table > thead > tr > th:nth-child(4) { width:30%; } .table > thead > tr > th:nth-child(5) { width:20%; } .table > thead > tr > th:nth-child(6) { width:10%; } .table > thead > tr > th{font-size:12px;} .num_wrap{width:auto;} .odr_cont{width:90%; margin: 20px auto 20px; } .odr_title{font-size:12px;} /*加盟流程*/ .JoinProcess li { width: 130px; display: inline-block; white-space: normal; vertical-align: bottom; padding-right: 30px; text-align: left; position: relative; } .JoinProcess li:last-child { width: 100px; padding-right: 0; } .overflow-x { overflow-x: auto; } .JoinProcess li:before{ right: 7px; bottom: 24px;} .feedback-form .text-item { float: left; width: 100%; padding: 0 5px; } .feedback-form .ctrl-item input[type="submit"]{height: 40px;line-height:40px;width: 130px;} .feedback-form .ctrl-item input{height: 40px;line-height:40px;width: 130px;} .odr_title .ord_pay{float:left;margin-top:20px;width:100%;display:block;} .odr_title{text-align:left;overflow:hidden;} .odr_title span{float:left;} .weixinPay_code_box{width: 100%;} .weixinPay_top{height:auto;line-height:44px;padding-left:10%;} .weixinPay_top i{top:14px;} .weixinPay_top_p1{line-height:44px;margin: 0 0 0px;} .weixinPay_top_p2{line-height:30px;} .odr_title{padding: 0px 40px 30px;} .weixinPay_code{margin-right: 0px;float:none;margin:auto;} .weixinPay_tel{float:none;margin:auto;margin-top:20px;} .pay_cont .listbox .list_r .lis_tit{line-height: 35px;} .pay_cont .listbox .list_r .list1{line-height: 60px;} .pay_cont .listbox .list_r .lis_titb{line-height: 34px;} .pay_cont .listbox .list_r .listb1{line-height: 38px;} .pay_cont .pay_zffs_item label{max-width: 20%;} .tm-video-play{height:366px !important;} .sc-total-tool .sc-total-btn a{ width: 80px; height: 50px; line-height: 50px; font-size: 14px;} .sc-total-tool .sc-total-price {margin-top: 5px;padding-right:10px;font-size:12px;} .sc-total-fixed{ height: 50px;} .sc-total-tool{padding-right: 5px; padding-left: 5px;} .index_news{ padding:0;} /**768*/ } /*370px到768px*/ @media screen and (min-width:400px) and (max-width:768px) { .col-mm-1, .col-mm-2, .col-mm-3, .col-mm-4, .col-mm-5, .col-mm-6, .col-mm-7, .col-mm-8, .col-mm-9, .col-mm-10, .col-mm-11, .col-mm-12 { float: left; } .col-mm-12 { width: 100%; } .col-mm-11 { width: 91.66666667%; } .col-mm-10 { width: 83.33333333%; } .col-mm-9 { width: 75%; } .col-mm-8 { width: 66.66666667%; } .col-mm-7 { width: 58.33333333%; } .col-mm-6 { width: 50%; } .col-mm-5 { width: 41.66666667%; } .col-mm-4 { width: 33.33333333%; } .col-mm-3 { width: 25%; } .col-mm-2 { width: 16.66666667%; } .col-mm-1 { width: 8.33333333%; } .logbb{ padding: 0px 10px; margin: -20px auto 0px;} .logbc{ padding: 20px 10px; margin: 0px auto 0px;} .logbd{ padding: 0px 10px; margin: 0px auto 0px;} .form-signin3 .form-line{display:block;overflow:hidden;width:100%;} .form-signin3 .form-line .name{float:left;width: 80px;} .form-signin3 .form-line .desc{float:left;} .form-signin3 .form-line .desc_rr{width:70%;margin-left:90px;} .form-signin3 .form-line .form-textarea {width:64%;} .form-signin3 .form-line .f2{width:64%;max-width:none;float:left;} .form-signin3 .form-line span{float:left;} /**400*/ }