body{  font-size: 16px;   }
.inner{ width:1440px; margin: 0 auto;}
header{ position: fixed; width: 100%; left: 0; top:0; z-index: 100; height: 90px; background: #fff; box-shadow: 0 0 10px rgba(0, 0, 0, 0.15);}

.logo{ height: 50px;}
nav{ width: 50vw; font-size: 16px;white-space: nowrap; } nav a{ line-height: 90px; padding: 0 15px; display: block;}
nav li.on a{ background: #1892d1; color: #fff;}
.banner { margin-top: 90px;}
.banner .swiper-pagination{ bottom: 25px !important;}
.banner .swiper-slide img{ width: 100%; height: calc(100vh - 90px); object-fit: cover;}
.banner  .swiper-pagination-bullet{ width:50px; height: 4px; border-radius: 0; margin: 0 8px !important;}
 

.menuBtn{ width: 60px; height: 60px;    padding: 15px 10px;    align-items: flex-end;}
.menuBtn .burger{ width: 100%;  height: 1px ; background: #fff;  transition: .8s; display:inline-block;       }
.menuBtn .burger:first-child{ animation: long 2s linear infinite;  }
.menuBtn .burger:nth-of-type(2){  width: 50%;}
.menuBtn .burger:nth-of-type(3){ animation: long 3s linear infinite; -webkit-animation: long 3s linear infinite; }
.menuBtn.close{align-items: center; justify-content: center;}
.menuBtn.close .burger:first-child{ display: none;}
.menuBtn.close .burger:nth-of-type(3){ display: none;}
.menuBtn.close .burger:nth-of-type(2) {    position: relative;    z-index: 1; width: 80%;}
.menuBtn.close .burger:nth-of-type(2):before, .menuBtn.close .burger:nth-of-type(2):after {      content: '';          position: absolute;      top: 0;      left: 0;      width: 100%;      height: 100%;      background: #fff;      opacity: 0;      z-index: 1;}
.menuBtn.close .burger:nth-of-type(2) {    background: transparent;    transform: rotate(-180deg); }
.menuBtn.close .burger:nth-of-type(2):before, .menuBtn.close .burger:nth-of-type(2):after {      opacity: 1;      transition: all .3s; }
.menuBtn.close .burger:nth-of-type(2):before {     transform: rotate(45deg); }   .menuBtn.close .burger:nth-of-type(2):after {     transform: rotate(-45deg); }

.indAbout{  background: url(../images/aboutBg.jpg) no-repeat left  top ; background-size: 100% 80%;}
 
.aboutImg .swiper-slide:hover .img img{ transform: scale(1.1);}

.indProUl li{ width: 31.5%;border: 1px solid #e5e5e5; transition: all .36s; margin-bottom: 50px;}
.indProUl li .more{ background: rgba(24, 146, 209, 0.05); height: 50px;}
.indexmorec span{ position: relative; z-index: 5;}
.indexmorec::after{ width: 0; height: 100%;position: absolute; z-index: 2; top:0; left: 0; display: block; content: ''; transition: all .36s; background-color: #1892d1;}
.indProUl li:hover .indexmorec::after{ width: 100%;}
.indProUl li:hover .indexmorec{ color: #fff;}
.indProUl li:hover{ box-shadow:  0 0 10px rgba(24, 146, 209, 0.3); transform: translateY(-10px); border-color: #fff;}

.indProclass a{ padding: 20px 50px; border: 1px solid #1892d1; margin: 0 20px; color: #1892d1; transition: all .36s;}
.indProclass a:hover{ background-color: #1892d1; color: #fff; transform: translateY(-8px) ; box-shadow:  0 0 10px rgba(24, 146, 209, 0.3);}


.advantage{background:#1892d1 url(../images/advantageBg.jpg) right bottom repeat-x}
.advantage  .left .swiper-container,.advantage  .left .swiper-wrapper,.advantage  .left .swiper-slide,.advantage  .left .swiper-slide img{ width: 100%; height: 100%;}
.advantage .left .txt{ position: absolute; left: calc((100vw - 1480px) / 2); bottom: 60px; padding-right: 90px;}
  .advantage .right{ background: url(../images/advantageBg.jpg) no-repeat center center; background-size: cover;}
.advantage .right .yuan{ width:740px ;} 
.advantage .left .swiper-slide img{ object-fit: cover;}
.advantage .left  .pagination{ position: absolute; bottom: 20px; right: 50% ; z-index: 11;}
.advantage .left .title{ position: absolute; top: 25px; left: 20px; z-index: 10;}

.advantage .left  .pagination .swiper-pagination-bullet{ margin: 0 6px !important;}

.advantageBtn{ width: 54px; height: 54px; cursor: pointer; border-radius: 50%; background: rgba(0, 0, 0, 0.25); color: #fff;  -webkit-border-radius: 50%; -moz-border-radius: 50%; -ms-border-radius: 50%; -o-border-radius: 50%; }
.advantageBtn span{ font-size: 30px;}
.advantageBtn.prev{ transform: rotate(180deg); -webkit-transform: rotate(180deg); -moz-transform: rotate(180deg); -ms-transform: rotate(180deg); -o-transform: rotate(180deg); }
.advantageBtn:hover{  color: #1892d1; background-color: #fff;}
.advantage .right .swiper-container{ width:408px ;
    background: url(../images/yuan.png) no-repeat top center;

} 
.advantage .right .swiper-slide .top{     width: 408px; height: 408px; padding: 54px} 
.advantage .right .swiper-slide  .top img{ border-radius: 50%; width: 100%; height: 100%; object-fit: cover; -webkit-border-radius: 50%; -moz-border-radius: 50%; -ms-border-radius: 50%; -o-border-radius: 50%; }
.advantage .right .swiper-slide  .top .txt{ border-radius: 50%; width: 300px; height: 300px;  top: 54px; left: 54px; background: rgba(24, 146, 209, 0.5); position: absolute;}
.advantage .right .swiper-slide  .bot{ margin-top: 35px; opacity: 0;}
.advantage .right .swiper-slide-active  .bot{ opacity: 1;}
.advantage .right .swiper-button-disabled{ opacity: 0.2;}

.indexmore{ width: 160px;  height: 50px; border-radius: 25px; -webkit-border-radius: 25px; -moz-border-radius: 25px; -ms-border-radius: 25px; -o-border-radius: 25px; }
.indexmore:hover{ transform: translateX(15px); color: #fff; box-shadow: 0 0 10px rgba(24, 146, 209, 0.35); -webkit-transform: translateX(15px); -moz-transform: translateX(15px); -ms-transform: translateX(15px); -o-transform: translateX(15px); }

/* .indNews .img img{ width: 100%;  height: 250px; object-fit: cover;}
.indNews .swiper-slide a{ border: 1px  solid #e5e5e5; display: block;}
.indNews .swiper-slide a .title{ border-bottom: 1px solid #e5e5e5; border-top: 1px solid #e5e5e5;}
.indNews .swiper-slide:hover .img img{ transform: scale(1.1); }
.indNews .swiper-slide:hover .f18{ color: #1892d1;} */
.indexNews .swiper-slide a .icon{ border: 1px solid #333; width: 35px; height: 35px; border-radius: 50%; -webkit-border-radius: 50%; -moz-border-radius: 50%; -ms-border-radius: 50%; -o-border-radius: 50%; }
.indexNews .swiper-slide a .icon span{ font-size: 20px; color: #333;}
.pic::before {content: "";width: 100%;height: 100%;position: absolute;z-index: 1;left: 0px;}
a:hover .pic::before { animation: gradient-rectangle 1s ; animation-delay: 0s; -webkit-animation-timing-function: cubic-bezier(0, 0, 0.18, 0.96); -webkit-animation: gradient-rectangle 1s ; }
.indexNews .swiper-slide a .img img{ width: 100%; height: 300px; object-fit: cover;}
.indexNews .swiper-slide a:hover .img img{ transform: scale(1.1); -webkit-transform: scale(1.1); -moz-transform: scale(1.1); -ms-transform: scale(1.1); -o-transform: scale(1.1); }
.indexNews .swiper-slide a:hover .icon{ background-color: #1892d1; border-color: #1892d1; transform: translateX(-20px) rotate(45deg); -webkit-transform: translateX(-20px) rotate(45deg); -moz-transform: translateX(-20px) rotate(45deg); -ms-transform: translateX(-20px) rotate(45deg); -o-transform: translateX(-20px) rotate(45deg); }.indexNews .swiper-slide a:hover .icon span{ color: #fff;}



footer{ background-color: #333; color: #fff;}
footer .top{ border-bottom: 1px solid rgba(255, 255, 255, 0.1);}
footer .top  .right{ width: 31%;}
.footform .input{ background-color: rgba(255, 255, 255, 0.1); width: 77%;}
.footform .submit{ width: 23%;}
footer .center .left{ width: 61%;}
footer .center .left dt{ margin-bottom: 15px;}
 
footer .center .left dd a{ font-size: 14px; opacity: 0.6;}footer .center .left dd a:hover{ opacity: 1;}
footer .center .right{ width: 31%; border-left: 1px solid rgba(255, 255, 255, 0.1);}
footer .center .right .f14{ margin-top: 15px;}
footer .bottom{ border-top: 1px solid rgba(255, 255, 255, 0.1); padding: 25px 0; color: rgba(255, 255, 255, 0.6); }
footer .bottom a:hover{ color: #fff;}

.select{ border: 1px solid rgba(255, 255, 255, 0.2); color:rgba(255, 255, 255, 0.6);  width: 312px; padding: 15px;}
.null-txt {color:rgba(255, 255, 255, 0.6); width: 100%; background-color: #333;}
.select::after {
    content: "";
    position: absolute;
    top: 23px;
    right: 25px;
    width: 0;
    height: 0;
    border-top: 6px solid #999;
    border-left: 6px solid transparent;
    border-right: 6px solid transparent;
    opacity: .6;
}
 

.page-aside {
	position: fixed;
	right: -6px;
	bottom: 180px;
	transform: translateX(100%);
	z-index: 6;
	opacity: 0;
	transition: transform .3s, opacity .3s
}

.page-aside.show {
	transform: translateX(0);
	opacity: 1
}

.page-aside .img {
	max-width: 100%
}

.page-aside-item {
	width: 54px;
	text-align: center;
	height: 50px;
	position: relative;
	z-index: 1;
	cursor: pointer;
	display: block;
	background-color: rgba(0, 0, 0, .5);
	margin: 4px 0;
	border-top-left-radius: 6px;
	border-bottom-left-radius: 6px;
	padding-right: 6px;
	transition: transform .3s;
	display: flex;
	align-items: center;
	justify-content: center
}

.page-aside-item .icon {
	width: 24px
}

#toolbar{ position: fixed; bottom: 0; left: 0; width: 100%; z-index: 90; display: none;}
#toolbar a {
    width: 25%;
   padding: 10px 0;
    text-align: center;
   color: #fff; display: flex; align-items: center; justify-content: center; flex-direction: column;
}
#toolbar img{ height: 20px; margin-bottom:5px;}

.neiBan{ margin-top: 90px;}
.neiBan .txt{ position: absolute; top: 0; left: 0;}
.neiBan .txt>div{animation: topFloat 1.2s;}


.submenu,.promenu{ box-shadow: 0 0 10px rgba(0, 0, 0, .15);}
.submenu a{  flex: 1; border-right: 1px solid #e5e5e5; line-height: 80px;}
.submenu a.on, .promenu a.on{ color: #fff; background: #1892d1;}
.submenu a.on:hover,.promenu a.on:hover{ color: #fff;}
.submenu a:hover, .promenu a:hover{ color: #1892d1;}
.promenu a{ flex: 1;border-right: 1px solid #e5e5e5; line-height: 80px;}



.aboutpage1{ background: url(../images/aboutpage1bg.jpg) no-repeat center right; background-size:  50% 100%;   }
.aboutpage1 .m1300{display: flex; justify-content: space-between;}
 
.aboutpage1  .info{ color: #666;   line-height:2; }
.aboutpage1  div{ position: relative;}
.aboutpage1right img{ border-radius: 8px; box-shadow: 0 0 30px  rgba(24, 146, 209, 0.3); max-width: 100%; max-height: 100%; }
.aboutpage1left{ width: 38%;}
.aboutpage1right{ width: 55%;display: flex; }


.Culture{ background: url(../images/bg1.jpg) no-repeat center center; background-size: cover;}
.Culture li{ width: 50%; height: 50%; border-bottom: 1px solid #e5e5e5; border-right: 1px solid #e5e5e5;}
.Culture li  div{ position: relative; z-index: 5; }
.Culture li::after{ width: 110%; height: 110%; position: absolute; top: -5%; left: -5%; z-index: 1; background-color: #1892d1; display: block; content: ''; transition:all .42s ; opacity: 0; transform: scale(0.5); -webkit-transform: scale(0.5); -moz-transform: scale(0.5); -ms-transform: scale(0.5); -o-transform: scale(0.5); -webkit-transition:all .42s ; -moz-transition:all .42s ; -ms-transition:all .42s ; -o-transition:all .42s ;
box-shadow: 0 0 10px rgba(0, 0, 0, .15);}
.Culture li:hover::after{ opacity: 1; transform: scale(1); -webkit-transform: scale(1); -moz-transform: scale(1); -ms-transform: scale(1); -o-transform: scale(1); }
.Culture li:hover div{ color: #fff;}
.Culture .img img{ width: 100%; height: 100%; object-fit: cover;}

.enlarge{ position: absolute; bottom: 20px; right: 20px;}
.honor .swiper-slide{ border: 1px solid #e5e5e5;  cursor: pointer; }
.honor .swiper-slide .img{ height: 390px; border-bottom: 1px solid #e5e5e5; padding: 35px;}
.honor .swiper-slide .txt span{ position: relative; z-index: 5;}
.honor .swiper-slide .txt::after{ width: 100%; height: 2px; z-index: 1; background: #1892d1; position: absolute; left: 0; bottom: 0; content: ''; display: block; transition: all .36s; -webkit-transition: all .36s; -moz-transition: all .36s; -ms-transition: all .36s; -o-transition: all .36s; }
.honor .swiper-slide:hover{ color: #fff;}
.honor .swiper-slide:hover .txt::after{ height: 100%;}

.honorBtn>div{ border: 1px solid #c3c3c3; color: #c3c3c3; width: 60px; height: 60px; border-radius: 50%; -webkit-border-radius: 50%; -moz-border-radius: 50%; -ms-border-radius: 50%; -o-border-radius: 50%; }
.honorBtn>div span{ font-size: 24px;}
.honorBtn>div:hover{ color: #fff; border-color: #1892d1; background-color: #1892d1;}
.honor .swiper-slide .img img{ max-width: 100%; max-height: 100%;}


.proInfoTop{ padding-top: 110px; margin-top: 90px;}
.backBtn{ justify-content: flex-end;}
.proInfoToplink a{ border: 2px solid #1892d1;  white-space: nowrap;}
.proInfoTop .txt .info{ min-height: 240px;}
.proInfoTop .img{ background-color: #e9e9e9;}
 
.proInfoBot .title span{   padding: 15px 25px;  }
.shadow {
    box-shadow: 0 0 10px rgba(0, 0, 0, .15);


}

.newslist  li a .icon{ border: 1px solid #333; width: 35px; height: 35px; border-radius: 50%; -webkit-border-radius: 50%; -moz-border-radius: 50%; -ms-border-radius: 50%; -o-border-radius: 50%; }
.newslist li a .icon span{ font-size: 20px; color: #333;}
.newslist  li .img img{ height: 358px; object-fit: cover; width: 100%;}
.newslist li:hover a .img img{ transform: scale(1.1); -webkit-transform: scale(1.1); -moz-transform: scale(1.1); -ms-transform: scale(1.1); -o-transform: scale(1.1); }
.newslist li:hover a .icon{ background-color: #1892d1; border-color: #1892d1; transform: translateX(-20px) rotate(45deg); -webkit-transform: translateX(-20px) rotate(45deg); -moz-transform: translateX(-20px) rotate(45deg); -ms-transform: translateX(-20px) rotate(45deg); -o-transform: translateX(-20px) rotate(45deg); }.indexNews .swiper-slide a:hover .icon span{ color: #fff;}
.newslist li:hover{ transform: translateY(-10px); -webkit-transform: translatey(-10px); -moz-transform: translatey(-10px); -ms-transform: translatey(-10px); -o-transform: translatey(-10px); }
.newslist  li{ width: 32%; margin-right:2%;}.newslist  li:nth-child(3n){ margin-right: 0;}


.mainbox .newsTit{  border-bottom: 1px solid #e5e5e5; margin-top: -125px; }
.newsCOn  img{ 
    margin-bottom: 12px; 
    max-width: 100%;
   height:auto !important; 
    
}

.newsTit a{ height: 45px;  line-height: 45px; border-radius: 25px; padding: 0 30px; transition: all .36s;}
.newsCOn iframe{ max-width:100%; height:220px !important;}
.newsTit a:hover{ box-shadow: 0 0 15px  rgba(24, 146, 209, 0.5);}
.newsPage{  border-top: 2px solid #1892d1; border-bottom: 2px solid #1892d1;}
.newsPage a{ width: 40%;}
.mainbox .newsTit .left{ width: 76%; line-height: 1.6;}
.contactCon .right .icon{ width: 70px; height: 70px; border-radius: 50%; -webkit-border-radius: 50%; -moz-border-radius: 50%; -ms-border-radius: 50%; -o-border-radius: 50%; } 
.contactCon .right .icon span{ font-size: 35px;}
.contactImg { width: 100%; height: 100%; object-fit: cover;}
.contactEwm{ position: absolute; top: 0; right: 0;}
.contactEwm img{ width: 120px;}
.mapBox{ width: 100%; height: 550px; overflow: hidden;}
.gbookForm .input{ border: 1px solid #e2e2e2; background-color: #fafafa;  width: 100%; padding: 20px;}
.gbookForm  .textarea{ border: 1px solid #e2e2e2; background-color: #fafafa;  width: 100%; padding: 20px;}
.gbookForm  .submit{ padding: 15px 50px; margin: 0 30px;}
.gbookForm  .reset{ padding: 15px 50px; margin: 0 30px; background-color: #999999;}
 
.zlueBox-one .txt{ width: 40%;}
.zlueBox-one .imgDiv{ width: 60%;}.zlueBox-one .imgDiv img{ width: 100%; height: 100%; object-fit: cover;}
.zlueBox-two img{width: 100%; }
.zlueBox-two>div{ width: 49%; overflow: hidden;}
.zlueBox-two .txt{ background: rgba(0, 0, 0, .5); position: absolute; left: 0; bottom: 0; height: 60px; transition: all .36s;display: flex;
	 flex-direction: column; overflow: hidden;}
.zlueBox-two .txt .f28{ height: 60px; line-height: 60px;}
.zlueBox-two>div:hover .txt{ height: 100%; justify-content: center;  }

.zhanwei{ padding-top: 100px; margin-top: -100px;}
.ewm{ width: 100px;}