@charset "utf-8";
/* CSS Document */
html,body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,textarea,p,blockquote,th,td {padding: 0;margin: 0;}
body{ float:none; line-height:18px; font-size:13px; font-family:'Open Sans',Arial,"微软雅黑"; color:#5f636c;}
table {border-collapse: collapse;border-spacing: 0;}
fieldset,img {border: 0;}
address,caption,cite,code,dfn,th,var {font-weight: normal;font-style: normal;}
ol,ul,li {list-style: none;}
caption,th {text-align: left;}
h1,h2,h3,h4,h5,h6 {font-weight: normal;font-size: 100%;}
q:before,q:after {content:”;}
abbr,acronym { border: 0;}

a{ text-decoration:none; color:#5f636c;  }
a:hover{ color:#5a5859;}
a img {border: 0;}

html,body{ width:100%; height:100%; min-width:1220px;}

.trans02s{
	transition: all .2s;
	-moz-transition: all .2s;
    -webkit-transition: all .2s;
    -o-transition: all .2s;
}

.trans05s{
	transition: all .5s;
	-moz-transition: all .5s;
    -webkit-transition: all .5s;
    -o-transition: all .5s;
}

.trans08s{
	transition: all .8s;
	-moz-transition: all .8s;
    -webkit-transition: all .8s;
    -o-transition: all .8s;
}



.Table{
	height:auto;
	display:table;
}
.Padding50{
	padding:50px;
}

.Main{
	width:80%;
	min-width:1200px;
	height:auto;
	margin:0 auto;
}
.Wapper{
	width:100%;
	overflow:hidden;
	position:relative;
}
.H1title{
	width:100%;
	height:80px;
	padding:10px 0;
}
.H1title h1{
	width:100%;
	height:30px;
	line-height:30px;
	font-size:30px;
}
.H1title p{
	width:100%;
	height:5px;
	padding:10px 0;
	line-height:5px;
}
.H1title p span{
	width:120px;
	height:2px;
	display:inline-block;
	background:#154da5;
}
.H1title h2{
	width:100%;
	height:30px;
	line-height:30px;
	font-size:28px;
	font-family:Georgia, "Times New Roman", Times, serif;
}



.HeadBg{
	width:100%;
	position:relative;
	z-index:99999;
	top:1px;
}
.HeadMask{
	width:100%;
	height:90px;
	background:#fff;
	position:absolute;
	left:0;
	top:0;
	z-index:0;
	min-width:1220px;
	display:none;
	box-shadow:#333 0 3px 10px;

}
.ShowMask .HeadBg{
	top:0;
}
.ShowMask .HeadMask{
	display:block;
}

.HeadBg .Main{
	position:relative;
	height:90px;
	z-index:99998;
}
.Logo{
	width:35%;
	float:left;
}
.Logo a{
	margin-top:15px;
	float:left;
}

.Banner{
	width:100%;
	position:relative;
	z-index:0;
}
.TopNav{
	width:65%;
	float:left;
}
.TopNav li{
	width:13%;
	float:left;
	position:relative;
}
.TopNav li a{
	width:100%;
	height:87px;
	line-height:87px;
	text-align:center;
	display:block;
	color:#fff;
	font-size:16px;
	padding-bottom:3px;
}
.TopNav li a.news span{
	background:url(../images/newsred.png) right top no-repeat;
	padding-right:10px;
}
.ShowMask  .TopNav  a span{
	color:#111;
}


.TopNav li a:hover , .TopNav li.sfHover a {
	border-bottom:3px solid #134ba3;
	color:#134ba3;
	padding-bottom:0;
}
.TopNav li a.active , .ShowMask .TopNav li a.active span{
	color:#f60;
	font-weight:bold;
}

.TopNav .tel{
	height:87px;
	line-height:87px;
	padding-left:35px;
	float:right;
	color:#fff;
	background:url(../images/IcoTel.png) no-repeat left center;
}
.TopNav .tel a{
	font-size:16px;
	color:#fff;
	position:relative;
	cursor:default;
}
.TopNav .tel a p{
	position:absolute;
	right:0;
	top:100%;
	background:#fff;
	padding:10px;
	margin-top:10px;
	display:none;
}
.TopNav .tel a:hover p{
	display:block;
}
.TopNav .tel a p img{
	width:130px;
	height:auto;
	float:right;
}
.TopNav ul ul{
	width:220px;
	position:absolute;
	left:0;
	top:100%;
	display:none;
}
.TopNav ul ul li{
	width:100%;
	float:none;
	margin-top:1px;
}
.TopNav ul ul li a , .TopNav ul li.sfHover ul li a{
	width:100%;
	height:46px;
	line-height:46px;
	text-align:center;
	background:rgba(0,0,0,.6);
	color:#fff;
	text-align:center;
	border:none;
}
.TopNav ul ul li a:hover , .TopNav ul li.sfHover ul li a:hover{
	border:none;
	background:rgba(0,51,153,.6);
	color:#fff;
}

.About{
	width:100%;
	padding-bottom:80px;
}
.About .Main{
	margin-top:-50px;
	background:#fff;
	position:relative;
	z-index:1;
}
.About .Left{
	width:40%;
	float:left;
}
.About .Left img{
	width:100%;
	height:auto;
	max-height:620px;
	overflow:hidden;
}
.About:hover .Left img{
	transform:scale(1.05);
	-moz-transform:scale(1.05);
	-webkit-transform:scale(1.05);
	-o-transform:scale(1.05);
}
.About .Right{
	width:55%;
	float:right;
}
.About .H1title{
	margin-top:50px;
}
.About .H1title h1 ,.About .H1title h2{
	color:#111;
}
.About  .text{
	line-height:30px;
	margin-top:40px;
	color:#333;
	font-size:15px;
	margin-bottom:40px;
}
.About  .text p{
	margin-bottom:20px;
}
.About ul{
	width:100%;
	height:200px;
}
.About ul li{
	width:30%;
	float:left;
	border-right: 1px solid #ccc;
}
.About ul li.l{
	border-right:none;
}
.About ul li a{
	width:100%;
	text-align:center;
	display:block;
}
.About ul li a h3{
	line-height:50px;
	font-size:18px;
	color:#111;
	font-weight:bold;
}
.About ul li a:hover h3{
	color:#154da5;
}

.Team{
	width:100%;
	padding:80px 0;
	background:url(../images/TeamBg.jpg) center center fixed;
}
.Team .H1title h1 , .Team .H1title h2 , .Team .H1title p{
	color:#fff;
	text-align:center;
}
.Team .H1title span{
	background:#fff;
} 

.TeamList{
	width:100%;
	margin-top:40px;
}
.TeamList ul li{
	width:23%;
	padding:0 1%;
}
.TeamList ul li a{
	width:100%;
	display:block;
	background:#fff;
	height:350px;
	position:relative;
	overflow:hidden;
}
.TeamList ul li p{
	width:100%;
	overflow:hidden;
	position:relative;
	font-size:0;
}

.TeamList img{
	width:105%;
	height:auto;
	float:left;
	position:relative;
	z-index:0;
}
.TeamList ul li  span{
	position:absolute;
	left:0;
	top:0;
	z-index:10;
	display:none;	
}
.TeamList ul li  a:hover span{
	display:block;
}
.TeamList ul li .text{
	width:80%;
	position:absolute;
	padding:0 10%;
	text-align:left;
	left:0;
	bottom:-100px;
	color:#fff;
	z-index:99;
}
.TeamList ul li a:hover .text{
	bottom:20px;
}
.TeamList ul li .text h2{
	width:100%;
	color:#fff;
	font-size:16px;
	line-height:30px;
}

.TeamList ul li .text h2 span{
	font-size:20px;
}

.CustomerCase{
	width:100%;
	padding:80px 0;
}

.CustomerCase .H1title h1 , .CustomerCase .H1title h2 , .CustomerCase .H1title p{
	color:#111;
	text-align:center;
}
.CustomerCase .H1title h2{
	color:#666;
}

.CaseList{
	width:100%;
	margin-top:50px;
}
.CaseList ul li{
	width:20%;
	text-align:center;
}
.CaseList ul li p{
	height:150px;
	width:100%;
	text-align:center;
	margin-top:30px;
}
.CaseList ul li p img{
	width:100%;
	height:auto;
}
.CaseList .pager{
	width:100%;
	height:30px;
	margin-top:50px;
}
.CaseList .pager ol{
	width:100%;
	text-align:center;
}
.CaseList .pager li{
	display:inline-block;
	margin:0 5px;
	width:11px;
	height:11px;
	font-size:0;
	border:2px solid #154da5;
	border-radius:50%;
	background:#fff;
}
.CaseList .pager li.active{
	background:#e88101;
	border:2px solid #e88101;
}

.News{
	width:100%;
	padding:80px 0;
	background:url(../images/bg.jpg) center bottom no-repeat #f2f2f2;
}

.News .H1title h1 , .News .H1title h2 , .News .H1title p{
	color:#111;
	text-align:center;
}
.News .H1title h2{
	color:#666;
}
.News .Left{
	width:50%;
	float:left;
	margin-top:50px;
}
.News .Left li{
	width:100%;
	border-bottom:1px dashed #999;
}
.News .Left li a{
	display:block;
	padding:15px;
}
.News .Left li h3{
	line-height:30px;
	color:#111;
	font-size:16px;
}
.News .Left li p{
	margin-top:5px;
	line-height:24px;
}
.News .Left li a:hover{
	background:#fff;
}
.News .Left li a:hover h3 {
	color:#154da5;
}
.News .Right{
	width:40%;
	position:relative;
	float:right;
	margin-top:70px;
}
.News .Right .img{
	width:100%;
	height:350px;
	overflow:hidden;
}
.News .Right img{
	width:100%;
	float:left;
	height:auto;
}
.News .Right h3{
	line-height:30px;
	color:#fff;
	background:rgba(0,0,0,.5);
	position:absolute;
	z-index:1;
	bottom:0;
	left:0;
	padding:20px 5%;
	width:90%;
	font-size:15px;
}
.News .Right h3 span{
	float:right;
}

.Foot{
	width:100%;
	background:url(../images/box-style-3.png);
	color:#fff;
}
.Foot .Main{
	display:table;
	padding:80px 0 50px 0;
}
.FootLink{
	float:left;
	margin-right:120px;
}
.FootLink li{
	line-height:30px;
}
.FootLink li strong{
	font-weight:normal;
	font-size:16px;
}
.FootLink li a{
	color:#fff;
}
.FootLink li a:hover{
	text-decoration:underline;
}
.FootLink.L{
	margin-right:250px;
}
.FootLink.LL{
	margin-right:0;
}
.Qrcode{
	float:left;
	text-align:center;
	margin-right:50px;
}
.Qrcode img{
	height:130px;
	width:auto;
	margin-bottom:10px;
}
.Copyright{
	width:100%;
	line-height:60px;
	text-align:center;
	background:#e88101;
	padding-top:5px;
	font-size:15px;
}

.PageBg{
	background:#f1f1f1;
}

.PageBanner{
	width:100%;
	height:320px;
}
.PageBanner .H1title h1 , .PageBanner .H1title h2 , .PageBanner .H1title p{
	color:#fff;
}
.PageBanner .H1title h1{
	padding-top:100px;
	font-size:42px;
}
.PageBanner .H1title h2{
	color:#fff;
	font-size:36px;
	margin-top:10px;
}
.PageBanner .H1title span{
	background:#fff;
	margin-top:10px;
}
.AboutBanner{
	background:url(../images/AboutBanner.jpg) center center;
}

.BusinessBanner{
	background:url(../images/BusinessBanner.jpg) center center;
}

.NewsBanner{
	background:url(../images/NewsBanner.jpg) center center;
}

.CaseBanner{
	background:url(../images/CaseBanner.jpg) center center;
}
.ContactBaner{
	background:url(../images/ContactBaner.jpg) center center;
}


.PageSelect{
	height:100px;
}
.PageSelect li{
	float:left;
	margin-right:30px;
	line-height:100px;
}
.PageSelect li a{
	font-family: 黑体, "Microsoft Yahei", "Helvetica Neue", Helvetica, Tahoma, sans-serif;
	color:#666;
	font-size:16px;
	padding:4px 5px;

}
.PageSelect li a:hover{
	color:#222;
}
.PageSelect li a.active{
	color:#222;
	border-bottom:2px solid #000;
}

.PageWhite{
	width:90%;
	padding:50px 5%;
	background:#fff;
	margin-bottom:80px;
}
.PageTitle{
	padding:50px;
	text-align:center;
	padding-top:0;
}
.PageTitle h3{
	color:#333;
	font-weight:bold;
	font-size:20px;
	line-height:30px;
}
.BodyText{
	width:100%;
	position:relative;
}
.BodyText img{
	max-width:98%;
	height:auto;
}
.PageTeamList{
	width:100%;
}
.PageTeamList .text{
	width:100%;
	text-align:center;
	margin-bottom:50px;
}
.PageTeamList .text h4{
	line-height:30px;
	font-size:18px;
	color:#333;
}
.PageTeamList .text p{
	line-height:30px;
	font-size:16px;
}
.PageTeamList ul{
	width:100%;
}
.PageTeamList li{
	width:32%;
	padding-right:2%;
	float:left;
	margin-bottom:30px;
}
.PageTeamList li.l{
	padding-right:0;
}
.PageTeamList li a{
	width:100%;
	height:420px;
	display:block;
	position:relative;
	overflow:hidden;
}
.PageTeamList li a span{
	width:100%;
	height:100%;
	background:url(../images/tbg.png) center center repeat-x;
	position:absolute;
	left:0;
	top:0;
	display:none;
	z-index:5;
}
.PageTeamList li a:hover span{
	display:block;
}
.PageTeamList li a img{
	width:100%;
	height:auto;
	float:left;
	position:relative;
	z-index:0;
}
.PageTeamList li p{
	width:90%;
	padding:0 5%;
	position:absolute;
	left:0;
	bottom:-100%;
	z-index:20;
}
.PageTeamList li p.xxc{
	top:80%;
}

.PageTeamList li p{
	color:#f1f1f1;
	line-height:22px;
}
.PageTeamList li p strong{
	font-size:26px;
	color:#fff;
	line-height:30px;
	padding-bottom:8px;
	border-bottom:3px solid #e88101;
	font-weight:normal;
	margin-bottom:5px;
	margin-top:-300px;
}
.PageTeamList li p b{
	line-height:46px;
	font-size:15px;
}
.PageTeamList li a:hover p{
	bottom:10px;
}
.PageTeamList li a:hover p.xxc{
	display:none;
}

.BusinessCert{
	width:100%;
	padding:40px 0;
	background:#fff;
}

.BusinessCert .H1title h1 , .BusinessCert .H1title h2 , .BusinessCert .H1title p{
	color:#111;
	text-align:center;
}
.BusinessCert .H1title h2{
	color:#666;
}
.BusinessCert ul{
	margin-top:50px;
}
.BusinessCert li{
	width:23%;
	float:left;
	padding-right:2.6%;
	text-align:center;
}
.BusinessCert li p{
	width:98%;
	border: 1px solid #ccc;
	text-align:center;
	height:260px;
}
.BusinessCert li.l{
	padding-right:0;
}
.BusinessCert li img{
	height:100%;
	width:auto;
}
.BusinessCert li  h2{
	line-height:60px;
	width:100%;
	text-align:center;
	font-size:18px;
	color:#333;
}


.BusinessList{
	width:100%;
	padding:40px 0;
}

.BusinessList .H1title h1 , .BusinessList .H1title h2 , .BusinessList .H1title p{
	color:#111;
	text-align:center;
}
.BusinessList ul{
	width:100%;
	margin:50px;
	
}
.BusinessList ul li{
	width:31%;
	float:left;
	margin-right:3.5%;
	margin-bottom:40px;
}
.BusinessList ul li.l{
	margin-right:0;
}
.BusinessList ul li a{
	width:100%;
	display:block;
	background:#fff;
	text-align:center;
	border-bottom:2px solid #111;
}
.BusinessList ul li a .img{
	width:100%;
	height:300px;
	overflow:hidden;
}
.BusinessList ul li a img{
	width:100%;
	height:auto;
}
.BusinessList ul li a p{
	width:90%;
	padding:30px 5%;
	color:#333;
	font-size:18px;
	font-weight:bold;
	text-align:center;
}
.BusinessList ul li a:hover{
	border-bottom:2px solid #154da5;
}
.BusinessList ul li a:hover p{
	color:#e88101;
}
.BusinessList ul li a:hover img{
	transform:scale(1.1);
	-moz-transform:scale(1.1);
	-webkit-transform:scale(1.1);
	-o-transform:scale(1.1);
}

.NewsList{
	padding-top:50px;
	width:100%;
}
.NewsList li{
	width:32%;
	float:left;
	background:#fff;
	margin-bottom:30px;
	margin-right:2%;
}
.NewsList li.l{
	margin-right:0;
}
.NewsList li a{
	display:block;
}
.NewsList li a .Img{
	width:100%;
	height:256px;
	overflow:hidden;
}
.NewsList li a img{
	width:100%;
	height:auto;
}
.NewsList li a:hover img{
	transform:scale(1.1);
	-moz-transform:scale(1.1);
	-webkit-transform:scale(1.1);
	-o-transform:scale(1.1);
}
.NewsList .Text{
	width:90%;
	padding:0 5%;
	height:110px;
	padding:15px;
}
.NewsList .Text .data{
	width:26%;
	text-align:center;
	line-height:20px;
	border-right:1px solid #dfdfdf;
	float:left;
	color:#999;
}
.NewsList .Text .data strong{
	font-size:30px;
	color:#555;
	line-height:36px;
}
.NewsList .Text h3{
	line-height:26px;
	color:#333;
	width:68%;
	float:right;
	font-size:15px;
	height:52px;

}
.NewsList .Text p{
	width:68%;
	font-size:13px;
	float:right;
	line-height:26px;
	color:#999;
	
}
.NewsList .More{
	line-height:40px;
	background:url(../images/arr.1.png) no-repeat 97% center;
	width:90%;
	margin:0 auto;
	border-top:1px solid #dfdfdf;
}

.NewsPage .H4title{
	width:96%;
	margin:0 auto;
	text-align:center;
	color:#004675;
	font-size:16px;
	border-bottom:1px solid #dfdfdf;
	padding-bottom:30px;
	margin-bottom:30px;
}
.NewsPage .H4title span{
	font-weight:bold;
	width:80%;
	line-height:26px;
}

.NewsInfo{
	width:100%;
	margin-bottom:30px;
	color:#333;
	font-size:15px;
}
.NewsGoback{
	color:#f60;
	width:98%;
	text-align:right;
	margin-top:50px;
	border-top:1px dashed #dfdfdf;
	padding-top:40px;
}
.NewsGoback a{
	font-size:16px;
	color:#f60;
	cursor:default;
}


.fy { width:100%;  text-align:center; padding:10px; margin-top:10px; margin-bottom:50px;}
.fy2{ padding:8px 20px; border:#CCC 1px solid; background:#fff; }
.fy2 a{ color:#333; }
.fy2 a:hover{ color:#f00; font-weight:bold; }
.fy2 .on{ color:#f00; font-weight:bold; }


.CaseAll{
	width:100%;
	padding:30px 0 180px 0;
	background:url(../images/bg.jpg) center bottom no-repeat #f2f2f2;
}

.CaseAll .H1title h1 , .CaseAll .H1title h2 , .CaseAll .H1title p{
	color:#111;
	text-align:center;
}
.CaseAll .H1title h2{
	color:#666;
}


.CaseSelect{
	width:100%;
	height:40px;
	margin-top:30px;
}
.CaseSelect ul{
	width:100%;
	text-align:center;
}
.CaseSelect ul li{
	display:inline-block;
	padding:10px 0;
}
.CaseSelect ul li a{
	font-size:18px;
	line-height:20px;
	border-right:1px solid #ccc;
	padding:0 20px;
}
.CaseSelect ul li a.active{
	color:#e88101;
}

.CaseBox{
	width:100%;
	position:relative;
	margin-top:20px;
}
.CaseBox p{
	width:20%;
	float:left;
	background:#fff;
}
.CaseBox p.w{
	background:#333;
}
.CaseBox p img{
	width:100%;
	height:auto;
}

.CaseBox2{
	width:100%;
	margin-top:50px;
	height:400px;
}
.CaseBoxXXL{
	width:50%;
	float:left;
	text-align:center;
}
.CaseBoxXXL a{
	width:90%;
	display:block;
	background:#fff;
	margin:0 auto;
	height:400px;
	position:relative;
	overflow:hidden;
}
.CaseBoxXXL a .img{
	width:100%;
	height:90%;
	padding-top:10%;
}
.CaseBoxXXL a .text{
	width:90%;
	height:90%;
	padding:5%;
	position:absolute;
	top:100%;
	left:0;
	background:rgba(23,71,147,.95);
}
.CaseBoxXXL a:hover .text{
	top:0;
}
.CaseBoxXXL a .text h3{
	line-height:60px;
	color:#fff;
	font-size:20px;
	font-weight:bold;
	border-bottom:1px solid #fff;
	margin-bottom:30px;
}
.CaseBoxXXL a .text  p{
	color:#fff;
	line-height:30px;
}

.CaseBox3{
	width:100%;
	margin-top:50px;
}

.CaseBoxXL{
	width:33%;
	float:left;
	text-align:center;
	margin-bottom:30px;
}
.CaseBoxXL a{
	width:90%;
	display:block;
	background:#fff;
	margin:0 auto;
	height:300px;
	position:relative;
	overflow:hidden;
}
.CaseBoxXL a .img{
	width:100%;
	height:90%;
	padding-top:10%;
}
.CaseBoxXL a .img img{
	max-width:100%;
	height:auto;
}
.CaseBoxXL a .text{
	width:90%;
	height:90%;
	padding:5%;
	position:absolute;
	top:100%;
	left:0;
	background:rgba(23,71,147,.95);
}
.CaseBoxXL a:hover .text{
	top:0;
}
.CaseBoxXL a .text h3{
	line-height:40px;
	color:#fff;
	font-size:20px;
	font-weight:bold;
	border-bottom:1px solid #fff;
	margin-bottom:10px;
}
.CaseBoxXL a .text  p{
	color:#fff;
	line-height:26px;
}

.Confirm{
	width:100%;
	height:93%;
	padding-top:2%;
	position:fixed;
	z-index:999999999;
	left:0;
	top:0;
	background:rgba(0,0,0,.6);
}
.Confirm form{
	width:50%;
	padding:30px 4%;
	background:#fff;
	margin:0 auto;
	max-height:80%;
	overflow:auto;
}
.Confirm h3{
	width:100%;
	border-bottom:1px solid #174793;
	line-height:50px;
	font-size:20px;
	color:#333;
	font-weight:bold;
	text-align:center;
}
.Confirm h4{
	margin-top:10px;
	font-weight:bold;
}
.Confirm p{
	font-size:15px;
	line-height:28px;
	text-indent:2em;
	margin-top:10px;
}
.Confirm .input{
	width:100%;
	height:20px;
	padding:20px;
}
.Confirm .input input{
	width:18px;
	height:18px;
	border:1px solid #174793;
	line-height:18px;
	background:none;
	float:left;
	margin-right:20px;
}
.Confirm .input strong{
	font-size:16px;
	font-weight:normal;
	color:#f00;
}
.Confirm  .submit{
	width:100%;
	height:40px;
	padding:20px 0;
	text-align:center;
}
.Confirm  .submit input{
	display:inline-block;
	height:38px;
	line-height:38px;
	font-size:16px;
	color:#fff;
	border:1px solid #174793;
	padding:0 40px;
	background:#265aae;
}
.Confirm  .submit input:hover{
	background:#174793;
}

.PandianSelect{
	width:90%;
	height:40px;
	margin-bottom:50px;
	margin-top:-10px;
	margin-left:-10px;
}
.PandianSelect ul{
	width:100%;
	text-align:center;
}
.PandianSelect ul li{
	display:inline-block;
	padding:10px 0;
	float:left;
}
.PandianSelect ul li a{
	font-size:18px;
	line-height:20px;
	border-right:1px solid #ccc;
	padding:0 20px;
	color:#111;
}
.PandianSelect ul li a.active{
	color:#e88101;
}