﻿@charset "utf-8";
/* CSS Document */


body{ margin:0; padding:0; font-family:"微软雅黑",arial; font-size:16px; color:#414141;}
h1,h2,h3,h4,h5,h6,p{ margin:0; padding:0;}
a, a:hover, a:visited, li, li:hover, dd, dd:hover{ text-decoration:none; color:#414141; -webkit-transition: color 0.5s ease-in; -moz-transition: color 0.5s ease-in; -ms-transition: color 0.5s ease-in; -o-transition: color 0.5s ease-in; transition: color 0.5s ease-in;}
ul,li{ list-style:none; margin:0; padding:0;}
img{ border:0 none; text-decoration:none; height: auto; vertical-align: middle; max-width: 100%;}
.clear{ clear:both; width:0; height:0;}
html{ overflow-x:hidden;}

/*head*/
.header{ display: none;}
.mobile-header{ display: block; width: 100%; height: 48px; background: url(../images/head_bg.png) repeat; z-index: 100; position: relative;}
.mobile_hd .mob_tel{ float: left; width: 36px; height: 36px; padding: 5px;}
.mobile_hd .mob_tel img{ width: 100%;}
.mobile_hd .logo{ width: 170px; margin: 0 auto; height: 48px;}
.mobile_hd .logo a{ display: block;}
.mobile_hd .logo img{ height: 48px; width: auto; max-width: 100%;}
.mobile_hd .burger{ height: 28px; width: 40px; position: absolute; top: 10px; right: 10px; cursor: pointer;}
	.mobile_hd .burger div.x , .mobile_hd .burger div.y , .mobile_hd .burger div.z{ height: 3px; width: 26px; position: absolute; top: 4px;  background: #fff; border-radius: 2px; -webkit-transition:all 200ms ease-out; -moz-transition:all 200ms ease-out; -ms-transition:all 200ms ease-out; -o-transition:all 200ms ease-out; transition:all 200ms ease-out;}
	.mobile_hd .burger div.y{ top: 12px;}
	.mobile_hd .burger div.z{ top: 20px;}
	.mobile_hd .burger div.collapse{ top: 6px; -webkit-transition:all 70ms ease-out; -moz-transition:all 70ms ease-out; -ms-transition:all 70ms ease-out; -o-transition:all 70ms ease-out; transition:all 70ms ease-out;}
	.mobile_hd .burger div.rotate30{ -webkit-transform: rotate(30deg); -ms-transform: rotate(30deg); -moz-transform: rotate(30deg); transform: rotate(30deg); -webkit-transition:all 50ms ease-out; -moz-transition:all 50ms ease-out; -ms-transition:all 50ms ease-out; -o-transition:all 50ms ease-out; transition:all 50ms ease-out;}
	.mobile_hd .burger div.rotate45{ -webkit-transform: rotate(45deg); -ms-transform: rotate(45deg); -moz-transform: rotate(45deg); transform: rotate(45deg); -webkit-transition:all 100ms ease-out; -moz-transition:all 100ms ease-out; -ms-transition:all 100ms ease-out; -o-transition:all 100ms ease-out; transition:all 100ms ease-out;}
	.mobile_hd .burger div.rotate150{ -webkit-transform: rotate(150deg); -ms-transform: rotate(150deg); -moz-transform: rotate(150deg); transform: rotate(150deg); -webkit-transition:all 50ms ease-out; -moz-transition:all 50ms ease-out; -ms-transition:all 50ms ease-out; -o-transition:all 50ms ease-out; transition:all 50ms ease-out;}
	.mobile_hd .burger div.rotate135{ -webkit-transform: rotate(135deg); -ms-transform: rotate(135deg); -moz-transform: rotate(135deg); transform: rotate(135deg); -webkit-transition:all 100ms ease-out; -moz-transition:all 100ms ease-out; -ms-transition:all 100ms ease-out; -o-transition:all 100ms ease-out; transition:all 100ms ease-out;}
.mobile_hd .menu{ width: 100%; height: 100%;display: none; }
.mobile_hd .menu .menu-splitL{ position: absolute; overflow: hidden; top: 48px; left: 0; width: 100%; background: rgba(255,255,255,0.9);}
.mobile_hd .menu ul{ padding: 2% 0;}
.mobile_hd .menu ul li{ width: 90%; height: 34px; line-height: 34px; padding: 0 5%;}
.mobile_hd .menu ul li a{ display: block; font-size: 14px;}
/* banner */
.banner1{ width: 100%; height: auto; left: 0; margin: 0; margin-bottom: 0px;}
.banner{ display: block; width: 100%; margin: 0; position: relative; left: 0;}
.homepage-slider{ position: relative; display: none; width: 100%;}
.homepage-slider .owl-wrapper-outer{ overflow: hidden; position: relative; width: 100%;}
.owl-carousel .owl-wrapper{ -webkit-backface-visibility:hidden; display: none; position: relative; }
.owl-carousel .owl-item{ float: left; -webkit-backface-visibility:hidden; -moz-backface-visibility:hidden; -ms-backface-visibility:hidden; -webkit-transform:translate3d(0,0,0); -moz-transform:translate3d(0,0,0); -ms-transform:translate3d(0,0,0);}
.owl-controls{ text-align: center; position: absolute; bottom: 0; width: 100%;}
.owl-controls .owl-pagination{ padding: 10px 0;}
.owl-controls .owl-pagination .owl-page{ display: inline-block; cursor: pointer;}
.owl-theme .owl-controls .owl-page span{ display: block; width: 12px; height: 12px; margin: 5px 7px; filter: Alpha(Opacity=50); opacity: 0.5; -webkit-border-radius: 20px; -moz-border-radius: 20px; border-radius: 20px; background: #fff;}
.owl-theme .owl-controls .active span{ opacity: 1;}
.banner-pc{ display: none;}
.sideFloat{ display: none;}
/* job */
.container .box{ width: 100%; margin: 0 auto;}
.container .box .title1{ text-align: center; background: url(../images/tit_line1.jpg) repeat-x left 68px; width: 100%; margin: 0 auto;}
.container .box .title1 big{ font-size: 1.625em; line-height: 1.75em; margin-bottom: 10px; font-family: arial; text-transform: uppercase;}
.container .box .title1 h1{ width: 212px;}
.container .box .title1 h1 small{ color: #676767; font-weight: bold; line-height: 46px; font-size: 24px; display: block;}
.title-tab{ margin-bottom: 30px;}
.jobList .job_info li .submenu{ display:none; padding:3% 2%; width:96%; min-width: 206px; background:#f8f8f8; position: relative;}
.jobList .job_info li .submenu dl dd{ width: 50%;}
.jobList .job_info li .submenu dl dd span{ color:#004f99; width: 60px; display: inline-block;}
.jobList .job_info li .submenu .con-tel{ width: 300px; position: relative; right: auto; bottom: auto; color:#004f99; font-size: 16px; line-height: 26px;}
.jobList .job_info li .submenu .text{ margin-bottom: 20px; width:auto;}
/*foot*/
.fot_nav , .fot_partner{ display: none;}
.foot{ padding: 10px 0; width: 100%;}

/*index*/
.section{ width: 100%; margin: 0 auto; padding: 76px 0;}
.section .itemList{ height: auto;}
.section .itemList .item{ display: inline-block; float: none; margin-bottom: 20px;}
.section .itemList .item:nth-child(2){margin-left:10%; margin-right:10%}
@media (max-width: 768px){
	.section .itemList .item .iconImg img{ width: 70px;}
}
.home-5 .box .text{ padding: 0 2%;}
.home-5 .box a{ height: 40px; line-height: 40px;}
.home-6{ padding: 10px 0;}
.home-6 .box big{ text-align: center; font-size: 36px; line-height: 40px;}
.home-6 .box h1{ text-align: center; height: 32px; margin-bottom: 10px;}
.home-6 .box h1 img{ height: 100%;}
.home-6 .box p{ text-align: center; margin-bottom: 16px;}
.home-6 .box a{ position: relative; right: auto; top: auto; margin: 0 auto; height: 40px; line-height: 40px;}
.home-7 .news .left{ float: none; margin: 0 auto; margin-bottom: 20px; width: 94%;}
.home-7 .news .right{ float: none; margin: 0 auto; width: 94%;}
.home-7 .news .right li .img{ width: 34%;}
.home-7 .news .right li .brief{ width: 60%;}
.home-7 .more{ margin-right: 3%;}

/*我要贷款*/
.loan-box{ text-align: center;}
.loan-box .space{ display: none;}
.loan-box .div1{ display: inline-block; padding: 0 4%; float: none; vertical-align: top; height: 262px;}
.loan-box .text-box{ float: none; margin: 0 auto; margin-bottom: 20px; width: 94%; text-align: center;}
.loan-box .img{ float: none; margin: 0 auto; margin-bottom: 20px; padding: 0 2%; width: 96%; text-align: center;}
.loan-box .img img{ max-width: 100%;}
.loan-box .btn{ margin: 0 auto; margin-top: 30px;}
.loan-process{ text-align: center;}
.loan-process .sp1 , .loan-process .sp2{ float: none; display: inline-block; padding-top: 0;}
/*.loan-8 #marquee{ overflow-x: scroll; width: 96%; margin: 0 auto;}
.loan-8 #marquee ul{ width: 1000px;}*/
.loan-8 #successive-y{ overflow-x: scroll; width: 96%; height: 230px; margin: 0 auto; min-width: 300px;}
.loan-8 #successive-y .es-wrap{ width: 1000px; height: 212px;}

.loan-8 .control{ right: 2%;}

/* 立即申请弹窗 
.loan-showBox{ position: fixed; left: 50%; width: 96%; margin-left: -48%;}*/
.loan-showbox{ overflow-y: scroll; overflow-x: visible; height: 100%;}
.contact_window{ width: 98%; margin-left: -49%; background: transparent; height: 426px;}
.contact{ width: 92%; height: 100%; padding-left: 4%; background: #fff;}
.contact .top_tt h1{ float: none;}
.contact .top_tt .hot-tel{}
.contact .rt-Img{ position: relative; top: 0; left: 0; padding-top: 30px; text-align: center;}

/* 案例查看 */
.case_window{ width: 98%; margin-left: -49%; background: transparent;}
.case_show{ width: 96%; background: #fff;}
.case_show .top_tt{ width: 96%; margin: 0 auto;}
.case_show .table-box{ overflow: scroll; width: 96%; height: 360px;}
.case_show .table{}
.case_show .table table{ min-width: 490px;}

/*about*/
.about-2 .textbox{ width: 96%; padding: 0 2%; padding-bottom: 30px;}
@media (max-width: 768px){
	.about-3 .box{ padding: 0; height: auto;}
	.col-sm-3{ width: 50%; float: left; box-sizing:border-box; margin-bottom: 30px;}
	.about-3 .box img{ width: 60px;}
}
/* 我要投资 */
.invest-box .divbox{ float: none; text-align: center; width: auto; margin-bottom: 20px;}
.invest-box .divbox .text{ display: inline;}
.invest-box .divbox .number{ display: block;}
.invest-3 .lfImg , .invest-3 .rgimg{ float: none; width: 70%; margin: 0 auto; padding-top: 0; margin-bottom: 20px; text-align: center;}
.invest-4{ text-align: center;}
.invest-4 .col{ float: none; display: inline-block; margin: 0 17px; margin-bottom: 20px; vertical-align: top;}
.invest-process{ width: 96%; height: 200px; margin: 0 auto;}
.invest-process .step{ position: relative; left: auto; top: auto; opacity: 1; float: left; text-align: center; width: 33.3%;}
.invest-process .invest-line{ float: left; position: relative; left: auto; top: auto; opacity: 1; width: 10%; height: 40px; margin: 0 -6%; background-size: 100% 100%;}
.invest-process .stp1{ margin-top: 0%;}
.invest-process .stp2{ margin-top: 0%;}
.invest-process .stp3{ margin-top: 0%;}
.invest-process .stp4{ margin-top: 0%;}
.invest-process .invest-line1{ margin-top: 2%;}
.invest-process .invest-line2{ margin-top: 2%;}
.invest-process .invest-line3{ margin-top: 2%;}
.invest-process .step p{ line-height: 20px;}
@media (max-width: 768px){
	.invest-process .step img{ width: 242px; margin-bottom: 20px;}

}
/*newsbrief*/
.newsBox{ padding: 0 2%; width: 96%;}


/* 新闻页 */
.newsList1 li{ width: 96%; margin: 0 auto; float: none;}
.newsList1 li .img{ margin: 0 auto; display: block; width: 100%;}
.newsList1 li .img img{ max-width: 100%;}





.newsList2 li{ width: 97%; padding: 10px 1.5%;}
.newsList2 li .img{ width: 30%; margin-right: 0; height: auto;}
.newsList2 li .newsR{ width: 68%;}
.newsList2 li .newsR h3{ font-size: 16px; height: 22px; line-height: 22px; overflow: hidden;}
.newsList2 li .newsR .data{ line-height: 20px; margin-bottom: 0; padding-left: 24px; font-size: 12px; background: url(../images/news_icon3_1.png) no-repeat left center;}
.newsList2 li .newsR p{ line-height: 22px; height: 44px; margin-bottom: 10px;}
.newsList2 li .newsR .more{ height: 24px; line-height: 24px;}
