@charset "utf-8";
/* CSS Document */
html,body{margin:0;padding:0;width:100%;overflow-x: hidden;}
html,body,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,button,textarea,p,blockquote{margin:0;padding:0;list-style-type:none}
em{font-style:normal}
body{background:#fff;font-size:12px;color:#707070;font-family:"Microsoft yahei",sans-serif;text-decoration:none}
a{color:#707070;text-decoration:none}
a:hover,a:active{text-decoration:none}
body{
background:#fff;
}
.clear{clear:both;}
.nav{
width: 100%;
height:72px;
background-color: #d6d6d6;
}
.daohang1{
width:1200px;
position:relative;
margin:0 auto;
}
.LOGO{
position: absolute;
left: 46.5%;
}
.Bilingual{
float: right;
margin: 20px 10px;
display:none;
/*margin-top: 40px;
display: flex;*/
}
.tupianbox img{
width:80%;
margin:0 10%;
height: 340px;
}
.Chinese{
display: block;
width: 120px;
height: 42px;
background-color: #535353;
position: relative;
cursor: pointer;
color: #FFFFFF
}
.act{
background-color:#FFFFFF;
color: #535353;
}
.zhongwen{
display: inline-block;
height: 42px;
font-size: 14px;
text-align: center;
margin: 0 0 0 60px;
line-height: 42px;
}
.Chinese img{
position: absolute;
left: 14px;
top:11px;
}
/*----------------------------------上面是两个语言--------------------------------------*/
.daohang2{
width: 1200px;
margin: 0 auto;
}
.daohang2 .daohangzongde{
width: 1200px;
padding: 0;
float: right;
}
.daohangzongde li a{
float: left;
font-size: 16px;
color: #c70010;
line-height: 86px;
width: 114px;
margin: 0 10px;
text-align: center;
font-family: "microsoft yahei";
cursor: pointer;
}
/*-----------------------------------------上面是导航栏-----------------------------------------------*/
.banner{
width: 100%;
margin: 6% auto 0 auto;
}
.banner img{
width: 100%;
margin: 0 auto;
}
.li_4{
padding: 0 0 0 46.5pc;
}
/*---------------------------------------------上面是banner--------------------------------------------------------*/
.contect{
width: 100%;
}
.contect .level{
width:90%;
margin: 0 auto;
display:flex;
}
.neirong{
width: 100%;
margin-top: 157px;
display:flex;
position: relative;
}
.neirong .img{
width: 15%;
height: 340px;
margin-top: 69px;
}
.xiaodebox{
width:50%;
margin: 0 0;
/*box-shadow: #f0f0f0 0px 0px 15px 4px;
border-radius: 5px;*/
/*background: #ffffff6b;*/
}
.wenzibox{
height: 47px;
width:83%;
/*border-bottom: 4px #c70010 dotted;*/
overflow: hidden;
padding: 0 8%;
}
.title{
width:100%;
height: 26px;
margin-top: 11px;
}
.wenzibox .title img{
float: left;
}
.wenzibox .title P{
margin: 0;
float: left;
font-size: 20px;
color: #d0111b;
margin-left: 10px;
}
.wenzibox .title spam{
font-size: 16px;
color: #535353;
font-style:oblique;
margin-left: 16px;
}
.wenzibox .title .more{
float: right;
width: 73px;
height: 26px;
font-size: 15px;
color: #d0111b;
line-height: 26px;
font-style:oblique;
cursor: pointer;
}
.tupianbox{
width: 100%;
/* height: 340px;*/
margin-top: 17px;
position: relative;
overflow: hidden;
}
.tupianbox .text{
/* border: 1px red solid;*/
padding: 10px 0;
padding: 1.5% 9%;
/* background: #fff9;*/
}
.tupianbox .text h5{
color: #d0111b;
font-size: 16px;
margin-bottom: 5px;
/* border-left: 4px red solid;*/
padding: 0 5px;
font-weight: normal;
}
.tupianbox .text p{
/* margin: 0; */
/* padding: 5px 10px;*/
padding: 5px 5px;
font-size: 12px;
/* color: #999;*/
}
.beijingtupian{
width: 100%;
height:90%;
background-color:rgba(199,0,16,0.70);
background-repeat: no-repeat;
position: absolute;
top:0;
left: 0;
overflow: hidden;
}
.beijingtupian h1{
text-align: center;
font-size: 23px;
color: #ffffff;
padding:12% 0 5% 0;
font-weight: normal;
}
.beijingtupian p{
font-size: 14px;
color: #FFFFFF;
letter-spacing: 3px;
width: 90%;
line-height: 24px;
margin: 0 auto;
}
.zhengfangxing{
float: left;
width: 15px;
height: 15px;
background-color: #e60012;
border-radius: 50%;
margin-top: 95px;
margin-left: 50px;
}
/*------------------------------------上面是内容---------------------------------------------------*/
/*------------------------------------关于我们----------------------------*/
.about{
width: 1200px;
margin: 0 auto;
height:auto;
margin-top: -60px;
position: relative;
display: flex;
}
.about .aboutNav{
width: 200px;
background-color: #eeeeee;
}
.about .aboutNav .header{
background-color:#e93b45;
color:#fff;
height: 170px;
padding:0 0 0 15px;
}
.about .aboutNav .header .title{
font-size: 26px;
padding-top: 80px;
margin-top: 0;
}
.about .aboutNav .header .titlem{
font-size: 18px;
line-height: 46px;
padding-bottom:20px;
}
.about .aboutNav ul{
padding:60px 0 0 0;
}
.about .aboutNav ul li{
font-size: 16px;
margin: 36px 0;
text-align: center;
height: 36px;
cursor: pointer;
}
.about .aboutNav ul li a{
display:inline-block;
line-height: 36px;
}
.about .aboutNav ul li.on{
background-color: #e93b45;
position: relative;
}
.about .aboutNav ul li.on a{
color:#fff;
}
.about .aboutNav ul li.on::after{
content: '';
position: absolute;
right: -18px;
top:0;
display: block;
font-size: 0;
line-height: 0;
border-width: 18px;
border-color: #e93b45;
border-right-width: 0;
border-style: dashed;
border-left-style: solid;
border-top-color: transparent;
border-bottom-color: transparent;
}
.about .navright{
width: 900px;
height: auto;
}
.about .navright .cont{
margin-top:60px;
height:auto;
padding:38px 48px 0 48px;
box-shadow: 3px 0px 3px rgba(0,0,0,0.5);
border-radius: 5px;
overflow: hidden;
}
.about .navright .cont .titlea{
font-size: 22px;
font-weight:600;
color:#d0111b;
letter-spacing: 2px;
position: relative;
padding:10px 0 10px 10px;
margin-bottom: 30px;
}
.about .navright .cont .titlea::before{
content: '';
display: block;
position: absolute;
width: 100%;;
height: 4px;
background: url(../images/line.png)no-repeat center center;
background-size: 100% 100%;
bottom:0;
left: 0;
}
.about .navright .cont .titlea::after{
content: '';
display: block;
position: absolute;
width: 2px;
height: 60%;
background-color:#d0111b;
top:20%;
left: 0;
}
.about .navright .cont .titlea span{
font-size: 16px;
font-weight:200;
margin-left: 2%;
color:#d0111b;
letter-spacing: 0px;
}
.about .navright .navm{
margin-top:20px;
color:#858585;
font-size: 14px;
}
.about .navright .cont p{
font-size: 14px;
line-height: 24px;
text-indent: 28px;
}
.about .navright .culture{
width:98%;
margin-left: 2%;
}
.about .navright .culture .text{
margin:10px 0;
}
.about .navright .dot{
display: inline-block;
width: 20px;
height: 20px;
color:#fff;
background: #d0111b;
border-radius: 50%;
text-align: center;
line-height: 20px;
float: left;
margin-top: 10px;
margin-right: 10px;
}
.about .navright .name{
display: inline-block;
font-size: 22px;
font-family:"SimSun";
font-weight: bold;
color:#d0111b;
line-height: 40px;
float: left;
}
.about .navright .sub{
display: inline-block;
font-size: 22px;
font-family:"SimSun";
font-weight: bold;
color:#707070;
line-height: 40px;
}
.about .navright .conts{
width: 100%;
}
.about .navright .conts h1{
width: 100%;
display: inline-block;
font-size: 22px;
text-align: center;
color:#d0111b;
line-height: 40px;
}
.timer-shaft-content{width:100%;margin-top:45px;margin-bottom:8%; overflow: hidden;font-size:0;box-sizing:border-box;white-space: nowrap;}
.shaft-detail-cont{;width:100%;}
.timer-year{font-weight:bold;color:#333;font-size:0;text-align: center;text-indent: 0px!important;}
.icon-year{display: inline-block;vertical-align:middle;width:33px;height:46px;background: url(../images/icon_sign.png) no-repeat;background-size:100% 100%;margin: 0 auto;}
.timer-year span{display: inline-block;vertical-align:middle;margin-left:18px;font-size:24px;}
.month-detail-box{position:relative;width:100%;padding:30px 0;font-size:0;box-sizing: border-box;white-space: normal;}
.month-detail-box::after{
content:'';
display: block;
clear: both;
}
.month-detail-box:before{content: '';position:absolute;top:0;left:49.9%;height:100%;border-right:2px dashed #d0111b;}
.month-detail-box .month-title{font-size:18px;color:#d0111b;width: 46%;position: relative;display: block;text-align: right;padding: 0 2%;float: left;}
.month-detail-box .month-title:before{content: '';position:absolute;top:50%;left:98.7%;width:13px;height:13px;margin-top:-6.5px;background: url(../images/icon_circle.png) no-repeat;background-size: cover;}
.incident-record{display:inline-block;line-height:2;font-size:14px;color:#707070;width: 50%;text-align: left;float: right;}
.month-detail-box:nth-child(odd)> .month-title{font-size:18px;color:#d0111b;width: 46%;position: relative;display: block;text-align: left;float: right;}
.month-detail-box:nth-child(odd)> .month-title:before{content: '';position:absolute;top:50%;left:-1.5%;width:13px;height:13px;margin-top:-6.5px;background: url(../images/icon_circle.png) no-repeat;background-size: cover;}
.month-detail-box:nth-child(odd) > .incident-record{display:inline-block;line-height:2;font-size:14px;color:#707070;width: 46%;text-align: right;float: left;padding: 0 2%;}
/*----------------------------------------------------产品中心--------------------------------*/
.product{
width:100%;
}
.product ul li{
width:25%;
float: left;
margin: 3%;
}
.product ul li .productTit{
font-size: 16px;
color: #e60012;
width: 100%;
padding-left:12%;
position: relative;
height: 30px;
font-weight: 800;
line-height: 40px;
overflow: hidden;
}
.product ul li .productTit::before{
content: '';
display: block;
position: absolute;
width: 20px;
height: 30px;
background: #fe4a58;
left: 0;
}
.product ul li .productPic{
display: block;
width: 100%;
margin: 10% auto;
cursor: pointer;
}
.product ul li .productPic img{
width:100%;
transition:all 2s;
}
.product ul li .productPic:hover>img{
transform: scale(1.1);
}
.product .box{
display:flex;
margin: 8% 0;
}
.product .box .productL{
width:50%;
height: 100%;
display: flex;
}
.product .box .productL img{
width:80%;
height: 60%;
margin-top: 20%;
}
.product .box .productR{
width:70%;
}
.product .box .productR .titleP{
font-size: 16px;
color:#d0111b;
border:2px #d0111b dashed;
text-align: center;
line-height: 26px;
}
.product .box .productR .contectPC{
margin: 5% 0;
background: #fff1f1;
color:#858585;
font-size: 16px;
line-height: 26px;
padding:4%;
}
.product .box .productR dt{
color:#d0111b;
font-size: 16px;
font-weight: bold;
border-left:2px #d0111b solid;
padding: 0 0 0 2%;
}
.product .box .productR dd{
color:#d0111b;
font-size: 16px;
border-bottom:1px #d0111b dashed;
display: flex;
padding:2% 0;
}
.product .box .productR dd .nameP{
color:#d0111b;
font-size: 16px;
line-height: 36px;
}
.product .box .productR dd .nameC{
color:#858585;
font-size: 16px;
line-height: 36px;
}
/*--------------------------------------------保质体系--------------------------------*/
.lines{
background:url(../images/line.png) no-repeat center center;
width: 100%;
height: 4px;
background-size: 100% 100%;
margin: 2% 0;
}
.quality{
padding:5% 0 0 0;
}
.quality h1{
text-align:center;
font-size: 26px;
color:#535353;
font-weight: 500;
position: relative;
width: 35%;
margin: 0 auto;
}
.quality h1::before{
content: '';
display: block;
width: 12px;
height: 12px;
background: #d0111b;
position: absolute;
top:35%;
left: 0;
}
.quality h1::after{
content: '';
display: block;
width: 12px;
height: 12px;
background: #d0111b;
position: absolute;
top:35%;
right: 0;
}
.quality p{
margin-top:5%;
}
/*----------------------- 留言------------------------*/
.btn{
width:120px;
background: #e93b45;
color:#fff;
border-radius: 5px;
font-size: 16px;
line-height: 36px;
text-align: center;
cursor: pointer;
}
.list{
border: 1px #e93b45 solid;
width: 96%;
border-radius: 10px;
padding:0 2%;
margin: 2% 0;
}
.list .feedTop{
border-bottom: 1px #e93b45 dashed;
color:#e93b45;
display: flex;
padding: 1% 0;
}
.list .feedTop span{
display: inline-block;
width: 50%;
font-size:16px;
}
.list .feedCont{
padding: 2% 0;
height: 120px;
color:#2f2f2f;
font-size: 16px;
}
.list .feedCont span{
display: block;
}
.list .feedCont p{
display: block;
width: 100%;
text-indent: 0px!important;
}
.list .feedBottom{
border-top: 1px #e93b45 dashed;
color:#e93b45;
padding: 1% 0;
}
.list .feedBottom span{
display: inline-block;
width: 100%;
font-size:16px;
}
.feedbacks{width:600px;height: auto;position: fixed;z-index: 99;top:-100%;left: 30%; margin: 0 auto;background: #fff;padding: 2%;box-shadow: 0px 5px 10px rgba(0,0,0,0.5);border-radius: 10px;}
.feedbacks .tit {
font-size: 20px;
padding: 0px 0 14px;
text-align: center;
}
.feedbacks .p {
font-size: 14px;
color: #777;
padding-bottom: 40px;
text-align: center;
}
.feedbacks .i {
width: 49%;
height: 46px;
margin-left: 2%;
float: left;
}
.feedbacks .i:first-child{
width: 49%;
height: 46px;
margin-left: 0;
float: left;
}
.feedbacks .i div {
border: 1px solid #ccc;
height: 100%;
padding: 2px 10px;
}
.feedbacks .i input {
height: 46px;
line-height: 46px;
width: 100%;
border: none;
outline: none;
background: none;
font-size: 14px;
}
.feedbacks .t {
padding: 5px 10px;
margin-top: 30px;
border: 1px solid #ccc;
}
.feedbacks .t textarea {
height: 270px;
line-height: 24px;
width: 100%;
max-width: 100%;
border: none;
outline: none;
background: none;
font-size: 14px;
}
.feedbacks .pointer{
margin:2% auto;
border:none;
}
/*--------------------------------底部--------------------------*/
.dibu{
width: 100%;
}
.red{
width: 100%;
background-color: #e93b45;
}
.red .redbox{
width: 1200px;
margin: 0 auto;
display: flex;
}
.red .redbox .mbox{
width:800px;
padding:3% 0;
}
.red .redbox .redbox1{
width: 30%;
float: left;
border-right: 1px #FFFFFF solid;
margin-right: 3%;
height: 180px;
}
.red .redbox .redbox1 h2{
color: #FFFFFF;
font-size: 18px;
/* font-weight: normal;*/
line-height: 38px;
}
/*
.red .redbox .redbox1 .line{
width: 30%;
background-color: #fff;
height: 1px;
}
*/
.red .redbox .redbox1 ul{
margin: 4% 0 0 0;
padding: 0;
}
.red .redbox .redbox1 li{
font-size: 15px;
color: #FFFFFF;
cursor: pointer;
margin: 2% 0;
}
.red .redbox .redbox1 li a {
color: #fff;
}
.erweima{
width: 400px;
float: right;
text-align: center;
}
.erweima .weixin{
display: inline-block;
width: 102px;
height: 112px;
margin: 15% 0 0 0;
}
.erweima .weixin img{
}
.erweima .weixin span{
display: inline-block;
width: 102px;
font-size: 12px;
text-align: center;
color:#fff;
}
.gray{
width: 100%;
background-color: #535353;
}
.gray .zuihou{
width: 1200px;
margin: 0 auto;
}
.banquan{
width: 441px;
height: 100%;
color: #FFFFFF;
float: left;
text-align: center;
line-height: 60px;
}
.shenming{
width: 173px;
height: 100%;
color: #FFFFFF;
float: left;
text-align: center;
line-height: 60px;
margin-left: 493px;
cursor: pointer;
}
/*****************************媒介查询***************************************/
@media only screen and (max-width: 760px){
.LOGO{
left: 41.5%!important;
width:19%;
}
.daohangzongde li a{
width: 94%;
margin: 0 3%;
line-height:40px;
}
.daohang2 .daohangzongde{width:100%!important;float:unset;}
.daohang1{width:100%;}
.Bilingual{display:block;}
.daohang2{width:100%;display:none;}
.li_4{padding:0;}
.rsContent img{width:100%!important;/*height:137px!important;*/margin-left:0!important;}
.rsOverflow,.royalSlider{height:160px!important;}
.neirong{margin-top:50px;}
.wenzibox{height:60px;}
.tupianbox img{height:90px;}
.contect{background:url(../images/s.png)!important;background-size:100%;}
.red .redbox{width:100%;display:block;}
.red .redbox .mbox{width:100%;padding:3%;}
.gray .zuihou,.banquan,.about{width:100%;}
.about{margin-top:-20px;margin-bottom: 5px;}
.about .aboutNav .header .titlem{font-size:12px;line-height:15px;}
.about .aboutNav .header .title{font-size:12px;}
.about .aboutNav .header{padding:0 0 0 3px;}
.about .aboutNav ul li{font-size:12px;height:auto;}
.about .navright .cont{margin-top:20px;padding:38px 10px 0 30px; }
.shenming{width:100%;line-height:30px;margin-left:0;}
.quality h1{font-size:13px;padding:0 17px;}
.quality h1::before{top:20%;}
.quality h1::after{top:20%;}
.about .aboutNav{width:22%;}
.about .navright{width:76%;}
.feedbacks{width:80%;margin:0 10%;left:0;}
.product ul li .productTit::before{ width: 5px; height: 19px;top: 30%;}
.product ul li .productTit{font-size: 12px;font-weight:normal;}
.about .aboutNav ul{padding:0;}
.about .aboutNav ul li a{line-height:18px;}
.product .box{display:block}
.product .box .productL img,.product .box .productR{width:100%;}
.product .box .productL{width:100%;display:block;}
.product .box .productR .titleP,.product .box .productR .contectPC{font-size:14px;}
.wenzibox .title spam{ margin-left: 20px;font-size:13px;}
.banquan{line-height:30px;}
.tupianbox .text p{overflow : hidden;text-overflow: ellipsis;display: -webkit-box;
-webkit-line-clamp: 2;
-webkit-box-orient: vertical; padding: 5px 5px 0 5px;}
.red .redbox .redbox1{height:140px;}
.erweima .weixin{margin: 3% 0 0 0;}
.tupianbox .text h5{font-size:12px;border-left: 3px #d0111b solid;}
.tupianbox img{height:114px;width:100%;margin:0;}
.wenzibox{display:none;}
.wenzibox{padding:0;height:47px;}
.wenzibox .title P{font-size:17px;margin-left:0;}
.wenzibox .title .more{font-size:13px;}
.tupianbox .text{padding:10px 0;}
.tupianbox{border-radius: 5px;box-shadow: 0 0 10px 1px #fff;}
.xiaodebox{width:48%;margin: 0 2%;}
.contect .level{width:100%;}
.about .navright .cont .titlea{ font-size: 12px;padding: 5px 0 5px 10px;}
.about .navright .cont p span{font-size: 13px!important;line-height: 25px!important;}
.about .navright .cont p{line-height: 25px!important;font-size:12px;}
.about .navright .cont .titlea::before{bottom: -10px;}
.red .redbox .redbox1 h2{font-size: 12px;}
.red .redbox .redbox1 li{font-size: 12px;}
.about .navright .cont p img{width:100%;/*margin-left:-12%;*/height:auto;}
.about .navright .navm{font-size:12px;}
.about .navright .cont .titlea span{font-size:12px;}
.btn {width: 80px;font-size: 12px;line-height: 30px;}
.list .feedTop span,.list .feedCont,.list .feedBottom span{font-size:12px;}
.banner img{height: 157px;margin-left: -170px;width:auto;}
}