@charset "utf-8";

/* CSS Document */

* {
	outline: none;
}

h1,
h2,
h3,
h4,
h5,
h6 {
	margin-bottom: 0;
	margin-top: 0;
}


/**********首页********/


/*banner*/

.swiper-container {
	width: 100%;
	height: 400px;
}

.swiper-wrapper {
	width: 100%;
	height: 100%;
}
#a-save{
	cursor: pointer;
	}
.swiper-slide {
	width: 100%;
	height: 100%;
}

.swiper-slide img {
	width: 100%;
	height: 100%;
}

.swiper-pagination {
	position: absolute;
	bottom: 20px;
	left: 50%;
}

.logo-h1 {
	display: block;
	margin-top: 10px;
}

.daonav {
	margin-top: 21px;
}

.daonav li {
	border-right: 1px solid #ccc;
	float: left;
}

.daonav li a {
	display: block;
	font-size: 16px;
	font-weight: bold;
	padding: 0 10px;
}


/*首页轮播图*/

.ch-banner {
	width: 100%;
	position: relative;
	height: 400px;
	overflow: hidden;
}

.ch-list1 {
	position: absolute;
	top: 0;
	left: 0;
	height: 100%;
}

.ch-list1 li {
	float: left;
	overflow: hidden;
	height: 100%;
}

.ch-list1 li img {
	width: 100%;
	height: 100%;
}

.ch-banner .prev,
.ch-banner .next {
	background: #4b5c6d;
	padding: 5px 10px;
	border-radius: 3px;
	position: absolute;
	top: 38%;
	z-index: 10;
	cursor: pointer;
}

.prev {
	left: -100px;
}

.next {
	right: -100px;
}

.ch-banner span {
	font-size: 30px;
	color: #fff;
}

.bannerList {
	position: absolute;
	bottom: 20px;
	left: 50%;
	margin-left: -95px;
}

.ch-list2 {
	overflow: hidden;
}

.ch-list2 li {
	float: left;
	width: 53px;
	height: 5px;
	background: white;
	margin: 0 6px;
}

.ch-list2 .active {
	background: #000;
}

.ch-list3 {
	display: none;
	overflow: hidden;
}


/*.ch-list3:after{content:""; display:block; height:100%; visibility:hidden; clear:both;}*/

.ch-list3 li {
	cursor: pointer;
	float: left;
	width: 53px;
	height: 25px;
	border: 2px solid #fff;
	margin: 0 6px;
	position: relative;
}

.ch-list3 li img {
	width: 100%;
	height: 20px;
}

.ch-list3 li span {
	display: block;
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background: #fff;
	opacity: 0.5;
}

.ch-list3 .active {
	opacity: 0;
}


/*.daonav{height: 75px;}*/


/*.index_banner_cont{width:100%;position:relative;}
	.index_banner_scroll{position:relative;}
	.index_banner_scroll div{position:absolute;top:0;left:50%;margin-left:-960px;z-index:0;}
	.banner_btn{width:196px;height:5px;position:absolute;top:465px;right:50%;margin-right:-100px;z-index:10;}
	.banner_list{height:5px;position:absolute;top:0;}
	.banner_list span{width:53px;height:5px;background-color:#fff;margin:0 6px;display:inline-block;float:left;cursor:pointer;}
	.banner_list span.current{background-color:#333;}
	.banner_span{display:none;position:absolute;top:0;height:20px;}
	.banner_span a{width:49px;height:20px;opacity:0.5;-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=50)";filter:alpha(opacity=50);-moz-opacity:0.5;-khtml-opacity:0.5;background-color:#fff;display:inline-block;margin:0 6px;float:left;padding:2px;overflow:hidden;}
	.banner_span a.current{opacity:1;-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";filter:alpha(opacity=100);-moz-opacity:1;-khtml-opacity:1;}
	.index-banner{ position:relative;overflow:hidden;height:501px;border-bottom:3px solid #d1d1d1}*/


/*****平台优势****/

.web_s h1 {
	font-size: 20px;
	color: #444;
	text-align: center;
	background: url(../images/line2-en.jpg) center center no-repeat;
	height: 24px;
	margin: 50px 0 30px;
}

.web_s ul {
	padding: 0 50px;
	height: 650px;
}

.web_s ul li .row-content {
	width: 100%;
	margin: 0 auto;
	border: 1px solid #ddd;
	margin-bottom: 40px;
}

.web_s ul li img {
	width: 100%;
	height: 123px;
}

.web_s ul li .con {
	padding: 15px 10px;
}

.web_s ul li .con h2 {
	font-size: 18px;
	color: #333;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
}

.web_s ul li .con p {
	color: #666;
	line-height: 17px;
	margin: 10px 0;
	height: 52px;
	text-overflow: ellipsis;
	overflow: hidden;
}

.web_s ul li .con a {
	display: block;
	text-indent: 25px;
	padding: 5px 0;
	background: url(../images/more.jpg) left center no-repeat;
	color: #06C;
}

.web_s ul li .con a:hover {
	color: #666;
}


/*****设备接入****/

.device_01 {
	width: 100%;
	height: 472px;
	background: url(../images/banner/banner_04.jpg) center center no-repeat;
}

.device_02 {
	width: 350px;
	height: 200px;
	margin: 120px auto;
}

.device_02 h1 {
	font-size: 20px;
	color: #fff;
	font-weight: bold;
}

.device_02 p {
	color: #fff;
	line-height: 24px;
	margin: 25px 0;
}

.device_02 .d1 {
	width: 350px;
	height: 54px;
}

.device_02 .d1 a {
	display: block;
	float: left;
	margin-right: 15px;
	width: 160px;
	height: 45px;
	line-height: 45px;
	text-align: center;
	font-size: 20px;
	;
	font-weight: bold;
	border-radius: 5px;
}

.device_02 .d1 a.concact {
	background: #f3cf05;
	border-bottom: 4px solid #d39b06;
	color: #444;
}

.device_02 .d1 a.insert {
	background: #6096db;
	border-bottom: 4px solid #17437b;
	color: #fff;
}

.device_02 .d1 a.concact:hover {
	background: #d6b706;
	border-bottom: 4px solid #b38305;
}

.device_02 .d1 a.insert:hover {
	background: #5180b9;
	border-bottom: 4px solid #113159;
}


/*****解决方案****/

.solution {
	height: 350px
}

.solution h1 {
	font-size: 20px;
	color: #444;
	text-align: center;
	background: url(../images/line2.jpg) center center no-repeat;
	height: 24px;
	margin: 50px 0 30px;
}

.apply {
	position: relative;
	width: 1200px;
	margin: 20px auto 0 auto;
}

.apply .apply_nav {
	position: relative;
	width: 1026px;
	margin: 0 auto;
	height: 208px;
	overflow: hidden;
}

.apply_w {
	width: 2610px;
	top: 5px;
	left: -520px;
	position: absolute;
}

.apply_w .apply_array {
	border: #cdcdcd 1px solid;
	width: 500px;
	float: left;
	height: 184px;
	margin-right: 20px;
	overflow: hidden;
}

.apply_array img {
	display: block;
	width: 248px;
	height: 182px;
	float: left;
	border: none;
}

.apply_array p {
	line-height: 2em;
	margin: 10px 0;
	color: #999;
	height: 84px;
	text-overflow: ellipsis;
	word-wrap: break-word;
	word-break: break-all;
	overflow: hidden;
}

.apply_array h2 {
	font-size: 16px;
	width: 200px;
	overflow: hidden;
	white-space: nowrap;
	text-overflow: ellipsis;
}

.apply_array .apply_info {
	padding-left:10px;
   padding-top:10px;
	float: left;
	width: 235px;
}

#row>div {
	float: left;
 
}

#row>._left{
	width:35%;
}

#row>._right{
		width:60%;
}

.apply_array a {
	display: block;
	width: 100px;
	height: 30px;
	line-height: 30px;
	text-align: center;
	background: #4278be;
	color: #fff;
	border-radius: 5px;
	border-bottom: 3px solid #356098;
}

.apply .img_l {
	position: absolute;
	top: 50px;
	left: 0;
	cursor: pointer;
	z-index: 999999;
}

.apply .img_r {
	position: absolute;
	top: 50px;
	right: 0;
	cursor: pointer;
	z-index: 999999;
}



/*.apply{width:1200px;margin:20px auto 0 auto;}
	.apply_array{border:#cdcdcd 1px solid;width:500px;float:left;height:184px;margin-right:20px;overflow:hidden}
	.apply_last{margin-right:0px}
	.apply_img{float:left;text-align:center;width:231px;background:#e2e2e2;height:184px;font-size:95px;}
	.apply_info{padding:18px 15px;float:left;width:235px}
	.apply_info h2{font-size:16px; width: 200px;overflow: hidden;white-space: nowrap;text-overflow: ellipsis;}
	.apply_info p{line-height:2em;margin:10px 0;color:#999;height:72px;text-overflow: ellipsis;word-wrap: break-word;word-break: break-all;overflow: hidden;}
	.apply_info a{display:block;width:100px;height:30px;line-height:30px;text-align:center;background:#4278be;color:#fff;border-radius:5px;border-bottom:3px solid #356098}
	.apply_info a:hover{background:#356098}
	.apply_nav{position:relative;width:1026px;float:left;height:208px;overflow:hidden}
	
	.apply .img_l{padding:80px 45px 0 15px;float:left;cursor:pointer;}
	.apply .img_r{padding:80px 15px 0 45px;float:left;cursor:pointer;}*/


/******联系我们*****/

.contact_01 {
	height: 900px;
	background: url(../images/banner/contact-en.png) top center no-repeat;
}

.contact_01 .width_y {
	background: url(../images/banner/contact-en.png) top center no-repeat;
}

.contact_01 .width_y .nav {
	padding: 20px 0 30px;
	font-size: 14px;
}

.contact_01 .width_y .nav a {
	color: #06C;
	font-size: 14px;
}

.contact_01 .width_y .location {
	width: 428px;
	padding: 0 20px;
	height: 250px;
	background: url(../images/cion123.png) center 60% no-repeat;
	_background: url(../images/cion123.gif) center 60% no-repeat;
	margin: 0 auto;
}

.contact_01 .width_y .location img {
	margin: 0 0 15px 110px;
}

.contact_01 .width_y .location h1 {
	color: #fff;
	font-size: 30px;
	text-align: center;
}

.contact_01 .width_y .location p {
	color: #fff;
	font-size: 14px;
	text-align: center;
}

.contact_01 .width_y .con h1 {
	font-size: 28px;
	color: #333;
	text-align: center;
}

.contact_01 .width_y .con h2 {
	text-align: center;
	line-height: 30px;
	color: #999;
}

.contact_01 .width_y .con p {
	font-size: 14px;
	color: #333;
	text-align: center;
	margin: 0 auto 50px;
}

.contact_01 .width_y .con {
	width: 1200px;
	height: 400px;
	padding: 3% 4%;
	background: #fff;
	margin: 0 auto;
	margin-top: 40px;
}

.contact_01 .width_y .con .con_1 .fl {
	width: 570px;
	height: 300px;
}

.contact_01 .width_y .con .con_1 .input01 {
	width: 530px;
	padding: 0 20px;
	background: #eee;
	border: none;
	font-size: 14px;
}

.contact_01 .width_y .con .con_1 .fr {
	width: 470px;
	height: 300px;
}

.contact_01 .width_y .con .con_1 .fr .input02 {
	width: 440px;
	height: 40px;
	line-height: 40px;
	padding: 0 20px;
	background: #eee;
	font-size: 14px;
	border: none;
}

.contact_01 .width_y .con .con_1 .fr .space {
	width: 440px;
	height: 15px;
}

.contact_01 .width_y .con .con_1 .fr .space a {
	cursor: pointer;
}

.contact_01 .width_y .con .con_1 .code {
	width: 310px;
	height: 40px;
}

.contact_01 .width_y .con .con_1 .code img {
	width: 100px;
	height: 43px;
	margin-left: 15px;
}

.contact_01 .width_y .con .con_1 .input03 {
	width: 150px;
	margin-bottom: 20px;
	height: 45px;
	padding: 0 20px;
	background: #eee;
	font-size: 16px;
	border: none;
}

.contact_01 .width_y .con .con_1 a.input04 {
	clear: both;
	display: block;
	background: #37afea;
	width: 150px;
	height: 40px;
	line-height: 40px;
	text-align: center;
	color: #fff;
	font-size: 18px;
	font-weight: bold;
}

.contact_01 .width_y .con .con_1 a.input04:hover {
	background: #0e91d7;
}


/******解决方案*****/

.page_solution {
	background: url(../images/banner/solution.jpg) top center no-repeat;
}

.page_solution .width_y {
	background: url(../images/banner/solution.jpg) top center no-repeat;
	width: 1200px;
	margin: 0 auto;
}

.page_solution .width_y .nav {
	padding: 20px 0 30px;
	font-size: 14px;
	color: #fff;
}

.page_solution .width_y .nav a {
	color: #fff;
	font-size: 14px;
}

.page_solution .width_y .con {
	width: 1140px;
	padding: 35px;
	background: #fff;
	margin-top: 150px;
}

.page_solution .width_y .con h1 {
	font-size: 24px;
	color: #333;
}

.page_solution .width_y .con p {
	font-size: 14px;
	line-height: 28px;
	margin: 15px 0;
	color: #666;
}

.page_solution .width_y .con ul li {
	width: 314px;
	height: 400px;
	padding: 0 30px;
	margin: 25px 0;
	border-right: 1px solid #ddd;
	float: left;
}

.page_solution .width_y .con ul li.last_li {
	border: none;
}

.page_solution .width_y .con ul li h2 {
	font-weight: bold;
	color: #178bc7;
	font-size: 16px;
	margin-top: 20px;
	text-overflow: ellipsis;
	white-space: nowrap;
	width: 300px;
	overflow: hidden;
}

.page_solution .width_y .con ul li h3 {
	font-weight: bold;
	color: #5c531f;
	font-size: 14px;
	line-height: 35px;
}

.page_solution .width_y .con ul li p {
	font-size: 12px;
	line-height: 20px;
	margin: 0;
	height: 140px;
	overflow: hidden;
}

.page_solution .width_y .con ul li a {
	display: block;
	width: 100px;
	height: 30px;
	line-height: 30px;
	text-align: center;
	background: #4278be;
	color: #fff;
	border-radius: 5px;
	border-bottom: 3px solid #356098;
	margin: 15px 0;
}

.page_solution .width_y .con ul li a:hover {
	background: #356098;
}


/******解决方案详细页*****/


/* .page_solution2{background:url(../images/banner/solution2.jpg) top center no-repeat;}  */


/* .page_solution2 .width_y{background:url(../images/banner/solution2.jpg) top center no-repeat;} */

.page_solution2 .width_y h1 {
	color: #fff;
	font-size: 40px;
	font-weight: bold;
	height: 100px;
	line-height: 100px;
	margin-top: 0;
}

.page_solution .width_y .con_more {
	width: 100%;
	padding: 4%;
	background: #fff;
	margin-top: 50px;
}

.page_solution .width_y .con_more .more_01 {
	height: 240px;
}

.page_solution .width_y .con_more .more_01 img.fr {
	width: 499px;
	height: 194px;
}

.page_solution .width_y .con_more .more_01 .con_top {
	width: 550px;
}

.page_solution .width_y .con_more .more_01 .con_top h2 {
	font-size: 16px;
}

.page_solution .width_y .con_more .more_01 .con_top p {
	line-height: 24px;
	color: #444;
	margin: 20px 0;
	height: 150px;
	text-indent: 2em;
}

.page_solution .width_y .con_more .more_01 .con_top .link {
	width: 500px;
	height: 50px;
}

.page_solution .width_y .con_more .more_01 .con_top .link a {
	display: block;
	float: left;
	margin-right: 20px;
	width: 120px;
	height: 35px;
	border: 1px solid #11407e;
	text-align: center;
	line-height: 35px;
	font-size: 14px;
}

.page_solution .width_y .con_more .more_01 .con_top .link a.link_01 {
	color: #11407e;
}

.page_solution .width_y .con_more .more_01 .con_top .link a.link_02 {
	color: #fff;
	background: #4278be;
}

.page_solution .width_y .con_more .more_01 .con_top .link a.link_01:hover {
	background: #eee;
}

.page_solution .width_y .con_more .more_01 .con_top .link a.link_02:hover {
	background: #11407e;
}

.page_solution .width_y .con_more .more_02 h3 {
	font-size: 16px;
	line-height: 50px;
	font-weight: bold;
}

.page_solution .width_y .con_more .more_02 p {
	color: #444;
	text-indent: 2em;
	line-height: 2em;
}


/********API*******/

.api .width_y {
	width: 1200px;
	margin: 0 auto;
}

.api .width_y .nav {
	padding: 40px 0 50px;
	font-size: 14px;
	color: #333;
}

.api .width_y .nav a {
	color: #069;
	font-size: 14px;
}

.api_all {
	width: 100%;
	height: auto;
}

.api_left {
	float: left;
}

.api_left .layui-nav-tree .layui-nav-item a {
	line-height: 40px;
	font-size: 15px;
	color: #000 !important;
	font-weight: 600;
	font-family: 微软雅黑;
	height: 38px;
	padding: 0 16px;
}

.api_left .layui-nav-tree .layui-nav-item>a {
	border-bottom: 1px solid #ccc;
	background: url(static/images/api_nav.jpg) repeat-x left top;
}

.api_left .layui-nav-tree .layui-nav-item>a:hover {
	background: #ccc;
}

.api_left .layui-nav-tree .layui-nav-item dd a {
	font-size: 12px;
	font-weight: 200;
	color: #666;
	background: #fff;
}

.api_left .layui-nav .layui-nav-mored,
.api_left .layui-nav-itemed .layui-nav-more {
	margin-top: -3px;
	border-style: dashed dashed solid;
	border-color: transparent transparent #000;
}


/*.api_left  .layui-nav-itemed .layui-nav-more{top: 11px; color: #000 !important;}
.api_left  .layui-nav .layui-nav-more{top: 17px; }	*/

.api_left .layui-nav-tree .layui-nav-child dd.layui-this,
.api_left .layui-nav-tree .layui-nav-child dd.layui-this a,
.api_left .layui-nav-tree .layui-this,
.api_left .layui-nav-tree .layui-this>a:hover {
	background-color: #e6e6e6;
	color: #fff;
}

.api_left .layui-nav-tree .layui-nav-bar {
	width: 0;
	height: 0;
}

.api_left .layui-nav {
	background-color: #fff;
	color: #666;
	border: 1px solid #ccc;
}

.api_left .layui-nav-tree .layui-nav-item {}

.api_all .api_list {
	width: 240px;
	border: 1px solid #ccc;
	padding-top: 1px;
	margin-bottom: 20px;
}

.api_all .Document_name {
	width: 240px;
	height: 52px;
	line-height: 52px;
	padding: 0 16px;
	font-size: 18px;
	font-weight: bold;
	border: 1px solid #ccc;
}

.api_all .api_list .nav-title-lmhy {
	height: 38px;
	width: 200px;
	background: url(static/images/api_nav.jpg) repeat-x left top;
	padding: 0 20px;
	border-bottom: 1px solid #ccc;
}

.api_all .api_list .nav-title-lmhy h2 {
	height: 38px;
	line-height: 39px;
	float: left;
	font-size: 14px;
	font-weight: bold;
	color: #222;
}

.api_all .api_list .nav-title-lmhy b {
	float: right;
	padding: 17px 7px;
	*padding: 11px 7px;
	background: url(../images/nav_02.jpg) no-repeat left center;
}

.api_all .api_list .nav-title-lmhy b.on {
	background: url(../images/nav_01.jpg) no-repeat left center;
}

.api_all .api_list ul {
	padding-top: 1px;
}

.api_all .api_list ul li {
	height: 38px;
	line-height: 39px;
	width: 240px;
}

.api_all .api_list ul li a {
	width: 200px;
	padding: 0 20px;
	height: 38px;
	display: block;
	line-height: 38px;
}

.api_all .api_list ul li a:hover {
	background: #eee;
	font-weight: bold;
}

.api_all .api_list ul li.on {
	display: block;
}

.api_all .api_list ul li.on a {
	color: #666;
	text-decoration: none;
	;
	font-weight: bold;
}

.api_all .api_list ul li.on a:hover {
	color: #f80;
	text-decoration: none;
}

.api_all .api_list {
	float: left;
	width: 180px;
}

.api_all .api_con {
	width: 910px;
	margin-bottom: 50px;
}

.api_all .api_con h1 {
	height: 52px;
	line-height: 52px;
	font-size: 22px;
	font-weight: bold;
	border-bottom: 1px solid #ccc;
}

.api_all .api_con h1 span {
	line-height: 52px;
	color: #666;
}

.api_all .api_con p {
	margin: 30px 0;
	color: #444;
	text-indent: 2em;
	line-height: 2em;
}


/********404*******/

.wrong {
	padding: 50px 0 100px;
	width: 100%;
	height: auto;
	background: #f3f2ee;
}

.wrong h1 {
	background: url(../images/404.jpg) no-repeat top center;
	color: #2796d3;
	font-size: 24px;
	padding-top: 270px;
	height: 58px;
	text-align: center;
}

.wrong h1.ok {
	background: url(../images/ok.jpg) no-repeat top center;
}

.wrong h1.error {
	background: url(../images/error.jpg) no-repeat top center;
}

.wrong h2 {
	text-align: center;
	height: 38px;
	margin: 40px auto;
	color: #2796d3;
	font-size: 18px;
	line-height: 38px;
}

.wrong h2 ul,
.wrong h2 ul li {
	display: inline-block;
	padding: 0;
	margin: 0;
}

.wrong h2 ul li span {
	color: #2796d3;
	font-size: 18px;
}

.wrong h2 a {
	margin-left: 20px;
	padding: 5px 20px;
	border-radius: 5px;
	font-size: 14px;
	font-weight: bold;
}

.wrong h2 a.return_01 {
	background: #4278be;
	color: #fff;
	border-bottom: 3px solid #356098;
}

.wrong h2 a.return_02 {
	background: #ccc;
	color: #4278be;
	border-bottom: 3px solid #bbb;
}

.wrong h2 a:hover.return_01 {
	background: #356098;
}

.wrong h2 a:hover.return_02 {
	background: #bbb;
}


/********登录*******/

.load_top {
	height: 72px;
	border-bottom: 1px solid #ccc;
	background: #fff;
}

.load_top .fl .logo {
	margin-top: 12px;
}

.load_top .fl h1 {
	font-size: 24px;
	color: #666;
	line-height: 72px;
}

.load_top .fr a {
	padding: 25px 20px;
	line-height: 72px;
	font-size: 14px;
}

.load_top .fr a:hover {
	background: #ddd;
	color: #000;
}

.loading {
	padding: 50px 0 100px;
	width: 100%;
	height: auto;
	background: #f3f2ee;
}

.loading .con {
	position: relative;
	margin: 0 auto;
	background: url(../images/banner/trailer-loading.jpg) no-repeat left center;
	height: 430px;
}

.loading .con .load_box {
	position: absolute;
	top: 50px;
	right: 10%;
	width: 326px;
	height: auto;
	background: #fff;
}

.dom-display .normal {
	display: none;
}

.dom-display .current {
	display: block;
}

.area-sub {
	width: 300px;
	overflow: hidden;
	margin: 50px auto;
}


/*#layout-t .tab-bd{height:350px;}*/

.ui-style-gradient .tab-hd {
	background: #dfdfdf;
}

.tab-hd-con {
	float: left;
	font-size: 14px;
	text-align: center;
	cursor: pointer;
}

.tab-hd-con a {
	display: inline-block;
	line-height: 45px;
	color: #666;
	font-weight: bold;
	font-size: 14px;
}

.tab-hd-con a:hover {
	text-decoration: none;
}

.tab-hd .current {
	font-weight: bold;
}

.tab-bd-con {
	display: none;
	overflow: hidden;
}

.tab-ft {
	margin-top: 8px;
	line-height: 20px;
	color: #c1c1c1;
	text-align: right;
}

.tab-ft a,
.tab-ft a:visited {
	color: #666;
}

.tab-ft a:hover {
	color: #ba2636;
}

.tab-main-3 .tab-hd-con {
	width: 102px;
}

.tab-sub-3 .tab-hd-con {
	width: 161px;
}

.tab-sub-3 .tab-hd .current {
	width: 162px;
}

.tab-area .tab-hd-con {
	width: 102px;
}

.tab-main .tab-hd,
.tab-sub .tab-hd,
.tab-product .tab-hd,
.tab-area .tab-hd {
	overflow: hidden;
	height: 45px;
	line-height: 45px;
	border-left: 1px solid #CFCFCF;
}

#layout-t h2 {
	margin: 0;
}

.tab-main .tab-hd-con,
.tab-sub .tab-hd-con,
.tab-product .tab-hd-con,
.tab-area .tab-hd-con {
	height: 44px;
	border-right: 1px solid #CFCFCF;
	border-top: 1px solid #CFCFCF;
}

.tab-main .tab-hd .current,
.tab-sub .tab-hd .current,
.tab-product .tab-hd .current,
.tab-area .tab-hd .current {
	position: relative;
	z-index: 1;
	height: 45px;
	background: #fff;
}

.tab-main .tab-bd,
.tab-sub .tab-bd,
.tab-product .tab-bd,
.tab-area .tab-bd {
	margin-top: -1px;
}

.tab-main .tab-bd-con,
.tab-sub .tab-bd-con,
.tab-ad .tab-bd-con,
.tab-area .tab-bd-con {
	padding-top: 18px;
}

.tab-sub .tab-bd-con {
	padding-right: 9px;
	padding-left: 13px;
}

.tab-main .tab-bd-con {
	padding-right: 10px;
}

.loading .con .index_tab1 {
	padding: 13px 15px;
	border: 1px solid #cfcfcf;
}

.loading .con .index_tab1 .tab_top {
	width: 100%;
	height: 180px;
}

.loading .con .index_tab1 .warn {
	width: 100%;
	height: 24px;
	line-height: 24px;
	color: #f38058;
	background: #ffe5bc;
	border: 1px solid #ccc;
	border-bottom: 3px solid #ffc468;
	text-indent: 10px;
}

.loading .con .index_tab1 .space {
	width: 100%;
	height: 15px;
	*height: 13px;
	clear: both;
}

.loading .con .index_tab1 .box_01 {
	border: 1px solid #cdcdcd;
	border-bottom: 3px solid #cdcdcd;
	height: 38px;
	line-height: 38px;
	padding: 0 12px;
	width: 269px;
}

.loading .con .index_tab1 .box_02 {
	width: 150px;
}

.loading .con .index_tab1 .load_01 {
	width: 100%;
	height: 42px;
}

.loading .con .index_tab1 a.load_03 {
	cursor: pointer;
	display: block;
	width: 100%;
	height: 42px;
	line-height: 42px;
	background: #0f8bd3;
	border-bottom: 3px solid #1167a3;
	color: #fff;
	font-size: 16px;
	font-weight: bold;
	text-align: center;
}

.loading .con .index_tab1 a:hover.load_03 {
	background: #1167a3;
}

.loading .con .index_tab1 .load_04 {
	text-align: right;
}

.loading .con .index_tab1 .load_04 a,
.index_tab1 .load_02 a {
	color: #06f;
}

.loading .con .index_tab1 .load_01 a.phone_code {
	display: block;
	width: 83px;
	height: 38px;
	line-height: 38px;
	padding: 0 10px;
	background: #dedede;
	border: 1px solid #e1e1e1;
	text-align: center;
	border-bottom: 3px solid #cdcdcd;
}

.loading .con .index_tab1 .load_01 a:hover.phone_code {
	background: #cdcdcd;
	color: #000;
	border-bottom: 3px solid #aaa;
}


/******注册协议*****/

.agreement {
	margin: 0 auto;
	background: #fff;
	width: 770px;
	height: auto;
	border: 1px solid #ccc;
	padding: 30px 40px;
}

.agreement h1 {
	font-size: 18px;
	font-weight: bold;
	text-align: center;
	margin-bottom: 40px;
}

.agreement p {
	text-indent: 2em;
	line-height: 2em;
	color: #666;
}


/******注册*****/

.register {
	padding: 50px 0 100px;
	width: 100%;
	height: auto;
	background: #fff;
}

.register .con {
	margin: 0 auto;
	width: 850px;
	height: auto;
}

.area-sub {
	width: 850px;
	overflow: hidden;
}

#layout-t2 .tab-bd {
	height: 500px;
}

.reg_head .reg_title {
	font-size: 16px;
	line-height: 44px;
	font-weight: bold;
	width: 240px;
	height: 44px;
	border-bottom: 1px solid #ccc;
}

.reg_head .quick {
	width: 284px;
	height: 44px;
	line-height: 44px;
	border-bottom: 1px solid #ccc;
	text-align: right;
	position: relative;
}

.reg_head .quick a {
	color: #06C;
	position: absolute;
	cursor: pointer;
	bottom:-26px;
	right:0;
}

.reg_head .quick a:hover {
	text-decoration: underline;
}

.reg_head h2 .tab-hd-con {
	border-top: 1px solid #ccc;
}

.reg_head h2 .current {
	border-top: 2px solid #09C;
}

.reg_tabcon {
	float: left;
	width: 100%;
}

.reg_tabcon .space {
	width: 100%;
	height: 15px;
	clear: both;
}

.register .con .phone_01 {
	padding: 30px;
}

.register .con .phone_01 .box {
	width: 100%;
	height: 41px;
	line-height: 41px;
}

.register .con .phone_01 .box2 {
	height: 20px;
	line-height: 20px;
}

.register .con .phone_01 .box label {
	font-size: 14px;
	width: 200px;
	text-align: right;
	height: 41px;
	line-height: 41px;
	display: block;
	float: left;
	margin-right: 10px;
}

.register .con .phone_01 .box label.re_wid {
	width: 200px;
}

.register .con .phone_01 .box label em {
	float: right;
	padding: 0 3px;
	color: #C00;
	font-weight: bold;
	line-height: 38px;
	font-size: 14px;
}

.register .con .phone_01 .warn {
	width: 600px;
	height: 24px;
	line-height: 24px;
	color: #F30;
	text-indent: 110px
}

.register .con .phone_01 .warn2 {
	text-indent: 210px;
}

.register .con .phone_01 .box input.box_01 {
	font-size: 14px;
	border: 1px solid #cdcdcd;
	border-bottom: 3px solid #cdcdcd;
	height: 38px;
	line-height: 38px;
	padding: 0 12px;
	width: 269px;
	margin-right: 15px;
}

.register .con .phone_01 .box input.box_02 {
	font-size: 14px;
	border: 1px solid #cdcdcd;
	border-bottom: 3px solid #cdcdcd;
	height: 38px;
	line-height: 38px;
	padding: 0 12px;
	width: 43px;
	margin-right: 15px;
}

.register .con .phone_01 .box img {
	margin-right: 15px;
}

.register .con .phone_01 .box span {
	color: #999;
}

.register .con .phone_01 .box span,
.register .con .phone_01 .box a.code {
	font-size: 14px;
	float: left;
	line-height: 38px;
}

.register .con .phone_01 a.reg_button {
	cursor: pointer;
	display: block;
	width: 200px;
	height: 42px;
	line-height: 42px;
	background: #0f8bd3;
	border-bottom: 3px solid #1167a3;
	color: #fff;
	font-size: 16px;
	font-weight: bold;
	text-align: center;
	margin-left: 260px;
}

.register .con .phone_01 a:hover.reg_button {
	background: #1167a3;
}

.register .con .phone_01 a.reg_button2 {
	margin-left: 210px;
}

.register .con .phone_01 a.phone_code {
	float: left;
	display: block;
	width: 75px;
	height: 38px;
	line-height: 38px;
	padding: 0 12px;
	background: #dedede;
	border: 1px solid #e1e1e1;
	text-align: center;
	border-bottom: 3px solid #cdcdcd;
	margin-right: 15px;
}

.register .con .phone_01 a:hover.phone_code {
	background: #cdcdcd;
	color: #000;
	border-bottom: 3px solid #aaa;
}

.register .con .phone_01 .reg_step3 {
	font-size: 18px;
	width: 100%;
	text-align: center;
	line-height: 100px;
	color: #666;
}


/******密码找回*****/

#layout-t3 .tab-bd {
	height: 500px;
}

.password_re .phone_01 .careful {
	font-size: 14px;
	font-weight: bold;
	color: #666;
	text-indent: 2em;
	background: url(../images/careful.jpg) left center no-repeat;
	margin-left: 150px;
}

.trailer-login-banner {
	margin: 0 auto;
	background: url(../images/banner/loading.jpg) no-repeat left center;
	width: 850px;
	height: 430px;
}

.phone-button {
	display: block;
	width: 135px;
	height: 40px;
	line-height: 25px;
	background: #0f8bd3;
	border-bottom: 3px solid #1167a3;
	color: #fff;
	font-size: 10px;
	font-weight: bold;
	text-align: center;
}


}
.detail_cloud_background {
	style="background: url(../images/details/cloud_platform.png) top center no-repeat;"
}
.detail_link_background {
	style="background: url(../images/details/multi-connection.png) top center no-repeat;"
}
@media only screen and (min-width:768px) {
	.loading .con .load_box {
		right: 0;
	}
}
@media only screen and (min-width:1024px) {
	.loading .con .load_box {
		right: 10%;
	}
}
.container .swiper-container {
	margin-left: auto;
	margin-right: auto;
	position: relative;
	overflow: hidden;
	z-index: 1;
	width: 1026px;
}

/*******冷链运输解决方案*********/
.ke-content p {
	width: 50%;
	float: left;
	padding: 20px;
}
.ke-content p span {
	width: 100%;
	float: left;
	text-align: center;
}
.ke-content p img {
	width: 100%;
	float: left;
}