/*首页*/ .i_pro_bg2{ background-color:#fcfcfc; overflow:hidden;} .i_pro_t{ height:90px; overflow:hidden; line-height:90px; text-align:center; background:url(../images/i_bg1.jpg) center bottom no-repeat; font-size:42px; color:#333333; letter-spacing:5px; margin-bottom:3%; margin-top:1%;} /*滚动产品与案例*/ .owl-carousel .owl-wrapper:after{content: ".";display: block;clear: both;visibility: hidden;line-height: 0;height: 0;} /* display none until init*/ .owl-carousel{display: none;position: relative;width: 100%;-ms-touch-action: pan-y;} .owl-carousel .owl-wrapper{display: none;position: relative;-webkit-transform: translate3d(0px, 0px, 0px);} .owl-carousel .owl-wrapper-outer{overflow: hidden;position: relative;width: 100%;} .owl-carousel .owl-wrapper-outer.autoHeight{-webkit-transition: height 500ms ease-in-out;-moz-transition: height 500ms ease-in-out;-ms-transition: height 500ms ease-in-out;-o-transition: height 500ms ease-in-out;transition: height 500ms ease-in-out;} .owl-carousel .owl-item{float: left;} .owl-controls .owl-page, .owl-controls .owl-buttons div{cursor: pointer;} .owl-controls{-webkit-user-select: none;-khtml-user-select: none;-moz-user-select: none;-ms-user-select: none;user-select: none;-webkit-tap-highlight-color: rgba(0, 0, 0, 0);} /* mouse grab icon*/ .grabbing{cursor:url(../images/grabbing.png) 8 8, move;} /* fix*/ .owl-carousel .owl-wrapper, .owl-carousel .owl-item{-webkit-backface-visibility: hidden;-moz-backface-visibility: hidden;-ms-backface-visibility: hidden;-webkit-transform: translate3d(0,0,0);-moz-transform: translate3d(0,0,0);-ms-transform: translate3d(0,0,0);} .owl-theme .owl-controls{margin-top:20px;text-align: center;} /* Styling Next and Prev buttons*/ .owl-theme .owl-controls .owl-buttons div{color: #FFF;display: inline-block;zoom: 1;*display: inline; width:38px; height:74px;/*IE7 life-saver*/ text-indent:40px; margin-top:-16%; z-index:9; position:relative; overflow:hidden;-webkit-transition: all 0.3s ease-out 0s;-moz-transition: all 0.3s ease-out 0s;-o-transition: all 0.3s ease-out 0s;transition: all 0.3s ease-out 0s;} .owl-theme .owl-controls .owl-buttons div.owl-prev{background:url(../images/i_pro_left.png) no-repeat; float:left;} .owl-theme .owl-controls .owl-buttons div.owl-prev:hover{background:url(../images/i_pro_left_on.png) no-repeat;} .owl-theme .owl-controls .owl-buttons div.owl-next{ background:url(../images/i_pro_right.png) no-repeat; float:right;} .owl-theme .owl-controls .owl-buttons div.owl-next:hover{background:url(../images/i_pro_right_on.png) no-repeat; } /* Clickable class fix problem with hover on touch devices*//* Use it for non-touch hover action*/ .owl-theme .owl-controls.clickable .owl-buttons div:hover{filter: Alpha(Opacity=100);/*IE7 fix*/opacity: 1;text-decoration: none;} /* Styling Pagination*/ .owl-theme .owl-controls .owl-page{display: inline-block;zoom: 1;*display: inline;/*IE7 life-saver*/ display:none;} .owl-theme .owl-controls .owl-page span{display: block;width: 16px;height: 16px;margin: 5px 7px;/*filter: Alpha(Opacity=50);opacity: 0.5;*/-webkit-border-radius: 20px;-moz-border-radius: 20px;border-radius: 20px;background:url(../images/i_bg3.png) no-repeat;} .owl-theme .owl-controls .owl-page.active span, .owl-theme .owl-controls.clickable .owl-page:hover span{background:url(../images/i_bg4.png) no-repeat;} /* If PaginationNumbers is true*/ .owl-theme .owl-controls .owl-page span.owl-numbers{height: auto;width: auto;color: #FFF;padding: 2px 10px;font-size: 12px;-webkit-border-radius: 30px;-moz-border-radius: 30px;border-radius: 30px;} /* preloading images*/ .owl-item.loading{min-height: 150px;background: url(../images/ajaxloader.gif) no-repeat center center} #owl-demo{ padding-bottom:3%;} #owl-demo .item{margin: 0.5px;position:relative;height:487px;/* margin-top:50px;*/} #owl-demo .item img{/*display: block;*/height: 100%;width: 100%;transition: all 0.3s;} #owl-demo .item .bg-list-img{ position:absolute; bottom:49px;-webkit-transition: all 0.3s ease-out 0s;-moz-transition: all 0.3s ease-out 0s;-o-transition: all 0.3s ease-out 0s;transition: all 0.3s ease-out 0s; width:100%;} #owl-demo .item .bg-list-tit{ height:56px; overflow:hidden; bottom:0; position:absolute; text-align:center; width:100%;} #owl-demo .item .bg-list-tit h4{ margin:0 auto; display:inline-block; border-bottom:2px solid #e2e2e2; font-weight:normal; font-size:18px; line-height:54px; padding-left:10px; padding-right:10px;} #owl-demo .item .bg-list-more{ width:100%; position:absolute; bottom:0; background:url(../images/i_por_pic1.png) center 38px no-repeat #3c3a38; height:56px; line-height:46px; font-size:14px; color:#fff; text-align:center;filter: Alpha(Opacity=0);/*IE7 fix*/opacity: 0;-webkit-transition: all 0.3s ease-out 0s;-moz-transition: all 0.3s ease-out 0s;-o-transition: all 0.3s ease-out 0s;transition: all 0.3s ease-out 0s;} #owl-demo .item .i_pro_bg{position:absolute; width:100%; bottom:56px; /*height:100%;*/height:89%;-webkit-transition: all 0.3s ease-out 0s;-moz-transition: all 0.3s ease-out 0s;-o-transition: all 0.3s ease-out 0s;transition: all 0.3s ease-out 0s;filter: Alpha(Opacity=0);/*IE7 fix*/opacity: 0; left:0;} #owl-demo .item .bg-list-yew{ position:absolute; width:100%; bottom:0px; height:30%; background-color:#c30d23; text-align:center; color:#fff;} #owl-demo .item .bg-list-yew h5{ border-bottom:2px solid #fff; font-weight:normal; font-size:18px; line-height:54px; padding-left:10px; padding-right:10px; display:inline-block; margin-top:9%;} #owl-demo .item .bg-list-hs{ max-height:316px; height:70%; position:absolute; bottom:30%; background:url(../images/i_por_pic2.png) center top no-repeat; background-size:100% 100%; width:100%;} #owl-demo .item .bg-list-hs p{ width:80%; margin:0 auto; margin-top:10%; color:#fefefe; font-size:14px; height:50%; overflow:hidden; line-height:22px; max-height:198px;} #owl-demo .item:hover .bg-list-img{ /*height:93%;*/height:90%;} #owl-demo .item:hover .i_pro_bg{filter: Alpha(Opacity=100);/*IE7 fix*/opacity: 1;transition: all 0.3s;} #owl-demo .item:hover .bg-list-more{filter: Alpha(Opacity=100);/*IE7 fix*/opacity: 1;transition: all 0.3s;} /*首页产品*/ #owl-demo2{ background-color:#f9f9f9; margin-top:1%; text-align:center; padding-bottom:2%;} #owl-demo2.owl-theme .owl-controls .owl-buttons{ position:absolute; top:40%; width:100%; left:0; height:0;} #owl-demo2.owl-theme .owl-controls .owl-buttons div{color: #FFF;display: inline-block;zoom: 1;*display: inline; width:59px; height:90px;/*IE7 life-saver*/ text-indent:60px;overflow:hidden;-webkit-transition: all 0.3s ease-out 0s;-moz-transition: all 0.3s ease-out 0s;-o-transition: all 0.3s ease-out 0s;transition: all 0.3s ease-out 0s; margin-top:0;} #owl-demo2.owl-theme .owl-controls .owl-buttons div.owl-prev{background:url(../images/i_case_left.png) no-repeat; float:left;} #owl-demo2.owl-theme .owl-controls .owl-buttons div.owl-prev:hover{background:url(../images/i_case_left_on.png) no-repeat;} #owl-demo2.owl-theme .owl-controls .owl-buttons div.owl-next{ background:url(../images/i_case_right.png) no-repeat; float:right;} #owl-demo2.owl-theme .owl-controls .owl-buttons div.owl-next:hover{background:url(../images/i_case_right_on.png) no-repeat; } #owl-demo2.owl-theme .owl-controls .owl-page{ display:inline-block;} #owl-demo2 .item{margin: 0px; padding-bottom:20px; background:url(../images/i_bg2.png) right center no-repeat;} #owl-demo2 .item img{display: block;height: 100%;width: 90%; margin:0 auto;-webkit-transform:scale(1); -moz-transform:scale(1); -ms-transform:scale(1); -o-transform:scale(1); transform:scale(1);-webkit-transition:all 0.3s ease-out 0s; -moz-transition:all 0.3s ease-out 0s; -o-transition:all 0.3s ease-out 0s; transition:all 0.3s ease-out 0s; } #owl-demo2 .item dd{ width:100%; margin:0 auto; max-width:424px;margin-bottom:10px;} #owl-demo2 .item dd .imgs{ position:relative; width:100%; overflow:hidden;} #owl-demo2 .item dd .imgs p{ position:absolute; width:100%; height:100%; background:url(../images/i_bg5.png) center center no-repeat; top:0; text-align:center;opacity:0; filter:alpha(opacity=0);-webkit-transition:all 0.3s ease-out 0s; -moz-transition:all 0.3s ease-out 0s; -o-transition:all 0.3s ease-out 0s; transition:all 0.3s ease-out 0s; } #owl-demo2 .item dd h2{ font-weight:normal; color:#333; font-size:18px; line-height:22px; height:22px; overflow:hidden; margin-top:7px;} #owl-demo2 .item dd:hover img{-webkit-transform:scale(1.1, 1.1); -moz-transform:scale(1.1, 1.1); -o-transform:scale(1.1, 1.1); -ms-transform:scale(1.1, 1.1); transform:scale(1.1, 1.1);} #owl-demo2 .item dd:hover h2{ color:#eb6360;} #owl-demo2 .item dd:hover .imgs p{opacity:1; filter:alpha(opacity=100);} @media screen and (max-width: 640px){ .i_news_bg{ height: auto !important; } .i_news_con{ height: auto !important; } .i_news_bg .news_more{text-align: center;padding: 0px;margin: 0px} } @media screen and (max-width: 480px){ .i_news_bg{ height: auto !important; } .i_news_con{ height: auto !important;; } .i_news_bg .news_more{text-align: center;padding: 0px;margin: 0px} } @media screen and (max-width: 780px) { .i_news_bg{ height: auto !important; } .i_news_con{ height: auto !important;; } .i_news_bg .news_more{text-align: center;padding: 0px;margin: 0px} } @media screen and (max-width: 1100px) and (min-width: 1001px) { .i_news_con{ height: 20rem !important;; } } @media screen and (max-width: 1200px) { .i_news_bg{ height: auto !important; } /*.i_news_con{ height: auto !important;; }*/ .i_news_bg .news_more{text-align: center;padding: 0px;margin: 0px} } .i_news_con{overflow: hidden; width: 100%; max-width: 1530px; margin: 0 auto; margin-top: 10px; padding-bottom: 20px; /*height: 46.125rem;*/ } .i_news_con .i_news_div{ display:none; overflow:hidden; padding-bottom:7px;height: 100%;} .i_news_con .i_news_div img{ width:50%; display:block; float:right;} /*首页公司资讯*/ #owl-demo3{ text-align:center; height:100%;} #owl-demo3.owl-theme .owl-controls .owl-buttons{ position:absolute; top:66%; width:100%; left:0; height:0;} #owl-demo3.owl-theme .owl-controls .owl-buttons div{color: #FFF;display: inline-block;zoom: 1;*display: inline; width:35px; height:35px;/*IE7 life-saver*/ text-indent:60px;overflow:hidden;-webkit-transition: all 0.3s ease-out 0s;-moz-transition: all 0.3s ease-out 0s;-o-transition: all 0.3s ease-out 0s;transition: all 0.3s ease-out 0s; margin-top:0; float:none;} #owl-demo3.owl-theme .owl-controls .owl-buttons div.owl-prev{background:url(../images/s_left2.png) no-repeat;} #owl-demo3.owl-theme .owl-controls .owl-buttons div.owl-prev:hover{background:url(../images/s_left2_on.png) no-repeat;} #owl-demo3.owl-theme .owl-controls .owl-buttons div.owl-next{ background:url(../images/s_right2.png) no-repeat;} #owl-demo3.owl-theme .owl-controls .owl-buttons div.owl-next:hover{background:url(../images/s_right2_on.png) no-repeat; } #owl-demo3.owl-theme .owl-controls{ margin-top:0;} #owl-demo3 .item{margin: 0px; height: 100%;} #owl-demo3 .item img{display: block;height: 70%;width: 100%;-webkit-transform:scale(1); -moz-transform:scale(1); -ms-transform:scale(1); -o-transform:scale(1); transform:scale(1);-webkit-transition:all 0.3s ease-out 0s; -moz-transition:all 0.3s ease-out 0s; -o-transition:all 0.3s ease-out 0s; transition:all 0.3s ease-out 0s; } #owl-demo3 .item dd{ width:100%; height: 100%;margin:0 auto; position:relative; overflow:hidden;} #owl-demo3 .item dd .imgs{ width:37%; height: 100%; overflow:hidden; float:left; position:relative;} #owl-demo3 .item dd .imgs h2{ height: 120px; line-height: 60px; overflow: hidden; /* bottom: 0; */ /* left: 0; */ width: 80%; /* position: absolute; */ color: #3b3b3b; text-align: left; font-weight: normal; font-size: 18px; padding-left: 3%; padding-right: 3%; float: right;} #owl-demo3 .item dd .imgs p:nth-child(1){ font-size: 14px; line-height: 20px; color: #848484; } #owl-demo3 .item dd .imgs p:nth-child(2){ padding: 2px 5px; font-size: 12px; line-height: 20px; background: #fdad00; color: #000; display: inline-block; border-radius: 5px; } #owl-demo3 .item dd .imgs h2 em{ float:right; margin-left:10px;} #owl-demo3 .item .i_news_l img{display: block;height: 100%;width: 100%;-webkit-transform:scale(1); -moz-transform:scale(1); -ms-transform:scale(1); -o-transform:scale(1); transform:scale(1);-webkit-transition:all 0.3s ease-out 0s; -moz-transition:all 0.3s ease-out 0s; -o-transition:all 0.3s ease-out 0s; transition:all 0.3s ease-out 0s; } #owl-demo3 .item .i_news_l .imgs1{ width: 48%; height: 46%; overflow: hidden; float: left; position: relative; margin-left: 2%;} #owl-demo3 .item .i_news_l .imgs1 h2{ height: 62px; line-height: 40px; background: url(../images/i_news_bg4.png) repeat; overflow: hidden; bottom: 0; left: 0; width: 94%; position: absolute; color: #ffffff; text-align: left; font-weight: normal; font-size: 1.2rem; padding-left: 3%; padding-right: 3%;} #owl-demo3 .item .i_news_l .imgs1 p:nth-child(1){ font-size: 14px; line-height: 20px; } #owl-demo3 .item dd .i_news_l{ position:absolute; width:50%; /*height:100%;*/ right:0; top:0;} #owl-demo3 .item dd .i_news_l ul{ overflow: hidden; float: left; margin-left: 2%;} #owl-demo3 .item dd .i_news_l ul li{ display: block; overflow: hidden; padding-bottom: 6%; /*padding-top: 3%;*/ text-align: left; padding-left: 4%; padding-right: 4%; background: #fff; margin-bottom: 14px;} .four_date1{ float: left; width: 18%; overflow: hidden; color: #999999; font-size: 12px; line-height: 26px; border-right: 1px solid #e2e2e2; text-align: left; margin-top: 3rem; } .four_date1 b{ font-size: 28px; display: block; line-height: 50px; /* font-family: Impact; */ font-weight: normal; font-weight: 100; color: #313131; } #owl-demo3 .item dd .i_news_l ul li .four_date{ float:left; width:10%; overflow:hidden;color:#999999; font-size:12px;margin-top: 1rem; line-height:26px; border-right:1px solid #e2e2e2; text-align:left;} #owl-demo3 .item dd .i_news_l ul li .four_date b{ font-size: 28px; display: block; line-height: 50px; /* font-family: Impact; */ font-weight: normal; font-weight: 100; color: #313131;} #owl-demo3 .item dd .i_news_l ul li .four_txt{ float:left; width:90%; overflow:hidden; text-align:left;transition:all 0.3s;} #owl-demo3 .item dd .i_news_l ul li .four_txt h2{ height:30px; margin-top: 1rem; line-height:30px;text-align: left; margin-top:1%; overflow:hidden; font-weight:normal; font-size:18px; padding-left:20px; padding-right:10px; color:#121212;} #owl-demo3 .item dd .i_news_l ul li .four_txt p{ line-height:20px; height:40px; overflow:hidden;padding-left:20px; padding-right:10px; font-size:14px; color:#666;} #owl-demo3 .item dd .i_news_l ul li:hover .four_txt{ color:#333;} #owl-demo3 .item dd .i_news_l ul li:hover .four_txt h2{color:#fdad00;} #owl-demo3 .item dd .i_news_l ul li:last-child{margin-bottom: 0px;} @media screen and (max-width: 1200px) { /*首页公司资讯*/ #owl-demo3 .item dd .i_news_l ul li{ padding-bottom:3%;} #owl-demo3 .item dd .i_news_l ul li .four_date b{ font-size:40px;line-height:40px; } #owl-demo3 .item dd .i_news_l ul li .four_txt h2{ font-size:16px; height:24px; line-height:24px;} /*首页行业资讯*/ #owl-demo4 .item dd .i_news_l ul li{ padding-bottom:3%;} #owl-demo4 .item dd .i_news_l ul li .four_date b{ font-size:40px;line-height:40px; } #owl-demo4 .item dd .i_news_l ul li .four_txt h2{ font-size:16px; height:24px; line-height:24px;} .i_yonghu ul li {margin-right: 0% !important; width: 100%;} /* 底部*/ .foot_t{ text-align: center; } .foot_t ul{ text-indent: .5rem; line-height: 3; } .foot_t ul li span{ margin-left: .5rem!important; } } @media screen and (max-width: 1100px) { #owl-demo .item{ height:447px;} .i_yonghu ul li {margin-right: 0% !important; width: 100%;} /*资讯*/ .i_hotline_bg{background: none !important;} .i_hotline{width: 100% !important;} .i_hotline input{border: 1px solid #9c9c9c;width: 35%;margin: .5rem;} .i_hotline .i_hotline_t{display: none;} .i_hotline button{text-align: center;width: 20%;} .i_hotline_l{ width: 98%; clear: both; margin-left: 2%;} } @media screen and (max-width: 1000px) { #owl-demo .item{ height:437px;} /*首页公司资讯*/ #owl-demo3 .item dd .i_news_l ul li{padding-top:3%;} #owl-demo3 .item dd .i_news_l ul li .four_date b{ font-size:30px;line-height:30px; } #owl-demo3 .item dd .i_news_l ul li .four_txt p{ height:20px;} /*首页行业资讯*/ #owl-demo4 .item dd .i_news_l ul li{padding-top:3%;} #owl-demo4 .item dd .i_news_l ul li .four_date b{ font-size:30px;line-height:30px; } #owl-demo4 .item dd .i_news_l ul li .four_txt p{ height:20px;} .i_yonghu ul li {margin-right: 0% !important; width: 100%;} /*资讯*/ .i_hotline_bg{background: none !important;} .i_hotline{width: 100% !important;} .i_hotline input{border: 1px solid #9c9c9c;width: 90%;margin: .5rem;} .i_hotline .i_hotline_t{display: none;} .i_hotline button{text-align: center;width: 90%;} .i_hotline_l{ width: 98%; clear: both; margin-left: 2%;} } @media screen and (max-width:979px) { /*案例*/ .owl-theme .owl-controls .owl-buttons div{ margin-top:-27%;} #owl-demo .item{ height:417px;} #owl-demo .item .i_pro_bg{ height:82%;} #owl-demo .item:hover .bg-list-img{ height:83%;} #owl-demo .item .bg-list-hs p{ height:110px;} /*首页公司资讯*/ #owl-demo3 .item dd .i_news_l ul li{padding-top:2%;} #owl-demo3 .item dd .imgs h2{ font-size:14px; height:115px; line-height:36px;} /*首页行业资讯*/ #owl-demo4 .item dd .i_news_l ul li{padding-top:2%;} #owl-demo4 .item dd .imgs h2{ font-size:14px; height:36px; line-height:36px;} .i_yonghu ul li {margin-right: 0% !important; width: 100%;} /*资讯*/ .i_hotline_bg{background: none !important;} .i_hotline{width: 100% !important;} .i_hotline input{border: 1px solid #9c9c9c;width: 90%;margin: .5rem;} .i_hotline .i_hotline_t{display: none;} .i_hotline button{text-align: center;width: 90%;} .i_hotline_l{ width: 98%; clear: both; margin-left: 2%;} } @media screen and (max-width:480px) { #owl-demo3 .item .i_news_l .imgs1 h2{ font-size: .8rem !important; line-height: 21px !important; } .i_yonghu ul li {margin-right: 0% !important; width: 100%;} .i_hotline_l{ width: 98%; clear: both; margin-left: 2%;} } @media screen and (max-width:830px) { /*首页公司资讯*/ #owl-demo3.owl-theme .owl-controls .owl-buttons{ top:50%;} #owl-demo3.owl-theme .owl-controls .owl-buttons div.owl-prev{ float:leftul;} #owl-demo3.owl-theme .owl-controls .owl-buttons div.owl-next{ float:right;} #owl-demo3 .item dd .imgs{ display:block; width: 100%;} #owl-demo3 .item dd .i_news_l{ width: 98%; clear: both; margin-left: 2%; position:relative;float: left;} #owl-demo3 .item dd .i_news_l .imgs1{margin-left: 1% !important;} #owl-demo3 .item dd .i_news_l ul {margin-left: 0%;} /*首页行业资讯*/ #owl-demo4.owl-theme .owl-controls .owl-buttons{ top:50%;} #owl-demo4.owl-theme .owl-controls .owl-buttons div.owl-prev{ float:left;} #owl-demo4.owl-theme .owl-controls .owl-buttons div.owl-next{ float:right;} #owl-demo4 .item dd .imgs{ display:none;} #owl-demo4 .item dd .i_news_l{ width:100%;position:relative;float: left;} .i_yonghu ul li {margin-right: 0% !important; width: 100%;} /*轮显*/ .module-content{ display:none;} .flash_div{ display:block;margin-top: 12%} /*资讯*/ .i_hotline_bg{background: none !important;} .i_hotline{width: 100% !important;} .i_hotline input{border: 1px solid #9c9c9c;width: 90%;margin: .5rem;} .i_hotline .i_hotline_t{display: none;} .i_hotline button{text-align: center;width: 90%;} } /*关于我们*/ .i_about_t{ height: 3.0625rem; overflow: hidden; line-height: 1.5rem; text-align: center; font-size: 30px; color: #000; /*letter-spacing: 2px;*/ margin-top: 2%; margin-bottom: 2%; font-weight: bold; display: inline-block; background: #fdad00; padding: .9375rem 1.23rem .9375rem 11.875rem;} .i_about_t span{ font-size: 18px; float: right;} .i_about{padding-bottom:2%; overflow:hidden; background:url(../images/i_about_bg.jpg) #c81c2d center top no-repeat; background-size:cover;} .i_about .i_about_con{ width:100%; max-width:1282px; margin:0 auto; padding-top:3%; overflow:hidden;} .i_about .imgs{ float:left; width:45%; overflow:hidden; margin-top:2%;} .i_about .imgs img{ width:100%;} .i_about .imgs img:hover{filter: Alpha(Opacity=80);opacity: 0.8;transition: all 0.3s;} .i_about .i_about_r{ float:right; width:47.6%; margin-left:2.5%; overflow:hidden; color:#fff; font-size:14px; line-height:30px; margin-right:2.5%; padding-top:4%;} .i_about .i_about_r .i_about_t2{ font-size:36px; font-weight:bold; letter-spacing:6px; line-height:60px;} .i_about .i_about_r .i_about_txt{ padding-top:3%;} .i_about .i_about_r .i_about_txt .i_about_span{ font-size:18px; font-weight:bold;} .i_about .i_about_r .i_about_more{ width:184px; height:48px; overflow:hidden; background:url(../images/i_more.png) no-repeat; text-indent:39px; font-size:16px; letter-spacing:1.5px; display:block; margin-top:4%; margin-bottom:3%; line-height:48px; color:#fff; clear:both;} .i_about .i_about_r .i_about_more:hover{filter: Alpha(Opacity=80);opacity: 0.8;transition: all 0.3s;} /*资讯中心*/ .i_news_bg{ background:url(../images/xwbj.png) center top no-repeat;overflow: hidden; /*height: 850px*/;background-position-y: 47%; background-size:cover; padding-bottom:5%;} .i_news_bg .news_more{padding-left: 185px;margin-top: .8rem;} .i_news_a{ text-align:center; overflow:hidden; padding-top:1%; padding-bottom:1%; font-size:17.8px; margin-top:10px;} .i_news_a a{ display:inline-block; color:#fff; margin-left:12px; margin-right:12px;} .i_news_a a.osel{ color:#d23e4a;} @media screen and (max-width: 640px){ .i_news_bg{ height: auto !important; margin-bottom: 13%; } .i_news_con{ height: auto !important; } .i_news_bg .news_more{text-align: center;padding: 0px;margin: 0px} } @media screen and (max-width: 480px){ .i_news_bg{ height: auto !important; margin-bottom: 13%; } .i_news_con{ height: auto !important; } .i_news_bg .news_more{text-align: center;padding: 0px;margin: 0px} .i_news_bg .news_more img{width:30%} } @media screen and (max-width: 780px) { .i_hotline_r { text-align: right; margin: 2% 10px;} .i_news_bg{ height: auto !important; margin-bottom: 13%; } .i_news_con{ height: auto !important; } .i_news_bg .news_more{text-align: center;padding: 0px;margin: 0px} .i_hotline_bg{ background: #fdad00 !important;} .i_hotline{width: 100% !important;} .i_hotline input{border: 1px solid #9c9c9c;width: 30%;margin: .5rem;} .i_hotline .i_hotline_t{display: none;} .i_hotline button{text-align: center;width: 20%;} } @media screen and (min-width:1400px)and (max-width:1920px) { .i_news_con{ height: 33.125rem!important; } .i_yonghu_bg {margin-top: 0rem !important;} .i_service_bg{ background: url(../images/bj_ys.jpg) center botttom no-repeat; overflow: hidden; color: #fff; background-size: 100% 100% !important; background-attachment: fixed; padding-bottom: 20px!important;} .i_news_bg .news_more{text-align: left;margin: 0px;} } @media screen and (min-width:1201px) and (max-width:1399px) { .about_bg{padding:10px;} .i_news_bg{ height: auto !important; margin-bottom: 13%; } .i_news_con{ height: 25rem!important } .i_yonghu_bg {margin-top: -7.5rem !important;} .i_service_bg{ background: url(../images/bj_ys.jpg) center botttom no-repeat; overflow: hidden; color: #fff; background-size: 100% 100% !important; background-attachment: fixed; padding-bottom: 20px!important;} } .i_news_bg .news_more{text-align: left;margin: 0px; padding:0!important} .i_hotline_n { width: 98%; display: inline-block; margin-top: 1%; padding-bottom: 15px; } } @media screen and (max-width: 1200px) { .about_bg{padding:10px;} .i_news_bg{ height: auto !important; margin-bottom: 13%; } .i_news_con{ height: 21rem!important } .i_news_bg .news_more{text-align: left;padding: 0px;margin: 0px} } .i_news_con .i_news_div{ display:none; overflow:hidden; padding-bottom:7px;height: 100%;} .i_news_con .i_news_div img{ width:50%; display:block; float:right;} /*首页公司资讯*/ #owl-demo3{ text-align:center; height: 70vh;} #owl-demo3.owl-theme .owl-controls .owl-buttons{ position:absolute; top:66%; width:100%; left:0; height:0;} #owl-demo3.owl-theme .owl-controls .owl-buttons div{color: #FFF;display: inline-block;zoom: 1;*display: inline; width:35px; height:35px;/*IE7 life-saver*/ text-indent:60px;overflow:hidden;-webkit-transition: all 0.3s ease-out 0s;-moz-transition: all 0.3s ease-out 0s;-o-transition: all 0.3s ease-out 0s;transition: all 0.3s ease-out 0s; margin-top:0; float:none;} #owl-demo3.owl-theme .owl-controls .owl-buttons div.owl-prev{background:url(../images/s_left2.png) no-repeat;} #owl-demo3.owl-theme .owl-controls .owl-buttons div.owl-prev:hover{background:url(../images/s_left2_on.png) no-repeat;} #owl-demo3.owl-theme .owl-controls .owl-buttons div.owl-next{ background:url(../images/s_right2.png) no-repeat;} #owl-demo3.owl-theme .owl-controls .owl-buttons div.owl-next:hover{background:url(../images/s_right2_on.png) no-repeat; } #owl-demo3.owl-theme .owl-controls{ margin-top:0;} #owl-demo3 .item{margin: 0px; height: 100%;} #owl-demo3 .item img{display: block;height: 100%;width: 100%;} #owl-demo3 .item dd{ width:100%; height: 100%;margin:0 auto; position:relative; overflow:hidden;} #owl-demo3 .item dd .imgs{ width:50%; height: 100%; overflow:hidden; float:left; position:relative;} #owl-demo3 .item dd .imgs h2{ height: 160px; line-height: 60px; background: url(../images/i_news_bg4.png) repeat; overflow: hidden; bottom: 0; left: 0; width: 94%; position: absolute; color: #fdad00; text-align: left; font-weight: normal; font-size: 1rem; padding-left: 3%; padding-right: 3%;} #owl-demo3 .item dd .imgs p:nth-child(1){ font-size: 14px; line-height: 20px; } #owl-demo3 .item dd .imgs p:nth-child(2){ padding: 2px 5px; font-size: 12px; line-height: 20px; background: #fdad00; color: #000; display: inline-block; border-radius: 5px; } #owl-demo3 .item dd .imgs h2 em{ float:right; margin-left:10px;} #owl-demo3 .item .i_news_l img{display: block;height: 100%;width: 100%;} #owl-demo3 .item .i_news_l .imgs1{ width: 48%; height: 46%; overflow: hidden; float: left; position: relative; margin-left: 2%;} #owl-demo3 .item .i_news_l .imgs1 h2{ height: 62px;white-space: nowrap; line-height: 40px; background: url(../images/i_news_bg4.png) repeat; overflow: hidden; bottom: 0; left: 0; width: 94%; position: absolute; color: #ffffff; text-align: left; font-weight: normal; font-size: 0.8rem; padding-left: 3%; padding-right: 3%;} #owl-demo3 .item .i_news_l .imgs1 p:nth-child(1){ font-size: 14px; line-height: 20px; } #owl-demo3 .item dd .i_news_l ul{ margin-top: 2%; overflow: hidden; float: left; margin-left: 2%;} #owl-demo3 .item dd .i_news_l ul li{ /* display: block; overflow: hidden; padding-bottom: 4%; padding-top: 3%; text-align: left; padding-left: 4%; padding-right: 4%; background: #fff; margin-bottom: 14px;*/ /* overflow: hidden; */ padding-bottom: 4%; /* padding-top: 3%; */ /* text-align: left; */ /* padding-left: 4%; */ /* padding-right: 4%; */ background: #fff; margin-bottom: 14px;} #owl-demo3 .item dd .i_news_l ul li .four_date{ float:left; width:18%; overflow:hidden;color:#999999; font-size:12px; line-height:26px; border-right:1px solid #e2e2e2; text-align:center;} #owl-demo3 .item dd .i_news_l ul li .four_date b{ font-size:50px; display:block; line-height:50px; font-family:Impact; font-weight:normal;} #owl-demo3 .item dd .i_news_l ul li .four_txt{ float:left; width:80%; overflow:hidden; text-align:left;transition:all 0.3s;} #owl-demo3 .item dd .i_news_l ul li .four_txt h2{ height:30px; line-height:30px; margin-top:1%; overflow:hidden; font-weight:normal; font-size:18px; padding-left:20px; padding-right:10px; color:#121212;} #owl-demo3 .item dd .i_news_l ul li .four_txt p{ line-height:20px; height:40px; overflow:hidden;padding-left:20px; padding-right:10px; font-size:14px; color:#666;} #owl-demo3 .item dd .i_news_l ul li:hover .four_txt{ color:#333;} #owl-demo3 .item dd .i_news_l ul li:hover .four_txt h2{color:#fdad00;} #owl-demo3 .item dd .i_news_l ul li:last-child{margin-bottom: 0px;} /*首页行业资讯*/ #owl-demo4.owl-theme .owl-controls{ margin-top:0;} #owl-demo4{ text-align:center;} #owl-demo4.owl-theme .owl-controls .owl-buttons{ position:absolute; top:66%; width:100%; left:0; height:0;} #owl-demo4.owl-theme .owl-controls .owl-buttons div{color: #FFF;display: inline-block;zoom: 1;*display: inline; width:35px; height:35px;/*IE7 life-saver*/ text-indent:60px;overflow:hidden;-webkit-transition: all 0.3s ease-out 0s;-moz-transition: all 0.3s ease-out 0s;-o-transition: all 0.3s ease-out 0s;transition: all 0.3s ease-out 0s; margin-top:0; float:none;} #owl-demo4.owl-theme .owl-controls .owl-buttons div.owl-prev{background:url(../images/s_left2.png) no-repeat;} #owl-demo4.owl-theme .owl-controls .owl-buttons div.owl-prev:hover{background:url(../images/s_left2_on.png) no-repeat;} #owl-demo4.owl-theme .owl-controls .owl-buttons div.owl-next{ background:url(../images/s_right2.png) no-repeat;} #owl-demo4.owl-theme .owl-controls .owl-buttons div.owl-next:hover{background:url(../images/s_right2_on.png) no-repeat; } #owl-demo4 .item{margin: 0px;} #owl-demo4 .item img{display: block;height: 100%;width: 100%;-webkit-transform:scale(1); -moz-transform:scale(1); -ms-transform:scale(1); -o-transform:scale(1); transform:scale(1);-webkit-transition:all 0.3s ease-out 0s; -moz-transition:all 0.3s ease-out 0s; -o-transition:all 0.3s ease-out 0s; transition:all 0.3s ease-out 0s; } #owl-demo4 .item dd{ width:100%; margin:0 auto; position:relative; overflow:hidden;} #owl-demo4 .item dd .imgs{ width:50%; overflow:hidden; float:right; position:relative;} #owl-demo4 .item dd .imgs h2{ height:46px; line-height:46px; background:url(../images/i_news_bg4.png) repeat; overflow:hidden; bottom:0; left:0; width:94%; position:absolute; color:#fff; text-align:left; font-weight:normal; font-size:16px; padding-left:3%; padding-right:3%;} #owl-demo4 .item dd .imgs h2 em{ float:right; margin-left:10px;} #owl-demo4 .item dd .i_news_l{ position:absolute; width:50%; height:100%; left:0; top:0;} #owl-demo4 .item dd .i_news_l ul{ margin-top:2%; overflow:hidden;} #owl-demo4 .item dd .i_news_l ul li{ display:block; overflow:hidden; background:url(../images/i_news_bg3.png) center bottom no-repeat; background-size:80% 1px; padding-bottom:4%; padding-top:2%; text-align:left; padding-left:4%; padding-right:4%;} #owl-demo4 .item dd .i_news_l ul li .four_date{ float:left; width:18%; overflow:hidden;color:#999999; font-size:12px; line-height:26px; border-right:1px solid #e2e2e2; text-align:center;} #owl-demo4 .item dd .i_news_l ul li .four_date b{ font-size:50px; display:block; line-height:50px; font-family:Impact; font-weight:normal;} #owl-demo4 .item dd .i_news_l ul li .four_txt{ float:left; width:80%; overflow:hidden; text-align:left;transition:all 0.3s;} #owl-demo4 .item dd .i_news_l ul li .four_txt h2{ height:30px; line-height:30px; margin-top:1%; overflow:hidden; font-weight:normal; font-size:18px; padding-left:20px; padding-right:10px; color:#121212;} #owl-demo4 .item dd .i_news_l ul li .four_txt p{ line-height:20px; height:40px; overflow:hidden;padding-left:20px; padding-right:10px; font-size:14px; color:#666;} #owl-demo4 .item dd .i_news_l ul li:hover .four_txt{ color:#333;} #owl-demo4 .item dd .i_news_l ul li:hover .four_txt h2{color:#d23e4a;} #owl-demo4 .item dd .i_news_l ul li:last-child{ background:none;} .i_yonghu{ width: 95%; max-width:1530px; margin: 0 auto; overflow: hidden; margin-top: 5.7%; margin-bottom: 3%;} .i_yonghu_t { height: 3.0625rem; overflow: hidden; line-height: 1.5rem; font-size: 30px; color: #000; /* letter-spacing: 2px;*/ margin-top: -7%; margin-bottom: 2%; font-weight: bold; display: inline-block; background: #fdad00; float: right; padding: .9375rem 11.875rem .9375rem 1.23rem ; } .i_yonghu_t span { font-size: 16px; } .i_yonghu ul{ padding:0;} .i_yonghu ul li{ float:left; width:24%; overflow:hidden; margin-top:20px;color:#fff;margin:0 0.5%;} .i_yonghu ul li:last-child{margin-right: 0px !important;} .i_yonghu ul li img{ margin:0 auto; display:block;width:100%; -webkit-transition:all 1s ease-in-out; -moz-transition:all 1s ease-in-out; -ms-transition:all 1s ease-in-out; -o-transition:all 1s ease-in-out; transition:all 1s ease-in-out; } /*服务中心*/ .i_service_bg{ background: url(../images/bj_ys.jpg) center top no-repeat; overflow: hidden; color: #fff; background-attachment: fixed;} .i_service_bg em{ display:block; font-size:14px; line-height:22px; text-align:center; margin-top:13px; font-style:italic;} .i_youshi{width: 100%; max-width: 1440px; margin: 0 auto; overflow: hidden; margin-top: 5.7%; margin-bottom: 5.7%;} .i_youshi ul{ padding:0;} .i_youshi ul li{ float:left; width:25%; overflow:hidden; line-height:36px; margin-top:20px; text-align:center; color:#fff; font-size:16px;} .i_youshi ul li span{ font-size:1.5rem; font-weight: bold; margin-top: 1.5rem; display: inline-block; } .i_youshi ul li img{ margin:0 auto; display:block;/* width:76%;*/ max-width:98px;-webkit-transition:all 1s ease-in-out; -moz-transition:all 1s ease-in-out; -ms-transition:all 1s ease-in-out; -o-transition:all 1s ease-in-out; transition:all 1s ease-in-out; } .i_youshi ul li a{ color:#fff;} .i_youshi ul li:Hover img{-webkit-transform:rotate(30deg); -ms-transform:rotate(360deg); -o-transform:rotate(360deg); -moz-transform:rotate(360deg);transform:rotate(360deg);} .i_service_bg .i_service_more{ margin:0 auto;width:175px; height:40px; overflow:hidden; background:url(../images/i_service_bg2.png) no-repeat; text-indent:68px; font-size:17.6px; letter-spacing:1.5px; display:block; margin-bottom:20px; line-height:40px; color:#fff; clear:both;} .i_service_bg .i_service_more:hover{filter: Alpha(Opacity=80);opacity: 0.8;transition: all 0.3s;} /*轮显*/ .flash_div{ width:100%; margin:0 auto; overflow:hidden;/* min-height:550px;*/display:none;} .flash{height:140px;width:320px;overflow:hidden;position:relative;margin:0 auto;/*margin-top:100px;*/} .ul_flash{width:100000px;height:100%} .ul_flash li{float:left;width:320px;height:100%} .ul_flash img{width:100%;height:100%} .flash .pagination{clear:both;position:absolute;left:44%;bottom:15px;z-index:9;height:10px; float:left; text-align:left;} .flash .pagination span{ float:left;background:url(../images/dian.png) no-repeat; background-size:100% 100%;width:11px;height:11px;text-indent:-9999px;border-radius:50%;-webkit-border-radius:50%;overflow:hidden;margin:0 3px;cursor:pointer;position:relative} .flash .pagination span.swiper-active-switch{ background:url(../images/dian2.png) no-repeat; background-size:100% 100%;} .i_hotline_bg{ background: url(../images/hotlinebj.png) no-repeat bottom; height: auto; background-size:100% 100%; /*padding-bottom: 20px;*/ } .i_hotline{ max-width: 1530px; margin: 0px auto; height: 100%; padding-top:2% ; clear:both; } .i_hotline_t{ float: right; margin-right: 4%; } .i_hotline_t p span:first-child{ font-size: 16px; } .i_hotline_t p span:last-child{ font-size: 28px; } .i_hotline_t p{float: right;text-align: right;color: #222132;} .i_hotline_t img{float: right} .i_hotline_n{ width: 98%; display: inline-block; margin-top: 1%; /*padding:10px;*/ } .i_hotline_l{ float: left; } .i_hotline_l p:first-child{ font-size: 24px; font-weight: bold; color: #222132; } .i_hotline_l p:last-child{ font-size: 16px; color: #222132; } .i_hotline_r{ text-align: right; margin-right: 4%; margin-top: .5%; } .i_hotline_r button{ background: #fff0; } .i_hotline_r input{ color: #c0c0c0; text-indent: 15px; padding: 10px; border-radius: 5px; margin-right: 1%; } @media screen and (max-width: 840px)and (max-width:640px) { } @media screen and (max-width: 1600px) { #owl-demo .item{ height:477px;} #owl-demo .item .i_pro_bg{ height:88%;} #owl-demo .item:hover .bg-list-img{ height:90%;} .owl-theme .owl-controls .owl-buttons div{ margin-top:-20%;} .i_hotline_r input { color: #c0c0c0; text-indent: 15px!important; padding: .8rem 6px !important; border-radius: 5px; margin-right: 1%;} @media screen and (max-width: 1280px) { #owl-demo .item{ height:507px;} .owl-theme .owl-controls .owl-buttons div{ margin-top:-26%;} .i_hotline_r input { color: #c0c0c0; text-indent: 15px!important; padding: .8rem 6px !important; border-radius: 5px; margin-right: 1%;} } @media screen and (max-width: 1200px) { /*首页公司资讯*/ #owl-demo3 .item dd .i_news_l ul li{ padding-bottom:3%;} #owl-demo3 .item dd .i_news_l ul li .four_date b{ font-size:40px;line-height:40px; } #owl-demo3 .item dd .i_news_l ul li .four_txt h2{ font-size:16px; height:24px; line-height:24px;} /*首页行业资讯*/ #owl-demo4 .item dd .i_news_l ul li{ padding-bottom:3%;} #owl-demo4 .item dd .i_news_l ul li .four_date b{ font-size:40px;line-height:40px; } #owl-demo4 .item dd .i_news_l ul li .four_txt h2{ font-size:16px; height:24px; line-height:24px;} .i_yonghu ul li {margin-right: 2%; } .i_hotline_r input { color: #c0c0c0; text-indent: 15px!important; padding: .8rem 6px !important; border-radius: 5px; margin-right: 1%;} /* 底部*/ .foot_t{ text-align: center; } .foot_t ul{ text-indent: .5rem; line-height: 3; } .foot_t ul li:last-child{ margin-right: 0% !important; } .foot_t ul li span{ margin-left: 5px!important; } .i_hotline_bg{ background: url(../images/hotlinebj.png) no-repeat!important; background-size: 100% 100%} } @media screen and (max-width: 1100px) { #owl-demo .item{ height:447px;} .i_yonghu ul li {margin-right: 0% !important;float: left; width:24%; margin-right:1%;} /*资讯*/ } @media screen and (max-width: 1000px) { #owl-demo .item{ height:437px;} /*首页公司资讯*/ #owl-demo3 .item dd .i_news_l ul li{padding-top:3%;} #owl-demo3 .item dd .i_news_l ul li .four_date b{ font-size:30px;line-height:30px; } #owl-demo3 .item dd .i_news_l ul li .four_txt p{ height:20px;} /*首页行业资讯*/ #owl-demo4 .item dd .i_news_l ul li{padding-top:3%;} #owl-demo4 .item dd .i_news_l ul li .four_date b{ font-size:30px;line-height:30px; } #owl-demo4 .item dd .i_news_l ul li .four_txt p{ height:20px;} .i_yonghu ul li {margin-right: 0% !important; float: left; width: 30%; margin-left: 3.3%;} /*资讯*/ ..i_hotline_bg{ background: url(../images/hotlinebj.png) no-repeat!important; background-size: 100% 100%} .i_hotline{width: 100% !important; background: #ffa603;} .i_hotline input{border: 1px solid #9c9c9c;width: 35%;margin: .5rem;} .i_hotline .i_hotline_t{display: none;} .i_hotline button{text-align: center;width: 20%;} } @media screen and (max-width:979px) { /*案例*/ .owl-theme .owl-controls .owl-buttons div{ margin-top:-27%;} #owl-demo .item{ height:417px;} #owl-demo .item .i_pro_bg{ height:82%;} #owl-demo .item:hover .bg-list-img{ height:83%;} #owl-demo .item .bg-list-hs p{ height:110px;} /*首页公司资讯*/ #owl-demo3 .item dd .i_news_l ul li{padding-top:2%;} #owl-demo3 .item dd .imgs h2{ font-size:14px; height:115px; line-height:36px;} /*首页行业资讯*/ #owl-demo4 .item dd .i_news_l ul li{padding-top:2%;} #owl-demo4 .item dd .imgs h2{ font-size:14px; height:36px; line-height:36px;} .i_yonghu ul li {margin-right: 0% !important; float: left; width:24%; margin-right:1%;} /*资讯*/ .i_hotline_bg{ background: url(../images/hotlinebj.png) no-repeat bottom!important; background-size: 100% 100%} .i_hotline{width: 100% !important;} .i_hotline input{border: 1px solid #9c9c9c;width: 35%;margin: .5rem;} .i_hotline .i_hotline_t{display: none;} .i_hotline button{text-align: center;width: 20%;} } @media screen and (max-width:480px) { #owl-demo3 .item .i_news_l .imgs1 h2{ font-size: .8rem !important; line-height: 21px !important; } .i_yonghu ul li {margin-right: 0% !important; width: 100%;} } @media screen and (max-width:830px) { /*首页公司资讯*/ #owl-demo3.owl-theme .owl-controls .owl-buttons{ top:50%;} #owl-demo3.owl-theme .owl-controls .owl-buttons div.owl-prev{ float:leftul;} #owl-demo3.owl-theme .owl-controls .owl-buttons div.owl-next{ float:right;} #owl-demo3 .item dd .imgs{ display:block; width: 100%; clear:both;} #owl-demo3 .item dd .i_news_l{ width:100%; position:relative !important;float: left;padding: 1% 0%;} #owl-demo3 .item dd .i_news_l .imgs1{margin-left: 1% !important;} #owl-demo3 .item dd .i_news_l ul {margin-left: 0%;} /*首页行业资讯*/ #owl-demo4.owl-theme .owl-controls .owl-buttons{ top:50%;} #owl-demo4.owl-theme .owl-controls .owl-buttons div.owl-prev{ float:left;} #owl-demo4.owl-theme .owl-controls .owl-buttons div.owl-next{ float:right;} #owl-demo4 .item dd .imgs{ display:none;} #owl-demo4 .item dd .i_news_l{ width:100%; position:relative;float: left;} .i_yonghu ul li {margin-right: 0% !important; float: left; width:23%; margin-left: 2%;} /*轮显*/ .module-content{ display:none;} .flash_div{ display:block;margin-top: 16%} /*资讯*/ .i_hotline_bg{ /* background: #fdad00 !important;*/} .i_hotline{width: 100% !important;} .i_hotline input{border: 1px solid #9c9c9c;width: 30%;margin: .5rem;} .i_hotline .i_hotline_t{display: none;} .i_hotline button{text-align: center;width: 20%;} } @media screen and (max-width:789px) { /*案例*/ .owl-theme .owl-controls .owl-buttons div{ margin-top:-41%;} #owl-demo .item{ height:487px;} #owl-demo .item .i_pro_bg{ height:82%;} #owl-demo .item:hover .bg-list-img{ height:83%;} .i_yonghu ul li {margin-right: 0% !important; float: left; width: 23%; margin-left: 2%;} /*资讯*/ .i_hotline_bg{ background: #fdad00 !important;} .i_hotline{width: 100% !important;} .i_hotline input{border: 1px solid #9c9c9c;width: 90%;margin: .5rem;} .i_hotline .i_hotline_t{display: none;} .i_hotline button{text-align: center;width: 90%;} } @media screen and (max-width: 780px) { .owl-theme .owl-controls .owl-buttons div{ margin-top:-40%;} /*关于我们*/ .i_about .imgs{ width:94%; margin-left:3%;} .i_about .i_about_r{ width:94%; padding-top:2%; padding-bottom:1%; margin-right:3%;} .i_yonghu ul li {margin:5px 1% !important;width:48%; } /*资讯*/ .i_hotline_bg{ background: #fdad00 !important;} .i_hotline{width: 100% !important;} .i_hotline input{border: 1px solid #9c9c9c;width: 26%;margin: .5rem;} .i_hotline .i_hotline_t{display: none;} .i_hotline button{text-align: center;width: 26%;} /* 底部*/ .foot_t{ text-align: center; } .foot_t ul{ text-indent: .5rem; line-height: 3; } .foot_t ul li{ float: none !important; margin-right: 0% !important; } .foot_t ul li span{ margin-left: .5rem!important; } .foot_con .foot_con_r ul li p{display: none;} .foot_con .foot_con_r ul li a { border-bottom:none !important; display: inline-block; padding: 0px 0.8rem; } .foot_con .foot_con_r ul li{ margin: 0px; } .widget-title{font-size:200%!important} } @media screen and (max-width: 640px) { .i_pro_t{ font-size:30px;} /*首页产品*/ #owl-demo2.owl-theme .owl-controls .owl-buttons{ display:none;} /*案例*/ #owl-demo.owl-theme .owl-controls .owl-buttons{ display:none;} #owl-demo .item{ height:410px;} /*资讯中心*/ .i_about_t{ font-size:24px; line-height:100%} .i_yonghu_t{ font-size:24px; line-height:100%} .i_hotline_l {padding:0px;margin-left:0 15px;} .i_hotline_l p:first-child { font-size:22px; line-height:150%; } .i_yonghu ul li {margin-right: 0% !important;} /*资讯*/ .i_hotline_bg{ background: #fdad00 !important;} .i_hotline{width: 100% !important;} .i_hotline input{border: 1px solid #9c9c9c;width: 90%;margin: .5rem;} .i_hotline .i_hotline_t{display: none;} .i_hotline button{text-align: center;width: 90%;} .foot_con .foot_con_r ul li{ margin: 0px; } .foot_bg2{ height: auto !important; line-height: 18px !important; } .foot_bg2 .foot_con2 .footer_fx_r{ float: none!important; } .widget-title{font-size:200%!important} } @media screen and (max-width: 480px) { /*案例*/ .owl-theme .owl-controls .owl-buttons div{ margin-top:-70%;} #owl-demo .item{ height:300px;} #owl-demo .item .bg-list-hs p{ height:88px;} /*服务中心*/ .i_youshi ul li{ font-size:14px;width: 50%;} .i_yonghu ul li {margin-right: 0% !important; width:100%} /*资讯*/ .i_hotline_bg{ background: #fdad00 !important;} .i_hotline{width: 100% !important;} .i_hotline input{border: 1px solid #9c9c9c;width: 90%;margin: .5rem;} .i_hotline .i_hotline_t{display: none;} i_hotline button{text-align: center;width: 90%;} .widget-title{font-size:200%!important} /* 底部*/ .foot_t{ text-align: unset; } .foot_t ul{ text-indent: .5rem; line-height: 3; } .foot_t ul li{ float: none !important; margin-right: 0% !important; } .foot_t ul li span{ margin-left: .5rem!important; } .foot_con .foot_con_r ul li p{display: none;} .foot_con .foot_con_r ul li a { border-bottom:none !important; display: inline-block; padding: 0px 0.8rem; } .foot_con .foot_con_r ul li{ margin: 0px; } .foot_con .foot_con_r ul li{ margin: 0px; } .foot_bg2{ height: auto !important; line-height: 18px !important; } .foot_bg2 .foot_con2 .footer_fx_r{ float: none!important; } } @media screen and (max-width:320px) { /*案例*/ .owl-theme .owl-controls .owl-buttons div { margin-top: -88%; } #owl-demo .item { height: 400px; } .i_about_t { font-size: 22px; } .i_yonghu_t{ font-size: 22px; padding: .9375rem 7.875rem .9375rem 1.23rem; } .foot_t ul li span{ font-size:.8rem!important; } .foot_con .foot_con_r ul li p{display: none;} .i_youshi ul li span{ font-size: 1.5rem; } /*服务中心*/ /*资讯*/ .i_hotline_bg{background: none !important;} .i_hotline{width: 100% !important;} .i_hotline input{border: 1px solid #9c9c9c;width:90%;margin: .5rem;} .i_hotline .i_hotline_t{display: none;} .i_hotline button{text-align: center;width: 90%;} .foot_con .foot_con_r ul li a { border-bottom:none !important; display: inline-block; padding: 0px 0.8rem; } .foot_con .foot_con_r ul li{ margin: 0px; } .foot_bg2{ height: auto !important; line-height: 18px !important; } .foot_bg2 .foot_con2 .footer_fx_r{ float: none!important; } } html{font-size:12px; font-size:62.5%; /* 10÷16=62.5% */} @media only screen and (min-width:321px){ html{font-size:62.5%!important} } @media only screen and (min-width:361px){ html{font-size:70.31%!important} } @media only screen and (min-width:376px){ html{font-size:73.24%!important;} } @media only screen and (min-width:481px){ html{font-size:94%!important; /* 15.04÷16=94% */} } @media only screen and (min-width:561px){ html{font-size:110%!important; /* 17.44÷16=109% */} } @media only screen and (min-width:641px){ html{font-size:125%!important; /* 20÷16=125% */} } @media (max-width: 750px) { iframe{ width: 100%; height:30vh} }