/* CSS Document */

/*
*THE FIRST TIME TO DO! 
*LOOKING FOR SOMEONE TO EXCHANGE LEARNING
*BY CHEN QQ:79224985  
*/

.container {
	width: auto;
	margin: 0px auto;
	padding: 0px
}
/*header*/
header {
	height: auto;
}
.logo {
	float: left;
	padding: 5px 0 0 5px;
}
.logo a {
	display: block
}
.logo img {
	width: 140px;
	height: 40px;
}
.navbar-toggle {
	float: right;
	padding: 9px 10px 9px 10px;
	margin-right: 5px;
	margin-top: 6px;
	background-color: #f9f9f9;
	border: 1px solid transparent;
	border-radius: 4px;
}
.icon-bar {
	display: block;
	width: 22px;
	height: 2px;
	border-radius: 1px;
	background-color: #005eac;
}
.icon-bar:nth-child(2), .icon-bar:nth-child(3) {
	margin-top: 4px
}
/*display*/
nav, .navbox {
	display: none
}
/*nav*/
nav ul {
	background-color: #005eac;
	position: absolute;
	width: 100%;
	top: 50px;
	z-index: 9999
}
nav ul li {
	border-bottom: 1px solid #04457b;
	border-top: 1px solid #0c6ebf;
}
nav ul li:nth-child(1) {
	border-top: 0px
}
nav ul li a {
	display: block;
	font: 24px/50px "΢ÈíÑźÚ", Arial, "ËÎÌå";
	text-align: right;
	color: #FFF;
	text-align: center
}
nav ul li a:hover {
	color: #FFF;
	text-decoration: none
}
nav ul li ul {
	padding-bottom: 15px;
	position: inherit
}
nav ul li ul li {
	border: 0px;
	padding-right: 0;
}
nav ul li ul li a {
	display: block;
	font: 14px/30px "΢ÈíÑźÚ", Arial, "ËÎÌå";
	text-align: right;
	color: #ddeffe;
	text-align: center
}
nav ul li ul li a:before {
	content: "- ";
}
nav ul li ul li a:after {
	content: " -";
}
/*banner*/
.banner {
	height: 365px;
	background: url(../images/bg_01.jpg) no-repeat center top;
	margin-top: 5px;
	background-size: auto 100%
}
.position {
	position: relative
}
.txt01 {
	color: #fff;
	margin-top: 90px
}
.txt01 img {
	width: 179px;
	height: 35px
}
.txt01 p {
	padding: 20px 0px
}
.txt01 p span {
	color: #ffff00
}
.more {
	padding: 10px 25px;
	font: 14px/30px "΢ÈíÑźÚ", Arial, "ËÎÌå";
	border: 1px solid #fff;
	color: #fff
}
.more:hover {
	color: #fff;
	text-decoration: none
}
.img01 {
	display: none
}
/*service*/
.service-part {
	padding-top: 40px;
	background: url(../images/bg_01.gif) repeat-x left bottom;
}
.service-part div {
	margin: 0px auto;
	font: 24px/0px "΢ÈíÑźÚ", Arial, "ËÎÌå";
	color: #333;
	background: url(../images/bg_02.gif) repeat-x left bottom;
	height: 30px;
	width: 120px
}
.service-box {
	width: 300px;
	height: 190px;
}
.service-01, .service-02, .service-03, .service-04, .service-05, .service-06 {
	margin: 40px auto 0px auto
}
.service-icon {
	width: 114px;
	height: 73px;
	margin: 0px auto;
}
.icon-1 {
	background: url(../images/icon_03.png) no-repeat center bottom;
}
.icon-2 {
	background: url(../images/icon_04.png) no-repeat center bottom;
}
.icon-3 {
	background: url(../images/icon_05.png) no-repeat center bottom;
}
.icon-4 {
	background: url(../images/icon_06.png) no-repeat center bottom;
}
.icon-5 {
	background: url(../images/icon_07.png) no-repeat center bottom;
}
.icon-6 {
	background: url(../images/icon_08.png) no-repeat center bottom;
}
.service-items {
	font: 18px/18px "΢ÈíÑźÚ", Arial, "ËÎÌå";
	padding: 10px
}
.txt02 {
	color: #a5a5a5;
	text-align: left;
	font: 12px/18px "΢ÈíÑźÚ", Arial, "ËÎÌå";
	padding: 0px 10px
}
/*about-us*/
.about-us {
	height: 206px;
	background: url(../images/bg_02.jpg) no-repeat center top;
	margin-top: 40px
}
.about-us-part img {
	width: 240;
	height: 15px;
	padding-top: 40px
}
.txt03 {
	font: 14px/18px "΢ÈíÑźÚ", Arial, "ËÎÌå";
	color: #a5a5a5;
	padding: 20px 10px 0px 10px;
}
.txt03 span {
	color: #005eac
}
.txt04 {
	display: none
}
.link-more {
	width: 140px;
	height: 40px;
	display: block;
	background: #005eac;
	font: 14px/40px "΢ÈíÑźÚ", Arial, "ËÎÌå";
	color: #fff;
	margin: 20px auto 0px auto;
}
.link-more:hover {
	text-decoration: underline;
	color: #FFF
}
/*network*/
.network {
	background: url(../images/bg_01.gif) repeat-x left 80px;
}
.network-part {
	font: 24px/20px "΢ÈíÑźÚ", Arial, "ËÎÌå";
	width: 240px;
	height: 56px;
	background: #FFF url(../images/bg_03.gif) no-repeat center top;
	padding-top: 70px;
	margin: 0px auto
}
/*contact us*/
.contact-us {
	padding-bottom:40px;
	background: url(../images/bg_03.jpg) no-repeat center top;
	margin-top: 40px
}
.contact-us-box {

	margin: 0px auto;
	padding-top: 40px
}

/*footer*/
.line-bottom {
	border-bottom: 1px solid #dcdcdc
}
footer {
	font: 12px/18px "΢ÈíÑźÚ", Arial, "ËÎÌå";
	padding: 40px 0px
}
/*two pages*/
.part-left {
	padding-top: 40px;
	background: url(../images/bg_01.gif) repeat-x left bottom;
}
.part {
	font: 24px/0px "΢ÈíÑźÚ", Arial, "ËÎÌå";
	color: #333;
	background: url(../images/bg_02.gif) repeat-x left bottom;
	height: 30px;
	float: left
}
.cutting {
	float: right;
	font: 12px/18px "΢ÈíÑźÚ", Arial, "ËÎÌå";
	color: #a5a5a5;
	display: none;
}
.cutting  a{
	font: 12px/18px "΢ÈíÑźÚ", Arial, "ËÎÌå";
	color: #a5a5a5;

}
.cutting  a:hover{
	font: 12px/18px "΢ÈíÑźÚ", Arial, "ËÎÌå";
	color: #a5a5a5;
	text-decoration:underline
	
}
.news-title {
	font: 24px/24px "΢ÈíÑźÚ", Arial, "ËÎÌå";
	padding-top: 40px
}
.time {
	font: 12px/30px "΢ÈíÑźÚ", Arial, "ËÎÌå";
	color: #a5a5a5;
	padding-bottom: 10px;
	border-bottom: 1px dashed #dcdcdc
}
.txt-con {
	padding: 40px 10px;
	text-align: left;
	min-height: 500px;
	font: 14px/30px "΢ÈíÑźÚ", Arial, "ËÎÌå"
}
.txt-con img {
	width: 100%
}
.txt-page {
	border-top: 1px solid #dcdcdc;
	padding: 10px 0px;
	font: 12px/22px "΢ÈíÑźÚ", Arial, "ËÎÌå"
}
.next {
	float: left
}
.prev {
	float: left
}
.news-list {
	padding: 40px 0px
}
.news-list li {
	text-align: left;
	border-bottom: 1px dashed #dcdcdc;
	padding: 10px 10px
}
.news-list li .news-name a {
	font: 14px/24px "΢ÈíÑźÚ", Arial, "ËÎÌå";
	color: #005eac
}
.news-list li .news-time {
	font: 12px/18px "΢ÈíÑźÚ", Arial, "ËÎÌå";
	color: #a5a5a5
}
.news-list li .news-text {
	font: 12px/18px "΢ÈíÑźÚ", Arial, "ËÎÌå";
	color: #666666;
	clear: both
}
/*page*/
.page {
	text-align: left;
	padding: 0px 0px 40px 0px
}
.page SELECT{ display:none}
.page span{
	width: 30px;
	height: 20px;
	display: block;
	background: #dcdcdc;
	color: #666666;
	text-align: center;
	float: left;
	margin-right: 3px;
	line-height: 20px;
}
.page a {
	width: 30px;
	height: 20px;
	display: block;
	background: #dcdcdc;
	color: #666666;
	text-align: center;
	float: left;
	margin-right: 3px;
	line-height: 20px
}
.page a:hover {
	text-decoration: none;
	background: #a5a5a5;
	color: #fff
}
.page a.link_on {
	background: #005eac;
	color: #fff
}
.page a.link_on:hover {
	text-decoration: none
}
.span-color-a {
	color: #005fac
}
.room-box {
	width: 260px;
	border: 1px solid #dcdcdc;
	height: 325px;
	float: left;
	padding: 20px;
}
.room-box-name {
	font: bold 16px/16px "΢ÈíÑźÚ", Arial, "ËÎÌå";
	padding-bottom: 10px;
	border-bottom: 1px solid #dcdcdc
}
.room-info {
	font: 12px/22px "΢ÈíÑźÚ", Arial, "ËÎÌå";
	color: #999;
	padding-top: 10px
}
.room-info strong {
	color: #666
}
.room-box-1, .room-box-2, .room-box-3, .room-box-4, .room-box-5, .room-box-6, .room-box-7, .room-box-8 {
	float: none;
	margin: 20px auto 0px auto
}
.room-part {
	width: 90px;
	height: 30px;
	background: #005eac;
	text-align: center;
	line-height: 30px;
	color: #fff
}
.room-part1 {
	width: 90px;
	height: 30px;
	background: #005eac;
	text-align: center;
	line-height: 30px;
	color: #fff;
	margin-top:10px;
}
.room-part2 {
	width: 90px;
	height: 30px;
	background: #005eac;
	text-align: center;
	line-height: 30px;
	color: #fff;
	margin-top:10px;
}
.room-part3 {
	width: 90px;
	height: 30px;
	background: #005eac;
	text-align: center;
	line-height: 30px;
	color: #fff;
	margin-top:10px;
}
.room-part4 {
	width: 90px;
	height: 30px;
	background: #005eac;
	text-align: center;
	line-height: 30px;
	color: #fff;
	margin-top:10px;
}
.room-part5 {
	width: 90px;
	height: 30px;
	background: #005eac;
	text-align: center;
	line-height: 30px;
	color: #fff;
	margin-top:10px;
}
.room-list {
	margin-top: 10px
}
.room-list li {
	padding: 20px;
	border: 1px solid #dcdcdc;
	margin-top: 10px
}
.room-model {
	padding-bottom: 10px;
	border-bottom: 1px solid #dcdcdc;
	font: bold 16px/16px "΢ÈíÑźÚ", Arial, "ËÎÌå";
}
.room-block strong {
	color: #666;
}
.configure, .systems, .range, .rooms {
	padding: 10px 0px 0 0;
	font: 12px/18px "΢ÈíÑźÚ", Arial, "ËÎÌå";
	color: #999
}
.contact-us-phone-part {
	font: 18px/24px "΢ÈíÑźÚ", Arial, "ËÎÌå";
	color: #005eac;
	padding: 10px 0px
}
.contact-us-phone-info {
	font: 14px/24px "΢ÈíÑźÚ", Arial, "ËÎÌå";
	color: #a5a5a5
}
.contact-us-phone-info strong {
	color: #666666
}
.contact-us-phone-info img{ display:block; float:left; padding:4px}
.qq-block{ display:block; float:left}
.hot-box {
	width: 220px;
	margin: 0px auto;

}
.hot-box-block {
	width: 100%px;
	padding-top: 30px;height:260px
}
.hot-box-block-info {
	width: 200px;
	margin: 0px auto;
}
.hot-box-icon {
	width: 78px;
	height: 73px;
}
.hot-box-title {
	padding: 20px 0px 0px 0px;
	text-align: left;
	color: #a5a5a5
}
.hot-box-title p {
	font: 16px/24px "΢ÈíÑźÚ", Arial, "ËÎÌå";
	color: #333333
}
.hot-box-title span {
	font: 14px/24px "΢ÈíÑźÚ", Arial, "ËÎÌå";
	color: #ff6667
}
.hot-box-txt {
	font: 12px/18px "΢ÈíÑźÚ", Arial, "ËÎÌå";
	color: #a5a5a5;
	float: left;
	width: 200px;
	text-align: left;
	padding: 10px 0px
}
.hot-box-txt span {
	color: #005eac
}
.link-more-a {
	width: 74px;
	height: 27px;
	display: block;
	float: left;
	background: #005eac;
	color: #fff;
	font: 12px/27px "΢ÈíÑźÚ", Arial, "ËÎÌå"
}
.link-more-a:hover {
	color: #FFF;
	text-decoration: underline
}
.news {
	background: url(../images/bg_01.gif) repeat-x left 24px;
	margin-top: 40px
}
.news-part {
	font: 24px/49px "΢ÈíÑźÚ", Arial, "ËÎÌå";
	width: 166px;
	height: 49px;
	background: url(../images/bg_04.jpg) no-repeat center top;
	margin: 0px auto
}
.news-box {
	margin-top: 30px;
}
.news-box li {
	text-align: left;
	padding: 5px 10px
}
.news-box li span {
	color: #999;
	float: right
}
.logo-f img{width:93px;height:110px}
.txt05{ font:18px/32px "΢ÈíÑźÚ", Arial, "ËÎÌå"; color:#fff; padding:20px 0px}
.txt05 strong{ font-size:24px; font-weight:100px}
.txt05 span{ font-size:14px}
.txt05 a{color:#fff}
.txt05 a:hover{color:#fff}
.wx{ font:14px/22px "΢ÈíÑźÚ", Arial, "ËÎÌå"; color:#fff}
 @media (min-width:768px) {
header {
	height: 70px;
}
.container {
	padding: 0px 10px
}
.logo {
	float: left;
	padding: 10px 0 0 0;
}
.logo img {
	width: 210px;
	height: 60px
}
.navbar-header {
	float: left;
}
.navbar-toggle {
	display: none
}
.navbox {
	display: none
}
nav {
	display: block;
	width: 60%;
	float: right;
	position: relative;
	margin-top: 30px;
}
nav ul {
	background: none;
	position: inherit;
	top: 0px
}
nav ul li {
	float: left;
	width: 16.6666666%;
	text-align: right;
	background: none;
	height: auto;
	border: none;
	padding: 0;
}
nav ul li .icon_01 {
	display: none
}
nav ul li a {
	padding: 10px 0px;
	display: inline;
	font: 16px/18px "΢ÈíÑźÚ", Arial, "ËÎÌå";
	color: #333
}
nav ul li a:hover {
	text-decoration: none;
	border-bottom: 3px solid #005eac;
	box-sizing: border-box;
	color: #005eac
}
nav ul li ul {
	position: absolute;
	width: 429px;

	background: #005eac;
	left: 50%;
	margin-left: -175px;
	bottom: -28px;
	border-radius: 10px;
	padding: 0px 10px 0px 0px;
	display: none;
	top: inherit;
	z-index: 99999
}
nav ul li ul li {
	float: left;
	padding: 0 0 0 10px;
	width: auto;
	background: none
}
nav ul li ul li a {
	font: 12px/18px "΢ÈíÑźÚ", Arial, "ËÎÌå";
	color: #FFF;
	padding: 0px
}
nav ul li ul li a:hover {
	text-decoration: underline;
	border: 0px;
	color: #fff
}
nav ul li ul li a:before, nav ul li ul li a:after {
	content: "";
}
nav ul li:hover ul {
	display: block
}
.nav-on {
	color: #005eac;
}
.nav-on:hover {
	text-decoration: none;
	border: none;
}
.banner {
	margin-top: 20px
}
.txt01 {
	color: #fff;
	margin-top: 90px
}
.txt01 img {
	width: 179px;
	height: 35px
}
.txt01 p {
	padding: 20px 0px;
	font-size: 16px;
	line-height: 24px
}
.txt01 p span {
	color: #ffff00;
}
.more {
	padding: 10px 25px;
	font: 14px/30px "΢ÈíÑźÚ", Arial, "ËÎÌå";
	border: 1px solid #fff;
	color: #fff
}
.more:hover {
	color: #fff;
	text-decoration: underline
}
.img01 {
	display: none
}
.service-01, .service-03, .service-05 {
	float: left;
	margin-right: 0px;
	margin-left: 5%
}
.service-02, .service-04, .service-06 {
	float: right;
	margin-right: 5%
}
.about-us {
	height: 206px;
	background: url(../images/bg_02.jpg) no-repeat center top;
	margin-top: 40px
}
.about-us-part img {
	width: 319;
	height: 20px;
	padding-top: 40px
}
.txt03 {
	font: 18px/20px "΢ÈíÑźÚ", Arial, "ËÎÌå";
	padding: 20px 0px 0px 0px
}
.txt04 {
	color: #dcdcdc;
	font: 12px Arial, Helvetica, sans-serif;
	display: block
}
.contact-us {
	background: url(../images/bg_03.jpg) no-repeat center top;
	margin-top: 40px
}
.contact-us-box {
	width: 525px;
	margin: 0px auto;
	padding-top: 40px
}

.cutting {
	display: block
}
.txt-con img {
	width: inherit
}
.contact-us-phone {
	float: left;
	padding-right: 20px;height:410px
}
.txt-page {
	border-top: 1px solid #dcdcdc;
	padding: 20px 0px
}
.next {
	float: left
}
.prev {
	float: right
}
.news-list li {
	padding: 10px 0px
}
.room {
	width: 660px;
	margin: 0px auto
}
.room-box-1, .room-box-3, .room-box-5, .room-box-7 {
	float: left;
}
.room-box-2, .room-box-4, .room-box-6, .room-box-8 {
	float: right
}
.hot-box {
	width: 660px;
	margin: 0px auto
}
.hot-box-block {
	width: 220px;
	float: left;
}
.news-box  .news-box li {
	width: 46%;
	float: left;
	padding: 5px 2%
}

.txt05{ font:24px/48px "΢ÈíÑźÚ", Arial, "ËÎÌå"; color:#fff; padding:20px 0px}
.txt05 strong{ font-size:36px; font-weight:100px}
.txt05 span{ font-size:18px}

}
 @media (min-width:960px) {
.container {
	width: 960px;
	padding: 0px
}
header {
	height: 110px;
}
nav {
	margin: 0px
}
.navbox {
	width: 55%;
	float: right;
	padding-top: 10px;
	display: block
}
.phone-box {
	width: 170px;
	height: 61px;
	padding-left: 30px;
	background: url(../images/icon_01.png) no-repeat 0 0;
	float: right;
	font: 14px/18px "΢ÈíÑźÚ", Arial, "ËÎÌå";
	padding-top: 5px;
	color: #cd0c0c
}
.phone-box span {
	float: right;}
.logo {
	float: left;
	padding: 30px 0px 0px 0px;
}
.logo img {
	width: 280px;
	height: 80px
}
.banner {
	margin-top: 30px
}
.txt01 {
	float: left;
	color: #fff;
	margin-top: 90px
}
.txt01 img {
	width: 179px;
	height: 35px
}
.txt01 p {
	font-size: 13px;
	line-height: 18px
}
.img01 {
	position: absolute;
	right: 30px;
	top: -20px;
	z-index: 1;
	display: block
}
.service-01 {
	margin-right: 30px;
	margin-left: 0px
}
.service-02 {
	float: left;
	margin-right: 0px
}
.service-03 {
	float: right;
	margin-left: 0px
}
.service-04 {
	float: left;
	margin-right: 30px
}
.service-05 {
	float: left;
	margin-right: 0px;
	margin-left: 0px
}
.service-06 {
	float: right;
	margin-right: 0px
}
.txt-con {
	padding: 40px 0px;
}
.room {
	width: 960px;
	margin: 0px auto
}
.room-box-1, .room-box-4, .room-box-7 {
	float: left;
	margin-right: 27px
}
.room-box-2, .room-box-5, .room-box-8 {
	float: left
}
.room-box-3, .room-box-6 {
	float: right
}
.configure, .systems, .range, .rooms {
	float: left;
}
.configure {
	width: 180px;
}
.systems {
	width: 140px;
}
.range {
	width: 360px;
	padding-right: 20px
}
.rooms {
	width: 200px;
}
.hot-box {
	width: 100%
}
.hot-box-block {
	width: 320px;
}
.news-box {
	width: 960px;
	
}
.news-box li {
	width: 300px;
	float: left;
	padding: 5px 10px;
}
.contact-us-phone {
	padding-right:120px
}

}
 @media (min-width:1200px) {
.container {
	width: 1200px;
	padding: 0px
}
.txt01 p {
	font-size: 16px;
	line-height: 24px
}
.service-01 {
	margin-right: 150px;
	margin-left: 0px
}
.service-02 {
	float: left;
	margin-right: 0px
}
.service-03 {
	float: right;
	margin-left: 0px
}
.service-04 {
	float: left;
	margin-right: 150px
}
.service-05 {
	float: left;
	margin-right: 0px;
	margin-left: 0px
}
.service-06 {
	float: right;
	margin-right: 0px
}
.contact-us-phone {
	padding-right: 30px
}
.configure {
	width: 290px;
}
.systems {
	width: 240px;
}
.range {
	width: 400px;
	padding-right: 20px
}
.rooms {
	width: 200px;
}
.hot-box-block {
	width: 400px;
}
.news-box {
	width: 1200px;
	
}
.news-box li {
	width: 380px;
	float: left;
	padding: 5px 10px;
}
}
/*clearfix*/
.clearfix:before, .clearfix:after, .container:before, .container:after, .navbar-header:before, .navbar-header:after, .navbox:before, .navbox:after, nav ul:before, nav ul:after, .network-box:before, .network-box:after, .icon-box-all:before, .icon-box-all:after, .txt-page:before, .txt-page:after, .page:before, .page:after, .txt-con:before, .txt-con:after, .room-block:before, .room-block:after, .contact-us-all:before, .contact-us-all:after, .hot-box:before, .hot-box:after {
	display: table;
	content: " ";
}
.clearfix:after, .container:after, .navbar-header:after, .navbox:after, nav ul:after, .network-box:after, .icon-box-all:after, .txt-page:after, .page:after, .txt-con:after, .room-block:after, .contact-us-all:after {
	clear: both
}
.sytel{background: url(../images/buy.png);background-position: center center;background-repeat: no-repeat;}