.banner-img{ width:100%;}

#top{ position:fixed; top:0; width:100%; z-index:9999; background:rgba(0,0,0,0.33);}
.dropdown-menu{ font-size:14px; margin-top:0;}
.top-navbar{ min-height: 90px;}
.top-navbar .navbar-toggler { margin-right: 10px; margin-top: 20px;}
.top-brand{ position: absolute; left: 0; z-index: 1; padding: 0;}

.top-navbar .navbar-collapse { padding-left: 220px; padding-top: 15px;}
.top-navbar .navbar-nav .nav-link {
    color: #ffffff;
	position: relative;
	padding-right: 1rem;
	padding-left: 1rem;
}
.top-navbar .navbar-nav .dropdown-toggle::after{ display:none;}
.top-navbar .navbar-nav .show .nav-link,.top-navbar .navbar-nav .nav-link:focus, .top-navbar .navbar-nav .nav-link:hover,.top-navbar .navbar-nav .show .nav-link:focus, .top-navbar .navbar-nav .show .nav-link:hover{
    color: #d71518;
	font-weight: bolder;
}
.top-navbar .navbar-nav .nav-link:focus:before, .top-navbar .navbar-nav .nav-link:hover:before, .top-navbar .navbar-nav .show .nav-link:before, .top-navbar .navbar-nav .show .nav-link:before  {
    width: 100%;
}

.top-navbar .navbar-nav .dropdown-menu{ font-size:14px;}
.top-navbar .navbar-nav .dropdown-menu .dropdown-item.active,.top-navbar .navbar-nav .dropdown-menu .dropdown-item:hover {
    color: #fff;
    background-color: #d71518;
}


.top-language{ margin-left:10px; margin-top:10px; }
.top-language .language-btn{ font-size:14px; position:relative; padding:0; color: #fff;}
.top-language .language-btn::before{ position:absolute; content:""; bottom:0; z-index:-1; width:100%; height:3px; background:#e91c2c;}
.top-language .language-btn::after{ display:none;}


.top-navbar .top-language .dropdown-menu .dropdown-item.active,.top-navbar .top-language .dropdown-menu .dropdown-item:hover {
    color: #fff;
    background-color: #c5181b;
}

/*下箭头*/

.bottom {
display:inline-block;
margin-left:5px;
width: 7px;
height: 8px;
position:relative;
left: 0;
top: 0;
z-index: 2;
/*兼容ie8-*/
}

.bottom-arrow1,
.bottom-arrow2 {
width: 0;
height: 0;
display: block;
position: absolute;
left: 0;
top: 0;
z-index: 5;
/*兼容ie8-*/
border-bottom: 4px transparent dashed;
border-left: 4px transparent dashed;
border-right: 4px transparent dashed;
border-top: 4px white solid;
overflow: hidden;
}

.bottom-arrow1 {
top: 1px;
/*重要*/
border-top: 4px #333333 solid;
}

.bottom-arrow2 {
border-top: 4px white solid;
}
	
	#banner{ position:relative;}
	
	#banner .swiper-slide{ position:relative;}
	
	#banner .banner-nav{ position:absolute; right:60px; top:50%; z-index:9999; margin-top:-60px;}
	#banner .banner-nav ul li{list-style:none;}
	
	#circle{
     stroke-dasharray:80,80;
     stroke-dashoffset:80;
 }

.navbar-light .navbar-toggler-icon{background-image:url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='30' height='30' viewBox='0 0 30 30'%3e%3cpath stroke='rgba%28255, 255, 255, 0.9%29' stroke-linecap='round' stroke-miterlimit='10' stroke-width='2' d='M4 7h22M4 15h22M4 23h22'/%3e%3c/svg%3e")}
.navbar-light .navbar-toggler{border-color: rgba(255,255,255,.6);}
.navbar-light .navbar-toggler:focus{ outline:none;}
.banner-nav ul li{}
.banner-nav ul li a{ position:relative; display:inline-block; width:26px; height:26px; cursor:pointer;}
.banner-nav ul li a b{ position:absolute; display:inline-block; width: 6px; height: 6px; background:#111111; border-radius:100%; top:50%; left:50%; margin-top:-3px; margin-left:-3px; opacity:0.5;}
.banner-nav ul li.active a b{ background:#111111; opacity:1;}
.banner-1{position:relative; z-index:10; background:rgba(0,0,0,0.1);}
	
.vfx-image-wrap{position:relative;display:inline-block;margin:0 auto;width:100%;height:100%;margin-bottom:40px;cursor:ew-resize;}

.before-image{position:absolute;top:0;left:0;z-index:1;width:50%; overflow:hidden;}
.before-image img{height:100%; width:auto !important; max-width:none;}
.after-image img{height:100%; width:auto !important; max-width:none;}
.before-image-bg{position:absolute;top:0;left:0;bottom:0; right:0; background:rgba(0,0,0,0.4);}
.after-image{position:absolute;top:0;left:0;z-index:0;}

.divider-bar{position:absolute;width:6px;left:50%;top:0px;bottom:0px;background:#ca1b1d;height:100%;display:block;z-index:2;box-shadow:0 0 10px 1px rgba(0, 0, 0, 0.4);}

#contain{overflow:hidden;}
#index-gongyi{overflow:hidden;}
#index-pro{overflow:hidden;}
#about-equipment{overflow:hidden;}
#about-honor{overflow:hidden;}

.index-about-container{ padding-top:110px; padding-bottom:100px;}
.index-about-left{ float:left; width:42%; padding-right:30px; padding-bottom:20px;}
.index-about-right{ float:right; width:58%;}

.index-about-img{ display:inline-block; position:relative;}
.index-about-bg{ position:absolute; left:14px; right:-14px; bottom:-14px; top:14px; background:#e1e1e1; z-index:-1;}
.index-about-title{ font-size:18px; font-weight:bolder; color:#111111; margin-bottom:20px;}
.index-about-title h1{ font-size:20px; font-weight:bolder;}

.index-about-items{ position:relative; padding-right:25px; margin-top:40px; }
.index-about-item{ float:left; width:50%; padding-right:30px; margin-bottom:20px;}
.index-about-item a{ display:block; padding-bottom:10px; padding-top:10px; color:#333333; position:relative; padding-right:30px;border-bottom:1px solid #cdcdcd; }
.index-about-item a:hover{ text-decoration:none;}

.index-about-item a:hover .index-about-item-icon{ right:0px; transition: 0.2s;
-moz-transition: 0.2s; /* Firefox 4 */
-webkit-transition: 0.2s; /* Safari 和 Chrome */
-o-transition: 0.2s; /* Opera */}
.about-item-double{ padding-right:0;}
.index-about-item span{ display:block; font-size:16px; font-weight:bolder;}
.index-about-item-icon{ position:absolute; right:3px; top:50%; margin-top:-10px; color:#ffffff; width:21px; height:22px; background:#ca1b1d; border-radius:50%; text-align:center; line-height:21px; font-size:18px;}
.index-about-item a:hover span{ color:#ca1b1d;}

#index-gongyi{}
.index-gongyi-left h1{ font-size:26px; font-weight:bolder;}
.index-gongyi-left p{ font-size:20px;}
.index-gongyi-left i{ color:#ca1b1d; font-size:24px; margin-top:24px;}
.index-gongyi-left{ float:left; width:50%; min-height:520px; position:relative; color:#ffffff;
	  text-align: center;
      /* Center slide text vertically */
      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;
}
.index-gongyi-right{ float:right; width:50%; min-height:520px; position:relative; color:#ffffff; padding:45px;
      /* Center slide text vertically */
      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;
}

.index-gongyi-left-bg{ position:absolute; z-index:-1; background:url(../images/index-gongyi-bg-left.jpg) center center no-repeat; background-size:cover; top:0; left:-100%; right:0; bottom:0;}
.index-gongyi-right-bg{ position:absolute; z-index:-1; background:url(../images/index-gongyi-bg-right.jpg) center center no-repeat; background-size:cover; top:0; right:-100%; left:0; bottom:0;}

.container-title{ text-align:center; }
.container-title-con{font-size:20px; min-width:380px; padding-left:80px; padding-right:80px; color:#111111; position:relative; display:inline-block;}
.container-title-con:before{ content:""; width:64px; border-bottom:3px solid #ca1b1d; position:absolute; left:0; top:50%; }
.container-title-con:after{ content:""; width:64px; border-bottom:3px solid #ca1b1d; position:absolute; right:0; top:50%; }
.container-title h1{ font-size:26px; font-weight:bolder; margin-bottom:3px;}

.index-pro-container{ padding-top:70px; padding-bottom:90px;}
.index-pro-con{ margin-left:-15px; margin-right:-15px;}
.pro-item{}
.pro-item a{}
.pro-item a:hover{ text-decoration:none;}
.pro-item a .pro-item-img{ overflow:hidden;}
.pro-item a .pro-item-img img{ width:100%;transition: all 0.3s ease-out;}
.pro-item a:hover .pro-item-img img{ transform: scale(1.05);}
.pro-item a .pro-item-name{ background:#ca1b1d; color:#ffffff; text-align:center; padding:10px;}
.index-pro-item{ width:25%; float:left; padding:15px;}


#index-adv{ background:url(../images/advantage-bgb.jpg) 60% center no-repeat; background-size:cover;  background-attachment: fixed;}
.index-adv-con{background:url(../images/advantage-bg.png) center center no-repeat; background-size:cover;}

.index-adv-con-container{ padding-top:122px; padding-bottom:122px; color:#ffffff;}
.index-adv-icon{ width:147px; height:147px; margin:auto; border:2px solid #ffffff; border-radius:50%; position:relative; z-index:10;}
.index-adv-icon:before{content:""; display:block; width:147px; height:147px; border-radius:50%; background:rgba(202,27,29,0.78); z-index:-1; position:absolute;  left:0; top:0; right:0; bottom:0; animation: rote360 10s linear 0s infinite; transform-origin: center 68px;}
.index-adv-con-container h2{ font-size:24px; text-align:center; margin-top:24px;}
.index-adv-con-container p{ max-width:756px; text-align:center; margin:auto; font-size:16px; margin-top:24px;}
.index-adv-more{ display:block; margin-left:auto; margin-right:auto; margin-top:40px; color:#ffffff; border:1px solid #f5f6f5; width:205px;padding:10px 15px; text-align:center;}
.index-adv-more:hover{ text-decoration:none; color:#ffffff; background:#ca1b1d; border-color:#ca1b1d;}
@keyframes rote360 { 0% {
transform:rotateZ(0deg);
}
100% {
transform:rotateZ(360deg);
}
}

#foot{ background:#111111; background-size:cover;}
.foot-container{ background:rgba(0,0,0,0.5);}
.foot-con{ padding-top: 3rem; color: #ffffff; }
.foot-con a{ color: #ffffff;}
.foot-con a:hover{ opacity: 1; color: #b31a1b; text-decoration: none;}
.foot-1{ border-bottom: 1px solid rgba(255,255,255,0.17);}
.foot-logo{ width: 267px; float: left;padding-top: 25px; padding-bottom: 25px;}
.foot-logo a{ display: block; }
.foot-tel{ float: right; padding-top: 10px; padding-bottom: 10px; text-align: right;}
.foot-tel-title{ text-transform: uppercase;}
.foot-tel-con{ font-size: 26px; font-family: "impact"; }
.foot-tel-addr{ font-size: 12px;}

.foot-2{ margin-top: 3rem;}

.foot-nav{ float: left; width: 80%;}
.foot-ewm{ float: right; width: 20%; text-align: right;}

.foot-nav-item{ float: left; width: 25%; padding-right: 15px;}
.foot-nav-item .foot-nav-title{ position: relative; padding-top: 15px; margin-bottom: 10px;}
.foot-nav-item .foot-nav-title:before{ content: ""; border-top: 2px solid #b31a1b; width: 20px; position: absolute; top: 0; left: 0;}
.foot-nav-item .foot-nav-con ul li{ list-style: none; }
.foot-nav-item .foot-nav-con ul li a{  opacity: 0.8; }
.foot-nav-item .foot-nav-con ul li a:hover{  opacity: 1; }

.foot-copyright{border-top: 1px solid rgba(255,255,255,0.17); margin-top: 3rem; padding-top: 1rem; padding-bottom: 1rem;}
.foot-copyright-con{float: left;}
.foot-copyright-link{float: right; padding-top:5px;}
.foot-copyright-link ul li{list-style: none; display: inline-block; font-size: 25px; margin-right: 10px; padding: 5px 0;}
.foot-copyright-link ul li:last-child{margin-right: 0; }
.foot-copyright-link ul li a{ color:#b31a1b}

#banner-img{background-size:cover; background-repeat:no-repeat; background-position:5% center; position:relative; min-height:680px;
	  /* Center slide text vertically */
      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;}

.contain-con{ padding-top:110px; padding-bottom:100px;}

.contact-map{ width:100%; height:360px; margin-top:26px;;}
.contact-p{ float:left; width:calc(100% - 180px);}
.contact-ewm{ float:right; width:172px; padding-top:50px;}

#contact-maps{}
.contact-map{ width:100%; height:450px; border-top:6px solid #dadada;}

.about-p-container{ padding-top:110px; padding-bottom:80px;}
.about-p-img{ width:50%; float:left;}
.about-p-con{ width:50%; float:right; padding-left:30px;}

.swiper-btns{ text-align:center; width:100%; position:relative; z-index:999; }
.swiper-btns .swiper-btn{ border-radius:50%; width:36px; height:36px; color:#ffffff; background:#ca1b1d; padding: 3px 12px; font-size:20px; cursor:pointer; display:inline-block;}
.swiper-btns .swiper-btn:focus{ outline:none;}


.about-equip-con{ margin-top:20px;}
.about-equip-swiper:hover .about-equip-btns{ opacity:1;}
.about-equip-btns{ position:absolute; top:36%;  opacity:0;}
.about-equip-btns .swiper-btn{position:absolute;}
.about-equip-btns .swiper-btn.swiper-but-next{left:25%;}
.about-equip-btns .swiper-btn.swiper-but-prev{right:25%;}
.about-equip-name{ padding:20px; margin-top:15px; text-align:center; font-size:16px;}
.swiper-slide-active .about-equip-name{ color:#ffffff; background:#ca1b1d;}

.about-honor-container{ padding-top:80px; padding-bottom:110px;}

.about-honor-con{ position:relative; margin-top:20px;}
.about-honor-swiper .swiper-slide{ width:auto;}
.about-honor-item{ text-align:center;}
.about-honor-item img{ max-height:390px;}
.about-honor-item .about-honor-name{ padding:10px 15px;}
.about-honor-btns{ position:absolute; top:40%; opacity:0;width: 100%;left: 0;}
.about-honor-btns .swiper-btn{ position:absolute;}
.about-honor-con:hover .swiper-btns{opacity:1;}
.about-honor-con:hover .swiper-btns .swiper-btn{z-index:10;}
.about-honor-con .swiper-btns .swiper-btn.swiper-button-disabled,.about-honor-con:hover .swiper-btns .swiper-btn.swiper-button-disabled{opacity:0; cursor:unset;}
.about-honor-con .swiper-btn.swiper-but-next{ left:-50px;}
.about-honor-con .swiper-btn.swiper-but-prev{ right:-50px;}
.about-honor-con .swiper-btn:hover{opacity:1;}

.news-con{ margin-left:-10px; margin-right:-10px;}
.news-item{ width:33.3%; float:left; padding:10px;}
.index-news-item a{ display:block; padding:8px;}
.index-news-item a:hover{ text-decoration:none; background:#ca1b1d;}
.index-news-item a:hover .news-txt .news-name{ color:#ffffff;}
.index-news-item a:hover .news-txt .news-jj{ color:#ffffff;}
.index-news-item a:hover .news-txt .news-time{ color:#ffffff;}
.index-news-item a:hover .news-img img{ transform: scale(1.015);}
.index-news-item a .news-txt .news-name{ font-weight:bolder; font-size:16px; color:#333333; margin-bottom:6px;}
.index-news-item a .news-txt .news-jj{color:#727272; line-height:22px;}
.index-news-item a .news-txt .news-time{color:#727272; text-align:right; line-height:22px;}
.index-news-item a .news-img{ margin-top:10px;}
.index-news-item a .news-img img{ width:100%; transition: all 0.3s ease-out;}

.news-con-title{ text-align:center}
.news-share{ border: #c5c5c5 1px dashed; margin:0 auto; margin-top:15px;}
.news-conner{ margin-top:15px; }

.banner-img-title{ margin-top:20px;}
.banner-img-title .container-title-con:before{ border-color:#ffffff;}
.banner-img-title .container-title-con:after{ border-color:#ffffff;}
.banner-img-title .container-title-con{ color:#ffffff;}

.process-con{ margin-left:-10px; margin-right:-10px;}
.process-item{ float:left; width:33.3%; padding:10px;}
.process-item img{ width:100%; transition: all 0.3s ease-out;}
.process-item a:hover img{ transform: scale(1.015);}
.process-item a{ display:block; padding:8px;}
.process-item a:hover{ text-decoration:none; background:#ca1b1d; color:#ffffff;} 
.process-name{ text-align:center; padding:15px 15px 10px 15px; font-size:16px;}

.application-con{ margin-left:-15px; margin-right:-15px;}
.app-pro-item{float:left; width:33.3%; padding:15px;}

.pro-view-container .pro-view-left{ width:50%; float:left;}
.pro-view-container .pro-view-right{width:45%; float:right;}
.pro-view-container .pro-img{text-align:center;}
.pro-view-container .pro-title{font-size:26px;color:#ca1b1d; font-weight:bold;padding-bottom:0.5em;border-bottom:1px solid #e1e1e1;margin-bottom:60px;}
.pro-view-container .pro-back{}
.pro-view-container .pro-back a{ font-size:16px; color:#333333;}
.pro-view-container .pro-back a:hover{color:#ca1b1d;}

.pro-view-img{ max-width:768px; margin:auto;position: relative;}
.gallery-top{ border:5px solid #dcdcdc;}
.gallery-top .swiper-slide{ text-align:center;}
.gallery-thumbs {
  padding: 10px 0;
}

.gallery-thumbs .swiper-slide {
  opacity: 0.4;
  border:3px solid #dcdcdc;
}

.gallery-thumbs .swiper-slide-thumb-active {
  opacity: 1;
  border-color: #ca1b1d;
}

.pro-view-btns{ position:absolute; top:36%; opacity:0;width: 100%;left: 0;}
.pro-view-btns .swiper-btn{ position:absolute;}
.pro-view-img:hover .swiper-btns{opacity:1;}
.pro-view-img:hover .swiper-btns .swiper-btn{z-index:10;}
.pro-view-img .swiper-btns .swiper-btn.swiper-button-disabled,.pro-view-img:hover .swiper-btns .swiper-btn.swiper-button-disabled{opacity:0; cursor:unset;}
.pro-view-img .swiper-btn.swiper-but-next{ left:3%;}
.pro-view-img .swiper-btn.swiper-but-prev{ right:3%;}
.pro-view-img .swiper-btn:hover{opacity:1;}

.pro-view-details{ margin-top:30px;}
.pro-view-details-title{ font-size:20px; color:#ffffff; padding:10px 20px; background:#ca1b1d;}
.pro-view-details-title i{ margin-right:15px;}

.pro-view-details-p{ padding:10px 20px; background:#f0f0f0;}



.clear1{ display:block;}
.clear2{ display:none;}
@media screen and (min-width: 1920px){
	.index-gongyi-left-bg{ left:-200%;}
	.index-gongyi-right-bg{ right:-200%;}
}
@media screen and (min-width: 3200px){
	.index-gongyi-left-bg{ left:-250%;}
	.index-gongyi-right-bg{ right:-250%;}
}

@media screen and (max-width: 1200px){
	.contain-con {padding-top: 90px;}
	.index-about-container{ padding-top:90px;}
	.about-p-container{ padding-top:90px;}
	.about-honor-container{ padding-top:60px;}
}
@media screen and (max-width: 991px){
	#top{ position:relative; top:0; width:100%; z-index:9999; background:rgba(0,0,0,1);}
	.top-navbar .navbar-collapse { 
	padding: 15px;
    position: absolute;
    top: 100%;
    width: 100%;
    left: 0;
    z-index: 1000;
    background: rgba(255,255,255,0.92);}
	.top-brand{ left:15px;}
	.top-navbar .nav-item { padding: 10px 3px 5px; border-bottom: 1px solid #dddddd;}
	.top-navbar .navbar-nav .nav-link:before {
    
	}
	.top-navbar .nav-item .dropdown-menu{background: none;border: 0;}
	.top-navbar .nav-item .dropdown-menu .dropdown-item {
    color: #727272;
	}
	#top .container{ max-width: none; padding-left: 0; padding-right: 0;}
	.top-navbar .navbar-nav .nav-link{ color:#333333;}
	
	.index-about-container{ padding-top:80px; padding-bottom:70px;}
	
	.index-about-left{ float:none; width:100%; padding-right:0px;}
	.index-about-right{ float:none; width:100%; margin-top:10px;}
	
	.index-pro-item{ width:50%;}
	
	.index-gongyi-left{ float:none; width:100%; min-height:260px; padding-top:30px; padding-bottom:30px;}
	.index-gongyi-right{ float:none; width:100%; min-height:260px; padding-top:30px; padding-bottom:30px;}
	.index-gongyi-left-bg{left:-15px; right:-15px;}
	.index-gongyi-right-bg{left:-15px; right:-15px;}
	
	#banner-img{ min-height:380px;}
	.contain-con{ padding-top:80px; padding-bottom:70px;}
	
	.contact-p{ float:none; width:100%;}
	.contact-ewm{ float:none; width:100%; padding-top:25px;}
	.contact-map{ height:380px;}
	
	.about-p-container{ padding-top:80px; padding-bottom:60px;}
	.about-p-img{ width:100%; float:none;}
	.about-p-con{ width:100%; float:none; padding-left:0px; margin-top:26px;}

	.about-honor-container{ padding-top:60px; padding-bottom:70px;}
	
	.news-item{ width:50%;}
	
	.process-item{ width:50%;}
	.app-pro-item{width:50%;}
	
	.pro-view-container .pro-view-left{ width:100%; float:none;}
	.pro-view-container .pro-view-right{width:100%; float:none; margin-top:20px;}
	
	.clear1{ display:none;}
	.clear2{ display:block;}
	
}
@media screen and (max-width: 680px){
	.index-about-container{ padding-top:60px; padding-bottom:50px;}
	
	.index-about-item{ float:none; width:100%; padding-right:0px;}
	
	.foot-logo{ width: 100%; float: none; padding-top: 10px; padding-bottom: 10px;}
	.foot-tel{ width: 100%; float: none;text-align: left;}
	
	.foot-nav{display: none;}
	.foot-ewm{width: 100%; text-align: left;}
	.foot-copyright-con{float: none;}
	.foot-copyright-link{float: none;}
	
	
	#banner-img{ min-height:280px;}
	
	
	.contain-con{ padding-top:60px; padding-bottom:50px;}
	.about-p-container{ padding-top:60px; padding-bottom:50px;}
	
	.about-equip-btns .swiper-btn.swiper-but-next{left:10%;}
	.about-equip-btns .swiper-btn.swiper-but-prev{right:10%;}
	
	.about-honor-container{ padding-top:60px; padding-bottom:50px;}
}

@media screen and (max-width: 560px){
	.news-item{ width:100%; float:none;}
	.process-item{ width:100%; float:none;}
	.app-pro-item{ width:100%; float:none;}
	.clear1{ display:none;}
	.clear2{ display:none;}
}