.container{max-width:1300px;}

/*网站公共样式*/
.info-content{font-size:15px;line-height:2.5;padding-bottom:40px;}
a{color:#333;text-decoration:none;}                                            
a:hover{color:#d00e0f;}
a:focus{color:#d00e0f;}
a.btn-more{display:inline-block;width:140px;height:40px;line-height:40px;border:1px #000 solid;transition:all 0.5s ease;
           -moz-transition:all 0.5s ease; /* Firefox 4 */-webkit-transition:all 0.5s ease; /* Safari and Chrome */-o-transition:all 0.5s ease; /* Opera */
            font-size:13px;text-align:center;margin:0px auto;margin-top:40px;border-radius: 6px;}
a.btn-more:hover{border-color:#780001;color:#780001;}
.banner{height:500px\9!important;overflow:hidden\9!important;overflow:hidden;} /*兼容ie低版*/


/*遮罩层*/
.mask-bg{position:fixed;width: 100%;height:100%;display:none;height:100vh;background-color: rgba(0, 0, 0, .7);overflow:hidden;z-index:100;top: 0;left: 0;}
.mask-bg.active{display:block;}


/*首页模块样式*/
.product-module-box {position:relative;}
.module-title{clear:both;text-align:center;margin:30px 0px 30px 0px;}
.module-title .cn-title{display:block;color:#333;line-height:48px;font-family: SimSun;font-weight: bold;}
.module-title span{font-size: 18px;background:url(../images/24tel.png) no-repeat center left;background-size: 34px;padding: 20px 0 20px 50px;}

/*bootom*/
.footer-nav ul li a,.footer-hot span,.footer-hot ul li a,.copyright a,.relation li{color:#d9d9d9;}
footer{text-align:left;width:100%;min-height:95px;background:#3f3f3f;margin-top:70px;line-height:2.5}
.footer-nav ul{padding-bottom: 30px;}
.footer-nav ul li{display:inline-block;}
.footer-nav ul li a:hover{color:#d00e0f;}

.footer-wen{padding-top: 40px;}
.footer-hot li{display:inline-block;padding-right: 10px;}

.relation li .fa{text-align: center;margin-right: 5px;}
.relation ul{line-height: 2.2;font-size: 13px;}

/*top*/



/*自定义导航动画，也可以用animater.css中的动画，需要在script.js中修改*/
.nav .animated,.sub-nav .animated{animation-duration:0.4s;-webkit-animation-duration:0.4s;-webkit-animation-fill-mode:both;animation-fill-mode:both;}
.navSlide{animation-name:navSlide;-webkit-animation-name:navSlide;}
@keyframes navSlide{0%{transform:translateY(100%);-webkit-transform:translateY(100%);-ms-transform:translateY(100%);-moz-transform:translateY(100%);-o-transform:translateY(100%);opacity:0;visibility:visible;}100%{transform:translateY(0);-webkit-transform:translateY(0);-ms-transform:translateY(0);-moz-transform:translateY(0);-o-transform:translateY(0);opacity:1;}}


/*主菜单*/
@media (min-width:1000px) /*pc端*/
{
.header{border-bottom: 10px solid #d00e0f;}
.header .logo img{height:76px;}
.header .container .row{margin: 6px 0;}
.logo-box{text-align:left;}


.nav{width: 100%;position: absolute;top: 32px;}
.nav>ul>li{float:left;text-align:center;line-height:50px;width: 16.6%;}
.nav>ul>li>ul{position:absolute;}
.nav>ul>li>a{font-size:16px;display: block;width: 100%;}
.nav >ul>li:hover > a{color: #fff;}
.nav >ul>li:hover{background-color: #d00e0f;}

.nav li:hover> ul{display:block;}
.nav ul li ul li a{display:block;width:100%;text-align:center;color:#fff;font-size:15px;line-height:50px} 
.nav ul li ul li a:hover{text-decoration:none;color:#fff;background:#89584B;}

.nav ul li ul li{display:none!important;}
.nav ul li{position:relative;}
.nav ul li .arrow{display:none}
.nav ul li ul{background-color:#ad7669;display:none;position:absolute;left:-18%;z-index:2;width:150px} /*二级ul样式*/
.nav ul li ul li ul{left:100%;top:0px; display:none;}/*三级以后ul样式*/

.same-padding{padding-top:40px;}
.nav-toggle{display:none;}

/*bootom*/
.footer-hot{padding-left: 40px;}
.footer-wen > ul > li:first-child{border-right: 1px solid #666;}
.footer-nav ul li a{border-right: 1px solid #d9d9d9;padding: 0px 40px;}

.relation ul{padding-left: 36px;}
.relation li .fa{width: 20px;}

/*子页*/
.showtime{margin: 50px 0 80px 0;}
.news-list .row .title{padding-left: 20px}
.news-list .row .title a{font-size: 18px;}
.relation-feek{padding: 30px 0 30px 50px;}

/*首页*/
.high-grade h2 {font-size: 30px;}
.high-grade span{font-size: 18px;}

.red-bg .container ul{position: absolute;right: 200px;top: 60px;}
.red-bg ul li:first-child{font-size: 28px;}
.red-bg ul li:nth-child(2){font-size: 36px;}
.red-bg ul li:last-child{font-size: 18px;}
.red-bg ul li:last-child strong{font-size: 30px;}

.about-bg .about-us{padding: 70px 100px 0 0;}
.about-bg{padding: 60px 0 0 100px;}
.about-bg .more{text-align: right;padding-right: 90px}
.about-bg .more a{padding: 16px 60px;}

}

@media (max-width:1000px) /*手机端*/
{
.header{position: sticky;top: 0;z-index: 10;background-color: #fff;box-shadow: 0px 0px 2px 1px rgba(0,0,0,.3);}
.header .container .row{margin: 4px 0;}
.header .logo img{height:52px;}
.header .nav-toggle{position:absolute;right:-10px;top:-4px;font-size:25px;min-width:60px;height:60px;line-height:60px;text-align:center;cursor:pointer;z-index:1;}
.header .nav-toggle.active{color:#ccc;}

.nav-toggle{position: absolute;top: 24px;right: 20px;}
.nav-toggle .fa{font-size: 24px;}
.logo-box{text-align:left;padding-left: 0;}

.nav{position:fixed;z-index:999;top:0px;right:0px;width:0px;background:#fff;height:100%;height:100vh;opacity:0;transition: all 0.2s linear;overflow-y:auto}
.nav.active{opacity:1;width:300px;max-width:60%}
.nav ul li{line-height: 45px;text-align:left}
.nav ul li ul{display:none;} /*二级ul样式*/
.nav ul li a{padding-left:30px;display:block;color:#999;font-size:15px;line-height:3.5;border-bottom: 1px solid #dcdcdc}
.nav ul li ul li a{padding-left:60px;font-size:14px;background-color:#eeeeee}
.nav ul li ul li ul li a{padding-left:90px;}
.nav ul li ul li ul li li a{padding-left:120px;}
.nav ul li{position:relative;}
.nav ul li .arrow{position:absolute;right:0px;top:0px;width:50px;height:50px;line-height:50px; text-align:center;transition-duration:0s}
.nav ul li .arrow:after{font-family:FontAwesome;content:"\f105";display:block;font-weight:bold;font-size:18px}

.nav ul li.current > a{color:#5a342b;}
.nav ul li.active > ul{display:block}
.nav ul li.active > .arrow{transform:rotate(90deg)}

.display-die{display:none!important;}
.sub-nav-box{display:none;}
.same-padding{padding-top:10px;}
.columnname{color: #d00e0f;font-weight: bold;}


/*bootom*/
.footer-hot{padding-left: 10px;}
.footer-nav ul li a{padding: 0px 10px;}
.relation{padding: 20px 0 0 25px;}
.relation li .fa{width: 10px;}


/*子页*/
#formBody{padding-top: 30px;}
.price{padding-top:20px;}
.news-list .row .title a{font-size: 16px;}
.relation-feek{padding: 20px;}
.relation-feek ul li{padding:4px 0;}


/*首页*/
.high-grade h2 {font-size: 24px;}
.high-grade span{font-size: 16px;}
.product li{padding-left: 4px;padding-right: 4px;}

.red-bg .container ul{position: absolute;right: 20px;top: 60px;}
.red-bg ul li:first-child{font-size: 22px;}
.red-bg ul li:nth-child(2){font-size: 30px;}
.red-bg ul li:last-child{font-size: 16px;}
.red-bg ul li:last-child strong{font-size: 26px;}

.about-bg{padding-top: 50px;}
.about-bg .about-us{padding-top:30px;}
.about-bg .more{text-align: center;}
.about-bg .more a{padding: 10px 40px;}
.about-bg ul li:first-child{text-align:center;}

.inter{margin-top: 20px;}
}

@media (max-width:767px){
.footer-nav{display: flex;justify-content: center;}/*弹性布局*/
.footer-nav ul{display: flex;flex-wrap: wrap;justify-content: space-between;}
.footer-nav ul{display: flex;flex-wrap: wrap;justify-content: space-between;}
.footer-nav ul li{width: 33%;}
}

/*子栏目样式*/
.sub-nav-box {clear: both;position: relative;}
.sub-nav-box .sub-nav-title{height: 80px;text-align: center;background: #d00e0f;font-size: 22px;color: white;padding-top: 16px;font-weight: bold}
.sub-nav-box .sub-nav-title .en-tit{text-transform: uppercase;font-weight: normal;font-size: 16px;}
.sub-nav-box .sub-nav{clear:both;text-align:left;margin-bottom:20px;width:100%;overflow:visible;border: 1px solid rgb(217, 217, 217);}
.sub-nav-box .sub-nav li{width:100%;padding:0px;text-align:center;position:relative;display:block;}
.sub-nav-box .sub-nav li a{display:block;line-height:52px;font-size:14px;color:#808080;font-family:"Microsoft YaHei",Tahoma,Verdana,"Simsun";font-size:15px;margin: 0 20px;}
.sub-nav-box .sub-nav li:not(:last-child) a{border-bottom: 1px dotted #d0d0d0;}
.sub-nav-box .sub-nav li a:hover{color:#d00e0f;font-weight:bold;}
.sub-nav-box .sub-nav li ul{display:none}
.sub-nav-box .sub-nav li ul li a{padding-left:55px;}
.sub-nav-box .sub-nav li ul li ul li a{padding-left:85px}
.sub-nav-box li .arrow{position:absolute;right:0px;top:0px;width:54px;height:54px;line-height:54px; text-align:center;transition-duration:0.1s;cursor:pointer}
.sub-nav-box li .arrow:after{font-family:FontAwesome;content:"\f105";display:block;font-weight:bold;font-size:18px}
.sub-nav-box .sub-nav li.current > a{color:#d00e0f;font-weight:bold;}
.sub-nav-box .sub-nav li.active > ul{display:block}
.sub-nav-box .sub-nav li.active > .arrow{transform:rotate(90deg)}
.sub-nav-box > a >img{width:100%;padding-bottom:20px;}



.sub-nav-home .sub-nav-title{background: url(../images/t1.jpg);font-size: 24px;height: 100px;}
.sub-nav-home .sub-nav-title .en-tit{font-weight: bold;font-size: 24px;}
.sub-nav-home .sub-nav{background-color: #fff;}
.sub-nav-home .sub-nav .sort{height: 50px;line-height: 50px;background-color: #d00e0f;color: #fff;text-align: center;margin: 15px 15px 10px 15px;font-size: 17px;}



/*图片列表*/
.images-list .row .item a{display:block;overflow:hidden;padding:20px;}
.images-list .row .item img{display:block;width:100%;height:auto;transition: all 0.3s ease-out 0s;}
/*.images-list .row .item a:hover img{transform:scale(1.3,1.3);}*/



/*固定TOP*/
#toTop{position: fixed;bottom: 12px;right: 12px;width: 40px;height: 40px;text-indent: -999em;z-index: 999;background: url(../images/top.png) no-repeat;background-position: -589px 0;transition: all 0.2s linear;}
#toTop:hover{background-position:-589px -42px;}



/*在线客服*/
.zaixian{position:fixed;bottom:360px;right:0px;z-index:9;}
.zaixian .zaixian_com{position:relative;width:50px;height:80px;}
.zaixian_com .zxzx_pic1{position:absolute;right:0px;top:0px;}
.zaixian_com .zxzx_pic2{position:absolute;right:-190px;top:-70px;z-index:10;width:170px;height:300px;}
.zaixian_com .zxzx_pic1 p{position: absolute;top: 50px;left: 18px;font-size: 13px;color: #fff;}
.zaixian_com .zxzx_pic2 p{position: absolute;top: 118px;left: 24px;font-size: 13px;color: #fff;}
.kf-lf-lj{position:absolute;width:100px;right:10px;top:70px;}
.kf-lf-lj a{display:block;line-height:30px;padding-left:6px;margin:5px 0;color:#848484;}
.kf-lf-lj a .fa{padding-right:2px;}
.kf-lf-lj a:hover{background:url(../images/box-kefu2.png) no-repeat 5px center #ee361d;color:#FFF;border-radius:4px;}
@media(max-width:1000px){.zaixian{display:none;}}



/*手机端固定导航栏*/
.footer-fixed{position:fixed;left:0;bottom:0;overflow:hidden;width:100%;padding:6px 0px;color:#fff;z-index:9;-webkit-transition:all 0.3s ease-in-out;-o-transition:all 0.3s ease-in-out;transition:all 0.3s ease-in-out;border-top: 0.2rem solid #000;background: #fff;}
.footer-fixed ul{display:flex;flex-direction:row;justify-content:space-evenly;align-items:center;text-align: center;}
.footer-fixed ul li a{width:100%;text-align:center;display:flex;flex-direction:column;justify-content:center;align-items:center;}
.footer-fixed ul li p{font-size:1.3rem;}
.footer-fixed.active{transform:translateX(2.8rem);z-index:9;}
.footer-fixed2{font-size: 2.8rem;padding-top: 0.6rem;}
.footer-fixed i{display:block;}
.footer-fixed .fa{font-size:24px;}
@media(max-width:1000px){footer{margin-bottom:50px;}}
@media (min-width:1000px){.footer-fixed{display:none!important;}}



/*内容页公共用*/
.breadcrumb > li > i{border-top: 4px solid #d00e0f;display: block;width: 64px;position: absolute;bottom: -5px;}

.breadcrumb-box{border-bottom: 1px solid rgb(221, 221, 221);position: relative;padding-top: 10px;margin-bottom: 30px;}
.breadcrumb > li + li::before {content: ">>";padding: 0 5px;color: rgb(102, 102, 102);}
.breadcrumb li:first-child a span:hover,.breadcrumb li:last-child a:hover{text-decoration:underline;}
.pagination > li > a, .pagination > li > span{padding: 4px 10px;}
.columnname{position: absolute;right: 0;top: 15px;font-size:16px;}
.card1{white-space: nowrap;text-overflow: ellipsis;overflow: hidden;display: block;}
.card2{overflow: hidden;display: -webkit-box;-webkit-line-clamp: 2;-webkit-box-orient: vertical;word-break: break-all;height: 42px;}


/*内页-新闻中心*/
.news-list .row{border-bottom: 1px dotted #dbd4cd;overflow: hidden;padding: 10px 0;margin-bottom: 20px;}
.news-list .row .date{background: #cccccc;width: 60px;height: 60px;text-align: center;color: #fff;margin-top: 6px;}
.news-list .row .date li:first-child{font-size: 24px;font-weight: bold;height: 38px;line-height: 38px;}
.news-list .row .date li:last-child{font-size: 13px;}

.news-list .row .title p{padding-top: 2px;font-size: 13px}
.news-list .row:hover .date{background-color:#d00e0f;}
.news-list .row:hover .hover-red a{color:#d00e0f;}

/*内页-产品中心*/
.product-box .detail .title{clear: both; text-align: left; overflow: hidden; background: #f5f5f5; line-height: 30px; color: rgb(113, 118, 120); font-weight: 600; padding-left: 15px; font-size: 15px; border: 1px solid #E5E5E5; margin-top: 20px;}
.page ul li .fa{padding-right: 10px;}
.page ul li:hover a,.page ul li:hover{color: #0488CD;}

.product-words{line-height:1.5;color: #666666;padding-top:10px;}
.product-box .row .item{text-align: center;padding-bottom:20px;}
.product-box .row .item .border-box{border: 1px solid rgb(238, 238, 238);}
.product-box .row .item .border-box:hover{border-color: #d00e0f;}
.product-box .row .item p{color: #acacac;font-size: 12px;}
.product-box .row .item p strike{color: #666;}
.product-box .row .item p span{color: #ff0000;}

.pagination > .active > a, .pagination > .active > span, .pagination > .active > a:hover, .pagination > .active > span:hover, .pagination > .active > a:focus, .pagination > .active > span:focus{background-color: #474444;border-color: #474444;}

.price li:first-child{font-size: 20px;border-bottom: 1px solid #e2e2e2;line-height: 2;margin-bottom: 10px;}
.price li:nth-child(2){color: #898989;}
.price li:last-child span{font-size: 20px;color: #ff5022;font-weight: bold;}



/*内页-在线反馈*/
#mapbox{height: 360px;}

.feek{margin: 30px 0 50px;border: 1px solid rgb(217, 217, 217);}
.relation-feek{border-right: 1px solid #d9d9d9;}
.relation-feek ul li{color: #000;font-size:14px;line-height: 2.3;}
.relation-feek .fa{color: #8f9295;width:20px;}

.wechat{text-align:center;}
.wechat img{padding-top: 30px;}
.wechat span{display: block;padding: 20px 0;font-size: 16px;}



/*首页-产品中心*/
.product-bg{background-color:#ededed;}
.product{padding:30px 0;}
.product-home{text-align:center;}
.product-home a p{display: block;padding: 10px 0;}
.product-home a img{border: 1px solid #ededed;border-radius: 8px;background-color: #fff;}

.tab-title ul{background:url(../images/bg.gif) repeat-x;}/*切换*/
.tab-title ul li{display: inline-block;font-weight: bold;font-size: 16px;height: 36px;line-height: 36px;padding: 0 24px}
.tab-title ul li.select{background-color:#d00e0f;color:#fff;}

.high-grade{text-align: center;padding: 40px 0 10px;}
.high-grade h2{color: #d00e0f;padding: 10px 0;}
.high-grade span{color: #838383;}



/*首页-产品品质*/
.red-bg{background:url(../images/bg-red.jpg) no-repeat center center;height: 310px}
.red-bg .container{position: relative;}
.red-bg ul li{color:#fff;line-height: 1.8;}
.red-bg ul li:nth-child(2){font-weight: bold;}



/*首页-公司介绍*/
.about-bg{background:url(../images/bg-uuar.jpg) no-repeat center top;position: relative;top: -9px;}
.about-bg .more{display: block;margin-top: 30px;}
.about-bg .more a{background-color: #d00e0f;color: #fff;border: 2px solid #d00e0f;
-moz-transition: border-color 0.4s ease 0s,background-color 0.4s ease 0s;-webkit-transition: border-color 0.4s ease 0s,background-color 0.4s ease 0s;
-o-transition: border-color 0.4s ease 0s,background-color 0.4s ease 0s;transition: border-color 0.4s ease 0s,background-color 0.4s ease 0s;}
.about-bg .more a:hover{color:#000;background-color:#fff;}


/*首页-公司新闻*/
.news-list li.tw .content > a{display:block;line-height:30px;font-size: 18px;word-break: keep-all;white-space: nowrap;overflow: hidden;text-overflow: ellipsis;}
.news-list li.tw .content > span{color: #7D7D7D;font-size: 13px;}
.news-list li.tw .content{border-bottom: 1px dashed #eee;margin-bottom: 10px;padding-bottom: 10px;}
.news-list li.tw .content .details > p{overflow: hidden;display: -webkit-box;-webkit-line-clamp: 2;-webkit-box-orient: vertical;word-break: break-all;height: 40px;margin-top: 2px;}
.news-list li.tw .content .details a{color: #CF0202;padding-top: 6px;display: block;}



.news-list .item{font-size:13px;line-height: 2;position: relative;padding-left: 60px;}
.news-list .item .date{color: #9F9F9F;position: absolute;left: 0px;top: 0px;}
.news-list .item .title{white-space: nowrap;text-overflow: ellipsis;overflow: hidden;}
.news-list .item .title a{font-size:14px;}
.news-list .item .title:hover a,.news-list .item:hover .date{color:#d00e0f;}



.home-answer li{position: relative;padding-right: 100px;line-height: 2.6;border-bottom: 1px dashed #efefef;}
.home-answer li .title{white-space: nowrap;text-overflow: ellipsis;overflow: hidden;}
.home-answer li .title .fa{color:#dcdcdc;padding-right: 10px;}
.home-answer li .date{position: absolute;right: 0px;top: 0px;color: #929292;font-size: 13px;}
.home-answer li:hover a,.home-answer li:hover .date,.home-answer li:hover .title .fa{color:#d00e0f;}



.interlinkage{height: 40px;line-height: 40px;background-color: #efefef;position: relative;margin-bottom: 20px;}
.interlinkage span{color: rgb(208, 14, 15);font-size: 17px;padding-left: 10px;}
.interlinkage a{position: absolute;right: 10px;}