body {	font-size: 12px;}
a {	color: rgb(102, 102, 102);}
a:hover {color: rgb(0, 0, 0);}
.ui-loading {background: rgb(221, 221, 221);}
.m-t16 {margin-top: 16px;}
.m-t20 {	margin-top: 20px;}
.m-t30 {	margin-top: 30px;}
.m-t40 {	margin-top: 40px;}
.font-gravity {	font-family: "gravity";}
.ui-icon {	background: url("icon.png") no-repeat; width: 40px; height: 40px; display: inline-block; position: absolute;}
.section-max-box {	max-width: 1200px;}
.section-box {	min-width: 698px;}
.article {	color: rgb(102, 102, 102); line-height: 1.8;}
.article img {	margin: 10px 0px;}
.text-input {	background: rgb(255, 255, 255); border: 1px solid rgb(210, 210, 210); border-image: none; height: 24px; line-height: 24px; text-indent: 10px;}
.text-textarea {	background: rgb(255, 255, 255); padding: 10px; border: 1px solid rgb(210, 210, 210); border-image: none; height: 130px;}
.select {	background: rgb(255, 255, 255); border: 1px solid rgb(210, 210, 210); border-image: none; height: 24px; text-align: center; min-width: 100px;}
.ui-loading {	background: url("loading.gif") no-repeat center rgb(242, 242, 242);}
#header {	background: #13466E; left: 0px; top: 0px; height: 44px; right: 0px; z-index: 3;}
.top-tell {
	background: #13466E; width: 270px; height: 44px; text-align: center; line-height: 44px; text-indent: 20px; z-index: 1;
}
.top-tell span {
	background-position: 0px -80px; left: 22px; top: 0px;
}
.top-tell em {
	margin: 0px 5px; top: -1px; color: rgb(255, 255, 255); font-size: 14px;
}
.top-tell a {
	color: rgb(255, 255, 255); font-size: 18px; font-style: italic; font-weight: bold;
}
.navbar a {
	display: block;
}
.navbar ul {
	z-index: 1;
}
.navbar > ul > li {
	line-height: 44px; margin-right: 30px; float: left;
}
.navbar > ul > li > a {
	color: rgb(255, 255, 255);
}
.navbar li ul {
	background: rgb(255, 255, 255); left: 50%; top: 41px; width: 100px; text-align: center; margin-left: -43px; border-top-color:#5396CB; border-top-width: 3px; border-top-style: solid; display: none;
}
.navbar li li {
	height: 30px; line-height: 30px;
}
.navbar li a {
	transition:0.3s ease-out; color:#000000;
}
.navbar li li a:hover {
	background: #13466E; color: rgb(255, 255, 255);
}
.bottom-border {
	background:#5396CB; left: 0px; top: 41px; width: 86px; height: 3px; display: block; z-index: 0;
}
#banner {
	left: 270px; top: 44px; right: 386px; bottom: 0px;
}
#banner a {
	display: none;
}
#banner a.active {
	display: block;
}
.banner-photo img {
	display: none;
}
img.banner-photo-img {
	right: 0px; bottom: 178px; margin-top: -75px; position: absolute; z-index: 10;
}
.banner-page {
	right: 40px; bottom: 20px;
}
.banner-page span {
	background: rgb(255, 255, 255); transition:0.5s ease-out; width: 35px; height: 6px; margin-left: 5px; display: inline-block; cursor: pointer;
}
.banner-page span.active {
	background: #13466E;
}
#submenu {
	background: rgb(242, 242, 242); left: 0px; top: 44px; width: 270px; bottom: 0px; z-index: 99;
}
.brand {
	margin: 80px auto; width: 203px; height: 33px;
}
.submenu-navbar-list li {
	height: 40px;
}
.submenu-navbar-list li a {
	height: 100%; line-height: 40px; padding-left: 120px; display: block;
}
.submenu-navbar-list li a:hover {
	color: #000000;
}
.submenu-navbar-list li a.active {
	color:#000000;
}
.submenu-navbar-list li a span {
	left: 70px; top: -1px;
}
.nav-home span {
	background-position: 0px 0px;
}
.nav-jy span {
	background-position: -40px 0px;
}
.nav-sy span {
	background-position: -80px 0px;
}
.nav-business span {
	background-position: -120px 0px;
}
.nav-service span {
	background-position: -160px 0px;
}
.nav-tmall span {
	background-position: -200px 0px;
}
.nav-home:hover span {
	background-position: 0px -40px;
}
.active.nav-home span {
	background-position: 0px -40px;
}
.nav-jy:hover span {
	background-position: -40px -40px;
}
.active.nav-jy span {
	background-position: -40px -40px;
}
.nav-sy:hover span {
	background-position: -80px -40px;
}
.active.nav-sy span {
	background-position: -80px -40px;
}
.nav-business:hover span {
	background-position: -120px -40px;
}
.active.nav-business span {
	background-position: -120px -40px;
}
.nav-service:hover span {
	background-position: -160px -40px;
}
.active.nav-service span {
	background-position: -160px -40px;
}
.nav-tmall:hover span {
	background-position: -200px -40px;
}
.active.nav-tmall span {
	background-position: -200px -40px;
}
.submenu-list {
	background: rgb(255, 255, 255); left: 270px; top: 0px; overflow: hidden; display: none; min-height: 100px;
}
.submenu-item {
	display: none; background-color: rgb(255, 255, 255);
}
.submenu-item-menu {
	background:#13466E; padding: 30px 0px; width: 90px; min-height: 140px;
}
.submenu-item-menu ul li a {
	transition:0.3s ease-out; height: 45px; color: rgb(255, 255, 255); line-height: 45px; padding-left: 20px; display: block;
}
.submenu-item-menu ul li a:hover {
	background: #5396CB;
}
.submenu-item-menu ul li a.active {
	background: #13466E;
}
.submenu-item-content {
	padding: 30px 16px 0px; width: 378px; overflow: hidden; margin-left: 90px;
}
.submenu-item-photo {
	width: 187px; height: 123px;
}
.submenu-item-info {
	width: 175px; height: 123px; margin-left: 16px;
}
.submenu-item-en {
	font-size: 12px;
}
.submenu-item-cn {
	line-height: 1.5; font-size: 16px; margin-top: 5px;
}
.submenu-item-cn a {
	color: rgb(0, 0, 0);
}
.submenu-item-sketch {
	line-height: 1.5;
}
.footer {
	background: #F2F2F2; padding:5px 0px; left: 0px; right: 0px; bottom: 0px; color: rgb(255, 255, 255);
}
.footer a {
	color: rgb(255, 255, 255);
}
.footer-menu {
	margin: 0px auto;
}
.footer-menu li {
	height: 40px;
}
.footer-menu li a {
	transition:0.3s ease-out; height: 100%; line-height: 40px; padding-left: 120px; display: block;
}
.footer-menu li span {
	left: 70px; top: 0px;
}
.online-msg span {
	background-position: -240px 0px;
}
.share-us span {
	background-position: -280px 0px;
}
.footer-menu li a:hover {
	background: rgb(255, 255, 255); color: #000000;
}
.footer-menu li a.active {
	background: rgb(255, 255, 255); color: #000000;
}
.online-msg:hover span {
	background-position: -240px -40px;
}
.share-us:hover span {
	background-position: -280px -40px;
}
.active.share-us span {
	background-position: -280px -40px;
}
.copyright {
	padding: 0px 30px; line-height: 1.6;
}
.share {
	background: rgb(255, 255, 255); padding: 20px 16px; left: 100%; width: 81px; bottom: 0px; display: none;
}
.share-list li {
	height: 40px; padding-left: 32px; margin-top: 5px;
}
.share-list li a {
	height: 100%; color: rgb(102, 102, 102); line-height: 40px; text-indent: 30px; display: block;
}
.share-list li a span {
	left: -10px; top: 0px;
}
.share-list li a:hover {
	color: rgb(6, 164, 156);
}
.share-list li .sina-wb span {
	background-position: -120px -360px;
}
.share-list li .tx-wx span {
	background-position: -160px -360px;
}
.share-list li .tx-wb span {
	background-position: -200px -360px;
}
.share-list li .sina-wb:hover span {
	background-position: -120px -320px;
}
.share-list li .tx-wx:hover span {
	background-position: -160px -320px;
}
.share-list li .tx-wb:hover span {
	background-position: -200px -320px;
}
.bdshare-button-style0-32 a {
	background: none !important; margin: 0px !important; width: auto !important; color: rgb(76, 76, 76) !important; text-indent: 0px !important; float: none !important;
}
.share-qrcode-photo {
	width: 81px; height: 81px;
}
.share-qrcode-title {
	color: rgb(102, 102, 102); margin-top: 5px;
}
#sidebar {
	background: rgb(255, 255, 255); padding: 32px; top: 44px; width: 322px;
}
.sidebar-news-title h1 {
	color: rgb(0, 0, 0); font-size: 14px;
}
.sidebar-news-title h1 em {
	margin-left: 10px;
}
.sidebar-news-title a {
	top: -10px; right: 32px;
}
.sidebar-news-title a span {
	background-position: -320px -80px;
}
.sidebar-news-photo {
	width: 322px; height: 210px;
}
.sidebar-news-list li {
	height: 35px; line-height: 35px; border-bottom-color: rgb(171, 171, 171); border-bottom-width: 1px; border-bottom-style: dotted;
}
.sidebar-news-list li time {
	top: -25px; color: rgb(153, 153, 153); font-size: 22px;
}
.sidebar-solution {
	height: 210px; margin-top: 60px;
}
.sidebar-video {
	height: 210px; margin-top: 45px;
}
.sidebar-video span {
	background-position: -320px 0px; margin: -40px 0px 0px -40px; transition:0.5s ease-out; left: 50%; top: 50%; width: 80px; height: 80px;
}
.sidebar-video:hover span {
	opacity: 0.5; transform: scale(0.5);
}
.video-pop {
	left: 0px; top: 0px; right: 0px; bottom: 0px; display: none; z-index: 9998;
}
.video-container {
	background: rgb(255, 255, 255); margin: -250px -390px; border-radius: 5px; left: 50%; top: 50%; width: 780px; height: 500px;
}
.video-close {
	background: rgb(102, 102, 102); font: 18px/40px "ËÎÌå"; transition:0.3s ease-out; top: 0px; width: 40px; height: 40px; text-align: center; right: -40px; display: block; cursor: pointer; font-size-adjust: none; font-stretch: normal; opacity: 0;
}
.video-container:hover .video-close {
	opacity: 1;
}
.video-content {
	width: 100%; height: 500px;
}
@media screen and (max-width:1366px)
{
.brand {
	margin: 60px auto 40px;
}
}
#wrapper {
	padding: 74px 16px 80px; margin-left: 270px;
}
.section-header {
	height: 20px; line-height: 20px; min-width: 698px;
}
.section-header h1 {
	color: rgb(0, 0, 0); padding-left: 30px; font-size: 18px; font-weight: normal;
}
.section-header h1 em {
	color: rgb(102, 102, 102); font-size: 14px; margin-left: 5px;
}
.section-header h1 span {
	left: -10px; top: 50%; margin-top: -22px;
}
.section-header h1.case-icon span {
	background-position: -200px -80px;
}
.section-header h1.caseinfo-icon span {
	background-position: -200px -80px;
}
.section-header h1.project-icon span {
	background-position: -40px -40px;
}
.location span {
	font: 12px "ËÎÌå"; margin: 0px 5px; font-size-adjust: none; font-stretch: normal;
}
.location a span {
	background-position: -40px -80px; margin: 0px; left: -30px; top: -14px;
}
.other-item {
	width: 250px; overflow: hidden;
}
.other-item-photo {
	width: 90px; height: 55px;
}
.other-item-info {
	padding-left: 16px; margin-left: 90px;
}
.section-about-article {
	margin-right: 250px;
}
.other {
	width: 110px;
}
.other-menu {
	background: rgb(255, 255, 255); padding: 16px 0px; border: 1px solid #13466E; border-image: none; top: 128px;
}
.other-menu a {
	padding: 0px 12px 0px 50px; transition:0.3s ease-out; height: 40px; line-height: 40px; display: block;
}
.other-menu a span {
	left: 4px; top: 50%; margin-top: -20px;
}
.nav-process span {
	background-position: -160px -120px;
}
.nav-investment span {
	background-position: -200px -120px;
}
.nav-sharing span {
	background-position: -240px -120px;
}
.nav-joinonline span {
	background-position: -280px -120px;
}
.go-top span {
	background-position: -320px -120px;
}
.other-menu a:hover {
	background:#13466E; color: rgb(255, 255, 255);
}
.other-menu a.active {
	background: #13466E; color: rgb(255, 255, 255);
}
.nav-process:hover span {
	background-position: -160px -160px;
}
.active.nav-process span {
	background-position: -160px -160px;
}
.nav-investment:hover span {
	background-position: -200px -160px;
}
.active.nav-investment span {
	background-position: -200px -160px;
}
.nav-sharing:hover span {
	background-position: -240px -160px;
}
.active.nav-sharing span {
	background-position: -240px -160px;
}
.nav-joinonline:hover span {
	background-position: -280px -160px;
}
.active.nav-joinonline span {
	background-position: -280px -160px;
}
.go-top:hover span {
	background-position: -320px -160px;
}
.active.go-top span {
	background-position: -320px -160px;
}
.process .section-header {
	display: none;
}
.business-title .ui-icon {
	background-position: -120px -40px;
}
.process-item {
	overflow: hidden;
}
.process-item-photo {
	width: 144px; height: 86px;
}
.process-item-info {
	padding-left: 16px; margin-left: 144px;
}
.process-item-title {
	font-size: 14px;
}
.process-item-sketch {
	color: rgb(136, 136, 136); line-height: 1.6; margin-top: 5px;
}
.investment-item dt {
	color: rgb(0, 0, 0); font-size: 14px;
}
.investment-item dd {
	color: rgb(136, 136, 136); padding-left: 16px;
}
.investment-item dd span {
	left: 0px; top: 0px;
}
.sharing-article {
	overflow: hidden;
}
.sharing-container {
	margin: 0px -8px;
}
.sharing-more {
	right: 0px; bottom: 0px; color: rgb(58, 195, 189); font-size: 14px; border-bottom-color: rgb(58, 195, 189); border-bottom-width: 1px; border-bottom-style: solid;
}
.sharing-more:hover {
	color: rgb(58, 195, 189);
}
.sharing-item {
	width: 33.33%; overflow: hidden;
}
.sharing-item-photo {
	margin: 0px 8px;
}
.sharing-item-info {
	background: rgb(241, 241, 241); margin: 0px 8px; padding: 10px 10px 24px;
}
.sharing-item-title a {
	color: rgb(0, 0, 0); font-size: 14px;
}
.sharing-item-sketch {
	line-height: 1.6; margin-top: 6px;
}
.sharing-item-sketch a {
	color: rgb(136, 136, 136);
}
.joinonline-article {
	background: rgb(241, 241, 241); padding: 32px; width: 70%; min-width: 600px;
}
.joinonline-list li {
	margin-bottom: 20px;
}
.joinonline-list li label {
	width: 130px; float: left; display: inline-block;
}
.joinonline-list li input {
	width: 186px;
}
.joinonline-list li.web-address input {
	width: 70%;
}
.joinonline-list li.form-radio input {
	background: none; margin: 0px 10px; border: currentColor; border-image: none; width: auto; height: auto;
}
.joinonline-list li textarea {
	width: 70%;
}
.joinonline-list li.form-submit input {
	background: rgb(207, 207, 207); border: currentColor; border-image: none; width: 70px; color: rgb(0, 0, 0);
}
.joinonline-list li.form-submit input:first-child {
	background:#13466E; color: rgb(255, 255, 255); margin-right: 10px;
}
.about-title span {
	background-position: -240px -80px;
}
.nav-profile span {
	background-position: -240px -80px;
}
.nav-honor span {
	background-position: -360px -80px;
}
.nav-culture span {
	background-position: -360px -120px;
}
.nav-development span {
	background-position: -360px -160px;
}
.nav-profile:hover span {
	background-position: -360px -320px;
}
.active.nav-profile span {
	background-position: -360px -320px;
}
.nav-honor:hover span {
	background-position: -360px -200px;
}
.active.nav-honor span {
	background-position: -360px -200px;
}
.nav-culture:hover span {
	background-position: -360px -240px;
}
.active.nav-culture span {
	background-position: -360px -240px;
}
.nav-development:hover span {
	background-position: -360px -280px;
}
.active.nav-development span {
	background-position: -360px -280px;
}
.profile .section-header {
	display: none;
}
.honor-photo {
	overflow: hidden;
}
.honor-prev {
	width: 40px; height: 150px; cursor: pointer;
}
.honor-next {
	width: 40px; height: 150px; cursor: pointer;
}
.honor-prev span {
	margin: -20px 0px 0px -20px; left: 50%; top: 50%;
}
.honor-next span {
	margin: -20px 0px 0px -20px; left: 50%; top: 50%;
}
.honor-prev span {
	background-position: 0px -200px;
}
.honor-next span {
	background-position: -40px -200px;
}
.honor-list {
	margin: 0px 40px; height: 150px;
}
.honor-item {
	width: 160px; height: 150px;
}
.honor-item-photo {
	margin: 0px auto; width: 160px; height: 120px;
}
.honor-item-title {
	height: 30px; text-align: center; line-height: 30px;
}
.culture-item {
	border-bottom-color: rgb(234, 234, 234); border-bottom-width: 1px; border-bottom-style: solid;
}
.culture-item-header {
	height: 30px; line-height: 30px; cursor: pointer;
}
.culture-item-header h2 {
	color: rgb(0, 0, 0); font-size: 14px; font-weight: normal;
}
.culture-item-header span {
	background-position: -80px -200px; top: -5px; right: 0px;
}
.active.culture-item-header h2 {
	color: rgb(0, 158, 150);
}
.active.culture-item-header span {
	display: none;
}
.culture-item-article {
	padding: 16px 0px; border-top-color: rgb(58, 195, 189); border-bottom-color: rgb(58, 195, 189); border-top-width: 1px; border-bottom-width: 1px; border-top-style: solid; border-bottom-style: solid; display: none;
}
.development-item {
	padding: 0px 0px 16px 32px; margin-left: 32px; border-left-color: rgb(217, 217, 217); border-left-width: 1px; border-left-style: solid;
}
.development-item-time {
	background: rgb(255, 255, 255); left: -20px; top: 0px; width: 40px; height: 40px; text-align: center; line-height: 40px;
}
.development-item-article {
	background: #13466E; padding: 10px; color: rgb(255, 255, 255); line-height: 1.8; display: inline-block; min-height: 20px;
}
.even .development-item-time {
	color: rgb(11, 183, 175);
}
.even .development-item-article {
	background: rgb(241, 241, 241); color: rgb(0, 0, 0);
}
@media screen and (max-width:1440px)
{
.section-about-article {
	margin-right: 174px;
}
}
@media screen and (max-width:1200px)
{
.section-about-article {
	margin-right: 0px;
}
.other-menu {
	position: static;
}
.process .section-header {
	display: block;
}
.profile .section-header {
	display: block;
}
.other-menu {
	padding: 0px;
}
.other-menu li {
	width: 25%; float: left;
}
.other-menu li a {
	padding: 0px; text-align: center; text-indent: 45px;
}
.other-menu li a span {
	left: 50%; margin-left: -45px;
}
.other-menu li a.go-top {
	padding: 0px 12px 0px 50px; text-align: left; right: 16px; bottom: 0px; text-indent: 0px; position: fixed; z-index: 99;
}
}
.join-photo {
	min-height: 200px;
}
.join-about {
	overflow: hidden;
}
.join-about-item {
	width: 30%;
}
.join-item {
	background: rgb(242, 242, 242); width: 25%;
}
.join-item-info {
	display: none;
}
.service-title span.ui-icon {
	background-position: -160px -40px;
}
.warranty-about {
	overflow: hidden;
}
.warranty-about-item {
	width: 50%;
}
.warranty-about-item span {
	width: 80px; height: 80px;
}
.warranty-about-hello span {
	background-position: -240px -240px; left: 10px; top: -5px;
}
.warranty-about-tell span {
	background-position: -160px -280px; left: 0px; top: 12px; height: 40px;
}
.warranty-about-title {
	margin: 0px 40px 0px 90px;
}
.warranty-about-sketch {
	margin: 0px 40px 0px 90px;
}
.warranty-about-title {
	color: rgb(0, 0, 0); font-size: 14px;
}
.warranty-about-sketch {
	color: rgb(136, 136, 136); margin-top: 8px;
}
.warranty-about-tell .warranty-about-title {
	color: rgb(58, 195, 189);
}
.warranty-about-tell p {
	color: rgb(0, 0, 0);
}
.warranty-about-tell em {
	font-size: 18px;
}
.warranty-msg {
	background: rgb(241, 241, 241); padding: 32px; max-width: 80%;
}
.warranty-msg li {
	margin-bottom: 20px;
}
.warranty-msg li label {
	width: 130px; height: 24px; line-height: 24px; float: left; display: inline-block;
}
.warranty-msg li input {
	width: 186px;
}
.warranty-msg li.web-address input {
	width: 70%;
}
.warranty-msg li textarea {
	width: 70%;
}
.warranty-msg li.form-submit input {
	background: rgb(207, 207, 207); border: currentColor; border-image: none; width: 70px; color: rgb(0, 0, 0); text-indent: 0px;
}
.warranty-msg li.form-submit input:first-child {
	background: #13466E; color: rgb(255, 255, 255); margin-right: 10px;
}
.dealer-title span.ui-icon {
	background-position: -320px -240px;
}
.dealer-map-sketch {
	left: 20px; bottom: 60px;
}
.dealer-map-sketch h2 {
	color: rgb(51, 51, 51); font-size: 14px; font-weight: normal; margin-bottom: 10px;
}
.dealer-map-sketch ul li {
	color: rgb(153, 153, 153); line-height: 1.8; padding-left: 15px;
}
.dealer-map-sketch ul li span {
	font: 0px/0 Arial; border-radius: 50%; left: 0px; top: 7px; width: 5px; height: 5px; overflow: hidden; font-size-adjust: none; font-stretch: normal;
}
.no-dealer span {
	background: rgb(153, 153, 153);
}
.has-dealer span {
	background: rgb(255, 102, 0);
}
.dealer-maps {
	min-height: 500px; max-width: 900px;
}
#chinamap {
	margin: 0px auto; width: 600px; height: 500px;
}
.dealer-search {
	overflow: hidden;
}
.dealer-search-title {
	height: 24px; line-height: 24px; padding-left: 25px;
}
.dealer-search span.ui-icon {
	background-position: -320px -280px; left: -10px; top: -8px;
}
.dealer-search li {
	color: rgb(102, 102, 102); margin-left: 20px;
}
.dealer-search li label {
	margin-right: 5px;
}
.dealer-search li select {
	color: rgb(102, 102, 102);
}
.no-information {
	text-align: center; color: rgb(153, 153, 153); line-height: 80px; text-indent: 30px; min-height: 100px;
}
.dealer-loading.no-information {
	background: url("loading.gif") no-repeat center;
}
.dealer-item {
	background: rgb(242, 242, 242); width: 100%;
}
.dealer-item-photo {
	width: 160px; height: 104px;
}
.dealer-item-info {
	margin: 0px 16px 0px 160px; padding: 10px 16px; color: rgb(102, 102, 102); line-height: 1.7;
}
.dealer-item-info span {
	color: rgb(0, 0, 0);
}
@media screen and (min-device-width:0px)
{
.dealer-item {
	transition:0.5s ease-out; opacity: 0; transform: translateX(100px);
}
.loading.dealer-item {
	opacity: 1; transform: translateX(0px);
}
}
.dealer-pop {
	left: 0px; top: 0px; right: 0px; bottom: 0px; display: none; z-index: 9999;
}
.dealer-close {
	font: 20px/40px "ËÎÌå"; top: 0px; width: 40px; height: 40px; text-align: center; right: 0px; cursor: pointer; font-size-adjust: none; font-stretch: normal;
}
.dealer-pop-article {
	background: rgb(242, 242, 242); margin: -229px 0px 0px -475px; padding: 30px; left: 50%; top: 50%; width: 890px; height: 398px;
}
.dealer-pop-info {
	width: 430px;
}
.dealer-pop-infos li {
	color: rgb(102, 102, 102); line-height: 20px; padding-left: 40px;
}
.dealer-pop-infos li span {
	left: 0px; color: rgb(0, 0, 0);
}
.dealer-pop-photo {
	height: 275px;
}
.dealer-bd-map {
	width: 430px; height: 398px; margin-left: 30px;
}
.project-list-title {
	font-size: 16px; font-weight: normal;
}
.project-list-title a {
	color: rgb(51, 51, 51);
}
.project-item {
	width: 50%; margin-bottom: 16px; display: none;
}
.project-item-photo {
	width: 50%;
}
.project-item-info {
	width: 40%; padding-left: 16px; margin-left: 50%;
}
.project-item-en {
	margin-top: 10px;
}
.project-item-en a {
	color: rgb(0, 0, 0); font-size: 20px;
}
.project-item-cn {
	font-size: 22px; margin-top: 10px;
}
.project-item-cn a {
	color: rgb(0, 0, 0); font-size: 22px;
}
.project-item-sketch {
	color: rgb(102, 102, 102); line-height: 1.5; font-size: 12px; margin-top: 15px;
}
.project-item-color {
	margin-top: 50px;
}
.project-item-color a {
	text-align: center; color: rgb(0, 0, 0); padding-top: 22px; margin-right: 3px; display: inline-block; min-width: 16px;
}
.project-item-color a span {
	background: rgb(227, 165, 118); border-radius: 50%; left: 50%; top: 0px; width: 16px; height: 16px; margin-left: -8px; position: absolute;
}
.projectinfo-about {
	overflow: hidden;
}
.projectinfo-photo {
	width: 50%; min-height: 300px;
}
.projectinfo-info {
	width: 25%; overflow: hidden; padding-left: 32px; margin-left: 50%;
}
.projectinfo-menu {
	
}
.projectinfo-menu a {
	padding: 45px 0px 5px; border: 1px solid rgb(241, 241, 241); border-image: none; width: 10%; height: 15px; text-align: center; margin-right: -4px; display: inline-block;
}
.projectinfo-menu a span {
	left: 50%; top: 5px; width: 40px; height: 40px; margin-left: -20px;
}
.projectinfo-menu a.projectinfo-solu span {
	background-position: 0px -320px;
}
.projectinfo-menu a.projectinfo-case span {
	background-position: -40px -320px;
}
.projectinfo-menu a.projectinfo-family span {
	background-position: -80px -320px;
}
.projectinfo-menu a.projectinfo-solu.active span {
	background-position: 0px -360px;
}
.projectinfo-menu a.projectinfo-solu:hover span {
	background-position: 0px -360px;
}
.projectinfo-menu a.projectinfo-case.active span {
	background-position: -40px -360px;
}
.projectinfo-menu a.projectinfo-case:hover span {
	background-position: -40px -360px;
}
.projectinfo-menu a.projectinfo-family.active span {
	background-position: -80px -360px;
}
.projectinfo-menu a.projectinfo-family:hover span {
	background-position: -80px -360px;
}
.projectinfo-menu a.active {
	background: #13466E; border: 1px solid rgb(19, 181, 177); border-image: none; color: rgb(255, 255, 255);
}
.projectinfo-menu a:hover {
	background: #13466E; border: 1px solid rgb(19, 181, 177); border-image: none; color: rgb(255, 255, 255);
}
.projectinfo-photo {
	min-height: 231px;
}
.projectinfo-color {
	margin-top: 50px;
}
.projectinfo-color a {
	width: auto; text-align: center; color: rgb(0, 0, 0); padding-top: 30px; margin-right: 8px; display: inline-block; min-width: 23px;
}
.projectinfo-color a span {
	background: rgb(227, 165, 118); border-radius: 50%; left: 50%; top: 0px; width: 23px; height: 23px; margin-left: -12px; position: absolute;
}
.projectinfo-buy {
	background: rgb(252, 103, 124); width: 95px; height: 65px; color: rgb(255, 255, 255); line-height: 65px; padding-left: 65px; font-size: 16px; display: block;
}
.projectinfo-buy span {
	background-position: -80px -80px; left: 15px; top: 12px;
}
.projectinfo-buy:hover {
	color: rgb(255, 255, 255);
}
.projectinfo-content {
	position: relative; max-width: 75%;
}
.projectinfo-about {
	overflow: hidden;
}
.projectinfo-photo {
	width: 50%; min-height: 300px;
}
.projectinfo-page {
	left: 0px; text-align: center; right: 0px; bottom: 10px;
}
.projectinfo-page span {
	background: rgb(255, 255, 255); margin: 0px 5px; transition:0.4s ease-out; width: 35px; height: 6px; display: inline-block; cursor: pointer;
}
.projectinfo-page span.active {
	background: rgb(11, 183, 175);
}
.projectinfo-info {
	width: 25%; overflow: hidden; padding-left: 32px; margin-left: 50%;
}
.projectinfo-menu a {
	width: 10%; height: 60px; text-align: center; line-height: 60px; display: inline-block;
}
.projectinfo-menu-photo span {
	background-position: 0px -120px;
}
.projectinfo-menu-info span {
	background-position: -40px -120px;
}
.projectinfo-menu-parameter span {
	background-position: -80px -120px;
}
.projectinfo-menu-video span {
	background-position: -120px -120px;
}
a.projectinfo-menu-photo.active span {
	background-position: 0px -160px;
}
a.projectinfo-menu-photo:hover span {
	background-position: 0px -160px;
}
a.projectinfo-menu-info.active span {
	background-position: -40px -160px;
}
a.projectinfo-menu-info:hover span {
	background-position: -40px -160px;
}
a.projectinfo-menu-parameter.active span {
	background-position: -80px -160px;
}
a.projectinfo-menu-parameter:hover span {
	background-position: -80px -160px;
}
a.projectinfo-menu-video.active span {
	background-position: -120px -160px;
}
a.projectinfo-menu-video:hover span {
	background-position: -120px -160px;
}
.projectinfo-title-en {
	font-size: 24px;
}
.projectinfo-title-cn {
	font-size: 26px;
}
.projectinfo-title-ad {
	font-size: 26px;
}
.projectinfo-sketch {
	height: 34px; color: rgb(102, 102, 102); font-size: 12px;
}
.section-article {
	margin-right: 314px;
}
.projectinfo-menu a {
	padding: 45px 0px 5px; height: auto; line-height: 18px;
}
.projectinfo-item {
	
}
.projectinfo-item h4 {
	color: rgb(0, 0, 0); font-size: 14px;
}
.section-other {
	width: 250px;
}
.other-cont {
	top: 108px;
}
.other-item-info {
	padding-right: 5px;
}
.other-item-info .other-item-title a {
	color: rgb(0, 0, 0);
}
.other-item-info a.other-more {
	color: rgb(0, 0, 0);
}
.other-item-info a.other-more {
	display: none;
}
.other-item-info time {
	color: rgb(102, 102, 102);
}
.other-item:hover {
	background: #13466E;
}
.other-item:hover .other-item-title a {
	color: rgb(255, 255, 255);
}
.other-item:hover time {
	color: rgb(255, 255, 255);
}
.other-item:hover a.other-more {
	color: rgb(255, 255, 255); display: block;
}
.other-item-title {
	margin-top: 4px;
}
.other h2 {
	line-height: 22px; font-weight: normal; border-bottom-color: rgb(196, 196, 196); border-bottom-width: 1px; border-bottom-style: solid;
}
.other span {
	font-size: 16px; margin-right: 5px;
}
.other-projectinfo-menu {
	padding: 16px 0px; border: 1px solid rgb(58, 195, 189); border-image: none; top: 108px; width: 110px; right: 16px; z-index: 2;
}
.other-projectinfo-menu a {
	padding: 0px 15px 0px 55px; transition:0.3s ease-out; height: 40px; line-height: 40px; display: block;
}
.other-projectinfo-menu a span {
	left: 5px; top: -1px;
}
.other-projectinfo-menu a.other-projectinfo-comm {
	display: none;
}
.other-projectinfo-menu a.other-projectinfo-photo span {
	background-position: -200px -200px;
}
.other-projectinfo-menu a.other-projectinfo-info span {
	background-position: -240px -200px;
}
.other-projectinfo-menu a.other-projectinfo-cs span {
	background-position: -280px -200px;
}
.other-projectinfo-menu a.other-projectinfo-video span {
	background-position: -320px -200px; top: -3px;
}
.other-projectinfo-menu a.other-projectinfo-online span {
	background-position: -240px -40px;
}
.other-projectinfo-menu a.other-projectinfo-photo:hover span {
	background-position: -240px -360px;
}
.other-projectinfo-menu a.other-projectinfo-info:hover span {
	background-position: -280px -360px;
}
.other-projectinfo-menu a.other-projectinfo-cs:hover span {
	background-position: -320px -360px;
}
.other-projectinfo-menu a.other-projectinfo-video:hover span {
	background-position: -360px -360px;
}
.other-projectinfo-menu a.other-projectinfo-online:hover span {
	background-position: -240px 0px;
}
.other-projectinfo-menu a.other-projectinfo-wechat {
	margin: 5px auto 0px; padding: 0px; width: 81px; height: 81px;
}
.other-projectinfo-menu a:hover {
	background: #13466E; color: rgb(255, 255, 255);
}
@media screen and (max-width:1600px)
{
.project-item-cn {
	font-size: 16px;
}
.project-item-color {
	margin-top: 30px;
}
}
@media screen and (max-width:1440px)
{
.projectinfo-title-ad {
	display: none;
}
.projectinfo-color {
	margin-top: 40px;
}
.project-item-cn {
	display: block;
}
.project-item-cn p {
	display: none;
}
.project-item-color {
	margin-top: 50px;
}
.project-item-color a p {
	display: none;
}
.projectinfo-sketch {
	height: 34px; overflow: hidden; margin-top: 10px;
}
.projectinfo-title-en a {
	font-size: 16px;
}
.projectinfo-title-cn a {
	font-size: 16px;
}
}
@media screen and (max-width:1360px)
{
.projectinfo-title-en {
	margin-top: 10px;
}
.projectinfo-info {
	width: 45%;
}
.other-projectinfo-menu {
	display: none;
}
}
@media screen and (max-width:1200px)
{
.project-item-cn {
	display: block;
}
.project-item {
	width: 100%;
}
.projectinfo-color {
	margin-top: 10px;
}
.projectinfo-title-en {
	margin-top: 0px;
}
.projectinfo-sketch {
	margin-top: 10px;
}
.projectinfo-buy {
	margin-top: 10px;
}
.section-article {
	width: 100%;
}
.other {
	width: auto; padding-bottom: 40px; margin-top: 30px;
}
.other {
	float: none; position: static;
}
.other-cont {
	float: none; position: static;
}
.other-list .other-item {
	width: 50%; float: left;
}
.projectinfo-color a p {
	display: none;
}
}
.section-header h1.news-icon span {
	background-position: -170px -90px; left: 2px; top: 23px;
}
.section-header h1.join-icon span {
	background-position: -280px -80px; left: -11px; top: 12px; width: 40px; height: 40px;
}
.section-header h1.projectinfo-icon1 span {
	background-position: -120px -80px; width: 40px; height: 40px;
}
.section-header h1.photo-icon span {
	background-position: -200px -200px;
}
.section-header h1.info-icon span {
	background-position: -240px -200px;
}
.section-header h1.projectinfo-icon1 span {
	background-position: -280px -200px;
}
.section-header h1.video-icon span {
	background-position: -320px -200px;
}
.project-menu a {
	margin: 3px 0px 0px 14px; color: rgb(51, 51, 51); padding-left: 12px; display: inline-block;
}
.project-menu a span {
	background-position: -160px -200px; left: -19px; top: -11px;
}
.project-menu a:hover {
	color: rgb(19, 181, 177);
}
.project-menu a:hover span {
	background-position: -120px -200px;
}
.news-hot {
	overflow: hidden;
}
.news-hot-photo {
	width: 50%; min-height: 200px;
}
.news-hot-info {
	padding-left: 32px; margin-left: 50%;
}
.news-item {
	overflow: hidden;
}
.news-item-photo {
	width: 348px; height: 210px;
}
.news-item-info {
	padding-left: 16px; margin-left: 348px;
}
.newsinfo-info h1 {
	color: rgb(0, 0, 0); font-size: 26px;
}
.newsinfo-article p {
	color: rgb(102, 102, 102); line-height: 1.6; margin-top: 20px;
}
.newsinfo-article img {
	margin: 20px 0px 0px;
}
.news-item-info {
	padding-right: 16px;
}
.datetime {
	height: 45px;
}
.datetime time {
	margin: -8px 5px 0px 0px; color: rgb(0, 0, 0); font-size: 40px; float: left;
}
.datetime span.datetime-month {
	color: rgb(102, 102, 102); font-size: 14px; display: block;
}
.datetime span.category {
	color: rgb(102, 102, 102); font-size: 12px; margin-top: 3px; display: inline-block;
}
.news-hot-title a {
	color: rgb(0, 0, 0); font-size: 26px;
}
.news-hot-info .readmore a {
	border: 1px solid rgb(19, 181, 177); border-image: none; width: 100px; height: 30px; text-align: center; color: rgb(19, 181, 177); line-height: 30px; display: block;
}
.news-item {
	background: rgb(242, 242, 242);
}
.news-title a {
	color: rgb(0, 0, 0); font-size: 14px;
}
.page {
	padding-bottom: 45px;
}
.page a {
	width: 32px; height: 65px; text-align: center; margin-right: 10px; float: left;
}
.page a span {
	background: rgb(229, 229, 229); width: 32px; height: 30px; line-height: 30px; font-family: "΢ÈíÑźÚ"; margin-bottom: 10px; display: inline-block;
}
.page a:hover {
	background: #13466E; color: rgb(255, 255, 255);
}
.page a:hover span {
	background: #13466E; color: rgb(255, 255, 255);
}
@media screen and (max-width:1360px)
{
.news-hot-sketch {
	height: 51px; overflow: hidden;
}
}
@media screen and (max-width:1200px)
{
.news-hot-title a {
	font-size: 20px;
}
.readmore {
	display: block;
}
}
@media screen and (max-width:1199px)
{
.news-hot-title a {
	font-size: 18px;
}
.news-hot-sketch {
	margin-top: 10px;
}
.readmore {
	margin-top: 20px;
}
}
.join-list {
	padding-bottom: 48px; margin-left: -16px;
}
.join-about-item {
	width: 33.3%;
}
.join-about-info {
	padding-left: 100px;
}
.join-about-info div.join-about-title {
	color: rgb(0, 0, 0); font-size: 14px; margin-bottom: 10px;
}
.join-about-info div.join-about-article {
	color: rgb(102, 102, 102);
}
.join-about-item span {
	left: 0px; width: 80px; height: 80px;
}
.join-about-job span {
	background-position: 0px -240px; top: -12px;
}
.join-about-plan span {
	background-position: -80px -240px; top: -15px;
}
.join-about-welfare span {
	background-position: -160px -240px; height: 40px;
}
.join-item {
	background: none; margin: 16px 0px 0px; width: 24.5%; height: auto; color: rgb(255, 255, 255); vertical-align: top; float: left; position: relative; -ms-zoom: 1; min-height: 220px;
}
.join-item .join-item-cont {
	background:#13466E; padding: 15px 6% 40px; width: 83%; height: auto; margin-left: 16px; position: absolute;
}
.join-item .join-item-cont2 {
	background: rgb(72, 185, 244);
}
.join-item .join-item-cont3 {
	background: rgb(254, 195, 83);
}
.join-item .join-item-cont4 {
	background: rgb(250, 150, 90);
}
.join-item-en {
	font-size: 20px;
}
.join-item-cn {
	font-size: 22px;
}
.join-item-sketch {
	margin-top: 10px;
}
.join-item-info {
	margin-top: 15px;
}
.join-item-botton a {
	background: rgb(255, 255, 255); padding: 8px 0px; width: 100px; text-align: center; color: rgb(250, 150, 90); margin-top: 20px; display: block;
}
@media screen and (max-width:1200px)
{
.join-item {
	width: 33.33%;
}
.join-about-item {
	width: 100%; margin-bottom: 16px;
}
}
.joininfo {
	left: 270px; top: 44px; right: 0px; bottom: 0px; display: none; z-index: 9999;
}
.joininfo-container {
	margin: 56px 0px 0px 80px; color: rgb(0, 0, 0);
}
.joininfo-menu li {
	margin-bottom: 10px;
}
.joininfo-menu input {
	background: none; border: 1px solid #13466E; border-image: none; width: 194px; height: 24px; color: rgb(51, 51, 51); line-height: 24px; text-indent: 10px;
}
.joininfo-menu label {
	width: 70px; display: inline-block;
}
.joininfo-menu textarea {
	background: none; padding: 10px; border: 1px solid #13466E; border-image: none; width: 350px; height: 100px;
}
.joininfo-menu select {
	background: none; border: 1px solid #13466E; border-image: none; width: 80px; text-align: center; margin-right: 60px;
}
.joininfo-menu .ui-clear input {
	width: 78px;
}
.joininfo-submit input {
	background: none; border: 1px solid #13466E; transition:0.3s ease-out; border-image: none; width: 70px; height: 24px; text-indent: 0px; margin-left: 70px;
}
.joininfo-submit:hover input {
	background: #13466E;
}
.joininfo-close {
	font: 20px/40px "ËÎÌå"; top: 0px; width: 40px; height: 40px; text-align: center; right: 0px; cursor: pointer; font-size-adjust: none; font-stretch: normal;
}
.webmap-item {
	margin-top: 20px;
}
.webmap-column {
	width: 80px;
}
.webmap-column a {
	color: rgb(11, 183, 175);
}
.webmap-name {
	margin-right: 20px;
}
.webmap-item a:hover {
	text-decoration: underline;
}
a.sumaart {
	display: none;
}
.hot-video {
	width: 100%; height: 400px;
}
.video-column {
	overflow: hidden;
}
.video-header {
	height: 30px; line-height: 30px; font-size: 14px; border-bottom-color: rgb(196, 196, 196); border-bottom-width: 1px; border-bottom-style: solid;
}
.video-more {
	top: 5px; right: 0px; text-transform: uppercase;
}
.video-more a {
	color: rgb(49, 195, 184);
}
.video-box {
	margin-right: -4px; margin-left: -4px;
}
.video-item {
	margin: 0px 4px; width: 25%;
}
.video-item-info {
	line-height: 1.6; margin-top: 10px;
}
.video-max-time {
	color: rgb(59, 193, 192); font-size: 12px;
}
.video-item-title a {
	color: rgb(0, 0, 0);
}
.kefu {POSITION: absolute; TOP: 0px; RIGHT: 0px; z-index:10;}
.kefu_opened {WIDTH: 59px; BACKGROUND: url(kefu.jpg) no-repeat 0px 0px; HEIGHT:230px;}
.kefu_opened UL {MARGIN-TOP: 44px;}
.kefu_opened LI {	DISPLAY: block; HEIGHT: 63px; OVERFLOW: hidden}
.kefu_opened LI A {	DISPLAY: block; HEIGHT: 63px; OVERFLOW: hidden}
.kefu_opened LI {PADDING-BOTTOM: 8px}
.kefu_opened LI A {	LINE-HEIGHT: 200px}