@charset "utf-8";
/*初始样式*/
body{ color:#333; font-size:14px;font-family: "Microsoft Yahei";} /*网站字体颜色*/
body,ul,ol,li,div,p,h1,h2,h3,h4,h5,h6,dl,dt,dd,img,span,input{margin:0;padding:0;list-style:none;}
a { color:#333; text-decoration:none;font-family: "Microsoft Yahei";}  /*for ie f6n.net*/
a:focus{outline:0;} /*for ff f6n.net*/
/*a:hover { text-decoration:underline;}*/
img{border:none;}
.vam { vertical-align:middle;}
.clear{clear:both; height:0; line-height:0; font-size:0;}
p{ word-spacing:-1.5px;font-family: "Microsoft Yahei"; }
h1,h2,h3,h4,h5,h6{ font-family:"Microsoft Yahei";}

.tr { text-align:right;}
.tl { text-align:left;}
.center { text-align:center;}
.fl { float:left;}
.fr { float:right;}
.pa{ position:absolute;}
.pr{ position:relative}
i,em{ font-style:normal;}
.clearfix:after{content:"";height:0;clear:both;display:block;visibility:hidden;}
.clearfix{zoom:1;}
/* -- 页面整体布局 -- */
.content{ width:1200px; margin:0 auto;font-family: "Microsoft Yahei";}


.tit{text-align: center;font-weight: normal;}
.tit b{display: block;font-size: 50px;color: #000;line-height: 50px;}
.tit i{display: block;font-size: 18px;color: #000;line-height: 18px;padding-top: 16px;text-transform: uppercase;}
.tit em{color: #00385a;}


/*banner*/
.banner{position: relative;}
.banner li{width: 100%;}
.banner li img{display: block;width: 100%;}
.banner .content{position: relative;}
.ban_pg{position: absolute;left: 0;bottom: 30px;height: 16px;z-index: 10;width: 100%;text-align: center;}
.ban_pg i{display: inline-block;width: 16px;height: 16px;background: #fff;border-radius: 100%;margin: 0 15px;vertical-align: top;}
.ban_pg i.on{background: #263a85;}


/*column*/
.column{padding: 76px 0 63px;background: #f6f6f6;}
.column li{float: left;width: 25%;height: 115px;text-align: center;border-right: 1px solid #b8b8b8;box-sizing: border-box;transition: all 0.5s;}
.column li img{display: block;height: 48px;margin: 0 auto 22px;}
.column li span{display: block;font-size: 20px;color: #282828;line-height: 20px;}
.column li i{display: block;font-size: 10px;color: #282828;line-height: 26px;text-transform: uppercase;}
.column li:last-child{border: 0;}
.column li:hover{transform: translateY(-10px);}
.column li:hover img{animation: flipInY 1s;}
.column li:hover span,.column li:hover i{color: #263a85;}


/*pro*/
.pro{padding: 90px 0 60px;}
.pro h2{margin-bottom: 50px;}
.pro ul{text-align: center;font-size: 0;}
.pro li{display: inline-block;width: 32%;margin: 0 0.5%;position: relative;vertical-align: top;text-align: left;overflow: hidden;}
.pro li img{display: block;width: 100%;transition: all 0.5s;}
.pro li h3{position: absolute;left: 5.66%;top: 2.292vw;font-size: 1.458vw;line-height: 1.458vw;color: #282828;font-weight: normal;transition: all 0.5s;}
.pro li h3 i{display: block;font-size: 0.729vw;line-height: 0.9375vw;padding-top: 0.521vw;text-transform: uppercase;}
.pro li h3 span{display: inline-block;width: 5.208vw;}
.pro li em{position: absolute;font-size: 0.729vw;line-height: 0.729vw;left: 5.66%;color: #263A85;top: 8.021vw;transition: all 0.5s;}
.pro li:nth-child(4),.pro li:nth-child(5),.pro li:nth-child(6){top: 1.292vw;}
.pro li:hover img{transform: scale(1.05);}
.pro li h3:hover{transform: translateY(-10px);}
.pro li em:hover{transform: translateX(10px);}




/*case*/
.case{padding: 60px 0 0;width: 1400px;margin: 0 auto;}
.case h2{margin-bottom: 45px;}
.case_box{position: relative;}
.case_con{position: relative;}
.case_pic img{display: block;width: 100%;}
.case_t{position: absolute;width: 16.57%;left: 0;top: 0;z-index: 10;height: 100%;background: rgba(0,0,0,0.8);}
.case_t li{height: 20%;text-align: center;border-bottom: 1px solid rgba(13, 145, 227, 0.3);box-sizing: border-box;padding-top: 1.458vw;position: relative;z-index: 1;}
.case_t li:after{position: absolute;left: 0;bottom: 0;width: 0;height: 100%;content: "";background: linear-gradient(0deg, #0D91E3, #26D2EA);z-index: -1;transition: all 0.5s;}
.case_t li i{display: block;height: 46px;margin: 0 auto 0.521vw;overflow: hidden;}
.case_t li span{display: block;font-size: 22px;color: #fff;line-height: 22px;}
.case_t li:last-child{border: 0;}
.case_t li.on:after,.case_t li:hover:after{width: calc(100% + 6px);}
.case_t li.on i img,.case_t li:hover i img{transform: translateY(-46px);transition: all 0.5s;}
.case_list{position: absolute;width: 70%;right: 6.4%;bottom: 1.5625vw;background: rgba(0,0,0,0.6);padding: 0.833vw 0;box-sizing: border-box;}

.case_list dl{float: left;width: calc((100% - 200px)/4);margin-left: 40px;}
.case_list dt{overflow:hidden;}
.case_list dt img{display: block;width: 100%;transition: all 0.5s;}
.case_list dt:hover img{transform: scale(1.05);}
.case_list dd h4{font-size: 14px;color: #fff;font-weight:normal;}
.case_list dd h4 a{color: #fff;display:block;height: 34px;line-height: 34px;text-overflow: ellipsis;white-space: nowrap;overflow: hidden;}
.case_list dd p{font-size: 14px;color: #fff;line-height: 24px;opacity: 0.8;height: 72px;display:-webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp:3;  overflow: hidden; text-overflow: ellipsis; }
.case_list .tempWrap{width: 100% !important;}
.case_list .sprev{position: absolute;left: -40px;top: 50%;transform: translateY(-50%);font-size: 0;}
.case_list .snext{position: absolute;right: -40px;top: 50%;transform: translateY(-50%);font-size: 0;}



/*renz*/
.renz{height: 280px;background: url(/cyms/img/case_bg.jpg) no-repeat center 0;}
.ren_con{width: 1400px;margin: 0 auto;}
.ren_con h2{float: left;margin-top: 85px;padding-bottom: 36px;position: relative;font-weight: normal;}
.ren_con h2:after{position: absolute;width: 78px;height: 4px;content: "";left: 0;bottom: 0;background: #0E92E3;}
.ren_con h2 b{display: block;font-size: 40px;color: #000;line-height: 40px;}
.ren_con h2 i{display: block;font-size: 14px;color: #333;line-height: 14px;padding-top: 24px;}
.ren_con ul{float: right;margin-top: 80px;margin-right: -25px;}
.ren_con li{float: left;width: 140px;text-align: center;transition: all 0.5s;}
.ren_con li img{display: block;height: 46px;margin: 0 auto;}
.ren_con li p{font-size: 14px;color: #333;line-height: 14px;padding-top: 24px;}
.ren_con li:hover{transform: translateY(-10px);}


/*ys*/
.ys{padding: 80px 0 0;box-sizing: border-box;background: url(/cyms/img/ys_bg.jpg) no-repeat center 0;}
.ys_desc{margin: 65px 0 0;height: 114px;padding-left: 50px;}
.ys_desc p{float: left;padding-left: 25px;font-size: 16px;color: #323232;line-height: 37px;font-weight: bold;box-sizing: border-box;background: url(/cyms/img/ys_c.png) no-repeat left center;}
.ys_desc p:nth-child(1){width: 270px;}
.ys_desc p:nth-child(2){width: 300px;}
.ys_desc p:nth-child(3),.ys_desc p:nth-child(6){width: 335px;}
.ys_desc p:nth-child(4),.ys_desc p:nth-child(7){width: 245px;}
.ys_desc p:nth-child(5){width: 570px;}
.ys_sz{height: 420px;text-align: center;font-size: 0;padding-top: 140px;box-sizing: border-box;}
.ys_sz li{display: inline-block;margin: 0 44px;vertical-align: top;text-align: left;transition: all 0.5s;}
.ys_sz li span{display: block;height: 30px;font-size: 14px;color: #333;line-height: 14px;}
.ys_sz li span img{vertical-align: bottom;margin-right: 3px;}
.ys_sz li p{font-size: 14px;color: #333;line-height: 34px;}
.ys_sz li:hover{transform: translateY(-10px);}
.ys_item{margin: 32px 0 0;padding-bottom: 140px;background: url(/cyms/img/ys_y.png) no-repeat bottom center #f6f6f6;}
.ys_item ul{background: #fff;width: 1400px;margin: 0 auto;}
.ys_item li{float: left;width: 25%;text-align: center;position: relative;overflow: hidden;border-right: 1px solid #dbdbdb;box-sizing: border-box;transition: all 0.5s;}
.ys_item li>img{display: block;width: 100%;opacity: 0;transition: all 0.5s;}
.ys_item li .hv{position: absolute;left: 0;top: 0;width: 100%;height: 100%;transition: all 0.5s;}
.ys_item li i{display: block;width: 6.25vw;margin: 1.823vw auto 1.354vw;transition: all 0.3s;}
.ys_item li i img{display: block;width: 100%;}
.ys_item li h3{font-size: 20px;color: #000;line-height: 40px;transition: all 0.5s;}
.ys_item li h3 span{display: block;font-size: 22px;opacity: 0.8;font-weight: normal;}
.ys_item li p{font-size: 14px;color: #000000;line-height: 30px;opacity: 0;padding: 0 2.083vw;transition: all 0.5s 0.2s;}
.ys_item li.cur{  background: url(/cyms/img/ys_li.jpg) no-repeat;background-size: cover; }
.ys_item li.cur>img{opacity: 0.5;}
.ys_item li.cur i{opacity: 0;}
.ys_item li.cur h3{font-size: 24px;color: #263a85;transform: translateY(-5.9375vw);}
.ys_item li.cur p{opacity: 0.8;transform: translateY(-4.167vw);}


/*ser*/
.ser{padding: 80px 0 65px;background: url(#) no-repeat bottom center;}
.ser h2{margin-bottom: 40px;}
.ser_con{height: 500px;overflow: hidden;position: relative;}
.ser_con:after{position: absolute;width: 102px;height: 102px;content: "";background: url(/cyms/img/ser_c.png) no-repeat;left: 50%;top: 50%;transform: translate(-50%,-50%);z-index: 10;}
.ser_con dl{float: left;width: 590px;height: 240px;background: #f8f8f8;border-radius: 40px 0 0 0;margin-bottom: 20px;}
.ser_con dl:nth-child(2n){float: right;}
.ser_con dt{float: left;width: 177px;height: 177px;border-radius: 50%;overflow: hidden;box-sizing: border-box;border: 2px solid transparent;margin: 30px 28px 0 34px;}
.ser_con dd{float: right;width: 316px;margin-top: 42px;}
.ser_con dd i{display: block;height: 26px;}
.ser_con dd h3{font-size: 20px;color: #333;line-height: 20px;margin: 10px 0;}
.ser_con dd p{font-size: 14px;color: #666;line-height: 24px;}
.ser_con dd .more{display: block;font-size: 14px;color: #666;line-height: 24px;margin-top: 24px;}
.ser_con dd .more:hover{color: #0e93e3;}
.ser_con dl:hover dt{border-color: #0e93e3;animation: flipInY 1s;}
.ser_con dl:nth-child(2){border-radius: 0 40px 0 0;}
.ser_con dl:nth-child(3){border-radius:  0 0 0 40px;}
.ser_con dl:nth-child(4){border-radius: 0 0 40px 0;}

.xban{height: 181px;background: url(/cyms/img/xban.jpg) no-repeat;margin-top: 36px;}
.xban h3{float: left;margin: 50px 0 0 54px;}
.xban h3 img{display: block;margin-bottom: 26px;}
.xban h3 span{display: inline-block;font-size: 22px;color: #fff;line-height: 22px;margin-right: 40px;}
.xban .tel{float: right;margin-top: 48px;margin-right: 62px;background: url(/cyms/img/xban_line.png) no-repeat 35px bottom;height: 75px;}
.xban .tel p{float: left;padding-left: 36px;font-size: 14px;color: #fff;line-height: 14px;background: url(/cyms/img/tel2.png) no-repeat left 10px;}
.xban .tel p b{display: block;font-size: 30px;color: #fff;line-height: 34px;font-family: Arial;}
.xban .tel .zx{float: left;width: 140px;height: 40px;line-height: 40px;text-align: center;font-size: 14px;color: #333;background: #fff;border-radius: 19px;margin: 10px 0 0 15px;}
.xban .tel .zx:hover{animation: shake 1.5s linear;}



/*news*/
.news{padding: 80px 0 100px;background: #f6f6f6;}
.news h3{height: 40px;margin: 30px 0 40px;text-align: center;font-weight: normal;}
.news h3 a{display: inline-block;vertical-align: top;width: 156px;height: 40px;line-height: 40px;font-size: 16px;color: #333;border: 1px solid #ddd;box-sizing: border-box;margin: 0 5px;}
.news h3 a.on{    background: linear-gradient(90deg, #0D91E3, #26D2EA);border: 0;color: #fff;}
.new_item dl{float: left;width: 370px;margin-right: 45px;}
.new_item dl:last-child{margin-right: 0;}
.new_item dt{height: 185px;overflow: hidden;}
.new_item dt img{width: 370px;height: 185px;transition: all 0.5s;}
.new_item dt:hover img{transform: scale(1.05);}
.new_item dd{height: 175px;border-bottom: 1px solid #D0D0D0;padding-top: 28px;box-sizing: border-box;}
.new_item dd i{display: block;padding-left: 24px;font-size: 14px;color: #333;line-height: 18px;background: url(/cyms/img/time.png) no-repeat left center;margin-bottom: 7px;font-weight: bold;}
.new_item dd h4{font-size: 14px;color: #000;line-height: 30px;}
.new_item dd h4 a{color: #000;}
.new_item dd p{font-size: 14px;color: #666;line-height: 24px;}
.new_list{margin-top: 35px;}
.new_list p{float: left;width: 370px;margin-right: 45px;height: 30px;line-height: 30px;}
.new_list p a{font-size: 14px;color: #000;font-weight: bold;}
.new_list p i{float: right;font-size: 14px;color: #333;font-weight: normal;}
.new_list p:nth-child(3n){margin-right: 0;}
.new_item dd h4:hover a,.new_list p:hover a{color: #0e93e3;}


/*abt*/
.abt{padding: 0 0 55px;}
.abt_pic{position: relative;}
.abt_pic img{display: block;width: 100%;}
.abt_pic .bo{position: absolute;width: 6.875vw;height: 6.875vw;left: 50%;top: 50%;transform: translate(-50%,-50%);background: url(/cyms/img/bo.png) no-repeat;background-size: cover;}
.abt_con{width: 1200px;margin: -7.083vw auto 0;background: #fff;padding: 0 100px;position: relative;z-index: 1;}
.abt_txt{height: 187px;}
.abt_txt h2{float: left;margin-top: 50px;font-weight: normal;}
.abt_txt h2 b{display: block;font-size: 48px;color: #000;line-height: 48px;}
.abt_txt h2 i{display: block;font-size: 20px;color: #333;line-height: 20px;padding-top: 18px;}
.abt_desc{float: right;width: 800px;font-size: 16px;color: #000;line-height: 30px;opacity: 0.8;margin-top: 50px;}
.qyfc li{float: left;width: 290px;margin-right: 13px;}
.qyfc li i{display: block;height: 162px;overflow: hidden;}
.qyfc li i img{display: block;width: 290px;height: 162px;transition: all 0.5s;}
.qyfc li i:hover img{transform: scale(1.05);}
.qyfc li span{display: block;font-size: 16px;color: #000;opacity: 0.8;height: 56px;line-height: 56px;text-align: center;text-overflow: ellipsis;white-space: nowrap;overflow: hidden;}
.qyfc .tempWrap{width: 100% !important;}


@media screen and (max-width:1600px) {
      .case_list dl{float: left;width: calc((100% - 150px)/4);margin-left: 30px;}
}


@media screen and (max-width:1400px) {
    .pro li h3 span{width: 5.4vw;}
    .case,.ren_con,.ys_item ul{width: 1200px;}
    .ren_con ul{margin-right: -15px;}
    .ren_con li{width: 120px;}
    .case_list dl{float: left;width: calc((100% - 100px)/4);margin-left: 20px;}
    .abt_con{padding: 0 50px;}

}

