@charset "utf-8";
/* CSS Document */

body{ font-size:14px; color:#000; background:#fff;   font-family: "Microsoft YaHei",  Verdana, sans-serif, "SimSun";  -webkit-text-size-adjust:none;-webkit-font-smoothing: subpixel-antialiased;-moz-osx-font-smoothing: grayscale;  margin:0px; padding:0px;word-break:break-all;-ms-text-size-adjust:100%;-webkit-text-size-adjust:100% }ul,li,p{ list-style-type:none; padding:0px; margin:0px;}img{ border:0px;}
a:link {color:#333;text-decoration: none;-webkit-transition: all 0.3s;-moz-transition: all 0.3s;-o-transition: all 0.3s;}
a:visited {text-decoration: none;color: #000;}a:hover {text-decoration: none;color: #65b5ff;}a:active {text-decoration: none;color: #333;}
body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, code, form, fieldset, legend, input, button, textarea, p, blockquote, th, td {
	margin: 0;
	padding: 0;
}
.sjj_nav{ display:none;}
em, i {
    font-style: normal;
}
.w-all{ display:none;}
body, button, input, select, textarea {
    text-rendering: optimizeLegibility;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}


*, ::after, ::before {
    box-sizing: border-box;
    outline: none;
}


body{box-sizing: border-box;
 -webkit-box-sizing: border-box;
 -moz-box-sizing: border-box;
 }
 body{ font-family:"Microsoft YaHei"; max-width:1920px; margin:0 auto;}
.mian{ max-width:1200px; margin:0 auto; overflow:hidden;}
.miana{ max-width:1500px;margin:0 auto; overflow:hidden;}
.mianb{ max-width:1660px;margin:0 auto; overflow:hidden;}
.mianc{ max-width:1020px;margin:0 auto; overflow:hidden;}

.banner{ width:100%; overflow:hidden; display:block;}

.newspicr p{ margin-top:10px;}
.page_turner { padding: 10px 0; overflow: hidden; text-align: right; }
.page_turner a, .page_turner span { text-align: center; color:#333; display:inline-block;
border: 1px solid #2E2E2E; height: 30px; min-width: 30px; margin-left: 4px; line-height: 20px; padding: 4px; }
.page_turner a:link, .page_turner a:visited { text-decoration: none; }
.page_turner a:hover, .page_turner a.c { background: #2E2E2E; color: #FFF; }


/*banner*/
.ban { position: relative; z-index: 3; width: 100%; overflow: hidden;}
.ban img { display: block; width: 100%; }
.ban .swiper-pagination-bullet {width: 10px ;opacity: 1; height: 10px; margin: 0 5px !important; border: 1px solid #fff; background: none;}
.ban .swiper-pagination-bullet-active { border-radius: 10px; opacity: 1; background: #fff; }

.head{width: 100%;overflow:hidden; background:#000;}
.headb{width: 100%;overflow:hidden; }

		.nav_barv{
			width: 100%;
			margin: 0 auto;overflow:hidden;
		}
		.logo{
			width: 8%;
			margin-bottom:-55px;
			margin-top:16px;
			float: left; margin-left:10%; overflow:hidden; 
		}
		
		.logo img{ width:100%; display:block;}
		.nav_bar{
			width: 50%;
			float: left;
			height: 60px;
			margin-left: 28%; overflow:hidden;
		}
		.nav_bar ul li{
			list-style-type: none;
			float: left;
			line-height: 60px;
			text-align: center; font-size:16px;
			padding-left:3%; padding-right:3%;transition: 0.2s 0.2s; font-weight:800;
		}
		.nav_bar ul li a{
			color: #fff;
			text-decoration: none;
			display: block; 
		}
	
		.nav_bar ul li:hover .hid{
			display: block;
		}
		.hid{
			width: 100%;
			height: auto;
		background: rgba(255,255,255,0.6);
			position: absolute;
			left: 0;
			display: none; padding-top:10px; padding-bottom:20px; z-index:9999;
		}
		.hid ul{
			width: 900px;
			margin: 0 auto;  overflow:hidden;
		}
		
		
			.hid ul li{
	border-right: 1px solid #eee;
	height:40px;
	width: calc((100% - 260px)/5);
	height:auto;
	text-align: left;
	line-height:40px;
	font-size:14px;

	padding-right: 0px;
	font-weight: 100;
	background-image: url(sub12.png);
	background-repeat: no-repeat;
	background-position: 0px center; padding-left:10px; margin-right:50px;
		 }
		 
		 
		 	.hid ul li a{ color:#000;}
		.Btn{
			float: right;
			width: 120px; margin-top:5px;

			 margin-right:10%; overflow:hidden;
		}
		.diaBtn{ width:41px; height:41px; background:url(sou1.png) no-repeat; overflow:hidden; float:right; margin-top:5px;}
.en{ float:right; font-weight:bold; overflow:hidden; color:#FFF; line-height:50px; font-size:14px; margin-left:20px; margin-right:10%;}
		
.en a{ color:#FFF;}




.txt{ width:100%; overflow:hidden; font-size:38px; text-align:center; margin-top:90px; margin-bottom:90px;}
.txt p{ width:100%; overflow:hidden; font-size:24px; text-align:center; color:#0060b2;font-family:arial,helvetica,sans-serif}

/*首页产品*/

.server{ width:100%; overflow:hidden; margin-bottom:100px;}
.server li{ width: calc((100% - 40px)/3); margin-right: 20px;float:left; padding-bottom:10%; overflow:hidden;  position:relative;}.server li img{ width:100%;}
.server li:last-child { margin-right:0px; float:right; }
.servertxt{
    width: 100%;
    max-width: 60%;
    min-width: 0px;
    height: auto;
    max-height: none;
    position:absolute;
    top: 22%;left:0;right:0;bottom:0;
   margin:auto;
	
	}

.servertxt p{ text-align:center;font-size:30px; color:#FFF; margin-bottom:13px; font-weight:900;} .servertxt p a{ color:#FFF;}

.servertxt span{ text-align:center; font-size:18px; margin-bottom:20px; color:#FFF; overflow:hidden; width:100%; display:block;}
.animated{ width:43px; height:43px; background:url(p_7.png) no-repeat; overflow:hidden; margin:0 auto;}
.serverpic{ width:100%; overflow:hidden; position:absolute; top:60%; max-width:70%;left:0;right:0;bottom:0;
   margin:auto;}
.w_imgbox{ width:100%; overflow:hidden;}.w_imgbox img{ width:100%; display:block;}
.server li:hover .animated{ -webkit-transition-timing-function: cubic-bezier(0.6, 4, 0.3, 0.8);
     transition-timing-function: cubic-bezier(0.6, 4, 0.3, 0.8);
     -webkit-animation: gelatine 0.5s 1;
     animation: gelatine 0.5s 1;
     cursor: pointer;}
 @keyframes gelatine {

     0%,
     100% {
         -webkit-transform: scale(1, 1);
         transform: scale(1, 1);
     }

     25% {
         -webkit-transform: scale(0.9, 1.1);
         transform: scale(0.9, 1.1);
     }

     50% {
         -webkit-transform: scale(1.1, 0.9);
         transform: scale(1.1, 0.9);
     }

     75% {
         -webkit-transform: scale(0.95, 1.05);
         transform: scale(0.95, 1.05);
     }
 }

	 
	 
	 
	 
	 
	 

/*首页关于*/

.indexabout{ width:100%; overflow:hidden; padding-top:90px; padding-bottom:90px; background:url(bg_01.jpg) no-repeat center center; background-size: cover;background-attachment: fixed; }
.txt1{ width:100%; overflow:hidden; font-size:38px; text-align:center; color:#FFF}
.txt1 p{ width:100%; overflow:hidden; font-size:24px; text-align:center; color:#FFF;font-family:arial,helvetica,sans-serif}

.aboutmain{ width:100%; overflow:hidden;}

.aboutmain li{min-width: 1%; width:calc((100% - 10%)/6);cursor:pointer; margin-right: 2%; height:250px; float:left;overflow:hidden; border: 1px solid #e2e2e2;transition: 0.3s;  position:relative; }
.aboutmain li:last-child { margin-right:0px; float:right; }

.aboutmains{ width:0%; overflow:hidden; transition: 0.3s; height:100%; background:#0060b2; height:100%; display:block; position:absolute;top:0;    }
.aboutmain li:hover .aboutmains{ width:50%; height:100%;}
	
.aboutmainpic{ width:50px; overflow:hidden;  margin: 50px auto; z-index:9999;}
.aboutmainpictxt{ width:100%; overflow:hidden; color:#FFF; line-height:2; text-align:center; font-size:16px; margin-bottom:10%;z-index:9999;}

.aboutmainss{ width:0%; overflow:hidden; transition: 0.3s; height:100%; background:#0060b2; height:100%; display:block; position:absolute;top:0; right:0px;    }

.aboutmain li:hover .aboutmainss{ width:50%; height:100%;}

.txtj{ position:absolute; top:0px; text-align:center; width:70%; left: 0;
    right: 0;
    bottom: 0;
    margin: auto;}
.aboutmain li:hover{border: 1px solid #0060b2;}

/*首页ABOUT US*/


.aboutusbj{
	width:100%;
	overflow:hidden;
	background-image: url(ab_11.jpg);
	background-repeat: repeat-y;
	background-position: center top;
}

.aboutus{ text-align:center; line-height:2; overflow:hidden; width:100%; margin-bottom:50px;}
.p_CommonBtn {
    background-color: #0060b2; text-align:center; width:250px;
    border-radius: 29px;
    line-height: 34px; margin:0 auto; color:#FFF; font-size:16px;margin-bottom: 100px;
}.p_CommonBtn a{ color:#FFF;}

.bottom{ margin-bottom:30px;}






/*热销产品开始*/
.selected-solution { position:relative; width:100%; display:block; }
.selected-solution .swiper-container{ overflow:hidden;width:90%}
.selected-solution .layer-title{color:#393b40;padding:50px 0 30px;text-align:center;font-size:30px;letter-spacing:1.09px}
.swiper-container-solution{ width:100%; overflow:hidden;}
.swiper-container-solution .swiper-button-prev{left:10px;width:43px;height:43px;margin-top:-50px;background-image:url(../Images/b_08.png);background-size:cover;transition:background-image .15s}
.swiper-container-solution .swiper-button-next{right:10px;width:43px;height:43px;margin-top:-50px;background-image:url(../Images/b_09.png);/*transform:rotate(180deg);*/background-size:cover;transition:background-image .15s}

/*主体列表   自加样式*/
.swiper-slide{ width:1660px; margin:0 auto; overflow:hidden; }
.swiper-slide img{ width:100%; display:block; }

.portop1.swiper-slide img{ width:100%; display:block;aspect-ratio: 16/10; margin:0 auto; height: 100%;
  object-fit: cover; }
.picture { 
     width: 100%;
     height: 100%;
	 overflow:hidden;
 height: auto;
  aspect-ratio: 16/10;
 position:relative;
 }

.blue {
     background: rgba(0, 102, 210, 0.8);
	 bottom:0px;
     left: 0px;
     width: 100%;
     height: 0%;
     transition: all .5s ease; position:absolute;
 }
.number{ width:90%; overflow:hidden; margin:10% auto;}
.numberxian{display: block; float:left; margin-top:30px; margin-right:10px;
    width: 10%;
    height: 2px;
    background: #fff;}
.numbertxt{ width:80%; float: left; overflow:hidden;  font-size:30px; margin-top:10px; font-weight:900; color:#FFF;}
.numbertxt p{ font-size:14px; color:#FFF; font-weight:100; line-height:180%; margin-top:10px;}
.text-center {
     text-align: left;
     border-bottom: 1px solid #e9e9e9;
     width: 96%;
     margin: 0 auto;
	  color: #333;
     font-size: 18px;
     padding: 18px 25px;
     overflow: hidden;
     text-overflow: ellipsis;
     white-space: nowrap;
 }

.swiper-slide:hover .blue{ height:100%;}


/*热销产品结束*/


 .bj2{
	width:100%;
	overflow:hidden;
	margin-top:80px; margin-bottom:80px;

	background: url(a_s15.jpg) right top no-repeat , url(a_s16.png) left top repeat;
	background-size: 50% 100%, 50% 100%;	
}
.w_grid{width: 170px; margin-left:50px; float:left; margin-top:100px; color:#FFF; font-size:26px; overflow:hidden; line-height:160%;}
 
.p_Btn {
    background-color: #0060b2;
    border-radius: 29px; color:#FFF;
    line-height: 38px;max-width: 150px; font-size:14PX; text-align:center; margin-top:10PX; display:block;
}
.index_news{ width:47%; float:right; margin-right:50px; overflow:hidden;}

.index_newslist{width:550px; color:#FFF; overflow:hidden; float:right; margin-top:100px;}


.index_newslist li {
    width: 100%;

    padding-bottom: 5%;
    overflow: hidden;

    border-bottom: 1px solid #e8e8e7; margin-bottom:5%;
}


.index_newslistpic{ width:40%; float:left; overflow:hidden; display:block;  height: auto;aspect-ratio: 16/10;  }.index_newslistpic img{height: 100%;
  object-fit: cover; width:100%; display:block;}
.index_newstxt{ width:55%; float:right; overflow:hidden; font-size:16px; color:#FFF;}
.index_newstxt p{ width:100%; display:block; font-size:14px; overflow:hidden; margin-top:3%;text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  line-clamp: 2;
  -webkit-box-orient: vertical;}
  
.index_newstxtv{ width:100%;overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;}
.index_newstime{ margin-top:6%; overflow:hidden; width:100%; font-size:14px;}

.index_newstxt a{ color:#FFF; display:block;}


/*合作伙伴*/

.selected-solutionb { 

 position:relative; width:100%; display:block; margin-bottom:0px;
}

.selected-solutionb>div{width:100%;margin:0 auto; overflow:hidden;}
.selected-solutionb .swiper-container{ overflow:hidden;width:90%}
.selected-solutionb .layer-title{color:#393b40;padding:50px 0 30px;text-align:center;font-size:30px;letter-spacing:1.09px}
.swiper-container-solutionb{ width:100%; overflow:hidden;}
.swiper-container-solutionb .swiper-button-prev{left:10px;width:30px;height:50px;background-image:url(../Images/p-09.png);background-size:cover;transform:rotate(180deg);transition:background-image .15s; z-index:11;    }
.swiper-container-solutionb .swiper-button-next{right:10px;width:30px;height:50px;background-image:url(../Images/p-09.png);background-size:cover;z-index:11;transition:background-image .15s}



.swiper-container .swiper-wrapper{-webkit-transition-timing-function: linear; /*之前是ease-out*/-moz-transition-timing-function: linear;-ms-transition-timing-function: linear;-o-transition-timing-function: linear;transition-timing-function: linear;
}

.link{ width:100%; overflow:hidden; display:block;}
.link img{
     width: 100%;  transition: all .5s ease; display:block; overflow:hidden;
     transform: scale(1);
 }
.link:hover.link img{ transform: scale(1.2);} 



.foonter{
	width:100%; overflow:hidden;
    border-top: 3px solid #0060b2; padding-top:80px; padding-bottom:80px; margin-top:50px;
}	
	
	
.foonterlogo{ float:left; overflow:hidden; margin-right:5%; width:10%;} .foonterlogo img{ width:100%; display:block;} 
.foonternav{  overflow:hidden; float:left;width:80%; }
.foonternav li:nth-child(1){ width:160px;}
.foonternav li{ float: left; overflow:hidden; border-right:1px solid #ededed; padding-left:4%;  }
.foonternav li:nth-child(2){ float: left; overflow:hidden; border-right:1px solid #ededed;  width:300px; } 
.foonternav li:nth-child(3){ float: left; overflow:hidden; border-right:1px solid #ededed;  width:300px; }
.foonternav li:nth-child(4){ width:160px; border-right:0px;}
.foonternav li:nth-child(5){ width:300px; border-right:0px;}


.foonternav li:nth-child(5) p{ width:100%;}





.foontertxt{ width:100%;  line-height:30px;}.foontertxt p{ width:120px; line-height:2.4;  overflow:hidden; font-size:14px;  font-weight:100; float:left;}
.foontertxt h5{ font-size:16px;}

.copy{
    background-color: rgba(255, 255, 255, 1);
    border-top: 1px solid #eaeaea; width:100%; font-size:14px; line-height:50px; text-align:center;color:#8d8d8d;
}
.copy a{color:#8d8d8d;}

/*案例开始*/
.casebanner{ width:100%; overflow:hidden; background:url(anli01.jpg) center no-repeat;background-position: top center; background-attachment: fixed; min-height:320px;}
.ntxt{ width:100%; text-align:center; overflow:hidden; color:#FFF; font-size:36px; margin-top:30px; line-height:1.3;}.ntxt p{ text-align:center; color:#FFF; font-size:24px;}
.n_list{ width:100%; overflow:hidden; margin-top:30px; }
.n_list ul{ text-align:center; width:100%; overflow:hidden;}
.n_list ul li{  display:inline-block; overflow:hidden;margin: 0 5px; padding:15px 23px; border: 1px solid #0060b2; position:relative;  }
.n_list ul li:before {

    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: #0060b2;
    z-index: -1;
    opacity: 0;
    -webkit-transform: scale3d(0.7, 1, 1);
    transform: scale3d(0.7, 1, 1);
    -webkit-transition: -webkit-transform 0.4s, opacity 0.4s;
    transition: transform 0.4s, opacity 0.4s;
    -webkit-transition-timing-function: cubic-bezier(0.2, 1, 0.3, 1);
}

.n_list ul li:hover:before {
    opacity: 1;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);    
}

.n_list ul li.nav_snav:before {

    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: #0060b2; color:#FFF
    z-index: -1;
    opacity: 1;
    -webkit-transform: scale3d(1, 1, 1);
    transform: scale3d(1, 1, 1);
    -webkit-transition: -webkit-transform 0.4s, opacity 0.4s;
    transition: transform 0.4s, opacity 0.4s;
    -webkit-transition-timing-function: cubic-bezier(0.2, 1, 0.3, 1);
}
.n_list ul li.nav_snav a{ color:#FFF;}
.n_listtxtb{ width:100%; display:block;text-overflow: ellipsis;  white-space: nowrap;z-index:1;}

.n_list ul li:hover a{ color:#FFF;}
.n_rightli{ float:right; background:url(home.png) no-repeat left center; text-indent:1.2em; color:#777; line-height:60px; white-space: nowrap;
 
      text-overflow: ellipsis; overflow:hidden;}
.n_txth1{ width:100%; overflow:hidden; font-size:16px; text-align:center; border-bottom:1px solid #f0f0f0; line-height:80px; margin-bottom:30px;}

.n_txthxtc{ width:100%; padding-left:10%; margin-top:20px; padding-right:10%; overflow:hidden; font-size:36px; text-align:center; border-bottom:1px solid #f0f0f0; line-height:1.2; padding-bottom:15px; margin-bottom:10px;}
.n_txthxtcp{ width:100%; text-align:center; margin-bottom:30px; overflow:hidden; color:#707070} .n_txthxtcp a{color:#707070}

.casebox{ width:100%; overflow:hidden; margin-top:40px;}
.casebox li{ width:calc(100%/3 - 30px); float:left; margin-right:45px; margin-bottom:50px; overflow:hidden; }
.casebox li:nth-child(3n){margin-right:0; }



.caseLi{position: relative;
    overflow: hidden;
    width: 100%;
    height: 230px;object-fit:cover;}
	
	.caseLi img{ max-width:100%; display:block;   transform: scale(1); transition: all .5s ease;}
.casebox li:hover .caseLi img{transform: scale(1.2);}
	
	
 .showBox {
    position: absolute;
    top: 0px;
    left: 0px;
    width: 100%;
    height: 100%;
    opacity: 0;
    background: rgba(0, 0, 0, .6);
    transition: all 0.5s ease;
}
	
.casebox li:hover .showBox {
    opacity: 1;
}
.showBoxLink {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    display: block;
    width: 60%;
    color: #fff!important;
    text-align: center;
    font-size: 16px;
    padding: 0.5rem 0;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.showBoxLink::before {
    content: '';
    position: absolute;
    top: 0px;
    left: 50%;
    transform: translateX(-50%);
    width: 60%;
    height: 1px;
    background: #fff;
    transition: all .5s ease;
}

.showBoxLink::after {
    content: '';
    position: absolute;
    bottom: 0px;
    left: 50%;
    transform: translateX(-50%);
    width: 60%;
    height: 1px;
    background: #fff;
    transition: all .5s ease;
}
	



.casebox li:hover .showBoxLink::before {
    width: 10%;
}


.casebox li:hover .showBoxLink::after {
    width: 10%;
}

.leftBox {
    padding: 20px 20px;
	font-size:16px;background: #f6f6f6;
	
	color: #333;
    overflow: hidden;
    text-overflow: ellipsis;

    white-space: nowrap;
    width: 100%;
    font-weight: bold; line-height:150%;}
.leftBox p{color: #777;
    white-space: normal;
    overflow: hidden;
    margin: 10px 0;
    text-overflow: ellipsis;
	font-size:14px; font-weight:100;}
.lookDetail {
    position: relative;
    display: block;
    color: #777;
    height: 46px;
    line-height: 44px;
    border-top: 1px solid #e5e5e5;
    border-bottom: 2px solid #dddddd;
    padding: 0 20px;background: #f6f6f6;
}

.lookleft{
	float:left;
	padding-left:20px;
	background-image: url(s_08.png);
	background-repeat: no-repeat;
	background-position: left center;
}
.lookright{
	float: right;
	background-image: url(s_07.png);
	background-repeat: no-repeat;
	background-position: right center; padding-right:20px;
}
/*产品开始*/
.portop p{ width:90%; margin:0 auto; overflow:hidden; line-height:36px; text-overflow: ellipsis;
    white-space: nowrap; margin-bottom:30px;}

.porleft{ width: 223px; float:left; overflow:hidden; margin-bottom:100PX; margin-top:50px;}

.porleft li { overflow:hidden;

	background-image: url(proM.jpg);
	margin-bottom: 5px;
	background-repeat: no-repeat;
    transition: all .5s ease;
	border-right: 5px solid #0060b2;
	border-bottom: 1px solid #d5d5d5;
	padding: 15px 10px;display: flex;
align-items:center;   transition: all .5s ease;
}

.p_image {
    width: 58px;
    height: 30px;
    display: inline-block;
    vertical-align: middle;
    margin-right: 25px; float:left; overflow:hidden;
}
.p_image img{ width:100%; display:block;}
.porleft li:HOVER{border-right: 5px solid #25aae1; color:#0060b2;
 }

.portoptxt{ max-width:350px; margin:0 auto; overflow:hidden; font-size:24px; text-align:center;  }
.p_FLine {
	height:1px; background:#999;
	 width:100px; float:left; margin-top:20px;
}
.p_FLiner{
	height:1px; background:#999;
	 width:100px; float: right; margin-top:20px;
}
.portoptxtb{ width:100%; overflow:hidden; line-height:50px; text-align:center; margin-bottom:30px;}


.porright{ width:950px; float:right; overflow:hidden; margin-top:50px; }
.porso{ width:100%; overflow:hidden; text-align:left;}
.proContainer {
    max-width: 100%; overflow:hidden; margin-top:30px;
}
.proContainer  li{
    width:calc(100%/3 - 10px);
    float: left;
    margin: 10px 15px 10px 0px; 
}
.proContainer li:nth-child(3n){
 margin: 10px 0px 10px 0px;}
 
 
 .proImgBoxli {
    position: relative;
    width: 100%;
    height: 100%;
    overflow: hidden;}
 .proImgBoxli img{ width:100%; display:block;aspect-ratio: 16/10;}
.txtBoxpor {
    position: absolute;
    top: 0px;
    left: -100%;
    width: 100%;
    height: 100%;
    overflow: hidden;
    padding: 10% 20%;
    box-sizing: border-box;
    color: #fff;
    background: rgba(0,96,178,.95);
    -webkit-transform: rotate(90deg);
    -moz-transform: rotate(90deg);
    -ms-transform: rotate(90deg);
    -o-transform: rotate(90deg);
    transform: rotate(90deg);
    -webkit-transition: all .5s ease;
    -moz-transition: all .5s ease;
    -ms-transition: all .5s ease;
    -o-transition: all .5s ease;
    transition: all .5s ease;
}


.proContainer  li:hover .txtBoxpor {
    -webkit-transform: rotate(0);
    -moz-transform: rotate(0);
    -ms-transform: rotate(0);
    -o-transform: rotate(0);
    transform: rotate(0);
    left: 0%;
    top: 0px;
}

.proContainer  li p{display: flex;
    align-items: center;
    justify-content: center;
    flex-wrap: nowrap;
    width: 100%;

    color: #333;
    font-size: 14px;
    padding: 0 2rem;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    transition: all .5s ease; line-height:50px;}
	
	
	 .proTitle {
    width: 100%;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    font-size: 20px;
    line-height: 36px;
    border-bottom: 2px solid #fff;
    padding-bottom: 9px;
    text-align: center;
}


.proSummry {
    width: 100%;
    font-size: 16px;
    line-height: 24px;
    margin-top: 19px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.see {
	width: 100px;
	text-align: center;
	font-size: 0.75rem;
	margin: 1rem auto;
    transition: all .5s ease;
	background-image: url(yan.jpg);
	background-repeat: no-repeat;
	background-position: 12px 14px; padding:10px; border:1px solid rgba(0,96,178,1); text-indent:22px;
}
.see:hover{ border:1px solid #FFF; display:block;}
.n_pormain{ width:100%; overflow:hidden;}
.n_por { width:50%; float:left;
    border: solid 1px #d9d9d9;
}

.n_por img{ width:100%; display:block;}
.n_portxtmai{width:46%; float:right; }
.n_portxt{overflow:hidden; width:100%; color:#007dc5; font-size:26px; font-weight:900; border-bottom: 1px solid #eee; padding-bottom:30px;}

.n_portxt p{ width:100%; font-size:14px; line-height:180%; color:#595959; font-weight:100; margin-top:30px;
overflow: hidden;
            text-overflow: ellipsis;
            display: -webkit-box;
            -webkit-line-clamp: 3;
            -webkit-box-orient: vertical



}



.xinjia7 {
    height: 45px;
    text-align: center;
    padding: 0 25px;
    cursor: pointer;
    line-height: 45px;
    color: #65b5ff;
    font-size: 16px;
    border: 1px solid #007dc5;
    width: 280px;
    margin-top: 25px;
}

.xinjia7:hover{ background:#007dc5;}
.xinjia7 A{ color:#65b5ff;}
.e_RelationBtn1{ width:100%; overflow:hidden; margin-top:50px; margin-bottom:50px;}

.e_RelationBtn2{ width:100%; border-bottom:1px solid #eee ; overflow:hidden;}


.d_DecTab3 {
    float: left;
    width: auto;
    background: #0060b2;
    line-height: 44px;
    color: #fff;
    border: none; overflow:hidden; padding-left:20px; padding-right:20px;
}

.d_DecTab4{ width:100%; overflow:hidden; line-height:180%; text-align:justify; margin-bottom:50px;}

.d_DecTab4 img{ max-width:100%; display:block; margin:20px auto;}





/*二手开始*/

.ershoubanner{ width:100%; overflow:hidden; background:url(ban_about.jpg) center no-repeat;background-position: top center; background-attachment: fixed; min-height:320px;}


.ershou{ width:100%; overflow:hidden; margin-top:30px; margin-bottom:50px;}
.ershou li{float: left;
    width: calc((100% - 60px)/3); margin-right:30px;}

.ershou li:nth-child(3n){margin-right:0px;}
.ershoupic{ width:100%; overflow:hidden;border-radius: 4px; margin: 0 auto; height:200px;} 

.ershoupic img{ width:100%; overflow:hidden; display:block;transform: scale(1); transition: all .5s ease;}



.ershouBoxB {
    padding: 20px 1rem 1rem; font-size: 16px;
    margin-bottom: 20px;
    transition: all .5s ease;
    overflow: hidden;


}
.ershou li:hover .ershoupic img{ transform: scale(1.2);} 



.ershoutxtq{
	width:100%;
 overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap; 
}
.ershoulineBox {
    position: relative;
    width: 100%;
    height: 1px;
    background: #ededed;
    margin: 1rem 0;
}

.ershoulineBox::before {
    content: '';
    position: absolute;
    top: 0px;
    left: 0px;
    width: 0px;
    height: 100%;
    background: #0060b2;
    transition: all .5s ease;
}

.ershou li:hover .ershoulineBox::before {
    width: 100%;
}
.ershounewMs {
 
    width: 100%; line-height:1.5;

      overflow: hidden;
      text-overflow: ellipsis;
      display: -webkit-box;
      -webkit-box-orient: vertical;
      -webkit-line-clamp: 3;
      word-break: break-all;
    color: #777; font-size:14px;

}


.bottomLink { overflow:hidden; margin-top:20px;
    display: block;
    width: 30px;
    height: 30px;
    color: #ccc;
    font-size: 20px;
    font-family: Raleway;
    padding: 1px 5px;
    border: 1px solid #d8d8d8;
    transition: all .5s ease;
}


.ershou li:hover  .bottomLink { color:#0060b2;    border: 1px solid #0060b2;}



/*联系我们开始*/

.contactbanner{ width:100%; overflow:hidden; background:url(shipin012.jpg) center no-repeat;background-position: top center; background-attachment: fixed; min-height:320px;}

.contactleft { margin-top:50px; margin-bottom:50px;
float:left;
   overflow:hidden;
    width: 45%;
}
.contacttxa{ width:100%; border-bottom:1px dashed #dddddd; line-height:50px; font-size:18px;}
.contacttxamain{ width:100%; overflow:hidden; margin-top:30px;}.contacttxamain li{ width:100%; margin-top:10px; overflow:hidden; font-size:16px; line-height:1.8;}
.contacttxalaft{ width:8%; float:left; text-align:left;}
.contacttxaright{ width:80%; float:left; overflow:hidden;} .contacttxaright p{ color:#999;}



.contactright{ width:40%; float:right; overflow:hidden;margin-top: 80px;
    margin-bottom: 50px;}
.contactright li{ width:100%; overflow:hidden; margin-bottom:30px;}

.c_content {
    background-color: #e8eaec; padding:20px; line-height:1.5; 
    border-radius: 3px;
    border: 0px;
    width: 100%;
    height: 80px; font-family:"Microsoft YaHei";}


.c_cont {
    background-color: #e8eaec; padding:10px 20px; line-height:1.5; 
    border-radius: 3px;
    border: 0px;
    width: 100%;
   }


.p_submit{ width:100%;padding: 6px 12px; outline:none;

    line-height: 2;
    border-radius: 4px;
    background-color: #0060b2; border:0px; color:#FFF; font-size:16px;
}
.p_submit:hover{ background:#000;}

.map{ width:100%; overflow:hidden; margin-top:50px; margin-bottom:50px;}.map img{ width:100%; display:block;}

.cogight{ float:right;}



/*关于我们开始*/

.aboutbanner{ width:100%; overflow:hidden; background:url(about01.jpg) center no-repeat;background-position: top center; background-attachment: fixed; min-height:320px;}
.aboutinfo{ width:100%; margin-top:10px; margin-bottom:50px; line-height:180%;}

.about_left {
 width: 25%; overflow:hidden; font-size:40px;color:#b4b4b4; float:left; margin-top:30px; margin-bottom:50px;
}

.about_left p{ font-size:24px; color:#000;} .about_leftxian{ width:50px; height:2px; margin-top:10px; background:#000; overflow:hidden}

.about_right{ width:70%; float:right; overflow:hidden; line-height:180%;margin-top:30px;}

.about_mainc{ width:100%; overflow:hidden; margin-bottom:50px;} .about_mainc img{ width:100%; display:block;}

.about_con2 {
    margin-top: 0px; overflow:hidden;
    margin-bottom: 50px;
    width: 100%; margin-top:50PX;
}

 .about_con2 .counter {
    font-size: 60px;
    font-weight: bold;
    color: #000;
    line-height: 60px; font-family:Microsoft Yahei;
}

.about_con2 .danwei {
    font-size: 30px;
    color: #666666;
    line-height: 40px;
    position: relative; font-weight:900;
    top: -25px;
    left: 5px;
}
.about_con2 ul {
    display: flex;
    flex-direction: row;
    width: 100%;
    justify-content: space-around;
    background: #FFF;
    padding-top: 30px;
    padding-bottom: 30px;
}
 .about_con2 p {
    font-size: 15px;
    color: #999999;
    line-height: 40px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    width: 100%;
}

 .about_con2 h3{ text-align:center;}
 .about_con2 li{ border-right:1px solid #CCC; padding-right:3%; padding-left:3%;}
 .about_con2 li:last-child{ border-right:0px;}
 .aboutbj{ width:100%; overflow:hidden; background-color: rgba(238, 238, 238, 1); padding-top:50px; padding-bottom:30px;}
 .about_leftrongy {
 width: 100%; overflow:hidden; font-size:40px;color:#b4b4b4; float:left; margin-top:30px; margin-bottom:50px;
}.about_leftrongy p{ font-size:24px; color:#000;}


.rongyuaboutlist{ width:100%; overflow:hidden; }
.rongyuaboutlist li{ width:calc(100%/4 - 38px); float:left;  margin-right:50px; margin-bottom:50px; overflow:hidden; } .rongyuaboutlist li img{ width:100%; display:block;}
.rongyuaboutlist li:nth-child(4n){margin-right:0; }


.p_gridbox {
    width: 100%;
    overflow: hidden;
    position: static; padding:20px;
}


.p_gridbox li{ width:100%; overflow:hidden; padding:20px 10px;}

.p_gridbox li:nth-child(even) {  background-color: rgba(246, 246, 246, 1);  }


.p_gridbox li:hover {
    box-shadow: rgb(0 0 0 / 20%) 0px 10px 20px 0px;
    z-index: 9;
}

.p_gridboxleft{ width:47%; float:left; text-align:right;font-family:georgia,serif; font-size:22px;}

.p_gridboxyuan{ width:5%; float:left; overflow:hidden;}


.p_gridboxcx {
    border: 4px solid #ff9900;
    border-radius: 100%; width:30PX; height:30PX; margin:0 auto; margin-bottom:10px;
}
.p_gridboxcx2 {
    border: 4px solid #0060b2;
    border-radius: 100%; width:30PX; height:30PX; margin:0 auto; margin-bottom:10px;
}


.p_FLinexx { background:#e6e6e6; width:2px; height:80px; margin:0 auto;}

.p_gridboxright{ width:47%; float:right; overflow:hidden; font-size:20px; line-height:1.3;font-family:georgia,serif;}

.gongchang{ width:48%; float:left; overflow:hidden;}
.gongchang li{ float:left; width:48%; overflow:hidden; margin-bottom:4%;} .gongchang li img{ width:100%; display:block;}

.gongchang li:nth-child(even) { float:right; overflow:hidden;  }


.gongchangrig{ float: right; width:48%; font-size:15px; overflow:hidden; margin-bottom:4%; line-height:180%;} .gongchangrig li img{ width:100%; display:block; }

.gongchangrig p{ margin-top:15px;}


.yuangong{ width:30%; float:left; overflow:hidden; }

.yuangongrig{ width:65%; float:right; overflow:hidden;margin-top:50px; margin-bottom:50px;}
.yuangongrigtxt{ width:100%; overflow:hidden; font-size:18px; line-height:2; margin-top:10px;}
.yuangongrigtxt p{ width:100%; overflow:hidden; font-size:14px;}

.gongchangtxt{ width:100%; font-size:20px;color:#0f75bc; font-weight:900; margin-top:0px; margin-bottom:20px; text-align:center; line-height:2;}

.gongchang1{ width:100%; overflow:hidden; margin-bottom:30px;}

.gongchang1 li{ width:49%; float:left; overflow: hidden; margin-bottom:2%}

.gongchang1 li:nth-child(odd) { float:right; }


gongchang1 li img{ width:100%;  display:block;}

.chuangtxt{
    background-color: rgba(249, 249, 249, 1);
    border: 1px solid #eee; width:100%; overflow:hidden; margin-bottom:20px; padding-top:30px; padding-bottom:30px;
}
.chuangtxttxt1{ width:100%; font-size:30px; color:#007dc5; text-align:center; font-weight:bold}
.chuangtxttxt1 p{ text-align:center; width:100%; overflow:hidden; font-size:16px; line-height:1; margin-top:15px; font-weight:100; color:#000;}

.chuangimg{ width:100%; overflow:hidden;display:block; margin-bottom:30px;}.chuangimg img{ width:100%; display:block;}
.changzhang{ width:100%; overflow:hidden; margin-bottom:50px;}
.changzhang li{ width:48%; float:left; overflow:hidden; margin-top:20px; 
}
.changzhang li img{ width:100%; display:block;}
.changzhangn{ width:100%; padding:57px; overflow:hidden; font-size:22px; color:#333; font-weight:900;
background-color: rgba(249, 249, 249, 1);
    border: 1px solid #eee; 


} .changzhangn p{ font-size:14px; line-height:1.5; margin-top:10px; font-weight:100;}

.changzhang li:nth-child(even) {   float:right; }
.maininfo{ width:100%; margin-bottom:50px; overflow:hidden; line-height:180%; text-align:justify;} .maininfo img{ max-width:100%; display:block; margin:20px auto;}

.d_pcDom {border: none;
    border-top: 1px #eee solid;
    padding-top: 20px; width:100%; overflow:hidden; margin-bottom:50px;}
	
	.xxnrt{ float:left;}	.xxnrtr{ float: right;}
	
	
	
	
	
	
/*bannerh*/
.banh { position: relative; z-index: 3; width: 100%; overflow: hidden;margin-top: 70px}
.banh img { display: block; width: 100%; }
.banh .swiper-pagination-bullet {width: 10px ;opacity: 1; height: 10px; margin: 0 5px !important; border: 1px solid #fff; background: none;}
.banh .swiper-pagination-bullet-active { border-radius: 10px; opacity: 1; background: #fff; }

.banh .swiper-button-next {
	background-color: rgba(0,0,0,.5);
	background-size: none;
	width: 27px;
    height: 44px;
	background-size:auto; right:0px;

	background-position: center center;
	background-image: url(../Images/rBpng.png);
	background-repeat: no-repeat;
}
.banh .swiper-button-prev { 
background-color: rgba(0,0,0,.5);
	background-size: none;
	width: 27px;
    height: 44px;
	background-size:auto;
	left:0px;

	background-position: center center;
	background-image: url(../Images/rBpng.png);
	background-repeat: no-repeat;  transform: rotate(180deg);

 }

	
	
	
.video{ width:100%; overflow:hidden}	
.video li{ width:48%; float:left; overflow:hidden; margin-bottom:50px;}
	
.video li:nth-child(even) { float:right; overflow:hidden; }
	
	
	
.selected {

  position:relative; width:100%; overflow:hidden; display:block; border-bottom:1px solid #eee; border-left:1px solid #eee; border-right:1px solid #eee; padding-top:30px; padding-bottom:30px;
}

.selected>div{width:100%;margin:0 auto; overflow:hidden;}
.selected .swiper-container{ overflow:hidden;width:90%}

.selected{ width:100%; overflow:hidden;}
.2swiperporlist .swiper-button-prev{left:10px;width:43px;height:43px;background-image:url(../Images/b_08.png);background-size:cover;transition:background-image .15s}
.2swiperporlist .swiper-button-next{right:10px;width:43px;height:43px;background-image:url(../Images/b_09.png);/*transform:rotate(180deg);*/background-size:cover;transition:background-image .15s}



.selected .swiper-slide{ text-align:center;}

.selected .swiper-slide img{ width:100%; display:block;aspect-ratio: 16/10;}


.selected .swiper-slide p{ padding-top:5px; padding-bottom:5px;white-space: nowrap;
  text-overflow: ellipsis; overflow:hidden;}


.gongchang1 img{ width:100%; display:block;}

.bbsj{background-size: 20px 24px;}	
	
.theme-price{position: relative;font-size: 24px;display: inline-block;}

.theme-popover-mask{z-index: 9998;position:fixed;top:0;left:0;width:100%;height:100%;background:#000;opacity:0.8;filter:alpha(opacity=40);display:none}


.theme-popover{z-index:9999;position:fixed;top:50%;left:50%;width:80%; overflow:hidden; margin:0 auto;border-radius:5px;border:solid 4px #aaaaaa;background-color:#fff;display:none; transform: translate(-50%, -50%);padding: 20px 20px 10px 20px;}
.theme-poptit{padding:5px; float:right; overflow:hidden; font-size:16px;}


.xians{ width:100%; font-size:18px; overflow:hidden; line-height:40px;}
.inputs{ border:1px solid #ebebeb; width:100%;  padding:15px; outline:none; background:#f2f2f2;}

.inputt{ border:0px; float:right; background:#FFF;color: #999;font-size:16px;}

.theme-poptitc {
    padding: 12px;
    float: right;
    overflow: hidden; 
}
.xiansd {
    width: 90%;
    font-size: 18px;
    overflow: hidden;
    line-height: 40px;
	margin:0 auto;
}	
	
	
	
	
	
	
.footend{ position:fixed; bottom:100px; right:10px; z-index:99999;}
	
	.footend img{ width:200px; display:block;}