@charset "utf-8";

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

/**/
.yin{background: #f6f6f6;padding: 90px 0 0;}
.yin_t{font-size: 40px;color: #333;background:url(../images/yin_tbg.gif) no-repeat center 0;text-align: center;height: 90px;line-height: 40px;overflow: hidden;padding: 30px 0 0;}
.yin_t a{color: #333;}
.yin_t span{display: block;font-size: 16px;color: #666;font-weight: normal;padding: 5px 0 0;}
.yin_l{width: 250px;padding: 40px 0 0;}
.yin_l dl{width: 250px;height: 208px;overflow: hidden;}
.yin_l dl dt{font-size: 20px;color: #333;font-weight: bold;height: 44px;line-height: 44px;overflow: hidden;}
.yin_l dl dt em{display: block;float: left;width: 44px;height: 44px;line-height: 0;overflow: hidden;background: #333;border-radius: 5px;margin-right: 20px;}
.yin_l dl dt em img{width: 44px;height: 44px;}
.yin_l dl:hover dt{color: #079fe5;}
.yin_l dl:hover dt em{background: #079fe5;}
.yin_l dl dd{padding: 15px 0 0;height: 75px;overflow: hidden;}
.yin_l dl dd p{font-size: 14px;color: #999;line-height: 25px;}
.yin_c{width: 700px;height: 620px;padding: 55px 0 0;-webkit-transition:transform .3s;transition:transform .3s;}
.yin_c img{width: 700px;height: 620px;}
.yin_c:hover{-webkit-transform:translate(0,-10px);transform:translate(0,-10px);}

/*案例见证*/
.case{background:url(../images/case_bg01.jpg) no-repeat center 0;height: 818px;overflow: hidden;padding: 70px 0 0;}
.case .yin_t{background:url(../images/case_tbg.gif) no-repeat center 0;}
.case_t{height: 57px;overflow: hidden;padding: 37px 0 0;}
.case_t ul li{float: left;padding: 0 5px;width: 160px;}
.case_t ul li a{font-size: 16px;color: #1a1a1a;display: block;width: 160px;text-align: center;height: 38px;line-height: 38px;overflow: hidden;border-radius: 20px;}
.case_t ul li a:hover,.case_t ul li.cur a{color: #fff;font-weight: bold;background: #079fe6;}
.cases { width: 100%; min-width: 1200px; height: 600px; position: relative; overflow: hidden; }
.case_con { width: 1200px; position: absolute; left: 50%; margin-left: -600px; }
.case_con .tempWrap .case_m { margin-left: -1200px !important; }
.case_con .tempWrap, .case_con .tempWrap .case_m { overflow: visible !important; }
.case_con dl { width: 1200px; height: 600px; overflow: visible; position: relative; }
.case_con dl dd { width: 1200px; height: 600px; overflow: hidden; line-height: 0;}
.case_con dl dd img,.case_main ul li img,.cp01 ul li img,.ys_m dl dt img,.news dt img,.about dl dt img { width: 1200px; height: 600px;
-webkit-transition: 1s;
-moz-transition: 1s;
transition: 1s;}
.case_con dl dd img:hover,.case_main ul li img:hover,.cp01 ul li img:hover,.ys_m 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);}
.case_con dl dt {position: absolute;left: 132px; height: 100px;width: 930px;background: rgba(0,0,0,0.5); box-sizing: border-box; transition: all .6s ease-in-out; }
.case_con dl dt h4 {width: 170px;padding: 0 6px; font-size: 24px; height: 100px;line-height: 100px;background: #079fe6; float: left;white-space:nowrap; overflow:hidden; text-overflow:ellipsis;color: #fff;text-align: center;}
.case_con dl dt h4 a { color: #fff; }
.case_desc{font-size: 14px;color: #e2e2e2;line-height: 25px;height: 50px;overflow: hidden;width: 550px;float: left;padding: 20px 0 0 40px;}
.case_con dl dt em { display: block;position: absolute;top: 30px;right: 60px; }
.case_con dl dt em img{width: 20px;height: 32px;}
.case_con dl dt em a{display: block;width: 20px;height: 32px;}
.case_con dl dt em a:hover,.ban_r em a:hover{animation:shake 1.5s linear;-webkit-animation:shake 1.5s linear;}
.case .pnBtn .blackBg { display: block; position: absolute; left: 0; top: 0; width: 100%; height: 600px; background: #000; filter: alpha(opacity=50); opacity: 0.5; }
.case .pnBtn { position: absolute; z-index: 1; top: 0; width: 100%; height: 600px; cursor: pointer; }
.case .prev { left: -50%; margin-left: -600px; }
.case .next { left: 50%; margin-left: 600px; }
.case .pnBtn .arrow { display: none; opacity: .6; position: absolute; top: 0; z-index: 1; width: 90px; height: 600px; transition: all 1s ease-in-out; }
.case .pnBtn .arrow:hover { filter: alpha(opacity=100); opacity: 1; }
.case .prev .arrow { right: 10px; background: url(../images/case_lico.png) no-repeat center; }
.case .next .arrow { left: 10px; background: url(../images/case_rico.png) no-repeat center; }

/**/
.case_main{background:url(../images/case_bg02.jpg) no-repeat center 0;height: 282px;overflow: hidden;padding: 56px 0 0;}
.case_qie{width: 1150px;overflow: hidden;margin: 0 auto;}
.case_main ul li{width: 359px;height: 203px;float: left;line-height: 0;position: relative;overflow: hidden;margin-right: 35px;}
.case_main ul li img{width: 359px;height: 203px;}
.case_main ul li span{display: block;width: 359px;height: 45px;line-height: 45px;position: absolute;bottom: 0;left: 0;overflow: hidden;background: rgba(0,0,0,0.7);}
.case_main ul li i{display: block;font-size: 18px;float: left;color: #fff;width: 250px;padding-left: 10px;white-space:nowrap; overflow:hidden; text-overflow:ellipsis;}
.case_main ul li em{background:url(../images/case_btn02.png) no-repeat;display: block;width: 90px;height: 45px;float: right;}
.case_main ul li:hover em{background:url(../images/case_btn03.png) no-repeat;}
.case_mn p{width: 55px;height: 55px;position: absolute;top: 70px;z-index: 30;}
.case_mn p a{display: block;width: 55px;height: 55px;}
.case_l a{background:url(../images/case_lico01.png) no-repeat;}
.case_l a:hover{background:url(../images/case_lico02.png) no-repeat;}
.case_r a{background:url(../images/case_rico01.png) no-repeat;}
.case_r a:hover{background:url(../images/case_rico02.png) no-repeat;}
.case_l{left: -50px;}
.case_r{right: -50px;}

/**/
.chanp{padding: 70px 0;}
.chanp .yin_t{background:url(../images/cp_tbg.gif) no-repeat center 0;}
.cp01{padding: 50px 0 0;}
.cp01 ul li{width: 242px;height: 324px;float: left;position: relative;line-height: 0;overflow: hidden;margin-top: 175px;margin-left: 33px;box-shadow: 0 3px 10px 3px rgba(0,0,0,0.1);}
.cp01 ul li img{width: 242px;height: 324px;}
.cp01 ul li span{display: block;width: 242px;text-align: center;height: 40px;line-height: 40px;font-size: 14px;color: #333;position: absolute;bottom: 10px;left: 0;overflow: hidden;}
.cp01 ul li:first-child{width: 375px;height: 500px;margin: 0;}
.cp01 ul li:first-child img{width: 375px;height: 500px;}
.cp01 ul li:first-child span{width: 375px;color: #fff;}
.cp02{width: 780px;position: absolute;top: 240px;right: 0;}
.cp02 ul li{height: 40px;line-height: 40px;float: left;overflow: hidden;width: 260px;}
.cp02 ul li a{font-size: 16px;color: #333;}
.cp02 ul li a:hover{color: #079fe5;}
.cp02 ul li b{padding:0 5px 0 0;}

/*优势*/
.ys_bg{background:url(../images/ys_bg.jpg) no-repeat center 0;height: 950px;overflow: hidden;padding: 85px 0 0;}
.ys .yin_t{background:url(../images/ys_tbg.png) no-repeat center 0;color: #fff;}
.ys .yin_t span{color: #999;}
.ys_t{padding: 45px 0 0;height: 114px;}
.ys_t ul li{width: 300px;float: left;color: #fff;cursor: pointer;line-height: 30px;height: 85px;overflow: hidden;}
.ys_t ul li em{display: block;float: left;width: 56px;height: 50px;line-height: 0;overflow: hidden;padding-right: 14px;}
.ys_t ul li b{display: block;float: left;font-size: 20px;width: 230px;}
.ys_t ul li i{display: block;font-size: 14px;color: #aaa;text-transform: uppercase; font-family:Arial, Helvetica, sans-serif;font-weight: normal;}
.ys_t ul li em img{width: 56px;height: 100px;-webkit-transition:all .5s;transition:all .5s;}
.ys_t ul li:hover,.ys_t ul li.on{background:url(../images/ys_line01.png) no-repeat 0 72px;}
.ys_t ul li:hover,.ys_t ul li.on,.ys_t ul li:hover i,.ys_t ul li.on i{color: #079fe6;}
.ys_t ul li:hover em img,.ys_t ul li.on em img{margin-top: -50px;}
.ys_m dl{width: 1200px;height: 584px;position: relative;}
.ys_m dl dt{width: 1200px;height: 584px;line-height: 0;overflow: hidden;}
.ys_m dl dt img{width: 1200px;height: 584px;}
.ys_m dl dd{background:url(../images/ys_k.png) no-repeat;width: 515px;height: 460px;position: absolute;top: 36px;right: 0;z-index: 20;}
.ys_m dl dd span{ display:block;position: absolute;top: 105px;right: -10px;font-size: 160px;color: rgba(0,0,0,0.1); font-weight:bold; line-height:130px;}
.ys_m dl dd em{display: block;width: 175px;height: 175px;}
.ys_m dl dd em img{width: 175px;height: 175px;}
.ys_m dl dd h5{font-size: 26px;color: #333;line-height: 32px;margin: 10px 0 20px 145px;height: 70px;border-bottom: #b5b5b5 1px solid;width: 330px;}
.ys_m dl dd h5 i{display: block;font-size: 14px;color: #aaa; font-family:Arial, Helvetica, sans-serif;font-weight: normal;text-transform: uppercase;}
.ys_m dl dd p{font-size: 14px;color: #666;line-height: 28px;overflow: hidden;width: 330px;padding: 0 0 0 145px;}
.ys_m dl dd p b{color: #079fe5;}

/**/
.three{padding: 80px 0;}
.three p{width: 357px;height: 154px;float: left;text-align: center;line-height: 36px;overflow: hidden;-webkit-transition:transform .3s;transition:transform .3s;padding-right: 63px;position: relative;background:url(../images/three_line.jpg) no-repeat 388px 0;}
.three p a{font-size: 24px;color: #fff;display: block;width: 357px;height: 154px;background: rgba(0,0,0,0.5);position: absolute;top: 0;left: 0;}
.three p b{display: block;padding: 20px 0 0;}
.three p em{display: block;font-size: 18px;color: #e2e3e4;}
.three p i{display: block;width: 100px;text-align: center;height: 30px;line-height: 30px;background: #01bade;overflow: hidden;margin: 10px auto 0;font-size: 14px;color: #fff;border-radius: 5px;}
.three p.nobor{padding-right: 0;background: none;}
.three p:hover{-webkit-transform:translate(0,-10px);transform:translate(0,-10px);}
.three p:hover a{background: rgba(255,255,255,0.6);color: #333;}
.three p:hover em{color: #666;}

/*合作客户*/
.hz{background: #eee;padding: 80px 0;}
.hz .yin_t{background:url(../images/hz_tbg.gif) no-repeat center 0;height: 130px;}
.hz ul li{width: 240px;height: 135px;float: left;line-height: 0;border-bottom: #ddd 1px solid;position: relative;}
.hz ul li a{ display:block; position:relative;width: 240px;height: 135px;}
.hz ul li a:before{content: "";width: 1px;height: 100%;background: #ddd;position: absolute;top: 0;right: 0;z-index: 20;}
.hz ul li img{width: 240px;height: 135px;
-webkit-filter: grayscale(100%);
-moz-filter: grayscale(1);
-ms-filter: grayscale(100%);
-o-filter: grayscale(100%);
filter: grayscale(100%);
filter: gray; }
.hz ul li:hover img{
-webkit-filter: grayscale(0%);
-moz-filter: grayscale(0);
-ms-filter: grayscale(0%);
-o-filter: grayscale(0%);
filter: grayscale(0%);}
.hz ul li:nth-child(5n):before{background: none;}
.hz ul li a:hover:after{content: "";width: 240px;height: 135px;position: absolute;top: 0;left: 0;box-shadow: 0 3px 10px 3px rgba(0,0,0,0.1);z-index: 21;}

/*广告条*/
.ban01{background: url(../images/ban01.jpg) no-repeat center 0;height: 150px;overflow: hidden;}
.ban_l{width: 790px;padding: 38px 0 0 80px;}
.ban_l span{display: block;font-size: 22px;color: #fff;}
.ban_l span em{padding-left: 20px;}
.ban_l p{font-size: 28px;color: #fff;height: 50px;line-height: 50px;overflow: hidden;padding: 8px 0 0;}
.ban_l p i{font-size: 34px;color: #079fe6;font-style: italic;font-weight: bold;}
.ban_l p b{font-size: 34px;color: #079fe6;padding: 0 30px 0 0;}
.ban_r{padding: 35px 0 0;width: 300px;text-align: right;}
.ban_r em{width: 100px;display: block;float: right;}
.ban_r em a{display: block;font-size: 14px;color: #fff;width: 100px;text-align: center;background: #079fe6;overflow: hidden;height: 30px;line-height: 30px;border-radius: 5px;}
.ban_r span{display: block;font-size: 14px;color: #fff;padding: 20px 0 0;clear: both;}
.ban_r b{font-size: 24px;}

/*新闻中心*/
.news_main{padding: 80px 0;}
.news_main .yin_t{background:url(../images/news_tbg.gif) no-repeat center 0;}
.news{ width:550px;padding: 30px 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: #079fe6;}
.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: #333;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:#f6f6f6;overflow: hidden;padding: 60px 0 0;height: 870px;}
.about .yin_t{background:url(../images/ab_tbg.gif) no-repeat center 0;}
.about dl{position: relative;margin-top: 30px;}
.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: 240px;position: absolute;top: 355px;left: 0;width: 890px;padding: 55px 155px 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: 350px;width: 100px;}
.about dl dd b a{font-size: 14px;color: #079fe5;}
.about ul{display: block;width: 750px;margin: 0 auto;padding: 30px 0 0;}
.about ul li{width: 250px;float: left;text-align: center;height: 90px;background:url(../images/ab_line.gif) no-repeat 0 20px;}
.about ul li em{display: block;width: 48px;height: 42px;line-height: 0;overflow: hidden;margin: 0 auto;}
.about ul li em img{width: 48px;height: 42px;}
.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: #666;display: block;}
.about ul li a:hover{color: #079fe5;}
.about ul li:first-child{background: none;}

/*友情链接*/
.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);}
}