@charset "utf-8";

/*BANNER*/
.swiper-container {width: 100%;height: 100%;}
.pc-banner{width: 100%;cursor: pointer;}
.pc-banner img{width: 100%;}

/*产品展示*/
.home-bt-pro{overflow: hidden; text-align: center; margin: 60px 0; position: relative;}
.home-bt-pro h2{font-size: 70px;color: #dedfdf;margin-bottom: 20px; text-transform: uppercase;}
.home-bt-pro h2 b{font-size: 28px; color: #333; display: block; margin-top: -70px;}
.home-bt-pro span{display: block; color: #666; margin: 10px 0; font-size: 15px;}
.home-bt-pro em{color: #999; font-size: 12px; text-transform: uppercase;}
.home-bt-pro::before{content: ''; position: absolute; width: 20%; height: 2px; background:#333; left: 10%; top: 60%;}
.home-bt-pro::after{content: ''; position: absolute; width: 20%; height: 2px; background:#333; right: 10%;top: 60%;}

.tabspro{overflow: hidden; text-align: center; margin-bottom: 50px;}
.tabspro ul{display: inline-block;}
.tabspro ul li{float:left;margin: 0 10px; }
.tabspro ul li a{padding: 10px 20px; display: block;background: #e7e7e7;}
.tabspro ul li a:hover{background: #00478c; color: #FFF; }
.tabspro ul li.thistab a{ background: #00478c; color: #FFF; padding: 10px 20px; display: block;}



.home-probg{overflow: hidden; margin: 50px 0; position: relative; }
.home-probg::before{content: ''; position: absolute; background: #f2f2f2; height: 100%; width: 100%;z-index:-1; margin-top: 230px;}
.home-pro{overflow: hidden; margin-bottom: 60px;}
.home-pro dl{}
.home-pro dl dd{float: left; width: 23%; margin: 0 1%; margin-bottom: 40px; transition: all 0.5s ease;-moz-transition:all 0.5s ease; -webkit-transition:all 0.5s ease;}
.home-pro dl dd:hover{box-shadow: 0 8px 20px 0 rgba(0,0,0,.4); transform: translate3d(0,-2px,0); transition: all .3s cubic-bezier(.55,0,.1,1);}
.home-pro dl dd .img{ border: 15px solid #dcdddd; position: relative;}
.home-pro dl dd .img img{max-width: 100%;}
.home-pro dl dd .img h2{opacity: 0; position: absolute; margin-left: -10%;bottom:20px; transition: all 0.6s ease; -moz-transition: all 0.6s ease;-webkit-transition: all 0.6s ease;}
.home-pro dl dd:hover .img h2{opacity: 1; background: #00478c; padding: 10px; color: #FFF;margin-left:0; bottom:20px;}


/*关于我们*/
.home-aboutbg{overflow: hidden; margin-top: 80px; position: relative; }
.home-aboutbg::before{content: ''; position: absolute; height: 100%; width: 100%;z-index:-1; margin-top: 100px;  background: url(../images/aboutbg.jpg) no-repeat center bottom; }
.home-about-l{float: left; width: 45%; padding: 70px; position: relative;}
.home-about-l::before{content: ''; position: absolute; background: #FFFFFF; width: 100%; height: 100%;z-index: -1;left: 0;padding-bottom: 25%;padding-right: 50%;}
.home-about-l .bt{text-align: right;}
.home-about-l .bt img{max-width: 100%;}
.home-about-l .bt span{display: block; font-size: 16px; margin: 10px 0;}
.home-about-l h2{overflow: hidden;margin: 20px 0; font-size: 28px;}
.home-about-l .text{ color: #888; line-height: 26px;}
.home-about-r{float: left; width: 55%;}
.home-about-r img{max-width: 100%;}

.digital{overflow: hidden; margin: 70px 0 170px 70px; background: #373737;  width: 57%;box-shadow: 0 8px 20px 0 rgba(0,0,0,.4); transform: translate3d(0,-2px,0); transition: all .3s cubic-bezier(.55,0,.1,1);}
.digital ul{overflow: hidden; padding:50px 30px;}
.digital ul li{float: left; width: 33.333333%; text-align: center;  color: #FFF;}
.digital ul li h2{ font-size: 50px; font-weight: bold;line-height: 56px;}
.digital ul li h2 i{font-size: 28px;position: absolute; margin-top: -25px; font-style: normal;}
.digital ul li h5{font-size: 14px; line-height: 26px;}

/*案例*/
.home-case{ position: absolute;right: 0; overflow: hidden;background: #00478c; width: 500px;  padding:30px 50px; margin-top: -63px;z-index: 99;}
.home-case h2{float: left; color: #FFF; font-size: 29px; width: 80px; border-right: 1px solid #FFF; margin-right: 20px; padding-right: 20px;}
.home-case .text{float: left; color: #FFF;}
.home-case .text em{font-size: 58px; line-height: 50px;}
.home-case .text span{ display: block; line-height: 40px;}

.tabs{position: absolute;z-index: 99; width: 60%; margin: 10% 0;}
.tabs li{float:left;width: 25%; text-align: center;color: #FFF; border: 1px solid #818181; border-bottom: 0; padding: 3% 0; background-color: rgba(0,0,0,.2); transition:  all 0.6s ease; cursor: pointer; }
.tabs li:nth-of-type(5){border-bottom: 1px solid #818181;}
.tabs li:nth-of-type(6){border-bottom: 1px solid #818181;}
.tabs li:nth-of-type(7){border-bottom: 1px solid #818181;}
.tabs li:nth-of-type(8){border-bottom: 1px solid #818181;}
.tabs li i{display: block; margin-bottom: 20px;}
.tabs li span{font-size: 15px;color: #FFF;}
.tabs .thistab{
	background-color: rgba(255,255,255,.2);
	-webkit-transform: scale(1.1); 
	-ms-transform: scale(1.1); 
	-o-transform: scale(1.1); 
	transform: scale(1.1);
	box-shadow: 0 8px 20px 0 rgba(0,0,0,.4); 
	z-index: 99;
	}
.tabs .thistab li::before{display: none;}

.tab_con{ display:none;}
.tab_con .img{overflow: hidden; position: relative;}
.tab_con .img img{max-width: 100%;}
.tab_con .img .bg1{position: absolute; width: 100%; height: 100%; background-color: rgba(0,0,0,.5);}




/*六大优势*/
.home-bt-youshi{overflow: hidden; text-align: center; margin: 60px 0;}
.home-bt-youshi ul{display: inline-block;}
.home-bt-youshi ul li{float: left;}
.home-bt-youshi ul li h2{color: #333; font-size: 28px; line-height: 28px; margin-top: 20px;}
.home-bt-youshi ul li h3{ text-transform: uppercase; font-size: 70px;}
.home-bt-youshi ul li h3 i{color: #00478c;}
.home-bt-youshi ul li h3 i b{color: #333;}
.home-bt-youshi span{display: block; color: #666; margin: 10px 0; font-size: 15px;}
.home-bt-youshi em{color: #999; font-size: 12px; text-transform: uppercase;}

.home-youshi{overflow: hidden; position: relative; margin-bottom: 70px;}

.tabsYs{overflow: hidden;}
.tabsYs li{float:left;width: 50%;}
.tabsYs li:nth-of-type(2n+0) .text{float: right;}
.tabsYs li:nth-of-type(2n+0) .text h2{text-align: right;}
.tabsYs li:nth-of-type(2n+0) .text p{text-align: right;}
.tabsYs li .text{overflow: hidden; margin-bottom: 30px; width: 380px; height: 110px;}
.tabsYs li .text h2{font-size:22px; color:#666;}
.tabsYs li .text p{ font-size:16px; color:#999; padding: 15px 0;}
.tabsYs li.thistab .text{ border-bottom: 1px solid #00478c;height: 110px;}
.tabsYs li:nth-of-type(1).thistab .text::after{
	content: '';
	position: absolute;
	width: 200px; 
	height: 1px; 
	background: #00478c; 
	transform:rotate(45deg);
    left: 0;
    top: 180px;
    margin-left: 351px;}
.tabsYs li:nth-of-type(2).thistab .text::after{
	content: '';
	position: absolute;
	width: 200px; 
	height: 1px; 
	background: #00478c; 
	transform:rotate(-45deg);
    right: 0;
    top: 180px;
    margin-right: 351px;}
.tabsYs li:nth-of-type(3).thistab .text::after{
	content: '';
	position: absolute;
	width: 200px; 
	height: 1px; 
	background: #00478c; 
	transform:rotate(-35deg);
    left: 0;
    top: 192px;
    margin-left: 360px;}
.tabsYs li:nth-of-type(4).thistab .text::after{
	content: '';
	position: absolute;
	width: 200px; 
	height: 1px; 
	background: #00478c; 
	transform:rotate(35deg);
    right: 0;
    top: 192px;
    margin-right: 360px;}
.tabsYs li:nth-of-type(5).thistab .text::after{
	content: '';
	position: absolute;
	width: 200px; 
	height: 1px; 
	background: #00478c; 
	transform:rotate(-45deg);
    left: 0;
    bottom: 100px;
    margin-left: 350px;}
.tabsYs li:nth-of-type(6).thistab .text::after{
	content: '';
	position: absolute;
	width: 200px; 
	height: 1px; 
	background: #00478c; 
	transform:rotate(45deg);
    right: 0;
    bottom: 100px;
    margin-right: 350px;}



.tab_conbox2 .tab_con{ display:none;}
.tab_conbox2 .tab_con .img{overflow: hidden; position: relative;}
.tab_conbox2 .tab_con .img img{max-width: 100%;padding: 30px;border-radius: 50%;}
.tab_conbox2 .tab_con .img .bg1{position: absolute; width: 100%; height: 100%; background-color: rgba(0,0,0,.5);}


.tab_conbox2{position: absolute;margin: 0 auto;top: 0;left: 0;right: 0;width: 400px;}
.tab_conbox2 .img{overflow: hidden;border-radius: 50%;}
.tab_conbox2 .img img{max-width: 100%;}

:root {
  /*--my-Var: rotate(0deg);*/
}

.tab_conbox2::before {
  content: "";
  position: absolute;
  top: 20px;
  left: 20px;
  right: 20px;
  bottom: 20px;
  border: 4px solid rgba(55, 139, 221, 1);
  border-radius: 50%;
  clip-path: polygon(0% 0%, 110% 0%, 150% 300%);
  transform: rotate(180deg);
  transition: transform 0.5s ease;
}

.tab_conbox2::after {
  content: "";
  position: absolute;
  top: 2px;
  left: 2px;
  right: 2px;
  bottom: 2px;
  border: 8px solid rgba(0, 71, 140, 1);
  border-radius: 50%;
  clip-path: polygon(0% 0%, 110% 0%, 0% 300%);
  transform: rotate(180deg);
  transition: transform 0.5s ease;
}


/*新闻*/
.home-bt-news{overflow: hidden; text-align: center; margin: 60px 0;position: relative;}
.home-bt-news ul{display: inline-block;}
.home-bt-news ul li{float: left;}
.home-bt-news ul li h2{color: #FFF; font-size: 28px; line-height: 28px; margin-top: 20px;}
.home-bt-news ul li h3{ text-transform: uppercase; font-size: 70px;color: #FFF;}
.home-bt-news ul li h3 i{color: #00478c;}
.home-bt-news ul li h3 i b{color: #FFF;}
.home-bt-news span{display: block; color: #FFF; margin: 10px 0; font-size: 15px;}
.home-bt-news em{color: #FFF; font-size: 12px; text-transform: uppercase;}
.home-bt-news::before{content: ''; position: absolute; width: 20%; height: 2px; background:#305450; left: 10%; top: 60%;}
.home-bt-news::after{content: ''; position: absolute; width: 20%; height: 2px; background:#305450; right: 10%;top: 60%;}

.home-newsbg{overflow: hidden; background: url(../images/newsbg.jpg) no-repeat center; height: 500px;}
.home-news{overflow: hidden; background: #FFF; padding: 50px; margin-top:-120px ; margin-bottom:50px ;}
.home-news ul{ margin-left:-1% ;margin-right:-1% ;}
.home-news ul li{float: left; width: 31.333333%; margin:  0 1%;}
.home-news ul li .img{overflow: hidden;}
.home-news ul li .img img{width: 100%;height: 230px;object-fit: cover;}
.home-news ul li .text{}
.home-news ul li .text h2{font-size:18px; margin: 15px 0; padding-left:10px ;position: relative;}
.home-news ul li .text h2::before{content: '';position: absolute;width: 4px; height: 16px;background: #333; left: 0; margin-top: 4px;}
.home-news ul li .text h2::after{content: '';position: absolute;width:0; height: 2px;background: #00478c; left: 0; margin-top: 28px; transition:  all 0.5s ease; -moz-transition:  all 0.5s ease; -webkit-transition:  all 0.5s ease;}
.home-news ul li .text p{ color:#999;}
.home-news ul li:hover .text h2::before{background: #00478c;}
.home-news ul li:hover .text h2::after{content: '';position: absolute;width: 100%; height: 2px;background: #00478c; left: 0; margin-top: 28px;}

@media (min-width:1200px) and (max-width:1300px) {


.home-youshi ul li .text-left dd,.home-youshi ul li .text-right dd{margin-bottom:10px;}
	
}

@media (min-width:1024px) and (max-width:1200px) {


.home-bt-pro h2{font-size: 62px;}
.home-bt-pro h2 b{margin-top: -62px;}

.home-pro dl dd .img{border:10px solid #dcdddd ;}

.home-about-l{width: 100%; padding: 20px 0;}
.home-about-l .bt{text-align: left;}
.home-about-r{width: 100%;}
.home-about-r img{width: 100%;}
.digital{width: 100%; margin: 30px 0 100px 0;}
.tabs{width: 90%; margin: 10% 0 0 0;}


	
}


@media (min-width:768px) and (max-width:1023px) {


.home-bt-pro h2{font-size: 62px;}
.home-bt-pro h2 b{margin-top: -62px;font-size: 26px;}

.home-pro dl dd .img{border:7px solid #dcdddd ;}

.home-about-l{width: 100%; padding: 20px 0;}
.home-about-l .bt{text-align: left;}
.home-about-r{width: 100%;}
.home-about-r img{width: 100%;}
.digital{width: 100%; margin: 30px 0 200px 0;}
.tabs{width: 95%; margin:5% 0 0 0;}
.tabs li span{font-size: 12px;}
.home-case{width: 100%;margin-top:-150px;}


.text-right{text-align: left !important;}
.home-news{padding: 30px;}
.home-news ul li{width: 100%; margin-bottom: 30px;}

.tabsYs li{width: 100%;}
.tabsYs li .text{width: 100%;}
.tabsYs li.thistab .text{height: auto;}
.tabsYs li:nth-of-type(1).thistab .text::after{display: none;}
.tabsYs li:nth-of-type(2).thistab .text::after{display: none;}
.tabsYs li:nth-of-type(3).thistab .text::after{display: none;}
.tabsYs li:nth-of-type(4).thistab .text::after{display: none;}
.tabsYs li:nth-of-type(5).thistab .text::after{display: none;}
.tabsYs li:nth-of-type(6).thistab .text::after{display: none;}
.tabsYs li:nth-of-type(2n+0) .text{float: left;}
.tabsYs li:nth-of-type(2n+0) .text h2{text-align: left;}
.tabsYs li:nth-of-type(2n+0) .text p{text-align: left;}
.tab_conbox2{position: inherit;}


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

.home-bt-pro h2{font-size: 52px;}
.home-bt-pro h2 b{margin-top: -52px; font-size: 22px;}
.home-bt-pro::before{display: none;}
.home-bt-pro::after{display: none;}

.tabspro ul li{margin: 0 1%; width: 48%; margin-bottom: 20px;}

.home-pro {margin-bottom:auto;}
.home-pro dl dd{width: 48%; margin-bottom: 20px;}
.home-pro dl dd .img{border:4px solid #dcdddd ;}


.home-about-l{width: 100%; padding: 20px 0;}
.home-about-l .bt{text-align: left;}
.home-about-r{width: 100%;}
.home-about-r img{width: 100%;}
.digital{width: 100%; margin: 30px 0 100px 0;}
/*.tabs{width: 95%; margin:5% 0 0 0;}*/
.tabs{width: 90%; }
.tabs li{width: 33.333333%;}
.tabs li span{font-size: 12px;}
.tabs li i{display: none;}

/*.home-case{width: 100%;margin-top:-150px; padding: 10px;}*/
.home-case{width: 100%; padding: 10px;}
/*.home-case .text em{font-size: 50px;}*/
.home-bt-youshi ul li h2 {font-size: 22px;line-height: 22px;margin-top: 10px;}
.home-bt-youshi ul li h3{font-size: 50px;}

.text-right{text-align: left !important;}
.home-news{padding: 20px;}
.home-news ul li{width: 100%; margin-bottom: 30px;}



.home-bt-pro{margin: 20px 0;}
.home-bt-pro em{display: none}
.home-probg{margin: 20px 0;}
.home-aboutbg{margin-top: 20px;background-color: white;}
.home-about-l .bt img{max-width: 30%;}
.digital ul li h2{font-size: 30px;}
.home-case h2{font-size: 22px;}
.home-case .text{    float: none;}
.home-case .text span{font-size: 12px;}
.home-case .text em{font-size: 26px;}
/*.home-bt-youshi ul li h3{font-size: 40px;}*/
.home-bt-youshi ul li h3{font-size: 26px;}
.home-bt-youshi em{display: none}

.home-bt-youshi{margin: 20px 0;  display:none;}
.home-youshi{display:none;}

.home-bt-news em{display: none}
.home-bt-news ul li h2 {
	color: #FFF;
	font-size: 24px;
	line-height: 24px;
	margin-top: 10px;
}
.home-bt-news ul li h3{font-size: 50px;}
.home-newsbg{height: 350px;}

.digital ul li h5{font-size: 13px;}
/*.tab_conbox{margin-top: -60px;}*/
.tabspro{margin-bottom:auto}
.tab_conbox{margin-top: 18px;}
.home-about-l::before{background-color:rgba(0, 0, 0, 0);}
/*.home-about-l h2{font-size: 22px;}*/
.home-about-l h2{display: none;}
.home-case .text em{line-height:1;}
.home-bt-youshi ul{line-height: 2.5;}

.home-news{margin-bottom:auto;}
.home-news ul li .text h2{font-size: 16px;}

.tabsYs li{width: 100%;}
.tabsYs li .text{width: 100%;}
.tabsYs li.thistab .text{height: auto;}
.tabsYs li:nth-of-type(1).thistab .text::after{display: none;}
.tabsYs li:nth-of-type(2).thistab .text::after{display: none;}
.tabsYs li:nth-of-type(3).thistab .text::after{display: none;}
.tabsYs li:nth-of-type(4).thistab .text::after{display: none;}
.tabsYs li:nth-of-type(5).thistab .text::after{display: none;}
.tabsYs li:nth-of-type(6).thistab .text::after{display: none;}
.tabsYs li:nth-of-type(2n+0) .text{float: left;}
.tabsYs li:nth-of-type(2n+0) .text h2{text-align: left;}
.tabsYs li:nth-of-type(2n+0) .text p{text-align: left;}
.tab_conbox2{position: inherit; width: 100%;}

}