.commWidget{width:100%;}
.commPadding{padding: 65px 0;}
.commPaddingBig{padding:100px 0;}
.bgWhite{background:#ffffff;}
.bgGray{background:#f5f5f5;}
.bgBlack{background:url(/templates/site5/assets/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 18px;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 22px;font-size: 42px;letter-spacing: 1px;line-height: 1.2;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: 35px 20px 50px 20px;background: #f5f5f5;color:#333;width: 100%;float: left;}
.txt-con dl{overflow:hidden;}
.txt-con dl dt{float:left;width: 100%;text-align: center;padding: 30px 15px 0;}
.txt-con dl dt h4{font-size: 22px;color:#121212;margin: 0 0 12px;line-height: 1.4;font-weight:400;letter-spacing: 0.5px; display: -webkit-box;
	-webkit-line-clamp: 1;
	-webkit-box-orient: vertical;
	overflow: hidden;}
.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: 14px;
	color: #4e4e4e;
	line-height: 25px;
	height: 50px;
	display: -webkit-box;
	-webkit-line-clamp: 2;
	-webkit-box-orient: vertical;
	overflow: hidden;
	margin-bottom: 20px;
	}
.txt-con dl dt a.mrobot{position:relative;display:block;margin: 0 auto;width: 110px;height: 40px;line-height: 40px;border: 1px solid #444;font-size: 13px;color: #444;transition: all .3s ease;overflow:hidden;}
.txt-con dl dt a.mrobot:hover{color:#fff;background: #0D6BAD;border: 1px solid #0D6BAD;}
.txt-con dl dd{
    width: 100%;
    float: left;
    text-align: center;
}
.txt-con dl dd img{transition: all .3s ease;width: 90px;margin: 0 auto;}
.txt-con dl dd:hover img{transform: translateY(-5%);}
.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);}

.bgMap{background:#f1f4fb;padding-bottom:0;}

.gradient-overlay {position: absolute; z-index: 0; width: 100%; height: 100%; top: 0; background: rgba(0,95,184,1);
    background: -moz-linear-gradient(left,rgba(0,95,184,1) 0%,rgba(0,95,184,0.57) 40%,rgba(0,95,184,0) 80%);
    background: -webkit-gradient(left top,right top,color-stop(0%,rgba(0,95,184,1)),color-stop(40%,rgba(0,95,184,0.57)),color-stop(80%,rgba(0,95,184,0)));
    background: -webkit-linear-gradient(left,rgba(0,95,184,1) 0%,rgba(0,95,184,0.57) 40%,rgba(0,95,184,0) 80%);
    background: -o-linear-gradient(left,rgba(0,95,184,1) 0%,rgba(0,95,184,0.57) 40%,rgba(0,95,184,0) 80%);
    background: -ms-linear-gradient(left,rgba(0,95,184,1) 0%,rgba(0,95,184,0.57) 40%,rgba(0,95,184,0) 80%);
    background: linear-gradient(to right,rgba(0,95,184,1) 0%,rgba(0,95,184,0.57) 40%,rgba(0,95,184,0) 80%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#005fb8',endColorstr='#005fb8',GradientType=1);
}
.home-gradient-overlay {background: linear-gradient(to bottom,rgba(0,95,184,1) 0%,rgba(0,95,184,0.57) 20%,rgba(0,95,184,0) 80%);}
.home-gradient-overlay2 {background: linear-gradient(to right,rgb(0, 38, 64) 0%,rgba(0, 78, 150, 0.57) 52%,rgba(0, 78, 150, 0.05)80%);}

.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;}



.data-list{width:100%;margin: 52px auto 10px 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;line-height: 1.2;margin-bottom: 8px;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:'';}

.home-Btn{margin-top: 5%;}

.mp50{ margin-top:50px;}
.index_more1{height: 48px;display: flex;display: -ms-flexbox;margin-top: 20px;align-items: center;justify-content: center;line-height: 48px;width: 155px;font-size: 14px;transition: ease .4s;box-sizing: border-box;text-align: center;border-radius: 0;border: 1px solid #fff;color: #ffffff;}
.index_more1 .iconfont{ display: inline-block; margin-left: 10px; font-size: 20px;}
.index_more1:hover{background: #014DA1;color: #fff;border: 1px solid #014DA1;}
.at1{ line-height:2; color:#424242;}
.at1 p{ line-height:2; color:#424242; margin-bottom:0;}



@media screen and (max-width:1440px){
.txt-con dl dd{}	
.tab-bgimg{margin-top:-420px;height:560px;}
.robot-bar span{
height:420px;
}

.index-title{font-size: 36px;}

	}
	

