@charset "utf-8";
/*速贷中国成都站 by:cc 20170407*/
*,*:before,*:after {
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box
}
*{margin:0; padding:0; list-style:none;}
body{margin:0px; padding:0px; font-size:14px; font-family: Arial,"微软雅黑"; line-height:20px;color:#b8bfc7;background:#fff;width:100%;}
a{text-decoration: none; color:#33495e;}
a:hover{color:#ea3745;}
ul,li,img,dl,dd,dt,div{margin:0px; padding:0px; border:0px; list-style:none;}
.clear{clear:both; height:0px; overflow:hidden; line-height:0px; font-size:0px;}
.clearfix:after{content:" ";display:block;clear:both;height:0;font-size:0;visibility:hidden;}
.clearfix{zoom:1;}
.cont{width:1180px; margin:0 auto;}
.fl{float:left;}
.fr{float:right;}

/*header,footer*/
.header{background: url(../images/topbg.png) repeat-y center center; width:100%; z-index:999; height:80px;}
.header .cont{height: 100%;}
.logo{float:left; width:25%; height: 100%;}
.logo a{height: 100%; display: block;}
.logo img{height: 100%;}
#nav{float:left; height:80px; width:75%; overflow: hidden;}
#nav li{float:left;background:#be392a;position:relative; z-index:99;}
#nav li a{display:block;font-size:16px; color:#fff; line-height:80px; padding:0 25px; border-right:1px solid #c85d51;}
#nav .hover a{background:#33495e;}
#nav li a:hover{background:#784144;}
#nav li .snav{display:none;}
#nav li .snav li{background:none;}
#nav li:hover .snav{position:absolute; top:80px; left:0px; display:block;padding:0px; margin:0px; z-index:99;width:115px;}
#nav li .snav a{display:block; height:38px; font-size:14px; color:#9aa1aa; line-height:38px; float:none; border-top:1px solid #333;background-image:url(../images/tou.png); border-right:0px; padding:0 0px 0px 25px; margin:0px;width:90px;}
#nav li .snav a:hover{background:#be392a;color:#fff}
.footer{background:#33495e; padding:20px; text-align:center; color:#99a4ae;}
.footer a{color: #c85d51; margin: 0 10px;}
.footer a:hover{color: #f90;}
/*滚动客服*/
.toolb,.toolbar-layer{background:url(../images/toolbar.png) no-repeat;}
.toolbar{position:fixed;right:0px;bottom:40px; z-index:99;}/*假设网页宽度为1200px，导航条在右侧悬浮*/
.toolb{display:block;width:43px;height:43px;margin-top:1px;position:relative;-moz-transition:background-position 1s;-ms-transition:background-position 1s;-o-moz-transition:background-position 1s;-webkit-moz-transition:background-position 1s;transition:background-position 1s;}
.toolb:hover .toolbar-layer{opacity:1;filter:alpha(opacity=100);transform:scale(1);-webkit-transform:scale(1);-moz-transform:scale(1);-ms-transform:scale(1);-o-transform:scale(1);}
.toolbar .qq{background-position:0 0;}
.toolbar .qq:hover{background-position:0 -49px;}
.toolbar .weixin{background-position:0 -99px;}
.toolbar .weixin:hover{background-position:0 -148px;}
.toolbar .weixin .toolbar-layer{height:131px; background:#be392a;}
.toolbar .top{background-position:0 -198px;}
.toolbar .top:hover{background-position:0 -247px;}
.toolbar-layer{position:absolute;right:43px;bottom:-44px;width:120px;opacity:0;filter:alpha(opacity=0);
transform-origin: 95% 95%;-moz-transform-origin: 95% 95%;-ms-transform-origin: 95% 95%;-o-transform-origin: 95% 95%;-webkit-transform-origin: 95% 95%;transform:scale(0.01);
-moz-transform:scale(0.01);-ms-transform:scale(0.01);-o-transform:scale(0.01);-webkit-transform:scale(0.01);transition:all 1s;-moz-transition:all 1s;-ms-transition:all 1s;-o-transition:all 1s;-webkit-transition:all 1s; text-align:center;}
.toolbar-layer img{width:100px; height:100px; margin:0 5px 5px 5px;}
.toolbar-layer i{font-style:normal; color:#fff; padding-top:3px; display:block;}

/* ad */
.flexslider{position:relative;height:600px;overflow:hidden;}
.slides{position:relative;z-index:1;}
.slides li{height:600px; cursor:pointer;}
.flex-control-nav{position:absolute;bottom:10px;z-index:2;width:100%;text-align:center;}
.flex-control-nav li{display:inline-block;width:20px;height:20px;margin:0 6px;*display:inline;zoom:1;}
.flex-control-nav a{display:inline-block;width:20px;height:20px;line-height:100px;overflow:hidden;background:url(../images/dot.png) -30px 0px no-repeat;cursor:pointer;}
.flex-control-nav .flex-active{background-position:0 0;}
.flex-direction-nav{position:absolute;z-index:3;width:100%;top:45%;}
.flex-direction-nav li a{display:block;width:50px;height:50px;overflow:hidden;cursor:pointer;position:absolute;}
.flex-direction-nav li a.flex-prev{left:40px;background:url(../images/prev.png) center center no-repeat;}
.flex-direction-nav li a.flex-next{right:40px;background:url(../images/next.png) center center no-repeat;}

/*公告*/
.gonggao{height:42px; overflow:hidden; line-height:42px; border-bottom:1px solid #eaecef; color:#99a4ae;}
.gonggao b{color:#be392a; float:left; }
.gonggao a{color:#33495e; margin-right:20px; float:left; width:380px;}
.gonggao marquee{float:left; width:600px;}
/*首页其它*/
.ptb30{padding:40px 0px;}
.title{text-align:center; font-size:30px; line-height:46px; color:#be392a;}
.title span{color:#33495e; font-family:Georgia, "Times New Roman", Times, serif;text-transform:uppercase;}
.cent{text-align:center;}
.xiangmu{width:100%; height:250px; margin:20px auto 0px auto; position: relative; }
.xiangmu>.bgImg{display: flex; align-items: center; justify-content: center; width:100%; height: 100%;overflow: hidden;}
.xiangmu>.text{position: absolute; width:100%; height: 100%;z-index: 5;top:0; left: 0;}
.xiangmu .x1{width:1020px; margin:0 auto; overflow:hidden;zoom:1;}
.xiangmu .x1 li{float:left; width:109px; font-family:"宋体"; color:#be392a;text-align:right;}
.xiangmu .x1 .l{text-align:left;}
.xiangmu .x1 .ml{margin-left:133px;}
.xiangmu .img{width:840px; margin:0 auto; position:relative;}
.xiangmu .m1{position:absolute; left:0px; top:10px;}
.xiangmu .m2{position:absolute; left:350px; top:-10px;}
.xiangmu .m3{position:absolute; right:0px; top:8px;}
.xiangmu .x2{width:100%; margin:0 auto; overflow:hidden;zoom:1; margin-top:90px; padding-left:165px;}
.xiangmu .x2 li{float:left; width:109px; font-family:"宋体"; color:#be392a;text-align:left;}
.anli{background:#eaecef;}
.anli ul{overflow:hidden;zoom:1; margin:20px 0px;}
.anli li{float:left; width:23%; margin:10px 1%; line-height:30px; overflow:hidden }
.anli li img{width:100%; height:180px; display:block; margin-bottom:5px;}
.anli li i{font-style:normal; color:#99a4ae; width:100%; display: block; line-height: 16px;}
.anli li p{overflow:hidden;white-space: nowrap;text-overflow: ellipsis; }
.anli li a:hover img{border:3px solid #be392a;}
.anli .more a{display:block; width:260px; height:60px; border:1px solid #be392a; color:#be392a; line-height:60px; font-size:18px; margin:0 auto; text-align:center;}
.anli .more i{font-style:normal; font-family:"宋体"; margin-left:10px;}
.anli .more a:hover,.sbox .more:hover{background:#be392a; color:#fff;}
.sbox{width:33%; float:left; height:430px; position: relative;}
.sbox .title{text-align:left;}
.sbox .title span{font-size:18px;text-transform: capitalize;color:#99a4ae; margin-left:10px;}
.sbox .simg img{width:100%; height:120px; margin-bottom:10px;}
.jianjie:after{content: ""; width: 1px;background:#eaecef; position: absolute; right: 0; top:0; height: 100%;}
.lianxi:before{content: ""; width: 1px;background:#eaecef; position: absolute; left: 0; top:0; height: 100%;}
.jianjie{padding-right: 50px; }
.lianxi{ padding-left: 50px; }
.news{padding-left:50px;padding-right: 50px; }
.jianjie p{font-size:14px; line-height:24px; color:#5c6d7e; height:220px; overflow: hidden; display:block;}
.sbox .more{border:1px solid #be392a; color:#be392a; padding:8px 25px; border-radius:25px;}
.news dt{position:relative;}
.news dt span{position:absolute; top:0; left:0; padding:10px 10px 5px 10px;background:#be392a; color:#fff; text-align:center; font-size:10px;}
.news dt span b{font-size:30px; display:block; font-weight:normal;}
.news dt p,.news dt a p{color:#33495e; font-size:16px;}
.news dt p i,.news dt a p i{font-style:normal; color:#99a4ae; font-size:12px; line-height:18px; display:block; margin:8px 0px 10px 0px; height:36px; overflow:hidden;}
.sbox a:hover img{border:3px solid #be392a;}
.news dt a:hover p{color:#be392a;}
.news dd{line-height:30px; height:30px; overflow:hidden;}
.news dd span{color:#be392a; margin-right:10px;}
.news dl{height:350px;}
.lianxi .bdan{background:#eaecef; border:1px solid #c1c8ce;  margin-bottom:12px; border-radius:8px;}
.lianxi .bdan input,.lianxi .bdan textarea{width:100%; height:30px; border:none; background:none; line-height:30px;padding:10px; font-size:16px; font-family:"微软雅黑", Arial;}
.lianxi .bdan textarea{height:80px;}
.lianxi .btn_apply{background:#be392a; border:1px solid #9d2e21; border-radius:8px;font-family:"微软雅黑", Arial; cursor:pointer; width:100%; color:#fff; font-size:18px; line-height:40px;}
.lianxi .btn_apply:hover{background:#d53c2b;}
.lianxi ul{margin-top:30px;}
.lianxi li{color:#5c6d7e; line-height:28px; background: url(../images/ico_dz.png) no-repeat left center; padding-left:30px;}
.lianxi .dh{ background-image:url(../images/ico_dh.png);}
.lianxi .yx{ background-image:url(../images/ico_yx.png);}

/*关于我们*/
.aboutbg{background:url(../images/about.jpg) no-repeat top center; height:300px; width:100%;}
.weizhi{text-align:right; color:#adb3b9; line-height:40px;}
.weizhi a{padding:0 5px;}
.weizhi span{background:url(../images/sy.png) no-repeat left center; padding-left:20px;}
.leftnav{float:left; width:20%; margin-bottom:40px; color:#8f9ba7;}
.rightbox{float:right; width:78%;margin-bottom:40px;}
.stit{background:#be392a; font-size:24px; line-height:30px; color:#fff; padding:20px 0px 20px 30px;text-transform:uppercase; position:relative}
.stit i{background:url(../images/sjx.png) no-repeat; width:13px; height:20px; position:absolute; top:50%; right:-13px;}
.menu li a{line-height:58px; font-size:18px; color:#33495e; background:#eaecef; margin-top:1px; display:block;}
.menu li i{margin:0 10px 0px 30px;}
.menu .on a,.menu .on a:hover{color:#fff; background:#33495e;}
.menu li a:hover{background:#d6dbdf;}
.rightbox h1{font-size:30px; font-weight:normal; color:#33495e; line-height:40px; padding:20px 50px;}
.rightbox h1 i{font-style:normal; font-size:14px; color:#b8bfc7; line-height:24px; display:block;}
.line{border:1px solid #d6dbdf;}
.textmain{padding:0 50px;}
.textmain img{max-width:810px; overflow: hidden; margin:10px auto;}
.textmain p{font-size:16px; line-height:30px; padding-bottom:20px; color:#8f9ba7;}
.textmain h2{font-size:18px; color:#33495e; font-weight:normal;  padding:10px 0px;}
.ptb20{padding:20px 0px;}

/*项目委托*/
.xiangm{background:url(../images/xiangm.jpg) no-repeat top center; height:300px; width:100%;}
.textmain .fanwei li{font-size:16px; line-height:40px; border:1px solid #d6dbdf; margin:10px 20px 10px 0px; float:left; padding:0 20px;}
.textmain .fanwei{overflow:hidden;zoom:1; margin-bottom:40px;}

/*案例*/
.anlibg,.zuopin,.xinwen,.lianxipic{background:url(../images/anli.jpg) no-repeat top center; height:300px; width:100%;}
.zuopin{background:url(../images/zuopin.jpg) no-repeat top center;}
.xinwen{background:url(../images/news.jpg) no-repeat top center;}
.lianxipic{background:url(../images/lianxi.jpg) no-repeat top center;}
.leftnav h3{font-size:18px; font-weight:normal; color:#33495e;}
.anlist{margin:10px 0px;}
.anlist li{font-size:14px; line-height:24px;}
.anlist li a{color:#5c6d7e;}
.anlist li a i{color:#d6dbdf; padding-right:10px; font-style:normal;}
.anlist li a:hover{color:#ea3745;}
.mt20{margin-top:20px;}
.mt40{margin-top:40px;}
.listimg{overflow:hidden;zoom:1; padding: 0 15px;}
.listimg li{float:left; width:31.3%; overflow:hidden; margin:15px 1%; line-height:24px;}
.listimg li img{width:100%; height:172px; display:block; margin-bottom:5px;}
.listimg li i{font-style:normal; color:#99a4ae;}
.listimg li p{overflow:hidden; height:24px;}
.listimg li a:hover img{border:3px solid #be392a; }
/*news*/
.newslist{margin:0 50px;}
.newslist li{padding:25px 0px; overflow:hidden;zoom:1; border-bottom:1px solid #eaecef;}
.newslist li img{width:130px; height:90px;float:left; margin-right:20px;}
.newslist li h3{font-size:18px; font-weight:normal; line-height:30px;}
.newslist li p{height:40px; overflow:hidden;}
.newslist li i{color:#d6dbdf; font-style:normal;}
.next{padding:20px 0px; margin:20px 50px 0px 50px; border-top:1px solid #eaecef; overflow:hidden;zoom:1;}
.next li{float:left; width:380px; font-size:16px; height:30px; line-height:30px; overflow:hidden;}
.next .fr{float:right;}


/*page*/
.pagebox{text-align:center;overflow:hidden;zoom:1; padding:20px; }
.page{overflow:hidden;zoom:1;margin:0 auto; width:560px; margin:0 auto;}
.page a{float:left; margin:0 2px; border:1px solid #e8ebed; background:#fff; height:40px; line-height:40px; padding:0 15px; font-family: Arial, Helvetica, sans-serif; }
.page a:hover,.page .hover{border:1px solid #8a0000; background:#be392a;color:#fff;}
.page span{float:left; padding:0 3px;}
.page .b{padding:0 0px 0px 10px;}
.page .in1{width:10px; text-align:center; height:40px; border:1px solid #ccc; margin:0 3px;}
.page .in2{width:40px; height:23px;}



.index-banner{width: 100%;height:600px; position: relative; margin-top:80px; overflow: hidden;}
.index-banner>.swiper {width: 100%;height: 600px;}
.index-banner>.swiper .swiper-slide { display: flex; align-items: center; justify-content: center; width: 100%;height: 100%;}
.index-banner>.swiper .swiper-slide a{ display:block; width: 100%; height: 100%;}
.index-banner>.swiper img{height: 100%;}
.index-banner .swiper-pagination {display: flex; align-items: center;justify-content: center;}
.index-banner .swiper-pagination-bullet-active {width: 14px; height: 14px;}

.phone-cont,.phone_menu{display: none;}

@media only screen and (max-width: 1280px)
{

}


@media only screen and (max-width: 1100px)
{
    .cont {width: 1000px; padding-left:15px;padding-right:15px;}
    #nav li a {padding: 0px 20px;}
    .PC-cont{display: none;}
    .phone-cont{display: block;}
}

/************
5. 1024px
************/

@media only screen and (max-width: 1024px)
{
    .cont {width: 900px;}
    #nav li a {font-size: 16px;padding: 0px 15px;}
    .xiangmu .x2 li{width: 10.6%;}
}


/************
7. 959px
************/

@media only screen and (max-width: 959px)
{
    .cont {width:100%;}
    #nav li a {font-size:14px;padding: 0 10px;}
    .textmain img{max-width: 100%;}
}

/************
8. 880px
************/

@media only screen and (max-width: 880px)
{

    .index-banner{height:400px; margin-top:0;}
    .index-banner>.swiper {height:400px;}
}

/************
9. 768px
************/

@media only screen and (max-width: 768px)
{
    .title{font-size:24px;}
    .sbox{width:100%;float: none; height: auto;}
    .sbox .simg img{height: 300px;}
    .jianjie,.lianxi,.news{padding:30px 40px;   }
    .jianjie p{height: auto;}
    .sbox .more{display: inline-block; margin-top: 10px;}
    .news dl{height: auto;}
    .jianjie:after,.lianxi:before{display: none;}
    .anli li {width: 48%;}
    .index-banner{height:300px; }
    .index-banner>.swiper {height:300px;}
    .header{background: #fff; height:60px;box-shadow: 0 0 10px rgba(0,0,0,.2);}
    .phone_menu{position:fixed;display: block; top:10px; right: 10px; width:40px; height:40px; background: url(../images/menu.png) no-repeat center top #fff; background-size: 100%; }
    #nav{position: fixed; top:0; right:-50%; width:50%; height:100vh;z-index: 999; background: #f5f5f5;overflow-y: auto;box-shadow: 0 0 10px rgba(0,0,0,.2)}
    #nav .hover a{background: #eee;}
    #nav li {float:none; display: block;background: #fff; border-bottom: 1px solid #ddd;}
    #nav li a{color:#333;  border-right:none; font-size: 18px; padding: 0 25px;line-height:60px;}
    #nav li a:hover{background:#eee;}
    .weizhi{text-align: left;}
    .stit{display: none;}
    .leftnav,.rightbox {float: none; width: 100%;}
    .leftnav>.mt40,.leftnav>.anlist{display: none;}
    .rightbox h1,.newslist{margin: 0 auto; padding: 0 ;}
    .rightbox.line{border: none;}
    .newslist li p{height: auto;  white-space: nowrap; text-overflow: ellipsis; overflow: hidden;}
    .rightbox h1{font-size: 24px; font-weight: bold;}
    .leftnav .menu{overflow: hidden; }
    .leftnav{margin-bottom: 20px;}
    .menu li a{float: left; width: 50%; border-right: 1px solid #fff;}
    .listimg{padding: 0;}
    .aboutbg,.anlibg, .zuopin, .xinwen, .lianxipic,.xiangm{height: 250px;background-size: auto  100%;}

}
@media only screen and (max-width: 568px)
{
    .listimg li{width:48%;  margin:15px 1%;}
    .listimg li img{height: 140px;}
    .aboutbg,.anlibg, .zuopin, .xinwen, .lianxipic,.xiangm{height: 200px;}
}


/************
12. 480px
************/

@media only screen and (max-width: 480px)
{
    .sbox .simg img{height:150px;}
    .jianjie,.lianxi,.news{padding:30px 0;   }
    .index-banner{height:250px; }
    .index-banner>.swiper {height:250px;}
    .anli li {width:100%; margin:20px 0;}
    .anli li img{height: 220px;}
    .newslist li img{width:30%; height: 80px;}

    .textmain{padding: 10px 0;}
    .textmain .fanwei li{margin: 10px 10px 10px 0; padding: 0 10px}
    .aboutbg,.anlibg, .zuopin, .xinwen, .lianxipic,.xiangm{height:150px;}

}