body.mainsite {
	margin: 0;
	padding: 0;
	background: #fff;
	font-size: 16px;
	font-family: "Microsoft Yahei","微软雅黑","黑体",arial
}

body.mainsite a,body.mainsite a:hover {
	outline: 0;
	text-decoration: none
}

h1,h2,h3,h4,h5,h6 {
	font-size: 100%;
	font-weight: 400
}

li {
	list-style: none
}

li,ul {
	margin: 0;
	padding: 0
}

img {
	max-width: 100%
}

.pb25 {
	padding: 25px 0
}

.navbg {
	position: absolute;
	width: 100%;
	left: 0;
	background: rgba(0,0,0,0.8);
	height: 50px;
	z-index: 22;
	top: 80px;
	display: none
}

.content {
	width: 1138px;
	margin: 0 auto
}

.mt50 {
	margin-top: 50px
}

h1.logo {
	float: left;
	width: 150px;
	height: 36px;
	background: url(../images/logo.png) no-repeat 0 0;
	text-indent: -9999px;
	margin: 25px 0 0 0;
	padding: 0;
	background-size: 100%
}

i.siteicons {
	background-image: url(../images/siteicons.png);
	background-repeat: no-repeat;
	display: inline-block;
	background-position: 0 0
}

.topnav {
	color: #333;
	float: right;
	margin: 36px 0 0 0
}
.topbar-sub {
	width: 100%;
	height: 80px;
	border-bottom: 1px solid #eee;
	background: #fff;
}
.topnav ul li {
	display: inline-block;
	padding: 0 10px;
	font-size: 16px;
	position: relative
}

.navbar h2.hotline {
	float: right;
	margin: 36px 0 0 20px;
	font-size: 22px;
	font-family: times;
	background: url(../images/icon_hotline2.png) no-repeat;
	background-size: 20px;
	padding-left: 25px
}

.topnav ul li a {
	display: block;
	color: #333;
	height: 43px;
	padding: 0 15px
}

.topnav ul li:hover a,.topnav ul li.cur a {
	border-bottom: 2px solid #1577e4;
	color: #1577e4
}

.topnav ul li:hover ul {
	display: block
}

.topnav ul li ul {
	position: absolute;
	display: none;
	z-index: 33
}

.topnav ul li#dlsolutions ul {
	width: 600px
}

.topnav ul li#insolutions ul {
	width: 600px;
	margin-left: -200px
}

.topnav ul li#aboutTopnav ul {
	width: 200px;
	margin-left: -100px
}

.topnav ul li ul li {
	display: inline-block;
	padding: 0 20px;
	height: 50px;
	line-height: 50px;
	font-size: 14px
}

.topnav ul li:hover ul li a,.topnav ul li.cur ul li a {
	color: #fff;
	border-bottom: 0;
	padding: 0
}

.topnav ul li.cur ul li a:hover,.topnav ul li ul li a:hover {
	color: #f0f0f0;
	border-bottom: 0;
	text-decoration: underline;
}

.wantmore {
	background: #376ac7;
	color: #fff;
	font-size: 28px;
	padding: 20px 0;
	text-align: center;
	letter-spacing: 1px;
	text-shadow: 1px 1px 0 #0e3b8d
}

.wantmore span {
	font-size: 21px
}

.wantmore a {
	color: #fff
}

.joinLink {
	display: inline-block;
	color: #fff;
	width: 170px;
	height: 45px;
	line-height: 45px;
	margin-left: 40px;
	border: 1px solid #fff;
	font-size: 21px
}

.joinLink:hover,.joinLink:focus,.joinLink:active {
	color: #f0f0f0;
	text-shadow: 0;
	box-shadow: 0 0 5px #1b4ca6
}

.banner-sub {	
	height: 300px;
	background-repeat: no-repeat;
	background-position: center top;
	color: #fff
}

.banner-sub h2 {
	font-size: 48px;
	padding: 100px 0 30px 0;
	margin: 0;
	font-weight: normal;
	text-shadow: 1px 1px 0 #333
}

.banner-sub h4 {
	font-size: 18px;
	font-weight: normal;
	margin: 0;
	padding: 0;
	text-shadow: 1px 1px 0 #333
}

.banner-cloudlink h2 {
	padding-top: 55px;
	padding-bottom: 10px;
}

.banner-cloudlink h4 {
	font-size: 14px;
	line-height: 30px;
	margin-bottom: 50px;
}

.banner-cloudlink a {
	border: 1px solid #a8cdf0;
	padding: 8px 30px;
	color: #a8cdf0;
	font-size: 14px;
	font-weight: normal;
}

.banner-cloudlink a:hover {
	background: #a8cdf0;
	color: #fff;
}

h2.titleB {
	color: #333233;
	font-size: 24px;
	text-align: center;
	padding: 60px 0 30px 0
}

.main-warp {
	color: #666565;
	line-height: 24px;
	font-size: 14px
}

.main-warp p {
	margin-bottom: 30px
}

.sitefoot {
	background: #3e3e3e;
	padding: 40px 0 30px 0;
	font-size: 12px;
	color: #fff
}

.sitefoot strong {
	font-weight: normal;
	color: #fff;
	font-size: 16px;
	display: block;
	margin-bottom: 10px
}

.sitefoot p.links {
	border-bottom: 1px solid #8a8a8a;
	padding-bottom: 10px;
	margin-bottom: 10px;
	font-size: 14px
}

.sitefoot p.links a {
	margin: 0 0 0 30px;
	color: #fff
}

.sitefoot p.links a:hover {
	color: #ccc
}

.sitefoot .col-sm-3 {
	line-height: 30px
}

.sitefoot .col-sm-3 a {
	display: block;
	color: #ccc
}

.sitefoot .col-sm-3 p {
	color: #ccc
}

.wrap-top {
	width: 100%;
	height: 660px;
	background: url(../images/manu1.jpg) no-repeat center top
}

.content-dt {
	width: 1138px;
	margin: 50px auto
}

.content-title {
	height: 50px;
	width: 100%;
	position: relative;
	text-align: center
}

.line {
	width: 100%;
	height: 1px;
	border-top: 2px solid #ddd;
	margin-top: 25px
}

.content-title span {
	display: block;
	padding: 0 15px;
	font-size: 36px;
	color: #333;
	background: #fff;
	line-height: 50px;
	position: absolute;
	top: 0;
	left: 50%;
	margin-left: -195px;
	z-index: 1
}

.newsMenu {
	display: block;
	width: 100%;
	height: 25px;
	line-height: 25px;
	font-size: 18px;
	border-bottom: 1px solid #dcdcdc;
	padding-bottom: 50px
}

.newsMenu a {
	display: inline-block;
	color: #666;
	padding: 0 10px
}

.newsMenu a.cur {
	color: #0072dc
}

.mContent {
	width: 100%;
	margin: 50px auto
}

.mTitle {
	width: 100%;
	height: 60px;
	line-height: 60px;
	background: url(../images/line.jpg) repeat-x center center/auto;
	margin-bottom: 10px
}

.mTitle span {
	display: inline-block;
	padding: 0 20px;
	color: #333;
	font-size: 36px;
	background: #fff
}

.mTip {
	display: block;
	width: 100%;
	line-height: 30px;
	color: #333;
	font-size: 18px;
	text-align: center
}

.mPic {
	width: 100%;
	margin: 30px auto;
	position: relative
}

.hard .row {
	margin: 30px auto
}

.hardImg {
	width: 100px;
	height: 100px;
	margin: 25px auto;
	cursor: pointer
}

.hardImg1 {
	background: url(../images/smartH1.png) no-repeat center center/auto 100%
}

.hardImg2 {
	background: url(../images/smartH2.png) no-repeat center center/auto 100%
}

.hardImg3 {
	background: url(../images/smartH3.png) no-repeat center center/auto 100%
}

.hardImg4 {
	background: url(../images/smartH4.png) no-repeat center center/auto 100%
}

.hardText {
	width: 140px;
	margin: 0 auto;
	line-height: 25px;
	font-size: 18px;
	color: #666
}

.hardTextA {
	margin: 0 auto;
	line-height: 25px;
	font-size: 18px;
	color: #333
}

.hardTextB {
	width: 140px;
	margin: 0 auto;
	line-height: 25px;
	font-size: 14px;
	color: #666;
	margin-top: 30px;
	text-align: left
}

.hardCir {
	display: block;
	width: 292px;
	height: 292px;
	background: url(../images/circle.png) no-repeat center center/auto 100%
}

.hard .col-sm-6 .text {
	color: #666;
	font-size: 36px;
	line-height: 145px;
	text-align: left
}

.modelItem {
	width: 20%;
	float: left
}

.hardPic {
	height: 225px;
	margin: 25px auto;
	cursor: pointer
}

.smartapp1 i {
	width: 88px;
	height: 88px;
	background-image: url(../images/smartApp_icons.png);
	background-repeat: no-repeat;
	float: left;
	margin-right: 20px
}

.smartapp1 strong {
	display: block;
	font-size: 18px;
	font-weight: normal;
	padding-top: 10px;
	padding-bottom: 5px
}

.smartapp1 i#smart1 {
	background-position: 0 0
}

.smartapp1 i#smart2 {
	background-position: -112px 0
}

.smartapp1 i#smart3 {
	background-position: 0 -88px
}

.smartapp1 i#smart4 {
	background-position: -112px -88px
}

.smartapp1 i#smart5 {
	background-position: 0 -176px
}

.smartapp1 i#smart6 {
	background-position: -112px -176px
}

i.appicons1 {
	width: 80px;
	height: 80px;
	background-image: url(../images/smartApp_icons1.jpg);
	background-repeat: no-repeat;
	display: block;
	margin: 0 auto 10px auto
}

i.kfpt1 {
	background-position: 0 0
}

i.kfpt2 {
	background-position: -80px 0
}

i.kfpt3 {
	background-position: -160px 0
}

i.kfpt4 {
	background-position: -240px 0
}

i.kflx1 {
	background-position: 8px -90px
}

i.kflx2 {
	background-position: -86px -90px
}

i.kflx3 {
	background-position: -175px -90px
}

i.kflx4 {
	background-position: -256px -90px
}

ul.appproject {
	width: 730px;
	margin: 0 auto;
	border-left: 1px solid #e5e5e5;
	border-top: 1px solid #e5e5e5
}

ul.appproject li {
	border-right: 1px solid #e5e5e5;
	border-bottom: 1px solid #e5e5e5;
	float: left;
	width: 20%;
	font-size: 12px;
	padding-top: 20px;
	padding-bottom: 10px;
	height: 160px
}

ul.appproject i {
	width: 90px;
	height: 90px;
	background-image: url(../images/smartApp_icons2.jpg);
	background-repeat: no-repeat;
	display: block;
	margin: 0 auto 10px auto
}

i.appproject1 {
	background-position: 0 0
}

i.appproject2 {
	background-position: -144px 0
}

i.appproject3 {
	background-position: -291px 0
}

i.appproject4 {
	background-position: -436px 0
}

i.appproject5 {
	background-position: -583px 0
}

i.appproject6 {
	background-position: 0 -160px
}

i.appproject7 {
	background-position: -144px -160px
}

i.appproject8 {
	background-position: -291px -160px
}

i.appproject9 {
	background-position: -436px -160px
}

i.appproject10 {
	background-position: -583px -160px
}

i.appproject11 {
	background-position: 0 -319px
}

i.appproject12 {
	background-position: -144px -319px
}

i.appproject13 {
	background-position: -291px -319px
}

i.appproject14 {
	background-position: -436px -319px
}

i.appproject15 {
	background-position: -583px -319px
}

i.appproject16 {
	background-position: 0 -478px
}

i.appproject17 {
	background-position: -144px -478px
}

i.appproject18 {
	background-position: -291px -478px
}

i.appproject19 {
	background-position: -436px -478px
}

i.appproject20 {
	background-position: -583px -478px
}

i.appproject21 {
	background-position: 0 -637px
}

i.appproject22 {
	background-position: -144px -637px
}

i.appproject23 {
	background-position: -291px -637px
}

i.appproject24 {
	background-position: -436px -637px
}

i.appproject25 {
	background-position: -583px -637px
}

i.appproject26 {
	background-position: 0 -819px
}

i.appproject27 {
	background-position: -144px -819px
}

i.appproject28 {
	background-position: -291px -819px
}

i.appproject29 {
	background-position: -436px -819px
}

i.appproject30 {
	background-position: -583px -819px
}

i.appproject31 {
	background-position: 0 -978px
}

i.appproject32 {
	background-position: -144px -978px
}

i.appproject33 {
	background-position: -291px -978px
}

i.appproject34 {
	background-position: -436px -978px
}

i.appproject35 {
	background-position: -583px -978px
}

.moreplan-list h3 {
	font-size: 30px;
	color: #333;
	font-weight: normal;
	border-left: 3px solid #1577e4;
	padding-left: 20px;
	margin-bottom: 20px
}

.moreplan-list strong {
	font-size: 18px;
	font-weight: normal;
	margin-bottom: 20px;
	display: block;
	margin-top: 35px;
	height: 52px
}

.moreplan-list ul li {
	list-style: square outside
}

.moreplan-list ul {
	margin-left: 15px
}

.moreplan-list .col-sm-7 {
	padding-left: 0
}

.moreplan-list .col-sm-6 {
	height: 360px
}

.hxjz i {
	width: 88px;
	height: 88px;
	background-image: url(../images/rent_icons.png);
	background-repeat: no-repeat;
	float: left;
	margin-right: 20px
}

.hxjz strong {
	display: block;
	font-size: 18px;
	font-weight: normal;
	padding-top: 10px;
	padding-bottom: 5px
}

.hxjz .col-sm-5 {
	margin-bottom: 50px
}

.hxjz .row {
	margin-top: 50px
}

.hxjz i#smart1 {
	background-position: 0 0
}

.hxjz i#smart2 {
	background-position: -112px 0
}

.hxjz i#smart3 {
	background-position: 0 -88px
}

.hxjz i#smart4 {
	background-position: -112px -88px
}

.hxjz i#smart5 {
	background-position: 0 -176px
}

.hxjz i#smart6 {
	background-position: -112px -176px
}

.appContent {
	width: 100%;
	height: 750px;
	margin: 50px auto;
	background: url(../images/smartApp1.jpg) no-repeat center bottom/auto 100%
}

.app .mContent .row,.intro .mContent .row {
	margin: 50px auto
}

.appImg {
	width: 180px;
	height: 140px
}

.appImg1 {
	background: url(../images/appImg1.png) no-repeat center center/auto 100%
}

.appImg2 {
	background: url(../images/appImg2.png) no-repeat center center/auto 90%
}

.appImg3 {
	background: url(../images/appImg3.png) no-repeat center center/auto 80%
}

.app .mContent .row h5.text {
	height: 70px;
	line-height: 70px;
	color: #333;
	font-size: 24px;
	margin: 0;
	text-align: left
}

.app .mContent .row .col-sm-8 p {
	line-height: 35px;
	text-align: left;
	color: #666;
	font-size: 14px;
	margin: 0
}

.appSol {
	width: 100%;
	height: 400px;
	margin: 0 auto;
	background: #fafafa;
	padding: 30px
}

.appSol.cur {
	background: #fafafa url(../images/rec.png) no-repeat top right
}

.appSolHead {
	height: 90px;
	width: 100%;
	border-bottom: 1px dashed #e8e8e8;
	padding: 5px 30px 20px
}

.appSolHead h3.appSolTitle {
	margin: 0;
	height: 30px;
	padding-left: 60px;
	text-align: left;
	color: #333;
	font-size: 24px
}

.standard {
	background: url(../images/standard.png) no-repeat left center/auto 100%
}

.oem {
	background: url(../images/OEM.png) no-repeat left center/auto 100%
}

.odm {
	background: url(../images/ODM.png) no-repeat left center/auto 100%
}

p.appSolP {
	display: block;
	color: #a8a8a8;
	font-size: 14px;
	line-height: 34px;
	text-align: center;
	margin: 0
}

.appSolBody ul {
	padding: 20px 0
}

.appSolBody ul li {
	list-style: disc;
	margin-left: 20px;
	line-height: 30px;
	color: #4a4a4a;
	font-size: 18px;
	text-align: left
}

.manuContent {
	width: 100%;
	height: 660px;
	margin: 0 auto;
	background: url(../images/manu1.jpg) no-repeat center center
}

.manu .col-sm-6 li {
	margin-bottom: 50px
}

.manu .col-sm-6 i {
	float: left
}

.manu .col-sm-6 i.blueImg {
	width: 88px;
	height: 88px;
	background: url(../images/blueImg.png) no-repeat 0 0
}

.manu .col-sm-6 i.redImg {
	width: 88px;
	height: 88px;
	background: url(../images/redImg.png) no-repeat 0 0
}

.manu .col-sm-6 i.blueImg.blueImg1,.manu .col-sm-6 i.redImg1 {
	background-position: 0 0
}

.manu .col-sm-6 i.blueImg.blueImg2,.manu .col-sm-6 i.redImg2 {
	background-position: 0 -144px
}

.manu .col-sm-6 i.blueImg.blueImg3,.manu .col-sm-6 i.redImg3 {
	background-position: 0 -290px
}

.manu .col-sm-6 i.blueImg.blueImg4,.manu .col-sm-6 i.redImg4 {
	background-position: 0 -435px
}

.manu .col-sm-6 .text h3 {
	display: block;
	line-height: 44px;
	margin: 0;
	font-size: 18px;
	color: #333;
	padding-left: 110px;
	text-align: left
}

.manu .col-sm-6 .text p {
	display: block;
	line-height: 44px;
	margin: 0;
	padding-left: 110px;
	text-align: left
}

.contentHeader {
	width: 750px;
	margin: 0 auto
}

.pureImg {
	width: 82px;
	height: 82px;
	margin: 25px auto;
	cursor: pointer;
	background: url(../images/pure.png) no-repeat 0 0
}

.pureImg.pureImg2 {
	background-position: -221px 0
}

.pureImg.pureImg3 {
	background-position: -441px 0
}

.pureText {
	width: 100%;
	margin: 0 auto;
	line-height: 25px;
	font-size: 18px;
	color: #666
}

.pureContent {
	width: 100%;
	height: 730px;
	margin: 50px auto;
	background: url(../images/pure1.jpg) no-repeat;
	background-position: center 170px
}

.purifier .col-sm-7 {
	padding-top: 230px
}

.airconditioning p {
	margin-top: 200px
}

.pureTextA {
	float: left;
	width: 80%;
	height: 140px;
	line-height: 20px;
	padding-left: 200px;
	color: #333;
	text-align: left;
	background: url(../images/pureLine.png) no-repeat left top
}

.twentyperc {
	width: 20%;
	float: left;
	margin-bottom: 50px
}

.twentyperc i.part {
	display: block;
	width: 170px;
	height: 70px;
	margin: 0 auto;
	background: url(../images/partner1.png) no-repeat 0 0/auto;
	-moz-transform: scale(1, 1);
	-webkit-transform: scale(1, 1);
	-o-transform: scale(1, 1);
	-ms-transform: scale(1, 1);
	transform: scale(1, 1);
	-webkit-transition: all 0.3s ease-in;
	-moz-transition: all 0.3s ease-in;
	-o-transition: all 0.3s ease-in;
	-ms-transition: all 0.3s ease-in;
	transition: all 0.3s ease-in;
}

.twentyperc i.part:hover,.twentyperc i.partbt:hover {
	-moz-transform: scale(1.05, 1.05);
	-webkit-transform: scale(1.05, 1.05);
	-o-transform: scale(1.05, 1.05);
	-ms-transform: scale(1.05, 1.05);
	transform: scale(1.25, 1.25);
	filter: alpha(opacity=80);
	opacity: 0.8;
	cursor: pointer;
}

.twentyperc i.part1 {
	background-position: 0 0
}

.twentyperc i.part2 {
	background-position: -230px 0
}

.twentyperc i.part3 {
	background-position: -460px 10px
}

.twentyperc i.part4 {
	background-position: -690px 5px
}

.twentyperc i.part5 {
	background-position: -920px 0
}

.twentyperc i.part6 {
	background-position: 0 -180px
}

.twentyperc i.part7 {
	background-position: -230px -180px
}

.twentyperc i.part8 {
	background-position: -460px -180px
}

.twentyperc i.part9 {
	background-position: -690px -180px
}

.twentyperc i.part10 {
	background-position: -920px -180px
}

.twentyperc i.part11 {
	background-position: 0 -370px
}

.twentyperc i.part12 {
	background-position: -230px -370px
}

.twentyperc i.part13 {
	background-position: -460px -370px
}

.twentyperc i.part14 {
	background-position: -690px -370px
}

.twentyperc i.part15 {
	background-position: -920px -370px
}

.twentyperc i.partbt {
	display: block;
	width: 170px;
	height: 70px;
	margin: 0 auto;
	background: url(../images/partner2.png) no-repeat 0 0/auto;
	-moz-transform: scale(1, 1);
	-webkit-transform: scale(1, 1);
	-o-transform: scale(1, 1);
	-ms-transform: scale(1, 1);
	transform: scale(1, 1);
	-webkit-transition: all 0.3s ease-in;
	-moz-transition: all 0.3s ease-in;
	-o-transition: all 0.3s ease-in;
	-ms-transition: all 0.3s ease-in;
	transition: all 0.3s ease-in;
}

.twentyperc i.partbt1 {
	background-position: 0 0
}

.twentyperc i.partbt2 {
	background-position: -225px 10px
}

.twentyperc i.partbt3 {
	background-position: -460px 0
}

.twentyperc i.partbt4 {
	background-position: -690px 0
}

.twentyperc i.partbt5 {
	background-position: -920px 0
}

.twentyperc i.partbt6 {
	background-position: 0 -180px
}

.twentyperc i.partbt7 {
	background-position: -225px -180px
}

.twentyperc i.partbt8 {
	background-position: -455px -180px
}

.twentyperc i.partbt9 {
	background-position: -685px -180px
}

.twentyperc i.partbt10 {
	background-position: -910px -180px
}

.flowItem {
	width: 16%;
	margin: 0 2%;
	float: left
}

.flowImg {
	display: inline-block;
	width: 150px;
	height: 150px;
	margin: 0 auto;
	text-align: center;
	background: url(../images/ring.png) no-repeat center center/auto 100%
}

.flowImg strong {
	display: block;
	color: #333;
	font-size: 48px;
	line-height: 50px;
	margin-top: 35px
}

.flowImg span {
	display: block;
	color: #4d4d4d;
	font-size: 16px;
	margin-top: 10px
}

.flowText {
	display: block;
	width: 100%;
	line-height: 15px;
	font-size: 14px;
	margin-top: 25px
}

.flowFooter {
	display: block;
	width: 100%;
	padding: 100px
}

a.btnBlue {
	display: block;
	width: 240px;
	height: 70px;
	line-height: 70px;
	font-size: 24px;
	margin: 0 auto;
	background-color: #1577e4;
	color: #fff;
	margin-top: 15px
}

a.btnBlue:hover {
	border: 1px solid #1577e4;
	background: #fff;
	color: #1577e4
}

.newsContent ul li {
	height: 170px;
	padding: 25px 15px;
	border-bottom: 1px solid #dcdcdc
}

.newsContent ul li .img {
	display: inline-block;
	width: 170px;
	height: 120px;
	float: left
}

h3.newsTitle {
	color: #333;
	font-size: 16px;
	margin: 0 0 0 195px;
	line-height: 35px
}

p.newsDate {
	margin: 0 0 0 195px;
	font-size: 10px;
	line-height: 15px;
	color: #959595
}

p.newsInfo {
	margin: 0 0 0 195px;
	font-size: 14px;
	color: #666;
	height: 40px;
	line-height: 20px;
	margin-top: 15px;
	overflow: hidden
}

.mIntro2 {
	height: 700px;
	background: url(../images/intro2.png) no-repeat center center/auto 96%
}

.btn-blue {
	color: #1577e4;
	background-color: #fff;
	border-color: #1577e4;
	padding: 5px 40px;
	border-radius: 0
}

.btn-blue:hover,.btn-blue:focus {
	background-color: #1577e4;
	color: #fff
}

.introApp {
	position: absolute;
	width: 400px;
	height: 200px;
	left: 100px;
	top: 50px
}

.introApp li,.introModel li {
	list-style: disc;
	text-align: left;
	line-height: 30px;
	font-size: 18px;
	color: #4d4d4d
}

.introApp a {
	display: block;
	text-align: left;
	line-height: 35px
}

.introModel .col-sm-4 {
	padding-top: 50px
}

.aireContent {
	width: 100%;
	height: 730px;
	margin: 0 auto 50px auto;
	background: url(../images/airconditioning_02.jpg) no-repeat;
	background-position: center 250px
}

.pagination {
	width: 100%;
	text-align: center
}

.pagination span,.pagination a {
	border: 1px solid #ddd;
	margin: 0 5px;
	padding: 3px 10px
}

.pagination a.next,.pagination a.prev {
	padding: 3px
}

.pagination a:hover {
	text-decoration: none
}

.pagination span.current {
	background: #0075c1;
	color: #fff;
	text-decoration: none;
	border: 1px solid #0075c1
}

.newsdetail-title {
	color: #333;
	font-size: 22px;
	margin-bottom: 20px
}

.detail-info {
	border-top: 1px solid #eee;
	font-size: 12px;
	color: #999;
	padding-top: 10px;
	margin-bottom: 20px
}

.other-article {
	font-size: 12px;
	border-top: 1px solid #eee;
	padding-top: 5px
}

.other-article a {
	display: inline-block
}

.maintext img {
	max-width: 100%
}

ul.smartyun-function {
	margin-top: 100px
}

ul.smartyun-function li {
	margin-bottom: 50px
}

i.smartyun01 {
	background-position: -10px -515px;
	width: 78px;
	height: 78px
}

i.smartyun02 {
	background-position: -106px -515px;
	width: 78px;
	height: 78px
}

i.smartyun03 {
	background-position: -200px -515px;
	width: 78px;
	height: 78px
}

i.smartyun04 {
	background-position: -286px -515px;
	width: 78px;
	height: 78px
}

i.smartyun05 {
	background-position: -4px -607px;
	width: 90px;
	height: 78px
}

i.smartyun06 {
	background-position: -106px -607px;
	width: 78px;
	height: 78px
}

i.smartyun07 {
	background-position: -195px -607px;
	width: 90px;
	height: 78px
}

i.smartyun08 {
	background-position: -286px -607px;
	width: 78px;
	height: 78px
}

.flow-enter .form-control {
	display: inline-block;
	margin-right: 10px
}

.flow-enter #tj {
	position: relative;
	top: -2px
}

#showtopnav {
	display: none
}

.rent-mt100 {
	margin-top: 100px
}

.smartyun-img {
	width: 70%
}

.site-copy {
	font-size: 12px;
	background: #333;
	color: #ccc;
	padding: 10px 0
}

@media(max-width:768px) {
	.sitefoot #ewm {
		text-align: center;
		margin-top: 30px
	}

	.navbar h2.hotline {
		display: none
	}

	.sitefoot strong {
		font-size: 12px
	}

	.sitefoot .col-sm-3 {
		line-height: 25px;
		padding-right: 0
	}

	.sitefoot .col-xs-4 {
		padding-right: 0
	}

	.wantmore span {
		font-size: 14px
	}

	.wantmore {
		letter-spacing: 0;
		padding: 10px 0
	}

	.joinLink {
		font-size: 14px;
		width: 100px;
		height: 35px;
		line-height: 35px;
		margin-left: 20px
	}

	.banner-sub {
		height: 150px;
		background-size: 100% 100%
	}

	.banner-sub h2 {
		font-size: 20px;
		padding: 50px 0 20px 0;
		margin: 0
	}

	.banner-sub h4 {
		font-size: 12px;
		margin: 0;
		padding: 0
	}

	h2.titleB {
		padding: 10px 0 10px 0
	}

	.topnav {
		background: #376ac7;
		position: fixed;
		z-index: 9999;
		height: 100%;
		width: 60%;
		top: 0;
		left: -500px;
		margin: 0;
		padding-top: 10px;
		padding-bottom: 20px;
		transition: left 200ms linear 0s
	}

	.topnav ul li {
		display: block
	}

	.topnav ul li ul {
		display: block;
		position: relative
	}

	.topnav ul li ul li {
		display: block;
		height: 25px;
		line-height: 25px
	}

	.topnav ul li ul li a {
		color: #fff;
		font-size: 12px
	}

	.topnav ul li a {
		color: #fff;
		line-height: 30px;
		height: 30px;
		font-size: 14px
	}

	.topnav ul li:hover a,.topnav ul li.cur a {
		border: 0;
		color: #fff
	}

	.topnav ul li:hover ul li a,.topnav ul li.cur ul li a {
		color: #fff;
		padding: 0 15px
	}

	.topnav ul li#dlsolutions ul {
		width: auto
	}

	.topnav ul li#insolutions ul {
		width: auto;
		margin-left: 0
	}

	.topnav ul li#aboutTopnav ul {
		width: auto;
		margin-left: 0
	}

	.topnav ul li.cur ul li a:hover,.topnav ul li ul li a:hover {
		color: #fff
	}

	#showtopnav {
		position: absolute;
		right: 20px;
		top: 30px;
		font-size: 25px;
		color: #666;
		display: block;
		cursor: pointer
	}

	.shownav {
		left: -20px;
		transition: left 200ms linear 0s
	}

	.newsContent ul li {
		padding: 10px 0;
		height: auto
	}

	.newsContent ul li .img {
		display: block;
		width: 100%;
		height: 100%
	}

	h3.newsTitle {
		margin: 0;
		display: block;
		line-height: 25px;
		padding: 10px 0;
		clear: both;
		font-size: 22px
	}

	p.newsDate {
		margin: 0;
		text-align: left
	}

	p.newsInfo {
		margin: 0;
		text-align: left;
		height: auto
	}

	.other-article span.pull-right {
		float: left!important
	}

	.flowItem {
		width: 46%;
		height: 200px
	}

	.flowImg {
		width: 120px;
		height: 120px
	}

	.flowImg strong {
		margin-top: 20px
	}

	.flowImg span {
		margin-top: 0
	}

	.flowFooter {
		padding: 0
	}

	a.btnBlue {
		width: 200px;
		height: 50px;
		line-height: 50px;
		font-size: 18px
	}

	.flow-enter {
		margin-top: 20px
	}

	.flow-enter .form-control {
		margin-top: 10px;
		margin-right: 0
	}

	.flow-enter .btn {
		display: block;
		margin: 10px auto 0 auto;
		width: 200px
	}

	.twentyperc {
		width: 50%;
		margin-bottom: 30px
	}

	.twentyperc i.part,.twentyperc i.partbt {
		zoom: .7
	}

	.moreplan-list .col-sm-6 {
		height: auto
	}

	.moreplan-list strong {
		font-size: 14px;
		margin: 10px 0;
		height: auto
	}

	.moreplan-list .col-sm-7 {
		padding-left: 15px;
		font-size: 12px
	}

	.moreplan-list h3 {
		font-size: 16px;
		margin-bottom: 0
	}

	.mTitle span {
		font-size: 18px
	}

	.moreplan-list {
		margin-top: 0
	}

	.contentHeader {
		width: 100%
	}

	.pureImg {
		zoom: .6
	}

	.pureText {
		font-size: 12px;
		line-height: 20px
	}

	.pureContent {
		margin-top: 0
	}

	.mTitle {
		line-height: 25px;
		height: auto
	}

	.mContent {
		margin: 20px 0
	}

	.pureContent {
		height: 250px;
		background-size: cover;
		background-position: center 80px
	}

	.pureTextA {
		padding-left: 0;
		background: 0;
		height: auto;
		margin-bottom: 20px;
		width: 100%
	}

	.mTip {
		font-size: 12px;
		line-height: 22px
	}

	.aireContent {
		height: 650px;
		background-size: auto;
		background-position: center 180px
	}

	.smallnoshow {
		display: none
	}

	.airconditioning p {
		margin-top: 20px;
		font-size: 12px
	}

	.airconditioning .mt50 {
		margin-top: 0
	}

	.hxjz .col-xs-12 {
		font-size: 12px
	}

	.rent-mt100 {
		margin-top: 0
	}

	.appSol {
		font-size: 12px;
		margin-bottom: 20px;
		height: 380px
	}

	.appSolBody ul li {
		font-size: 12px
	}

	.appSolHead h3.appSolTitle {
		padding-left: 10px;
		font-size: 18px;
		text-align: center;
		width: 100%;
		line-height: 30px
	}

	.appSolHead {
		padding: 0
	}

	p.appSolP {
		line-height: 22px;
		margin-top: 10px
	}

	.appSolBody ul {
		padding: 10px 0
	}

	.introApp li,.introModel li {
		font-size: 12px;
		line-height: 22px
	}

	.introApp {
		left: 20px;
		width: auto;
		top: 0
	}

	.mIntro2 {
		height: 250px;
		background-position: center 60px
	}

	.hardImg {
		margin-bottom: 10px
	}

	.hard .row {
		margin-top: 10px
	}

	.hardText {
		font-size: 12px;
		width: 100%;
		line-height: 22px
	}

	.hardCir {
		width: 100px;
		height: 100px
	}

	.hard .col-sm-6 .text {
		font-size: 12px;
		line-height: 40px
	}

	.modelItem {
		width: 50%;
		height: 360px
	}

	.hardPic {
		height: 100px
	}

	.hardPic img {
		height: 100px
	}

	.hardTextA {
		font-size: 14px
	}

	.hardTextB {
		width: 100%;
		font-size: 12px;
		line-height: 22px;
		margin-top: 10px;
		padding: 0 10px;
		text-align: justify
	}

	.smartapp1 .col-xs-6 {
		text-align: center;
		font-size: 12px;
		line-height: 20px
	}

	.smartapp1 i {
		float: none;
		display: inline-block;
		margin: 0 auto
	}

	ul.appproject {
		width: 100%
	}

	ul.appproject li {
		width: 33.33%;
		height: 120px
	}

	ul.appproject i {
		zoom: .5
	}

	.appContent {
		height: 250px;
		background-size: 100%;
		margin: 0
	}

	ul.smartyun-function {
		margin-top: 0
	}

	.smartyun-img {
		width: 100%
	}

	.manu .col-sm-6 li {
		margin-bottom: 20px
	}

	.manu .col-sm-6 .text p {
		line-height: 22px;
		font-size: 12px;
		height: 70px
	}

	.manuContent {
		height: 100px;
		background-size: 100% 100%
	}

	.manu .col-sm-6 i.blueImg,.manu .col-sm-6 i.redImg {
		zoom: .8;
		margin-left: 20px;
		margin-top: 20px
	}

	.site-copy span {
		display: block
	}
}

.smarthardware-filter {
	border-bottom: 1px solid #eee;
	padding-bottom: 20px;
	margin-bottom: 20px
}

.smarthardware-filter a {
	margin-right: 30px;
	color: #666
}

.smarthardware-filter a.cur {
	color: #1577e4
}

.smartHardware-list ul {
	width: 101%;
	position: relative
}

.smartHardware-list ul li {
	float: left;
	width: 24%;
	min-height: 230px;
	margin-right: 1%;
	border: 1px solid #eee;
	padding: 10px;
	margin-bottom: 20px
}

.smartHardware-list ul li:hover {
	border: 2px solid #1577e4;
	padding: 9px
}

.smartHardware-list ul li p {
	margin-bottom: 0;
	font-size: 12px;
	color: #666
}

.smartHardware-list ul li img {
	width: 100%
}

.smartHardware-list ul .text {
	padding: 0 30px
}

.smartHardware-title {
	background: #eee
}

.smartHardware-title strong {
	font-size: 16px;
	color: #333
}

h4.smartHardware-titleA {
	border-bottom: 1px solid #eee;
	padding-bottom: 15px;
	margin-bottom: 15px;
	color: #376ac7
}

ul.smartHardware-feature {
	padding-left: 20px
}

ul.smartHardware-feature li {
	list-style: disc;
	font-size: 14px;
	line-height: 25px
}

.table-smartHardware {
	font-size: 14px
}

.smartHardware-img {
	width: 80%;
	margin-top: 100px
}

ul.smarthouse_hardware {
	margin-top: 50px
}

ul.smarthouse_hardware li {
	float: left;
	width: 25.33%;
	margin: 0 4% 30px 4%;
	padding-bottom: 10px;
	background: #ebebeb;
	border: 1px solid #ccc;
	font-size: 16px;
	color: #333
}

ul.smarthouse_hardware li img {
	display: block;
	margin: 0 auto
}

.smartelectuical-dlys ul li {
	float: left;
	color: #666;
	text-align: left;
	padding: 10px;
	height: 100px;
	width: 23%;
	margin: 0 1% 30px 1%;
	background: #fafafa;
	border: 1px solid #ccc;
	font-size: 12px
}

.smartelectuical-dlys ul li img {
	float: left;
	margin-top: 10px
}

.smartelectuical-dlys ul li strong {
	font-size: 18px;
	color: #333;
	font-weight: normal
}

.smartelectuical .appproject {
	margin: 50px auto 100px auto
}

@media(max-width:768px) {
	.smarthardware-filter {
		padding-left: 15px;
		padding-right: 15px
	}

	.navbar h2.hotline {
		display: none
	}

	.smartHardware-list {
		padding-left: 15px;
		padding-right: 15px
	}

	.smartHardware-list ul li {
		width: 100%;
		margin-right: 0
	}

	.smartHardware-img {
		width: 100%;
		margin-top: 0
	}

	.smarthouse .mt50,.smartelectuical .mt50 {
		margin-top: 20px
	}

	ul.smarthouse_hardware li {
		width: 46%;
		margin: 0 2% 10px 2%;
		font-size: 12px
	}

	.smarthouse-zq {
		width: 100px
	}

	.smartelectuical-dlys ul li {
		width: 100%;
		margin: 0 0 10px 0;
		height: 60px
	}

	.smartelectuical-dlys ul li strong,.smartelectuical-dlys ul li p {
		position: relative;
		left: 0
	}

	.smartelectuical-dlys ul li p {
		line-height: 1
	}

	.smartelectuical-dlys ul li img {
		width: 50px;
		margin: 0 10px 0 0
	}

	.smartelectuical-dlys ul li strong {
		font-size: 14px
	}

	.smartelectuical .appproject {
		margin: 50px auto 50px auto
	}
}

.cloudlink-warp {
	padding: 50px 0;
}

.cloudlink-warp h3 {
	color: #464646;
	font-size: 30px;
	margin: 10px 0 50px 0;
}

.cloudlink_threetopic {
	color: #666;
	font-size: 12px;
	padding-top: 50px;
}

.cloudlink_threetopic i {
	display: block;
	width: 100px;
	height: 100px;
	background-repeat: none;
	margin: 0 auto;
}

.cloudlink_threetopic i#dcb {
	background-image: url(../images/cloudlink_icons1.png);
}

.cloudlink_threetopic .col-sm-4:hover i#dcb {
	background-image: url(../images/cloudlink_icons11.png);
}

.cloudlink_threetopic i#quicksx {
	background-image: url(../images/cloudlink_icons2.png);
}

.cloudlink_threetopic .col-sm-4:hover i#quicksx {
	background-image: url(../images/cloudlink_icons22.png);
}

.cloudlink_threetopic i#nonehg {
	background-image: url(../images/cloudlink_icons3.png);
}

.cloudlink_threetopic .col-sm-4:hover i#nonehg {
	background-image: url(../images/cloudlink_icons33.png);
}

.cloudlink_threetopic h4 {
	color: #333;
	font-size: 18px;
}

.cloudlink_yycj_list ul li {
	float: left;
	width: 16.6%;
}

.cloudlink_yycj_list ul li img {
	display: block;
	margin: 0 auto;
}

ul.partner-images {
	margin-top: 50px
}

ul.partner-images li {
	width: 20%;
	height: 100px;
	float: left;
	margin-bottom: 10px
}

ul.partner-images li img {
	width: 70%;
	margin: 0 auto;
	display: block;
	-moz-transform: scale(1, 1);
	-webkit-transform: scale(1, 1);
	-o-transform: scale(1, 1);
	-ms-transform: scale(1, 1);
	transform: scale(1, 1);
	-webkit-transition: all 0.3s ease-in;
	-moz-transition: all 0.3s ease-in;
	-o-transition: all 0.3s ease-in;
	-ms-transition: all 0.3s ease-in;
	transition: all 0.3s ease-in;
}

ul.partner-images li:hover img {
	-moz-transform: scale(1.05, 1.05);
	-webkit-transform: scale(1.05, 1.05);
	-o-transform: scale(1.05, 1.05);
	-ms-transform: scale(1.05, 1.05);
	transform: scale(1.25, 1.25);
	filter: alpha(opacity=80);
	opacity: 0.8;
	cursor: pointer;
}
@media(min-width:1200px) {
	.topbar-sub {
	position: fixed;
	left: 0;
	top: 0;
	z-index: 9999;
}
	.banner-sub{
	margin-top: 80px;
	}
}
/*娴峰甯傚満鏂规*/
.oversea_Plan_nav ul li.navColor{
	border-color:#1577e4;
}
.custom_case .single_case>li:hover{
	border-color:#006fe1;
	transition: all 1.3s ease-in;
}
.custom_case .single_case>li .caseInfo{
	display: none;
	transition: all 1.3s ease-in;
	opacity: 0;
}
.custom_case .single_case>li:hover .caseInfo{
	opacity:1;
	display: block;
	transition: all 1.3s ease-in;
}

.custom_case .single_case>li:hover .caseLogo{
	opacity: 0;
	display: none;
	transition: all 1.3s ease-in;
}
/*鐢靛晢瑙ｅ喅鏂规*/
	.ele_situation li{
		/*width: 25%;*/
		height: 364px;
		float: left;
		margin: 0;
		background-repeat:no-repeat ;
		background-size:100%;
		
	}
	.ele_situation .bg_Shade{
		width: 100%;
		height: 100%;
		background-color: rgba(32,32,32,0.5);

		text-align: center;
		padding-top: 102px;
	}
	.ele_situation .bg_Shade:hover{
		background-color: rgba(32,169,233,0.6);
	}	
	.ele_situation p{
		display: inline-block;
		width: 22px;
		margin: 25px 0;
		border-bottom: 3px solid #FFFFFF;
	}
	.ele_situation span{
		font-size: 18px;
		color: #FFFFFF;
		font-weight: bold;
		letter-spacing:1px;
	}
	.caseInfo>img{
		margin-top: 20px;
	}
	.eleInfo{
		padding-top: 20px;
	}
	.companier li img{padding: 5px 0;}
	.Platform{
		background-color: #f5f5f5;
		padding-bottom: 40px;
	}
@media(max-width:767px){
	.oversea_banner{
		padding:0 15px;
	}
	h2.oversea_titleB{
		text-align: left;
		padding:10px 0 10px 0;
	}
	
	.oversea_Plan{
		border: 1px solid #e6e6e6;
		margin-bottom: 20px;
	}
	.oversea_Plan_nav{
		border-bottom:1px solid #e6e6e6;
		text-align: center;
	}
	.oversea_Plan_nav ul li{
			border-bottom: 1px solid transparent;
			text-align: center;
			float: left;
			width: 20%;
			padding: 10px 0;
			color: #333;
			box-sizing: content-box;
			display: inline;
	}
	
	.ele_solutin_nav ul li{
		width: 33%;
	}
	.oversea_Plan_nav ul li:hover{
		border-bottom: 1px solid #1577e4;
	}
	.oversea_Plan_content{
		padding-top: 10px;
	}
	.oversea_Plan_img{
		height:157px;
		background: url(../images/plan.png) no-repeat 50% 50%;
	}
	.ele_solutin_img{
		background: url(../images/solution.png) no-repeat 50% 50%;
	}
	
	.oversea_Plan_des h3{
		color: #333233;
		font-size: 24px;
		margin-bottom: 30px;
		margin-top: 30px;
	}
	.oversea_Plan_des{
		padding: 0 10px;
	}
	.oversea_Plan_des .curColor{
		color: #4492e9;
	}
	/*瀹㈡埛妗堜緥*/
	
	.custom_case{
		
		padding-bottom: 80px;
	}
	.oversea_titleC{
		color: #5f5f5f;
		font-size: 24px;
		padding: 30px 0;
	}
	.custom_case .single_case>li{
		height: 269px;
		width: 100%; 
		border: 1px solid #d9d9d9;
		background-color: #FFFFFF;
		/*margin-right: 1%;*/
		padding: 20px 30px 10px 30px;
		float: left;
		cursor: pointer;
		margin-bottom: 10px;
	}

	.custom_case .single_case>li:nth-of-type(4){
		margin-right: 0;
	}
	
	.custom_case  h3{font-size: 17px;color: #333;}
	.imgs li{float: left;}
	.imgs img{margin-top: 10px;}
	.caseLogo{text-align: center;line-height: 220px;}
	/*鍚堜綔浼欎即*/
	.companier{padding-bottom: 75px;}
	.companier li{border: 1px solid #E9E9E9;text-align: center;margin-bottom: 10px;}
	.ele_situation{
		text-align: center;
	}
	.ele_situation li{
		float: none;
		width:100%;
		display: inline-block;	
		margin-bottom: 2px;	
	}

}
@media(min-width:768px) {
	h2.oversea_titleB{
		text-align: left;
		padding:50px 0 50px 0;
	}
	.oversea_Plan{
		height: 410px;
		border: 1px solid #e6e6e6;
		margin-bottom: 20px;
	}
	.oversea_Plan_nav{
		height: 60px;
		border-bottom:1px solid #e6e6e6;
	}
	.oversea_Plan_nav ul li{
		width: 20%;
		height: 60px; 
		border-bottom: 1px solid #e6e6e6;
		text-align: center;
		line-height: 60px;
		float: left;
		color: #333;
		cursor: pointer;
	}
	.oversea_Plan_nav ul li:hover{
		border-color:#1577e4;
	}
	.ele_solutin_nav ul li{
		width: 33%;
	}
	
	.oversea_Plan_content>div{
		height:350px;
		float: left;
		margin: 0;
	}
	.oversea_Plan_img{
		width: 400px;
		background: url(../images/plan.png) no-repeat 50% 50%;
	}
	.ele_solutin_img{
		background: url(../images/solution.png) no-repeat 50% 50%;
	}
	
	.oversea_Plan_des h3{
		color: #333233;
		font-size: 24px;
		margin-bottom: 35px;
		margin-top: 80px;
	}
	.oversea_Plan_des .curColor{color: #4492e9;}
	
	
	.custom_case{
		
		padding-bottom: 80px;
		
	}
	.oversea_titleC{
		color: #5f5f5f;
		font-size: 24px;
		padding: 50px 0;
	}
	/*瀹㈡埛妗堜緥*/
	.custom_case .single_case>li{
		height: 269px;
		width: 24%; 
		border: 1px solid #d9d9d9;
		background-color: #FFFFFF;
		margin-right: 1%;
		padding: 20px 30px 10px 30px;
		float: left;
		cursor: pointer;
	}
	.custom_case .single_case>li:nth-of-type(4){
		margin-right: 0;
	}
	
	.custom_case  h3{font-size: 17px;color: #333;}
	.imgs li{float: left;}
	.imgs img{margin-top: 10px;}
	.caseLogo{text-align: center;line-height: 220px;}
	
	/*鍚堜綔浼欎即*/
	.companier{padding-bottom: 75px;}
	.companier li{float:left;text-align: center;width: 20%;margin-bottom: 12px;}
	.companier li img{border: 1px solid #E9E9E9;}
	
	.ele_situation li{
		width: 25%;		
	}
	
}