@charset "utf-8";
/* CSS Document */

.clear{ clear:both;}
.main{ height:100%; overflow:hidden;}
.main_backg{ background-color:#f9f9f9;}
.fl{ float:left;}
.fr{ float:right;}
*{ margin:0;padding:0;}
.footer .blogrol{ margin-bottom:24px;}
.color2{color:#f08300 !important;}
.mar_bottom80{ margin-bottom:100px !important;}

.banner_main .prev:hover,.banner_main .next:hover{ opacity:1; -moz-opacity:1; filter:alpha(opacity=100);}
/*------ 城市卡页 ------*/
.banner_other{ width:1280px; height:196px; margin:0 auto; overflow:hidden; margin-top:100px; background:url(../images/citycard_bg.png) center no-repeat;}
.banner_pay{ background:url(../images/citypay_bg.png) center no-repeat;}
.banner_news{ background:url(../images/news_bg.png) center no-repeat;}
.banner_search{ background:url(../images/search_bg.png) center no-repeat;}
.banner_us{ background:url(../images/aboutus_bg.png) center no-repeat;}
.banner_other .tit_text{ font-size:28px; color:#000; text-align:center; margin-top:66px; margin-bottom:10px; line-height:28px;}
.banner_other .text_explain{ font-size:16px; color:#000; line-height:16px; text-align:center;}
.banner_news .tit_text,.banner_news .text_explain{ color:#fff;}
.map_line{ width:1280px; height:56px; margin:0 auto; text-align:left; font-size:14px; color:#999; line-height:56px;}
.map_line a:hover{ color:#0098ff;}
.map_line span{ color:#585858;}

.introduce-main{ width:1280px; min-height:360px; margin:0 auto; padding:46px; background-color:#edf8ff; border-radius:6px;}
.introduce_info{ width:600px; font-size:16px; color:#333; line-height:32px;}
.introduce_width{ width:58%; padding:1% 0 1% 2%;}
.introduce_info .text p{ font-size:16px; line-height:30px; padding-top:10px;}
.introduce_info .text .circular_tag{ display:inline-block; width:10px; height:10px; border-radius:20px; background-color:#2ba9ff; margin-right:10px;}
.introduce_info .text a{ margin-top:10px; display:inline-block;}
.introduce_info .text a:hover{ color:#0098ff;}
.introduce_con{ float:left; width:100%;}
.links{ width:90%; margin:0 auto;}
.introduce-main .links{ margin-top:56px;}
.introduce-main .links a{ display:inline-block; width:172px; height:204px; background-color:#2ba9ff; margin:20px 45px; border:16px solid #c6e8ff; text-align:center;}
.introduce-main .links a:hover{background-color:#2ba9ff; border: 16px solid #2ba9ff;}
.introduce-main .links .end{ margin-right:0px;}
.introduce-main .links img{ width:26%; margin-top:20px;}
.introduce-main .links span{ display:inline-block; width:80%; font-size:16px; color:#fff; line-height:28px; margin-top:16px;}
.introduce-main .links .mar_end{ margin-top:0px;}


/** 城市卡主页卡-展示轮播 **/
.banner_main{ width:100%; height:510px; margin-top:16px; margin-bottom: 100px; text-align:center; *text-align:none;}
.banner_main .prev,.next{ display:block; width:32px; height:52px; position:absolute; z-index:222; top:248px; overflow:hidden; cursor:pointer; opacity:0.6; -moz-opacity:0.6;filter:alpha(opacity=60);}
.banner_main .prev{ left:125px;}
.banner_main .next{ right:125px;}
.banner_main .prev:hover,.banner_main .next:hover{ opacity:1; -moz-opacity:1; filter:alpha(opacity=100);}
.banner_main .item{ display:block; width:100%; height:6px; position:relative; z-index:124; bottom:64px; left:0; text-align:center;}
.banner_main .item a{ display:inline-block; width:28px; height:10px; border-radius:30px; margin-right:11px; background:#ccc; opacity:0.6; -moz-opacity:0.6; filter:alpha(opacity=60); overflow:hidden;}
.banner_main .item a.cur{ background:#0098ff; width:28px; height:10px; border-radius:30px;}
.banner_main .banner_box,.banner_main .slide{ display:block; width:100%; height:510px; overflow:hidden;}
.banner_main .slide{ display:none; height:510px; position:absolute; z-index:8;}
.banner_main .slide a{ width:100%; height:510px; color:#fff; cursor:pointer; background:none; box-sizing:border-box; text-align:center;}
.banner_main .slide img{ width:2000px; height:510px; position:absolute; left:50%; margin-left:-1000px; z-index:1;}

.banner_main .img_text{ position:absolute; width:600px; left:50%; margin-top: 150px; z-index:6;}
.banner_main .img_text h3{ font-size:22px; color:#333; margin-bottom:20px; text-align:left;}
.banner_main .img_text p{ font-size:16px; line-height:30px; text-align: left;}
.banner_main .more_a { position:relative; display:inline-block; width:200px; height:50px; line-height:50px; font-size:22px; color:#fff; background-color:#0098ff; border: 16px solid #8ad0ff; z-index:10; border-radius:90px; margin-top: -30px; box-shadow:3px 3px 8px rgba(0,0,0,0.1); letter-spacing:0.1em;}
.banner_main .more_a:hover{background-color:#0098ff; border: 16px solid #0098ff;}

/** 标题样式**/
.tit_type{ width:100%; height:92px; margin:26px 0;}
.tit_type .big_font{ font-size:28px; line-height:48px; *line-height:32px; color:#333; text-align:center; font-weight:bold; margin:0;}
.tit_type img{ width:6%; margin:0 47%;}
.tit_type p{ font-size:18px; color:#666; text-align:center; margin:10px 0;}

.card_selling .sell_text,.card_selling .recharge_text{ width:1000px; text-indent:2em; margin:0 auto; font-size:16px; color:#333; line-height:38px; margin-bottom:50px;}
.selling_con,.recharge_con{ width:1280px; margin:0 auto;}
.selling_con{ height:624px; margin-bottom:65px;}
.selling_con .sell_img{ width:286px; height:460px;}
.selling_con .end{ margin-right:0px;}


/** 鼠标悬停效果**/
.content-box { text-align:center; position:relative;}
.content-box a{ float:left; display:block; width:286px; height:460px; overflow:hidden; margin-right:45px; position: relative;}
.content-box .mar_top{ margin-top:80px; height:540px; }
.panel-img-list .img-box { position: relative;}
.content-box .panel-img-box { overflow:hidden; display:inline-block; vertical-align:top;}
.content-box .panel-img-box a {
    color: #fff;
    text-decoration: none;
    display: block;
    overflow: hidden;
    position: relative;
    height: 100%;
}
.content-box .panel-img-box img ,.panel-img-box img {
	width: 100%;
	height: 100%;
	-webkit-transition: all 0.35s ease-in-out;
	-moz-transition: all 0.35s ease-in-out;
	transition: all 0.35s ease-in-out;
	-webkit-transform: scale(1);
	-moz-transform: scale(1);
	-ms-transform: scale(1);
	-o-transform: scale(1);
	transform: scale(1);
}
.content-box .panel-img-box .text-box{
	padding: 25px 30px;
	bottom: -32px;
	position:absolute;
	width:286px;
	height: 96px\0;
	*height: 96px;
	*left:0;
	text-align:left;
	-webkit-transition: all 0.35s 0.1s linear;
	-moz-transition: all 0.35s 0.1s linear;
	transition: all 0.35s 0.1s linear;
	background-color:rgba(0,0,0,0.3);
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#50000000,endColorstr=#50000000)\9;
	*filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#50000000,endColorstr=#50000000);
}
.content-box .panel-img-box .text-box .read-more {
	opacity: 0;
	-webkit-transition: all 0.5s;
	transition: all 0.5s;
	font-size: 0.875em;
	/*-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"; 
	filter:progid:DXImageTransform.Microsoft.Alpha(Opacity=0); */ 
		 
}
.content-box .panel-img-box:hover .text-box {
    bottom:0;
}
.content-box .panel-img-box:hover .text-box .read-more {
	visibility: visible;
	opacity: 1;
}
.content-box .panel-img-box:hover img,.panel-img-box:hover img {
	-webkit-transform: scale(1.1);
	-moz-transform: scale(1.1);
	-ms-transform: scale(1.1);
	-o-transform: scale(1.1);
	transform: scale(1.1);
}
.content-box .panel-img-box:hover .read-more {
    opacity: 1;
}
.content-box .category{ font-size:22px; color:#fff; line-height:22px; margin-bottom:8px;}
.content-box .text{font-size:18px; color:#fff; line-height:26px; margin-bottom:8px}
.content-box .read-more span{ font-size:16px; color:#fff; line-height:22px;}
.content-box .panel-img-box .text-box .read-more {
	opacity: 0;
	-webkit-transition: all 0.5s;
	transition: all 0.5s;
	font-size: 0.875em;
	/*-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"; 
	filter:progid:DXImageTransform.Microsoft.Alpha(Opacity=0); */ 		 
}


/** 售卡、充值图片风琴效果**/
.rechargebox { width:1280px; height:519px; *position:relative; overflow:hidden; background:#fff; margin:50px auto;}
.recharge_con a{width:196px; height:519px; float:left; display:block;}
.item_con{ width:196px; height:519px; float:left;}


.item_con:first-child  { background: url("../images/feature-1.png") no-repeat 100% 100%;}
.item_con:first-child+.item_con { background: url("../images/feature-2.png")  no-repeat 100% 100%;}
.item_con:first-child+.item_con+.item_con { background: url("../images/feature-3.png")  no-repeat 100% 100%;}
.item_con:first-child+.item_con+.item_con+.item_con   { background: url("../images/feature-4.png")  no-repeat 100% 100%;}

.big { width:692px;}
.big img { display:none; height:519px;}

.recharge_con .rechargebox .text-box{
position:relative;
bottom: -412px;
height: 66px;
padding:20px;
background-color:rgba(0,0,0,0.3);
filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#50000000,endColorstr=#50000000)\9;
*filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#50000000,endColorstr=#50000000);
}
.rechargebox .text-box .category{ font-size:22px; color:#fff; line-height:22px; margin-bottom:8px;}
.rechargebox .text-box .text{ font-size:18px; color:#fff; line-height:26px; margin-bottom:8px;}


/*------ 城市卡介绍页 ------*/
.left_right_box{ width:1280px; margin:0 auto;}
.menu-main{ width:350px; background-color:#fff; margin-bottom:40px; overflow:hidden;}
.card_information{ width:902px; min-height:500px; background-color:#fff; padding:30px; margin-bottom:60px;}
.subNavBox{ width:350px;}
.subNav{ cursor:pointer; font-size:18px; color:#333; line-height:28px; padding:16px 20px;}
.subNav_ul{ background:url(../images/jiantou1.jpg) no-repeat; background-position:95% 50%}
.currentDd{
width:100%;
font-size: 18px;
text-align: left;
color:#333;
background-color:rgba(9,9,9,0.2);
filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#20999999,endColorstr=#20999999)\9;
*filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#20999999,endColorstr=#20999999);
border-left:5px solid #ff9900;
font-weight:bold;
}
.navContent{ display: none; border-bottom:solid 1px #e5e3da;}
.navContent li{ height:54px;}
.navContent li.currentDd{width:100%;}
.navContent li a{display:block;width:100%; text-align:left;font-size:16px; line-height:50px; color:#333; padding-left:46px;}
.navContent li a:hover{ color:#0098ff;}

.essay_tit{ font-size:20px; color:#333; line-height:28px; font-weight:bold; margin-bottom:24px;}
.essay_time{ font-size:16px; color:#999; line-height:24px; padding-bottom:16px; border-bottom:1px solid #d1d1d1; margin-bottom:30px;}
.essay_txt p{ font-size:16px; line-height:40px;}
.essay_txt p.kg{text-indent: 2em;}
.essay_txt img{ margin-bottom:20px;}


/** 城市卡展示-分页效果**/
.pagination{ margin: 20px 0 0; padding: 20px auto; line-height:38px; height: 60px; float:right;}
.card_main .pagination table{ float: left;line-height: 32px; margin: 10px 0;}
.pagination a.z_num, .pagination span, .pagination a.z_pret{display:inline-block; font-size: 14px; height: 38px; line-height: 38px; padding: 0 10px; text-align: center; background:#fbfbfb; border:1px solid #e6e6e6; color: #333; text-decoration:none; margin:0 10px;}
.pagination input[type="text"]{width:30px; height:38px; line-height:38px; border:1px solid #e6e6e6;vertical-align:top;}
div.pagination span.fc_hui2{ border:none;}
div.pagination a:hover,div.pagination a:hover span{ border-color:#0098ff; }
div.pagination span.current{border:1px solid #0098ff;background:#0098ff; color:#fff !important;}
div.pagination a.z_pret{ cursor:pointer;}
div.pagination a span.fc_ch1,div.pagination a:hover span.fc_ch1{ margin:0px;}
div.pagination i{ color:#767676;}

/*------ 城通卡页 ------*/
.banner_main .prev,.next{ display:block; width:32px; height:52px; position:absolute; z-index:222; top:188px; overflow:hidden; cursor:pointer; opacity:0.6; -moz-opacity:0.6;filter:alpha(opacity=60);}
.banner_main .prev{ left:77px;}
.banner_main .next{ right:77px;}
.show_main{ width:1280px; height:406px; overflow:hidden; position: relative;}
.show_main .slide img{ width:1280px; height:406px; margin-left: -640px;}
.show_main .img_textr{ color:#fff; left:42%; margin-top:170px; width:300px; background-color:#000; padding:40px; border-radius:10px; 
position:absolute;
background-color:rgba(0,0,0,0.6); 
filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#50000000,endColorstr=#50000000)\9; 
*filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#50000000,endColorstr=#50000000);
}
.show_main .img_textl{ color:#fff; left:40%; margin-top:226px;text-shadow: 3px 3px 3px #3c3c3c;}
.banner_main .img_textr h3,.banner_main .img_textl h3{ color:#fff;}

.citypay_use{ width:1280px; margin:0 auto; margin-top:36px;}
.citypay_use .use_con{ width:305px; height:388px; float:left; overflow:hidden; background-color:#edf8ff; margin-right:20px;}
.commerce .use_con{ height:442px; margin-bottom:30px;}
.citypay_use .end{ margin-right:0;}
.citypay_use .use_img{ width:305px; height:203px;}
.citypay_use .use_con .text{ padding:24px;}
.citypay_use .use_con .text h3{ font-size:22px; color:#333; line-height:48px; text-align:center; font-weight:normal;}
.citypay_use .use_con .text p{ font-size:16px; color:#666666; text-align:left; line-height:24px;}

.banner_two{ margin:0 auto;}
.banner_two .banner_box{ height:406px;}
.banner_two .slide{ position: static; height:406px;}


.citypay_que .use_con{ width:400px; margin-right:40px;}
.citypay_que .use_con_end{ margin-right:0px;}
.citypay_que .use_img{ width:400px; height:256px;}
.citypay_que .use_con .text h3{ text-align:left;}
.citypay_que .use_con{ height:424px;}
.mt36{ margin-top:36px;}

.citypay_feature{ background-color:#edf8ff; width:1280px; height:370px; border-radius:30px; margin-bottom:50px;}
.citypay_feature .use_con{ height:370px; background:transparent;}
.citypay_feature .use_img{ width:130px; height:130px; margin:0 auto; margin-top:50px;}
.citypay_feature .use_con .text h3{ color:#0098ff;}
.citypay_feature  .use_con .text p{text-align:center;}

/** 商户合作 **/
.cooperate{ width:100%; margin-bottom:32px;}
.cooperate .tab{ width:100%; height:468px; overflow:hidden;}
.tab-con{ width:100%; height:468px; margin-top:-27px;}
.tab-con a{ font-size:14px; color:#fff;}
#TabTab03Con1{ background:url(../images/type-banner1.jpg) center no-repeat;}
#TabTab03Con1 a{ display:inline-block; position:relative; top:60%; left:-35%; *left:48%;}
#TabTab03Con2{ background:url(../images/type-banner2.jpg) center no-repeat;}
#TabTab03Con2 a{ display:inline-block; position:relative; top:72%; left:-17%; *left:66%;}
#TabTab03Con3{ background:url(../images/type-banner3.jpg) center no-repeat;}
#TabTab03Con3 a{ display:inline-block; position:relative; color:#f985bb; top:78%; left:-28%; *left:53%;}
#TabTab03Con4{ background:url(../images/type-banner4.jpg) center no-repeat;}
#TabTab03Con4 a{ display:inline-block; position:relative; color:#f4c01d; top:60%; left:-14%; *left:69%;}
#TabTab03Con5{ background:url(../images/type-banner5.jpg) center no-repeat;}
#TabTab03Con5 a{ display:inline-block; position:relative; top:82%; left:-22%; *left:61%;}
#TabTab03Con6{ background:url(../images/type-banner6.jpg) center no-repeat;}
#TabTab03Con6 a{ display:inline-block; position:relative; top:44%; left:-22%; *left:62%;}
#TabTab03Con7{ background:url(../images/type-banner7.jpg) center no-repeat;}
#TabTab03Con7 a{ display:inline-block; position:relative; top:68%; left:-19%; *left:64%;}
#TabTab03Con8{ background:url(../images/type-banner8.jpg) center no-repeat;}
#TabTab03Con8 a{ display:inline-block; position:relative; top:58%; left:-15%; *left:68%;}
.type1,.type2,.type3,.type4,.type5,.type6,.type7,.type8{ width:928px; height:27px; line-height:27px; position:relative; top:46px; margin:0 auto;}
.cooperate .tab a:hover{ color:#fff;}
.tab1,.tab2,.tab3,.tab4,.tab5,.tab6,.tab7,.tab8{ display:inline-block; margin:0px 26px; font-size:16px; line-height:27px; float:left; text-align:center; cursor:pointer; color:#fff;}

/** 我是商户联系入口 **/
.merchant_cooperation{ width:1280px; height:416px; margin:0 auto; margin-bottom:50px;}
.merchant_con{ width:1280px; height:408px; padding-top:60px; background:url(../images/merchant_cooperation.png) center no-repeat;}
.merchant_cooperation .bg_con{ width:650px; height:312px; margin:0 auto; margin-top:20px; text-align:center; background-color:rgba(255,255,255,0.4);
filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#60ffffff,endColorstr=#60ffffff)\9;
*filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#60ffffff,endColorstr=#60ffffff);}
.merchant_cooperation h4{ font-size:30px; color:#333; line-height:108px;}
.merchant_cooperation p{ font-size:18px; color:#222; line-height:30px;}


/*------ 消费商户页 ------*/
/** 筛选 **/
.search_main{ width:1220px; height:220px; margin:0 auto; padding:30px; background-color:#fff;}
.search_main dl{ float:left; width:1220px;}
.search_main dl dt{ float:left; width:90px; font-weight:bold; text-align:left; padding-top:16px; font-size:14px;}
.search_main dl dd{ float:left; width:1106px; padding:10px 0px 10px 10px; font-size:14px;}
.search_main dl dd a{ display:inline-block; height:32px; line-height:32px; padding:0px 9px; margin:4px; color:#333;}
.search_main dl dd a:hover{ color:#0098ff;}
.search_main dl dd a.select,.merchant .choose dl dd a.select:hover{ background:#0098ff; color:#fff;}

/** 左侧列表 **/
.business_con{ width:1280px; margin:0 auto; margin-top:32px;}
.business_list{ width:908px; margin:0 auto; background-color:#fff; margin-bottom: 30px;}
.business_list_search{ width:1024px;}
.business_list ul{ width:908px; padding:0 30px 30px 30px;}
.business_list ul li{ width:848px; overflow:hidden; border-bottom: 1px solid #ccc; padding:20px 0px;}
.business_list .business_img{ float:left; margin-right:30px;}
.business_list .show_tit{ width:840px; height:38px; background:#f2f2f2; margin:0px 0px 22px; border-bottom:1px solid #0098ff;}
.business_list_search .show_tit{ width:1024px;}
.business_list .show_tit span{ display:inline-block; font-size:16px; height:38px; line-height:38px; padding:0px 32px; }
.business_list .show_tit .selected1{ background:#0098ff; color:#fff; font-weight:bold;}
.business_list .describe h2 a{ font-size:16px; line-height:26px; color:#333; margin-top:14px;}
.business_list .describe p{ line-height:26px; font-size:14px;}

/*------ 企业公告页 ------*/
.card_news{ width:902px; min-height:500px; background-color:#fff; padding:30px; margin-bottom:60px;}
.card_news ul{ float:left;}
.card_news li{ width:840px; float:left; padding-bottom:16px; border-bottom:1px solid #ececec; margin-top:16px;}
.card_news li .describe{ margin-top:30px; margin-left:20px;}
.business_list .describe{ margin-top:40px; margin-left:20px;}
.card_news li .describe h2 a{ font-size:16px; color:#333; line-height:48px;}
.card_news li .describe p{ font-size:14px; color:#999; line-height:32px;}
.business_list .describe p{ color:#999;}
/*------ 企业公告-详情页 ------*/
.news_box{ width:1280px; min-height:500px; margin:0 auto; margin-bottom:40px; background-color:#fff; padding:40px 60px;}
.main_news .describe{ padding-bottom:30px; border-bottom:1px solid #ececec;}
.main_news .describe h2{ font-size:18px; color:#000; line-height:68px; text-align:center;}
.main_news .describe p{ font-size:14px; line-height:32px; color:#999; text-align:center;}
.main_news .news_text{ margin-top:40px; line-height:32px; font-size:16px;}
.main_news .news_text p{ font-size:16px; color:#333; line-height:32px;}

.card_news li.que{}
.card_news li.que span{font-size:16px; color:#000; line-height: 38px; font-weight:bold; }
.card_news li.que img{ width:30px; height:30px; margin-right:10px; cursor:pointer; position:relative;}
.card_news .list .con_xq p{ font-size:16px;line-height: 32px; color:#3e3e3e; word-break:break-all;}
.card_news .con_xq{ border-bottom:0;}

/*------ 搜索结果列表页 ------*/
.business_con .result_null{ font-size:16px; color:#999; line-height:32px; padding:30px 30px;}
.business_con .result_null .null_tit{ font-size:18px; color:#333;}
.business_con .result_null .null_text{ text-indent:2em;}

.business_con .result_text{ width:100%; height:28px; line-height:28px;}
.business_con .result_text p{ font-size:16px; color:#333; text-indent:2em;}
.business_con .result_text p span{ font-size:18px; font-weight:bold;}

/*------ 卡片展示列表页 ------*/
.show_card_list{}
.show_card_list li{ float:left; margin-right:10px; margin-bottom:20px;}
.show_card_list li p{ font-size:14px; text-align:center;}


/*--  dede再带分页添加样式   --*/
.pager-wrap{ margin:20px 0 0; line-height:38px; height:60px;}
.pager-wrap li{ width:auto; float:left; font-size: 14px; height:38px; line-height:38px; padding:0 10px; text-align:center; background:#fbfbfb; border:1px solid #e6e6e6; color:#333;
text-decoration:none; margin:0 10px;}
.pager-wrap li.lin{ background:#0098ff;}
.pager-wrap li.lin a{ border:1px solid #0098ff; color: #fff !important;}
.pager-wrap li a{color:#726262;}
.pager-wrap li.thisclass{color:#0098ff}

/*------ 城市卡应用领域页 ------*/
.territory_list{ float:left; margin-top:40px;}
.territory{ float:left; width:100%; margin-bottom:56px;}
.territory_text{ width:40%; margin-top:50px; padding-left:8%;}
.territory_text h3{ font-size:22px; color:#333; margin-bottom:20px;}
.territory_text p{ font-size:16px; color:#666; line-height:32px; text-align:justify;}
.territory_text span{ font-size:20px; color:#0098ff; padding:0 10px;}
.territory_img{ width:53%; *margin-right:14%;}
.territory_img img{ width:80%; border-radius:10px;}

/*------ 城市卡介绍页 ------*/
.introduce_list{ margin-top:40px; width:90%; margin:0 auto;}
.introduce{ float:left; width:93%; margin-bottom:56px; background-color:#f2f6f9; border-radius:10px; padding:30px; border:4px solid #fff;box-shadow:0 0 10px 8px #f0f4f6;}
.introduce_text{ width:46%; margin-top:32px; padding-left:50px;}
.introduce_text h3{ font-size:22px; color:#333; margin-bottom:20px;}
.introduce_text p{ font-size:16px; color:#666; line-height:32px;}
.introduce_text span{ font-size:20px; color:#0098ff; padding:0 10px;}
.introduce_img{ width:40%;}
.introduce_img img{ width:99%;box-shadow:3px 3px 8px rgba(0,0,0,0.1);}

/*------ 充值售卡介绍页 ------*/
.selling_list{ margin-top:40px; width:100%; margin:0 auto;}
.selling{ float:left; width:48%; height:232px; margin-bottom:56px; margin-left:10px; margin-right:10px; background-color:#f2f6f9; border-radius:10px; padding:20px; border:4px solid #fff;box-shadow:0 0 10px 8px #f0f4f6;}
.selling_more{ background-color:#8abce2;}
.selling_text{ width:50%; margin-top:32px;}
.selling_text a{ display:inline-block;padding:0px 12px; color:#fff; background-color:#0098ff; margin-top:10px;}
.selling_text h3{ font-size:22px; color:#333; margin-bottom:20px;}
.selling_text p{ font-size:16px; color:#666; line-height:32px;}
.selling_text span{ font-size:20px; color:#0098ff; padding:0 10px;}
.selling_img{ width:50%;}
.selling_img img{ width:100%; margin-top:8px;}

/*------ 移动客户端绍页 ------*/
.mobile_list{ margin-top:40px; width:90%; margin:0 auto;}
.mobile{ float:left; width:100%; margin-bottom:56px; background-color:#f2f6f9; border-radius:10px; padding:30px; border:4px solid #fff;box-shadow:0 0 10px 8px #f0f4f6;}
.mobile_text{ width:40%; margin-top:32px; padding-left:40px;}
.mobile_text h3{ font-size:22px; color:#333; margin-bottom:20px;}
.mobile_text p{ font-size:16px; color:#666; line-height:32px;}
.mobile_text p.text3{font-size:20px; color:#0098ff;}
.mobile_text span{ font-size:20px; color:#0098ff; padding:0 10px;}
.mobile_img{ width:50%;}
.mobile_img img{ width:100%;}

/*------ 其他卡页 ------*/
.other_social{ width:90%; margin:0 auto; margin-bottom:46px;}
.other_social p{ font-size:16px; color:#666; line-height:32px; text-indent:2em; padding:20px;}
.other_social img{ width:60%; margin:0 20%;}
.other_social span{ display:block; text-align:center; font-size:16px; line-height:32px; color:#909090;}
.other_list{ margin-top:40px; width:90%; margin:0 auto;}
.other{ float:left; width:100%; margin-bottom:56px; background-color:#f2f6f9; border-radius:10px; padding:30px; border:4px solid #fff; box-shadow:0 0 10px 8px #f0f4f6;}
.other_text{ width:40%; margin-top:32px; padding-left:40px;}
.other_text h3{ font-size:22px; color:#333; margin-bottom:20px;}
.other_text p{ font-size:16px; color:#666; line-height:32px;}
.other_text p.text3{font-size:20px; color:#0098ff;}
.other_text span{ font-size:20px; color:#0098ff; padding:0 10px;}
.other_img{ width:50%;}
.other_img img{ width:100%;}

/*------ 消费商户页 ------*/

.merchant_type { width:1280px; min-height:368px; margin:0 auto; margin-bottom:40px; background-color:#fff; padding:40px 0;}
.tit_type_sh{ height:60px; margin:10px 0;}
.merchant_type .logo_con{ width:100%; text-align:center;}
.merchant_type .logo_con{ width:100%; float:left;}
.merchant_type .logo_con li{ float:left; margin:0 16px 16px;}
.merchant_type .logo_con li img{ width:128px; height:64px;}
.jinchengtong{ width:90%; margin:0 auto; margin-top:40px; text-align:center; margin-bottom:40px;}
.jinchengtong p{ width:60%; font-size:18px; text-align:center; margin: 0 auto; margin-bottom:20px;}

/*------ 关于我们页 ------*/
.banner_us .tit_text,.banner_us .text_explain{ color:#fff;}
.about_con { width:1280px; min-height:610px; margin:0 auto; margin-bottom:40px; background-color:#fff; padding:40px 60px;}
.about_con .tit_about{ border-bottom:1px solid #d0d0d0; margin-bottom:40px;}
.about_con .tit_about img{ width:48%; margin-bottom:20px;}

.about_text{ width:90%; margin:0 auto;}
.about_text .text{ margin-bottom:30px; float:left;}
.about_text p{ width:66%; font-size:16px; line-height:42px; text-indent:2em; color:#3e3e3e; text-align:justify;}
.about_text .text img{ border:10px solid #fff; box-shadow: 0 0 10px 8px #f0f4f6;}
.about_text .text1 p{ width:100%;}


/*------ 服务网点页 ------*/
.service_list{ margin-top:40px; width:90%; margin:0 auto;}
.service{ float:left; width:100%; margin-bottom:56px; background-color:#f2f6f9; border-radius:10px; padding:30px; border:4px solid #fff;box-shadow:0 0 10px 8px #f0f4f6;}
.service_up{ height:400px; overflow:hidden;}
.service_text{ width:42%; margin-top:32px; padding-left:40px;}
.service_up .service_text{ margin-top:64px;}
.service_text h3{ font-size:22px; color:#333; margin-bottom:20px;}
.service_text p{ font-size:16px; color:#666; line-height:30px; text-align:justify;}
.service_text p.text3{font-size:20px; color:#0098ff;}
.service_text span{ font-size:20px; color:#0098ff; padding:0 10px;}
.service_img{ width:50%;}
.service_img img{ width:100%;}

.service_main{ width:1158px; min-height:430px; margin:0 auto; padding:46px 46px 0px 46px; background-color:#edf8ff; border-radius:10px;}
.service_con{padding:12px 26px 0px 26px;}
.service_main .introduce_info{ width:100%;}
.service_main .introduce_info ul{ width:90%}
.service_main .introduce_info ul li{ line-height:30px;}
.service_main .introduce_info span{ font-size:15px; color:#505050;}
.service_main .introduce_info .font_bold{ color:#4d4d4d; font-size:20px; font-weight:bold; padding-bottom:12px; display:inline-block;}
.service_main .introduce_img img{ border:10px solid #fff; text-align:center; margin-top:42px;}
.service_main .introduce_img{ width:46%;}
.service_tips{ padding:20px 18px; margin-bottom:20px; height:172px; background-color:#fff; border-radius:6px; width:49%; box-shadow: 3px 3px 8px rgba(0,0,0,0.1);}
.map_img { margin-right:16px;}

/*------ 手机城市卡页 ------*/
.service_text .font_bold{ color:#666; font-weight:600;}
.service_text .font_bold_black{ display:inline-block; color:#000; font-weight:600; padding:20px 0 0 0;}
.mt60{ margin-top:60px !important;}
.link_detailed{ padding:10px 20px; display:block; background-color:#0098ff; border:1px solid #0098ff; color:#fff; width:146px; margin:20px 0px; font-size:18px;}
.link_detailed:hover{ background-color:#fff; border:1px solid #0098ff; color:#0098ff;}
.link_width{ width:270px;}


/*------ 查询余额结果页 ------*/
.about_con .tit_balance img{ width:200px;}
.balance_text .c_text{ width:58%; float:left; margin-top:30px;}
.balance_text .c_text p{ width:100%;text-indent:initial;}
.balance_text .c_text a{ color:#0098ff}
.balance_text .c_text .tip_text{ margin-top:40px; color:#333; font-size:16px; font-weight:bold;}
.balance_text img{ width:30%;}

/*------ 敬老卡线上补换卡指南页 ------*/
.tip_con{ margin-top:60px; border-radius:6px; padding:16px; background-color:#fff; margin-bottom:20px;}
.tip_tit{ display:inline-block; width:auto !important; text-align:center; background-color:#ffbc6c; color:#fff !important; border-radius:60px; padding:0 16px; margin-bottom:10px;}
.tip_con p{ color:#ffac48; word-break:break-all;}
.senior_box .service_text{ padding-left:0;}
.senior_list .service{ width:92%; margin:0 4%;}
/*------ 美伽汇APP介绍页 ------*/
.introduce_list  img{ width:90%; margin:0 5%;}
.introduce_list .introduce_index img{ width:80%; margin:0 10%;}
.introduce_list .introduce_shop img{ width:100%; margin:0 auto;}
/*------ 津城通购卡流程 ------*/
.process_text{ width:60%; padding-left:0;}
.process_img{ width:30%;}
.process_con{ margin-top:0; width:96%; padding:0 2%;}
.process_con .tip_con{ margin-top:0;}
.process_con h3{ padding-top:40px;}
.process_con .pb30{ padding-bottom:30px;}


/*------ 城市卡NFC充值介绍页 ------*/
.nfc_box,.senior_box{ background-color:#eaf1ff;}
.nfc_box .service,.senior_box .service{ background:none; box-shadow:none; padding:0px; border:0px;}
.nfc_box .service{ width:100%;}
.nfc_box .service_text{ margin-top:76px; width:36%;}
.nfc_box .tit_tag{ padding-top:6px; padding-right:10px; vertical-align: sub; *vertical-align:inherit;}
.nfc_box .fl{ padding-left:30px;}
.nfc_box .fr{ padding-left:0; padding-right:30px;}

/*------ 乘车码开通说明页 ------*/
.cardcode_list{ background-color:#fff; border-radius:20px; float:left; margin:0 5%; padding:30px 0;}
.tit_middle{ font-size:28px; color:#0b78fb; text-align:center; padding:20px 0; line-height:40px;}
.cardcode_list .text{ text-align:center; font-size:18px; color:#666; line-height:30px; text-align:center; padding-top:20px;}
.cardcode_list .service_text{ margin-left:64px; width:38%;}
.cardcode_list .service{ margin-bottom:20px; margin:0 4%; width:92%;}
.cardcode_list .service_tip{ *background-color:#a8d4ff; background-color:#a8d4ff\9; background:linear-gradient(to bottom,#fff,#a8d4ff); border-radius:20px; padding:20px 0;}
.service_tip .service_text{ width: 50%; padding-right:100px; margin-left:0;}

/*------ 敬老服务页 ------*/
.senior_citizen_box .text{ font-size:20px; line-height:38px; color:#3e3e3e; font-weight:bold; text-indent:2em;text-align:left;}
.senior_citizen_box .text_style{ text-indent:0; padding-top:6px;}
.senior_citizen_box .links_page{ display:block; width:428px; height:58px; line-height:58px; *line-height:32px; font-size:16px; background-color:#0098ff; color:#fff; margin:20px 0px;}
.senior_citizen_box .links_page img{ width:38px; position: relative; left: 0px; margin-right: 10px;}
.senior_citizen_box .service_up .service_text{ text-indent:2em; margin-top:0px;}
.senior_citizen_box .service_up{ height:400px;}
.senior_citizen_box .service_text p{ font-size:18px; line-height:36px;}
.senior_citizen_box .service_text{ width:570px;}
.senior_citizen_box .service_img{ width:35%; text-align:center;}
.senior_citizen_box .service_img img{ width:90%;}

/*------ 敬老卡功能激活社保卡 ------*/
.jlk_activate1{ background:url(../images/number_first.png) top left no-repeat #f2f6f9 !important; background-size:80%;}
.jlk_activate2{ background:url(../images/number_second.png) top right no-repeat #f2f6f9 !important;}
.jlk_activate3{ background:url(../images/number_third.png) top left no-repeat #f2f6f9 !important;}
.jlk_activate4{ background:url(../images/number_fourth.png) top right no-repeat #f2f6f9 !important;}
.jlk_activate5{ background:url(../images/number_fifth.png) top left no-repeat #f2f6f9 !important;}
.senior_citizen_box .activate_list .service_up .service_text{ text-indent:0;}
.marTop80{ margin-top:80px !important; }
.marTop26{margin-top:26px !important;}
.width50{ width:50% !important;}
.width44{ width:50% !important;}
.senior_citizen_box .service_up{ height:auto;}



@media screen and (min-width:320px) {}

@media screen and (min-width:375px) {}
@media screen and (min-width:384px) {}
@media screen and (min-width:412px) {}
@media screen and (min-width:414px) {}
@media screen and (min-width:480px) {}
@media screen and (min-width:540px) {}



@media screen and (min-width:621px) and (max-width:645px){
/*------ 关于我们 ------*/
.map_line{font-size:18px !important; line-height:26px !important; height:auto !important; padding-bottom:9px !important;}
.about_text p{ font-size:20px !important;line-height: 46px !important;}
.banner_other{ height:164px !important; margin-top:64px !important; background-size:150% !important;}
.banner_other .tit_text{ margin-top:52px !important; font-size:26px !important; line-height:34px !important;}
.banner_other .text_explain{font-size:16px !important;}
/*------ 服务网点 ------*/
.tit_type .big_font{ font-size:28px !important;}
.tit_type p{font-size:22px !important;}
.service_main .introduce_info .font_bold{ font-size:26px !important;}
.service_main .introduce_info span{ font-size:20px !important; line-height:36px !important;}
.service_text h3{ font-size:26px !important;}
.service_text p{ font-size:20px !important; line-height:48px !important;}
.service_text span{ font-size:26px !important;}
/*------ 购卡流程 ------*/
.tip_tit{ width:118px;}
/*------ 其他卡 ------*/
.other_social p{ font-size:20px !important; line-height:42px !important;}
.other_text p{ font-size:20px !important; line-height:42px !important;}
.other_text h3{ font-size:26px !important; }
/*------ 城市卡充值 ------*/
.selling_text h3{ font-size:26px !important;}
.selling_text p{ font-size:20px !important; line-height:42px !important;}
/*------ 移动客户端 ------*/
.mobile_text h3{ font-size:26px !important;}
.mobile_text p{ font-size:20px !important; line-height:42px !important;}
.mobile_text p.text3{ font-size:20px !important;}
.link_detailed{ font-size:20px !important; width:162px !important;}
.link_width{ width:290px !important;}
/*------ 敬老卡服务 ------*/
 .senior_citizen_box .text{ font-size:24px !important; line-height:40px !important;}
 .senior_citizen_box .links_page{ width:480px !important; font-size:20px !important; text-indent:0 !important; padding:0 16px !important;}
 .senior_citizen_box .links_page img{ width:34px !important; margin-right:6px;}
/*------ 常见问题 ------*/
 .subNav{ font-size:22px !important; padding:4px 16px !important; margin-bottom:12px !important;}
 .card_news li.que span{ font-size:22px !important;}
 .card_news .list .con_xq p{ font-size:20px !important; line-height:30px !important;}
 .card_news li.que img{ width:30px !important; height:30px !important;}
 .card_news li { padding-bottom:14px !important; margin-top:14px !important;}
/*------ 新闻资讯 ------*/
 .business_list .describe h2 a{ font-size:22px !important; line-height:30px !important;}
 .business_list .describe p{ font-size:20px !important;}
 .business_list .describe h2{ margin-bottom: .5rem !important;}
/*------ 应用领域 ------*/
 .territory_text h3{ font-size:26px !important;}
 .territory_text p{ font-size: 20px !important;}
/*------ 城市卡介绍页 ------*/
 .essay_tit{ font-size:26px !important;}
 .essay_time{ font-size: 20px !important; line-height:38px !important;}
 .essay_txt p{ font-size: 20px !important; line-height:46px !important;}
 .pagination{ font-size:18px !important; line-height:38px !important;}
 .pagination a.z_num, .pagination span, .pagination a.z_pret{ font-size:16px !important; height:38px !important; line-height:38px !important; padding:0 6px !important; margin:0 6px !important;}
 .pagination input[type="text"]{ height:38px !important; line-height:38px !important;}
/*------ 企业公告详情页 ------*/
 .main_news .describe h2{ line-height:56px !important; font-size:26px !important;} 
 .main_news .describe p{ font-size:20px !important;}
 .main_news .news_text p{ font-size:20px !important; line-height:58px;}
 /*------ 城通卡页 ------*/  
 .banner_main{ height:462px !important; padding:0px !important;}
 .show_main .img_textr{ margin-top:372px !important;}
 .banner_main .img_text p{ font-size:18px !important;}
 .banner_main .prev,.next { width:32px !important; height:52px !important; top:180px !important;}
 .banner_main .banner_box,.banner_main .slide{ height:100% !important;}
 .banner_main .img_text h3{ font-size:24px !important; line-height:32px !important;}
 .citypay_use{ margin-top:35px !important;}
 .citypay_que .use_con{ height:546px !important;}
 .citypay_use .use_con .text h3{ font-size:24px !important; line-height:32px !important;}
 .citypay_use .use_con .text p{ font-size:20px !important; line-height:38px !important;}
 .merchant_type .logo_con{ margin-left:3.5% !important;}
 .jinchengtong p{ font-size:24px !important;}
 .merchant_cooperation p{ font-size:24px !important;}
 /*------ 城市卡页 ------*/  
 .introduce_width .text p{ font-size:20px !important; line-height:48px !important;}
 .introduce-main .links span { font-size:20px !important; line-height:36px !important;}
 .introduce-main .links a{ width:262px !important; height:226px !important; margin:10px 6px !important;}
 .banner_citycard{ height:622px !important;}
 .banner_main .img_text { margin-top:372px !important;}
 .banner_main .img_text p{ font-size:20px !important; line-height:36px !important;}
 .banner_main .more_a{ font-size:20px !important;}
 .banner_citycard{ margin-bottom:80px !important;}
 .card_selling .sell_text,.card_selling .recharge_text{ font-size:20px !important; width:100%;}
 .content-box a{ height:900px !important;}
 .selling_con .sell_img{ height:900px !important;}
 .content-box .category{ font-size:24px !important; line-height:32px !important;}
 .selling_con .text-box .text{ font-size:20px !important;}
 .content-box .panel-img-box .text-box{ height:146px !important;}
 
}

@media (max-width: 768px) {

 /*------ 关于我们 ------*/
 .banner_other{ height:82px; margin-top:64px; width:100%; background-size:150%; padding:8px 0;}
 .banner_other .tit_text{ font-size:18px; margin-top:14px; margin-bottom:0;}
 .banner_other .text_explain{ font-size:10px;}
 .map_line{ width:95%; padding-left:1%; font-size:12px; line-height:20px; padding-top:9px;}
 .about_con{ width:95%; padding:20px 10px;}
 .about_con .tit_about{ margin-bottom:20px;}
 .about_text p{ width:100%; font-size:14px; line-height:32px;}
 .about_con .tit_about img{ margin-bottom:10px;}
 .fr,.fl{ float:none;}
 .about_con .tit_about img{ width:70%;}
 /*------ 服务网点 ------*/
 .news_box{ width:95%; padding:20px 12px;}
 .tit_type .big_font{ font-size:20px;}
 .tit_type img { width:20%; margin:0 40%;}
 .tit_type p{font-size:14px;}
 .service{ padding:18px;}
 .service_main{ width:100%;}
 .service_con{ padding:0;}
 .service_tips{ width:100%; height:auto;}
 .service_list{ width:100%;}
 .service_up{ width:100%; height:auto;}
 .senior_citizen_box .service_up{ height:auto !important;}
 .service_up .service_text{ margin-top:10px; padding-left:0; padding-bottom:10px;}
 .service_text{ width:100%; padding-left:0;}
 .service_text h3{ margin-bottom:10px;}
 .service_text span{ font-size:16px;}
 .service_img{ width:100%;}
 .service_main .introduce_info ul{ width:100%;}
 .service_main .introduce_info .font_bold{ font-size:16px;}
 .service_main .introduce_info span{ font-size:14px;}
 .service_text p{ font-size:14px;}
 /*------ 购卡流程 ------*/
 .service_text h3{ font-size:16px;}
 .service_img img{ width:90% !important; margin:6% 5%;}
 /*------ NFC手机充值 ------*/
 .nfc_box .service .fr{ width:100%; padding-right:0;}
 .nfc_box .service .fr .pege_picture{ width:70%; margin:0 15%; height:auto;}
 .nfc_box .service .fl{ width:100%; padding-left:0;}
 .nfc_box .service .fl .pege_picture{ width:70%; margin:0 15%; height:auto;}
 .nfc_box .service .service_text{ width:100%; margin-top:18px; padding-left:10px;}
 /*------ 其他卡 ------*/
 .other_social{ width:100%;}
 .other_social p{ padding:20px 10px;}
 .other_social img{ width:90%; margin:0 5%;}
 .other_list{ width:100%;}
 .other{ padding:20px 16px; margin-bottom:30px;}
 .other_text{ width:100%; margin-top:0; padding-left:0;}
 .other_text h3{ font-size:16px; margin-bottom:10px;}
 .other_img{ width:100%;}
 .other_social p{ font-size:14px;}
 .other_text p{ font-size:14px;}
 /*------ 城市卡充值 ------*/
 .selling{ width:100%; height:auto; margin-left:0; margin-right:0;}
 .selling_text{ width:100%; margin-top:8px;}
 .selling_text h3{ font-size:16px; margin-bottom:10px;}
 .selling_img{ width:100%;}
 .selling_text p{ font-size:14px;}
 /*------ 移动客户端 ------*/
 .mobile{ padding:20px;}
 .mobile_list{ width:100%;}
 .mobile_text{ width:100%; padding-left:0;}
 .mobile_text h3{ font-size:18px;}
 .mobile_text p{ font-size:14px;}
 .mobile_img{ width:100%;}
 .mobile_text p.text3{ font-size:18px;}
 .link_detailed{ font-size:16px;}
 /*------ 敬老卡服务 ------*/
 .senior_citizen_box .service_up .service_text{ width:100% !important;}
 .senior_citizen_box .service_text p{ width:100%; font-size:14px; line-height:30px;}
 .senior_citizen_box .service_img{ width:90% !important; margin:0 5%;}
 .senior_citizen_box .text{ font-size:16px; line-height:32px;}
 .senior_citizen_box .links_page{ width:100%; font-size:12px; text-indent:0; padding:0 8px;}
 .senior_citizen_box .links_page img{ width:20px; margin-right:2px;}
 .jlk_activate1, .jlk_activate2, .jlk_activate3, .jlk_activate4, .jlk_activate5{ background-size:35% !important;} 
 /*------ 常见问题 ------*/
 .left_right_box{ width:100%;}
 .menu-main{ width:100%; margin:10px 0 10px;}
 .subNavBox{ width:100%; padding:10px 14px 2px;}
 .subNav{ width:auto; display:inline-block; font-size:15px; border:1px solid #ccc; padding:2px 16px; border-radius:100px; margin-bottom:8px;}
 .currentDd{ background-color:#ff9900; color:#fff; border-color:#ff9900;}
 .card_news{ width:100%; min-height:480px !important; padding:0 16px 40px; float:left; margin-bottom:30px;}
 .card_news li{ width:100%; padding-bottom:8px; margin-top:8px;}
 .card_news li.que img{ width:20px; height:20px;}
 .card_news li.que span{ font-size:15px; line-height:34px;}
 .card_news .list .con_xq p{ font-size:14px; line-height:24px;}
 /*------ 新闻资讯 ------*/
 .business_list{ width:100%;}
 .business_list ul{ width:100%; padding: 0 20px 30px 20px;}
 .business_list ul li{ width:100%;}
 .business_list .business_img{ margin-right:12px; width:28%;}
 .business_list .business_img img{ width:100%; height:auto;}
 .business_list .describe{ width:68%; float:left; margin-top:0; margin-left:0;}
 .business_list .describe h2 a{ font-size:14px; line-height:18px;}
 .business_list .describe h2{ margin-bottom: .2rem;}
 .business_list .describe p{ font-size:12px;}
 .pager-wrap li{ width:auto; margin-bottom:14px;}
 /*------ 应用领域 ------*/
 .territory{ margin-bottom:0;}
 .territory_list{ margin-top:0px;}
 .territory_text{ width:100%; margin-top:50px; padding-left:2%;}
 .territory_img{ width:100%;}
 .territory_img img{ width:100%; margin-top:20px;}
 .territory_text h3{ font-size:18px;}
 .territory_text p{ font-size:14px;}
 /*------ 城市卡介绍页 ------*/
 .card_information{ width:100%; padding:30px 16px 30px 16px;}
 .essay_txt img{ width:80%; margin:0 10%;}
 .essay_txt p{ font-size:14px; line-height:28px;}
 .essay_time{ font-size:14px; padding-bottom:12px;}
 .essay_tit{ font-size:18px; margin-bottom:10px;}
 .pagination{ font-size:10px; line-height:30px;}
 .pagination a.z_num, .pagination span, .pagination a.z_pret{ font-size:10px; height:30px; line-height:30px; padding:0 6px; margin:0 6px;}
 .pagination input[type="text"]{ height:30px; line-height:30px;}
 /*------ 企业公告详情页 ------*/
 .main_news .describe h2{ line-height:32px; font-size:16px;}
 /*------ 微店购卡页 ------*/
 .introduce_list .introduce_index img{ width:100%; margin:0;}
 .introduce_index .weidian_img1{content: url('../images/weidian_yd_img1.jpg');}
 .introduce_index .weidian_img2{content: url('../images/weidian_yd_img2.jpg');}
 .introduce_index .weidian_img3{content: url('../images/weidian_yd_img3.jpg');}
 .introduce_index .weidian_img4{content: url('../images/weidian_yd_img4.jpg');}
 .introduce_index .weidian_img5{content: url('../images/weidian_yd_img5.jpg');}
 /*------ 商城介绍页 ------*/
 .introduce_shop .shop_img1{content: url('../images/shop_intro_yd_img1.jpg');}
 .introduce_shop .shop_img2{content: url('../images/shop_intro_yd_img2.jpg');}
 .introduce_shop .shop_img3{content: url('../images/shop_intro_yd_img3.jpg');}
 /*------ 微信小程序介绍页 ------*/
 .introduce_index .applet_img1{content: url('../images/applet_mjh_yd_img1.jpg');}
 .introduce_index .applet_img2{content: url('../images/applet_mjh_yd_img2.jpg');}
 .introduce_index .applet_img3{content: url('../images/applet_mjh_yd_img3.jpg');}
 .introduce_index .applet_img4{content: url('../images/applet_mjh_yd_img4.jpg');}
 .introduce_index .applet_img5{content: url('../images/applet_mjh_yd_img5.jpg');}
 /*------ APP介绍页 ------*/ 
 .introduce_list .app_img1{content: url('../images/mjh_app_yd_img1.jpg');}
 .introduce_list .app_img2{content: url('../images/mjh_app_yd_img2.jpg');}
 .introduce_list .app_img3{content: url('../images/mjh_app_yd_img3.jpg');}
 .introduce_list .app_img4{content: url('../images/mjh_app_yd_img4.jpg');}
 .introduce_list .app_img5{content: url('../images/mjh_app_yd_img5.jpg');}
 .introduce_list .app_img6{content: url('../images/mjh_app_yd_img6.jpg');}
 /*------ 订阅号介绍页 ------*/  
 .introduce_index .pn_ykt_img1{content: url('../images/pn_ykt_yd_img1.jpg');}
 .introduce_index .pn_ykt_img2{content: url('../images/pn_ykt_yd_img2.jpg');}
 .introduce_index .pn_ykt_img3{content: url('../images/pn_ykt_yd_img3.jpg');}
 /*------ 服务号介绍页 ------*/  
 .introduce_index .pn_mjh_img1{content: url('../images/pn_mjh_yd_img1.jpg');}
 .introduce_index .pn_mjh_img2{content: url('../images/pn_mjh_yd_img2.jpg');}
 .introduce_index .pn_mjh_img3{content: url('../images/pn_mjh_yd_img3.jpg');}
 /*------ 津城通服务号介绍页 ------*/  
 .introduce_index .pn_jct_img1{content: url('../images/pn_jct_yd_img1.jpg');}
 .introduce_index .pn_jct_img2{content: url('../images/pn_jct_yd_img2.jpg');}
 .introduce_index .pn_jct_img3{content: url('../images/pn_jct_yd_img3.jpg');}
 /*------ 城通卡页 ------*/  
 .banner_main{ width:90%; height:274px; margin:0 auto;}
 .banner_main .prev,.next{ width:20px; height:33px; top:90px;}
 .banner_main .prev{ left:22px;}
 .banner_main .next{ right:22px;}
 .banner_main .prev img,.next img{ width:100%;}
 .banner_main .banner_box, .banner_main .slide{ display:block; width:100%; height:100%; overflow:hidden;}
 .banner_main .slide img{ display:block; margin:0 auto; width:100%; height:auto; left:0; margin-left:0;}
 .banner_pay_img1{content: url('../images/common_card_yd_banner.png');}
 .banner_pay_img2{content: url('../images/vip_card_yd_banner.png');}
 .show_main .img_textr{ width:100%; margin-top:200px; margin-left:0px; left:0; padding:12px 14px; border-radius:0; background-color:#edf8ff;}
 .banner_main .img_text h3{ font-size:17px; margin-bottom:4px; color:#333;}
 .banner_main .img_text p{ font-size:12px; line-height:20px; color:#666;}
 .banner_main .img_text p a{ color:#007bff; background:none;}
 .citypay_use{ width:90%; margin-top:20px; overflow:hidden;}
 .citypay_que .use_con{ width:100%; height:348px; margin-bottom:20px; margin-right:0;}
 .citypay_use .use_con .text{ padding:16px;}
 .citypay_use .use_con .text h3{ font-size:16px; line-height:28px;}
 .citypay_use .use_con .text p{ font-size:14px;}
 .citypay_que .use_img{ width:100%; height:auto;}
 .content-box .panel-img-box img,.panel-img-box img{ height:auto;}
 .citypay_use .use_con{ width:100%; height:auto; margin-right:0; margin-bottom:20px;}
 .citypay_use .use_img{ width:auto; height:auto;}
 .citypay_feature{ margin:15px auto; height:auto;}
 .citypay_feature .use_img{ width:130px;}
 .merchant_type{ width:100%; padding:40px 20px;}
 .merchant_type .logo_con li{ float:left; width:28%; margin:0 9px 10px 8px;}
 .merchant_type .logo_con li img{ width:100%; height:auto;}
 .jinchengtong p{ font-size:16px;}
 .merchant_cooperation{ width:100%;}
 .merchant_con{ width:100%;}
 .merchant_cooperation .bg_con{ width:80%; margin:0 auto; padding:0 12px;}
 .merchant_cooperation h4{ line-height:80px;}
 .merchant_cooperation p{ font-size:15px;}
 /*------ 城市卡页 ------*/  
 .introduce-main{ width:100%; padding:20px 18px;}
 .introduce_img{ width:100%;}
 .introduce_width{ width:100%; padding:4% 0 1% 2%;}
 .links{ width:100%}
 .introduce_width .text p{ font-size:14px;}
 .introduce-main .links{ margin-top:20px; text-align:center;}
 .introduce-main .links a{ width:146px; height:152px; border:10px solid #c6e8ff; margin:10px 6px;}
 .introduce-main .links span{ font-size:14px; line-height:20px;}
 .banner_main .slide .cards_img1{ content: url('../images/cards_yd_img1.jpg');}
 .banner_main .slide .cards_img2{ content: url('../images/cards_yd_img2.jpg');}
 .banner_main .slide .cards_img3{ content: url('../images/cards_yd_img3.jpg');}
 .banner_main .slide .cards_img4{ content: url('../images/cards_yd_img4.jpg');}
 .banner_main .slide .cards_img5{ content: url('../images/cards_yd_img5.jpg');} 
 .banner_main .img_text{ width:100%; margin-top:200px; margin-left:0px; left:0; padding:20px 14px; border-radius:0; background-color:#edf8ff; overflow:hidden;}
 .banner_main .more_a { display:inline-block; width:170px; height:46px; line-height:46px; font-size:16px; color:#fff; background-color:#0098ff; border:8px solid #8ad0ff; border-radius:90px; box-sizing:initial; box-shadow:3px 3px 8px rgba(0,0,0,0.1);}
 .banner_main .more_a:hover{ color:#fff;}
 .banner_citycard{ height:390px; background-color:#edf8ff; margin-bottom:60px;}
 .card_selling .sell_text,.card_selling .recharge_text{ width:100%;}
 .selling_con,.recharge_con{ width:100%;}
 .content-box a{ width:100%;}
 .content-box .mar_top{ margin-top:0;}
 .selling_con .sell_img{ width:100%;}
 .content-box .panel-img-box .text-box{ width:100%; height:116px; bottom: -18px;}
 .content-box .mar_top{ height:518px;}
 .content-box a{ margin-bottom:30px;}
 .content-box .category{ font-size:17px;}

}
@media (min-width:375px) and (max-width:390px) {
	.banner_two{ height:312px;}
	.banner_two .img_text{ margin-top:224px;}
}
@media screen and (min-width:414px) and (max-width:430px){
 .banner_two{ height:332px;}
 .banner_two .prev,.next{ top:124px;}
 .banner_two .img_text {margin-top:246px;}

}
@media (width:430px){
.banner_two .img_text{ margin-top:258px;}
}

 @media screen and (max-width:360px) {.senior_citizen_box .links_page{ font-size:11px;}}
 @media screen and (min-width:621px) and (max-width:645px){ 
 .senior_citizen_box .service_img{ width:70% !important; margin:0 15% !important;}
 }
 @media (width:480px){
 .banner_main .img_text{ margin-top:276px;}
 .banner_citycard{ height:460px;}
 .banner_two{ height:370px;}
 .banner_two .img_text{ margin-top:287px;}
 .banner_two .prev,.next{ top:138px;}

 
 }