*{box-sizing:border-box;-moz-box-sizing:border-box;-webkit-box-sizing:border-box;}
.clear {line-height:0;height: 0;font-size: 0;clear:both; zoom: 1;}
a{ color:#333;text-decoration: none !important;-webkit-transition: all 0.2s;-moz-transition: all 0.2s;-ms-transition: all 0.2s;-o-transition: all 0.2s;transition: all 0.2s;}
a:hover{color: #388fdf}
img{ max-width:100%}
button{ cursor:pointer}
body{min-width:1280px; height:auto; max-width:1920px; margin:0 auto; font-size:14px;min-height: 100%}
.wl-1200{width: 1200px;margin: 0 auto}
h1,h2,h3,h4,h5{font-weight: 500}
h2{font-size: 30px;color: #333}

.header{width: 100%;height: 80px;position:fixed;top:0;left: 0;z-index: 1000}
.header.on{background: #fff; box-shadow: 0 0 0.1rem rgba(0, 0, 0, 0.15);}
.header_layer{width: 100%;height: 80px;display: block;}
.header_layer.on{display: none}
.header_nav{width: 1200px;margin:0 auto;}
.header_nav .logo{float: left;}
.header .logo a{width: 310px;height: 80px;display: block;background: url(../images/logo.png) center center no-repeat;}
.header.on .logo a{background: url(../images/logos.png) center center no-repeat;}
.header_nav .nav{float: right;}
.header_nav .nav ul li{float: left;font-size: 16px;line-height:80px;}
.header_nav .nav ul li a{display: block;padding:0 30px;line-height: 77px;height: 80px;color: #fff}
.header_nav .nav ul li.active a,.header_nav .nav ul>li:hover>a{border-bottom: 3px solid #fff;}

.header.on .nav ul li a{color: #388fdf}
.header.on .nav ul li.active a,.header.on .nav ul>li:hover>a{border-bottom: 3px solid #388fdf;}

.header_tel{float:right;padding-left: 36px;background: url(../images/ind_06.png) left center no-repeat;height: 80px;line-height: 80px;font-size: 20px;color: #fff;margin-left: 20px}
.header.on .header_tel{color: #333;background: url(../images/ind_6.png) left center no-repeat;}
.ind_new{margin:30px auto}
.ind_new h3{font-size: 18px;color: #ff6050;line-height: 30px}
.ind_new ul li{width: 33.3%;float: left;line-height: 30px;font-size: 14px;position: relative;padding:0 10px;}
.ind_new ul li a{display: block;overflow: hidden;white-space: nowrap;text-overflow: ellipsis;}
.ind_new ul li i{width: 4px;height: 4px;display: block;border-radius: 100%;background: #6d6d6d;position: absolute;left: 0;top: 50%;margin-top: -2px}
.ind_what{background: #f2f2f2;padding-top: 50px;;text-align: center;color: #333}
.ind_what .contnet{font-size: 14px;line-height: 36px;padding: 20px 0}

.ind_core{text-align: center;padding: 50px 0}
.ind_core h2 span{color: #ff6050}
.ind_core ul{padding: 40px 0}
.ind_core ul li{float: left;width: 130px;text-align: center;height: 230px;position: relative;padding: 50px 0;transition:all .5s;overflow: hidden;}
.ind_core ul li a{border-right: 1px solid #f2f2f2;display: block;}
.ind_core ul li .title{font-size: 18px;padding-top: 20px;line-height: 24px;}
.ind_core ul li .etitle{margin-top: 100px;font-size: 14px;line-height: 24px;color: #666;transition:all .5s;text-align:left;}
.ind_core ul li.active{text-align: left;;background: #f2f2f2;padding: 20px;width: 290px}
.ind_core ul li.active .etitle{margin-top: 10px}

.ind_value{width: 100%;padding: 80px 0;text-align: center;background: #0d90ac}
.ind_value h2{color: #fff}
.glyphicon-menu-left{width: 40px;height: 40px;display: block;background: url(../images/1_03.png) center center no-repeat; position: absolute;left: -100px;top: 50%;margin-top: -20px;z-index: 100}
.glyphicon-menu-right{width: 40px;height: 40px;display: block;background: url(../images/1_05.png) center center no-repeat; position: absolute;right: -100px;top: 50%;margin-top: -20px;z-index: 100}
.slide-3d{width:1050px;height:330px;margin:50px auto 0;position: relative;}
.slide-3d .item-list li{transition:all .5s ease-out;opacity:0;position:absolute;top:0;left:0;border-radius: 10px;border:1px solid #e5e5e5;overflow: hidden;}
.slide-3d .item-list li a{display: block;}
.slide-3d .item-list li.item0{transform:translate3d(-225px,0,0) scale(.8)}
.slide-3d .item-list li.item1{transform:translate3d(0,0,0) scale(.8);transform-origin:0 50%;opacity:1;z-index:2}
.slide-3d .item-list li.item2{transform:translate3d(225px,0,0) scale(1);transform-origin:0 50%;opacity:1;z-index:3}
.slide-3d .item-list li.item3{transform:translate3d(450px,0,0) scale(.8);transform-origin:100% 50%;opacity:1;z-index:2}
.slide-3d .item-list li.item4{transform:translate3d(675px,0,0) scale(.8)}
.slide-3d .item-list li.item5{transform:translate3d(900px,0,0) scale(.8)}
.slide-3d .item-list li.item6{transform:translate3d(1125px,0,0) scale(.8)}
.slide-3d .item-list li.item7{transform:translate3d(1350px,0,0) scale(.8)}
.slide-3d .item-list li.item8{transform:translate3d(1575px,0,0) scale(.8)}
.slide-3d .item-list li.item9{transform:translate3d(1800px,0,0) scale(.8)}

.slide-carousel{width:100%;height:100%;position:relative;overflow:hidden}
.slide-carousel .item-list{position:relative;height:100%;width:100%;overflow:hidden}
.slide-carousel .item-list li{width:100%;height:100%}
.slide-carousel .item-list li a{display:block;width:100%;height:100%}
.slide-carousel .item-list li a{width:100%;height:100%}

.ind_customer{padding: 50px 0;text-align: center;}
.ind_customer .etitle{font-size: 14px;line-height: 30px}
.ind_customer ul{padding-top: 30px}
.ind_customer ul li{width: 16.6%;float: left;padding: 25px 0;font-size: 24px;line-height: 36px;}
.ind_customer ul li .title{margin-top: 10px}

.bright_spot{position: relative;}
.bright_spot h2{position: absolute;top: 60px;width: 100%;text-align: center;z-index: 1000}
.bright_spot .hd{width: 100%;position: absolute;bottom: 30px;z-index: 1000;text-align: center;}
.bright_spot .hd li{margin: 0 20px;display: inline-block;width: 10px;height: 10px;border-radius: 100%;background: #f47469;position: relative;}
.bright_spot .hd li.on2{background: #36bdcc}
.bright_spot .hd li.on3{background: #77b36c}

.bright_spot .hd li span{width: 100px;height: 40px;display: block;text-align: center;border-radius:30px;position: absolute;top:-5px;left: 50%;margin: -50px;background: #f47469;color: #fff;font-size: 16px;line-height: 40px;display: none}
.bright_spot .hd li.on span i{position: absolute;bottom:-10px;left: 50%;width: 20px;height: 10px;margin-left: -10px}
.bright_spot .hd li.on span{display: block;}
.bright_spot .hd li.on2 span{background: #36bdcc}
.bright_spot .hd li.on3 span{background: #77b36c}
.bright_spot .bd img{width: 100%;}


.ind_service{padding: 45px 0;background: url(../images/ind_79.jpg) center center no-repeat;text-align: center;color: #fff}
.ind_service h2{color: #fff}
.ind_service .etitle{padding: 25px 0;}
.ind_service p{font-size: 14px;line-height: 24px}
.ind_service .more{width: 220px;height: 60px;border: 2px solid #fff; line-height: 60px;display: inline-block;font-size: 18px;border-radius: 10px;margin-top: 30px}

.footer{background: #34373a;padding:50px 0;}
.footer a{color: #fff}
.footer_nav{width: 260px;float: left;padding:0 50px}
.footer_nav ul li{font-size: 14px;line-height: 36px}
.footer_nav ul li a{display: block;color: #777}
.footer_nav ul li a:hover{color: #388fdf}
.footer_img{width: 470px;height: 180px; padding: 0 170px;float: left;border-right: 1px solid #3d4144;border-left: 1px solid #3d4144}
.footer_img .title{font-size: 14px;line-height: 24px;margin-bottom: 10px}
.footer_img img{width:130px;height: 130px }

.footer_tel{float: right;text-align: left;font-size: 14px;line-height: 30px}
.footer_tel .title{font-size: 18px;line-height: 30px;}
.footer_tel .foot_tel{color:#f4be4a;font-weight: 600;font-size: 18px}
.foot{font-size: 14px;line-height: 24px;padding: 25px;width: 100%;text-align: center;background: #2e3033}

/*产品*/

.list_nav{width: 100%;height: 70px;background: #f4f4f4;line-height: 70px;text-align: center;font-size: 24px;background: #fff}
.list_nav ul li{display: inline-block;}
.list_nav ul li a{display: block;padding: 0 50px;line-height: 68px;height: 68px; border-bottom: 2px solid #f4f4f4}
.list_nav ul li.active a{color: #388fdf;border-bottom:2px solid #388fdf;}
.list_nav.on{position: fixed;top: 0;left: 0;z-index: 1000}

.data_list{width: 1200px;margin: 0 auto}
.data_list_L{width: 50%;float:left;text-align: left;}
.data_list .frame{padding: 110px 0 0}
.data_list .frame .title{font-size: 48px;line-height: 60px;color: #333;margin-bottom: 20px}
.data_list .frame .etitle{font-size: 24px;line-height: 36px;color: #388fdf}
.data_list .frame ul{margin-top:70px;}
.data_list .frame ul.on{float: right;padding-left:90px;}
.data_list .frame ul li{margin-bottom: 20px; float: left;margin-right:40px; text-align: center;font-size: 16px;color: #333}
.data_list .frame ul li p{width: 100px;line-height: 24px;margin-top: 10px}
.data_list_R{width: 50%;float:right;text-align: right;}
.data_list_R ul{float: right;}
.data_list_R .frame .etitle{color: #fff}
.data_list_R .frame ul li{margin-left:40px;margin-right: 0;color: #fff}

.pro_bright{padding: 80px 0}
.pro_bright h2{text-align: center;}
.pro_bright ul{margin-top: 40px}
.pro_bright ul li{width: 370px;float: left;margin-right: 45px;margin-bottom:30px;}
.pro_bright ul li.on{margin-right:0;}
.pro_bright ul li .content{padding: 20px;background: #f5f6fa;height: 130px;font-size: 14px;line-height: 30px;color: #333}

.pro_sale{padding-top: 70px;text-align: center;}
.pro_sale .content{font-size: 14px;line-height: 36px;color: #333;margin-top: 50px}
.pro_sale_b{padding:60px 0;background: #f8f8f8;text-align: center;}
.pro_sale_b ul li{float: left;width: 33.3%;text-align: center;margin-top: 40px}
.pro_sale_b ul li .title{font-size: 18px;line-height: 36px;margin:5px 0;color: #333 }
.pro_sale_b ul li .etitle{font-size: 14px;line-height: 24px}

.purchase .content{padding: 60px 0}
.case_nav{padding: 40px 0;}
.case_nav ul li{width: 16.6%;float: left;text-align: center;height: 70px;line-height: 70px;font-size: 18px}
.case_nav ul li a{display: block;border:1px solid #e5e5e5;}
.case_nav ul li.active a,.case_nav ul li:hover a{color: #fff;background: #3fc6ed}
.case_list ul li{width: 25%;text-align: center;float:left;margin-bottom:30px;}
.case_list ul li .title{font-size: 18px;line-height: 36px;color: #333;margin-top: 10px}

.page{ width:100%;}
.page ul{text-align:center;padding:25px 0;}
.page ul li{display:inline-block;line-height:36px;font-size:14px;border:1px solid #dbdbdb;margin:0 5px; min-width:36px}
.page ul li a{ color:#333;padding:0 10px; display:block}
.page ul li:hover a, .page ul li.on a{color:#fff;}
.page ul li:hover, .page ul li.on{background:#3fc6ed;}

/*新闻中心*/
.news{padding: 60px 0;}
.news_L{width: 820px;float: left;}
.news_L .titles{width: 100%;font-size: 30px;line-height: 48px;border-bottom: 1px solid #e5e5e5;color: #333;padding-bottom: 30px}
.news_list ul li{width: 100%;padding: 35px 0;border-bottom: 1px solid #e5e5e5;float: left;}
.news_list ul li .img{float: left;margin-right:20px;}
.news_list ul li .img img{width: 230px;height: 130px}
.news_list ul li .content{width: 570px;float: left;}
.news_list ul li .content .title{font-size: 18px;line-height: 36px;overflow: hidden;white-space: nowrap;text-overflow: ellipsis;}
.news_list ul li .content .desc{font-size: 14px;line-height: 24px;color: #666}
.news_list ul li .content .date{margin-top: 20px;font-size: 14px;line-height: 24px;color: #999}
.news_list ul li .content .date span{padding: 0 30px;}
.news_list ul li .content .date span.on{padding-left:0;border-right: 1px solid #e5e5e5}

.news_R{width: 330px;float: right;padding: 20px;background: #f9f9f9}
.news_R .titles{width: 100%;font-size: 30px;line-height: 48px;border-bottom: 1px solid #e5e5e5;color: #333;padding-bottom: 10px}
.news_R ul li{padding: 30px 0;border-bottom: 1px dashed #c8c8c8;padding-left: 20px;}
.news_R ul li .title{font-size: 16px;line-height: 30px;position: relative;margin-bottom: 10px}
.news_R ul li .title i{width: 4px;height: 4px;border-radius: 100%;background: #3dc7ec;display: block;position: absolute;top: 14px;left: -15px}
.news_R ul li .date span{padding: 0 30px;color: #999}
.news_R ul li .date span.on{padding-left:0;border-right: 1px solid #e5e5e5}

/*新闻详情*/
.news_show .title{font-size: 30px;line-height: 48px;color: #333;text-align: center;}
.news_show .date{padding: 15px 0;border-bottom: 1px solid #e5e5e5;text-align: center;}
.news_show .date span{margin:0 20px;padding-left: 20px;background: url(../images/show_03.jpg) left center no-repeat;background-size:14px 14px }
.news_show .date span.on{background: url(../images/show_05.jpg) left center no-repeat;background-size:14px 14px }
.news_show .content{padding: 30px 0;font-size: 14px;line-height: 24px;color: #333;border-bottom: 1px solid #e5e5e5}
.news_show .content p{margin-bottom: 20px}
.news_show .nextpage{padding: 30px 0}
.news_show .nextpage ul li{font-size: 14px;line-height: 30px}

/*关于我们*/
.about{padding: 50px 0}
.about .title{font-size: 30px;line-height: 36px;color: #333}
.about .etitle{font-size: 20px;color: #999;line-height: 30px}
.about_list{margin-top:20px;height: 460px}
.about_L{width: 560px;float: left;}
.about_L img{width: 560px;height: 460px}
.about_R{width: 640px;padding: 30px;font-size: 14px;line-height: 26px;float: left;background: #fff;height: 460px;color: #333}
.about_R p{margin-bottom:20px;}

/*发展历程*/
.course{background: #fff;padding: 30px;margin: 30px 0}
.course ul{position: relative;}
.course ul em{width: 20px;height: 20px;display: block;border-radius: 100%;border: 1px solid #e5e5e5;background: #fff;position: absolute;top: 0;left: 50%;margin-left:-10px;}
.course ul li{width: 100%;float: left;}
.course ul li .frame{width: 50%;float: left;padding: 30px;border-right: 1px solid #e5e5e5}
.course ul li.on .frame{float: right;border:0;border-left: 1px solid #e5e5e5}
.course ul li .frame .img{float: left;}
.course ul li .frame .content{width: 330px;float: right;text-align: right;}
.course ul li .frame .content .title{font-size: 26px;line-height: 48px;color: #333;font-weight: 600;position: relative;}
.course ul li .frame .content .etitle{font-size: 16px;line-height: 26px;color: #666}

.course ul li.on .frame .img{float: right;}
.course ul li.on .frame .content{width: 330px;float: left;text-align: left;}
.course ul li.on .frame .content .title{font-size: 26px;line-height: 48px;color: #333;font-weight: 600}
.course ul li.on .frame .content .etitle{font-size: 16px;line-height: 26px;color: #666}
.course ul li .frame .content .title i{width: 16px;height: 16px;display: block;border-radius: 100%;background: url(../images/i_3.png) center center no-repeat;position: absolute;top: 50%;margin-top:-8px;right: -38px;z-index: 100}
.course ul li.on .frame .content .title i{right: auto;left: -38px}

/*联系我们*/
.contact_top{padding: 30px 0 0;border-bottom: 1px solid #e5e5e5;margin-bottom: 30px}
.contact_top ul li{width: 25%;float: left;padding: 25px 0}
.contact_top ul li .img{float: left;margin-right: 20px}
.contact_top ul li .content{float: left;}
.contact_top ul li .title{font-size: 16px;line-height: 24px;color: #333}
.contact_top ul li .etitle{font-size: 18px;line-height: 30px;color: #666}
.contact_top ul li.on{width: 100%;}
.contact_content{margin-bottom: 30px}
.contact_content .title{font-size: 18px;color: #333}
.contact_content p{font-size: 14px;line-height: 24px;color: #666}

/*公司荣誉*/
.honor{padding: 60px 0;}
.honor ul li{width: 50%;text-align: center;padding: 0 20px;float: left;font-size: 24px;line-height: 60px;color: #333}

/*企业文化*/
.culture{padding: 40px 0;text-align: center;}
.culture ul li{width: 50%;float: left;position: relative;height: 400px;overflow: hidden}
.culture ul li .frame{width: 100%;height:400px;position: absolute;top:0;left: 0; background:rgba(0,0,0,0.6) none repeat scroll !important;filter:Alpha(opacity=70);background:#000;display: table-cell;vertical-align: middle;text-align: center;color: #fff;padding: 70px;padding-top: 120px;transition:all .5s}
.culture ul li .frame .name{font-size: 34px;margin-bottom: 20px}
.culture ul li .frame .desc{font-size: 14px;line-height: 24px}
.culture_b{padding-top: 30px;text-align: center;}
.culture_b h2{margin-bottom: 36px}
.culture_b_content{background: url(../images/wenhua/wenhua_02.jpg) center center no-repeat;padding: 100px 0}
.culture_b_content ul{margin-bottom: 100px}
.culture_b_content ul li{display: inline-block;margin:0 90px;font-size: 18px;line-height: 48px;color: #fff}
.culture_b_content p{font-size: 18px;line-height: 48px;text-align: center;color: #fff}


/*下面是新增样式   上面是之前的*/

/*168找贷网*/
.wl-dw{width: 100%;}
.wl-dw .top-show{padding-top: 80px;text-align: center;background: #fff;}
.wl-dw .top-show .titles{font-size: 48px;line-height: 50px;padding-bottom: 50px;}
.wl-dw .top-show .etitle{font-size: 14px;line-height: 36px;padding: 0 210px;}
.wl-dw .top-show .cont{padding-top: 80px;}
.wl-dw .meaning{background: #f8f8f8;width: 100%;}
.wl-dw .meaning .top{text-align: center;background: #f8f8f8;}
.wl-dw .meaning .titles{font-size: 48px;line-height: 50px;padding-top: 60px;padding-bottom: 34px;border-bottom: 1px solid #e5e5e5;}
.wl-dw .meaning .titles span{border-bottom: 4px solid #388fdf;padding: 0 25px 26px;}
.wl-dw .meaning .etitle{display: block;font-size: 30px;line-height: 36px;color: #388fdf;padding-top: 60px;}
.wl-dw .meaning .etitles{display: block;font-size: 24px;line-height: 36px;color: #666;padding-top: 14px;}
.wl-dw .meaning .list{padding-top: 46px;}
.wl-dw .meaning .list li{width: 50%;min-height: 460px;float: left;position: relative;}
.wl-dw .meaning .list li .cont{float: left;width: 290px;}
.wl-dw .meaning .list li em{display: inline-block;width: 100px;height: 100px;font-size: 48px;line-height: 100px;color: #fff;text-align: center;}
.wl-dw .meaning .list li .des{font-size: 14px;line-height: 30px;padding-top: 20px;position: relative;z-index: 2;}
.wl-dw .meaning .list li .des span{color: #f6aa00;font-weight: 600;}
.wl-dw .meaning .list li .img{width: 330px;height: 420px;position: absolute;right: 0;top: 0;z-index: 1;}
.wl-dw .meaning .list li .img img{width: 100%;height: 100%;display: block;}
.wl-dw .meaning .list li.list1 em{background: url(../images/dw/dw-02.png) no-repeat center;background-size: 100%;}
.wl-dw .meaning .list li.list2 em{background: url(../images/dw/dw-03.png) no-repeat center;background-size: 100%;}
.wl-dw .meaning .list li.list2{padding-left: 45px;}
.wl-dw .meaning .list li.list2 .img{right: -30px;}
.wl-dw .meaning .list li.list2 .des span{color: #00b4c8;}
.wl-dw .meaning .list li.list1:after{display: block;content: '';width: 1px;height: 100%;background: #e5e5e5;position: absolute;right: 0;top: 0;z-index: 3;}
.wl-dw .meaning .show{width: 100%;border-top: 1px solid #e5e5e5;margin-top: 40px;}
.wl-dw .meaning .show .cont{float: left;width: 540px;padding-top: 120px;}
.wl-dw .meaning .show .cont .title{font-size: 30px;line-height: 36px;color: #388fdf;}
.wl-dw .meaning .show .cont .des{font-size: 14px;line-height: 30px;padding-top: 25px;}
.wl-dw .meaning .show .cont .des span{color: #f6aa00;font-weight: 600;}
.wl-dw .meaning .show .img{float: right;max-width: 660px;}
.wl-dw .meaning .show .img img{max-width: 660px;}
.wl-dw .problem{width: 100%;background: #fff;}
.wl-dw .problem .titles{font-size: 48px;line-height: 50px;padding-top: 60px;padding-bottom: 42px;}
.wl-dw .problem .lists{width: 100%;}
.wl-dw .problem .lists li{width: 100%;padding: 40px;padding-left: 30px;border-top: 1px solid #e5e5e5;}
.wl-dw .problem .lists li .title{font-size: 24px;line-height: 36px;padding-left: 54px;background: url(../images/dw/dw-07.png) no-repeat left 3px;background-size: 30px 30px;padding-bottom: 6px;color: #333;}
.wl-dw .problem .lists li .des{font-size: 16px;line-height: 36px;color: #888;padding-left: 54px;background: url(../images/dw/dw-08.png) no-repeat left 3px;background-size: 30px 30px;}
.wl-dw .problem .lists li:hover .des{padding-left: 64px;transition: all 0.2s linear 0s;}
.wl-dw .problem .lists li:hover .title{color: #388fdf;}