@charset "gb2312";
@import "pc.css";
@import "mobile.css";
body { width:100%; min-height:100%; margin:0 auto; }
.clearfixs:after { content:""; display:block; clear:both; width:100%; height:0; line-height:0; font-size:0; }
.inav { background:#0152ad; }
.inav .list { font-size:14px}
.inav .list dd { float:left; width:25%; position:relative; border-right:1px solid #022d64; border-bottom:1px solid #022d64;}
.inav .list a { display:block; height:35px;; line-height:35px; text-align:center; background:#0152ad; color:#FFF; }
.inav .list a:active { background:#fff; color:#0152ad;}
.inav .list dd:nth-child(4n) { border-right:0; }
article, aside, footer, header, nav, section, figcaption, figure, mains, details,/* 1 */ menu {
	display: block;
}
.header {
	background-color: #fff;
	margin:auto 0px;
}
.header .topbar {
	line-height: 34px;
	background-color: #f5f5f5;
	font-size: 13px;
	color: #888;
	border-top: 2px solid #f7c433;
}
.header .topbar ul {
	float: right;
}
.header .topbar li {
	float: left;
	color: #ddd;
}
.header .topbar li.pipe {
	padding: 0 10px;
}
.header .topbar li.c {
	margin-left: 10px;
}
.header .topbar li.c a {
	background-color: #f7c433;
	display: block;
	padding: 0 15px;
	font-weight: bold;
}
.header .logo {
	float: left;
	font-size: 0;
	height: 100px;
	line-height: 100px;
	text-align: left;
	padding: 15px 0;
}
.header .tel {
	float: right;
	background: url(../images/tel.jpg) no-repeat 0 center;
	padding-left: 55px;
	margin-top: 31px;
}
.header .tel strong {
	display: block;
	font-size: 28px;
	font-family: Impact;
	line-height: 1;
	color: #015cb5;
}
.header .text {
	float: left;
	font-size: 16px;
	margin: 20px 0 20px 30px;
	padding: 5px 0 5px 30px;
	border-left: 1px solid #ddd;
}
.header .text strong {
	display: block;
	font-size: 26px;
}
.header .text span {
	color: #015cb5;
}
.header .nav {
	font-size: 0;
	background-color: #0b0c0c;
	color: #fff;
	border-bottom: 4px solid #022d64;
}
.header .nav li {
	display: inline-block;
	vertical-align: middle;
	background: url(../images/line.jpg) no-repeat right center;
}
.header .nav li a {
	display: block;
	font-size: 16px;
	line-height: 60px;
	padding: 0 35px;
	color: #fff;
}
.header .nav li .arr {
	float: right;
	height: 40px;
	width: 40px;
	position: relative;
	display: none;
}
.header .nav li .arr:after {
	content: '';
	border-top: 2px solid #ccc;
	border-left: 2px solid #ccc;
	-webkit-box-sizing: content-box;
	box-sizing: content-box;
	display: block;
	width: 8px;
	height: 8px;
	margin: auto;
	position: absolute;
	top: 0;
	bottom: 0;
	-webkit-transform: rotate(135deg);
	transform: rotate(135deg);
	right: 15px;
}
.header .nav li.dropdown {
	position: relative;
}
.header .nav li.dropdown:before {
	content: "";
	position: absolute;
	border: 4px solid transparent;
	border-bottom: 0;
	border-top-color: currentColor;
	top: 50%;
	margin-top: -2px;
	right: 15px;
}
.header .nav .dropdown-box {
	position: absolute;
	left: 0;
	min-width: 100%;
	top: 100%;
	display: none;
	z-index: 10;
	text-align: center;
}
.header .nav .dropdown-box p {
	margin: 0;
}
.header .nav .dropdown-box a {
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
	padding: 0 10px;
	font-size: 14px;
	background-color: rgba(0, 0, 0, 0.5) !important;
	line-height: 40px;
	border-bottom: 1px solid rgba(0, 0, 0, 0.2);
}
.header .nav .dropdown-box a:hover {
	background-color: #022d64 !important;
}
.header .nav li.active a, .header .nav li.open a, .header .nav li a:hover {
	color: #fff;
	background-color: #022d64;
}
.header .nav li.open .dropdown-box {
	display: block;
}
.menu-btn {
	display: none;
	padding: 18px 0;
	float: right;
	margin-left: 15px;
}
.menu-btn:before, .menu-btn:after, .menu-btn span {
	display: block;
	height: 2px;
	background-color: #015cb5;
	content: '';
}
.menu-btn:before {
	width: 24px;
}
.menu-btn:after {
	width: 18px;
	margin-left: 6px;
}
.menu-btn span {
	width: 12px;
	margin: 6px 0 6px 12px;
}
/*banner*/
.banner { height:550px; background:#FFF; position:relative; min-width:1200px;  overflow:hidden;background:none repeat scroll 0 0; min-height:200px; }
.banner .mains { width:1000%; overflow:hidden; }
.banner .scroll { overflow:hidden; height:550px; width:100%; min-height:200px;}
.banner .scroll ul { width:500%; height:550px; min-height:200px;}
.banner .scroll li { width:1920px; height:550px; float:left; min-height:200px;}
.banner .scroll img { width:100%; height:554px; min-height:200px; }

/*¹ö¶¯°´Å¥*/
.banner .tip{position: absolute;bottom: 30px;left: 50%;margin-left: -157px;width: 300px;height: 20px;}
.banner .tip span{ float:left; display:block; width:50px; height:5px; cursor: pointer; margin: 0 5px;  background: url(../img/icon.png) 0 0 no-repeat;}
.banner .tip .cur{width:50px; height:5px; background: url(../img/icon.png) 0 -14px no-repeat;transition:all 300ms ease;}
.work_list h4 a{float: left;line-height: 44px;color: #666;font-size: 14px;text-indent: 0;font-weight: normal;margin-left: 15px;}
.work_list h4.on a{font-weight: bold;}
.work_list h4 span{ width: 6px; height: 7px;color: #0152ad;display: inline-block;  float: left; font-weight:bold; position:absolute;top: -1px;}

.view .swiper-slide .imgauto {
    width: 100%;
    height: 350px;
}
.preview .swiper-slide {
    width: 25%;
    padding: 5px;
}
.preview .swiper-slide .imgauto {
    width: 100%;
    border: 1px solid #ddd;
}
.preview .active-nav .imgauto {
    border: 1px solid #0152ad;
}
.preview .swiper-container {
    width: 80%;
    margin: 0 10%;
}
.preview  {
    position: relative;
}
.preview .arrow-left {
    background: url(../images/feel3.png) no-repeat left top;
    position: absolute;
    left: 10px;
    top: 50%;
    margin-top: -9px;
    width: 9px;
    height: 18px;
    z-index: 10;
}
.preview .arrow-right {
    background: url(../images/feel4.png) no-repeat left bottom;
    position: absolute;
    right: 10px;
    top: 50%;
    margin-top: -9px;
    width: 9px;
    height: 18px;
    z-index: 10;
}

.ipro {width:100%;background:url(../img/probg.jpg) top center no-repeat;  }
.ipro1{width: 1200px;margin: 0 auto;}
.ipro .ihead {width:280px; height:120px; margin:0 0 40px; }
.ipro .ihead .inner{padding:25px 0 0 145px;line-height:40px;font-size:28px;color:#fff;font-weight:bold;}
.ipro .ihead .inner h1{font-size:28px;color:#fff;font-weight:bold;}
.ipro .ihead .inner h2{font-size:20px;color:#94b1d4;}
.ipro .ipleft{float:left; width:275px;}
.ipro-menu {width:275px;}
.ipro-menu dd { width:275px;font-size:15px; margin:12px 0 0; background:#0061ae;}
.ipro-menu dd > a { display:block;padding-left: 22px;height:42px; line-height:42px;color:#fff;background:url(../images/icon2.png) 230px 12px no-repeat;}
.ipro-menu dd:hover > a {background:url(../images/icon2.png) 230px -20px no-repeat; }
.ipro-menu .drop {  display:block; }
.ipro-menu dd.active .drop { }
.ipro-menu .drop li {width:275px;height:56px;border-top: 1px dashed #ccc;background:#fff;}
.ipro-menu .drop li:first-child{border-top:0;}
.ipro-menu .drop a { display:block; height:56px; line-height:56px; padding:0 0 0 40px; color:#333; -webkit-transition:none; transition:none;background:url(../img/icon4.jpg) 20px center no-repeat; }
.ipro-menu .drop li.active a,
.ipro-menu .drop a:hover {color:#0061ae; }
.ipbtel{margin-top:20px;width:275px;height:98px;background:#0061ae url(../img/tel.jpg) 15px center no-repeat;}
.ipbtel span{display:block;padding:20px 0 0 86px;color:#fff;width: 176px;}
.ipbtel h3{padding-left:86px;line-height: 1.2;color:#fff;font-weight:bold;font-size:24px;display: block;}
.ipro-list { float:right; padding-top: 12px;width:890px; overflow:hidden; }
.ipro-list .list { float:left; width:103%; }
.ipro-list .item { float:left; width:274px; margin:0 28px 16px 0; }
.ipro-list .item a{display:block;}
.ipro-list .item img{display:block; width:274px; height:210px; border:1px solid #e4eaed;}
.ipro-list .item h1{height: 40px;line-height: 40px;color:#444444;text-align:center;}
.ipro-list .item a:hover h1{color:#0061ae;}
.work_list{width: 100%;padding-top: 12px;margin-bottom: 20px; overflow: hidden;}
.work_list h4{line-height: 44px;background: url(../images/icon12.png) 95% center no-repeat;text-indent: 0px;background-size: auto 10px;border-bottom: 1px solid #f2f2f2;width: 100%;float: left; position:relative;}

section {display: block;}
.section {
	padding: 70px 0;
}
.section-title {
	text-align: center;
	margin-bottom: 50px;
	font-size: 32px;
	font-weight: bold;
}
.section-title small {
	display: block;
	font-weight: normal;
	font-size: 18px;
}
.section-title:after {
	display: block;
	content: '';
	background: url(../images/cptit.jpg) no-repeat center bottom / auto 100%;
	height: 18px;
	margin-top: 20px;
}
.section {
	padding: 70px 0;
}

.section-title {
	font-size: 20px;
	margin-bottom: 20px;
}
.section-title small {
	font-size: 12px;
}
.section-title:after {
	height: 12px;
	margin-top: 5px;
}
.bg3 {
	background-color: #f5f5f5;
}
.bg3 .section-title:after {
	background-image: url(../images/zjtit.jpg);
}
.containers {
	padding: 0 15px;
	max-width:1200px;
	margin: 0 auto;
}
.view .swiper-container {
	width: 100%;
}
.containers {
	width: auto;
}
.section-title {
	text-align: center;
	margin-bottom: 50px;
	font-size: 32px;
	font-weight: bold;
}
.bg3 .section-title:after {
	background-image: url(../images/zjtit.jpg);
}
.section-title small {
	display: block;
	font-weight: normal;
	font-size: 18px;
}
.section-title:after {
	display: block;
	content: '';
	background: url(../images/cptit.jpg) no-repeat center bottom / auto 100%;
	height: 18px;
	margin-top: 20px;
}
.section-title {
	font-size: 20px;
	margin-bottom: 20px;
}
.section-title small {
	font-size: 12px;
}
.section-title:after {
	height: 12px;
	margin-top: 5px;
}
.in-about {
	background-color: #fff;
	margin: 0;
}
.in-about dt {
	float: left;
	max-width:1200px;
}
.in-about dd {
	margin-left:770px;
	padding: 40px;
}
.in-about dd h4 {
	margin: 0 0 30px;
	font-size: 24px;
}
.in-about dd h4 small {
	display: block;
	font-weight: normal;
	font-size: 14px;
	color: #999;
	letter-spacing: -1px;
}
.in-about dd h4:after {
	display: block;
	content: '';
	width: 130px;
	height: 3px;
	background-color: #015cb5;
	margin-top: 15px;
}
.in-about dd p {
	margin: 0;
	color: #666;
	line-height: 1.8;
	text-align: justify;
}
.in-about dd .more {
	display: block;
	margin-top: 40px;
	line-height: 40px;
	width: 135px;
	text-align: center;
	color: #fff;
	background-color: #015cb5;
}
.img-center {
	text-align: center;
	font-size: 0;
}
.img-center img {
	display: inline-block;
	width: auto;
	height: auto;
	max-width: 100%;
	max-height: 100%;
	vertical-align: middle;
	text-align:center;
}
.in-about dt {
	float: none;
	width: auto;
}
.in-about dd {
	margin: 0;
	padding: 20px;
}
.in-about dd h4 {
	font-size: 18px;
	margin-bottom: 20px;
}
.in-about dd h4:after {
	width: 65px;
	margin-top: 10px;
}
.in-about dd .more {
	margin-top: 20px;
}
.in-about dt {
	float: none;
	width: auto;
}
.in-about dd {
	margin: 0;
	padding: 20px;
}
.in-about dd h4 {
	font-size: 18px;
	margin-bottom: 20px;
}
.in-about dd h4:after {
	width: 65px;
	margin-top: 10px;
}
.in-about dd .more {
	margin-top: 20px;
}