@charset "utf-8";
@font-face{font-family:'iconfont';src:url('http://at.alicdn.com/t/font_1432720974_1547027.eot');src:url('http://at.alicdn.com/t/font_1432720974_1547027.eot?#iefix') format('embedded-opentype'),url('http://at.alicdn.com/t/font_1432720974_1547027.woff') format('woff'),url('http://at.alicdn.com/t/font_1432720974_1547027.ttf') format('truetype'),url('http://at.alicdn.com/t/font_1432720974_1547027.svg#iconfont') format('svg')}
@font-face{font-family:'Pacifico';font-style:normal;font-weight:400;src:local('Pacifico Regular'),local('Pacifico-Regular'),url(http://fonts.gstatic.com/s/pacifico/v7/Q_Z9mv4hySLTMoMjnk_rCfesZW2xOQ-xsNqO47m55DA.woff2) format('woff2')}
.fa{display:inline-block;font-family:"iconfont";font-size:20px;font-style:normal;font-weight:400;line-height:1;-webkit-font-smoothing:antialiased;-webkit-text-stroke-width:0.2px;-moz-osx-font-smoothing:grayscale}
.fa-icon-qq:before{content:"\e604"}
.fa-icon-weibo:before{content:"\e600"}
.fa-icon-weixin:before{content:"\e605"}
.fa-icon-zaixianzixun:before{content:"\e608"}
/*初始化开始*/
*{margin:0;padding:0;}
body{background:#fff; background-size:cover; font:12px/22px "Microsoft YaHei","SimSun"; font-size:100%;}
body,ul,ol,li,p,a,h1,h2,h3,h4,h5,h6,form,fieldset,table,td,img,div,tr,dl,dd,select,option{ margin:0; padding:0;box-sizing: border-box;}
li,img,input,em,select{ list-style:none; font-style:normal; outline:none;}
a{ text-decoration:none !important; cursor:pointer !important;color: #333;}
a:hover{text-decoration: none !important;color: #333;}
select::-ms-expand { display: none; }
.img_none{display:none;}
.img-position-absolute{position: absolute;	top: 0;	bottom: 0; left: 0;	right: 0; max-width: 100%; max-height: 100%;display: block;	margin:auto;padding: auto;}
.clear::after {
    content: '.';
    height: 0;
    display: block;
    visibility: hidden;
    clear: both;}
body {
    font-size: 14px;
    font-family: 'Microsoft Yahei', Arial, Helvetica, sans-serif;
    border: 0;
    color: #333;
}

/*手机下拉导航*/
header .sjdnav{ width:120px; height:auto; position:absolute;right:10px; top:100px;z-index:9999; }
header .sjdnav ul{ padding:0; margin:0;}
header .sjdnav li{ height:35px;display:block; padding:0; background:#000000; text-align:center; margin-bottom:2px;}
header .sjdnav li a{display:block; color:white; line-height:35px; }
header .sjdnavhide{ height:0; overflow:hidden;}
/**/
/*内页下拉导航*/
.subNavBox{margin:10px 10px 0px 10px;}
.subNav{cursor:pointer;font-size:24px;color:white;background:#ee0101;}
.subNav h5{font-size:18px;line-height:35px;display:inline;  margin-left: 5%;}
.subNav span{line-height:35px;margin-right:20px;font-size: 18px;}
.navContent{display:none;}
.navContent>li{background:#e3e3e3;}
.navContent>li:hover{background: #dcdbdb;}
.navContent>li:hover>a{color: white;}
.navContent>li>a{display:block;font-size:16px;line-height:30px;color:#333;margin:3px 0 0 20%;
}
.subNav h5 b{margin:0 10px;line-height: 35px;}
.subNav h5 small{line-height: 45px;text-transform: uppercase;margin-left: 5px;color: white;font-size: 12px}
/**/
/*手机底部*/
.hot{width:100%; height:58px; background:#ee0101; position:fixed; bottom:0; left:0; z-index:99; border-top:solid 2px #fff;}
.hot span{ color:#fff; font-size:16px; line-height:20px;}
.hot h6{ font-size:12px; line-height:20px;}
.hot .row div a{ display:block; color:#fff; padding:7px 0;}
.dbbox{ position: fixed; left: 0; bottom:70px; z-index:99; width: 100%; }
.dbbox .dbs{ position: relative; padding: 0 15px; display:none;}
.dbbox .dbs .neirong{padding: 10px; background: #fff; border-radius: 5px;}
.dbbox .dbs.ewm-box{ text-align:center; }
.dbbox .dbs.ewm-box:after{ content: ""; position: absolute; left:50%; bottom:-6px; z-index: 1; width:25%; height:6px;}
.dbbox .dbs.fenxiang-box:after{ content: ""; position: absolute; left:75%; bottom:-6px; z-index: 1; width:25%; height:6px; }
.dbbox .dbs.ewm-box img{ max-width: 140px; }
.dbbox .dbs.fenxiang-box .bdshare-button-style1-32 .li{ position: relative; padding: 6px 0; width: 20%; height: 44px; }
.dbbox .dbs.fenxiang-box .bdshare-button-style1-32 a{ position: absolute; left: 50%; top:6px; margin:0 0 0 -16px; float: inherit !important; display: block; }
footer ul li a{padding: 0 10px; height: 12px; font-size: 12px; line-height: 12px; }
/**/
.container-fluid{max-width: 1200px; }
.header2{background:white;}
.logo{
    padding: 0;
    line-height: 75px;
}
.num{
    margin-top:15px;
}
.top-num span{font-size: 14px;color: #333;font-weight: 400;}
.phone{
    line-height:75px;
    font-size: 18px;
    margin-right: 10px;
}
.top-num{
    margin: 10x;
    font-size: 27px;
    color: #ee0101 !important;
    font-weight: 600;
}

.top-title h3{
    font-size: 25px;
    letter-spacing:7px
}
.glyphicon {
    top: 0;
}


.fix-top{
    background:#ee0101;
    width: 100%;
    position: fixed;
    z-index: 99999;
}

.header2 .navbox{
    position: relative;
    height: 46px;
    width: 100%;
    z-index: 999;
    box-sizing: border-box;
    background: #ee0101;
}

.header2 .navbox nav {
    max-width: 1200px;
    margin: 0 auto;
}

.header2 .navbox  nav ul{
    width: 100%;
}

.header2 .navbox nav li {
    position: relative;
    width:14.28%;
    transition: all 0.3s;
}

.header2 .navbox  nav>ul>li>a {
    display: block;
    color:white;
    height: 42px;
    font-size: 16px;
    background: url(../images/sx_03.jpg)right center  no-repeat ;
    line-height: 42px;
    margin-top: 4px;
}
/*.header2 .navbox  nav li a p{*/
/*line-height: 12px;*/
/*font-size: 12px;*/
/*}*/
.header2 .navbox  nav li a h3{
    line-height: 45px;
    font-size: 16px;
    position: relative;
    z-index: 3;
}
.header2 .navbox  nav>ul>li:hover>a{color: #333 !important;background: white;}
.hover{
    color: #333!important;background: white;
}
.header2 .navbox nav li:hover ul {
    display: block;
    z-index: 8;
}

.header2 .navbox  nav li ul {
    display: none;
    position: absolute;
    left: 0;
    top: 45px;
    width: 100%;
    background:#ee0101;
}
.header2 .navbox nav li ul li {
    width: 100%;
    background: none;
}

.header2 .navbox nav li ul li a{
    line-height: 45px;
    color:white !important;
}

.header2 .navbox nav li ul>li:hover>a {color: #333!important;}
.header2 .navbox nav li ul>li:hover{background: white;}
.icon-menu{
    position: relative;
    margin-right: 0px;
    margin-top: 25px;
    border: none;
    border-radius: 0px;
    background: none;
    padding: 6px 10px !important;
    z-index: 9999;
}
.icon-bar {
    background-color:#ee0101;
    display: block ;
    width: 40px;
    height: 8px;
    border-radius:0;
    margin: 3px 0;
}
.btn:focus{background: none;box-shadow: none;outline: none;}
.btn:active{background: none;box-shadow: none;outline: none;}
/**/
.banner{width:100%; padding: 0;}
.swiper-banner{margin: 0 auto; position: relative;overflow: hidden;}
.ban_img {width:100%; padding-top:30.36%; position:relative; transition-duration: 5s;}
.swiper-pagination-bullet { width:12px; height:12px; border:1px solid #e1f2fc;background:#000;border-radius:50%;box-shadow:5px 0 5px inset #aaa;}
/**/
.product{margin: 20px 0;}
.tittle{margin: 20px;}
.tittle-left>span{display: inline-block;width: 34px;height: 30px;}
.tittle-left>h3{line-height: 40px;margin-left: 10px;font-size: 18px;color: #010101;}
.tittle-left>h3>span{color: #999999;}
.tittle-left>h3>small{color: #ee0101;font-size: 12px;margin-left: 6px;}
.tittle-right>a{display: inline-block;line-height: 30px;width: 35px;text-align: center;}
.tittle-right>a:hover{color: #ee0101;}
.swiper-button-next6{
    position: static !important;
    z-index: 10;
    cursor: pointer;
    font-size: 16px !important;
    margin: 0!important;
    height: 30px!important;
}
.swiper-button-prev6{
    position: static !important;
    z-index: 10;
    cursor: pointer;
    font-size: 16px !important;
    margin: 0!important;
    height: 30px!important;
}
.pro-box{transition:all .3s; }
.pro-box img{max-width: 100%; max-height:100%;}
.pro-img{position: relative;}
.pro-top{padding-top:55%}
.product-mes>ul>li>a{display: block;border:1px solid #cccccc;}
.product-mes>ul>li>a>p{text-align:center;margin-bottom:20px;}
.product-mes>ul>li>a:hover p{color:#ee0101}
.show-mes>ul>li>a:hover p{color:#ee0101}
.product-mes>ul>li>a:hover .pro-box{background:#ee0101;transition:all .3s;}
.show-mes>ul>li>a:hover img{transform:scale(1.1,1.1);  -ms-transform:scale(1.1,1.1);  -moz-transform:scale(1.1,1.1);  -webkit-transform:scale(1.1,1.1);  -o-transform:scale(1.1,1.1); transition: all .2s linear;}
.show-mes>ul>li>a img{transition: all .2s linear;}
.swiper-button-next4{
    position: static !important;
    z-index: 10;
    cursor: pointer;
    font-size: 16px !important;
    margin: 0!important;
    height: 30px!important;
}
.swiper-button-prev4{
    position: static !important;
    z-index: 10;
    cursor: pointer;
    font-size: 16px !important;
    margin: 0!important;
    height: 30px!important;
}
.show-box{position: relative;overflow: hidden;  border: 2px solid #ccc;}
.show-top{padding-top:+89.13%; }
.pro-img>p{ height:40px; line-height: 40px;text-align: center;word-break: break-all;  display: -webkit-box;  -webkit-line-clamp: 1;  -webkit-box-orient: vertical; overflow: hidden;}
/**/
.about{background: #ee0101;}
.about-mes>div{position: relative;height:412px;float:left;}
.about-left-mes{position: absolute;width: 150%;right: 0;top: 0;background: url("../images/about-left_02.jpg")right center no-repeat;background-size: cover;height: 412px;}
.about-right-mes{background: #ee0101;padding-left: 20px;}
.about-tittle-left{padding: 70px 0 0 0;}
.about-tittle-left>span{display: inline-block;width: 34px;height: 30px;}
.about-tittle-left>h3{line-height: 40px;margin-left: 10px;font-size: 18px;color: white;}
.about-tittle-left>h3>span{color:white;}
.about-right-mes>p{color: white;line-height: 2;font-size: 13px;margin-top: 30px;word-break: break-all;  display: -webkit-box; -webkit-line-clamp: 3;-webkit-box-orient: vertical; overflow: hidden;}
.about-right-mes>a{color: white;padding: 7px 25px;border: 1px solid white;border-radius: 5px;margin-top: 30px;display: inline-block;}
.news-left-mes>h5{line-height: 50px;color:#ee0101;font-weight: bold;}
.news-left-mes>h5>span{display: inline-block;margin-left:10px;font-weight: 400;color: #666666;font-size: 13px;}
.news-left-mes>p{line-height: 2;color: #666666;font-size: 13px;}
.news-more>a{display: inline-block;padding:7px 25px;background: #ee0101;color: white;border-radius: 5px;}
.news-more{margin-top: 10px;}
.list-left{position: relative;overflow: hidden;width: 180px;height: 125px;}
.list-left>img{position: absolute;top: 0;left: 0;right:0;bottom: 0;margin: auto;}
.news-list{background: #ededed;margin-bottom: 15px;}
.list-right{width: calc(100% - 185px)}
.list-right>h4{line-height: 35px;color:#040404;font-size: 14px;text-align: left;word-break: break-all;  display: -webkit-box; -webkit-line-clamp: 1;-webkit-box-orient: vertical; overflow: hidden;}
.list-right>h4>span{display: inline-block;margin-left:10px;font-weight: 400;color: #666666;font-size: 13px;}
.list-right>p{line-height: 2;color: #666666;font-size: 13px;word-break: break-all;  display: -webkit-box; -webkit-line-clamp: 2;-webkit-box-orient: vertical; overflow: hidden;text-align: left;}
.hx{height: 3px;width: 30px;background: #ee0101;margin-bottom: 8px;transition: all .5s}
.news-list>a:hover .hx{width: 100%;transition: all .5s}
.txtScroll-top{ width:100%; overflow:hidden; position:relative; }
.txtScroll-top .hd{display:inline-block;border: 1px solid #ee0101;border-radius: 5px; }
.txtScroll-top .hd a{display: inline-block;padding: 6px 18px;}
.txtScroll-top .hd a:hover{color: #ee0101;}
/**/
.footer{background: #ee0101;padding: 25px 0;margin-top: 40px;}
.foot-nav{color: white;text-align: center;}
.foot-nav>a{display: inline-block;padding: 0 15px;color: white;}
.bq{color: white;text-align: center;margin-top: 10px;}
/**/
.neiye-nav-title{margin-top: 40px;border-bottom: 1px solid #ee0101;}
.neiye-nav-con2{margin:7px 0;cursor: pointer;background: #d8d8d8;}
.neiye-nav-con2 h5{color:#333333; line-height: 37px; text-align: left; font-size: 16px; margin-left:10%;}
.neiye-nav-con2:hover{background: #ee0101;}
.neiye-nav-con2 :hover h5{color: white;}
.add>p{line-height: 2;}
.nav2>p{line-height: 2;}
.neiye-right-title{font-size: 12px;color: #5f5f5f;line-height: 40px;}
.neiye-right-title>span{color:#ee0101;}
.padding2{border-bottom: 1px solid #ee0101;margin-top: 40px;}
.ny-ab{margin-top: 35px;}
.ny-ab>p{line-height: 2;margin-top: 15px;}
.ny-ab>h3{font-size: 18px;color:#000000;font-weight: bold;}
.ny-ab>img{margin: 30px 0;}
.ny-pro{margin-top: 25px;}
.ny-pro>.show-mes>ul>li{margin-bottom: 15px;}
.ny-messages form div label{display: block;margin-bottom: 20px;}
.ny-messages form div label p{width: 80px;font-weight: 400;line-height: 30px;}
.ny-messages form div label p span{color: #ee0101;}
.ny-messages form div label input{width: calc(100% - 80px);font-weight: 400;line-height: 26px;display: inline-block;border: 1px solid #d5d5d5;border-radius: 5px;}
.ny-messages form div label textarea{width: calc(100% - 80px);font-weight: 400;line-height: 26px;display: inline-block;border: 1px solid #d5d5d5;border-radius: 5px;}
.ny-messages form{margin-top: 35px;}
.ny-messages form div label input[type=submit]{width: 132px;height: 36px;line-height: 36px;color: white;border: none;background: #ee0101;margin-top: 25px;font-size: 14px;}
.ny-con>h4{font-weight: bold;font-size: 18px;color: #000;line-height: 65px;}
.ny-con>p{line-height: 2;}
.ny-con>p>span{font-weight: bold;color: #ee0101;display: inline-block;margin-right: 15px;}
.app-box{position: relative;overflow: hidden;}
.app-top{padding-top: 67.93%;}
.ny-app>ul{margin: 30px 0;}
.ny-app>ul>li{margin-bottom: 20px;}
.ny-app>ul>li>a{display: block;border: 1px solid #ededed;background: #ededed;}
.ny-app>ul>li>a>p{line-height: 60px;text-align: center;}
.ny-app>ul>li>a:hover{border: 1px solid #ee0101;}
.ny-app>ul>li>a:hover p{color: #ee0101;}
.news-box{position: relative;overflow: hidden;}
.news-top{padding-top: 69.39%;}
.ny-news>ul>li{margin-bottom: 20px;}
.ny-news>ul{margin: 30px 0;}
.ny-n-mes{padding:10px 10px;}
.ny-news>ul>li>a{display: block;background: #ededed}
.ny-news>ul>li>a :hover h6{width: 100%;transition: all .5s;}
.ny-n-mes>h5{font-size: 14px;color: #000;margin-top: 10px;}
.ny-n-mes>h6{;width: 15px;height: 3px;background:#ee0101;margin: 10px 0;transition: all .5s;}
.ny-n-mes>small{color: #666666;margin-top: 5px;display:block;margin-bottom: 0;}
.ny-n-mes>p{font-size: 13px;color: #666666;line-height: 1.7;word-break: break-all;  display: -webkit-box; -webkit-line-clamp: 3;-webkit-box-orient: vertical; overflow: hidden;}
.infor-news{width: 100%;background:#e2e2e2;text-align: center;margin: 30px 0;}
.infor-news img{max-width: 405px;}
.ny-news-infor>h4{font-size: 16px;color: #000;margin-bottom: 30px;}
.ny-news-infor>span{color: #991411;}
.ny-news-infor>p{color: #333;margin-top: 30px;line-height: 2;}
.infor-news-fot>a{display: inline-block;padding: 5px 30px;border: 1px solid  #991411;border-radius: 5px;color: #991411;margin:0 5px; }
.infor-news-fot{margin-top: 30px;}
.infor-news-fot>a:hover{background: #991411;color: white;}
.pro-infor{text-align: center;margin: 30px 0;border: 1px solid #cccccc;border-radius: 5px;}
.pro-infor>img{max-width: 400px;}
.pro-mes-infor>h4{line-height: 50px;color: #ee0101;font-weight: bold;font-size: 18px;}
.mes-infor-list>h5{color: #000;font-size: 13px;line-height: 2;}
.mes-infor-list>p{color: #333333;font-size: 13px;line-height: 2;}
.mes-infor-list{margin-bottom:30px;}

@media (max-width:991px){
    body{padding-bottom: 60px}
    .ban_img {width:100%; padding-top:164.53%; position:relative; transition-duration: 5s;}
}
@media (max-width:767px){
    .logo{width: 500px;}
}
@media (max-width:600px){
    header .sjdnav{top:80px; }
    .logo{width: 370px;line-height:80px;}
    .icon-menu{margin-top: 20px;}
    .icon-bar{width:35px;height:6px;}
}

@media (max-width:467px){
    .logo{width: 290px;}
    .list-left{width: 150px;height: 105px;}
    .list-right {  width: calc(100% - 152px);  }
    /*.tittle-left>h3>span{display: none}*/
    .tittle-left>h3>small{display: none;}
}
@media (max-width:400px){

}

@media (max-width:376px){
    .logo{width: 200px;line-height:60px;}
    .icon-menu{margin-top: 8px;}
    header .sjdnav{top:60px; }
    .col-xs-6{padding: 0 10px!important;}

}

/*清除样式*/
.clear { clear:both;}

/*分页css scott style pagination*/
div.scott{padding:3px;margin:3px;text-align:center;}
div.scott a{border:#ddd 1px solid;padding:2px 5px;color:#88af3f;margin:0 2px 0 0;text-decoration:none;}
div.scott a:hover{border:#85bd1e 1px solid;color:#638425;background-color:#f1ffd6;}
div.scott a:active{border:#85bd1e 1px solid;color:#638425;background-color:#f1ffd6;}
div.scott span.current{border:#b2e05d 1px solid;padding:2px 5px;font-weight:bold;color:#fff;margin:0 2px 0 0;background-color:#b2e05d;}
div.scott span.disabled{border:#f3f3f3 1px solid;padding:2px 5px;color:#ccc;margin:0 2px 0 0;}


.yb_conct{position:fixed;z-index:9999999;top:200px;right:-127px;cursor:pointer;transition:all .3s ease; float:left;}
.yb_bar ul li{width:180px;height:53px;font:16px/53px 'Microsoft YaHei';color:#fff;text-indent:54px;margin-bottom:3px;border-radius:3px;transition:all .5s ease;overflow:hidden;}
.yb_bar .yb_top{background:#fe0500 url(../images/fixCont.png) no-repeat 0 0;}
.yb_bar .yb_phone{background:#fe0500 url(../images/fixCont.png) no-repeat 0 -57px;}
.yb_bar .yb_QQ{text-indent:0;background:#fe0500 url(../images/fixCont.png) no-repeat 0 -113px;}
.yb_bar .yb_ercode{background:#fe0500 url(../images/fixCont.png) no-repeat 0 -169px;}
.hd_qr{padding:0 29px 25px 29px;}
.yb_QQ a{display:block;text-indent:54px;width:100%;height:100%;color:#fff;}
.yb_phone a{ color:#fff;}