@charset "utf-8";
body {
	background:#f1f1f1;
}
a{ text-decoration:none;}
.ai-nav-wrap {
	height:70px;
	background:#036fd3;
}
.ai-nav {
	position: fixed;
	height:inherit;
	width: 100%;
	z-index:99999;
	background:rgba(3, 111, 211, 0.85)!important; 
    filter:alpha(opacity=85);  
    background:#036fd3; 
	left: 0;
	top: 0;
}
.ai-logo {
	font-family:'font-icons';
	float:left;
	height:70px;
	line-height:70px;
	font-size:48px;
	color:#fff;
	padding-left:12px;
	background: url(../images/logo.png) 10px center no-repeat;
	text-indent: -10000px;
	width: 244px;
}
.ai-nav-list {
	float: right;
	position: relative;
}
.ai-nav-redLine {height:2px; background-color:red; width:20px; position:absolute; left:0; top:0; display:none;}
.ai-nav-listitem {
	position:relative;
	padding:0 38px;
	float:left;
	height:68px;
	padding-top:2px;
	line-height:68px;
	font-size:16px;
	/* background:#000; */
	color:#f2f2f2;
	/*-webkit-transition-property: color,text-shadow;
	transition-property: color,text-shadow;
	-webkit-transition-duration: 1s;
	transition-duration: 1s;
	-webkit-transition-timing-function: linear;
	transition-timing-function: linear;*/
}
.ai-nav-listitem:active {
	-webkit-transition-duration: 0s;
	transition-duration: 0s;
	color:#fff;
	text-shadow:0 0 12px #fff;
}
.ai-nav-list .cur {
	padding-top:0;
	height:68px;
	line-height:68px;
	border-top: solid 2px red;
	background:rgba(255,255,255,0.05);
	color:#fff;
	text-shadow:1px 1px 0 #000;
}
.fl {float:left;}
.fr {float:right;}
/**/

/**/
#container {
  min-height:100%;
  height: auto !important;
  height: 100%; 
  position: relative;
}
#content{width: 100%;margin:auto;top: 0; right: 0; bottom: 0; left: 0;}
.Index_Show {overflow: hidden; height: 100%;padding-top: 70px; margin-top: -70px;}
.Index_Show .box {width:100%; height:100%;}
.box h1 {font-size:36px; line-height:54px; text-align:center; display:block; color:#414141;letter-spacing:5px;}



.scrollup{
	width:40px;
	height:40px;
	text-indent:-9999px;
	opacity:0.6;
	position:fixed;
	bottom:50px;
	right:50px;
	display:none;
	background: url('../images/icon_top.png') no-repeat;
	z-index:9999;
}

/**/

.video_bg{ height:615px; overflow:hidden; position:absolute; left:0; top:0; width:100%; z-index:1;}
.video_bg video{ position:relative; z-index:1}
.video_overlay{ position:absolute; left:0; right:0; width:100%; height:100%;opacity:0.2;z-index:2; background:url("../images/overlay-pattern.png")}
.blog{ background:url(../images/bg_blog.jpg) center top fixed; padding:230px 0 185px 0; background-size:cover; position:relative;margin-top:40px; }
.blog_wrap{ position:relative; z-index:10}
.blog h2{ font-size:67px; color:#fff; line-height:100%; font-weight:normal; text-align:center; margin-bottom:75px; font-family:"Microsoft Yahei"; }
.blog_btn{ text-align:center; }
.blog_btn a{ display:inline-block; transition:all 0.25s ease 0s; margin:0 20px; width:200px; height:56px; border:1px solid #dcdcdc; border-radius:5px; text-align:center; line-height:56px; color:#da251d; font-size:18px; background:rgba(255, 255, 255, 0.5) }
.blog_btn a:hover, .blog_btn a.on{ color:#fff; background:#da251d; border-color:#da251d }
.blog_btn a.on:hover{ background:#fff; color:#da251d; border:1px solid #fff }
video {
	position: fixed;
	right: 0;
	bottom: 0;
	min-width: 100%;
	min-height: 100%;
	width: auto;
	height: auto;
	z-index: -100;
	background-size: cover;
}

/*map*/
#mapContent {height:630px; width:100%; }
.mapContent_wrap {position:relative;}
.mapmask {
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	background: rgba(0,0,0,0.30);
	z-index: 1;
}
#mapContent .pop:before,
#mapContent .pop:after { content: ""; display: table; font-size:0 !important; line-height:0!important; height:0!important;}  
#mapContent .pop:after { clear: both; }  
#mapContent .pop {
	background:red;
}
#mapContent .pop img:nth-last-child(2) {
	border-radius:55%;
	left:240px !important;
	top:3px !important;
	width:auto !important;
	height:auto !important;
	content:url(../images/wx-pop-cls-btn.gif);
	background:red;
	padding:4px;
}
label.BMapLabel {
	display: inline-block;
	font-size: 12px !important;
	line-height: 22px !important;
	padding: 0 10px !important;
	border-radius: 20px;
	top: -24px !important;
}
#mapContent .BMap_bubble_content {
	line-height:24px;
}
#mapContent .iw_poi_title {
	font-size:18px;
	font-family: "Helvetica Neue",\5FAE\8F6F\96C5\9ED1,Tohoma; 
}
#mapContent .iw_poi_content {
	font-size:12px;
	font-family: "Helvetica Neue",\5FAE\8F6F\96C5\9ED1,Tohoma; 
}

/**/

/*counter*/
.serviceinfo {text-align:center; line-height:28px; margin-top:20px; color:#6D6D6D;}
.serviceinfo font{ width:35px;  height:25px; margin:0 auto; text-align:center; clear:both; display:block; border-bottom:solid 1px #6D6D6D;}


.bjc{ width:100%; float:left; margin-top:5px;}
.bjc ul{ width:1010px; margin:0 auto;}
.bjc ul li{ float:left; width:auto; color:#484848; margin-right:130px;}
.bjc ul li h2{ font-size:15.3px; font-family:"微软雅黑";}
.bjc ul li .g1{ background:url(../images/f1.png) no-repeat center top; height:94px; width:100%; float:left;transition: all 0.3s ease 0s;}
.bjc ul li .g2{ background:url(../images/f2.png) no-repeat center top; height:94px; width:100%; float:left;transition: all 0.3s ease 0s;}
.bjc ul li .g3{ background:url(../images/f3.png) no-repeat center top; height:94px; width:100%; float:left;transition: all 0.3s ease 0s;}
.bjc ul li .g4{ background:url(../images/f4.png) no-repeat center top; height:94px; width:100%; float:left;transition: all 0.3s ease 0s;}
.bjc ul li div{ margin-top:80px; margin-bottom:45px;}
.bjc ul li:hover .g1{ background:url(../images/d1.png) no-repeat center top; height:94px; width:100%; float:left;transition: 1s;opacity:1;}
.bjc ul li:hover .g2{ background:url(../images/d2.png) no-repeat center top; height:94px; width:100%; float:left;transition: 1s;}
.bjc ul li:hover .g3{ background:url(../images/d3.png) no-repeat center top; height:94px; width:100%; float:left;transition: 1s;}
.bjc ul li:hover .g4{ background:url(../images/d4.png) no-repeat center top; height:94px; width:100%; float:left;transition: 1s; opacity:1;}
.bjc ul li h2{ font-family:"微软雅黑"; font-size:17.35px; font-weight:bold; margin-bottom:35px;}
.bjc ul li p{font-family:"微软雅黑"; font-size:12px; margin-bottom:10px;}

.process{
	width: 100%;
	margin-top:50px;
	text-align:center;
}
.process_com{
	width: 99.775%;
	float: left;
	height: auto;
	margin-top: 35px;
}
.process_com img{
}
.process_bm{
	width: 100%;
	float: left;
	margin-top: 8.8%;
	font-size: 14px;
	color: #ee4747;
	height: 65px;
	background: #fcfcfc;
	border-bottom: 4px solid #efefef;
}
.process_bm span{
	display: block;
	line-height: 65px;
	margin-left: 2%;
}
.process_bm a{
	font-size: 16px;
	color: #3c99ff;
	display: block;
	padding: 3px 25px 3px 47px;
	border: 1px solid #3c99ff;
	border-radius: 25px;
	margin-top: 18px;
	margin-right: 2%;
	background: #fcfcfc url(../images/ico7.png) 22px 5px no-repeat;
}
.process_bm a:hover{
	color: #fff;
	background: #3c99ff url(../images/ico8.png) 22px 5px no-repeat;
}

.brand{
	width: 24.5%;
	margin-top:50px;
}
.brand_com{
	float: left;
	width: 100%;
}
.picLink{
	overflow: hidden; 
	width: 100%; 
	height: auto;
	margin-top: 26px;
}
.plQuery{
	overflow: hidden; 
	height: auto; 
}
.plQuery li{
	width: 49.35%;
	/*height: 68px;*/
	margin-top: 1.3%;
	cursor: pointer;
}
.plQuery li a img{
    -webkit-filter: grayscale(100%);
    -moz-filter: grayscale(100%);
    -ms-filter: grayscale(100%);
    -o-filter: grayscale(100%);
    filter: grayscale(100%);
    filter: progid:DXImageTransform.Microsoft.BasicImage(grayscale=1)Alpha(opacity=70);
	-moz-opacity:0.7;
	opacity:0.7;
	width: 100%;
}
.plQuery li a img:hover{
    -webkit-filter:grayscale(0);
	filter:grayscale(0);
	filter: progid:DXImageTransform.Microsoft.BasicImage(grayscale=0)Alpha(opacity=100);
	-moz-opacity:1;
	opacity:1;
}


.case_con{
	width: 100%;
	text-align:center;
	min-height:300px;
	margin-top:40px;
}
.case_con ul li{
	float: left;
	width: 19%;
	margin-top: 25px;
	margin-left: 3%;
	margin-right: 2.75%;
}
.case_con ul li a{
	display: block;
	font-size: 14px;
	color: #6d6d6d;
}
.case_con ul li a:hover{
	color: #EE4747;
}
.plugthumb .tp{
	height: auto;
	width: 100%;
	overflow:hidden;
}
.plugthumb .bm{
	height: 40px;
	line-height: 40px;
	width: 100%;
	overflow:hidden;
	background: #f7f9fa;
	margin-top: -5px;
}
.plugthumb .bm span{
	text-indent: 5px;
	width:260px;
}
.plugthumb .bm b{
	font-size: 12px;
	color: #939393;
	font-weight: normal;
	margin-right: 5px;
	display: block;
}
.plugthumb .bm b img{
	vertical-align: middle;
	margin-right: 4px;
	margin-top: -2px;
	*margin-top: 0;
}
.plugthumb .tp figure{
	position:relative;
	z-index:1;
	display:inline-block;
	overflow:hidden;
	width:100%;
	height:100%;
	text-align:center;
	cursor:pointer;
	margin: 0;
}
.plugthumb .tp figure img{
	position:relative;
	display:block;
	opacity:1;
}
.plugthumb .tp figure figcaption::after,.plugthumb .tp figure figcaption::before{
	pointer-events:none
}
.plugthumb .tp figure figcaption{
	position:absolute;
	top:0;
	left:0;
	width:100%;
	height:100%;
}
figcaption, *::after, *::before {
    box-sizing: border-box;
}

figure.effect-bubba{
	background:rgba(31,131,216,0.7);
}
figure.effect-bubba a img{
	opacity:1;
	-webkit-transition:opacity .35s;
	transition:opacity .35s;
}
figure.effect-bubba:hover img{
	opacity:.5
}
figure.effect-bubba:hover p img{
	opacity:1;
	text-align: center;
}
figure.effect-bubba figcaption::after,figure.effect-bubba figcaption::before{
	position:absolute;
	top:30px;
	right:30px;
	bottom:30px;
	left:30px;
	content:'';
	opacity:0;
	-webkit-transition:opacity .35s,-webkit-transform .35s;
	transition:opacity .35s,transform .35s
}
figure.effect-bubba figcaption::before{
	border-top:1px solid #fff;
	border-bottom:1px solid #fff;
	-webkit-transform:scale(0,1);
	transform:scale(0,1)
}

figure.effect-bubba figcaption::after{
	border-right:1px solid #fff;
	border-left:1px solid #fff;
	-webkit-transform:scale(1,0);
	transform:scale(1,0)
}
figure.effect-bubba p{
	opacity:0;
	position: relative;
	margin-left: 44%;
	margin-top: 24%;
	-webkit-transition:opacity .35s,-webkit-transform .35s;
	transition:opacity .35s,transform .35s;
	-webkit-transform:translate3d(0,20px,0);
	transform:translate3d(0,20px,0);
}

figure.effect-bubba:hover figcaption::after,figure.effect-bubba:hover figcaption::before{
	opacity:1;
	-webkit-transform:scale(1);
	transform:scale(1)
}

figure.effect-bubba:hover h2,figure.effect-bubba:hover p{
	opacity:1;
	-webkit-transform:translate3d(0,0,0);
	transform:translate3d(0,0,0)
}
/**/

#footer {
	background:#222324; width:100%; height:30px; padding:20px 0; color:#8E8E8E;font-family:Arial; font-size:14px; text-align:center;
}