﻿@charset "utf-8";

body{min-width: 1200px; width: 100%;}


.sky_con{width:1200px; margin:0 auto; overflow:hidden;}

.yunu-footer-copy{width:100%; background-color:#2e2e2e; font-size:14px; padding:15px 0;}
.container{width:1200px; margin:0 auto;}
.huan {
    float: left;
    line-height: 30px;
    color: #666666;
    font-size: 12px;
}
.k1x {
    float: right;
    line-height: 30px;
    color: #666666;
    font-size: 12px;
}

/**/
.chanp{padding: 90px 0;}
.cp_t{height: 116px;text-align: center;line-height: 44px;background:url(../images/cp_line.gif) no-repeat center 65px;font-size: 40px;color: #113f97;}
.cp_t a{color: #113f97;}
.cp_t span{display: block;font-size: 21px;color: #3f3f3f;letter-spacing: 3px;}

.cp_l{width: 278px;border: #113f97 1px solid;}
.cp_l .cps{width: 278px;height: 78px;line-height: 78px;background:#113f97 url(../images/cp_ico01.gif) no-repeat 66px 24px;overflow: hidden;}
.cp_l .cps a{font-size: 24px;color: #fff;padding-left: 115px;display: block;}
.cp_l01{width: 278px;padding: 20px 0 0;}
.cp_l01 .cp_l01ul01 a{font-size: 14px;color: #333;font-weight: bold;height: 50px;line-height: 50px;display: block;border-top: #cbcbcb 1px solid;padding-left: 40px;width: 238px;}
.cp_l01 a:hover,.cp_l01 .cp_l01li01 .cp_l01ul02 a:hover,.cp_ul01 .cp_ul02 li a:hover{color: #113f97;}
.cp_l01 .cp_l01li01{margin:0 auto;background:url(../images/cp_li02.gif) no-repeat;width: 260px; margin-bottom:19px;}
.cp_l01 .cp_l01li01 a{font-size: 16px;color: #fff;height: 35px;padding: 0 0 0 15px;line-height: 35px;width: 230px;border-top: none;}
.cp_l01 .cp_l01li01 .cp_l01ul02 a{font-size: 14px;color: #333;height: 36px;line-height: 36px;background:url(../images/cp_ico02.gif) no-repeat 10px 14px;}
.cp_ul01 li a{display: block;font-size: 16px;color: #fff;font-weight: bold;width: 238px;height: 52px;line-height: 52px; background:#113f97; padding:0 0 0 40px;}
.cp_ul01 .cp_ul02{display: inline-block;width: 100%;padding: 5px 0;}
.cp_ul01 .cp_ul02 li a{font-size: 14px;color: #333;background:url(../images/cp_ico02.gif) no-repeat 20px 14px;width: 70px;overflow: hidden;float: left;height: 36px;line-height: 36px;}

.cp_r{width: 890px;padding:2px 0 0;}
.cp_r01{width: 766px;position: relative;}
.cp_r01 h3{background:url(../images/cp_tbg.gif) no-repeat;width: 875px;height: 80px;line-height: 56px;overflow: hidden;font-weight: normal;padding: 0 0 0 15px;}
.cp_r01 h3 a{font-size: 24px;color: #113f97;display: block;}
.cp_r01 h3 span{display: block;float: right;font-size: 16px;padding: 0 50px 0 0;}

.cp_r01m,.cp_r01m dl{width: 890px;height: 378px;position: relative;}
.cp_r01m dl dt{line-height: 0;width: 890px;height: 378px;overflow: hidden; border:1px solid #d8d8d8;}
.cp_r01m dl dt img,.cp_r02 ul li em img,.pinz dl dt img,.plan_l dl dt img,.plan_r ul li em img,.news01 dl dt img{width: 890px; margin-top:5px; height: 368px;
-webkit-transition: 1s;
-moz-transition: 1s;
transition: 1s;}
.cp_r01m dl dt img:hover,.cp_r02 ul li em img:hover,.pinz dl dt img:hover,.plan_l dl dt img:hover,.plan_r ul li em img:hover,.news01 dl dt img:hover{-webkit-transform:scale(1.1);-moz-transform:scale(1.1);-ms-transform:scale(1.1);transform:scale(1.1);}
.cp_r01m dl dd{width: 290px;height: 210px;background: rgba(255,255,255,0.9);position: absolute;top: 70px;right: 35px;padding: 20px 30px 0;}
.cp_r01m dl dd h5{height: 40px;line-height: 40px;overflow: hidden;}
.cp_r01m dl dd h5 a{font-size: 24px;color: #113f97;}
.cp_r01m .cp_desc{font-size: 14px;color: #666;line-height: 24px;max-height: 72px;overflow: hidden;padding: 10px 0 0;}
.cp_r01m dl dd span{display: block;padding: 20px 0 0;}
.cp_r01m dl dd span a{display: block; font-size: 16px; color: #fff; width: 120px; text-align: center; height: 40px; line-height: 40px; background: #113f97;border-radius: 5px;}
.chanp_ld{ width:120px; right:38px; bottom:20px; position:absolute; z-index:1;}
.chanp_ld ul li{ float:left; margin:0 0 0 10px; display:inline; cursor:pointer; width: 30px;height: 2px; text-indent: -9999px;background: #000;}
.chanp_ld ul .on{background: #113f97;}

.cp_r02{width: 890px;padding: 35px 0 0;overflow: hidden;}
.cp_r02 ul li{width: 282px;margin-left: 18px;overflow: hidden;padding: 15px 0;}
.cp_r02 ul li em{width: 280px;height: 280px;line-height: 0;overflow: hidden;border: #d8d8d8 1px solid;display: block;}
.cp_r02 ul li em img{width: 280px;height: 280px;}
.cp_r02 ul li span{ width:280px; display:block; text-align:center; height:50px; line-height:50px;  overflow:hidden;font-size: 16px;color: #444;border: #d8d8d8 1px solid;border-top:none;}
.cp_r02 ul li:hover span{color: #113f97;font-weight: bold;}

/*资质认证*/
.honor_bg{background:url(../images/honor_bg.jpg) repeat center 0; overflow: hidden;padding: 50px 0;}
.honor .cp_t{background:url(../images/honor_line.png) no-repeat center 65px;color: #fff;}
.honor .cp_t span,.honor .cp_t a{color: #fff;}

.poster-main {position: relative;margin: 25px auto 0;}
.poster-main .poster-btn{ width:29px; height:54px; position: absolute; cursor:pointer;  z-index: 10;}
.poster-main .poster-btn a { position: absolute; top: 50%; margin-top: -27px; display:block;}
.poster-main .poster-prev-btn a { right: -62px; }
.poster-main .poster-next-btn a { left: -62px; }
.poster-main .poster-next-btn{left:0px;top:130px;}
.poster-main .poster-prev-btn{right:0px;top:130px;}
.poster-item{position: relative; margin: 0 auto; opacity: 1;}
.poster-item em{display: none;height: 60px;line-height: 60px;text-align: center;font-size: 18px;color: #fff;overflow: hidden; }
.poster-main .poster-list .poster-item img {display: block;width: 100%;}
.poster-main .poster-list .poster-item {position: absolute;left: 0;top: 0; opacity: 1;}
.poster-main .poster-btn {position: absolute;top: 0;cursor: pointer;}
.poster-main .poster-list .active em{display: block;}

/**/
.seven{background:url(../images/seven_bg.jpg) no-repeat center 0;height: 950px;overflow: hidden;padding: 83px 0 0;}
.seven .cp_t{background:url(../images/seven_line.png) no-repeat center 65px;height: 112px;}
.seven_pic{width: 502px;height: 502px;position: absolute;top: 112px;left: 349px;z-index: 30;}
.seven_pic img{width: 502px;height: 502px;display: block; transition: all 0.3s ease-in-out 0s;}
.seven_pic:hover img{ transform: rotateY(180deg);}
.seven_m{position: absolute;top: 112px;left: 0;width: 1200px;height: 838px;}
.seven_m p{background: #fff;border-radius: 15px 60px 60px 15px;box-shadow: 0 3px 5px 3px #d0d0d0;position: absolute;height: 90px;width: 300px;}
.seven_m p span{font-size: 16px;color: #44566e;line-height: 30px;display: block;padding-top: 15px;}
.seven_m p i{font-size: 16px;color: #ca0000;font-weight: bold;}
.seven_m p b{display: block;background:url(../images/seven_y.png) no-repeat;width: 90px;text-align: center;height: 90px;line-height: 90px;font-size: 48px;color: #fff; font-family:Arial, Helvetica, sans-serif;position: absolute;top: 0;right: 0;}
.seven_m .seven_p01{width: 280px;top: 148px;left: 0;}
.seven_m .seven_p02{top: 358px;left: 0;}
.seven_m .seven_p03{top: 518px;left: 140px;}
.seven_m .seven_p04{top: 660px;left: 450px;border-radius: 60px;}
.seven_m .seven_p05,.seven_m .seven_p06,.seven_m .seven_p07{border-radius: 60px 15px 15px 60px;}
.seven_m .seven_p05{top: 518px;left: 760px;}
.seven_m .seven_p06{top: 358px;left: 900px;}
.seven_m .seven_p07{top: 148px;left: 900px;}
.seven_m .seven_p01 span{width: 130px;padding-left: 35px;}
.seven_m .seven_p02 span{width: 200px;padding-left: 10px;}
.seven_m .seven_p03 span{width: 130px;padding-left: 40px;}
.seven_m .seven_p04 span{width: 200px;padding-left: 55px;}
.seven_m .seven_p05 span,.seven_m .seven_p06 span,.seven_m .seven_p07 span{width: 180px;padding-left: 105px;}
.seven_m .seven_p04 b{right: 104px;top: -75px;}
.seven_m .seven_p05 b,.seven_m .seven_p06 b,.seven_m .seven_p07 b{left: 0;}

/**/
.video{position: relative;z-index: 5000;margin-top: -38px;}
.video_btn{cursor: pointer;margin:0 auto;width: 250px;text-align: center;}
.video_btn img{width: 76px;height: 76px;}
.video_btn span{display: block;font-size: 16px;color: #1d1711;height: 50px;line-height: 50px;overflow: hidden;}

#open_window {display: none; position: fixed; left: 0; top: 0; width: 100%; height: 100%; background-color: rgba(0,0,0,0.7); } 
.video_m {background:#eee;width: 960px; height: 540px; z-index: 1; margin: 7% auto; overflow: auto; } 
.xx {font-size: 22px;color: #000; cursor: pointer; position: absolute; top: 0; right: 0;width: 30px;text-align: center; height: 30px; line-height: 30px; background: #fff; z-index: 10;} 
.video_con {width: 960px; height: 540px; overflow: hidden;}
.video_con img{width: 960px; height: 540px;}

/*勤龙优势*/
.ys{padding: 70px 0;}
.ys .cp_t{background:url(../images/ys_line01.gif) no-repeat center 65px;height: 125px;}
.ys_t{height: 80px;}
.ys_t ul li{font-size: 24px;color: #666;width: 200px;height: 60px;text-align: center;line-height: 60px;overflow: hidden;background:#efefef url(../images/ys_bor.gif) no-repeat;float: left;}
.ys_t ul li:hover,.ys_t ul li.on{color: #fff;background: #113f97;}
.ys_t ul li:first-child{background-image: none;}
.ys_m dl{background: #efefef;width: 1200px;height: 454px;}
.ys_m dl dt{width: 690px;height: 454px;float: right;line-height: 0;}
.ys_m dl dt img{width: 690px;height: 454px;}
.ys_m dl dd{width: 400px;float: left;padding: 45px 0 0 50px;}
.ys_m dl dd h5{font-size: 30px;color: #113f97;height: 130px;line-height: 46px;background:url(../images/ys_line02.gif) no-repeat 0 128px;}
.ys_m dl dd h5 i{display: block;font-size: 24px;color: #666;font-weight: normal;}
.ys_m dl dd p{font-size: 14px;color: #666;line-height: 24px;overflow: hidden;padding: 40px 0 0;}
.ys_m dl dd span{display: block;padding: 35px 0 0;}
.ys_m dl dd span a,.ban01_m span a,.ban02_m span a{display: block; width: 120px; text-align: center; height: 40px; line-height: 40px; background: #113f97; font-size: 16px; color: #fff; overflow: hidden;border-radius: 5px;}
.ys_m dl dd span a:hover,.ban01_m span a:hover,.ban02_m span a:hover{animation:shake 1.5s linear;-webkit-animation:shake 1.5s linear;}

/*核心品质*/
.pinz{padding: 0 0 60px;}
.pinz .cp_t{background:url(../images/pinz_line.gif) no-repeat center 65px;height: 125px;}
.pinz01{background:url(../images/pinz_bg01.gif) no-repeat center 0;height: 460px;overflow: hidden;}
.pinz02{background:url(../images/pinz_bg02.gif) no-repeat center 0;height: 460px;overflow: hidden;}
.pinz dl dt{width: 600px;height: 420px;float: left;line-height: 0;overflow: hidden;}
.pinz dl dt img{width: 600px;height: 420px;}
.pinz dl dd{width: 530px;float: left;padding: 110px 0 0 30px;}
.pinz dl dd h5{font-size: 24px;color: #113f97;display: inline-block;width: 530px;height: 80px;overflow: hidden;}
.pinz dl dd h5 em{width: 80px;height: 80px;display: block;float: left;}
.pinz dl dd h5 em img{width: 80px;height: 80px;}
.pinz dl dd h5 span{display: block;float: left;padding: 10px 0 0 25px;line-height: 32px;}
.pinz dl dd h5 i{display: block;font-size: 16px;color: #666;font-weight: normal;}
.pinz dl dd p{font-size: 16px;color: #666;line-height: 30px;height: 90px;overflow: hidden;padding: 30px 0 0;}
.pinz .pinz02 dl dt{float: right;}

/*广告条*/
.ban01{background:url(../images/ban01.jpg) no-repeat center 0;height: 260px;overflow: hidden;}
.ban01_m{width: 700px;text-align: center;float: right;padding: 35px 0 0;}
.ban01_m p{font-size: 24px;color: #fff;font-weight: bold;line-height: 36px;background:url(../images/ban_line.gif) no-repeat center 91px;height: 93px;overflow: hidden;}
.ban01_m p b,.ban02_m p b{display: block;}
.ban01_m em{display: block;font-size: 18px;color: #fff;height: 60px;line-height: 60px;overflow: hidden;}
.ban01_m em i{font-size: 24px; font-family:Arial, Helvetica, sans-serif;}
.ban01_m span{display: block;width: 170px;margin:0 auto;}
.ban01_m span a{width: 170px;}

.ban02{background:url(../images/ban02.jpg) no-repeat center 0;height: 200px;overflow: hidden;}
.ban02_m{width: 650px;float: right;padding: 20px 0 0;}
.ban02_m p{font-size: 30px;color: #fff;font-weight: bold;line-height: 40px;height: 110px;overflow: hidden;}
.ban02_m p b{font-size: 24px;}
.ban02_m span{display: block;float: left;width: 120px;padding-right: 15px;}
.ban02_m em{display: block;float: left;font-size: 16px;color: #fff;font-weight: bold;width: 236px;text-align: center;height: 36px;line-height: 34px;border: #fff 2px solid;border-radius: 5px;}

/*解决方案*/
.plan{padding: 88px 0 70px;}
.plan .cp_t{background:url(../images/plan_line.gif) no-repeat center 65px;font-size: 36px;font-weight: normal;}
.plan_t{width: 1040px;margin:0 auto;height: 65px;}
.plan_t ul li{width: 120px;float: left;padding: 0 5px;}
.plan_t ul li a{font-size: 16px; color: #666; display: block; float: left; width: 118px; text-align: center; height: 33px; line-height: 33px; overflow: hidden;border: #dbdbdb 1px solid;} 
.plan_t ul li a:hover,.plan_t ul li:first-child a{background: #113f97;color: #fff;border: #113f97 1px solid;}
.plan_l{width: 790px;}
.plan_l dl dt{width: 790px;height: 444px;line-height: 0;overflow: hidden;}
.plan_l dl dt img{width: 790px;height: 444px;}
.plan_l dl dd{width: 790px;padding: 10px 0 0;}
.plan_l dl dd h5{height: 50px;line-height: 50px;overflow: hidden;}
.plan_l dl dd h5 a{font-size: 20px;color: #113f97;}
.plan_l .plan_desc{font-size: 14px; color: #666; line-height: 24px; height: 48px; overflow: hidden;}
.plan_r{width: 380px;}
.plan_r ul li{width: 380px;}
.plan_r ul li em{width: 380px;height: 213px;display: block;overflow: hidden;line-height: 0;}
.plan_r ul li em img{width: 380px;height: 213px;}
.plan_r ul li span{ width:380px; display:block; height:66px; line-height:66px;white-space:nowrap; overflow:hidden; text-overflow:ellipsis;font-size: 20px;color: #444;}
.plan_r ul li:hover span{color: #113f97;}

/*合作客户*/
.hz{padding: 0 0 70px;}
.hz ul li{width: 178px;float: left;padding: 0 8px;}
.hz ul li img{width: 176px;height: 88px;
-webkit-filter: grayscale(100%);
-moz-filter: grayscale(1);
-ms-filter: grayscale(100%);
-o-filter: grayscale(100%);
filter: grayscale(100%);
filter: gray; }
.hz ul li a:hover img{
-webkit-filter: grayscale(0%);
-moz-filter: grayscale(0);
-ms-filter: grayscale(0%);
-o-filter: grayscale(0%);
filter: grayscale(0%);}
.hz ul li a{width: 176px;height: 88px;display: block;border: #cacaca 1px dashed;}
.hz ul li a:hover{border: #113f97 1px dashed;}

/**/
.news{background: #ddd;padding: 90px 0 60px;}
.news .cp_t{background:url(../images/news_line.gif) no-repeat center 65px;}
.news_l{width: 700px;}
.news01{width: 700px;height: 225px;background: #fff;box-shadow: 0 3px 5px 3px #d0d0d0;}
.news01 dl{width: 700px;height: 225px;}
.news01 dl dt{width: 300px;height: 225px;float: left;overflow: hidden;line-height: 0;}
.news01 dl dt img{width: 300px;height: 225px;}
.news01 dl dd{width: 340px;float: left;padding: 20px 0 0 30px;}
.news01 dl dd h5{height: 35px;line-height: 35px;overflow: hidden;}
.news01 dl dd h5 a{font-size: 20px;color: #113f97;white-space:nowrap; overflow:hidden; text-overflow:ellipsis;display:block;width: 340px;}
.news01 dl dd em{display: block;font-size: 16px;color: #999;height: 30px;line-height: 30px;overflow: hidden; font-family:Arial, Helvetica, sans-serif;padding: 5px 0 0;}
.news_desc01{font-size: 14px; color: #666; line-height: 24px; height: 48px; overflow: hidden;padding: 10px 0 0;} 
.news01 dl dd span{display: block;padding: 20px 0 0;}
.news01 dl dd span a{font-size: 14px;color: #113f97;font-weight: bold;display: block;background:url(../images/news_ico03.gif) no-repeat 35px 5px;height: 30px;line-height: 30px;}
.news03{width: 660px;height: 260px;background: #fff;padding: 10px 20px 0;margin-top: 25px;}
.news03 ul li{height: 48px;line-height: 48px;overflow: hidden;border-bottom: #e2e2e2 1px dashed;}
.news03 ul li a{font-size: 16px;color: #666;display: block;float: left;width: 540px;white-space:nowrap; overflow:hidden; text-overflow:ellipsis;background:url(../images/news_ico01.gif) no-repeat 0 20px;padding: 0 0 0 20px;}
.news03 ul li a:hover{color: #113f97;font-weight: bold;background:url(../images/news_ico02.gif) no-repeat 0 20px;}
.news03 ul li span{display: block;float: right;font-size: 14px;color: #666;width: 100px;text-align: right;}

/*常见问答*/
.wd{ width:400px;height: 505px;background: #fff;box-shadow: 0 3px 5px 3px #d0d0d0;padding: 15px 30px 0;}
.news_t{ height:45px;line-height: 45px;overflow: hidden;}
.news_t a{font-size: 24px;color: #113f97;font-weight: bold;}
.wd_m{overflow: hidden;padding: 15px 0 0;}
.wd dl{ width:400px; height:120px;border-bottom:#e5e5e5 1px dashed; padding:20px 0 0;}
.wd dt{ height:30px; line-height:25px; overflow:hidden; background:url(../images/wen.gif) no-repeat 0 3px; padding:0 0 0 30px;}
.wd dt a{ font-size:20px; color:#444;white-space:nowrap; overflow:hidden; text-overflow:ellipsis;display:block;width:370px;}
.wd dt a:hover{color: #113f97;}
.wd dd{font-size:14px; color:#666; line-height:24px; height:72px; overflow:hidden; padding:0 0 0 30px;margin-top: 8px; background:url(../images/da.gif) no-repeat 0 3px;}

/*聚焦川磨*/
.about{padding: 80px 0;}
.about .cp_t{background:url(../images/ab_line.gif) no-repeat center 65px;}
.about dl dt{width: 1200px;height: 470px;}
.about dl dt img{width: 1200px;height: 470px;}
.about dl dd{width: 1050px;height: 255px;background: #fff;margin:-50px auto 0;box-shadow: 0 3px 10px 3px #f4f4f4;position: relative;padding: 25px 30px 0;}
.about .ab_desc{font-size: 14px;color: #666;line-height: 30px;height: 90px;overflow: hidden;text-align: center;border-bottom: #dadada 1px dashed;padding: 0 0 20px;}
.about ul{width: 800px;margin:0 auto;padding: 28px 0 0;}
.about ul li{width: 200px;float: left;text-align: center;}
.about ul li em{width: 55px;height: 55px;line-height: 0;margin:0 auto 10px;overflow: hidden;display: block;}
.about ul li em img{width: 55px;height: 110px;-webkit-transition:all .5s;transition:all .5s;}
.about ul li a{font-size: 18px;color: #9e9e9e;}
.about ul li a:hover{color: #113f97;}
.about ul li:hover em img{margin-top: -55px;}

/*友情链接*/
.f_link{height: 50px;line-height: 50px;overflow: hidden;background:#2e2e2e url(../images/link_line.gif) repeat-x;}
.f_link b{display: block;float: left;font-size: 14px;color: #989898;width: 80px;}
.f_link p{font-size: 14px;color: #989898;float: left;width: 1120px;}
.f_link p a{font-size: 14px;color: #989898; padding:0 10px 0 0;}
.f_link p a:hover{color: #fff;}


/**/
@-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);}
}




.sitemap{border-bottom:1px solid #dedede; line-height:50px; margin-top:30px;}
.sitemap h3{font-size:22px; color:#2158c2;}
.sitemap dl a{font-size:14px; padding:0 8px;}


.dhx {
    width: 232px;
    margin: 0 auto;
    line-height: 28px;
    margin-bottom: 12px;
}
.dhx p.d {
    font-weight: bold;
    font-size: 20px;
    color: #113f97;
}


.ry{width:280px; height:426px; float:left; margin-left:17px; margin-top:30px; text-align:center;}
.ry em{height:30px; line-height:30px; color:#FFFFFF;}
.ry img{width:280px; height:396px;}

.yunu-infocontent-body img{max-width:100%;}





























