@charset "utf-8";
/* CSS Document */
.nav{ position: fixed; top: 0; width: 100%; z-index: 10;}

.pagination-right{
	
	position: fixed;
    top: 50%;
    right: 2%;
    z-index: 3;
	transform: translateY(-50%);
	width: 70px;
}
.pagination-right .swiper-pagination{
	width: 19px;
    margin: 0 auto;
    z-index: 3;
    position: relative;
}
.pagination-right .swiper-pagination .swiper-pagination-bullet {
    display: inline-block;
    zoom: 1;
    width: 19px;
    height: 19px;
    background-repeat: no-repeat;
    background-position: center;
    background-image: url(../images/page-point.png);
    margin: 0 0 15px 0;
    background-color: transparent;
	opacity: 1;
}
.pagination-right .swiper-pagination .swiper-pagination-bullet:last-child {
    margin-bottom: 0;
}
.pagination-right .swiper-pagination .swiper-pagination-bullet:hover{ background-image: url(../images/page-point-cur.png);}
.pagination-right .swiper-pagination .swiper-pagination-bullet-active {
    background-image: url(../images/page-point-cur.png);
}
.pagination-right .line {
    width: 1px;
    height: 60px;
    background-color: rgba(255,255,255,.2);
    margin: .2rem auto;
}
.pagination-right .num { color: #ffffff;}
 .pagination-right .num .cur-num,.pagination-right .num .total {
    display: inline-block;
    zoom: 1;
    font-size: 20px;
	 font-family: "华文细黑";

}
.pagination-right .num .total{ opacity: 0.4; font-size: 15px;}
.pagination-right .num .divide{ opacity: 0.4; font-size: 15px;}
 .swiper-container {
      width: 100%;
      height: 100%;
    }
    .swiper-slide {

    }

.swiper-slide-video{background: url(../images/video-bg-pc.jpg) no-repeat; background-size: cover; z-index: -1;}
.slide-text{
	position: absolute;
    top: 50%;
    left: 40%;
    transform: translate(-30%,-30%);
    color: #fff;
    line-height: 1.1;
    text-align: center;
}
.slide-title h1{ margin: 0; padding: 0; font-size: 68px; font-family: "方正兰亭大黑"; margin-bottom: 30px; color: #ffffff }
.slide-title > span{ font-size: 28px; font-family: "华文细黑";}

.video-title h1 span{ color: #bd1a25; }

.video-play{ margin-top: 60px;}

.videolist:hover{ cursor: pointer; }

.videos{ display:none;background: rgba(0,0,0,0.9); position:fixed; left:0; right: 0; top:0; bottom: 0; width:100%;z-index: 10000; }
.videos-con{border: 1px solid #080808; position:fixed; width: 100%; height: 100%;}
.videos-con video{position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;}
.vclose { position:absolute;right:5%; top:5%; border-radius:100%; cursor: pointer; }


.swiper-slide-zhizao{ background: url(../images/zhizao-bg.jpg) no-repeat; background-size: cover;}
.zhizao-title h1{ font-size: 68px;}

.slide-more{ text-align: center;margin-top: 60px;}
.slide-more a{display: inline-block;width: 286px;height: 63px;background: url(../images/more-bg.jpg) no-repeat;background-size: cover;color: #ffffff;font-size: 20px;line-height: 63px;box-shadow: 0 0 5px 2px rgba(0,0,0,0.5);position: relative;padding-left: 70px;padding-right: 100px;}
.slide-more a:after{
    content: "";
    width:23px;
    height: 15px;
    background: url(../images/jt-icon.png) no-repeat;
    background-size: cover;
    position: absolute;
    right: 57px;
    top: 50%;
    margin-top: -7px;
    -webkit-transition: all .3s ease-in-out;
    transition: all .3s ease-in-out;
    }
.slide-more a:hover{ text-decoration: none;}
.slide-more a:hover:after{ right: 60px;}


.slide-hy-text{ 
	position: absolute; 
	left: 5%;
	right: 5%;
    top: 27%;
    width: 90%;
 z-index: 1;
	color: #ffffff;
	font-size: 26px;
	max-width: 650px;
}
.slide-hy-txt{ line-height: 38px;}
.hy-more{ text-align: left;}
.hy-list{ position: absolute; z-index: 1; left: 5%; right: 5%; bottom: 5%;}
.hy-list-con{
	max-width: 1080px;
    padding: 0;
    width: 100%;
	
}
.hy-list-con{ margin-left: -10px; margin-right: -10px;}
.hy-list-con:after{ content: ""; display: block; clear: both;}
.hy-list .item{  width: 33.33%; float: left; cursor: pointer; padding: 10px;}
.hy-list .item .item-con{   position: relative;}
.hy-list .item .item-img{  width: 100%; }
.hy-list .item .item-mask {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    background-color: #000;
    opacity: .5;
    filter: alpha(opacity=50);
}
.hy-list .item .item-text{
	position: absolute;
	left: 0;
    width: 100%;
    top: 50%;
    transform: translateY(-50%);
    text-align: center;
	z-index: 1;
	font-size: 16px;
}
.hy-list .item .item-text .item-text-icon {
    display: inline-block;
    zoom: 1;
    vertical-align: middle;
	margin-right: 15px;

}
.hy-list .item .item-text .item-text-name {
    display: inline-block;
    zoom: 1;
    color: #fff;
    text-align: left;
    vertical-align: middle;
}

.hy-list .item.cur .item-text{
	display: none;
	
}
.hy-list .item.cur .item-mask{ border: 3px solid #d80c1e; box-sizing: border-box; background: none; opacity: 1;
    filter: alpha(opacity=100);}

.swiper-slide-adv{background: url(../images/ys-bg.jpg) no-repeat; background-size: cover;}

#banner-img{ height: 515px;}
.banner-news{ height: 300px !important;}
.about-intro{ width: 100%; overflow-x: hidden; padding-top: 165px;}
.about-intro-jj-con{ width: 50%; float: left; padding-top: 20px;}
.about-intro-jj-img{ width: 45%; float: right; position: relative;}
.about-intro-jj-img:before{ content: ""; position: absolute; width: 60%; height: 70%; background: #f9fafc; z-index: -1; top: -16%; right: -20%; }

.about-intro-jj-p {
	width: 100%;
    height: 475px;
	position: relative;
	margin-top: 50px;
	font-size: 16px;
}
.about-intro-jj-p-con{
        width: 100%;
        height: 100%;
	line-height: 30px;
	color: #666666;
	font-family: "Microsoft YaHei";
    }

.about-intro-jj-p-con .swiper-slide{        
	height: auto;
        -webkit-box-sizing: border-box;
        box-sizing: border-box;
	padding-right: 30px;
}
.bannner-image{ width: 100%;}
.container-con{ max-width: 1620px;}
.about-intro-con{ max-width: 1330px;}


.about-intro-num{ margin-top: 80px;}
.intro-num-item{ font-size: 26px; width: 25%; float: left; padding: 20px;text-transform: uppercase;}

.intro-num-item h1{ margin: 0; padding: 0; font-weight: bolder; color: #bd1a25;}
.intro-num-item h1 span{ font-size: 26px; font-weight: normal; color: #323333;}

.about-adv{ background: #f8fafb; padding-top: 30px; padding-bottom: 30px; margin-top: 80px;}
.about-adv-1{ background: url(../images/intro-bg.png) no-repeat center center; background-size: auto 100%; padding-top: 30px; padding-bottom: 30px;}
.about-adv-item{font-size: 14px;float: left;line-height: 20px;width: 20%;padding: 15px;font-family: "Microsoft YaHei";color: #666666;}
.about-adv-img{text-align: center; margin-bottom: 20px;}
.about-adv-2{ text-align: center;}
.intr-logo-item{ display: inline-block; padding: 20px;}

.about-history{ margin-top: 80px;}
.about-history-title{ padding-left: 40px;}
.about-history-conner{ margin-top: 30px;}

.history-item-img{ float: left; width: 60%;}
.history-item-p{ float: right; width: 35%; font-size: 20px; padding: 30px 20px;}
.history-item-year{ margin-bottom: 20px;}
.history-item-p-con{ color:#666666;}
.history-item-year h1{ display: inline-block; color: #ffffff; background: #252525; padding:0 20px; margin: 0;}

.history-box .tab-box { overflow: hidden;}
.history-box .year-box { position: relative; margin-top: 36px; padding: 15px 5%; overflow: hidden;}
.history-box .year-box:before {
    content: "";
    position: absolute;
    top: 27px;
    left: 0;
    width: 100%;
    height: 2px;
    background-color: #040000;
}
.history-box .year-box .swiper-slide {
    width: auto;
    margin-right: 150px;
}

.history-box .year-box .point {
    width: 30px;
    height: 54px;
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
    background-image: url(../images/year-icon.png);
    margin: 0 auto;
	margin-bottom: 13px;
	cursor:pointer;
}
.history-box .year-box .cur .point {
    width: 50px;
    height: 93px;
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
    background-image: url(../images/year-icon-cur.png);
    margin: 0 auto;
	margin-bottom: 13px;
	margin-top: -12px;
	
}
.history-box .year-box .swiper-slide{ position: relative;}
.history-box .year-box .swiper-slide .year-box-year{ position: absolute; bottom: 0; font-size: 24px; color: #040000; left: 50px;}
.history-box .year-box .swiper-slide.cur .year-box-year{ font-size: 36px; color: #bd1a25; left: 67px;}

.about-factory{ margin-top: 80px;}
.swiper-factory .swiper-pagination-bullet {
    width: 10px;
    height: 10px;
    display: inline-block;
    border-radius: 100%;
    background: #ffffff;
    opacity: 1;

	position: relative;
}
.about-factory .swiper-container-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet{
		margin: 20px;
}
.swiper-factory .swiper-pagination-bullet:before {
	content: "";
	border: 1px solid #ffffff;
	position: absolute;
	left: -10px;
	right: -10px;
	top: -10px;
	bottom: -10px;
	border-radius: 50%;
	display: none;
}
.swiper-factory .swiper-pagination-bullet-active:before {
    display: block;
	
}


.about-production-conner{ width: 63%; float: left; padding: 40px 5% 40px 40px;}
.about-production-img{ width: 35%; float: right;}

.swiper-production { position: relative;}
.production-control{ position: absolute; bottom: 0; right: 0; z-index: 1000;}
.production-button{ display: block; float: left; width: 54px; height: 54px; background: url(../images/button-icon.png) #bd1a25; cursor: pointer;}
.production-button.production-button-prev{ background-position: 0 0;}
.production-button.production-button-next{ background-position: 54px 0; background-color: #323333;}

.about-production-p{ font-size: 16px; font-family: "Microsoft YaHei"; color: #666666; line-height: 30px; margin-top: 20px;}

.about-production-num{ margin-top: 36px; margin-bottom: 36px;}
.production-num-item{ width: 50%; padding-left: 0;}


#foot{ background: #3f3b3a; color: #ffffff; padding-top: 47px; padding-bottom: 15px;}
#foot a{ color: #ffffff;}
#foot a:hover{ color: #ffffff; text-decoration: none;}
.foot-nav{ width: 50%; float: left;}
.foot-contact{width: 31%;float: left;margin-left: 2%;}
.foot-ewm{width: 15%;float: left;margin-left: 3%;margin-left: 2%;}
.foot-nav ul li{ list-style: none;}
.foot-nav-item{ float: left; width: 25%; padding-right: 15px; padding-left: 15px;}

.foot-nav-title{ font-size: 18px; position: relative; padding-bottom: 6px; padding-top: 6px; margin-bottom: 10px;}
.foot-nav-title:after{ content: ""; left: -100%; right: 0px; border-bottom: 1px solid #5a5858; position: absolute; bottom: 0;}
.foot-nav-con{ line-height: 20px;}

.foot-2{ margin-top: 36px;}
.foot-2-l{ float: left; width: 58%;}
.foot-2-r{ float: left; width: 42%; text-align: right;}

.banner-img-conner{ color: #ffffff; padding-top: 150px; }
.banner-img-p{ font-size: 18px; line-height: 30px; margin-top: 20px;}


.contain-case{ margin-top: 80px; margin-bottom: 80px;}

.case-item{ width: 33.3%; float: left; padding: 2px;}
.case-item .case-item-a{ display: block; position: relative;}
.case-item .case-item-a .case-item-bg{ position: absolute; top: 0; bottom: 0; left: 0; right: 0; background: #d8d6d7; opacity: 0.7;}
.case-item .case-item-a .case-item-more{ display: none; position: absolute; left: 50%; top: 50%; font-size: 50px; width: 120px; height: 120px; margin-left: -60px; margin-top: -60px; border: 6px solid #ffffff; border-radius: 50%; color: #ffffff; text-align: center; line-height: 116px;}
.case-item .case-item-a .case-name{ position: absolute; top: 50%; width: 100%; text-align: center; }
.case-item .case-item-a .case-name .case-name-con{ display: inline-block; border: 2px solid #323333; font-size: 26px; font-weight: bolder; color: #323333; padding: 10px; min-width: 230px;}

.case-item .case-item-a:hover .case-item-bg{ background: #444243; opacity: 0.8;}
.case-item .case-item-a:hover .case-name{ display: none;}
.case-item .case-item-a:hover .case-item-more{ display: block;}
.case-item-last .case-item-a:hover .case-item-bg{ background: #d8d6d7; opacity: 1;}
.case-item-last .case-item-a:hover .case-name{ display: block;}
.case-item-last .case-item-a:hover .case-item-more{ display: none;}

.clear1{ display:block;}
.clear2{ display:none;}

.case-view-con{height: 100%;}
.case-view-conner {
	width: 100%;
    height: calc(100% - 54px);
	position: relative;
	margin-top: 30px;
	font-size: 18px;
}
.case-view-p{
    width: 100%;
	height: 100%;
	line-height: 40px;
	color: #666666;
	font-family: "Microsoft YaHei";
    }

.case-view-p .swiper-slide{        
	height: auto;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
	padding-right: 30px;
}

.contain-service{ margin-top: 80px;}

.service-con{ margin-bottom: 60px;}

.service-con-p{ font-size: 16px; color: #333333;}
.service-conner{ position: relative; min-height: 930px; padding-right: 540px;}
.service-con-contact{ position: absolute; right: 0; top: 76px; width: 452px;}

.service-adv{ background: url(../images/service-adv-bg.jpg) no-repeat; background-size: cover; padding: 300px 20px 0; overflow: hidden; position: relative;}


.service-adv-mains{ transition-duration: .2s;opacity: 0;transform: translateX(-20px);width:468px; height: 291px; background: url(../images/sevice-adv-main-bg.png) no-repeat; padding: 30px 45px; font-size: 16px; position: absolute; top: 100px; background-size: cover;}
.service-adv-mains.show{ transition-duration: .5s;opacity: 1;transform: translateX(0px);}
.service-adv-name{font-size: 36px; font-weight: bolder; color: #323333; margin-bottom: 30px; font-family: "Microsoft YaHei"; margin-top: 30px;}

.service-adv-nav{ width: 1248px; height: 622px; position: relative; float: right;}
.service-adv-nav:before{ 
	content: "";
    height: 1250px;
    width: 1250px;
    display: block;
    position: absolute;
    z-index: 0;
    left: 0;
    top: 0;
    background: url(../images/sevice-adv-cir.png) no-repeat center;
    background-size: 100% !important;
    transition-duration: .8s;
    animation: cir-scale 3s infinite cubic-bezier(0, 0.43, 0.35, 0.85);
}
@keyframes cir-scale {
  0% {
    opacity: 1;
    transform: scale(1); }
  80% {
    opacity: 1;
    transform: scale(1.1); }
  100% {
    opacity: 0;
    transform: scale(1); } 
	}

.service-adv-item{ position: absolute; cursor: pointer;}
.service-adv-item:hover .service-adv-title,.service-adv-item.cur .service-adv-title{ transform: scale(1.1); left: -200px; top: -30px;}
.service-adv-item:hover .service-adv-cir, .service-adv-item.cur .service-adv-cir{ background: url(../images/cir-2.png) no-repeat; background-size: cover;}
.service-adv-item-con{position: relative;}
.service-adv-item-con .service-adv-title{transition-duration: 0.2s; font-size: 34px; line-height:40px; font-weight: bolder; font-family: "Microsoft YaHei"; color: #ffffff; position: absolute; width: 220px; left: -140px; top: -20px;}
.service-adv-cir{ content: ""; width: 45px; height: 45px; background: url(../images/cir-1.png) no-repeat; background-size: cover;}

.service-adv-item-0 { bottom: 0;left: 50%; margin-left: 65px; }
.service-adv-item-0 .service-adv-item-con .service-adv-title{ position: relative; color: #040000; width: auto; text-align:center;left: -124px;
    top: -14px;}
.service-adv-item-0:hover .service-adv-item-con .service-adv-title, .service-adv-item-0.cur .service-adv-item-con .service-adv-title{ transform:scale(1.1);top: -16px; bottom: 0;left: 50%; margin-left: -140px;  }

.service-adv-item-1{ bottom: 160px; left: 10px;}
.service-adv-item-1 .service-adv-item-con .service-adv-title{ width: 210px; left: -210px;}
.service-adv-item-1:hover .service-adv-item-con .service-adv-title,.service-adv-item-1.cur .service-adv-item-con .service-adv-title{ left: -260px; }

.service-adv-item-2{ bottom: 433px; left: 468px;}
.service-adv-item-3{ bottom: 156px; left: 565px;}
.service-adv-item-4{ bottom: 238px; left: 755px;}
.service-adv-item-4 .service-adv-item-con .service-adv-title{ left: 60px;}
.service-adv-item-4:hover .service-adv-item-con .service-adv-title,.service-adv-item-4.cur .service-adv-item-con .service-adv-title{ left: 100px; }
.service-adv-item-5{ bottom: 450px; left: 1005px;}
.service-adv-item-5 .service-adv-item-con .service-adv-title{ left: 60px;}
.service-adv-item-5:hover .service-adv-item-con .service-adv-title,.service-adv-item-5.cur .service-adv-item-con .service-adv-title{ left: 100px; }

.contain-adv{ margin-top: 80px;}

.adv-tech-title{ margin-bottom: 80px; padding-left: 0;}

.adv-tech-con-title{ position: relative; margin-bottom: 20px;}
.adv-tech-con-title-l{ left: 0; height: 100%; width: 50%; position: absolute;}
.adv-tech-con-title-l .adv-tech-con-title-l-img{ position: absolute; bottom: 0;}
.adv-tech-con-title-r{ width: 50%; float: right;}

.adv-factory{ background: url(../images/ys-tech-bg.jpg) no-repeat; background-size: cover; padding-top: 100px; padding-bottom: 100px; margin-top: 80px;color: #ffffff;}

.adv-factory-title{ color: #ffffff; padding-left: 0; margin-bottom: 30px;}
.adv-factory-conner{ max-width: 930px;}

.adv-zhizao{ margin-top: 80px;}

.adv-process{ background: url(../images/ys-zhizhao-bg.jpg) no-repeat; background-size: cover; margin-top: 80px; padding-top: 60px; padding-bottom: 60px; color: #ffffff;}

.adv-process-item{ text-align: center; width: 33.33%; padding: 15px; float: left;}
.adv-process-item-con{ display: inline-block; max-width: 378px; font-size: 20px; line-height: 30px;}
.adv-process-item-con h1{ font-size: 26px;}
.adv-process-item-2 .adv-process-item-con{ max-width: 450px;}

.adv-process-item-con ul{ /*text-align: left;*/}
.adv-process-item-con ul li{ list-style: none; display: block;}

.adv-honor{ margin-top: 80px;}
.adv-honor-title{ padding-left: 0; text-align: center; margin-bottom: 30px;}
.adv-honor-title span{ display: inline-block; transform: scale(1.8); margin-right: 30px; margin-left: 30px;}

.adv-honor-p{ margin-top: 70px;}

.adv-honor-swiper{position: relative; margin-top: 30px; margin-bottom: 30px;}
.swiper-honor{ width: 100%;}
.swiper-honor .swiper-slide {
        text-align: center;
        font-size: 18px;
        background: #fff;


    }

.adv-honor-item-con{ display: inline-block; border: 1px solid #333333;}

.swiper-honor .swiper-pagination{ position: relative; margin-top: 30px; margin-bottom: 20px;}
.swiper-honor .swiper-pagination-bullet{ background: none; border: 1px solid #898989; opacity: 1; width: 13px; height: 13px; }
.swiper-honor .swiper-pagination-bullet-active{ background: #bd1a25; border-color:#bd1a25; }

.contain-contact{ margin-top: 80px;}

.contact-con{ margin-bottom: 60px;}
.contact-detail-title{ padding-left: 0; margin-bottom: 30px;}

.contact-detail-l{float: left; width: 45%;}
.contact-detail-r{float: right; width: 50%;}

.contact-map{ position: relative;}

.contact-map-href{ background: rgba(148,30,37,0.9); position: absolute; width: 100%; bottom: 0;  text-align: center; padding: 30px;}
.contact-map-href a{ display: inline-block; border: 2px solid #ffffff; text-align: center; color: #ffffff; font-size: 20px; padding: 10px 40px;}
.contact-map-href a:hover{ text-decoration: none;}

.banner-image{ width: 100%;}

.contact-factory{ background: url(../images/contact-bg.jpg) center center no-repeat; background-size: cover; padding-top: 80px; padding-bottom: 100px;}

.contact-factory-title{ padding-left: 0; text-align: center; margin-bottom: 30px;}
.contact-factory-title h1{ border-bottom: 4px solid #941e25; display: inline-block; padding-left: 5px; padding-right: 5px; padding-bottom: 10px;}

.contain-jion{ background: url(../images/jion-bg.jpg) center center no-repeat; background-size: cover; padding-top: 80px; padding-bottom: 80px; }
.jion-con-title{ padding-left: 0; margin-bottom: 30px;}

.jion-con-p{ max-width: 590px;}
.jion-more{ text-align: left; margin-top: 10px;}
.jion-more a{ width: 355px;}

.jion-con-img-l{ width: 50%; float: left; padding: 15px; margin-top: 117px;}
.jion-con-img-r{ width: 50%; float: right; padding: 15px; margin-top: -117px;}
.jion-contact{ text-align: right; margin-top: -70px; float: right;}
.jion-contact table{ display: inline-block; text-align: left; margin: 0 15px; margin-bottom: 20px;}

.banner-news-con{ position: relative; height: 100%; color: #ffffff;}
.banner-news-title{ position: absolute; bottom: 10%; right: 10px;}


.rec-nav{ background: #e9e9e9; padding-top: 30px; padding-bottom: 30px;}

.rec-nav-list{ font-size: 16px; display: table; width: 100%; padding: 15px 0;}
.rec-list-title{ display: table-cell; width: 150px; }
.rec-list-con{ display: table-cell; width: cal(100%-150px);}
.rec-list-title-1{ }
.rec-list-text{ padding: 15px 20px; width: 25%; margin-right: 15px;}

.rec-list-con ul li{ list-style: none; display: inline-block; margin-right: 15px;}
.rec-list-con ul li a{ color: #727171;}
.rec-list-con ul li a.first{ color: #231815;}
.rec-list-con ul li a:hover,.rec-list-con ul li a.active{ color: #bd1a25; text-decoration: none;}

.rec-detail{ margin-top: 80px; margin-bottom: 60px;}

.panel-rec{ position: relative; color: #727171;border: 0; border-radius: 0 !important; margin-bottom: 15px !important;}
.panel-rec .panel-control{ position: absolute; right: 0; top: 0; bottom: 0; z-index: 1;}
.panel-rec .panel-control a{width: 250px; background: #e9e9e9; display: block; height: 100%; position: relative;}
.panel-rec .panel-control a:after{ content:"-"; font-size: 40px; position: absolute; left: 50%; top: 50%; margin-left: -10px; margin-top: -10px; color: #bd1a25; font-weight: bolder; }
.panel-rec .panel-control a.collapsed:after{ content:"+";}
.panel-rec .panel-heading{ padding-right: 300px;border: 0;background: #f4f4f4;border-radius: 0; color: #727171; padding-top: 20px; padding-bottom: 20px; padding-left: 2%;}
.panel-rec .panel-body{ padding-right: 300px; border: 0 !important; background: #f4f4f4; padding-left: 2%;}

.panel-rec .panel-heading .rec-detail-name{ color: #bd1a25; margin-top: 5px;}
.panel-rec .panel-p{ max-width: 700px;}
.panel-rec .panel-contact{ margin-top: 5em; margin-bottom: 20px;}
.panel-rec .panel-contact .btn-mail{ display: inline-block; color: #bd1a25; padding: 10px 60px; border: 2px solid #bd1a25; margin-top: 20px;}
.panel-rec .panel-contact .btn-mail:hover{ text-decoration: none; background: #bd1a25; color: #ffffff;}

.contain-news{ position: relative; }

.contain-news .news-con{ position: relative; }

.news-title-h1{position: absolute;right: 15px;}
.contain-news-bg{ position: absolute; left: 50%; right: 0; top: 0; bottom: 0; background: #f4f4f4; z-index: -1;}
.news-con{ }
.news-conner{ display: table; width: 100%;}
.news-view-con{ display: table-cell; padding-top: 80px; padding-bottom: 60px; width: cal(100%-360px); background: #ffffff; padding-right: 5%;}
.news-right{ display: table-cell; padding-top: 80px; padding-bottom: 60px; background: #f4f4f4; width: 360px; padding-left: 30px;}

.news-view-name{ border-bottom: 1px solid #666666; padding-bottom: 30px; margin-bottom: 30px;}

.news-view-time{font-family: "Arial"; font-size: 36px; font-weight: bolder; color: #d80c1e; font-style: italic;}

.news-view-h2{ font-weight: bolder;}
.news-view-xx{ color: #666666; margin-top: 20px;}

.news-view-next-item{ margin-top: 10px;}
.news-view-next-item a{ display: block;}
.news-view-next-item a:hover{ text-decoration: none;}
.news-view-next-item a .news-item-img{ }
.news-view-next-item a .news-item-time{ font-family: "Arial"; font-size: 30px; font-weight: bolder; color: #323333; font-style: italic;margin-top: 24px;margin-bottom: 10px;}
.news-view-next-item a .news-item-name{ font-size: 20px; font-weight: bolder; color: #d80c1e; margin-bottom: 6px;}
.news-view-next-item a .news-item-jj{ font-size: 14px; color: #666666;}
.news-view-next-item a .news-item-more{ margin-top: 6px; font-size: 16px;}

.news-right-nav{ margin-top: 5em;}
.news-right-nav-con{ border-top: 1px solid #323333;}
.panel-news .panel-heading{ border-bottom: 1px solid #323333; padding-top: 15px; padding-bottom: 15px;}
.news-list-title a{ font-size: 24px; display: block; text-align: center; color: #323333;}
.news-list-title a:hover,.news-list-title a:focus{ text-decoration: none;}
.panel-news{ border: none; border-radius: 0;}
.panel-body-news{ padding-left: 0; padding-right: 0; background: #f4f4f4; border: 0; border-radius: 0 !important; border-bottom: 1px solid #323333;}
.news-list{ width: 320px; height: 200px;}
.news-list ul li{ list-style: none;}
.news-list ul li a{ display: block; width: 100%; position: relative; padding-left: 90px;}
.news-list ul li a span{ display: inline-block;}
.news-list ul li a .news-time{ width: 80px; font-weight: bolder; color: #d80c1e; position: absolute; left: 0; }
.news-list ul li a .news-title{ width: 100%;  overflow: hidden; text-overflow: ellipsis; white-space: nowrap;}

.contain-pro{ background: #f4f4f4;}
.pro-view-img-con{ position: relative; width: 100%; padding-right: 360px;}
.pro-view-conner{ }
.pro-view-ln{ position: absolute; right: 15px; top: 15px;}

.pro-view-conner{ position: relative; padding-left: 200px;}
.pro-view-img{ background: #f4f4f4; padding-top: 150px; padding-bottom: 60px; min-height: 740px;}

.pro-view-imgs.pc{ position: absolute; left: 30px; top: 0;}
.pro-view-imgs.pc .pro-view-imgs-con{padding-top: 50px; position: relative; padding-bottom: 50px;  height: 520px;}
.pro-imgs-btn{ width: 57px; height: 30px; background: url(../images/pro-view-btn.png) no-repeat; background-size: 100% auto; position: absolute; left: 50%; margin-left: -28px; cursor: pointer; z-index: 1;}
.pro-imgs-btn.pro-imgs-btn-prev{ background-position: 0 0; top: 0; }
.pro-imgs-btn.pro-imgs-btn-next{ background-position: 0 -30px; bottom: 0; }

.swiper-pro-imgs .swiper-slide{ border: 1px solid #898989;}
.swiper-pro-imgs .swiper-slide.active{ border: 1px solid #bd1a25;}
.swiper-pro-imgs .swiper-slide .pro-imgs{ display: table; width: 100%; height: 100%}
.swiper-pro-imgs .swiper-slide .pro-imgs-con{ display: table-cell; vertical-align: middle; width: 100%; height: 100%; cursor: pointer;}
.swiper-pro-imgs .swiper-slide .pro-imgs img{ height: auto; width: 100%;}

.pro-imgb{ min-height: 520px; display: table; height: 100%; width: 100%;}
.pro-imgb .pro-imgb-con{ display: table-cell; vertical-align: middle; height: 100%;}
.pro-imgb .pro-imgb-con img{ width: 100%;}
.pro-view-ln-con{ width: 340px; height: 436px; padding-top: 15px; padding-left: 30px; padding-right: 30px; }
.pro-view-ln-detail{ width: 100%; height: 100%; padding: 15px; position: relative; padding-bottom: 40px;}


.pro-view-ln-title{  margin-bottom:15px;}
.pro-view-ln-title:after{ content: ""; display: block; width: 100px; height: 3px; background: #bd1a25;}
.pro-view-ln-title h1{ font-size: 24px;font-weight: bold;}

.pro-view-name{ background: url(../images/pro-view-name.jpg) no-repeat; background-size: cover; padding: 20px 0;}

.pro-view-name-con{ color: #ffffff;}
.pro-view-name-con h1{ font-size: 26px;    letter-spacing: 0px;}

.pro-view-detail{ margin-top: 60px; margin-bottom: 60px;}
.pro-view-detail-nav{ margin-bottom: 30px;}
.pro-view-detail-nav ul li{ list-style: none; display: inline-block;  margin-right: 15px; font-size: 22px;}
.pro-view-detail-nav ul li a:after{
	content: "";
    position: absolute;
    background: #941e25;
    left: 0%;
    right: 0;
    width: 0%;
    bottom: 0;
    height: 3px;
    -webkit-transition: all .3s ease-in-out;
    transition: all .3s ease-in-out; }
.pro-view-detail-nav ul li a:hover:after,.pro-view-detail-nav ul li a:focus:after,.pro-view-detail-nav ul li.active a:after{

    width: 100%;
}
.pro-view-detail-nav ul li a{ color: #231815;padding-bottom:15px;position:relative; display:block;}
.pro-view-detail-nav ul li a:hover,.pro-view-detail-nav ul li a:focus{ text-decoration: none;}
.pro-view-detail-nav ul li.active{ font-size: 28px;}

.pro-view-more{ padding-bottom: 40px;}
.pro-view-more-title{ font-size: 24px; color: #231815; margin-bottom: 30px;}
.pro-view-more-title h1{ text-transform: uppercase;
    font-family: -webkit-pictograph;
    font-weight: bold;}

.swiper-pro-more .swiper-slide{ text-align: left;}
.pro-item-con a{ display: block; width: 100%; background: #ffffff; padding: 30px 20px;  color: #333333; position: relative; padding-top: 130px;}
.pro-item-con a:hover{ color: #bd1a25; text-decoration: none;}
.pro-item-con a:hover .pro-item-img{ transform: scale(1.1);}

.pro-item-con a .pro-item-name { position: absolute; top: 60px;transition: 0.2s;}
.pro-item-con a:hover .pro-item-name { top: 40px;}
.pro-item-con a .pro-item-name h1{ font-size: 26px;transition: 0.2s;}
.pro-item-con a .pro-item-name span{ font-size: 14px;transition: 0.2s;}
.pro-item-con a:hover .pro-item-name h1{ font-size: 34px;font-weight: bold;}
.pro-item-con a:hover .pro-item-name span{ font-size: 24px; color:#333333;}

.pro-item-con a .pro-item-readmore { position: absolute; bottom: 20px; right:20px;transform: translateX(20px); opacity:0; transition: 0.2s;}
.pro-item-con a:hover .pro-item-readmore { opacity:1; color:#333333;transform: translateX(0px);}
.pro-item-con a .pro-item-readmore span { display: block; position:relative; padding-bottom: 5px;}
.pro-item-con a .pro-item-readmore span:after { content:""; width:100%; position:absolute; left: 0; bottom: 0;  border-bottom:3px solid #be1a25;}

.pro-item-img{ padding-top: 80px; padding-bottom: 80px;transition: 0.6s;}

.pc{ display: block;}
.mob{ display: none;}

.contain-title h1{ text-transform: uppercase;font-family: -webkit-pictograph;font-weight: bold;}
.banner-img-title h1{ text-transform: uppercase;font-family: -webkit-pictograph;font-weight: bold;}
@media (min-width: 959px){
	.contain-title h1{ font-size: 36px;line-height: 50px;}
	.intro-num-item h1{ font-size: 40px;}
	.intro-num-item{ font-size: 20px;}
	.intro-num-item h1 span{ font-size: 20px;}
	.history-item-year h1{ font-size: 36px;}
	
	.adv-tech-con-p{ font-size: 15px; line-height: 30px;}
	
	.banner-img-title h1{ font-size: 40px;}
	.banner-img-p{ font-size: 18px; line-height: 30px;}
	
	.panel-rec{ font-size: 16px;}
	
	.news-view-time{font-size: 46px;}
	
	.pro-view-ln-title h1{ font-size: 24px;}
	.pro-view-name-con h1{ font-size: 30px;}
}
@media (min-width: 1500px){
	.slide-hy-text{ max-width:900px;}
	.contain-title h1{ font-size: 50px; line-height:60px;}
	.news-title-h1 h1{ font-size: 40px;}
	.intro-num-item h1{ font-size: 60px;}
	.history-item-year h1{ font-size: 55px;}
	
	.adv-tech-con-p{ font-size: 22px; line-height: 40px;}
	
	.contact-detail-p{ font-size: 18px; line-height: 30px;}
	
	.contact-factory-conner{ font-size: 18px; line-height: 33px;}
	
	.banner-img-title h1{ font-size: 56px;}
	.banner-img-p{ font-size: 26px; line-height: 50px;}
	
	.rec-nav-list{ font-size: 18px;}
	
	.panel-rec{ font-size: 18px;}
	
	.news-view-time{font-size: 60px;}
	
	.news-conner{ font-size: 16px;}
	.pro-view-img-con{padding-right:460px;}
	.pro-view-ln-con { width:430px;}
	.pro-view-ln-detail{ font-size: 18px; line-height: 36px;}
	
	.pro-view-ln-title h1{ font-size: 36px;}
	.pro-view-name-con h1{ font-size: 36px;}
	
	.pro-view-more-title{ font-size: 28px;}
}

@media screen and (max-width: 1500px){
	
	.container-con{max-width: 1200px;}
	.about-intro-con{max-width: 1200px;}
	.about-intro-jj-p{height: 420px;}
	.service-adv-item-con .service-adv-title{ line-height:30px;}
	.about-production-conner{ width:60%; padding: 30px 5% 30px 30px;}
	.about-production-img{ width:40%;}
	.about-production-num{ margin-top:15px; margin-bottom:15px;}
	
	.adv-process-item-con h1{ font-size:20px; line-height: 26px; margin-bottom:20px;}
	.adv-process-item-con{ font-size:14px; line-height: 20px;}
	.adv-process-item-con{ }
	/*.adv-process-item-2 .adv-process-item-con{max-width: 290px;}
	.adv-process-item-3 .adv-process-item-con{max-width: 270px;}*/
	
	.pro-item-con a{padding: 20px 18px;padding-top: 100px;}
	.pro-item-con a .pro-item-name { top: 10%;}
.pro-item-con a:hover .pro-item-name { top: 6%;}
	.pro-item-con a:hover .pro-item-name h1{font-size: 30px;}
	.pro-item-con a:hover .pro-item-name span{font-size: 18px;}
	
	.panel-rec .panel-heading .rec-detail-name{ font-size:30px;}
	.slide-title h1{font-size:  50px;}
	.slide-hy-text{ font-size: 18px; line-height: 26px; max-width: 680px; }
	.slide-hy-txt{ line-height: 30px;}
	.slide-title > span {
    font-size: 18px;
}
	#banner-img{ height: 500px;}
	
	.banner-news{ height: 300px !important;}
	
.service-adv-mains{ width:400px; height: 249px;  padding: 20px 35px; font-size: 14px; top: 100px;}
.service-adv-name{font-size: 30px; margin-bottom: 20px;}

.service-adv-nav{ width: 800px; height: 399px;}
.service-adv-nav:before{ 
	content: "";
    height: 800px;
    width: 800px;
}
.service-adv-item:hover .service-adv-title,.service-adv-item.cur .service-adv-title{  left: -100px; top: -24px;}
.service-adv-item-con .service-adv-title{ font-size: 24px;  left: -130px; top: -30px;}
.service-adv-cir{ width: 26px; height: 26px; }
.service-adv-item-0 .service-adv-item-con .service-adv-title {
    left: -80px;
    top: -14px;
}
.service-adv-item-0 {  bottom: -10px;left: 50%; margin-left: 40px; }
.service-adv-item-0:hover .service-adv-item-con .service-adv-title,.service-adv-item-0.cur .service-adv-item-con .service-adv-title{bottom: -10px;left: 50%; margin-left: -83px; }

.service-adv-item-1{ bottom: 180px; left: 40px;}
.service-adv-item-1 .service-adv-item-con .service-adv-title{ width: 150px; left: -150px;}
.service-adv-item-1:hover .service-adv-item-con .service-adv-title,.service-adv-item-1.cur .service-adv-item-con .service-adv-title{ left: -150px; }

.service-adv-item-2{ bottom: 282px; left: 318px;}
.service-adv-item-3{ bottom: 64px; left: 299px}
.service-adv-item-4{ bottom: 138px; left: 507px;}
.service-adv-item-4 .service-adv-item-con .service-adv-title{ left: 30px;}
.service-adv-item-4:hover .service-adv-item-con .service-adv-title,.service-adv-item-4.cur .service-adv-item-con .service-adv-title{ left: 50px; }
.service-adv-item-5{ bottom: 322px; left: 600px}
.service-adv-item-5 .service-adv-item-con .service-adv-title{ left: 30px;}
.service-adv-item-5:hover .service-adv-item-con .service-adv-title,.service-adv-item-5.cur .service-adv-item-con .service-adv-title{ left: 40px; }
	
}
@media screen and (max-width: 1200px){
	#banner-img{ height: 450px;}
	
	.banner-img-conner{ padding-top: 100px;}
	.banner-img-title h1{ font-size: 36px;}
	.banner-img-p{ font-size: 18px; line-height: 30px;}
	
	
	.about-intro-jj-con {padding-top: 0;}
	.about-intro-jj-p { font-size: 14px; margin-top: 30px; height: 400px;}
	.about-intro-jj-p-con { line-height: 30px;}
	.foot-2-l{ float: none; width: 100%; text-align: center;}
	.foot-2-r{ float: none; width: 100%; text-align: center;}
	
	.case-item{ width: 50%; float: left; padding: 2px;}
	
	.clear1{ display:none;}
	.clear2{ display:block;}

	.service-conner{ padding-right: 400px;}
	.service-con-contact{right: 0; top: 76px; width: 352px;}
	
	.contact-detail-l{float: none; width: 100%;}
.contact-detail-r{float: none; width: 100%; margin-top: 30px; }
	
	
	
	.jion-contact{ margin-top: 20px;}
	
	.pro-view-img-con{ position: relative; width: 100%; padding-right: 0px;}
.pro-view-conner{ }
.pro-view-ln{ position: relative; right: 0; top: 15px;}
	
	.pro-view-ln-con{ width: 100%; min-height: 150px; height: auto;}
	.pro-view-ln-detail{ padding-bottom: 80px; min-height: 150px;}
}
@media screen and (max-width: 959px){
	.swiper-slide-video{background: url(../images/video-bg.jpg) no-repeat; background-size: cover; z-index: -1;}
	.slide-video{ display: none;}
	.hy-list .item .item-text .item-text-icon {
    height: 60px;

}
	.hy-list .item .item-text .item-text-icon img{
		height: 100%; width: auto;
	}
	.hy-list .item .item-text{ font-size: 16px;}
	
	#banner-img{ min-height: 360px;}
	
	.about-intro{ padding-top: 30px;}
	
	.about-intro-jj-con{ width: 100%; float: none;}
	.about-intro-jj-img{ width: 100%; float: none; margin-top: 20px;}
	
	.about-intro-num{ margin-top: 30px;}
	.intro-num-item{ font-size: 16px; width: 50%; float: left; padding: 20px;}
	.intro-num-item h1 span{ font-size: 16px;}
	
	.about-adv-item{ width: 50%; display: inline-block;}
	
	.about-adv{ margin-top: 30px;}
	
	.history-item-img{ width: 100%; float: none;}
	.history-item-p{ width: 100%; float: none;}
	
	.about-history{ margin-top: 30px;}
	
	.about-factory{ margin-top: 30px;}
	
	.about-history-title{ padding-left: 0;}
	.about-production-conner{ padding: 0;}
	
	.about-production-conner{ width: 100%; float: none;}
	.about-production-img{ width: 100%; float: none; margin-top: 30px;}
	
	.foot-nav{ width: 50%; float: left; display: none;}
	.foot-contact{ width: 100%; float: none; margin-left: 0; text-align: center;}
	.foot-ewm{ width: 100%; float: none; margin-left: 0; text-align: center; margin-top: 26px;}
	
	.contain-case{ margin-top: 30px; margin-bottom: 30px;}
	
	.contain-service{ margin-top: 30px;}
	
	.service-conner{ padding-right: 0;}
	.service-con-contact{ position: relative; top: 0; margin-top: 60px; width: 100%; text-align: center;}
	
	.pc{ display: none;}
	.mob{ display: block;}
	
	.service-adv-control{ position: relative; margin-top: 20px;}
	.service-adv-control .service-adv-button{ float: right;}
	
	.contain-adv{ margin-top: 30px;}
	
	.adv-tech-con-title-l{ left: 0; height: 100%; width: 100%; position: relative;}
	.adv-tech-con-title-l .adv-tech-title{  margin-bottom: 20px;}
.adv-tech-con-title-l .adv-tech-con-title-l-img{ position: relative; bottom: 0;}
.adv-tech-con-title-r{ width: 100%; float: none; margin-top: 20px;}
	
	.adv-factory{ margin-top: 30px; padding-top: 80px; padding-bottom: 80px;}
	
	.adv-zhizao{ margin-top: 30px;}
	
	.adv-process{ margin-top: 30px;}
	
	.adv-process-item{ width: 50%;}
	
	.adv-honor{ margin-top: 30px;}
	
	.contain-contact{ margin-top: 30px;}
	
	.jion-con-img-l{ width: 100%; float: none; padding: 15px; margin-top: 20px;}
	.jion-con-img-r{ width: 100%; float: none; padding: 15px; margin-top: 20px;}
	.jion-contact{ float: none; text-align: left;}
	
	.rec-list-text{ width: 47%; margin-right: 2%;}
	
	.rec-detail{ margin-top: 30px;}
	.rec-list-title{ width: 100px;}
	
	.panel-rec .panel-heading .rec-detail-name{ font-size: 26px; }
	.panel-rec .panel-heading{ padding-right: 120px;}
	.panel-rec .panel-body{ padding-right: 120px;}
	.panel-rec .panel-control a{ width: 100px;}
	
	.contain-news-bg{ display: none; }
	.news-con{ padding-top: 30px;}
	.news-list{ width: 100%;}
	.news-view-con{ padding-top: 30px; padding-bottom: 30px;}
	.news-right{ padding-top: 30px; padding-bottom: 30px;}
	.news-title-h1{position: relative;right: 15px; text-align:right;}
	.news-conner{ display: block; width: 100%;}
	.news-view-con{ display: block; padding-top: 30px; width: 100%; background: #ffffff; padding-right: 0;}
	.news-right{ display: block; padding-top: 30px; width: 100%; background: #f4f4f4; padding-left: 15px; padding-right: 15px;}
	
	.news-view-next-item a{ display:table; width: 100%;}
	.news-view-next-item a .news-item-img{ display: table-cell; width: 300px;}
	.news-view-next-item a .news-item-conner{ display: table-cell; width: calc(100%-300px);vertical-align: top; padding-left: 15px;}
	
	.pro-view-conner{ padding-left: 0;}
	.pro-imgb{ min-height: none;}
}
@media screen and (max-width: 768px){
	#banner-img{ margin-top: 70px;}
}
@media screen and (max-width: 680px){
	.hy-list .item .item-text .item-text-icon {
    height: 30px;

}
	.hy-list .item .item-text .item-text-icon img{
		height: 100%; width: auto;
	}
	.hy-list .item .item-text{ font-size: 14px;}
	
	.case-item{ width: 100%; float: none;}
	.clear1{ display:none;}
	.clear2{ display:none;}
	.adv-process-item{ width: 100%; float: left;}
	
	.rec-list-text{ width: 100%; margin-right: 0; margin-bottom: 15px;}
	
	
		.news-view-next-item a{ display:block; width: 100%;}
	.news-view-next-item a .news-item-img{ display: block; width: 100%;}
	.news-view-next-item a .news-item-conner{ display: block; width: 100%; padding-left: 0px;}
}
@media screen and (max-width: 440px){
	.hy-list .item .item-text .item-text-icon{ display: block; text-align: center; margin-right: 0;}
	.hy-list .item .item-text .item-text-name{ display: block; text-align: center;}
	
	
	
}