/*公用样式*/
@charset "utf-8";
/* CSS Document */
body,ul,ol,li,p,h1,h2,h3,h4,h5,h6,form,fieldset,table,td,img,div,dl,dt,dd,input{
    margin:0;padding:0;}
body{
    font-size:14px;
    font-family: "Verdana";
    /*行高*/
    line-height: 30px;
    color:#333;
}
/*html { 下次用 解决100%宽度两边留白问题*/
/*box-sizing: border-box;*/
/*}*/
/**, *:before, *:after {*/
/*box-sizing: inherit;*/
/*}*/
img{border:none;}
li{list-style:none;}
button{outline:none;border:0;}
input,select,textarea{outline:none;border: none;background: none;}
textarea{resize:none;}
a{text-decoration:none;color: #665565;}
.fl{float:left;}
.fr{float:right;}
.clearFix:after {
    content: "\0020";
    display: block;
    height: 0;
    clear: both;
}
.clearFix{
    zoom: 1;
}
.maxWidth{
    width:1200px;
    margin:0 auto;
}
/*bootstrap样式修改*/
/*去除a标签 焦点、经过变色下化线问题*/
a:hover,a:focus{
    /*从父元素继承颜色*/
    color:inherit;
    text-decoration: inherit;
}
/*去除谷歌浏览器自动填充的背景与颜色*/
input:-webkit-autofill{
    -webkit-box-shadow:0 0 0 1000px #f3f3f3 inset;
    -webkit-text-fill-color:#666;
}
/*解决图片底下有空白问题*/
/*因为图片为vertical-align:baseline; 所以有留白*/
img{
    /*display:block;*/
    /*vertical-align: middle;*/
}
/*index*/
/*header*/
.header{
    height:105px;
}
.header>a{
    display:block;
    width:350px;
    height:105px;
    line-height:105px;
}
.header>a>img{
    width:100%;
    vertical-align: middle;
}
.nav{
    padding-left:120px;
    padding-top:35px;
}
.nav>li{
    float: left;
    margin-right:35px;
}
.nav>li>a{
    display: block;
    height:70px;
    line-height:70px;
    font-size:14px;
}
.nav>li>.on,.nav>li>a:hover{
    color:#b11d1d;
}
.headerRight{
    width:240px;
    height:105px;
}
.bdshare-button-style0-16 a, .bdshare-button-style0-16 .bds_more{
    width:28px!important;
    height:28px!important;
    margin:15px 5px 0!important;
    padding:0!important;
}
.bdshare-button-style0-16 .bds_fbook{
    background: url("../images/facebook.png") no-repeat center center;
    background-position: 0!important;
}
.bdshare-button-style0-16 .bds_weixin{
    width:34px!important;
    background: url("../images/wechat.png") no-repeat center center;
    background-position: 0!important;
}
.bdshare-button-style0-16 .bds_twi{
    background: url("../images/twitter.png") no-repeat center center;
    background-position: 0!important;
}
.bdshare-button-style0-16 .google{
    background: url("../images/google.png") no-repeat center center;
    background-position: 0!important;
}
.bdshare-button-style0-16 .youtube{
    background: url("../images/youtube.png") no-repeat center center;
    background-position: 0!important;
}
.headerRight>form{
    width:240px;
    height:30px;
    margin-top:15px;
}
.searchInput{
    width:210px;
    height:30px;
    background: #f3f3f3;
    line-height:30px;
    padding:0 10px;
    box-sizing: border-box;
}
.searchBtn{
    width:30px;
    height:30px;
    background:url("../images/search.png") no-repeat center center;
    background-color: #b11d1d;
    cursor: pointer;
}
/*banner*/
.swiper-slide>img{
    width:100%;
}
.swiper-container-horizontal>.swiper-pagination-bullets{
    bottom:30px;
}
.swiper-pagination-bullet{
    width:14px;
    height:14px;
    background: #fff;
    opacity: 1;
}
.swiper-container-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet{
    margin:0 8px;
}
.swiper-pagination-bullet-active{
    background:#b11d1d;
}
/*product*/
.indexProduct>h3{
    font-size:24px;
    text-align: center;
    margin-top:70px;
    margin-bottom:40px;
}
.classList{
    text-align: center;
}
.classList>li{
    display: inline-block;
    margin:10px 15px 0;
}
.classList>li>a{
    display:block;
    font-size:14px;
    line-height:14px;
    padding:10px 30px;
    border:1px solid #fff;
    border-radius: 15px;
}
.classList>li>a:hover,.classList>li:first-child >a{
    border:1px solid #b11d1d;
}
#product{
    margin-top:25px;
    padding-bottom:110px;
}
#product .swiper-container{
    margin-top:45px;
}
.swiper-slide{
    height:470px;
    border-right:1px solid #e6e6e6;
}
.swiper-slide>a{
    display:block;
    height:470px;
    width:100%;
    box-sizing: border-box;
}
.swiper-slide>a>img{
    width:100%;
    height:420px;
}
.swiper-slide>a>p{
    font-size:14px;
    font-weight: bold;
    text-align: center;
    width:100%;
    height:50px;
    line-height:25px;
    overflow: hidden;
}
.swiper-slide>a:hover >p{
    color:#b11d1d;
}
#product .swiper-pagination-bullet{
    background:#e6e3e3;
}
#product .swiper-pagination-bullet-active{
    background:#b11d1d;
}
/*about*/
.indexAbout{
    margin-top:20px;
}
.indexAboutLeft{
    width:450px;
    height:540px;
    margin-right:60px;
}
.indexAboutLeft>img{
    width:100%;
    height:100%;
}
.indexAboutRight{
    width:690px;
    height:540px;
}
.aboutRightTop{
    width:100%;
    height:142px;
}
.indexAboutCont{
    font-size:14px;
    line-height:24px;
    height:120px;
    width:505px;
    overflow: hidden;
    padding-bottom:20px;
    border-bottom:1px solid #000;
}
.indexAboutTil{
    width:185px;
    height:141px;
}
.indexAboutTil>p:first-child{
    color:#000;
    font-size:40px;
    font-weight: bold;
    margin-bottom:18px;
    text-align: right;
    margin-top:15px;
}
.indexAboutTil>p:last-child{
    font-size:40px;
    color:#b11d1d;
    text-align: right;
    font-weight: bold;
}
.indexAboutRight>a{
    display: block;
    width:130px;
    height:34px;
    border:1px solid #b11d1d;
    text-align: center;
    line-height:34px;
    margin-top:35px;
    color:#b11d1d;
}
.aboutRightDown{
    width:690px;
    height:260px;
    background:#f1f1f1;
    margin-top:60px;
    padding:20px;
    box-sizing: border-box;
}
.aboutRightDown>li{
    float: left;
    width:200px;
    height:214px;
    margin-right:20px;
}
.aboutRightDown>li>img{
    width:100%;
    height:100%;
}
.aboutRightDown>li:last-child{
    margin-right:0;
}
/*footer*/
.footerBg{
    width:100%;
    height:215px;
    border-top:4px solid #b11d1d;
    margin-top:100px;
    background:#1d1c1c;
}
.footerLeft{
    width:50%;
    margin-top:35px;
}
.copy{
    margin-top:25px;
    color:#fff;
    width:100%;
    line-height:28px;
}
.footerLeft>p{
    width:100%;
    height:28px;
    color:#fff;
    line-height:28px;
}
.footerRight{
    width:50%;
}
.footerRight>p{
    text-align: right;
    color:#fff;
    height:28px;
    line-height:28px;
}
.footerRight>p:first-child{
    margin-top:70px;
}
/*title*/
.contTil{
    height:110px;
    line-height:110px;
    margin-bottom: 20px;
}
.contTilLeft{
    font-size:30px;
    line-height:110px;
    font-weight: normal;
}
.productsLeft{
    width:235px;
}
.producttype1,.producttype1sel{
    width:235px;
    height:45px;
    margin-top:2px;
    background:#dfdddd;
}
.producttype1>a,.producttype1sel>a{
    display: block;
    width:235px;
    height:45px;
    padding-left:6px;
    box-sizing: border-box;
    text-indent: 20px;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
    line-height:45px;
    font-size:14px;
    position: relative;
}
.producttype1>a:before,.producttype1sel>a:before{
    content: "";
    width:6px;
    height:45px;
    position: absolute;
    top:0;
    left:0;
    background: #b11d1d;
}
.producttype1sel>a:before,.producttype1>a:hover:before{
    background:#4e4b4b;
}
.producttype1sel,.producttype1:hover{
    background: #b11d1d;
}
.producttype1sel>a,.producttype1>a:hover{
    color:#fff;
}
.producttype2,.producttype2sel{
    display:none;
    margin-top:0;
    width:235px;
    height:40px;
}
.producttype2>a,.producttype2sel>a{
    display:block;
    width:235px;
    padding-left:35px;
    height:40px;
    line-height:40px;
    font-size:14px;
    position: relative;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
    box-sizing: border-box;
    -moz-box-sizing: border-box;
    background:#f7f2f2;
}
.producttype2sel>a,.producttype2>a:hover{
    color:#b11d1d;
}
.producttype2>a:before,.producttype2sel>a:before{
    content: url("../images/left.png");
    position:absolute;
    top:0;
    left:20px;
}
/*ny-banner*/
.ny-banner{
    width:100%;
    height:360px;
    overflow:hidden ;
}
.ny-banner>img{
    width:100%;
}
.productsRight{
    width:940px;
    min-height: 350px;
}
.productsRight img,.productsRight video,.productsRight audio{
    max-width:100%;
}
.productsRight>.productCont{
    width:100%;
    min-height:350px;
}
.productCont>li{
    width:300px;
    float: left;
    margin-right:20px;
}
.productCont>li:nth-child(3n){
    margin-right:0;
}
.productCont>li>a{
    display:block;
    width:300px;
}
.productCont>li>a>img{
    width:300px;
    height:380px;
    border:1px solid #e6e6e6;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}
.productCont>li>a>p{
    text-align: center;
    width:100%;
    height:60px;
    line-height:30px;
    font-size:14px;
    font-weight: bold;
    overflow: hidden;
}
.productCont>li>a:hover >p{
    color:#b11d1d;
}
/*pager*/
.pager{
    text-align: center;
    margin:20px 0;
}
.pager>span{
    margin:0 5px;
    cursor: pointer;
}
.pager>span>a{
    padding:4px 8px;
    background:#e6e6e6;
    font-size:14px;
}
.pager>span>.active,.pager>span:hover >a{
    background:#b11d1d;
    color:#fff;
}
.ny-pager{
    padding-top:20px;
    border-top:1px solid #ccc;
    margin:20px 0;
}
.ny-pager span{
    display:inline-block;
    width:442px;
    text-align: center;
}
.ny-pager div>a{
    display:block;
    width:442px;
    overflow: hidden;
    text-align: center;
}
.newsPager{
    text-align: center;
    margin:20px 0;
}
.newsPager>span{
    margin:0 5px;
    cursor: pointer;
}
.newsPager>span:last-child{
    border:1px solid #ccc;
}
.content{
    min-height:350px;
}
/*newsd*/
.contNew>.content>ul{
    border-top:1px solid #e6e6e6;
}
.contNew>.content>ul>li{
    width:100%;
    margin-top:15px;
    padding-bottom:15px;
    border-bottom:1px solid #e6e6e6;
}
.contNew>.content>ul>li>a>div:first-child{
    width: 200px;
    height: 150px;
}
.contNew>.content>ul>li>a>div>img{
    width:100%;
    height:100%;
}
.contNew>.content>ul>li>a>div:last-child{
    width: 1000px;
    padding-right: 15px;
    box-sizing: border-box;
    padding-left:25px;
}
.contNew>.content>ul>li>a>div>h3{
    font-size:18px;
    margin:10px 0;
}
.contNew>.content>ul>li>a>div>span{
    font-size:14px;
    color:#a9a9a9;
    line-height:26px;
}
.contNew>.content>ul>li>a>div>p{
    font-size:14px;
    line-height:30px;
    height:60px;
    color:#a9a9a9;
    overflow: hidden;
}
.contNew>.content>ul>li>a:hover >div>h3{
    color:#2378e2;
}
.newsd{
    font-size: 14px;
    text-indent: 2em;
    margin-top:35px;
}
.newsd h3{
    text-align: center;
    font-size: 18px;
    margin-bottom:20px;
}
.newsd>p{
    text-align: center;
    margin-bottom:20px;
}
.newsd>p>span{
    margin-left:10px;
}
.newsd>p>span:first-child{
    color:red;
    margin-right:20px;
}
.ny-cont{
    width:900px;
    min-height: 300px;
}
.ny-pager{
    border-top:1px solid #666;
    padding-top:20px;
    margin-bottom:35px;
    height:35px;
    margin-top:35px;
    text-align: center;
}
.ny-pager div>a{
    display: inline-block;
    width:400px;
    height:20px;
    overflow: hidden;
    white-space:nowrap;
    text-overflow: ellipsis;
    padding:0 20px;
    text-align: left;
    font-size:16px;
    line-height:20px;
}
.ny-pager div:last-child a{
    text-align: right;
}
.ny-pager span{
    text-align: center;
}