﻿

/*图片和文字展示*/
.coutent_T{
   	margin-top: 50px;
}
.coutent_img {
	/*width: 590px;
	height: 400px;*/
	width: 100%;
}

.content_title{
	margin:5px 0 14px;
	
	
	font-size:36px;
}
.coutent_img1{
	width:100%;
	/*height: 120px;*/ 
}
p{
	font-size: 12px;
	line-height: 20px;
}

/*BUSINESS*/
.coutent_I {
	margin-top: 50px;
	background: #F5F5F5;
	display: flex;
	justify-content: space-between;
	/* padding: 40px 160px 30px; */
	width: 70%;
	margin-left: 19%;
}

.boxs{
	width: 150px;
	text-align: center;
}
.boxs_img1{
	/*width: 50px;
	height: 50px;
	border-radius: 50%;*/
	box-sizing: border-box;
	/*border:6px solid #C0C0C0;*/
	margin-bottom:20px;
}
	.boxs_img1:hover {
		transform: translateY(-14px);
	}
	/*MEMOPABILIA*/
	.boxs_1 {
		margin-top: 50px;
	}
.year{
	text-align: center;
	margin-bottom: 10px;
}
.box1{
	display: flex;
	/*justify-content: space-between;*/
	align-items : center; 
}
.box1_1 {
	display: flex;
	width: 28%;
	height: 140px;
	padding: 20px 10px;
	box-shadow: 0px 0px 6px #DCDCDC;
	font-size: 14px;
    margin: 0 24px;
}
	.box1_1:hover {
		border:2px solid #c30000;
	}
.escnv1 {

background-color: #f5f5f5;
	}
.escnv2 {

background-color: #ffe5e4;
	}
.escnv3 {
	
background-color: #fdfaf1;
	}
	.box1_1 text:nth-child(1) {
		margin-right: 20px;
	}
.box1_2{
	display: -webkit-box; 
    -webkit-box-orient: vertical; 
    -webkit-line-clamp: 4; 
    overflow: hidden; 
}

/*TEAM INTRODUCTION*/
.coutent_W{
	margin-top: 50px;
	background: #F5F5F5;
	padding:50px 160px;
}
.coutent_N{
	margin-top: 30px;
	display: flex;
	justify-content: space-between;
	padding:0 50px;
}
	.boxs_img2 {
		width: 100%;
		/*height: 312px;*/
		vertical-align: middle;
	}
.box2_bg{
	background: #fff;
	padding: 10px;
	text-align: center;
}
.box2_bg  a{
	color:#000;
	font-size:24px;
}

/*DONGJU INFORMATION*/
.coutent_B {
	background-image: url(../images/xw1.jpg);
	display: flex;
	align-items: center;
	justify-content: space-around;
	height: 600px;
}
.box3_bg{
	font-size: 48px;
	padding: 10px;
	background: rgba(255,255, 255, .6);
}
.box3 {
	width: 916px;
	height: 599px;
	background-color: #ab2926;
	padding: 30px 50px;
	color: #fff;
	opacity: 0.82;
}
.box3_title{
	font-size: 24px;
}
.box3_1{
	margin: 30px 0;
}
.box3_2 {
	display: flex;
	/*justify-content:space-between;*/
	justify-content: space-evenly;
}
.box3_2 text{
	width: 312px;
	margin: 10px 0;
	font-size:18px;
}
	.box3_2 text a {
		color: #fff;
	}
		.box3_2 text a:hover {
			color: #fff;
		}
	.bk {
		border-bottom: 1px solid #fff;
	}

/*地图*/
.coutent_MAP{
    margin-top: 50px;
    /*height: 430px;*/
	display: flex;
	padding:0px 90px;
	justify-content: space-between;
	border-bottom: 1px solid #D3D3D3;
}
.box4_1{
	margin-left: 50px;
	margin-top: 10px;
	font-size:14px;
}
.box4_2{
	margin-top: 10px;
}
.box4_2 text:nth-child(1){
	margin-right: 26px;
}
.box4{
	width: 320px;
}
.box4_3{
	margin: 10px 0;
}
.boxs_img4{
	width:100%;
	
}

/*底部*/
.box5 {
	background-color: #293134;
	color: #fff;
	display:flex;
	flex-direction: row;
	width:1200px;
	margin:0 auto;
}
.box5 .diba0{width:40%;}
.box5 .diba1{width:60%;text-align:right}
.box5 .diba1 a{line-height:35px;
			   line-height: 68px;
    font-size: 18px;
    margin: 0 20px;
    color: #fff;
}
.box5 .diba12 a{line-height:35px;
			   line-height: 68px;
    font-size: 18px;
   
    color: #fff;
}
.box5 .diba1 a:hover{color:#fff;}
.left1 {
	width: 289px;
	text-align: center;
}
.main2 {
	width: 100%;
	background: #F5F5F5;
	height:320px;
	padding-top:20px;
}
.boxs span {
	font-size:14px;
}
.main3{
	height:670px;
	padding-top:109px;
}
.main4 {
	height: 600px;
	width: 100%;
	background: #F5F5F5;
	
}



.business-box {
	clear: both;
	background-color: #f8f8f8;
	
}

	.business-box .tit {
		text-align: right
	}

	.business-box .business {
		margin-top: 60px;
		overflow: hidden
	}

		.business-box .business .col-md-3 {
			padding: 0
		}

	.business-box .business-col .img-hover {
		width: 97%;
		margin: auto;
		background-color: #fff;
		position: relative;
		min-width: 283px
	}

.business-col .img-hover img {
	width: 100%
}

.business-col .img-hover .tit {
	padding: 35px 5px 30px;
	text-align: center;
	height: 150px
}

.business-col .img-hover .zh {
	font-size: 2.1rem
}

.business-col .img-hover .en {
	color: #aaa;
	font-size: 1.7rem
}

.business-col .hover .zh {
	font-size: 2.1rem
}

.business-col .hover .en {
	color: #fff;
	font-size: 1.7rem
}

.business-col .hover .line-text {
	padding-bottom: 14px;
	border-bottom: 4px solid #fff;
	margin-bottom: 14px;
	width:35px;
	
}

.business-col .img-hover .hover {
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	z-index: 1000;
	color: #fff;
	display: none
}

.business-col .hover .bg-color {
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	background-color: #c30000;
	opacity: .8;
	padding: 46px 20px;
	text-align: center
}

.business-col .hover .des {
	padding: 25px 0;
	font-size: 1.5rem
}

.business-col .bg-color a {
	position: absolute;
	bottom: 30px;
	color: #fff;
	width: 100%;
	left: 0;
	right: 0;
	text-align: center;
	font-size: 1.4rem
}

.business-col .img-hover .bus1 {
	background: url(/images/66.jpg) no-repeat;
	background-size: 100% 100%
}

.business-col .img-hover .bus2 {
	background: url(/images/66.jpg) no-repeat;
	background-size: 100% 100%
}

.business-col .img-hover .bus3 {
	background: url(/images/66.jpg) no-repeat;
	background-size: 100% 100%
}

.business-col .img-hover .bus4 {
	background: url(/images/66.jpg) no-repeat;
	background-size: 100% 100%
}
.line-text {
	padding-bottom: 14px;
	border-bottom: 4px solid #c30000;
	width: 35px;
	margin: 0 auto;
}
.zh .zh-en {
	margin-top: 32px;
	color: #555;
}
.animated {
	animation-duration: 1s;
	animation-fill-mode: both;
}


@keyframes fadeInUp {
	0% {
		opacity: 0;
		transform: translate3d(0, 100%, 0)
	}

	to {
		opacity: 1;
		transform: translateZ(0)
	}
}

.fadeInUp {
	animation-name: fadeInUp
}




/*- ==========*/

/*@keyframes fadeInUp {
	0% {
		opacity: 0;
		transform: translate3d(0,100%,0)
	}

	to {
		opacity: 1;
		transform: translateZ(0)
	}
}

.fadeInUp {
	animation-name: fadeInUp;
}*/



#news{background-image:url(../images/bg4.jpg);padding-bottom:30px}
#news *{color:#fff}
#news .row{position:relative}
#news .overly{top:0;left:0;width:50%;height:100%;background:rgba(37,73,157,.8);position:absolute}
#news h2{border:0;background:#fff;display:inline-block;color:#666;font-weight:700;padding:18px 80px;position:absolute;top:50%;margin-top:-35px;left:60%}
#news h3{margin-bottom:60px;}
#news h3 small{font-size:.5em;text-transform: uppercase;}
#news .newslist{padding-right:30px}
#news .newslist li{margin:0 20px;width:100%;}
#news .newslist h4{border-bottom: 1px solid rgba(255, 255, 255, 0.2);display:inline-block;padding:25px ;width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
	#news .newslist p { /* padding: 25px; */
		font-size: 18px;
		display: block;
		overflow: hidden;
		text-overflow: ellipsis;
		
		width: 100%;
		height: 64px;
		margin: 23px auto;
	}
#news .newslist img{max-width:100%;margin:0 auto; padding:0 25px;}
#cases .col-md-12{overflow:hidden;padding-bottom:25px;}
.swiper-container-horizontal>.swiper-pagination-bullets, .swiper-pagination-custom, .swiper-pagination-fraction{bottom:0px;}
.swiper-pagination-bullet-active{background:#25499d}
.owl-theme .owl-controls .owl-page span{width:8px;height:8px;}
.owl-theme .owl-controls .owl-page.active span,
.owl-theme .owl-controls.clickable .owl-page:hover span{background:#25499d;filter: Alpha(Opacity=100);/*IE7 fix*/opacity: 1;}
#news .newslist li a:hover{color:#fff;}

.xwv_tit1 {
	font-weight: normal;
	font-size: 24px;
	line-height: 45px;
	color: #333;
text-align:center
}
.np_1 {
	text-align: center;
	color: #bbb;
}
.hear {
	width: 100%;
	border-bottom: 1px solid #e0e0e0;
	text-align: center;
	line-height: 32px;
	font-size: 14px;
	color: #bbb;
}
.qse1{text-align:center}
.qse1 .p1 {
		font-size: 48px;
		font-weight: bold;
		
}
.nsercont1 {
	display: flex;
	margin: 0 auto;
	width: 81%;
	text-align: center;

}
	.nsercont1 .np2 {
		font-size: 18px;
		font-weight: bold;
		height: 50px;
		line-height: 50px;
		display: block;
		background-color: #0d52a2;
		overflow: hidden;
		text-overflow: ellipsis;
		color: #fff;
	}
/*.nsercont1 div img {
		transition: all .5s;
}

.nsercont1 div:hover img {
		transform: scale(1.1);
}*/
.nsercont1 div a em{ display:block;  overflow:hidden;}
.nsercont1 div em img {
	display: block;
	width: 100%;
	transition: all ease 0.4s;
}
.nsercont1 div:hover em img {
	transform: scale(1.2);
	opacity: 0.6;
}
.nsercont1 .gzc1{flex:1}
.nsercont1 .gzc2{flex:1}

.abcont2 {
	width: 50%;
	height: 574px;
	float: right;
	padding-left: 20px;
	background: url('/images/syn2.jpg');
	color: #fff;
	text-align: justify;
	text-justify: inter-ideograph
}
.abcont1 {
	
	width: 90%;
	margin: 0 auto;
	color: #fff;
}
.newhead1 {
	margin: 0 auto;
	width: 354px;
	margin-top: 50px;
}
.newcon2 {
	width: 80%;
	display: flex;
	justify-content: center;
	margin:0 auto;
}
.ncont3 {
	width: 380px;
	margin: 0 10px;
}
.ncont3 img{width:100%;}
.ncp1 {
	height: 144px;
	margin: 7px 0;
	background-color: #fff;
}

.more1 {text-align:right}
.more1  img{width:35px;}
.lxcont1{background:url('/images/lxbg1.jpg')}
.mescont1{width:100%}
.mescont2{display:flex;justify-content:center;width:1200px;margin: 0 auto;}
.melef1{width:50%;}
.melef2 {
	width: 50%;
	background-color: #fff;
	padding: 5px;
	padding-left: 37px;
}
.melef2 .np1 {font-size: 20px;line-height: 36px;}
.melef2 .np2 {
		font-size: 30px;
		font-weight: bold;
		line-height: 39px;
}
.mescont1 input {
	border: none;
	border-bottom: 1px solid #545b62;
	height: 35px;
	margin: 23px 24px;
	width: 219px;
}
.send1 {
	width: 120px !important;
	height: 35px;
	border: none;
	background-color: #000;
	color: #fff;
	font-size: 15px;
}
.sencont {
	text-align: right;
	margin-top: 33px;
}
/*.line1 {
	border: none;
	border-bottom: 1px solid #ffffff;
	width: 1200px;
	height: 1px;
	margin: 0 auto;
}*/
.dibuq {

	line-height: 64px;
	font-size: 15px;
}
.abncont1{width:100%;}
.abncont2 {
	width: 80%;
	margin: 0 auto;
	min-height: 200px;
	text-align: justify;
	text-justify: inter-ideograph
}
.abnt1 {
	font-size: 48px;
	
	text-align: center;
}
.abncont22{background-color:#eeb247;color:#fff}
.abline1 {
	border: none;
	width: 40px;
	height: 2px;
	border-bottom: 2px solid #6c757d;
	margin: 0 auto;
}
.abline2 {
	border: none;
	width: 40px;
	height: 2px;
	border-bottom: 2px solid #fff;
	margin: 0 auto;
}
.abncont25{min-height:500px;}
.menunw1 {
	width: 400px;
	margin: 0 auto;
}
.menunw1 li{border: 1px solid #ffc107;}
.lxc1 {
	width: 70%;
	display: flex;
	justify-content: center;
	margin: 0 auto;
}
.lxc1 .nc1 {
		width: 100%;
		
}
.hide{display:none}
.show{display:block}
.npc1 {
	text-align: center;
	margin-top: 10px;

}
.lxc2 {
	margin: 0 12px;
}
.ncontshow {
	width: 100%;
	min-height: 300px;
	background-color: #f7f6f2;
	padding:5px;
}
.lxc2_1 {
	filter: brightness(0.5);
}
.box4 {
	background-color: #293134;
	width: 100%;

}
/*.ncont3  img {
	transition: all .5s;
}

.ncont3:hover img {
	transform: scale(1.1);
}*/
.ncont3 a em{ display:block; /*background:#fbb03b;*/ overflow:hidden;}
.ncont3 em img{ display:block; width:100%; transition:all ease 0.4s;}
.ncont3:hover em img{ transform:scale(1.2); opacity:0.6;}

.copyright{ margin: 0 auto; min-height: 40px; line-height: 40px;}
.copyright .copyright_in{ padding: 30px 0; border-top: 1px solid #fff;}
.copyright .copy{ font-size: 16px; color: #fff;}
.copyright .copy a{ font-size: 16px; color: #fff;}
.copyright .share_img{ font-size: 20px; color: #fff; font-family: 'Opensans-Bold';}
.copyright .share_img .foot_share{ margin-left: 13px;}
.foot_share {display: inline-block;}
.foot_share .foot_share_box{display: inline-block;width: 40px;height: 40px;margin-right: 13px;vertical-align: middle;background-repeat: no-repeat;font-size: 0;background-size: 40px;}
.foot_share .Facebook{background-position:0 0;}
.foot_share .Twitter{background-position:0 -40px;}
.foot_share .Pinterest{background-position:0 -80px;}
.foot_share .LinkedIn{background-position:0 -120px;}
.foot_share .YouTube{background-position:0 -160px;}
.foot_share .Google{background-position:0 -200px;}
.foot_share .Vk{background-position:0 -240px;}
.foot_share .Instagram{background-position:0 -280px;}
.foot_share_type_0 .foot_share_box{background-image: url(/images/icon_follow_0.svg);}
.foot_share_type_1 .foot_share_box{background-image: url(/images/icon_follow_1.svg);}
.foot_share_type_2 .foot_share_box{background-image: url(/images/icon_follow_2.svg);}
.foot_share_type_3 .foot_share_box{background-image: url(/images/icon_follow_3.svg);}
.foot_share_type_4 .foot_share_box{background-image: url(/images/icon_follow_4.svg);}
.mg_1{margin:0 10px;}

.babn {
	text-align: right;
	margin-bottom: 15px;
	margin-right: 32px;
	color: #a8a7a7;
}
.babn a{color: #a8a7a7;}
.smcont1{display:flex;justify-content:center;width:85%;margin:0 auto;}
.snp1{color:#147ce5;font-size:0.31rem;text-align:center;    display: flex;
    justify-content: space-around;margin-top:10%;font-weight: bold;}
.mbcont1{display:flex;position:absolute;bottom:1px;width:100%;}
.mbcont1 .cmbit1 {flex:1;text-align:center;background-image: linear-gradient(to right,#f2f2f2,#ececec);padding:1%;}
.mbcont1 .cmbit1:hover {flex:1;text-align:center;background-image: linear-gradient(to right,#cac8c8,#a8a8a8);}
.mbcont1 .cmbit1:hover img { -webkit-transform: translate3d(0, -5px, 0); transform: translate3d(0, -5px, 0);  }
.mbcont1 .ghn1{    width: 85%;
    margin: 0 auto}
.mbcont1 .npgt1 {color: #808080;font-size:0.16rem;margin:1% auto;}
.smcont1 .sleft{background-color:#f6f6f6;width:50%;position:relative;}
.smcont1 .sright{width:50%;position:relative}
.smcont2 .con{overflow:hidden;padding: 0 8%;
    padding-top: 35px;}
.smcont2{flex:1}
.smcont2 .jscnt{display:flex;justify-content:center;position: absolute;
    bottom: 30px;width:100%;}
.smcont2 .dv1{flex:1;    text-align: center;}
.smcont2 .np1{color:#ffffff;font-size:0.5rem;}
.smcont2 .np2,.np3 {color:#ffffff}
.smcont2 .np2 {font-size:0.12rem;}
.smcont2 .np3 {font-size:0.18rem;}

.ioccnt{background-color:#ededf7;text-align:center}
.ioccnt .np1{text-align:center;font-size:0.42rem;color:#000;}
.ioccnt .np2{text-align:center;font-size:18px;color:#7c7c7c;}
.ioccnt .ig1{margin:0 auto;}

.zhcnt{display:flex;justify-content:center;flex-wrap:wrap}
.zhcnt .igcnt{flex-wrap:wrap;width:33%;position:relative;}
.zhcnt .ig1{width:100%;position:relative;}
.zhcnt .ig2{position:absolute;top:37%;left:37%;z-index:2;}
.zhcnt .igcnt em{ display:block; background:#181818; overflow:hidden;}
	.zhcnt .igcnt em img {
		display: block;
		width: 100%;
		transition: all ease 0.4s;
		opacity: 0.6;
	}
.zhcnt .igcnt:hover em img {
	transform: scale(1.2);
	opacity: 1;
}
.qse1 .np1{text-align:center;font-size:40px;}
.qse1 .np2{text-align:center;font-size:18px;color:#7c7c7c;}


.ioccnt .nx1{display:flex;justify-content:center}
.ncp1 .np3 {
	line-height: 35px;
	line-height: 35px;
	font-size: 18px;
	font-weight: bold;
	color: #0a0a0a;
	display: block;
	height: 39px;
	overflow: hidden;
}
.ncp1 .np4 {
	color: #ced4da;
	text-align: left;
	display: block;
	height: 80px;
	overflow: hidden;
	padding:12px;
}
.ncp1 .np5{text-align:right;color:#cdcdcd;padding-right:10px;}

.bottom{width:100%;background-color:#bbbbc6}
.bottom .btcnt{width:90%;color:#fff;}
.bottom .btcnt{display:flex;justify-content:space-around;margin: 0 auto}

.bottom .btcnt .c1{flex:1;text-align:center;}
.bottom .btcnt .c2{flex:3}
.bottom .db1 li{float:left;margin:0 3.2%; width: 13.6%;}
.bottom .db1 li p{line-height:32px;color:#000;}
.bottom .db1 li a{color:#000;}
.bottom .db1 .np2 a{color:#000;}
.bottom .np1{font-size:0.17rem;font-weight:bold;}
.bottom .db2{background-color:#393939;height:40px;color:#fff;text-align:center;line-height:35px;}

.abcnt {width:70%;margin:0 auto;    text-align: justify;}
.abcnt .tit1{font-size:0.42rem;color:#147ce5;font-weight: bold;}
 .line1{display:flex;justify-content:center}
.abcnt .lin4{}

.line1 .lin2{background-color:#000;width:104px;}
.line1 .lin3{background-color:#cccccc;width:100%;height:3px;margin-top:1px}
.abcnt .fzcnt{display:flex;justify-content:center}
.abcnt .fzcnt img{width:100%;align-self:flex-end}

.abcnt1{position:relative;}
.abcnt1 .jscnt {
	display: flex;
	justify-content: center;
	position: absolute;
	bottom: 40%;
	width: 66%;
	left:19%;
}
.abcnt1 .np1{    color: #ffffff;
    font-size: 0.5rem;}
.abcnt1 .np1 {
	color: #ffffff;
	font-size: 0.5rem;
}
.abcnt1 .np3 {
	font-size: 0.18rem;
}
.abcnt1 .dv1 {
	flex: 1;
	text-align: center;
}
.abcnt1 .np2, .np3 {
    color: #ffffff;
}
.abcnt1 .np2 {
    font-size: 0.12rem;
}
.abcnt .jdcnt{display:flex;justify-content:center}
.abcnt .jdcnt img{ width: 20%;
    margin: 0 9px;    align-self: flex-end;}
.lxcnt {
	background-image: url(/images/fg_bg.jpg)
}
.lxcnt .btn1{display:flex;justify-content:center;width:70%;margin:0 auto;}
.lxcnt .btn1 .btn2 input{ width:458px;height: 39px;
    margin: 20px;}
.sub1{background-image: url(/images/botton.png)}
.iot1 {
	background-color: #ffff;
	text-align:center;
}
.iot2 {
	background-color: #000;
	text-align:center;

}
.iot2 .np1{color:#fff}
.paye1_1 .np1{text-align:right;color:#bebebe}
.mkcnt {width:100%;}
.mkcnt .nh1{background:url(/images/mq_bg.jpg);display:flex;justify-content:center;width:100%;height:82px;}
.mkcnt .nh1 div{color:#000000;width:165px;background-color:#ffffff;font-size:18px;margin:24px 10px;text-align:center;height:35px;line-height:35px;cursor:pointer}
.mkcnt .hide{display:none;}
.mkcnt .show{display:inherit;}
.mkcnt .nh1 .cur{color:#ffff;background-color:#000}
.amp1{    background-color: #fff;
    text-align: center;}
.iotcnt{margin:0 auto;width:70%;}
.pcnt {
	
}
.proser {
	display: flex;
	margin: 0 auto;
	width: 100%;
	justify-content:center
}
	
.proser .p1{color: #000;
    font-size: 22px;
    margin-top: 35px;

}
	.proser .procn {
		/*border-bottom: 2px solid #abaaaa;*/		
	}
	.proser .procnsel {
		font-weight: bold;
		/*border-bottom: 3px solid #009add;*/
		cursor:pointer;
	}
.proser .procn2 {
	height:50px;
	}
.ioccnt2 {
	background-color: #fff;
}
.ioccnt .ep2, .ioccnt3 .ep2 {
	font-size: 18px;
	color: #696e70;
	margin-top: 20px;
}
.ioccnt3{
 width:1200px;
 margin:0 auto;
     background-color: #ededf7;
}
.zncnt{
	display:flex;
}
.zncnt .znc2{
	width:50%;
}
.zncnt .znc2 img{
	width:100%;
}
.zncnt .znc3{
	margin-top:20%;
}
.lincnt {
	position: absolute;
	top: 25%;
	left: 0%;
width:50%;
}
.lincnt .lincnt2 .flet{
	    margin: 28px 0px;
float:left;
width:33%;

}
.flet img{
	
max-width:235px;
max-height:281px;
width:100%;
}
/*
.lincnt div img{
	width:100%;

}*/

.ioccnt .lotnp1{text-align: left;
    margin-left: 37px}

.lotnp2{text-align: left;
    margin-left: 40px}
.clear{clear:both}