/* CSS Document */
*{text-overflow: ellipsis;}
html,body{ height:100%; width:100%;}
@font-face {   
   font-family: 'fontAnt';   
   src: url('/skin/fonts/antoniobold.eot');   
   src: url('/skin/fonts/antoniobold.eot') format('embedded-opentype'),         
		url('/skin/fonts/antoniobold.woff') format('woff'),         
	    url('/skin/fonts/antoniobold.ttf') format('truetype'),         
		url('/skin/fonts/antoniobold.svg#neuesbauendemo') format('svg');   
  font-weight: normal;   
  font-style: normal;  
}
@font-face {   
   font-family: 'fontSyst';   
   src: url('/skin/fonts/sourcehanserifcnbold.eot');   
   src: url('/skin/fonts/sourcehanserifcnbold.eot') format('embedded-opentype'),         
		url('/skin/fonts/sourcehanserifcnbold.woff') format('woff'),         
	    url('/skin/fonts/sourcehanserifcnbold.ttf') format('truetype'),         
		url('/skin/fonts/sourcehanserifcnbold.svg#neuesbauendemo') format('svg');   
  font-weight: normal;   
  font-style: normal;  
}

*{text-overflow: ellipsis;word-break:break-all;}
body{
	margin: auto;

	font-size: 14px;
	line-height: 2;
	color: #666666;
	 background-color:#FFFFFF;

}
body,div,dl,dt,dd,ul,ol,li,pre,code,form,fieldset,legend,input,button,textarea,p,th,td{margin:0;padding:0;}
h1,h2,h3,h4,h5,h6{ margin-left:auto; margin-right:auto; margin-top:5px; margin-bottom:5px;}
img,input,button,select,textarea{margin:0;padding:0;resize:none;border:none;outline:none; vertical-align:middle} 
ol,ul,li{list-style:none; margin:0; padding:0} 
h1,h2,h3,h4,h5,h6,p,em,i,b,em{word-wrap:break-word;font-style:normal; font-weight:normal; margin:0; padding:0}

div,ul,li,span,i,a,h1,h2,h3,h4,h5,h6,img,input,submit,textarea{box-sizing:border-box}
p{ font-size:15px; line-height:26px;}
table{
border-collapse: collapse;
}
a{
color: #333333;
text-decoration: none;	text-decoration: none;-webkit-transition:500ms; -moz-transition:500ms; -ms-transition:500ms; transition:500ms;
}
a:hover{
	color: #0F8BED;
}
img{
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
}
img[align="left"]{ margin-right:10px;}
img[align="right"]{ margin-left:10px;}
ul,li,p,dl,dt{
	margin: 0px;
	padding: 0px;
	list-style-type: none;
}
div,span{text-overflow: ellipsis;}
.clear{ clear:both}

/*垂直居中*/
.center{ display: flex;
    justify-content:center;
    align-items:center;}
/*图片放大*/
.fd img{    transition: all 0.5s;
    -moz-transition: all 0.5s;
    -webkit-transition: all 0.5s;
    -o-transition: all 0.5s;}
.fd:hover img{    transform: scale(1.1);
    -moz-transform: scale(1.1);
    -webkit-transform: scale(1.1);
    -o-transform: scale(1.1);
    -ms-transform: scale(1.1);}

.fl{ float:left}
.fr{ float:right}

.xuanzhuan{
 -webkit-transition-property: -webkit-transform;
    -webkit-transition-duration: 10s;
    -moz-transition-property: -moz-transform;
    -moz-transition-duration: 10s;
    -webkit-animation: rotate 30s linear infinite;
    -moz-animation: rotate 30s linear infinite;
    -o-animation: rotate 30s linear infinite;
    animation: rotate 30s linear infinite;
}
@-webkit-keyframes rotate{from{-webkit-transform: rotate(0deg)}
    to{-webkit-transform: rotate(360deg)}
}
@-moz-keyframes rotate{from{-moz-transform: rotate(0deg)}
    to{-moz-transform: rotate(359deg)}
}
@-o-keyframes rotate{from{-o-transform: rotate(0deg)}
    to{-o-transform: rotate(359deg)}
}
@keyframes rotate{from{transform: rotate(0deg)}
    to{transform: rotate(359deg)}
}









.box{ width:1400px; margin:auto}

.navl{margin-left:100px;line-height:80px;}
.navl ul li{
	float:left;
	position: relative;
}
.navl ul li a{
	display:inline-block;
	padding-left:20px;
	padding-right:20px;
	position: relative; font-size:16px; 
}

.navl >ul >li> a:after{
	content:'';
	height:0px;
	float: left;
	margin-top: -5px;
	position: absolute;
	left: 0px;
	border-bottom-width: 2px;
	border-bottom-style: solid;
	border-bottom-color: #0F8BED;
	width: 0%;
	bottom: -2px;-webkit-transition:500ms; -moz-transition:500ms; -ms-transition:500ms; transition:500ms;
}

.navl >ul >li> a:hover:after,.navl >ul >li> a.select:after{width: 100%;}


.navl ul li>ul{
	display:none;Opacity:1;webkit-transition:500ms; -moz-transition:500ms; -ms-transition:500ms; transition:500ms; height:0px;
/*	background-color: #0F8BED; background-color:rgba(15,139,237,0.8);*/
	position: absolute;
	width: 100%; float:left;
	top: 80px;
	left: 0px; line-height:35px; font-size:14px;	border-top-width: 2px;
	border-to-style: solid;
	border-to-color: #0F8BED; height:0px; overflow:hidden; display:block;
}
.navl ul li:hover>ul{display:block;Opacity:1;height:200px;/*height:1000px;*/}
.navl ul ul li{ float:left; width:100%; text-align:center; padding:0px; margin:auto;}
.navl ul ul li a{ padding:0px;
	font-size:13px;
	border-top-width: 1px;
	border-bottom-width: 1px;
	border-top-style: solid;
	border-bottom-style: solid;
	border-top-color:rgba(255,255,255,0.3);
	border-bottom-color:rgba(0,0,0,0.3); display:block; float:none; color:#FFFFFF;background-color: #0F8BED; background-color:rgba(15,139,237,0.8);
}
.navl ul ul li a:hover{background-color:rgba(15,139,237,0.9);}
.pagination{ clear:both; text-align:center; padding-top:20px;}
.pagination li{
	display:inline-block;
	border: 1px solid #dddddd;
	padding-left:12px;
	padding-right:10px;
	margin: 0px; overflow:hidden;
}

.pagination li+li{
	border-left-style: none;
}
.pagination li:first-child+li{border: 1px solid #dddddd;border-radius:3px 0 0 3px;}
.pagination li:last-child,.pagination li:first-child{border: 1px solid #dddddd;border-radius:3px;}
.pagination li:nth-last-child(2){border-radius:0 3px 3px 0;}
.pagination li.disabled{}
.pagination li.active{ background-color:#333333; color:#FFFFFF}

.pagination li a{ color:#333333}

#header{
	background-color:#FFFFFF;
	position:fixed;
	left: 0px;
	top: 0px;
	z-index:222;
	width:100%;
	float:left;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #dddddd;
}
.flash{ margin-top:110px; }

#top{ background-color:#f2f2f2; font-size:12px; line-height:28px;}
#top .fl{ color:#878787; /*font-weight:bold;*/}
#top .tel{
	background-image: url(/skin/images/tel.jpg);
	background-repeat: no-repeat;
	background-position: left center;
	padding-left: 30px;
/*	font-weight: bold; */color:#010101;
}
.regbtn { line-height:35px; padding-top:22.5px;}
.regbtn a{background-color:#0D7BD2; display:inline-block; color:#ffffff; padding-left:20px; padding-right:20px;border-radius:5px;}
.fixed{	background-color:#0D7BD2;
	background-color:rgba(0,0,0,0.2);}

#header .logo{ font-size:12px; color:#FFFFFF; color:rgba(255,255,255,0.6); padding-top:10px; padding-bottom:10px;}
#footnav{ display:none}
#footnav{
	position: fixed; z-index:2;
	left: 0px;
	bottom: 0px; float:left; width:100%; background-color:rgba(150,150,150,0.8); display:none;
}
#footnav a{
	float:left;
	width:33.3333%;
	text-align:center;
	position: relative; line-height:35px; color:#FFFFFF;
}
#footnav a i{ margin-right:5px;}
#footnav a:after{ content:'';
	position: absolute;
	height: 100%;
	left: 0px;
	top: 0px;
	border-left-width: 1px;
	border-left-style: solid;
	border-left-color:rgba(0,0,0,0.1);
}
#footnav a:before{content:'';	border-left-width: 1px;
	border-left-style: solid;
	border-left-color:rgba(255,255,255,0.1);
	position: absolute;
	height: 100%;
	right: 0px;
	top: 0px;
}

#foot{
	background-color: #242424; padding-top:25px; padding-bottom:25px; font-size:14px; clear:both;
}
#foot .fl{ width:70%;}
#foot .fr .weixin i,#foot .fr .tel i{ color:#FFFFFF; font-size:28px; margin-right:5px; float:left;}
#foot .fr .weixin{ cursor:pointer;}

#foot .fr >div> .img{
	position: absolute;
	border: 1px solid #dddddd;
	left: 50%; margin-left:-60px;
	z-index: 2;
	background-color:#FFFFFF;
	width:120px;
	text-align:center;
	display:none;
	top: 35px;
}
/*#foot .fr >div> .img img{max-height:120px; max-width:120px;}*/
#foot .fr >div:hover> .img{ display:block}
#foot .fr >div> .img *{ max-width:100%;}
#foot .fr{ line-height:35px; padding-top:15px;}
#foot .fr>div{
	border: 1px solid #dddddd;
	margin-bottom:15px;
	padding-left:20px;
	padding-right:20px;
	position: relative;
}
#foot .fl> ul> li{ float:left; width:25%;}
#foot .fl> ul> li>a{ font-size:16px;}
#foot .fl> ul> li>ul{ padding-top:10px;}
#foot2{
	background-color: #000000; padding-top:10px; padding-bottom:10px; font-size:14px; line-height:1.5;
}
#foot,#foot a,#foot2,#foot2 a{ color:#ffffff;}

.flash{
	clear:both;
	float:left;
	width:100%;
	overflow:hidden;
	position: relative;
}
.flash .swiper-container{ overflow:hidden; padding:0px; float:left; width:100%;}
.flash .swiper-wrapper *,.flash .picimg *{ max-width:100%;}
.flash .swiper-wrapper,.flash{ text-align:center}
.flash .swiper-wrapper img{ display:none; max-width:100%;}
/*.flash .swiper-wrapper .xz img{ display:block}
.flash .swiper-wrapper .xz{
	position: absolute;
	left: 50%;
	top: 50%;	margin-top: -350px;
	margin-left: -750px;
}*/
.flash .txt{
	position: absolute;
	z-index: 2;
	left: 0px;
	top: 50%;
	width: 100%;
	text-align:center;
	color:#FFFFFF;
	font-size:28px;
	line-height:1.5; text-shadow:0 0 3px rgba(0,0,0,0.3); margin-top:-100px;

}
.flash .txt .h2{color:#FFFFFF; padding-top:20px;}
.flash .txt .h2 ul,.flash .txt .h2 ol{ font-size:16px; line-height:1.5;}
.flash .txt .h2 ul li,.flash .txt .h2 ol li{
	list-style-type: square;
	list-style-position: inside; line-height:2;
}
.flash .txt .h1{
	color:#ffffff;
	font-size: 60px;
/*	font-weight: bold;*/
}

.flash .txt .boxs{  margin:auto; text-align:left; width:80%;}
.flash .swiper-slide{ width:100%; float:left; }
.flash .swiper-slide>div{
	background-size:100% 100%;
	background-repeat: no-repeat;
	background-position: center center; float:left; width:100%; height:100%; 
}

/*首页*/
.blockli{ padding-top:80px;}
.blockli .box{ max-width:1400px;}
.blockli .h1{ font-size:38px; line-height:1.2; color:#000000;}
.blockli .h2{ font-size:18px; color:#666666; padding-top:10px;}
.blockli .dp{ padding-top:30px; padding-bottom:30px;}
.blockli .dp span{ display:inline-block; text-align:center;  margin-right:20px;}
.blockli .h3{font-size:18px;}

.blockli .left{
	padding-top:15px;
	position: relative; float:left; width:47.7%; overflow:hidden; max-width:630px; 
}
.blockli *{ max-width:100%;}




.blockli .box .right{
	position: relative; width:50%; overflow:hidden;
}
.blockli .box .right *{ max-width:100%;}
/*.blockli .box .right .img{
	position: absolute;
	left: 0px;
	bottom: 0px;
}*/
.blockli .econtent{ padding-top:20px;}
.blockli .left .blockimg{ float:left; width:100%; position:relative;}
.lunbo{
	position: absolute;
	left: 15%;
	top: 6.4%; z-index:2; width:78%; background-color:#000000; margin-top:0px;
}
.lunbo .swiper-button-next,.lunbo .swiper-button-prev{ display:none}

.bg{ background-color:#F2F2F2;}
.etitle{ font-size:38px; text-align:center; color:#000000;}
.entitle{ color:#666666; text-align:center; font-size:18px;}

/*奇志优势*/
.case{ padding-top:80px; padding-bottom:80px;}
.case *{ max-width:100%;}
.case .entitle{ padding-bottom:30px;}
.case .left{
	width:180px;
	float:left;
	clear:both;
	line-height:50px;
	font-size:16px;
	position: relative;
}
.case .left a:before{
	border-right-width: 1px;
	border-right-style: solid;
	border-right-color: #dddddd;
	position: absolute;
	height: 100%;
	top: 0px;
	right: 0px; content:'';
}
.case .left a{	
	display:block;

}
.case .left a span{	position: relative;
	display:block;
	background-image: url(/skin/images/li.png);
	background-repeat: no-repeat;
	background-position: left center;
	padding-left: 50px; padding-top:20px; padding-bottom:20px;
}
.case .left a:hover{ margin-left:10px;}
.case .left a:hover span,.case .left a.hover span{background-image: url(/skin/images/lihover.png); color:#006fff}
.about .left a:nth-child(1) span,.about .left a:nth-child(1):hover span,.about .left a.hover:nth-child(1) span{background-image: url(/skin/images/a3.png);}
.about .left a:nth-child(2) span,.about .left a:nth-child(2):hover span,.about .left a.hover:nth-child(2) span{background-image: url(/skin/images/a2.png);}
.about .left a:nth-child(3) span,.about .left a:nth-child(3):hover span,.about .left a.hover:nth-child(3) span{background-image: url(/skin/images/a1.png);}
.about .left a:nth-child(4) span,.about .left a:nth-child(4):hover span,.about .left a.hover:nth-child(4) span{background-image: url(/skin/images/a4.png);}

.case .left:after{
	border-right-width: 1px;
	border-right-style: solid;
	border-right-color: #000000;
	position: absolute;
	height: 25%;
	top: 0px;
	right: 0px; content:''; z-index:1;-webkit-transition:500ms; -moz-transition:500ms; -ms-transition:500ms; transition:500ms;
}

.case .left:before{
	top: 0px;
	right: -4px;
	content:'';
	z-index:2;
	width:8px;
	height:8px;
	border-radius:100%;
	background-color:#777777;
	position: absolute;-webkit-transition:500ms; -moz-transition:500ms; -ms-transition:500ms; transition:500ms;
}
.case .left[rel='1']:after,.case .left[rel='1']:before{top: 25%;}
.case .left[rel='2']:after,.case .left[rel='2']:before{top: 50%;}
.case .left[rel='3']:after,.case .left[rel='3']:before{top: 75%;}
.case .kuai{ overflow:hidden;}
.case .right{ margin-left:220px; position:relative; /*min-height:500px;*/}
.case .right:after{
	border-left-width: 1px;
	border-left-style: solid;
	border-left-color: #dddddd;
	position: absolute;
	top: 0px;
	left: -41px; content:''; z-index:0; height:10000px;
}
.case .right .hc{
	display:block;
	Opacity:0;
	text-align:left;
	float:left;
	width:100%;
	font-size:14px;
	overflow:hidden;
	margin-top:30px;
-webkit-transition:500ms; -moz-transition:500ms; -ms-transition:500ms; 	transition:500ms;
z-index:-1;	position: absolute;
	left: 0px;
	top: 0px; 
}
.case .right .hc.hover{ display:block; margin-top:0px;Opacity:1; z-index:1; position:relative; top:auto; left:auto;}
.case .right .hc a,.case .right .hc{color:#666666}
.case .right .hc .h1{ font-size:22px; color:#000000}
.case .right .hc .dp{ padding-top:10px;}
.about .right .hc .h1{ display:none}
.about .right .hc .dp{ padding-top:0px;}

.kehu{ padding-top:80px; padding-bottom:80px;}
.kehu *{ max-width:100%;}
.kehu .box{
	padding-left:50px;
	padding-right:50px;
	box-sizing:border-box;
-moz-box-sizing:border-box; /* Firefox */
-webkit-box-sizing:border-box; /* Safari */	position: relative;
}
.kehu .swiper-button-next,.kehu  .swiper-button-prev{
	position: absolute;
	height: 45px;
	width: 45px;
	background-color: #C7C7C7;border-radius:100%; background-size:17px; margin-top:22.5px;
}
/*
.kehu .swiper-button-prev{right:-45px; 
}
.kehu .swiper-container .swiper-button-next{ left:-45px;}*/
.kehu .swiper-container .picli{display:inline-block;}
.kehu .swiper-container .picli a{
	box-sizing:border-box;
-moz-box-sizing:border-box; /* Firefox */
-webkit-box-sizing:border-box; /* Safari */
	width:240px;
	padding:20px;
	display:inline-block;
	border: 1px solid #dddddd;
	margin:auto;
	padding-top:40px;
	padding-bottom:40px;
	max-width:95%;
	position: relative;
}
.kehu .swiper-container .picli a .title,#cms .proli .picli a .title{ color:#31619c; font-size:16px}
/*.kehu .swiper-container .picli a:hover:after{
	content:'';
	position: absolute;
	z-index: 1;
	height: 100%;
	width: 100%;
	left: 0px;
	top: 0px; background-color:rgba(0,0,0,0.8);
}
.kehu .swiper-container .picli a:hover:before{
	content:'+';
	float: left;
	height: 50px;
	width: 50px;
	line-height:50px;
	text-align:center;
	margin-top: -26px;
	margin-left: -26px;
	position: absolute;
	left: 50%;
	top: 50%;
	color:#FFFFFF;
	border: 1px solid #ffffff; z-index:2; border-radius:100%; font-size:24px;
}*/
.kehu .swiper-container .swiper-slide{ text-align:center}
.kehu .swiper-container .picli .img{
	margin:auto;
	display: flex;
	justify-content:center;
	align-items:center;
	width:145px;
	height:145px;
	border: 3px solid #D7D7D7; overflow:hidden;border-radius:100%; background-color:#FFFFFF;
}
.kehu .swiper-container .picli img *{ max-width:100%; max-height:100%;}	

.kehu .swiper-container .picli .title{
	text-align: center;
	white-space: nowrap;
	overflow: hidden;
	font-size:22px;
	color:#000000;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #dddddd; margin-top:20px; padding-bottom:10px;
}
.kehu .swiper-container .picli .dp{ line-height:1.5; text-align:left; font-size:14px; color:#666666; min-height:6em; max-height:6em; overflow:hidden; margin-top:20px;}
.kehu .swiper-container{ margin-top:50px;} 

.reg{ background-color:rgba(0,0,0,0.6); height:100%; width:100%; top:0px; left:0px; position:fixed; z-index:999; display:none;}
.reg form{ background-color:#FFFFFF; width:360px; height:300xp; background-color:#ffffff; top:50%; left:50%; margin-left:-210px; margin-top:-180px; position:fixed; padding:30px; padding-top:20px; padding-bottom:20px;border-radius:5px;box-shadow:0 0 5px rgba(0,0,0,0,0.3);color:#000000}
.reg form .h1{ font-size:16px; line-height:1.2; color:#444444 }
.reg form .h2{ font-size:12px; padding-top:15px; color:#444444}
.reg form .form {
	padding: 10px;
	border: 1px solid #cccccc; margin-top:10px;border-radius:5px;
}
.reg form .close{
	border-radius:100%;
	background-color:#cccccc;
	width:45px;
	height:45px;
	line-height:45px;
	text-align:center;
	position:absolute;
	top:-22.5px;
	right:-22.5px;
	color:#666666;
	border: 1px solid #dddddd; font-size:18px; cursor:pointer;
}
.reg form .form >div.input{
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #cccccc;
	
	clear:both;
	float:left;
	width:100%;
	position: relative; line-height:45px;
}
.reg form .form >div.input:nth-last-child(2){ border:none}
.reg form .form >div.input span{
	float:left;

	background-color: #FFFFFF;
	position: absolute;
	left: 0px; color:#999999; font-size:16px;
}
.reg form .form >div.input span font{ display:inline-block; width:20px; padding-right:5px; text-align:center;}
.reg form .form >div.input input{ height:45px;line-height:45px; border:none; width:100%; padding-left:70px;box-sizing:border-box;
-moz-box-sizing:border-box; /* Firefox */
-webkit-box-sizing:border-box; /* Safari */}
.reg form .form >div.input:nth-child(1) input{ padding-left:100px;}
.reg form div.btn{ padding-top:15px; clear:both; float:left; width:100%;}
.reg form div.btn button{ background-color:#49A8E0; color:#ffffff; width:100%; height:45px; border:none;border-radius:5px;}

.postion{
	font-size:12px;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #eeeeee;
}
.postion b{ display:none}
.postion,.postion a{ color:#CCCCCC}
.postion .fr i{ margin-right:5px;}

#cms,#cms1{ float:left; width:100%; clear:both; padding-bottom:50px; padding-top:20px;}
#cms1{ padding-top:50px;}
#cms1 .content{ font-size:16px; line-height:1.5; padding-bottom:15px;}
#cms1 *{ max-width:100%;}

#cms1 h1.h1{ text-align:center; color:#000000; line-height:1.2; padding-bottom:10px; padding-top:10px;}
#cms1 .info{ text-align:center; color:#999999; font-size:12px; padding-top:10px; padding-bottom:10px; line-height:1.5;}
.pronav{ text-align:center; clear:both; padding-top:20px; padding-bottom:20px;line-height:50px;}
.pronav a{
	display:inline-block;
	border: 1px solid #0A5098;
	color:#118DEF;
	font-size:16px;
	padding-left:60px;
	padding-right:60px;
	margin-right:10px;
	border-radius:3px;
	position: relative; margin-bottom:10px;	
}
.pronav a.hover,.pronav a:hover{ background-color:#0A5098; color:#FFFFFF;}

.pronav a:after{
    content:"";
    position: absolute;
    right:-1px;
    bottom:-1px;
    display: block;
    border: 8px solid;
    border-color:transparent #ffffff #ffffff transparent ;
}
.pronav a:before{
    content:"";
    position: absolute;
    right:0px;
    bottom:0px;
    display: block;
    border: 8px solid;
    border-color:transparent #0A5098 #0A5098 transparent ;
}
.pronav a.hover:after,.pronav a:hover:after{
    content:"";
    position: absolute;
    right:-1px;
    bottom:-1px;
    display: block;
    border: 8px solid;
    border-color:transparent #ffffff #ffffff transparent ;
}

#cms .newsList{width:100%; padding:0 0 25px 0;overflow:hidden; background-color:#FFFFFF; padding-left:2%; padding-right:2%;}
#cms .newsList li{ display:block; padding:30px 0; border-bottom:1px solid #ddd; width:100%; overflow:hidden;}
#cms .newsList li i{ display:inline-block; width:144px; height:100px; border-right:1px solid #ddd;font-family:'fontAnt'; text-align:center;vertical-align:middle;}
#cms .newsList li i h1{ font-size:40px; margin:15px 0 5px 0; line-height:40px; color:#e60012}
#cms .newsList li i h2{ font-size:20px; background:url(/skin/images/bgdate.png) center no-repeat; color:#888}
#cms .newsList li span{display:inline-block;width:calc(100% - 370px); padding:0 30px; vertical-align:middle; }
#cms .newsList li span h3{
	font-size:24px;
	font-weight:bold;
	margin-bottom:8px;
	line-height:30px;
	text-align: justify; 
}
#cms .newsList li span h4{ line-height:26px; color:#888; font-size:15px; text-align:justify}
#cms .newsList li div{ display:inline-block; width:225px; overflow:hidden; float:right; position:relative; z-index:1}
#cms .newsList li div img{width:100%; height:150px;}
#cms .newsList li h5{ width:1px; height:150px; display:inline-block; vertical-align:middle; }
#cms .newsList li h6{ position:absolute; right:0; bottom:0;text-align:center}
#cms .newsList li h6 a{background:rgba(0,0,0,0.5); font-size:12px; color:#fff; width:40px; height:20px; line-height:20px; display:block}
#cms .newsList li h6 a:hover{background:rgba(230,0,18,0.7);}
#cms .newsList li a:hover h4{ color:#444} 

#cms .picli{ margin-bottom:30px;  float:left; width:17%; margin-left:1.5%; margin-right:1.5%; margin-top:30px; overflow:hidden;
}

#cms .picli a{box-sizing:border-box;
-moz-box-sizing:border-box; /* Firefox */
-webkit-box-sizing:border-box; /* Safari */
	
	padding:20px;
	display:inline-block;
	border: 1px solid #dddddd; margin:auto; padding-top:40px; padding-bottom:40px; display:block;}
/*#cms .picli a:after,.kehu .picli a:after{ 
	content:'';
	position: absolute;
	z-index: 1;
	height: 0%;
	width: 100%;
	left: 0px;
	top: 0px; background-color:rgba(0,0,0,0.8);-webkit-transition:500ms; -moz-transition:500ms; -ms-transition:500ms; transition:500ms;
}
#cms .picli a:hover:after,.kehu .picli a:hover:after{height: 100%; }
#cms .picli a:hover:before,.kehu .picli a:hover:before{-webkit-transition:500ms; -moz-transition:500ms; -ms-transition:500ms; transition:500ms;
	content:'+';
	float: left;
	height: 50px;
	width: 50px;
	line-height:50px;
	text-align:center;
	margin-top: -26px;
	margin-left: -26px;
	position: absolute;
	left: 50%;
	top: 50%;
	color:#FFFFFF;
	border: 1px solid #ffffff; z-index:2; border-radius:100%; font-size:24px;
}*/

#cms .proli{ }
#cms .picli:nth-child(5n+1){ clear:both;}
#cms .picli .img{
	margin:auto;
	display: flex;
	justify-content:center;
	align-items:center;
	width:145px;
	height:145px;
	border: 3px solid #D7D7D7; overflow:hidden;border-radius:100%; background-color:#FFFFFF;
}
#cms .picli img *{ max-width:100%; max-height:100%;}	

#cms .picli .title{
	text-align: center;
	white-space: nowrap;
	overflow: hidden;
	font-size:22px;
	color:#000000;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #dddddd; margin-top:20px; padding-bottom:10px;
}
#cms .picli .dp{ line-height:1.5; text-align:left; font-size:14px; color:#666666; min-height:6em; max-height:6em; overflow:visible; margin-top:20px;}
.about .entitle{ padding-bottom:30px;}




.kefu {/* margin-top: -122px; */top: 150px; z-index: 999; right: 10px; position: fixed; z-index: 2; width:60px; }


.kefu li {
	font-size: 0;
	position: relative;
	transition: 0.3s linear 0s;
	cursor: pointer;
	margin-bottom: 1px;
	display: block;
	width:45px;
	height:45px;
	white-space: nowrap;
	line-height: 60px;
	float: left;
}
.kefu span { vertical-align: top; display: inline-block; }
.kefu .img {
	transition: 0.3s linear 0s;
	text-align: center;
	height:45px;
	width: 45px;
	background:#469ffe;
	position: absolute;
	left: 0px;
	top: 0px;
}
.kefu .img img{ width:20px;}
.kefu .img span{display: flex;
    justify-content:center;
    align-items:center; height: 45px; width: 45px;}
.kefu .text {
	opacity: 0;
	transition: 0.3s linear 0s;
	background: #7f7f7f;
	color: #fff;
	height: 45px;
	line-height:45px;
	font-size: 24px;
	width: 45px;
	text-align: center;border-radius:45px 0 0 45px;
/*	position: absolute;
	top: 0px;
	right: 0px;*/
}

/*微信*/

.kefu .hover:before { z-index: 2;right: -7px; border-color: transparent transparent transparent #fff; border-width: 7px 0 7px 8px; margin-top: -17px; }
.kefu .hover:after { margin-top: -18px; right: -10px; border-color: transparent transparent transparent #ddd; border-width: 8px 0 8px 10px; }
.kefu .hover:before,.kefu .hover:after { transform: rotateZ(0deg); border-style: solid; position: absolute; content: ''; width: 0; box-sizing: border-box; top: 30px; }
.kefu .hover { background: #fff; border: 1px solid #ddd; height: 140px; width: 140px; position: absolute; right: 55px; top: 0; display:none; }
.kefu .hover img{ max-width:100%;}
.kefu li.tel{ display:none}
.kefu li.tel  .text, .kefu li.qq  .text{ transform: translateX(0px); }/*默认往左偏移200*/
.kefu li.tel:hover .text, .kefu li.qq:hover .text { transform: translateX(-200px); }
.kefu .text a { display: block; font-size: 18px;color:#FFFFFF }

.kefu li:hover, .kefu li:hover .img, .kefu li.tel:hover span.text, .kefu li.qq:hover span.text, .kefu li#goTopBtn:hover span.text { opacity: 1; background: #2698f1;}
.kefu li:hover .text {width:200px; }
.kefu li.ewm:hover .hover {	display: block;}







.block {
	margin: auto;
	width: 300px;
}
.block .item{ float:left; width:50%; font-size:16px; padding-top:15px; padding-bottom:15px; color:#333333; line-height:1.5; overflow:hidden;}
.block .item:nth-child(2n+1){ clear:both;}
.block .item .t1{ font-size:14px}
.block .item .t2{} 
.block .item .t1 span{
	font-size:28px;
	margin-right:5px;
	position: relative; display:inline-block;/*-webkit-transition:100ms; -moz-transition:100ms; -ms-transition:100ms; transition:100ms;
		border-bottom-width: 3px;
	border-bottom-style: solid;
	border-bottom-color: #0099FF;*/ width:1.5em;
}
.block .item:nth-child(1) .t1 span{width:2em;}

.block .item:nth-child(3) .t1 span{width:1em;}


.block .item .t1 span:after{
	border-bottom-width: 3px;
	border-bottom-style: solid;
	border-bottom-color: #0099FF;
	position: absolute;
	width: 100%;
	left: 0px;
	bottom: 0px; content:'';/*-webkit-transition:500ms; -moz-transition:500ms; -ms-transition:500ms; transition:500ms;*/
}
.block .item:nth-child(2) .t1 span:after{ width:90%;}
.block .item:nth-child(3) .t1 span:after{ width:70%;}
.block .item:nth-child(4) .t1 span:after{ width:120%;}
.block .item:nth-child(5) .t1 span:after{ width:75%;}
.block .item:nth-child(6) .t1 span:after{ width:220%;}

@keyframes myfirst{from {width:0px;}to {width:100%;}}
@-moz-keyframes myfirst{from {width:0px;}to {width:100%;}}
@-webkit-keyframes myfirst{from {width:0px;}to {width:100%;}}
@-o-keyframes myfirst{from {width:0px;}to {width:100%;}}



@keyframes myfirst2{from {width:0px;}to {width:90%;}}
@-moz-keyframes myfirst2{from {width:0px;}to {width:90%;}}
@-webkit-keyframes myfirst2{from {width:0px;}to {width:90%;}}
@-o-keyframes myfirst2{from {width:0px;}to {width:90%;}}

@keyframes myfirst3{from {width:0px;}to {width:70%;}}
@-moz-keyframes myfirst3{from {width:0px;}to {width:70%;}}
@-webkit-keyframes myfirst3{from {width:0px;}to {width:70%;}}
@-o-keyframes myfirst3{from {width:0px;}to {width:70%;}}

@keyframes myfirst4{from {width:0px;}to {width:120%;}}
@-moz-keyframes myfirst4{from {width:0px;}to {width:120%;}}
@-webkit-keyframes myfirst4{from {width:0px;}to {width:120%;}}
@-o-keyframes myfirst4{from {width:0px;}to {width:120%;}}

@keyframes myfirst5{from {width:0px;}to {width:75%;}}
@-moz-keyframes myfirst5{from {width:0px;}to {width:75%;}}
@-webkit-keyframes myfirst5{from {width:0px;}to {width:75%;}}
@-o-keyframes myfirst5{from {width:0px;}to {width:75%;}}

@keyframes myfirst6{from {width:0px;}to {width:220%;}}
@-moz-keyframes myfirst6{from {width:0px;}to {width:220%;}}
@-webkit-keyframes myfirst6{from {width:0px;}to {width:220%;}}
@-o-keyframes myfirst6{from {width:0px;}to {width:220%;}}
.block .item .t1 span.hover:after{
animation: myfirst 2s;
-moz-animation: myfirst 2s;	
-webkit-animation: myfirst 2s;	
-o-animation: myfirst 2s;	
}

.block .item:nth-child(2) .t1 span.hover:after{

animation: myfirst2 2s;
-moz-animation: myfirst2 2s;	
-webkit-animation: myfirst2 2s;	
-o-animation: myfirst2 2s;	
}
.block .item:nth-child(3) .t1 span.hover:after{

animation: myfirst3 2s;
-moz-animation: myfirst3 2s;	
-webkit-animation: myfirst3 2s;	
-o-animation: myfirst3 2s;	
}
.block .item:nth-child(4) .t1 span.hover:after{

animation: myfirst4 2s;
-moz-animation: myfirst4 2s;	
-webkit-animation: myfirst4 2s;	
-o-animation: myfirst4 2s;	
}
.block .item:nth-child(5) .t1 span.hover:after{

animation: myfirst5 2s;
-moz-animation: myfirst5 2s;	
-webkit-animation: myfirst5 2s;	
-o-animation: myfirst5 2s;	
}
.block .item:nth-child(6) .t1 span.hover:after{

animation: myfirst6 2s;
-moz-animation: myfirst6 2s;	
-webkit-animation: myfirst6 2s;	
-o-animation: myfirst6 2s;	
}

.blocklis{ width:1150px; margin:auto}
.blocklis .img{ float:left; width:67.8%;}
.blocklis .img img{ max-width:100%;}
.blocklis .img+.block{width:30%; float:right}

.case .swiper-slide .picli{ text-align:center; overflow:hidden;}
.honorhc{
	padding-top:65px;
	position: relative; padding-bottom:20px;
}
.honorhc .swiper-pagination{
	position: absolute;
	left: 0px;
	bottom: 0px;
	width: 100%;
}
.honorhc  .swiper-pagination .swiper-pagination-bullet {
  width: 8px;
  height: 8px;
  display: inline-block;
  border-radius: 100%;
  background: #000;
  opacity: 1; margin-left:3px; margin-right:3px;
}
.honorhc  .swiper-pagination .swiper-pagination-bullet-active { background-color:#0191f2; width:16px; border-radius:8px;}


.caseleft{ width:220px; float:left; background-color:#f2f2f2;border: 1px solid #dddddd; }
.caseleft .h1{
	background-color:#FFFFFF;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #dddddd; font-weight:bold; color:#333333
}
.caseleft .h1:after,.caseleft ul li a:hover:after,.caseleft ul li a.hover:after{
	width:4px;
	height:10px;
	float:left;
	content:'';
	background-color:#108cee;
	left:10px;
	top:50%;
	margin-top:-5px;
	position: absolute;
}
.caseleft ul li a,.caseleft .h1{ display:block; padding-left:20px; padding-right:20px;padding-top:5px; padding-bottom:5px; position:relative}
.caseright{
	display:block;
	margin-left:250px;
	padding: 20px;
	border: 1px solid #dddddd;
}
.caseleft ul li a{
	
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #dddddd;
}
.caseleft ul li a:hover,.caseleft ul li a.hover{background-color:#FFFFFF; color:#0a5196}
.caseleft ul li a.hover:after{height:4px;margin-top:-2px;}
#cms1 .caseright h1.h1{ text-align:left;color:#0a5196; font-size:18px; padding-bottom:20px;}

.pagelist{text-align: center;padding: 10px 0;}
.pagelist li{
  display: inline-block;vertical-align: middle;
}
.pagelist a{
  border: 1px solid #e6e6e6;font-size: 13px;
  padding: 5px 10px;
display: inline-block;
background: #fff;line-height: normal;
color: #666666;
cursor: pointer;
text-decoration: none;
}
.pagelist li:hover a{
  background: #00AFFF;
  color: #fff;
}
.pagelist .thisclass a{
background: #00AFFF;
  color: #fff;
}
.pagelist .thisclass {
background: #00AFFF;
  color: #fff;
}
.pagelist  select{
	    width: 52px!important;
    height: 27px;
    display: block;
    text-align: center;
}