﻿body{font-family: arial,"微软雅黑";}



/* 内页的banner小图  */

.n_banner1{width: 100%; height: 280px; background: url("../images/nbanner7.png") no-repeat center center;}

.n_banner2{width: 100%; height: 280px; background: url("../images/nbanner7.png") no-repeat center center;}

.n_banner3{width: 100%; height: 280px; background: url("../images/nbanner7.png") no-repeat center center;}

.n_banner4{width: 100%; height: 280px; background: url("../images/nbanner7.png") no-repeat center center;}

.n_banner5{width: 100%; height: 280px; background: url("../images/new_banner.jpg") no-repeat center center;}

.n_banner6{}

.n_banner7{width: 100%; height: 330px; background: url("../images/tuoke_banner.jpg") no-repeat center center;}

.about_center_banner{width: 100%; height: 330px; background: url("../images/about_center_banner.jpg") no-repeat center center;}

.survice_banner{width: 100%; height: 280px; background: url("../images/survice_center_banner.jpg") no-repeat center center;}

.coop_center_banner{width: 100%; height: 330px; background: url("../images/coop_center_banner.jpg") no-repeat center center;}

.shouxin_banner{width: 100%; height: 330px; background: url("../images/shouxinyun_banner.jpg") no-repeat center center;}

.zhishi_banner{width: 100%; height: 330px; background: url("../images/zhishi_banner.jpg") no-repeat center center;}

.fenqi_banner{width: 100%; height: 330px; background: url("../images/fenqi_banner.jpg") no-repeat center center;}

.loan_center_banner{width: 100%; height: 330px; background: url("../images/loan_market_banner.jpg") no-repeat center center;}

.zhibo_banner{width: 100%; height: 330px; background: url("../images/zhibo_banner.jpg") no-repeat center center;}

.case_center_banner{background: url("../images/anli_banner.jpg") no-repeat center center;width: 100%; height: 280px;}



/* 轮播样式  */

.height0 { position: relative; height: 330px; background: url(../images/about_bg.png) no-repeat center top ; top: -30px; zoom: 1; z-index: 7;}

.slideBox .bd{height: 260px; overflow: hidden; padding: 30px 40px;}

.slideBox .bd li{margin-bottom: 30px;}

.slideBox .bd li h1 {font-size: 30px; color: #333; text-align: center;}

.slideBox .bd li h2 {font-size: 24px; color: #333; margin: 20px auto; height: 60px;}

.slideBox .bd li h2 img{display: inline-block; float: left; margin-right: 20px;}

.slideBox .bd li h2 span{ line-height: 42px; display: inline-block; float: left;}

.slideBox .bd li p{font-size: 16px; color: #666666; line-height: 30px; }

.slideBox .prev,.slideBox .next{width: 19px; height: 38px; overflow: hidden; display: block; background: url(../images/left.png) no-repeat;

    position: absolute; top: -120px; z-index: 10; cursor: pointer; opacity: 0.5; filter: alpha(opacity=50); text-indent: -99em;}

.slideBox .prev{left: -60px;}

.slideBox .next{background-position: 0 -38px; right: -60px;}

.slideBox .prev:hover,.slideBox .next:hover{ filter:alpha(opacity=100); opacity:1;  }

.slideBox .hd {width: 1200px; position: absolute; bottom: 10px; text-align: center; }

.slideBox .hd li {margin: 0 2px; display: inline-block; zoom: 1; *display: inline; }

.slideBox .hd li a{background: url(../images/dot_1.png) no-repeat 0 -16px; display: block; height: 16px; overflow: hidden; text-indent: -99em; width: 16px; cursor: pointer;}

.slideBox .hd li.on, .hd li.on a {background-position: 0 0; }



.about_bg{background: #f8f8f8; width: 100%; padding: 60px 0;}

.about_bg h1{font-size: 30px; padding-bottom: 40px; text-align: center; color: #333;}

.about_bg p{line-height: 32px; font-size: 16px; width: 1140px; margin: 0 auto; color: #666;}

.about_bg p span{ color: #333;text-indent:32px; font-weight: bold;}



.about_2 {margin: 60px 0;  }

.about_2 h1{font-size: 30px; color: #333; text-align: center;}

/*.about_2 li{width: 33.3%;  float: left; text-align: center;}*/

.about_2 img{

    /*margin-top: 10px;*/

    display: inline-block;

    transition:All 0.4s ease-in-out;

    -webkit-transition:All 0.4s ease-in-out;

    -moz-transition:All 0.4s ease-in-out;

    -o-transition:All 0.4s ease-in-out;

}

/*.about_2 img:hover {*/

/*transform:translate(0,-10px);*/

/*-webkit-transform:translate(0,-10px);*/

/*-moz-transform:translate(0,-10px);*/

/*-o-transform:translate(0,-10px);*/

/*-ms-transform:translate(0,-10px);*/

/*}*/



/* 服务与支持样式  */

.service {margin: 42px 0px;}

.service li{ height: 220px; border: 1px solid #E2E2E2; margin-bottom: 22px;}

.service h3{font-size: 16px; width:214px; color: #666; margin-top: 152px; text-align: center; float: left;}

.service p{ width: 960px; float: right; font-size: 14px; line-height: 30px; color: #888; margin-right: 24px; padding-top: 35px;}

.li_bg1 {background: url(../images/service_1.png) no-repeat 67px 40px;}

.li_bg2 {background: url(../images/service_3.png) no-repeat 66px 40px;}

.li_bg3 {background: url(../images/service_5.png) no-repeat 68px 40px;}

.li_bg4 {background: url(../images/service_7.png) no-repeat 68px 54px;}

.li_bg1:hover {background: url(../images/service_2.png) no-repeat 67px 40px;}

.li_bg2:hover {background: url(../images/service_4.png) no-repeat 66px 40px;}

.li_bg3:hover {background: url(../images/service_6.png) no-repeat 68px 40px;}

.li_bg4:hover {background: url(../images/service_8.png) no-repeat 68px 54px;}

.service li:hover {border: 1px solid #FBCC00;}

.service li:hover h3 {color: #FBCC00;}

.service p:hover {color: #333;}





/* 产品资讯样式  */

.new {margin: 42px 0px 0;}

.new_left {width: 826px; height: auto; float: left; }

.new_left h1, .news_left h1 {font-size: 16px; color: #999999; padding-bottom: 16px; border-bottom: 1px solid #EEEEEE;}

.new_left h1 a, .news_left h1 a{font-size: 16px; color: #fbcc00;}

.new_left .list_0 li{padding: 20px 0;   border-bottom: 1px solid #EEEEEE;}

.new_left .list_0 li img{display: inline-block; float: left; margin-right: 16px; filter: alpha(opacity=80); width: 135px; height: 135px;}

.new_left h2{font-size: 16px; color: #333; line-height: 36px; margin-bottom: 4px;}

.new_left p, .news_left p{font-size: 14px; color: #666; line-height: 24px;}

.new_left ul span{font-size: 14px; color: #999; display: inline-block; margin-top: 6px; line-height: 24px;}

.new_left .list_0 li:hover img{ opacity: 0.8;}

.new_left .list_0 li:hover h2{ color: #FBCC00;}

.new_left .list_0 li p:hover{ color: #444;}

.list_0{margin-bottom: 30px;}

/*分页样式*/

/*.fenye .current{background: #EEEEEE; }*/

.fenye .curr{background: #f2f2f2;}

.fenye a{color: #333; font-size: 14px;}

.fenye{margin: 0px auto 60px; float: right; width: 560px;}

.pagination .active{background:#878787;color:#fff}



.fenye li{float: left; width: 24px; height: 24px; line-height: 24px; text-align: center; margin: 0 6px;}

.fenye img{display: inline-block; padding-top: 5px;}

.fenye li:hover{background: #f2f2f2;}

.fenye_input { line-height: 24px; color: #333333; margin-left: 10px; float: left; font-size: 14px;}

.fenye_input input{width: 50px; height: 24px; border: 1px solid #EEEEEE; margin: 0 8px; padding-left: 6px; color: #666666;}

.jump { width: 40px; height: 24px; background: #f2f2f2; text-align: center; display: inline-block;}



.new_right {width: 340px; /*height: 570px;*/ float: right; background: #f9f9f9; padding: 30px 20px; margin-bottom: 30px;}

.new_right h3 { line-height: 50px; margin-top: 24px; border-top: 1px dashed #DDDDDD;}

.new_right h3 a{font-size: 18px; color: #666666;}

.new_right li{list-style: disc inside; color: #999; line-height: 24px; padding-bottom: 8px; margin-bottom: 11px; border-bottom: 1px dashed #DDDDDD;}

.new_right li a{font-size: 14px; color: #666666;}

.new_right li:hover {color: #333333;}

.new_right li:hover a {color: #333; }



.case_box .prev{background:url(../images/prev.png) no-repeat;left: 0;}

.case_box .next{background:url(../images/next.png) no-repeat;right: -5px;}



/* 产品资讯详情的样式  */

.news_left {width: 826px; height: auto; float: left; margin-bottom: 60px;}

.content { border-bottom: 1px solid #EEEEEE; padding-bottom: 20px;}

.news_left h3{font-size: 18px; color: #333; line-height: 36px; margin-top: 14px;}

.news_left .span0 {padding-bottom: 10px; font-size: 14px; color: #999; display: inline-block; line-height: 24px;}

.news_left .span2{padding-bottom: 10px; font-size: 14px; color: #999; display: inline-block; line-height: 24px;margin-left: 30px;}

.news_left .p0 {text-indent: 2em; line-height: 30px;}

.new_left h1:hover a, .news_left h1:hover a{color: #333;}

.news_left .span1 {margin-top: 16px; font-size: 14px; color: #999; display: block;}

.news_left .span1 a {margin-top: 16px; font-size: 14px; color: #666;}

.news_left .span1 a:hover { color: #FBCC00;}



/* 客户案例样式  */

.case { font-size: 14px; color: #666;min-height: 600px;}

.case .case_list li{  padding-bottom: 30px; border-bottom: 1px solid #eee; padding-top: 30px;}

.case_img {opacity: 0.8; filter: alpha(opacity=80); width: 253px; height: 164px; float: left; border: 1px solid #E2E2E2; text-align: center;  }

.case_img img{ display: block; }

.case_word {width: 720px;   float: right;}

.case h1{font-size: 30px; padding-bottom: 20px; text-align: center; color: #333;}

.case h2{font-size: 18px; padding-bottom: 20px; text-align: center;}

.case_list h3{font-size: 16px; color: #333; line-height: 30px;}

.case_list h3 a{font-size: 16px; color: #333; line-height: 30px; transition:all 0.5s ease 0.2s; }

.case_list h3 a:hover{ color: #fbcc00;}

.case_list .case_p1{line-height: 24px; margin:6px 0 0;}

.case_list .case_p2{line-height: 24px; }

.case_list span{display: block; line-height: 24px; color: #999;}

.case_list .icon_word{font-size: 19px; color: #8a8a8a; padding: 0 4px;}

.case_list span a{  font-size: 14px;}

.case_p1 a{font-size: 14px;color:#FBCC00; font-weight: bold; }

.case_list li:hover .case_img {border: 1px solid #FBCC00; opacity: 1; filter: alpha(opacity=100);}

.case_list li:hover h3 {color: #111;}

.case_list .case_p1:hover {color: #333;}

.case_list .case_p2:hover {color: #333;}

.case_list span:hover .icon_word{color: #FBCC00;}

.case_p1 a:hover{ text-decoration: underline; }

.case_list:hover span a{color: #333;}



.case_choose{margin-top: 30px;width: 120px;float: left;}

.case_choose span{font-size: 16px;color: #333;font-weight: bolder;height: 60px;line-height: 60px;border-bottom: 1px solid #ddd;display: block;width: 100%;}

.case_choose_list{}

.case_choose_list a{width: 120px;height: 50px;display: inline-block;line-height: 50px;border-bottom: 1px solid #ddd;font-size: 14px;color: #333;}

.case_choose_list a.curr{color: #FBCC00;border-bottom: 1px solid #FBCC00;}

.case_choose_list a:hover{color: #FBCC00;border-bottom: 1px solid #FBCC00;}



/* 合作样式  */

.cooper {font-size: 14px; color: #666;}

.cooper h1{font-size: 30px; padding-bottom: 20px; text-align: center; color: #333;}

.cooper h2{font-size: 18px; padding-bottom: 40px; text-align: center;}

.cooper_1 { background: #f8f8f8; padding-bottom: 80px; }

.cooper_1 li{position: relative; background: #FFF; width: 400px; height: 250px; border: 1px solid #E2E2E2; float: left;}

.pic {width: 86px; height: 80px; margin: 24px auto 10px auto;}

.cooper_1 .img2{display: none;}

.cooper_1 li:hover .img1{display: none;}

.cooper_1 li:hover .img2{display: block;}

.cooper_1 h3{text-align: center; font-size: 18px; color: #333; margin-bottom: 10px;}

.cooper_1 p{width: 300px; line-height: 26px; margin: 0px auto; }

.cooper_1 li:hover {box-shadow:0 0 10px 2px #e0e0e0; z-index: 100;}

.cooper_1 li:hover h3{color: #FBCC00;}

.case .case_list li:hover{border-bottom: 1px solid  #FBCC00;}



.cooper_2 li{  float: left;}

.circle_coop {display: inline-block; width: 90px; height: 90px; background: #f2f2f2; border-radius: 60px; font-size: 40px; text-align: center;

line-height: 90px; color: #333;}

.circle0 {display: inline-block; width: 120px; height: 120px; background: #f2f2f2; border-radius: 60px; font-size: 40px; text-align: center; 

line-height: 120px; color: #333;}

.cooper_2 .left_1 {float: left; width: 183px; text-align: center;}

.cooper_2 h3{text-align: center; font-size: 20px; color: #333; margin-top: 20px;}

.cooper_2 p{line-height: 30px; font-size: 16px; margin: 14px auto; text-align: left; padding-left: 25px; color: #999; }

.cooper_2 .right_1 {float: right; padding-top: 20px;}

.cooper_2{ padding-bottom: 80px; }



.left_1:hover .circle_coop { background: #FBCC00; color: #fff;}

.left_1:hover .circle0 { background: #FBCC00;  color: #fff;}

.left_1:hover h3{color: #FBCC00;}

.left_1:hover p{color: #333;}

.cooper_2 .img2{display: none;}

.cooper_2 li:hover .img1{display: none;}

.cooper_2 li:hover .img2{display: block;}



.case_list{margin-bottom: 30px; margin-top: 14px;width: 1000px;float: right;}

.fixleft{position: relative;top: 62px; left: 50%;z-index: 10000;margin-left: -600px;box-shadow: 0 0 15px #ccc;padding:0 20px 20px;margin-top: 0;width: 160px;}

