@charset "utf-8";
/*about zyr
 * 内容：贷款-联系我们
 * 2017-8-17
 */
/*页面公用 start*/
.center-nav{
	background: url(../images/public/nav-bg_02.jpg) center bottom no-repeat;
}
.zgw-box{
	min-width: 1200px;
}
.opactity:hover{
	filter:alpha(opacity=85);       /* IE */
	-moz-opacity:0.85;              /* 老版Mozilla */
	-khtml-opacity:0.85;              /* 老版Safari */
	opacity: 0.85;
}
.footer-box1{background: #f7f7f7;}
.hot{
    animation: hot 1.4s linear 1;
    -moz-animation: hot 1.4s linear 1;
    -webkit-animation: hot 1.4s linear 1;
    -moz-animation: hot 1.4s linear 1;
    -ms-animation: hot 1.4s linear 1;
    -o-animation: hot 1.4s linear 1;
}
/*页面公用 end*/

/*左边内容  start*/
.guide-bd{
	width: 100%;
}
.guide-fr,.guide-fl{box-shadow: 0 0 15px rgba(227,230,237,1);}
.guide-fl{width:260px;}
.guide-fr{width: 900px;margin-bottom: 60px;}
.guide-fl dl{
	width: 258px;
	border: 1px solid #e5e5e5;
	border-bottom: none;
}
.guide-fl dl dd{
	padding-left: 70px;
	width: 190px;
	height: 59px;
	line-height: 59px;
	text-align: left;
	position: relative;
	cursor: pointer;
	font-size: 18px;
	color: #666;
	border-top: 1px solid #eee;
}
.guide-fl dl i,.guide-fl dl em{
	position: absolute;
}
.guide-fl dl dd:first-child{border: none;}
.guide-fl dl dd i{
	width:22px;
	height:21px;
	left: 29px;
	top: 18px;
	background: url(../images/contact-us/icon_03.png) no-repeat;
}
.guide-fl dl dd .contact-icon2{background-position: 0 -21px;width: 24px;height: 22px;}
.guide-fl dl dd .contact-icon3{background-position: 0 -46px;height: 17px;top: 20px;}
.guide-fl dl dd .contact-icon4{background-position: 0 -63px;width: 21px}
.guide-fl dl dd .contact-icon5{background-position: 0 -84px;width: 20px;height: 20px;}
.guide-fl dl .cur{background: #10bbb8;color: #fff;}
.guide-fl dl .cur i{background-position: -22px 0;}
.guide-fl dl .cur .contact-icon2{background-position: -24px -21px;}
.guide-fl dl .cur .contact-icon3{background-position: -22px -46px;}
.guide-fl dl .cur .contact-icon4{background-position: -21px -63px;}
.guide-fl dl .cur .contact-icon5{background-position: -20px -84px;}
.guide-fl dl dd em{
	width: 7px;
	height: 15px;
	background-position: -57px -76px;
	right: 29px ;
	top: 21px;
}
.guide-fl dl .cur em{background-position: -66px -76px;}
/*左边内容 end*/

/*右边内容 start*/
.guide-text{
	width: 100%;
}
.tt-H3{
	width: 840px;
	margin: 64px auto 43px;
	text-align: center;
	border-bottom: 1px solid #ccc;
	position: relative;
}
.tt-H3 font{
	width: 150px;
	text-align: center;
	background: transparent;
	font-size: 28px;
	line-height: 30px;
	color: #10bbb8;
	position: absolute;
	left: 50%;
	margin-left: -75px;
	top: -45px;
}
.w840{
	width: 840px;
	margin: 0 auto;
}
.contact-list{
	width: 860px;
	margin: 0 auto;
	overflow: hidden;
}
.contact-list li{
	width: 408px;
	height: 198px;
	float: left;
	margin: 0 10px 20px;
	text-align: center;
	border: 1px solid #dedede;
	-webkit-transition: .5s;
	-moz-transition: .5s;
	transition: .5s;
}
.contact-list li p{
	text-align: left;
	padding:0 20px;
	font-size: 16px;
	color: #333;
	line-height: 26px;
	padding-bottom: 7px;
}
.contact-list .contact-li p{padding-bottom: 0;}
.contact-list li p:first-child{padding-top: 20px;}
.contact-list li p>font{color: #666;}
.contact-list li p big{
	color: #10bbb8;
	font-size: 20px;
	-webkit-transition: .5s;
	-moz-transition: .5s;
	transition: .5s;
	padding-left: 3px;
}
.contact-list li p big font{font-size: 14px;color: #333;padding-left: 5px;}
.contact-list li span{font-size: 20px;color: #333;}
.contact-list li i{
	width: 50px;
	height: 50px;
	background: url(../images/contact-us/icon_03.png) no-repeat;
	background-position: -50px 0;
	margin: 49px 0 17px;
}
.contact-list li:hover p big{color: #97D3CB;}
.contact-list li:hover{box-shadow: 0 0 15px 0 rgba(0,0,0,0.2);}
.countact-img{
	text-align: center;
	margin: 20px auto 60px;
}
/*公司介绍 start*/
.introduce-box{
	text-align: left;
	padding-bottom: 25px;
}
.introduce-box p{
	font-size: 16px;
	color: #333;
	line-height: 26px;
}
.introduce-img{
	width: 840px;
	height: 388px;
	overflow: hidden;
	margin: 20px auto;
}
/*公司介绍 end*/
/*荣誉资质 start*/
.honor-img{
	width: 859px;
	height: 1011px;
	text-align: center;
	margin: 0 auto;
}
.honor-img>i{
	width: 859px;
	height: 1011px;
	background: url(../images/contact-us/honor-img_03.jpg) no-repeat;
	height: 0;
}
.honor-img.animated>i {
    transition: all 1s linear;
    -webkit-transition: all 1s linear;
    -moz-transition: all 1s linear;
    -o-transition: all 1s linear;
    height: 1011px;
}
.lc-img{
	height: 620px;
	overflow: hidden;
	margin-bottom: 60px;
	text-align: center;
}
/*企业文化 start*/
.culture-list{
	width: 830px;
	overflow: hidden;
	padding: 0 0 35px;
	margin: 0 auto;
}
.culture-list>li{
	float: left;
	width: 378px;
	height: 128px;
	border: 1px solid #e6e6e6;
	border-radius: 4px;
	margin: 0 15px 20px;
    -webkit-transform: perspective(1px) translateZ(0);
    transform: perspective(1px) translateZ(0);
    box-shadow: 0 0 1px transparent;
    position: relative;
    -webkit-transition-property: color;
    transition-property: color;
    -webkit-transition-duration: 0.3s;
    transition-duration: 0.3s;
}
.culture-list>li:before{
	content: "";
    position: absolute;
    z-index: -1;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    background: #10bbb8;
    -webkit-transform: scaleY(0);
    transform: scaleY(0);
    -webkit-transform-origin: 50%;
    transform-origin: 50%;
    -webkit-transition-property: transform;
    transition-property: transform;
    -webkit-transition-duration: 0.5s;
    transition-duration: 0.5s;
    -webkit-transition-timing-function: ease-out;
    transition-timing-function: ease-out;
}
.culture-list>li>i{
	display:inline-block; /* 现代浏览器 +IE6、7 inline 元素 */  
	*display:inline; /* IE6、7 block 元素 */  
	*zoom:1;  	
	width: 60px;	
	height: 66px;
	float: left;
	background: url(../images/contact-us/icon_02.png) no-repeat;
	margin:30px 20px 0 21px;
}
.culture-list>li .cul-icon2{background-position: -60px 0;}
.culture-list>li .cul-icon3{background-position: -120px 0;}
.culture-list>li .cul-icon4{background-position: -180px 0;}
.culture-list>li .cul-icon5{background-position: -240px 0;}
.culture-list>li .cul-icon6{background-position: -300px 0;}
.culture-list>li .cul-icon7{background-position: -360px 0;}
.culture-list>li .cul-icon8{background-position: -420px 0;}
.culture-list>li .cul-icon9{background-position: -480px 0;}
.culture-list>li:hover{
	border-color: #10bbb8;
}
.culture-list>li:hover:before{
    -webkit-transform: scaleY(1);
    transform: scaleY(1);
}
.culture-list>li:hover i{background-position: 0 -66px;}
.culture-list>li:hover .cul-icon2{background-position: -60px -66px;}
.culture-list>li:hover .cul-icon3{background-position: -120px -66px;}
.culture-list>li:hover .cul-icon4{background-position: -180px -66px;}
.culture-list>li:hover .cul-icon5{background-position: -240px -66px;}
.culture-list>li:hover .cul-icon6{background-position: -300px -66px;}
.culture-list>li:hover .cul-icon7{background-position: -360px -66px;}
.culture-list>li:hover .cul-icon8{background-position: -420px -66px;}
.culture-list>li:hover .cul-icon9{background-position: -480px -66px;}
.culture-list>li:hover h3,
.culture-list>li:hover p,
.culture-list>li:hover a{
	color: #fff;	
}
.culture-text{
	float: left;
	padding-right: 19px;
	color: #666;
	width: 258px;
}
.culture-text>h3{
	font-size: 24px;
	color: #10bbb8;
	line-height: 26px;
	padding: 22px 0 11px;
}
.culture-text>p{
	font-size: 14px;
	line-height: 16px;
}
.see-more{
	text-align: right;
	font-size: 14px;
	padding-left: 170px;
}
.see-more:hover{
	text-decoration: underline;
}
/*企业文化 end*/
/*右边内容 end*/
@-webkit-keyframes hot{
  from{
    transform: scale(1.3);
    opacity: 0;    
  }
  to{
    transform:  scale(1);
    opacity: 1;  
  }
}
@-moz-keyframes hot{
  from{
    transform: scale(1.3);    
    opacity: 0;  
  }
  to{
     transform:  scale(1);
     opacity: 1;  
  }
}
@-ms-keyframes hot{
  from{
    transform: scale(1.3);    
    opacity: 0;  
  }
  to{
     transform:  scale(1);
     opacity: 1;  
  }
}
@-o-keyframes hot{
  from{
    transform: scale(1.3);    
    opacity: 0;  
  }
  to{
     transform:  scale(1);
     opacity: 1;  
  }
}
@keyframes hot{
  from{
    transform: scale(1.3);
    opacity: 0;  
  }
  to{
    transform:  scale(1);
    opacity: 1;  
  }
}
/*弹窗 start*/
.about-layer{
	margin: 0 auto;
	width: 517px;
	padding:0 30px 20px 25px ;
	text-align: left;
	background: #fff;
	display: none;
}
.tt-H4{
	font-size: 18px;
	color: #333;
	line-height: 20px;
	padding: 19px 0 13px;
}
.tt-H4.tt1-H4{
	line-height: 26px;
}
.about-layer>p{
	font-size: 14px;
	color: #666;
	line-height: 26px;
}
.about-layer>p>font{
	color: #333;
}
.layui-layer-setwin .layui-layer-close1.mydefine1 {
    position: absolute;
    top: -21px;
    right: -61px;
    width: 50px;
    height: 52px;
    background: url(../images/contact-us/close.png) center no-repeat;
}
.layui-anim .layui-layer-title{
	width: 426px;
	margin-left: 25px;
	padding: 0px;
	border-bottom: 1px solid #10bbb8;
	font-size: 24px !important;
	color: #10bbb8 !important;
}
.about-p{padding-top: 13px;}
.layui-anim .layui-layer-setwin .layui-layer-close1:hover {
    opacity: .85;
}
.layui-layer.layui-anim.layui-layer-page {
	width: 572px;
}
/*弹窗 end*/