@charset "utf-8";


/*--------------导航*--------------*/


/*电脑版中间导航颜色设置*/
.navbar-default{background-color:#fff; margin-bottom:0px; font-size:1.4rem; font-weight:bold;text-transform:capitalize;}/*整个导航栏的背景颜色,字体大小设置*/
.navbar-default .navbar-nav>li>a{border-radius:0px; color:#5F5D5D; font-weight:600;}/*整个导航栏文字链接颜色*/
.navbar-default .navbar-nav>li>a:focus,.navbar-default .navbar-nav>li>a:hover{color:#fff;background-color:#003171;}/*链接HOVER颜色*/
.navbar-default .navbar-nav>.active>a,.navbar-default .navbar-nav>.active>a:focus,.navbar-default .navbar-nav>.active>a:hover{color:#fff;background-color:#003171 ; font-weight:600;}/*active焦点背景，字体颜色*/
@media (min-width:800px) and (max-width:1800px){
.navbar-collapse>ul{padding-right:2.2vw;}
}
@media (max-width:820px){
	.navbar-collapse>ul{padding-right:1.3vw;}
}
@media (min-width:768px){
	.navbar{border-radius:0px; border:none;}/*宽屏版整个导航栏设置*/
	.navbar-default .navbar-brand{
	padding:12px 30px 10px 30px;
	width:20rem;
    }
/*宽屏版logo设置*/
			
	.navbar-default .navbar-nav>li{
	margin:0!important;

}
/*宽屏版链接li设置*/

.nav>li>a{
	padding: 30px 2vw;
}/*宽屏版链接高度设置*/
.navbar-nav>li>a{display:block;  text-align:center;}
/*宽屏版链接文字居中设置*/
}

/*语言栏*/
#language{
	position:absolute;
	right:3%;
	top:30%;
	text-transform:capitalize;
}
#language img{ overflow:hidden; width:30px;}
#language i{
font-size:1.6rem;
color:#003171;
text-align:center;

}
#language a{ color:#003171;}
#language a:hover{ color:#333;}

#language  .dropdown-menu{
	min-width:10px !important;
	border-radius:0!important;
	padding:0 !important;
	margin:0 !important;
	right:0px;
	text-align:center;
}

#language  .dropdown-menu li a:hover{
	 background-color:#003171;
	 color:#fff;}
@media (min-width:800px) and (max-width:1800px){
	#language{
	position:absolute;
	right:1.8%;
	top:10%;
	} 

}
@media (max-width:799px){
	#language{
	position:relative;
	margin-top:25px;
	} 

}

/*---手机版导航按钮设置---*/
.navbar-toggle{
	background-color:#003171;
	border:none;
	margin-bottom:20px;
	margin-top:20px;
	margin-right:-1rem;
}
.navbar-default .navbar-toggle:hover{
	background-color:#4c8adb;
}
.navbar-default .navbar-toggle:focus{
	background-color:#4c8adb;
}
@media only screen and (max-width: 767px) {
/*手机版导航位置设置*/
	.navbar-default{background-color:#fff; border:none;}/*手机版整个导航栏的背景颜色*/
	.navbar-header{
		display: -webkit-flex; 
  display: flex;
  justify-content: space-between; padding-right:0px; }
	.navbar-default .navbar-brand{height:60px; padding:0;  padding-top:18px; margin-right:3rem;}
	.navbar-brand img{max-height:40px;}
	/*宽屏版logo设置*/
	.navbar-default .navbar-collapse{ background-color:#333;}/*手机版导航背景颜色*/
	.navbar-default .navbar-nav>li{ border-bottom:#666 solid 1px;}/*手机版li样式设置*/
	.navbar-default .navbar-nav>li>a{color:#fff; text-indent:2em;}/*手机版链接颜色*/
    .navbar-default .navbar-nav>li>a:focus,.navbar-default .navbar-nav>li>a:hover{color:#fff;background-color:#003171;}/*手机链接HOVER颜色*/
	.navbar-default .navbar-nav>.active>a,.navbar-default .navbar-nav>.active>a:focus,.navbar-default .navbar-nav>.active>a:hover{color:#fff;background-color:#003171;}
	/*手机焦点链接颜色*/
}

/*--------------导航End--------------*/

/*------------------底部start-----------------*/
footer{
	background-color:#003171;
	}

footer .footleft,footer .footmid,footer .footright{
	flex:1;
}

#erwmdis,#socialico{display: -webkit-flex; display: flex;  margin-top:2rem;}
#socialico a{ padding-right:2rem; font-size:2rem; color:#E62129;}
#socialico a:hover{ color:#fff;}
.erwm-img{padding-right:2rem;}
.erwm-img img{ max-width:120px;}
footer .footmid{padding:0 3rem; }
footer .footleft{flex:1; flex-grow:1.2; border-right:rgba(220,221,221,0.1) solid 2px; padding:2rem 3rem; }
footer .footleft p{ color:rgba(255,255,255,0.5);
	font-size:1.3rem;}
footer .footleft img{ width:60%;}
footer .wrap-flex{
	padding:4rem 0;
}

footer .footright ul li{
	color:rgba(255,255,255,0.4);
}
footer .footright a{
	overflow:hidden;
	padding:0;
	}
	
footer h3{
	font-size:1.5rem;
	color:#fff;
	text-align:left;
    white-space:nowrap;
}

footer ul{
	margin-top:1rem;
	padding-right:2em;
	}
footer ul li a{
	color:rgba(255,255,255,0.5);
	display:block;
	font-size:1.3rem;
	text-decoration:none;
	padding:5px 0;
	white-space:nowrap;
}
footer ul li a:hover{
	color:rgba(255,255,255,1)}

@media (max-width: 1200px) {
	footer img{
		display:block;
		width:80%;}		  
	footer .footmid{padding:0 20px; }
	footer .footleft{ padding:0;}	 
}
@media  (max-width: 767px) {
	footer .footmid{flex-grow:1;padding:0; margin-top:20px;}
	footer .footleft{flex-grow:1; border-right:none;  padding:0;padding-top:10px; }
	footer .footleft img{ width:30%;}
	footer .wrap-flex{
  justify-content: flex-start;	
  align-items:flex-start ;
  flex-direction: column;
	}	
	footer .wrap-flex-1{
		  flex-direction: column;}
	footer h3{
		padding-top:10px;}
	#copy .copy-title p{
		padding-left:10px;}	
	footer ul li a,footer .footleft p{
		font-size:14px;}	
}	
/*版权所有*/
#copy .foot-top{
	position: relative;
	text-align:center;
	background-color:#474443;
}
#copy  .foot-top .foot-top-bc{
	position:absolute;
	content:"";
	transform: translate(-50%,0%);
	left:50%;
	bottom:0px;
	background-color: #024296;
}
#copy  .bottom-right{
	position:relative;
	background-color: #024296;
}
#copy  .bottom-right .bottom-img{
	position:relative;
	font-size:2rem;
	text-align:center;
}

#copy  .bottom-right .bottom-img i{ display:block;margin-top:-0.5rem; color:rgba(255.255.255,0.5);}
#copy  .bottom-right .bottom-img a:hover i{color:#0d5cc4;}
#copy  .bottom-right p{
  text-align: center;
  text-transform:capitalize;
  font-size:1.2rem;
  color:rgba(255,255,255,0.3);
  padding-bottom:2rem;
  line-height:2em;
}
#copy  .bottom-right p a{  font-size:1.3rem;color:rgba(255,255,255,0.6);}
#copy  .bottom-right p a:hover{color:#fff;}
@media (max-width:1200px){
	#copy  .foot-top .foot-top-bc img{	width:15rem; }	
}
@media  (max-width: 860px) {#copy  .foot-top .foot-top-bc img{	width:15rem; }	}
@media  (max-width: 767px) {
	#copy  .foot-top .foot-top-bc img{	width:15rem; }	
	#copy  .bottom-right .bottom-img i{ display:block;}	
}
/*-------------------底部end-------------------------*/


/*-------------------------首页------------------------------------*/


/*首页bar*/
#indexbar .swiper-container-indexbar{ 
	position:relative;
	width: 100%;
	overflow:hidden;
	font-family:"Oswald", Helvetica, sans-serif;
}
#indexbar .swiper-container-indexbar .swiper-slide{ 
width:100%;
height:100%;}
#indexbar .swiper-container-indexbar .swiper-button-next,#indexbar .swiper-container-indexbar .swiper-button-prev{
	font-size:2rem;
	padding:10px;
}
#indexbar .swiper-container-indexbar .swiper-button-next:after,#indexbar .swiper-container-indexbar .swiper-button-prev:after{
	font-size:2rem;
	color:#fff;
}
#indexbar .swiper-container-indexbar .swiper-pagination-bullet{
	background:#e52029;
}
.baner-img img{
width:100%;
height:100%;
object-fit:cover;
	}
.banner1{
	position:absolute;
	left:13vw; 
	top:8vw;
	z-index:3;
	color:#fff;
}	
.banner2{
	position:absolute;
	left:10vw; 
	top:3vw;
	z-index:3;
	color:#fff;
	}		
.indexbanner-largetxt{
	font-size:5rem;
	font-weight:bold;
	 background-image: -webkit-linear-gradient(-80.7deg, #FEFEFE, #A3E7FD);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
	padding:2rem 0;
	margin-top:11%;
	text-transform:uppercase;
	}
.indexbanner-largetxt-1{
	font-size:4rem;
	font-weight:700;
	 background-image: -webkit-linear-gradient(-80.7deg, #FEFEFE, #A3E7FD);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
	padding:1rem 0;
	margin-top:11%;
	font-family:"Oswald", Helvetica, sans-serif;
	}
.indexbanner-midtxt{
	font-size:3.4rem;
		 background-image: -webkit-linear-gradient(-80.7deg, #FEFEFE, #A3E7FD);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
		line-height:1.8em;
}
.indexbanner-midtxt-1{
	font-size:2.4rem;
		 background-image: -webkit-linear-gradient(-80.7deg, #FEFEFE, #A3E7FD);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
		line-height:1.4em;
		font-family: 'Open Sans',sans-serif;
}
.indexbanner-smalltxt{
	font-size:2rem;
	color:#fff;
	line-height:1.8em;
	font-family: 'Open Sans',sans-serif;
	}	
.indexbanner-smalltxt span{
	font-size:1.2rem;
	color:#fff;}
.indexbanner-smalltxt-1{
	width:60%;
	background:url(/en/images/index/bar2-icon.png) no-repeat;
	margin-top:4rem;
	font-size:1.8rem;
	color:#fff;
	text-indent:3rem;
	line-height:1.8em;

}
.indexbanner-smalltxt-1 strong{
		font-size:1.6rem;
	}
.barimg-box{
	flex:0 0 20rem;
}

.indexbanner-smalltxt-1 span{
	font-size:1rem;
	color:#fff;}
@media (max-width:1200px) {
	.indexbanner-largetxt{
		margin-top:0;}
	.indexbanner-smalltxt-1{ margin-top:2rem;}	
	.barimg-box{
	flex:0 0 14rem;
}	
.banner2{
	top:0;}
}
@media (max-width:1024px) {
	.indexbanner-largetxt-1{
		font-size:2.6rem;
		padding: 3px 0;
		margin-top:5%;}	
			.indexbanner-largetxt{
		font-size:3rem;
		padding:5px 0;
		margin-top:0%;}
			.indexbanner-midtxt{
	font-size:2rem;	
}
		.banner1{
	top:3vw;}
}
@media (max-width:767px) {
	.indexbanner-largetxt{
		font-size:3rem;
		padding:5px 0;
		margin-top:0%;}
	.indexbanner-largetxt-1{
		line-height:1.4em;
		font-size:2.4rem;
		padding: 3px 0;
		margin-top:0%;}	
	.indexbanner-midtxt{
	font-size:14px;	
}
.indexbanner-smalltxt{
	font-size:10px;
	color:#fff;	
}
#indexbar .bannermore{ margin-top:10px;}
.banner1{top:14vw;}
.banner2{
	top:4vw;}
.indexbanner-midtxt-1{
	font-size:14px;	
}
.indexbanner-smalltxt-1{
	font-size:12px;
	color:#fff;
	white-space:nowrap;	
}
.indexbanner-smalltxt-1 strong{
	font-size:10px;
	color:#fff;	
}
.banner2 .barimg-box{ flex:0 0 12rem;}
}
/*----------首页bar end----------------------*/


/*关于凯发*/
#index-about{
	padding-top:0;
}
#index-about h1{
	font-size:10rem;
	color:rgba(238,238,239,0.4);
	letter-spacing:1.8rem;
	text-align:center;
	white-space:nowrap;
}
@media (min-width: 1024px) and (max-width:1440px) {
	#index-about h1{
		letter-spacing:5px;
	}
}
@media (min-width: 769px) and (max-width:1023px) {
	#index-about h1{	
	font-size:6rem;
letter-spacing:8px;
}
 }
@media (max-width: 767px) {
#index-about h1{
letter-spacing:4px;
}

}
#index-about .col-md-6{
	padding-top:5rem;
}

.abouttop{
	padding-left:10rem;
}
#index-about .wrap-flex{
	align-items:center;
}
.ab-number{
	position:absolute;
	right:0;
	top:-4rem;
	z-index:3;
	font-size:14rem;
	line-height:14rem;
	text-align:center;
	font-weight:bold;
	color:#3676B4;
	font-style:italic;
	background-image: linear-gradient(red, yellow);
	 background-size: 100% 100%;
	 -webkit-background-clip: text;
	-webkit-text-fill-color:transparent;	
	}
.ab-number span{
	display:inline-block;
	font-size:4rem;
	font-style:normal;
	padding-left:5px;
}	
/*.ab-imgbg{
	position:relative;}
.ab-imgbg img{
	
		display:block;
		background-color:#263448;
		 box-shadow: 3rem -3rem 0 rgba(38,52,72,1);
		 
}*/	
.ab-line{
	width:200px;
	height:1px;
	background-color:#B6B6B7;
	margin-right:10px;
	}	
@media only screen and (max-width: 768px) {
	.abouttop{
	padding-left:15px;
}
	#index-about h1{
	font-size:6rem;
	line-height:1em;
	}
	#index-about .ab-number{
		margin-top:5px;
		font-size:8rem;
		}
	#index-about .row{
		margin-top:-10px;}		
	#index-about .col-md-5{
		margin-top:20px;}
	.ab-line{
		flex:1;
		width:auto;
	}
}		

.about-title{
color:#1B3E69;
font-weight:600;

}
.abouttop .wrap-flex-1{
	padding-top:2rem;
	font-size:3rem;
	color:#474443;
	font-family:"Oswald", Helvetica, sans-serif;
	line-height:1.8em;
}
.abouttop  img{  margin-left:1rem; width:6%; height:6%;}
.about-word{
	font-size:2rem;
	color:#003171;
	font-weight:600;
}

@media only screen and (max-width: 767px) {
#index-about .promore{
	font-size:12px;}
#index-about .about-title:nth-child(1){
	font-size:16px;}		
#index-about .about-title:nth-child(2){
	font-size:14px;}	

}	

#index-about p{
	margin-top:4rem;
	max-width:500px;
	color:#5F5D5D ;}
#index-about .promore{
	display:inline-block;
	float:none;
	padding:10px 40px;
	margin-top:8rem;
	border-radius:0;
	background-color:#E62129;
	color:#fff;
}	
#index-about .promore:hover{
	background-color:#4c8adb;
	color:#fff;
}
.about-line{
	width:2px;
	height:100px;
	background-color:#B6B6B7;
	margin:0 20px;}
.about-title{
	padding-bottom:10px;
}
.about-title span{
	font-size:2rem;
	color:#E50012;
}

#index-about .col-lg-3 .about-js{
	max-width:300px;
	color:#5F5D5D;
	 line-height: 1.5em;
		  height: 4.5em;
	}	
@media only screen and (max-width: 767px) {
	#index-about .col-lg-3{
		margin-top:20px;
		}
	.about-line{
		display:none;
}	
}

/*产品性能*/
#indexpro-adv{
	background:url(/en/images/index/about/indexab-2.jpg) no-repeat center;
	background-size:cover;
	padding-bottom:10vh;
	 position: relative;
	}	
#indexpro-adv .wrap-flex{
	justify-content: center;
	align-items: center;
}
#indexpro-adv .wrap-flex h1{ padding:0 2rem; color:#fff; line-height:2em;}
#indexpro-adv .wrap-flex img{ width:2%; height:2%;}
#indexpro-adv  small{display:block; text-align:center; color:#DCDDDD; font-size:1.2em}
#indexpro-adv .row{ max-width:1400px; margin:0 auto;}
#indexpro-adv .wrap-flex-1{
	align-items: center;
}
#indexpro-adv span{ color:#fff; font-size:2rem; font-weight:600; padding-left:1.2rem;}
#indexpro-adv ul{ padding-top:8rem;}
#indexpro-adv ul li{ padding:2rem 0;}
.adv-2 ul{ padding-left:10rem;}
#indexpro-adv .adv-cent{position: relative;}
#indexpro-adv .adv-cent .slogo img{ width:40rem;position:absolute;left:12%;top:0%; z-index:100;margin-left: -6rem;text-align: center; animation: icons 3s linear infinite;-webkit-animation:icons 3s linear infinite}
@-webkit-keyframes icons { 0%{-webkit-transform: translate(0,0);transform: translate(0,0);}50%{-webkit-transform: translate(0,1em);transform: translate(0,1em);}100%{-webkit-transform: translate(0,0);transform: translate(0,0);}}
@keyframes icons {0%{-webkit-transform: translate(0,0);transform: translate(0,0);}50%{-webkit-transform: translate(0,1em);transform: translate(0,1em);}100%{-webkit-transform: translate(0,0);transform: translate(0,0);}} 

@media (min-width: 770px) and (max-width:1023px) {
		#indexpro-adv .adv-cent .slogo img{
			width:40rem;
			position:absolute;
			left:8%;
			top:-8%;
		}
}
@media only screen and (max-width: 767px) {
	#indexpro-adv{ padding-bottom:2vh;}
	#indexpro-adv .adv-cent .slogo img{
			width:40rem;
			margin-left:1rem;
			position:relative;
		}
	#indexpro-adv .wrap-flex h1{ font-size:18px;}
	#indexpro-adv .row{ margin-top:0;}
	#indexpro-adv .wrap-flex img{ width:5%; height:5%;}

#indexpro-adv span{ font-size:1.6rem;}
#indexpro-adv .adv-1 ul li,#indexpro-adv .adv-2 ul li{
	width:30%;
	display:inline-block;
}
#indexpro-adv .wrap-flex-1{
	text-align:center;
}	
#indexpro-adv .adv-2 ul{ padding-left:0; padding-top:0;}
.adv-1 img{
	width:5rem;margin:0 auto;}	
.adv-2 img{
	width:5rem;
	margin:0 auto;
	}	
#indexpro-adv .mt4{
	margin-top:0;
}
#indexpro-adv ul{ padding-top:0rem;}
}

/*--------
首页产品中心
-------*/
.home{
background-color:#F7F7F7;
padding-top:4rem;
padding-bottom:2rem;
}
.home h1{ text-align:center; color:#333; line-height:1.8em;}
.home .container .all-pro{
	position:relative;
	z-index:22;
  display: flex;
  display: -webkit-flex;
}
/*左部分*/
.all-pro .pro-item{
	flex:0 0 42rem;
	background-color: #ffffff;
	box-shadow: 0px 0px 43px 15px rgba(221,233,242,0.8);

}
.all-pro .pro-item h1{
	background:url(/en/images/index/about/indexab-top.jpg) no-repeat left;
	background-size:100% auto;
	color:#fff;
	line-height:1em;
	text-align:center;
	padding: 2rem 0 2rem 2rem;
}
.pro-item h1 small{
	font-size:1.4rem;
	display:block;
	line-height:1.5em;
	color:#fff;}
.pro-cont{
	background-color:#fefefe;
	padding: 2rem 2rem 4rem 4rem;}	
.pro-cont .wrap-flex{
	justify-content: space-between;
	padding:10px 2rem;
}	
.pro-cont h2{
	background-color:#E8E8E8;
	color:#333;
	text-align:left;
	font-weight:normal;
	padding-top:20px;
	padding-bottom:20px;
	margin-top:20px;
} 
.pro-cont h2 span{ color:#999;}	
.pro-cont ul {
	padding-top:20px;}

.pro-cont ul  li a{
	display:inline-block;
	font-size:1.6rem;
	color:#5F5D5D;
	padding:14px 0;
	padding-left:3rem;
}	
.pro-cont ul  li a i{
	font-size:2rem;
	font-weight:bold;
	color:#999;}
.pro-item .pro-cont ul li .on {
	color:#003171;
}
.pro-item .pro-cont ul li a:hover i{
	color:#003171;
}

/*右部分*/
.home .pro-img{
	flex:1;
	padding-left:2vw;
	overflow: hidden;
}
.pro-img-cont{ display:none;}
.pro-img-cont .indexpro-top{ margin-top:20px;}
.pro-img-cont  a{
display:block;		
 padding:2rem;
 position:relative;
 background-color:#FEFEFE;
 color:#333;
}
.pro-img-cont img{  width:100%;margin:0 auto;}
.pro-img-cont  a img{
		width:100%;
	   transition: all .5s ease-in-out;
}
.pro-img-cont  a:hover img{
	-webkit-transform: scale3d(1.1, 1.1, 1);
     transform: scale3d(1.1, 1.1, 1);
} 
.pro-img-cont.active {
	display:block;
}
.pro-im-cont-title{
	font-size:1.3rem;
	padding-top:3rem;
	padding-bottom:1rem;
	line-height:1.8em;
	text-align:center;
	color:#8B8B8C;}
.pro-img-cont  a:hover .pro-im-cont-title{
	color:#003171;
}

.pro-img-cont .promore{
	display:block;
	width:20%;
	background-color:#E62129;
	font-size:1.4rem;
	text-align:center;
	padding:17px 4rem;
	margin:0 auto;
	margin-top:4rem;
    color:#fff;}
.pro-img-cont .promore:hover{
	background-color:#4c8adb;
	color:#fff;}	
/*------
产品系列移动端
-------*/
.home-moblie{ display:none;}
@media(max-width:1200px){
.home .all-pro .pro-item h1{ font-size:2.4rem;}
.home .all-pro .pro-item{flex:0 0 28rem;}
.pro-img-cont .promore{
	display:block;
	width:30%;
	background-color:#E62129;
	font-size:1.4rem;
	text-align:center;
	padding:17px 4rem;
	margin:0 auto;
	margin-top:4rem;
    color:#fff;}
.pro-cont h2{
	font-size:2rem;
} 
.pro-cont ul  li a,.pro-cont ul  li a i{ font-size:1.6rem;}
}

@media  (max-width: 767px){
.home{ display:none;}
.home-moblie{
display:block;
background-color:#f7f7f7;
padding-top:0;
padding-bottom:4rem
}		
.home .pro-item{
	display:none;}
.home .home-img{
	display:block;}	
.home .pro-img{display:block;}		
.home-moblie .pro-img{
	margin-top:4rem;
}
.home-moblie h1{
	font-size:18px;
}
.pro-img-cont .promore{
	display:block;
	width:40%;
	background-color:#E62129;
	font-size:1.4rem;
	text-align:center;
	padding:17px 4rem;
	margin:0 auto;
	margin-top:4rem;
    color:#fff;}
}
/*解决方案*/
#index-idea{
	background:url(/en/images/index/fangan/f-bar.jpg) no-repeat;
	background-size:cover;
	text-align:center;
	padding-top:6rem;
	padding-bottom:8rem;}
#index-idea h1{ color:#E62129;}	
#index-idea h1 span{ color:#fff; font-size:3rem;}	
#index-idea .wrap-flex{
	justify-content: center;
}
#index-idea .index-idea-con{
	flex:1;
	border-right:rgba(220,221,221,0.6) solid 1px;}
#index-idea .index-idea-con:last-child{ border:none;}		
#index-idea .index-idea-con p{color:#fff;}
@media only screen and (max-width: 1200px){
	#index-idea .index-idea-con{
	flex:0 0 12rem;}
}
@media only screen and (max-width: 767px){
	#index-idea{ padding-bottom:4rem;}
	#index-idea h1{ color:#E62129;font-size:18px;}	
	#index-idea h1 span{ color:#fff; font-size:18px;}	
	#index-idea  .index-idea-con img{ width:40%;}
	#index-idea .wrap-flex{
		margin-top:3rem;}
	#index-idea .index-idea-con{
	flex:1;}	
}


/*新闻资讯*/
#index-news h1{
	text-align:center;
	padding:15px 0;
}	

.newline{
	width:60px;
	height:5px;
	background-color:#E62129;
	margin:0 auto;}
.news-cont{
	position:relative;
	overflow:hidden;
}
.news-first{
	position:absolute;
	left:0;
	bottom:0;
	width:100%;
	padding:20px 0;
	background-color:rgba(27,62,105,0.8);
}
.news-cont a{
		color:#fff;
}

.news-first a:hover{
	color:#E62129;}
	.news-cont a:hover img{
		-webkit-transition: all .3s ease-in-out;
 -moz-transition: all .3s ease-in-out;
 -ms-transition: all .3s ease-in-out;
 -o-transition: all .3s ease-in-out;
 transition: all .3s ease-in-out;
	}
.news-cont a:hover img{
	-webkit-transform: scale3d(1.1, 1.1, 1);
     transform: scale3d(1.1, 1.1, 1);
}	
.news-cont .wrap-flex{
	justify-content:space-around;
}
.first-title{
	font-size:1.6rem;
	font-weight:bold;
	color:#fff;}
.newsmore{
	position:relative;
	left:0;
	color:#fff;
	transition: all .5s ease-in-out;
	}
.news-first a:hover .newsmore{
	left:10px;}	
.news-title{
		 margin-top:1.5em;
		 }
#index-news .news-title a{
	display:block;
	font-size:1.8rem;
	text-align:left ;
	font-weight:bold;
	color:#333;
}	
#index-news em{
	display:inline-block;
	color:#A1A1A1;
	padding:0;
}	
#index-news p a{
padding-top:1rem;
display:block;
color:#8B8B8C;}
#index-news p a span{
	color:#1B3E69;
}
#index-news p a:hover span{
	color:#003171;
	}

#index-news p a:hover{
	color:#003171;
}
.news-cont  .newsmore{
	display:block;
	margin-top:1rem;
	padding-bottom:2rem;
}
.news-cont a:hover{
		color:#003171;
}
@media  (max-width: 1200px) {
	#index-news .abouttop{ padding-left:15px;}
}	
@media only screen and (max-width: 767px) {
	#index-news{ padding-top:1rem;}
	#index-news h1{ font-size:18px;}
    #index-news .col-md-6{
		margin-top:10px;
		}	
   #index-news .row{ margin-top:2rem;}		
}

/*-------------------------------内页------------------------------------*/
/*nybanner*/
#nycsbanner,#nybanner{
	height:42rem;
	background-size:100% auto;
	background-position: center center;
	background-repeat:no-repeat;
	  font-weight:bold;
	  text-align:center;
	text-transform:uppercase;

}
#nybanner{ background-position:left center;}
#nyabbanner{
	height:44rem;
	background-size:100% auto;
	background-position: center center;
	background-repeat:no-repeat;
	  font-weight:bold;
	  text-align:center;
	text-transform:uppercase;

}
/*通用*/
.nybanner-top h1{ color:#fff;letter-spacing:6px;}
.nybanner-top h1 span{color:#fff; font-weight:300;letter-spacing:3px;}
.nybanner-top  small{  color:rgba(193,212,232,0.6); text-transform:capitalize; letter-spacing:3px;}
.nybanner-top  .wrap-flex{
	justify-content: center;
	align-items: center;
	margin-top:2rem;}
.pro-top-con{flex:0 0 14rem; border-right:#9cb0c5 dashed 1px;}
.pro-top-con:last-child{ border-right:none;}
.pro-top-con p{ color:rgba(193,212,232,1); font-size:1.1rem; font-weight:600;}

.nybanner-top .wrap-flex-1{
	justify-content: center;
	align-items: center;
	margin-top:3rem;
}
.nybanner-top .wrap-flex-1 img{ width:17%;
box-shadow:0px 0px 0px 5px rgba(255,255,255,1);}
.nybanner-top .wrap-flex-1 img:nth-child(3){box-shadow:0px 0px 0px 5px rgba(255,255,255,1);}
/*其他1*/
.nyproimg .nybanner-top{
	padding-top:14rem;
}
.nyprocuimg .nybanner-top{
	padding-top:2rem;}

/*其他2*/
.nynewsimg .nybanner-top{ padding-top:14rem;}
.nynewsimg .nybanner-top  small{ font-size:2rem;line-height:2.2em;}

@media (min-width: 768px) and (max-width:1021px) {
		#nybanner{
		height:32rem;
		background-size:cover;
		background-repeat:no-repeat;
	}	#nyabbanner{
		height:38rem;
		background-size:cover;
		background-repeat:no-repeat;
	}
	#nycsbanner{
		height:40rem;
		background-size:cover;
		background-repeat:no-repeat;
	}
	#nybanner .nybanner-top{padding-top:6rem;}
	.nyprocuimg .nybanner-top{
	padding-top:4rem;}
		#nybanner .nybanner-top h1,	#nybanner .nybanner-top h1 span{
		font-size:2rem;}
		#nycsbanner .nybanner-top h1{ font-size:2rem;}
		#nycsbanner .nybanner-top h1 span{ font-size:2.4rem;}
		#nyabbanner  .nybanner-top h1,#nyabbanner  .nybanner-top h1 span{
		font-size:2rem;}
	 	#nybanner nybanner-top  small{
		font-size:12px;}
	.pro-top-con img{ width:40%;}
}
@media (min-width: 1023px) and (max-width:1490px){
	#nybanner{
		height:32rem;
	}	#nyabbanner{
		height:33rem;
	}
	#nycsbanner{
		height:40rem;
		background-size:cover;
		background-repeat:no-repeat;
	}
		.nyproimg .nybanner-top{
	padding-top:8rem;
}
.nyprocuimg .nybanner-top{
	padding-top:4rem;}
	 	#nycsbanner .nybanner-top h1{ font-size:2rem;}
		#nycsbanner .nybanner-top h1 span{ font-size:2.4rem;}
		#nybanner .nybanner-top h1,	#nybanner .nybanner-top h1 span{
		font-size:2.4rem;}
	 	#nybanner nybanner-top  small{
		font-size:12px;}
		.pro-top-con img{ width:30%;}
		#nyabbanner  .nybanner-top .wrap-flex-1{ margin-top:2rem;}
		#nyabbanner .nybanner-top .wrap-flex-1 img{ width:12%;}	
}

.nyabimg{
	background-image:url(/en/images/about/ab-bar-1.jpg);
}
.nyproimg{
	background-image:url(/en/images/products/pro-bar.jpg);
}
.nyprocuimg{ background:url(/en/images/product-custom/pro-cu-bar.jpg);}	
.nybanner-contact{
	width:100%;
	height:100%;
	display: -webkit-flex; 
 display: flex;
 justify-content:center;
align-items:center;}
.nybanner-contact h1{ color:#fff;}

@media (max-width:767px){
	#nybanner{
		height:200px;
		background-size:cover;
		background-repeat:no-repeat;
	}
	#nyabbanner{
		height:200px;
		background-size:cover;
		background-repeat:no-repeat;
	}
	#nycsbanner{
		height:44rem;
		background-size:cover;
		background-repeat:no-repeat;
	}
	.nyproimg .nybanner-top{
	padding-top:4rem;
}
	#nybanner .nynewsimg  .nybanner-top{padding-top:0;}
	#nybanner .nybanner-top h1,	#nybanner .nybanner-top h1 span{
		font-size:2.4rem;
		}
	#nyabbanner .nybanner-top h1,#nyabbanner .nybanner-top h1 span{
		font-size:2rem;}	
		 	#nycsbanner .nybanner-top h1{ font-size:2rem;}
		#nycsbanner .nybanner-top h1 span{ font-size:2.4rem;}	
	 	#nybanner .nybanner-top  small{
		font-size:12px;
		letter-spacing:normal;}
	  #nycsbanner .nybanner-top  small{ font-size:10px;}	
	.pro-top-con img{ width:40%;}
	.pro-top-con p{ font-size:10px;}
	#nycsbanner	.nybanner-top .wrap-flex-1{ margin-top:4rem;}		
	#nycsbanner .nybanner-top .wrap-flex-1 img{ width:23%;}	
	#nycsbanner .nybanner-top .wrap-flex-1 img:nth-child(3){ margin-left:4rem;}
	.nybanner-top .wrap-flex-1 img{ 
box-shadow:0px 0px 0px 2px rgba(255,255,255,1);}
.nybanner-top .wrap-flex-1 img:nth-child(3){box-shadow:0px 0px 0px 2px rgba(255,255,255,1);}

}

/*关于凯发内容*/


/*公司简介*/
/*-----
左面内容
---*/
/*----
右面轮播
----*/
#about-kf .swiper-container{ padding-left:8rem; height:80%;} 
#about-kf .swiper-container .swiper-pagination-bullet{
	background:#16487d;
}
#about-kf  .swiper-container .swiper-slide{
	padding-bottom:6rem;
} 
#about-kf  .swiper-container .swiper-slide img{
	display:block;
	background-color:transparent;
} 
@media (min-width: 780px) and (max-width:1023px) {
		#about-kf .swiper-container{ padding-left:2rem;}
		#about-kf .col-md-6:nth-child(2){
		margin-top:20px;}
 }
@media (max-width:767px){
	#about-kf{ padding-top:2rem;}
	#about-kf  h1,#about-kf h1 span{ font-size:18px;}
	#about-kf .col-md-6:nth-child(2){
		margin-top:20px;}
	#about-kf .swiper-container{ padding-left:2rem;}
	#about-kf  .swiper-container .swiper-slide img{
		box-shadow:none;
	}
}


/*精工制造*/
.flex-con-left,.flex-con{flex:1;}
#about-work .flex-con-left{position:relative;}
#about-work .flex-con-left img{
width:100%;
height:100%;
object-fit:cover;}

.overlay {
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  height: 100%;
  width: 100%;
  opacity: 0;
  transition: .5s ease;
  background-color: #008CBA;
}

#about-work .flex-con-left:hover .overlay {
  opacity: 0.7;
}

.text {
  color: white;
  font-size: 3rem;
  font-weight:bold;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
}
/*-----
右面内容
---*/
.flex-con{
	padding:6rem;
	background-color:#e6ebf0;}
	
.flex-con h1{ text-align:left;
padding-bottom:2rem;}	
.flex-con p{
	max-width:600px;}
#about-work .flex-con .wrap-flex-1{ margin-top:6rem;}		
.flex-con-img img{
	 border:#FFF solid 5px; 
}
.box-img{
	margin-left:2rem;
}
@media  (max-width:1023px) {
	.flex-con-img{  flex:0 0 16rem; }
}
@media (max-width:767px){
.flex-con h1,.flex-con h1 span{ font-size:18px;}
#about-work .wrap-flex{
	  flex-direction: column;
}
.flex-con-img{  flex:1; }
#about-work .flex-con-left{ width:100%;}
#about-work .flex-con-img { width:100%;}
.box-left{ margin-left:0; margin-top:20px;}
#about-work .flex-con .wrap-flex-1{ flex-direction: column; }	
#about-work .flex-con{ padding:2rem;}
.flex-con-img:nth-child(2){padding-top:2rem;} 
#about-work .flex-con-img .box-left{ margin-left:0;}
}


/*核心价值观*/

#about-core h1{ text-align:center;}	
#about-core .wrap-flex{justify-content: center;}
.core-img{ flex:0 0 15rem; border-right:rgba(244,244,244,0.6) solid 1px;}
#about-core .core-img img{ width:40%;}
.core-img:last-child{ border-right:0;}
#about-core  small{  display:block;text-align:center; padding-top:10px;}

@media (max-width:1024px) {
	#about-core .core-img{ flex:0 0 12rem; border-right:rgba(244,244,244,0.6) solid 1px;}
}

@media (max-width:767px){
	#about-core h1,	#about-core h1 span{ text-align:center; font-size:18px;}
	#about-core .wrap-flex{ margin-top:2rem;}	
	#about-core .core-img{ flex:1; margin-top:30px;}
	#about-core  small{ font-size:12px;}
	.core-img img{ width:50%;}
.box-img{
	margin-left:0rem;
	margin-top:2rem;
}
#about-vision{
	height:250px;
	background-image:url(/en/images/about/ab-vision.jpg);
	background-size:cover;
	background-position:center center;
}
}

/*产品中心*/

/*产品系列*/
#products{
	padding-top:0;
	background-color:#F7F7F7;
	}
#products .wrap-flex{
	justify-content: center;
}	
@media (max-width:767px){
	#products .wrap-flex{
		 flex-direction: column;
		 margin-top:4rem;
	}
	#products #box-left{
		padding-bottom:0;
		height:0;}
}

/*左部分*/	
#box-left{
	display: -webkit-flex; 
 	 display: flex;
	 flex-direction: column;
	 height:60%;
	 padding-bottom:2rem;
	flex:0 0 25rem;
	background-color:#fff;
	color:#5F5D5D;
	 box-shadow: 0 0 10px rgba(80,80,80,0.4);
}
#box-left .wrap-flex{
	justify-content: space-between;
	padding:10px 2rem;
}
#box-left h2{
	background-color:#E8E8E8;
	font-size:1.6rem;
	color:#333;
	text-align:left;
	font-weight:normal;
	padding-top:20px;
	padding-bottom:20px;
	margin-top:20px;
} 
#box-left  h2 span{font-size:1.6rem; color:#999;}	
#box-lefttitle{
	background:url(/en/images/index/about/indexab-top.jpg) no-repeat left;
	background-size:100% auto;
	padding: 3rem 0 2rem 0;
	text-align:center;
	font-size:2.4rem;
	white-space:nowrap;
	font-weight:bold;
	color:#fff;
	text-transform:uppercase;
	border-bottom:#fff solid 1px;
}
#box-left ul{
	padding:10px 2rem;
}


#box-left ul li a{
	display:block;
	text-decoration:none;
	color:#5F5D5D;
	text-indent:1rem;
	line-height:2em;
}
#box-left ul li a:hover{
	display:block;
	background-color:#003271;
	color:#fff;}
#box-left .box-leftactive{
	color:#fff;
	background-color:#003271;
}
#box-left .box-leftcur{
	color:#5F5D5D;
}

/*右部分*/

#box-right{
	padding-left:30px;
	margin-left:30px;
}
#box-right .row{
	width:100%;
}
@media (max-width:767px){
	.protitle{
		font-size:16px;
		padding:5px 8px 5px 8px;
	}
	#box-left{ display:none;}
	#box-right{
	border-left:none;
	padding-left:0px;
	margin-left:0px;
	margin-top:20px;
}

		

}
/*-----------
产品移动端start
--------*/
.pro-con-top{ display:none;}
#mobnav{
	 display: -webkit-flex; 
  display: flex;
  
}

@media (max-width:767px){
#products{ padding-top:0;}	
.pro-con-top{ display:block;}	
#mobnav{
	display: -webkit-flex; 
  display: flex;
}
}
.mobnav{
	flex:1;
	background-color:#003271; text-align:center;
	color:#fff;
	padding:10px;
	font-size:14px;
	font-weight:bold;
	cursor:pointer;
	 justify-content:center;
	 align-items:center;
}
.mobnavmenu{
	width:100%;
	background-color:#0063af;
	display:none;
}
.mobnavmenu a{
	display:block;
	padding:10px;
	text-align:center;
	border-bottom:#30357c solid 1px;
}
.mobnavmenu a:hover{
	background-color:#666;
	color:#fff;
}
/*-----------
产品移动端end
--------*/

/*产品列表*/
.productsitem{
	background-color:#fff;
	padding:0;
	border:none;
	border-radius:0;
	margin-bottom:3rem;
	 -moz-transition:all 500ms ease;
	-webkit-transition:all 500ms ease;
	-ms-transition:all 500ms ease;
	-o-transition:all 500ms ease;
	transition:all 500ms ease;
	-webkit-box-shadow:0px 0px 5px #aaaaaa;  
    -moz-box-shadow:0px 0px 5px #aaaaaa;  
     box-shadow:0px 0px 5px #aaaaaa;
	 overflow:hidden;
}
#products .productsitem .img img { width:100%; overflow:hidden;     transition: all .5s ease-in-out;}
#products .productsitem:hover{
	-webkit-box-shadow:0px 0px 20px #aaaaaa;  
    -moz-box-shadow:0px 0px 20px #aaaaaa;  
     box-shadow:0px 0px 20px #aaaaaa;
}
#products .productsitem:hover img{
	-webkit-transform: scale3d(1.1, 1.1, 1);
              transform: scale3d(1.1, 1.1, 1);
}
.thumbnail .caption{
	background-color:#fff;
	font-size:1.6rem;
	padding:9px;
	text-align:center;
	line-height:1.4em;
	}
.thumbnail .caption span{
	font-size:1.2rem;
	color:#333;
}

.productsitem .img{
	width:auto;
	overflow:hidden;
	padding:1rem;
	background-color:#fff;
}

@media (max-width:767px){
#products{
	padding-bottom:2rem;}
#products .productsitem{
	padding-top:0;
	margin-top:0;
	margin-bottom:20px;}	
#products .thumbnail .caption{
	font-size:12px;
	padding:10px 0;
	}
#product-list .thumbnail .caption{
	font-size:12px;
	padding: 0;
}	
	
#products .pagination>li>span{
	font-size:10px;}	
}

.productsitem:hover .caption,.productsitem:hover .caption span{
	background-color:#003271;
	color:#fff;
}
 
/*重定分页*/
#product-list .thumbnail a{  position:relative; width:100%; overflow:hidden;   transition: all .5s ease-in-out;}
#product-list .thumbnail .caption{ margin-top:1rem;}
#product-list .thumbnail .caption:hover,#product-list .thumbnail .caption:hover span{ background-color:#003171;color:#fff;}
#product-list .thumbnail a:hover img{
	width:100%; overflow:hidden;
	-webkit-transform: scale3d(1.1, 1.1, 1);
              transform: scale3d(1.1, 1.1, 1);}
.pagination>li>span{
	color:#fff;
	background-color:#003271;
}
.pagination>li>a:focus,.pagination>li>a:hover,.pagination>li>span:focus,.pagination>li>span:hover{color:#fff; background-color:#003271;}
.pagination>li>a{
	color:#535353;
	background-color:#fff;
	border-color:#ddd;
}
/*----------
产品详情
----------*/
#product-cont{
	background-color:#eef1f4;
}
#product-cont  .row{
	padding-bottom:2rem;
	border:none;
	background-color:#fff;
}

.proviewjs{
	padding-top:2rem;
	padding-left:2rem;
	padding-bottom:4rem;}
.proname{
	font-size:2.4rem;
	color:#999;
	font-weight:normal;
}
.proname strong{
	font-weight:bold;
	font-size:3rem;
	color:#1b4aa2;
	line-height:1.6em;
	text-transform:none;
}
.proname span{
	text-transform:capitalize;
}
.proname-cont  p{
    color:#999;
	word-wrap:break-word;
	word-break:break-all;
	padding-top:1rem;
	}
.proname-cont  h3{
	font-size:1.6rem;
	font-weight:bold;
	color:#333;
	margin-top:1rem;
}

.proviewmore{
	display:inline-block;
	text-align:left;
	padding:1rem 4rem;
	margin-top:4rem;
	background-color:#e62129;
	color:#fff;
	box-shadow:4px 4px 0 1pxrgba(158,216,246);
}
.proviewmore i{
	position:relative;
	left:0;
	transition: all .3s ease-in-out;
	padding-left:1rem;
}
.proviewmore:hover{
	background-color:#333;
	color:#fff;
}
.proviewmore:hover i{
	left:10px;} 
@media (min-width: 1023px) and (max-width:1600px) {
	.proviewmore{
		margin-top:2rem;}
	.proname{
		margin:1rem 0;}
}
@media (max-width:767px){
		#product-cont  .row{
			padding-bottom:4rem;}
		.proviewmore{
			margin-top:2rem;}	
}
/*下面部分*/
.promartoppos{
	padding:2rem 0;
}
.promartop{
	margin-top:2vh;
	font-size:2rem;
	white-space:nowrap;
	font-weight:bold;
	background-color:#c4cbd2;
	text-align:center;
	color:#fff;

	}
.promartoptitle{
	padding:0 10px;
	cursor:pointer;
	font-weight:bold;
	
	position:relative;
	
}

@media (max-width:768px){
	.promartoptitle{
	flex:0 0 5em;
		}
}
.nyjiacondetc{
	overflow:hidden;
}

.proviewbgny{
	overflow:hidden;
	color:#333;
	background-color:#fff;
	padding:1vh 20px;
}
.proviewbgny h3{
	color:#333;
	padding:15px 0;
	font-size:20px;
	
}

.proviewbgny p{
	line-height:25px;
	word-wrap: break-word;
    word-break: normal;
	}
.proviewbgny img{
	width:auto !important;
	height:auto !important;
	max-width:100%;
}

#proothers{
	  margin-top:3vh;
	  width:100%;
	  border-bottom:#dcdddd solid 1px;
  }
  #proothersleft{
	  padding:0 0 20px 0;
	  border-bottom:#0055a4 solid 3px;
	  margin:0 auto;
	  max-width:300px;
	  text-align:center;
	  font-size:24px;
	  text-transform:uppercase;
	  color:#535353;
	  margin-bottom:-3px;
	  
  } 
	
/*同一系列*/
#product-series{
	background-color:#eef1f4;
	padding-top:0;
	padding-bottom:6rem;} 
#product-series h2{
	text-align:center;
	background-color:#c4cbd2;
	color:#fff;
	padding:2rem 0;
	font-weight:normal; }		 
#product-series p{
	text-align:center;
	background-color:#003171;
	color:#fff;
	padding:0;
	font-size:1.2em;
	padding:1rem 2rem;
	text-transform:uppercase;}
#product-series a:hover p{
 background-color:#333;
	color:#fff;
} 

/*产品定制*/

/*-------
移植首页解决方案
-------*/
#pro-idea{
	background:url(/en/images/product-custom/pro-cubg.jpg) no-repeat;
	background-size:cover;
	text-align:center;
	padding-top:6rem;
	padding-bottom:22rem;}	
#pro-idea .wrap-flex{
	justify-content: center;
}
#pro-idea .wrap-flex .index-idea-con{
	flex:1;
	border-right:rgba(220,221,221,0.6) solid 1px;}
#pro-idea .index-idea-con:last-child{ border:none;}		
#pro-idea .index-idea-con p{color:#3c3736; font-size:1.2rem; font-weight:bold;}
@media (max-width:1200px){
	#pro-idea .wrap-flex .index-idea-con{
	flex:0 0 12rem;
	}
}
@media only screen and (max-width:767px){
#pro-idea h1,#pro-idea h1 span{ font-size:18px;}	
#pro-idea .wrap-flex{ flex-wrap:nowrap; margin-top:6rem;}	
#pro-idea .wrap-flex .index-idea-con img{ width:40%;}
	#pro-idea .wrap-flex .index-idea-con{
	flex:1;
	}
}
/*-------
应用案例
-------*/
#pro-cu-app{
	background-color:#f2f5fa;
}
#pro-cu-app h1{ text-align:center;}
#pro-cu-app span{
	display:block;
	margin-top:10px;
	padding-top:20px;
	padding-bottom:20px;
	font-size:1.6rem;
	text-align:center;
	color:#191919;}
#pro-cu-app  a {  display:block; overflow:hidden;background-color:#fff;margin-top:20px;}	
#pro-cu-app a img{ width:100%;  margin:0 auto;transition: all .5s ease-in-out;}
#pro-cu-app a:hover img {
	-webkit-transform: scale3d(1.1, 1.1, 1);
     transform: scale3d(1.1, 1.1, 1);
	}
#pro-cu-app a:hover span{background-color:#003271; color:#fff;}	
@media only screen and (max-width:767px){
	#pro-cu-app h1{ text-align:center; font-size:18px;}
}
/*新闻资讯*/
#news{ background-color:#EEF1F4;}
.newitem{
	background-color:#fff;
	padding-bottom:20px;
	padding-top:30px;
	margin-top:2rem;
}
.newitem:hover{
	background-color:#fff;}
.newitem .col-md-3 a{
	display:block;
	background-color:#003271;
}
.newitem img:hover{
	opacity:0.6;
    filter:alpha(opacity=60);
}
.newitem h3{
	text-align:left;
	font-size: 20px;
	font-weight:bold;
	-webkit-transition: all .3s ease-in-out;
    -moz-transition: all .3s ease-in-out;
    -ms-transition: all .3s ease-in-out;
    -o-transition: all .3s ease-in-out;
    transition: all .3s ease-in-out; 
}

.newitem a:hover h3{
	color:#c9161e;
}
	
.newsmore a{
	display:block;
	width:130px;
	border:#353b40 solid 2px;
	padding:6px 0;
	text-align:center;
	text-decoration:none;
	color: #fff;
	background-color:#003271;
	font-weight:bold;
	margin-top:45px;
	}
.newsmore a span{
	position:relative;
	left:0;
	-webkit-transition: left .3s ease-in-out;
    -moz-transition: left .3s ease-in-out;
    -ms-transition: left .3s ease-in-out;
    -o-transition: left .3s ease-in-out;
    transition: left .3s ease-in-out; 
}
.newsmore a:hover span{
	left:10px;
}
.newsmore a:hover{
	color:#fff;
	background-color:#333;
	border:#003271 solid 1px;
}	
@media only screen and (max-width: 767px) {
#news{
	padding-top:2rem;
	padding-bottom:4rem;}
.newitem h3{
	font-size:1.2em;}
.newsmore a{
	width:90px;
	font-size:10px;}		
.newitem .col-md-9{
	margin-top:20px;}	
}	

/*新闻详细*/
@media only screen and (max-width: 767px) {
	#newsview{
		padding-top:0;
		padding-bottom:4rem;}
	#newsview .newsview-name{
		font-size:1.4em;
		line-height:1.8em;
			margin-top:2rem;
	margin-bottom:0;
	white-space:nowrap;
	}	
	#newsview .newsview-time{
		display:block;
		padding:5px 0;}	
}

#newsview  h2,.newsview-name{
	font-size:18px;
	font-weight:bold;
	text-align:center;
	line-height:30px;
	color:#333;
}
.newsview-name{
	margin-top:5vh;
}
.SiteLink{
	padding-top:2vw;
	}
.SiteLink a{
	color:#00a2e9;
}
.SiteLink a:hover{
	color:#666;
}
.SiteLink p{
	margin-top:10px;
	margin-bottom:20px;
}
.SiteLink h2{
	font-weight:bold;
	font-size:18px;
}
.SiteLink h3{
	font-weight:bold;
	font-size:16px;
}
.SiteLink p strong{
	font-weight:bold;
}
.newsview-name{
	font-size:26px;
	margin-bottom:20px;
}
.newsview-time{
	color:#787878;
	text-align:center;
	padding:10px 0;
}
#newsview .newsline{
	border-bottom:#999 dashed 1px;
}
.newsview-div{
	text-align:right;
	border-bottom:#999 dashed 1px;
	padding:15px 0;
}

.newsview-page a{
	color:#333;
}
.newsview-page a:hover{
	color:#003271;
}
#newsview h3{
	font-size:14px;
	font-weight:bold;
}		


/*联系凯发*/

/*-----
联系方法
------*/

#contact{
padding-top:4rem;
padding-bottom:0;
text-align:center;}
#contact .container{
	padding-bottom:2em;
}
.cont-info-img{
	text-align:center;
	font-size:2.6rem;
	color:#CCC;
}

#contact h4{
	font-size:1.8rem;
	text-align:center;
	padding:1rem 0;
	color:#003271;
	font-weight:600;
	}
#contact .col-sm-4 a{
	display:inline-block;
	padding:0;
	font-size:1.4rem;
 	color:#757475;
}	
#contact .col-sm-4 a:hover{
	color:#003271;
}
@media only screen and (max-width: 767px) {
	#contact .col-sm-4{
		margin-top:20px;}
}
/*----
地图
-----*/			
#allmap{
	width:100%;
	height:40vh;
	margin-top:4rem;
	border:#CCC solid 1px;
}

#contact h2{
	font-size:2.4rem;
	text-align:center;
	font-weight:800;
	
}
#contact #feedback{
	padding:0px 0px;
	max-width:1200px;
	margin:0 auto;
}
#contact p{
	padding:20px 0;
}
#map p{
	padding:5px 0;
}
#contact a{
	color:#003271;
}
#contact a:hover{
	color:#00a2e9;
}
#contact  li{
	font-size:18px;
	font-weight:bold;
	padding:10px 0;
}
#contact  li i{
	color:#00a2e9;
	font-size:16px;
}
#map_canvas{
	width:100%;
	height:350px;
	 border:#CCC solid 1px;
	 margin-top:5vh;
}
@media (max-width:1000px){
	#contact{
		display:block;
	}
	
	
}

.exhi h2{
	font-family: 'Kanit', sans-serif;
	color:#535353;
	font-size:24px;
	font-weight:bold;
	padding-bottom:30px;
}
.exhi .col-sm-4{
	margin-bottom:30px;
}

#login{
	width:100%;
	height:100%;
	position:fixed;
	 display: -webkit-flex; 
     display: flex;
	  justify-content:center;
	 align-items:center;
	left:0;
	top:0;
	display:none;
	background-color:rgba(0,0,0,0.6);
	z-index:1000;
}

#passinput{
	width:90%;
	max-width:300px;
	padding:15px;
	background-color:#FFF;
	border-radius:8px;
}
#passinput h1{
	font-size:20px;
	font-weight:bold;
	font-family: 'Kanit', sans-serif;
	margin-bottom:10px;
	text-transform:uppercase;
}
#passinput p{
	font-size:12px;
	margin-top:15px;
	}
#passinput p a{
	color:#00a2e9;
	text-decoration:underline;
}
