@charset "utf-8";

.sfq {
   height:auto; overflow:hidden;
   }

.sfq ul{
	margin:0;
	padding:0;
    list-style:none;
}
.sfq li {
    float: left;
    width: 18.9%;
    height: 58rem;
	position:relative;
    background-size: cover;
	margin-right:0.5%;
    background: -webkit-linear-gradient(#7fb8e0, #0054a3);
        background: -o-linear-gradient(#7fb8e0, #0054a3);
        background: -moz-linear-gradient(#7fb8e0, #0054a3);
        background: linear-gradient(#7fb8e0, #0054a3);
    overflow: hidden;
    cursor: pointer;
    transition:width .3s ease-out;
}

.sfq li .dt {
   display:none;
   }
   
.sfq li .xt {
   display:block;
   }

.sfq li img {
   width:100%;
   opacity:0.5;
   }
   
.sfq li .wenzi {
   position:absolute;
   width:100%;
   line-height:3.6rem;
   text-align:center;
   color:#FFFFFF;
   font-size:1.8rem;
   left:0px;
   bottom:4.5rem;
   } 
   
.sfq li .sfmore {
   font-size:1.4rem;
   display:none;
   }  
   
.sfq li .sfmore a {
   color:#FFFFFF;
   }

.sfq li.on{
    width: 41.1%;
	background: #f0f1f1;
	opacity: 1;
}
.sfq li.on i{
    opacity:0;
    transform: translate3d(-100%,0,0);
}

.sfq li.on img {
   width:100%;
   opacity:1;
   height: 58rem;
} 

.sfq li.on .dt {
   display:block;
   }

.sfq li.on .xt {
   display:none;
   }

.sfq li.on .wenzi {
   position:absolute;
   width:21.8rem;
   height:11rem;
   color:#FFFFFF;
   padding-left:3rem;
   padding-top:2rem;
   text-align:left;
   background-color:#0054a3;
   }
   
.sfq li.on .sfmore {
   display:block;
    }

.sfq li i{
    display: block;
    width: 20%;
	height: 58rem;
    transition: all .3s;
}



body {
  font-family: Microsoft YaHei, Helvetica, Arial, sans-serif;
  font-size: 1.4rem;
  line-height: 1.428571429;
  color: #000000;
}

.navbar {
    position: relative;
    margin-bottom: 0px;
    border-bottom: 0px solid #BEBCBC;
}


.navbar-inverse {
    background-color:rgba(255,255,255,0);
    border-color: #5F5D5D;
}

.navbar-brand {
   margin-top:0px;
   padding:0px;
}

.navbar-nav > li > a {
    padding-top:1rem;
    padding-bottom: 1rem;
	padding-left:1.8rem;
	padding-right:1.8rem;
    line-height: 7.3rem;
}

.nav {
    padding-left: 23.5rem;
}


.navbar-inverse .navbar-nav > li > a:hover, .navbar-inverse .navbar-nav > li > a:focus {
    color: #FFF;
}

.navbar-inversey .navbar-nav > li > a:hover, .navbar-inverse .navbar-nav > li > a:focus {
    color: #0054a3;
}

a {
    color: #333333;
    text-decoration: none;
}

a:hover { text-decoration:none; transition: all 300ms ease-in 0ms; color: #333333;}


.navbar-inverse .navbar-nav > li > a {
    color: #FFFFFF;
	font-size:1.8rem;
}

.navbar-toggle {
    position: relative;
    float: right;
    padding: 0.9rem 1rem;
    margin-top: 0.8rem;
    margin-right: 1.5rem;
    margin-bottom: 0.8rem;
    background-color: #000;
    border: 1px solid transparent;
    border-radius: 4px;
}

.navbar-toggle>span{
		display:block;
		width: 3rem;
		height: 0.4rem;
		background-color: #043d79;
		border-radius: 2px;
		margin: 0.4rem auto;
		transition: .3s;
		transform-origin: left center;
    }
   
.nav-top1{
		-webkit-transform: rotateZ(34deg);
		-moz-transform: rotateZ(34deg);
		-ms-transform: rotateZ(34deg);
		-o-transform: rotateZ(34deg);
		transform: rotateZ(34deg);
    }
	
.nav-middle1{
		opacity: 0;
    }
	
.nav-bottom1{
		-webkit-transform: rotateZ(-34deg);
		-moz-transform: rotateZ(-34deg);
		-ms-transform: rotateZ(-34deg);
		-o-transform: rotateZ(-34deg);
		transform: rotateZ(-34deg);
    }


.menu ul.sub_menu{    
    position: absolute;
    width: 50rem;
	height:auto; overflow:hidden;
    display: none;
    background-color: #FFFFFF;
    z-index: 999;
    margin-left: -15rem;
	}
.menu ul.sub_menu a{ color:#ffffff;}
.menu ul.sub_menu a:hover{ color:#ffffff; background:none;}

.menu ul.sub_menu li {
    float: left;
    width: 100%;
    height: 50px;
    border-bottom: 1px solid #cccdcf;
    list-style-type: none;
}

.menu ul.sub_menu li a {
    display: block;
    height: 5rem;
    line-height: 5rem;
    padding-left: 1.2rem;
    color: #FFFFFF;
	font-size:16px;
    background: none;
}
	

.ddh-aa {
    width: 25rem;
    height: 28rem;
    padding: 1.5rem;
    float: left;
    background-color:rgba(5,60,116,0.8);
}

.ddh-bb {
    width: 25rem;
	height:auto; overflow:hidden;
    padding: 1.5rem;
    float: right;
}
	
.kq1 {-webkit-animation-delay: 0.2s;}
.kq2 {-webkit-animation-delay: 0.4s; -webkit-animation-duration: 0.4s;}
.kq3 {-webkit-animation-delay: 0.6s; -webkit-animation-duration: 0.6s;}
.kq4 {-webkit-animation-delay: 0.8s; -webkit-animation-duration: 0.8s;}
.kq5 {-webkit-animation-delay: 1s; -webkit-animation-duration: 1s;}
.kq6 {-webkit-animation-delay: 1.2s; -webkit-animation-duration: 1.2s;}

ul {
    padding: 0px;
    margin: 0px;
}

.navbar-inverse .navbar-nav > li.mouseover .ul_hide {
    position: absolute;
    left: 0%;
    top: 9.5rem;
    width: 100%;
	text-align:center;
    border: 0px solid #CBCBCB;
	background-color:rgba(255,255,255,0.9);
    padding: 5px 0px;
    border-radius: 8px;
    display: none;
}

.navbar-inverse .navbar-nav > li.mouseover .ul_hide li {
    width: 100%;
	line-height:4rem;
	border-bottom:0px solid #ffffff;
	list-style-type:none;
	background:none;
   white-space: nowrap;
text-overflow: ellipsis;
	position:relative;
}

.navbar-inverse .navbar-nav > li.mouseover .ul_hide li a{
    text-align:center;
    color:#000000;
	font-size:1.4rem;
	   height: auto;
overflow: hidden;
   white-space: nowrap;
text-overflow: ellipsis;
}

.navbar-inverse .navbar-nav > li.mouseover .ul_hide li a:hover{
    display:block;
    color:#FFFFFF;
	background-color: #0054a3;
    text-decoration: none;
}

.navbar-inversey {
    background-color: rgba(255, 255, 255, 1);
    border-color: #5F5D5D;
    border-bottom: 0px solid #BEBCBC;
}

.navbar-inversey .navbar-nav > li > a {
    color: #333333;
}

.navbar-inversey .navbar-nav > li > a::after {
    width: 0;
    transition: width .3s;
    height: 2px;
    display: block;
    margin: 0 auto;
    content: "";
    background-color: #333333;
}
.navbar-inversey .navbar-nav > li.act > a{
    color:#0054a3;
}
.navbar-inversey .navbar-nav > li.act > a:after{
	width:100%;
	height:2px;
	display:block;
	content:"";
	transition:width .3s;
	background-color:#0054a3;
}
   
.dropdown-menu {
    position: absolute;
    min-width: 100%;
}

.kuanping {
   width:135.5rem;
   padding-right: 15px;
   margin-right: auto;
   margin-left: auto;
   padding-left: 15px;
   }
   
.kkt {
   width:100%;
   padding-right: 15px;
   margin-right: auto;
   margin-left: auto;
   padding-left: 15px;
   }
   
.navbar-inverse .navbar-nav > li > a::after {
    width: 0;
    transition: width .3s;
    height: 0.2rem;
    display: block;
    margin: 0 auto;
    content: "";
    background-color: #FFFFFF;
}

.navbar-inverse .navbar-nav > li > a:hover:after{
	width:100%;
	height:0.2rem;
	display:block;
	content:"";
	transition:width .3s;
	background-color:#FFFFFF;
}

.navbar-inversey .navbar-nav > li > a::after {
    width: 0;
    transition: width .3s;
    height: 2px;
    display: block;
    margin: 0 auto;
    content: "";
    background-color: #0054a3;
}

.navbar-inversey .navbar-nav > li > a:hover:after{
	width:100%;
	height:2px;
	display:block;
	content:"";
	transition:width .3s;
	background-color:#0054a3;
}
   
   
.yuyan {
   width:16.3rem;
   height:3.8rem;
   line-height:3.8rem;
   text-align:center;
   border:1px solid #FFFFFF;
   border-radius: 30px;
   margin-top:2.5rem;
   } 
   
.yuyan a {
   color:#FFFFFF;
   }  
   
.yuyank {
   width:16.3rem;
   height:3.8rem;
   line-height:3.8rem;
   text-align:center;
   border:1px solid #333333;
   border-radius: 30px;
   margin-top:2.5rem;
   } 
   
.yuyank a {
   color:#333333;
   }
   
.guding {
   position:fixed;
   width:100%;
   top:0px;
   z-index:99;
   padding-top:2rem;
   padding-bottom:2rem;
   }
   
.logox img {  
   width:29.5rem;
   height:9.5rem; 
   filter: grayscale(100%) invert(10%) brightness(1000%);
   object-fit: contain;
   }
   
.logo img {
    width: 29.5rem;
    height: 9.5rem;
    object-fit: contain;
   filter: none;
   }
   
   
.banner {
   position:relative;
   }   
   
.banner img {
   width:100%;
   height:100vh;
   object-fit: cover;
   object-position: left;
   }
   
.banner .swiper-container-horizontal > .swiper-pagination-bullets, .swiper-pagination-custom, .swiper-pagination-fraction {
    bottom: 7.5rem;
    left: 0;
    width: 100%;
}


.banner .swiper-pagination-bullet {
    width: 11.2rem;
    height:1px;
    display: inline-block;
    border-radius: 0;
    background: #FFFFFF;
    opacity: 1;
}
.banner .swiper-pagination-bullet-active{
    background:#0054a3;
}
.banner .swiper-pagination-white .swiper-pagination-bullet-active {
    width: 11.2rem;
    height:4px;
    background: #2579d0;
}
.banner .swiper-button-prev {
    position: absolute;
    width: 3.5rem;
    height: 3.5rem;
    z-index: 10;
    cursor: pointer;
    background: url(../images/leftx.png);
    background-size: 3.5rem 3.5rem;
    background-position: center;
    background-repeat: no-repeat;
}
.banner .swiper-button-next {
    width: 3.5rem;
    height: 3.5rem;
    background: url(../images/rightx.png);
    background-size: 3.5rem 3.5rem;
        background-position: center;
    background-repeat: no-repeat;
}
.bnnzi {
    position: absolute;
    width: 100rem;
    left: 12.5%;
    top: 35%;
    font-size: 2rem;
    color: #FFFFFF;
    z-index: 8;
}

.bnnzi h2 {
    font-family: Microsoft YaHei, Helvetica, Arial, sans-serif;
    font-size: 6rem;
    color: #FFFFFF;
    letter-spacing: 8px;
    line-height: 8rem;
    margin-top: 0px;
    margin-bottom: 4rem;
    opacity: 0;
}

.bnnzi span {
   opacity: 0;
   } 

.fangan {
    position: relative;
    height: 100vh;
    overflow: hidden;
}

.bnnbj {
   position:absolute;
   width:100%;
   height:100vh;
   left:0px;
   top:0px;
   background-color:rgba(0,0,0,0.2);
   z-index:6;
   }


.fangan video {
   width:100%;
   height: 100vh;
   object-fit: cover;
   object-position: bottom;
}

.lghh {
   padding-top: 0px;
   padding-bottom: 0px;
   background-color:rgba(255,255,255,1);
   box-shadow: 0px 0px 15px rgba(0,0,0,.2);
   }
   
.lghh .navbar-nav > li > a {
    color: #333333;
    font-size: 1.8rem;
}

.lghh .navbar-nav > li > a:hover {
    color: #0054a3;
}

.lghh .navbar-nav > li > a::after {
    width: 0;
    transition: width .3s;
    height: 0.2rem;
    display: block;
    margin: 0 auto;
    content: "";
    background-color: #0054a3;
}

.lghh .navbar-nav > li > a:hover:after{
	width:100%;
	height:0.2rem;
	display:block;
	content:"";
	transition:width .3s;
	background-color:#0054a3;
}
	
.yc {
   display:block;
   }
   
.yd {
   display:none;
   }	
   
.abkuan {
   width:132.5rem;
   height:auto; overflow:hidden;
   margin:6rem auto 0rem;
   }
   
.ableft {
   width:21rem;
   float:left;
   } 
   
.ableft h2 {
   font-family: 'AdobeArabic-Bold', Helvetica, Arial, sans-serif;
   font-size:2.4rem;
   color:#a9a9a9;
   margin-top:0rem;
   margin-bottom:0.6rem;
   } 
   
.ableft h3 {
   font-family: Microsoft YaHei, Helvetica, Arial, sans-serif;
   font-size:3.4rem;
   color:#1a1a1a;
   margin-top:0rem;
   padding-bottom:3rem;
   background:url(../images/xiahua.png) left bottom; background-repeat:no-repeat;
   margin-bottom:22.7rem;
   }
   
.abmore {
   width:16.8rem;
   height:4.7rem;
   }
   
.abmore a {
    display: block;
    width: 100%;
    height: 4.7rem;
    line-height: 4.7rem;
    text-align: center;
    font-size: 1.6rem;
    border: 1px solid #bfbfbf;
    border-radius: 30px;
}

.abmore a:hover {
   border:1px solid #0054a3;
   background-color:#0054a3;
   color:#FFFFFF;
   }
   
.abright {
   width:97.6rem;
   color:#333333;
   float:right;
   }  
   
.abright h2 {
   font-family: Microsoft YaHei, Helvetica, Arial, sans-serif;
   font-size:2.2rem;
   color:#000000;
   margin-top:4.3rem;
   margin-bottom:1.4rem;
   }
   
.abnei {
   height:auto; overflow:hidden;
   font-size:1.6rem;
   line-height:3rem;
   text-align: justify;
   text-indent: 2em;
   } 
   
.shuju {
    height: auto;
    overflow: hidden;
    margin-top: 6.8rem;
}

.shuju li {
    list-style-type: none;
    width: 16.66%;
	font-size:1.2rem;
    color: #4d4d4d;
    padding-left: 3rem;
    float: left;
}

.shuju li h3 {
    font-family: Microsoft YaHei, Helvetica, Arial, sans-serif;
    font-size: 1.4rem;
    color: #4d4d4d;
    margin-top: 1.7rem;
    margin-bottom: 0.5rem;
}

.shuzi {
    font-family: 'ElectroluxSansVN-DemiBold', Helvetica, Arial, sans-serif;
    font-size: 3.2rem;
    color: #0054a3;
	position:relative;
	padding-right:1.5rem;
	background:url(../images/jia.png) top right; background-repeat:no-repeat;
	background-size: 1.4rem 1.4rem;
}

.cptit {
   height:auto; overflow:hidden;
   margin-top:0rem;
   }
   
.cptit h2 {
   font-family: 'AdobeArabic-Bold', Helvetica, Arial, sans-serif;
   font-size:2.4rem;
   color:#a9a9a9;
   margin-top:0rem;
   margin-bottom:0.6rem;
   }
   
.cptit h3 {
   font-family: Microsoft YaHei, Helvetica, Arial, sans-serif;
   font-size:3.4rem;
   color:#1a1a1a;
   margin-top:0rem;
   padding-bottom:3rem;
   background:url(../images/xiahua.png) left bottom; background-repeat:no-repeat;
   margin-bottom:6.6rem;
   }
   
.cplb {
   position:relative;
   margin-top:-10rem;
   }
   
.cplb .swiper-container {
   padding-top:10rem;
   }
   
.cplb .swiper-button-prev {
    position: absolute;
    top: 4%;
    width: 3.5rem;
    height: 3.5rem;
    z-index: 10;
    cursor: pointer;
	background:url(../images/left.png);
    background-size: 3.5rem 3.5rem;
    background-position: center;
    background-repeat: no-repeat;
	left:78.5%;
}

.cplb .swiper-button-prev:hover {
	background:url(../images/leftx.png);
    background-size: 3.5rem 3.5rem;
}

.cplb .swiper-button-next {
    position: absolute;
    top: 4%;
    width: 3.5rem;
    height: 3.5rem;
    z-index: 10;
    cursor: pointer;
	background:url(../images/right.png);
    background-size: 3.5rem 3.5rem;
    background-position: center;
    background-repeat: no-repeat;
	right:15.6%;
}

.cplb .swiper-button-next:hover {
	background:url(../images/rightx.png);
    background-size: 3.5rem 3.5rem;
}

.fuwu {
   height:auto; overflow:hidden;
   padding-top:1rem;
   padding-bottom:1rem;
   margin-top:7rem;
   }
   
.fwkuai {
   height:auto; overflow:hidden;
   box-shadow: 0px 0px 15px rgba(0,0,0,.1);
   }
   
.fwkuai-aa {
   width:36.5%;
   padding:2.5rem;
   padding-top:6rem;
   font-size:1.6rem;
   line-height:2.9rem;
   color:#333333;
   text-align: justify;
   float:left;
   }
   
.fwkuai-aa h2 {
   font-family: 'AdobeArabic-Bold', Helvetica, Arial, sans-serif;
   font-size:2.4rem;
   color:#a9a9a9;
   margin-top:0rem;
   margin-bottom:0.6rem;
   }
   
.fwkuai-aa h3 {
   font-family: Microsoft YaHei, Helvetica, Arial, sans-serif;
   font-size:3.4rem;
   color:#1a1a1a;
   margin-top:0rem;
   padding-bottom:3rem;
   background:url(../images/xiahua.png) left bottom; background-repeat:no-repeat;
   margin-bottom:6rem;
   }
   
.fwmore {
   margin-top:6.5rem;
   width:16.7rem;
   }
   
.fwmore a {
    display: block;
    width: 100%;
    height: 4.7rem;
    line-height: 4.7rem;
    text-align: center;
    font-size: 1.6rem;
    border: 1px solid #bfbfbf;
    border-radius: 30px;
}

.fwmore a:hover {
    border: 1px solid #0054a3;
    background-color: #0054a3;
    color: #FFFFFF;
}
   
.fwkuai-bb {
   width:62%;
   position:relative;
   float:right;
   }
   
.fwkuai-bb img {
   width:100%;
   }
   
.fwlan {
   position:absolute;
   width:100%;
   height:63rem;
   background-color:rgba(0,0,0,.14);
   }
   
.fwlan li {
   list-style-type:none;
   width:25%;
   height:100%;
   position:relative;
   text-align:center;
   border-right:1px solid rgba(255,255,255,.14);
   float:left;
   }
   
.fwlan li h2 {
   font-family: Microsoft YaHei, Helvetica, Arial, sans-serif;
   font-size:1.2rem;
   margin-top:0rem;
   margin-bottom:0.5rem;
   }
   
.fwlan li h2 a {
   color:#FFFFFF;
   }
   
.dazix {
   font-family: 'ElectroluxSans_3_Regular', Helvetica, Arial, sans-serif;
   font-size:4rem;
   }
   
.dazi {
   font-family: 'ElectroluxSans_3_Regular', Helvetica, Arial, sans-serif;
   font-size:4rem;
    position: relative;
    padding-right: 1.5rem;
    background: url(../images/jiax.png) top right;
    background-repeat: no-repeat;
    background-size: 1.4rem 1.4rem;
   }
   
.shansuo dl dt,.shansuo dl dd{
	position: absolute;
	width: 1.6rem;
	height: 1.6rem;
	border-radius: 50%;
	background: #FFFFFF;
}


.shansuo dl dd{
	width: 1.6rem;
	height: 1.6rem;
}
.hexinbig {
    display: flex;
    align-items: center;
    justify-content: space-between;
    box-shadow: 0 0 14px 1px rgba(234, 234, 234, .75);
}

.hexinright {
    width: 68%;
    position: relative;
}

.hexinleft {
    width: 30%;
    font-size: 1.8rem;
    padding: 3rem 1rem 0 5rem;
    line-height: 2;
}

.hexinleft a img {
    width: 0.6rem;
    margin-left: 1.5rem;
}

.hexinleft a {
    width: 20rem;
    height: 4.6rem;
    display: flex;
    align-items: center;
    justify-content: center;
    background: #d93a2a;
    color: #fff;
    border-radius: 10px;
    margin-top: 3.8rem;
}

.hexin {
    padding: 7.2rem 0 10.2rem;
}

.hexinright li {
    width: 25%;
    text-align: center;
}

.hexinright ul {
    display: flex;
    justify-content: space-between;
    position: absolute;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 1;
    padding: 0;
}

.hexinright ul li a {
    height: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-direction: column;
    font-size: 1.4rem;
}

.hexinright .nav-pills>li.active>a,
.hexinright .nav-pills>li.active>a:focus,
.hexinright .nav-pills>li.active>a:hover {
    color: #fff;
    background-color: transparent;
    border-radius: 0;
}

.hexinright .nav>li>a:focus,
.hexinright .nav>li>a:hover {
    text-decoration: none;
    background-color: transparent;
}

.hexinright li a {
    color: #fff;
}

.deco {
    display: block;
    width: 6rem;
    height: 6rem;
    opacity: 1;
    transition: .1s;
    transform: translateZ(0);
    margin: 0 auto;
    margin-bottom: 2rem;
}

.deco:before {
    content: "";
    left: 50%;
    position: absolute;
    top: 50%;
    transform: translate3d(-50%, -50%, 0) scale(.75);
    transition: .4s;
    border: 1px solid hsla(0, 0%, 100%, .3);
    border-radius: 100%;
    height: 4rem;
    width: 4rem;
}

.deco i {
    background: hsla(0, 0%, 100%, .8);
    border: 1px solid #fff;
    border-radius: 100%;
    height: 2.2rem;
    left: 50%;
    position: absolute;
    top: 50%;
    transform: translate3d(-50%, -50%, 0) scale(.5);
    transition: .4s;
    width: 2.2rem;
}

.deco:after {
    content: "";
    left: 50%;
    position: absolute;
    top: 50%;
    transform: translate3d(-50%, -50%, 0) scale(.75);
    transition: .4s;
    border: 1px solid hsla(0, 0%, 100%, .1);
    border-radius: 100%;
    height: 6rem;
    width: 6rem;
}

.hexinright li:not(:last-child) {
    border-right: 1px solid rgba(255, 255, 255, .3);
}

.hexinright li:hover .deco:before {
    animation: scalepulse 1.3s linear .3s infinite both;
    transform: translate3d(-50%, -50%, 0) scale(1);
}

.hexinright li:hover .deco i,
.hexinright li:hover .deco em {
    background: #fff;
    animation: scalepulse 1.3s linear 0s infinite both;
    transform: translate3d(-50%, -50%, 0) scale(1);
}

.hexinright li:hover .deco:after {
    animation: scalepulse 1.3s linear .15s infinite both;
    transform: translate3d(-50%, -50%, 0) scale(1);
}

.tab-img {
    position: relative;
    height: 66.6rem;
    background: #000;
    /* 根据需求调整高度 */
}

.tab-img img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.tab-img-item {
    opacity: 0.7;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    display: none;
}
.tab-img-item.active {
    display: block;
}
.hexinleft h2{
    font-size: 3.4rem;
}
#kechuang{
    overflow: hidden;
    position:relative;
}
#kechuang .swiper-button-next {
    background-image: url(../images/jtr.svg);
    background-repeat: no-repeat;
    background-size: 5rem;
    background-color: rgba(0, 0, 0, .3);
    width: 9rem;
    height: 5.6rem;
    right: 27%;
    top: 90%;
    transition: .5s;
    z-index: 2;
}
#kechuang .swiper-button-prev {
    background-image: url(../images/jtl.svg);
    background-repeat: no-repeat;
    background-size: 5rem;
    background-color: rgba(0, 0, 0, .3);
    width: 9rem;
    height: 5.6rem;
    left: 62%;
    top: 90%;
    transition: .5s;
    z-index: 2;
}
#kechuang .swiper-button-next:hover,
#kechuang .swiper-button-prev:hover {
    background-color: #0054a3;
    transition: .5s;
}
.jiaruwomen {
    padding: 3.5rem 0;
}

.rlbt {
    height: 8rem;
    display: flex;
    justify-content: space-between;
    padding: 0 7.2rem 0 6.2rem;
    align-items: center;
    cursor: pointer;
}

.rlbt span:first-child {
    font-size: 1.6rem;
}

.rlbt span:last-child {
    font-size: 2.8rem;
    color: #0054a3;
    cursor: pointer;
}

.jiaruwomenbig ul li .rlbt {
    border-bottom: 1px solid #f2f2f2;
}
.jiaruwomenbig ul li{
    list-style: none;
}
.jiaruwomen .dblx {
    border-top: 0;
}


.rlyqw {
    background: #f8f8f8;
    display: none;
}
.rlyqn {
    display: flex;
    justify-content: space-between;
    padding: 5.2rem 6.2rem 3.6rem;
}
.rlyqn h2 {
    font-size: 1.4rem;
    font-weight: bold;
    margin-bottom: 1.5rem;
}
.rlyqn section {
    font-size: 1.4rem;
    line-height: 2;
}
.rczp{
    padding:3% 0;   
}
.rczp img{
    max-width: 100%;
}
.homecasebigb img{
    aspect-ratio: 3 / 2;
    object-fit: cover;
    height: 60rem;
}
.sygy{
    background:url(../images/gybj.jpg) no-repeat;
    background-size:cover;
    padding-top:7.1rem;
    padding-bottom:7.1rem;
    display: flex;
}
.sygyz{ 
    float:left;
    width:40%;
    line-height:230%;
    font-size:12px;
    color:black;
}
.symore {
    border-top:1px solid black;
    padding-top:42px;
    margin-top:63px;
    font-size:18px;
    background:url(../images/indexjt.png) no-repeat right 82%;

}
.symore:hover{
    color:#0039a7;
}
.sygyz h2{
    font-size:3.7rem;
    font-weight: bold;
}
.sygyz a{
    text-decoration: none;
}
.sygyz h3{
    font-size:1.6rem;
    background:#0056c4;
    padding:1rem 2rem;
    display: inline-block;
    border-radius: 1.5rem 0 1.5rem 0;
    color:white;
    margin-top:2.8rem;
    margin-bottom:2.8rem;
}
.sygyz h4{
    font-size:1.8rem;
    font-weight: bold;
    margin-bottom:1rem;
}
.sygytu{
    float:right;
    width:50%;
}
.sygytu img{
    border-radius: 0 0 0 9rem;
    float:right;
}
.sygybig{
    display: flex;
    align-items: center;
    justify-content: space-between;
}
.apply {
    position: fixed;
    z-index: 10000;
    background: rgba(0, 0, 0, .8);
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    display: none;
}

.zwcont {
    width: 60%;
    left: 20%;
    top: 50%;
    margin-top: 0;
    position: relative;
    transform: translate(0px, -50%);
}

.zwcont iframe {
    height: 62rem;
    background: transparent;
    width: 100%;
}

.tmbody {
    background: transparent;
}

.zwcont .closets {
    position: absolute;
    height: 90px;
    right: 15px;
    top: 0;
    cursor: pointer;
    width: 40px;
    background: url(../images/gbtou.png) center no-repeat;
}

@media(max-width:1200px){
    .cplb .swiper-button-prev{
        top: 7%;
    }
    .cplb .swiper-button-next{
        top:7%;
    }
    .banner img{
        height: auto;
    }
    .fangan{
        height: auto;
    }
}
@media (max-width:992px) {
	.shansuo{
		width: 100%;

	}
	.shansuo dl dt,.shansuo dl dd{
		width: 1.2rem;
		height: 1.2rem;
	}
	.shansuo dl dd{
		width: 1rem;
		height: 1rem;
	}
}

@keyframes roateshow
{
	0% {transform: scale(0);opacity: 0;}
	50% {transform: scale(2);opacity: 1;}
	100% {transform: scale(4);opacity: 0;}
}
@-webkit-keyframes roateshow
{
	0% {transform: scale(0);opacity: 0;}
	50% {transform: scale(2);opacity: 1;}
	100% {transform: scale(4);opacity: 0;}
}
@keyframes toright
{
	0% {padding-left:0;}
	50% {padding-left:30px;}
	100% {padding-left:0;}
}
@-webkit-keyframes toright
{
	0% {padding-left:0;}
	50% {padding-left:30px;}
	100% {padding-left:0;}
}
   
.shansuo dl dt {
    position:absolute;
    top: 45%;
    left: 46.1%;
}

.shansuo dl dd i,.shansuo dl dt i{
	position:relative;
	width: 1.6rem;
	height: 1.6rem;
	display: block;
	border-radius: 50%;
	background-image: radial-gradient(circle,rgba(255,255,255,0),rgba(255,255,255,1));
	animation: roateshow 1s linear infinite;
	-webkit-animation: roateshow 1s linear infinite;
}

   
#slidingz {
	height:auto; overflow:hidden;
}

#slidingz span {
    float:left; width:100%; height:100%; font-weight:bold; font-size:1.4rem; padding-top:35rem; font-size:1.4rem; over-flow:hidden;
}
#slidingz span.menuNo {
    font-weight:normal; width:100%; height:100%; color:#FFFFFF; position:relative; font-size:1.4rem; padding-top:35rem; font-size:1.4rem; text-align:center;
	background-color:rgba(0,0,0,0);
	transition: all 300ms ease-in 0ms;
}

#slidingz span.menuOn {
    font-weight:normal; width:100%; height:100%; color:#FFFFFF; position:relative; font-size:1.4rem; padding-top:35rem; font-size:1.4rem; text-align:center;
	background-color:rgba(0,0,0,0.4);
	transition: all 300ms ease-in 0ms;
}


#slidingz DIV.slidingList_none {
    display:none;
	transition: all 300ms ease-in 0ms;
}
#slidingz DIV.slidingList {
    width:100%;
    margin:0px; padding:0px; height:auto; overflow:hidden;
	transition: all 300ms ease-in 0ms;
}  


.jjtit {
   height:auto; overflow:hidden;
   margin-top:8rem;
   }  
   
.jjtit h2 {
   font-family: 'AdobeArabic-Bold', Helvetica, Arial, sans-serif;
   font-size:2.4rem;
   color:#a9a9a9;
   margin-top:0rem;
   margin-bottom:0.6rem;
   }
   
.jjtit h3 {
   font-family: Microsoft YaHei, Helvetica, Arial, sans-serif;
   font-size:3.4rem;
   color:#1a1a1a;
   margin-top:0rem;
   padding-bottom:3rem;
   background:url(../images/xiahua.png) left bottom; background-repeat:no-repeat;
   margin-bottom:6.6rem;
   }

.ywlan {
   position: absolute;
   width:100%;
   height:auto; overflow:hidden;
   left:0rem;
   top:0rem;
   z-index: 6;
   } 
   
.ywlan li {
   list-style-type:none;
   width:10%;
   float:left;
   color:#FFFFFF;
   text-align:center;
   border-right:1px solid #FFFFFF;
   } 
   
.ywlan li img {
   width:5rem;
   }
   
.ywlan li p {
   margin-top:0.4rem;
   margin-bottom:0rem;
   font-size:1.6rem;
   }    
   
#slidingBlock {
	height:auto; overflow:hidden;
}

#slidingBlock span {
    float:left; width:100%; height:11.6rem; font-weight:bold; text-align:center; font-size:1.6rem; over-flow:hidden;
}
#slidingBlock span.menuNo {
    font-weight:normal; width:100%; height:11.6rem; color:#333333; padding-top:2rem; font-size:1.6rem; background-color:#e7e9e9; text-align:center;
}

#slidingBlock span.menuNo img {
	filter: none;
   }

#slidingBlock span.menuOn {
    font-weight:normal; width:100%; height:11.6rem; color:#FFFFFF; padding-top:2rem; font-size:1.6rem; text-align:center; background-color:#0054a3;
}

#slidingBlock span.menuOn img {
    filter: grayscale(100%) invert(100%) brightness(1000%);
   }

#slidingBlock DIV.slidingList_none {
    display:none
}
#slidingBlock DIV.slidingList {
    width:100%;
    margin:0px; padding:0px; height:auto; overflow:hidden;
}

.ywnn {
   position:relative;
   height:auto; overflow:hidden;
   }  
   
.ywnn img {
   width:100%;
   }
   
.ywnn-zi {
   position:absolute;
   width:60%;
   left:9%;
   top:40%;
   color:#FFFFFF;
   font-size:1.4rem;
   z-index:6;
   }
   
.ywnn-zi a {
   color:#FFFFFF;
   }
   
.ywnn-zi h3 {
   font-family: Microsoft YaHei, Helvetica, Arial, sans-serif;
   font-size:3.6rem;
   text-transform:uppercase;
   color:#FFFFFF;
   margin-top:0px;
   padding-bottom:1.5rem;
   background:url(../images/xiahua.jpg) left bottom; background-repeat:no-repeat;
   margin-bottom:3.6rem;
   }
   
.ywnn-zi h4 {
   font-family: Microsoft YaHei, Helvetica, Arial, sans-serif;
   font-size:3.6rem;
   color:#FFFFFF;
   margin-top:0px;
   margin-bottom:1.5rem;
   }
   
@keyframes heart{
from{margin-top:0px;}
to{margin-top:-8px;}
}

@keyframes heart{
from{transform:translate(0,0)}
to{transform:translate(0,8px)}
}

   
.ywmore {
   width:72px;
   height:auto; overflow:hidden;
   margin-top:66px;
   padding-top:95px;
   text-align:center;
   font-size:16px;
   animation: heart 0.8s ease-in-out 0.8s infinite alternate;
   background:url(../images/shu.png) center top; background-repeat:no-repeat;
   }
   
.ywmore a {
   color:#FFFFFF;
   }
   
.xwkuan {
   width:70.6%;
   padding-right: 15px;
   margin-right: auto;
   margin-left: auto;
   padding-left: 15px;
   }
   
.xinwen {
    margin-top: 7rem;
	margin-bottom:4.5rem;
    height: auto;
    overflow: hidden;
}

.xwtit {
   height:auto; overflow:hidden;
   }
   
.xwtit-aa {
   width:25.6rem;
   float:left;
   }
   
.xwtit-aa h2 {
   font-family: 'AdobeArabic-Bold', Helvetica, Arial, sans-serif;
   font-size:2.4rem;
   color:#a9a9a9;
   margin-top:0rem;
   margin-bottom:0.6rem;
   }
   
.xwtit-aa h3 {
   font-family: Microsoft YaHei, Helvetica, Arial, sans-serif;
   font-size:3.4rem;
   color:#1a1a1a;
   margin-top:0rem;
   padding-bottom:3rem;
   background:url(../images/xiahua.png) left bottom; background-repeat:no-repeat;
   margin-bottom:6rem;
   }
   
.xwtit-bb {
   width:37.5rem;
   float:left;
   margin-top:3rem;
   position: relative;
   z-index: 8;
   }
   
.xwtit-bb li {
   list-style-type:none;
   width:15rem;
   float:left;
   margin-right:2.4rem;
   }
   
   
.xwnei {
   height:auto; overflow:hidden;
   position:relative;
   margin-top:-12rem;
   }
   
.xwnei .swiper-container {
   padding-top:12rem;
   }
   
.xwkk {
   height:auto; overflow:hidden;
   font-size:1.6rem;
   line-height:2.8rem;
   color:#808080;
   }
   
.xwkk a {
   color:#808080;
   }
   
.xwkk img { -moz-transition:all .8s ease 0s; -ms-transition:all .8s ease 0s; -o-transition:all .8s ease 0s; -webkit-transition:all .8s ease 0s; transition:all .8s ease 0s; width:100%;
    aspect-ratio: 390 / 227;
    object-fit: cover;}  

.xwkk:hover img {
    -webkit-transform: scale(1.1);
    transform: scale(1.1);
	transition: all 500ms ease-in 0ms;
   } 
   
.xwkk section {
   overflow: hidden;
   }	 
	
section {
    display: block;
} 
   
.xwkk h4 {
   font-family: Microsoft YaHei, Helvetica, Arial, sans-serif;
   font-size:2rem;
   height:auto; overflow:hidden;
   color:#1a1a1a;
   line-height:3.4rem;
   margin-top:0rem;
   margin-bottom:1.5rem;
   }
   
.xwkk a:hover h4 {
   color:#0054a3;
   }
   
.xwtime {
   height:auto; overflow:hidden;
   margin-top:2.3rem;
   margin-bottom:2.4rem;
   }
   
   
#slidingy {
	height:auto; overflow:hidden;
}

#slidingy span {
    float:left; width:100%; font-weight:bold; font-size:1.8rem; height:5rem; line-height:5rem; text-align:center over-flow:hidden;
}
#slidingy span.menuNo {
    font-weight:normal; width:100%; height:5rem; line-height:5rem; color:#333333; font-size:1.8rem; text-align:center;
	background-color:#FFFFFF; border:1px solid #b3b3b3; border-radius: 30px;
	transition: all 300ms ease-in 0ms;
}

#slidingy span.menuOn {
    font-weight:normal; width:100%; height:5rem; line-height:5rem; color:#FFFFFF; font-size:1.8rem; text-align:center;
	background-color:#0054a3; border:1px solid #0054a3; border-radius: 30px;
	transition: all 300ms ease-in 0ms;
}


#slidingy DIV.slidingList_none {
    display:none;
	transition: all 300ms ease-in 0ms;
}
#slidingy DIV.slidingList {
    width:100%;
    margin:0px; padding:0px; height:auto; overflow:hidden;
	transition: all 300ms ease-in 0ms;
} 

.xwnei .swiper-button-prev {
    position: absolute;
    top: 5%;
    width: 3.5rem;
    height: 3.5rem;
    z-index: 8;
    cursor: pointer;
	background:url(../images/left.png);
    background-size: 3.5rem 3.5rem;
    background-position: center;
    background-repeat: no-repeat;
	left:92%;
}

.xwnei .swiper-button-prev:hover {
    background:url(../images/leftx.png);
    background-size: 3.5rem 3.5rem;
} 

.xwnei .swiper-button-next {
    position: absolute;
    top: 5%;
    width: 3.5rem;
    height: 3.5rem;
    z-index: 8;
    cursor: pointer;
	background:url(../images/right.png);
    background-size: 3.5rem 3.5rem;
    background-position: center;
    background-repeat: no-repeat;
	right:0%;
}

.xwnei .swiper-button-next:hover {
    background:url(../images/rightx.png);
    background-size: 3.5rem 3.5rem;
}

.xwmore {
   width:16.7rem;
   height:4.7rem;
   margin:4.6rem auto 0rem;
   }
   
.xwmore a {
   display:block;
   width:100%;
   height:4.7rem;
   line-height:4.7rem;
   color:#808080;
   font-size:1.4rem;
   text-align:center;
   border:1px solid #bfbfbf;
   border-radius: 30px;
   }
   
.xwmore a:hover {
   border:1px solid #0054a3;
   color:#0054a3;
   }
   
   
.hezuo {
   height:auto; overflow:hidden;
   background:url(../images/hzbj.jpg);
   background-size: 100% 100%;
   padding-top:5.4rem;
   padding-bottom:15rem;
   }
   
.hztit {
   height:auto; overflow:hidden;
   }
   
.hztit-aa {
   width:50%;
   float:left;
   }
   
.hztit-aa h2 {
   font-family: 'AdobeArabic-Bold', Helvetica, Arial, sans-serif;
   font-size:2.4rem;
   color:#a9a9a9;
   margin-top:0rem;
   margin-bottom:0.6rem;
   }
   
.hztit-aa h3 {
   font-family: Microsoft YaHei, Helvetica, Arial, sans-serif;
   font-size:3.4rem;
   color:#1a1a1a;
   margin-top:0rem;
   padding-bottom:3rem;
   background:url(../images/xiahua.png) left bottom; background-repeat:no-repeat;
   margin-bottom:9rem;
   }  
   
.hztit-bb {
   width:50%;
   float:right;
   text-align:right;
   margin-top:3.5rem;
   color:#808080;
   }
   
   
.hznei {
   height:auto; overflow:hidden;
  }
  
.hzrow {
    height: auto;
    overflow: hidden;
    padding-top: 1rem;
    margin-left: -0.8rem;
    margin-right: -0.8rem;
}

.hzrow li {
    list-style-type: none;
    width: 16.66%;
    float: left;
    padding-left: 0.8rem;
    padding-right: 0.8rem;
    margin-bottom: 2rem;
}

.hzrow li img {
    box-shadow: 0px 0px 15px rgba(0,0,0,.1);
        aspect-ratio: 304 / 173;
    object-fit: cover;
    width:100%;
}


.bottom {
   height:auto; overflow:hidden;
   padding-top:4.3rem;
   color:#dcdcdc;
   line-height:3rem;
   background:url(../images/bmbj.jpg);
   background-size: 100% 100%;
   position: relative;
    z-index: 6;
   }
   
.bottom a {
   color:#dcdcdc;
   }

.bottom a:hover {
   color:#FFFFFF;
   }
   
.bmdd {
   height:auto; overflow:hidden;
   }   
   
.bottom-aa img {
   width:10.5rem;
   height:auto;
   }
   
.bottom-aa {
   width:31.7%;
   float:left;
   }
   
.bottom-bb {
   width:68%;
   float:right;
   display: flex;
   justify-content: space-between;
   }
   
.xian {
    width: 19.2rem;
    height: 1px;
    background-color: rgba(255, 255, 255, .8);
    margin-top: 0.6rem;
    margin-bottom: 2.6rem;
}

.xxzi {
    height: auto;
    overflow: hidden;
    font-size: 1.4rem;
    line-height: 2.9rem;
    color: #FFFFFF;
	margin-top:1.4rem;
}

.xxzi h3 {
    font-family: Microsoft YaHei, Helvetica, Arial, sans-serif;
    font-size: 1.4rem;
    color: #FFFFFF;
    font-weight: 600;
    margin-top: 0rem;
    margin-bottom: 0.6rem;
   }

.daohh {
    height:auto; overflow:hidden;
	padding-bottom:12.5rem;
    position: relative;
    width: calc(100% - 10rem);
}

.daohh li {
   list-style-type:none;
   width:20%;
   font-size:1.4rem;
   float:left;
   }
   
.bottom h2 {
    font-family: Microsoft YaHei, Helvetica, Arial, sans-serif;
    font-size: 1.6rem;
    font-weight: 600;
    color: #FFFFFF;
    margin-top: 6px;
    padding-bottom: 1.4rem;
	background:url(../images/xh.png) left bottom; background-repeat:no-repeat;
	background-size: 2.5rem 0.3rem;
    margin-bottom: 2rem;
}

.bottom h2 a {
   color: #FFFFFF;
}

.weixin {
    position: relative;
    width: 10rem;
    right: 0rem;
    bottom: 0rem;
}

.wxrow {
   height:auto; overflow:hidden;
   margin-left:-1rem;
   margin-right:-1rem;
   }
   
.wxrow li {
   list-style-type:none;
   width:100%;
   float:right;
   padding-left:1rem;
   padding-right:1rem;
   }
   
.wxrow li img {
   width:100%;
   }
   
.wxrow li p {
    text-align: center;
    font-size: 1.2rem;
    margin-top: 0.6rem;
	margin-bottom:0rem;
}

.footer {
   height:auto; overflow:hidden;
   line-height:4rem;
   border-top:1px solid #424242;
   margin-top:3rem;
   }
   
.juyou {
   text-align:right;
   } 
   
/* 关于我们 */
.tpzz {
    margin-top: 13.6rem;
}

.ibanner {
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    height: 50rem;
    position: relative;
}

.ibanner h2 {
    text-align: center;
    color: #fff;
    position: relative;
    top: 40%;
}

.ibanner h2 big {
    display: block;
    font-size: 5.4rem;
    line-height: 6.6rem;
}

.ibanner h2 span {
    display: block;
    font-size: 1.9rem;
    font-family: Fontthree;
    line-height: 3rem;
    margin: 10px 0px 0px;
    text-transform: uppercase;
}

.ibanner section {
	position:absolute;
	padding:0px 10%;
	width:100%;
	bottom:2rem;
	left:0;
	font-size:1.55rem;
	letter-spacing:1px;
	line-height:3rem;
	color:#fff;
}
.ibanner section span {
	display:block;
	float:left;
}
.ibanner section a {
	color:#fff;
}
.ibanner section span i {
	font-size:2.0rem;
	margin-right:0.5rem;
	line-height:3rem;
}
.ibanner section big {
	display:block;
	float:right;
}
.ibanner section big a {
	font-size:1.6rem;
	letter-spacing:1px;
	line-height:3rem;
	font-weight:bold;
	color:#fff;
}
.ibanner section big a:hover {
	text-decoration:underline;
}
@media (max-width:1400px) {
	.ibanner h2 big {
	font-size:3.6rem;
	line-height:4.6rem;
}
.ibanner h2 span {
	font-size:1.6rem;
}
.ibanner section {
	font-size:1.5rem;
}
.ibanner section span i {
	font-size:1.6rem;
}
}@media (max-width:992px) {
	.ibanner {
	height:20rem;
	margin-top: 0px;
}
.ibanner h2 big {
	font-size:2.6rem;
	line-height:3.6rem;
}
.ibanner section {
	display:none;
}
}

.lanmu {
	box-shadow:0px 0px 1px rgba(0,0,0,.4);
}
.lanmu ul {
	text-align:center;
	font-size:0;
	margin:0px;
}
.lanmu ul li {
	display:inline-block;
	padding:0px 3rem;
}
.lanmu ul li a,.lanmu ul li span {
	display:block;
	color:#333;
	line-height:7rem;
	font-size:1.8rem;
	position:relative;
	cursor:pointer;
}
.lanmu ul li a:after,.lanmu ul li span:after {
	content:"";
	display:block;
	height:0.2rem;
	position:absolute;
	width:100%;
	bottom:0;
	left:0;
	background:#0054a3;
	opacity:0;
	transition:.3s;
}
.lanmu ul li a:hover,.lanmu ul li.cur a,.lanmu ul li span:hover,.lanmu ul li.cur span {
	color:#0054a3;
}
.lanmu ul li a:hover:after,.lanmu ul li.cur a:after,.lanmu ul li span:hover:after,.lanmu ul li.cur span:after {
	opacity:1;
}
@media (max-width:1400px) {
	.lanmu ul li a,.lanmu ul li span {
	font-size:1.5rem;
}
}@media (max-width:992px) {
	.lanmu ul {
	display:flex;
	flex-wrap:wrap;
	justify-content:space-between;
	padding:1.5rem 1.5rem 0.5rem;
}
.lanmu ul li {
	display:block;
	padding:0px 0px;
	width:48%;
	margin-bottom:1rem;
}
.lanmu ul li a,.lanmu ul li span {
	border:1px rgba(0,0,0,.15) solid;
	line-height:4rem;
	font-size:1.4rem;
}
.lanmu ul li a:after,.lanmu ul li span:after {
	display:none;
}
.lanmu ul li a:hover,.lanmu ul li.cur a,.lanmu ul li span:hover,.lanmu ul li.cur span {
	color:#fff;
	background:#0054a3;
	border:1px #0054a3 solid;
}
}  

.iabone {
   height:auto; overflow:hidden;
    padding: 6rem 7% 8rem;
    display: flex;
    justify-content: space-between;
}
#myVideo video{
    object-fit: cover;
}
.iabone-aa {
   width:47.6%;
   font-size:1.6rem;
   line-height:4rem;
   color:#4b4d59;
   float:left;
  }
  

.iabone-aa h2 {
    font-family: Microsoft YaHei, Helvetica, Arial, sans-serif;
    font-size: 3.6rem;
    font-weight: bold;
    color: #000000;
    margin-top: 0px;
	padding-bottom:1.8rem;
	background:url(../images/xiahuak.jpg) left bottom; background-repeat:no-repeat;
	background-size: 14.3rem 0.3rem;
    margin-bottom: 8rem;
}

.guddx {
    height: 40rem;
    padding: 0.5rem;
    padding-right: 1.5rem;
    overflow-y: scroll;
    text-align: justify;
}
.guddx p{
    margin-bottom:2rem;
}
   
.abtu {
   height:auto; overflow:hidden;
   margin-top:3.1rem;
   }
   
.abxx {
   height:auto; overflow:hidden;
   padding: 0.8rem;
   background-color: #f2f2f2;
}
  
.iabone-bb {
   width:45.6%;
   float:right;
  }
  
.iabone-bb img {
    width: 100%;
    border-radius: 16px 48px;
}

.shujuk {
   height:auto; overflow:hidden;
   }
   
.shujuk li {
   list-style-type:none;
   float:left;
   width:33.3%;
   color:#4b4d59;
   font-size:1.6rem;
   margin-bottom:1rem;
   }
   
.shujuk li h4 {
   font-family:'DIN Alternate Bold', Helvetica, Arial, sans-serif;
   font-size:4.8rem;
   color:#0054a3;
   margin-top:0rem;
   margin-bottom:0.5rem;
   position:relative;
   padding-right:2.5rem;
   }
   
.sjzi {
   position:absolute;
   font-size:1.4rem;
   line-height:2.3rem;
   color:#0054a3;
   bottom:0.4rem;
   left:10rem;
   }
   
.sjzi2 {
   position:absolute;
   font-size:1.4rem;
   line-height:2.3rem;
   color:#0054a3;
   bottom:0.4rem;
   left:7.5rem;
   }
   
.sjzi3 {
   position:absolute;
   font-size:1.4rem;
   line-height:2.3rem;
   color:#0054a3;
   bottom:0.4rem;
   left:5rem;
   }
   
.sjzi4 {
   position:absolute;
   font-size:1.4rem;
   line-height:2.3rem;
   color:#0054a3;
   bottom:0.4rem;
   left:12rem;
   }
   
.abnn {
   height:auto; overflow:hidden;
   font-size:1.5rem;
   color:#4b4d59;
   line-height:3.6rem;
   margin-top:7rem;
   }
   
.wenhua {
   height:auto; overflow:hidden;
    padding: 4rem 7% 6rem;
}

.wenhua h2 {
    font-family: Microsoft YaHei, Helvetica, Arial, sans-serif;
    font-size: 3.6rem;
    font-weight: bold;
    color: #000000;
    margin-top: 0px;
	padding-bottom:1.8rem;
	background:url(../images/xiahuak.jpg) left bottom; background-repeat:no-repeat;
	background-size: 14.3rem 0.3rem;
    margin-bottom: 2rem;
   }
   
.wenhua h3 {
    font-family: Microsoft YaHei, Helvetica, Arial, sans-serif;
    font-size: 1.6rem;
    color: #8d8d91;
    margin-top: 0rem;
    margin-bottom: 3rem;
}
   
   
.whrow {
   height:auto; overflow:hidden;
   margin-left:-5rem;
   margin-right:-5rem;
   }
   
.whrow li {
   list-style-type:none;
   width:25%;
   float:left;
   padding-left:5rem;
   padding-right:5rem;
   }
   
.whtu {
   height:auto; overflow:hidden;
   position:relative;
   border-radius:15px;
   }
   
.whtu img {
   width:100%;
   border-radius:15px;
   }
   
.whrow li img { -moz-transition:all .8s ease 0s; -ms-transition:all .8s ease 0s; -o-transition:all .8s ease 0s; -webkit-transition:all .8s ease 0s; transition:all .8s ease 0s;}  

.whrow li:hover img {
    -webkit-transform: scale(1.1);
    transform: scale(1.1);
	transition: all 500ms ease-in 0ms;
   } 
   
.whrow li section {
   overflow: hidden;
   }
   
.whtu-tit {
   position:absolute;
   width:12.4rem;
   line-height:3.2rem;
   font-size:1.6rem;
   color:#FFFFFF;
   text-align:center;
   background-color:#0054a3;
   left:2.7rem;
   top:2.7rem;
   z-index:6;
   }
   
.youhua {
   border-right:1px solid #f1f1f1;
   }
   
.whrow li p {
    font-size: 1.5rem;
    color: #4b4d59;
    line-height: normal;
    margin-top: 2rem;
    margin-bottom: 0rem;
    text-align: justify;
   }
 
.ihonor {
   height:auto; overflow:hidden;
    padding: 4rem 7% 6rem;
}

.ihonor h2 {
    font-family: Microsoft YaHei, Helvetica, Arial, sans-serif;
    font-size: 3.6rem;
    font-weight: bold;
    color: #000000;
    margin-top: 0px;
	padding-bottom:1.8rem;
	background:url(../images/xiahuak.jpg) left bottom; background-repeat:no-repeat;
	background-size: 14.3rem 0.3rem;
    margin-bottom: 2rem;
   }
   
.ihonor h3 {
    font-family: Microsoft YaHei, Helvetica, Arial, sans-serif;
    font-size: 1.6rem;
    color: #8d8d91;
    margin-top: 0rem;
    margin-bottom: 6rem;
}

.ryrow {
   height:auto; overflow:hidden;
   margin-left:-0.5rem;
   margin-right:-0.5rem;
   }
   
.ryrow li {
   list-style-type:none;
   width:25%;
   float:left;
   padding-left:0.5rem;
   padding-right:0.5rem;
   margin-bottom:3rem;
   }
   
.ryrow li img {
   width:100%;
aspect-ratio: 178 / 251;
    object-fit: cover;
   }
   
.ryrow li p {
   margin-top:1.2rem;
   font-size:1.6rem;
   text-align:center;
   }   
   

.lishi {
   height:auto; overflow:hidden;
   background-color:#f6f8f9;
}

.lstit {
   height:auto; overflow:hidden;
   padding: 6rem 7% 0rem;
   }
   
.lstit h2 {
    font-family: Microsoft YaHei, Helvetica, Arial, sans-serif;
    font-size: 3.6rem;
    font-weight: bold;
    color: #000000;
    margin-top: 0px;
	padding-bottom:1.8rem;
	background:url(../images/xiahuak.jpg) left bottom; background-repeat:no-repeat;
	background-size: 14.3rem 0.3rem;
    margin-bottom: 2rem;
   }
   
.lstit h3 {
    font-family: Microsoft YaHei, Helvetica, Arial, sans-serif;
    font-size: 1.6rem;
    color: #8d8d91;
    margin-top: 0rem;
    margin-bottom: 5.5rem;
}

.fazhan {
	position:relative;
	padding-bottom:10rem;
	margin-bottom:8rem;
}

.fazhan .swiper-container {
   padding-top:1rem;
   padding-bottom:1rem;
}

#hist {
	position:static;
}
#hist .swiper-slide {
	background:#fff;
	min-height:45rem;
	position:relative;
	box-shadow: 0px 0px 15px rgba(0,0,0,.1);
	border-radius:15px;
}

.lctup {
   position:absolute;
   width:100%;
   left:0rem;
   top:0rem;
   z-index:8;
   display:none;
   height: 100%;
   background:#fff;
   }
   
.lctup img {
   width:100%;
   height:100%;
   border-radius:15px;
   object-fit: cover;
   }
   
#hist .swiper-slide:hover .lctup {
   display:block;
   }

#hist .swiper-slide section {
	padding:8% 8% 0px;
}
#hist .swiper-slide section h3 {
	font-size:3rem;
	font-weight:bold;
	color:#0054a3;
	font-family:'ElectroluxSans_3_Regular';
	margin-top:0px;
	margin-bottom:2rem;
}

#hist .swiper-slide section h4 {
	font-size:1.8rem;
	color:#000;
	font-family:Fontone;
	margin-top:0px;
	margin-bottom:0.5rem;
}

#hist .swiper-slide section span {
	display:block;
	color:#808080;
	line-height:2.9rem;
	font-size:1.6rem;
	text-align: left;
	margin:5% 0px 0px;
}
#hist .swiper-pagination {
	bottom:3rem;
	top:auto;
	width:72%;
	left:14%;
	background:#d9d9d9;
	height:0.2rem;
}
@media (max-width:1400px) {
	#hist .swiper-slide section h3 {
	font-size:2.0rem;
}
#hist .swiper-slide section span {
	line-height:3.6rem;
	font-size:1.6rem;
}
}@media (max-width:992px) {
	#hist .swiper-slide section h3 {
	font-size:2.0rem;
}
#hist .swiper-slide section span {
	line-height:2.2rem;
	font-size:1.4rem;
}
#hist .swiper-slide section {
	padding:2rem;
}
#hist .swiper-slide {
	min-height:19rem;
}
}.kedu {
	bottom:0;
	width:88%;
	left:6%;
	position:absolute;
}
@media (max-width:768px) {
	.lishi .ititle {
	margin-bottom:1.5rem;
}
.lishi {
	padding:2rem 1rem;
}
.fazhan {
	padding:0px 0 1rem;
}
#hist .swiper-pagination {
	display:none;
}
.kedu {
	display:none;
}
}.kedu ul li {
	padding:0px 20px;
	float:left;
	list-style-type:none;
	width:33.33333333333%;
	font-size:2.1rem;
	color:#fff;
	font-family:Fontthree;
	line-height:30px;
}
.kedu ul li:nth-child(2) {
	text-align:center;
}
.kedu ul li:last-child {
	text-align:right;
}
.kedu dl {
	margin-bottom:2rem;
	border-left:1px rgba(255,255,255,.8) solid;
}
.kedu dl dd {
	float:left;
	border-right:1px rgba(255,255,255,.8) solid;
	height:12px;
	width:2.7777777777777777777%;
}
#hist .swiper-pagination .swiper-pagination-progressbar-fill {
	background:#0054a3;
}
#hist .swiper-button-prev {
	background:url(../images/fzjt.png) center no-repeat;
	background-size: 3.7rem 3.7rem;
	width:3.7rem;
	height:3.7rem;
	margin-top:-8rem;
	opacity:1;
	left:6%;
	outline:none;
	z-index: 6;
}
#hist .swiper-button-next {
	background:url(../images/fzjt.png) center no-repeat;
	background-size: 3.7rem 3.7rem;
	width:3.7rem;
	height:3.7rem;
	margin-top:-80px;
	opacity:1;
	transform:rotate(180deg);
	right:6%;
	outline:none;
	z-index: 6;
}
@media (max-width:768px) {
	#hist .swiper-button-prev {
	margin-top:-2.8rem;
}
#hist .swiper-button-next {
	margin-top:-2.8rem;
}
}

.zhezhu {
   position:absolute;
   width:42rem;
   height:45rem;
   left:0rem;
   top:1rem;
   background: linear-gradient(to right, rgba(246, 248, 250, 1) 25%, rgba(246, 248, 250, 0));
	z-index:6;
   }
   
.zhezhu2 {
   position:absolute;
   width:42rem;
   height:45rem;
   right:0rem;
   top:1rem;
	background: linear-gradient(to left, rgba(246, 248, 250, 1) 25%, rgba(246, 248, 250, 0));
	z-index:6;
   }
   



/* 市场解决方案 */
.cpkuai {
    height: auto;
    overflow: hidden;
    padding-top: 6rem;
    padding-bottom: 6.5rem;
    background-color: #f7f8fa;
}

.anli {
   height:auto; overflow:hidden;
   border:1px solid #e5e8ec;
   margin-bottom:3rem;
   }  
   
.anli-tu {
   position:relative;
   }
   
.anli-tb {
   position:absolute;
   left:0px;
   bottom:0px;
   width:7.5rem;
   height:7.5rem;
   line-height:7.5rem;
   text-align:center;
   background-color:#e7e9e9;
   z-index:5;
   }
   
.anli-tb img {
    filter: none;
   }

.anli img { -moz-transition:all .8s ease 0s; -ms-transition:all .8s ease 0s; -o-transition:all .8s ease 0s; -webkit-transition:all .8s ease 0s; transition:all .8s ease 0s;}  

.anli:hover img {
    -webkit-transform: scale(1.1);
    transform: scale(1.1);
	transition: all 500ms ease-in 0ms;
   } 
   
.anli:hover .anli-tb img {
    filter: grayscale(100%) invert(10%) brightness(1000%);
   }
   
.anli section {
   overflow: hidden;
   }	 
	
.anli-zi {
    height:auto; overflow:hidden;
	color:gray;
	padding:2.4rem;
	} 
	
.anli-zi h2 {
   font-family: Microsoft YaHei, Helvetica, Arial, sans-serif;
   font-size:1.8rem;
   color:#000000;
   font-weight: 700;
   margin-top:0rem;
   margin-bottom:0.8rem;
   }
   
.anli:hover {
   box-shadow: 0px 0px 15px rgba(0,0,0,.2);
   transition: all 500ms ease-in 0ms;
   }
   
.anli a:hover .anli-tb {
   background-color:#0054a3;
   }	 

/* 案例内页 */
.lielan {
   margin-top:1rem;
   height:auto; overflow:hidden;
   line-height:4.6rem;
   border:1px solid #ececec;
   padding-left:7.5rem;
   color:#000000;
   font-size:2rem;
   background:url(../images/cplan.jpg) left; background-repeat:no-repeat;
   background-color:#FFFFFF;
   }
   
.hangx {
    margin-top: 1rem;
	height:auto; overflow:hidden;
	border-left:1px solid #ebebeb;
	border-right:1px solid #ebebeb;
	border-top:1px solid #ebebeb;
}

.hangx li {
   list-style-type:none;
   height: auto;
overflow: hidden;
   white-space: nowrap;
text-overflow: ellipsis;
   border-bottom:1px solid #ebebeb;
   }
   
.hangx li a {
   display:block;
      line-height:5.2rem;
   padding-left:8px;
   color:rgba(0,0,0,.8);
   font-size:1.6rem;
   background-color:#FFFFFF;
   height:auto; overflow:hidden;
   }
   
.hangx li a:hover {
   background-color:#f5f5f5;
   transition: all 500ms ease-in 0ms;
   }
   
.hangx li.hover a {
   background-color:#f5f5f5;
   transition: all 500ms ease-in 0ms;
   }
   
.cphh ul {
    overflow: hidden;
} 

.cphh li ul{
    display: none;
}

.cphh li a{
    margin-bottom: 1px;
}

.cphh li {
   list-style-type:none;
}
   

.cphh li a {
    line-height: 5rem;
    display: block;
    padding-left: 2rem;
	padding-right:2rem;
	   height: auto;
overflow: hidden;
   white-space: nowrap;
text-overflow: ellipsis;
    background: #f8f7f7;
    color: #333333;
    transition: all .3s;
    -webkit-transition: all .3s;
    -moz-transition: all .3s;
    -o-transition: all .3s;
} 

.cphh li.hover a {
    background: #f08200;
    color: #f8f7f7;
}

.cphh li a:hover{
    background: #f08200;
    color: #f8f7f7;
}

.cphh li li a {
    line-height: 3.6rem;
    background: #ddd;
    padding-left: 3.2rem;
    font-size: 1.4rem;
}

.cphh li.hover li a {
    background: #FFFFFF;
    color: #333333;
}

.cpyou-lan {
    height: 5.2rem;
    line-height: 5.2rem;
    border-bottom: 1px solid #e9e9e9;
    font-size: 2.4rem;
    color: #222222;
    font-weight: bold;
    margin-bottom: 1.5rem;
}

.cpyou-nei {
   height:auto; overflow:hidden;
   padding:1.5rem;
   }
   
.cpyou-nei img {
    border: 0px none;
    height: auto;
    max-width: 100%;
    vertical-align: middle;
} 

/* 新闻中心 */
.xwbj {
   height:auto; overflow:hidden;
   padding-top:6rem;
   padding-bottom:6rem;
   background-color: #EEEEEE;
   }
   
.xwlie {
   display: grid;
  grid-template-columns: repeat(3, 1fr); /* 3列，每列等宽 */
  grid-template-rows: repeat(4, auto);   /* 4行，高度自适应 */
  gap: 1rem;                              /* 横竖间距都是1rem */
  list-style: none;                       /* 去掉默认列表样式 */
  padding: 0;
  margin: 0;
   }
   
.xwlie li {
  border-bottom: 1px dashed #d9d9d9;     /* 原来的分割线 */
  padding: 0.5rem;                        /* 内边距可根据需要调 */
  height: auto;                           /* 高度自适应 */
   }
   
.xwlie li a {
   display:block;
   height:auto; overflow:hidden;
   padding:2rem;
   padding-top:3rem;
   padding-bottom:3rem;
   background-color:#FFFFFF;
   display: flex;
   flex-wrap: wrap;
}
   
.xwaa {
   width:100%;
   float:left;
   }
   
.xwbb {
   width:100%;
   font-size:1.6rem;
   color:#999999;
   float:right;
   }
   
.xwbb h2 {
   font-family: Microsoft YaHei, Helvetica, Arial, sans-serif;
   font-size:2.4rem;
   color:#000000;
   margin-top:4rem;
   margin-bottom:2.5rem;
   }
   
.xwlie li a:hover .xwbb h2 {
   color:#053c74;
   }
   
.xwgd {
   width:8.6rem;
   height:3rem;
   line-height:3rem;
   text-align:center;
   border: 1px solid #d9d9d9;
   margin-top:2.5rem;
   }
   
.xwlie li a:hover .xwgd {
   color:#053c74;
   border: 1px solid #053c74;
   }
   
.xwlie li img { -moz-transition:all .8s ease 0s; -ms-transition:all .8s ease 0s; -o-transition:all .8s ease 0s; -webkit-transition:all .8s ease 0s; transition:all .8s ease 0s;}  

.xwlie li:hover img {
    -webkit-transform: scale(1.1);
    transform: scale(1.1);
	transition: all 500ms ease-in 0ms;
   } 
   
.xwlie li section {
   overflow: hidden;
   padding-top:100%;
   position:relative;
}
.xwlie li section img{
    position:absolute;
    left:0;
    top: 0;
    width:100%;
    height: 100%;
    object-fit: contain;
}
   
   
.tzbj {
    height: auto;
    overflow: hidden;
    padding-top: 6rem;
    padding-bottom: 6rem;
	background-color:rgb(248, 248, 248);
}	

/* 新闻详情 */
.inewsd {
	margin:5rem 0px;
}
.incont .insct {
	line-height:3rem;
	color:#666;
	font-size:1.5rem;
	text-align: justify;
}
.incont .insct img {
    width:66%;
	max-width:100%;
	height:auto;
}
.incont .instt {
	text-align:center;
	font-size:1.8rem;
	line-height:3rem;
	padding:0px 0 2rem;
	font-weight:bold;
}
.incont .insxx {
	border-bottom:1px rgba(0,0,0,.15) solid;
	display:flex;
	justify-content:center;
	margin-bottom:1.5rem;
}
.incont .insxx span {
	line-height:2.6rem;
	color:#999;
	margin:0px 4%;
	font-size:1.3rem;
}
.kechuangswiper{
    margin-bottom:4rem;
}
.lstit.jjtit{
    margin:0;
}
@media (max-width:992px) {
	.inewsd {
	margin:2rem 0rem;
}
.incont .insct {
	line-height:2.6rem;
	font-size:1.4rem;
}
.incont .instt {
	font-size:1.5rem;
	line-height:2rem;
	padding:0px 0 1rem;
}
.incont .insxx {
	display:none;
}
}

.fanye {
	margin:2rem 0px 0px;
	border-top:1px rgba(0,0,0,.15) solid;
	padding:10px 0px 0px;
}
.fanye a,.fanye span {
	line-height:3.5rem;
	float:left;
	max-width:50%;
	display:block;
	color:#666;
	text-overflow:ellipsis;
	overflow:hidden;
	white-space:nowrap;
}
.fanye a:last-child,.fanye span:last-child {
	float:right;
}
.fanye a:hover {
	color:#f00;
}

/* 产品列表 */
.cplan {
   height:auto; overflow:hidden;
   padding-top:2.8rem;
   padding-bottom:1.4rem;
   background-color:#FFFFFF;
   box-shadow: 0px 0px 15px rgba(0,0,0,.1);
   }
   
.cprow {
   height:auto; overflow:hidden;
   margin-left:-2.7rem;
   margin-right:-2.7rem;
   }
   
.cprow li {
   list-style-type:none;
   width:25%;
   float:left;
   padding-left:2.7rem;
   padding-right:2.7rem;
   margin-bottom:1.4rem;
   }
   
.cprow li a {
   display:block;
   width:100%;
   height:4.2rem;
   line-height:4.2rem;
   text-align:center;
   color:#333333;
   font-size:1.6rem;
   background-color:#f6f8f9;
   border-radius:30px;
   }
   
.cprow li a:hover {
   color:#FFFFFF;
   background-color:#0054a3;
   }
   
.cprow li.hover a {
   color:#FFFFFF;
   background-color:#0054a3;
   }
   
.cpnn {
   height:auto; overflow:hidden;
   margin-top:5.6rem;
   margin-bottom:7.2rem;
   }
   
.cplm {
   height:auto; overflow:hidden;
   padding-top:1rem;
   padding-bottom:3.2rem;
   border-bottom:1px solid #efefef;
   margin-bottom:0.8rem;
   }
   
.cplm-aa {
   width:50%;
   font-size:2.6rem;
   color:#333333;
   line-height:5rem;
   float:left;
   }
   
.cplm-bb {
   width:41.5rem;
   float:right;
   }
   
.search1 {
    width: 100%;
    margin-top: 0rem;
    float: right;
}   

.search1 form {
    display: flex;
}

.search1 .search {
    border: 0;
    height: 5rem;
    font-size: 1.4rem;
    padding-left: 2rem;
	background-color:#f1f5f5;
	box-shadow: 0px 0px 15px rgba(0,0,0,.1);
    width: 81%;
	margin-right:2rem;
    border-radius:30px;
}   

.search1 .btn {
    height: 5rem;
    margin: 0;
    background: #f1f5f5;
	box-shadow: 0px 0px 15px rgba(0,0,0,.1);
    color: #9f9f9f;
	font-size:1.8rem;
    text-align: center;
    width: 5rem;
	border-radius:50%;
}

.cptrow {
   height:auto; overflow:hidden;
   margin-left:-2rem;
   margin-right:-2rem;
   }
   
.cptrow li {
   list-style-type:none;
   width:25%;
   float:left;
   padding-left:2rem;
   padding-right:2rem;
   margin-top:4.4rem;
   }
   
.cptu {
   height:44rem;
   padding-top:3.9rem;
   border:1px solid #d2d2d2;
   text-align:center;
   font-size:1.2rem;
   color:#666666;
   border-radius:20px;
   }
   
.cptu img {
   width:100%;
   }
   
.cptu h2 {
   font-family: Microsoft YaHei, Helvetica, Arial, sans-serif;
   font-size:1.6rem;
   height: auto;
overflow: hidden;
   white-space: nowrap;
text-overflow: ellipsis;
   color:#1a1a1a;
   text-align:center;
   margin-top:1.5rem;
   margin-bottom:0.8rem;
   }
   
.cptu:hover {
   border:1px solid #f6f8f9;
   background-color:#f6f8f9;
   color:#0054a3;
   font-size:1.4rem;
   transition: all 300ms ease-in 0ms;
   }
   
.cptu:hover h2 {
   font-size:1.8rem;
   color:#0054a3;
   transition: all 300ms ease-in 0ms;
   }
   
.cpzi {
   display:block;
   } 
   
.cptu:hover .cpzi {  
   display:none;
   transition: all 300ms ease-in 0ms;
   } 
   
.cpmore {
   display:none;
   } 
   
.cpmore a {
   color:#0054a3;
   } 
   
.cptu:hover .cpmore {  
   display:block;
   color:#0054a3;
   transition: all 300ms ease-in 0ms;
   }  
   
.cpmore img {
   width:1.6rem;
   animation: heart 0.8s ease-in-out 0.8s infinite alternate;
   }
   
@keyframes heart {
    from {
        transform: translateX(0);
    }
    to {
        transform: translateX(8px); /* 或者你需要的任何其他水平位移值 */
    }
} 

/* 产品详情 */
.detai_wrap {
   width:100%;
   position:relative;
   }

.detai_wrap_le {
    position: fixed;
    bottom: 0;
    left: 0;
    width: 42%;
    height: 100vh;
    background: #f6f8f9;
    padding: 15rem 18rem 13rem;
}

.ys_cont1440 {
    width: 69%;
	margin: 0 auto;
    max-width: 100%;
}

.detai_wrap_cont {
    width: 100%;
    display: flex;
    justify-content: flex-end;
}

.detai_wrap_ri {
    width: 100%;
   height:auto; overflow:hidden;
   padding-top:4rem;
   padding-left:0;
   padding-bottom:5rem;
   }
   
.weizhi {
   height:auto; overflow:hidden;
   color:#bfbfbf;
   font-size:1.2rem;
   line-height:2.5rem;
   }
   
.weizhi a {
   color:#bfbfbf;
   }
   
.detai_wrap_ri h2 {
   font-family: Microsoft YaHei, Helvetica, Arial, sans-serif;
   font-size:2.8rem;
   font-weight: 600;
   color:#1a1a1a;
   margin-top:5rem;
   margin-bottom:2.4rem;
    }
	
.cpgs {
   height:auto; overflow:hidden;
   font-size:1.6rem;
   color:#4d4d4d;
   text-align: justify;
   line-height:3.2rem;
   }
   
.cpxq {
   height:auto; overflow:hidden;
   font-size:1.6rem;
   line-height:3.2rem;
   color:#4d4d4d;
   text-align: justify;
   margin-top:5rem;
   }
   
.cpxq h3 {
   font-family: Microsoft YaHei, Helvetica, Arial, sans-serif;
   font-size:2rem;
   font-weight: 600;
   color:#1a1a1a;
   margin-top:0rem;
   padding-bottom:0.6rem;
   border-bottom:1px solid #efefef;
   margin-bottom:0rem;
   }
   
.cpxq h4 {
   font-family: Microsoft YaHei, Helvetica, Arial, sans-serif;
   font-size:1.8rem;
   font-weight: 600;
   color:#000000;
   margin-top:2.3rem;
   margin-bottom:0.6rem;
   }	
   
.cpyy {
   height:auto; overflow:hidden;
   margin-top:2.3rem;
   margin-bottom:1.2rem;
   }
   
.antt {
   height:auto; overflow:hidden;
   }
   
.antt img { -moz-transition:all .8s ease 0s; -ms-transition:all .8s ease 0s; -o-transition:all .8s ease 0s; -webkit-transition:all .8s ease 0s; transition:all .8s ease 0s; width:100%; border-radius:20px;}  

.antt:hover img {
    -webkit-transform: scale(1.1);
    transform: scale(1.1);
	transition: all 500ms ease-in 0ms;
   } 
   
.antt section {
   overflow: hidden;
   border-radius:20px;
   }	 
   
.antt-zi {
   position:absolute;
   width:100%;
   color:#FFFFFF;
   height: auto;
overflow: hidden;
   white-space: nowrap;
text-overflow: ellipsis;
   font-size:1.6rem;
   line-height:3.6rem;
   padding-left:1.5rem;
   left:0rem;
   bottom:0rem;
   }
   
.cpfw {
   margin-top:2rem;
   }
   
.cpmm {
   margin-top:2.6rem;
   }
   
.cpmm a {
   display:block;
   width:100%;
   height:4.6rem;
   line-height:4.6rem;
   text-align:center;
   color:#0054a3;
   border:1px solid #7fc5cb;
   border-radius:30px;
   }
   
.cpmm a:hover {
   color:#FFFFFF;
   border:1px solid #0054a3;
   background-color:#0054a3;
   }
   
.mkk {
    position: relative;
}   
 
.pro-img{
   margin-bottom:3.6rem;
}
.pro-img .xiaotu{
   width:70%;
   margin:2rem auto 0rem;
}
.pro-img #Gbig{
	width:100%;
}
.pro-img .xiaotu li{
    background-color:#FFFFFF;
}
.pro-img .xiaotu li a {
   display: block;
   border:2px #ddd solid;
   margin:1px;
   }

.pro-img .xiaotu li.hover{
	border:2px #0e66a6 solid;
}  
   
.jqzzoom{position:relative;}
.jqzoom{position:relative;overflow:hidden;border:0px #ddd solid; height:auto; overflow:hidden;}
.zoomdiv{float:left;top:0 !important;left:101% !important;border:3px solid #e4e4e4;display:none;text-align:center;overflow: hidden;position:absolute;z-index:999;background-color:#fff;}
.bigimg{width:160rem;height:160rem;}
.jqZoomPup{z-index:10;visibility:hidden;position:absolute;top:0px;left:0px;border:1px solid #aaa;background:#FFFFFF 50% top no-repeat;opacity:0.5;-moz-opacity:0.5;-khtml-opacity:0.5;filter:alpha(Opacity=50);cursor:move;}	


.jqzzoom .navigation {
    width: 100%;
    margin: 10px 0 0;
}
.jqzzoom .carousel{
    overflow: hidden;
}
.jqzzoom .carousel ul {
    width:2000em;
    list-style: none;
    margin: 0;
    padding: 0;
	margin-top:10px;
}
.jqzzoom .prev-navigation,.next-navigation{
	display:block;
	cursor:pointer;
}
.jqzzoom .prev-navigation{
	background:url(../images/left.gif) left center no-repeat;
	height:91px;
	width:39px;
	float:left;
}
.jqzzoom .next-navigation{
	background:url(../images/right.gif) right center no-repeat;
	width:39px;
	height:91px;
	float:right;
}

.procem {
    padding: 0px 6%;
    position: relative;
}

#fuwus {
    position: static;
}

.procem .swiper-pagination-bullet-active {
    opacity: 1;
    background: #cf152d;
}

.procem .swiper-button-prev {
    position: absolute;
    top: 50%;
    width: 3rem;
    height: 3rem;
    margin-top: -22px;
    z-index: 8;
    cursor: pointer;
	left:0.3rem;
    background-size: 3rem 3rem;
    background-position: center;
    background-repeat: no-repeat;
}

.procem .swiper-button-next {
    position: absolute;
    top: 50%;
    width: 3rem;
    height: 3rem;
    margin-top: -22px;
    z-index: 8;
    cursor: pointer;
	right:0.3rem;
    background-size: 3rem 3rem;
    background-position: center;
    background-repeat: no-repeat;
}

#xiaotu .swiper-slide a.hover{
	border: 2px #f08200 solid;
}  

.cpanniu {
   width:34rem;
   margin:0 auto;
   }
   
.cpanniu-aa {
   width:14.7rem;
   float:left;
   }
   
.cpanniu-aa img {
   width:1.8rem;
   }

.cpanniu-aa a {
   display:block;
   width:100%;
   height:4rem;
   line-height:4rem;
   color:#808080;
   font-size:1.4rem;
   text-align:center;
   border:1px solid #bbbcbc;
   border-radius:30px;
   }
   
.cpanniu-aa a:hover img {
   filter: grayscale(100%) invert(10%) brightness(1000%);
   }
   
.cpanniu-aa a:hover {
   border:1px solid #0054a3;
   background-color:#0054a3;
   color:#FFFFFF;
   }
   
.cpanniu-bb {
   width:14.7rem;
   float:right;
   }
   
.cpanniu-bb img {
   width:1.8rem;
   }
   
.cpanniu-bb a {
   display:block;
   width:100%;
   height:4rem;
   line-height:4rem;
   color:#808080;
   font-size:1.4rem;
   text-align:center;
   border:1px solid #bbbcbc;
   border-radius:30px;
   }
   
.cpanniu-bb a:hover img {
   filter: grayscale(100%) invert(10%) brightness(1000%);
   }
   
.cpanniu-bb a:hover {
   border:1px solid #0054a3;
   background-color:#0054a3;
   color:#FFFFFF;
   }
   
.tuijian {
   height:auto; overflow:hidden;
   margin-top:5rem;
   margin-bottom:5.4rem;
   }
   
.tuijian h3 {
   font-family: Microsoft YaHei, Helvetica, Arial, sans-serif;
   font-size:1.8rem;
   color:#1a1a1a;
   margin-top:0rem;
   padding-bottom:0.6rem;
   border-bottom:1px solid #dfdfdf;
   margin-bottom:3.5rem;
   }
   
.tjrow {
   height:auto; overflow:hidden;
   margin-left:-2rem;
   margin-right:-2rem;
   }
   
.tjrow li {
   list-style-type:none;
   width:25%;
   float:left;
   padding-left:2rem;
   padding-right:2rem;
   }
   
.jumpto {
    display: none;
}
   
/* 技术支持 */
.zhichi {
   width:71%;
   height:auto; overflow:hidden;
   margin:7.5rem auto 8rem;
   } 
   
.zhichi h2 {
   font-family: Microsoft YaHei, Helvetica, Arial, sans-serif;
   font-size:3.6rem;
   text-align:center;
   margin-top:0rem;
   padding-bottom:1.8rem;
   background:url(../images/xiahh.jpg) bottom center; background-repeat:no-repeat;
   margin-bottom:4.5rem;
   }  
   
.zcnn {
   height:auto; overflow:hidden;
   background-color:#FFFFFF;
   box-shadow: 0px 0px 15px rgba(152,157,160,.1);
   }
   
.zcnn-aa {
   width:62.7%;
   float:left;
   } 
   
.zcnn-aa img {
   width:100%;
   }
   
.zcnn-bb {
   width:37.3%;
   padding:3rem;
   padding-top:7.5rem;
   font-size:1.6rem;
   line-height:3rem;
   color:#808080;
   text-align: justify;
   float:right;
   }
   
.zcnn-bb h3 {
   font-family: Microsoft YaHei, Helvetica, Arial, sans-serif;
   font-size:2.2rem;
   color:#0054a3;
   margin-top:0rem;
   margin-bottom:1.6rem;
   }
   
.zhichi .swiper-container .swiper-slide {
   padding:1rem;
   }
   
.yanfa {
   height:auto; overflow:hidden;
   margin-top:7.5rem;
   }   
   
.yanfa h2 {
    font-family: Microsoft YaHei, Helvetica, Arial, sans-serif;
    font-size: 3.6rem;
    text-align: center;
    margin-top: 0rem;
    padding-bottom: 1.8rem;
    background: url(../images/xiahh.jpg) bottom center;
    background-repeat: no-repeat;
    margin-bottom: 4.5rem;
}

.kuang {
   padding:1rem;
   }

.zhiliang {
   height:auto; overflow:hidden;
   margin-top:7.5rem;
   } 
   
.zhiliang h2 {
    font-family: Microsoft YaHei, Helvetica, Arial, sans-serif;
    font-size: 3.6rem;
    text-align: center;
    margin-top: 0rem;
    padding-bottom: 1.8rem;
    background: url(../images/xiahh.jpg) bottom center;
    background-repeat: no-repeat;
    margin-bottom: 4.5rem;
} 

.zhiliang .kuang {
   padding:1rem;
   }

.zcnn2 {
   height:auto; overflow:hidden;
   background-color:#FFFFFF;
   box-shadow: 0px 0px 15px rgba(0,0,0,.1);
   }
   
.zcnn2-aa {
   width:37.3%;
   padding:3rem;
   padding-top:7.5rem;
   font-size:1.6rem;
   line-height:3rem;
   color:#808080;
   text-align: justify;
   float:left;
   }
   
.zcnn2-aa h3 {
   font-family: Microsoft YaHei, Helvetica, Arial, sans-serif;
   font-size:2.2rem;
   color:#0054a3;
   margin-top:0rem;
   margin-bottom:1.6rem;
   }
   
.zcnn2-bb {
   width:62.7%;
   float:right;
   } 
   
.zcnn2-bb img {
   width:100%;
   }
   
.shouhou {
   height:auto; overflow:hidden;
   padding-top:5rem;
   padding-bottom:8.8rem;
   background-color:#f6f8f9;
   margin-top:7rem;
   }
   
.shouhou h2 {
    font-family: Microsoft YaHei, Helvetica, Arial, sans-serif;
    font-size: 3.6rem;
    text-align: center;
    margin-top: 0rem;
    padding-bottom: 1.8rem;
    background: url(../images/xiahh.jpg) bottom center;
    background-repeat: no-repeat;
    margin-bottom: 4.5rem;
} 

.shkk li {
   list-style-type:none;
   width:34.3rem;
   float:left;
   margin-right:0.6rem;
   }
   
.shkk li img {
   width:100%;
   }
   

/* 联系我们 */



.liuyan {
   height:auto; overflow:hidden;
   padding-top:7.5rem;
   padding-bottom:4.5rem;
   background-color:#ededed;
   }
   
.liuyan h2 {
   font-family: Microsoft YaHei, Helvetica, Arial, sans-serif;
   font-size:1.7rem;
   margin-top:0px;
   margin-bottom:1.6rem;
   color:#2d2d2d;
   text-align:center;
   }
   
.liuyan h3 {
   font-family:'DINCond-Bold', Helvetica, Arial, sans-serif;
   font-size:4.2rem;
   font-weight:bold;
   text-align:center;
   color:#2d2d2d;
   margin-top:0px;
   margin-bottom:7.5rem;
   }  
   
.hzi {
   color:#0054a3;
   }
   
.neirong {
    margin-top: 5.5rem;
    margin-bottom: 6rem;
   }     

.lxrow {
    height: auto;
    overflow: hidden;
    margin-left: -1rem;
    margin-right: -1rem;
}

.lxrow li {
    list-style-type: none;
    float: left;
    width: 50%;
    padding-left: 1rem;
    padding-right: 1rem;
}

.lxkuai {
    height: auto;
    overflow: hidden;
    padding: 1.5rem;
    font-size: 1.4rem;
    line-height: 2.4rem;
    border: 1px solid #e5e5e5;
}

.lxkuai h2 {
    font-family: Microsoft YaHei, Helvetica, Arial, sans-serif;
    font-size: 2.2rem;
    color: #333333;
    margin-top: 0px;
    margin-bottom: 1.5rem;
}

.lxkuai2 h2 {
    font-family: Microsoft YaHei, Helvetica, Arial, sans-serif;
    font-size: 2rem;
    color: #333333;
    margin-top: 0px;
    margin-bottom: 1.5rem;
}

   
.biao {
   height:auto; overflow:hidden;
   margin-bottom:2rem;
   }
   
.biao h4 {
   font-family: Microsoft YaHei, Helvetica, Arial, sans-serif;
   font-size:1.6rem;
   margin-top:0px;
   margin-bottom:1.4rem;
   color:#666666;
   }
   
.kk {
   height:6rem;
   border:1px solid #d2d2d2;
   }
   
.kk2 {
   border:1px solid #d2d2d2;
   }
   
.anniu {
   width:20.8rem;
   height:5.4rem;
   font-size: 1.4rem;
   background-color:#0054a3;
   border:1px solid #0054a3;
   padding:0px;
   }  
   
.jsbj img {
    width:100%;
   }
   
img { pointer-events: none; }

.guddk1 {
    height: 31.5rem;
    overflow-y: scroll;
}

.guddk2 {
    height: 30rem;
    overflow-y: scroll;
}


@media (min-width: 1930px) and (max-width: 3000px) {

.detai_wrap_le {
    padding: 13rem 21rem 12rem;
}

.pro-img .xiaotu {
    width: 80%;
    margin: 2rem auto 0rem;
}
}


@media (min-width: 1600px) and (max-width: 1800px) {

.container {
   width:100%;
   }
}


@media (min-width: 1400px) and (max-width: 1600px) {
.cptu{
    height: 55rem;
}
.kuanping {
   width:95%;
   margin-left:auto;
   margin-right: auto;
   }
   
.container {
   width:95%;
   margin-left:auto;
   margin-right: auto;
   }
   
.logo {
    width:27rem;
}   
   
}

@media (min-width: 1200px) and (max-width: 1400px) {
.cptu{
    height: 55rem;
}
.cplb .swiper-button-prev{
    top:6%;
}
.cplb .swiper-button-next{
    top:6%;
}
.xwnei .swiper-button-prev{
    top:6%;
}
.xwnei .swiper-button-next{
    top:6%;
}
.kuanping {
   width:95%;
   margin-left:auto;
   margin-right: auto;
   }
   
.container {
   width:95%;
   margin-left:auto;
   margin-right: auto;
   }
  
.logo {
    width:27rem;
} 
   
}

@media (min-width: 1000px) and (max-width: 1200px) {
.kuanping {
   width:95%;
   margin-left:auto;
   margin-right: auto;
   }
   
.container {
   width:95%;
   margin-left:auto;
   margin-right: auto;
   }
  
.logo {
    width:27rem;
} 
.cptu{
    height: 55rem;
}
}
   
    

@media (min-width: 0px) and (max-width: 1000px) {

.navbar-nav > li > a {
    padding: 10px 20px;
    line-height: 20px;
}

.nav {
    padding-left: 0px;
}


.kuanping {
   width:95%;
   margin-left: auto;
   margin-right: auto;
   }
   
.container {
   width:100%;
   }
   
.yd {
    display: block;
}

.yc {
    display: none;
}   


.abkuan {
    width:100%;
    padding: 1.5rem;
    margin: 2rem auto 0rem;
   }
   
.ableft {
    width: 100%;
}

.ableft h3 {
    font-size: 2.2rem;
    color: #1a1a1a;
    margin-top: 0rem;
    padding-bottom: 3rem;
    background: url(../images/xiahua.png) left bottom;
    background-repeat: no-repeat;
    margin-bottom: 4rem;
}

.abright {
    width: 100%;
    color: #333333;
}

.abnei {
    height: auto;
    overflow: hidden;
    font-size: 1.4rem;
    line-height: 2.5rem;
}

.shuju {
    height: auto;
    overflow: hidden;
    margin-top: 2.5rem;
}

.shuju li {
    list-style-type: none;
    width: 33.3%;
    font-size: 1.2rem;
    color: #4d4d4d;
    text-align: center;
    padding-left: 0rem;
    margin-bottom: 1.5rem;
}

.shuzi {
    font-size: 2.2rem;
    color: #0054a3;
    position: relative;
    padding-right: 1.5rem;
}
   
.xwkuan {
    width:100%;
   }
   
   
.selan {
    width: 100%;
    padding: 0px 0px 0px;
    overflow: hidden;
} 

.erji {
    width: 200%;
    display: flex;
} 



.headd{
	box-shadow:0px 0px 5px rgba(0,0,0,.3);
}
.top{
    position: fixed;
    width: 100%;
    top: 0;
    left: 0;
    z-index: 99;
    padding: 5px 10px;
	background-color:#FFFFFF;
	box-shadow: 0px 0px 15px rgba(0,0,0,.1);
    box-sizing: border-box;
}
.logo {
    float: left;
    width: 18%;
}
.logo img{
width: 100%;
height: auto;
}

.nav-logo{
    float: right;
    width: 10%;
}
.nav-logo img {
    width: 75%;
    margin-top: 10px;
}

.guanbi{
	position:fixed;
	width:70px;
	background:#0966ae url(../images/guanbi.png) center no-repeat;
	background-size:auto 20px;
	right:0;
	top:0;
	height:48px;
	z-index:1000;
	display:none;
}
.menu{
	position:fixed;
	top:0;
	left:-100%;
	width:calc(100% - 70px);
	height:100%;
	background:#f8f8f8;
	display:flex;
	align-content:space-between;
	z-index:1001;
	flex-wrap:wrap;
	transition:.5s;
}
.menu i{
	content: "";
	display: block;
	width: 70px;
	height: 120%;
	position: absolute;
	left:100%;
	top: -10%;
	z-index:1000;
	opacity:0;
	transition:0;
	box-shadow:-2px 0px 5px rgba(0,0,0,.5);
}
.menuu{
	left:0;
}
.menuu i{
	opacity:1;
	transition:.3s;
}
.heise{
	position:fixed;
	top:0;
	left:0;
	display:none;
	width:100%;
	height:100%;
	background:rgba(0,0,0,.8);
	z-index:998;
}
.menu ul{
	width:50%;
	transition:.3s;
}
.menu ul.ul{
	margin-left:-50%;
}
.menu ul li{
	border-bottom:1px rgba(0,0,0,.1) solid;
}
.menu ul section{
	display:flex;
	border-bottom:2px rgba(0,0,0,.1) solid;
	justify-content:space-between;
	align-items:center;
}
.menu ul section b{
	height:16px;
	display:block;
	width:1px;
	background:rgba(0,0,0,.2);
}
.menu ul section a{
	color:#666;
	display:block;
	width:49%;
	text-align:center;
	line-height:48px;
    font-family: 微软雅黑;
}
.menu ul li a{
	display:flex;
	justify-content:space-between;
    padding:0px 30px;
    font-size: 14px;
	color:#888;
	line-height:46px;
    font-family: 微软雅黑;
	position:relative;
	transition:.3s;
}
.menu ul li a span{
	content:"";
	display:block;
	padding-right:10px;
	background:url(../img/yjit.png) right center no-repeat;
	background-size:10px auto;
}
.menu ul li.cur a{
	color:#888;
	background:#fff;
}
.zmenu{
	width:50%;
}
.menu dl{
	width:100%;
	display:none;
}
.menu dl dt{
	text-align:center;
	font-weight:normal;
    font-size: 14px;
	line-height:40px;
	border-bottom:1px rgba(0,0,0,.1) solid;
	color:#888;
	background:url(../images/zjit.png) 18px center no-repeat;
	background-size:auto 18px;
	position:relative;
    font-family: 微软雅黑;
}
.menu dl dt big{
	display:block;
	width:50px;
	height:100%;
	top:0;
	left:0;
	position:absolute;
	z-index:1;
}
.menu dl dd a{
	display:block;
	color:#888;
    font-size: 14px;
	line-height:40px;
	border-bottom:1px rgba(0,0,0,.08) solid;
	padding:0px 25px;
    font-family: 微软雅黑;
	text-decoration:none;
}

.beijin img {
    width: 100%;
    margin-top: 71px;
}
.lan {
    padding: 0 10px 10px ;
}
.lan li {
    width: 25%;
    float: left;
    margin-top: 20px;
}
.lan  li img {
    margin: 0 auto;
  width: 50%;
}
.lan  li p {
    text-align: center;
    font-size: 12px;
    color: #000;
    margin-top: 5px;
    font-family: 微软雅黑;
}
.hui {
    padding: 10px 0 5px;
  background-color: #e7e7e7;
}
.hui .zi {
    position: relative;
    padding: 15px 10px  5px 10px ;
  
    background-color: #fff;
    font-size: 18px;
    color: #333333;
    font-family: 微软雅黑;
}
.hui .zi a {
    position: absolute;
    bottom: 5px;
    right: 10px ;
    font-size: 14px;
    color: #000;
    font-family: 微软雅黑;
} 

.fangan {
    position: relative;
    height: auto;
    overflow: hidden;
}
.banner img{
    height: 100%;
}
.fangan video {
    width: 100%;
    height: 30rem;
    object-fit: cover;
    object-position: bottom;
}

.cptit {
    height: auto;
    overflow: hidden;
    margin-top: 3rem;
}

.cptit h3 {
    font-size: 2.2rem;
    color: #1a1a1a;
    margin-top: 0rem;
    padding-bottom: 2rem;
    background: url(../images/xiahua.png) left bottom;
    background-repeat: no-repeat;
    margin-bottom: 3rem;
}

.cplb .swiper-button-prev {
    position: absolute;
    top: 10%;
    width: 2rem;
    height: 2rem;
    z-index: 10;
    cursor: pointer;
	background:url(../images/left.png);
    background-size: 2rem 2rem;
    background-position: center;
    background-repeat: no-repeat;
	left:78%;
}

.cplb .swiper-button-prev:hover {
	background:url(../images/leftx.png);
    background-size: 2rem 2rem;
}

.cplb .swiper-button-next {
    position: absolute;
    top: 10%;
    width: 2rem;
    height: 2rem;
    z-index: 10;
    cursor: pointer;
	background:url(../images/right.png);
    background-size: 2rem 2rem;
    background-position: center;
    background-repeat: no-repeat;
	right:5%;
}

.cplb .swiper-button-next:hover {
	background:url(../images/rightx.png);
    background-size: 2rem 2rem;
}

.abmore {
    width: 100%;
    height: 4rem;
}

.abmore a {
    display: block;
    width: 100%;
    height: 4rem;
    line-height: 4rem;
    text-align: center;
    font-size: 1.4rem;
    border: 1px solid #bfbfbf;
    border-radius: 30px;
}


.cptux {
    border: 1px solid #f2f5f6;
}


.cptux p {
    text-align: center;
    
}

.fuwu {
    height: auto;
    overflow: hidden;
    padding-top: 1rem;
    padding-bottom: 1rem;
    margin-top: 3rem;
}

.fwkuai-aa {
    width: 100%;
    padding: 1.5rem;
    font-size: 1.4rem;
    line-height: 2.5rem;
}

.fwkuai-aa h3 {
    font-size: 2.2rem;
    color: #1a1a1a;
    margin-top: 0rem;
    padding-bottom: 2rem;
    background: url(../images/xiahua.png) left bottom;
    background-repeat: no-repeat;
    margin-bottom: 2rem;
}

.fwmore {
    margin-top: 2rem;
    width: 100%;
}

.fwmore a {
    display: block;
    width: 100%;
    height: 4rem;
    line-height: 4rem;
    text-align: center;
    font-size: 1.4rem;
    border: 1px solid #bfbfbf;
    border-radius: 30px;
}

.fwkuai-bb {
    width: 100%;
    position: relative;
}

.fwlan {
    position: absolute;
    width: 100%;
    height: 26rem;
    background-color: rgba(0, 0, 0, .14);
}

.shansuo dl dt {
    position: absolute;
    top: 20%;
    left: 46.1%;
}

.fwlan li h2 {
    font-size: 1.2rem;
    margin-bottom: 0.5rem;
}

#slidingz span {
    float:left;
    width:100%;
    height:100%;
    font-weight:bold;
    font-size:1.2rem;
    padding: 0.5rem;
    padding-top:10rem;
    over-flow:hidden;
}
#slidingz span.menuNo {
    font-weight:normal;
    width:100%;
    height:100%;
    color:#FFFFFF;
    position:relative;
    font-size:1.2rem;
    padding: 0.5rem;
    padding-top:10rem;
    text-align:center;
    background-color:rgba(0,0,0,0);
    transition: all 300ms ease-in 0ms;
}

#slidingz span.menuOn {
    font-weight:normal; width:100%; height:100%; color:#FFFFFF; position:relative; font-size:1.2rem; padding: 0.5rem; padding-top:10rem; text-align:center;
	background-color:rgba(0,0,0,0.4);
	transition: all 300ms ease-in 0ms;
}

.dazix {
    font-size: 1.8rem;
}

.dazi {
    font-size: 1.8rem;
    position: relative;
    padding-right: 1rem;
    background: url(../images/jiax.png) top right;
    background-repeat: no-repeat;
    background-size: 1.2rem 1.2rem;
}

.jjtit {
    height: auto;
    overflow: hidden;
    margin-top: 3rem;
}

.jjtit h3 {
    font-size: 2.2rem;
    color: #1a1a1a;
    margin-top: 0rem;
    padding-bottom: 3rem;
    background: url(../images/xiahua.png) left bottom;
    background-repeat: no-repeat;
    margin-bottom: 2rem;
}

.ywlan li {
    list-style-type: none;
    width: 50%;
    float: left;
    color: #FFFFFF;
    text-align: center;
    border-right: 1px solid #FFFFFF;
}


.ywlan {
    position:relative;
    width: 100%;
    height: auto;
    overflow: hidden;
    left: 0rem;
    top: 0rem;
    z-index: 6;
}

.ywnn-zi {
     display:none;
}

.xinwen {
    margin-top: 4rem;
    margin-bottom: 2.5rem;
    height: auto;
    overflow: hidden;
}

.xwtit-aa h3 {
    font-size: 2.2rem;
    color: #1a1a1a;
    margin-top: 0rem;
    padding-bottom: 2rem;
    background: url(../images/xiahua.png) left bottom;
    background-repeat: no-repeat;
    margin-bottom: 3rem;
}

.xwnei .swiper-button-prev {
    position: absolute;
    top: 5%;
    width: 2rem;
    height: 2rem;
    z-index: 8;
    cursor: pointer;
	background:url(../images/left.png);
    background-size: 2rem 2rem;
    background-position: center;
    background-repeat: no-repeat;
	left:80%;
}

.xwnei .swiper-button-prev:hover {
    background:url(../images/leftx.png);
    background-size: 2rem 2rem;
} 

.xwnei .swiper-button-next {
    position: absolute;
    top: 5%;
    width: 2rem;
    height: 2rem;
    z-index: 8;
    cursor: pointer;
	background:url(../images/right.png);
    background-size: 2rem 2rem;
    background-position: center;
    background-repeat: no-repeat;
	right:0%;
}

.xwnei .swiper-button-next:hover {
    background:url(../images/rightx.png);
    background-size: 2rem 2rem;
}

.xwtit-bb {
    width: 100%;
    margin-top: 0rem;
    position: relative;
    z-index: 8;
}

.xwtit-bb li {
   list-style-type:none;
   width:48%;
   float:left;
   margin-right:2%;
   }
   
   
.xwnei {
   height:auto; overflow:hidden;
   position:relative;
   margin-top:-10rem;
   }
   
.xwnei .swiper-container {
   padding-top:12rem;
   }
   
#slidingy span {
    float:left; width:100%; font-weight:bold; font-size:1.4rem; height:4rem; line-height:4rem; text-align:center over-flow:hidden;
}
#slidingy span.menuNo {
    font-weight:normal; width:100%; height:4rem; line-height:4rem; color:#333333; font-size:1.4rem; text-align:center;
	background-color:#FFFFFF; border:1px solid #b3b3b3; border-radius: 30px;
	transition: all 300ms ease-in 0ms;
}

#slidingy span.menuOn {
    font-weight:normal; width:100%; height:4rem; line-height:4rem; color:#FFFFFF; font-size:1.4rem; text-align:center;
	background-color:#0054a3; border:1px solid #0054a3; border-radius: 30px;
	transition: all 300ms ease-in 0ms;
}

.xwkk h4 {
    font-size: 1.8rem;
    height: 7rem;
    overflow: hidden;
    color: #1a1a1a;
    line-height: 3.4rem;
    margin-top: 0rem;
    margin-bottom: 1rem;
}
.xwtime {
    height: auto;
    overflow: hidden;
    margin-top: 1rem;
    margin-bottom: 1rem;
}
.xwkk h4{
    height:3.6rem;
}
.xwmore {
    width: 100%;
    height: 4rem;
    margin: 2rem auto 0rem;
}
.xwlie {
    display: grid;
    grid-template-columns: repeat(1, 1fr);
    grid-template-rows: repeat(12, auto);
    gap: 1rem;
    list-style: none;
    padding: 0;
    margin: 0;
}
.xwmore a {
    display: block;
    width: 100%;
    height: 4rem;
    line-height: 4rem;
    color: #808080;
    font-size: 1.4rem;
    text-align: center;
    border: 1px solid #bfbfbf;
    border-radius: 30px;
}
.iabone{
    flex-wrap: wrap;
}
.homecasebigb img {
    aspect-ratio: 3 / 2;
    object-fit: cover;
    height: 30rem;
}
.hezuo {
    height: auto;
    overflow: hidden;
    background: url(../images/hzbj.jpg);
    background-size: 100% 100%;
    padding-top: 4rem;
    padding-bottom: 8rem;
}

.hztit-aa h3 {
    font-size: 2.2rem;
    color: #1a1a1a;
    margin-top: 0rem;
    padding-bottom: 2rem;
    background: url(../images/xiahua.png) left bottom;
    background-repeat: no-repeat;
    margin-bottom: 4rem;
}

.hztit-bb {
    width: 50%;
    float: right;
    text-align: right;
    margin-top: 0.5rem;
    color: #808080;
}

.hzrow {
    height: auto;
    overflow: hidden;
    padding-top: 1rem;
    margin-left: -0.5rem;
    margin-right: -0.5rem;
}

.hzrow li {
    list-style-type: none;
    width: 50%;
    float: left;
    padding-left: 0.5rem;
    padding-right: 0.5rem;
    margin-bottom: 1rem;
}

.bottom {
    height: auto;
    overflow: hidden;
    padding: 0rem;
    padding-top: 2rem;
    color: #dcdcdc;
    line-height: 2.5rem;
    margin-bottom: 5rem;
}

.bottom-aa {
    width: 100%;
    float: left;
}

.bottom-bb {
    display: none;
}

.tpzz {
    margin-top: 3.3rem;
}

.iabone {
    height: auto;
    overflow: hidden;
    padding: 2rem;
}

.iabone-aa {
    width: 100%;
    font-size: 1.4rem;
    line-height: 3rem;
    color: #4b4d59;
}

.iabone-aa h2 {
    font-size: 2rem;
    font-weight: bold;
    color: #000000;
    margin-top: 0px;
    padding-bottom: 1rem;
    background: url(../images/xiahuak.jpg) left bottom;
    background-repeat: no-repeat;
    background-size: 8rem 0.2rem;
    margin-bottom: 2rem;
}

.iabone-bb {
    width: 100%;
    margin-top: 1rem;
}

.wenhua {
    height: auto;
    overflow: hidden;
    padding: 2rem;
}

.wenhua h2 {
    font-family: Microsoft YaHei, Helvetica, Arial, sans-serif;
    font-size: 2rem;
    font-weight: bold;
    color: #000000;
    margin-top: 0px;
    padding-bottom: 1rem;
    background: url(../images/xiahuak.jpg) left bottom;
    background-repeat: no-repeat;
    background-size: 8rem 0.2rem;
    margin-bottom: 2rem;
}

.whrow {
    height: auto;
    overflow: hidden;
    margin-left: -1rem;
    margin-right: -1rem;
    display: flex;
    flex-wrap: wrap;
}

.whrow li {
    list-style-type: none;
    width: 50%;
    float: left;
    padding-left: 1rem;
    padding-right: 1rem;
}

.whtu-tit {
    position: absolute;
    width: 10rem;
    line-height: 2.6rem;
    font-size: 1.4rem;
    color: #FFFFFF;
    text-align: center;
    background-color: #0054a3;
    left: 1rem;
    top: 1rem;
    z-index: 6;
}

.whrow li p {
    font-size: 1.2rem;
    color: #4b4d59;
    line-height: 2;
    margin-top: 1rem;
    margin-bottom: 0;
    text-align: justify;
}
.whrow li{
    margin-bottom:2rem;
}

.youhua {
    border-right: 1px solid rgba(0,0,0,0);
}

.ihonor {
    height: auto;
    overflow: hidden;
    padding: 2rem;
}

.ihonor h2 {
    font-size: 2rem;
    font-weight: bold;
    color: #000000;
    margin-top: 0px;
    padding-bottom: 1rem;
    background: url(../images/xiahuak.jpg) left bottom;
    background-repeat: no-repeat;
    background-size: 8rem 0.2rem;
    margin-bottom: 2rem;
}

.ihonor h3 {
    font-family: Microsoft YaHei, Helvetica, Arial, sans-serif;
    font-size: 1.4rem;
    color: #c3c3c7;
    margin-top: 0rem;
    margin-bottom: 2rem;
}

.ryrow li {
    list-style-type: none;
    width: 50%;
    float: left;
    margin-bottom: 2rem;
}

.lstit {
    height: auto;
    overflow: hidden;
    padding: 2rem 2% 0rem;
}

.lstit h2 {
    font-size: 2rem;
    font-weight: bold;
    color: #000000;
    margin-top: 0px;
    padding-bottom: 1rem;
    background: url(../images/xiahuak.jpg) left bottom;
    background-repeat: no-repeat;
    background-size: 8rem 0.2rem;
    margin-bottom: 2rem;
}

.lstit h3 {
    font-size: 1.4rem;
    color: #c3c3c7;
    margin-top: 0rem;
    margin-bottom: 2rem;
}

.zhezhu {
   display: none;
   }
   
.zhezhu2 {
   display: none;
   }
   

#hist .swiper-slide {
    min-height: 38rem;
}

#hist .swiper-button-prev {
	background:url(../images/fzjt.png) center no-repeat;
	background-size: 2rem 2rem;
	width:2rem;
	height:2rem;
	margin-top:60%;
	opacity:1;
	left:35%;
	outline:none;
	z-index: 6;
}
#hist .swiper-button-next {
	background:url(../images/fzjt.png) center no-repeat;
	background-size: 2rem 2rem;
	width:2rem;
	height:2rem;
	margin-top:60%;
	opacity:1;
	transform:rotate(180deg);
	right:35%;
	outline:none;
	z-index: 6;
}

.cplan {
    height: auto;
    overflow: hidden;
    padding-top: 1.4rem;
    padding-bottom: 1.4rem;
    background-color: #FFFFFF;
    box-shadow: 0px 0px 15px rgba(0,0,0,.1);
}

.cprow {
    height: auto;
    overflow: hidden;
    margin-left: -0.5rem;
    margin-right: -0.5rem;
}

.cprow li {
    list-style-type: none;
    width: 50%;
    float: left;
    padding-left: 0.5rem;
    padding-right: 0.5rem;
    margin-bottom: 1rem;
}

.cpnn {
    height: auto;
    overflow: hidden;
    margin-top: 2rem;
    margin-bottom: 3rem;
}

.cplm {
    height: auto;
    overflow: hidden;
    padding-top: 1rem;
    padding-bottom: 1.5rem;
}

.cplm-aa {
    width: 100%;
    font-size: 2rem;
    color: #333333;
    line-height: 3rem;
}

.cplm-bb {
    width: 100%;
    margin-top: 1rem;
}

.cptrow {
    height: auto;
    overflow: hidden;
    margin-left: -1rem;
    margin-right: -1rem;
}

.cptrow li {
    list-style-type: none;
    width: 50%;
    float: left;
    padding-left: 1rem;
    padding-right: 1rem;
    margin-top: 2rem;
}

.cptu {
    height: 27rem;
    padding-top: 1.6rem;
    border: 1px solid #f2f5f6;
    text-align: center;
    font-size: 1.2rem;
    color: #666666;
    border-radius: 20px;
}

.cptu:hover h2 {
   font-size:1.6rem;
   color:#0054a3;
   transition: all 300ms ease-in 0ms;
   }
   
   
.detai_wrap_le2 {
    position:relative;
    bottom: 0;
    left: 0;
    width: 100%;
    height:auto; overflow: hidden;
    background: #f6f8f9;
    padding: 2rem;
    margin-top: 1.9rem;
}

.ys_cont1440 {
    width: 100%;
}

.detai_wrap_ri {
    width: 100%;
    height: auto;
    overflow: hidden;
    padding: 2rem;
}

.procem {
    padding: 0px 10%;
    position: relative;
}

.cpanniu {
    width: 100%;
    margin: 0 auto;
}

.cpanniu-aa {
   width:40%;
   float:left;
   }
   
.cpanniu-bb {
   width:40%;
   float:right;
   }
   
.detai_wrap_ri h2 {
    font-size: 2rem;
    font-weight: 600;
    color: #1a1a1a;
    margin-top: 2rem;
    margin-bottom: 1.4rem;
}

.cpgs {
    height: auto;
    overflow: hidden;
    font-size: 1.4rem;
    color: #4d4d4d;
    text-align: justify;
    line-height: 2.6rem;
}

.cpxq {
    height: auto;
    overflow: hidden;
    font-size: 1.4rem;
    line-height: 2.6rem;
    margin-top: 2rem;
}

.cpxq h3 {
    font-size: 1.8rem;
}

.cpxq h4 {
    font-size: 1.6rem;
    font-weight: 600;
    color: #000000;
    margin-top: 1.5rem;
    margin-bottom: 0.6rem;
}

.tuijian {
    height: auto;
    overflow: hidden;
    margin-top: 2rem;
    margin-bottom: 2rem;
}

.tjrow {
    height: auto;
    overflow: hidden;
    margin-left: -1rem;
    margin-right: -1rem;
}

.tjrow li {
    list-style-type: none;
    width: 50%;
    float: left;
    padding-left: 1rem;
    padding-right: 1rem;
    margin-bottom: 2rem;
}

.zhichi {
    padding: 0rem;
    margin: 3rem auto 4rem;
}

.zhichi h2 {
    font-size: 2.2rem;
    text-align: center;
    margin-top: 0rem;
    padding-bottom: 1rem;
    margin-bottom: 2rem;
}

.zcnn {
    height: 54rem;
}

.zcnn-aa {
    width: 100%;
}

.zcnn-bb {
    width:100%;
    padding: 1.5rem;
    font-size: 1.4rem;
    line-height: 2.6rem;
}

.yanfa {
    padding: 0rem;
    height: auto;
    overflow: hidden;
    margin-top: 3rem;
}

.yanfa h2 {
    font-size: 2.2rem;
    text-align: center;
    margin-top: 0rem;
    padding-bottom: 1rem;
    margin-bottom: 2rem;
}

.zcnn2-aa {
    width: 100%;
    padding: 1.5rem;
    font-size: 1.4rem;
    line-height: 2.6rem;
    color: #808080;
}

.zcnn2-bb {
    width: 100%;
}

.zhiliang {
    height: auto;
    overflow: hidden;
    padding: 0rem;
    margin-top: 3rem;
}

.zhiliang h2 {
    font-size: 2.2rem;
    text-align: center;
    margin-top: 0rem;
    padding-bottom: 1rem;
    margin-bottom: 2rem;
}

.shouhou {
    height: auto;
    overflow: hidden;
    padding-top: 3rem;
    padding-bottom: 4rem;
    background-color: #f6f8f9;
    margin-top: 3rem;
}

.shouhou h2 {
    font-size: 2.2rem;
    text-align: center;
    margin-top: 0rem;
    padding-bottom: 1rem;
    margin-bottom: 2rem;
}

.jsbj {
    padding: 0px;
}

.jsbj img {
    width:100%;
   }
   
.neirong {
    margin-top: 2.5rem;
    margin-bottom: 3rem;
}

.lxrow li {
    list-style-type: none;
    float: left;
    width: 100%;
    margin-bottom: 1rem;
}

.lxkuai h2 {
    font-size: 1.8rem;
    color: #333333;
    margin-top: 0px;
    margin-bottom: 1rem;
}


.liuyan {
    height: auto;
    overflow: hidden;
    padding: 0rem;
    padding-top: 3rem;
    padding-bottom: 2rem;
    background-color: #ededed;
}

.liuyan h3 {
    font-size: 2.2rem;
    font-weight: bold;
    text-align: center;
    color: #2d2d2d;
    margin-top: 0px;
    margin-bottom: 2.5rem;
}

.kk {
    height: 3rem;
    border: 1px solid #d2d2d2;
}

.biao h4 {
    font-family: Microsoft YaHei, Helvetica, Arial, sans-serif;
    font-size: 1.4rem;
    margin-top: 2rem;
    margin-bottom: 1rem;
    color: #666666;
}

.anniu {
    width: 100%;
    height: 4rem;
    font-size: 1.4rem;
    background-color: #0054a3;
    border: 1px solid #0054a3;
    padding: 0px;
}

.banner {
    margin-top: 6.6rem;
}

.fygnav {
    padding: 0px;
	height:5rem;
	background-color:#0054a3;
}
.fygnav ul {
    list-style-type: none;
    width: 100%;
    margin: 0px;
    padding: 0px;
}
.fygnav li {
    width: 25%;
    text-align: center;
    float: left;	
}
.fygnav li a { display:block; color:#FFFFFF; background-color:#0054a3; height:5rem; padding-top:0.3rem; border-right:1px solid rgba(255,255,255,.2);}

.fygnav li a:hover { color:#FFFFFF; background-color:#0054a3;}

.fygnav li p {
   margin-top:0.2rem;
   } 
   
.xwbj {
    height: auto;
    overflow: hidden;
    padding: 0rem;
    padding-top: 2rem;
    padding-bottom: 2rem;
    background-color: #EEEEEE;
}   

.xwlie li a {
    display: block;
    height: auto;
    overflow: hidden;
    padding: 1.5rem;
    background-color: #FFFFFF;
}
   
.xwaa {
    width: 100%;
}  

.xwbb {
    width: 100%;
    font-size: 1.4rem;
    color: #999999;
}

.xwbb h2 {
    font-size: 1.8rem;
    color: #000000;
    margin-top: 1rem;
    margin-bottom: 1rem;
}

.xwgd {
    width: 100%;
    height: 3rem;
    line-height: 3rem;
    margin-top: 1rem;
}

.wenhua h3 {
    font-size: 1.4rem;
    color: #c3c3c7;
    margin-top: 0rem;
    margin-bottom: 2rem;
}

.incont .insct img {
    width: 100%;
}

.fwkuai-aa2 {
    padding: 2.5rem;
    font-size: 1.6rem;
    line-height: 2.9rem;
}

.fwkuai-aa2 h3 {
    font-size: 3.4rem;
    color: #1a1a1a;
    margin-top: 0rem;
    padding-bottom: 2rem;
    margin-bottom: 3rem;
}
.hexinbig{
    flex-direction: column;
}
.hexinleft{
    width:100%;
}
.hexinright{
    width:100%;
}
.hexinright ul{
    flex-wrap: wrap;
}
.hexinright li{
    width:50%;
    margin:0 !important;
    border-bottom: 1px solid rgba(255, 255, 255, .3);
}
.hexinright ul:before,.hexinright ul:after{
    display: none;
}
#kechuang .swiper-button-next{
    right:14%;
}
#kechuang .swiper-button-prev{
    left:36%;
}
.rlbt {
    height: 8rem;
    display: flex;
    justify-content: space-between;
    padding: 0 2rem 02rem;
    align-items: center;
    cursor: pointer;
}
.rlyqn{
    padding:2rem;
}
.banner .swiper-container-horizontal > .swiper-pagination-bullets, .swiper-pagination-custom, .swiper-pagination-fraction {
    bottom: 2rem;
    left: 0;
    width: 100%;
}
.cptux img{
    aspect-ratio: 1 / 1;
    object-fit: cover;
}
.hexinleft {
    padding: 3rem 1rem 0 1rem;
    line-height: 2;
}
#hist .swiper-slide{
    min-height: 24rem;
}
#hist .swiper-button-prev{
    margin-top:45%;
}
#hist .swiper-button-next{
    margin-top:45%;
}
.nav-logo img {
    width: 100%;
    margin-top: 0;
}
.nav-logo {
    float: right;
    width: 12%;
    display: flex;
    align-items: center;
    justify-content: center;
    height: 5.6rem;
}
.sygyz {
    float: left;
    width: 100%;
    line-height: 230%;
    font-size: 12px;
    color: black;
}
.sygytu {
    float: right;
    width: 100%;
}
.sygybig{
    flex-wrap: wrap;
}
.sygytu img {
    border-radius: 0;
    float: right;
}
.shuju li {
    list-style-type: none;
    width: 50%;
    font-size: 1.2rem;
    color: #4d4d4d;
    text-align: center;
    padding-left: 0rem;
    margin-bottom: 1.5rem;
}
.banner-video{
    height: 100% !important;
}
.zwcont {
    width: 100%;
    left: 0;
    top: 50%;
    margin-top: 0;
    position: relative;
    transform: translate(0px, -50%);
}
.detai_wrap{
    padding-top:3.6rem;
}
}





