@import "font-awesome.min.css"; /* CSS Document */ /**全局**/ *{ margin:0px; padding:0px;} div,form,img,ul,ol,li,dl,dt,dd,map {padding:0;margin:0;border:0;} h1,h2,h3,h4,h5,h6 {margin:0;padding:0; } body{margin:0px; padding:0px; background:#fff;font-size:14px; line-height:30px;color:#333;font-family:"思源黑体","微软雅黑",Arial, Helvetica, sans-serif;} ul,li{list-style:none;} .clear{clear:both;} a{color:#666;text-decoration:none;} a:hover{color:#0065b5;text-decoration:none;} img{border:none;} hr{margin:5px 0px;width:100%; height:1px;border:none;line-height:0px; font-size:0px; } div{margin:0px auto;} .f_l{ float:left;} .f_r{ float:right;} input,select{padding:1px;font-family:arial, Helvetica, sans-serif;} .blank{width:100%;height:10px;clear:both;overflow:hidden;} .blank20{width:100%;height:20px;clear:both;overflow:hidden;} .hide{display:none;} .noInfo{float:left;padding:10px 0; width:100%;text-align:center;} .passcode{position: absolute;top: 0;right: 0;margin: 1px;height: 32px;line-height: 32px;border-left: 1px solid #ddd;border-radius: 0 4px 4px 0;text-align: center;} .input_submit{float:left;width:77px;height:41px;background:url(../images/search.png) no-repeat left top; text-align:center;line-height:41px; color:#fff; border:0px; cursor:pointer;} .float_bg{float:left;width:118px;padding:2px 0;background:url(../images/qq_3.gif) repeat-y left top;} .f_list{float:left;margin:5px auto;width:100%;clear:both;} .f_list span{float:left;width:80px;} .btn_submenu{display: none;} .backToTop{display: none;position: fixed;right: 5px;bottom: 60px;width: 35px;height: 35px;cursor: pointer;z-index: 9;background: #f08e26 url(../images/icon-gotop-fixed.png) no-repeat center center;} .zoomimgs{display:block; width:100%;height:0; overflow:hidden; background-position: center center; background-repeat: no-repeat; -webkit-background-size:cover; -moz-background-size:cover; background-size:cover;/*图片不裁切需要全部显示改用background-size:contain,改变图片缩放比例改paddding-bottom的百分比,如图片宽高1:1 100%,4:3 75%,3:4 133.33%*/} .picimgs{padding-bottom:96%;} .advimgs{padding-bottom: 84%;} .newsimgs{padding-bottom: 70%;} iframe{max-width: 100%;} /*全部*/ .home_title{text-align: center;} .home_title h2{font-size:30px;color: #0065b5;line-height: 30px;} .home_title p img{margin:16px 0;max-width: 100%;} .main{padding:50px 0;width:100%;overflow: hidden;} .main_content img{max-width:100%;} #banner{margin-top:90px;width:100%;height: 320px;background-size: cover;background-repeat: no-repeat;} /*顶部*/ #header{ position: fixed; top:0px; left:0; right: 0; background-color: #2879FF;z-index:9; -webkit-transition: all 0.3s ease-out; -moz-transition: all 0.3s ease-out; -ms-transition: all 0.3s ease-out; -o-transition: all 0.3s ease-out; transition: all 0.3s ease-out;} #header .logo{width:40%;padding:18px 0 10px;} #header .nav_right{width: calc(100% - 40%);} #header .index_logo{display: none;} #header .logo img{max-width: 100%;} #header .contact_info{font-size:12px;color: #fff;} #header .nav_right_top{padding-bottom:10px;text-align: right;} #header .nav_head{position:relative;padding:0 50px;} .home_body #header{background-color: transparent;} .home_body #header .index_logo{display: block;} .home_body #header .inner_logo{display: none;} .home_body #header.float_header{background-color: #2879FF;} .home_body #header.float_header .index_logo{display: none;} .home_body #header.float_header .inner_logo{display: block;} /* 导航 */ #navigation{width:100%;text-align: right;} #navigation>ul{display: table;width: 100%;} #navigation>ul>li{display: table-cell;} #navigation>ul>li>a{display:block;font-size: 18px;color: #fff;line-height:50px;text-align: center;} #navigation>ul>li:hover>a{ background-color: #fff; color: #0065b5; border-radius: 4px 4px 0 0; -webkit-border-radius: 4px 4px 0 0; -moz-border-radius: 4px 4px 0 0; -ms-border-radius: 4px 4px 0 0; -o-border-radius: 4px 4px 0 0; } #navigation>ul>li>ul{display:none;position:absolute;top:100%;left: 0;padding:20px 0 30px 60px;width:100%;background-color: rgba(255,255,255,.99);text-align:left;box-shadow: 4px 4px 4px rgba(6,6,6,.5);} #navigation ul li ul li{ position:relative; width:100%; float: left; } #navigation ul li ul i{position:absolute; padding: 3px 4px; display: inline-block; top: 5px; right: 40%;font-size: 8px; font-style: normal} #navigation ul li ul li a{padding:50px 0 20px 20px;display:block;width:95%;color: #0065b5;font-size: 30px;line-height:18px;white-space: nowrap;} #navigation ul li ul li ul{position:static; margin:0;padding:10px;display: block;} #navigation ul li ul li ul li{width: 25%; padding:10px 0 10px 10px;} #navigation ul li ul li ul li dl{ display: block} #navigation ul li ul li ul li dt{ width: 50%; padding:10px 0 0px 0px; font-weight: normal} #navigation ul li ul li ul li dt a{ font-size: 16px;} /*#navigation ul li ul li ul li:hover{background-color: #f7f7f7;}*/ #navigation ul li ul li ul li a{padding:0;font-size:18px;color:#666;} /* search */ .search_box{ background: #f1f1f1; border:#dcdcdc solid 1px;} .search_box{position: relative;display:inline-block;margin:4px 0 0 10px;padding: 0; width: 320px; height: 36px; border-radius: 20px; } .search_box .skw{padding-right: 25px; padding-left:8px; width: 100%;height: 36px;background: none;border: none;color:#333;font-size: 14px;text-indent: 8px;outline: none;} .search_box .skw::placeholder{color: #c3c3c3;} .search_box .icon_search{position: absolute;top: 0;right: 0; width: 36px;height: 36px;background: transparent;border: none;line-height: 1;outline: none;z-index: 3;} .search_box i.fa-search{position: absolute;top: 0;right: 0; width: 36px;height: 36px;text-align: center;cursor: pointer;z-index: 2;} .search_box i.fa-search:before{font-size: 20px;line-height: 36px;} /*轮播*/ #mobile_flash{display: none;} .flex-container a:active, .flexslider a:active, .flex-container a:focus, .flexslider a:focus{outline: none;} .slides, .flex-control-nav, .flex-direction-nav{margin: 0;padding: 0;list-style: none;} .flexslider{position:relative;z-index:1;margin: 0;padding: 0;} .flexslider .slides img{display: block;width: 100%;} .flex-pauseplay span{text-transform: capitalize;} .slides:after{content: "\0020";display: block;height: 0;clear: both;visibility: hidden;line-height: 0;} html[xmlns] .slides{display: block;} * html .slides{height: 1%;} .no-js .slides > li:first-child{display: block;} .slides li{position: relative;} .flex-control-nav{position:absolute;bottom:15px;z-index:2;width:100%;text-align:center;} .flex-control-nav li{margin:0 3px;display:inline-block;width: 12px;height:12px;*display:inline;zoom:1;} .flex-control-nav a{display:inline-block;width:12px;height:12px;background: #fff ;cursor:pointer;text-indent:-2000px;border-radius:50%;border:1px solid #c7c7c7} .flex-control-nav .flex-active{background: #4ea00c;border:1px solid #4ea00c} .flex-direction-nav{display:none;position:absolute;top:50%;z-index:3;width:100%;} .flex-direction-nav li a{position:absolute; top: 50%; width:56px; height:75px;display:block; cursor:pointer;font-size:0px;} .flex-direction-nav li a.flex-prev{ left:10%;background: rgba(0,0,0,.5) url(../image/prev.png) no-repeat center center;} .flex-direction-nav li a.flex-next{ right:10%;background: rgba(0,0,0,.5) url(../image/next.png) no-repeat center center;} .flex-direction-nav li a:hover{background-color:rgba(0,0,0,.8);} .overlay{position: absolute;top: 44%;left: 0;padding-left:120px;width: 100%;height: 100%;} .overlay_text h2,.overlay_text p{padding-bottom:30px;font-size: 50px;color: #fff;} .overlay_text h2{font-weight: bold;} .overlay_text a{margin-top:10px;padding:15px 60px;display:inline-block;background-color: #006dde; color:#fff; font-size:18px; line-height: 18px; border-radius: 6px; -webkit-border-radius: 6px; -moz-border-radius: 6px; -ms-border-radius: 6px; -o-border-radius: 6px; } .overlay_text a:hover{background-color: #0c73de;} /* 产品 */ #pro_cat{padding:40px 0; /*background-image:url(../image/cat_bg.jpg);background-size: cover;background-repeat: no-repeat;background-position: center center;*/ } .w2{float: left;width:20%;} .cat_item{text-align: center;} .cat_item a{display: block;} .cat_item .cat_item_img{padding:0 10px; } .cat_item .cat_item_img img{border-radius:150px; max-width:100%;transform:scale(1.0) ; -webkit-transform:scale(1.0) ; -moz-transform:scale(1.0) ; -ms-transform:scale(1.0) ; -o-transform:scale(1.0) ; transition:transform 0.5s ease-in-out ; -webkit-transition:transform 0.5s ease-in-out ; -moz-transition:transform 0.5s ease-in-out ; -ms-transition:transform 0.5s ease-in-out ; -o-transition:transform 0.5s ease-in-out ; } .cat_item .cat_item_img:hover img{ transform:scale(1.1) ; -webkit-transform:scale(1.1) ; -moz-transform:scale(1.1) ; -ms-transform:scale(1.1) ; -o-transform:scale(1.1) ; } .cat_item h2{padding-top:10px;font-size:18px;line-height:30px;color: #666;text-align:center;} /* 优质服务 */ #service{padding: 0;} #service .container{ padding:50px 0; background: #f1f1f1 url(/static/website/image/abo.jpeg?r=2) no-repeat 0 center; background-size:320px 100% ; } .service_con{padding:0 7% 0 32%; color: #333333;} .service_con h2{padding-bottom:30px;font-size: 36px; line-height: 50px;} .service_con .service_info{font-size:16px;} /* 关于我们&新葡萄最新官网登录页面 */ #about_news{padding:80px 0;} .title_box{padding-bottom:20px;} .title_box h2{font-size: 30px;color:#333;font-weight:bold;} .title_box span{font-size:18px;color: #999;text-transform: uppercase;} .title_box a.more_btn{float:right;color: #4ea00c;} /* 关于我们 */ .about_box{padding-right:40px;font-size:16px;} .about_desc img{padding-bottom:20px;max-width: 100%;} .about_desc .about_btn{margin-top:20px;padding:10px 26px;display:inline-block;font-size:14px;line-height:14px;border:2px solid #4ea00c;} .about_desc .about_btn:hover{background-color: #4ea00c;color:#fff;} /* 新葡萄最新官网登录页面 */ .news_box{padding-left:40px;} .news_list li a.news_title{display:block;font-size:16px;color: #333;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;} .news_list li a:hover{color:#4ea00c;} .news_list li:first-child{margin-bottom:10px;padding-bottom:20px;border-bottom: 1px solid #e5e5e5;} .news_list li .news_img{width:142px;height:110px;margin-right: 15px;} .news_list li .news_img img{max-width:100%;} .news_list li .news_desc{height:54px;font-size:14px;color: #666;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp:2;overflow: hidden;text-overflow: ellipsis;} .news_list li .time{font-size: 12px;color: #333;} .news_list li .time_r{float: right;font-size: 12px;color: #999;} /* 合作伙伴 */ #partner{padding:100px 0;} .index_title{text-align: center;} .index_title h2{font-size:30px;color:#333;font-weight: bold;line-height:72px;} .partner_flash{padding-top:60px;} .partner_item{padding:0 10px;text-align: center;} .partner_item h2{font-size: 16px;line-height: 40px;white-space: nowrap;} .partner_item img{max-width: 100%;} /* 底部 */ #footer{background-color: #0065b5;color:#fff;} #footer a{color: #fff;} .foot_logo{padding:30px 0 20px;border-bottom:1px solid #1a75bd;} .foot_logo img{max-width: 100%;} .foot_middle{padding:25px 40px;line-height: 30px;} .foot_middle h2{padding-top:10px;font-size: 18px;font-weight: bold;color: #fff;line-height: 30px;} .foot_middle .foot_contact p{float: left;width: 50%;} .foot_cat{float: left;} .foot_cat{padding-left: 80px;} .foot_cat ul{width: 220px;font-size: 0;} .foot_cat ul li{display: inline-block;width: 50%;} .foot_cat ul li a{font-size: 14px;} .foot_cat ul ul{display: none;} .foot_wechat{float: right;width:90px;height:90px;text-align:center;} .foot_wechat img{width:90px;margin:0 auto;} .foot_bottom{padding:14px 0;background-color:#000;text-align: center;} .foot_bottom .copyright{line-height: 24px;} /* 内页 */ #leftbar{float: left;width: 295px;} #right_con{float: right;width: calc(100% - 325px);} .ur_here{text-align: right;color:#666;} .ur_here a{color: #666;} .ur_here a:hover{color: #0065b5;} .main_content .right_title{margin-bottom:20px;border-bottom:1px solid #e5e5e5;} .main_content .right_title,.main_content .right_title a{font-size: 30px;line-height:72px;color: #333;font-weight: bold;text-align: center;} /* 分类导航 */ .subnav{width:100%;} .subnav h2{ padding:20px 0 20px 24px; background-color: #0065b5; font-size:24px; color: #fff; border-radius: 4px 4px 0 0; -webkit-border-radius: 4px 4px 0 0; -moz-border-radius: 4px 4px 0 0; -ms-border-radius: 4px 4px 0 0; -o-border-radius: 4px 4px 0 0; } .subnav h2 a{display:block;font-size:24px;color:#fff;line-height: 30px;} .subnav_list li{position: relative;} .subnav_list li span.btn_subnav{position: absolute;top:0;right: 0;padding-top:18px;width: 50px;height: 100%;text-align:center;cursor: pointer;z-index:2;} .subnav_list li span.btn_subnav:before{color: #8f8f8f;font-size:12px;} .subnav_list li:not(:last-child){border-bottom:1px solid #fff;} .subnav_list li a{padding:0 24px;display:block;background-color: #f7f7f7;font-size: 16px;line-height:50px;color: #333;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;} .subnav_list li:hover>a,.subnav_list li.current>a{background-color: #e4e4e4;color: #0065b5;} .subnav_list li:hover>span.btn_subnav:before,.subnav_list li.current>span.btn_subnav:before{color: #0065b5;} .subnav_list li ul{display: none;} .subnav_list li ul li:not(:last-child){border-bottom: 1px solid #e5e5e5;} .subnav_list li ul li a{padding:0 36px;line-height: 40px;} .subnav_list li ul li ul li a{padding:0 36px 0 72px;line-height: 40px;} /* 热门文章 */ .hot_art{ margin-top: 50px; background-color: #f7f7f7; border-radius: 4px; -webkit-border-radius: 4px; -moz-border-radius: 4px; -ms-border-radius: 4px; -o-border-radius: 4px; } .hot_art h2{padding: 0 24px;border-bottom:1px solid #fff;line-height: 64px;font-size:24px;} .hot_art ul{padding:10px 0 20px;} .hot_art ul li{padding:0 24px;line-height: 40px;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;} /* 产品 */ .pro_main .pro_list{padding-top:0 ;} .pro_item{margin-bottom: 10px;} .pro_item .pro_img{width: 100%;border: 1px solid #e5e5e5;overflow: hidden;} .pro_item .pro_img .picimgs{ transform:scale(1.0) ; -webkit-transform:scale(1.0) ; -moz-transform:scale(1.0) ; -ms-transform:scale(1.0) ; -o-transform:scale(1.0) ; transition: all 0.5s ease-out; -webkit-transition: all 0.5s ease-out; -moz-transition: all 0.5s ease-out; -ms-transition: all 0.5s ease-out; -o-transition: all 0.5s ease-out; } .pro_item .pro_img:hover .picimgs{ transform:scale(1.1) ; -webkit-transform:scale(1.1) ; -moz-transform:scale(1.1) ; -ms-transform:scale(1.1) ; -o-transform:scale(1.1) ; } .pro_item .pro_title{text-align: center;} .pro_item .pro_title a{padding:15px 0;display:block;font-size: 14px;color: #333;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;} .pro_item:hover .pro_title a{color: #0065b5;} .productImg{width: 400px;margin:0 auto;text-align: center;} .productImg img{max-width: 100%;} .productTitle{font-size: 16px;text-align: center;} .detailsTitle{padding-top:20px;border-bottom: 1px solid #e5e5e5;} .detailsTitle span{font-size: 16px;color: #0065b5;} .productDesc{padding-top: 20px;} /*新闻*/ .pro_main .art_list{padding-top:0 ;} .art_item{padding:15px 0;border-bottom: 1px dashed #e5e5e5;} .art_item:first-child{padding-top: 0;} .art_item .art_img{float:left;width: 20%;} .art_item .art_info{float: left;padding-left:15px;width: 80%;} .art_item .art_title a{display:block;font-size: 18px;line-height:30px;color: #333;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;} .art_item .time{color: #999;} .art_item .art_desc{padding-top:8px;line-height:24px;color:#666;text-overflow: -o-ellipsis-lastline;overflow: hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 2;-webkit-box-orient: vertical;} .art_item:hover .art_title a{color: #0065b5;} .articleTitle{text-align: center;} .articleTitle h2{color: #0065b5;font-size: 22px;} .articleInfo{font-size:12px;color: #999;text-align: right;} /*分页*/ .page{margin-top: 20px;text-align: center;} .page a{display:inline-block;margin:0 4px;padding:2px 8px;font-size: 15px;} .page a:hover,.page a.active{color: #0065b5;} .pageUpDown{padding-top: 20px;} .pageUpDown .page_next{text-align: right;} .pageUpDown a:hover{color: #0065b5;} /* 在线咨询 */ .inquiry_modal .modal-header{padding: 10px 15px;} .inquiry_modal .modal-dialog{margin:10% auto;width: 260px;} .inquiry_modal .close{ color: #0065b5; opacity: 1; filter: alpha(opacity=100); -webkit-filter: alpha(opacity=100); } .inquiry_modal .i_list{margin-bottom: 6px;} .inquiry_modal .input_text,.inquiry_modal .input_area{padding-left:6px; width: 100%;font-size: 14px; color:#666;border: 1px solid #e5e5e5; border-radius: 4px; -webkit-border-radius: 4px; -moz-border-radius: 4px; -ms-border-radius: 4px; -o-border-radius: 4px; } .inquiry_modal .input_text::placeholder{color: #666;} .inquiry_modal .input_text:-moz-placeholder{color: #666;} .inquiry_modal .inquiry_submit{background-color: #0065b5; border: none; font-size:16px; line-height:40px;color: #fff; outline: none; border-radius:4px; -webkit-border-radius:4px; -moz-border-radius:4px; -ms-border-radius:4px; -o-border-radius:4px; } /*留言*/ .f_list{position:relative;margin:10px auto;width:80%;float:none;} .f_list .f_input{padding:0 4px;width:100%;background-color:transparent;color:#666;border:1px solid #dedede;line-height:34px;box-shadow: -2px -2px 2px #f8f8f8, 2px 2px 2px #f8f8f8;border-radius:3px;-o-border-radius:3px;-webkit-border-radius:3px;-moz-border-radius:3px;-ms-border-radius:3px;} .f_list .f_input::placeholder{color:#999;} .f_list .btn{color: #fff;font-size:14px;} .f_list .btn_submit{background-color: #0065b5;} .f_list .btn_reset{background-color: #71b13d;} .f_list .btn_submit:hover{background-color: #218ace;} .f_list .btn_reset:hover{background-color: #71b13d;} /*toolbar*/ #toolbar2{display:none;} #toolbar{position:fixed;right:30px;top:50%;margin-top:-136px;width:50px;z-index:1000000;} #toolbar li{float:left;position:relative;margin:4px 0px;width:50px;height:50px;} #toolbar li .t_item{ position:absolute; left:0px; top:0px; display:block; width:50px; height:50px; background:#71b13d; text-align:center; line-height:68px; color:#fff; text-decoration:none; z-index:2; border-radius:4px; -webkit-border-radius:4px; -moz-border-radius:4px; -ms-border-radius:4px; -o-border-radius:4px; } #toolbar li a.t_item:hover,#toolbar li a.cur{background:#71b13d;} .tool_qq{display:none;position:absolute;left:-118px;top:0px;width:118px;padding:0 10px 0 0; } .tool_qq_con{float:left;padding:10px 0;width:108px;border:1px solid #71b13d; background:#fff; text-align:center;} .tool_tel{ position:absolute; left:0px; top:0px; padding:0 0 0 10px; width:170px; height:50px; background:#0065b5; line-height:50px; font-size:18px; color:#fff; white-space:nowrap; border-radius:4px; -webkit-border-radius:4px; -moz-border-radius:4px; -ms-border-radius:4px; -o-border-radius:4px; } .tool_weixin {position:absolute;top:0px;width:118px;left:-118px;padding:0 10px 0 0; display:none;} .t_wx_con{padding:3px;width:108px;background:#fff;border:1px solid #71b13d;text-align:center; font-size:14px; line-height:22px;} .t_wx_con img{width:100px;height:100px;} .t_item i{display:block;width:50px;height:50px;} .t_item i:before{font-size: 20px;line-height: 50px;} .fa-weixin:before{ content: "\f1d7"; padding: 4px; background: #fff; color: #71b13d; font-size: 14px !important; border-radius: 50%; -webkit-border-radius: 50%; -moz-border-radius: 50%; -ms-border-radius: 50%; -o-border-radius: 50%; } @media screen and (min-width: 1230px){ .container{width: 1230px;} } @media screen and (min-width: 993px) and (max-width:1201px){ #header .logo{width: 28%;} #header .nav_right {width: calc(100% - 28%);} .search_box{width: 260px;} .overlay_text h2, .overlay_text p{padding-bottom:20px;font-size:40px;} .service_con{padding-left:30%;} #banner{height: 240px;} .art_item .art_img{width: 30%;} .art_item .art_info{width: 70%;} } @media screen and (max-width: 992px){ #header .nav_head{padding: 0 20px;} #header .logo{width: 28%;} #header .nav_right {width: calc(100% - 28%);} .search_box{display: none;} #navigation>ul>li>a{padding:0;font-size: 16px;} .overlay_text h2, .overlay_text p{padding-bottom:10px;font-size:30px;} .foot_middle p{width: 100%;} .foot_cat{padding-left: 0;} .service_con{padding-left:20%;} #banner{height: 200px;} .art_item .art_img{width: 30%;} .art_item .art_info{width: 70%;} .art_item .time{display: none;} } @media screen and (max-width: 768px){ iframe{height: 260px !important;} #header .nav_head{display: none;} #header{top:0;padding:10px 0;} #header .logo{padding:0;width: auto;} #header .logo img{width: auto;} .home_body #header,.home_body #header.float_header{background-color: #0065b5;} .home_body #header .inner_logo{display: block;} .mobile_menu,.btn_submenu{display: block;} .mobile_search_icon{position: absolute;top: 0;right: 50px;display: block;width: 30px;height: 100%;} .mobile_search_icon.fa-search:before{font-size: 18px;color: #fff;line-height: 44px;} #flash{display: none;} #mobile_flash{display:block;} .mobile_search {display:none;position: absolute;top: 54px;left: 0;margin:0;width: 100%;border-radius: 20px;-webkit-border-radius: 20px;-moz-border-radius: 20px;-ms-border-radius: 20px;-o-border-radius: 20px;-webkit-box-shadow: 2px 2px 2px 0px #b1a5a5;-moz-box-shadow: 2px 2px 2px 0px #b1a5a5;-ms-box-shadow: 2px 2px 2px 0px #b1a5a5;-o-box-shadow: 2px 2px 2px 0px #b1a5a5;box-shadow: 2px 2px 2px 0px #b1a5a5;} .foot_top{display: none;} .foot_middle{padding:10px 0;} #pro_cat{padding:60px 0 40px;} .w2{margin-bottom:20px;width: 33.33%;} .cat_item h2{font-size: 14px;} .service_con{padding-left: 0;} .service_con h2{padding-bottom: 20px;font-size:24px;text-align:center;} .service_con .service_info{font-size:14px;} #about_news{padding:60px 0;} .about_box{margin-bottom: 30px;padding-right: 0;} .news_box{padding-left: 0;} .title_box{padding-bottom: 10px;} .title_box h2{font-size: 24px;} .title_box span{font-size: 16px;} #partner{padding:60px 0;} .partner_item h2{font-size:14px;} .main{padding:30px 0;} #banner{margin-top: 60px;height: 160px;} #leftbar{display:none;} #right_con{float: none;width: 100%;} .main_content .right_title, .main_content .right_title a{font-size: 24px;} .art_item .time{display: block;} .pageUpDown .page_next{text-align: left;} .f_list{width: 100%;} /*手机底部导航*/ #toolbar{display:none;} .blank55{height:55px; line-height:1px; clear:both;} #toolbar2{position:fixed;bottom:0;left:0;display:block;width:100%;height:54px;background:#000; color:#fff;z-index:8;} #toolbar2 li{float:left;width:25%;text-align:center;} #toolbar2 a{display:block;padding:5px 0 0 0;width:100%;color:#fff;line-height:23px;font-size:14px;} #toolbar2 a span{display:block;font-size:22px; } } @media screen and (max-width: 480px){ .foot_cat{display: none;} .foot_wechat{float: none;margin:10px auto 30px;} .foot_middle .foot_contact p{width: 100%;} .service_con h2{font-size:20px;font-weight: bold;} #banner{height: 120px;} .main_content .right_title, .main_content .right_title a{font-size: 20px;line-height: 30px;padding:15px 0;} .art_item .art_info{padding-left: 10px;} .art_item .art_title a{font-size: 16px;} .art_item .time{display: none;} .art_item .art_desc{padding-top: 0;} .productImg{width: 100%;} } .partner_item img{ height: 60px; } .sub_menu{ height: 750px; overflow: hidden; } .sub_menu .image_wrap{ text-align: center; } .sub_menu .image_wrap .box{ padding: 80px 80px 0 80px; } .image_li_1{ /*float: left;*/ margin-left:20px; position: absolute; left: 50%; } .image_li_0{ float: right; margin-right:20px; position: absolute; right: 50%; } .sub_menu .image_wrap .box p{ padding-top:25px; text-align: center; font-size: 30px; } .sub_menu .cate_wrap{ display: none; } .search_wrap{ padding:30px 0 10px 0; text-align: center; } #pro_cat .title{ font-size: 30px; font-weight: bold; text-align: center; margin:35px auto 55px auto; height: 70px; line-height: 70px; background: url(../image/title_bg.jpg) no-repeat 50% 50%; background-size: auto 100%; } .bg-line{ height: 25px; background-size: auto 100%; clear: both; border-bottom:#f1f1f1 solid 1px; text-align: right; margin-top: 60px; } .pagination-wrap{ text-align: center; margin-top: 20px; }