@media (min-width: 768px) {
.pcindex{
display: block;
  }
.wapindex{
display: none; 
  }

}
@media (max-width: 767.98px) {
.pcindex{
display: none; 
  }
.wapindex{
display: block; 
  }
}
* {
	padding: 0;
	margin: 0;
	font-size: 14px;
	font-family: "΢ÈíÑźÚ";
}

.pcindex{
 width: 100%; padding: 0px;
  }
.wapindex{
	width: 100%;
	padding: 0px;
	margin: 0px;
  }
.top {
	background-color: #000000;
	height: 60px;
	width: 96%;
	padding-right: 2%;
	padding-left: 2%;
	position: fixed;/*left: 0;*/top: 0;z-index: 2;
}
.logoa {
	float: left;
	height: auto;
	width: 26%;
	padding-top: 10px;
}
.logoa img {
	height: auto;
	max-height;40px;
	width: 100%;
}
.menunew {
	float: right;
	height: auto;
	width: 72%;
	margin-top: 12px;
}
.menunew li {
	float: left;
	text-align: center;
	height: 43px;
	width: 16%;
}
.menunew ul {
	list-style-type: none; height: 43px;
}
.menunew li a {
	font-size: 16px;
	line-height: 35px;
	text-align: center;
	color: #FFFFFF;
	font-weight: normal;
	text-decoration: none;
}
.menunew li a:hover {
	color: #23B5EC;
}
.menunew li:hover {
	color: #23B5EC;
	border-bottom-width: 5px;
	border-bottom-style: solid;
	border-bottom-color: #23B5EC;
}
.bansa {
	clear: both;
	height: auto;
	width: 100%;
	padding-bottom: 20px;
	padding-top: 60px;
}
.swiper-slide img {
	width: 100%;
}
.tpwapia {
	height: auto;
	width: 100%;
	clear: both;
	padding-bottom: 6px;
}
.tpwapia img {
	height: auto;
	width: 100%;
}
.wap45 {
	float: left;
	height: auto;
	width: 50%;
}
.wap45 img {
	height: auto;
	width: 100%;
}
.mainTitle{ text-align:center;/* padding-top:75px; padding-bottom:30px;*/ margin-top:20px; margin-bottom:20px;}
.mainTitle h2{font-size:18px; color:#111; font-weight:bold; line-height:60px;}
.mainTitle p{font-size: 18px;color:#555555;/*line-height:54px;*/ line-height:1.85;/*background: tranparent url('about:blank');word-break: break-all;*/display: inline-block;width: 100%;}

.mainProLis{}
.mainProLis ul{
	height: auto;
	width: auto;
	margin-top: 0;
	margin-bottom: 0;
	clear: both;
}
.mainProLis li{
	float:left;
	width:46%;
	list-style-type: none;
	padding: 5px;
	margin-left: 1%;
}
.mainProLis li a{ position:relative; display:block;}
.mainProLis li a p{ position:absolute; text-align:center; font-size:20px; line-height:30px; color:#FFFFFF; width:100%; position:absolute; left:0; bottom:10px;}
.mainProLis li a img{display:block; width:100%; height:auto; border-radius:5px;}
.mainCaseList{}
.mainCaseList ul{margin:0 -6px;}
.mainCaseList li{float:left; width:50%; padding:6px 6px 10px ;}
.mainCaseList li a{ display:block;}
.mainCaseList li a p{ color:#333; font-size:24px; line-height:40px; padding:10px 10px 0; max-height:90px; overflow:hidden;}
.mainCaseList li a img{display:block; width:100%; border-radius:5px;}
.mainCaseList li .img{display:block; width:100%; border-radius:5px;height:220px; background-size:cover; background-repeat:no-repeat; background-position:center center;}
.block_btn{
	height:50px;
	line-height:50px;
	color:#fff !important;
	text-align:center;
	font-size:18px;
	border-radius:5px;
	background:#000;
	display:block;
	text-decoration: none;
	margin-top: 20px;
	margin-right: 10px;
	margin-left: 10px;
}
.block_btn span{font-size:30px; padding:0 0 0 10px;}.wrap {
	height: auto;
	width: 100%;
	clear: both;
}
.l_newbox{ background: #f2f2f2; padding: 0 22px 10px; margin: 10px 0; height: auto; overflow: hidden;}
.l_newbox h1{ font-size: 30px; color: #111111; text-align: center; font-weight: normal; padding: 20px 0;}
.l_newlist,.l_self-help{ background: #fff; height: auto; overflow: hidden;}
.l_newlist dl{
	float: left;
	width: 50%;
	padding-bottom: 12px;
	margin-top: 0;
	margin-bottom: 0;
}
.l_newlist dl a{
	display: block;
	padding: 6px 11px 12px 11px;
	text-decoration: none;
}
.l_newlist dl dt img{ width: 100%; height: auto; }
.l_newlist dl dd{
	font-size: 18px;
	color: #333333;
	margin: 0;
	line-height: 42px;
	height: 40px;

    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
	overflow: hidden;
	text-align: center;
	padding-top: 5px;
	padding-bottom: 0;
	text-decoration: none;
}
.l_new_title{ padding: 10px 10px 10px 20px; }
.l_new_title span{
	float: right;
	color: #1e68fe;
	font-size: 16px;
	text-decoration: none;
	padding-right: 0;
	padding-bottom: 0;
	padding-left: 0;
}
.l_new_title h5{ font-size: 20px; font-weight: normal; margin: 0; padding-bottom: 10px; color: #333333;}

.l_self-help{ margin: 20px 0 0;}
.l_new_case{ height: auto; overflow: hidden; padding: 0 22px 20px;}
.l_new_case ul{ list-style: none; margin: 0 auto; padding: 0;}
.l_new_case ul li{ display: block; font-size: 28px; border-bottom: #f2f2f2 1px solid; line-height: 75px; }
.l_new_case ul li a{
	color: #666;
	font-size: 22px;
	line-height: 50px;
	text-decoration: none;
}
.l_new_case ul li:last-of-type{ border-bottom: 0;}
.l_new_case ul li span{ float: right;}
.l_new_case ul li i{ display: inline-block; width: 9px; height: 9px; margin-right: 12px; vertical-align: middle; background: #c9c9c9; border-radius: 50%; }
.l_case_t{ padding-bottom: 0;}.wapfot {
	font-size: 16px;
	line-height: 30px;
	background-color: #000000;
	clear: both;
	height: auto;
	width: auto;
	padding-top: 10px;
	padding-bottom: 10px;
	padding-left: 30px;
	color: #666666;
}
.wapfoot {
	font-size: 14px;
	line-height: 30px;
	color: #666666;
	text-align: center;
	padding-top: 20px;
	padding-bottom: 20px;
}
.wapfoot a {
	font-size: 14px;
	line-height: 30px;
	color: #666666;
	text-decoration: none;
}
.BreadCrumbsTop{ height:52px;}
.BreadCrumbsTopCon{height:52px;border-bottom:1px solid #dbdbdb;line-height:40px;background: rgba(255, 255, 255, 0.9);/*width: 100%;*/width: 100%;}
.BreadCrumbsTopCon .back{
	width:60px;
	line-height:normal;
	font-size:30px;
	color:#5d5d5d;
	text-align:center;
	float:left;
	padding-top: 10px;
}
.BreadCrumbsTopCon .back:after{ height:30px; width:1px; background:#a4a4a4; content:''; float:right; }
.BreadCrumbsTopCon .home:after{ display:none;}
.BreadCrumbsTopCon h2{
	text-align:center;
	font-size:18px;
	color:#333;
	text-indent: -160px;
	font-weight: normal;
	padding-right: 0;
	padding-bottom: 0;
	padding-left: 160px;
	padding-top: 6px;
}
.BreadCrumbsType{
	height:auto;
	background:#efefef;
	padding-top: 6px;
	padding-bottom: 6px;
}
.BreadCrumbsTypeCon{height:90px;background: rgba(239, 239, 239, 0.9);width:750px;margin-left:-375px;position:fixed;left:50%;top:100px;z-index:2;overflow:hidden;}
.BreadCrumbsTypeCon .swiper-slide{}
.BreadCrumbsTypeCon .swiper-slide a{
	display:block;
	line-height:90px;
	text-align:center;
	font-size:32px;
	color:#9d9d9d;
	position:relative;
	text-decoration: none;
}
.BreadCrumbsTypeCon .swiper-slide a:before{content:''; position:absolute; left:0; top:30px; width:1px; height:30px; background:#a4a4a4;}
.BreadCrumbsTypeCon .swiper-slide:first-of-type a:before{ display:none;}
.BreadCrumbsTypeCon .swiper-slide.on a{ color:#006fff;}
.BreadCrumbsBottom{ color:#555; font-size:16px; padding: 10px; line-height: 30px; background: #0f0f0f; }
.BreadCrumbsBottom a{
	display:inline-block;
	color:#555 !important;
	font-size:16px;
	line-height: 30px;
	text-decoration: none;
}
.BreadCrumbsBottom a:first-of-type{padding:0 5px;}
.solutionList { background: #f1f1f1; padding: 0 30px 35px; display:table; }
.solutionListTitle {
	padding-top: 20px;
	padding-bottom: 20px;
	clear: both;
	height: auto;
	width: auto;
}
.solutionListTitle h2 {
	font-size: 20px;
	line-height: 40px;
	color: #000;
	text-align: center;
	float: left;
	width: 100%;
	font-weight: normal;
}
.solutionList ul { margin: 0 -15px; padding-bottom: 20px; }
.solutionList li {
	width: 47%;
	float: left;
	padding-top: 10px;
	padding-bottom: 10px;
	padding-left: 2%;
	padding-right: 1%;
	list-style-type: none;
}
.solutionList li a {
	display: block;
	border-radius: 15px;
	overflow: hidden;
	text-decoration: none;
}
.solutionList li a h3 {
	display: block;
	line-height: 30px;
	color: #666666;
	background: #fff;
	text-align: center;
	text-align-last: center;
	font-size: 16px;
	text-decoration: none;
	font-weight: normal;
}
.solutionList li a:hover h3 { color: #1f49ff; }
.solutionNavWrap { padding: 10px 15px; position: fixed; left: 50%; top: 100px; z-index: 99; /*width: 100%;*/width: 750px;margin-left: -375px; }
.solutionNavWrap .swiper-container { background: rgba(242,242,242,.8); border-radius: 20px; box-shadow: rgba(0,0,0,.2) 1px 4px 15px; }
.solutionNavWrap li { width: 33.3333%; }
.solutionNavWrap li.two { width: 50%; }
.solutionNavWrap li a { font-size: 32px; text-align: center; display: block; line-height: 88px; color: #9d9d9d; }
.solutionNavWrap li.on a{ color: #0060ff; }
.solutionNavWrap .swiper-pagination { text-align: center; width: 100%; padding: 20px 0 0 0; }
.solutionNavWrap .swiper-pagination span { width: 16px; height: 16px; background: none; border: 1px solid #0060ff; border-radius: 16px; display: inline-block;/* background: #fff; */ opacity: 1; margin: 0 30px; }
.solutionNavWrap .swiper-pagination .swiper-pagination-bullet-active { background: #0060ff; }
.solution_Title { text-align: center; padding: 80px 0 60px 0; }
.solution_Title .hd { font-size: 38px; line-height: 1; position: relative; color: #3f3f3f; }
.solution_Title .bd { font-size: 24px; line-height: 40px; color: #a8a4a7; padding: 20px 0 0 0; width: 100%; float: left; }
.solution_tedian { background: #fbfbfb; padding: 0 0 20px; }
.solution_tedian ul { padding: 0 80px; }
.solution_tedian li { padding: 0 0 60px 140px; position: relative; }
.solution_tedian li span { width: 110px; height: 110px; background: #fff; border-radius: 110px; position: absolute; left: 0; top: 0; box-shadow: 0px 0px 7px 7px rgba(31, 73, 255, 0.16); }
.solution_tedian li span img { }
.solution_tedian li h3 { font-size: 28px; line-height: 1; color: #595959; float: left; width: 100%; padding: 0 0 20px; }
.solution_tedian li p { font-size: 24px; color: #868686; line-height: 34px; float: left; width: 100%; }
.solution_fanan { padding: 0 0 40px; border-bottom: 1px solid #e5e5e5; }
.solution_fanan ul { padding: 0 15px; }
.solution_fanan li { float: left; width: 50%; padding: 0 15px 40px; }
.solution_fanan li a { display: block; position: relative; border-radius: 15px; overflow: hidden; }
.solution_fanan li a img { }
.solution_fanan li a h3 { color: #868686; font-size: 24px; line-height: 1; font-weight: bold; position: absolute; text-indent: 25px; top: 40px; width: 100%; }
.solution_fanan li a h4 { color: #868686; font-size: 24px; line-height: 1; position: absolute; text-indent: 25px; top: 72px; width: 100%; }
.solution_fanan li a:hover h3 { }
.solution_priceItem { padding: 60px 0; }
.solution_priceItem .hdText { text-align: center; line-height: 1; padding: 0 0 45px; }
.solution_priceItem .hdText h4 { font-size: 24px; color: #545454; float: left; width: 100%; text-align: center; }
.solution_priceItem .hdText h3 { font-size: 38px; font-weight: bold; color: #3253e1; width: 100%; float: left; padding: 20px 0 30px; text-align: center; }
.solution_priceItem .hdText p { font-size: 24px; color: #a8a4a7; float: left; width: 100%; text-align: center; }
.solution_priceItem .bd { padding: 0 30px; }
.solution_priceItem .bdText { background: #f9f9f9; text-align: center; padding: 45px 0; }
.solution_priceItem .bdText span { display: inline-block; width: 41px; height: 41px; vertical-align: top; }
.solution_priceItem .bdText strong { display: inline-block; font-size: 40px; font-weight: bold; color: #545454; line-height: 1; padding: 0 18px; }
.solution_priceItem .bdText strong:last-of-type { color: #3253e1; }
.solution_jiexian { position: relative; }
.solution_jiexian h2 { font-size: 38px; line-height: 1; position: absolute; color: #fff; width: 100%; top: 80px; text-align: center; }
.solution_FocusWrap { padding: 0 30px 60px; background: #f9fafb; border-bottom: 1px solid #e5e5e5; }
.solution_Focus { border-radius: 15px; overflow: hidden; position: relative; }
.solution_Focus img { border-radius: 15px; }
.solution_Focus .swiper-pagination { text-align: center; width: 100%; padding: 0; position: absolute; bottom: 25px; line-height: 11px; }
.solution_Focus .swiper-pagination span { width: 11px; height: 11px; background: none; border: 1px solid #5aebf5; border-radius: 11px; display: inline-block; opacity: 1; margin: 0 8px; }
.solution_Focus .swiper-pagination .swiper-pagination-bullet-active { background: #5aebf5; }
.solution_xitongList { padding: 0 30px 45px; }
.solution_xitongList ul { margin: 0 -15px; }
.solution_xitongList li { float: left; width: 50%; padding: 15px; }
.solution_xitongList li a { display: block; position: relative; border: 1px solid #efefef; border-radius: 10px; }
.solution_xitongList li a h2 { position: absolute; left: 0; top: 325px; font-size: 22px; line-height: 1.5; width: 100%; color: #868686; text-align: center; }
.solution_xitongList li a:hover h2 { color: #3253e1; }
.back img {
}
.wapfot a {
	font-size: 16px;
	line-height: 30px;
	color: #555555;
	text-decoration: none;
}
.wapfot span {
	color: #555555;
}
.solutionList img {
	width: 100%;
}
.col-xs-7 {
	width: 58.3333%;
	float: left;
}
.col-xs-6 {
	width: 48%;
	float: left;
	margin-top: 20px;
	margin-right: 1%;
	margin-bottom: 20px;
	margin-left: 1%;
}
.col-xs-5 {
	width: 40%;
	float: left;
	margin-right: 1%;
}
.col-xs-3 {
	width: 32%;
	float: left;
	margin-right: 1.3%;
	margin-bottom: 10px;
}
.case h3 {
	font-size: 14px;
	line-height: 22px;
	color: #666666;
	text-decoration: none;
}
.case p {
	font-size: 12px;
	line-height: 20px;
	color: #999999;
	text-decoration: none;
}
.col-xs-5 img {
	height: auto;
	width: 96%;
}
.lista {
	padding: 10px;
	font-size: 20px;
	line-height: 30px;
	color: #999999;
}
.lista a {
	font-size: 18px;
	line-height: 30px;
	color: #006FFC;
	text-align: center;
	text-decoration: none;
	padding-right: 1%;
	padding-left: 1%;
}
.lista a:hover {
	color: #006FFF;
}
.lista .wav {
	color: #666666;
}
.case {
	height: auto;
	width: auto;
	border-bottom-width: 4px;
	border-bottom-style: solid;
	border-bottom-color: #EAEAEA;
	clear: both;
	margin-bottom: 10px;
	padding: 15px 8px;
	display:table;
}
.wapfot span {
	font-size: 16px;
}
.main-contain {
	width: 97%;
	height: auto;
	display:table;
	border-radius: 8px;
	background-color: #F4F4F4;
	border:1px solid #BFBFBF;
	margin: 20px auto;
	box-shadow:1px 1px 10px 1px #aaa;
	padding-top: 20px;
	padding-bottom: 20px;
	padding-left: 1%;
}
.main-contain li{
	color: #999999;
	text-align: center;
	text-decoration: none;
	float: left;
	width: 24%;
	list-style-type: none;
	border-right-width: 1px;
	border-right-style: solid;
	border-right-color: #999999;
}
.main-contain li:last-child {
border-right-width: 0px;
}

.main-contain a{
	font-size: 14px;
	line-height: 20px;
	color: #999999;
	text-decoration: none;
}
.main-contain a:hover {
	color: #006FFF;
}
.main-contain .wav {
	color: #006FFF;
}
.floatRight{
	width:52px;
	height:auto;
	background: #3185CE;
	border-radius:10px 0 0 10px;
	position:fixed;
	z-index:999;
	right:0px;
	overflow:hidden;
	top: 200px;
	padding-bottom: 8px;
}
.floatRight.on{ height:262px;}
.floatRight a{
	display:block;
	height:auto;
	padding:5px 0 2px;
	text-align:center;
	color:#555;
	position:relative;
	margin-right: 6px;
	margin-left: 6px;
	text-decoration: none;
	margin-bottom: 5px;
	margin-top: 5px;
}
.floatRight a i{ display:block; height:28px; line-height:32px;}
.floatRight a span{
	font-size:14px;
	line-height:20px;
	height: auto;
	width: 100%;
	clear: both;
	text-decoration: none;
	color: #FFFFFF;
}
.floatRight a:last-of-type:before{ content:''; height:1px; width:55px; background:#84B5E1; position:absolute; left:50%; top:0; margin-left:-27px;}
img, li { vertical-align: middle; }
img {
	max-width: 100%;
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
}.wapsa {
	height: auto;
	width: 86%;
	margin-right: auto;
	margin-left: auto;
	padding-top: 10px;
	padding-bottom: 10px;
	font-size: 24px;
	line-height: 40px;
	color: #333333;
	text-align: center;
}
.wapsa img {
	height: auto;
	width: 100%;
}
.wapsa li {
	float: left;
	height: auto;
	width: 50%;
	list-style-type: none;
}
.wapsa ul {
	clear: both;
	height: auto;
	display:table;
	width: auto;
	padding-top: 10px;
	padding-bottom: 10px;
}
.mywap{

	clear: both;
	height: auto;
	width: 100%;
	margin-bottom: 20px;
	padding-top: 20px;
	padding-bottom: 20px;
}

.mywap a{
	display:block;
	text-align:center;
	font-size:14px;
	line-height:35px;
	border-radius: 10px;
	background-color: #EDEDED;
	color: #333333;
	text-decoration: none;
}

.mywap a.current{
	color:#ffffff;
	background-color: #0099FF;
	text-decoration: none;
}

.mywap a:hover{
	color:#ffffff;
	background-color: #0099FF;
	text-decoration: none;
}
.biatite {
	font-size: 16px;
	line-height: 30px;
	display:table;
	color: #FFFFFF;
	clear: both;
	height: auto;
	width: 100%;
	padding-bottom: 10px;
}
.biaowap {
	font-size: 16px;
	line-height: 40px;
	background-color: #2B2B2B;
	width: auto;
	padding-left: 20px;
	clear: both;
	height: 40px;
}
.biaowap a {
	font-size: 16px;
	line-height: 40px;
	color: #CCCCCC;
	text-decoration: none;
}
.yapp {
	height: auto;
	width: auto;
	padding: 5px 10px;
	background-color: #0099FF;
	text-align: center;
}
.yapp a {
	font-size: 15px;
	line-height: 25px;
	color: #FFFFFF;
	clear: both;
	height: auto;
	width: auto;
	text-decoration: none;
	text-align: center;
}
.event_step{
	padding:10px 2%;
	background:#000000;
	width: 96%;
	height: auto;
	display:table;
	color:#333;
}
.event_help{padding:10px; background:rgba(205,27,27); color:#fff; border-radius:20px;}
 

.step_hide{
	position:absolute;
	top:80px;
	right:2%;
	padding:0 5px;
	font-size: 18px;
	line-height: 30px;
	color: #FFFFFF;
	z-index: 99999;
}
 
#show{display:none;}
#hide:target{display:none;}
#show:target{display:block;}
.yunwap{
	width: 96%;
	height: auto;
	margin-right: auto;
	margin-left: auto;
}
.waptxt {
	font-size: 18px;
	line-height: 30px;
	color: #333333;
	height: auto;
	width: auto;
	padding-top: 10px;
	padding-bottom: 10px;
}
.waptxt p {
	font-size: 16px;
	line-height: 30px;
	color: #666666;
}
.biaoti {
	font-size: 20px;
	line-height: 40px;
	color: #333333;
	padding-top: 10px;
	text-align: left;
}
.waptime {
	font-size: 16px;
	line-height: 30px;
	color: #666666;
	height: auto;
	width: auto;
	padding-top: 5px;
	padding-bottom: 12px;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #CCCCCC;
}
.content-txt img {
	height: auto;
	width: 90%;
	margin-right: auto;
	margin-left: auto;
	padding-left: 5%;
}
.syyys {
	border-top-width: 1px;
	border-top-style: solid;
	border-top-color: #CCCCCC;
	clear: both;
	height: auto;
	width: 100%;
	margin-top: 10px;
	margin-bottom: 10px;
	padding-top: 10px;
	padding-bottom: 10px;
	border-bottom-width: 3px;
	border-bottom-style: solid;
	border-bottom-color: #CCCCCC;
}
.syyys a {
	font-size: 16px;
	line-height: 40px;
	color: #999999;
	text-decoration: none;
	clear: both;
	height: auto;
	width: 100%;
}
.syyys li {
	clear: both;
	height: auto;
	width: auto;
	padding-bottom: 5px;
	list-style-type: none;
}
.container-fluid {
	clear: both;
	height: auto;
	width: 98%;
	margin-right: auto;
	margin-left: auto;
}
.honye {
	font-size: 18px;
	line-height: 30px;
	color: #C60000;
}
.biaoti p{
	text-align: center;
	font-size: 20px;
}