@charset "utf-8";

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

/**/
.yin{padding: 100px 0 70px;}
.yin_l{width: 250px;}
.yin_l a{display: block;font-size: 36px;color: #0073cb;font-weight: bold;line-height: 38px;}
.yin_l em{display: block;padding: 0 0 20px;}
.yin_l em img{width: 235px;height: 80px;}
.yin_l span{display: block;font-size: 16px;font-weight: normal;}
.yin_l i{display: block;width: 230px;text-align: center;height: 48px;line-height: 48px;background: #0073cb;font-size: 16px;color: #fff;border-radius:0 20px;margin-top: 40px;}
.yin_r{width: 830px;height: 260px;overflow: auto;}
.yin_r ul{display: block;width: 1720px;}
.yin_r ul li{width: 180px;float: left;padding: 0 35px 0 0;}
.yin_r ul li em{width: 180px;height: 180px;display: block;border-radius: 50%;line-height: 0;overflow: hidden;}
.yin_r ul li em img{width: 180px;height: 180px;display: block;border-radius: 50%; transition: all 0.3s ease-in-out 0s;}
.yin_r ul li b{display: block;font-size: 16px;color: #333;width: 180px;text-align: center;height: 30px;line-height: 30px;padding: 10px 0 0;white-space:nowrap; overflow:hidden; text-overflow:ellipsis;}
.yin_r ul li:hover img{ transform: rotateY(180deg);}

/*产品中心*/
.cp_bg{background:url(http://www.njhkyq.com/images/cp_bg.jpg) no-repeat center 0;overflow: hidden;padding: 40px 0 0;}
.cp_t{background:url(http://www.njhkyq.com/images/cp_tbg.png) no-repeat;width: 1120px;height: 80px;padding: 0 0 0 80px;font-size: 40px;color: #333;overflow: hidden;line-height: 32px;margin: 0 auto;}
.cp_t a{color: #333;}
.cp_t span{display: block;font-size: 16px;color: #666;font-weight: normal;}
.cp_l{width: 295px;margin: 44px 0 0;background: #fff;border-radius: 30px 0 0;border-bottom: #0073cb 2px solid;}
.cp_h2{width: 295px;height: 100px;overflow: hidden;background: #0073cb;border-radius: 30px 0 0;}
.cp_h2 a{font-size: 24px;color: #fff;display: block;padding: 20px 0 0 30px;}
.cp_h2 em{display: block;width: 160px;height: 20px;padding: 15px 0 0;}
.cp_h2 em img{width: 160px;height: 20px;}
.cp_lm{width: 295px;overflow: hidden;}
.cp_lm h3{width: 295px;height: 55px;overflow: hidden;margin-top: 1px;}
.cp_lm h3 a{font-size: 16px;color: #fff;display: block;width: 265px;height: 55px;line-height: 55px;background:#666 url(http://www.njhkyq.com/images/cp_ico02.png) no-repeat 260px 20px;padding: 0 0 0 30px;}
.cp_lm h3 a:hover,.cp_lm h3.on a{background:#0073cb url(http://www.njhkyq.com/images/cp_ico01.png) no-repeat 260px 23px;}
.cp_lm ul li{border-bottom: #e2e2e2 1px solid;}
.cp_lm ul li a{font-size: 14px;color: #555;background:url(http://www.njhkyq.com/images/cp_ico03.png) no-repeat 240px 18px;white-space:nowrap; overflow:hidden; text-overflow:ellipsis;display: block;width: 265px;height: 52px;line-height: 52px;padding: 0 0 0 30px;}
.cp_lm ul li a:hover{color: #0073cb;}
.cp_lb{font-size: 24px;color: #d4e1f3;display: block;width: 295px;text-align: center;height: 106px;line-height: 106px;text-transform: uppercase;overflow: hidden;}
.cp_r{width: 880px;margin: 44px 0 0;}
.cp_rm{width: 880px;height: 440px;position: relative;overflow: hidden;}
.cp_r dl{width: 880px;height: 440px;position: relative;background:url(http://www.njhkyq.com/images/cp_k.jpg) no-repeat;}
.cp_r dl dt{width: 880px;height: 440px;line-height: 0;overflow: hidden;-webkit-transition:transform .3s;transition:transform .3s;}
.cp_r dl dt img{width: 880px;height: 440px;}
.cp_r dl dt:hover{-webkit-transform:translate(0,-10px);transform:translate(0,-10px);}
.cp_r dl dd{width: 220px;height: 200px;position: absolute;top: 105px;right: 55px;padding: 15px 10px 0;z-index: 20;border: #fff 7px solid;}
.cp_r dl dd h5{height: 70px;line-height: 60px;overflow: hidden;background:url(http://www.njhkyq.com/images/cp_line.png) no-repeat 0 65px;}
.cp_r dl dd h5 a{font-size: 36px;color: #fff;font-weight: normal;display: block;width: 220px;white-space:nowrap; overflow:hidden; text-overflow:ellipsis;}
.cp_r .cp_desc{font-size: 16px;color: #fff;line-height: 30px;height: 90px;overflow: hidden;padding: 20px 0 0;}
.cp_lico,.cp_rico{display: block;width: 41px;height: 64px;position: absolute;top: 180px;z-index: 20;}
.cp_lico{left: 0;}
.cp_rico{right: 0;}
.cp_bot{width: 120px;height: 20px;position: absolute;bottom: 35px;right: 0;z-index: 20;}
.cp_bot ul li{float: left;height: 10px;width: 10px;border-radius: 50%;background: #fff; text-indent: -9999px;margin-right: 12px;border: #23639c 2px solid;cursor: pointer;}
.cp_bot ul li.on{background: #23639c;border: #fff 2px solid;}
.cp_list{width: 880px;}
.cp_list ul li{width: 275px;height: 246px;background: #fff;float: left;position: relative;border: #e2e2e2 1px solid;margin-top: 20px;margin-right: 16px;}
.cp_list ul li b{width: 57px;height: 57px;display: none;line-height: 0;position: absolute;top: -3px;left: -3px;z-index: 20;}
.cp_list ul li b img{width: 57px;height: 57px;}
.cp_list ul li:first-child b{display: block;}
.cp_list ul li em{width: 275px;height: 206px;display: block;line-height: 0;overflow: hidden;}
.cp_list ul li em img,.ys_l img,.jz_m dl dt img,.wd_m dd h5 img,.about dl dt img,.honor_t ul li img{width: 275px;height: 206px;
-webkit-transition: 1s;
-moz-transition: 1s;
transition: 1s;}
.cp_list ul li em img:hover,.ys_l img:hover,.jz_m dl dt img:hover,.wd_m dd h5 img:hover,.about dl dt img:hover,.honor_t ul li img:hover
{-webkit-transform:scale(1.1);-moz-transform:scale(1.1);-ms-transform:scale(1.1);transform:scale(1.1);}
.cp_list ul li h4{display: block;width: 240px;height: 30px;line-height: 30px;font-size: 14px;color: #0073cb;position: absolute;bottom: 5px;left: 0;padding: 0 15px;background:url(http://www.njhkyq.com/images/cp_ico04.png) no-repeat 240px 8px;font-weight: normal;}
.cp_list ul li.nobor{margin-right: 0;}
.cp_list ul li:hover{border: #0073cb 1px solid;}
.cp_list ul li:hover h4{background:url(http://www.njhkyq.com/images/cp_ico05.png) no-repeat 240px 8px;}

/*产品优势*/
.four{padding: 100px 0;}
.four .cp_t{background:url(http://www.njhkyq.com/images/four_tbg.png) no-repeat;}
.four dl{width: 285px;height: 442px;position: relative;margin: 90px 15px 0 0;float: left;overflow: hidden;-webkit-transition:transform .3s;transition:transform .3s;}
.four dl dt{width: 285px;line-height: 0;position: relative;border-radius: 50px 0 0;}
.four dl dt img{width: 285px;height: 442px;display: block;border-radius: 50px 0 0;}
.four dl dt h4{font-size: 24px;color: #fff;height: 123px;line-height: 32px;width: 285px;text-align: center;position: absolute;bottom: 0;left: 0;background: #0073cb;
transition:height .5s;
-moz-transition:height .5s; /* Firefox 4 */
-webkit-transition:height .5s; /* Safari and Chrome */
-o-transition:height .5s; /* Opera */}
.four dl dt h4 em{display: block;width: 72px;height: 72px;line-height: 0;position: absolute;top: -36px;left: 105px;}
.four dl dt h4 em img{width: 72px;height: 72px;border-radius:0;}
.four dl dt h4 b{display: block;padding: 45px 0 0;}
.four dl dt h4 i{display: block;font-size: 16px;color: #74a5db;font-weight: normal;text-transform: uppercase; font-family:Arial, Helvetica, sans-serif;}
.four dl dd{background: rgba(0,115,203,0.8);position: absolute;bottom: 0;left: 0;height: 0;overflow: hidden;width: 285px;border-radius: 50px 0 0;
transition:height .5s;
-moz-transition:height .5s; /* Firefox 4 */
-webkit-transition:height .5s; /* Safari and Chrome */
-o-transition:height .5s; /* Opera */}
.four dl dd h5{height: 75px;line-height: 75px;overflow: hidden; background:url(http://www.njhkyq.com/images/four_line.gif) no-repeat center 73px;font-size: 24px;color: #fff;text-align: center;}
.four dl dd em{display: block;width: 62px;height: 62px;line-height: 0;margin: 100px auto 0;background: #fff;border-radius: 50%;}
.four dl dd em img{width: 62px;height: 62px;background: #fff;border-radius: 50%;display: block;}
.four dl dd p{font-size: 16px;color: #fff;line-height: 30px;height: 120px;overflow: hidden;width: 240px;margin: 0 auto;padding: 20px 0 0;}
.four dl:hover dd,.four dl.cur dd{height: 442px;}
.four dl:hover dt h4,.four dl.cur dt h4{height: 0;}
.four dl:hover dt h4 em,.four dl.cur dt h4 em{top: 0;}
.four dl:hover,.four dl.cur{-webkit-transform:translate(0,-50px);transform:translate(0,-50px);}
.four .nobor{margin-right: 0;}

/*广告条*/
.ban01{background:url(http://www.njhkyq.com/images/ban01.jpg) no-repeat center 0;height: 220px;overflow: hidden;padding: 80px 0 0;}
.ban01_l{width: 760px;padding: 3px 0 0 30px;}
.ban01_l span{display: block;font-size: 22px;color: #fff;line-height: 30px;letter-spacing: 2px;}
.ban01_l span i{font-size: 16px;color: #5997d7;text-transform: uppercase; font-family:Arial, Helvetica, sans-serif;padding-left: 10px;letter-spacing: 1px;}
.ban01_l p{font-size: 38px;color: #fff;line-height: 60px;letter-spacing: 4px;}
.ban01_l p em{display: block;}
.ban01_r{width: 330px;padding: 65px 0 0;}
.ban01_r em{display: block;width: 180px;float: right;height: 55px;}
.ban01_r em a{display: block;width: 180px;text-align: center;height: 38px;line-height: 38px;background: #fff;font-size: 20px;color: #0073cb;border-radius: 12px 0;letter-spacing: 2px;}
.ban01_r em a:hover{animation:shake 1.5s linear;-webkit-animation:shake 1.5s linear;}
.ban01_r span{display: block;font-size: 34px;color: #fff;font-weight: bold;background:url(http://www.njhkyq.com/images/ban_tel.png) no-repeat 70px 3px;height: 40px;line-height: 40px;width: 330px;clear: both;text-align: right; font-family:Arial, Helvetica, sans-serif;}

/*优势*/
.ys{padding: 90px 0;overflow: hidden;}
.ys .cp_t{background:url(http://www.njhkyq.com/images/ys_tbg.png) no-repeat;margin-bottom: 45px;width: 1100px;padding: 0 0 0 100px;}
.ys_l{width: 600px;line-height:0;}
.ys_qie ul li{width: 960px;height: 422px;line-height: 0;overflow: hidden;}
.ys_qie ul li img{width: 960px;height: 422px;}
.ys_bot{width: 120px;height: 12px;position: absolute;bottom: 20px;right: 0;z-index: 20;}
.ys_bot ul li{float: left;height: 12px;width: 12px;border-radius: 50%;background: #fff; text-indent: -9999px;margin-right: 12px;cursor: pointer;}
.ys_bot ul li.on{background: #23639c;}
.ys_r{width: 550px;padding: 45px 0 0;}
.ys dl{width: 550px;}
.ys dl dt{width: 550px;height: 68px;overflow: hidden;}
.ys dl dt em{dbwidth: 68px;height: 68px;float: left;}
.ys dl dt em img{width: 68px;height: 68px;}
.ys dl dt h5{font-size: 34px;color: #3e3e3e;float: left;line-height: 32px;padding: 0 0 0 20px;}
.ys dl dt h5 i{display: block;font-size: 20px;color: #666;font-weight: normal;padding: 8px 0 0;}
.ys dl dd{width: 550px;padding: 30px 0 0;}
.ys dl dd p{font-size: 16px;color: #838282;line-height: 30px;padding: 10px 0 0;}
.ys dl dd i{color: #0073cb;}
.ys01,.ys02,.ys03{height: 422px;overflow: hidden;}
.ys02 .ys_l{width: 960px;position: absolute;top: 0;left: 50%;}
.ys02 .ys_bot{width: 120px;height: 12px;position: absolute;bottom: 15px;right: auto;left: 30px;z-index: 20;}
.ys03 .ys_l{width: 960px;position: absolute;top: 0;right: 50%;height: 422px;overflow:hidden;}
.ys03 .ys_r{padding: 70px 0 0;}
.ys01 .ys_l{width: 600px;height: 422px;overflow:hidden;}
.ys01 .ys_l img{width: 600px;height: 422px;}
.ys03 .ys_l img{width: 960px;height: 422px;}

/*客户见证*/
.jz_bg{padding: 0 0 70px;}
.jz .cp_t{background:url(http://www.njhkyq.com/images/jz_tbg.png) no-repeat;}
.jz_t{padding: 35px 0 0;height: 85px;}
.jz_t ul li{width: 171px;float: left;height: 55px;}
.jz_t ul li a{font-size: 16px;color: #000;display: block;width: 171px;text-align: center;height: 55px;float: left;overflow: hidden;background:url(http://www.njhkyq.com/images/jz_ico01.png) no-repeat center bottom;}
.jz_t ul li a:hover,.jz_t ul li.cur a{color: #0073cb;background:url(http://www.njhkyq.com/images/jz_ico02.png) no-repeat center bottom;}
.jz_m{width: 1200px;overflow: hidden;padding: 35px 0 0;}
.jz_m dl{ overflow: hidden;width: 345px;float: left;margin: 10px 18px 10px 0;border: #cfcfcf 1px solid;padding: 19px;} 
.jz_m dl dt{width: 345px;height: 345px;overflow: hidden;line-height: 0;}
.jz_m dl dt img{width: 345px;height: 345px;}
.jz_m dl dd{width: 345px;padding: 15px 0 0;}
.jz_m dl dd h5{height: 32px;line-height: 32px;overflow: hidden;}
.jz_m dl dd h5 a{font-size: 18px;color: #000;display: block;width: 300px;white-space:nowrap; overflow:hidden; text-overflow:ellipsis;font-weight: normal;}
.jz_m dl dd h5 a:hover{color: #0073cb;}
.jz_m .jz_desc{font-size: 16px; color: #666; line-height: 25px; height: 50px; overflow: hidden;padding: 10px 0 0;} 
.jz_m dl:hover{box-shadow: 0 3px 10px 3px rgba(0,0,0,0.1);}

/*新闻中心*/
.news_bg{ background:#f5f5f5; padding:35px 0 60px;overflow: hidden;}
.news_bg .cp_t{background:url(http://www.njhkyq.com/images/news_tbg.png) no-repeat;line-height: 80px;}
.wd{ width:325px; margin:55px 0 0;}
.wd_m dl{ width:325px;}
.wd_m dt{width: 290px;height: 115px;background: #0073cb;overflow: hidden; padding:25px 10px 0 25px;}
.wd_m dt a{display: block;width: 290px;font-size: 18px;color: #f0f0f0;font-weight: bold;height: 30px;line-height: 30px;white-space:nowrap; overflow:hidden; text-overflow:ellipsis;}
.wd_m dt span{display: block;font-size: 18px;color: #f0f0f0; font-family:Arial, Helvetica, sans-serif; padding:8px 0 0;}
.wd_m dd{ width:325px;}
.wd_m dd h5{width: 325px;height: 184px;overflow: hidden;}
.wd_m dd h5 img{width: 325px;height: 184px;}
.wd_m .news_desc{font-size: 14px;color: #666;line-height: 24px;height: 96px;overflow: hidden; padding:20px 0 0;width: 270px; margin:0 auto;}
.news_btn{position: absolute;top: 100px;right: 10px;width: 55px;z-index: 20;}
.news_btn a{display: block;width: 10px;height: 19px;float: left; padding:0 15px 0 0;}

/*公司动态*/
.news{ width:830px; padding:55px 0 0;}
.news_t{ height:40px; line-height:40px; }
.news_t ul li{float: left;}
.news_t ul li a{font-size: 18px;color: #333;display: block;height: 40px;width: 100px; padding:0 0 0 15px;float: left; background:url(http://www.njhkyq.com/images/news_line01.gif) no-repeat 0 11px;}
.news_t ul li a:hover,.news_t ul li.on a{font-weight: bold;color: #0073cb; background:url(http://www.njhkyq.com/images/news_line02.gif) no-repeat 0 13px;}
.news_t span{float: right;display: block;width: 150px;text-align: center;}
.news_t span a{font-size: 16px;color: #adadad;text-transform: uppercase;}
.news_m dl{ width:830px;height: 110px; border-bottom:#ddd 1px solid; padding:20px 0 0;overflow: hidden;}
.news_m dt{width: 150px;height: 90px;background: #eee;float: right; font-family:Arial, Helvetica, sans-serif;font-size: 16px;color: #5c5c5c;text-align: center;line-height: 34px; padding:20px 0 0;}
.news_m dt b{display: block;font-size: 48px;font-weight: normal;}
.news_m dd{ float:left; overflow:hidden; width:645px;}
.news_m dd h5{height: 30px;line-height: 30px;overflow: hidden;}
.news_m dd h5 a{font-size: 16px;color: #444;display: block;white-space:nowrap; overflow:hidden; text-overflow:ellipsis;}
.news_m dd h5 a:hover{color: #0073cb;}
.news_m .news_desc{font-size: 14px;color: #777;line-height: 22px;height: 44px;overflow: hidden; padding:5px 0 0;}
.news_m dl:hover{ border-bottom:#ccc 1px solid;}
.news_m dl:hover dt{background: #ccc;color: #fff;}

/*关于环科*/
.about{background:url(http://www.njhkyq.com/images/ab_bg.gif) no-repeat center 0;height: 710px;overflow: hidden;padding: 95px 0 0;}
.about .cp_t{background:url(http://www.njhkyq.com/images/ab_tbg.png) no-repeat;width: 1100px;padding-left: 100px;}
.about dl{margin-top: 42px;position: relative;}
.about dl dt{width: 960px;height: 440px;position: absolute;top: 0;left: 50%;line-height: 0;overflow: hidden;}
.about dl dt img{width: 960px;height: 440px;}
.about dl dd{width: 560px;float: left;}
.about dl dd h5{height: 30px;line-height: 30px;overflow: hidden;}
.about dl dd h5 a{font-size: 20px;color: #666;}
.about dl dd h5 a:hover{color: #0073cb;}
.about .ab_desc{font-size: 16px;color: #666;line-height: 32px;overflow: hidden;padding: 10px 0 0;}
.about dl dd span{display: block;line-height: 32px;margin-top: -32px;float: right;}
.about dl dd span a{font-size: 16px;color: #0073cb;}

/*荣誉资质*/
.honor{width: 560px;position: absolute;top: 350px;left: 0;z-index: 20;}
.honor_t{width: 486px;}
.honor_t ul li{width: 138px;height: 182px;float: left;line-height: 0;overflow: hidden;border: #b9e1ff 2px solid;margin-right: 20px;}
.honor_t ul li img{width: 138px;height: 182px;}
.honor_b{padding: 20px 0 0;width: 474px;}
.honor_b ul li{width: 134px;float: left;padding-right: 24px;}
.honor_b ul li a{display: block;font-size: 18px;color: #808080;width: 130px;text-align: center;height: 36px;line-height: 36px;overflow: hidden;border: #0073cb 2px solid;border-radius: 20px 0;}
.honor_b ul li a:hover{background: #0073cb;color: #fff;}

/*友情链接*/
.f_link{background:url(http://www.njhkyq.com/images/link_bg.jpg) no-repeat center 0;overflow: hidden;line-height: 80px;overflow: hidden;}
.f_link b{display: block;float: left;font-size: 14px;color: #fff;width: 80px;}
.f_link p{font-size: 14px;color: #fff;float: left;width: 1120px;}
.f_link p a{font-size: 14px;color: #fff; 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);}
}