﻿@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:15px 0 10px;
    }
}
.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:700px;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 80px;}
@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:180px;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: 25% !important;
}

}
@media (max-width: 768px){
.logo{
    width: 50%;
}

}

.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;}
.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;width:44.5%;}
.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:6% 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";}
.news_list1 li h3 p{color:#999;font:400 12px/22px "Microsoft Yahei";}
.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;}
}

@media (max-width: 559px){

.logo img{width:100%}
.topbanner .tit{font: 400 20px/30px "Microsoft Yahei"}
.pre,.next{width:40px;height:40px;}
.pre img,.next img{width:100%}

}




/*----- 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;}

@media (max-width: 1200px){
    .foot{border-top: 5px solid #cc0001;}
}

@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%;}
}



/*------------内页-------------------*/
.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;}





/*.xypg-left-con .con li {*/
/*    margin-bottom: 23px;*/
/*}*/

/*.xypg-left-con .con li .span {*/
/*    line-height: 33px;*/
/*    font-size: 16px;*/
/*    color: #333333;*/
/*    text-indent: 10px;*/
/*    background: url(//cdn.myxypt.com/4a94b86d/21/08/6d2914c26a26701752e21796f4ffdb6fe38b724c.png) no-repeat 95% 50% #e6e6e6;*/
/*    cursor: pointer;*/
/*}*/

/*.xypg-left-con .con li .menu_dropDown {*/
/*    width: 100%;*/
/*    background: #fff;*/
/*    padding: 10px;*/
/*    display: none;*/
/*}*/

/*.xypg-left-con .con li .menu_dropDown .renovation_style a {*/
/*    display: block;*/
/*    font-size: 16px;*/
/*    color: #333333;*/
/*    line-height: 33px;*/
/*    cursor: pointer;*/
/*}*/

/*.xypg-left-con .con li .menu_dropDown .renovation_style a input{*/
/*    cursor: pointer;*/
/*}*/




