.container{margin:0 auto; padding-left:40px; padding-right:40px; width:100%; max-width:1480px;}
.commWidget{width:100%;}
.commPadding{padding: 60px 0;}
.commPaddingBig{padding:100px 0;}
.bgWhite{background:#ffffff;}
.bgGray{background:#f5f5f5;}
.bgBlack{background:url(../images/fbg.jpg) #000 no-repeat center; background-size:cover; }

.Str-main{margin:0 auto; width:100%; height:100%;}
.Str-mobile-nav {display:none;}

.comm-txt-box{font-size: 16px;}
.comm-txt-box p{margin:0 0 15px;line-height: 1.8;}
.comm-img-box{text-align:center; line-height:2;}
.comm-img-box img{display:block; width:100%;}

.list-style-two{margin-left: -10px; margin-right: -10px;}
.list-style-two li{position: relative; float: left;  width:50%; padding:10px;}
.list-style-two li.all-long{width:100%;}

.list-style-three{margin-left: -10px; margin-right: -10px;}
.list-style-three li{position: relative; float: left;  width:33.3333%; padding:10px;}
.list-style-three.longspace{margin-left: -20px; margin-right: -20px;}
.list-style-three.longspace li{ padding:20px;}

.list-style-four{margin-left: -10px; margin-right: -10px;}
.list-style-four li{position: relative; float: left;  width:25%; padding:10px;}

.list-style-six{margin-left: -5px; margin-right: -5px;}
.list-style-six li{position: relative; float: left;  width:16.6666%; padding: 5px;}

.list-style-eight{margin-left: -10px; margin-right: -10px;}
.list-style-eight li{position: relative; float: left;  width:12.5%; padding: 10px;}


.index-title{margin:0 0 20px;font-size: 46px;letter-spacing: 1px;line-height: 1.8;font-weight:400;color:#121212;}
.index-title.txt-white{color:#fff;}

.Robot-about{position:relative;padding-bottom: 160px;}
.tab-bgimg{margin-top:-540px; width:100%; height:700px;  background-size:cover;}

.tab-bgtxt{margin-top:-160px;background: #f5f5f5;}
.txt-con{padding:20px; min-height:240px; background:#fff; color:#333;}
.txt-con dl{overflow:hidden;}
.txt-con dl dt{float:left;width:65%;padding: 30px 30px;}
.txt-con dl dt h4{font-size: 32px;color:#121212;margin:0 0 20px;line-height: 1.4;font-weight:400;margin-top: 10px;letter-spacing: 0.5px;}
.txt-con dl dt h4 span{display:block;font-size: 22px;font-family: Arial, Helvetica, sans-serif;line-height: 1.2;font-weight: 400;margin-top: 5px;letter-spacing: 0;}
.txt-con dl dt p{
	font-size:15px;
	color: #636363;
	line-height: 1.8;
	display: -webkit-box;
	-webkit-line-clamp: 3;
	-webkit-box-orient: vertical;
	overflow: hidden;
	margin-bottom: 40px;
	}
.txt-con dl dt a.mrobot{position:relative; display:block; width:50px; text-indent:-100px; height:50px; line-height:48px;border:1px solid #222; font-size:16px; color:#222;transition: all .3s ease;overflow:hidden;}
.txt-con dl dt a.mrobot:after{position:absolute; right:15px; text-indent:0; opacity:1; font-family: 'iconfont'; content: '\e74c'; line-height:48px; font-size:22px; color:#222; transition: all .3s ease;}
.txt-con dl dt a.mrobot:hover{width:130px; text-indent:15px; color:#fff; background:#124885; border:1px solid #124885;}
.txt-con dl dt a.mrobot:hover:after{ color:#fff;right:10px; }
.txt-con dl dd{margin-left:75%; }
.txt-con dl dd img{display:block; width:100%;transition: all .3s ease;}
.txt-con dl dd:hover img{transform:translateX(-15%);}

.robot-bar{overflow:hidden;}
.robot-bar span{

cursor:pointer;

display:block;

float:left;

width: 100%;

height:540px;

background: rgba(0,0,0,.25);

border-left: 1px solid rgba(255,255,255,.2);

box-sizing:border-box;

color:#fff;

display: -webkit-box;

display: -ms-flexbox;

display: -webkit-flex;

display: flex;

-webkit-box-pack: center;

-ms-flex-pack: center;

-webkit-justify-content: center;

justify-content: center;

-webkit-box-align: center;

-ms-flex-align: center;

-webkit-align-items: center;

align-items: center;
}
.robot-bar span:last-child{border-right: 1px solid rgba(255,255,255,.2);}
.robot-bar span:hover{background-color: rgba(0, 62, 128, 0.7);}
.robot-bar span.current{background-color: #1b356b;}
.robot-bar span h3{
	font-size: 22px;

	font-weight:400;
	line-height: 1.8;
	text-align:center;
	padding: 0 20px;
	transition: all .3s ease;
	color: #fff;
	}
.robot-bar span h3 dd{
	display:block;
	}

.robot-bar span h3 label{
	display: -webkit-box;
	-webkit-line-clamp: 1;
	-webkit-box-orient: vertical;
	overflow: hidden;
	font-size: 14px;
	font-family: Arial, Helvetica, sans-serif;
	font-weight: 400;
	line-height: 1.2;
	margin-top: 3px;
	letter-spacing: 0.5px;
	}
	
.robot-bar span img{display:block;width: 55%;margin:0 auto 20px;transition: all .3s ease;}

.robot-bar span:hover h3{transform:translateY(30px);}
.robot-bar span:hover img{transform:translateY(-30px);}


.robot-bar span:nth-child(2):hover{background-color:rgba(5,97,154,.5);}
.robot-bar span:nth-child(2).current{background-color:rgba(5,97,154,1);}

.robot-bar span:nth-child(3):hover{background-color:rgba(4,113,149,.5);}
.robot-bar span:nth-child(3).current{background-color:rgba(4,113,149,1);}

.robot-bar span:nth-child(4):hover{background-color:rgba(5,134,150,.5);}
.robot-bar span:nth-child(4).current{background-color:rgba(5,134,150,1);}

.robot-bar span:nth-child(5):hover{background-color:rgba(0,143,139,.5);}
.robot-bar span:nth-child(5).current{background-color:rgba(0,143,139,1);}

.robot-bar span:nth-child(6):hover{background-color:rgba(0,129,190,.5);}
.robot-bar span:nth-child(6).current{background-color:rgba(0,129,190,1);}

.bgMap{background:#f1f4fb;padding-bottom:0;}

.Str-three{padding:160px 0; position:relative; color:#fff;}
.Str-three .container{position:relative;}
.Str-three p{width:60%;line-height: 2;}
.bg-img-01{position:relative; background:url(../images/bg_01.jpg) no-repeat center right; background-size:cover;}



.data-list{width:100%;margin: 50px auto 30px auto;text-align:center;overflow:hidden;}
.data-list span{position:relative; display:block; float:left; width:25%; font-size:16px; color:#666;}
.data-list span em{display:block; font-style:normal;}
.data-list span label{position:relative;font-size: 62px;color:#222;margin-bottom: 5px;display: inline-block;font-family: 'avian',arial;}
.data-list span:after{content:""; position:absolute; right:0; top:0; width:1px; height:100%; background:#ccc;}
.data-list span:last-child:after{display:none;}
.data-list span:last-child label:after{content:'';}

@media screen and (max-width:1460px){
.txt-con dl dd{margin-left:70%; }	
.tab-bgimg{margin-top:-420px;height:560px;}
.robot-bar span{
height:420px;
}
	}