@CHARSET 'UTF-8';
/*----- Common css ------*/
.fl
{
float: left;
}
.fr
{
float: right;
}
.di
{
_display: inline;
}
.fwn
{
font-weight: normal;
}
.dib
{
*display: inline;
_zoom: 1;
_display: inline;
_font-size: 0;
}
/*头部样式*/
.head
{
}
#header
{
max-width: 1400px;
height: 97px;
margin: 0 auto;
}
.logo
{
float: left;
width: 13%;
margin-top: 5px;
}
.logo img{
max-width: 100%;
}
.wellcome{
height: 40px;
line-height: 40px;
background: #e5e5e5;
color:#575757;font-size:14px;
}
.wellcome a{
color:#575757;
}
.well1{
max-width: 1400px;
margin:0 auto;
}
.k1{
float:right;
}
.k3{
float:left;
}
.links{
height: 66px;
background:#2d2d2d;
}
.f_link{
max-width: 1200px;
margin:0 auto;
line-height: 66px;
font-size: 14px;
color:#fff;
text-align: left;
}
/*热门搜烦*/
.search
{
position: relative;
float: right;
margin-top: 20px;
width: 17%;
}
.search1
{
position: absolute;
top: 0;
left: 0;
width: 26px;
height: 26px;
background: url(../images/ss.png) no-repeat;
}
#formsearch
{
z-index: 20;
background: url(../images/ss.png) no-repeat;
width: 174px;
float:right;
}
.hotSearch{width: 100%;font-size: 14px;text-align: right;overflow: hidden;height: 30px;}
.hotSearch a{line-height: 30px;margin-right: 5px;}
/*搜烦和热门搜?/
#formsearch input
{
position: absolute;
top: 1px;
width: 100%;
height: 34px;
padding-left: 10px;
border:none;
background: none;
outline:none;
}
#formsearch input:focus
{
border-color: #66afe9;
outline: 0;
-webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.075),0 0 8px rgba(102,175,233,.6);
box-shadow: inset 0 1px 1px rgba(0,0,0,.075),0 0 8px rgba(102,175,233,.6);
}
.sinput
{
position: relative;
height: 36px;
}
#formsearch input#keyword
{
outline: none;
}
#formsearch input#s_btn
{
position: absolute;
z-index: 2;
top: 0;
right: 0;
width: 39px;
height: 36px;
border: 0;
outline:none;
}
#formsearch input#s_btn:hover
{
}
.search .triangle
{
position: absolute;
top: -15px;
right: 0;
display: none\9;
overflow: hidden;
width: 320px;
height: 15px;
}
.search .triangle:before
{
position: absolute;
top: 5px;
right: 10px;
width: 20px;
height: 20px;
content: '';
-webkit-transform: rotate(45deg);
-moz-transform: rotate(45deg);
-ms-transform: rotate(45deg);
-o-transform: rotate(45deg);
transform: rotate(45deg);
border: 1px solid #ddd;
background-color: #fff;
/* background-image: -webkit-gradient(linear,left top,left bottom,from(#fff),to(#fff)); */
/* background-image: -webkit-linear-gradient(top,#fff,#fff); */
background-image: -moz-linear-gradient(top,#fff,#fff);
background-image: -o-linear-gradient(top,#fff,#fff);
/* background-image: linear-gradient(180deg,#fff,#fff); */
}
.head .en
{
font-size: 12px;
line-height: 26px;
display: block;
float: left;
width: 26px;
height: 26px;
margin-top: 50px;
margin-left: 5px;
text-align: center;
color: #fff;
background: #d21a1a;
}
.about-box{
max-width: 1280px;
margin:0 auto;
padding:50px 0px;overflow:hidden;
}
.reuse{
text-align: center;
font-size: 30px;
color:#a0a0a0;
font-weight: bold;
line-height: 35px;
padding-bottom: 10px;
background: url(../images/h2bj.jpg) no-repeat center bottom;
text-transform:uppercase;
}
.reuse p{
font-size: 24px;
font-weight: normal;
color:#575757;
}
.about-list li{
width: 33.333334%;
float:left;
height: 214px;
position: relative;
overflow: hidden;
cursor: pointer;
}
.about-list li img{
-webkit-transform: scale(1,1);-moz-transform: scale(1,1);-webkit-transition: all 0.5s ease-out;-moz-transition: all 0.5s ease-out;transition: all 0.5s ease-out;
}
.about-list li:hover img {-webkit-transform:scale(1.1,1.1);-moz-transform:scale(1.1,1.1);transform:scale(1.1,1.1);-webkit-transition:all 0.6s ease-out;-moz-transition:all 0.6s ease-out;transition:all 0.6s ease-out;}
.about-list li h3{
font-size: 18px;
color:#fabd00;
line-height: 25px;
padding-top: 19.5%;
padding-left: 44%;
}
.about-list li h3 p{
font-size: 12px;
color:#fabd00;text-transform:uppercase;
}
.c11{background:#f4f3f3;
}
.c11 h3{
background: url(../images/c11.png) no-repeat 34% 96%;
}
.c22{background:#f4f3f3;
}
.c22 h3{
background: url(../images/c22.png) no-repeat 34% 96%;
}
.c33{
background: #fabd00;
}
.c33 h3{
color:#fff !important;
background: url(../images/c33.png) no-repeat 34% 96%;
}
.about-list{
margin-top: 30px;
}
.about-list li:hover .text-desc{
width: 100%;
top:0;
left:0;
height: 100%;
padding:45px 20px 20px;
}
.text-desc{
top: 50%;
left: 50%;
width: 0;
height: 0;
overflow: hidden;
padding: 0;
opacity: 1;
transition:0.5s;
color:#000;
position: absolute;
background-color:#fabd00;
box-sizing: border-box;
}
.text-desc p{
font-size: 13px;
line-height: 23px;
color:#fff;
}
.pro-list-box{width: 100%;
background: url(../images/bj1.jpg) no-repeat center top;
background-size: cover;
padding-top:2%;
padding-bottom:5%;overflow:hidden;
}
.tabli{position:relative;width:956px;margin:0 auto;margin-top:2%;text-align:center;background:url(../images/tt.png) no-repeat;line-height:50px;}
.tabli li{display:inline-block;line-height:50px;color:#fff;font-size:14px;width:9.3%;cursor:pointer;}
.tabli li a{color:#fff;}
.tabli li.cur{background:#e77109;border-radius:5px;}
.tab{margin-top:2%;overflow:hidden;display:none;}
.tab.clicked{display:block;}
.product_list66 li{float:left;_display:inline;width:20%;}
.product_list66 li a.img{border:1px solid #e0e1dc;}
.product_list66 li a.img img{width:100%;height:100%;;}
.product_list66 li a.img{display:block;}
.product_list66 li a.img:hover{}
.product_list66 li h3{text-align:center;border:1px solid #e0e1dc;background:#eeeff8;height:50px;line-height:50px;overflow: hidden;white-space: nowrap;text-overflow:ellipsis;}
.product_list66 li h3 a{font-weight:normal;color:#666666;font-size:16px;}
.product_list66 li:hover h3{background:#fabd00;}
@media (max-width: 1200px){
.tabli{background:#fabd00;width:80%;margin:0 auto;text-align:center;border-radius:10px;line-height:50px;margin-top:2%;}
.tabli li{width:13.9%;display:inline-block;}
}
@media (max-width: 768px){
.pro-list-box{padding-top:5%;padding-bottom:8%;}
.tabli{margin-top:5%;}
.tabli li{width:48%;display:inline-block;font-size:12px!important;}
.tab{margin-top:5%;}
.product_list66 li h3 a{font-size:12px;}
}
.box2{max-width:1200px;margin:0 auto;margin-top:2%;overflow:hidden;}
.box2 .cont{margin-top:4%;}
.video{width:100%;}
.video_tu{width:100%;height:100%;}
.video_tu img{width:100%;}
.video_tt{margin-top:7px;background:#eeeff8;line-height:40px;color:#666666;font-size:14px;text-align:center;width:100%;}
.xw02{}
.slick-con{margin-bottom:7px;}
.slick-con .img{}
.slick-con .img img{width:100%;height:100%;}
.slick-con .title{margin-top:5px;background:#eeeff8;line-height:32px;text-align:center;color:#666666;font-size:14px;}
.xw-slick .slick-prev{background:url(../images/shang.png) no-repeat;width:100%;height:35px;display:block;border:none;outline:none;text-indent:-1000px;overflow:hidden;margin-bottom:6px;background-size:100% 100%;}
.xw-slick .slick-next{background:url(../images/xia.png) no-repeat;width:100%;height:41px;display:block;border:none;outline:none;text-indent:-1000px;overflow:hidden;background-size:100% 100%;}
.cate-list{
text-align: justify;
width: 100%;
margin-top: 50px;
}
.cate-list:after {
display: inline-block;
overflow: hidden;
width: 100%;
height: 0;
content: '';
}
.cate-list li{
width: 16.4%;
border:1px solid #c4c4c4;
position: relative;
vertical-align: top;
position: relative;
display: inline-block;
overflow: hidden;
}
.cate-box{
width: 200%;
}
.cate-list-left{
width: 50%;
float:left;
margin-left: -100%;
transition: all 0.5s;
position: relative;
}
.cate-list li:hover .cate-list-left{
margin-left: 0px;
}
.cate-list-right{
width: 50%;
float:left;
}
.cate-box img{
max-width: 100%;
height: auto;
}
.cate-box h3{
line-height: 80px;
border-top:1px solid #c4c4c4;
}
.cate-list-left{
position: relative;
}
.cate-list-left .top-shawdow{
position: absolute;
width: 100%;
height: 20px;
background: rgba(0,104,53,0.7);
}
.cate-list-left h3{
background: #006835;
text-align: center;
}
.cate-list-left h3 a{
color:#c4c4c4;
font-size: 24px;
}
.cate-list-right h3{
background: #eeeff8;
text-align:center;
}
.cate-list-right h3 a{
color:#575757;
font-size: 24px;
}
.adv-list-box{
width: 100%;
min-height: 797px;
background: url(../images/dbj.jpg) no-repeat center;
background-size: cover;
margin-top:55px;overflow:hidden;
}
.adv-list-center{
max-width: 1200px;
margin:0 auto;
padding:50px 0px;
}
.adv-list-left{
width: 51%;
float:left;
}
.adv-list{
width: 100%;
min-height: 115px;
cursor: pointer;
}
.adv-list:hover .left-title h2{
margin-top: -5px;
}
.left-title{
width: 18.6%;
float:left;
margin-top: 2%;
}
.left-title h2{
line-height: 70px;
background:url(../images/h2bj1.png) no-repeat center;
text-align: center;
min-height: 90px;
font-size: 16px;
color:#fff;
transition: all 0.3s;
}
.left-content{
width: 78%;
float:right;
margin-top: 2%;
}
.left-content h3{
font-size: 16px;
color:#000;
padding-top: 20px;
line-height: 25px;
}
.left-content p{
font-size: 14px;
color:#a7a4a3;
}
.adv-list-right{
width: 37.7%;
float:right;
margin-top: 50px;
}
.adv-list-right img{
max-width: 100%;
}
.case-show-box{
padding-top:50px;
}
.banner-tt{
width: 538px;
height: 67px;
position: absolute;
bottom:50px;
right:50px;
}
.banner-tt h3{
width: 444px;
height: 67px;
background:rgba(239,237,238,0.9);
line-height: 67px;
float:left;
font-size: 24px;
color:#006333;
text-indent: 30px;
}
.banner-tt .more6{
width: 81px !important;
height: 67px !important;
background:rgba(239,237,238,0.9);
line-height: 67px;
float:right;
font-size: 24px;
color:#006333;
display: block;
text-align: center;
}
.news-list-box{
max-width: 1200px;
margin:0 auto;
padding:50px 0px;overflow:hidden;
}
.newimg{
max-width: 100%;
float:left;
position: relative;
z-index: 999;
}
.news-list-right{
width: 842px;
min-height: 340px;
background: #eeecec;
float: left;
margin-left: -77px;
margin-top:1px;
padding-top:50px;
padding-left: 100px;
padding-right: 90px;
position: relative;
}
.news-list-right h3{
font-size: 18px;
color:#333;
line-height: 50px;
padding-top: 30px;
}
.news-list-right p{
font-size: 14px;
color:#333;
line-height: 28px;
}
.time9{
width: 100px;
height: 100px;
background: url(../images/t.png) no-repeat;
position: absolute;
right: -50px;
top: 118px;
}
.time9 p{
font-size: 24px;
color:#333;
}
.time9 .p1{
line-height: 51px;
text-indent: 7px;
}
.time9 .p2{
line-height: 50px;
text-indent: 36px;
}
.news-list-right:hover{
background:#006433;
}
.news-list-right:hover h3{
color:#fff;
}
.news-list-right:hover p{
color:#fff;
}
.news-list-right:hover .time9{
background:url(../images/t1.png) no-repeat;
}
.reuse1{
margin-bottom: 40px;
}
.news-list{
text-align: justify;
width: 100%;
margin-top: 50px;
}
.news-list:after{
display: inline-block;
overflow: hidden;
width: 100%;
height: 0;
content: '';
}
.news-list li{
position: relative;
vertical-align: top;
position: relative;
display: inline-block;
width: 47%;
min-height:100px;
margin-bottom: 20px;
}
.time8{
width: 18.5%;
height: 100px;
background: url(../images/t.png) no-repeat;
float:left;
}
.time8 p{
font-size: 24px;
color:#333;
}
.time8 .p1{
line-height: 51px;
text-indent: 7px;
}
.time8 .p2{
line-height: 50px;
text-indent: 36px;
}
.news-list li h3{
float:right;
width: 78%;
}
.news-list li h3 a{
line-height: 35px;
font-size: 18px;
color:#2d2d2d;
display: block;
}
.news-list li h3 p{
font-size: 14px;
color:#2d2d2d;
line-height: 30px;
}
.news-list li:hover .time8{
background:url(../images/t1.png) no-repeat;
}
.news-list li:hover h3 a{
color:#006433;
text-decoration: underline;
}
.news-list li:hover h3 p{
color:#006433;
}
.news-list li:hover .time8 p{
color:#fff;
}
.fangwei-box{
min-height: 417px;
background:url(../images/dbj1.png) no-repeat center;
background-size: cover;
}
.fangwei-center{
max-width: 1200px;
margin:0 auto;
}
.fangwei-list{
text-align: justify;
width: 100%;
padding-top: 91px;
}
.fangwei-list:after{
display: inline-block;
overflow: hidden;
width: 100%;
height: 0;
content: '';
}
.fangwei-list li{
position: relative;
vertical-align: top;
position: relative;
display: inline-block;
width: 24%;
text-align: center;
}
.fangwei-img{
width: 152px;
height: 152px;
margin:0 auto;
overflow: hidden;
}
.fangwei-img-1{
margin-top: -152px;
transition: all 0.5s;
}
.fangwei-list li:hover .fangwei-img-1{
margin-top: 0px;
}
.fangwei-list li h3{
font-size: 20px;
line-height: 40px;
padding-top: 20px;
color:#fff;
}
.fangwei-list li h3 p{
font-size: 14px;
}
/*M样式*/
#container
{
width: 96%;
margin: 5px auto 10px;
}
#container1
{
max-width: 1200px;
margin: 5px auto 10px;
}
.ft-lx{
min-height: 50px;
width: 100%;
background: #313131;
}
.lx-list{
max-width: 1180px;
margin:0 auto;
}
.lx-list h2{
line-height: 50px;
float:left;
color:#919191;
font-size: 14px;
}
#gotop{
line-height: 50px;
font-size: 14px;
color:#919191;
float:right;
padding-right: 25px;
background: url(../images/bn.png) no-repeat right center;
cursor: pointer;
}
/*面底部*/
.foot{
background: #333333;
}
#footer
{
position: relative;
max-width: 1200px;
margin: 0 auto;
}
.foot-top{
padding: 30px 0px;
}
.nav1{
width: 77.6%;
float:left;
}
.nav1 li{
width: 16.6%;
float:left;
text-align: left;
}
.nav1 li a{
display: block;
line-height: 40px;
color:#fff;
font-size: 16px;
}
.nav1 li a:hover{
text-decoration: underline;
}
.nav1 .sec a{
font-size: 14px;
color:#fff;
font-weight: normal;
line-height: 27px;
opacity: 0.8;
}
.nav2{
display: none;
}
.lianxi{
width: 21%;
float:left;
}
.lianxi h2{
line-height: 40px;
color:#fff;
font-size: 16px;
font-weight: bold;
}
.lianxi p{
font-size: 14px;
color:#fff;
opacity: 0.8;
}
.weixin{margin-top:5px;
width: 22%;
float:left;
text-align:center;
color:#fff;
line-height: 30px;
font-size: 16px;
border-left:1px solid #4d4d4d;
}
.weixin p{
padding-bottom: 5px;
}
.foot-bottom{
border-top:1px solid #4b4b4b;
line-height: 55px;
}
.copyright{
font-size: 12px;
color: #fff;
line-height: 28px;
opacity: 0.5;
}
.copyright a{
font-size: 12px;
color:#fff;
}
.zhuyin a{
font-size: 12px;
color:#fff;
}
.foot2{background:#2d2d2d;padding:5px 0;}
.ht50{
height: 50px;
}
#nav-fiexd{
position:fixed;
left:0;
top:0;
width:100%;
z-index: 9999;
background: rgba(248,238,238,0.9);
}
#nav-fiexd.navbar-default {
background: #fff;
}
#nav-fiexd a.navbar-brand {
display: block;
width: 70%;
padding: 0;
height: 50px;
}
#nav-fiexd a.navbar-brand img{
width: auto;
max-height: 100%;
}
.swiper-container .swiper-slide a {
display: block;
width: 100%;
}
.swiper-container .swiper-slide img {
width: 100%;
height: auto;
}
.navbar-nav li{
width: 100% !important;
border-bottom:1px solid #eee;
text-indent: 20px;
text-align:left;
background: none;
height: 50px;
}
.waicen{
position: relative;
width: 100%;
}
.navbar-collapse{padding:0 !important;}
.prodescription{border:1px solid #e5e5e5;background:#f9f9f9;line-height:24px;padding:10px;margin-bottom:15px;text-indent:20px;display: none;}
.n_banner {
text-align: center;
}
.n_banner img{
max-width: 100%;
height: auto;
}
.m55{
width: 74%;
margin:0 auto;
}
.left{
width: 20%;
float:left;
padding-top: 55px;
}
.right{
width: 78%;
float:right;
padding-top: 50px;
}
.left .box{
margin-bottom: 10px;
}
.left .box .content{
border: 1px solid #ebebeb;
padding: 15px;
}
.left h3{
font-size: 18px;
font-weight: bold;
border-bottom: 1px solid #dedede;
line-height: 56px;
color: #fff;
text-align: center;
background:url(../images/nh2.jpg) no-repeat;
}
.n_contact .content{
padding: 10px;
line-height: 30px;
}
.sitemp{line-height:72px;height:72px;overflow:hidden;border-bottom:1px solid #c9c9c9;}
.sitemp1{max-width:1348px;margin:0 auto;}
.sitemp h2{float:left;line-height:72px;text-align:left;color:#006835;font-size:18px;font-weight: bold;background:url(../images/sitbj.png) no-repeat 0px;text-indent: 40px;}
.sitemp .site{float:right;text-align:right;line-height:72px;font-size: 14px;}
.nav2{
width: 100%;
display: none;
}
.nav2 li{
width: 100%;
float:left;
text-align: left;
border-bottom:1px solid #dcdcdc;
text-indent: 46px;
line-height: 45px;
}
.nav2 li a{
color:#fff;
font-size: 16px;
display: block;
background: url(../images/xx.png) no-repeat 95%;
}
.nav2 .sec{
display: none;
}
.nav2 .sec a{
border-bottom:1px dashed #d0d1d2;
background: none;
}
.m55 {
width: 74%;
margin: 0 auto;
}
.navbar-nav li a {
padding-top: 10px !important;
padding-bottom: 10px !important;
line-height: 20px !important;
display: block;
}
.nav > li {
position: relative;
display: block;
}
@media (min-width: 1100px){
.col-ll-2 {
width: 20%;
float: left;
}
}
@media (max-width: 768px){
.news-list{
width: 90%;
margin:0 auto;
margin-top:4%;
}
}
/* 内页左侧D栏样?*/
.xypg-left-nav > li {
margin-bottom: 12px;
position: relative;
}
.xypg-left-nav > li > a {
display: block;
text-indent: 27px;
font-size: 14px;
color: #666666;
position: relative;
line-height: 40px;
border: 1px solid #e4e4e4;
padding-right: 15%;
}
.xypg-left-nav > li .first-nav-btn {
position: absolute;
z-index: 99;
width: 16px;
height: 16px;
border-radius: 50%;
background: #d1d1d1 url(../images/xypg-left-jt.png) 0 -15px no-repeat;
right: 10%;
top: 13px;
}
.xypg-left-nav > li .first-nav-btn.clicked {
background: #4ba05d url(../images/xypg-left-jt.png) 0 1px no-repeat;
}
.xypg-left-nav > li:last-child {
margin-bottom: 0;
}
.xypg-left-nav > li:hover > a, .xypg-left-nav > li.clicked > a {
color: #4ba05d;
}
.xypg-left-nav > li:hover .first-nav-btn, .xypg-left-nav > li.clicked .first-nav-btn {
background-color: #4ba05d;
}
.xypg-left-nav .xypg-left-subnav {
display: none;
margin-top: 10px;
}
.xypg-left-nav .xypg-left-subnav > li > a {
display: block;
line-height: 35px;
color: #666666;
font-size: 14px;
padding-left: 15%;
padding-right: 5%;
}
.xypg-left-nav .xypg-left-subnav > li > a:before {
content: '';
width: 0;
height: 0;
line-height: 0;
font-size: 0;
overflow: hidden;
border-width: 5px;
cursor: pointer;
border-style: dashed dashed dashed solid;
border-color: transparent transparent transparent #d4d4d4;
border-right: none;
vertical-align: 5px;
margin-right: 10px;
}
.xypg-left-nav .xypg-left-subnav > li > a:hover {
color: #4ba05d;
}
.xypg-left-nav .xypg-left-subnav > li > a:hover:before {
border-left-color: #4ba05d;
}
.xypg-left-nav .xypg-left-subnav > li.hover > a:before {
content: '';
width: 0;
height: 0;
line-height: 0;
font-size: 0;
overflow: hidden;
border-width: 5px;
cursor: pointer;
border-style: solid dashed dashed dashed;
border-color: #4ba05d transparent transparent transparent;
border-bottom: none;
vertical-align: middle;
margin-right: 5px;
}
.xypg-left-nav .xypg-left-threenav {
display: none;
}
.xypg-left-nav .xypg-left-threenav > li > a {
display: block;
font-size: 14px;
line-height: 24px;
color: #999999;
padding-left: calc(15% + 15px);
padding-right: 5%;
}
.xypg-left-nav .xypg-left-threenav > li > a:before {
content: '';
display: inline-block;
vertical-align: middle;
width: 8px;
height: 2px;
background: #d4d4d4;
margin-right: 5px;
}
.xypg-left-nav .xypg-left-threenav > li > a:hover {
color: #4ba05d;
}
@media (max-width: 990px) {
.xypg-left-nav .xypg-left-threenav {
display: block;
}
}
.c32{margin-top:1%;}
.xc-slick .slick-con {
margin: 0 7px;
-webkit-transition: all .5s ease;
transition: all .5s ease;
position: relative;
}
.xc-slick .slick-con > a{
display: block;
}
.xc-slick .slick-con h3{margin-top:3%;
background:#e9e9e9;
text-align: center;
width: 100%;
font: normal 14px/38px "微Y雅黑";
color: #666666;
}
.xc-slick .slick-con img{
width: 100%;
}
.xc-slick .slick-prev,.xc-slick .slick-next{
position: absolute;
text-indent: 100px;
width: 20px;
height: 37px;
overflow: hidden;
border: none;
outline: none;
}
.xc-slick .slick-prev{
background: url(../images/left02.png) no-repeat center;
top: 40%;
left: -50px;
}
.xc-slick .slick-next{
background: url(../images/right02.png) no-repeat center;
top: 40%;
right: -50px;
}
@media (max-width: 768px) {
.xc-slick .slick-prev{
background: url(../images/left02.png) no-repeat center;
top: 40%;
left: -30px;
}
.xc-slick .slick-next{
background: url(../images/right02.png) no-repeat center;
top: 40%;
right:-30px;
}
.c32{
padding:10px 30px 0;
}
}
/*专题?/
.min{margin-top:5%;}
.mintt{text-align:center;color:#666666;font-size:29px;}
.mes{margin-top:5%;}
.zuo{width:48%;float:left;}
.you{width:48%;float:right;}
#message-form #checkcode {
display: inline-block;
width: 30%;
}
@media (max-width: 900px) {
.visible-xs {
display: block !important;
}
table.visible-xs {
display: table;
}
tr.visible-xs {
display: table-row !important;
}
th.visible-xs,
td.visible-xs {
display: table-cell !important;
}
}
@media (max-width: 1050px) {
.visible-xs-block {display: block !important;}
.r3{display: none;}
.head1{height: 0px !important;}
.h21{width: 50%;float:left;}
.col3{width: 50% !important;}
.sp33{display: block;}
.le1{width: 90%;margin:0 auto;float:none;}
.re1{width: 100%;margin:0 auto;margin-top:30px;padding-left: 5%;}
.re1 h2{font-size: 30px;}
.ne34{width: 100% !important;}
.mor34{margin-top: 50px !important;margin-bottom: 30px !important;}
.t20{width: 100%;text-align: center;}
.t21{width: 100%;margin: 0;text-align: center;margin-top: 20px;}
.t22{width: 100%;}
.t40{width: 100% !important;text-indent: 45px;}
.t30{width: 50% !important;}
.zg3{display: none !important;}
.mn2{display: none !important;}
.b20{text-align: center;float:none;line-height: 30px;}
.clearfix1{zoom:1;}
.clearfix1:before{
display: table;
content: " ";
}
.clearfix1:after{
clear: both;
}
}
@media (max-width: 1480px) {
.h22 {
padding-top: 0px !important;
padding-bottom: 10px !important;
}
}
@media (max-width: 960px) {
.vfgo li{
border:none;
width: 50%;
}
.prod1 li{
width: 33%;
}
.gha1 li .time8{
display: none;
}
.gha1 li h3{width: 100%;}
}
@media (max-width: 1700px){
.m55 {width: 100%;}
}
@media (max-width: 1300px) {
.zs3 {
margin-top: 0px !important;
width: 90%;
}
.mor1{margin-top: 0px !important;}
.h32{padding-left: 20px !important;}
}
@media (max-width: 720px) {
.h211{width: 100%;margin-bottom: 20px;}
.col33{width: 100% !important;}
.col34{width: 100% !important;padding-left: 50px;}
.col34 h2{font-size: 50px;}
.col34 h2 .p1{font-size: 25px;}
.b33{padding-left: 20px !important;}
.t40 {display: block !important;}
.t200{display: none;}
.t300{width: 100% !important;}
.fd2{padding-bottom: 30px !important;}
.h344{ display: block;
font-size: 25px;
color: #333;
background: #f6f6f6;
line-height: 68px;
padding-left: 30px;}
.bhf1{width: 100%;}
.bhf1 .m1{
display: none !important;
}
.bhf1 .cateimg{
width: 50%;
}
.bhf1 h3{
width: 50%;
}
.bhf1 h3 .p3{
font-size: 14px !important;
}
.bhf1 h3 .p4{
font-size: 14px !important;
}
.vfgo1 li{
width: 100%;
border: 1px solid #ddd;
}
.prod2 li{
width: 49%;
}
.prod2 h3{
line-height: 40px;
}
.bge1{
width: 100%;
margin-left: 0px;
padding-top: 20px;
padding-left: 20px;
padding-right: 20px;
}
.bge1 .time9{
display: none;
}
.gha2 li{
width: 100%;
}
.ttr1 li{
width: 49%;
}
}
@media (max-width: 900px) {
.visible-xs-inline {
display: inline !important;
}
.col7{width: 50% !important;}
}
@media (max-width: 1200px) {
.ba20{width: 25%;background: none !important;}
.n44 {width: 100%;}
.n55 {display: none;}
.k55 {width: 100%;}
.bgg{width: 100%; min-height: 706px;}
.bgg1{width: 100%;height: 250px;}
.hjy1{width: 100%;position: relative;left: 0px;}
.bvn{left:10px !important;bottom:770px !important;}
.bvn1{left:150px !important;bottom:770px !important;}
.m1{margin-left: 0% !important;}
.num11 li{width: 33% !important;}
.lop{float:none;left:0;margin-left: 0px;}
.lopp{width: 100%;float:none;}
.lopp li{width: 100% !important;}
.lopp1{width: 100%;position: relative;left:0;bottom:0;min-height: 300px;background: none;}
.lopp1 h3{padding-left: 0px;text-align: center;}
.lopp .more8{display: none !important;}
}
@media (max-width: 768px) {
.col77{width: 100% !important;}
.ba200{width: 50%;}
.ba200 a.img img{margin-left: 0px !important;}
.ba200 h3{text-indent: 0px !important;}
}
@media (max-width: 900px) {
.visible-xs-inline-block {
display: inline-block !important;
}
}
@media (max-width: 1300px) {
.searchide{
display: none;
}
.navbig{
width: 75%;
}
}
@media (min-width: 900px) and (max-width: 991px) {
.visible-sm {
display: block !important;
}
table.visible-sm {
display: table;
}
tr.visible-sm {
display: table-row !important;
}
th.visible-sm,
td.visible-sm {
display: table-cell !important;
}
}
@media (min-width: 900px) and (max-width: 991px) {
.visible-sm-block {
display: block !important;
}
}
@media (min-width: 900px) and (max-width: 991px) {
.visible-sm-inline {
display: inline !important;
}
}
@media (min-width: 900px) and (max-width: 991px) {
.visible-sm-inline-block {
display: inline-block !important;
}
}
@media (min-width: 992px) and (max-width: 1199px) {
.visible-md {
display: block !important;
}
table.visible-md {
display: table;
}
tr.visible-md {
display: table-row !important;
}
th.visible-md,
td.visible-md {
display: table-cell !important;
}
}
@media (min-width: 992px) and (max-width: 1199px) {
.visible-md-block {
display: block !important;
}
}
@media (min-width: 992px) and (max-width: 1199px) {
.visible-md-inline {
display: inline !important;
}
}
@media (min-width: 992px) and (max-width: 1199px) {
.visible-md-inline-block {
display: inline-block !important;
}
}
@media (min-width: 1200px) {
.visible-lg {
display: block !important;
}
table.visible-lg {
display: table;
}
tr.visible-lg {
display: table-row !important;
}
th.visible-lg,
td.visible-lg {
display: table-cell !important;
}
}
@media (min-width: 1200px) {
.visible-lg-block {
display: block !important;
}
}
@media (min-width: 1200px) {
.visible-lg-inline {
display: inline !important;
}
}
@media (min-width: 1200px) {
.visible-lg-inline-block {
display: inline-block !important;
}
}
@media (max-width: 1050px) {
.hidden-xs {
display: none !important;
}
}
@media (min-width: 768px) and (max-width: 991px) {
.hidden-sm {
display: none !important;
}
}
@media (min-width: 992px) and (max-width: 1199px) {
.hidden-md {
display: none !important;
}
}
@media (min-width: 1200px) {
.hidden-lg {
display: none !important;
}
}
.visible-print {
display: none !important;
}
@media print {
.visible-print {
display: block !important;
}
table.visible-print {
display: table;
}
tr.visible-print {
display: table-row !important;
}
th.visible-print,
td.visible-print {
display: table-cell !important;
}
}
.visible-print-block {
display: none !important;
}
@media print {
.visible-print-block {
display: block !important;
}
}
.visible-print-inline {
display: none !important;
}
@media print {
.visible-print-inline {
display: inline !important;
}
}
.visible-print-inline-block {
display: none !important;
}
@media print {
.visible-print-inline-block {
display: inline-block !important;
}
}
@media print {
.hidden-print {
display: none !important;
}
}
国产精品免费无遮挡无码永久视频