body{background-color:#f5f5f5;}
/* Page Flash */
.flash{ background-repeat:no-repeat; background-position:center; background-size:cover; height:685px;}
.Slide{ background-repeat:no-repeat; background-position:center; background-size:cover; height:600px;}

/* List About */
.gs-bg{ margin-top:25px;}
.gs-bg{ color:#666; line-height:24px;}
.gs-bg p img{ max-width:100% !important;height: auto !important;}

.dowebok {width: 100%;overflow: hidden;}
.dowebok li{
	float:left; 
	width:252px;
	height: 208px; 
	margin-right:32px; 
	margin-bottom: 32px;
	border:1px #eee solid;
	padding:4px; 
	overflow: hidden;
}
.dowebok li:nth-child(3n){ margin-right:0;}
.dowebok a{ 
	color: #fff;
	width:242px;
	height: 198px; 
	display:block;
	text-align: center;
	position:relative;
	overflow: hidden;
}
.dowebok a img{height: 100%;}
.dowebok a div{ 
	text-align:center;
	position:absolute; 
	left:0; 
	top:0; 
	z-index:2; 
	opacity: 0; 
	width:100%; 
	height:100%;
	display: flex;
    justify-content:center;
    flex-direction:column;
    align-items:center;
	background:rgba(0,0,0,.4);
	transition:all .5s ease-in-out; 
	-webkit-transition:all .5s ease-in-out;
}
.dowebok a:hover div{opacity: 1;}

.device a{ display:block; float:left; width:48.828125%; margin-right:2.34375%; margin-top:2.34375%; position:relative;}
.device a:nth-of-type(1){ width:100%; margin-right:0;}
.device a:nth-of-type(3){ margin-right:0;}
.device a img{ width:100%;}
.device a div{ position:absolute; left:0; top:0; z-index:2; width:100%; height:100%; background-color:#000; opacity:0; filter: progid:DXImageTransform.Microsoft.Alpha(opacity=0);-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(opacity=0)"; transition:all .5s ease-in-out; -webkit-transition:all .5s ease-in-out;}
.device a:hover div{ opacity:.45;filter: progid:DXImageTransform.Microsoft.Alpha(opacity=.45);-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(opacity=.45)";}

.sb-tx{ margin-top:35px;}
.sb-tx span{ display:block; font-size:18px; color:#01368f; margin-bottom:10px;}

.ln-bg{ margin-top:35px; padding-left:35%; position:relative;}
.ln-ig{ width:100%; height:575px; overflow:hidden;}
.ln-ig a{ display:block; width:100%; height:100%; background:url(../Images/culture.jpg) no-repeat center; background-size:cover; cursor:pointer; transition:all .5s ease-in-out; -webkit-transition:all .5s ease-in-out;}
.ln-ig a:hover{ -transform:scale(1.08,1.08); -webkit-transform:scale(1.08,1.08);}
.ln-tx{ position:absolute; left:0; top:120px; background-color:#f5f5f5; width:45%; height:375px; padding:8% 4%;}
.ln-tx strong{ display:block; font-weight:normal; font-size:30px; color:#01368f; margin-bottom:25px;}

.tm-tx{ float:left; width:50%; height:575px; padding:10% 5% 0; background-color:#f5f5f5; margin-top:15px;}
.tm-tx strong{ display:block; font-size:30px; font-weight:normal; color:#01368f; margin-top:35px; margin-bottom:15px;}
.tm-tx span{ display:block; font-size:16px; margin-bottom:10px;}
.tm-ig{ float:left; width:50%; height:575px; margin-top:15px; overflow:hidden;}
.tm-ig a{ display:block; width:100%; height:100%; background:url(../Images/teamIn.jpg) no-repeat center; background-size:cover; cursor:pointer; transition:all .5s ease-in-out; -webkit-transition:all .5s ease-in-out;}
.tm-ig a:hover{ -transform:scale(1.08,1.08); -webkit-transform:scale(1.08,1.08);}

/* List Page */
.page{overflow: hidden;text-align: center;}
.page a,.page span{ display:block; float:left; line-height:32px; padding:0 8px; border:1px solid #e5e5e5; background-color:#fff; margin-right:10px; font-size:13px; color:#888; cursor:pointer;}
.page a:hover,.page a.active{ border:1px solid #01368f; background-color:#01368f; color:#fff;}
.pg-ig{ margin-top:25px;}
#espcms_bbs_pagination{margin:25px 0;display: inline-block;}

/* Page News */
.ns-bg{ margin:-95px auto 85px;}
.ns-zb{ float:left; width:290px;}
.ns-cl{ width:100%; padding-left:35px; padding-bottom:45px; background-color:#01368f; background-image:url(../Images/zb-bg.jpg); background-repeat:no-repeat; background-size:cover;}
.ns-cl dl{ height:95px; font-size:22px; color:#fff; padding-top:30px;}
.ns-cl dl span{ display:block; font-family:"vi-logo-font-Gotham-Book"; font-size:14px; margin-top:2px;}
.ns-cl p{ background:url(../Images/zb.png) repeat;}
.ns-cl p a{ display:block; line-height:20px; border-bottom:1px solid hsla(0,0%,100%,.2); color:#fff; padding:12px;}
.ns-cl p a:hover, .ns-cl p a.g{ background-color:#fff; color:#01368f;}

.ns-yb{ float:right; width:870px;}
.bg-white{background: #fff;padding:25px;overflow: hidden;}
.ns-yb dl{ margin-bottom:20px; color:#888; height:36px;border-bottom: 1px #eeeeee solid;}
.ns-yb dl u{ text-decoration:none;}
.ns-yb dl font{ color:#333;}
.ns-yb dl a{ color:#888;}
.ns-yb dl a:hover{ color:#01368f;}
.ns-lb{ margin-top:35px;}
.ns-lb ul li{ float:left; width:400px; margin-right:20px;height:200px; margin-bottom:40px; overflow:hidden;}
.ns-lb ul li:nth-of-type(2n){ margin-right:0;}
.ns-lb ul li a{ 
	display:block; 
	width:400px;
	height:200px;
	border:1px solid #e5e5e5; 
	border-bottom:3px solid #e5e5e5; 
	background-color:#fff; 
	padding:25px;
	overflow: hidden;
}
.ns-lb ul li a h2{ font-family:"vi-logo-font-Gotham-Book"; font-size:24px; font-weight:normal; color:#888;}
.ns-lb ul li a h4{ font-family:"vi-logo-font-Gotham-Book"; font-size:14px; font-weight:normal; color:#888;}
.ns-lb ul li a h3{ font-size:16px; font-weight:normal; color:#666; margin-top:10px; overflow:hidden;}
.ns-lb ul li a p{ color:#888; margin-top:10px; line-height:20px;}
.ns-lb ul li a:hover{ border:1px solid #01368f; border-bottom:3px solid #01368f; background-color:#01368f; color:#fff}
.ns-lb ul li a:hover h2, .ns-lb li a:hover h4, .ns-lb li a:hover h3, .ns-lb li a:hover p{ color:#fff;}

.ns-nR{ margin-top:35px;}
.ns-nm{ font-size:30px; color:#333; text-align:center;}
.ns-in{ color:#888; margin-top:10px; text-align:center;}
.ns-in span{ margin:0 5px;}
.ns-in font{ font-family:"vi-logo-font-Gotham-Book";}
.ns-ig{ margin-top:35px; text-align:center;}
.ns-ig img{ max-width:700px;}
.ns-js{ margin-top:35px; line-height:24px;}
.ns-js p{ margin-top:10px;}
.ns-js img{ max-width:700px;}
.ns-nt{ margin-top:35px;}
.ns-nt a{ display:block; margin-top:15px; color:#888;}
.ns-nt a:hover{ color:#01368f;}
.ns-tb{ margin-top:35px;}

/* Page Products */
.ig-lb{ margin-top:35px;}
.ig-lb img{ width:100%;}
.ig-lb ul li{ float:left; width:258px; margin-right:23px; margin-bottom:23px;}
.ig-lb ul li:nth-of-type(3n){ margin-right:0;}
.ig-lb ul li a{ display:block; width:100%;}
.ig-lb ul li a .ig-ig{ width:100%; cursor:pointer; overflow:hidden;}
.ig-lb ul li a .ig-ig img{ width:100%; transition:all .3s ease-in-out; -webkit-transition:all .3s ease-in-out;}
.ig-lb ul li a:hover .ig-ig img{ -transform:scale(1.08,1.08); -webkit-transform:scale(1.08,1.08);}
.ig-lb ul li a p{ line-height:30px; text-align:center; padding:10px 0; transition:all .3s ease-in-out; -webkit-transition:all .3s ease-in-out;}
.ig-lb ul li a:hover p{ background-color:#01368f; color:#fff;}

/* Page Contact */
.aD-lb{ float:right; width:450px; height:350px; margin-top:-585px; margin-right:10%; background-color:#01368f; opacity:.88; filter:progid:DXImageTransform.Microsoft.Alpha(opacity=.88); -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(opacity=.88)"; position:relative;}
.aD-lb dl{ position:absolute; left:0; top:0; width:100%; height:100%; color:#fff; padding:75px 50px; line-height:24px;}
.aD-lb dl h1{ font-size:24px; font-weight:normal; margin-bottom:30px;}
.aD-lb dl font{ font-family:"vi-logo-font-Gotham-Book";}

/* Css Network */
.nt-lb{ margin-top:35px; height:575px;}
.nt-ig{ float:right; background-color:#f5f5f5; width:50%; height:575px; overflow:hidden;}
.nt-ig a{ display:block; width:100%; height:100%; background:url(../Images/china.jpg) no-repeat center; background-size:cover; cursor:pointer; transition:all .3s ease-in-out; -webkit-transition:all .3s ease-in-out;}
.nt-ig a:hover{ -transform:scale(1.05,1.05); -webkit-transform:scale(1.05,1.05);}
.nt-tx{ float:left; background-color:#f5f5f5; width:50%; height:575px; padding:12% 6%;}
.nt-tx span{ display:block; font-size:30px; color:#01368f; margin-bottom:25px;}
.nt-tx p{ margin-top:10px; line-height:24px;}
.nt-tg{ float:right;}

.nt-gj{ float:left; background-color:#f5f5f5; width:50%; height:575px; overflow:hidden;}
.nt-gj a{ display:block; width:100%; height:100%; background:url(../Images/global.jpg) no-repeat center; background-size:cover; transition:all .3s ease-in-out; -webkit-transition:all .3s ease-in-out;}
.nt-gj a:hover{ -transform:scale(1.05,1.05); -webkit-transform:scale(1.05,1.05);}

/* List Jobs */
.jb-bg table{ margin-top:35px;}
.jb-bg table td{ padding:15px 20px; background-color:#fbfbfb; color:#666; line-height:22px;}
.jb-bg table td.jb-nm{ background-color:#f5f5f5;}
.jb-bg table td.jb-js{ padding:25px 20px;}

.jb-lb{ color:#666; line-height:24px;}
.jb-tx{ margin-top:25px;}
.jb-tx span{ display:block; font-size:18px; color:#01368f; margin-bottom:10px;}

.recommend a{ display:block; float:left; width:48.828125%; margin-right:2.34375%; margin-top:25px; position:relative;}
.recommend a:nth-of-type(2n){ margin-right:0;}
.recommend a img{ width:100%;}
.recommend a div{ position:absolute; left:0; top:0; z-index:2; width:100%; height:100%; background-color:#000; opacity:0; filter: progid:DXImageTransform.Microsoft.Alpha(opacity=0);-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(opacity=0)"; transition:all .5s ease-in-out; -webkit-transition:all .5s ease-in-out;}
.recommend a:hover div{ opacity:.45;filter: progid:DXImageTransform.Microsoft.Alpha(opacity=.45);-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(opacity=.45)";}

/* List Sitemap */
.sm li{ margin-bottom:20px;}
.sm li h2{ font-size:18px; font-weight:normal; margin-bottom:10px;}
.sm li .sp{ color:#888; padding-right:10px;}
.sm li .sp:hover{ color:#01368f;}

/* List Area */
.DQ-nm{ margin-top:30px; background-color:#01368f; font-size:15px; color:#fff; padding:10px;}
.DQ-lb{ background-color:#f5f5f5; padding:20px;}
.DQ-lb a{ line-height:24px; margin-right:20px;}
.ss-nm{ margin-top:35px; background-color:#e8e8e8; font-size:15px; color:#333; padding:10px;}
.ss-lb{ background-color:#f5f5f5; padding:20px;}
.ss-lb a{ display:block; line-height:24px;}

/*产品*/
.cp-nr{
	overflow: hidden;
}
.proarc {
	
}
.show_gallery {
	float: left;
	width: 430px;
	margin: 0 0 20px 0;
	overflow: hidden;
}
.gallery_box {
	width: 430px;
	height: 508px;
	background: #fff;
	overflow: hidden
}
.show_property {
	float: right;
	width: 370px;
	padding: 0 0 0 0;
	position: relative;
}
.show_property h1 {
	font-size: 20px;
	color: #333;
	line-height: 40px;
	font-family: "微软雅黑";
}
.show_property h1 a {
	color: #333;
}
.show_property h2 {
	font-size: 15px;
	color: #cc0000;
	line-height: 20px;
	margin-bottom: 20px;
}
.show_property p span {
	color: #999;
	display: inline-block;
}
.zx_price span {
	vertical-align: top;
	line-height: 37px;
}
.show_content {
	float: left;
	width: 820px;
	display: inline;
}
.show_content h3 {
	height: 46px;
	border-bottom: 2px solid #e9e9e9;
}
.show_content h3 span {
	float: left;
	display: block;
	height: 43px;
	line-height: 43px;
	color: #333;
	font-weight: bold;
	border: #e9e9e9 1px solid;
	border-bottom: none;
	background: #f9f9f9;
	cursor: pointer;
	font-weight: normal;
	width: 148px;
	text-align: center;
	margin: 0 10px 0 0;
	display: inline;
}
.show_content h3 span.current {
	height: 44px;
	line-height: 43px;
	border: #e9e9e9 3px solid;
	border-bottom: none;
	background: #fff;
	font-weight: bold;
	width: 144px;
}
.show_content h3 span b {
	color: #669900;
	font-weight: normal;
}
.content_body {
	text-align: left;
	line-height: 1.5em;
	font-size: 14px;
	padding: 5px
}
.content_body p {
	font-size: 14px;
}
.content_body img {
	max-width: 750px;
}
.content_box {
	display: none;
}
.evaluate ul {
	/*padding: 10px 0 0 0;*/
}
.evaluate ul li {
	border-bottom: #e9e9e9 1px solid;
	clear: both;
	padding: 18px 0;
}
.evaluate ul li span {
	color: #999;
}
.evaluate ul li p {
	line-height: 20px;
	color: #666;
}
.evaluate ul li p strong {
	color: #669900;
	font-weight: normal;
	margin-right: 8px;
}
.comment {
	border: #e9e9e9 1px solid;
	background: #f4f4f4;
	padding: 20px 30px;
}
.comment h4 {
	line-height: 20px;
	color: #666;
	font-weight: normal;
	padding: 5px 0 15px 0;
}
.comment td {
	height: 35px;
	padding-bottom: 10px;
}
.comment td .text {
	border: #ccc 1px solid;
	height: 33px;
	line-height: 33px;
	width: 198px;
}
.comment td textarea {
	border: #ccc 1px solid;
	height: 118px;
	line-height: 33px;
	width: 598px;
	overflow: hidden;
}

/*招聘*/
.left{float:left;}
.join-box{width: 100%;overflow: hidden;}
.join-box .title {
	overflow: hidden;
	color: #fff;
	background: #b4b4b4;
	font-size: 16px;
	padding: 0 20px;
	line-height: 50px;
	height: 50px
}
.join-box .title p {
	text-align: center;
	float: left;
	width: 20%
}
.join-box ul {
	border: 1px solid #efefef;
	border-top: 0;
	padding-bottom: 52px;
	background: #fff;
	margin-bottom:32px;
	overflow: hidden;
}
.join-box li {
	background: #fff;
	padding: 0 3.5%
}
.join-box li .tit {
	font-size: 14px;
	line-height: 60px;
	height: 60px;
	cursor: pointer;
	overflow: hidden;
	border-bottom: 1px solid #efefef;
	overflow: hidden;
}
.join-box li .tit.on p:last-child {
	color: #d40b17
}
.join-box li .tit p {
	float: left;
	width: 20%;
	text-align: center
}
.join-box li .in {
	padding: 20px 50px;
	background: #f5f5f5;
	display: none;
	overflow: hidden;
}
.join-box li .in.on {
	display: block
}
.join-box li .in dl{
	border-bottom: none;
}
.join-box li .in .top dd {
	float: left;
	width: 25%;
	font-size: 14px;
	line-height: 22px;
	margin-bottom: 3px
}
.join-box li .in .top dd span {
	color: #666
}
.join-box li .in .bot h1 {
	font-size: 16px;
	color: #333
}
.join-box li .in .bot dl dd {
	color: #777;
	font-size: 12px;
	line-height: 26px
}
.join-box li .in .bot>div {
	float: left;
	width: 46%;
	margin-right: 4%
}
.join-box li .in .bot {
	margin-top: 20px;
	padding-top: 20px;
	border-top: 1px solid #e5e5e5;
	border-bottom: 1px solid #e5e5e5;
	padding-bottom: 20px;
	overflow: hidden;
}
.join-box li .in .link {
	padding-top: 17px
}
.join-box li .in .more {
	display: none;
	text-align: center;
	line-height: 40px;
	color: #fff;
	background: #c30d18;
	margin-top: 10px;
	font-size: 16px;
	width: 200px
}
.join-box li .in .link img {
	margin-right: 3%
}
.join-box li .in .link .box-img {
	width: 160px
}
.join-box li .in .more.on {
	display: block;
	width: 150px
}
.join-box li .in .more:hover {
	background: #e50f1c
}

/*客户服务*/
.fl{float: left;}
.fr{float: right;}
.por{position: relative;}
.ny_feedback{ overflow:hidden;}
.ny_feedback td{
	padding: 0 0 20px 20px;
	line-height: 36px;
	color: #666;
}
.ny_feedback td label{
	width: 318px;
	height: 36px;
	background: url(../img/bg_input13.png) no-repeat;
	line-height: 36px;
	color: #ccc;
    display: block;
}
.ny_feedback td label.long{
	width: 387px;
	height: 133px;
	background: url(../img/bg_input14.jpg) no-repeat;
}
.ny_feedback td label.cur, .ny_feedback td label.hover{
	background-position: 0 -72px;
}
.ny_feedback td label.long.cur, .ny_feedback td label.long.hover{
	background-position: 0;
}
.ny_feedback label p.fl{
	margin-left: 16px;
	width: 240px;
	cursor: pointer;
}
.ny_feedback label span{
	display: inline-block;
}
.ny_feedback label .list{
	left: 0;
	top: 35px;
	width: 300px;
	padding: 5px 0 5px 16px;
	height: 220px;
	border: 1px solid #dbdbdb;
	border-radius: 3px;
	background: #fff;
	line-height: 22px;
	display: none;
}
.ny_feedback label .scroll-box{
	width: 284px;
	height: 220px;
}
.ny_feedback label .scroll-obj{
	left: 0;
	top: 0;
	width: 264px;
}
.ny_feedback label .scroll-obj p{
	cursor: pointer;
}
.ny_feedback label .scroll-obj p.hover{
	color: #4575b6;
}
.ny_feedback label .scroll-bar{
	right: 2px;
	top: 0;
	width: 1px;
	height: 220px;
	background: #dbdbdb;
}
.ny_feedback label .scroll-btn{
	left: -1px;
	top: 0;
	width: 3px;
	height: 20px;
	border-radius: 2px;
	background: #4575b6;
	cursor: pointer;
}
.ny_feedback label span.fr{
	display: inline-block;
	width: 46px;
	height: 36px;
	background: url(../img/bg_sign105.png) no-repeat center;
}
.ny_feedback label span.se{
	background-image: url(../img/bg_sign45.png);
}
.ny_feedback label span.th{
	background-image: url(../img/bg_sign65.png);
}
.ny_feedback label span.fo{
	background-image: url(../img/bg_sign50.png);
}
.ny_feedback label span.fif{
	background-image: url(../img/bg_sign51.png);
}
.ny_feedback label span.si{
	background-image: url(../img/bg_sign47.png);
}
.ny_feedback label span.sev{
	background-image: url(../img/bg_sign102.png);
}
.ny_feedback label span.ei{
	background-image: url(../img/bg_sign49.png);
}
.ny_feedback label span.ni{
	background-image: url(../img/bg_sign52.png);
}
.ny_feedback label input{
	width: 240px;
	height: 36px;
	padding: 0 16px;
	border: 0;
	background: none;
	font-size: 11px;
	line-height: 36px;
	color: #ccc;
}
.ny_feedback label input.cur{
	font-size: 12px;
	color: #666;
}
.ny_feedback label textarea{
	width: 309px;
	height: 113px;
	padding: 10px 16px;
	border: 0;
	background: none;
	resize: none;
	font-size: 11px;
	line-height: 18px;
	color: #ccc;
	font-family: '微软雅黑'
}
.ny_feedback input.submit{
	width: 314px;
	height: 46px;
	border: 0;
	background: #01368f;
	margin-top: 17px;
	font-size: 18px;
	color: #fff;
	transition: all 0.5s;
}
.ny_feedback input.submit.hover{
	border: 1px solid #000;
	background: none;
	color: #000;
}
.ny_feedback .tips{
	font-size: 12px;
	line-height: 24px;
	color: #8b8b8b;
}
.ny_feedback .tips span{
	font-size: 18px;
	color: #333;
}

/*联系我们*/
.contact-about .contact-title {
  line-height: 1;
  font-size: 22px;
  border-bottom: 1px solid #d8d7d7;
  padding-bottom: 50px;
  overflow: hidden;
}
.contact-about .contact-title .text-title {
  padding-top: 10px;
  font-size: 16px;
  text-transform: uppercase;
}
.contact-about .contact-addrss {
  padding: 50px 0;
  font-size: 16px;
  color: #666666;
  border-bottom: 1px solid #d8d7d7;
  overflow: hidden;
}
.contact-about .contact-addrss .left {
  line-height: 30px;
  width: 50%;
}
.contact-about .contact-addrss .right {
  text-align: center;
  padding-top: 50px;
  padding-right:40px;
}
.contact-about .contact-addrss .right li {
  float: left;
  width: 110px;
}
.contact-about .contact-addrss .right li img{
  width: 72px;
  height: 72px;
  display: block;
  margin:0 auto;
}
.contact-about .contact-addrss .right li p {
  margin-top: 12%;
}
.contact-about .contact-map{
  padding:50px 0 0 0;
}
.contact-about .contact-map .map {
  height: 480px;
}