@charset "utf-8";
html{ /*font-size:62.5%;*/}
body{ padding:0px; margin:0px auto; /*font-size:1.6em;*/ font-size:12px; font-family: Microsoft YaHei,arial,'宋体'; color:#585858; 
min-width:320px; 
max-width:640px;

/*禁用Webkit内核浏览器的文字大小调整功能*/
-webkit-text-size-adjust:none;

/*取出点击出现半透明的灰色背景*/
-webkit-tap-highlight-color:rgba(0,0,0,0); -webkit-tap-highlight:rgba(0,0,0,0); 

/*控制内容的可选择性*/
-webkit-user-select: none;  
-ms-user-select: none;
-moz-user-select: none;
-khtml-user-select: none;
user-select: none;

/*设置字体的抗锯齿或者说光滑度*/
-webkit-font-smoothing: antialiased;
position: relative;
overflow-x: hidden;
}
ul,li,form, dl,dt,dd, div{ padding:0px; margin:0px;}
.ul,.ul li{ list-style: none; margin: 0;}
.h1,.h2,.h3,.h4,.h5,.h6,.p{ padding:0px; margin:0px;}
select,input,em,textarea{ font-size:1em; font-style:normal; color:#585858; font-family:Microsoft YaHei; border-radius:0; -webkit-border-radius:0;}
img,object{ border:none; border:0; overflow:hidden; vertical-align:top;}
a{ color:#585858; text-decoration:none; noline:-webkit-tap-highlight-color:rgba(0,0,0,0);}  /* 去掉链接触摸高亮 */
a:focus {outline:none; -moz-outline:none;}
.hide{ display:none;} /*设置隐藏元素*/

/*清楚浮动*/
.clear{ clear:both; height:0px; overflow:hidden; zoom:0;}

/*页面框架*/
.Contain{}
.Contain .con{padding: 2%;}
.Contain .content{padding: 2%;}
.Contain .content img{max-width: 100%;}
.SinglePage{padding-bottom: 15%;}
/*字体、图片单位可以直接使用px*/

.header{width: 100%; height: 50px; padding: 2% 0; position: relative; text-align: center; }
.header .title{font-size: 18px; line-height: 46px; color: #dd0b16; }
.header_menu{width: 30px; height: 20px; position: absolute; top: 50%; margin-top: -10px; left: 10px; background: url(../images/icon_menu.png) 0 0 no-repeat; background-size: 100% 100%;}
.header .logo{position: absolute;width: 55%;left: 50%;margin-left: -27%;top: 28%;}
.header .logo img{width: 100%;}
.header_r{position: absolute; height: 20px; right: 0; top: 50%; margin-top: -10px; font-size: 14px;}
.header_r a{float: left;}
.header_r em{margin: 0 5px; float: left;}
.header_r .search{width: 26px; height: 17px; margin-top: 3px; display: inline-block; background: url(../images/icon_search.png) 0 50% no-repeat; background-size: contain;}

.searchBox{height: 30px; padding: 5px; width: 60%; border-radius: 12px; position: absolute; top: 70px; right: 0; background: #fff; z-index: 2; display: none;}
.searchBox .text{width: 84%; height: 28px; float: left; border: none; font-size: 14px; background: #f4f4f4;}
.searchBox .btn{float: right; width: 15%; height: 28px; background: url(../images/icon_search.png) 50% 50% no-repeat;}


/** 测边面板 **/
.menu{width:250px; height: 100%; overflow-y: scroll; border-left: 3px solid #E50011; position:fixed; top:0; left:0; background:#fff; z-index:9;
-webkit-transform: translate(-253px,0);
-moz-transform: translate(-253px,0);
-ms-transform: translate(-253px,0);
transform: translate(-253px,0);
-webkit-transition:300ms; -moz-transition:300ms; -ms-transition:300ms; transition:300ms;
}
.menu li a{height:40px; line-height:40px; color:#666; display:block; padding:0 35px; border-bottom:1px solid #e5e5e5; white-space:nowrap; text-overflow:ellipsis; overflow:hidden; font-size: 14px;position: relative;}
.menu li a i{width: 20px; height: 20px; position: absolute; top: 50%; margin-top: -10px; left: 10px; background-size: 100% 100%;}

.menu.on{
-webkit-transform: translate(0,0);
-moz-transform: translate(0,0);
-ms-transform: translate(0,0);
transform: translate(0,0);
}

.menu_list{}
.sub_menu ul li dd a{background: #fff; border-bottom:1px solid #e3e3e3;}
.menu_iconH i{background: url(../images/sub_menu1.png) 0 50% no-repeat; }
.menu_icon1 i{background: url(../images/sub_menu2.png) 0 50% no-repeat; }
.menu_icon2 i{background: url(../images/sub_menu3.png) 0 50% no-repeat; }
.menu_icon3 i{background: url(../images/sub_menu4.png) 0 50% no-repeat; }
.menu_icon4 i{background: url(../images/sub_menu5.png) 0 50% no-repeat; }
.menu_icon5 i{background: url(../images/sub_menu6.png) 0 50% no-repeat; }
.menu_icon6 i{background: url(../images/sub_menu7.png) 0 50% no-repeat; }
.menu_icon7 i{background: url(../images/sub_menu8.png) 0 50% no-repeat; }

.menu2 li a.tit{color: #e60012;padding: 0 30px;}

.mtitle{margin-top: 15%;background: #fffce6;border-bottom: 1px solid #e5e2cf;border-top: 1px solid #e5e2cf;}
.mtitle a{height:40px; line-height:40px;font-size: 14px;color: #666; display:block; padding:0 35px; white-space:nowrap; text-overflow:ellipsis; overflow:hidden;position: relative;}
.mtitle i{width: 20px; height: 20px; position: absolute; top: 50%; margin-top: -10px; left: 10px; background-size: 100% 100%;}

.sibtn{text-align: center;margin-top: 15%;}
.sibtn a{color: #fff;padding: 2% 5%;background: #dd0b16;border-radius: 50px;}
.sibtn a:first-child{margin-right:2%;}
.menu_bg{width: 100%; height: 100%; position: fixed; top: 0; left: 0; display: none; z-index: 1; background: rgba(0, 0, 0, 0.5);}
/*Top*/


.HomeBan{position: relative; width: 100%; }
.HomeBan ul li img{width: 100%;}
.Home_BanTab{position: absolute; bottom: 14px;  left: 0; width: 100%; text-align: center;}
.Home_BanTab a{width:12px; height: 12px;  margin: 0 3px;display: inline-block; border-radius: 50%; border: 2px solid #999;}
.Home_BanTab a.on{background: #e60012; border: 2px solid #e60012;}

.Home_nav{margin:10px 0; overflow: hidden;border-top: 1px solid #f1f1f1;border-bottom: 1px solid #f1f1f1;}
.Home_nav ul{margin-top: -2px;}
.Home_nav ul li{width: 25%; float: left; text-align: center; border-top: 1px solid #f1f1f1; background: url(../images/nav_bg.png) 0 0 repeat-y;}
.Home_nav ul li img{width: 60%;}
.Home_nav ul li a{display: block; padding: 6%; }
.Home_nav ul li span{display: inline-block; font-size: 14px; margin-top: 5%;width: 90%;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;}

.Home_ann{padding: 0 2%;}
.Home_annBox{width: 100%; height: 70px; border-radius: 10px; border: 1px solid #f0f0f0; background: #f8f8f8;}
.Home_annL{width: 20%; padding-left: 8%; height: 70px; font-weight: bold; color: #dd0b16; line-height: 70px; border-right: 1px solid #f0f0f0; float: left; background: url(../images/icon_star.png) 8% 50% no-repeat;  font-size: 14px;}
.Home_annR{float: left; width: 60%;  padding: 2% 0 2% 5%;}
.Home_annR a{display: block; height: 25px; line-height: 24px; font-size: 14px; white-space: nowrap; text-overflow: ellipsis; overflow: hidden;}
.Home_annNew{padding-left: 20%; background: url(../images/icon_new.png) 0 50% no-repeat;}
.Home_annNew ul li{width: 100%; padding: 0 10px;}
.Home_annHot{padding-left: 20%; background: url(../images/icon_hot.png) 0 50% no-repeat;}

.Home_news{padding: 0 2%; margin: 3% 0;}
.Home_newsBox{border: 1px solid #efefef;}
.Home_newsTop{position: relative; border-bottom: 1px solid #efefef; height: 45px; line-height: 45px;}
.Home_newsTab ul li{float: left;}
.Home_newsTab ul li a{font-weight: bold; height: 42px; padding: 0 20px; font-size: 16px; color: #333;}
.Home_newsTab ul li.on a{color: #dd0b16; display: block; border-bottom: 3px solid #dd0b16;}
.Home_newsMore{width: 50px; height: 45px; padding-right: 25px; position: absolute; right: 2%; top: 0; background: url(../images/icon_arrowL.png) 100% 50% no-repeat; font-size: 14px; text-align: right;}
.Home_newList{padding:0 5%; margin: 3% 0; overflow: hidden;}
.Home_newList ul{margin-top: -2px; display: none;}
.Home_newList ul.on{display: block;}
.Home_newList ul li{padding: 10px 0; border-top: 1px dotted #e2e2e2;}
.Home_newList ul li .title{font-size: 16px; color: #333;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;width: 100%;display: inline-block;}
.Home_newText{font-size: 14px; height: 45px; margin-top: 10px; color: #999;}

.Home_pro{padding: 0 2%;}
.Home_pro2{margin: 5% 0;}
.Home_pro .title{position: relative;height: 42px;line-height: 42px;border-bottom: 1px solid #f1f1f1;}
.Home_pro .title h3{padding: 0 20px;width: auto; font-size: 16px; color: #dd0b16;display: inline-block; border-bottom: 3px solid #dd0b16;background: url(../images/icon_tip4.png) no-repeat left center;background-size: 16% auto;}
.Home_pro .main{width: 100%;overflow: hidden;margin-top: 5%;}
.Home_pro li{width: 100%;margin-bottom: 5%;}
.Home_pro li .left{width:25%;position:relative;display: inline-block;background: #f7f6f4; border-radius:100px ;}  
.Home_pro li .left:after{content:'';display: block;margin-top: 100%;}  
.Home_pro li .left .cont{position:absolute;left:0;right:0;top:0;bottom: 0;text-align: center;}
.Home_pro li .left h3{color: #da2128;font-size: 22px;font-weight: normal;margin-top: 15%;}
@media(max-width:320px){
.Home_pro li .left h3{font-size: 18px;}
}
.Home_pro li .left p{color: #666;}
.Home_pro li .right{position: relative;float: right;width: 72%;margin-top: 2%;background: url(../images/icon_arrowL2.png) no-repeat right 2% center;}
.Home_pro li .right h3{font-size: 16px;color: #333;margin-bottom: 1%;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;width: 90%;}
@media(max-width:320px){
.Home_pro li .right h3{font-size: 14px;}
}
.Home_pro li .right p{color: #999;line-height: normal;}
.Home_pro li .right span{color: #dba626;}
.Home_pro li .right .more{position: absolute;bottom: 0;}

.footer_list{ border-top: 1px solid #e1e1e1;  border-bottom: 1px solid #e1e1e1;}
.footer_list ul li{width: 50%; text-align: center; float: left; padding: 3% 0; background: url(../images/nav_bg.png) 0 0 repeat-y; line-height: 36px;}
.footer_list ul li span{font-size: 14px;}
.copyright{padding: 20px 0; text-align: center;}

.Current{height: 30px; line-height: 30px; font-size: 14px; background: #e5e5e5; padding: 2% 40px; background: #e5e5e5 url(../images/icon_home.png) 2% 50% no-repeat;}

.proL{width: 30%; float: left;}
.proL ul{border-top: 1px solid #e5e5e5;}
.proL ul li{ border-bottom: 1px solid #e5e5e5;}
.proL ul li a{padding: 10% 0 10% 10%; font-size: 14px; color: #333; display: block; border-right: 1px solid #e5e5e5; }
.proL ul li.on a{background: #fafafa; color: #dd0b16;border-right: none;}
.proR{width: 66%; padding: 2%; float: right; background: #fafafa;}
.proR_t img{width: 100%;}

/*新闻中心*/
.news{padding: 0 2%;margin-bottom: 5%;}
.news ul li{padding: 16px 0; border-bottom: 1px solid #d5d5d5; }
.news ul .first{padding: 23px 0;}
.news ul .first .news_pic{width: 33%; float: left;}
.news ul .first .news_pic img{width: 100%;}
.newsCon{float: right; width: 65%;}
.newsTitle{color: #333; font-size: 16px;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;width: 100%;display: inline-block;}
.newsText{color: #838383;text-indent: 2em;}
.newsTime{color: #c8c8c8;}

/*小微金融*/
.xwList{width: 100%;padding: 5% 0 50%;}
.xwList ul li{padding: 5% 0; border-bottom: 1px solid #d5d5d5; }
.xwList li:last-child{border-bottom: none;}
.xwList ul li .news_pic{width: 33%; float: left;}
.xwList ul li .news_pic img{width: 100%;}
.xwList .newsCon{float: right; width: 65%;}
.xwList .newsTitle{color: #333;font-size: 16px;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;width: 100%;display: inline-block;}
.xwList .newsText{color: #838383;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;width: 100%;}
.xwList .newsTime{color: #c8c8c8;}

.detailedTop{padding: 20px;  text-align: center; border-bottom: 1px solid #d5d5d5;}
.detaileTitle{font-size: 18px;}
.detailedTop .time{font-size: 14px; color: #a3a2a2;}
.detailed .content{padding: 20px 2%; font-size: 14px; }
.detailed .content img{max-width: 100%;}
.detailed .return{width: 35%; height: 40px; display: block; line-height: 40px; text-align: center; background: #e5e5e5; margin: 20px auto; border-radius: 20px; font-size: 14px;}

/*联系我们*/
.contact_map{width: 100%;height: 300px;border: 1px solid #f5f5f5;margin:auto;}
.mapcont{padding: 5%;}
.CompnyName{font-size: 15px;color: #333;margin-bottom: 1%;}

/*标题列表*/
.news_list{padding: 5% 2%;}
.news_list li{clear: both;overflow: hidden;width: 100%;padding: 2% 0;border-bottom: 1px solid #eee;}
.news_list li h3{color: #333;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;width: 80%;display: inline-block;}
.news_list li time{float: right;color: #666;}

/*快捷服务*/
.businessList{padding: 0;background: #fff;border-top: 1px solid #eeedeb;margin: 5% 0;border-bottom: none; }
.businessList ul li{border-bottom: 1px solid #f1f1f1;width: 33.33%;border-top: none;}