@charset "UTF-8";
html {
	font-size: 14px;
	font-family: "微软雅黑", "宋体", Arial, Helvetica, sans-serif
}

ul {
	display: inline-block;
	list-style: none;
	padding: 0;
	margin: 0
}

.auto-img {
	width: 100%;
	min-width: 100%
}

.wrap {
	min-width: 1200px;
	width: 100%;
	height: auto;
	display: inline-block;
}

.wrap,
.main {
	position: relative;
}

.main {
	width: 1200px;
	min-height: 100%;
	margin: 0 auto
}

.hide {
	display: none!important;
}

.nobor {
	border: 0!important;
}

.nomar {
	margin-right: 0!important;
}

.scan {
	margin-left: 5px;
	position: relative;
	top: 2px
}

.caret-b {
	display: inline-block;
	width: 0;
	height: 0;
	margin-left: 2px;
	vertical-align: middle;
	border-top: 4px dashed;
	border-right: 4px solid transparent;
	border-left: 4px solid transparent
}

.caret-t {
	display: inline-block;
	border-bottom: 6px dashed;
	border-right: 6px solid transparent;
	border-left: 6px solid transparent
}

.caret-t,
.caret-r {
	width: 0;
	height: 0;
	margin-left: 3px;
	vertical-align: middle
}

.caret-r {
	border-left: 6px dashed;
	border-top: 6px solid transparent;
	border-bottom: 6px solid transparent;
	color: #27a9f2;
	display: none
}

.top-header {
	background-color: #128ed4
}

.top-header li {
	padding: 0 10px;
	border-right: 1px solid #41a5dd;
	font-size: 12px
}

.top-header li,
.header li {
	float: left;
	color: #fff;
	position: relative
}

.top-header a,
.header a {
	color: #fff;
	text-decoration: none
}

.top-header a:hover {
	color: #9cd6f8
}

.top-header li .prom {
	background: #ff9768;
	padding: 0 8px 2px;
	border-radius: 3px;
	color: #fff
}

.top-header .welcome {
	margin-left: -10px
}

.top-header .weimobday {
	float: right
}

.weimobday .qrcode {
	position: absolute;
	z-index: 99;
	width: 150px;
	margin-left: -40px;
	text-align: center
}

.weimobday .qrcode img {
	width: 150px;
	margin-top: -5px
}

.top-header .sub-item {
	width: 100px;
	top: 16px;
	left: -5px;
	text-align: center
}

.top-header .sub-item,
.header .sub-item {
	position: absolute;
	z-index: 99
}

.top-header .sub-item li,
.header .sub-item li {
	border: 0;
	padding: 0;
	width: 100%
}

.top-header .sub-item .item-first {
	margin-bottom: -5px
}

.top-header .sub-item .gap {
	height: 5px;
	width: 100px
}

.top-header .sub-item .gap,
.header .sub-item .gap {
	display: block;
	background-color: #fff
}

.top-header .sub-item a {
	padding: 5px 0;
	color: #128ed4
}

.top-header .sub-item a,
.header .sub-item a {
	display: inline-block;
	width: 100%;
	background-color: #fff
}

.top-header .sub-item a:hover {
	color: #fff;
	background-color: #128ed4
}

.header .sub-item a:hover {
	background-color: #128ed4
}

.header {
	background-color: #0da3f9
}

.header ul {
	float: right;
	margin-right: 0;
	height: 100%
}

.header .brand {
	display: inline-block
}

.header li,
.header li a {
	display: inline-block;
	border: 0
}

.header li:hover {
	background-color: #0b99e5
}

.header .sub-item {
	left: 0;
	width: 120px;
	text-align: left
}

.header .sub-item-sm {
	width: 70px
}

.header .sub-item a {
	padding: 5px 15px;
	color: #666;
	font-size: 14px
}

.header .sub-item .gap {
	height: 15px;
	width: 150px
}

.header .sub-item-sm .gap {
	width: 100px
}

.header .sub-item .gap-blue {
	border-bottom: 3px solid #0b99e5
}

.header .sub-item a:hover {
	color: #fff;
	background-color: #0ba1fa
}

.header-proxy {
	background-color: #0da3f9;
	padding: 3px 0
}

.header-proxy ul {
	float: right
}

.header-proxy li {
	float: left
}

.header-proxy li a {
	font-size: 14px;
	color: #fff;
	text-decoration: none;
	line-height: 50px;
	padding: 0 10px;
	border-right: 1px solid #7fcefc
}

.footer-top {
	background-color: #fff;
	border-top: 1px solid #ebeaea;
	padding: 20px 0
}

.footer-top ul {
	width: 88%;
	margin-left: 6%;
	display: inline-block
}

.footer-top li {
	float: left;
	width: 20%;
	color: #333;
	text-align: center;
	background: url('../img/footer_top_icon0.png')right no-repeat
}

.footer-top li.last {
	background: 0 0
}

.footer-top li span {
	display: block;
	font-size: 17px;
	padding-top: 5px
}

.footer-top li:hover {
	color: #0ca2fa;
	cursor: pointer
}

.footer {
	display: inline-block;
	width: 100%;
	background-color: #f0f0f0;
	border-top: 1px solid #dcdcdc;
	text-align: center
}

.footer-box {
	display: inline-block;
	margin: 0 auto;
	width: 1005px;
	border-bottom: 1px solid #dcdcdc
}

.footer-box ul {
	float: left;
	width: 145px;
	margin: 30px 70px 30px 0
}

.footer-box li {
	width: 145px;
	padding: 5px 0;
	text-align: left
}

.footer-box .category {
	padding: 15px 0;
	font-size: 16px;
	color: #666;
	font-weight: 600;
	margin-bottom: 10px;
	border-bottom: 1px solid #dcdcdc
}

.footer-box li a {
	font-size: 14px;
	color: #128ed4;
	text-decoration: none
}

.footer-box .footer-qrcode {
	width: 110px;
	padding: 3px;
	border: 1px solid #dcdcdc;
	background-color: #fff;
	text-align: center
}

.footer-qrcode img {
	width: 110px
}

.footer-qrcode span {
	font-size: 12px;
	color: #959595
}

.footer-box-btm ul {
	margin: 10px 0
}

.footer-box-btm li {
	float: left;
	padding: 0 20px;
	border-right: 1px solid #eaeaea
}

.footer-box-btm li a {
	font-size: 15px;
	font-weight: 400;
	color: #666;
	text-decoration: none
}

.footer-box-btm p {
	font-size: 14px;
	margin: 0;
	padding: 0;
	color: #999
}

.footer-box-btm .p1 {
	margin-bottom: 5px
}

.footer-box-btm .p2,
.footer-box-btm .p3 {
	margin-bottom: 20px;
}

.slider {
	background-color: #4f68a8;
}

.slider.jq-index {
	float: left;
	height: 375px;
}

.slider .main {
	overflow: hidden;
}

.slider-box {
	width: 400%
}

.slider-box li {
	width: 25%;
	float: left;
	position: relative
}

.slider-box .howmany {
	font-weight: 400;
	font-size: 18px;
	color: #fff;
	position: absolute;
	top: 800px;
	left: 135px
}

.slider-box .howmany span {
	color: #fff;
	display: inline-block;
	padding: 2px 10px;
	margin: 0 5px;
	background-color: #128ed4;
}

.slider-box li img {
	min-width: 100%;
	width: 100%
}

.slider-icons {
	position: absolute;
	bottom: 20px;
	left: 50%
}

.slider-icons li {
	float: left;
	margin-left: 5px;
	width: 15px;
	height: 15px
}

.slider-icons li a img {
	width: 15px
}

.slider-pre {
	left: 0
}

.slider-pre,
.slider-next {
	display: inline-block;
	width: 60px;
	height: 60px;
	position: absolute;
	top: 40%;
	background: url('../img/slider_pre.png')
}

.slider-next {
	left: auto;
	right: 0;
	background: url('../img/slider_next.png')
}

.news {
	background-color: #fff;
	float: left;
	padding-top: 4px;
	padding-bottom: 3px
}

.news ul {
	width: 870px;
	margin-left: 80px
}

.news ul li {
	float: left;
	margin-right: 10px;
	width: 280px;
	text-align: left;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap
}

.news .news-more {
	display: inline-block;
	text-decoration: none;
	color: #666;
	font-size: 14px;
	float: right
}

.used {
	background-color: #f7f7f7;
	height: 90px;
	float: left
}

.used h2 {
	display: inline;
	position: absolute;
	top: 20px;
	background: url(../img/index1/customers/wm.jpg) no-repeat;
	text-indent: -9999px;
	width: 240px;
	height: 20px
}

.used-pre {
	left: 265px
}

.used-pre,
.used-next {
	display: block;
	position: absolute;
	cursor: pointer;
	width: 46px;
	height: 90px;
	top: 0
}

.used-next {
	left: auto;
	right: -10px
}

.used-pre b,
.used-next b {
	display: block;
	width: 12px;
	height: 24px;
	background: url(../img/index1/customers/customers-nav.gif) no-repeat top left;
	position: absolute;
	top: 45%;
	left: 50%;
	margin-top: -7px;
	margin-left: -5px;
	text-indent: -9999px
}

.used-next b {
	background-position: 0 -46px
}

.used-pre:hover b {
	background-position: 0 -23px
}

.used-next:hover b {
	background-position: 0 -69px
}

.used .clients-display {
	display: inline-block;
	width: 640px;
	height: 60px;
	overflow: hidden;
	position: absolute;
	right: 45px;
	top: 18px
}

.clients-display ul {
	width: 9999px;
	list-style-image: none;
	list-style-position: outside;
	list-style-type: none;
	margin: 0;
	padding: 0;
	position: absolute;
	top: 0
}

.clients-display ul li {
	display: block;
	float: left;
	padding: 0 14px;
	width: 100px;
	height: 60px
}

.clients-display ul li img {
	width: 50px;
	height: 50px
}

.clients-display ul li a {
	width: 100px;
	height: 50px;
	display: block
}

.clients-display ul li a,
.clients-display ul li a.first {
	background: #fff url(../img/index1/customers/clients.png) no-repeat
}

.clients-display ul li a.clients_1 {
	background-position: 0 0
}

.clients-display ul li a.clients_2 {
	background-position: -100px 0
}

.clients-display ul li a.clients_3 {
	background-position: -200px 0
}

.clients-display ul li a.clients_4 {
	background-position: -300px 0
}

.clients-display ul li a.clients_5 {
	background-position: -400px 0
}

.clients-display ul li a.clients_6 {
	background-position: -500px 0
}

.clients-display ul li a.clients_7 {
	background-position: -600px 0
}

.clients-display ul li a.clients_8 {
	background-position: -700px 0
}

.clients-display ul li a.clients_9 {
	background-position: -800px 0
}

.clients-display ul li a.clients_10 {
	background-position: -900px 0
}

.clients-display ul li a.clients_11 {
	background-position: -1000px 0
}

.clients-display ul li a.clients_12 {
	background-position: -1100px 0
}

.clients-display ul li a.clients_13 {
	background-position: -1200px 0
}

.clients-display ul li a.clients_14 {
	background-position: -1300px 0
}

.clients-display ul li a.clients_15 {
	background-position: -1400px 0
}

.clients-display ul li a.clients_16 {
	background-position: -1500px 0
}

.clients-display ul li a.clients_17 {
	background-position: -1600px 0
}

.clients-display ul li a.clients_18 {
	background-position: -1700px 0
}

.clients-display ul li a.clients_19 {
	background-position: -1800px 0
}

.clients-display ul li a.clients_20 {
	background-position: -1900px 0
}

.product {
	background-color: #f0f0f0;
	padding: 35px 0
}

.product .main {
	overflow: hidden;
	height: 360px
}

.title {
	padding-bottom: 15px
}

.title span {
	display: inline-block;
	height: 15px;
	width: 74.1%;
	border-top: 1px solid #dcdcdc
}

.title a {
	display: inline-block;
	text-decoration: none;
	color: #333;
	font-size: 15px;
	float: right;
	padding-top: 8px
}

.product .items-ul {
	width: 200%
}

.product .items-ul li {
	float: left;
	width: 50%
}

.product .items {
	padding: 0 10px;
	display: inline-block;
	margin: 0 auto
}

.product .item {
	display: inline-block;
	width: auto;
	background-color: #fff;
	float: left;
	margin: 0 5px
}

.product .show,
.product .info {
	float: left;
	display: inline-block;
	overflow: hidden
}

.product .show img {
	width: 100%;
	min-width: 100%
}

.product .show h2 {
	font-weight: 600;
	color: #333;
	font-size: 16px;
	text-align: center
}

.product .show h3 {
	font-weight: 400;
	color: #929292;
	font-size: 14px;
	text-align: center;
	margin: 0 auto 5px
}

.product .info a {
	display: inline-block;
	float: left;
	position: relative
}

.product .info a:hover {
	background-color: #f5f5f5
}

.product .info div {
	width: 148px;
	float: right
}

.product .info h2 {
	color: #333;
	font-size: 14px
}

.product .info h2,
.product .info h3 {
	margin: 0;
	float: right;
	width: 148px;
	font-weight: 400
}

.product .info h3 {
	color: #929292;
	font-size: 12px
}

.product .info div {
	padding-top: 12px
}

.product .show h2 {
	margin: 10px auto 5px
}

.product .show,
.product .info {
	width: 228px;
	height: 320px
}

.product .info a {
	width: 228px;
	height: 80px
}

.product .info img {
	width: 55px;
	height: 55px;
	padding: 10px 10px 10px 15px
}

.product-icons {
	position: absolute;
	bottom: 0;
	left: 490px
}

.product-icons li {
	float: left;
	margin-left: 5px
}

.product-pre {
	left: 15px
}

.product-pre,
.product-next {
	display: inline-block;
	width: 23px;
	height: 46px;
	position: absolute;
	top: 46%;
	background: url('../img/product_pre.png')
}

.product-next {
	left: auto;
	right: 14px;
	background: url('../img/product_next.png')
}

.product-pre:hover {
	background: url('../img/product_pre_now.png')
}

.product-next:hover {
	background: url('../img/product_next_now.png')
}

.mj {
	padding: 30px 0
}

.business {
	padding: 30px 0 10px
}

.restaurant {
	padding: 30px 0 0
}

.mobile {
	padding: 30px 0 20px
}

.city,
.dynamic {
	padding: 30px 0 10px
}

.restaurant,
.mj {
	background-color: #f0f0f0
}

.business .title span {
	width: 77%
}

.business .title span,
.dynamic .title span {
	float: right;
	border: 0;
	border-bottom: 1px solid #dcdcdc
}

.business-bg-a {
	position: absolute;
	width: 817px;
	height: 324px;
	top: 179px;
	left: -20px
}

.business-bg-a li {
	float: left;
	width: 121px;
	height: 151px;
	margin-right: 15px;
	margin-bottom: 11px;
	background-image: url('../img/business_bg_a1_big.png')
}

.business-bg-a li:hover {
	background-image: url('../img/business_bg_a2_big.png')
}

.li2 {
	background-position: -148px 0
}

.li3 {
	background-position: -296px 0
}

.li4 {
	background-position: -444px 0
}

.li5 {
	background-position: -592px 0
}

.li6 {
	background-position: -740px 0
}

.li7 {
	background-position: 0 -176px
}

.li8 {
	background-position: -148px -176px
}

.business .business-bg-a {
	top: 179px;
	left: -17px
}

.business .business-bg-a li {
	background-image: url('../img/big_business_bg_a1_1.png')
}

.business .business-bg-a li:hover {
	background-image: url('../img/big_business_bg_a1_2.png')
}

.li1 {
	background-position: 0 0
}

.li2 {
	background-position: -136px 0
}

.li3 {
	background-position: -272px 0
}

.li4 {
	background-position: -408px 0
}

.li5 {
	background-position: -545px 0
}

.li6 {
	background-position: -681px 0
}

.li7 {
	background-position: 0 -162px
}

.li8 {
	background-position: -136px -162px
}

.restaurant .business-bg-a {
	top: 95px;
	left: 410px
}

.restaurant .business-bg-a li {
	background-image: url('../img/big_business_bg_a2_1.png')
}

.restaurant .business-bg-a li:hover {
	background-image: url('../img/big_business_bg_a2_2.png')
}

.city .business-bg-a {
	top: 179px;
	left: -5px
}

.city .business-bg-a li {
	background-image: url('../img/big_business_bg_a3_1.png')
}

.city .business-bg-a li:hover {
	background-image: url('../img/big_business_bg_a3_2.png')
}

.mobile .business-bg-a {
	top: 95px;
	left: 410px
}

.mobile .business-bg-a li {
	background-image: url('../img/big_business_bg_a4_1.png')
}

.mobile .business-bg-a li:hover {
	background-image: url('../img/big_business_bg_a4_2.png')
}

.dynamic .title span {
	width: 86%
}

.city .title span,
.restaurant .title span,
.mobile .title span {
	float: right;
	width: 73%;
	border: 0;
	border-bottom: 1px solid #dcdcdc
}

.txt-info {
	width: 85%;
	text-indent: 2em;
	color: #666;
	font-size: 14px;
	line-height: 18px;
	float: left;
	margin: 0 0 40px
}

.btn-info {
	width: 166px;
	height: 48px;
	display: inline-block;
	background: url('../img/btn_info_bg.png');
	color: #fff;
	text-decoration: none;
	line-height: 48px;
	text-align: center;
	font-size: 16px;
	float: right;
	margin-top: 0
}

.pos {
	position: absolute;
	width: 300px;
	top: 55%;
	left: 50px;
	text-align: center
}

.pos .txt-info {
	width: 100%;
	line-height: 20px;
	margin-bottom: 36px
}

.pos .btn-info {
	margin: 50px auto 0;
	float: none
}

.dynamic li {
	width: 32%;
	margin-right: 2%;
	float: left
}

.dynamic .last {
	width: 32%;
	margin-right: 0;
	float: right
}

.dynamic a {
	color: #333;
	font-size: 13px;
	text-decoration: none
}

.dynamic a:hover {
	text-decoration: underline
}

.dynamic .tit {
	display: inline-block;
	width: 100%
}

.dynamic .tit span {
	color: #333;
	font-size: 16px;
	margin-bottom: 10px;
	float: left;
	font-weight: 600
}

.dynamic .tit a {
	float: right;
	margin-left: 15px;
	margin-top: 4px
}

.dynamic p {
	font-size: 14px;
	color: #999;
	padding: 0 10px
}

.ct-top {
	background-color: #59c1fd;
	text-align: center
}

.ct-top h1 {
	font-size: 24px;
	font-weight: 400;
	color: #fff;
	position: absolute;
	text-align: center;
	top: 35px
}

.ct-top h1,
.ct-top p {
	width: 100%;
	left: 0
}

.ct-top p,
.ct-top a {
	font-weight: 400;
	position: absolute;
	text-align: center
}

.ct-top a,
.ct-top p {
	color: #fff
}

.ct-top p {
	top: 107px;
	font-size: 14px;
	line-height: 23px
}

.ct-top a {
	font-size: 18px;
	top: 225px;
	display: block;
	padding: 10px 20px;
	border: 1px solid #fff;
	width: 110px;
	left: 50%;
	margin-left: -75px;
	text-decoration: none;
	border-radius: 5px
}

.ct-product {
	padding: 40px 0
}

.ct-product a {
	color: #0ba1fa;
	text-decoration: none;
	font-size: 16px;
	position: absolute;
	right: 0;
	top: 0
}

.ct-product .abs-a {
	width: 140px;
	height: 155px;
	top: 125px;
	left: 150px
}

.ct-product .abs-a2 {
	left: 338px
}

.ct-product .abs-a3 {
	left: 528px
}

.ct-product .abs-a4 {
	left: 718px
}

.ct-product .abs-a5 {
	top: 315px;
	left: 150px
}

.ct-product .abs-a6 {
	top: 315px;
	left: 338px
}

.ct-product .abs-a7 {
	top: 315px;
	left: 528px
}

.ct-product .abs-a8 {
	top: 315px;
	left: 718px
}

.ct-catering {
	padding: 40px 0;
	background-color: #f9f9f9
}

.txt {
	color: #383838;
	font-size: 12px;
	position: absolute;
	top: 0;
	left: 0
}

.txt1 {
	top: 11px;
	left: 195px;
	font-size: 16px;
	color: #818181;
	line-height: 24px
}

.txt2 {
	top: 268px;
	left: 430px
}

.txt3 {
	top: 261px;
	left: 665px
}

.txt4 {
	top: 336px;
	left: 430px
}

.txt5 {
	top: 336px;
	left: 665px
}

.txt6 {
	top: 403px;
	left: 430px
}

.txt7 {
	top: 396px;
	left: 665px
}

.txt8 {
	left: 450px
}

.txt8,
.txt9 {
	top: 575px;
	font-size: 14px
}

.txt9 {
	left: 605px
}

.txt10 {
	left: 750px
}

.txt10,
.txt11 {
	top: 575px;
	font-size: 14px
}

.txt11 {
	left: 905px
}

.txt12 {
	top: 618px;
	left: 450px;
	font-size: 14px
}

.txt13 {
	left: 605px
}

.txt13,
.txt14 {
	top: 618px;
	font-size: 14px
}

.txt14 {
	left: 750px
}

.ct-takeout {
	padding-top: 40px
}

.ct-takeout .txt1 {
	top: 19px
}

.ct-takeout .txt2,
.ct-takeout .txt3 {
	top: 250px
}

.ct-takeout .txt4,
.ct-takeout .txt5 {
	top: 316px
}

.ct-takeout .txt6 {
	top: 391px
}

.ct-takeout .txt7 {
	top: 383px
}

.ct-takeout .txt8,
.ct-takeout .txt9,
.ct-takeout .txt10,
.ct-takeout .txt11 {
	top: 562px
}

.ct-takeout .txt12,
.ct-takeout .txt13 {
	top: 605px
}

.ct-hotels {
	padding: 40px 0;
	background-color: #f9f9f9
}

.ct-hotels .txt1 {
	top: 25px
}

.ct-hotels .txt2,
.ct-hotels .txt3 {
	top: 255px
}

.ct-hotels .txt4 {
	top: 321px
}

.ct-hotels .txt5 {
	top: 330px
}

.ct-hotels .txt6 {
	top: 389px
}

.ct-hotels .txt7 {
	top: 396px
}

.ct-hotels .txt8,
.ct-hotels .txt9,
.ct-hotels .txt10,
.ct-hotels .txt11 {
	top: 568px
}

.ct-hotels .txt12,
.ct-hotels .txt13,
.ct-hotels .txt14 {
	top: 611px
}

.ct-city {
	padding: 40px 0
}

.ct-city .title-img {
	display: block;
	margin-bottom: 20px
}

.ct-city .city-slider {
	border: 1px solid #d8dadb;
	border-right: 0;
	overflow: hidden;
	margin: 0 auto 0 35px;
	width: 924px;
	height: 250px
}

.ct-city ul {
	width: 9999px
}

.ct-city li {
	float: left;
	width: 230px;
	height: 250px;
	text-align: center;
	border-right: 1px solid #d8dadb;
	font-size: 18px;
	color: #383838;
	position: relative
}

.case-name p {
	padding-bottom: 20px
}

.case-name img {
	width: 145px;
	height: 145px
}

.case-info img {
	width: 36px;
	height: 36px
}

.case-info {
	display: none;
	position: absolute;
	top: 100%;
	left: -10px;
	width: 100%;
	height: 100%;
	background-color: #27a9f2;
	padding-left: 20px
}

.case-info p {
	text-align: left;
	padding: 15px 15px 10px 0;
	font-size: 12px;
	color: #fff;
	line-height: 18px
}

.case-info ul,
.case-info li {
	float: left;
	border: 0
}

.case-info li {
	width: 47px;
	height: auto;
	font-size: 12px;
	color: #fff
}

.ct-pre {
	left: 0
}

.ct-pre,
.ct-next {
	display: block;
	width: 29px;
	height: 85px;
	background: url(../img/restaurant/pre.png);
	position: absolute;
	top: 45%
}

.ct-next {
	background: url(../img/restaurant/next.png);
	left: 965px
}

.ct-pre:hover {
	background: url(../img/restaurant/pre_now.png)
}

.ct-next:hover {
	background: url(../img/restaurant/next_now.png)
}

.ws-top,
.ws-top .main {
	height: 369px;
	background-color: #42baff
}

.ws-top .main {
	background: url('../img/business/banner_top.jpg') center;
	overflow: hidden
}

.ws-top h1 {
	font-size: 24px;
	margin-top: 50px
}

.ws-top h1,
.ws-top h2 {
	font-weight: 400;
	color: #fff
}

.ws-top h2 {
	font-size: 18px;
	width: 410px;
	border-bottom: 1px solid #94d8ff;
	padding-bottom: 20px;
	margin-bottom: 0;
	margin-top: 32px
}

.ws-top h3 {
	font-size: 14px;
	color: #fff;
	margin-top: 20px;
	margin-bottom: 10px
}

.ws-top p {
	font-size: 12px;
	color: #c2e5ff;
	width: 410px;
	line-height: 20px
}

.ws-top .btn-top {
	display: inline-block;
	width: 131px;
	height: 37px;
	background: url('../img/business/btn_top.jpg');
	margin-top: 10px
}

.ws-area1 {
	padding: 40px 0
}

.ws-area1 .ws-btn1 {
	width: 225px;
	height: 51px;
	top: 402px
}

.ws-area1 .ws-btn1,
.ws-area1 .ws-btn2 {
	display: inline-block;
	position: absolute;
	left: 4px
}

.ws-area1 .ws-btn2 {
	width: 250px;
	height: 82px;
	top: 132px
}

.ws-area1 .ws-btn2_2 {
	left: 372px
}

.ws-area1 .ws-btn2_3 {
	left: 745px
}

.ws-area1 .ws-btn2_4 {
	left: 4px;
	top: 257px
}

.ws-area1 .ws-btn2_5 {
	left: 372px;
	top: 257px
}

.ws-area1 .ws-btn2_6 {
	left: 745px;
	top: 257px
}

.ws-area3 .ws-btn1 {
	top: 657px;
	left: 650px
}

.ws-area3 .ws-btn1,
.ws-area4 .ws-btn1 {
	display: inline-block;
	position: absolute;
	width: 175px;
	height: 46px
}

.ws-area4 .ws-btn1 {
	top: 510px;
	left: 414px
}

.ws-area2 {
	padding: 40px 0;
	background-color: #f9f9f9
}

.ws-area3 {
	padding: 40px 0;
	background-color: #fff
}

.ws-area3 span {
	position: absolute;
	font-size: 18px;
	color: #818181;
	top: 480px;
	left: 650px;
	width: 305px;
	line-height: 30px
}

.ws-area4 {
	padding: 40px 0;
	background-color: #f9f9f9
}

.ws-area4 .txt1 {
	left: 30px
}

.ws-area4 .txt1,
.ws-area4 .txt2 {
	top: 410px;
	font-size: 14px;
	color: #505050
}

.ws-area4 .txt2 {
	left: 270px
}

.ws-area4 .txt3 {
	left: 570px
}

.ws-area4 .txt3,
.ws-area4 .txt4 {
	top: 410px;
	font-size: 14px;
	color: #505050
}

.ws-area4 .txt4 {
	left: 785px
}

.ws-area5 {
	padding: 40px 0;
	background-color: #fff
}

.ws-area5 .title-img {
	display: block;
	margin-bottom: 40px
}

.ws-area5 ul {
	width: 240px;
	float: left
}

.ws-area5 li {
	padding: 15px 20px;
	width: 180px;
	margin-bottom: 10px;
	border: 1px solid #dadcdd;
	border-left: 2px solid #27a9f2;
	line-height: 25px
}

.ws-area5 li a {
	font-size: 16px;
	color: #505050;
	text-decoration: none
}

.fx-box {
	float: left;
	padding: 10px;
	border: 1px solid #dbdcdd
}

.ws-area5 .now {
	border-color: #27a9f2;
	background-color: #27a9f2;
	position: relative
}

.ws-area5 .now a {
	color: #fff
}

.ws-area5 .now span {
	display: inline;
	position: absolute;
	right: -7px
}

.ws-btn {
	display: inline-block;
	width: 175px;
	height: 46px;
	background: url('../img/business/ws_btn.jpg');
	margin-top: 40px;
	margin-left: 400px
}

.ws-area6 {
	padding: 40px 0;
	height: 516px;
	background: url('../img/business/product_bg6.jpg') center no-repeat;
	background-color: #f9f9f9
}

.ws-area7 {
	padding: 40px 0;
	background-color: #fff
}

.pro {
	position: absolute;
	width: 260px
}

.pro p {
	font-size: 14px;
	color: #818181;
	line-height: 25px
}

.pro span {
	font-size: 16px;
	color: #0aa1fa
}

.pro1 {
	top: 185px;
	left: 190px
}

.pro2 {
	top: 185px;
	left: 740px
}

.pro3 {
	top: 485px;
	left: 190px
}

.pro4 {
	top: 485px;
	left: 740px
}

.pro5 {
	top: 795px;
	left: 190px
}

.pro6 {
	top: 795px;
	left: 740px
}

.search {
	background-color: #acaf84;
	text-align: center
}

.search .search-bg {
	min-width: 100%;
	max-width: 100%
}

.search .main {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%
}

.search .search-logo {
	margin-top: 10%;
	margin-bottom: 3%
}

.search .proxy-name {
	width: 40%;
	margin-left: 28%;
	display: block;
	height: 40px;
	line-height: 40px;
	border: 0;
	background: #fff;
	padding: 0 10px;
	float: left;
	border-radius: 0
}

.search .sub-search {
	float: left;
	background: url('../img/proxy_search_icon.png') center no-repeat;
	height: 40px;
	width: 50px;
	border: 0;
	background-color: #27a9f2
}

.proxy-top {
	height: 343px;
	background: url('../img/proxy/proxy_top.jpg') center no-repeat;
	background-color: #38241c;
	text-align: center
}

.proxy-top h1 {
	font-size: 43px;
	margin-top: 65px
}

.proxy-top h1,
.proxy-top h2 {
	font-weight: 400;
	color: #fff;
	margin-bottom: 0
}

.proxy-top h2 {
	font-size: 29px;
	margin-top: 15px;
	letter-spacing: 5px
}

.proxy-top a {
	display: inline-block;
	width: 240px;
	height: 55px;
	line-height: 55px;
	color: #fff;
	font-size: 20px;
	margin-top: 30px;
	background: #27a9f2;
	text-decoration: none
}

.proxy-news {
	background: #e4e2e2;
	padding: 3px 0
}

.proxy-news ul {
	margin-left: 10px
}

.proxy-news li {
	float: left;
	margin-right: 30px;
	width: auto;
	text-align: left
}

.proxy-news li img {
	position: relative;
	top: -1px
}

.proxy-news li a {
	color: #383838;
	font-size: 12px;
	text-decoration: none
}

.proxy-news .news-more {
	display: inline-block;
	text-decoration: none;
	color: #27a9f2;
	font-size: 12px;
	float: right;
	line-height: 24px
}

.proxy-area1 {
	padding: 40px 0;
	background-color: #fff
}

.proxy-area1 .txt1 {
	font-size: 12px;
	color: #818181;
	width: 235px;
	text-align: center;
	top: 210px;
	left: 60px
}

.proxy-area1 .txt2 {
	font-size: 12px;
	color: #818181;
	top: 210px;
	left: 430px
}

.proxy-area1 .txt3 {
	font-size: 12px;
	color: #818181;
	top: 210px;
	left: 740px
}

.abs-btn {
	position: absolute;
	display: inline-block;
	width: 250px;
	height: 200px;
	top: 50px;
	left: 50px
}

.abs-btn2 {
	left: 380px
}

.abs-btn3 {
	left: 715px
}

.proxy-area2 {
	padding: 40px 0;
	background-color: #f6f6f6;
	text-align: center
}

.proxy-area2 .main {
	background-color: #fff;
	display: inline-block
}

.proxy-area2 img {
	float: left;
	margin-right: 30px
}

.proxy-area2 h1 {
	float: left;
	color: #383838;
	font-size: 24px;
	font-weight: 400;
	padding-top: 20px;
	margin: 0
}

.proxy-area2 p {
	float: left;
	width: 680px;
	color: #818181;
	font-size: 14px;
	text-align: left;
	line-height: 21px
}

.proxy-area2 a {
	display: block;
	float: right;
	color: #27a9f2;
	font-size: 12px;
	text-decoration: none;
	margin-right: 40px
}

.proxy-area3 {
	height: 757px;
	background: url('../img/proxy/proxy3_bg.jpg') center no-repeat;
	background-color: #747870;
	overflow: hidden
}

.proxy-area3 .cont {
	margin-top: 50px
}

.proxy-area3 .cont-a {
	position: absolute;
	top: 145px;
	left: 0;
	width: 1000px;
	height: 150px
}

.proxy-area3 .cont-a li {
	width: 63px;
	height: 150px;
	margin-left: 33px;
	float: left;
	cursor: pointer
}

.proxy-area3 h1 {
	font-size: 30px;
	color: #fff;
	font-weight: 400;
	margin-top: 35px;
	margin-bottom: 0
}

.proxy-area3 h2 {
	color: #fff;
	font-size: 18px;
	width: 320px;
	font-weight: 400;
	margin-top: 150px;
	line-height: 30px
}

.proxy-area3 p {
	color: #c4c5c5;
	font-size: 12px;
	margin-top: 20px;
	width: 1000px;
	margin-bottom: 20px;
	line-height: 22px
}

.proxy-area4 {
	background-color: #f6f6f6;
	padding: 40px 0;
	margin-top: -10px
}

.proxy-area4 .title {
	display: inline-block;
	width: 100%
}

.proxy-area4 .title h1 {
	font-size: 30px;
	color: #383838;
	font-weight: 400;
	float: left;
	margin: 0
}

.proxy-area4 .title a {
	font-size: 18px;
	color: #27a9f2;
	text-decoration: none;
	float: right
}

.proxy-area4 ul {
	width: 100%
}

.proxy-area4 li {
	width: 32%;
	background-color: #fff;
	display: inline-block;
	padding-bottom: 20px;
	float: left;
	margin-right: 2%;
	margin-bottom: 20px
}

.proxy-area4 li img {
	max-width: 100%;
	min-width: 100%;
	width: 311px;
	height: 202px
}

.proxy-area4 li h3 {
	padding: 0 20px;
	color: #383838;
	font-size: 18px;
	margin-bottom: 10px
}

.proxy-area4 li p {
	padding: 0 20px;
	font-size: 12px;
	color: #818181;
	line-height: 20px
}

.proxy-area4 li a {
	color: #27a9f2;
	font-size: 12px;
	text-decoration: none;
	display: block;
	float: right;
	margin-right: 20px
}

.posts {
	background-color: #fff;
	padding: 40px 0
}

.posts h1 {
	font-weight: 400;
	font-size: 24px;
	color: #27a9f2;
	border-bottom: 1px solid #27a9f2;
	padding-bottom: 20px;
	margin-bottom: 0
}

.posts a {
	text-decoration: none
}

.posts ul,
.posts li {
	display: inline-block;
	width: 100%
}

.posts li {
	padding: 15px 0;
	border-bottom: 1px solid #f0efef
}

.posts li h4 {
	font-size: 14px;
	color: #383838;
	float: left;
	margin: 0
}

.posts li span {
	font-size: 14px;
	color: silver;
	float: right
}

.posts .page {
	display: block;
	width: 100%;
	border-top: 1px solid #27a9f2;
	padding-top: 40px;
	text-align: right
}

.posts .page a {
	border: 1px solid #e7e7e7;
	color: #a4a3aa;
	font-size: 14px;
	padding: 5px 10px
}

.posts .page a.now,
.posts .page a:hover {
	background-color: #27a9f2;
	border: 1px solid #27a9f2;
	color: #fff
}

.contact {
	padding-bottom: 50px
}

.contact h1 {
	font-size: 30px;
	color: #27a9f2;
	font-weight: 400
}

.contact span {
	display: inline-block;
	padding-left: 15px;
	font-size: 14px;
	color: #383838
}

.contact .col1 {
	width: 70px
}

.contact .col2 {
	width: 150px
}

.contact .col3 {
	width: 250px;
	color: #27a9f2
}

.contact .col4 {
	width: 170px
}

.contact .col5 {
	width: 120px
}

.contact .col6 {
	width: auto
}

.contact div {
	height: 50px;
	line-height: 50px
}

.contact .contact-bg {
	background-color: #f6f7f7
}

.contact-address {
	float: left;
	width: 70px;
	padding-left: 15px;
	background-color: #fff
}

.contact-row1,
.contact-row2,
.contact-row3,
.contact-row4,
.contact-row5,
.contact-row6 {
	border-bottom: 1px solid #27a9f2
}

.contact .contact-row1 {
	background-color: #27a9f2;
	height: 40px;
	line-height: 40px
}

.contact .contact-row1 span {
	color: #fff
}

.contact .contact-row3 {
	height: 300px
}

.contact-row3 .contact-address {
	height: 300px;
	line-height: 300px
}

.contact .contact-row4 {
	height: 250px
}

.contact-row4 .contact-address {
	height: 250px;
	line-height: 250px
}

.contact .contact-row5 {
	height: 150px
}

.contact-row5 .contact-address {
	height: 150px;
	line-height: 150px
}

.contact .contact-row6 {
	height: 100px
}

.contact-row6 .contact-address {
	height: 100px;
	line-height: 100px
}

.login {
	padding: 20px 0
}

.login-box {
	border: 1px solid #e7e7e7;
	float: right;
	padding: 60px 50px;
	width: 298px;
	margin-top: 60px
}

.login-bg {
	width: 500px
}

.login-logo {
	margin-bottom: 30px
}

.login-head img {
	width: 60px
}

.login-head span {
	display: inline-block;
	height: 60px;
	line-height: 60px;
	font-size: 18px;
	color: #383838;
	vertical-align: bottom
}

.username,
.password {
	padding-left: 15%;
	width: 85%;
	height: 40px;
	border: 0;
	margin-top: 20px;
	background: url('../img/login_icon1.png') 10px 50% no-repeat;
	background-color: #ebebeb
}

.password {
	background: url('../img/login_icon2.png') 10px 50% no-repeat;
	background-color: #ebebea;
	margin-bottom: 20px
}

.btn-login {
	width: 100%;
	background: #27a9f2;
	color: #fff;
	text-align: center;
	line-height: 50px;
	height: 50px;
	font-size: 20px;
	border: 0;
	margin-top: 5px;
	margin-bottom: 5px
}

#remember {
	width: 18px;
	height: 18px;
	background: #fff;
	margin-right: 8px
}

.login label {
	margin-left: 8px;
	vertical-align: top;
	color: #383838
}

.forget {
	text-decoration: none;
	color: #383838
}

.login #rememberPwdIcon {
	width: 17px;
	height: 21px
}

.reg {
	float: right;
	color: #383838
}

.reg a {
	text-decoration: none;
	color: #27a9f2
}

.login2 .btn-login {
	margin-top: 0;
	margin-bottom: 10px
}

.login2 .login-bg {
	margin-top: 100px;
	width: 550px
}

.reg-top {
	background: url('../img/reg_bg.jpg') center no-repeat;
	background-color: #8dbbca;
	height: 370px
}

.reg-form {
	padding: 40px 0
}

.reg-form h1 {
	font-size: 24px;
	color: #383838;
	font-weight: 200;
	padding-bottom: 10px;
	border-bottom: 1px solid #ccc;
	margin-bottom: 40px
}

.reg-form small {
	color: #999;
	font-size: 14px;
	display: inline-block;
	float: right;
	line-height: 40px
}

.form-row span {
	display: inline-block;
	width: 100px;
	margin-right: 15px;
	text-align: right;
	font-size: 18px;
	color: #383838;
	margin-bottom: 35px
}

.form-row img {
	vertical-align: super;
	margin-right: 8px
}

.form-ipt {
	width: 450px;
	padding-left: 10px;
	height: 40px;
	line-height: 40px;
	border: 1px solid #dcdcdc;
	border-radius: 5px
}

.ipt-short {
	width: 280px;
	margin-right: 20px
}

.sent-code {
	display: inline-block;
	height: 42px;
	background-color: #f87e22;
	text-align: center;
	font-size: 16px;
	color: #fff;
	text-decoration: none
}

.sent-code,
.form-sel {
	width: 150px;
	line-height: 40px;
	border-radius: 5px
}

.form-sel {
	padding-left: 10px;
	height: 40px;
	border: 1px solid #dcdcdc;
	margin-right: 3px
}

.form-sub {
	width: 280px;
	height: 45px;
	font-size: 20px;
	color: #fff;
	background-color: #27a9f2;
	border-radius: 5px;
	border: 0;
	margin-left: 115px;
	margin-top: 20px
}

.form-sub,
.success-box {
	text-align: center
}

.success-box h2 {
	font-size: 30px;
	color: #383838;
	font-weight: 400
}

.success-box h3 {
	font-size: 18px;
	color: #383838;
	font-weight: 400
}

.success-box h3 a {
	font-size: 18px;
	color: #10a5f9;
	text-decoration: none
}

.products {
	padding: 40px 0
}

.products-menus {
	width: 20%;
	min-height: 450px;
	height: auto;
	float: left;
	background-color: #f5f5f5
}

.products-menus li {
	height: 50px;
	line-height: 50px;
	border-left: 6px solid #f5f5f5
}

.products-menus li a {
	text-decoration: none;
	font-size: 16px;
	color: #383838
}

.products-menus li img {
	margin-left: 50px;
	margin-right: 20px;
	vertical-align: text-top
}

.products-menus li:hover,
.products-menus .now {
	border-left: 6px solid #29b0ff;
	background-color: #fff
}

.products-menus .now a {
	color: #29b0ff
}

.products-cont {
	float: left;
	width: 70%;
	height: auto;
	padding: 20px 0 0 10%
}

.products-cont li {
	width: 28%;
	margin-right: 5%;
	float: left;
	margin-bottom: 40px;
	height: 65px
}

.products-cont img {
	float: left;
	margin-right: 10px
}

.products-cont h3 {
	margin: 0;
	width: 55%;
	text-decoration: none;
	font-size: 16px;
	color: #383838;
	float: left
}

.products-cont small {
	margin-top: 5px;
	display: block;
	text-decoration: none;
	font-size: 12px;
	color: #afafaf;
	float: left;
	font-weight: 400
}

.info-top {
	padding: 40px 0
}

.info-top .main {
	border: 1px solid #d8dadb
}

.info-top .info-icon {
	display: inline-block;
	padding: 20px;
	background-color: #f6f5f5;
	border-radius: 10px;
	margin: 20px
}

.info-top .info-title,
.info-top .info-use,
.info-top h1 {
	display: inline-block
}

.info-top h1 {
	font-size: 24px;
	color: #383838;
	font-weight: 400;
	margin: 0 40px 0 0
}

.info-title span {
	font-size: 12px;
	color: #bababa
}

.info-top h4 {
	margin: 0 0 0 5px;
	font-size: 12px;
	color: #383838;
	font-weight: 400;
	border: 1px solid #dadcdd;
	padding: 3px 10px
}

.info-top h4,
.info-top h3 {
	display: inline-block
}

.info-top h3,
.info-top h2 {
	font-size: 14px;
	color: #afafaf;
	font-weight: 400
}

.info-top h2 {
	display: block
}

.info-top .info-use {
	float: right;
	margin-right: 50px;
	margin-top: 45px
}

.info-top .info-use a {
	text-decoration: none;
	position: relative;
	display: inline-block
}

.info-top .info-use .a-num {
	top: -5px
}

.info-top .info-use span {
	font-size: 20px;
	color: #27a9f2;
	margin-right: 5px;
	margin-left: 10px
}

.info-top .info-use .abs {
	font-size: 28px;
	color: #29b0ff;
	position: absolute;
	top: -6px;
	right: 0;
	display: block;
	width: 100%;
	text-align: right;
	margin: 0 35px 0 0
}

.info-slider .main {
	background-color: #f6f5f5;
	text-align: center
}

.info-slider .info-box {
	padding: 10px 0;
	margin: 0 auto;
	width: 90%;
	overflow: hidden
}

.info-slider ul {
	width: 9999px
}

.info-slider li {
	float: left;
	width: 215px;
	height: 380px;
	margin: 0 6px
}

.info-slider-box li img {
	min-width: 100%;
	width: 215px;
	height: 380px
}

.info-slider-box2 li {
	float: left;
	width: 875px;
	height: 380px;
	margin: 0 13px
}

.info-slider-box2 li img {
	min-width: 100%;
	width: 875px;
	height: 380px
}

.info-intro {
	padding: 20px 0 40px
}

.info-intro2 {
	margin-top: -60px
}

.info-intro h3 {
	font-size: 20px;
	color: #383838;
	font-weight: 400
}

.info-intro p {
	font-size: 14px;
	color: #383838;
	font-weight: 400;
	line-height: 20px
}

.info-intro .more {
	font-size: 14px;
	color: #27a9f2;
	font-weight: 400;
	text-decoration: none;
	float: right
}

.info-intro h2 {
	padding-top: 30px;
	padding-bottom: 20px;
	font-size: 20px;
	color: #383838;
	font-weight: 400;
	border-bottom: 1px solid #dbdcdd
}

.info-intro li {
	float: left;
	margin-right: 20px
}

.info-intro ul h3 {
	display: inline-block;
	margin: 0 0 0 10px;
	float: right;
	font-size: 18px;
	color: #383838;
	font-weight: 400;
	width: 80px
}

.info-intro ul small {
	display: block;
	font-size: 12px;
	color: #afafaf;
	margin-top: 2px
}

.info-pre {
	left: 0
}

.info-pre,
.info-next {
	display: block;
	width: 30px;
	height: 102px;
	background: url('../img/products/pre.png');
	position: absolute;
	top: 38%
}

.info-next {
	background: url('../img/products/next.png');
	left: auto;
	right: 0
}

.info-pre:hover {
	background: url('../img/products/pre_now.png')
}

.info-next:hover {
	background: url('../img/products/next_now.png')
}

.cases {
	padding: 40px 0
}

.cases h1 {
	font-size: 24px;
	color: #27a9f2;
	font-weight: 400;
	padding-bottom: 20px;
	border-bottom: 1px solid #27a9f2
}

.cases h1 a {
	float: right;
	font-size: 14px;
	color: #383838;
	text-decoration: none
}

.cases h1 img {
	vertical-align: middle;
	margin-right: 10px
}

.cases-menus {
	width: 13%;
	height: auto;
	float: left
}

.cases-menus li,
.cases-menus li a {
	height: 40px;
	line-height: 40px
}

.cases-menus li a {
	display: inline-block;
	width: 100%;
	padding-left: 20%;
	text-decoration: none;
	font-size: 16px;
	color: #383838
}

.cases-menus .now a,
.cases-menus a:hover {
	border-left: 6px solid #29b0ff;
	background-color: #f8f9fa;
	color: #29b0ff;
	padding-left: 30px
}

.cases-cont {
	float: left;
	width: 82%;
	padding-bottom: 50px;
	margin-left: 5%;
	background-color: #f8f9fa
}

.cases-cont .cases-logo {
	height: 144px;
	display: block
}

.cases-logo li {
	float: left;
	width: 117px;
	text-align: center;
	padding-top: 20px;
	padding-bottom: 20px
}

.cases-logo a {
	text-decoration: none
}

.cases-logo img {
	display: block;
	width: 69px;
	height: 69px;
	margin: 0 auto
}

.cases-logo span {
	margin-top: 6px;
	display: inline-block;
	padding: 3px 8px;
	background-color: #f8f9fa;
	color: #c3c4c4;
	border-radius: 5px
}

.cases-logo .now {
	background-color: #fff
}

.cases-logo .now span {
	background-color: #27a9f2;
	color: #fff
}

.cases-slider {
	width: 100%;
	padding: 20px 0;
	position: relative
}

.cases-slider .cases-box {
	width: 750px;
	display: block;
	margin: 0 auto;
	height: 410px;
	overflow: hidden
}

.cases-slider ul {
	width: 9999px
}

.cases-slider li {
	float: left;
	margin: 0 5px;
	width: 240px
}

.cases-slider li img {
	width: 780px;
	height: 390px;
}

.cases-pre {
	left: 0
}

.cases-pre,
.cases-next {
	display: inline-block;
	width: 30px;
	height: 52px;
	position: absolute;
	top: 40%;
	background: url('../img/cases/pre.png')
}

.cases-next {
	left: auto;
	right: 0;
	background: url('../img/cases/next.png')
}

.cases-pre:hover {
	background: url('../img/cases/pre_now.png')
}

.cases-next:hover {
	background: url('../img/cases/next_now.png')
}

.cases-info {
	padding: 36px 40px;
	position: relative
}

.cases-info .cases-ercode {
	width: 140px;
	display: inline-block;
	text-align: center;
	float: left
}

.cases-info .cases-erwei-bg {
	margin: 30px auto 0;
	display: block
}

.cases-info .cases-erwei {
	width: 130px;
	height: 130px;
	position: absolute;
	top: 76px;
	left: 285px;
}

.cases-info .cases-title {
	position: absolute;
	top: 108px;
	left: 435px;
	width: 130px;
	text-align: center;
	font-size: 20px;
	color: #383838;
	font-weight: 400
}

.cases-ercode img {
	margin-right: 10px;
	vertical-align: middle
}

.cases-ercode span {
	display: inline-block;
	margin-top: 10px;
	font-size: 12px;
	color: #27a9f2
}

.cases-info .cases-txt {
	display: inline-block;
	width: 550px;
	float: left;
	margin-left: 20px
}

.cases-txt h2 {
	font-size: 26px;
	font-weight: 400;
	color: #383838;
	margin-bottom: 10px;
	margin-top: 10px
}

.cases-txt p {
	font-size: 14px;
	color: #383838;
	margin-top: 0
}

.products-index-top {
	background: url('../img/products/products_index_top.jpg') center no-repeat;
	background-color: #236387;
	height: 320px
}

.products-index-top .main {
	overflow: hidden
}

.products-index-top .products_index_silider {
	width: 99999px;
	height: auto
}

.products_index_silider li {
	float: left
}

.products-index-top .products_index_icons {
	position: absolute;
	bottom: 20px
}

.products_index_icons li {
	float: left;
	margin-right: 5px
}

.products-index {
	padding: 40px 0
}

.products-index h1 {
	font-weight: 400;
	font-size: 22px;
	color: #383838;
	padding-bottom: 15px;
	border-bottom: 1px solid #e8e8e6;
	width: 100%;
	margin: 0 0 20px
}

.products-index-category {
	width: 155px;
	float: left
}

.products-index-category li {
	height: 40px;
	line-height: 40px;
	width: 130px
}

.products-index-category img {
	vertical-align: sub;
	margin-right: 8px
}

.products-index-category li a {
	display: inline-block;
	width: 100%;
	height: 40px;
	line-height: 40px;
	text-decoration: none;
	font-size: 16px;
	color: #383838;
	border-left: 6px solid #fff;
	padding-left: 15px
}

.products-index-category .now a,
.products-index-category a:hover {
	border-left: 6px solid #29b0ff;
	background-color: #f8f9fa;
	color: #29b0ff
}

.products-index-right {
	width: 750px;
	float: right
}

.products-index-recom {
	margin-bottom: 20px
}

.products-index-recom li {
	float: left;
	width: 120px;
	margin: 30px 10px;
	text-align: center
}

.products-index-recom a {
	text-decoration: none;
	font-size: 14px;
	color: #383838
}

.products-index-recom span {
	display: block;
	margin-top: 20px
}

.products-index-tops {
	position: relative
}

.products-index-box {
	margin: 0 auto;
	overflow: hidden
}

.products-index-tops ul {
	width: 9999px
}

.products-index-tops li {
	float: left
}

.products-index-pre {
	left: 0
}

.products-index-pre,
.products-index-next {
	display: inline-block;
	width: 20px;
	height: 67px;
	position: absolute;
	top: 45%;
	background: url('../img/products/products_index_pre.png')
}

.products-index-next {
	left: auto;
	right: 0;
	background: url('../img/products/products_index_next.jpg')
}

.products-index-pre:hover {
	background: url('../img/products/products_index_pre_now.jpg')
}

.products-index-next:hover {
	background: url('../img/products/products_index_next_now.png')
}

.error span,
.error font,
.error input {
	color: #b94a48!important
}

.error input {
	border: 1px solid #b94a48
}

.top-header {
	padding: 5px 0 3px
}

.header li,
.header li a {
	padding: 11px 6px;
	font-size: 14px
}

.header .brand {
	padding-top: 10px
}

.header .sub-item {
	top: 62px
}

.top-header a,
.header a,
.news ul a {
	font-size: 12px
}

.news ul a {
	text-decoration: none;
	color: #666
}

.subsidiary {
	padding: 60px 0;
	display: inline-block
}

.subsidiary.bg {
	background-color: #f9f9f9
}

.subsidiary .info {
	width: 600px;
	margin-left: 40px;
	float: right
}

.subsidiary img {
	width: 355px;
	height: 250px
}

.subsidiary h3 {
	padding: 0 0 25px;
	margin: 0 0 25px;
	font-size: 20px;
	color: #383838;
	font-weight: 400;
	border-bottom: 1px solid #ccc
}

.subsidiary small {
	float: right;
	margin-right: 10px;
	font-size: 14px;
	color: #0aa1fa
}

.subsidiary small span {
	font-size: 24px;
	color: #0aa1fa
}

.subsidiary .row {
	display: inline-block;
	padding-bottom: 5px
}

.subsidiary .name {
	color: #999;
	width: 70px;
	text-align: right
}

.subsidiary .name,
.subsidiary .dec {
	display: block;
	float: left;
	font-size: 14px
}

.subsidiary .dec {
	color: #383838;
	width: 500px
}

.subsidiary .row a {
	display: block;
	text-align: right;
	font-size: 14px;
	color: #0aa1fa;
	text-decoration: none
}

.abs_btn_a {
	position: absolute;
	width: 178px;
	height: 46px;
	top: 268px;
	left: 511px
}

.products-index-box {
	margin-left: 25px
}

.products-index-tops li {
	margin: 0 4px
}

.products-index-box li img {
	width: 225px
}

.products-index-box {
	width: 695px
}

.index-news-img {
	vertical-align: text-top
}

#jq-index-slider {
	display: none
}

.er-img-pos,
.er-a-pos {
	position: absolute;
	top: 0;
	left: 0
}

.er-img-pos div {
	padding: 20px 7px 7px;
	background: url(../img/er_bg_btm.png)
}

.er-img-pos div,
.er-img-pos span {
	position: absolute;
	width: 106px;
	height: 106px;
	display: none
}

.er-img-pos span {
	padding: 7px 7px 20px;
	background: url(../img/er_bg_top.png)
}

.er-img-pos div img,
.er-img-pos span img {
	width: 100%;
	height: 100%
}

.eria1 {
	top: 265px;
	left: 641px
}

.eria2 {
	top: 265px;
	left: 775px
}

.eria3 {
	top: 265px;
	left: 909px
}

.eria4 {
	top: 188px;
	left: 641px
}

.eria5 {
	top: 188px;
	left: 775px
}

.eria6 {
	top: 188px;
	left: 909px
}

.eria7 {
	top: 265px;
	left: 438px
}

.eria8 {
	top: 265px;
	left: 555px
}

.eria9 {
	top: 265px;
	left: 675px
}

.eria10 {
	top: 265px;
	left: 795px
}

.eria11 {
	top: 265px;
	left: 910px
}

.eria12 {
	top: 265px;
	left: 850px;
	display: none
}

.eria13 {
	top: 282px;
	left: 641px
}

.eria14 {
	top: 282px;
	left: 775px
}

.eria15 {
	top: 282px;
	left: 909px
}

.eria16 {
	top: 203px;
	left: 641px
}

.eria17 {
	top: 203px;
	left: 775px
}

.eria18 {
	top: 203px;
	left: 909px
}

.eria19 {
	top: 280px;
	left: 438px
}

.eria20 {
	top: 280px;
	left: 555px
}

.eria21 {
	top: 280px;
	left: 675px
}

.eria22 {
	top: 280px;
	left: 795px
}

.eria23 {
	top: 280px;
	left: 910px
}

.eria24 {
	top: 280px;
	left: 850px;
	display: none
}

.er-a-pos a {
	position: absolute;
	display: block;
	width: 65px;
	height: 90px
}

#eria1 {
	top: 180px;
	left: 670px
}

#eria2 {
	top: 180px;
	left: 804px
}

#eria3 {
	top: 180px;
	left: 936px
}

#eria4 {
	top: 316px;
	left: 670px
}

#eria5 {
	top: 316px;
	left: 804px
}

#eria6 {
	top: 316px;
	left: 936px
}

#eria7 {
	top: 395px;
	left: 466px
}

#eria8 {
	top: 395px;
	left: 585px
}

#eria9 {
	top: 395px;
	left: 702px
}

#eria10 {
	top: 395px;
	left: 823px
}

#eria11 {
	top: 395px;
	left: 938px
}

#eria12 {
	top: 395px;
	left: 850px;
	display: none
}

#eria13 {
	top: 196px;
	left: 670px
}

#eria14 {
	top: 196px;
	left: 804px
}

#eria15 {
	top: 196px;
	left: 936px
}

#eria16 {
	top: 330px;
	left: 670px
}

#eria17 {
	top: 330px;
	left: 804px
}

#eria18 {
	top: 330px;
	left: 936px
}

#eria19 {
	top: 410px;
	left: 466px
}

#eria20 {
	top: 410px;
	left: 585px
}

#eria21 {
	top: 410px;
	left: 702px
}

#eria22 {
	top: 410px;
	left: 823px
}

#eria23 {
	top: 410px;
	left: 938px
}

#eria24 {
	top: 410px;
	left: 850px;
	display: none
}

.disabled {
	background-color: #999
}