@charset "utf-8";
a{color:#666;}
a:hover{color:#337ab7;}
.product-list a:hover{border:1px solid #0390c3!important;}
.c-c4e5fb{color:#c4e5fb;}
.va-m{vertical-align: middle;}
.w878{width:878px;}
.w306{width:306px;}
.w230{width:230px;}
.w647{width:647px;}
.w124{width:124px;}
.w130{width:130px;}
.w970{width:970px;}
.wd194{width:194px;}
.wd388{width:388px;}
.w160{width:160px;}
.mr16{margin-right:16px;}
.panel-heading{padding: 13px 0;border-bottom: 1px solid #f3f3f3;border-top-left-radius: 0;border-top-right-radius: 0;}
.panel-heading .panel-title{padding:0 15px;border-left: 5px solid #62a8ea;line-height: 1;}
#floorContent .flo-list:nth-child(2n){border-left: 1px solid #f3f3f3;}
#floorContent .flo-list:nth-child(1){border-bottom: 1px solid #f3f3f3;}
#floorContent .flo-list:nth-child(2){border-bottom: 1px solid #f3f3f3;}
.border-left{border-left: 1px solid #f3f3f3;box-sizing: border-box;calc(100% - 205px)}
.border{border: 1px solid #f3f3f3;box-sizing: border-box;}
.border-right{border-right: 1px solid #f3f3f3;box-sizing: border-box;}
.border-top{border-top: 1px solid #f3f3f3;box-sizing: border-box;}
.advsmall-banner{width:228px;height:406px;}
.carousel-example{width:228px;height:406px;}
#homeMarks li{background:#e5e5e5;}
#homeMarks .active{background:#1577db;}
#carousel-example .carousel-indicators{bottom: -30px;}
.product-list{height:253px;}
.product-list:nth-child(3){border-top:none!important;}
.product-list:nth-child(8),.product-list:nth-child(3){border-right:none!important;}
.floor-adv img{display:block;width:100%;height:100px;}
.footer-ul{background: #f8f8f8;width: 100%;
    background: #f8f8f8;
    height: 95px;}
.footer-ul li{float:left;text-align:center;padding:17px 0;}
.footer-ul li .icon{display: inline-block;height: 58px;width: 58px;background: url(../images/layout-icon.png) no-repeat;}
.footer-ul li:first-child .icon{background-position: -20px -75px;}
.footer-ul li:nth-child(2) .icon{background-position: -98px -75px;}
.footer-ul li:nth-child(3) .icon{background-position: -176px -75px;}
.footer-ul li:nth-child(4) .icon{background-position: -255px -75px;}
.footers{box-shadow: 1px -3px 5px -1px #ccc;}
.input-group-btn>.searchBtn{background: -webkit-linear-gradient(left right, #56c9fd , #1577db); /* Safari 5.1 - 6.0 */
  background: -o-linear-gradient(left right, #56c9fd , #1577db); /* Opera 11.1 - 12.0 */
  background: -moz-linear-gradient(left right, #56c9fd , #1577db); /* Firefox 3.6 - 15 */
  background: linear-gradient(to right, #56c9fd , #1577db); /* 标准的语法 */
  box-shadow: 0 6px 15px #d9e9f9;padding:0 40px;border:none;}
/*top*/
.head-top{background: #ECECEC;;border-bottom:1px solid #eee;height: 31px;width: 100%;}
/*.head-box{box-shadow:0px 1px 10px -1px #ccc;}*/
.top-txt{color: #086133;}
.top-txt:hover{text-decoration: none;}
.head-nav{
    display: flex;
    align-items: center;
    justify-content: space-between;
    width: 100%;
    margin-bottom: 8px;
}
#productName:focus{
    outline: none;
    border: 1px #999999 solid;
    box-shadow: none;
}
.isMyCar a:hover{
    color: #999999 !important;
}
.searchBtn{
    position: absolute;
    top: 2px;
    right: 8px;
    z-index: 99999999;
    background: transparent;
    padding: 0;
}
.searchName{
    position: absolute !important;
    top: 0px;
    line-height: 34px;
    width: 50px;
    text-align: center;
    left:0px;
    z-index: 99999999;
    background: transparent;
    padding: 0;
}
.widthauto{width:auto!important;}
.top-menu{position: relative;}
.navbox-new{position: absolute;left:0;top:36px;z-index:300;min-width: 220px;height: 40px;}
.navbox-new ul li{height: 40px;line-height: 40px;display: block;background-color: rgba(255,255,255,.75);}
.navbox-new ul li a{color: #086133;display: inline-block;font-size: 14px;padding: 0 15px;}
.navbox-new ul li a:hover{background-color:rgba(3,144,195,.5);color: #fff;text-decoration: none;}

.head-erm{background: #fff;padding: 5px;border-radius: 6px;}
.head-erm img{width: 69px;height: 69px;display: block;float:right;}
.head-top .jtdown{width: 0;height: 0;overflow: hidden;border:4px solid transparent;border-top-color:#086133;display: inline-block; vertical-align: middle;margin-left: 5px;}
.head-top .jtup{width: 0;height: 0;overflow: hidden;border:4px solid transparent;border-bottom-color:#086133;display: inline-block; vertical-align: middle;margin-left: 5px;}

/*banner*/
.banner{position: relative;
    z-index: 1;
    box-shadow: 0px -3px 0px 0px #f3f3f3;}
.carousel-s{height:460px;}
.gain-items{position:absolute;top:14px;right:0px;z-index:333;width: 232px;height: 362px;overflow: hidden;}
.gain-items .gain-items-login{padding:22px;width: 232px;height: 105px;background: url(../images/gain-img.jpg) no-repeat center center;}
.gain-items .gain-items-login img{display: block;width: 60px;height: 60px;border-radius:50%;}
.gain-items .gain-items-text{width: 85px;height: 22px;text-align: center;line-height: 22px;padding: 0 10px;    text-overflow: ellipsis; white-space: nowrap;}
.gain-box{margin-top:-1px;width: 232px;height:245px;}
.gain-box .nav-tabs>li{float: left;display: inline-block;margin-bottom: -1px;width: 50%;text-align: center;background: #fff;}
.gain-box .nav-tabs>li.active{background: #eee;}
.gain-box .nav-tabs>li>a {
    margin-right: 0px;
    line-height: 1.42857143;
    border:0;
    border-radius: 0;
}
.HomeTitle{
    margin: 40px 0 20px;
    font-size: 20px;
    color: #333;
    display: flex;
    justify-content: space-between;
    align-items: flex-end;;
}
.HomeTitle span{font-weight: 600}
.HomeTitle a{
    color: #333;
    font-size: 14px;
    display: inline-block;
    float: right;
}
.HomePrevTitle{position: relative;height: 468px;background: #0ca3ff;border-radius: 16px;background-size: 100% 100%}
.HomePrevTitle .title{position: absolute; top: 80px; left: 90px; font-weight: 600;font-size: 48px;color: #FFFFFF;}
.HomePrevTitle .more{position: absolute;bottom: 90px;left: 200px;font-size: 18px;color: #fff;}
.HomePrevTitle .more:hover{color: #D1D1D1!important;}
.HomePrevTitle .big-right{position: relative;height: 108px;width: 108px; margin-left: 30px}
.HomeProduct{
    display: flex;
    justify-content: flex-start;
    flex-flow: wrap;
    margin-left: -10px;
    margin-right: -10px;
}
.spots-title{
    position: relative;
    font-weight: bold;
}
.spots-title:after{
    position: absolute;
    content: '';
    width: 40px;
    height: 6px;
    background: #0082F0;
    border-radius: 4.5px;
    bottom: -15px;
    left: 0;
}

.round-view{ border-radius: 16px; background: #fff;overflow: hidden;}
.spots-top-box-content{
    width: 50%;
}

.spots-top-box{
    background: white;
    position: relative;
    padding: 45px;
}
.spots-top-box .bg-flow1{position: absolute; left: 0; bottom: 0;width: 170px;height: 122px}
.spots-top-box .bg-flow2{position: absolute; left: 40px; bottom: 40px;width: 120px;height: 110px}
.spots-top-box .bg-flow3{position: absolute; right: 0; top: 0px;width: 93px;height: 211px}

/*.spots-top-box > div{*/
/*    display: inline-flex;*/
/*    justify-content: space-around;*/
/*    align-items: center;*/
/*    height: 260px;*/
/*}*/
.spots-inline-box{
    display: inline-block;
    height: 260px;
    z-index: 11;
}
.spots-number{
    font-weight: bold;
}
.spots-number>span{
    font-weight: normal;
}
.productList{
    width: 25%;
    position: relative;
}
.productList>div{
    margin:8px;
    overflow: hidden;
    position: relative;
    background: #FFFFFF;
    box-shadow: 0 0 16px 0 #092e621a;
    border-radius: 16px;
    padding:15px;
}
.productList .IconImg{
    width: 42px;
    height: 42px;
    position: absolute;
    top: 0;
    left: 0;
}
.ProductTitlepa a{
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}
.cn-productList{
    width: 289px;
    height: 440px;
    background: #FFFFFF;
    transition: all 0.5s;
    border-radius: 16px;
    float: left;
}
.ProductImageg{
    display: flex;
    justify-content: end;
    margin-top: 40px;
    margin-bottom: 20px;
    max-height: 180px;
    overflow: hidden;
}
.HomeProduct .ProductTitle{}
.HomeProduct .ProductTitle .title{
    position: relative;
    margin-bottom: 25px;
    font-weight: bold;
}
.HomeProduct .ProductTitle .title:after{
    position: absolute;
    content: '';
    width: 40px;
    height: 6px;
    background: #0082F0;
    border-radius: 4.5px;
    bottom: -15px;
    left: 0;
}
.ProductImageg img{
    max-width: 180px;
    transition: all 0.3s;
}
.ProductImageg img:hover{
    transform: scale(1.05);
}
.HomeProduct .ProductTitle{
    font-size: 20px;
    margin-left: 10px ;
    color: #333;
}
.HomeProduct a:hover{
    color: #333333 !important;
}
.gain-box .nav-tabs>li.active>a, .nav-tabs>li.active>a:focus, .nav-tabs>li.active>a:hover{background-color: #eee;
    border:none;
    border-bottom-color: transparent;
}
.gain-box .deal-list a{white-space: nowrap;width: 180px;display:inline-block;text-overflow: ellipsis;background: none!important;}
.gain-items .gain-items-login .imgs{
border-radius: 0px;
width: 120px;
height: 35px;
margin-left: 30px;

}
.gain-items .gain-items-login .btnOne{
	display:inline-block;
	height: 25px;
    text-align: center;
    line-height: 25px;
    margin-top: 10px;
    width: 50px;
    margin-left: 40px;
}

.gain-items .gain-items-login .btnOne:hover{
	color:#fff!important;
	opacity:0.8;
}
.gain-items .gain-items-login .btnTwo{
	display:inline-block;
	height: 25px;
    text-align: center;
    line-height: 25px;
    margin-top: 10px;
    width: 50px;
    margin-left: 3px;
}

.gain-items .gain-items-login .btnTwo:hover{
	color:#fff!important;
	opacity:0.8;
}
/*楼层*/
.floor {
  margin: 0 auto;
  margin-top: 30px;
}
.floor h4{
  margin-top: 0px;
}
a.more-btn{
  padding:4px  14px;
  display: inline-block;
}
.floor .fh-tit{
	color:#999;
}
.floor .flo-tit{
  font-size: 13px;
  display: inline-block;
  color: #ff6e6e;
  width: 100px;
}
.flo-list {width: 323px; height: 131px!important;background: #fff;}
.flo-list:nth-of-type(4n){margin-right:0;}
.flo-list .pic {margin:15px auto;width: 200px!important; height: 200px!important;}
.flo-list .pic a img{vertical-align: middle;max-width: 200px;max-height: 200px;transition: all 0.6s;}
.flo-list .pic  a img:hover {transform: scale(1.1);}
.flo-list h5 { margin-top: 10px!important;}
.login-box{width:100%!important;}
.w232{width: 232px;}
.w960{width: 960px;}
.advbg-list{width:100%;height:101px;background: #fff;position: relative;padding:23px 20px;background: -webkit-linear-gradient(left right, #56c9fd , #1577db); /* Safari 5.1 - 6.0 */
  background: -o-linear-gradient(left right, #56c9fd , #1577db); /* Opera 11.1 - 12.0 */
  background: -moz-linear-gradient(left right, #56c9fd , #1577db); /* Firefox 3.6 - 15 */
  background: linear-gradient(to right, #56c9fd , #1577db); /* 标准的语法 */
  box-shadow: 0 6px 15px #d9e9f9;
  }
.advsmall-list{width:232px;height:232px;background: #fff;}
.advbg-list .more{  
	position: absolute;
    right: 20px;
    top: 40px;
	display: block;
    width: 24px;
    height: 24px;
    background: #fff;
    color: #1577db;
    border-radius: 50%;
    text-align: center;
    line-height: 24px;}

@media (min-width: 992px) and (max-width: 1200px) {
.flo-list { height: 414px!important;}
.flo-list .pic { height: 148px!important;}
.flo-list h5 { margin-top: 10px!important;}
.login-box{width:100%!important;}
}
@media (min-width: 768px) and (max-width: 992px) {
.flo-list { height: 414px!important;}
.flo-list .pic { height: 168px!important;}
.flo-list h5 { margin-top: 10px!important;}
.login-box{width:100%!important;}
.ht300{height:250px !important;}
}

.index-adv .col-sm-2{
	margin-right: 9px;
	display: inline-block;
	width: 192px;
	height: 192px;
	background: #fff;
	float: left;
}
.index-adv .col-sm-2:last-child{
 margin-right: 0;
}
.index-adv .col-sm-2 img{
 display: inline-block;
 width: 100%;
 height: 100%;
}
.flooradv-box{
 padding:20px 24px 0 24px;
}
.flooradv-box-img{
 padding:5px 24px;
}
/*news*/
.news-adv {width:100%; position: relative; z-index: 0; height: 390px;}
.news-adv .flexslider{height: 100%;}
.news-adv .flexslider .slides_img { width:100%; height: 390px;}
.news-adv .news-ad-text { position: absolute; left: 0; right: 0; bottom: 0; padding: 0px 20px; height: 40px;line-height: 40px; background: #086133;color:#fff;}

.index-info{overflow: hidden;}
.index-info .news-img-fl{position:relative;width:368px;height: 200px;}
.index-info .news-img-fl .news-img-title{position: absolute;z-index: 333;bottom: 0;left: 0;padding:20px;width: 100%;}
.deal-list,.adv-list{height:263px;overflow: hidden;}
.deal-list li{line-height: 38px}
.deal-list-news li{padding:12px 0;}
.deal-list li a{color: #333;font-size: 13px;background-color:#fff; padding-right: 10px;}
.deal-list li a:hover{color: #0390c3;text-decoration: none;}
.deal-list li .dot{width:4px;height: 4px;border-radius:50%;background:#086133;overflow: hidden;display: inline-block;margin-right: 8px; vertical-align: middle;}
.info-list li{margin-bottom: 10px;}
.info-list .info-text{width: 218px;height:95px;border-bottom: 1px solid #eee;}
.info-list .info-text a{display:block;height:54px;line-height: 2;overflow: hidden;}
.news-bulletin li{padding:16px 0;border-bottom: 1px solid #eee;}
.news-bulletin li a{display: inline-block;}
.news-bulletin li span{}
.news-bulletin li .dot {
 width: 4px;
 height: 4px;
 border-radius: 50%;
 background: #086133;
 overflow: hidden;
 display: inline-block;
 margin-right: 8px;
 vertical-align: middle;
}
.news-img .news-img-link{
 width: 168px;
 height: 150px;
}
.news-img .news-img-link:first-child{
 margin-right: 16px !important;
}
.news-img .news-img-link a{
 display: block;
 margin-top: 12px;
}
.news-img .news-img-link img{
 display: block;
 width: 168px;
 height: 105px;
}

/*公告列表*/
#productList li{margin-bottom:24px;border: 1px solid #f5f5f5;box-shadow:0px 15px 10px -15px #ccc;transition: all .2s linear;}
#productList li:hover{box-shadow: 0 15px 30px rgba(0,0,0,.1);transform: translate3d(0,-2px,0);}
#productList li .icon-time{display: inline-block;width: 16px;height: 16px;background: url(../images/icon-time.png) no-repeat center center;vertical-align: -2px;}
#productList li:hover a{color:#0390c3!important;}
.infor-navline{position: relative;z-index: 1;}
.infor-navline .search-box{position: absolute;bottom: 5px;right: 0;}
.infor-navline .search-box .sup-name{padding:5px 22px;width:216px;display:inline-block;border-radius:20px ;height:32px;}
.infor-navline .search-box .sort-btn{position:absolute;right:15px;top:8px;display: inline-block;width: 16px;height: 16px;background: url(../images/serch-icon.png) no-repeat center center;}
.recommended-info li{margin-bottom: 15px!important;line-height:0;}
.recommended-info li img{display: inline-block;width: 60px;height: 60px;}
.recommended-info .info-text{width: 117px;line-height: 1.4;height: 60px;position: relative;}
.recommended-info .info-text p{position: absolute;bottom: 0;left: 0;line-height:1;}
.newsConsultation li{margin-bottom:26px;line-height: 1.2!important;}
.newsConsultation li a{color: #666;font-size: 14px;background-color: #fff;padding-right: 10px;line-height: 1.2;}
.nav-tabs>li.active>a, .nav-tabs>li.active>a:focus, .nav-tabs>li.active>a:hover{color:#333!important;}
.nav-tabs>li>a{line-height: 1!important;}

/* page */
.page ul li{ display: inline-block;}
.page ul li a { display: inline-block; border:1px solid #ddd; padding: 6px 12px;font-size: 14px; color: #333;}
.page ul li:first-child a{color: #ccc;margin-right: 5px;}
.page ul li a:hover{text-decoration: none;}
.page ul li a.on { background:#0390c3 ; color: #fff; border-color:transparent;}
.page-input { width: 40px; height: 31px; border: 1px solid #ddd; text-align: center;}
.page-btn{background:#0390c3 ; color: #fff;height: 30px;width: 48px; text-align: center;}

.my-links{width: 351px;float: left;}
.links-con{padding: 20px 0;}
.links-con a{color: #107c47; display: inline-block;margin-right: 20px;font-size: 14px;line-height: 34px;}
.ind-finance{width: 407px;float:left;margin-left: 22px;}
.ind-pledge{width: 407px;float:right;}

.finan-tit{border-bottom:#107c47 1px solid;line-height: 32px;height:33px;}
.finan-tit .title-text{background:#086133;width:179px;height:32px;line-height:32px;color: #fff;font-size: 16px;
 border-radius: 4px 4px 0 0;display: inline-block;text-align: center;}
.finance{margin-top: 15px;}
.finance img{width:407px;height: 160px;display: block;}


.index-footer{border-top:1px solid #eee;text-align: center;color: #333;font-size: 16px;padding: 30px 0;background: #DADADA; }
.index-footer a{color: #333; }
.index-footer a:hover{color: #0082F0!important; }
.footer-l{height: 70px;border-right: 1px solid #fff;width: 50%;text-align: right;padding-right: 40px;line-height: 38px;}
.footer-r{height: 70px;width: 50%;text-align: left;padding-left: 40px;line-height: 38px;}
.footer-txt{margin-top: 5px;}
.footer-b-l dl {
 float: left;
 width: 20%;
 text-align: left;
}
.footer-b-l dl dt{
 margin-bottom: 10px;
 font-size: 16px;
 color: #333;
  font-weight: 600;
}
.footer-b-l dl>dd>a{
 font-size: 14px;
 color: #333;
 line-height: 26px;
 opacity: 0.8;
}
.footer-b-l dl>dd>a:hover{
    color: #0082F0!important;
}
.pagination {
 margin: 0;
 cursor: pointer;
}
.footer{
 box-shadow: 1px 0px 10px -1px #ccc;
}
.footer .container{padding: 30px 120px 50px;}

.help-menu h3 {
 background: #0390c3 !important;
}
.help-menu-list li {
 padding: 5px 0px;
}
.help-menu-list li .menu_head {
 cursor: pointer;
 font-size: 16px;
 margin-top: 5px;
 margin-bottom: 5px;
 padding-left: 10px;
 border-left: 5px solid #0390c3;
}
.menu_body a {
 display: block;
 padding: 5px 0px;
 padding-left: 20px;
}
.help-menu-list li.active {
 background: #f5f5f5;
}

.help-menu-list li {
 padding: 5px 0px;
}
.font_cfff {
 color: #fff!important;
}

/* 回到顶部 */
/* side */
.side{position:fixed;width:40px;height:auto;right:20px;top:40%;z-index:99;background: #fff;}
.side ul li{background: #a6a6a6;margin-bottom: 1px;}
.side ul li:last-of-type{margin-bottom: 0;}
.side ul li.tool{width:40px;height:50px;float:left;position:relative;text-align: center;}
.side ul li.tool a{text-decoration: none;width: 40px;display: block;height: 50px;}
.side ul li.tool:hover{background: #0390c3 !important;}
.side ul li.current{background: #0390c3 !important;color: #fff;}
.side ul li .backtop{width:40px;height:50px;line-height:50px;display:block;background:#a6a6a6;text-align: center;text-decoration: none;}
.side ul li .backtop:hover{background: #0390c3!important;}

/* leftside */
.leftside{position:fixed;width:45px;height:auto;left:15px;top:0;z-index:99;background: #fff;}
.leftside ul li{background: white;padding:10px 13px}
.leftside ul li:last-of-type{margin-bottom: 0;}
.leftside ul li.tool{width:60px;float:left;position:relative;text-align: center;border-bottom: 1px solid #f3f3f3;height:60px;}
.leftside ul li.tool .icon{display: inline-block;width:36px;height: 36px;background: url(../images/layout-icon.png) no-repeat;}
.leftside ul li:first-child .icon{background-position:-20px -16px;}
.leftside ul li:nth-child(2) .icon{background-position:-75px -16px;}
.leftside ul li:nth-child(3) .icon{background-position:-128px -16px;}
.leftside ul li:nth-child(4) .icon{background-position:-180px -16px;}
.leftside ul li.on .num{display: none!important;}
.leftside ul li.on .word{display: block!important;}

.leftside ul li.tool a{text-decoration: none;width: auto;display: block;color:black}
.leftside ul li.tool a.active{color:lightblue}
.leftside ul li.tool a.word{color:#1577db}
.leftside .scroll-top{width:60px;background: #fff;text-align: center;}
.leftside .scroll-top a{color:#1577db;display: block;
    padding:10px;}
.leftside .scroll-top .fa-chevron-ups{ width:38px;height:38px;display: inline-block;background: url(../images/layout-icon.png) no-repeat -234px -16px;;}

.floor-icon{background: url(../images/floor-icon.png) no-repeat; width: 40px;height: 40px;display: inline-block;}
.fico1{background-position: 0 0px;}
.fico2{background-position: 0 -50px;}
.fico3{background-position: 0 -100px;}
.fico4{background-position: 0 -150px;}
.fico5{background-position: 0 -200px;}
.fico6{background-position: 0 -250px;}
.ewm-wrap {
 position: absolute;
 right: 50px;
 top: -20px;
}
#carousel-s .carousel-inner>.item>a>img,#carousel-s .carousel-inner>.item>img, .img-responsive, .thumbnail a>img, .thumbnail>img{
 height:456px!important;
}
.carousel-control{display: none;}
.carousel-indicators li{background-color: #e5e5e5!important;}
.carousel-indicators .active{background-color: #62a8ea!important;border: 1px solid #62a8ea;}
.gain-container{
 position: absolute;
 top: 0;
 right: 50%;
 margin-right: -600px;
}
.product-ac-item{padding:0!important; }
.product-ac-title{position: relative;height: 74px; line-height: 74px;color: #fff;background: #0b81e3;padding: 0 15px 0 30px;}
.product-ac-title-bg{position: absolute;left: 0;top: 0;width: 100%;height: 100%; }
.product-ac-title span,.product-ac-title p{position: relative;z-index: 1 }

.product-ac-down{ position: relative;height: 80px}
.product-ac-down:before{ position: absolute; content: ''; height: 1px;top: 0; left: 0;right: 0;background-image: linear-gradient(90deg, #d5d5d529 5%, #DEDEDE 53%, #d5d5d500 100%);}