﻿
html, body{
    font-size: 100%;
	background:	#fff;
	font-family: "Microsoft YaHei","΢���ź�", sans-serif;
}
body a{
	transition: 0.5s all ease;
	-webkit-transition: 0.5s all ease;
	-moz-transition: 0.5s all ease;
	-o-transition: 0.5s all ease;
	-ms-transition: 0.5s all ease;
}
h1,h2,h3,h4,h5,h6{
	margin:0;			   
}
img {
	vertical-align: middle;}
p{
	margin:0;
}
ul,label{
	margin:0;
	padding:0;
}
body a:hover{
	text-decoration:none;
}
/*-- Header Part Starts Here --*/
.navigation {
	float: right;
}
.logo {
	float: left;
}
.logo a {
	display: block;
}
.logo h1 a{
	font-size: 1.1em;
	font-weight: 700;
	color: #67267a;
	margin: 0;
}
.logo h1 a:hover{
	text-decoration:none;
	color: #67267a;
	transition: 0.5s all ease;
	-webkit-transition: 0.5s all ease;
	-moz-transition: 0.5s all ease;
	-o-transition: 0.5s all ease;
	-ms-transition: 0.5s all ease;
}
.header {
	padding: 2em 0;
	height:124px;
	background-image:url(../images/top_1.png);
    background:-moz-linear-gradient(top,#2446AB ,#2446AB );
    background: -webkit-gradient(linear, 0% 0%, 0% 100%,from(#2446AB ), to(#2446AB ));
    background-image: -webkit-gradient(linear,left bottom,left top,color-start(0,#2446AB ),color-stop(1, #2446AB));
    filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr='#5041ac',      endColorstr='#0d005a'); 
    -ms-filter: "progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr='#5041ac', endColorstr='#0d005a')"; 
}
ul.navig {
	padding: 0;
	margin-top: 0.45%;
}
ul.navig li span {
	color: #fff;
	margin: 0 15px;
	font-size: 16px;
}
ul.navig li {
	display: inline-block;
	margin: 0 2px;
	position: relative;
	float:left;
}
ul.navig li a {
	font-size: 1.15em;
	color: #f0f0f0;
	font-weight: 400;
	text-decoration: none;
	padding: 8px 27px;
	border-radius: 0.3em;
	-webkit-border-radius: 0.3em;
	-moz-border-radius: 0.3em;
	-o-border-radius: 0.3em;
	-ms-border-radius: 0.3em;
}
ul.navig li a:hover,ul.navig li a.active{
	color: #fff;
	background: #070032;
	transition: 0.5s all;
	-webkit-transition: 0.5s all;
	-o-transition: 0.5s all;
	-moz-transition: 0.5s all;
	-ms-transition: 0.5s all;
}
ul.navig li a:hover ul.navig li a:after{
	display: block;
}
ul.navig li a:after{
	width:15px;
	height:15px;
	background:red;
	display: none;
	content:"";
	position:absolute;
	top:0;
}
.head_grid{
	text-align:center;
	width: 26.3%;
}
.head_grid_center{
	margin: 0 7em;
}
.grid_ba{
	width:100%;
	background:#dfdfdf;
	border-radius: 50%;
	-webkit-border-radius: 50%;
	-moz-border-radius: 50%;
	-ms-border-radius:50%;
	-o-border-radius:50%;
	text-align:center;
	padding: 5em 1em;
	margin:0 auto;
}
.grid_ba p{
	margin:1em 0 0 0;
	font-size:1em;
	font-weight:600;
	color: #4c4a5a;
}
.stars {
	margin: 7em 0 2em 0;
	text-align: center;
	position: relative;
}
.stars:before {
	content: "";
	background: rgba(88, 86, 104, 0.33);
	height: 1px;
	width: 35%;
	position: absolute;
	top: 59%;
	left: 9%;
}
.stars:after {
	content: "";
	background: rgba(88, 86, 104, 0.33);
	height: 1px;
	width: 35%;
	position: absolute;
	top: 59%;
	right: 9%;
}
.copyrights{text-indent:-9999px;height:0;line-height:0;font-size:0;overflow:hidden;}

/*--Header-Part-Ends-Here --*/
/*--banner-Part-starts-Here --*/
.banner {
	padding-top: 6em;
	background: #454c58;
	border-top: 1px solid rgba(255, 255, 255, 0.17);
	border-bottom: 1px solid rgba(255, 255, 255, 0.29);
}
.banner-right{
	margin-top:3em;
}
.banner-right h1 {
	font-weight: 700;
	font-size: 3em;
	color: #fff;
	margin: 0;
}
.banner-right h2 {
	font-weight: 400;
	font-size: 1em;
	color: #c6c6c6;
	margin: 15px 0 0 0;
	line-height: 1.7em;
	padding-right: 50px;
}
.banner-right p {
	color: #999999;
	font-size: 16px;
	font-weight: 200;
	line-height: 1.7em;
	margin-top: 12px;
	padding-right: 13%;
}
.b-btn {
	margin-top:7%;
}
.b-btn ul{
	padding:0;
}
.b-btn ul li{
	list-style:none;
	display:inline-block;
}
.b-btn ul li a.contact {
	font-size: 16px;
	color: #0d005a;
	font-weight: 700;
	padding: 12px 28px;
	background: #85ca25;
	background: -moz-linear-gradient(top,  #85ca25 0%, #6cc425 50%, #85ca25 100%);
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#85ca25), color-stop(50%,#6cc425), color-stop(100%,#85ca25));
	background: -webkit-linear-gradient(top,  #85ca25 0%,#6cc425 50%,#85ca25 100%);
	background: -o-linear-gradient(top,  #85ca25 0%,#6cc425 50%,#85ca25 100%);
	background: -ms-linear-gradient(top,  #85ca25 0%,#6cc425 50%,#85ca25 100%);
	background: linear-gradient(to bottom,  #85ca25 0%,#6cc425 50%,#85ca25 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#85ca25', endColorstr='#85ca25',GradientType=0 );
	border-radius: 0.7em;
	-webkit-border-radius: 0.7em;
	-moz-border-radius: 0.7em;
	-o-border-radius: 0.7em;
	-ms-border-radius: 0.7em;
}
.b-btn ul li a.contact:hover{
	color: #999999;
	text-decoration:none;
	background: #ffffff;
	background: -moz-linear-gradient(top,  #ffffff 0%, #ffffff 100%);
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ffffff), color-stop(100%,#ffffff));
	background: -webkit-linear-gradient(top,  #ffffff 0%,#ffffff 100%);
	background: -o-linear-gradient(top,  #ffffff 0%,#ffffff 100%);
	background: -ms-linear-gradient(top,  #ffffff 0%,#ffffff 100%);
	background: linear-gradient(to bottom,  #ffffff 0%,#ffffff 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#ffffff',GradientType=0 );
	transition: 0.5s all;
	-webkit-transition: 0.5s all;
	-o-transition: 0.5s all;
	-moz-transition: 0.5s all;
	-ms-transition: 0.5s all;
}
.b-btn ul li a.work {
	font-size: 15px;
	color: #fff;
	font-weight: 400;
	padding: 0px 0px 1px 24px;
	border-bottom: 1px solid #fff;
	background: url(../images/tv.png) no-repeat 0px 5px;
}
.b-btn ul li a.work:hover{
	color:#7ec623;
	text-decoration:none;
	border-bottom: 1px solid #7ec623;
	background: url(../images/tv-1.png) no-repeat 0px 5px;
	transition: 0.5s all;
	-webkit-transition: 0.5s all;
	-o-transition: 0.5s all;
	-moz-transition: 0.5s all;
	-ms-transition: 0.5s all;
}
.b-btn ul li span{
	font-size:17px;
	font-weight:400;
	color:#fff;
	margin:0 8px;
}
/*--banner-Part-Ends-Here --*/
/*--client-Part-starts-Here --*/
.client{
	padding:1.3em 0px;
	background:#0d005a;
}
.client-main ul{
	padding:0;
}
.client-main ul li {
	list-style: none;
	display: inline-block;
	margin-right: 16.78%;
}
.client-main ul li:nth-child(5){
	margin-right: 0%;
}
/*--client-Part-Ends-Here --*/
/*--lorem-Part-starts-Here --*/
.lorem{
	background:url(../images/lorem-banner.jpg) no-repeat;
	background-size:cover;
	-webkit-background-size:cover;
	-o-background-size:cover;
	-moz-background-size:cover;
	-ms-background-size:cover;
	min-height:800px;
}
.lorem-top{
	background:#e4e4e4;
	margin-top:6%;
}
.lorem-top-left h3,.lorem-top-right h3{
	color:#333;
	font-size:1.2em;
	font-weight:400;
	margin:0;
}
.lorem-top-left h3 span,.lorem-top-right h3 span{
	font-weight:700;
}
.col-md-4.lorem-top-left {
	padding: 1.6em 15px;
}
.lorem-top-right {
	padding: 1.6em 13% 1.6em 15px;
	border-left: 1px solid rgba(255, 255, 255, 0.6);
	position: relative;
}
.lorem-top-right img {
	position: absolute;
	right: 0;
	bottom: 0;
}
.lorem-top-left ul{
	padding:0;
	margin-top: 7%;
}
.lorem-top-left ul li{
	list-style-image: url(../images/correct.png);
	margin: 0px 0px 12px 18px;
	vertical-align: middle;
}
.lorem-top-left ul li a{
	color:#333;
	font-weight:400;
	font-size:15px;
	vertical-align: top;
}
.l-btn {
	margin: 5.5% 0 0 5%;
}
.l-btn a{
	font-size: 15px;
	color: #333;
	font-weight: 400;
	padding: 0px 0px 1px 0px;
	border-bottom: 1px solid #333;
}
.l-btn a:hover,.t-btn p a:hover,.error-btn a:hover{
	text-decoration:none;
	color: #0d005a;
	border-bottom: 1px solid #0d005a;
	transition: 0.5s all;
	-webkit-transition: 0.5s all;
	-o-transition: 0.5s all;
	-moz-transition: 0.5s all;
	-ms-transition: 0.5s all;
}
.lorem-top-right p{
	color: #333333;
	font-size: 15px;
	line-height: 1.6em;
	font-weight: 300;
	margin-top: 2.5%;
}
.lorem-top-bottom {
	text-align: right;
	margin-top: 4.5%;
}
.lorem-top-bottom h5{
	font-size:17px;
	font-weight:600;
	color:#333;
}
.lorem-top-bottom label{
	color:#333;
	font-weight:300;
	font-size:14px;
	margin-top:3px;
}
.res-left h4{
	color:#4b5a65;
	font-weight:600;
	font-size:1.3em;
	margin: 25px 0 0 0;
}
.res-left{
	text-align:center;
}
.res-left p {
	color: #a4a4a4;
	font-weight: 400;
	font-size: 14px;
	padding: 0 9px;
	line-height: 1.6em;
	margin-top: 8px;
}
.r-btn {
	margin-top: 11%;
}
.r-btn a{
	color:#fff;
	font-size:15px;
	font-weight:400;
	background: #0d005a;
	
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#3d93d1', endColorstr='#3d93d1',GradientType=0 );
	padding:12px 40px;
	border-radius:2.3em;
	-webkit-border-radius:2.3em;
	-moz-border-radius:2.3em;
	-o-border-radius:2.3em;
	-ms-border-radius:2.3em;
}
.r-btn a:hover{
	background: #3d93d1;
	background: -moz-linear-gradient(top,  #3d93d1 0%, #7ec623 0%, #3e444e 0%, #3e444e 53%, #3e444e 98%, #3e444e 99%, #ffffff 99%, #ffffff 99%, #3e444e 99%, #ffffff 100%, #37c924 100%, #7ec623 100%, #37c924 100%, #37c924 100%, #7ec623 100%, #207cca 100%, #207cca 100%, #21aad3 100%, #3e444e 100%);
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#3d93d1), color-stop(0%,#7ec623), color-stop(0%,#3e444e), color-stop(53%,#3e444e), color-stop(98%,#3e444e), color-stop(99%,#3e444e), color-stop(99%,#ffffff), color-stop(99%,#ffffff), color-stop(99%,#3e444e), color-stop(100%,#ffffff), color-stop(100%,#37c924), color-stop(100%,#7ec623), color-stop(100%,#37c924), color-stop(100%,#37c924), color-stop(100%,#7ec623), color-stop(100%,#207cca), color-stop(100%,#207cca), color-stop(100%,#21aad3), color-stop(100%,#3e444e));
	background: -webkit-linear-gradient(top,  #3d93d1 0%,#7ec623 0%,#3e444e 0%,#3e444e 53%,#3e444e 98%,#3e444e 99%,#ffffff 99%,#ffffff 99%,#3e444e 99%,#ffffff 100%,#37c924 100%,#7ec623 100%,#37c924 100%,#37c924 100%,#7ec623 100%,#207cca 100%,#207cca 100%,#21aad3 100%,#3e444e 100%);
	background: -o-linear-gradient(top,  #3d93d1 0%,#7ec623 0%,#3e444e 0%,#3e444e 53%,#3e444e 98%,#3e444e 99%,#ffffff 99%,#ffffff 99%,#3e444e 99%,#ffffff 100%,#37c924 100%,#7ec623 100%,#37c924 100%,#37c924 100%,#7ec623 100%,#207cca 100%,#207cca 100%,#21aad3 100%,#3e444e 100%);
	background: -ms-linear-gradient(top,  #3d93d1 0%,#7ec623 0%,#3e444e 0%,#3e444e 53%,#3e444e 98%,#3e444e 99%,#ffffff 99%,#ffffff 99%,#3e444e 99%,#ffffff 100%,#37c924 100%,#7ec623 100%,#37c924 100%,#37c924 100%,#7ec623 100%,#207cca 100%,#207cca 100%,#21aad3 100%,#3e444e 100%);
	background: linear-gradient(to bottom,  #3d93d1 0%,#7ec623 0%,#3e444e 0%,#3e444e 53%,#3e444e 98%,#3e444e 99%,#ffffff 99%,#ffffff 99%,#3e444e 99%,#ffffff 100%,#37c924 100%,#7ec623 100%,#37c924 100%,#37c924 100%,#7ec623 100%,#207cca 100%,#207cca 100%,#21aad3 100%,#3e444e 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#3d93d1', endColorstr='#3e444e',GradientType=0 );
	transition: 0.5s all;
	-webkit-transition: 0.5s all;
	-o-transition: 0.5s all;
	-moz-transition: 0.5s all;
	-ms-transition: 0.5s all;
}
.project-left img{
	width:100%;
}
.project {
	padding: 4em 0px;
}
.project-top {
	margin-top: 1.8em;
}
.project h3,.target-left h3{
	color: #4b5a65;
	font-size: 1.2em;
	font-weight: 400;
	margin: 0;
}
.project h3 span,.target-left h3 span{
	font-weight: 700;
}
.target-left p{
	color:#6c6c6c;
	font-size:14px;
	line-height:1.45em;
	margin-top:1.2em;
	font-weight:300;
}
.t-btn{
	margin-top:1.5em;
}
.t-btn p{
	color:#6c6c6c;
	font-size:14px;
	font-weight:300;
}
.t-btn p a {
	color: #333333;
	font-weight: 400;
	border-bottom: 1px solid rgba(51, 51, 51, 0.39);
}
.target {
	padding: 5em 0px;
	border-bottom: 1px solid rgba(75, 90, 101, 0.15);
}
.research {
	padding: 5em 0px;
	border-bottom: 1px solid rgba(75, 90, 101, 0.15);
}
/*--lorem-Part-Ends-Here --*/
/*--footer-Part-starts-Here --*/
.footer {
	background: #2446AB ;
	padding: 2.6em 0px;
	float:left;
	width:100%;
}
.footer-text{
	width:186px;
	float:left;
}
.footer-text a{
	color:#f1f1f1;
	font-weight:700;
	font-size:1em;
}
.footer-text a:hover{
	color: #fff;
	text-decoration: none;
	transition: 0.5s all;
	-webkit-transition: 0.5s all;
	-o-transition: 0.5s all;
	-moz-transition: 0.5s all;
	-ms-transition: 0.5s all;
}
.footer-text ul{
	padding:0;
	margin-top:1em;
}
.footer-text ul li{
	list-style:none;
	display:block;
}
.footer-text ul li a{
	color:rgba(255, 255, 255, 0.69);
	font-weight:500;
	font-size:14px;
}
.footer-right ul{
	padding:0
}
.footer-right ul li{
	list-style:none;
	display:inline-block;
}
.footer-right ul li a span{
	background:url(../images/footer-sprit.png) no-repeat;
	width:36px;
	height:36px;
	display:block;
	opacity: 1.0;
	filter: alpha(opacity=100);
	transition: all 0.3s ease;
	-webkit-transition: all 0.3s ease;
	-moz-transition: all 0.3s ease;
	-o-transition: all 0.3s ease;
}
.footer-right ul li a span:hover{
	opacity: 0.4;
	filter: alpha(opacity=40);
}
.footer-right ul li a span.fb{
	background-position:0px 0px;
}
.footer-right ul li a span.twt{
	background-position:-36px 0px;
}
.footer-right ul li a span.in{
	background-position:-72px 0px;
}
.footer-right ul li a span.be{
	background-position:-108px 0px;
}
.footer-right ul li a span.drbl{
	background-position:-144px 0px;
}
.footer-left{
	width:82%;
	float:left;
}
.footer-right{

	float:right;
}
.footer-bottom{
	margin-top:4em;
	float: left;
margin-left: 390px;
}
.footer-bottom p {
	color: #828d93;
	font-size:12px;
}
.footer-bottom p a{
	color:#828d93;
}
.footer-bottom p a:hover{
	color:#85ca25;
	transition: 0.5s all ease;
	-webkit-transition: 0.5s all ease;
	-moz-transition: 0.5s all ease;
	-o-transition: 0.5s all ease;
	-ms-transition: 0.5s all ease;
}
/*--footer-Part-Ends-Here --*/
/*--about-Part-Starts-Here --*/
.about{
	padding:5em 0px;
}
.about-main{
	text-align:center;
}
.about-top{
	margin-top:3%;
}
.about-top img {
	border-radius: 0.3em;
	-webkit-border-radius: 0.3em;
	-moz-border-radius: 0.3em;
	-o-border-radius: 0.3em;
	-ms-border-radius: 0.3em;
	margin-bottom:20px;
}
.about-top p {
	font-weight: 400;
	font-size: 16px;
	line-height: 1.6em;
	color: #a4a4a4;
	width: 93%;
	margin: 18px auto 0;
}
.team{
	padding:4em 0px;
	background:#464d5a;
}
.team-main{
	text-align:center;
}
.team-left img{
	width:100%;
	border-radius: 0.3em;
	-webkit-border-radius: 0.3em;
	-moz-border-radius: 0.3em;
	-o-border-radius: 0.3em;
	-ms-border-radius: 0.3em;	
}
.team-top{
	margin-top:2em;
}
.team-left h4{
	color:#a4a4a4;
	font-size:1.4em;
	font-weight:600;
	margin:15px 0 0 0;
}
.team-left p{
	font-weight: 400;
	font-size: 16px;
	line-height: 1.6em;
	color: #a4a4a4;
	margin-top: 10px;
}
.team-main h3{
	font-weight:700;
	font-size:2.5em;
	color:#ffffff;
	margin:0;
}
.advn {
	padding: 5em 0px;
}
.advn-main{
	text-align:center;
}
.advn-top {
	margin-top: 5em;
}
.advn-left span {
	color: #454c58;
	padding: 20px 30px;
	font-weight: 700;
	font-size: 24px;
	border: 4px solid #454c58;
	border-radius: 50%;
	-webkit-border-radius: 50%;
	-moz-border-radius: 50%;
	-o-border-radius: 50%;
	-ms-border-radius: 50%;
}
.advn-left h4 {
	color: #4b5a65;
	font-size: 1.25em;
	font-weight: 600;
	margin: 13% 0 0 0;
	line-height: 1.6em;
}
.advn-left p {
	font-weight: 400;
	font-size: 16px;
	line-height: 1.6em;
	color: #a4a4a4;
	width: 93%;
	margin: 6px auto 0;
}
/*--about-Part-Ends-Here --*/
/*--features-Part-Starts-Here --*/
.features{
	padding:4em 0px;
}
.feature-top{
	margin-top:4em;
	text-align:center;
}
.features-left h4{
	color:#4b5a65;
	font-size:1.5em;
	font-weight:700;
	margin:1em 0 0 0;
}
.features-left p{
	font-weight: 400;
	font-size: 16px;
	line-height: 1.6em;
	color: #a4a4a4;
	width: 90%;
	margin: 6px auto 0;
}
.feature-one{
	margin-top:3em;
}
.feature-one:nth-child(1){
	margin-top:0em;
}
/*--features-Part-Ends-Here --*/
/*--work-Part-Starts-Here --*/
/*	Strip
/*-----------------------------------------------------------------------------------*/
.b-link-stripe{
	position:relative;
	display:inline-block;
	vertical-align:top;
	font-weight: 300;
	overflow:hidden;
}
.b-link-stripe .b-wrapper{
	position:absolute;
	width:100%;
	height:100%;
	top:0;
	left:0;
	text-align:center;
	color:#ffffff;
	overflow:hidden;
}
.b-link-stripe .b-line{
	position:absolute;
	top:0;
	bottom:0;
	width:20%;
	background:rgba(15, 207, 140, 0.9);
	transition:all 0.5s linear;
	-moz-transition:all 0.5s linear;
	-ms-transition:all 0.5s linear;
	-o-transition:all 0.5s linear;
	-webkit-transition:all 0.5s linear;
	opacity:0;
	visibility:hidden; /* lt-ie9 */
}
/*-----------------------------------------------------------------------------------*/
/*	Animation effects
/*-----------------------------------------------------------------------------------*/
.b-animate-go{
	text-decoration:none;
}
.b-animate{
	transition: all 0.5s;
	-moz-transition: all 0.5s;
	-ms-transition: all 0.5s;
	-o-transition: all 0.5s;
	-webkit-transition: all 0.5s;
	visibility: hidden;
	font-size:1.1em;
	font-weight:700;
}
.b-animate img{
	margin-top:12%;
	display: -webkit-inline-box;
}
/* lt-ie9 */
.b-animate-go:hover .b-animate{
	visibility:visible;
}
.b-from-left{
	position:relative;
	left:-100%;
}
.b-animate-go:hover .b-from-left{
	left:0;
}
span.m_4{
	font-size:14px;
	font-weight:400;
}
p.m_5 {
	margin: 2% auto 5%;
	width: 70%;
	color: #283A47;
	font-size: 1.1em;
	font-weight: 600;
	line-height: 1.5em;
	text-align: center;
}
ul#filters {
	padding: 0px;
	text-align: left;
}
/*--team--*/
.col_1_of_4:first-child {
	margin-left: 0;
}
.span_1_of_4 {
	width: 22.8%;
}
.col_1_of_4 {
	display: block;
	float: left;
	margin: 1% 0 1% 2.6%;
	background: #FFF;
}
.b-wrapper:hover {
	background: rgba(80, 88, 102, 0.75);
	transition: 0.5s all;
	-webkit-transition: 0.5s all;
	-o-transition: 0.5s all;
	-moz-transition: 0.5s all;
	-ms-transition: 0.5s all;
}
/* lt-ie9 */
.b-link-stripe:hover .b-line{
	visibility:visible;
}
.b-link-stripe .b-line1{
	left:0;
}
.b-link-stripe .b-line2{
	left:20%;
	transition-delay:0.1s !important;
	-moz-transition-delay:0.1s !important;
	-ms-transition-delay:0.1s !important;
	-o-transition-delay:0.1s !important;
	-webkit-transition-delay:0.1s !important;
}
.b-link-stripe .b-line3{
	left:40%;
	transition-delay:0.2s !important;
	-moz-transition-delay:0.2s !important;
	-ms-transition-delay:0.2s !important;
	-o-transition-delay:0.2s !important;
	-webkit-transition-delay:0.2s !important;
}
.b-link-stripe .b-line4{
	left:60%;
	transition-delay:0.3s !important;
	-moz-transition-delay:0.3s !important;
	-ms-transition-delay:0.3s !important;
	-o-transition-delay:0.3s !important;
	-webkit-transition-delay:0.3s !important;
}
.b-link-stripe .b-line5{
	left:80%;
	transition-delay:0.4s !important;
	-moz-transition-delay:0.4s !important;
	-ms-transition-delay:0.4s !important;
	-o-transition-delay:0.4s !important;
	-webkit-transition-delay:0.4s !important;
}
.b-link-stripe:hover .b-line{
	opacity:1;
}
#filters {
	margin: 4% 0 0% 0;
	padding: 0;
	list-style: none;
	text-align: center;
}
#filters li {
		display: -webkit-inline-box;
	}
#filters li span {
	display: block;
	padding: 17px 45px;
	text-decoration: none;
	color: #e55353;
	cursor: pointer;
	font-size: 16px;
	font-weight: 400;
	text-transform: uppercase;
	background: #1e1e1e;
	margin: 0 8px 0 0;
	border-radius: 0.3em;
	-webkit-border-radius: 0.3em;
	-moz-border-radius: 0.3em;
	-o-border-radius: 0.3em;
	-ms-border-radius: 0.3em;
}
#filters li span.active, #filters li span:hover {
	background: #434043;
	color: #ffffff;
	border-radius: 0.3em;
	-webkit-border-radius: 0.3em;
	-moz-border-radius: 0.3em;
	-o-border-radius: 0.3em;
	-ms-border-radius: 0.3em;
	transition: 0.5s all ease;
	-webkit-transition: 0.5s all ease;
	-moz-transition: 0.5s all ease;
	-o-transition: 0.5s all ease;
	-ms-transition: 0.5s all ease;
}
 #portfoliolist .portfolio {
		-webkit-box-sizing: border-box;
		-moz-box-sizing: border-box;
		-o-box-sizing: border-box;
		width: 32%;
		display:none;
		float:left;
		overflow:hidden;
		margin: 0 1% 1% 0;
	}
div#portfoliolist {
		padding: 40px 0px;
}	
.portfolio-wrapper {
		overflow:hidden;
		position: relative !important;
		cursor:pointer;
	}
.portfolio img {
		max-width:100%;
		/*--position: relative;--*/
		transition: all 300ms!important;
		-webkit-transition: all 300ms!important;
		-moz-transition: all 300ms!important;
	}
.portfolio .label {
		position: absolute;
		width: 100%;
		height:40px;
		bottom:-40px;
	}
.portfolio .label-bg {
			background: #22B4B8;
			width: 100%;
			height:100%;
			position: absolute;
			top:0;
			left:0;
		}
.portfolio .label-text {
			color:#fff;
			position: relative;
			z-index:500;
			padding:5px 8px;
		}
			
.portfolio .text-category {
				display:block;
				font-size:9px;
				font-size: 12px;
				text-transform:uppercase;
			}
/* Self Clearing Goodness */
.container:after { content: "\0020"; display: block; height: 0; clear: both; visibility: hidden; }
.clearfix:before,
.clearfix:after,
.row:before,
.row:after {
  content: '\0020';
  display: block;
  overflow: hidden;
  visibility: hidden;
  width: 0;
  height: 0;
   }
.row:after,
.clearfix:after {
  clear: both;
   }
.row,
.clearfix {
  zoom: 1;
   }

.clear {
  clear: both;
  display: block;
  overflow: hidden;
  visibility: hidden;
  width: 0;
  height: 0;
}
/*---------------*/
div#portfolio {
	padding: 5em 0px;
}
/*--work-Part-Ends-Here --*/
/*--error-Part-Starts-Here --*/
.error{
	padding:5em 0px;
}
.error-top {
	text-align:center;
}
.error-top h3 {
	color: #4b5a65;
	font-size: 13.5em;
	font-weight: 600;
	margin: 0;
	position: relative;
}
.error-top h3 span{
	font-weight: 400;
}
.error-top p {
	color: #6c6c6c;
	font-size: 2.5em;
	font-weight: 600;
	margin-top: 2%;
}
.error-btn{
	margin-top:3em;
}
.error-btn a{
	color:#4b5a65;
	border-bottom:1px solid #4b5a65;
	font-size:22px;
	font-weight:700;
}
.error-top ul {
	padding: 0;
	position: absolute;
	top: 31.7%;
	left: 49.5%;
}
.error-top ul li{
	list-style:none;
	display:block;
}
.error-top ul li p{
	color: #4b5a65;
	font-size:18px;
}
/*--error-Part-Ends-Here --*/
/*--contact-Part-Starts-Here --*/
.contact{
	padding:4em 0px;
}
.contact-mian{
	text-align:center;
}
.contact-mian h3,.about-main h3,.advn-main h3,.portfolio-top h3,.features-main h3{
	font-weight:700;
	font-size:2.5em;
	color:#4b5a65;
	margin:0;
	text-align:center;
}
.contact-mian p {
	font-weight: 400;
	font-size: 16px;
	line-height: 1.6em;
	color: #a4a4a4;
	width: 85%;
	margin: 10px auto 0;
}
.contact-top {
	margin-top:3em;
}
.contact-top input[type="text"] {
	width: 45%;
	color: #999999;
	outline: none;
	font-family: "Microsoft YaHei","΢���ź�", sans-serif;
	font-size: 15px;
	padding: 15px 15px;
	margin-bottom: 1em;
	border: solid 1px #D5D4D4;
	-webkit-appearance: none;
	font-weight: 600;
	border-radius: 0.3em;
	-webkit-border-radius: 0.3em;
	-moz-border-radius: 0.3em;
	-o-border-radius: 0.3em;
	-ms-border-radius: 0.3em;
}
.contact-top input[type="text"]:nth-child(1){
	margin-right:10px;
}
.contact-top textarea {
	resize: none;
	width: 91%;
	margin: 0 auto;
	color: #999999;
	font-size: 15px;
	font-family: "Microsoft YaHei","΢���ź�", sans-serif;
	outline: none;
	padding: 15px 15px;
	border: solid 1px #D5D4D4;
	min-height: 15em;
	-webkit-appearance: none;
	font-weight: 600;
	border-radius: 0.3em;
	-webkit-border-radius: 0.3em;
	-moz-border-radius: 0.3em;
	-o-border-radius: 0.3em;
	-ms-border-radius: 0.3em;
}
.contact-but form input[type="submit"] {
	border: none;
	outline: none;
	color: #fff;
	background:#fbc412;
	padding: 12px 36px;
	font-family: "Microsoft YaHei","΢���ź�", sans-serif;
	font-size: 17px;
	font-weight: 600;
	margin-top: 1.5em;
	letter-spacing: 1px;
	-webkit-appearance: none;
	border-radius: 0.3em;
	-webkit-border-radius: 0.3em;
	-moz-border-radius: 0.3em;
	-o-border-radius: 0.3em;
	-ms-border-radius: 0.3em;
}
.contact-but form input[type="submit"]:hover {
	background: #ffcf33;
	transition: 0.5s all;
	-webkit-transition: 0.5s all;
	-moz-transition: 0.5s all;
	-o-transition: 0.5s all;
	-ms-transition: 0.5s all;
}
.map{
	margin-top:2em;
}
.map iframe{
	width:100%;
	height:350px;
}
/*--contact-Part-Ends-Here --*/
#toTop {
	display: none;
	text-decoration: none;
	position: fixed;
	bottom: 10px;
	right: 10px;
	overflow: hidden;
	width: 32px;
	height: 32px;
	border: none;
	text-indent: 100%;
	background: url(../images/top-arrow.png) no-repeat;
}
/*--media-quaries-starts-here--*/

/*--media-quaries-end-here--*/
.research h2 {
	text-align:center;
	margin-bottom:20px;}
.mabg h2 {
	text-align:center;
	margin-bottom:20px;
	color:#FFF;}
.target h2 {
	text-align:center;
	margin-bottom:20px;}
.project h2 {
	text-align:center;
	margin-bottom:20px;}
.project h4 {
	text-align:center;
	margin-bottom:20px;}
.mabg {
	height:638px;
	background:url(../images/bg.png) no-repeat;}
.mabg_1 { padding:90px 0;
    width:1140px;
	margin:auto;}
.mabg_l { float:left;
width: 512px;
height: 289px;
margin: 28px;}
.mabg_r { float: right;
width: 512px;
height: 289px;
margin: 28px;
color: #fff;}
#focus-banner{
	position: relative;
	width: 100%;
	overflow: hidden;
	height:646px;
}

#focus-banner-list{
	position:relative; left:50%; margin-left:-960px; width:1920px;
}
#focus-banner-list li{
	position: absolute;
	left: 50%;
	top: 0;

	margin-left: -960px;
	
}
#focus-banner-list li img{
	height:100%
}
.focus-banner-img{
	display: block;
}

#focus-banner-list .focus-banner-text{
	position: absolute;
	left: 50%;
	top: 0;
	width: 1000px;
	height: 100%;
	margin-left: -500px;
	text-align: center;
	color: #fff;
	font-size: 16px;
	text-align: center;
}
















#focus-banner .focus-handle{
	position: absolute;
	top: 50%;
	margin-top: -40px;
	z-index: 100;
	display: block;
	width: 80px;
	height: 80px;
	background-image: url("../images/focus_handle.png");
}
#next-img{
	left: 0;
}
#next-img{
	left: 50px;
	background-position: 0 0;
}
#next-img:hover{
	background-position: 0 -80px;
}
#prev-img{
	right: 0;
}
#prev-img{
	right: 50px;
	background-position: -80px 0;
}
#prev-img:hover{
	background-position: -80px -80px;
}

#focus-bubble{
	position: absolute;
	left: 50%;
	bottom: 10px;
	z-index: 999;
}
#focus-bubble li{
	float: left;
	width: 10px;
	height: 10px;
	margin: 0 5px;
	border-radius: 50%;
	-webkit-border-radius: 50%;
	-moz-border-radius: 50%;
	-o-border-radius: 50%;
	-ms-border-radius: 50%;
	border:1px #fff solid;
	cursor: pointer;
}
#focus-bubble li a{
	display: block;
	width: 100%;
	height: 100%;
	filter:alpha(opacity=0);
	opacity: 0;
}
#focus-bubble li.current{
	background-color: #fff;
}
.project-left a:hover {opacity: 0.7;}





ul, ol, li {
    list-style-type: none;
}
.bg_eb{background:#ebebeb;}
.bg_f{background:#fff;}
.clr_b{color:#0c6cb7;}
.clr_c{color:#ccc;}
.clr_6{color:#666;}
.clr_3{color:#333;}
.clr_9{color:#999;}
.clr_8{color:#888;}
.clr_f{color:#fff;}
.clr_r{color:#cf1922;}
.clr_5{color:#555;}
.clr_a{color:#aaa;}
.clr_ora{color:#f96920;}
.clr_g{color:#81bb05;}
.clr_y{color:#ffa604;}
.clr_h{color:#aa1529;}
.f_12{font-size:12px;}
.f_14{font-size:14px;}
.f_16{font-size:16px;}
.f_18{font-size:18px;}
.f_20{font-size:20px;}
.f_22{font-size:22px;}
.f_24{font-size:24px;}
.f_26{font-size:26px;}
.f_30{font-size:30px;}
.f_28{font-size:28px;}
.f_32{font-size:32px;}
.f_40{font-size:40px;}
.f_wei{font-weight:bold;}
.f_norm{font-weight:normal;}
.f_yahei{font-family:Microsoft YaHei;}
.al_lt{text-align:left;}
.al_rt{text-align:right;}
.al_ct{text-align:center;}
.fl{float:left;}
.fr{float:right;}
.ver_mid{vertical-align:middle;}
.ver_top{vertical-align:top;}

.mt_10{margin-top:10px;}
.mt_15{margin-top:15px;}
.mt_20{margin-top:20px;}
.mt_30{margin-top:30px;}
.mt_40{margin-top:40px;}
.opa8h:hover{opacity:0.8;}

.dis_n{display:none;}
.dis_b{display:block;}
.pos_rela{position:relative;}
.pos_abso{position:absolute;}

.zm1{zoom:1;overflow:hidden;}
.opa7{opacity:0.7;}
.opa7h:hover{opacity:0.7;}

.m_auto{width:1000px;margin:0 auto;}

.tops{background:#004471 url(../images/top.jpg) no-repeat center 0;height:28px;line-height:28px;}

.slider_left{ width:716px;  position:relative;  height:240px;padding:10px;background:#FFF;margin-top:25px;}
.slider_left .bd{ margin:0 auto; position:relative; z-index:0; overflow:hidden;}
.slider_left .bd ul{ width:100% !important;  }
.slider_left .bd li{ width:100% !important;  height:240px; overflow:hidden; text-align:center;  }
.slider_left .bd li a{ display:block; height:240px; }
.slider_left .hd{width:100%;position:absolute; z-index:1; bottom:15px; right:0;}
.slider_left .hd ul{ width:120px;margin:0 auto;}	
.slider_left .hd ul li{ cursor:pointer; display:inline-block; *display:inline; zoom:1; width:16px; height:3px;float:left; margin-left:5px; background:url(../images/white_50.png) no-repeat;font-size:0;line-height:999;}	
.slider_left .hd ul .on{background:url(../images/white_100.png) no-repeat;}

.cat_ul{margin-top:25px;}
.cat_ul li{margin:8px 0 0 0;}
.cat_ul li img:hover{opacity:0.8;}

.ad{padding-top:25px;}
.ad img{padding:10px;background:#FFF;}

.news_h2{border-bottom:1px solid #e4e4e4;height:45px;line-height:45px;background:url(../images/bar_dec.png) no-repeat 0 13px;text-indent:15px;}
.news_h2 p a{margin:0 5px;}
.news_h2 p a:hover{text-decoration:underline;}
.news{width:730px;}
.union{width:240px;}

.news_pic{border:1px solid #e1e1e1;padding:3px;background:#FFF;margin-right:10px;}
.pic_news{width:380px;margin-top:25px;}
.pic_news a:hover{text-decoration:underline;}
.pic_news>p{line-height:24px;text-indent:2em;padding-top:10px;}

.news_ul{}
.news_ul li{line-height:30px;position:relative;height:80px;margin: 8px 0;}
.news_ul li p{position:absolute;top:0;right:0;}
.news_ul li a:hover{color:#0c6cb7;}

.union_ul{margin-top:15px;}
.union_ul h2{margin-top:8px;}
.union_ul h2 a:hover{text-decoration:underline;}
.union_ul p{padding:10px;color:#666;margin-top:8px;}
.union1 h2 a{color:#1a95f4;}
.union1 p{background:#fafafa url(../images/dotline_shot.png) repeat-x 0 bottom;line-height:21px;}
.union2 h2 a{color:#42b62e;}
.union2 p{background:#ebffe9 url(../images/dotline_shot.png) repeat-x 0 bottom;line-height:21px;}
.union3 h2 a{color:#e96f33;}
.union3 p{background:#fafafa url(../images/dotline_shot.png) repeat-x 0 bottom;line-height:21px;}
.union4 h2 a{color:#ae5555;}
.union4 p{background:#fff2f2 url(../images/dotline_shot.png) repeat-x 0 bottom;line-height:21px;}

.menutop {
	width:228px; height:57px;
	background:#148bc7;
	font-size:26px; font-weight:bold; color:#FFF; line-height:57px; text-align:center;
	margin: 0;
}


.member{overflow:hidden;}
.member_ul{width:1100px;margin-top:10px;}
.member_ul li{float:left;margin:15px 13px 0 0;}
.member_ul li img{border:1px solid #ebebeb;}
.member_ul li img:hover{opacity:0.8;}

.unit{overflow:hidden;}
.unit_ul{width:1100px;padding:10px 0;}
.unit_ul li{float:left;width:250px;height:35px;line-height:35px;}
.unit_ul li a:hover{color:#0c6cb7;}

.links_wrap{background:#f3f3f3;padding:20px 0 10px 0;}
.links{overflow:hidden;}
.links_ul{width:1100px;padding:10px 0 20px 0;}
.links_ul li{float:left;width:250px;height:30px;line-height:30px;}
.links_ul li a:hover{color:#0c6cb7;}

.foot_nav{height:50px;line-height:50px;background:#2446AB ;}
.foot_nav a{margin:0 10px;}
.foot_nav a:hover{opacity:0.8;}

.copy{background:#0B62A5 url(../images/footer_bg.jpg) no-repeat center 0;height:181px;}
.copy p{line-height:25px;padding-top:100px;}

/*lists*/
.list_bd{background:#FFF;margin-top:20px;}
.list_bd>h2{padding:15px 15px;}
.list_bd>h2 a:hover{opacity:0.8;}
.jrlm_a{position:absolute;top:15px;right:20px;}

.lists_mid{width:970px;margin:0 auto;margin-top:15px; min-height:500px;margin-bottom: 50px;
float:left;
}
.lists_left{width:228px;background:#f5f5f5;}
.list_left_ul{padding:0 ;}
.list_left_ul li{height:50px;line-height:50px;background:url(../images/dotline_union.png) repeat-x 0 bottom; text-align:center;}
.list_left_ul li a{height:50px;display:block;line-height:50px;}
.list_left_ul li a:hover{background:url(../images/union_bar.png) no-repeat  center;color:#2757a0;}
.li_cur{background:url(../images/union_bar.png) no-repeat center;color:#2757a0;}

.lists_right{width:720px;}
.lists_right>h2{background:url(../images/dotline_union.png) repeat-x 0 bottom;padding-top:10px; padding-bottom:16px;margin: 0; }
.listsr_ul li{zoom:1;overflow:hidden;margin-top:20px;padding-bottom:10px;border-bottom:1px solid #f1f1f1;}
.listsr_ul li a:hover{color:#2757a0;}
.listsr_ul li img{margin-right:20px; width:187px; height:61px; padding:20px 0;}
.listsr_ul li p{margin:10px 0 0 0;line-height:30px;text-indent:2em;position:relative;}
.listsr_ul li p>a{position:absolute;bottom:0;right:0;}

.pager>a{border:1px solid #d7d7d7;padding:5px 10px;border-radius:3px;line-height:60px; margin:0 2px;}
.pager>a:hover{background:#5997d0;color:#FFF;}
.a_cur{background:#5997d0;color:#FFF;}
.a_turn{background:#e7e7e7;}


.lm_h3{border-bottom:1px solid #e4e4e4;padding-bottom:5px;background:url(../images/union_bar.png) no-repeat 25px center;text-indent:50px;}

.art_flag{background:url(../images/tips.png) no-repeat;height:40px;line-height:30px;text-align:center;width:94px;}

.contentdiv p{line-height:30px;}
.contentdiv {margin-top:10px; margin-bottom:50px}
.art_p{line-height:30px;text-indent:2em;margin-top:10px;}
.lists_right>h5{border-bottom:1px solid #f7f7f7;padding-bottom:15px;}

.attached{border:1px dashed #d3d3d3;padding:10px 20px;line-height:45px;}

.praise{width:154px;height:39px;background:url(../images/praise.png) no-repeat;line-height:39px;margin:0 auto;text-indent:105px;color:#5ec252;margin-top:20px;display:block;}
.praise2{width:154px;height:39px;background:url(../images/cancel.png) no-repeat;line-height:39px;margin:0 auto;text-indent:105px;color:#edb944;margin-top:15px;padding-bottom:5px;display:block;}

.share{border-top:1px solid #e0e0e0;padding:25px 0;margin-top:20px;}

.league{border:1px solid #e9e9e9;}
.league>h2{background:url(../images/line_arr_down.png) no-repeat 0 bottom;height:55px;line-height:50px;padding:0 10px;}
.recom{padding:10px 15px;}
.recom p {line-height:24px;}
.recom p span{padding-bottom:5px;}

.bdsharebuttonbox a {
	width:20px !important; height:20px !important; padding:0 !important; margin:0 2px !important; 
}
form.addmember {
	padding-left:20px;
}
form.addmember>p {
	font-size:16px; line-height:60px; 
}
form.addmember .orange { color:#ff7b0f; }
form.addmember .red { color:#F00; }

form.addmember td {
	font-size:16px; line-height:60px; color:#535353;
}
form.addmember input[type="text"] {
	font-size:16px; line-height:30px; border:#e1e1e1 1px solid;
}
form.addmember #unit{ width:300px; }
form.addmember #email{ width:300px; }
form.addmember #contact{ width:200px; }
form.addmember #phone{ width:200px; }
form.addmember #address{ width:350px; }
form.addmember #abstract{ height:100px; width:350px; }
form.addmember input[type="submit"] {
	font-size:16px; color:#FFF; padding:5px 45px; border:#2981c0 1px solid; background:#4096d1; margin-bottom:50px;
}
.attachments {
	font-size:14px;
    border: 1px dashed #d3d3d3;
    padding: 10px 20px;
    line-height: 45px;
}

.loginl{background:url(../images/dl_dotline.png) repeat-y right 0;width:320px;padding:50px 0;margin-top:70px;}
.loginr{width:660px;margin-top:70px;}
.log_tbl td{padding:10px;}
.ipt2{padding:8px;border:1px solid #d8d8d8;width:320px;}
.gongx{border:1px solid #adf15f;padding:10px 20px;line-height:40px;}

.submit_btn{background:url(../images/submit.png) no-repeat;width:156px;height:36px;border:0;cursor:pointer;}
.submit_btnn{background:url(../images/submit1.png) no-repeat;width:156px;height:36px;border:0;cursor:pointer; margin-left:8px;}
.submit_btn_sm{background:#42a4ff;width:120px;height:28px;border:0;cursor:pointer;}
.back_btn{height:39px;}
.news_m1 {
	width: 180px;
float: left;}
.news_m2 {
	width: 450px;
float: left;}
.mala_r { float:right;
width:420px;}
.mala_l {
	float:left;
	width:300px;}
.mala_r ul li {
	width:210px;
	float:left;}
.magt_1{
	width: 720px;
margin-top: 30px;}
.magt_1 li {
	float:left;
	margin-right: 25px;
	margin-top: 10px;}
.magt_1 li:nth-child(4n) {
    margin: 0px;
	margin-top: 10px;
}
