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

.clear{ clear:both;}
.main{ height:100%; overflow:hidden;}
.fl{ float:left;}
.fr{ float:right;}

/*------ 首页轮播 ------*/
.banner_main{ width:100%; height:428px;}
.banner_index{ position:static; margin-top:86px; margin-bottom:0;}
.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:absolute; z-index:124; top:442px; left:0; text-align:center;}
.banner_index .item{ top:466px;}
.banner_main .item a{ display:inline-block; width:10px; height:10px; margin-right:11px; background:#ccc; opacity:0.6; -moz-opacity:0.6; filter:alpha(opacity=60); overflow:hidden; border-radius:50%;}
.banner_main .item a.cur{ background:#fff; width:20px; height:10px; border-radius:30px;}
.banner_main .banner_box,.banner_main .slide{ display:block; width:100%; height:428px; overflow:hidden;}
.banner_main .banner_box{}
.banner_main .slide{ display:none; height:428px; position:absolute; z-index:8;}
.banner_main .slide a{ width:100%; height:428px; cursor:pointer; background-color:#ddd; box-sizing:border-box; text-align:center;}
.banner_main .slide img{ height:428px; position:absolute; left:50%; margin-left:-1000px;}

/*------ 首页-功能专区 ------*/
.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;}

.function-main{ width:1280px; margin:0 auto; overflow:hidden;}
.citycard{ width:100%;}
.service_network{ height:256px; margin-bottom:0px;}
.cooperate{ width:100%; margin:30px 0 30px; text-align: center;}
.cooperate a{ width:100%; height:368px; display:block; background:url(../images/img_6.jpg) center no-repeat; background-position:center center; }



/** 鼠标悬停动画**/
.content-box {
  text-align: center;
  position: relative;
}
.panel-img-list .img-box {
  position: relative;
}
.content-box .panel-img-box {
        width: 412px;
		 height:266px;
		 margin-right:22px;
		 margin-bottom:22px;
        overflow: hidden;
        display: inline-block;
        vertical-align: top;
		
}
.content-box .panel-img-end{
	margin-right:0;
}
.content-box .panel-img-box a {
    color: #fff;
    text-decoration: none;
    display: block;
    overflow: hidden;
    position: relative;
	margin-right:0;
	width:100%;
    height: 100%;
}
.content-box .panel-img-box .mask {
    position: absolute;
    width: 100%;
    height: 100%;
    left: 0;
    top: 0;
    z-index: 2;
    background-repeat: repeat-x;
    background-position: left bottom;
    background-size: auto 100%;
    visibility: visible;
    opacity: 0;
}
.content-box .panel-img-box .mask {
        visibility: visible;
        opacity: 1;
        height: 70%;
        width: 100%;
        content: "";
        background: linear-gradient(rgba(0,0,0,0) 0%,rgba(0,0,0,0.3) 70%);
        display: block;
        top: auto;
        bottom: 0;
		 padding:0;
		 margin:0;
}
.content-box .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: -26px;
		 position:absolute;
		 width:100%;
		 height: 84px\0;
		 *height: 84px;
		 *left:0;
		text-align:left;
		background-color:transparent;
		-webkit-transition: all 0.35s 0.1s linear;
		-moz-transition: all 0.35s 0.1s linear;
		transition: all 0.35s 0.1s linear;
}
.content-box .category{ font-size:24px; color:#fff; font-weight:bold; line-height:28px; margin-bottom:16px;text-shadow: 3px 3px 3px #3c3c3c;}
.content-box .read-more span{ font-size:14px; color:#fff; line-height:20px; padding:6px 16px; background-color:#0098ff;}
.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 .add-img{
		 opacity: 0;
        -webkit-transition: all 0.5s;
        transition: all 0.5s;
        font-size: 0.875em;
		 width:218px;
		 position:absolute;
		 bottom:0;
		 *bottom:-6px;
		 right:50px;
}
.content-box .add-img1{ width:320px;bottom:26px;}

.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 .text-box .add-img,.content-box .panel-img-box:hover .text-box .add-img1{
		 visibility: visible;
        opacity: 1;
}
.content-box .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 .mask {
        opacity: 1;
        visibility: visible;
        position: absolute;
        width: 100%;
        height: 100%;
        left: 0;
        top: 0;
        z-index: 2;
        background-image: url(../img/mask_grad.png);
        background-repeat: repeat-x;
        background-position: left bottom;
        background-size: auto 100%;
}

.content-box .panel-img-box:hover .read-more {
        opacity: 1;
}













/*------ 首页-新闻资讯&常见问题 ------*/
.news-main{ width:100%; height:480px; background:url(../images/bg-news.png) center bottom no-repeat;}
.news-div{ width:1280px; margin:0 auto;}
.news-main h3{ width:100%; height:72px; line-height:72px; font-size:24px; font-weight:normal; text-align:center; margin:0;}
.news-main .news{ float:left; width:62%;}
.news-main .news-qy,.news-main .news-mt{ float:left; width:358px; margin-right:34px; *margin-right:30px;}

.news-main .news-qy .img-div,.news-main .news-mt .img-div{ width:358px; height:203px; margin-bottom:30px; overflow:hidden;}
.news-main .news-qy img,.news-main .news-mt img{ width:358px; height:203px;}
.news-main .news-qy .tit,.news-main .news-mt .tit{ display:block; width:169px; height:60px; line-height:58px; background:url(../images/bg-tmh.png) no-repeat; position:relative; top:-126px; left:92px; font-size:30px; color:#fff; text-align:center;}
.news-qy a,.news-mt a{ font-size:16px; color:#0098ff;}
.news-qy p,.news-mt p{ font-size:14px; line-height:24px; color:#878787; height:72px; text-align:justify; overflow:hidden; margin:16px 0;}
.news-qy  .more,.news-mt .more{ display:inline-block; padding:6px 12px; background-color:#0098ff; font-size:14px; color:#fff; border-radius:0;}
.news-qy  .more:hover,.news-mt .more:hover{ background:none; color:#0098ff; border:1px solid #0098ff;}

.news-main .faq{ float:right; width:38%; background-color:#0098ff; padding:35px 30px; *padding:22px 30px;}
.news-main .faq h5{ font-size:20px; color:#fff; font-weight:normal; margin:0; padding-bottom:16px;}
.news-main .faq h5 span{ font-size:16px; padding-left:10px;}
.news-main .faq .que{ font-size:14px; color:#000; padding:13px 0 14px 0;}
.news-main .faq .que span{ display:inline-block; width:24px; height:24px; font-size:12px; background-color:#fff; color:#0098ff; padding:0; border-radius:50px; margin-right:8px; line-height:24px; text-align:center;}
.news-main .faq .ans{ font-size:14px; color:#fff;}
.news-main .faq .ans span{ display:inline-block; font-size:12px; background-color:#ffad70; color:#fff; padding:0px; border-radius:50px; margin-right:8px; width:24px; height:24px;
line-height:24px; text-align:center;}
.news-main  .faq a{ display:block; font-size:14px; color:#666; background-color:#fff; text-align:center; padding:8px; margin-top:44px;}
.news-main .faq a:hover{ background:#ffad70; color:#fff;}
.tit_style_new{ display:inline-block; line-height:23px; height:50px; overflow:hidden;}
.strong_tit_style_new{ display:inline-block; font-weight:normal; line-height:23px; width:92%; height:18px; *height:24px; white-space:nowrap; text-overflow:ellipsis; overflow:hidden;}
/*------ 首页-余额查询弹出 ------*/
.ye_content{ position:fixed; width:448px; height:266px; top:62%; left:50%; margin: -193px 0 0 -193px; overflow:hidden; z-index:99999; display:none; background:url(../images/tc-bg.png); border-radius:6px;}
.ye_closeT{ float:right; width:30px; height:30px; margin-top:16px; margin-right:10px; background:url(../images/ye-close.png) no-repeat; text-indent:-99999px;}
.ye_closeT:hover{ background:url(../images/ye-close.png) no-repeat; filter:alpha(opacity=60); opacity:0.6;}

.yecx-con{ float:left; width:448px; margin:0 auto; padding:4px 34px 0 34px; margin-top:10px; margin-bottom:14px;}
.yecx-con .tit{ float:left; width:100%; margin-bottom:23px;}
.yecx-con .tit img{ width:100px; margin-right:10px;}
.yecx-con .tit span{ font-size:16px; color:#333; font-weight:bold;}
.yecx-con  form{ float:left; width:100%;}
.yecx-con input{ list-style:none;}
.yecx-con .input-crad { float:left; width:88%; height:38px; line-height:38px; padding:2px 12px; border:1px solid #0098ff;}
.yecx-con .bnt_con{ margin-top:30px;}
.yecx-con .submit-ye { float:left; display:inline-block; width:38%; height:38px; font-size:18px; text-align:center; margin-left:10px; background-color:#0098ff; color:#fff; line-height:38px; border-radius:4px;}
.yecx-con .submit-qx{ float:left; margin-left:56px; font-size:18px; color:#1e7ddd; line-height:38px; margin-right:20px;}
.yecx-con p{ float:left; width:100%; font-size:20px; color:#ff0000; margin:20px auto 0; text-align:center;}


@media screen and (min-width:621px) and (max-width:645px){
.banner_main{ height:688px !important;}
.banner_main .prev, .next{ top:332px !important;}
.banner_index .item{ top:700px !important;}
.banner_main .item a{ width:16px !important; height:16px !important;}
.banner_main .item a.cur{ width:28px !important; height:16px !important;}
.content-box a{ height:auto !important;}
.content-box .read-more span{ font-size:18px !important;}
.content-box .panel-img-box .text-box .read-more{ margin-top:20px !important; margin-bottom:20px !important;}
.content-box .panel-img-box .text-box{ height:auto !important;}
.cooperate a{ height:462px !important;}
.news-main .news-qy img, .news-main .news-mt img{ height:auto !important;}
.news-main .news-qy .img-div, .news-main .news-mt .img-div{ height:295px !important;}
.news-main .news-qy .tit, .news-main .news-mt .tit{ left:176px !important; top:-166px !important;}
.news-qy a, .news-mt a{ font-size:24px !important; line-height:38px !important;}
.news-qy p, .news-mt p{ font-size:20px !important; line-height:36px !important; height:112px !important;}
.news-main .faq h5{ font-size:28px !important;}
.strong_tit_style_new{ font-size:18px !important; }
.news-main .faq .que span,.news-main .faq .ans span{ width:30px !important; font-size:16px !important; height:30px !important; line-height:30px !important;}
.strong_tit_style_new{ height:20px !important;}
.news-main .faq a{ font-size:22px !important;}
.news-main .faq .que{padding: 18px 0 18px 0 !important;}
.ye_content{ height:300px !important;}
.yecx-con .tit span{ font-size:26px !important;}
.ye_closeT{ width:26px !important; height:26px !important; margin-top:20px !important; margin-right:24px !important;}
.yecx-con .tit{ margin-bottom:20px !important;}
.yecx-con p{ font-size:24px !important;}


}



@media (max-width: 768px) {
/*------ 首页 ------*/
.citycard{ margin-bottom:0;}
.banner_index{ margin-top:56px; height:400px;}
.banner_index .item{ top:418px;}
.banner_main .prev,.next{ top:226px;}
.banner_main .prev{ left:26px;}
.banner_main .next{ right:26px;}
.banner_main .slide img{ position:static; height:auto; left:0; margin-left:0px;}
.index_banner_img1{ content: url('../images/index_banner_img1.jpg');}
.index_banner_img2{ content: url('../images/index_banner_img2.jpg');}
.index_banner_img3{ content: url('../images/index_banner_img3.jpg');}
.index_banner_img4{ content: url('../images/index_banner_img4.jpg');}
.index_banner_img5{ content: url('../images/index_banner_img5.jpg');}
.index_banner_img6{ content: url('../images/index_banner_img6.jpg');}
.index_banner_img7{ content: url('../images/index_banner_img7.jpg');}
.banner_main .prev, .next{ width:22px;}
.banner_main .next{ right:18px;}
.banner_main .prev{ left:18px;}
.tit_type .big_font{ font-size:20px;}
.tit_type img{ width:20%; margin:0 40%;}
.tit_type p{ font-size:14px;}
.function-main{ width:90%;}
.content-box .panel-img-box{ width:100%; height:auto; float:none; padding:0; flex:1 0 auto; overflow:hidden; position:relative; margin-right:0px; margin-bottom:0px;}
.citycard{ height:auto;}
.content-box .panel-img-box .text-box{ position:static; background-color:#f1f1f1; width:auto; padding:16px 20px;}
.content-box .panel-img-box .mask{ display:none;}
.content-box .category{ font-size:18px; color:#333; font-weight:bold; text-shadow:none; margin-bottom:12px;}
.content-box .read-more span{ font-size:14px; color:#fff; background:#0098ff; padding:6px 12px; border-radius:60px;}
.content-box .panel-img-box .text-box .read-more{ opacity:1; margin-bottom:8px;}
.content-box .panel-img-box .text-box{ height:auto; border-radius:0 0 8px 8px !important;}
.cooperate{ margin:0px 0px 30px 0px}
.cooperate a{ height:266px; background: url(../images/bg-2.jpg) top no-repeat; background-size:100%;}
.news-main{ width:90%; margin:10px auto; height:auto;}
.news-div{ width:100%; padding-right:0px; padding-left:0px; margin-right:auto; margin-left:auto;}
.news-main .news{ float:none; width:100%;}
.news-main .news-qy, .news-main .news-mt{ width:100%; padding:16px; background:#f7f7f7; border:1px solid rgba(0, 0, 0, 0.06); margin-right:0px; margin-bottom:20px;}
.news-main .news-qy .img-div, .news-main .news-mt .img-div{ width:100%; height:164px; margin-bottom:20px;}
.news-main .news-qy img, .news-main .news-mt img{ width:100%; height:auto;}
.news-qy a,.news-mt a{ width:100%; font-size:18px; font-weight:700; text-transform:uppercase; line-height:30px; color:#484848; display:inline-block; text-align:left;}
.tit_style_new{ height:auto;}
.news-main .news-qy .tit, .news-main .news-mt .tit{ left:62px; top:-104px;}
.news-main .faq{ width:100%; padding:16px;}
.strong_tit_style_new { width:88%;}
.news-qy .more, .news-mt .more{ width:auto;}
.ye_content{ width:80%; height:172px; left:10%; margin:0; top:38%; background-size:100%; background-repeat:no-repeat;}
.ye_closeT{ width:18px; height:18px; background-size:100%;}
.yecx-con{ width:100%; padding:4px 16px 0 16px;}
.yecx-con .tit img{ width:32%;}
.yecx-con .tit span{ font-size:14px;}
.yecx-con .tit{ margin-bottom:6px;}




}
@media screen and (min-width:414px) and (max-width:430px){
.banner_index{ height:458px;}
.banner_index .banner_box,.banner_index .slide{ height:458px;}
.banner_index .prev,.next{ top:250px;}
.banner_index .item {top:476px;}
.news-main .news-qy .tit, .news-main .news-mt .tit{ left:78px; top:-130px;}
.cooperate a{ height:302px;}


}
@media (width:430px){
.banner_index{ height:476px;}
.banner_index .banner_box,.banner_index .slide{ height:476px;}
.banner_index .prev,.next { top:260px;}
.banner_index .item{ top:496px;}
}


@media (min-width:375px) and (max-width:390px) {
.banner_index .item{ top:442px;}
.cooperate a{ height:278px;}
.news-main .news-qy .tit, .news-main .news-mt .tit{ left:70px; top:-110px;}

}
@media (width:428px){
    .banner_index{ height:480px;}
	.banner_index .banner_box, .banner_main .slide{ height:480px;}
	.banner_index .prev, .next{ top:270px;}
	.banner_index .item{ top:490px;}
	.cooperate a { height:312px;}
	.news-main .news-qy .tit, .news-main .news-mt .tit { left:88px; top:-140px;}
}
@media (width:480px){
.banner_index{ height:530px;}
.banner_index .slide{ height:530px;}
.banner_index .prev,.next { top:288px;}
.banner_index .item { top:552px;}
.cooperate a{ height:356px;}
.news-main .news-qy .img-div, .news-main .news-mt .img-div{ height:226px;}
.news-main .news-qy .tit, .news-main .news-mt .tit {left:112px;top:-132px;}

}