@charset "utf-8";

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

/**/
.yin{background: #f5f6f6;padding: 118px 0 82px;}
.yin_l{background:url(../images/yin_k01.gif) no-repeat;width: 468px;height: 343px;overflow: hidden;margin-left: -17px;padding-left: 17px;}
.yin_l em{display: block;height: 60px;padding: 20px 0 0 210px;}
.yin_l span{width: 468px;height: 263px;display: block;line-height: 0;overflow: hidden;}
.yin_l span img,.ys_m dl dt img,.case_r dl dt img,.news dt img,.about dl dt img{width: 468px;height: 263px;
-webkit-transition: 1s;
-moz-transition: 1s;
transition: 1s;}
.yin_l span img:hover,.ys_m dl dt img:hover,.case_r dl dt img:hover,.news dt img:hover,.about dl dt img:hover
{-webkit-transform:scale(1.1);-moz-transform:scale(1.1);-ms-transform:scale(1.1);transform:scale(1.1);}
.yin_r{background:url(../images/yin_k02.gif) no-repeat 0 20px;width: 583px;height: 323px;padding: 20px 0 0 75px;position: relative;}
.yin_r h5{font-size: 36px;color: #000;height: 60px;line-height: 60px;overflow: hidden;}
.yin_desc{font-size: 14px;color: #000;line-height: 30px;height: 90px;overflow: hidden;padding: 10px 0 0;}
.yin_r p{font-size: 16px;color: #000;padding: 110px 0 0;height: 30px;line-height: 30px;overflow: hidden;}
.yin_r em{display: block;position: absolute;top: 178px;right: 0;}
.yin_r span{display: block;position: absolute;top: 285px;left: 300px;}

/*荣誉资质*/
.honor{background:url(../images/honor_bg.jpg) no-repeat center 0;height: 753px;overflow: hidden;padding: 70px 0 0;}
.honor_t{font-size: 40px;color: #333;text-align: center;background:url(../images/honor_line.png) no-repeat center 20px;height: 100px;line-height: 40px;overflow: hidden;}
.honor_t a{font-size: 40px;color: #333;}
.honor_t span{display: block;font-size: 18px;color: #666;font-weight: normal;padding: 5px 0 0;}
.honor_l{width: 356px;padding: 200px 0 0;}
.honor_l p{height: 85px;line-height: 85px;overflow: hidden;}
.honor_l p a{font-size: 20px;color: #333;font-weight: bold;}
.honor_l p a:hover{color: #106b36;}
.honor_l p.honor_p02{padding-left: 30px;}
.honor_l p.honor_p05{padding-right: 55px;}
.honor_r{text-align: right;}

/*产品中心*/
.cp_bg{background:url(../images/cp_bg.jpg) no-repeat center 0;height: 903px;overflow: hidden;padding: 80px 0 0;}
.fenl_btn{display: block;width: 200px;height: 70px;background: #333;position: absolute;top: 130px;right: 0;text-align: center;line-height: 70px;}
.fenl_btn a{font-size: 18px;color: #fff;display: block;}
.fenl_t{width: 1200px;height: 140px;margin: 30px 0;background: #fff;box-shadow: 0 3px 10px 3px #eee;}
.fenl_t ul li{width: 200px;height: 70px;float: left;position: relative;}
.fenl_t ul li a{font-size: 20px;color: #fff;display: block;width: 200px;height: 70px;float: left;text-align: center;line-height: 70px;background: #333 url(../images/cp_bor.gif) no-repeat right 15px;white-space:nowrap; overflow:hidden; text-overflow:ellipsis;}
.fenl_t ul li a:hover,.fenl_t ul li.on a{background: #106b36;}
.fenl_t ul li.on:before{content: "";width: 0;height: 0;position: absolute;top: 70px;left: 46%;
border-top:10px solid #106b36; 
border-left:10px solid transparent;
border-right:10px solid transparent;
}
.fenl_t ul li .cp_list{ display:none;width: 1200px;height: 70px;position: absolute;top: 70px;left: 0;}
.fenl_t ul li .cp_list a{font-size: 16px;color: #666; text-align:left;height: 70px;line-height: 70px;width: 135px;padding: 0 0 0 35px;background: url(../images/cp_ico01.gif) no-repeat 20px 32px;}
.fenl_t ul li .cp_list a:hover{color: #106b36;background: url(../images/cp_ico02.gif) no-repeat 20px 32px;}
.fenl_t ul li.on .cp_list{display: block;}
.fenl_t ul li.fenl_li02 .cp_list{left: -200px;}
.fenl_t ul li.fenl_li03 .cp_list{left: -400px;}
.fenl_t ul li.fenl_li04 .cp_list{left: -600px;}
.fenl_t ul li.fenl_li05 .cp_list{left: -800px;}

.cp_l{width: 678px;}
.cp_l img{width: 678px;height: 512px;}
.cp_r{width: 520px;}
.cp_r ul li{width: 248px;float: left;height: 248px;border: #ebebeb 1px solid;background: #fff;margin: 0 0 10px 10px;-webkit-transition:all .3s;transition:all .3s;}
.cp_r ul li img{width: 248px;height: 186px;}
.cp_r ul li span{font-size: 16px;color: #333;display: block;width: 228px;height: 40px;line-height: 40px;text-align: center;white-space:nowrap; overflow:hidden; text-overflow:ellipsis;padding: 0 10px;}
.cp_r ul li:hover{box-shadow: 0 3px 5px 3px rgba(0,0,0,0.2);z-index:2;-webkit-transform:translate(0,-2px);-webkit-transform:translate(0,-2px);}
.cp_r ul li:hover span{color: #106b36;}

/*优势*/
.ys_bg{background:url(../images/ys_bg.jpg) no-repeat center 0;height: 825px;overflow: hidden;padding: 80px 0 0;}
.ys .honor_t{color: #fff;}
.ys .honor_t span{color: #bdbdbc;}
.ys_t{padding: 35px 0 0;height: 87px;}
.ys_t ul li{width: 300px;float: left;font-size: 22px;color: #fff;font-weight: bold;cursor: pointer;line-height: 40px;}
.ys_t ul li em{display: block;float: left;width: 42px;height: 40px;line-height: 0;overflow: hidden;padding-right: 10px;}
.ys_t ul li em img{width: 42px;height: 80px;-webkit-transition:all .5s;transition:all .5s;}
.ys_t ul li:hover,.ys_t ul li.on{color: #19aa56;}
.ys_t ul li:hover em img,.ys_t ul li.on em img{margin-top: -40px;}
.ys_m dl{width: 1200px;height: 545px;position: relative;}
.ys_m dl dt{width: 1200px;height: 545px;line-height: 0;overflow: hidden;}
.ys_m dl dt img{width: 1200px;height: 545px;}
.ys_m dl dd{background:url(../images/ys_dd.png) no-repeat;width: 440px;height: 448px;position: absolute;bottom: 0;right: 0;z-index: 20;padding: 0 0 0 133px;}
.ys_m dl dd b{display: block;font-size: 26px;color: #fff; font-family:Arial, Helvetica, sans-serif;line-height: 32px;text-transform: uppercase;height: 67px;padding: 5px 0 0 5px;}
.ys_m dl dd b i{display: block;}
.ys_m dl dd h5{font-size: 30px;color: #333;line-height: 80px;padding: 15px 0 0;}
.ys_m dl dd h5 i{display: block;font-size: 72px;color: #12793d;font-style: italic;}
.ys_m dl dd p{font-size: 16px;color: #666;line-height: 30px;height: 120px;overflow: hidden;width: 400px;padding: 10px 0 0;}

/*流程*/
.liuc{background:url(../images/liuc_bg.jpg) no-repeat center 0;height: 230px;overflow: hidden;}
.liuc ul li{width: 171px;float: left;height: 130px;text-align: center;padding: 16px 0 0;background:url(../images/liuc_line.png) no-repeat;}
.liuc ul li em{display: block;width: 52px;height: 52px;line-height: 0;overflow: hidden;margin: 0 auto;}
.liuc ul li em img{width: 52px;height: 104px;-webkit-transition:all .5s;transition:all .5s;}
.liuc ul li span{display: block;font-size: 16px;color: #fff;line-height: 26px;padding: 15px 0 0;}
.liuc ul li i{display: block;font-size: 12px;color: #aaa; font-family:Arial, Helvetica, sans-serif;text-transform: uppercase;}
.liuc ul li:hover em img{margin-top: -52px;}
.liuc ul li:hover span,.liuc ul li:hover i{color: #19aa56;}
.liuc ul li:first-child{background: none;}

/*案例*/
.case_bg{background:url(../images/case_bg.gif) no-repeat center 0;height: 750px;overflow: hidden;padding: 70px 0 0;}
.case_t{padding: 40px 0 0;height: 105px;overflow: hidden;}
.case_t ul li{width: 230px;height: 60px;float: left;margin-left: 93px;}
.case_t ul li a{font-size: 18px;color: #fff;display: block;width: 230px;text-align: center;height: 60px;line-height: 60px;overflow: hidden;background: #333;}
.case_t ul li a:hover,.case_t ul li.cur a{background: #106b36;}
.case_t ul li:first-child{margin-left: 0;}
.case_l{padding: 76px 0 0 1px;width: 235px;}
.case_l ul li{width: 235px;height: 174px;line-height: 0;position: relative;margin-bottom: 1px;}
.case_l ul li img{width: 235px;height: 174px;}
.case_l ul li a{width: 235px;height: 174px;display: none;background: rgba(0,0,0,0.5);position: absolute;top: 0;left: 0;}
.case_l ul li.on a{display: block;}
.case_l ul li em{width: 52px;height: 52px;display: block;margin: 60px auto 0;}
.case_l ul li em img{width: 52px;height: 52px;}
.case_r{width: 950px;}
.case_r dl{width: 950px;}
.case_r dl dt{width: 658px;height: 495px;line-height: 0;overflow: hidden;float: left;}
.case_r dl dt img{width: 658px;height: 495px;}
.case_r dl dd{width: 240px;float: left;padding: 80px 0 0 30px;}
.case_r dl dd h5{line-height: 40px;max-height: 80px;overflow: hidden;}
.case_r dl dd h5 a{font-size: 30px;color: #333;font-weight: normal;}
.case_r dl dd h5 a:hover,.hz_t a:hover{color: #105d36;}
.case_r .case_desc{font-size: 16px;color: #666;line-height: 30px;overflow: hidden;height: 180px;padding: 45px 0 0;}
.case_r dl dd span{display: block;width: 150px;padding: 40px 0 0;}
.case_r dl dd span a{display: block;font-size: 16px;color: #fff;width: 150px;text-align: center;height: 45px;line-height: 45px;overflow: hidden;background: #105d36;}
.case_r dl dd span a:hover{animation:shake 1.5s linear;-webkit-animation:shake 1.5s linear;}

/*合作客户*/
.hz{background: #f6f6f6;padding: 40px 0 70px;}
.hz_t{background:url(../images/hz_tbg.gif) no-repeat;height: 40px;line-height: 38px;overflow: hidden;text-align: center;}
.hz_t a{font-size: 30px;color: #333;}
.hz ul li{width: 228px;height: 129px;float: left;margin-top: 24px;margin-left: 15px;-webkit-transition:all .3s;transition:all .3s;box-shadow: 0 3px 5px 3px #eee;}
.hz ul li img{width: 228px;height: 129px;}
.hz ul li:first-child{margin-left: 0;}
.hz ul li:hover{box-shadow: 0 3px 5px 3px rgba(0,0,0,0.1);z-index:2;-webkit-transform:translate(0,-2px);-webkit-transform:translate(0,-2px);}

/*新闻中心*/
.news_main{padding: 70px 0;}
.news_tit{text-align: center;background:url(../images/news_line.gif) no-repeat center 30px;height: 60px;line-height: 60px;overflow: hidden;}
.news_tit a{font-size: 40px;color: #333;}

.news{ width:550px;padding: 40px 0 0;}
.news_t{ height:70px;line-height: 26px;overflow: hidden;border-bottom: #f3f3f3 2px solid;}
.news_t p{float: left;}
.news_t p a{font-size: 18px;color: #333;font-weight: bold;}
.news_t p a:hover,.news dd h3 a:hover,.news ul li a:hover{color: #106b36;}
.news_t p i{color: #cecece;font-size: 20px;display: block;font-weight: normal; font-family:"Times New Roman", Times, serif;text-transform: uppercase;}
.news_t span{float: right;width: 25px;height: 25px;display: block;line-height: 0;padding: 23px 0 0;}
.news_t span img{width: 25px;height: 25px;}
.news dl{ width:550px; padding:25px 0;border-bottom: #ddd 1px solid; display: inline-block;margin-bottom: 15px;}
.news dt{ width:150px; height:113px;overflow: hidden;float: left;line-height: 0;}
.news dt img{ width:150px; height:113px;}
.news dd{width:370px;float: left; padding:0 0 0 20px;}
.news dd h3{ height:30px; line-height:30px; overflow:hidden;padding: 8px 0 0;}
.news dd h3 a{ font-size:14px; color:#333;display: block;white-space:nowrap; overflow:hidden; text-overflow:ellipsis;width: 370px;}
.news .news_desc{ font-size:14px; color:#909090; height:40px; line-height:20px;overflow: hidden;}
.news dd span{display: block;font-size: 32px;color: #106b36;padding: 8px 0 0;font-weight: bold;}
.news ul li{ height:28px; line-height:28px; overflow:hidden;}
.news ul li a{font-weight: bold; font-size:14px; color:#333;display: block;float: left;width: 410px;white-space:nowrap; overflow:hidden; text-overflow:ellipsis;padding-left: 20px; background:url(../images/news_ico01.gif) no-repeat 0 11px;}
.news ul li span{display: block;float: right;font-size: 14px;color: #909090;width: 100px; text-align:right;}

/*关于华龙*/
.about{background:url(../images/ab_bg.jpg) no-repeat center 0;height: 825px;overflow: hidden;padding: 70px 0 0;}
.about .honor_t{background:url(../images/ab_line.png) no-repeat center 20px;}
.about dl{position: relative;margin-top: 20px;}
.about dl dt{width: 1200px;height: 500px;line-height: 0;overflow: hidden;}
.about dl dt img{width: 1200px;height: 500px;}
.about dl dd{background:url(../images/ab_k.png) no-repeat;height: 215px;position: absolute;top: 354px;left: 0;width: 860px;padding: 55px 170px 0;}
.about .ab_desc{font-size: 14px;color: #666;line-height: 24px;height: 72px;overflow: hidden;}
.about dl dd b{display: block;line-height: 24px;margin-top: -24px;margin-left: 435px;width: 100px;}
.about dl dd b a{font-size: 14px;color: #106b36;}
.about ul{display: block;width: 600px;margin: 0 auto;padding: 35px 0 0;}
.about ul li{width: 120px;float: left;text-align: center;height: 95px;}
.about ul li em{display: block;width: 40px;height: 36px;line-height: 0;overflow: hidden;margin: 0 auto;}
.about ul li em img{width: 40px;height: 72px;-webkit-transition:all .5s;transition:all .5s;}
.about ul li span{display: block;height: 30px;line-height: 30px;overflow: hidden;padding: 5px 0 0;}
.about ul li a{font-size: 16px;color: #333;display: block;background:url(../images/ab_y01.png) no-repeat center bottom;width: 120px;height: 95px;}
.about ul li a:hover,.about ul li.cur a{color: #106b36;background:url(../images/ab_y02.png) no-repeat center bottom;}
.about ul li a:hover em img,.about ul li.cur em img{margin-top: -36px;}

/*友情链接*/
.f_link{height: 60px;line-height: 60px;overflow: hidden;}
.f_link b{display: block;float: left;font-size: 14px;color: #333;width: 80px;}
.f_link p{font-size: 14px;color: #333;float: left;width: 1120px;}
.f_link p a{font-size: 14px;color: #333; padding:0 10px 0 0;}


/**/
@-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);}
}