@charset="utf-8";
* {
	font-family: "微软雅黑", "宋体", "黑体";
	margin: 0px;
	padding: 0px;
	border: none;
    color: #333;
	font-size: 1em;
	list-style: none;
	list-style-type: none;
	text-decoration: none;
	box-sizing: border-box;
}
/*body {background-color: #fafafa;}*/
.cl {clear: both;}

/* ---- header ---- */
header {width: 100%;height: auto;position: relative;}

.top {width: 100%;height: 2em;margin: 0 auto;}
.welcome {float: left;font-size: 14px;line-height: 2em;color: #908e8e;}
.return {float: right;font-size: 14px;line-height: 2em;color: #908e8e;}
.return a {margin: 0 0.5em;color: #908e8e;}
.top-body {width: 75em;margin: 0 auto;}

.head {width: 100%;margin: 0 auto;background: url(../images/bg_top.jpg) no-repeat top center;}
.head-body {width: 75em;margin: 0 auto;}
.head-body img {display:block;width: 100%;}

.nav {width: 100%; background-color: #08278b;/*position: absolute;top: 117px;*/z-index: 101;}
.nav-body {width: 75em;margin: 0 auto;}
.nav-body ul.nav-parent {padding: 0 5%;}
.nav-body ul.nav-parent li {float: left;width: 12.5%;text-align: center;line-height: 3.25em;position: relative;border-right: 1px solid white;}
.nav-body ul.nav-parent li:nth-last-of-type(1) {border-right: none;}
.nav-body ul.nav-parent li:hover{background-color: #003cff;}
.nav-body ul.nav-parent li.cur{background-color: #003cff;}
.nav-body ul.nav-parent li a {display: block;color: white;}

.nav-body ul.nav-parent li ul.nav-child {background-color: #08278b;position: absolute;width: 100%;z-index: 111;}
.nav-body ul.nav-parent li ul.nav-child {width: 150%;overflow: hidden;}
.nav-body ul.nav-parent li ul.nav-child li {float: none;padding: 0 1%;width: 100%;display: none;border: none;}
.nav-body ul.nav-parent li ul.nav-child li a {width: 150%;padding: 0 5%;text-align: left;border-bottom: 1px solid white;font-size: 0.625em;}
.nav-body ul.nav-parent li ul.nav-child li:nth-last-child(1) a {border:none;}

/* ---- banner ---- */
#focus-banner{position: relative;width: 100%;overflow: hidden;}
#focus-banner-list{position: relative;}
#focus-banner-list li{position: absolute;left: 0;top: 0;width: 100%;}
#focus-banner-list li img{width: 100%;display: block;}
.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;display: none;}
#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;}

/* ---- content ---- */
.content {
	width: 1200px;
	margin: 0 auto;
}
.content .position {
	width: 100%;
	border-bottom: 1px dashed #9c9c9c;
	margin: 20px 0;
}
.content .position .place {
	user-select: none;
	display: inline-block;
	margin: 20px 0 20px 50px;

}
.content .position p a {
	user-select: none;

}
.content .position p a:hover {
	color: #fa6020;
	text-decoration:underline;
}
/* ---- position结束 ---- */

.content .left {
	width: 25%;
	float: left;
	background-color: #022BAF;
}
.content .left .left-nav {
	margin: 10px;
	user-select: none;
}
.content .left .left-nav h3 {
	margin-bottom: 10px;
	font-size: 1em;
	padding-left: 10px;
	color: #005189;
	background-color: #F1F1F1;
	border-right: 3px solid #005189;
	font-weight: normal;
	line-height: 50px;
}
.content .left .left-nav ul {
	width: 100%;
	overflow: hidden;
}
.content .left .left-nav ul li {
	width: 350px;
	line-height: 30px;
	margin-bottom: 5px;
	border-bottom: 1px solid #dddddd;
}
.content .left .left-nav ul li a {padding: 0 15px;color: white;font-size: 0.875em;}
.content .left .left-nav ul li.cur {background: #005189 url(../images/right.png) no-repeat; background-position: right 50%;}
.content .left .left-nav ul li:hover {background: orange url(../images/right.png) no-repeat; background-position: right 50%;}
.content .left .left-nav ul li:hover a {color: #fff;}
/* ---- 左导航结束 ---- */
.content .left .left-contact {
	margin: 20px;
	user-select: none;
}
.content .left .left-contact h3 {
	font-size: 16px;
	margin: 30px 0 20px 30px;
}
.content .left .left-contact p {
	font-size: 12px;
	margin-left: 30px;
	line-height: 24px;
}
.content .left .left-contact p:hover {
	color: #fa6020;
	text-decoration:underline;
}
/* ---- 左联系方式结束 ---- */
.content .right {
	width: 75%;
	float: left;
	user-select: none;
}
.content .right .right-body {
	margin: 20px;
}
.content .right .right-body .right-title {
	text-align: center;
	font-size: 20px;
	margin: 30px 0 20px 0;
}
.content .right .right-body .right-info {
	margin: 20px 0;
	text-align: center;
}
.content .right .right-body .right-info span {
	color: #9c9c9c;
	margin: 0 20px;
	font-size: 12px;
}
.content .right .right-body .right-text {
	margin: 20px 50px;
	padding: 0 20px;
}
.content .right .right-body .right-text img {
	width: 100%;
	display: block;
	margin: 0 auto;
}
.content .right .right-body .right-text p {
	line-height: 30px;
	color: #666666;
}
.content .right .right-body .right-text tbody {
	border: 1px solid black;
}
.content .right .right-body .right-text tr {
	border: 1px solid black;
}
.content .right .right-body .right-text td {
	border: 1px solid black;
}
.content .right .right-body .turn-page {
	margin: 20px;
	padding: 30px;
}
.content .right .right-body .turn-page ul li {
	float: left;
	margin: 0 20px;
}
.content .right .right-body .turn-page ul li a:hover {
	color: #fa6020;
	text-decoration: underline;
}
/* ---- text主体内容结束 ---- */

.content .right .right-body .product-list {
	margin: 0 10px;
}
.content .right .right-body .product-list ul li {
	overflow: hidden;
	float: left;
	width: 260px;
	margin: 10px;
	border: 2px solid #b6b6b6;
}
.content .right .right-body .product-list ul li a {
	display: block;
	overflow: hidden;
}
.content .right .right-body .product-list ul li .img-box {
	width: 100%;
	height: 160px;
	overflow: hidden;
}
.content .right .right-body .product-list ul li img {
	transition: all 0.5s;
	width: 100%;
}
.content .right .right-body .product-list ul li p {
	text-align: center;
	margin: 5px;
	height: 42px;
}
.content .right .right-body .product-list ul li p a {
	color: #9c9c9c;
}
.content .right .right-body .product-list ul li:hover {
	border: 2px solid #fa6020;
}
.content .right .right-body .product-list ul li:hover img {
	transform: scale(1.1);
}
.content .right .right-body .product-list ul li:hover a {
	color: #fa6020;
}
/* ---- 右项目列表结束 ---- */
.content .right .right-body .list-page {
	text-align: center;
	margin: 20px;
}
.content .right .right-body .list-page ul li {
	float: left;
}
.content .right .right-body .list-page ul li a {
	display: block;
	margin: 5px;
	padding: 5px 10px;
	color: #b6b6b6;
}
.content .right .right-body .list-page ul li a:hover {
	color: white;
	background-color: #fa6020;
}
/* ---- 右列表分页结束 ---- */
.content .right .right-body .news-list {
	margin: 0 60px;
}
.content .right .right-body .news-list ul li img {
	float: left;
	display: inline-block;
	width: 180px;
	height: 120px;
	margin: 10px;
}
.content .right .right-body .news-list ul li div {
	float: left;
	width: 540px;
}
.content .right .right-body .news-list ul li div h3 {
	border-left: 5px solid #fa6020;
	margin:  10px;
	padding: 0 10px;
}
.content .right .right-body .news-list ul li div h3 a {
	font-size: 20px;
	line-height: 20px;
}
.content .right .right-body .news-list ul li div p {
	display: inline-block;
	overflow: hidden;
	width: 420px;
	height: 80px;
	margin: 10px;
}
.content .right .right-body .news-list ul li div p a {
	font-size: 14px;
	line-height: 26px;
	color: #b6b6b6;
}
.content .right .right-body .news-list ul li div p a:hover {
	color: #fa6020;
}
.content .right .right-body .news-list .news-time {
	display: inline-block;
	text-align: center;
	color: #fa6020;
	width: 80px;
	height: 80px;
	float: right;
}
.content .right .right-body .news-list .news-time span {
	color: #fa6020;
	font-size: 32px;
}

/* ---- footer ---- */
footer {}
.friend-link {width: 75em;margin: 0 auto;line-height: 3.75em;}
.friend-link p {text-align: left;}
.friend-link a {margin: 0 0.5em;}

.foot {background-color: #072997;}
.foot-body {width: 75em;margin: 0 auto;padding: 3em 0;border-bottom: 1px solid #1a3eb2;}
.foot-body h3 {font-size: 1.125em;color: white;line-height: 2em;}
.foot-body h4 {font-size: 1.5em;color: white;margin-bottom: 1em;}

.foot-left {float: left;width: 35%;padding: 0 2em;border-right: 1px solid #1a3eb2;}
.foot-body .foot-left p {color: white;line-height: 2em;}

.foot-right {float: left;width: 65%;padding: 0 4em;}
.foot-body .foot-right a {color: white;display: inline-block;width: 48%;line-height: 2em;}

/* ---- 版权 ---- */
.copyright {width: 100%;margin: 0 auto;}
.copyright-body {width: 75em;margin: 0 auto;}
.copyright-body p {text-align: center;font-size: 0.875em;line-height: 3.64em;color: white;}
.copyright-body span {color: white;margin: 0 1em;}
.copyright-body a {color: white;}

@media screen and (max-width: 1200px) {
	.case-body .slider-btn .p_btn {display: none;}
	header {width: 75em;}
	#focus-banner {width:75em;}
	#focus-banner-list {width:75em;}
	.product {width: 75em;}
	.contact {width:75em;}
	.about {width:75em;}
	.advantage {width:75em;}
	.news {width:75em;}
	footer {width:75em;}
}