@charset "utf-8"; * { margin:0; padding:0; box-sizing:border-box; -webkit-box-sizing:border-box; -moz-box-sizing:border-box } ul li { list-style:none } a { text-decoration:none } a:focus{ outline:none; } .clear { clear:both } img { padding:0; margin:0; border:0 } .clearfix:before, .clearfix:after { content:" "; display:table } .clearfix:after { clear:both } input,textarea{ outline: none; } body { font-family:"寰蒋闆呴粦"; font-size:14px; } .top{ background-color:#000; height:30px; line-height:30px; } .toplogo{ float:right; } .toplogo img{ max-width:100%; height:auto; } .container1{ width:73.5%; margin:0 auto; } .home{ height:577px; } .inner{ height:485px; } header { width:100%; margin:0 auto; position:relative; } .dingbu{ overflow:hidden; padding-bottom:6px; position: relative; z-index: 999; } .dblogo{ float:left; margin-top:16px; } .dblogo img{ max-width:100%; height:auto; } .tel{ float:right; margin-top:18px; } .tel p{ background:url(../images/tel.png) no-repeat left center; color:#f7f7f7; font-size:16px; padding-left:35px; line-height:26px; text-shadow: 2px 3px 5px #000; } .daohang { display:block; width:100%; margin:0 auto; height:95px; clear:both; position: relative; z-index: 999; background:url(../images/navbg.png) no-repeat center center; } .yx { float:left; } .yx a { display:block; padding-top:24px; } .yx img { max-width:100%; height:auto; } .navdaohang { float:right; margin-top:-5px; } .menupc li{ float: left; text-align: center; position: relative; background:url(../images/navli.png) no-repeat right center; margin-right:10px; } .menupc li:last-child{ background:none; margin-right:0px; } .menupc li a{ display:block; color:#fff; padding: 0px 19px; font-size:16px; line-height:100px; } .menupc li a i{ position:absolute; height:16px; width:100%; top:0px; display:none; } .i1{ background:url(../images/left.png) no-repeat top left; left:-6px; } .i2{ background:url(../images/right.png) no-repeat top right; right:-6px; } .menupc li a:hover i{ display:block; } .menupc li:hover a i{ display:block; } .menupc li .current i{ display:block; } .menupc li:hover a{ color:#1a1a1a; background-image: -moz-linear-gradient(top, #ffe57c, #f8ba0f); /* Firefox */ background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0, #ffe57c), color-stop(1, #f8ba0f)); /* Saf4+, Chrome */ filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffe57c', endColorstr='#f8ba0f', GradientType='0'); /* IE*/ } .menupc li a:hover{ color:#1a1a1a; background-image: -moz-linear-gradient(top, #ffe57c, #f8ba0f); /* Firefox */ background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0, #ffe57c), color-stop(1, #f8ba0f)); /* Saf4+, Chrome */ filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffe57c', endColorstr='#f8ba0f', GradientType='0'); /* IE*/ } .menupc li .current{ color:#1a1a1a; background-image: -moz-linear-gradient(top, #ffe57c, #f8ba0f); /* Firefox */ background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0, #ffe57c), color-stop(1, #f8ba0f)); /* Saf4+, Chrome */ filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffe57c', endColorstr='#f8ba0f', GradientType='0'); /* IE*/ } .menupc ul{ background-color:#da251c !important; position: absolute; display:none; left: 0; top:41px; overflow: hidden; z-index: 999; width:100%; border-radius:5px; padding:10px 0px; } .menupc ul li{ float: none; position: static; text-align: center; background:none; line-height: 35px; width:100%; } .menupc ul li a{ display: block; font-size: 14px; position: static; color:#fff !important; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; padding: 0px 10px; } .menupc ul li a:hover{ color:#f5a8be !important; } .menupc ul li .current{ color:#f5a8be !important; } .menupc ul.subnav { display: block; } /*鎵嬫満瀵艰埅*/ .phone-nav { position:absolute; font-size:30px; right:15px; top:0px; line-height:90px; display:none; color:#666; } .header a[href="#page"] { display:none!important; } .mm-opened .header a[href="#page"] { display:block!important; } .mm-opened .header a[href="#mmenu"] { display:none!important; } #mmenu { z-index:9999; } #mmenu li .home-search { float:left; margin-left:20px; width:90%; background-color:#fff; padding-left:0; overflow:hidden; margin-top:10px; position:relative } #mmenu li .home-search .keyword { text-align:left; border:0; box-shadow:0; border-radius:0; width:86%; -webkit-border-radius:0; -moz-border-radius:0; -o-border-radius:0; -mz-border-radius:0; font-size:14px; color:#999; line-height:20px; vertical-align:top; padding:6px 86px 6px 10px; -webkit-appearance:none; background-color:#fff; border:1px solid #ccc } #mmenu li .home-search .keyword:focus { transition:border linear .2s, box-shadow linear .5s; -moz-transition:border linear .2s, -moz-box-shadow linear .5s; -webkit-transition:border linear .2s, -webkit-box-shadow linear .5s; outline:0; border:1px solid #0a78bc; } #mmenu li .home-search .btn-sub { top:0; border:0; right:0; color:#e20008; width:42px; height:34px; line-height:34px; text-align:center; position:absolute; cursor:pointer; border-radius:0; background:#0a78bc url(../images/search.png) no-repeat center center; } .container-fluid { margin-left:auto; margin-right:auto; padding:0 15px; } @media(max-width:1200px) { .top{ display:none; } .dingbu{ background-color:#848484; padding-bottom: 10px; } .daohang{ height:90px; background-color:#000; } .phone-nav { display:block; } .navdaohang { display:none; } .yx a{ padding-top:30px; } } .home-part1{ width:100%; margin:50px auto 25px auto; overflow:hidden; } .home-part1 li{ margin-bottom:25px; overflow:hidden; padding:10px 0px; } .home-part1 li a{ display:block; padding:0px 9px 9px 9px; overflow:hidden; background-image: -moz-linear-gradient(top, #e5e5e5, #696a69); /* Firefox */ background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0, #e5e5e5), color-stop(1, #696a69)); /* Saf4+, Chrome */ filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#e5e5e5', endColorstr='#696a69', GradientType='0'); /* IE*/ } .part1_txt{ text-align:center; padding:15px 0px; overflow:hidden; font-size:.18rem; color:#333; } .part1_img{ overflow:hidden; position: relative; width:100%; } .part1_img img{ transition: .5s; border:1px solid #fff; } .part1_img:after { content: ""; display: block; padding-bottom: 58%; } .middleCenter { position: absolute; top: 0; bottom: 0; left: 0; right: 0; max-width: 100%; max-height: 100%; display: block; vertical-align: middle; text-align: center; margin: auto; z-index:999; } .home-part1 li a:hover .part1_img img{ transform:scale(1.04); -moz-transform: scale(1.04); -webkit-transform: scale(1.04); } .home-part2{ width:100%; margin:0px auto 25px auto; overflow:hidden; } .about_fl{ margin-bottom:25px; overflow:hidden; } .about_fls{ border:1px solid #e6e6e6; padding:25px 20px; overflow:hidden; } .part2_title{ border-bottom:1px solid #ccc; overflow:hidden; line-height:30px; } .part2_title p{ float:left; font-size:.20rem; color:#333; } .part2_title p:after{ content:''; display:block; width:100%; height:2px; background-color:#f8b90e; margin-top: 5px; } .part2_title span{ float:right; } .part2_title span a{ font-size:.14rem; color:#666; } .part2_title span a:hover{ color:#f8b90e; } .about_fl_con{ overflow:hidden; padding:20px 0px; } .about_fl_con p{ font-size:.14rem; color:#666; line-height:25px; } .about_fl_con a{ display:block; margin-top: 4%; width:120px; line-height:34px; border-radius:25px; font-size:.16rem; background-color:#f8b90e; border:1px solid #f8b90e; color:#fff; text-align:center; transition: 1s; -moz-transition: 1s; -webkit-transition: 1s; -o-transition: 1s; } .about_fl_con a:hover{ background-color:#fff; color:#f8b90e; } .news_fr{ margin-bottom:25px; overflow:hidden; } .news_frs{ border:1px solid #e6e6e6; padding:25px 20px; overflow:hidden; } .news_fr_con{ overflow:hidden; padding:20px 0px; } .news_fr_con li{ border-bottom:1px dashed #dfdfdf; line-height:34px; } .news_fr_con li a{ display:block; font-size:.14rem; color:#666; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } .news_fr_con li a:hover{ color:#f8b90e; } footer{ width:100%; margin:0 auto; } .footer1{ box-shadow:0px 0px 5px #ccc; padding:15px 0px; overflow:hidden; } .footer1 ul{ text-align:center; } .footer1 li{ line-height:25px;; text-align:center; margin:0 2%; display:inline-block ; *float:none; *display:inline; zoom:1; } .footer1 li a{ display:block; color:#666; font-size:.14rem; } .footer1 li a:hover{ color:#f8b90e; } .footer2{ background-color:#454545; padding:10px 0px; overflow:hidden; } .footer2 p{ line-height:25px; text-align:center; color:#999; font-size:.12rem; } .footer2 p a{ color:#999; font-size:.12rem; } .footer2 p a:hover{ color:#f8b90e; } /*鍝佺墝鏁呬簨*/ .inner-main{ width:100%; margin:0 auto; padding:25px 0px; background-color:#ebebeb; overflow:hidden; } .inner_title{ border:1px solid #fff; box-shadow:0px 0px 10px #ccc; background-image: -moz-linear-gradient(top, #fff, #d9d9d9); /* Firefox */ background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0, #fff), color-stop(1, #d9d9d9)); /* Saf4+, Chrome */ filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#fff', endColorstr='#d9d9d9', GradientType='0'); /* IE*/ padding:8px 10px; line-height:25px; overflow:hidden; } .inner_title p{ float:left; font-size:.18rem; color:#333; } .inner_title span{ float:right; font-size:.14rem; color:#666; } .inner_title span a{ font-size:.14rem; color:#666; } .inner_con{ overflow:hidden; } .inner_con_fl{ overflow:hidden; margin:30px 0px 25px 0px; } .inner_fl_about{ font-size:.14rem; color:#666; line-height:25px; } .inner_fl_about h3{ text-align:center; font-weight:bold; font-size:.22rem; margin-bottom:20px; color:#333; } .inner_fl_about p{ font-size:.14rem; color:#666; line-height:25px; } .inner_fl_about img{ display:block; max-width:100%; height:auto; margin-left:auto; margin-right:auto; } .inner_con_fr{ overflow:hidden; margin:60px 0px 25px 0px; } .inner_con_frs{ background:url(../images/frbg.png) no-repeat center top; height:595px; background-size: contain; } .inner_con_frss{ padding-top:10%; } .operate_con{ border:1px solid #ababab; width: 72%; margin:0 auto; } .operate_con a{ display:block; border:1px solid #fff; padding:0px 8px 8px 8px; overflow:hidden; background-image: -moz-linear-gradient(top, #eee, #d6d6d6); /* Firefox */ background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0, #eee), color-stop(1, #d6d6d6)); /* Saf4+, Chrome */ filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#eee', endColorstr='#d6d6d6', GradientType='0'); /* IE*/ } .operate_txt{ text-align:center; padding:15px 0px; overflow:hidden; font-size:.18rem; color:#666; font-weight:bold; } .operate_img{ overflow:hidden; position: relative; width:100%; } .operate_img img{ transition: .5s; border:1px solid #fff; } .operate_img:after { content: ""; display: block; padding-bottom: 98%; } .operate_con a:hover .operate_img img{ transform:scale(1.04); -moz-transform: scale(1.04); -webkit-transform: scale(1.04); } /*鏂伴椈涓績*/ .news{ padding-bottom: 20px; background: url(../images/newsbg.png) no-repeat bottom center; margin-bottom: 10%; } .news_con{ border:1px solid #ababab; width: 72%; margin:0 auto; } .news_con ul{ border:1px solid #fff; padding:8% 8px 8% 8px; overflow:hidden; background-image: -moz-linear-gradient(top, #eee, #d6d6d6); /* Firefox */ background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0, #eee), color-stop(1, #d6d6d6)); /* Saf4+, Chrome */ filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#eee', endColorstr='#d6d6d6', GradientType='0'); /* IE*/ } .news_con li{ line-height:35px; text-align:center; } .news_con li a{ display:block; color:#333; font-size:.16rem; } .news_con li a:hover{ font-weight:bold; } .news_con li .current{ font-weight:bold; } .inner_fl_news{ overflow:hidden; } .inner_fl_news li{ border-bottom:1px dashed #868686; margin-bottom:25px; overflow:hidden; padding:10px 0px; } .inner_fl_news li a{ display:block; } .news_img{ margin-bottom:25px; position:relative; float:left; width:20%; } .news_img:after{ content:''; display:block; padding-bottom:72%; background-color:#dbdbdb; transform:rotate(-5deg); -ms-transform:rotate(-5deg); -moz-transform:rotate(-5deg); -webkit-transform:rotate(-5deg); -o-transform:rotate(-5deg); } .news_img img{ transition: .5s; border:3px solid #fff; } .inner_fl_news li a:hover .news_img img{ transform:scale(1.04); -moz-transform: scale(1.04); -webkit-transform: scale(1.04); } .news_txt{ float:right; width:78%; margin-bottom:25px; overflow:hidden; } .news_txt1{ overflow:hidden; line-height:30px; margin-bottom:25px; } .news_txt1 p{ float:left; width:75%; color:#333; font-weight:bold; font-size:.16rem; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } .inner_fl_news li a:hover .news_txt1 p{ color:#f8b90e; } .news_txt1 span{ float:right; color:#999; font-size:.14rem; } .news_txt2{ overflow:hidden; } .news_txt2 p{ color:#666; font-size:.14rem; line-height:28px; } .news_txt2 p span{ color:#999; background:url(../images/s.png) no-repeat left center; padding-left:20px; } /*鍒嗛〉*/ .pagination{ text-align:center; margin: 10px 0px; color:#666; clear:both; } .pagination a{ display:inline-block ; color: #666; border:1px solid #D9D9D9; text-align: center; text-transform: capitalize; padding:0px 10px; line-height:28px; background-color:#fff; margin:0px 0px 10px 0px; } .pagination a:hover{ color:#fff; background-color:#f8b90e; border:1px solid #f8b90e; } .pagination a.active { display:inline-block ; color:#fff; background-color:#f8b90e; border:1px solid #f8b90e; } /*鏂伴椈璇︽儏*/ .inner_fl_newsshow{ overflow:hidden; } .show_title{ text-align: center; padding-bottom: 15px; border-bottom:1px solid #dcdcdc; } .show_title h3{ font-size:.24rem; font-weight:normal; text-align: center; color: #333; padding-bottom: 20px; } .show_title span{ color:#999; margin:0px 10px; font-size:.14rem; padding-left:20px; } .browse{ background:url(../images/browse.png) no-repeat left center; } .date{ background:url(../images/date.png) no-repeat left center; } .show_content{ line-height:26px; color:#666; padding:30px 10px; border-bottom:1px solid #dcdcdc; } .show_content img{ display:block; margin-right: auto; margin-left: auto; max-width: 100%; height: auto; } .show_back{ padding-top:20px; } .show_back_fl{ margin-bottom:20px; overflow:hidden; } .show_back_fl li{ margin-bottom:10px; line-height:25px; color:#767676; width:75%; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } .show_back_fl li a{ color:#868686; font-size:.14rem; } .show_back_fl li a:hover{ color:#f8b90e; } .show_back_fr{ margin-bottom:20px; overflow:hidden; padding:0; } .show_back_fr a{ display:block; line-height:46px; color:#fff; font-size:.16rem; background: #f8b90e url(../images/return.png) no-repeat 20px center; padding-right:25px; text-align: right; } /*浜у搧淇℃伅*/ .inners_con_fl{ margin: 30px 0px 25px 0px; overflow:hidden; padding: 0px 40px; background: url(../images/li.jpg) repeat-y right center; } .inners_con_fl_top{ margin-bottom:30px; overflow:hidden; } .inners_fl_top_title{ font-size:.22rem; color:#333; margin-bottom:30px; overflow:hidden; } .pinfo{ overflow:hidden; } .pinfo li{ overflow:hidden; margin-bottom:5px; position:relative; } .pinfo li a{ display:block; font-size:.16rem; color:#666; height:50px; line-height:40px; overflow:hidden; transition: all .3s; -moz-transition: all .3s; -webkit-transition: all .3s; -o-transition: all .3s; background:url(../images/pli.png) no-repeat left center; padding-left:50px; font-weight:bold; } .pinfo li a:hover{ color:#333; background:url(../images/pbg.png) no-repeat left center; } .pinfo li .more{ position: absolute; left: 0; padding:0; top: 0; border:none; width:100%; height:50px; cursor: pointer; background: url(../images/p.jpg) no-repeat center center; display: block; z-index: 5; } .pinfo ul li a:hover.more { background:url(../images/p.jpg) no-repeat center center; } .pinfo ul li:hover .more { background:url(../images/p_h.jpg) no-repeat center center; } .pinfo .er{ display:none; } .pinfo .er li{ margin-bottom:0; background:none; } .pinfo .er li a { color: #666; font-size:.15rem; height:38px; line-height:38px; border-left:none; font-weight:normal; background-color: #e2e2e1; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } .pinfo .er li a:hover { color:#333; } .pinfo .nav-show .er { display:block; } .pinfo .nav-show .er li{ margin-bottom:0; background:none; } .pinfo .nav-show .er li a { color:#666; font-size:.15rem; height:38px; line-height:38px; background:url(../images/pbg1.jpg) no-repeat left center; padding-left:70px; font-weight:normal; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } .pinfo .nav-show .er li a:hover{ color:#333; } .pinfo .nav-show:hover .more { background:url(../images/p_h.jpg) no-repeat center center; } .pinfo .nav-show a { color:#333; background:url(../images/pbg.png) no-repeat left center; } .pinfo .nav-show .more{ background:url(../images/p_h.jpg) no-repeat center center; border: none; } .pinfo .er li .mmore{ position: absolute; left: 0; padding:0; top: 0; border:none; width:100%; height:38px; cursor: pointer; background: none !important; display: block; z-index: 5; } .pinfo .er li a:hover.mmore { background:none!important; } .pinfo .er li:hover .mmore { background:none!important; } .pinfo .san{ display:none; background-color:#fff; } .pinfo .san li{ background-color:#ebebeb; } .pinfo .san li a { color:#666; line-height: 30px; height: 30px; font-size: 12px; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } .pinfo .san li a:hover { color:#f8b90e; } .pinfo .nnav-show .san { display:block; background-color:#fff; } .pinfo .nnav-show .san li{ margin-bottom:0; background-color:#fff; } .pinfo .nnav-show .san li a { color:#666; line-height: 30px; height: 30px; font-size: 12px; background:#ebebeb url(../images/j_h.jpg) no-repeat 50px center; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } .pinfo .nnav-show .san li a:hover{ color:#f8b90e; } .pinfo .nnav-show:hover .mmore { background:none!important; } .pinfo .er .nnav-show a { color: #f8b90e; } .pinfo .nnav-show .mmore{ background:none!important; } .inners_con_fl_bottom{ overflow:hidden; background-color:#f1f1f1; border:1px solid #e0e0e0; padding:10px; } .inners_con_fl_bottom img{ display:block; max-width:100%; height:auto; margin-left:auto; margin-right:auto; margin-bottom:20px; } .inners_con_fl_bottom p{ color:#666; line-height:30px; font-size:.14rem; margin-bottom:20px; } .inners_con_fr{ margin: 30px 0px 25px 0px; overflow:hidden; } .inners_fr_pro{ overflow:hidden; } .inners_fr_pro li{ border-bottom:1px dashed #868686; margin-bottom:25px; overflow:hidden; padding:10px 0px; } .inners_fr_pro li a{ display:block; } .pro_img{ margin-bottom:25px; position:relative; float:left; width:20%; } .pro_img:after{ content:''; display:block; padding-bottom:72%; background-color:#dbdbdb; transform:rotate(-5deg); -ms-transform:rotate(-5deg); -moz-transform:rotate(-5deg); -webkit-transform:rotate(-5deg); -o-transform:rotate(-5deg); } .pro_img img{ transition: .5s; border:3px solid #fff; } .inners_fr_pro li a:hover .pro_img img{ transform:scale(1.04); -moz-transform: scale(1.04); -webkit-transform: scale(1.04); } .pro_txt{ float:right; width:78%; margin-bottom:25px; overflow:hidden; } .pro_txt1{ overflow:hidden; line-height:36px; margin-bottom:20px; } .pro_txt1 p{ float:left; color:#fff; font-weight:bold; font-size:.16rem; background-color:#000; text-align:center; padding:0px 25px; margin-right:2px; } .pro_txt1 span{ float:left; color:#fff; font-size:.14rem; background-color:#f8b90e; text-align:center; padding:0px 15px; } .pro_txt2{ overflow:hidden; } .pro_txt2 p{ color:#666; font-size:.14rem; line-height:28px; } /*浜у搧璇︽儏*/ .inners_fr_proshow{ overflow:hidden; } /*璧勮川璁よ瘉*/ .side_nav{ overflow:hidden; } .side_nav li{ margin-bottom:10px; overflow:hidden; } .side_nav li a{ display:block; background:url(../images/pli.png) no-repeat left center; color:#666; height:50px; line-height:40px; font-size:.16rem; font-weight:bold; padding-left:50px; } .side_nav li a:hover{ background:url(../images/pbg.png) no-repeat left center; } .side_nav li .current{ background:url(../images/pbg.png) no-repeat left center; } .inners_fr_zshu{ font-size: .14rem; color: #666; line-height: 25px; } .inners_fr_zshu img{ display:block; max-width:100%; height:auto; margin-left:auto; margin-right:auto; } /*鑱旂郴鎴戜滑*/ .inner_con_contact{ margin:30px auto; overflow:hidden; } .contact_fl{ margin-bottom:25px; overflow:hidden; } .contact_fl_top{ margin-bottom:25px; overflow:hidden; } .contact_fl_top img{ display:block; max-width:100%; height:auto; } .contact_fl_bottom{ overflow:hidden; } .contact_fl_bottom li{ background:url(../images/c_line.png) no-repeat bottom center; margin-bottom:25px; overflow:hidden; } .lianxi_img{ overflow:hidden; margin-bottom:25px; width:40%; float:left; } .lianxi_img img{ width:100%; height:auto; border:2px solid #fff; } .lianxi_txt{ overflow:hidden; margin-bottom:25px; width:55%; float:right; margin-top:25px; } .lianxi_txt h3{ font-size:.16rem; color:#333; font-weight:normal; margin-bottom:10px; } .lianxi_txt p{ font-size:.14rem; color:#666; line-height:25px; } .contact_fr{ margin-bottom:25px; overflow:hidden; } .contact_fr_top{ margin-bottom:25px; overflow:hidden; } .contact_fr_top img{ display:block; max-width:100%; height:auto; margin-left:auto; } .contact_fr_bottom{ overflow:hidden; } .contact_fr_bottom h3{ font-size:.20rem; color:#333; font-weight:bold; margin-bottom:30px; text-align:center; } .contact_fr_bottom label{ line-height:50px; padding-top:0; color:#666; font-size:.16rem; } .contact_fr_bottom input{ background-color:transparent; box-shadow:none; } .contact_fr_bottom textarea{ background-color:transparent; box-shadow:none; } /*鎴愬姛妗堜緥*/ .inners_fr_case{ overflow:hidden; } .inners_fr_case li{ margin-bottom:20px; overflow:hidden; padding:5px 0px; } .inners_fr_case li a{ display:block; } .case_img{ overflow:hidden; position:relative; } .case_img:after{ content:''; display:block; padding-bottom:66%; } .case_img img{ transition: .5s; border: 20px solid #fff; box-shadow: 0px 0px 10px #aaa; } .inners_fr_case li a:hover .case_img img{ transform: scale(1.04); -moz-transform: scale(1.04); -webkit-transform: scale(1.04); } /*鎴愬姛妗堜緥璇︽儏*/ .inners_fr_caseshow{ overflow:hidden; } /*璧烽噸鏈轰笓鍖?/ .inners_fr_qzj{ overflow:hidden; } .inners_fr_qzj li{ border-bottom:1px dashed #868686; margin-bottom:25px; overflow:hidden; padding:10px 0px; } .inners_fr_qzj li a{ display:block; } .qzj_img{ margin-bottom:25px; position:relative; float:left; width:20%; } .qzj_img:after{ content:''; display:block; padding-bottom:72%; background-color:#dbdbdb; transform:rotate(-5deg); -ms-transform:rotate(-5deg); -moz-transform:rotate(-5deg); -webkit-transform:rotate(-5deg); -o-transform:rotate(-5deg); } .qzj_img img{ transition: .5s; border:3px solid #fff; } .inners_fr_qzj li a:hover .qzj_img img{ transform:scale(1.04); -moz-transform: scale(1.04); -webkit-transform: scale(1.04); } .qzj_txt{ float:right; width:78%; margin-bottom:25px; overflow:hidden; } .qzj_txt1{ overflow:hidden; line-height:36px; margin-bottom:20px; } .qzj_txt1 p{ float:left; color:#fff; font-weight:bold; font-size:.16rem; background-color:#000; text-align:center; padding:0px 25px; margin-right:2px; } .qzj_txt1 span{ float:left; color:#fff; font-size:.14rem; background-color:#f8b90e; text-align:center; padding:0px 15px; } .qzj_txt2{ overflow:hidden; } .qzj_txt2 p{ color:#666; font-size:.14rem; line-height:28px; } /*璧烽噸鏈轰笓鍖鸿鎯?/ .inners_fr_qzjshow{ overflow:hidden; } /*璧勬枡涓嬭浇*/ .inners_fr_down{ margin-bottom:25px; overflow:hidden; } .inners_fr_down li{ border-bottom: 1px dashed #868686; overflow: hidden; line-height:30px; padding:10px 0px; } .inners_fr_down li a{ display:block; font-size:.15rem; } .inners_fr_down li a p{ float:left; color:#666; width:75%; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } .inners_fr_down li a span{ float:right; background:#999 url(../images/xz.png) no-repeat center center; height:30px; width:70px; } .inners_fr_down li a:hover p{ color:#f8b90e; } .inners_fr_down li a:hover span{ background:#f8b90e url(../images/xz.png) no-repeat center center; } /*鎿嶄綔浣撻獙*/ .inner_fl_caozuo{ width: 100%; margin: 30px auto 0 auto; text-align: center; } .caozuo{ background-color:#FFDB91; } .mm-slideout{ z-index:9999 !important; } .tc{ position:fixed; bottom:0px; right:0px; } .tc a{ display:block; cursor:pointer; line-height:30px; padding:0px 20px; border-radius:25px; color:#fff; text-align:center; background-color:#ff0000; transition: .5s; } .description{ display:none; background-color:#fff; box-shadow:0px 0px 10px #ccc; padding:50px 25px; overflow:hidden; width:500px; position:relative; } .description h3{ font-size:16px; font-weight:normal; color:#333; text-align:center; margin-bottom:10px; } .description p{ color:#666; line-height:25px; } .close1{ position:absolute; top:20px; right:20px; cursor:pointer; } @media(max-width:320px) { } @media(max-width:414px) { .yx1 a{ padding-top: 25px !important; } .yx1 img{ max-width:85%; } .dblogo{ float:none; width:100%; } .dblogo img{ display:block; margin:0 auto; } .tel{ float:none; width:100%; margin-top: 6px; } .tel p{ text-align:center; width: 60%; margin: 0 auto; } .news_img{ float:none; width:100%; } .news_txt{ float:none; width:100%; } .pro_img{ float:none; width:100%; } .pro_txt{ float:none; width:100%; } .lianxi_img{ float:none; width:100%; } .lianxi_txt{ float:none; width:100%; } .form-group{ margin-bottom:0; } .qzj_img{ float:none; width:100%; } .qzj_txt{ float:none; width:100%; } .inners_fr_down li a span{ width:50px; } } @media(max-width:700px) { .inner_con_fr{ margin-top:0; } .inners_con_fl{ background:none; } } @media(max-width:768px) { .news_txt1{ margin-bottom:5px; } .contact_fl_top img{ display:block; max-width:100%; height:auto; margin-left:auto; margin-right:auto; } .contact_fr_top img{ display:block; max-width:100%; height:auto; margin-left:auto; margin-right:auto; } .case_img img{ border: 5px solid #fff; } .tc{ display:none; } } @media(max-width:1200px) { .container1{ width:100%; margin:0 auto; padding-left:15px; padding-right:15px; } .show_content img{ display:block; max-width:100%; height:auto; margin-left:auto; margin-right:auto; } .banner{ position:inherit !important; } .phone-nav{ top:0 !important; } .home{ height:auto !important; } .inner{ height:auto !important; } .inner_banner{ position:inherit !important; } .tel{ margin-top:16px; } .inners_con_fl{ padding: 0px 15px; } .lianxi_txt{ margin-top:0px; } } @media (min-width:1280px) and (max-width:1500px){ .menupc li a{ padding:0px 13px; } .container1{ width:95%; } } @media (min-width:1501px) and (max-width:1700px){ .menupc li a{ padding:0px 18px; } .container1{ width:90%; } } @media (min-width:1701px) and (max-width:1866px){ }