/*首页banner*/
@keyframes sldie{
0%{width:0%}
100%{width:100%}
}
.banner{ width:100%; overflow:hidden; position:relative; height:calc( 100vh )}
.banner .swiper-slide{ background-position:center; background-repeat:no-repeat; background-size:cover}
.banner .swiper-slide a{ width:100%; height:100%; display:block; overflow:hidden}
.banner .swiper-container{ height:100%}
.banner .swiper-button-prev{ width:22px; height:22px; background:url(../image/icon-5.png) no-repeat center; left:20px}
.banner .swiper-button-next{ width:22px; height:22px; background:url(../image/icon-6.png) no-repeat center; right:20px}
.banner .swiper-slide {display: -webkit-box;display: -ms-flexbox;display: -webkit-flex;display: flex;-webkit-box-pack: center;-ms-flex-pack: center;-webkit-justify-content: center;justify-content: center;-webkit-box-align: center;-ms-flex-align: center;-webkit-align-items: center;align-items: center;}
.banner .swiper-pagination-custom{ bottom:60px}
.banner .swiper-dot{ width:32px; height:2px; background:rgba(255,255,255,0.6); display:inline-block; margin:0px 5px; position:relative; margin-top:2px}
.banner .swiper-dot:before{ width:0%; height:100%; position:absolute;left:0px;top:0px; z-index:12; background:#b31b34; content:""}
.banner .swiper-active{ height:4px; margin:0px 5px}
.banner .swiper-active:before{animation:sldie 7s linear;  }
.banner .swiper-stop{ width:12px; height:18px; background:#333; display:inline-block; cursor:pointer; background:url(../image/icon-120.png) no-repeat center; margin-left:8px; position:relative;top:8px}
.banner .swiper-start{ background:url(../image/icon-121.png) no-repeat center}
.banner .stopanimate:before{animation-play-state:paused;-webkit-animation-play-state:paused;}
.banner .startanimate:before{animation-play-state:runing;-webkit-animation-play-state:runing;}

.banner .banner-wz{ width:75%; text-align:left;}
.banner .banner-wz span{ float:left; width:100%; overflow:hidden}
.banner .banner-wz p{float:left; width:100%; margin-top:80px}
.banner .banner-wz p a{ float:left; width:180px; height:48px; line-height:48px; text-align:center;  background:#b82531; font-size:16px; color:#fff;transition:all 0.5s ease}
.banner .banner-wz p a:hover{transform:translateY(5px)}


/*关于我们*/
.content-about{ width:1470px; margin:0px auto; overflow:hidden; padding:120px 0px 190px; position:relative}
.about-left{ float:left; width:100%; overflow:hidden}
.about-left h3{ float:left; width:100%; overflow:hidden; font-size:48px; color:#030000; font-weight:bold}
.about-info{ float:left; width:100%; overflow:hidden; font-size:20px; color:#808080; margin-top:20px; position:relative; padding-bottom:29px}
.about-info::after{ width:24px; height:4px; position:absolute;left:0px;bottom:0px; z-index:12; content:""; background:#b31b34}
.about-des{ float:left; width:664px; overflow:hidden; font-size:16px; color:#808080; line-height:31px;}
.about-des p{ padding:16px 0px}
.about-right{ width:748px; overflow:hidden; position:relative; background:url(../image/bg-5.jpg) no-repeat right center; position:absolute;right:0px;top:120px}
.about-pic{ float:left; width:720px; overflow:hidden; cursor:pointer; position:relative}
.about-pic img{ width:100%; height:auto;transition:all 0.5s ease-out}
.about-pic:hover img{transform:scale(1.1)}
.about-pic span{ width:100%;height:100%;overflow:hidden;position:absolute;left:0px;top:0px; z-index:12; background:url(../image/icon-100.svg) no-repeat center; background-size:60px;opacity:0.7;transition:all 0.5s ease}
.about-pic:hover span{opacity:1}
.about-more{ float:left; width:100%; overflow:hidden; margin-top:12px}
.about-more a{ font-size:14px; color:#666;transition:all 0.4s ease}
.about-more a:hover{ color:#b31b34}

.about-list{ float:left; width:100%; overflow:hidden; margin-top:137px; height:199px;color:#030000; cursor:pointer}
.about-item1{ float:left; width:33.33%; overflow:hidden; background:url(../image/icon-25.png) no-repeat right center; height:100%;}
.about-item1 a{ width:100%; display:block; background:url(../image/icon-9.png) no-repeat center top; height:100%; float:left;transition:all 1.4s ease}
.about-item1 h4{ width:160px; margin:25px auto 0px; overflow:hidden; background:url(../image/icon-12.png) no-repeat 100% 28%; padding-left:46px;transition:all 0.4s ease-out}
.about-item1 h4 span{ font-size:90px;  font-family:Neutra;transition:all 0.4s ease-out}
.about-item1 h4 samp{ font-size:24px; margin-left:10px;transition:all 0.4s ease-out}
.about-item1 p{ width:160px; overflow:hidden; margin:0px auto; font-size:24px; color:#808080; margin-top:12px;padding-left:46px}
.about-item1:hover a {transform:rotateY(360deg)}

.about-item2{ float:left; width:33.33%; overflow:hidden; background:url(../image/icon-25.png) no-repeat right center; height:100%;}
.about-item2 a{ width:100%; display:block; background:url(../image/icon-10.png) no-repeat center top; height:100%; float:left;transition:all 1.4s ease}
.about-item2 h4{ width:280px; margin:25px auto 0px; overflow:hidden; background:url(../image/icon-12.png) no-repeat right 30%; padding-left:46px;transition:all 0.4s ease-out}
.about-item2 h4 span{ font-size:90px;  font-family:Neutra;transition:all 0.4s ease-out}
.about-item2 h4 samp{ font-size:24px; margin-left:10px;transition:all 0.4s ease-out}
.about-item2 p{ width:280px; overflow:hidden; margin:0px auto; font-size:24px; color:#808080; margin-top:12px;padding-left:46px}
.about-item2:hover a{transform:rotateY(360deg)}

.about-item3{ float:left; width:33.33%; overflow:hidden; height:100%;}
.about-item3 a{ width:100%; display:block; background:url(../image/icon-11.png) no-repeat center top; height:100%; float:left;transition:all 1.4s ease}
.about-item3 h4{ width:240px; margin:25px auto 0px; overflow:hidden; background:url(../image/icon-12.png) no-repeat 40% 30%;transition:all 0.4s ease-out}
.about-item3 h4 span{ font-size:90px;  font-family:Neutra;transition:all 0.4s ease-out}
.about-item3 h4 samp{ font-size:24px; margin-left:10px;transition:all 0.4s ease-out}
.about-item3 p{ width:240px; overflow:hidden; margin:0px auto; font-size:24px; color:#808080; margin-top:12px;}
.about-item3:hover a{transform:rotateY(360deg)}

.about-item1 a:hover h4 {background:url(../image/icon-13.png) no-repeat 80% 28% }
.about-item2 a:hover h4 {background:url(../image/icon-13.png) no-repeat right 30% }
.about-item3 a:hover h4 {background:url(../image/icon-13.png) no-repeat 40% 30% }
.about-list a:hover h4 span,.about-list a:hover h4 samp{ color:#b31b34;}

.about-video{ width:100%; height:100%; overflow:hidden; position:fixed;left:0px;top:0px; z-index:432900; background:rgba(0,0,0,0.6);transition:all 0.5s ease;opacity:0; visibility:hidden}
.about-video-content{ width:56%; position:absolute;left:50%;top:50%;transform:translate(-50%,-50%)}
.about-video-content video{ width:100%; height:auto}
.about-video-close{ width:30px; height:30px; position:absolute;right:-15px;top:-15px; background:#fff url(../image/icon-95.png) no-repeat center;border-radius:50%; cursor:pointer;transition:all 0.5s ease}
.about-video-close:hover{transform:rotate(180deg)}
.about-video-active{opacity:1; visibility:visible}
/*核心技术*/
@keyframes kuosan{
0%{ width:90px; height:90px;left:15px;top:15px;}
56%{width:120px; height:120px;left:0px;top:0px;opacity:1}
100%{width:120px; height:120px;left:0px;top:0px;opacity:0}
}

.content-core{ width:100%; overflow:hidden; height:1080px; position:relative}
.content-pic{ width:100%; position:absolute;left:0px;top:0px; height:100%; z-index:2}
.core-bg{ width:100%; height:100%; overflow:hidden; position:absolute;left:0px;top:0px; z-index:3;opacity:0;transition:all 0.6s ease}
.content-pic .ztop{opacity:1;}

.core-main{ width:1440px; overflow:hidden; position:absolute;left:50%;top:120px; z-index:12345; margin-left:-720px}
.core-main h3{ float:left; width:100%; overflow:hidden; font-size:48px; font-weight:bold; color:#fff}
.core-main ul{ float:left; width:700px; overflow:hidden; margin-top:100px}
.core-main ul li{ float:left; width:100%; cursor:pointer;transition:all 0.3s ease-out}
.core-main ul li .core-item{ float:right; display:inline; width:540px; margin-left:30px;transition:all 0.3s ease-out}
.core-main ul li .core-item span{ float:left; width:100%; overflow:hidden; font-size:24px; color:#585858; margin-top:2px;transition:all 0.3s ease-out}
.core-main ul li .core-item p{ float:left; width:100%; overflow:hidden; font-size:16px; color:#fff; line-height:32px; height:0px; margin-top:20px;transition:all 0.6s ease-out;opacity:0}
.core-main ul li .core-item em{float:left; width:120px; height:0px; border:1px #fff solid; line-height:36px; text-align:center; font-size:14px; color:#fff;transition:all 0.4s ease;margin-top:0px;opacity:0}
.core-main ul .core-icon{ float:left; width:0px; height:0px; position:relative;transition:all 0.8s ease-out;opacity:0}
.core-main ul .core-icon span{ width:90px; height:90px; border-radius:50%; position:absolute;left:15px;top:15px; z-index:20;opacity:0;transition:all 0.8s ease-out}
.core-main ul .icon1 span{ background:#b31b34 url(../image/icon-15.png) no-repeat center; background-size:30%;opacity:0;transition:all 0.5s ease-out}
.core-main ul .icon2 span{ background:#b31b34 url(../image/icon-20210827-1.png) no-repeat center;background-size:30%;opacity:0;transition:all 0.5s ease-out}
.core-main ul .icon3 span{ background:#b31b34 url(../image/icon-20210827-2.png) no-repeat center;background-size:30%;opacity:0;transition:all 0.5s ease-out}
.core-main ul .icon4 span{ background:#b31b34 url(../image/icon-20210827-3.png) no-repeat center;background-size:30%;opacity:0;transition:all 0.5s ease-out}
.core-main ul .core-icon samp{ width:90px; height:90px; border-radius:50%; position:absolute;left:15px;top:15px; z-index:10; background:rgba(179,27,52,0.3);opacity:0;animation:kuosan 3s ease-out 0s infinite;}
.core-main ul .core-icon em{ width:90px; height:90px; border-radius:50%; position:absolute;left:15px;top:15px; z-index:10; background:rgba(179,27,52,0.3);opacity:0;animation:kuosan 3s ease-out 1.5s infinite;}
.core-main ul .active{ padding-bottom:26px}
.core-main ul .active .core-icon{ width:120px; height:120px;opacity:1}
.core-main ul .active .core-icon span,.core-main ul .active .core-icon samp,.core-main ul .active .core-icon em{opacity:1}
.core-main ul .active .icon1 span,.core-main ul .active .icon2 span,.core-main ul .active .icon3 span,.core-main ul .active .icon4 span{ opacity:1; background-size:40%}
.core-main ul .active .core-item span{ color:#fff}
.core-main ul .active .core-item p{ height:64px;opacity:1}
.core-main ul .active .core-item em{ height:36px;opacity:1;margin-top:10px}
.core-main ul .active .core-item em:hover{transform:translateY(3px)}

.core-control{width:1440px; position: absolute;left:50%;margin-left:-720px;bottom:210px; z-index:2345;}
.core-button{ float:left; width:auto; overflow:hidden;}
.core-button .button-pre{ float:left; width:60px; height:60px; background:url(../image/icon-16.png) no-repeat; cursor:pointer}
.core-button .button-next{ float:left; width:60px; height:60px; background:url(../image/icon-17.png) no-repeat; display:inline; margin-left:10px; cursor:pointer}
.core-button .button-pre.button-disabled{ background:url(../image/icon-18.png) no-repeat center}
.core-button .button-next.button-disabled{ background:url(../image/icon-19.png) no-repeat center}
.core-more{ float:right; width:auto; overflow:hidden}
.core-more a{ width:196px; height:50px; display:block; border:2px #fff solid; line-height:50px; text-align:center; font-size:18px; color:#fff;transition:all 0.4s ease}
.core-more a:hover{ background:#fff; color:#b31b34}
.core-bottom{ width:80%; height:120px; background:#fff; position:absolute;left:0px;bottom:0px; z-index:12345}


/*产品中心*/
.content-product{ width:100%; overflow:hidden; background:#f5f5f5; padding:120px 0px 140px}
.product{ width:1440px; margin:0px auto}
.product h3{ float:left; width:100%; overflow:hidden; font-size:48px; font-weight:bold; color:#030000}
.pro-info{ float:left; width:100%; overflow:hidden; font-size:20px; color:#808080; margin-top:18px}
.product ul{ float:left; width:100%; background:#fff;box-shadow:0px 0px 12px 4px rgba(0,0,0,0.01); margin-top:38px}
.product ul li{ float:left; width:50%; overflow:hidden; position:relative}
.product ul li:nth-child(2),.product ul li:nth-child(3){ background:#fafafa}
.pro-pic,.pro-pic img{ float:left; width:100%; overflow:hidden; height:auto}
.pro-name{ width:100%; overflow:hidden; position:absolute;left:0px;bottom:0px; z-index:12; text-align:center; line-height:100px; font-size:24px; color:#000}
.pro-item{ width:100%; height:100%; position:absolute;left:0px;top:0px; z-index:1234; background:rgba(3,0,0,0.75);opacity:0;transition:all 0.4s ease}
.pro-item h3{ float:left; width:100%; overflow:hidden; text-align:center; font-size:32px; color:#fff; height:100px; line-height:100px; font-weight:normal; margin-top:20px; position:relative;transition:all 0.4s ease-out}
.pro-item h3:after{ width:48px; height:2px; background:#fff; position:absolute;left:50%;bottom:0px; z-index:12;margin-left:-24px; content:""}
.pro-item p{ float:left; width:100%; overflow:hidden; text-align:center; line-height:30px;height:90px; font-size:16px; color:#fff; padding:0px 106px;box-sizing:border-box; margin-top:26px}
.pro-item samp{ float:left; width:100%; overflow:hidden; text-align:center; height:30px; background: url(../image/icon-26.png) no-repeat center; margin-top:18px}
.product .active{opacity:1}
.product .active h3{ margin-top:36px}

/*合作*/
.content-hz{ width:100%; margin:0px; position:relative}
.hz-top{ width:100%; overflow:hidden; background:url(../image/bg-2.jpg) no-repeat fixed; height:620px}
.hz-main{ width:1440px; overflow:hidden; margin:116px auto 0px}
.hz-main h3{ float:left; width:100%; overflow:hidden; font-size:48px; color:#030000; font-weight:bold}
.hz-main p{ float:left; width:100%; overflow:hidden; font-size:20px; color:#808080; margin-top:15px}
.hz-bottom{ width:100%; position:absolute;left:0px;bottom:-180px; z-index:1234}
.hz-ct{width:1440px; margin:0px auto; background:url(../image/bg-3.jpg) no-repeat top center;background-size:100%; padding:57px 120px;box-shadow:0px 0px 12px 5px rgba(0,0,0,0.02)}
.hz-ct ul{ float:left; width:100%;border-left:1px #e6e6e6 solid;border-top:1px #e6e6e6 solid}
.hz-ct ul li{ float:left; width:25%;border-bottom:1px #e6e6e6 solid;border-right:1px #e6e6e6 solid; cursor:pointer; position:relative}
.hz-ct ul li img{ width:100%; height:auto;transition:all 0.4s ease-out}
.hz-ct ul li a:hover img{box-shadow:0px 0px 12px 4px rgba(186,19,46,0.2);}
.hz-ct ul li a:hover span{ width:100%; height:100%; position:absolute;left:0px;top:0px; z-index:12;border:1px #ba132e solid}

/*新闻*/
.news{ width:100%; height:900px; overflow:hidden; background:url(../image/bg-4.jpg) no-repeat; height:1320px}
.news-head{ width:1440px; overflow:hidden; margin:296px auto 0px}
.news-left{ float:left; width:60%; overflow:hidden}
.news-left h3{ float:left; width:100%; overflow:hidden; font-size:48px; font-weight:bold; color:#fff}
.news-left p{ float:left; width:100%; overflow:hidden; font-size:20px; color:#fff; margin-top:20px}
.news-more{ float:right; width:auto;}
.news-more a{ width:198px; height:50px; line-height:50px; text-align:center;border:2px #fff solid; display:block; font-size:18px; color:#fff}
.news-more a:hover{ background:#fff; color:#ba132e}
.news-list{ width:1440px;  margin:60px auto 0px}
.news-item{ float:left; width:464px; overflow:hidden; margin-right:24px}
.news-pic,.news-pic img{ float:left; width:100%; overflow:hidden; height:auto;transition:all 0.4s ease-out}
.news-pic,.news-pic img:hover{transform:scale(1.1)}
.news-item span{ float:left; width:100%; overflow:hidden;box-sizing:border-box; padding:0px 20px; font-size:24px; color:#fff; line-height:32px; height:64px; margin-top:35px}
.news-item p{ float:left; width:100%; overflow:hidden;box-sizing:border-box; padding:0px 20px; font-size:18px; color:#fff; line-height:32px; margin-top:8px}
.news-item:last-child{ margin:0px}

/*fangan*/
.fang{ width:100%; overflow:hidden; background:#fff url(../image/bg-1.png) no-repeat bottom center; height:937px}
.fang-head{ width:1440px; overflow:hidden; margin:0px auto}
.fang-head h3{ float:left; width:100%; overflow:hidden; font-size:48px; font-weight:bold; color:#030000}
.fang-head p{ float:left; width:100%; overflow:hidden; font-size:20px; color:#808080; margin-top:17px}

.fang-content{ width:1440px;margin:36px auto 0px; position:relative}
.fang-cont1{ float:left; width:960px; overflow:hidden; cursor:pointer}
.fang-cont1 img{ width:100%; height:auto;transition:all 0.4s ease-out}
.fang-cont1 img:hover{transform:scale(1.1)}
.fang-cont2{ width:720px; height:464px; overflow:hidden; position:absolute;right:0px; bottom:-30px; z-index:23; background:url(../image/bg-1.jpg) no-repeat; box-shadow:0px 0px 12px 4px rgba(179,27,52,0.3); padding:0px 120px}
.fang-main{ width:100%; overflow:hidden; margin-top:118px;}
.fang-main h3{ float:left; width:100%; overflow:hidden; font-size:24px; color:#fff}
.fang-info{ float:left; width:100%; overflow:hidden; font-size:16px; line-height:32px; color:#fff;  margin-top:16px}
.fang-main .fang-icon{ float:left; width:24px; height:24px; background:url(../image/icon-20.png) no-repeat center; margin-top:30px}

.fang-cont2 .swiper-pagination-custom{ bottom:50px;padding:0px 120px}
.fang-cont2 .swipers-dot{ width:25%; float:left; overflow:hidden; cursor:pointer}
.fang-cont2 .swipers-dot span{ float:left; width:100%; height:2px; background:rgba(255,255,255,0.2); overflow:hidden; position:relative}
.fang-cont2 .swipers-dot samp{ float:left; width:100%; font-size:12px; color:rgba(255,255,255,0.6);font-family:'dinpro'; font-style:italic; text-align:left; margin-top:10px}
.fang-cont2 .swipers-dot span:before{ width:0%; height:100%; position:absolute;left:0px;top:0px; z-index:12;background:rgba(255,255,255,1);content:""}
.fang-cont2 .swipers-active span:before{animation:sldie 12s linear;  }
.fang-cont2 .swipers-active samp{color:rgba(255,255,255,1)}


@media screen and (max-width:1660px){
.banner .banner-wz span img{ width:400px; height:auto}
.banner .swiper-slide:last-child .banner-wz span img{ width:72%}
.banner .banner-wz p{ margin-top:78px}
.banner .banner-wz p a{width:170px; height:46px; line-height:46px;font-size:15px; }

	
/*关于我们*/
.content-about{ width:1300px;padding:110px 0px 150px}
.about-left h3{font-size:44px; }
.about-des{ width:45%}
.about-des p{ padding:10px 0px}
.about-right{ width:52%;background-size: auto 80%; padding-right:20px}
.about-pic{ width:100%; }

.about-list{ margin-top:100px; height:180px;}
.about-item1 a{ background-size:50%}
.about-item1 h4 span,.about-item2 h4 span,.about-item3 h4 span{ font-size:86px;  }
.about-item1 h4 samp,.about-item2 h4 samp,.about-item3 h4 samp{ font-size:22px;}
.about-item1 p,.about-item2 p,.about-item3 p{font-size:22px; }
.about-item2 a{ background-size:40%}
.about-item3 a{background-size:30%}

/*核心技术*/
.content-core{ height:900px;}
.content-pic{ background-size:1660px}
.core-main{ width:1300px; left:50%;top:100px; margin-left:-650px}
.core-main h3{font-size:44px; }
.core-control{width:1300px; margin-left:-650px;bottom:190px;}
.core-more a{ width:180px;}
.core-bottom{  height:100px;}

/*fangan*/
.fang{ background-size:1760px;height:900px}
.fang-head{ width:1300px;}
.fang-head h3{font-size:44px;}
.fang-head p{ font-size:20px; margin-top:17px}

.fang-content{ width:1300px;margin:36px auto 0px;}
.fang-cont1{ width:960px; }

.fang-cont2{ width:720px; height:464px;  bottom:-30px; padding:0px 120px}
.fang-main{ margin-top:118px;}
.fang-main h3{ font-size:24px; }
.fang-info{  font-size:16px; margin-top:16px}


/*产品中心*/
.content-product{ padding:110px 0px 120px}
.product{ width:1300px; }
.product h3{  font-size:44px;}
.pro-info{ font-size:20px;margin-top:18px}
.product ul{  margin-top:36px}
.pro-name{ line-height:80px; font-size:22px;}
.pro-item h3{ font-size:30px; height:80px; line-height:80px;margin-top:20px;}


/*合作*/
.hz-top{ background-size:1660px; height:580px}
.hz-main{ width:1300px;  margin:100px auto 0px}
.hz-main h3{font-size:44px;}
.hz-main p{ font-size:20px; margin-top:15px}
.hz-bottom{bottom:-140px;}
.hz-ct{width:1300px;padding:57px 100px;}

/*新闻*/
.news{ height:1220px}
.news-head{ width:1300px;  margin:276px auto 0px}
.news-left h3{font-size:44px;}
.news-left p{ font-size:20px; margin-top:20px}
.news-list{ width:1300px;  margin:50px auto 0px}
.news-item{width:420px; margin-right:20px}
.news-item span{  padding:0px 20px; font-size:22px; line-height:32px; height:64px; margin-top:30px}
.news-item p{ padding:0px 20px; font-size:18px; line-height:32px; margin-top:8px}


}


@media screen and (max-width:1440px){
.banner .banner-wz span img{ width:340px; height:auto}
.banner .swiper-slide:last-child .banner-wz span img{ width:70%}
.banner .banner-wz p{ margin-top:70px}
.banner .banner-wz p a{width:160px; height:42px; line-height:42px;font-size:14px; }
	
/*关于我们*/
.content-about{ width:1100px;padding:100px 0px 140px}
.about-left h3{font-size:40px; }
.about-info{ font-size:18px; margin-top:15px; padding-bottom:20px}
.about-des{ width:45%; font-size:14px}
.about-des p{ padding:7px 0px}
.about-right{ width:52%;top:140px}

.about-list{ margin-top:80px;}
.about-item1 h4 span,.about-item2 h4 span,.about-item3 h4 span{ font-size:80px;  }
.about-item1 h4 samp,.about-item2 h4 samp,.about-item3 h4 samp{ font-size:20px;}
.about-item1 p,.about-item2 p,.about-item3 p{font-size:20px; }

/*核心技术*/
.content-core{ height:900px;}
.core-main h3{font-size:40px; }
.content-pic{ background-size:1440px}
.core-main{ width:1100px; left:50%;top:90px; margin-left:-550px}
.core-control{width:1100px; margin-left:-550px;bottom:190px;}

/*fangan*/
.fang{ background-size:1560px;height:800px}
.fang-head{ width:1100px;}
.fang-head h3{font-size:40px;}
.fang-head p{ font-size:18px; margin-top:14px}

.fang-content{ width:1100px;margin:32px auto 0px;}
.fang-cont1{ width:820px; }

.fang-cont2{ width:600px; height:364px;  bottom:-20px; padding:0px 60px}
.fang-main{ margin-top:50px;}
.fang-main h3{ font-size:22px; }
.fang-info{  font-size:16px; margin-top:16px}
.fang-main .fang-icon{ margin-top:20px}
.fang-cont2 .swiper-pagination-custom{ bottom:30px;padding:0px 60px}

/*产品中心*/
.content-product{ padding:100px 0px 110px}
.product{ width:1100px; }
.product h3{  font-size:40px;}
.pro-info{ font-size:20px;margin-top:18px}
.product ul{  margin-top:32px}
.pro-name{ line-height:70px; font-size:20px;}
.pro-item h3{ font-size:28px; height:60px; line-height:60px;margin-top:10px;}
.pro-item h3:after{ width:48px; height:2px; margin-left:-24px; }
.pro-item p{ line-height:28px; font-size:14px;  padding:0px 96px; height:84px; margin-top:22px}
.pro-item samp{  height:30px; margin-top:18px}
.product .active h3{ margin-top:36px}

/*合作*/
.hz-top{ background-size:1440px; height:500px}
.hz-main{ width:1100px;  margin:90px auto 0px}
.hz-main h3{font-size:40px;}
.hz-main p{ font-size:18px; margin-top:12px}
.hz-bottom{bottom:-100px;}
.hz-ct{width:1100px;padding:39px 80px;}

/*新闻*/
.news{ height:1000px; background-size:1540px}
.news-head{ width:1100px;  margin:200px auto 0px}
.news-left h3{font-size:40px;}
.news-left p{ font-size:20px; margin-top:20px}
.news-more a{ width:170px; height:44px; line-height:44px; font-size:18px;}
.news-list{ width:1100px;  margin:30px auto 0px}
.news-item{width:353px; margin-right:20px}
.news-item span{  padding:0px 20px; font-size:20px; line-height:30px; height:60px; margin-top:20px}
.news-item p{ padding:0px 20px; font-size:18px; line-height:32px; margin-top:8px}

}


@media screen and (max-width:1366px){
.banner .banner-wz span img{ width:320px; }
.banner .swiper-slide:last-child .banner-wz span img{ width:66%}
.banner .banner-wz p{ margin-top:68px}
.banner .banner-wz p a{width:156px; height:40px; line-height:40px;font-size:13px; }
	
/*关于我们*/
.content-about{ width:1000px;padding:90px 0px 110px}
.about-left h3{font-size:36px; }
.about-info{ font-size:16px; }
.about-des{ width:45%;}
.about-des p{ padding:7px 0px}
.about-right{ width:54%;}
.about-pic{ padding:0px}

.about-list{ margin-top:60px;}
.about-item1 h4 span,.about-item2 h4 span,.about-item3 h4 span{ font-size:70px;  }
.about-item1 h4 samp,.about-item2 h4 samp,.about-item3 h4 samp,.about-item1 p,.about-item2 p,.about-item3 p{ font-size:18px;}
.about-item2 h4{ width:220px;  padding-left:30px;}
.about-item2 p{ width:220px; padding-left:30px}

/*核心技术*/
.content-core{ height:870px;}
.content-pic{ background-size:1366px}
.core-main{ width:1000px; left:50%;top:80px; margin-left:-500px}
.core-main h3{font-size:36px; }
.core-control{width:1000px; margin-left:-500px;bottom:190px;}	

/*fangan*/
.fang{ background-size:1400px;height:720px}
.fang-head{ width:1000px;}
.fang-head h3{font-size:36px;}
.fang-head p{ font-size:18px; margin-top:14px}

.fang-content{ width:1000px;margin:32px auto 0px;}
.fang-cont1{ width:720px; }

.fang-cont2{ width:500px; height:304px;  bottom:-20px; padding:0px 50px}
.fang-main{ margin-top:40px;}
.fang-main h3{ font-size:20px; }
.fang-info{  font-size:14px;  margin-top:16px}
.fang-main .fang-icon{ margin-top:20px}
.fang-cont2 .swiper-pagination-custom{ bottom:30px;padding:0px 50px}

/*产品中心*/
.content-product{ padding:90px 0px 100px}
.product{ width:1000px; }
.product h3{  font-size:36px;}
.pro-info{ font-size:18px;margin-top:14px}
.product ul{  margin-top:30px}
.pro-name{ line-height:50px; font-size:18px;}
.pro-item h3{ font-size:24px; height:50px; line-height:50px;margin-top:10px;}

/*合作*/
.hz-top{ background-size:1370px; height:500px}
.hz-main{ width:1000px;  margin:80px auto 0px}
.hz-main h3{font-size:36px;}
.hz-main p{ font-size:18px; margin-top:12px}
.hz-bottom{bottom:-90px;}
.hz-ct{width:1000px;padding:47px; background-size:cover}

/*新闻*/
.news{ height:900px; background-size:1400px}
.news-head{ width:1000px;  margin:180px auto 0px}
.news-left h3{font-size:36px;}
.news-left p{ font-size:18px; margin-top:17px}
.news-more a{ width:150px; height:40px; line-height:40px; font-size:16px;}
.news-list{ width:1000px;  margin:20px auto 0px}
.news-item{width:320px; margin-right:20px}
.news-item span{  padding:0px 10px; font-size:18px; line-height:30px; height:60px; margin-top:20px}
.news-item p{ padding:0px 10px; font-size:16px; line-height:30px; margin-top:8px}


}

@media screen and (max-width:1200px){
.banner .banner-wz span img{ width:28%; }
.banner .swiper-slide:last-child .banner-wz span img{ width:54%}
.banner .banner-wz p{ margin-top:62px}
.banner .banner-wz p a{width:152px; height:38px; line-height:38px; }
	
/*关于我们*/
.content-about{ width:900px;padding:80px 0px 100px}
.about-left h3{font-size:32px; }
.about-info{ font-size:16px; }
.about-des{ width:100%; font-size:14px}
.about-right{ float:left; width:60%; position:static;top:0px; margin-top:20px}
.about-pic{ padding:0px}

.about-list{ margin-top:60px;}
.about-item1 h4 span,.about-item2 h4 span,.about-item3 h4 span{ font-size:70px;  }
.about-item1 h4 samp,.about-item2 h4 samp,.about-item3 h4 samp,.about-item1 p,.about-item2 p,.about-item3 p{ font-size:18px;}
.about-item2 h4{ width:220px;  padding-left:30px;}
.about-item2 p{ width:220px; padding-left:30px}
	
/*核心技术*/
.content-core{ height:780px;}
.content-pic{ background-size:1200px}
.core-main{ width:900px; left:50%;top:60px; margin-left:-450px}
.core-main h3{font-size:32px; }
.core-control{width:900px; margin-left:-450px;bottom:160px;}	
.core-button .button-pre{width:50px; height:50px; background-size:100% }
.core-button .button-next{width:50px; height:50px;background-size:100% }
.core-button .button-pre.button-disabled{background-size:100% }
.core-button .button-next.button-disabled{background-size:100% }
.core-more a{ width:150px; height:40px;  line-height:40px; font-size:16px; }

@keyframes kuosan{
0%{ width:80px; height:80px;left:15px;top:15px;}
56%{width:110px; height:110px;left:0px;top:0px;opacity:1}
100%{width:110px; height:110px;left:0px;top:0px;opacity:0}
}
.core-main ul{margin-top:60px}
.core-main ul li .core-item{margin-left:24px;}
.core-main ul li .core-item span{ font-size:22px; }
.core-main ul li .core-item p{font-size:14px;line-height:30px;margin-top:15px}

.core-main ul .core-icon span,.core-main ul .core-icon samp,.core-main ul .core-icon em{ width:80px; height:80px;left:15px;top:15px;}
.core-main ul .active{ padding-bottom:26px}
.core-main ul .active .core-icon{ width:110px; height:110px;}
.core-main ul .active .core-item p{ height:60px;}

.core-bottom{ width:70%; height:100px;}

/*fangan*/

.fang-head{ width:900px;}
.fang-head h3{font-size:32px;}
.fang-content{ width:900px;margin:32px auto 0px;}

/*产品中心*/
.content-product{ padding:80px 0px 90px}
.product{ width:900px; }
.product h3{  font-size:32px;}
.pro-info{ font-size:18px;margin-top:14px}
.product ul{  margin-top:27px}
.pro-name{ line-height:40px; font-size:18px;}
.pro-item h3{ font-size:20px; height:40px; line-height:40px;margin-top:4px;}
.pro-item h3:after{ width:48px; height:2px; margin-left:-24px; }
.pro-item p{ line-height:28px; font-size:14px;  padding:0px 26px; height:84px; margin-top:12px}
.pro-item samp{  height:30px; margin-top:18px}
.product .active h3{ margin-top:26px}


/*合作*/
.hz-top{ background-size:1200px; height:420px}
.hz-main{ width:900px;  margin:70px auto 0px}
.hz-main h3{font-size:32px;}
.hz-main p{ font-size:16px; margin-top:10px}
.hz-bottom{bottom:-90px;}
.hz-ct{width:900px;padding:50px}

/*新闻*/
.news{ height:880px; background-size:1300px}
.news-head{ width:900px;  margin:150px auto 0px}
.news-left h3{font-size:32px;}
.news-left p{ font-size:18px; margin-top:17px}
.news-more a{ width:150px; height:40px; line-height:40px; font-size:16px;}
.news-list{ width:900px;  margin:20px auto 0px}
.news-item{width:286px; margin-right:20px}
.news-item span{  padding:0px 10px; font-size:16px; line-height:30px; height:60px; margin-top:20px}
.news-item p{ padding:0px 10px; font-size:16px; line-height:30px; margin-top:8px}


}

@media screen and (max-width:1000px){
.banner .banner-wz span img{ width:32%; }
.banner .swiper-slide:last-child .banner-wz span img{ width:56%}
.banner .banner-wz p{ margin-top:50px}
.banner .banner-wz p a{width:130px; height:36px; line-height:36px; }
	
/*关于我们*/
.content-about{ width:760px;padding:60px 0px 70px}
.about-left h3{font-size:30px; }

.about-list{ margin-top:40px; height:134px}
.about-item1 h4 span,.about-item2 h4 span,.about-item3 h4 span{ font-size:60px;  }
.about-item1 h4 samp,.about-item2 h4 samp,.about-item3 h4 samp,.about-item1 p,.about-item2 p,.about-item3 p{ font-size:16px;}
.about-item2 h4{ width:180px;  padding-left:10px;}
.about-item2 p{ width:180px; padding-left:10px}
.about-item3 h4{ width:180px; }
.about-item3 p{ width:180px; }

/*核心技术*/
.content-core{ height:620px;}
.content-pic{ background-size:1000px}
.core-main{ width:760px; left:50%;top:50px; margin-left:-380px}
.core-main h3{font-size:30px; }
.core-control{width:760px; margin-left:-380px;bottom:140px;}	
.core-button .button-pre,.core-button .button-next{width:40px; height:40px; }
.core-more a{ width:130px; height:36px;  line-height:36px; font-size:14px; border:1px #fff solid }

@keyframes kuosan{
0%{ width:70px; height:70px;left:15px;top:15px;}
56%{width:100px; height:100px;left:0px;top:0px;opacity:1}
100%{width:100px; height:100px;left:0px;top:0px;opacity:0}
}
.core-main ul{margin-top:40px}
.core-main ul li .core-item{margin-left:20px;}
.core-main ul li .core-item span{ font-size:20px; }
.core-main ul li .core-item p{margin-top:12px}
.core-main ul .core-icon span,.core-main ul .core-icon samp,.core-main ul .core-icon em{ width:70px; height:70px;left:15px;top:15px;}
.core-main ul .active .core-icon{ width:100px; height:100px;}
.core-bottom{ width:70%; height:80px;}

/*fangan*/
.fang{ background-size:1200px;height:470px}
.fang-head{ width:760px;}
.fang-head h3{font-size:32px;}
.fang-head p{ font-size:16px; margin-top:12px}
.fang-content{ width:760px;margin:25px auto 0px;}
.fang-cont1{ width:500px; }
.fang-cont2{ width:400px; height:244px; padding:0px 30px; background-size:100%}
.fang-main{ margin-top:20px;}
.fang-main h3{ font-size:18px; }
.fang-info{  font-size:12px; line-height:26px;  margin-top:12px}
.fang-main .fang-icon{ margin-top:10px}
.fang-cont2 .swiper-pagination-custom{ bottom:20px;padding:0px 30px}


/*产品中心*/
.content-product{ padding:70px 0px 80px}
.product{ width:760px; }
.product h3{  font-size:32px;}
.pro-info{ font-size:18px;margin-top:14px}
.product ul{  margin-top:27px}
.pro-name{ line-height:40px; font-size:18px;}
.pro-item h3{ font-size:20px; height:40px; line-height:40px;margin-top:4px;}
.pro-item h3:after{ width:48px; height:2px; margin-left:-24px; }
.pro-item p{ line-height:28px; font-size:14px;  padding:0px 26px; height:84px; margin-top:6px}
.pro-item samp{  height:30px; margin-top:10px}
.product .active h3{ margin-top:16px}

/*合作*/
.hz-top{ background-size:1000px; height:360px}
.hz-main{ width:760px;  margin:60px auto 0px}
.hz-main h3{font-size:28px;}
.hz-main p{ font-size:16px; margin-top:10px}
.hz-bottom{bottom:-80px;}
.hz-ct{width:760px;padding:30px}

/*新闻*/
.news{ height:820px; background-size:1200px}
.news-head{ width:760px;  margin:140px auto 0px}
.news-left h3{font-size:28px;}
.news-left p{ font-size:16px; margin-top:12px}
.news-more a{ width:120px; height:32px; line-height:32px; font-size:14px; border:1px #fff solid}
.news-list{ width:760px;  margin:20px auto 0px}
.news-item{width:240px; margin-right:20px}
.news-item span{  padding:0px; font-size:14px; line-height:25px; height:50px; margin-top:20px}
.news-item p{ padding:0px; font-size:14px; line-height:30px; margin-top:8px}


}

@media screen and (max-width:900px){

	
/*关于我们*/
.content-about{ width:90%;padding:50px 0px}
.about-left h3{font-size:28px; }

/*核心技术*/
.content-core{ height:490px;}
.core-main{ width:90%; left:5%;top:40px; margin-left:0px}
.content-pic{ background-size:900px}
.core-main h3{font-size:28px; }
.core-control{width:90%;left:5%; margin-left:0px;bottom:40px;}	
.core-button .button-pre,.core-button .button-next{width:40px; height:40px; }
.core-more a{ width:120px; height:32px;  line-height:32px; font-size:12px; }

@keyframes kuosan{
0%{ width:50px; height:50px;left:10px;top:10px;}
56%{width:70px; height:70px;left:0px;top:0px;opacity:1}
100%{width:70px; height:70px;left:0px;top:0px;opacity:0}
}
.core-main ul{margin-top:30px; width:100%}
.core-main ul li .core-item{ width:86%;}
.core-main ul li .core-item span{ font-size:18px; }
.core-main ul .core-icon span,.core-main ul .core-icon samp,.core-main ul .core-icon em{ width:50px; height:50px;left:10px;top:10px;}
.core-main ul .active .core-icon{ width:70px; height:70px;}
.core-bottom{ display:none }

/*fangan*/
.fang{ background-size:1000px;height:400px; padding-top:40px}
.fang-head{ width:90%;}
.fang-head h3{font-size:28px;}
.fang-head p{ font-size:16px; margin-top:12px}
.fang-content{ width:90%;margin:22px auto 0px;}
.fang-cont1{ width:50%; }
.fang-cont2{ width:50%; height:200px; padding:0px 30px;bottom:0px}
.fang-main{ margin-top:10px;}
.fang-main h3{ font-size:16px; }
.fang-info{  font-size:12px; line-height:24px;  margin-top:10px}
.fang-main .fang-icon{ margin-top:5px}
.fang-cont2 .swiper-pagination-custom{ bottom:10px;padding:0px 30px}

/*产品中心*/
.content-product{ padding:50px 0px}
.product{ width:90%; }
.product h3{  font-size:28px;}
.pro-info{ font-size:16px;margin-top:12px}
.product ul{  margin-top:22px}
.pro-name{ line-height:40px; font-size:16px;}
.pro-item h3{ font-size:18px; height:40px; line-height:40px;margin-top:4px;}
.pro-item h3:after{ width:48px; height:2px; margin-left:-24px; }
.pro-item p{ line-height:24px; font-size:12px;  padding:0px 26px; height:72px; margin-top:6px}
.pro-item samp{  height:30px; margin-top:10px}

/*合作*/
.hz-top{ background-size:900px; height:320px}
.hz-main{ width:90%;  margin:50px auto 0px}
.hz-main h3{font-size:24px;}
.hz-main p{ font-size:14px; margin-top:10px}
.hz-bottom{bottom:-80px;}
.hz-ct{width:90%;padding:30px}

/*新闻*/
.news{ height:auto; background-size:100% 100%; padding-bottom:90px}
.news-head{ width:90%;  margin:120px auto 0px}
.news-left h3{font-size:24px;}
.news-left p{ font-size:14px; margin-top:12px}
.news-more a{ width:100px; height:30px; line-height:30px; font-size:14px; border:1px #fff solid}
.news-list{ width:90%;  margin:20px auto 0px}
.news-item{width:33.33%; padding-right:30px; margin-right:0px}
.news-item:last-child{ padding:0px;}



}

@media screen and (max-width:768px){
.banner .banner-wz span img{ width:45%; }
.banner .swiper-slide:last-child .banner-wz span img{ width:86%}
.banner .banner-wz p{ margin-top:30px}
.banner .banner-wz p a{width:100px; height:32px; line-height:32px; font-size:12px }
	
/*首页banner*/
.banner{height:260px; margin-top:60px}
.banner .swiper-pagination-custom{ bottom:20px}

/*关于我们*/
.content-about{;padding:30px 0px}
.about-left h3{font-size:22px; }
.about-info{ font-size:14px;  margin-top:12px; padding-bottom:12px}
.about-right{ width:100%; }
.about-des{  font-size:12px; line-height:24px;}

.about-item1 h4{ width:90%; margin:15px auto 0px; padding-left:0px;}
.about-item1 h4 span{ font-size:24px;}
.about-item1 h4 samp{ font-size:14px; margin-left:0;}
.about-item1 p{ width:100%;  font-size:14px; margin-top:6px;padding-left:0}

.about-item2 h4{ width:86%; margin:15px auto 0px; padding-left:0px;}
.about-item2 h4 span{ font-size:24px;  }
.about-item2 h4 samp{ font-size:14px; margin-left:0;}
.about-item2 p{ width:86%; font-size:14px;margin-top:6px;padding-left:0}

.about-item3 h4{ width:90%; margin:15px auto 0px; }
.about-item3 h4 span{ font-size:24px; }
.about-item3 h4 samp{ font-size:14px; margin-left:0;}
.about-item3 p{ width:90%;font-size:14px; margin-top:6px;}
.about-list{ margin-top:20px; height:90px}

/*关于我们*/
.content-about{ width:90%;padding:50px 0px}
.about-left h3{font-size:28px; }

.about-video-content{ width:80%;}
.about-video-close{ width:22px; height:22px;right:-11px;top:-11px; background-size:50% }



/*核心技术*/
.content-core{ height:440px}
.core-main{top:30px;}
.content-pic{ background-size:100%}
.core-main h3{font-size:22px; }
.core-control{bottom:30px;}	
.core-button .button-pre,.core-button .button-next{width:30px; height:30px; }
.core-more a{ width:100px; height:28px;  line-height:28px; }
.core-main ul li .core-item em{width:90px;line-height:32px; font-size:12px;}
.core-main ul .active .core-item em{ height:32px;margin-top:5px}

@keyframes kuosan{
0%{ width:30px; height:30px;left:10px;top:10px;}
56%{width:50px; height:50px;left:0px;top:0px;opacity:1}
100%{width:50px; height:50px;left:0px;top:0px;opacity:0}
}
.core-main ul li .core-item{ width:75%;}
.core-main ul li .core-item span{ font-size:16px; }
.core-main ul li .core-item p{  font-size:12px;line-height:28px;margin-top:15px;}
.core-main ul .core-icon span,.core-main ul .core-icon samp,.core-main ul .core-icon em{ width:30px; height:30px;left:10px;top:10px;}
.core-main ul .active .core-icon{ width:50px; height:50px;}
.core-main ul .active .core-item p{ height:84px;}


/*fangan*/
.fang{ background-size:auto 100%;height:auto; padding:30px 0px}
.fang-head h3{font-size:22px;}
.fang-head p{ font-size:14px; margin-top:10px}
.fang-content{margin:16px auto 0px;}
.fang-cont1{ width:100%; }
.fang-cont2{ width:100%; float:left; position:static; height:280px;background-size:100% 100%; margin-right:4px }
.fang-main{ margin-top:20px;}


/*产品中心*/
.content-product{ padding:30px 0px}
.product h3{  font-size:22px;}
.pro-info{ font-size:14px;}
.product ul{  margin-top:22px}
.product ul li{ width:100%}
.pro-name{ line-height:40px; font-size:14px;}
.pro-item h3{ font-size:16px; height:40px; line-height:40px;margin-top:4px;}
.pro-item h3:after{ width:48px; height:2px; margin-left:-24px; }
.pro-item p{ line-height:22px; font-size:12px;  padding:0px 16px; height:66px; margin-top:3px}
.pro-item samp{  height:30px; margin-top:5px}


/*合作*/
.content-hz{ width:100%; margin:0px; position:relative;background:url(../image/bg-2.jpg) no-repeat fixed;background-size:auto 100%; padding-bottom:30px}
.hz-top{height:auto;}
.hz-main{ width:90%;  margin:30px auto 0px; background:none}
.hz-main h3{font-size:22px;}
.hz-main p{ font-size:14px;}
.hz-bottom{bottom:0px;top:0px;position:static; margin-top:20px; overflow:hidden}
.hz-ct{width:90%;padding:10px; background-size:100% 100%; }
.hz-ct ul li{width:50%;}

/*新闻*/
.news{ padding-bottom:90px}
.news-head{ width:90%;  margin:30px auto 0px}
.news-left h3{font-size:22px;}
.news-left p{ font-size:12px; margin-top:12px}
.news-more a{ font-size:12px;}
.news-list{ width:90%;  margin:10px auto 0px}
.news-item{width:100%; padding-right:0px; margin-top:20px; overflow:hidden}
.news-item span{  padding:0px; font-size:14px; line-height:24px; height:auto; margin-top:15px}
.news-item p{ padding:0px; font-size:12px; line-height:20px; margin-top:1px}
.news-item:last-child{ padding:0px; margin-top:20px}

}