@CHARSET "UTF-8";
/*氓隴麓茅茠簍忙聽路氓錄聫*/
#header {
position: absolute;
top: 0;
left: 0;
background-color: rgba(0, 0, 0, .5);
width: 100%;
z-index: 99;
}
.head {
max-width: 1510px;
margin: 0 auto;
padding: 15px 0 0;
}
@media(max-width:1199px) {
.head {
padding: 0;
}
}
.top {
padding: 0 10%;
position: relative;
}
@media (max-width: 1250px) {
.top {
padding: 0 5%;
}
}
.logo {
float: left;
}
.topLink {
position: absolute;
width: 34px;
line-height: 34px;
right: 4%;
top: 20px;
height: 74px;
}
.translate {
width: 100px;
position: absolute;
left: 0;
top: 10px;
z-index: 9999;
}
.tran-in {
left: 120px;
}
.translate li {
border: 1px dashed #cccccc;
line-height: 26px;
text-align: left;
background: #fff;
}
.translate li a {
display: block;
padding-left: 10px;
background: url(../images/dot4.png) no-repeat 88% 11px;
}
.translate li a:hover {
text-decoration: none;
color: #275cea;
cursor: pointer;
}
.translate-en {
display: none;
padding: 6px;
padding-top: 0px;
}
.translate li .translate-en a {
padding-left: 0px;
text-align: center;
background: #fff;
border-bottom: 1px solid #cccccc;
}
.translate li .translate-en a:hover {
font-weight: bold;
}
#menu {
width: 850px;
padding-top: 20px;
}
/*莽茠顱茅鈥斅β惻撁綽?/
.search {
position: absolute;
background-color: rgba(255, 255, 255, .8);
padding: 5px 10px 8px 10px;
width: 300px;
top: 74px;
right: 0;
display: none;
}
#formsearch {
width: 230px;
float: right;
margin-top: 5px;
}
.hotSearch {
float: right;
height: 24px;
line-height: 24px;
font-weight: normal;
}
/*盲賂祿盲陸鈥溍β犅訪ヂ悸?/
.bg {
background: #eaeaea;
padding: 15px 0 114px;
}
@media (max-width: 1024px) {
.bg {
background: #eaeaea;
padding: 15px 0 30px;
}
}
#container {
max-width: 1510px;
margin: 0 auto;
}
.boxx {
max-width: 1510px;
margin: 0 auto;
}
#container2 {
max-width: 1200px;
margin: 0 auto;
margin-top: 40px;
}
.group {
background: #fff;
padding: 38px 50px;
}
.group h2 {
color: #333;
font: 400 25px/46px "Microsoft Yahei";
}
.group h2 p {
color: #999;
font: 400 14px/24px "Microsoft Yahei";
}
.pro-cate {
padding-top: 24px;
position: relative;
}
.pro-cate a {
display: inline-block;
color: #333;
font: 400 14px/50px "Microsoft Yahei";
width:190px;
text-align: center;
margin-bottom: 10px;
}
.pro-cate a span {
background: #f5f5f5;
display: block;
}
.pro-cate a:hover span {
background: #333;
color: #fff;
}
.pro-cate a.all {
background: #333;
font-weight: 600;
color: #fff;
width: 75px;
}
.pro-cate a.more {
color: #666;
background: url(../images/more.jpg) no-repeat 0 50%;
padding-left: 25px;
width: auto;
position: absolute;
right: 0;
top: 24px;
}
.pro-cate a.more:hover {
color: #cc0001;
}
@media (min-width: 992px) {
.col-md-2 {
width: 16.66666667% !important;
}
}
@media (min-width: 768px) {
.col-sm-4 {
width: 33.33333333% !important;
}
}
.col-xs-6 {
width: 50% !important;
}
@media (max-width: 1050px) {
.group {
padding: 38px 20px;
}
}
@media (max-width: 1200px) {
.pro-cate a {}
}
.pro-center {
padding-top: 45px;
}
.pro-center li {
margin-bottom: 20px;
}
.pro-center li .img {
position: relative;
overflow: hidden;
width: 100%;
height: 100%;
display: block;
}
.pro-center li img {
max-width: 100%;
height: auto;
-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;
}
.pro-center li .hides {
position: absolute;
width: 100%;
height: 100%;
left: 0;
top: 0;
background-color: rgba(0, 0, 0, .6);
text-align: center;
display: none;
}
.pro-center li .hides div {
display: table;
height: 100%;
width: 100%;
}
.pro-center li .hides p {
display: table-cell;
vertical-align: middle;
}
.pro-center li h3 {
border: 1px solid #f2f2f2;
border-top: none;
padding: 10px 30px;
}
.pro-center li h3 a {
display: block;
color: #333;
font: 400 16px/34px "Microsoft Yahei";
}
.pro-center li h3 p {
color: #666;
font: 400 12px/24px "Microsoft Yahei";
padding-bottom: 15px;
border-bottom: 1px solid #e5e5e5;
}
.pro-center li h3 a.more {
color: #333;
font: 400 14px/24px "Microsoft Yahei";
background: url(../images/more.png) no-repeat 100% 50%;
margin-top: 8px;
}
@media(max-width:992px) {
.pro-center li h3 p {
display: none;
}
.pro-center li h3 {
padding: 0;
}
.pro-center li h3 a {
text-align: center;
}
.pro-center li h3 a.more {
display: none;
}
}
.pro-center li:hover .hides {
display: block;
}
.pro-center 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;
}
.aboutbox {
margin-top: 16px;
background: #a50505;
}
.aboutbox .col-sm-6 {
padding: 0;
}
.aboutimg {
position: relative;
overflow: hidden;
}
.aboutimg img {
max-width: 100%;
height: auto;
-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;
}
.aboutimg .hides {
position: absolute;
left: 0;
top: 0;
width: 100%;
height: 100%;
background-color: rgba(0, 0, 0, .5);
display: none;
}
.aboutimg .hides a {
display: block;
display: table;
height: 100%;
width: 100%;
text-align: center;
}
.aboutimg .hides p {
display: table-cell;
vertical-align: middle;
}
.aboutbox .about {
background: #a50505;
padding: 3% 50px 0;
}
.about .tit {
color: #fff;
font: 400 25px/52px "Microsoft Yahei";
}
.about .con {
color: #deb8b8;
font: 400 14px/28px "Microsoft Yahei";
padding-top: 20px;
}
.about a.more {
color: #fff;
font: 400 14px/30px "Microsoft Yahei";
padding-top: 30px;
display: inline-block;
}
.aboutimg:hover .hides {
display: block;
}
.aboutimg: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;
}
@media (max-width: 1024px) and (min-width: 768px) {
.aboutbox .about {
padding: 20px 30px 0;
}
.about .con {
padding: 0;
height: 112px;
overflow: hidden;
}
.about a.more {
padding-top: 10px;
}
}
@media (max-width: 767px) {
.aboutbox .about {
padding: 20px 20px 15px;
}
.about a.more {
padding-top: 10px;
}
}
.news {
background: #fff;
padding: 72px 0 55px;
margin-top: 15px;
}
.news h2 {
color: #333;
font: 400 25px/46px "Microsoft Yahei";
padding: 0 50px;
position: relative;
}
.news h2 p {
color: #999;
font: 400 14px/24px "Microsoft Yahei";
}
.news h2 a {
color: #666;
background: url(../images/more.jpg) no-repeat 0 50%;
padding-left: 25px;
width: auto;
position: absolute;
right: 50px;
top: 24px;
font: 400 13px/40px "Microsoft Yahei";
}
.news h2 a:hover {
color: #cc0001;
}
.news_list1 {
padding: 30px 35px 0;
}
.news_list1 a {
display: block;
}
.news_list1 a.img {
position: relative;
overflow: hidden;
}
.news_list1 img {
max-width: 100%;
height: auto;
-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;
}
.news_list1 li {
margin-bottom: 10px;
}
.news_list1 li h3 {
padding-top: 8px;
}
.news_list1 li h3 a {
color: #333;
font: 400 16px/46px "Microsoft Yahei";
text-overflow: ellipsis;
overflow: hidden;
white-space: nowrap;
}
.news_list1 li h3 p {
color: #999;
font: 400 12px/22px "Microsoft Yahei";
text-overflow: -o-ellipsis-lastline;
overflow: hidden;
text-overflow: ellipsis;
display: -webkit-box;
-webkit-line-clamp: 3;
-webkit-box-orient: vertical;
}
.news_list1 li h3 a.more {
color: #cc0001;
font: 400 12px/22px "Microsoft Yahei";
margin-top: 10px;
display: inline-block;
}
.news_list1 .hides {
position: absolute;
left: 0;
top: 0;
width: 100%;
height: 100%;
background-color: rgba(0, 0, 0, .5);
display: none;
}
.news_list1 .hides div {
display: block;
display: table;
height: 100%;
width: 100%;
text-align: center;
}
.news_list1 .hides p {
display: table-cell;
vertical-align: middle;
}
.news_list1 li:hover .hides {
display: block;
}
.news_list1 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;
}
@media (max-width: 767px) {
.news_list1 {
padding: 20px 20px 0;
}
}
@media (max-width: 991px) {
/*.news_list1 li.nw3 {*/
/* display: none;*/
/*}*/
}
/*----- Common css ------*/
.fl {
float: left;
}
.fr {
float: right;
}
.di {
_display: inline;
}
.fwn {
font-weight: normal;
}
.dib {
*display: inline;
_zoom: 1;
_display: inline;
_font-size: 0px;
}
.quicknav {
background: #1d1f25;
color: #636467;
font: 400 16px/23px "Microsoft Yahei";
padding: 22px 0;
border-top: 5px solid #cc0001;
}
.quicknav a {
color: #636467;
}
.quicknav a:hover {
color: #cc0001;
}
.quicknav .boxx {
position: relative;
}
.gotop {
position: absolute;
right: 0;
top: -65px;
cursor: pointer;
}
.shares .bdshare-button-style0-16 a {
width: 23px;
height: 23px;
padding: 0;
margin: 0 0 0 15px;
}
.shares .bdshare-button-style0-16 a.bds_sqq {
background: url(../images/s1.png) no-repeat 0 50%;
}
.shares .bdshare-button-style0-16 a.bds_weixin {
background: url(../images/s2.png) no-repeat 0 50%;
}
.shares .bdshare-button-style0-16 a.bds_qzone {
background: url(../images/s4.png) no-repeat 0 50%;
}
.shares .bdshare-button-style0-16 a.bds_tsina {
background: url(../images/s5.png) no-repeat 0 50%;
}
.shares .bdshare-button-style0-16 a.bds_tqq {
background: url(../images/s6.png) no-repeat 0 50%;
}
@media (max-width: 1509px) {
.quicknav {
padding: 22px 10px;
}
}
/*氓聫鈥姑ζ掆γ┾溌久ε鉸?/
.f_link {
width: 140px;
margin: 0 auto;
margin-top: 8px;
line-height: 24px;
background: url(../images/link.png) no-repeat 0 50%;
text-indent: 9px;
color: #fff;
text-align: left;
position: relative;
}
.f_link .hides {
width: 100%;
position: absolute;
left: 0;
bottom: 24px;
display: none;
background-color: rgba(255, 255, 255, .8);
}
.f_link .hides a {
display: block;
font: 400 12px/24px "Microsoft Yahei";
}
/*茅隆碌茅聺壟氓潞鈥⒚┢捖?/
.foot {
background: #18181d;
padding: 42px 0;
}
#footer {
position: relative;
max-width: 1510px;
margin: 0 auto;
padding-top: 8px;
}
#footer a {}
#footer a:hover {
color: #cc0001;
text-decoration: none;
}
.nav_foot {
line-height: 24px;
color: #666;
}
.copyright {
line-height: 30px;
}
.contacts {
text-align: left;
}
.contacts h2 {
color: #fff;
font: 400 16px/46px "Microsoft Yahei";
}
.contacts .content {
color: #6d6c71;
font: 400 14px/30px "Microsoft Yahei";
}
.ewm {
text-align: center;
color: #6d6c71;
font: 400 16px/60px "Microsoft Yahei";
padding-top: 15px;
color: #fff;
}
.ewm img {
margin-right: 20px;
}
.foot-under {
border-top: 1px solid #46464a;
}
.foot-right {
background: url(../images/line2.png) repeat-y 20% 0;
}
.foot-right .col-lg-6 {
float: right;
}
.hot-rec {
width: 100%;
margin-top: 22px;
}
.foot-under {
color: #6d6c71;
font: 400 12px/30px "Microsoft Yahei";
padding-top: 10px;
margin-top: 15px;
}
.foot-under a {
color: #6d6c71;
}
.underright {
font: 400 12px/30px "Microsoft Yahei";
text-align: right;
}
.lox {
display: none;
}
.slick-banner .slick-dots {
position: absolute;
left: 0;
right: 0;
text-align: center;
font-size: 0;
z-index: 9;
bottom: 10px;
}
.slick-banner .slick-dots li {
display: inline-block;
margin: 0 5px;
width: 10px;
height: 10px;
border-radius: 50%;
background: #efefef;
cursor: pointer;
}
.slick-banner .slick-dots li button {
background: none;
outline: none;
border: none;
font-size: 0;
}
.slick-banner .slick-dots li.slick-active {
background: #ab001a;
}
.slick-banner .img img {
width: 100%;
}
.slick-banner .slick-con {
position: relative;
}
.xyin-banner {
display: none;
}
@media (max-width: 1200px) {
.foot {
border-top: 5px solid #cc0001;
}
.lox {
display: block;
}
}
@media (max-width: 1570px) {
.message2 .m_label {
font-size: 14px;
}
.message2 #checkcode {
width: 120px;
}
}
@media (max-width: 1200px) {
.message2 #name {
height: 40px;
line-height: 40px;
margin-bottom: 5px;
}
.message2 #contact {
height: 40px;
line-height: 40px;
margin-bottom: 5px;
}
.message2 #content {
height: 40px;
line-height: 40px;
}
.message2 .m_label {
line-height: 40px;
}
.message2 #checkcode {
height: 30px;
line-height: 30px;
width: 100px;
}
.message2 #code {
padding-top: 5px;
}
.message2 .msgbtn {
height: 40px;
line-height: 40px;
margin-top: 10px;
}
}
@media (max-width: 980px) {
.foot-under {
padding-top: 20px;
}
}
@media (max-width: 414px) {
.messbox {
width: 98%;
}
#footer {
width: 98%;
}
.logo {
width: 17%;
}
.logo img {
max-width: 100%;
}
.pro-center li,
.news_list1 li {
width: 50%;
float: left;
}
.navbar-header {
padding-top: 3px;
}
.topbanner {
display: none;
}
.xyin-banner {
display: block;
}
.news_list1 li h3 p {
height: 63px;
}
}
/*------------氓鈥犫γ┞÷?------------------*/
.left .box {
margin-bottom: 15px;
border: 1px solid #d2d2d2;
padding: 5px;
}
.left .box h3 {
line-height: 31px;
padding-left: 15px;
font-weight: bold;
font-family: "氓戮廬貓陸爐茅鈥衡γ┞燴?;
background: #cc0001;
font-size: 14px;
color: #fff;
}
.left .box .content {
padding: 5px 0px;
}
.prodescription {
border: 1px solid #e5e5e5;
background: #f9f9f9;
line-height: 24px;
padding: 10px;
margin-bottom: 15px;
text-indent: 20px;
}
.n_banner {
width: 100%;
}
.n_banner img {
width: 100%;
height: auto;
min-height: 120px;
}
.left {}
.sort_menu {}
.sort_menu h3 {
background-color: #ececec;
line-height: 28px;
padding-left: 15px;
font-weight: bold;
}
.sort_product {
margin-top: 10px;
}
.sort_product h3 {
background-color: #ececec;
line-height: 28px;
padding-left: 15px;
font-weight: bold;
}
.n_contact {
margin-top: 10px;
}
.n_contact h3 {
background-color: #ececec;
line-height: 28px;
padding-left: 15px;
font-weight: bold;
}
.left .n_contact .content {
padding: 10px;
line-height: 24px;
}
.right {
padding-bottom: 10px;
}
.sitemp {
height: 40px;
overflow: hidden;
padding-left: 50px;
background: url(../images/site.jpg) no-repeat #f0f0f0;
color: #999;
line-height: 40px;
}
.sitemp a {
color: #999;
}
.sitemp h2 {
width: 340px;
float: left;
line-height: 31px;
text-align: center;
text-align: left;
text-indent: 15px;
color: #000;
font-size: 14px;
}
.sitemp .site {
width: 380px;
float: right;
text-align: right;
line-height: 30px;
}
.right .content {
padding: 15px 0 10px;
overflow: hidden;
line-height: 24px;
}
.right .content img {
max-width: 100%!important;
height: auto!important;
} 日韩区日本高清在线,日韩不卡av高清无码手机版,日韩AV无码一区二区三区