@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;}

.title {width: 75em;margin: 0 auto;}
.title img {display: block;width: 100%;}

/* ---- product ---- */
.product-body {}
.tabs-container {width: 75em;margin: 0 auto;padding: 0.5em 1.6875em;}
.tab-content {/*position: absolute;left: 0;top: 0;*/}
.tab-content li {float: left;width: 23.75em;margin: 10px 1px;border: 1px solid #e9e7e7;}
.tab-content .img-box {height: 235px;overflow: hidden;}
.tab-content p {text-align: center;line-height: 2em;}
.tab-content img {display: block;width: 100%;transition: all 0.5s;}
.tab-content li:hover {border-bottom: 1px solid #072997;box-shadow: 0 0 15px #072997;}
.tab-content li:hover img {transform: scale(1.1);}
.tabs-list {width: 4em;height: 2em;margin: 0 auto;}
.tabs-list li {float: left;width: 1em;height: 1em;margin: 0.5em; background-color: skyblue;border-radius: 50%;}
.tabs-list li.active{background-color: #072997;}

/* ---- contact ---- */
.contact {height: 284px;background: url(../images/bg_contact.jpg) no-repeat top center;}
.contact-body {width: 75em;height: 284px;margin: 0 auto;position: relative;}
.contact-body div {position: absolute;left: 0;bottom: 75px;}
.contact-body a {background-color: #ffa800;color: white;border-radius: 15px;display: inline-block;padding: 0 1.5em;line-height: 2em;margin: 0 0.375em;}

/* ---- about-body ---- */
.about {height: 765px;background: url(../images/bg_about.jpg) no-repeat top center;}
.about-body {width: 75em;height: 765px;margin: 0 auto;position: relative;}
.about-text {width: 520px;height:410px;overflow: hidden;padding-top: 160px;line-height: 2em;}
.about-details {display: block;width: 133px;height: 44px;position: absolute;left: 0;bottom: 301px;border-radius: 5px;}

/* ---- advantage ---- */
.advantage {height: 550px;background: url(../images/bg_advantage.jpg) no-repeat top center;}
.advantage-body {width: 75em;height: 380px;margin: 0 auto;position: relative;}
.advantage-body li {width: 25%;float: left;}
.advantage-body .img-box {width: 115px;height: 115px;margin: 2em auto;border-radius: 50%;border: 1px solid white;overflow: hidden;}
.advantage-body li:nth-of-type(1) .img-box {background: url(../images/icon-advantage.png) no-repeat 7.5px 7.5px;}
.advantage-body li:nth-of-type(2) .img-box {background: url(../images/icon-advantage.png) no-repeat -92.5px 7.5px;}
.advantage-body li:nth-of-type(3) .img-box {background: url(../images/icon-advantage.png) no-repeat 7.5px -92.5px;}
.advantage-body li:nth-of-type(4) .img-box {background: url(../images/icon-advantage.png) no-repeat -92.5px -92.5px;}
.advantage-body li .img-box:hover {background-color: #ffa800;}
.advantage-body h3 {font-size: 1.25em;color: white;text-align: center;line-height: 3em;}
.advantage-body p {font-size: 0.875em;color: white;text-align: center;padding: 0 3em;line-height: 2em;}

.search {width: 75em;height: 100px;background-color: white;position: absolute;bottom: -50px;padding: 2.1875em 1.5em;}
.search div {display: inline-block;float: left;font-size: 0.875em;color: #b8b5b5;line-height: 30px;}
.search a {color: #b8b5b5;display: inline-block;padding: 0 1em;}
.search form {display: inline-block;}
.keywords {width: 230px;height: 30px;border: 1px solid #f0f0f0;}
.submit {width: 62px;height: 30px;background-color: #ffa800;color: white;}

/* ---- news ---- */
.news {height: 746px;background: url(../images/bg_news.jpg) no-repeat top center;padding-top: 50px;}
.news-body {width: 75em;margin: 0 auto;}
.news-body ul {width: 100%;padding: 0 80px;}
.news-body li {float: left;width: 30em;height: 410px;margin: 1.25em;background-color: white;}
.news-body .img-box {width: 100%;height: 227px;overflow: hidden;}
.news-body img {display: block;width: 100%;}
.news-body .text-box {padding: 2em;}
.news-body h3 {font-size: 1.25em;color: #072997;font-weight: normal;}
.news-body span {font-size: 0.875em;color: #9c9b9b;line-height: 2em;}
.news-body p {font-size: 0.875em;color: #767575;line-height: 2em;}
.news-body .read-details {display: block;width: 24px;height: 11px;margin-top: 0.5em;background: url(../images/arrow-right.png) no-repeat top center;} 

.news-body li:hover {box-shadow: 0 0 8px #072997;}

/* ----  ---- */
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: 0.5em;}

.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;}
}