@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;
}
@font-face {
    font-family: 'iconfont';
    src: url('../iconfont/iconfont.eot');
    src: url('../iconfont/iconfont.eot?#iefix') format('embedded-opentype'),
    url('../iconfont/iconfont.woff2') format('woff2'),
    url('../iconfont/iconfont.woff') format('woff'),
    url('../iconfont/iconfont.ttf') format('truetype'),
    url('../iconfont/iconfont.svg#iconfont') format('svg');
}

.iconfont {
    font-family: "iconfont" !important;
    font-size: 16px;
    font-style: normal;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}
/*body {background-color: #fafafa;}*/
.cl {clear: both;}
body {background: url(../images/bg_body.png) repeat;}

/* ---- header ---- */
header {width: 100%;height: auto;position: relative;}

.top {width: 100%;height: 2em;margin: 0 auto;background-color: #f1f1f1;}
.welcome {float: left;font-size: 0.875em;line-height: 2em;color: #908e8e;}
.return {float: right;font-size: 0.875em;line-height: 2em;color: #908e8e;}
.return a {margin: 0 0.5em;color: #908e8e;}
.top-body {width: 75em;margin: 0 auto;}

.head {width: 100%;height: 150px;margin: 0 auto;background: #fff;}
.head-body {width: 75em;height: 100%;margin: 0 auto;background: url(../images/top-2.png) no-repeat top center;position: relative;}
.head-body img {display:block;width: 100%;}

.head-body .search {width: 280px;height: 40px;position: absolute;right: 50px;top: calc(35% - 28px);}
.head-body .keywords {width: 100%;height: 40px;line-height: 40px;padding: 5px;outline: none;border: 1px solid #666666;}
.head-body .submit {width: 60px;height: 40px;position: absolute;border-left: 2px solid #666666; right: 0;background: url(../images/search.png) 50% 50% no-repeat #0f1efd;cursor: pointer;}
.hotline {margin: 0.5em 0;padding: 0 1em}
.hotline:after {content: " ";display:block;width:0;height:0;visibility:hidden;clear:both;}
.hotline div.icon-phone {float: left;width: 48px;height: 48px;margin-right: 12px;}
.hotline div.icon-phone .iconfont {display: block;width: 100%;height: 100%;text-align: center;line-height: 48px;font-size: 2em;color: #fff;background: #0f1efd;border-radius: 50%;}
.hotline h3.phone-title {float: left;width: calc(100% - 60px);height: 24px;font-size: 1.25em;line-height: 24px;font-weight: normal;}
.hotline p.phone-number {float: left;width: calc(100% - 60px);height: 24px;font-size: 1.25em;line-height: 24px;}
.hotline p.phone-number a {color: #0f1efd;}
/*.head-body .search p {width: 200px;height: 2em;line-height: 2em;background: linear-gradient(to bottom, #d8e6ff , #3b7cfe);position: absolute;right: 0;bottom: -32px;text-align: center;color: white;padding-left: 18px;border-radius: 0 0 10px 10px;}*/
/*.head-body .search p a {display: block;width: 18px;height: 18px;position: absolute;left: 24px;top: calc(50% - 9px); background: url(../images/phone.png) 50% 50% no-repeat;}*/

.nav {width: 100%; background-color: #f9f9f9;z-index: 101;border-bottom: 3px solid #b9b9b9;}
.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%;padding: 0 0.5em;text-align: center;line-height: 2.5em;position: relative;}
.nav-body ul.nav-parent li a {display: block;color: black;font-size: 1em;}
.nav-body ul.nav-parent li:hover a {/*border-bottom: 5px solid #fdd100;*/color: #0f1efd;}
.nav-body ul.nav-parent li.cur a {/*border-bottom: 5px solid #fdd100;*/color: #0f1efd;}

.nav-body ul.nav-parent li ul.nav-child {background-color: #f9f9f9;position: absolute;width: calc(100% - 1em) ;z-index: 111;}
.nav-body ul.nav-parent li ul.nav-child li {float: none;padding: 0 10%;padding: 0 0.5em;width: 100%;display: none;border: none;}
.nav-body ul.nav-parent li ul.nav-child li a {border-bottom: 1px solid white;color: black;}
.nav-body ul.nav-parent li ul.nav-child a:hover {border-bottom: 1px solid white;color: #0f1efd;}
.nav-body ul.nav-parent li ul.nav-child li:nth-last-child(1) a {border:none;}

/* ---- banner ---- */
.fullSlide{width:100%;position:relative;height:580px;background:#000;}
.fullSlide .bd{margin:0 auto;position:relative;z-index:0;overflow:hidden;}
.fullSlide .bd ul{width:100% !important;}
.fullSlide .bd li{width:100% !important;height:580px;overflow:hidden;text-align:center;background: center 0 no-repeat;}
.fullSlide .bd li a{display:block;height:580px;}
.fullSlide .hd{width:100%;position:absolute;z-index:1;bottom:0;left:0;height:30px;line-height:30px;}
.fullSlide .hd ul{text-align:center;}
.fullSlide .hd ul li{cursor:pointer;display:inline-block;*display:inline;zoom:1;width:42px;height:11px;margin:1px;overflow:hidden;background:#000;filter:alpha(opacity=50);opacity:0.5;line-height:999px;}
.fullSlide .hd ul .on{background:#f00;}
.fullSlide .prev,.fullSlide .next{display:block;position:absolute;z-index:1;top:50%;margin-top:-30px;left:15%;z-index:1;width:40px;height:60px;background:url(../images/slider-arrow.png) -126px -137px #000 no-repeat;cursor:pointer;filter:alpha(opacity=50);opacity:0.5;display:none;}
.fullSlide .next{left:auto;right:15%;background-position:-6px -137px;}

/* ---- footer ---- */
footer {}
.foot {width: 75em;margin: 0 auto;padding: 0.625em 0;}
.foot-nav {margin: 0.5em 0;text-align: center;color: #000;}
.foot-nav a {display: inline-block;padding: 0 1.25em;line-height: 1em;color: #000;border-right: 1px solid #000;}
.foot-nav a:nth-last-child(1) {border: none;}
.foot-info {width: 100%;padding: 0.625em 0;text-align: center;}
.foot-info p {font-size: 0.875em;line-height: 2.5em;color: #000;}
.foot-info p span {display: inline-block;color: #000;padding: 0 2.5em;}
/* ---- 版权 ---- */
.copyright {width: 100%;margin: 0 auto;border-top: 1px solid #000;}
.copyright-body {width: 75em;margin: 0 auto;}
.copyright-body p {text-align: center;font-size: 0.875em;line-height: 3.64em;color: #000;margin: 0 3em;}
.copyright-body span {color: #000;margin: 0 1em;}
.copyright-body a {color: #000;}

@media screen and (max-width: 1200px) {
	.product_bl,.product_br {display: none !important;}
	header,
	.fullSlide,
	.about,
	.business,
	.case,
	.news,
	.culture,
	.contact,
	footer {width:75em;}
	#focus-banner-list {width:75em;}
}