
/*新闻中心*/
.wrap{width: 100%;padding-top: 40px;padding-bottom: 65px;background: #F7F7F7;}
.main{width: 1200px;margin: 0 auto;background: #fff;}
.new-left{width: 20%;float: left;}
.new-left-1{width: 100%;font-size: 24px;background: #de271f;color: #fff;text-align: center;padding: 10px 0;}
.new-left-2{width: 100%;}
.new-left-2 ul li{width: 100%;text-align: center;font-size: 20px;border: 1px solid transparent;border-left: 7px solid transparent;transition: .2s ease-out;box-sizing: border-box;padding: 14px 0;}
.new-left-2 ul li:hover{border: 1px solid #de271f!important;border-left: 7px solid #de271f!important;color: #de271f;transition: 0.5s;-moz-transition: 0.5s;-o-transition: 0.5s;-webkit-transition: 0.5s;}
.where{border: 1px solid #de271f!important;border-left: 7px solid #de271f!important;color: #de271f;}


.new-right{width: 80%;float: right;background: #fff;border-left:20px solid #F7F7F7;box-sizing: border-box;padding: 0 40px;}
.new-right-title{border-bottom: 1px solid #666;margin: 0 auto;width: 100%;}
.new-right-title h1 a{font-size: 20px;border-bottom: 2px solid #de271f;padding-bottom: 8px;padding-top: 18px;display: block;float: left;}
.new-right-content{width: 100%;margin: 0 auto;margin-top:25px;}
.content-left{width: 80%;float: left;}
.content-right{width: 20%;float: left;}
.new-right-block{margin-bottom: 25px;border-bottom: 1px dashed #666;padding-bottom: 15px;}
.new-right-block h2{font-size: 20px;color: #000;padding: 10px 0;}
.new-right-block h2:hover{color: #de271f;}
.new-right-block p{font-size: 16px;line-height: 24px;letter-spacing: 2px;display: -webkit-box;-webkit-line-clamp: 2;-webkit-box-orient: vertical;overflow: hidden;}
.pic-con .more{width: 100%;}
.pic-con .more a img{float: left;margin-top: 4px;}
.pic-con .more a.more1{font-size: 14px;padding: 10px 0;display: block;float: left;}
.pic-con .more a.more1:hover{color:#DE271F;}
.pic-con .more span{font-size: 14px;padding: 10px 0;float: right;font-weight: 600;}
.new-right .paging{margin: 0 auto;width: 50%;margin-top: 40px;margin-bottom: 40px;}
.new-right .paging ul li{float: left;width: 14%;text-align: center;border: 1px solid #DE271F; margin: 0 1%;}
.new-right .paging ul li a{font-size: 18px}
.new-right-block .more span{font-size: 14px;padding: 10px 0;float: right;font-weight: 600;}

/*招聘*/
.new-right-block1{border-bottom: 1px dashed #666;padding-top: 25px;}
.new-right-block2{padding-top: 0;}
.new-right-block1 .pic{width: 160px;float: left;padding-bottom: 20px;}
.new-right-block1 .pic img{width: 100%;display: block;transition: all 0.6s;}
.new-right-block1 .pic img:hover{transform: scale(1.1);-ms-transform: rotate(1.1);-moz-transform: rotate(1.1);-webkit-transform: rotate(1.1);-o-transform: rotate(1.1);}
.pic-con{float: right;width: 78%;}
.new-right-block1 .pic-con a{padding-bottom: 20px;display: block;}
.new-right-block1 .pic-con a h2{padding: 0;}
.new-right-block1 .pic-con a h2:hover{color: #de271f;}
.pic-con p{font-size: 16px;line-height: 24px;letter-spacing: 2px;display: -webkit-box;-webkit-line-clamp: 3;-webkit-box-orient: vertical;overflow: hidden;}

/*荣誉资质*/

.new-right-content .honor{box-sizing: border-box;margin-top: 25px;}
.new-right-content .honor .honor-block{width: 100%;overflow: hidden;box-sizing: border-box;}
.new-right-content .honor .honor-block ul{margin:0px;padding:0px;float:left;}
.new-right-content .honor .honor-block ul li{width: 30.9%;transition: all 0.25s;float: left;box-sizing: border-box;margin: 10px;overflow: hidden;cursor:pointer;display:inline;border: 1px solid #BBB5B5;padding: 5px;}
.new-right-content .honor .honor-block ul li img{transition: 0.4s;-moz-transition: 0.4s;-webkit-transition: 0.4s;-o-transition: 0.4s;}
.new-right-content .honor .honor-block ul li img:hover{transform: scale(1.1);opacity: 0.7;filter: alpha(opacity=0.7);-webkit-transform: scale(1.1);-moz-transform: scale(1.1);-o-transform: scale(1.1);-ms-transform: scale(1.1);}
.new-right-content .honor .honor-block ul li:hover{background: #666;}

/*咨询建议*/
.advise{padding:40px 0;}
.advise form{padding: 30px 0;background: #FAFAFA;}
.advise .inp{width: 90%;margin: 0 auto;}
.advise .inp p{padding: 5px 0;font-size: 16px;}
.advise .inp p input{background: #fff;padding: 5px;margin-left: 5px;border:1px solid #ccc;}
.advise form p{width: 90%;margin: 0 auto;font-size: 16px;}
.advise form p textarea{background: #fff;margin-left: 5px!important;border:1px solid #ccc;resize: none;padding: 5px;box-sizing: border-box;}
.btn-box{width: 80%;margin: 20px auto;}
.btn-box input{margin: 0 8px;background: #de271f;color: #fff;border: 0;padding: 4px 10px;box-sizing: border-box;outline: none;font-size: 16px;border-radius: 2px;}
/*组织架构*/
.group img{width: 100%;}


/*品牌展示*/
.group1{width: 100%;padding: 30px 0;margin-top: 30px;}
.group1 .pic-txt{width: 100%;position: relative;}
.group1 .pic-txt .left-pic{position: absolute;left: 0;width: 40%;float: left;top: 20px;}
.group1 .pic-txt .left-pic img{width: 95%;display: block;}
.group1 .pic-txt .right-txt{float: right;width: 65%;}
.group1 .pic-txt .right-txt .right-txt-box{border-left: 2px solid #de271f;border-radius: 10px;padding: 5px 0;margin: 20px 0;position: relative;}
.group1 .pic-txt .right-txt .box1{margin-left: 145px;}
.group1 .pic-txt .right-txt .box2{margin-left: 55px;}
.group1 .pic-txt .right-txt .box3{padding: 15px 0;}
.group1 .pic-txt .right-txt .right-txt-box p{font-size: 16px;padding: 10px 10px;}
.group1 .pic-txt .right-txt .right-txt-box .line{height: 1px;width: 80px;border-bottom: 1px solid #F29C9F;position: absolute;left: -100px;top: 50px;}

/*专家团队*/


.team{width: 100%;}
.team span{font-size: 18px;font-weight: 600;margin: 15px 0;display: block;text-align: center;}
.team .txt-chart{padding-bottom: 40px;border-bottom: 1px dashed #666;}
.team .txt-chart .txt{width: 48%;float: left;}
.team .txt-chart .txt p{font-size: 16px;letter-spacing: 2px;text-indent: 36px;float: left;}
.team .txt-chart .chart{float: right;width: 50%;}
.team .txt-chart .chart img{width: 100%;}
.team .expert{width: 100%;margin-top:40px;}
.cs-style-3{width: 33.33%;float: left;position: relative;display: inline-block;overflow: hidden;margin-bottom: 40px;}
.cs-style-3 figure {overflow: hidden;display: block;-webkit-margin-before: 0;-webkit-margin-after: 0;-webkit-margin-start: 10px;-webkit-margin-end: 10px;}
.cs-style-3 p{font-weight: 600;font-size: 16px;text-align: center;color: #fff;line-height: 55px;}
.cs-style-3 figure img {-webkit-transition: -webkit-transform 0.4s;-moz-transition: -moz-transform 0.4s;transition: transform 0.4s;width: 100%;}
.no-touch .cs-style-3 figure:hover img,
.cs-style-3 figure.cs-hover img {-webkit-transform: translateY(-50px);-moz-transform: translateY(-50px);-ms-transform: translateY(-50px);transform: translateY(-50px);}
.cs-style-3 figcaption {height: 57px;width: 266px;top: auto;bottom: 0;opacity: 0;-webkit-transform: translateY(100%);-moz-transform: translateY(100%);-ms-transform: translateY(100%);transform: translateY(100%);-webkit-transition: -webkit-transform 0.4s, opacity 0.1s 0.3s;-moz-transition: -moz-transform 0.4s, opacity 0.1s 0.3s;transition: transform 0.4s, opacity 0.1s 0.3s;border-top-left-radius: 4px;border-top-right-radius: 4px;}
.expert figcaption{position: absolute;background: rgba(0, 0,0,0.8);}
.no-touch .cs-style-3 figure:hover figcaption,
.cs-style-3 figure.cs-hover figcaption {opacity: 1;-webkit-transform: translateY(0px);-moz-transform: translateY(0px);-ms-transform: translateY(0px);transform: translateY(0px);-webkit-transition: -webkit-transform 0.4s, opacity 0.1s;-moz-transition: -moz-transform 0.4s, opacity 0.1s;transition: transform 0.4s, opacity 0.1s;}
.cs-style-3 figcaption a {position: absolute;bottom: 20px;right: 20px;}

.cs-style-3 p.name{color: #383838;font-size: 18px;}




/*研发中心*/
.research{margin-bottom: 35px;}
.research p{font-size: 16px;text-indent: 36px;letter-spacing: 2px;padding-bottom: 10px;line-height: 1.6;}
.research img{width: 100%;display: block;padding-bottom: 10px;}


/*发展历程*/
.history{min-height: 100px;background: url(../img/yz/line.gif) center repeat-y;padding-top: 25px;position: relative;padding-bottom: 40px;}
.history .bg1{position: absolute;left: 50%;top: 0px;width: 20px;margin-left: -10px;background: #FFF;height: 53px;}
.history li{min-height: 140px;position: relative;overflow: hidden;}
/*.history li:hover{background: #de271f;color: #fff;}
.history li:hover .time1{color: #fff;transition: 0s;}*/

/*.history li:hover{background: #de271f;color: #fff;transition: 0s!important;}
.history li:hover .time{color: #fff;transition: 0s!important;}
.history li:hover .time div{color: #fff;transition:.3s!important;left: -350%}
.history li:hover .time1 div{color: #fff;transition:.3s!important;left: 350%}

.history li:hover .time1{color: #fff;transition: 0s!important;}
.history li:hover .content{color: #fff;transition: 0s!important;}
.history li:hover .content1{color: #fff;transition: 0s!important;}
.history li:hover .show-img{opacity: 1;}
.history li:hover .show-img1{opacity: 1;}*/

/*.history li .time:hover{color: #fff;}*/
.history .time{position: absolute;top: 18px;right: 50%;text-align: right;padding-right: 35px;background: url(../img/yz/img7.png) right 10px no-repeat;margin-right: -3px;color: #666;}
.history .time1{position: absolute;top: 18px;left: 50%;text-align: right;padding-left: 30px;background: url(../img/yz/img7.png) left 10px no-repeat;margin-left: -3px;color: #666;}
.history .time div{font-size: 22px;padding-bottom: 8px;position: relative;left: 3px;}
.history .time1 div{font-size: 22px;padding-bottom: 8px;position: relative;left: 3px;}
.history .imgdiv{right: 50%;top: 5px;position: absolute;opacity: 0;filter: alpha(opacity=0);}
.history .content{font-size:14px; line-height:24px;position:absolute;left: 55%; z-index:2; color:#666;padding:20px 10px;overflow: hidden;text-overflow: ellipsis;-webkit-box-orient: vertical;display: -webkit-box;-webkit-line-clamp: 3;  background-color:#FB473F; color:#FFF; border-radius:6px;box-sizing: border-box;}

.history .content1{font-size:14px; line-height:24px;position:absolute;right: 55%; z-index:2; color:#fff;padding:10px 20px;    background-color: #DE271F;box-sizing: border-box;border-radius: 4px;}
.show-img{width: 27.5%;position: absolute;left: 18%;opacity: 0;transition: 2s ease-out;}
.show-img img{float: none;width: 100%;}
.show-img1{width: 27.5%;position: absolute;left: 55%;opacity: 0;transition: 2s ease-out;}
.show-img1 img{float: none;width: 100%;}
.imgdiv img, .history li div{transition: All 0.5s ease;-webkit-transition: All 0.5s ease;-moz-transition: All 0.5s ease;-o-transition: All 0.5s ease;}

.line2{border-radius: 4px;padding: 20px 10px!important;}
#container{margin-top:80px;}
.jy{margin-top:80px;margin-bottom:80px;}

.slide-Bon{bottom: 0px;opacity: 1;filter: alpha(opacity=1);}
.slide-B{position: relative;bottom: -50px;opacity: 1;filter: alpha(opacity=0);transition: All 1s ease;-webkit-transition: All 1s ease;-moz-transition: All 1s ease;-o-transition: All 1s ease;}
.history li.on .bg{background:#f2c058; opacity:1; filter:alpha(opacity=1);-moz-box-shadow:0 3px 10px rgba(0,0,0,0.23);-webkit-box-shadow:0 3px 10px rgba(0,0,0,0.23);box-shadow:0 3px 10px rgba(0,0,0,0.23);}
.history li.on .time{background:url(../img/ico3.png) right center no-repeat; padding-right:260px; color:#fff;}
.history li.on .content{color:#FFF;}
.history li.liOdd.on .time{padding:0 0 0 260px; background:url(../img/ico3.png) left center no-repeat;}
.history li.on .imgDiv{opacity:1; filter:alpha(opacity=1);}

.chat-content-arrow {
    width: 27px;
    height: 20px;
    border: 1px solid #FB473F;
    background-color: #FB473F;
    border-top: none;
    border-right: none;
    transform: rotateZ(-315deg);
    -webkit-transform: rotateZ(-315deg);
    position: absolute;
    top: 24px;
    right:43%;
  
}

.chat-content-arrow2 {
    width: 27px;
    height: 20px;
    border: 1px solid #DE271F;;
    background-color:#DE271F;;
    border-top: none;
    border-right: none;
    transform: rotateZ(-134deg);
    -webkit-transform: rotateZ(-134deg);
    position: absolute;
    top: 20px;
    right:54%;
  
}

/*联系我们*/
.call-content{}
.call-content h2{text-align: center;padding: 18px 0;font-size: 36px;}
.call-content .call-block{border-bottom: 1px solid #666;margin-bottom: 8px;}
.call-content .call-block .call-block-left{width: 50%;float: left;padding-left: 50px;padding-bottom: 20px;box-sizing: border-box;}
.call-content .call-block .call-block-right{width: 50%;float: right;padding-right: 50px;box-sizing: border-box;}
.call-content .call-block .call-block-right img{float: right;margin-top: 12px;}
.call-content .call-block .call-block-left p{padding: 12px 0;font-size: 16px;}
.ditu{}
/*2*/
.call-content h1{font-size: 24px;text-align: center;padding: 18px 0;}
.call-content .call-txt{width: 100%;}
.call-content .call-txt .call-pic{width: 55%;float: left;}
.call-content .call-txt .call-pic img{width: 100%;display: block;}

.call-content .call-txt .call-txt-con{width: 45%;margin:20px 0;float: left;}
.call-content .call-txt .call-txt-con  p{font-size: 16px;padding: 12px 0;}
.call-content .call-txt .call-txt-con  p span{padding-left: 79px;}
.call-content .jy{width: 100%;margin:20px auto 40px;}
.call-content .jy img{width: 100%;display: block;}

/*质量管理*/
.tech-nr-img{width: 100%;float: left;    font-size: 16px;
    line-height: 30px;
    text-indent: 2em;}
.tech-nr-img img{width: 100%;margin-top: 15px;padding: 10px 0;box-sizing: border-box;display: block;}
.tech-nr-wz{padding: 40px 0;}
.tech-nr-wz p{font-size: 16px;text-indent: 36px;letter-spacing: 2px;padding-bottom: 10px;line-height: 1.6;}
.tech-nr-wz img.kj{width: 50%;display: block;float: left;padding: 10px 20px 10px 0;}
.tech-nr-wz p img.kj{width: 50%;display: block;float: right;padding: 10px 0 10px 10px;}
/*生产与设备*/
.tech-nr-img1{padding-bottom:40px;width: 100%;margin: 0 auto;float: none;}
/*.tech-nr-img1 p{font-size: 16px;padding: 10px 0;text-indent: 38px;letter-spacing: 2px;}*/
.tech-nr-img1 img{width: 100%;margin: 0 auto;}
.tech-nr-img2 img{width: 50%;display: block;float: left;padding: 0 5px;}

/*视频展示*/
.video{width: 80%;margin: 0 auto;padding-top: 30px;}
.video video{width: 100%;}
.imglist ul li{width: 25%;float:left;padding: 20px 10px;box-sizing: border-box;}
.imglist ul li video{width: 100%;display: block;padding: 5px;}
.imglist ul li span{padding: 15px 0;display: block;}

@media(max-width: 1100px){
   .history .content1{overflow: hidden;text-overflow: ellipsis;-webkit-box-orient: vertical;display: -webkit-box;-webkit-line-clamp: 3;    background-color:#DE271F;;height:72px;border-radius:6px;} 
}

@media(max-width: 650px){
	.call-txt-con{width:100%!important;}
	.call-pic{width:100%!important;}
}