@charset "utf-8";

body{min-width: 1200px; width: 100%;}

/*案例*/
.case_bg{background: #f8f8f8;font-size: 0; padding:70px 0 40px; border-top:#eee 1px solid;}
.case h2,.cp h2,.ji h2,.ys h2,.team h2{text-align: center;height: 135px;line-height: 30px;}
.case h2 a,.cp h2 a,.ji h2 a,.ys h2 a,.team h2 a{font-size: 28px;color: #333;}
.case h2 span,.cp h2 span,.ji h2 span,.ys h2 span,.team h2 span{display: block;font-weight: normal; padding:15px 0 0;}
.case h2 a:hover,.case dl dd h5 a:hover,.cp h2 a:hover,.ji h2 a:hover,.team h2 a:hover{color: #3498db;}
.case .case_q01,.case .case_q02,.case .case_q03,.case .case_q04{display: block;font-size: 16px;color: #fff;width: 60px;height: 70px;
text-align: center; background:rgba(52,152,219,0.9);line-height: 25px;top:300px;z-index:20;}
.case .case_q01 i,.case .case_q02 i,.case .case_q03 i,.case .case_q04 i{ padding:10px 0 0;display: block;}
.case .case_q01{left:25px;}
.case .case_q02{left:340px;}
.case .case_q03{left:640px;}
.case .case_q04{left:940px;}
.case dl{width: 270px;float: left; padding:0 15px;overflow: hidden;}
.case dl dt{width: 270px;height: 203px;overflow: hidden;}
.case dl dt img{width: 270px;height: 203px;
-webkit-transition: 1s;
-moz-transition: 1s;
transition: 1s;}
.case dl dt img:hover{-webkit-transform:scale(1.1);-moz-transform:scale(1.1);-ms-transform:scale(1.1);transform:scale(1.1);}
.case dl dd{position: relative; background:url(../images/index/case_ddbg.gif) no-repeat;width: 220px;height: 167px; padding:40px 25px 0;}
.case dl dd h5{height: 30px;line-height: 30px;overflow: hidden;}
.case dl dd h5 a{font-size: 16px;color: #333;}
.case dl dd p{font-size: 14px;color: #666;line-height: 26px;height: 78px;overflow: hidden; padding:10px 0 0;}

/*合作客户*/
.hz_bg{background: #f8f8f8;font-size: 0;height: 190px;}
.hz ul li{ margin:0 12px 15px; display:inline; float:left;width:216px;height:122px;position: relative;-webkit-transition:all .3s;transition:all .3s;}
.hz ul li img{width:216px;height:122px; box-shadow:2px 2px 2px #ccc;}
.hz ul li:hover{box-shadow:0 10px 15px 0 #d0d0d0;z-index:2;-webkit-transform:translate(0,-2px);-webkit-transform:translate(0,-2px)}

/*鑫天汇产品中心*/
.cp_bg{ background:url(../images/index/cp_bg.gif) no-repeat center 0;height: 820px;font-size: 0;overflow: hidden;}
.cp_l{width: 300px; padding:3px 0 0;}
.cp_lt{width: 300px;height: 100px;}
.cp_lt a{font-size: 24px;color: #fff; display:inline-block; padding:28px 0 0 82px;}
.cp_ul01 li a{display: block;font-size: 16px;color: #fff; padding:0 0 0 30px;width: 270px;height: 50px;line-height: 50px; background:#2f93d5 url(../images/index/cp_ico01.gif) no-repeat 255px 22px;}
.cp_ul02{ padding:10px 0;width: 300px; display:inline-block;}
.cp_ul02 li{height: 40px;line-height: 40px; border-bottom:#216ca5 1px dashed;}
.cp_ul02 li a{font-size: 14px; background:none;height: 40px;line-height: 40px;}
.cp_ulfirst li{width: 150px;float: left;}
.cp_ulfirst li a{ padding:0 0 0 20px;float: left;width: 130px;}

.cp_r{width: 860px;}
.cp_r ul li { float:left;width: 360px; padding:0 0 0 70px;line-height:0;}
.cp_r .item{display:block;width:360px;float:left;position:relative;text-align:center;}
.cp_r .pic{display:block;width:360px;height:315px;margin-bottom:25px;-webkit-transition:all .3s;transition:all .3s; box-shadow:2px 2px 2px #ccc;}
.cp_r .pic img{width:360px;height:270px;}
.cp_r .item:hover .pic{box-shadow:0 10px 15px 0 #bbb;z-index:2;-webkit-transform:translate(0,-2px);-webkit-transform:translate(0,-2px)}
.cp_r .item em{display: block;font-size: 14px;color: #333;height: 44px;line-height: 44px;width: 360px;text-align: center;background: #fff; border-top:#f0f0f0 1px solid;}

/**/
.ji_bg{ background:url(../images/index/ji_bg.jpg) no-repeat center 0;height: 768px; padding:50px 0 0;font-size: 0;overflow: hidden;}
.ji_t ul li{width: 140px;height: 42px;text-align: center;line-height: 42px;position: absolute;top: 380px;font-size: 14px;color: #fff; background:url(../images/index/ji_rbtn.png) no-repeat;overflow: hidden;z-index: 5;font-weight: bold;}
.ji_t ul li.on{ background:url(../images/index/ji_lbtn.png) no-repeat;}
.ji_lico{left: 0;}
.ji_rico{right: 0;}

.ji_m01{ background:url(../images/index/ji_bg01.gif) no-repeat center 0;height: 632px;}

.ji_m01 dl{ display:inline-block;width: 500px; padding:0 0 110px;}
.ji_m01 dl dt{width: 204px;height: 204px;float: right; box-shadow:2px 5px 8px #ccc;
border-radius:200px;               
-webkit- border-radius:200px;
-moz-border-radius:200px;
-o-border-radius:200px;}
.ji_m01 dl dt img{width: 204px;height: 204px;
-webkit-transition: -webkit-transform 0.5s ease-out;
-moz-transition: -moz-transform 0.5s ease-out;
-o-transition: -o-transform 0.5s ease-out;
-ms-transition: -ms-transform 0.5s ease-out;}
.ji_m01 dl dt img:hover {
-webkit-transform: rotateZ(360deg);
-moz-transform: rotateZ(360deg);
-o-transform: rotateZ(360deg);
-ms-transform: rotateZ(360deg);
transform: rotateZ(360deg);
}

.ji_m01 dl dd{width: 205px;float: left; text-align:right; padding:45px 0 0 55px;}
.ji_m01 dl dd h5{font-size: 18px;color: #333;height: 40px;line-height: 40px;overflow: hidden;}
.ji_m01 dl dd p{font-size: 14px;color: #666;line-height: 25px; padding:12px 0 0;}
.ji_m01 dl dd:hover h5{color: #3498db;}

.ji_m01l,.ji_m01r{width: 500px;}
.ji_m01 .ji_m01r dl dt{float: left;}
.ji_m01 .ji_m01r dl dd{ padding:45px 0 0 40px; text-align:left;}
.ji_m01 .ji_bt01{display: block;font-size: 24px;color: #fff;width: 140px;height: 140px;text-align: center;line-height: 36px;position: absolute;top: 193px;left: 530px;}
.ji_m01 .ji_bt01 i{display: block; padding:32px 0 0;}
.ji_m01 .u_btn{display: block;font-size: 14px;color: #006fb8;font-weight: bold;width: 110px;height: 34px;text-align: center;line-height: 34px; border:#006fb8 1px solid;position: absolute;bottom: 80px;left: 545px;}
.ji_m01 .u_btn:hover,.about dl dd b a:hover{animation:shake .5s linear;-webkit-animation:shake .5s linear;}
.ji_m01 .ji_dl03{ padding:145px 0 0;width: 450px;}
.ji_m01 .ji_dl03 dd{width: 435px;padding: 0;}
.ji_m01 .ji_dl03 dd p{width: 200px;float: right;}

/**/
.ys_bg{ background:url(../images/index/ys_bg.jpg) no-repeat center 0;height: 625px; padding:75px 0 0;font-size: 0;overflow: hidden;}
.ys h2 a{color: #fff;}
.ys_t ul li{height: 190px;position: absolute; padding:0 0 0 40px;width: 275px;}
.ys_t ul li b{display: block;font-size: 20px;color: #333;width: 225px; padding-top:35px;}
.ys_t ul li span{display: block;font-size: 14px;color: #666;line-height: 24px;width: 225px; padding-top:10px;}
.ys_t .ys_li01,.ys_t .ys_li02{left: 0; background:url(../images/index/ys_k01.png) no-repeat;}
.ys_t .ys_li01.on,.ys_t .ys_li02.on{ background:url(../images/index/ys_k02.png) no-repeat;}
.ys_t .ys_li01,.ys_t .ys_li03{top: 135px;}
.ys_t .ys_li02,.ys_t .ys_li04{top: 350px;}
.ys_t .ys_li03,.ys_t .ys_li04{right: 0; background:url(../images/index/ys_k03.png) no-repeat;}
.ys_t .ys_li03.on,.ys_t .ys_li04.on{ background:url(../images/index/ys_k04.png) no-repeat;}
.ys_m p{width: 540px;height: 405px;position: absolute;top: 135px;left: 330px;}
.ys_m p img{width: 540px;height: 405px;}

/**/
.team_bg{ background:url(../images/index/team_bg.jpg) no-repeat center 0;height: 455px; padding:65px 0 0;font-size: 0;overflow: hidden;}
.team ul li{ background:url(../images/index/team_k01.gif) no-repeat;width: 160px;float: left;text-align: center;position: relative;z-index: 4; margin:0 20px 0 0;}
.team ul li b{display: block;font-size: 20px;color: #006fb8;line-height: 30px;height: 160px;z-index: 10;}
.team ul li b i{display: block; padding:50px 0 0;}
.team ul li span{display: block;font-size: 14px;color: #333;line-height: 30px;z-index: 10; padding:12px 0 0;}
.team ul li:hover{ background:url(../images/index/team_k02.gif) no-repeat\9;}/* IE6、IE7、IE8支持 */
.team ul li:hover b{color: #fff;position: relative;-webkit-transition:1s;transition:1s;}
.team ul li:after{content:'';position:absolute;width:100%;height:0; background:url(../images/index/team_k02.gif) no-repeat;top:0;left:0;-webkit-transition:height 1s;transition:height 1s;}
.team ul li:hover:after{height:100%;}

/**/
.news_bg{ background:url(../images/index/news_bg.gif) repeat; padding:45px 0 65px;font-size: 0;overflow: hidden;}
.news_t{height: 50px;line-height: 50px;}
.news_t b{display: block;float: left;height: 58px;}
.news_t b a{font-size: 24px;color: #333;}
.news_t b a:hover,.news_m dl dd h5 a:hover{color: #006fb8;}
.news_t ul{display: block;float: right;width: 230px;}
.news_t ul li{width: 85px;height: 50px;float: left; padding:0 0 0 30px;}
.news_t ul li a{display: block;width: 85px;height: 50px;text-align: center;overflow: hidden;font-size: 16px;color: #333;font-weight: bold;}
.news_t ul li.on a,.news_t ul li a:hover{color: #006fb8; border-bottom:#006fb8 1px solid;}
.news_m dl{ padding:25px 60px 15px 0;float: left;width: 570px;height: 180px;}
.news_m dl dt{width: 120px;height: 160px;float: left;background: #7a8088;font-size: 14px;color: #fff; font-family:Verdana, Geneva, sans-serif;text-align: center;}
.news_m dl dt i{display: block;font-size: 46px;width: 65px;height: 65px; border-bottom:#fff 1px solid; margin:30px auto 15px;}
.news_m dl:hover dt{background: #3598db;}
.news_m dl dd{ background:url(../images/index/news_k01.gif) no-repeat;width: 370px;height: 140px;float: left; padding:20px 40px 0;}
.news_m dl dd h5{height: 30px;line-height: 30px;overflow: hidden;}
.news_m dl dd h5 a{font-size: 16px;color: #333;}
.news_m dl dd p{font-size: 14px;color: #666;line-height: 26px;height: 52px;overflow: hidden; padding:10px 0 0;}
.news_m .nobor{ padding-right:0;}

/*走进鑫天汇*/
.ab_bg{ background:url(../images/index/ab_bg.jpg) no-repeat center 0; height:560px;font-size: 0; overflow:hidden;}
.ab_t{height: 150px;line-height: 170px;text-align: center;}
.ab_t a{font-size: 28px;color: #fff;}
.about dl dt{ width:600px; height:400px; float:left;}
.about dl dt img{ width:600px; height:400px;}
.about dl dd{ width:470px; float:left; padding:20px 0 0 55px;}
.about dl dd h5{height: 95px;line-height: 95px; background:url(../images/index/ab_line.gif) no-repeat 0 93px;}
.about dl dd h5 a{ font-size:22px; color:#333;}
.about dl dd h5 a:hover{color: #006fb8;}
.about dl dd p{ font-size:14px; color:#333; height:120px; line-height:30px; padding:25px 0 0; overflow:hidden;}
.about dl dd b{display: block;width: 112px; padding:35px 0 0;}
.about dl dd b a{display: block;font-size: 14px;color: #006fb8; border:#006fb8 1px solid;width: 110px;height: 34px;text-align: center;line-height: 34px;overflow: hidden;}

/**/
.honor_bg{background: #f8f8f8;font-size: 0; padding:25px 0 70px;}
.honor_t{width: 180px; margin:0 auto;}
.honor_t ul li{height: 50px;line-height: 50px;overflow: hidden;width: 90px;text-align: center;float: left;}
.honor_t ul li a{font-size: 16px;color: #333;font-weight: bold;}
.honor_t ul li.on a,.honor_t ul li a:hover{color: #006fb8;}
.honor01{ padding:20px 0 0;}
.honor01 ul li{ background:url(../images/index/honor_k01.gif) no-repeat 15px 0;;width: 270px;height: 164px;float: left; padding:0 15px;}
.honor01 ul li img{width: 244px;height: 138px;display: block;padding: 13px;}

/*links*/
.links{height: 70px;line-height: 70px;overflow: hidden;}
.link_l {font-size: 16px;color: #666; width:130px;}
.link_l i{font-size: 18px;text-transform: uppercase; padding:0 5px 0 0;}
.lk_c{ width:1070px;}
.lk_c a{ padding:0 15px; display:inline-block; font-size:14px; color:#666;}


/**/
@-webkit-keyframes shake{
  from,to{-webkit-transform:translate3d(0, 0, 0);}
  20%,60%{-webkit-transform:translate3d(-10px, 0, 0);}
  40%,80%{-webkit-transform:translate3d(10px, 0, 0);}
}

@keyframes shake {
  from,to{transform:translate3d(0, 0, 0);}
  20%,60%{transform:translate3d(-10px, 0, 0);}
  40%,80%{transform:translate3d(10px, 0, 0);}
}