@charset "utf-8";/* CSS Document */
/*
* @description: 网站首页样式
* @author: ishang_pan
* @update: ishang_pan (2018-05-08 15:10)
*/

/*首页 on*/
.m-titlestyle{height: 38px; line-height: 37px; border-bottom: 1px solid #ddd;}
.m-titlestyle a{float: left; display: inline-block; padding: 0 24px; border-bottom: 2px solid #5585e7; font-size: 18px; font-weight: bold; color: #5585e7;}

.m-tabstyle{height: 38px; line-height: 37px; border-bottom: 1px solid #ddd;}
.m-tabstyle ul li{float: left;}
.m-tabstyle ul li a{display: block; padding: 0 24px; font-size: 18px; font-weight: bold;}
.m-tabstyle ul li.u-active a{border-bottom: 2px solid #5585e7; color: #5585e7;}

.m-liststyle ul li{line-height: 34px; padding-left: 14px; background: url(../images/home/icon-li.png) left center no-repeat;}
.m-liststyle ul li span{float: right; font-size: 13px; color: #999;}
.m-nav{width: 100%; background: #5585e7;}
.g-nav{margin: 0 auto; width: 1200px; height: 60px; line-height: 60px;}
.g-nav ul li{float: left; width: 171px; height: 60px;}
.g-nav ul li a{display: block; font-size: 18px; font-weight: bold; color: #f5f5f5; padding-left: 74px; background-image: url(../images/home/icon-nav.png); background-repeat: no-repeat;}
.g-nav ul li a:hover{background-color: #3267d2;}
.u-nav01 a{background-position: 0 0;}
.u-nav02 a{background-position: -200px 0;}
.u-nav03 a{background-position: -400px 0;}
.u-nav04 a{background-position: -600px 0;}
.u-nav05 a{background-position: -800px 0;}
.u-nav06 a{background-position: -1000px 0;}
.u-nav07 a{background-position: -1207px 0;}
.m-daoyu{background: url(../images/home/bg-daoyu.png) no-repeat; height: 140px; padding: 90px 35px 20px 35px; overflow: hidden; box-shadow: 0px 5px 15px -9px #000;}
.m-daoyu p{font-size: 17px; line-height: 35px; text-indent: 2em;}
.m-box1{margin: 10px 0; padding: 10px; background: #fff;}
.m-openbtns{width: 235px; height: 385px; margin-right: 10px;}
.m-openbtns ul li{line-height: 60px; margin-bottom: 5px;}
.m-openbtns ul li a{display: block; padding-left: 21px; font-size: 18px; background: #ebebeb;}
.m-openbtns ul li span{float: left; display: block; margin-right: 10px; width: 44px; height: 60px; background: url(../img/sss.png) no-repeat; transition: .8s;}
.m-openbtns ul li a:hover span{transform: rotateY(360deg);}
.m-openbtns ul li.u-openic01 span{background-position: 0 0;}
.m-openbtns ul li.u-openic02 span{background-position: 0 -60px;}
.m-openbtns ul li.u-openic03 span{background-position: 0 -120px;}
.m-openbtns ul li.u-openic04 span{background-position: 0 -180px;}
.m-openbtns ul li.u-openic05 span{background-position: 0 -240px;}
.m-openbtns ul li.u-openic06 span{background-position: 0 -300px;}
.m-flash,.m-flash .bd,.m-flash .bd ul li,.m-flash .bd ul li img{width: 530px; height: 385px;}
.m-flash .bd,.m-flash .bd ul li img{position: absolute; left: 0; top: 0;}
.m-flash{overflow: hidden; position: relative;}
.m-flash .bd ul li{position: relative;}
.m-flash .bd ul li img{display: block;}
.m-flash .bd ul li p{width: 530px; height: 35px; line-height: 35px; text-indent: 10px; color: #fff; font-size: 16px; background: rgba(0,0,0,0.5); position: absolute; left: 0;bottom: 0;}
.m-flash .hd{width: 90px; height: 10px; position: absolute; right: 2px; bottom: 12px;}
.m-flash .hd ul li{width: 10px; height: 10px; border-radius: 50%; background: #fff; float: left; margin-right: 8px;}
.m-flash .hd ul li.on{background: #5585e7;}
.m-notice{width: 395px; height: 385px;}
.m-notice .m-liststyle ul{padding: 8px 10px 0;}
.m-fiveopen{height: 341px; padding: 10px; background: #fff;}
.m-fivetab{height: 45px; line-height: 45px; background: #f5f5f5;}
.m-fivetab a.u-tit{float: left; display: inline-block; padding: 0 33px; background: #5585e7; font-size: 22px; font-weight: bold; color: #fff;}
.m-fivetab ul li{float: left; margin-left: 50px;}
.m-fivetab ul li a{display: inline-block; padding: 0 21px; font-size: 18px;}
.m-fivetab ul li.u-active a{border-top: 2px solid #5585e7; background: #fff; line-height: 43px;}
.m-fivelist{margin: 12px auto; width: 1160px; overflow: hidden;}
.m-fivelist ul{zoom: 1; width: 1300px;}
.m-fivelist ul li{float: left; margin-right: 20px; width: 546px; padding-right: 20px; border-right: 1px dashed #ddd;}
.m-sdly{margin: 10px 0; height: 206px; padding: 10px; background: #fff;}
.m-lytab{ height: 44px; line-height: 44px; border-bottom: 1px solid #5585e7;}
.m-lytab ul{}
.m-lytab ul li{float: left;}
.m-lytab ul li a{display: inline-block; padding: 0 21px; font-size: 22px;}
.m-lytab ul li.u-active a{font-weight: bold; color: #fff; background: #5585e7;}
.m-lybox{padding: 21px 0 8px;width:1180px; overflow:hidden; overflow-x:scroll;}
.m-lybox ul{ width:1350px;}
.m-lybox ul li{float: left; width: 114px; height: 114px; margin-left: 30px; text-align: center;}
.m-lybox ul li a{display: block; line-height: 18px; font-size: 16px; border: 5px solid #c1deff; border-radius: 50%; background-color: #4d7fe4; color: #fff; background-repeat: no-repeat; transition-duration: 0.6s; -webkit-transition-duration: 0.6s; -moz-transition-duration: 0.6s; -ms-transition-duration: 0.6s; -o-transition-duration: 0.6s;}
.m-lybox ul li a:hover{box-shadow: 0px 5px 15px -9px #000; margin-top: -5px;}
.m-lybox ul li.u-dh a{padding: 61px 0 25px;}
.m-lybox ul li.u-sh a{padding: 61px 0 7px;}
.m-sd ul li a{background-image: url(../images/home/icon-sdly.png);}
.u-ly01 a{background-position: 0 0;}
.u-ly02 a{background-position: -104px 0;}
.u-ly03 a{background-position: -208px 0;}
.u-ly04 a{background-position: -312px 0;}
.u-ly05 a{background-position: -416px 0;}
.u-ly06 a{background-position: -520px 0;}
.u-ly07 a{background-position: -624px 0;}
.u-ly08 a{background-position: -730px 0;}
.u-ly09 a{background-position: -830px 0;}
.m-ctads{width: 1200px; height: 90px; overflow: hidden; margin: 10px 0;}
.m-ctads ul{zoom: 1; width: 1300px;}
.m-ctads ul li{float: left; margin-right: 10px; width: 394px; height: 90px; overflow:hidden;}
.m-ctads ul li img{display: block; width: 394px; height: 90px;}
.m-listbox{width: 373px; height: 251px; padding: 10px; background: #fff;}
.m-listbox .hd{margin-top:10px; height: 30px; line-height: 30px;}
.m-listbox .hd ul li{float: left; margin-right: 10px;}
.m-listbox .hd ul li a{display: inline-block; padding: 0 24px; font-size: 14px; color:#fff; background:#bbb; border-radius: 24px;}
.m-listbox .hd ul li.u-active a{background:#5585e7;}
.m-listbox .bd{padding: 6px 10px 0;}
.u-ml10{margin-left: 10px;}
.m-btads{width: 1200px; height: 80px; margin: 10px 0; overflow: hidden;}
.m-btads ul li{width: 292px; height: 80px; float: left; margin-right: 10px;}
.m-btads ul li img{display: block; width: 292px; height: 80px;}
.m-linktab{height: 50px; line-height: 50px; background: #fff;}
.m-linktab span{float: left; display: block; padding-left: 31px; margin: 0 20px 0 71px; font-size: 16px; background: url(../images/home/icon-link.png) left center no-repeat;}
.m-linktab ul li{float: left; margin-left: 20px; display: inline-block; padding: 0 60px 0 39px; font-size: 15px; cursor: pointer; background-image: url(../images/home/bg-link.png); background-repeat: no-repeat; background-position: right center;}
.m-linktab ul li.u-active{background-color: #ddd; color: #5585e7;}
.m-linkbox{padding: 10px; background: #ddd;}
.m-linkbox ul li{float: left; width: 168px; line-height: 32px;}
/*首页 end*/

/*便民服务 on*/
.m-servicebox{margin-bottom: 15px; background: #fff;}
.m-serbd{padding: 0 10px 40px;}
.m-bigmap img{display: block; width: 1180px; height: 100px;}
.m-serbtns{width: 784px; overflow: hidden;}
.m-serbtns ul{zoom: 1; width: 800px;}
.m-serbtns ul li{float: left; margin: 20px 20px 0 0; width: 180px; height: 130px; text-align: center;}
.m-serbtns ul li a{display: block; padding: 81px 0 22px; font-size: 18px; color: #5585e7; background-color: #f4f4f4; background-image: url(../images/page/icon-service.png); background-repeat: no-repeat;}
.m-serbtns ul li a:hover{background-color: #afc9ff;}
.m-serbtns ul li.u-ser01 a{background-position: 0 0;}
.m-serbtns ul li.u-ser02 a{background-position: -180px 0;}
.m-serbtns ul li.u-ser03 a{background-position: -360px 0;}
.m-serbtns ul li.u-ser04 a{background-position: -540px 0;}
.m-serbtns ul li.u-ser05 a{background-position: -720px 0;}
.m-serbtns ul li.u-ser06 a{background-position: -900px 0;}
.m-serbtns ul li.u-ser07 a{background-position: 0 -130px;}
.m-serbtns ul li.u-ser08 a{background-position: -180px -130px;}
.m-serbtns ul li.u-ser09 a{background-position: -360px -130px;}
.m-serbtns ul li.u-ser10 a{background-position: -540px -130px;}
.m-serbtns ul li.u-ser11 a{background-position: -720px -130px;}
.m-serbtns ul li.u-ser12 a{background-position: -900px -130px;}
.m-bmyg{margin-top: 20px; width: 375px;}
.m-bmyg h1{height: 45px; line-height: 45px; background:#f5f5f5;}
.m-bmyg h1 a{float: left; display: block; padding: 0 29px; background: #5585e7; color:#fff; font-weight: bold; font-size: 18px;}
.m-bmyg ul{padding: 10px 10px 0;}
.m-bmyg ul li{line-height: 36px; background: url(../images/home/icon-li.png) left center no-repeat;}
.m-bmyg ul li a{font-size: 16px; padding-left: 15px;}
/*便民服务 end*/

.branch-list{ padding:10px 0 0 20px;}
.branch-list li{ width:90px; height:30px; line-height:30px; background:url(../images/home/icon-li.png) left center no-repeat; padding-left:14px; float:left;}