@charset "UTF-8";
	label,input,button,select,textarea {
	border-radius:0!important
}
[class*="span"] {
	margin:0
}

html,body {
	font-family:"黑体",'Microsoft YaHei',sans-serif; font-size:14px; line-height:24px}
a {
	color:#787878;
	-webkit-transition:color 0.3s ease 0s;
	transition:color 0.3s ease 0s
}
.w1310 {
	max-width:1200px;
	position:relative; 
	margin:0 auto;
}
.w1210 {
	width:1200px;
	margin:0 auto;
	position:relative
}
.w960 {
	width:960px;
	margin:0 auto
}
.header {
	width:100%;
	height:80px;
	background:none;
	position: fixed; 
	z-index:9999115;top:0
}
.header .w1310 {
	height:100%
}
.header .logo {
	display:block;
	width:auto;
	height:60px;
	padding:10px 0px 0px 0px;
	margin-left:20px; float:left
}
.header .logo  img{ width:auto; height:55px}
.header .nav {
	margin-left:34%;
	width:46%;
}
.header .nav li {
	margin-left:13%;
	font-size:15px;
	line-height:80px;
	position:relative;
}

@media (max-width:1200px) {
.header .nav li {
	margin-left:4%;
	font-size:15px;
	line-height:80px;
	position:relative
}
}

.header .nav li.navli {
	height:80px
}
.header .nav a {
	color:#fff;
	 font-size:15px;
	display:inline-block;
}
.header .nav li:hover a.att,.header .nav li.hover a.att {
	color:#EBEBEB;
	 font-size:15px;

}
.header .nav .sub-box {
	position:absolute;
	left:-56px;
	top:100%; width:auto;
	padding:10px 12px 10px 12px ;
	background-color:#333;
	display:none; 
}
.header .nav .ico {
	display:none;
	width:21px;
	height:11px;
	background:url(../images/ico_17.png) no-repeat center;
	position:absolute;
	left:50%;
	margin-left:-10px;
	bottom:0
}
.header .nav .img {
	display:block;
	width:200px
}
.header .nav .img img {
	width:100%; height:135px
}
.header .nav .left-li {
	width:110px
}
.header .nav .left-li li {
	border-bottom:1px solid #333;
	line-height:32px;
	width:100%;
	margin:0;
}
.header .nav .left-li a {
	display:inline-block;
	padding-left:20px;
	background:url(../images/ico_16.png) no-repeat 2px center;
	color:#fff;
	transition:color 0.3s ease 0s;
	font-size:14px; font-weight:normal
}
.header .nav .left-li a:hover {
	color:#CCCCCC
}
.header .search-ico {
	display:inline-block;
	width:23px;
	height:22px;
	background:url(../images/ico_01.jpg) no-repeat center;
	margin-top:35px;
	cursor:pointer
}
.header .gray-link {
	margin-right:25px;
	font-size:14px;
	line-height:80px
}
.header .gray-link a {
	float:right;
	display:inline-block;
	margin-left:19px;
	color:#bfbfbf;
	-webkit-transition:color 0.3s ease 0s;
	transition:color 0.3s ease 0s
}
.header .gray-link a:hover {
	color:#eb6e04
}
.header .line-s {
	display:inline-block;
	width:1px;
	height:22px;
	background-color:#e5e5e5;
	margin:35px 15px 0
}
.header .lang {
	font-size:18px;
	font-weight:bold;
	margin-top:30px;
	line-height:32px;
	color:#8c8c8c;
	margin-left:4px;
	display:inline-block
}
.header .nav-btn {
	cursor:pointer;
	display:none;
	height:26px;
	margin-right:-3px;
	margin-top:18px;
	position:relative;
	width:30px
}
.header .nav-btn span {
	display:block;
	width:100%;
	height:4px;
	background-color:#656565;
	position:absolute;
	left:0;
	-webkit-transition:left 0.5s ease 0s;
	transition:left 0.5s ease 0s
}
.header .nav-btn .top {
	top:0;
	-webkit-transform-origin:left top 0;
	-ms-transform-origin:left top 0;
	transform-origin:left top 0
}
.header .nav-btn .cent {
	top:11px
}
.header .nav-btn .bot {
	top:21px;
	-webkit-transform-origin:left bottom 0;
	-ms-transform-origin:left bottom 0;
	transform-origin:left bottom 0
}
.header .nav-btn.hover span {
	left:5px
}
.header .m-nav {
	width:100%;
	left:0;
	top:100%;
	position:absolute;
	margin-left:0;
	background-color:#fff;
	border-top:1px solid #dbdbdb;
	display:none
}
.header .m-nav ul {
	width:100%;
	background-color:#fff
}
.header .m-nav li {
	width:100%;
	line-height:50px;
	border-bottom:1px solid #dbdbdb;
	margin-left:0;
	font-size:15px
}
.header .m-nav li.link a {
	display:block;
	width:92%;
	padding:0 4%;
	background:url(../images/ico_07.png) no-repeat 95% center;
	background-size:auto 45%;font-size:16px
}
.header .m-nav li.link:hover a {
	background:url(../images/ico_07_hov.png) no-repeat 95% center;
	background-size:auto 45%
}
.header .m-nav li a {
	color:#666;font-size:16px
}
.header .m-nav li:hover {
	background-color:#1B2329;font-size:16px
}
.header .m-nav li:hover a {font-size:16px;
	color:#fff
}
.header .m-nav li.subli .tt {
	background:url(../images/ico_05.png) no-repeat 96% center;
	background-size:auto 45%;
	width:92%;
	padding:0 4%;
	cursor:pointer; line-height:50px; font-size:16px
}
.header .m-nav li.subli:hover .tt {
	background:url(../images/ico_05_hov.png) no-repeat 96% center;
	background-size:auto 45%
}
.header .m-nav li.subli:hover .subbox a {
	color:#666
}
.header .m-nav li.subli.hover {
	background-color:#1B2329
}
.header .m-nav li.subli.hover .tt {
	background:url(../images/ico_06_hov.png) no-repeat 96% center;
	background-size:auto 3%
}
.header .m-nav li.subli.hover .tt a {
	color:#fff
}
.header .m-nav li.subli .subbox {
	width:100%;
	display:none
}
.header .m-nav li.subli .subbox a {
	display:block;
	width:92%;
	padding:0 4%;
	background:url(../images/ico_07.png) no-repeat 95% center #eee;
	background-size:auto 45%;
	font-weight:normal; font-size:14px;
}
.m-navbg {
	width:100%;
	height:100%;
	position:fixed;
	left:0;
	top:0;
	background-color:#000;
	opacity:0.5;
	z-index:3;
	display:none
}
.header.fix {
	position:fixed;
	left:0;
	top:0;
	padding-top:0;
	border-bottom:0px solid #313131;
	z-index:999999950;
	background:#282828
}
@media (max-width:900px) {
.header{
	background:#282828
}
}


.search-bg {
	background-color:#000;
	display:none;
	height:100%;
	left:0;
	opacity:0.8;
	position:fixed;
	top:0;
	width:100%;
	z-index:100
}
.searchbox {
	border:1px solid #535353;
	display:none;
	height:68px;
	left:50%;
	margin-left:-25%;
	position:fixed;
	top:169px;
	width:50%;
	z-index:101
}
.m-search-box {
	border:1px solid #aaa;
	display:none;
	height:40px;
	left:3%;
	position:fixed;
	top:54px;
	width:93%;
	z-index:101
}
.searchbox input.tex {
	background:none;
	border:medium none;
	color:#a7a7a7;
	font-family:"Arial";
	font-size:36px;
	height:37px;
	line-height:36px;
	padding:16px 2% 15px;
	width:80%
}
.m-search-box input.tex {
	background:none;
	border:medium none;
	color:#a7a7a7;
	font-family:"Arial";
	font-size:12px;
	height:13px;
	line-height:12px;
	padding:14px 2% 13px;
	width:80%
}
.searchbox input.search-btn {
	background:url(../images/ico_115.png) no-repeat center center;
	background-size:50% auto;
	border:medium none;
	height:68px;
	margin-right:1%;
	min-width:40px;
	width:7%
}
.m-search-box input.search-btn {
	background:url(../images/ico_115.png) no-repeat center center;
	background-size:60% auto;
	border:medium none;
	height:40px;
	margin-right:1%;
	width:7%
}
.close-search {
	background:url(../images/ico_116.png) no-repeat center center;
	cursor:pointer;
	display:none;
	height:37px;
	position:fixed;
	right:3%;
	top:50px;
	width:37px;
	z-index:101
}
.m-close-search {
	background:url(../images/ico_116.png) no-repeat center center;
	background-size:100% auto;
	cursor:pointer;
	display:none;
	height:15px;
	position:fixed;
	right:4.6%;
	top:15px;
	width:15px;
	z-index:101
}
.m-searchbtn {
	background:url(../img/ico_117.png) no-repeat left center;
	background-size:auto 100%;
	border-right:1px solid #ccc;
	cursor:pointer;
	display:none;
	height:15px;
	margin-top:16px;
	width:28px
}
.search-tit {
	width:100%;
	margin-top:30px
}
.search-tit .entit {
	display:block;
	height:66px;
	background:url(../img/font_13.png) no-repeat center
}
.search-tit .numbox {
	text-align:center;
	font-size:18px;
	color:#999;
	line-height:52px
}




.container {
  max-width: 1200px;
  margin:0 auto;
  padding: 0px;
  width: 96%;
}




.space{ overflow:hidden; clear:both; height:20px;}

.bg_1{ overflow:hidden; width:100%;background:#F5F5F5; }

.kong{ overflow:hidden; clear:both; height:60px}
@media only screen and (max-width:768px) {
.kong{ overflow:hidden; clear:both; height:40px;}
}



.index_case{margin:65px 0px 0px 0px; text-align:center}
.index_case h2{margin-top:30px; font-size:25px; line-height:26px; font-weight:normal}
.case_line{padding: 3px 0px; width:190px; margin:5px auto}
.case_p{color: #333;text-align: center; font-size:16px; text-transform: uppercase;padding:0px; height:10px; background:url(../images/lm_line.png) no-repeat center}
.index_case dd{color: #666;text-align: center; font-size:16px; text-transform: uppercase;padding:0px;}
.about_h2{margin-top:5px;}
.about_h2 span{ color:#222}
.index_case P{line-height:160%; }
.about_h2 a{font-size:25px;}
@media only screen and (max-width: 667px) {
.index_case{margin:35px 0px 0px 0px; text-align:center}
.index_case h2{margin-top:30px; font-size:20px; line-height:25px;}
.about_h2 a{font-size:20px;}
.index_case dd{color: #333;text-align: center; font-size:16px; text-transform: uppercase;padding:0px;}
}



/*-----------乐泊服务---------------*/
.sy_lb_ser{ overflow:hidden; margin:0px; padding:0px;max-width:1200px; width:96%; margin:10px auto;}
.sy_lb_ser li{ overflow:hidden; margin:0px; padding:0px; float:left; width:25%;}
.sy_lb_ser li dl{ overflow:hidden; margin:0px; padding:0px; width:90%; margin:0 auto; text-align:center;box-shadow:0 0 20px 1px rgba(0,0,0,.2); margin-bottom:15px; margin-top:10px}
.sy_lb_ser li dl dt{ overflow:hidden; margin:0px; padding:0px;line-height:30px; font-size:20px; font-weight:normal;color:#222; padding-top:30px; margin-bottom:10px}
.sy_lb_ser li dl dd{ overflow:hidden; margin:0px; padding:0px;padding-top:5px; line-height:190%; font-size:15px; font-weight:normal; color:#777;min-height:120px; padding:0px 10px; line-height:170%}

.sy_ser_tu{ width:100%;height:200px;overflow:hidden}
.sy_ser_tu img{ height:200px; width:100%;transition: 0.2s;-moz-transition: 0.2s;-webkit-transition: 0.2s;}

.sy_lb_ser li:hover img{-webkit-transform: scale(1.1);transform: scale(1.1);-moz-transform: scale(1.1);}
.sy_lb_ser li:hover dl dt{ color:#fff}
.sy_lb_ser li:hover dl{box-shadow:0 0 20px 1px rgba(0,0,0,.4); background:#282828}
.sy_lb_ser li:hover dl dd{ color:#BDBDBD}



@media only screen and (max-width: 1190px) {
.sy_lb_ser{ overflow:hidden; margin:0px; padding:0px;max-width:100%; width:96%; margin:10px auto;}

.sy_lb_ser li dl{ overflow:hidden; margin:0px; padding:0px; width:94%; margin:0 auto; text-align:center;box-shadow:0 0 20px 1px rgba(0,0,0,.2); margin-bottom:15px; margin-top:10px}
.sy_lb_ser li dl dt{ overflow:hidden; margin:0px; padding:0px;line-height:30px; font-size:18px; font-weight:normal;color:#222; padding-top:10px}
.sy_lb_ser li dl dd{ overflow:hidden; margin:0px; padding:0px;padding-top:5px; line-height:190%; font-size:14px; font-weight:normal; color:#777;min-height:120px}
}
@media only screen and (max-width: 900px) {
.sy_ser_tu{ width:100%;height:140px;overflow:hidden}
.sy_ser_tu img{ height:140px; width:100%;transition: 0.2s;-moz-transition: 0.2s;-webkit-transition: 0.2s;}
.sy_lb_ser li dl dd{ overflow:hidden; margin:0px; padding:0px;padding-top:5px; line-height:190%; font-size:14px; font-weight:normal; color:#777;min-height:140px}
}
@media only screen and (max-width: 667px) {
.sy_lb_ser li dl dd{ overflow:hidden; margin:0px; padding:0px;padding-top:5px; line-height:190%; font-size:14px; font-weight:normal; color:#777;min-height:80px}
.sy_lb_ser li{ overflow:hidden; margin:0px; padding:0px; float:left; width:50%;}
.sy_ser_tu{ width:100%;height:200px;overflow:hidden}
.sy_ser_tu img{ height:200px; width:100%;transition: 0.2s;-moz-transition: 0.2s;-webkit-transition: 0.2s;}
}
@media only screen and (max-width: 660px) {
.sy_lb_ser li dl dt{ overflow:hidden; margin:0px; padding:0px;line-height:30px; font-size:20px; font-weight:normal;color:#222; padding-top:20px}
.sy_lb_ser li dl dd{ overflow:hidden; margin:0px; padding:0px;padding-top:5px; line-height:190%; font-size:14px; font-weight:normal; color:#777;min-height:60px}
.sy_lb_ser li{ overflow:hidden; margin:0px; padding:0px; float:left; width:100%; margin-bottom:10px}
.sy_lb_ser li dl{ overflow:hidden; margin:0px; padding:0px; width:92%; margin:0 auto; text-align:center;box-shadow:0 0 20px 1px rgba(0,0,0,.2); margin-bottom:15px; margin-top:10px}

.sy_ser_tu{ width:100%;height:auto;overflow:hidden}
.sy_ser_tu img{ height:auto; width:100%;transition: 0.2s;-moz-transition: 0.2s;-webkit-transition: 0.2s;}


}



.m_bk2{ padding-top:1px; overflow:hidden; text-align:center;width:114px; margin:0 auto}
.m_btn2{ overflow:hidden; width:110px; line-height:34px; border:#282828 1px solid; text-align:center;transition: 0.3s;-moz-transition: 0.3s;-webkit-transition: 0.3s; border-radius:4px}
.m_bk2 a{ color:#282828; font-size:16px}
.m_btn2:hover{background:#282828; color:#fff}




/*------------新闻中心-----------------*/

.sy_newslist{ overflow:hidden; margin:0px; padding:0px;max-width:1200px; width:96%; margin:0 auto; margin-top:30px; margin-bottom:20px}
.sy_newslist li{ overflow:hidden; margin:0px; padding:0px; margin-bottom:14px; width:33%;background:#F5F5F5; float:left}
.sy_newslist li dl{ overflow:hidden; margin:0px;}
.sy_newslist li dl dt{ overflow:hidden; margin:0px; padding:0px; position:relative}
.sy_newslist li dl dt img{ overflow:hidden; margin:0px; padding:0px; width:100%; height:220px}
.sy_newslist li dl dd{ overflow:hidden; margin:0px; padding:0px; font-size:12px; color:#888; overflow:hidden; padding:40px 40px; height:110px}
.sy_news_jysm{ font-size:14px; line-height:180%;overflow:hidden; height:auto; padding:0px; font-weight:normal}
.sy_new_sm{ width:100%; text-align: center; line-height:40px;font-size:16px;color:#fff; background:#2E3F4F;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;}
.sy_new_sm a{color:#fff;font-size:16px;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;}
.sy_new_more{ width:40px; text-align: center; height:40px;font-size:18px;color:#fff; float:right; background:#282828}

.new_time{font-size:12px; color:#888; overflow:hidden; text-align:right;}

.sy_newslist li dl dt:hover img{-webkit-transform: scale(1.1);transform: scale(1.1);-moz-transform: scale(1.1);}


.topArrow{border-bottom:20px solid #F5F5F5; border-left:20px solid transparent;border-right:20px solid transparent; width:0px; height:0px;position:absolute; z-index:3;right:10%; bottom:0;} 
.leftArrow{border-right:20px solid #F5F5F5; border-top:20px solid transparent;border-bottom:20px solid transparent; width:0px; height:0px;position:absolute; z-index:3; right:0px; top:10%}
.rightArrow{border-left:20px solid #F5F5F5; border-top:20px solid transparent;border-bottom:20px solid transparent; width:0px; height:0px;position:absolute; z-index:3;z-index:3; left:0px; top:10%}

@media only screen and (max-width:800px) {
.leftArrow{border-right:10px solid #F5F5F5; border-top:10px solid transparent;border-bottom:10px solid transparent; width:0px; height:0px;position:absolute; z-index:3; right:0px; top:10%}
.rightArrow{border-left:10px solid #F5F5F5; border-top:10px solid transparent;border-bottom:10px solid transparent; width:0px; height:0px;position:absolute; z-index:3;z-index:3; left:0px; top:10%}
.topArrow{border-bottom:10px solid #F5F5F5; border-left:10px solid transparent;border-right:10px solid transparent; width:0px; height:0px;position:absolute; z-index:3;right:10%; bottom:0;} 

}


@media only screen and (max-width:800px) {
.sy_news_jysm{ font-size:14px; line-height:180%;overflow:hidden; height:auto; padding:0px; font-weight:normal; height:45px}
.sy_newslist li dl dt img{ overflow:hidden; margin:0px; padding:0px; width:100%; height:140px}
.sy_newslist li dl dd{ overflow:hidden; margin:0px; padding:0px; font-size:12px; color:#888; overflow:hidden; padding:20px 20px; height:80px}
}

@media only screen and (max-width:700px) {
.sy_newslist li dl dt img{ overflow:hidden; margin:0px; padding:0px; width:100%; height:120px}
.sy_new_sm a{color:#fff;font-size:14px;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;}
.sy_news_jysm{ font-size:12px; line-height:180%;overflow:hidden; height:40px; padding:0px; font-weight:normal}
.sy_newslist li dl dd{ overflow:hidden; margin:0px; padding:0px; font-size:12px; color:#888; overflow:hidden; padding:20px 10px; height:80px}

.sy_new_sm{ width:100%; text-align: center; line-height:30px;font-size:14px;color:#fff; background:#2E3F4F;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;}
.sy_new_sm a{color:#fff;font-size:14px;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;}
.sy_new_more{ width:30px; text-align: center; height:30px;font-size:18px;color:#fff; float:right; background:#282828}

}


@media only screen and (max-width:500px) {
.sy_newslist li dl dt img{ overflow:hidden; margin:0px; padding:0px; width:100%; height:80px}
.sy_new_sm a{color:#fff;font-size:14px;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;}
.sy_news_jysm{ font-size:12px; line-height:180%;overflow:hidden; height:40px; padding:0px; font-weight:normal}
.sy_newslist li dl dd{ overflow:hidden; margin:0px; padding:0px; font-size:12px; color:#888; overflow:hidden; padding:5px 10px; height:90px}

.sy_new_sm{ width:100%; text-align: center; line-height:30px;font-size:14px;color:#fff; background:#2E3F4F;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;}
.sy_new_sm a{color:#fff;font-size:14px;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;}
.sy_new_more{ width:30px; text-align: center; height:30px;font-size:18px;color:#fff; float:right; background:#282828}

}


/*-------加盟合作-----------*/
.join_youshi{ overflow:hidden;}
.join_youshi li{ float:left; overflow:hidden; margin-bottom:20px; width:25%}
.join_youshi li dl{ width:99%; margin:0 auto; overflow:hidden; margin:0px; padding:0px; text-align: center}
.join_youshi li dl dt{ overflow:hidden; margin:0px; padding:0px; padding:10px 0px}
.join_youshi li dl dt img{ width:94px; height:94px; overflow:hidden; margin:0px; padding:0px;transition: 0.3s;-moz-transition: 0.3s;-webkit-transition: 0.3s;}
.join_youshi li dl dd{ overflow:hidden; margin:0px; padding:0px; font-size:18px}
.join_youshi li:hover dd{ color:#FF6600}
.join_youshi li:hover img{-webkit-transform: scale(0.9);transform: scale(0.9);-moz-transform: scale(0.9);}

@media (max-width:770px){
.join_youshi li dl dd{ overflow:hidden; margin:0px; padding:0px; font-size:14px}
.join_youshi li dl dt img{ width:80px; height:80px; overflow:hidden; margin:0px; padding:0px;}
.join_youshi li dl dd{ overflow:hidden; margin:0px; padding:0px; font-size:14px}
}

@media (max-width:550px){
.join_youshi li dl dt img{ width:60px; height:60px; overflow:hidden; margin:0px; padding:0px;}
.join_youshi li dl dd{ overflow:hidden; margin:0px; padding:0px; font-size:12px}
}
@media (max-width:320px){
.join_youshi li dl dt img{ width:50px; height:50px; overflow:hidden; margin:0px; padding:0px;}
.join_youshi li dl dd{ overflow:hidden; margin:0px; padding:0px; font-size:12px}
}


/*-------加盟条件-----------*/

.join_tiaojian{ width:100%; height:700px; background:url(../images/jmtj_bg.jpg) no-repeat center center; background-size:auto 100%;display:block;position:relative;}
.join_nr_k{ overflow: hidden; width:90%; margin:0 auto; padding:50px 0px 100px 0px}
.join_txt1{ font-size:44px; line-height:200%; overflow:hidden; color:#FFFFFF; font-weight:bold}
.join_txt2{overflow:hidden; padding:40px; font-size:18px;background:rgba(255, 255, 255, 0.6); line-height:200%; color:#000000}



@media (max-width:770px){
.join_tiaojian{ width:100%; height:auto; }
.join_txt2{overflow:hidden; padding:20px; font-size:14px;background:rgba(255, 255, 255, 0.6); line-height:180%; color:#000000}

}
/*-------加盟服务-----------*/
.join_ser{ overflow:hidden; margin:0px; padding:0px}
.join_ser li{ overflow:hidden; margin:0px; padding:0px; float:left; width:33.33%;}
.jm_txt1{ min-height:220px; color:#333333}
.jm_txt1 p{ margin:0px; padding:40px 10px 10px 10px; font-size:18px; line-height:200%;}
.jm_txt1 p span{font-size:22px;color:#111}
.jm_txt2{ min-height:220px; background:#707070}
.jm_txt2 dl{margin:0px; padding:20px 40px;}
.jm_txt2 dl dt{ font-size:40px; color:#FFFFFF; line-height:200%; font-weight:bold}
.jm_txt2 dl dd{ font-size:24px;color:#FFFFFF;line-height:180%}
.jm_tu{ width:100%; height:auto}
.jm_tu img{ width:100%; height:auto; vertical-align:top}

@media (max-width:650px){
.jm_txt1 p{ margin:0px; padding:20px 4px 10px 4px; font-size:14px; line-height:180%;}
.jm_txt1 p span{font-size:16px;color:#111}
.jm_txt2 dl{margin:0px; padding:10px 4px;}
.jm_txt2 dl dt{ font-size:22px; color:#FFFFFF; line-height:180%; font-weight:bold}
.jm_txt2 dl dd{ font-size:16px;color:#FFFFFF;line-height:180%}
.jm_txt2{ min-height:180px; background:#707070}
.jm_txt1{ min-height:180px; color:#333333}
}



/*-------乐泊集团--主营业务-----------*/
.bai_bg{ overflow:hidden; padding:50px 0px; background:#fff}
.hui_bg{ overflow:hidden; padding:50px 0px; background:#F5F5F5}
.zyyw_box{ width:80%; margin:0 auto; overflow:hidden}
.zyyw1{ overflow: hidden; float:left; width:50%}
.zyyw1 img{ width:100%; height:auto; vertical-align:top}
.zyyw2{overflow: hidden; float:left; width:20%; margin-left:5%}
.zyyw2 h3{ font-size:20px; color:#111; line-height:200%; font-weight:normal}
.zyyw2 dd{ font-size:16px; color:#444; line-height:200%}
.zyyw3{overflow: hidden; float:left; width:25%; text-align:center; min-height:100px}
.zyyw3 img{ vertical-align:middle}

@media (max-width:1024px){
.zyyw_box{ width:100%; margin:0 auto; overflow:hidden}
}

@media (max-width:700px){
.bai_bg{ overflow:hidden; padding:20px 0px; background:#fff}
.hui_bg{ overflow:hidden; padding:20px 0px; background:#F5F5F5}
.zyyw_box{ width:100%; margin:0 auto; overflow:hidden}
.zyyw1{ overflow: hidden; float:left; width:40%}
.zyyw2{overflow: hidden; float:left; width:35%; margin-left:2%}
.zyyw2 h3{ font-size:16px; color:#111; line-height:200%; font-weight:normal}
.zyyw3{overflow: hidden; float:left; width:20%; text-align:center;}
.zyyw2 dd{ font-size:14px; color:#444; line-height:180%}
}


/*-------核心优势-----------*/
.kxys_box{ width:80%; margin:0 auto; overflow:hidden}
.kxys_box li{ float:left; margin:0px; padding:0px; width:46%; margin-left:2%; margin-right:2%}
.kxys_box li dl{margin:0px; padding:0px;}
.kxys_box li dl dt{margin:0px; padding:0px; font-size:18px; color:#111; line-height:190%}
.kxys_box li dl dd{margin:0px; padding:0px;}
.kxys_tu{ float:left; margin-right:10px;}
.kxys_tu img{ max-width:100%; height:auto}

@media (max-width:1024px){
.kxys_box{ width:100%; margin:0 auto; overflow:hidden}
}


@media (max-width:600px){
.kxys_tu{ float:left; margin-right:10px; width:100%; text-align:center}
.kxys_tu img{ width:50px; height:50px}
.kxys_box li{ float:left; margin:0px; padding:0px; width:50%; margin-left:0%; margin-right:0%}
.kxys_box li dl dt{margin:0px; padding:0px; font-size:18px; color:#111; line-height:190%; text-align:center; width:100%}
}



.kxys_box1{ width:90%; margin:0 auto; overflow:hidden; padding-top:10px}
.kxys_box1 li{ float:left; margin:0px; padding:0px; width:31.33%; margin-left:1%; margin-right:1%}
.kxys_box1 li dl{margin:0px; padding:0px;}
.kxys_box1 li dl dt{margin:0px; padding:0px; font-size:18px; color:#111; line-height:190%}
.kxys_box1 li dl dd{margin:0px; padding:0px;}
.kxys_tu1{ float:left; margin-right:10px; margin-bottom:50px; width:80px}
.kxys_tu1 img{ max-width:100%; height:auto}

@media (max-width:1024px){
.kxys_box1{ width:100%; margin:0 auto; overflow:hidden}
.kxys_box1 li{ float:left; margin:0px; padding:0px; width:48%; margin-left:1%; margin-right:1%}
}


@media (max-width:450px){
.kxys_tu1{ float:left; margin-right:10px; margin-bottom:40px}
.kxys_box1{ width:100%; margin:0 auto; overflow:hidden}
.kxys_box1 li{ float:left; margin:0px; padding:0px; width:100%; margin-left:0%; margin-right:0%; border-bottom:#CCCCCC 1px dotted}

}




/*-------场景应用-----------*/
.cjyy_box{ overflow:hidden; padding:0px; margin:0px}
.cjyy_box li{ overflow:hidden; padding:0px; margin:0px; float:left; width:50%; text-align:center;color:#111}
.cjyy_box li span{ font-size:50px; font-weight:normal; line-height:134px; margin:0px 10px; color:#111}
.cjyy_box li img{max-width:100%; height:auto}
.cjyy_tu{ width:100%; text-align:center; vertical-align:middle}
.cjyy_tu img{max-width:100%; height:auto}
@media (max-width:700px){
.cjyy_box li span img{ width:90px; height:auto}
.cjyy_box li span{ font-size:30px; font-weight:normal; line-height:90px; margin:0px 10px}
.cjyy_tu{ width:90%; text-align:center; vertical-align:middle; margin:0 auto}
.cjyy_tu img{max-width:100%; height:auto}
}

@media (max-width:450px){
.cjyy_box li span img{ width:50px; height:auto}
.cjyy_box li span{ font-size:20px; font-weight:normal; line-height:50px; margin:0px 5px}
.cjyy_tu{ width:90%; text-align:center; vertical-align:middle; margin:0 auto}
.cjyy_tu img{max-width:100%; height:auto}
}

@media (max-width:350px){
.cjyy_box li span img{ width:40px; height:auto}
.cjyy_box li span{ font-size:18px; font-weight:normal; line-height:40px; margin:0px 5px}
.cjyy_tu{ width:90%; text-align:center; vertical-align:middle; margin:0 auto}
.cjyy_tu img{max-width:100%; height:auto}
}

/*-------案例-----------*/

.caselist{ overflow:hidden; margin:0px; padding:0px; padding-top:20px; width:100%}
.caselist li{ overflow:hidden; margin:0px; padding:0px; width:25%; float:left; margin-bottom:10px}
.caselist dl{ overflow:hidden; margin:0px; padding:0px; width:92%; margin:0 auto;margin-top:8px; margin-bottom:8px;  border:#eee 1px solid; padding:2%; background:#fff}
.caselist dl dt{ overflow:hidden; margin:0px; padding:0px; font-size:15px; text-align:center; font-weight:bold;overflow:hidden;white-space:nowrap;text-overflow:ellipsis; line-height:36px}
.caselist dl dd{ overflow:hidden; margin:0px; padding:0px; font-size:12px; line-height:22px; color:#888; height:45px;}

.caselist dl dt img{ width:100%; height:180px; vertical-align:top;transition: 0.6s;-moz-transition: 0.6s;-webkit-transition: 0.6s; }

.caselist li:hover dl{box-shadow:0 0 10px 1px rgba(0,0,0,.1);  border:#FF7800 1px solid;}
.caselist li:hover dt { color:#FF7800}
.caselist li:hover img{-webkit-transform: scale(1.1);transform: scale(1.1);-moz-transform: scale(1.1);}
@media only screen and (max-width:1024px) {
.caselist dl dt img{ width:100%; height:140px; vertical-align:top;transition: 0.6s;-moz-transition: 0.6s;-webkit-transition: 0.6s; }

}

@media only screen and (max-width:770px) {
.caselist dl dt img{ width:100%; height:120px; padding:0px; font-size:14px; font-weight:bold;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;}
.caselist dl dd{ overflow:hidden; margin:0px; padding:0px; font-size:12px; line-height:22px; color:#888; height:auto;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;}
}
@media only screen and (min-width: 660px) and (max-width: 700px) {
.caselist dl dt img{ width:100%; height:100px; vertical-align:top;transition: 0.6s;-moz-transition: 0.6s;-webkit-transition: 0.6s; }
.caselist dl dt{ overflow:hidden; margin:0px; padding:0px; font-size:14px; font-weight:bold;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;}
.caselist dl dd{ overflow:hidden; margin:0px; padding:0px; font-size:12px; line-height:22px; color:#888; height:auto;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;}
}

@media only screen and (max-width:659px) {
.caselist{ overflow:hidden; margin:0px; padding:0px; padding-top:1px}
.caselist dl{ overflow:hidden; margin:0px; padding:0px; width:92%; margin:0 auto;margin-top:8px; margin-bottom:4px;  border:#eee 1px solid; padding:2%}
.caselist dl dt img{ width:100%; height:100px; vertical-align:top;transition: 0.6s;-moz-transition: 0.6s;-webkit-transition: 0.6s; }
.caselist li{ overflow:hidden; margin:0px; padding:0px; width:50%; float:left}
.caselist li:nth-child(2n){width:50%; float: right}
.caselist li:nth-child(2n-1){width:50%; float:left}
}

@media only screen and (max-width:600px){
.caselist dl dt img{ width:100%; height:140px; vertical-align:top;transition: 0.6s;-moz-transition: 0.6s;-webkit-transition: 0.6s; }
}

@media only screen and (max-width:450px){
.caselist dl dt img{ width:100%; height:100px; vertical-align:top;transition: 0.6s;-moz-transition: 0.6s;-webkit-transition: 0.6s; }
.caselist dl dt{ overflow:hidden; margin:0px; padding:0px; font-size:12px; font-weight:bold;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;}
}

@media only screen and (max-width:320px){
.caselist dl dt img{ width:100%; height:90px; vertical-align:top;transition: 0.6s;-moz-transition: 0.6s;-webkit-transition: 0.6s; }
}


.main_box {max-width: 1200px;width: 96%; margin:0 auto;padding: 0px;overflow:hidden;}


/*----分享------*/
.btnShare1{position:absolute;top:730px; left:50%;/* margin-left:-530px;*/  margin-left:400px;width:200px;font-size:0; display:block}
.btnShare1 i{font-size:12px; display:block; border-bottom:2px solid #dcdcdc; color:#999; text-indent:5px; line-height:30px; margin-bottom:15px}
.btnShare1 a{display:block; margin-bottom:10px; font-size:16px; color:#444; line-height:40px; height:40px; overflow:hidden}
.btnShare1 div{width:40px; height:40px; text-align:center;border-radius:6px; display:inline-block; margin-right:10px;}
.btnShare1 a img{ vertical-align:middle}
.btnShare1 .shareWx div{background-color:#6ac334}
.btnShare1 .shareWb div{background-color:#ff4444}
.btnShare1 .shareQz div{background-color:#f1a718}
.btnShare1 .shareQq div{background-color:#27a0f5}
.btnShare1 .shareToTop div{background-color:#acabab}
.btnShare1 .shareWx:hover div{background-color:#7fde46}
.btnShare1 .shareWb:hover div{background-color:#ff6767}
.btnShare1 .shareQz:hover div{background-color:#ffc34f}
.btnShare1 .shareQq:hover div{background-color:#4fb6fe}
.btnShare1 .shareToTop:hover div{background-color:#c6c4c4}

.btnShare1Fixed{position:fixed!important;top:300px!important; left:50%; margin-left:400px; }


@media only screen and (max-width:1199px) {
.btnShare1{position:absolute;top:830px; left:50%;/* margin-left:-530px;*/  margin-left:400px;width:200px;font-size:0; display: none}
}


.boxShow{ width:958px; padding:0 0 40px 0;border:1px solid #dedede; border-radius:6px;margin:20px 0 20px 0px;overflow:hidden;min-height:400px;}
.showTitle{ font-size:26px; line-height:40px; margin-top:30px;  font-weight:bold; border-left:6px solid #FF9600; padding:0 40px 0 36px;}
.showInfo{ border-bottom:2px solid #dcdcdc; font-size:14px; color:#999; padding:5px 0 25px 0; margin: 0 40px 15px 40px; }
.showCon{ font-size:14px; line-height:190%; padding:15px 40px 0 20px;}
.showCon img{ height:auto;MAX-WIDTH: 100%!important;HEIGHT: auto!important;}

@media only screen and (max-width:1199px) {
.boxShow{ width:99%; padding:0 0 40px 0;border:1px solid #dedede; border-radius:6px;overflow:hidden;min-height:400px; margin:0 auto; margin-top:20px; margin-bottom:20px}
.showTitle{ font-size:18px; line-height:30px; margin-top:20px;  font-weight:bold; border-left:6px solid #FF9600; padding:0 30px 0 26px;}
.showInfo{ border-bottom:2px solid #dcdcdc; font-size:14px; color:#999; padding:5px 0 25px 0; margin: 0 20px 15px 20px; }
.showCon{ font-size:14px; line-height:190%; padding:15px 20px 0 20px;}
}

/*-----新闻列表---------*/
.news_wrapper{ overflow:hidden; padding-top:20px}
.news_wrapper li{ list-style:none; overflow:hidden; border-bottom:#F0F0F0 1px solid; padding-bottom:20px; margin-bottom:20px; float:none}
.news_wrapper li dl{ overflow:hidden;transition: 0.3s;-moz-transition: 0.3s;-webkit-transition: 0.3s; position:relative; height:170px; width:830px ;}
.news_wrapper li dl dt{ overflow:hidden; transition: 0.3s;-moz-transition: 0.3s;-webkit-transition: 0.3s; margin:0px}
.news_wrapper li dl dd{ overflow:hidden;    line-height: 22px;font-size: 13px;color: #6a6a6a;transition: 0.3s;-moz-transition: 0.3s;-webkit-transition: 0.3s; height:50px}
.news_wrapper li dl dt .title{font-size:16px;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;}
.description{ width:75%;height: auto;line-height: 22px;font-size: 13px; color: #6a6a6a;margin-top: 10px;}

.news_wrapper  .date{color: #c8c8c8;transition: all 0.3s cubic-bezier(0.215, 0.61, 0.355, 1) 0s; position:absolute; top:120px; left:0; z-index:1}
.news_wrapper  .date  .md{    color: #c8c8c8; margin-left:20px}
.news_wrapper  .date  .year{font-size: 16px;color: #c8c8c8;}
.news_wrapper  .date  .year::after {content: "/"; position: absolute;margin: 0 5px; color: #B1B1B1;}

.news_wrapper li dl::after {content: 'MORE';width: 105px;height: 40px;padding-left: 45px;line-height: 40px;display: block;text-align: left;margin-top:-43px;color: #bcbcbc;border-left: 1px solid rgba(0, 0, 0, .08);transition: all 0.6s cubic-bezier(0.215, 0.61, 0.355, 1) 0s;font-size: 16px;
background: url(../images/icon_m.png) -165px 0 no-repeat;float: right;border-top: none;}
.news_wrapper li a:hover dl{padding-left:20px; color:#FF9600}
.news_wrapper li a:hover dl{ margin-left:20px}

.newsimg{display: block; width: 300px;height:auto; float:left; margin-right:40px}
.newsimg img{ width:300px; height:170px}

@media only screen and (max-width: 1024px) {
.news_wrapper li dl{ overflow:hidden;transition: 0.3s;-moz-transition: 0.3s;-webkit-transition: 0.3s; position:relative; height:180px; width:620px ;}
.description{ width:68%;height: auto;line-height: 22px;font-size: 13px; color: #6a6a6a;margin-top: 10px;}
}

@media only screen and (min-width:667px) and (max-width: 768px) {
.news_wrapper li dl{ overflow:hidden;transition: 0.3s;-moz-transition: 0.3s;-webkit-transition: 0.3s; position:relative; height:125px; width:70% ;}
.news_wrapper li dl dd{ overflow:hidden;    line-height: 22px;font-size: 13px;color: #6a6a6a;transition: 0.3s;-moz-transition: 0.3s;-webkit-transition: 0.3s; height:45px}
.newsimg{display: block; width:26%;height:auto; float:left; margin-right:2%}
.newsimg img{ width:100%; height:130px}
.description{ width:65%;height: auto;line-height: 22px;font-size: 13px; color: #6a6a6a;margin-top: 0px;}
.news_wrapper li a:hover dl{padding-left:1%; color:#FF9600}
.news_wrapper li a:hover dl{ margin-left:1%}
.news_wrapper  .date{color: #c8c8c8;transition: all 0.3s cubic-bezier(0.215, 0.61, 0.355, 1) 0s; position: absolute; top:90px; left:0; z-index:1}
}

@media only screen and (max-width: 650px) {
.newsimg{display: block; width:100%;height:auto; float: none; margin-right:0%; margin-bottom:5px}
.newsimg img{ width:100%; height:auto}

.news_wrapper li dl{ overflow:hidden;transition: 0.3s;-moz-transition: 0.3s;-webkit-transition: 0.3s; position:relative; height:auto; width:100% ;}
.news_wrapper li dl dd{ overflow:hidden;    line-height: 22px;font-size: 13px;color: #6a6a6a;transition: 0.3s;-moz-transition: 0.3s;-webkit-transition: 0.3s; height:auto}
.news_wrapper  .date{color: #c8c8c8;transition: all 0.3s cubic-bezier(0.215, 0.61, 0.355, 1) 0s; position: static; top:0px; left:0; z-index:1; margin:0px; padding:2px}
.news_wrapper li a:hover dl{padding-left:0%; color:#FF9600}
.news_wrapper li a:hover dl{ margin-left:0%}

.description{ width:100%;height: auto;line-height: 22px;font-size: 13px; color: #6a6a6a;margin-top: 8px;}
.news_wrapper li dl::after { display:none}
.news_wrapper li dl dd p{ margin:0px; padding:0px}
.news_wrapper li dl dt p{ margin:0px; padding:0px;line-height:200%}
}



/*----系统模块----*/
.xtmk{ overflow:hidden; margin:0px; padding:0px; padding-top:20px}

.xtmk li{ overflow:hidden; margin:0px; padding:0px; float:left; width:25%; text-align:center;}
.xt_tu{ text-align:center; margin-bottom:10px; border-radius:50%;width:80px; height:80px; margin:0 auto; background:#FAA74B}
.xt_tu img{ width:80px; height:80px; vertical-align:middle; border-radius:50%;}
.xtmk li p{ margin:0px; padding:0px; line-height:200%; font-size:18px;}

@media only screen and (max-width: 650px) {
.xt_tu img{ width:60px; height:60px; vertical-align:middle; border-radius:50%;}
.xt_tu{ text-align:center; margin-bottom:10px; border-radius:50%;width:60px; height:60px; margin:0 auto; background:#FAA74B}
.xtmk li p{ margin:0px; padding:0px; line-height:200%; font-size:14px;}
}

.xtmk li:hover  .xt_tu img{transform:rotate(360deg)}


/*-----------停车场系统优势--------------*/
.tcys{ overflow:hidden; margin:0px; padding:0px}
.tcys li{ float:left; margin:0px; padding:0px; list-style:none; width:25%; margin-bottom:10px;overflow:hidden; }
.tcys li dl{ margin:0px; padding:0px;overflow:hidden; width:94%; margin:0 auto;border:#eee 1px solid; padding:15px 0px; min-height:280px; background:#FFFFFF;box-shadow:0 0 10px 1px rgba(0,0,0,.1); margin-top:10px; margin-bottom:10px}
.tcys li dl dt{ margin:0px; padding:0px;overflow:hidden; text-align:center; font-size:18px; color:#111; line-height:200%}
.tcys li dl dd{ margin:0px; padding:0px;overflow:hidden; padding:5PX 20PX 5PX 20PX; }

.tcys li dl:hover{box-shadow:0 0 10px 1px rgba(0,0,0,.2);}
.tcys li dl:hover  dt img{transform:rotateY(180deg); color:#FF9900}
.tcys li dl:hover  dt{color:#FF9900}

@media (max-width:1025px){
.tcys li{ float:left; margin:0px; padding:0px; list-style:none; width:50%; margin-bottom:10px;overflow:hidden; }
.tcys li dl{ margin:0px; padding:0px;overflow:hidden; width:94%; margin:0 auto;border:#eee 1px solid; padding:15px 0px; min-height:210px; background:#FFFFFF;box-shadow:0 0 10px 1px rgba(0,0,0,.1); margin-top:10px; margin-bottom:10px}
}


@media (max-width:770px){
.tcys li{ float:left; margin:0px; padding:0px; list-style:none; width:50%; margin-bottom:10px;overflow:hidden; }
.tcys li dl{ margin:0px; padding:0px;overflow:hidden; width:94%; margin:0 auto;border:#eee 1px solid; padding:15px 0px; min-height:240px; background:#FFFFFF;box-shadow:0 0 10px 1px rgba(0,0,0,.1); margin-top:10px; margin-bottom:10px}
}

@media (max-width:670px){
.tcys li{ float:left; margin:0px; padding:0px; list-style:none; width:100%; margin-bottom:10px;overflow:hidden; }
.tcys li dl{ margin:0px; padding:0px;overflow:hidden; width:90%; margin:0 auto;border:#eee 1px solid; padding:15px 0px; min-height:auto; background:#FFFFFF;box-shadow:0 0 10px 1px rgba(0,0,0,.1); margin-top:10px; margin-bottom:10px}
}



/*-----------地磁车位诱导系统优势---------------*/

.dcys{ overflow:hidden; margin:0px; padding:0px; width:70%; margin:0 auto}

.dcys li{ overflow:hidden; margin:0px; padding:0px; list-style:none; margin-bottom:25px; width:100%}
.dcys li dl{ overflow:hidden; margin:0px; padding:0px; float:left; width:70%}
.dcys li dl dt{ overflow:hidden; margin:0px; padding:0px; font-size:16px; color:#111}
.dcys li dl dd{ overflow:hidden; margin:0px; padding:0px}

.dcys_tuL{ float:left;  text-align:left;width:30%}
.dcys_tuL img{ max-width:100%; height:auto; vertical-align:top}

.dcys_tuR{ float: right;width:30%;  text-align: right}
.dcys_tuR img{ max-width:100%; height:auto; vertical-align:top}

@media (max-width:1025px){
.dcys{ overflow:hidden; margin:0px; padding:0px; width:90%; margin:0 auto}
}



@media (max-width:800px){
.dcys{ overflow:hidden; margin:0px; padding:0px; width:100%; margin:0 auto}
.dcys_tuL{ float:left;  text-align:left;width:100%; text-align:center; margin-bottom:5px}
.dcys_tuL img{ width:100%; height:auto; vertical-align:top}
.dcys li dl{ overflow:hidden; margin:0px; padding:0px; float:left; width:100%}
.dcys li dl dt{ overflow:hidden; margin:0px; padding:0px; font-size:16px; color:#111; text-align:center}
.dcys_tuR{ float: right;width:100%;  text-align:left;text-align:center;margin-bottom:5px}
.dcys_tuR img{ width:100%; height:auto; vertical-align:top}
}


/*-----方案------*/
.fa1_bg{ overflow:hidden;}
.fa1_bg img{ width:100%; height:auto; vertical-align:top}

.fa2_bg{ overflow:hidden; background:url(../images/fa2.jpg) no-repeat center;background-size:cover;min-height:600px;}

.fa_zucheng{ overflow:hidden; margin:0px; padding:150px 0px 20px 0px;}
.fa_zucheng li{ float:left; width:20%; overflow:hidden; list-style:none; margin-bottom:10px}
.fa_zucheng li dl{overflow:hidden; margin:0px; padding:0px; margin:0 auto; width:84%; padding:4%; margin-top:10px; margin-bottom:10px; background:#fff;transition: 0.3s;-moz-transition: 0.3s;-webkit-transition: 0.3s;
}
.fa_zucheng li dl dt{overflow:hidden; margin:0px; padding:0px; font-size:16px; color:#111; font-weight:bold; text-align:center; margin-bottom:5px}
.fa_zucheng li dl dd{overflow:hidden; margin:0px; padding:0px; min-height:120px;  color:#555; text-align:center}

.fa_zucheng li dl:hover{background:#1B2329;box-shadow:0 0 10px 1px rgba(0,0,0,.4); margin-top:5px}
.fa_zucheng li dl:hover dt{color:#fff}
.fa_zucheng li dl:hover dd{color:#fff}

@media (max-width:700px){
.fa_zucheng li{ float:left; width:100%; overflow:hidden; list-style:none; margin-bottom:10px}
.fa2_bg{ overflow:hidden; background:url(../images/fa2.jpg) no-repeat center;background-size:cover;min-height:auto;}
.fa_zucheng{ overflow:hidden; margin:0px; padding:20px 0px 20px 0px;}
.fa_zucheng li dl dt{overflow:hidden; margin:0px; padding:0px; font-size:14px; color:#111; font-weight:bold; text-align:center; margin-bottom:5px}
.fa_zucheng li dl dd{overflow:hidden; margin:0px; padding:0px; min-height:auto;  color:#555; text-align:center}
}

/*-----方案-2-----*/

.fa_zc2{ overflow:hidden; background:#F7AE45; padding:40px 0px}
.fa_lby{ text-align:center; width:100%}
.fa_lby  img{ max-width:100%; height:auto}
.fa_lby_txt{ font-size:20px; line-height:220%; text-align:center; color:#FFFFFF}

.fa_zctu{ overflow:hidden; margin:0px; padding:30px 0px}
.fa_zctu li{ overflow:hidden; margin:0px; padding:0px; float:left; width:25%; text-align:center; color:#FFFFFF}
.fa_zctu li dl{ overflow:hidden; margin:0px; padding:0px; width:94%; margin:0 auto}
.fa_zctu li dl dt{ overflow:hidden; margin:0px; padding:0px}
.fa_zctu li dl dt img{ max-width:100%; height:auto}
.fa_zctu li dl dd{ overflow:hidden; margin:0px; padding:0px; font-size:16px; color:#FFFFFF; line-height:200%}

@media (max-width:600px){
.fa_zctu{ overflow:hidden; margin:0px; padding:10px 0px}
.fa_zctu li{ overflow:hidden; margin:0px; padding:0px; float:left; width:50%; text-align:center; color:#FFFFFF; margin-bottom:10px}
}

.fa_yd_L{ width:30%; float:left; overflow:hidden}
.fa_yd_L_txt{ margin:0 auto; width:70%; margin-top:50px; font-size:18px; line-height:200%}
.fa_yd_R{ width:70%; float: right; overflow:hidden}
.fa_yd_R img{ width:100%; height:auto;}

.fa_yd1{ overflow:hidden; padding:20px 0px; margin:0px;}
.fa_yd1 li{ overflow:hidden; padding:0px; margin:0px; float:left; width:50%; text-align:center}
.fa_yd1 li img{ max-width:100%; height:auto}

@media (max-width:750px){
.fa_yd_L{ width:100%; float:left; overflow:hidden}
.fa_yd_L_txt{ margin:0 auto; width:100%; margin-top:0px; font-size:14px; line-height:190%}
.fa_yd_R{ width:100%; float:left; overflow:hidden}
}


/*----APP终端设备------*/
.zdsb{ overflow:hidden; margin:0px;padding:0px;}

.zdsb li{ float:left; width:50%; overflow:hidden; list-style:none}
.zdsb li dl{ overflow:hidden;width:350px; margin:0 auto; padding:0px}
.zdsb li dl dt{ overflow:hidden; margin:0px; padding:0px}
.zdsb li dl dd{ overflow:hidden; margin:0px; padding:0px; font-size:18px; padding-top:50px; line-height:200%; color:#666666}
.zdsb_tu{ float:left; width:197px; height:auto}
.zdsb_tu img{ width:100%; height:auto;}

@media (max-width:660px){
.zdsb li dl{ overflow:hidden;width:100%; margin:0 auto; padding:0px}
.zdsb_tu{ width:100%; text-align:center;float:left; }
.zdsb li dl dd{ float:left; width:100%; text-align:center;padding-top:0px;  line-height:190%; }
}


/*----应用流程------*/
.yylc{ overflow:hidden; margin:0px; padding:0px}

.yylc_box{ width:27%; overflow:hidden; float:left; background:#fff;box-shadow:0 0 10px 1px rgba(0,0,0,.2); margin:20px 0px}
.yylc_box h3{ text-align:center; font-size:16px; color:#000000; padding-top:8px; font-weight:normal}
.yylc_box p{ text-align:center; padding:2px 15px 10px 15px; min-height:46px}
.yylc_tu{ width:100%; height:auto; vertical-align:top;}
.yylc_jd{ width:5.8%; float:left; padding:0px 5px; overflow:hidden}
.yylc_jd img{ vertical-align:middle; max-width:100%; margin-top:120px;}

.yylc_jd1{ width:5.8%; float:left; padding:0px 5px; overflow:hidden; display:none}
.yylc_jd1 img{ vertical-align:middle; max-width:100%; margin-top:120px;}

@media (max-width:750px){
.yylc_box h3{ text-align:center; font-size:14px; color:#000000; padding-top:8px; font-weight:normal}
.yylc_box p{ text-align:center; padding:2px 10px 10px 10px; min-height:46px; font-size:12px}
.yylc_jd img{ vertical-align:middle; max-width:100%; margin-top:80px;}
.yylc_jd1 img{ vertical-align:middle; max-width:100%; margin-top:80px;}
}


@media (max-width:600px){
.yylc_box p{ text-align:center; padding:2px 15px 10px 15px; min-height:70px}
.yylc_box h3{ text-align:center; font-size:12px; color:#000000; padding-top:8px; font-weight:normal; min-height:40px; line-height:20px}
}


@media (max-width:500px){
.yylc_box p{ text-align:center; padding:2px 15px 10px 15px; min-height:auto}
.yylc_box h3{ text-align:center; font-size:14px; color:#000000; padding-top:8px; font-weight:normal; min-height:auto; line-height:20px}
.yylc_jd{ width:100%; float:left; padding:0px 5px; overflow:hidden; text-align:center;}
.yylc_jd1{ width:100%; float:left; padding:0px 5px; overflow:hidden; text-align:center; display:block}
.yylc_box{ width:100%; overflow:hidden; float:left; background:#fff;box-shadow:0 0 10px 1px rgba(0,0,0,.2); margin:10px 0px}
.yylc_box  .yylc_jd img{ max-width:100%; vertical-align:middle; height:auto;margin-top:0px;transform:rotate(90deg);}
.yylc_box  .yylc_jd1 img{ max-width:100%; vertical-align:middle; height:auto;margin-top:0px;transform:rotate(90deg); display:block}
.yylc_jd img{ vertical-align:middle; max-width:100%; margin-top:0px;transform:rotate(90deg);}
.yylc_jd1 img{ vertical-align:middle; max-width:100%; margin-top:0px;transform:rotate(90deg);}
.yylc_box img{ width:100%; height:auto}
}


/*----应用效果------*/
.yyxg_box{ overflow:hidden;}
.yyxg_L_tu{ overflow:hidden; margin:0px; padding:0px; float:left; width:45%;}
.yyxg_L_tu img{ width:100%; height:auto;}

.yyxg_R_txt{ overflow:hidden; margin:0px; padding:0px; float:right; width:48%; font-size:18px; line-height:200%}


.yyxg_L_txt{ overflow:hidden; margin:0px; padding:0px; float:left; width:35%; font-size:18px; line-height:200%}
.yyxg_R_tu{ overflow:hidden; margin:0px; padding:0px; float: right; width:55%;}
.yyxg_R_tu img{ width:100%; height:auto;}


@media (max-width:770px){
.yyxg_L_txt{ overflow:hidden; margin:0px; padding:0px; float:left; width:35%; font-size:16px; line-height:200%}
.yyxg_R_txt{ overflow:hidden; margin:0px; padding:0px; float:right; width:48%; font-size:16px; line-height:200%}


}
@media (max-width:670px){
.yyxg_L_tu{ overflow:hidden; margin:0px; padding:0px; float:left; width:30%;}
.yyxg_R_txt{ overflow:hidden; margin:0px; padding:0px; float:right; width:68%; font-size:14px; line-height:180%}
.yyxg_L_txt{ overflow:hidden; margin:0px; padding:0px; float:left; width:35%; font-size:14px; line-height:200%}

}

@media (max-width:560px){
.yyxg_L_tu{ overflow:hidden; margin:0px; padding:0px; float:left; width:100%;}
.yyxg_R_txt{ overflow:hidden; margin:0px; padding:0px; float:left; width:100%; font-size:14px; line-height:180%}
.yyxg_L_txt{ overflow:hidden; margin:0px; padding:0px; float:left; width:100%; font-size:14px; line-height:200%}
.yyxg_R_tu{ overflow:hidden; margin:0px; padding:0px; float: left; width:100%;}
}



.fa3_bg{ overflow:hidden; background:url(../images/fa3.jpg) no-repeat center;background-size:cover;min-height:600px;}

.fa3_tu{ overflow:hidden;}
.fa3_tu img{ max-width:100%; height:auto; vertical-align:top}
.fa3_txt{ overflow:hidden; width:750px; padding:10px 0px; color:#FFFFFF}

@media (max-width:900px){
.fa3_tu{ overflow:hidden;}
.fa3_tu img{ width:100%; height:auto; vertical-align:top}
.fa3_txt{ overflow:hidden; width:100%; padding:10px 0px; color:#FFFFFF}
.fa3_bg{ overflow:hidden; background:url(../images/fa3.jpg) no-repeat center;background-size:cover;min-height:300px; padding-bottom:50px}
}













/*-----------合作伙伴---------------*/
.hzkf{ overflow:hidden; display:block}

.hz_tu{ overflow:hidden; padding-top:20px; margin-bottom:10px}
.hz_tu ul{ overflow:hidden; padding:0px; margin:0px}
.hz_tu ul li{ list-style:none; float: left; width:16.66%; height:auto; margin:8px 0px; text-align:center}
.hz_tu ul li img{width:180px; height:106px;border:#eee 1px solid;}

@media (max-width:1024px){
.hzkf{ overflow:hidden;}
.hz_tu{ overflow:hidden; padding-top:20px}
.hz_tu ul{ overflow:hidden; padding:0px; }
.hz_tu ul li{ list-style:none; float: left; width:16.66%; height:auto; margin:6px 0px; text-align:center}
.hz_tu ul li img{width:95%; height:auto; margin:0 auto}
}


@media (max-width:768px){
.hzkf{ overflow:hidden; display: block}
.hz_tu{ overflow:hidden; padding-top:20px}
.hz_tu ul{ overflow:hidden; padding:0px; }
.hz_tu ul li{ list-style:none; float: left; width:16.66%; height:auto; margin:6px 0px; text-align:center}
.hz_tu ul li img{width:105px; height:60px; margin:0 auto}
}

@media (max-width:667px){
.hzkf{ overflow:hidden; display: block}
.hz_tu{ overflow:hidden; padding-top:20px}
.hz_tu ul{ overflow:hidden; padding:0px; }
.hz_tu ul li{ list-style:none; float: left; width:20%; height:auto; margin:6px 0px; text-align:center}
.hz_tu ul li img{width:92%; height:65px; margin:0 auto}

}
@media (max-width:558px){
.hzkf{ overflow:hidden; display: block}
.hz_tu{ overflow:hidden; padding-top:20px}
.hz_tu ul{ overflow:hidden; padding:0px; }
.hz_tu ul li{ list-style:none; float: left; width:33.33%; height:auto; margin:6px 0px; text-align:center}
.hz_tu ul li img{width:92%; height:70px; margin:0 auto}

}

@media (max-width:375px){
.hzkf{ overflow:hidden; display: block}
.hz_tu{ overflow:hidden; padding-top:20px}
.hz_tu ul{ overflow:hidden; padding:0px; }
.hz_tu ul li{ list-style:none; float: left; width:33.33%; height:auto; margin:6px 0px; text-align:center}
.hz_tu ul li img{width:92%; height:60px; margin:0 auto}

}

@media (max-width:321px){
.hzkf{ overflow:hidden; display: block}
.hz_tu{ overflow:hidden; padding-top:20px}
.hz_tu ul{ overflow:hidden; padding:0px; }
.hz_tu ul li{ list-style:none; float: left; width:33.33%; height:auto; margin:6px 0px; text-align:center}
.hz_tu ul li img{width:92%; height:50px; margin:0 auto}

}


@media only screen and (max-width:768px) {
.link_k{ overflow:hidden; padding-top:20px; color:#5D6678; display: none}
}


/*-----------down---------------*/
.down_nav_bg{ overflow:hidden; width:100%;padding:60px 0px 40px 0px; background:#282828; margin-top:20px; display:block}
.down_nav { float:right; width:62%;display:block; overflow:hidden}
.down_nav li{ overflow:hidden; margin:0px; padding:0px; float:left; width:20%}
.down_nav li dl{ overflow:hidden; margin:0px; padding:0px; color:#FFFFFF}
.down_nav li dl dt{ overflow:hidden; margin:0px; padding:0px; font-size:16px; margin-bottom:5px; }
.down_nav li dl dd{ overflow:hidden; margin:0px; padding:0px; color:#CECECE;}
.down_nav li dl dt  a{border-bottom:1px #666 solid; font-size:16px;color:#FFFFFF; overflow:hidden; padding-bottom:4px;overflow:hidden}
.down_nav li dl dd a{ color:#CECECE; font-size:12px}
.down_nav li dl dd a:hover{ color:#F9B552}



.down_nav_cp{width:38%; float:left; overflow:hidden; margin-bottom:10px}
.down_nav_cp dl{ overflow:hidden; margin:0px; padding:0px; color:#FFFFFF; width:100%}
.down_nav_cp dl dt{ overflow:hidden; margin:0px; padding:0px; color:#FFFFFF; font-size:24px;}
.down_nav_cp dl dd{ overflow:hidden; margin:0px; padding:0px; color:#CECECE; font-size:12px;width:100%; line-height:22px}
.down_nav_cp dl dd span{ margin-right:5px}
.down_nav_cp dl dd a{font-size:12px;}

.fx_ioc{ overflow:hidden; margin-bottom:20px; margin-top:20px; width:100%;}
.fx_ioc li{ float:left; margin-right:10px; overflow:hidden; background:#FFFFFF; border-radius:50%}
.fx_ioc li img{ width:30px; height:30px; vertical-align:middle; }
.fx_ioc li:hover{ background:#CACACA}
@media only screen and (max-width:768px) {
.down_nav_cp{width:100%; float:left; overflow:hidden; margin-bottom:15px}
}



.fx_ioc li  .yuyan {
  float: right;
  margin-top: 0px;
  line-height: 30px;
  cursor: pointer; height:auto;
}

.fx_ioc li  .yuyan span {
  font-size:14px;
  color: #333; text-align:center;
  display: inline-block;

}
.fx_ioc li  .yuyan span img{
width:30px; height:30px; vertical-align:middle; border-radius:50%
}

.fx_ioc li   .yuyan i { margin-left:-40px; margin-top:10px;
  font-style: normal;
  position: absolute;
  z-index: 999;
  display: none;
  background: #fff;
  text-align: center; padding:3px; border:#CCCCCC 1px solid
}
.fx_ioc li  .yuyan i img{ width:95px; height:auto;}
.fx_ioc li  .yuyan i a {
  display: block;
  line-height: 25px;
  height: 25px;
  color: #fff;
  font-size: 12px;
   width:80px;
}



.down_bg{ background:#282828; padding:10px 0px; color:#CECECE; font-size:12px}
.down_cop{max-width: 1200px;margin:0 auto; width: 96%; color:#CECECE; }

@media only screen and (max-width:1024px) {
.down_nav { float:left; width:100%;display:block}
.down_nav li{ overflow:hidden; margin:0px; padding:0px; float:left; width:20%}
}


@media only screen and (max-width:768px) {
.down_nav { float:left; width:100%;display:block}
.down_nav_bg{ overflow:hidden; width:100%;  padding:40px 0px 20px 0px; background:#282828; margin-top:20px; display:block}
.down_nav li{ overflow:hidden; margin:0px; padding:0px; float:left; width:20%}
.down_nav li dl dd{ font-size:12px}
.down_nav li dl dd a{ color:#CECECE;font-size:12px}

}

@media only screen and (max-width:740px) {
.down_nav{ display:none}
}


.link_k{ overflow:hidden; padding-top:20px; color:#5D6678; display:block}
.link_k a{ color:#5D6678;}



/* actGotop */
.b_top{ overflow:hidden; display:none}
@media only screen and (max-width:740px) {
.b_top{ overflow:hidden; display: block}
}
.actGotop{position:fixed;_position:absolute;bottom:70px;right:2%;width:40px;height:40px;display:none; z-index:2}
.actGotop a,.actGotop a:link{width:39px;height:39px;display:inline-block; text-align:center; background: url(../images/up.png) no-repeat center}
.actGotop a:hover{ background: url(../images/up.png) no-repeat center;outline:none;}

.btntj{background:#F36904;color:#fff;text-align:center;border:0;border-radius:5px;padding:4px;width:120px;font-size:16px; font-weight:bold;cursor: pointer; line-height:32px;}





/*---------留言----------*/
.lybook_L{overflow:hidden; float:left; width:48%; line-height:190%; font-size:14px}
.lybook_R{  float:right; width:48%;}

@media only screen and (max-width:768px){
.lybook_L{overflow:hidden; float:left; width:100%;}
.lybook_R{ overflow:hidden; float:left; width:100%;}

}

.odform-tit{font-weight:normal;font-size:22px;color:#595757;line-height:40px;text-align:center;border-bottom:1px solid #c9cacb;margin:0;padding:10px 0}
.odform-tit img{height:40px;vertical-align:middle;margin-right:15px}
.odform{ overflow:hidden; margin:15px 0px;}
.input-group1{margin-bottom:10px;position:relative; width:100%;}
.input-group1 span{ color:#FF0000}
.input-group1 label{padding:0px 0;position:absolute;color:#333; font-size:14px; }
.input-group1 input{margin-left:5em;padding:4px 6px;box-sizing:border-box;background:#fff;border:1px solid #D9D9D9;border-radius:5px;color:#595757;width:78%; font-size:14px; line-height:25px}
.input-group1 select{margin-left:5em;padding:2% 6px;box-sizing:border-box;background:#fff;border: #efeff0 1px solid;border-radius:5px;color:#595757;width:78%; font-size:14px; line-height:25px}
.input-group1 textarea{margin-left:5em;padding:4px 6px;box-sizing:border-box;background:#fff;border:1px solid #D9D9D9;border-radius:5px;color:#595757;width:78%; font-size:14px; height:150px}
.odform button{background:#423B33;color:#fff;text-align:center;border:0;border-radius:5px;padding:4px;width:120px;font-size:16px; font-weight:bold;cursor: pointer; line-height:30px; margin:0 auto}
.an_ly{ width:120px; margin-left:72px}
.btntj{background:#0D69BF;color:#fff;text-align:center;border:0;border-radius:5px;padding:4px;width:120px;font-size:16px; font-weight:bold;cursor: pointer; line-height:30px;}

.tp_lybt{border-bottom:#999999 1px solid; margin-bottom:10px; font-size:16px; font-weight:bold}



.so_box{ width:97%; margin:0px auto; margin-bottom:10px; overflow:hidden; margin-top:4px}
.so_box{ padding:4px 0px; font-size:16px;}
.so_box span{ margin:0px 4px; color:#FF6600}


/*-------banner-----------*/
.fixed_banner_1{ width:100%; height:700px; background:url(../images/nrgg1.jpg) no-repeat center center; background-size:auto 100%; display:block;position:relative;}
.fixed_banner_2{ width:100%; height:700px; background:url(../images/nrgg2.jpg) no-repeat center center; background-size:auto 100%; display:block;position:relative;}
.fixed_banner_3{ width:100%; height:700px; background:url(../images/nrgg3.jpg) no-repeat center center; background-size:auto 100%; display:block;position:relative;}
.fixed_banner_4{ width:100%; height:700px; background:url(../images/nrgg4.jpg) no-repeat center center; background-size:auto 100%; display:block;position:relative;}
.fixed_banner_5{ width:100%; height:700px; background:url(../images/nrgg5.jpg) no-repeat center center; background-size:auto 100%; display:block;position:relative;}
.fixed_banner_6{ width:100%; height:700px; background:url(../images/nrgg6.jpg) no-repeat center center; background-size:auto 100%; display:block;position:relative;}

.fixed_banner_7{ width:100%; height:700px; background:url(../images/nrgg_xt.jpg) no-repeat center center; background-size:auto 100%; display:block;position:relative;}

.fixed_banner_8{ width:100%; height:700px; background:url(../images/syag2.jpg) no-repeat center center; background-size:auto 100%; display:block;position:relative;}

.fixed_banner_9{ width:100%; height:700px; background:url(../images/zp.jpg) no-repeat center center; background-size:auto 100%; display:block;position:relative;}
.fixed_banner_10{ width:100%; height:700px; background:url(../images/app.jpg) no-repeat center center; background-size:auto 100%; display:block;position:relative;}


@media only screen and (max-width:1190px) {
.fixed_banner_1{ width:100%; height:500px; background:url(../images/nrgg1.jpg) no-repeat center center; background-size:auto 100%;display:block;position:relative;}
.fixed_banner_2{ width:100%; height:500px; background:url(../images/nrgg2.jpg) no-repeat center center; background-size:auto 100%;display:block;position:relative;}
.fixed_banner_3{ width:100%; height:500px; background:url(../images/nrgg3.jpg) no-repeat center center; background-size:auto 100%;display:block;position:relative;}
.fixed_banner_4{ width:100%; height:500px; background:url(../images/nrgg4.jpg) no-repeat center center; background-size:auto 100%;display:block;position:relative;}
.fixed_banner_5{ width:100%; height:500px; background:url(../images/nrgg5.jpg) no-repeat center center; background-size:auto 100%;display:block;position:relative;}
.fixed_banner_6{ width:100%; height:500px; background:url(../images/nrgg6.jpg) no-repeat center center; background-size:auto 100%;display:block;position:relative;}

.fixed_banner_7{ width:100%; height:500px; background:url(../images/nrgg_xt.jpg) no-repeat center center; background-size:auto 100%;display:block;position:relative;}
.fixed_banner_8{ width:100%; height:500px; background:url(../images/syag2.jpg) no-repeat center center; background-size:auto 100%;display:block;position:relative;}

.fixed_banner_9{ width:100%; height:500px; background:url(../images/zp.jpg) no-repeat center center; background-size:auto 100%;display:block;position:relative;}

.fixed_banner_10{ width:100%; height:500px; background:url(../images/app.jpg) no-repeat center center; background-size:auto 100%;display:block;position:relative;}
}


@media only screen and (max-width:768px) {
.fixed_banner_1{ width:100%; height:300px; background:url(../images/nrgg1.jpg) no-repeat center center; background-size:auto 100%;display:block;position:relative;}
.fixed_banner_2{ width:100%; height:300px; background:url(../images/nrgg2.jpg) no-repeat center center; background-size:auto 100%;display:block;position:relative;}
.fixed_banner_3{ width:100%; height:300px; background:url(../images/nrgg3.jpg) no-repeat center center; background-size:auto 100%;display:block;position:relative;}
.fixed_banner_4{ width:100%; height:300px; background:url(../images/nrgg4.jpg) no-repeat center center; background-size:auto 100%;display:block;position:relative;}
.fixed_banner_5{ width:100%; height:300px; background:url(../images/nrgg5.jpg) no-repeat center center; background-size:auto 100%;display:block;position:relative;}
.fixed_banner_6{ width:100%; height:300px; background:url(../images/nrgg6.jpg) no-repeat center center; background-size:auto 100%;display:block;position:relative;}
.fixed_banner_7{ width:100%; height:300px; background:url(../images/nrgg_xt.jpg) no-repeat center center; background-size:auto 100%;display:block;position:relative;}
.fixed_banner_8{ width:100%; height:300px; background:url(../images/syag2.jpg) no-repeat center center; background-size:auto 100%;display:block;position:relative;}
.fixed_banner_9{ width:100%; height:300px; background:url(../images/zp.jpg) no-repeat center center; background-size:auto 100%;display:block;position:relative;}
.fixed_banner_10{ width:100%; height:300px; background:url(../images/app.jpg) no-repeat center center; background-size:auto 100%;display:block;position:relative;}
}
@media only screen and (max-width:568px) {
.fixed_banner_1{ width:100%; height:200px; background:url(../images/nrgg1.jpg) no-repeat center center; background-size:auto 100%;display:block;position:relative;}
.fixed_banner_2{ width:100%; height:200px; background:url(../images/nrgg2.jpg) no-repeat center center; background-size:auto 100%;display:block;position:relative;}
.fixed_banner_3{ width:100%; height:200px; background:url(../images/nrgg3.jpg) no-repeat center center; background-size:auto 100%;display:block;position:relative;}
.fixed_banner_4{ width:100%; height:200px; background:url(../images/nrgg4.jpg) no-repeat center center; background-size:auto 100%;display:block;position:relative;}
.fixed_banner_5{ width:100%; height:200px; background:url(../images/nrgg5.jpg) no-repeat center center; background-size:auto 100%;display:block;position:relative;}
.fixed_banner_6{ width:100%; height:200px; background:url(../images/nrgg6.jpg) no-repeat center center; background-size:auto 100%;display:block;position:relative;}
.fixed_banner_7{ width:100%; height:200px; background:url(../images/nrgg_xt.jpg) no-repeat center center; background-size:auto 100%;display:block;position:relative;}
.fixed_banner_8{ width:100%; height:200px; background:url(../images/syag2.jpg) no-repeat center center; background-size:auto 100%;display:block;position:relative;}
.fixed_banner_9{ width:100%; height:200px; background:url(../images/zp.jpg) no-repeat center center; background-size:auto 100%;display:block;position:relative;}

.fixed_banner_10{ width:100%; height:200px; background:url(../images/app.jpg) no-repeat center center; background-size:auto 100%;display:block;position:relative;}

}

.ico{ display:inline-block; width:30px; height:30px; white-space:nowrap;color:transparent;}
.xc_bread{position:absolute;right:50%;margin-right:-600px;bottom:18px; display:block; z-index:4}
.xc_bread .xc_bread_box{color:#ffffff;text-align:right; background:url(../images/ico.png) no-repeat left 10px; padding-left:25px;line-height:35px;text-shadow: 1px 1px 1px #333;}
.xc_bread .xc_bread_box a{ line-height:35px; color:#FFFFFF}

@media (max-width: 1024px) {
.xc_bread{position:absolute;right:50%;margin-right:-600px;bottom:18px; display: none}
}





/*-----关于乐泊-----*/

.clearfix {
	display: inline-block;
}


.i_mc{ max-width:1100px; margin:0px auto; padding:20px 0; margin-top:30px}
.i_mc ul{ width:100%;}
.i_mc ul li{ width:31%; float:left; height:160px; border:1px solid #EBEBEB; margin-right:1%;margin-left:1%; margin-top:40px; margin-bottom:10px; position:relative; text-align:center; padding-bottom:20px; background:#F5F5F5; border-radius:3px}
.i_mc ul li h6{ width:90%; margin:0px auto; line-height:40px; font-size:16px; font-weight:bold; color:#222; padding-top:60px; overflow:hidden}
.i_mc ul li .tu{ width:73px; height:73px; position:absolute; top:-55px; left:50%; margin-left:-36px;transition: 0.7s;-moz-transition:  0.7s;-webkit-transition:  0.7s;-o-transition:  0.7s;}
.i_mc ul li:hover .tu{-moz-transform: rotateY(180deg);-webkit-transform: rotateY(180deg);transform: rotateY(180deg);}
.i_mc ul li p{ width:90%; margin:0px auto; font-size:16px; color:#555; line-height:160%;overflow:hidden; margin-bottom:20px; overflow:hidden}

.i_me{ max-width:1100px; margin:0px auto; padding:20px 0;}

.jgsm{ color:#FF6600; font-size:20px; text-align:center}

@media screen and (max-width:770px) {

.i_ma .i_mal,.i_ma .i_mar{ width:100%;}
.i_ma .i_mal{ margin-bottom:20px;}
.i_mal .box_m{ line-height:185%;}
.i_mar .box_m{ height:auto; margin-bottom:10px;}
.i_mal .box_m img{ width:100%; height:auto; float:left;margin:0px; margin-bottom:10px; }
.i_mar .box_m embed{ width:320px; height:170px;}
.bg_a,.f_bg,.bq_bg,.banner_s,.banner{ overflow:hidden}

.i_mc ul li{ float:none; margin:0px auto !important; margin-top:75px !important;}

.i_mc ul li{ width:94%;}
.i_mc ul li .tu{ margin:0 auto; width:73px;left:50%; margin-left:-36px}

.i_m ul li { height:auto}
.i_m ul li p{height:auto; padding-bottom:10px}
.i_mc{ width:auto; margin:0px auto; padding:20px 0;}
}


/*-----招聘---------*/

.zp_bg{ background:#F5F5F5; overflow:hidden; width:100%; padding:2px 0px 40px 0px}

.subNavBox{border:solid 1px #e5e3da;margin:30px auto; background:#FFFFFF}
.subNav{border-bottom:solid 1px #e5e3da;cursor:pointer;font-weight:bold;font-size:15px;color:#333;
line-height:35px;padding-left:10px;background:url(../images/job-icon1.png) no-repeat;background-position:98% 50%; height:35px;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;}
.subNav p{line-height:32px; line-height:32px;overflow:hidden;white-space:nowrap;text-overflow:ellipsis; width:58%; float:left}
.subNav span{ font-size:14px; margin-right:12%; float:right; font-weight: normal; width:auto}
.subNav:hover{color:#FFD200;}
.currentDd{color:#282828;}
.currentDt{background:#282828 url(../images/job-icon2.png) no-repeat;background-position:98% 50%; color:#FFFFFF}
.navContent{display: none;border-bottom:solid 1px #e5e3da; background:#FFFFFF}

.navContent dd{ font-size:14px; line-height:180%; overflow:hidden; margin:0px 20px; margin-bottom:10px; color:#666666;padding-bottom:10px; margin-top:10px;}
.navContent dd img{ max-width:100%; height:auto}

.navContent dd p{ margin:0px; padding:0px; width:100%; border-bottom:#eee 1px dotted; color:#222; margin-bottom:5px; line-height:200%; font-size:14px}





/*-----新闻详细页------*/
.content_bt{ width:100%; line-height:25px; font-size:20px; text-align:center; padding-top:15px;font-weight:bold; padding-bottom:10px; overflow:hidden}
.content_info{width:100%; border-bottom:#ccc 1px solid; font-size:12px; color:#666666; text-align:center; padding-bottom:4px; margin-bottom:10px; line-height:25px}
.i_date{ background:url(../images/i_date.png) no-repeat left center; padding-left:25px; margin-right:10px; padding-top:2px; padding-bottom:2px}
.i_from{ background:url(../images/i_t1.png) no-repeat left center; padding-left:20px; margin-right:10px}
.i_View{ background:url(../images/i_View.png) no-repeat  left center; padding-left:25px}

.content_txt{line-height:200%; color:#333333; font-size:14px; overflow:hidden; padding:0px 0px 10px 0px; }
.content_txt img{MAX-WIDTH: 100%!important;HEIGHT: auto!important;}
.content_txt_tu{overflow:hidden; text-align:center}
.content_txt_tu img{MAX-WIDTH: 100%!important;HEIGHT: auto!important;}

.B_back{ float:right; width:auto; font-size:12px; display:block;}
.B_back a{color:#444}

.zw_column{ width:100%; height:40px; border-bottom:2px solid #ddd; position:relative; margin-bottom:5px}
.zw_column span{ display:inline-block; *display:inline; zoom:1; height:40px; line-height:40px; font-size:18px; color:#ED0505; border-bottom:2px solid #ED0505; padding:0px 10px; font-weight:bold}

@media screen and (max-width: 768px) {
.content_bt{ width:100%; line-height:25px; font-size:18px; padding-top:10px;font-weight:bold; text-align: center;}
}


/*-----page------*/
.next_k{ padding:0px;margin-top:15px; border-top:#eee 1px solid;margin-bottom:10px;}
.next_k ul{margin:0px; padding:0px;  margin:0px 20px; overflow:hidden;margin-top:10px;}
.next_k ul li{ line-height:25px; margin:0px; padding:0px; color:#666666; font-size:12px; list-style:none; width:100%}
.next_k ul li a{font-size:12px}

.page_k{ text-align:center; padding:10px; font-size:12px;border-top:#CCCCCC 0px solid; margin-top:15px;}
.page_k a{ font-size:12px}
.page_k a:hover{ font-size:12px}


/*-----内页框架------*/
.main_L{ overflow:hidden; float:left; width:20%;}
.main_R{ overflow:hidden; float:right; width:78%;}


@media screen and (max-width:1024px) {
.main_L{ overflow:hidden; float:left; width:25%; }
.main_R{ overflow:hidden; float:right; width:73%;}
}

@media screen and (max-width:900px) {
.main_L{ overflow:hidden; float:left; width:100%;}
.main_R{ overflow:hidden; float:left; width:100%;}
}


.about_L{ overflow:hidden; width:40%; float:left;}
.about_R{ overflow:hidden; width:55%; float:right}
.about_L img{ max-width:100%; height:auto; vertical-align:top}

@media screen and (max-width:900px) {
.about_L{ overflow:hidden; float:left; width:100%;}
.about_R{ overflow:hidden; float:left; width:100%;}
}
.xc_t_wrap { margin-bottom:34px; margin-top:30px; display:block}
.xc_t_wrap .xc_title { font-size:36px;color:#0c55a4;font-weight:normal; }
.smwz{ font-size:15px; line-height:30px}
@media screen and (max-width:900px) {
.xc_t_wrap .xc_title { font-size:20px;color:#0c55a4;font-weight:normal; }
.xc_t_wrap { margin-bottom:14px; margin-top:10px;display: none}
}


/*-----内页栏目------*/
.lm_btK{ overflow:hidden; background:#007FC1;height:100px; color:#FFFFFF; font-size:26px; text-align:center; display:block}
.lm_btK span{ line-height:100px;color:#fff}

.sub_bg{ width:100%; overflow:hidden;  background:url(../images/nav_bg1.png) repeat-x; height:100px}

.l-sub{overflow:hidden;padding:0px; display:block;width:33%; margin:0 auto; height:100px}
.l-sub li{ overflow:hidden;line-height:84px; height: 100px; text-align:center;list-style:none;font-size:16px; width:33%;float:left;}
.l-sub a{ display: block; color: #333; font-size:16px; height:100px;transition: 0.5s;-moz-transition: 0.5s;-webkit-transition: 0.5s;}
.l-sub a:hover,.l-sub a:active,.l-sub li.active a{color: #FF7800; font-size:16px; text-decoration:none; height: 100px;line-height:84px; }
.l-sub li.active a{color: #fff; font-size:16px;text-decoration:none; height:100px;line-height:84px;font-weight:bold; background:url(../images/nav_bg2.png) no-repeat center top;}



.l-sub1{overflow:hidden;padding:0px; display:block;width:60%; margin:0 auto; height:100px}
.l-sub1 li{ overflow:hidden;line-height:84px; height: 100px; text-align:center;list-style:none;font-size:16px; width:25%;float:left;}
.l-sub1 a{ display: block; color: #333; font-size:16px; height:100px;transition: 0.5s;-moz-transition: 0.5s;-webkit-transition: 0.5s;}
.l-sub1 a:hover,.l-sub1 a:active,.l-sub1 li.active a{color: #FF7800; font-size:16px; text-decoration:none; height: 100px;line-height:84px; }
.l-sub1 li.active a{color: #fff; font-size:16px;text-decoration:none; height:100px;line-height:84px;font-weight:bold; background:url(../images/nav_bg2.png) no-repeat center top;}

@media only screen and (max-width:700px) {

.l-sub{overflow:hidden;padding:0px; display:block;width:90%; margin:0 auto; height:100px}
.l-sub li{ overflow:hidden;line-height:84px; height: 100px; text-align:center;list-style:none;font-size:16px; width:33%;float:left;}
.l-sub a{ display: block; color: #333; font-size:16px; height:100px;transition: 0.5s;-moz-transition: 0.5s;-webkit-transition: 0.5s;}
.l-sub a:hover,.l-sub a:active,.l-sub li.active a{color: #FF7800; font-size:16px; text-decoration:none; height: 100px;line-height:84px; }
.l-sub li.active a{color: #fff; font-size:16px;text-decoration:none; height:100px;line-height:84px;font-weight:bold; background:url(../images/nav_bg2.png) no-repeat center top;}

.l-sub1{overflow:hidden;padding:0px; display:block;width:100%; margin-bottom:10px}
.l-sub1 li{ overflow:hidden;line-height:40px; height: 40px; text-align:center;list-style:none;font-size:14px; width:32.73%; float:left;margin:0px 0.3%;margin-bottom:5px; background:#E9E9E9}
.l-sub1 a{ display: block; color: #333; font-size:14px; height: 40px;transition: 0.5s;-moz-transition: 0.5s;-webkit-transition: 0.5s;}
.l-sub1 a:hover,.l-sub1 a:active,.l-sub1 li.active a{color: #0466C5; font-size:14px; text-decoration:none; height: 40px;line-height:40px; }
.l-sub1 li.active a{color: #fff; font-size:14px;text-decoration:none; height:40px;font-weight:bold; background:#282828;}
}

@media only screen and (max-width:550px) {
.l-sub{overflow:hidden;padding:0px; display:block;width:100%; margin:0 auto; height:100px}

.l-sub1{overflow:hidden;padding:0px; display:block;width:100%; margin:0 auto; height:100px}
.l-sub1 li{ overflow:hidden;line-height:40px; height: 40px; text-align:center;list-style:none;font-size:14px; width:48%; float:left;margin:0px 1%;margin-bottom:5px; background:#E9E9E9}
}






/*-----------分支机构---------------*/

.fzjg_box{ overflow:hidden; margin:10px 0px}
.fzjg_box li{ float:left; width:100%; overflow:hidden; margin:0px; padding:0px; margin-bottom:10px;}
.fzjg_box li dl{overflow:hidden; margin:0px; padding:0px;  background:#F6F6F6; padding:10px 10px; border-radius:3px; margin:10x 0px}
.fzjg_box li dl dd{overflow:hidden; margin:0px; padding:0px; line-height:180%; font-size:14px}
.fzjg_box li dl dt{ overflow:hidden; margin:0px; padding:0px;font-size:16px; font-weight:bold}

.fzjg_tu{ overflow:hidden;float:left}

.fzjg_tu img{ width:300px; height:auto; margin-right:20px}



@media (max-width:800px){

.fzjg_box li{ float:left; width:50%; overflow:hidden; margin:0px; padding:0px; margin-bottom:10px;}

.fzjg_tu{ overflow:hidden;float: none; margin-bottom:10px}

.fzjg_tu img{ width:100%; height:auto; margin-right:0px;}

.fzjg_box li dl{ width:90%;overflow:hidden; margin:0px; padding:0px;  background:#F6F6F6; padding:10px 10px; border-radius:3px; margin:10x 0px}
}


@media (max-width:700px){
.fzjg_box li{ float:left; width:100%; overflow:hidden; margin:0px; padding:0px; margin-bottom:10px;}
}

.fzjg_box li:hover dl{  background:#ECECEC;}

.gywm{overflow:hidden; margin-top:20px }
.gywm_L{ overflow:hidden; float:left; width:46%; margin-bottom:15px;}
.gywm_L img{ width:100%; height:auto}
.gywm_R{ overflow:hidden; float: right; width:50%; }


.app_bt{ overflow: hidden; text-align:center; font-size:30px; line-height:200%; color:#FF9900; font-weight:bold}


@media (max-width:700px){
.app_bt{ overflow: hidden; text-align:center; font-size:18px; line-height:200%; color:#FF9900; font-weight:bold}

}


@media (max-width:400px){
.app_bt{ overflow: hidden; text-align:center; font-size:15px; line-height:170%; color:#FF9900; font-weight:bold}

}


.main_tu{ overflow:hidden; text-align:center;}
.main_tu img{ max-width:100%; height:auto; vertical-align:top}



.app_L{ width:30%; float:left; overflow:hidden}
.app_L_txt{ margin:0 auto; width:70%; margin-top:50px; font-size:18px; line-height:200%}
.app_R{ width:70%; float: right; overflow:hidden}
.app_L_R img{ max-width:100%; height:auto;}

.app_L1{ width:70%; float:left; overflow:hidden}
.app_L1_txt{ margin:0 auto; width:80%; margin-top:50px; font-size:18px; line-height:200%}
.app_R1{ width:30%; float: right; overflow:hidden}
.app_L1_R img{ max-width:100%; height:auto;}

@media (max-width:750px){
.app_L{ width:100%; float:left; overflow:hidden}
.app_R{ width:100%; float: left; overflow:hidden}
.app_L1_txt{ margin:0 auto; width:100%; margin-top:1px; font-size:14px; line-height:180%}
.app_L_txt{ margin:0 auto; width:100%; margin-top:1px; font-size:14px; line-height:180%}
.app_L1{ width:100%; float:left; overflow:hidden}
.app_L1_txt{ margin:0 auto; width:100%; margin-top:0px; font-size:14px; line-height:190%}
.app_R1{ width:100%; float:left; overflow:hidden}
}


.tcqx{ overflow:hidden; margin:0px;  padding:0px}
.tcqx li{ overflow:hidden; margin:0px;  padding:0px; list-style:none; margin-bottom:10px; float:left; width:33.33%}
.tcqx li dl{ overflow:hidden; margin:0px;  padding:0px; text-align:center; width:60%; margin:0 auto}
.tcqx li dl dt{ overflow:hidden; margin:0px;  padding:0px; font-size:18px; color:#FF9900}
.tcqx li dl dd{ overflow:hidden; margin:0px;  padding:0px; padding:20px; background:#F7AE45; margin:10px 0px; color:#FFFFFF}
.tcqx_tu{ width:100%; overflow:hidden}
.tcqx_tu img{ max-width:100%; height:auto;}
@media (max-width:750px){
.tcqx li dl{ overflow:hidden; margin:0px;  padding:0px; text-align:center; width:98%; margin:0 auto}
}


@media (max-width:550px){
.tcqx li{ overflow:hidden; margin:0px;  padding:0px; list-style:none; margin-bottom:10px; float:left; width:90%; margin-left:5%}
.tcqx li dl{ overflow:hidden; margin:0px;  padding:0px; text-align:center; width:100%; margin:0 auto}

}


.footer-tel{ width:20px; height:30px; margin-right:5px;background:url(../images/icon_phone.png) no-repeat left center;}





 /* ------首页视频----------- */

    #container_dv{
      overflow: hidden;
      position: absolute;
      top: 0; left: 0; right: 0; bottom: 0;
    }

    #background_video {
      position: absolute;
      top: 50%; left: 50%;
      transform: translate(-50%, -50%);
      object-fit: cover; text-align:center;
      height: 100%; width: 100%;
    }

    #video_cover {
      position: absolute;
      width: 100%; height: 100%;
      background: url('../images/video_cover.jpg') no-repeat;
      background-size: cover;
      background-position: center;
    }

    #video_controls {
      position: absolute;
      left: 50%;
      transform: translate(-50%, 0); top:25%;
	display: none;
    }

    #play img {
      width: 100px
    }
    #pause img {
      width: 90px;
    }
    #pause {
      display: none;
    }


    /* Demo page specific styles */


    #container_dv {
  text-align: center; width:100%;
 height:1040px
    }

    #overlay {
      position: absolute;
      top: 0; right: 0; left: 0; bottom: 0;
      background: rgba(0,0,0,0.0);
    }

    #main_content {
      z-index: 2;
      position: relative;
      display: inline-block;

      /* Vertical center */
      top: 50%;
      transform: translateY(-50%);
    }

    #main_content h1 {
      text-transform: uppercase;
      font-weight: 600;
     font-family:"Microsoft YaHei";
      color: #fff;
      font-size:50px;letter-spacing:13px;text-shadow: 2px 2px 4px #000;
    }

    #main_content .sub_head {
      color: rgba(255,255,255,0.9);
     color:#fff;text-shadow:2px 2px 1px #000;margin:0px;padding:0px;margin-bottom:20px; font-size:20px
    }

    #main_content .info {
      color: rgba(255,255,255,0.5);
      font-size: 12px;
      margin-top: 10px;
    }

.dv_k{ margin-top:1150px}
 @media (max-width:1400px) {
 .dv_k{ margin-top:700px}
    #container_dv {
      height: 100%; text-align: center;
	   height:650px
    }
	
	}

    @media (max-width: 768px) {
      #video_controls {

		 display:block
      }
	  
	     #container_dv {
      height: 100%; text-align: center;
	   height:450px
    }
	.dv_k{ margin-top:500px}
	
	    #main_content {
      z-index: 2;
      position: relative;
      display: inline-block;

      /* Vertical center */
      top: 56%;
      transform: translateY(-50%);
    }

    }
	
	
 @media (max-width: 700px) {
      #video_controls {

		 display:block
      }
	  
	     #container_dv {
      height: 100%; text-align: center;
	   height:350px
    }
	.dv_k{ margin-top:380px}
	
	    #main_content {
      z-index: 2;
      position: relative;
      display: inline-block;

      /* Vertical center */
      top: 56%;
      transform: translateY(-50%);
    }
#main_content h1 {
      text-transform: uppercase;
      font-weight: 600;
     font-family:"Microsoft YaHei";
      color: #fff;
      font-size:30px;letter-spacing:13px;text-shadow: 2px 2px 4px #000;
    }
#video_controls {top:20%;}
 }
	
	
    @media (max-width: 450px) {
 #main_content h1 {
      text-transform: uppercase;
      font-weight: 600;
     font-family:"Microsoft YaHei";
      color: #fff;
      font-size:28px;letter-spacing:5px;text-shadow: 2px 2px 4px #000;
    }
 #main_content .sub_head {
      color: rgba(255,255,255,0.9);
     color:#fff;text-shadow:2px 2px 1px #000;margin:0px;padding:0px;margin-bottom:20px; font-size:16px
    }
	
 #video_controls {
 top:25%;}
#main_content {
      z-index: 2;
      position: relative;
      display: inline-block;
      /* Vertical center */
      top:60%;
      transform: translateY(-50%);
    }

	
	}
	
	
	   @media (max-width: 350px) {
	    #main_content h1 {
      text-transform: uppercase;
      font-weight: 600;
     font-family:"Microsoft YaHei";
      color: #fff;
      font-size:24px;letter-spacing:5px;text-shadow: 2px 2px 4px #000;
    }
 #main_content .sub_head {
      color: rgba(255,255,255,0.9);
     color:#fff;text-shadow:2px 2px 1px #000;margin:0px;padding:0px;margin-bottom:20px; font-size:16px
    }
		    #video_controls {
      position: absolute;
      left: 50%;
      transform: translate(-50%, 0);
	top:20%;}
		    #main_content {
      z-index: 2;
      position: relative;
      display: inline-block;
      /* Vertical center */
      top: 60%;
      transform: translateY(-50%);
    }

	
	}