@charset "utf-8"; /* 全局 */ html { webkit-text-size-adjust: none; -webkit-text-size-adjust: none; text-justify: inter-ideograph; } a { text-decoration: none; outline: 0; -webkit-transition: all .3s ease-in-out 0s; -moz-transition: all .3s ease-in-out 0s; transition: all .3s ease-in-out 0s } /* 基础 */ * { -webkit-tap-highlight-color: rgba(255,255,255,0); -webkit-touch-callout: none; margin: 0 } ::-webkit-scrollbar { width:10px; height:10px } ::-webkit-scrollbar-track { border-radius:0; background:#fff; } ::-webkit-scrollbar-thumb { background:rgba(0,0,0,0.2); } ::-webkit-scrollbar-thumb:hover { background:rgba(0,0,0,0.4); background-color:#044f9f; } input, textarea { -webkit-user-select: text } .w1640{max-width: 1640px;width: 90%;min-width:1000px;margin: 0 auto;} .mb50{margin-bottom: 50px} .bgfff{background:#fff!important} .mr30{margin-right:30px} .sy-banner{width:100%;} .mainbody{position:relative;z-index:99;margin: 0 auto;width:1200px;background-position:center center;} .nybanner{width:100%;height:550px;position: absolute;top: 0;left: 0;z-index: -1;padding: 0;margin: 0;overflow: hidden;} .nybanner img{width:100%;height:550px;} .pagination {list-style:none;vertical-align:bottom;margin: 0 auto;width: 100%;text-align: center;} .pagination li {display:inline-block!important;border:solid 1px #EBEBEB;border-radius:4px;margin-right:2px;} .pagination a {color:#333;padding:8px 12px;line-height:18px;display:block;transition:all 1s cubic-bezier(0.175,0.885,0.32,1) 0s} .pagination .active a {transition:all .3s cubic-bezier(0.175,0.885,0.32,1) 0s;background:#00479d;color: #fff;} .pagination .disabled a:link,.pagination .disabled a:visited,.pagination .disabled a:hover {cursor:not-allowed;pointer-events:none;color:#fff} .pagination .active {pointer-events:none;background:#00479d;color:#fff} .pagination .active,.pagination a:hover {transition:all .3s cubic-bezier(0.175,0.885,0.32,1) 0s;background:#00479d;color: #fff;} /*内页悬浮导航*/ .warp-subnav {position: -webkit-sticky; /* Safari */position: sticky;top: 0;background-color: #ffffff;border-bottom: 1px solid #ececec; width:100%;height:70px;z-index:1000; margin-top:460px;} .subnav{} .subnav .sub-item{height: 70px;line-height: 70px;display: flex;} .subnav .sub-item a{height: 70px;line-height: 70px;font-size:17px;display: block;color: #777; margin-right: 4.5rem;-webkit-transition: color .3s;transition: color .3s;position: relative;outline: none;} .subnav .sub-item a:before {content: "";position: absolute;width: 0;bottom: 0;height: 3px; background: #044f9f} .subnav .sub-item a.cur:before {content: "";position: absolute;width: 100%;bottom: 0;height: 3px; background: #044f9f} .subnav .sub-item a.cur{color:#044f9f} .subnav .sub-item a:hover{color:#044f9f} .subnav .sub-item a:hover:before {content: "";position: absolute;width: 100%;bottom: 0;height: 3px; background: #044f9f;-webkit-transition: all .3s;transition: all .3s;transform: scale(1.1);} .daohang{margin-left: auto;color: #777777;font-size: 15px;line-height: 70px;} .daohang:before { background: transparent url(../images/gohome.png) no-repeat 0 0; background-size: cover; } .daohang:before { content: " "; display: inline-block; width: 14px; height: 13px; vertical-align: middle; margin: -0.2em 0 0 0; } /*首页关于我们*/ .about-top{word-wrap: break-word;padding: 0px;border-color: transparent;border-width: 0px;height: 80px;background-color: transparent;width: 1200px;border-style: solid;background-image: url('../images/about_top.png');background-position: center top;} .aboutfull{width:1200px;box-sizing: border-box;padding:0 70px 70px 70px;background-color:#ffffff;box-shadow: 1px 8px 7px 4px rgba(234, 234, 234, 0.3);} .aboutfull .jltitle{font-size:14px;color:rgb(153, 153, 153);margin-bottom: 60px;} .aboutfull .jltitle img{vertical-align: bottom;margin-right: 6px;} .aftbox{display:flex;justify-content:flex-start;} .aftitbox{width:860px;} .aftitle{font-size:44px;color:#000;font-weight: 600;} .aftxt{font-size:16px;color:rgb(136, 136, 136);margin-top: 35px;line-height: 28px;} .afbtn{width:130px;height:44px;background:#044f9f;text-align:center;margin-left: auto;} .afbtn a{display:block;height:44px;line-height:44px;color:#fff;font-size:14px;} .cxclum{display:flex;justify-content: space-between;margin-top:80px} .cclist{width:25%;text-align:center} .cclist .imgover{position: relative;width: 80px;display: inline-block;} .cclist .imgover img{width: 80px;height: auto;display: inline;} .cclist .cctit{font-size:22px;color:#000;font-weight:600;line-height: 60px;margin-top: 10px;} .cclist .cctxt{font-size:14px;color:rgb(121, 121, 121);line-height:28px;} /*案例*/ .sycase{width: 1200px; margin: 0 auto;} .sycase .syctitle{font-size:36px;color:#000;text-align:center;margin-top:40px} .syctitle em {display: block;width: 40px;height: 2px;margin: 25px auto 0 auto; background: #044f9f;} .sycaseul{display: flex;flex-wrap: wrap;margin-top: 50px;} .sycase-list{vertical-align:top;width:395px;margin-right:7px;margin-bottom:30px;} .sycase-list .syimg{height:350px;width:395px;text-align:center;vertical-align:middle;display:table-cell;position: relative; overflow:hidden} .sycase-list .syimg img{position: relative; max-width: 395px; margin: 0px auto; max-height: 350px; display: block; width: 395px; height: 350px;transition: all 0.6s;} .sycase-list .sytit{font-size: 16px;color: #434343;font-weight: bold !important;display: block;text-align: center;line-height: 22px;margin-top:10px;} .sycase-list .effect-3 .syimgmubu .syadd{width:42px;height:42px;margin-top:156px;} .sycase-list .effect-3{position: relative;} .sycase-list .effect-3 .syimgmubu{text-align:center;position: absolute; left: 0; top: 0;height:350px;width:395px;opacity: 0;} .sycase-list .effect-3:hover .syimgmubu{position: absolute; left: 0; top: 0;height:350px;width:395px;opacity: 1;background: rgba(0,0,0,0.5);} .sycase-list .effect-3:hover img{transform: scale(1.1);} .sycase-list:hover .sytit{color:#044f9f} .sycase .sybtn{width:130px;height:44px;background:#044f9f;text-align:center;margin:0 auto} .sycase .sybtn a{display:block;height:44px;line-height:44px;color:#fff;font-size:14px;} /*业务范围*/ .yewu{position: relative;width: 1200px;margin: 0 auto;} .yewu .yewutitle{font-size:36px;color:#000;text-align:center;margin-top:80px} .yewutitle em {display: block;width: 40px;height: 2px;margin: 25px auto 0 auto; background: #044f9f;} .in-yin { display:flex; padding-top: 50px; } .in-yin li { width: 280px; margin:0 10px; position:relative; overflow: hidden; } .in-yin li .img-center { text-align: center; font-size: 0; } .in-yin li .img-center img { display: inline-block; width: auto; height: auto; max-width: 100%; max-height: 100%; vertical-align: middle; } .in-yin li .yinwrap{ position: absolute; width: 100%; height: 100%; top: 240px; left: 0; background: rgba(3, 67, 140, 0); opacity: 1; z-index: 1; transition:all 0.36s; padding: 70px 50px 0; } .in-yin li:hover .yinwrap{ position: absolute; width: 100%; height: 100%; top: 0; left: 0; background: rgba(3, 67, 140, .9); opacity: 1; z-index: 1; transition:all 0.36s; } .ywtitle{ margin-bottom: 60px; position: relative; z-index: 2; } .ywtitle::before{ content: ""; width: 20px; height: 2px; background: #fff; position: absolute; bottom: -18px; left: 0; } .ywt{ font-size: 24px; font-weight: bold; color: #fff; margin-bottom: 10px; } .ywten{ color: #be8a39; font-size: 14px; } .ywtitle2{ position: relative; z-index: 2; } .ywtitle2 li a{ display: block; color: #fff; font-size: 16px; transition: all 0.36s; line-height: 1.75; } .ywtitle2 li a:hover{ text-decoration:underline; } .ywtitle2 li{ margin-bottom: 6px; margin-left: 0; } .ywtitle2 li:last-child{ margin-bottom: 0; } /*中间文字*/ .middle-txt{width:1200px;text-align:center;color:#000;font-size:16px;height: 120px;line-height: 120px;} .middle-txt a{color:#ff8f26} /*总结*/ .zongjie{width: 1200px;height:400px;box-sizing: border-box;padding:90px 40px 0 40px;display:flex;margin:80px auto 80px auto;position:relative;background-image: url(../images/zongjiebg.png);background-position: center center;background-repeat: no-repeat;} .zdropul{display:flex;} .zdrop{width:280px;text-align:center;padding:20px 0;display: inline-block;} .zd-img{width:100%;text-align:center;} .zd-img img{width:60px;} .zd-animatenum{width:100%;color: #ffffff;font-size: 60px;font-weight: bold;text-align: center;margin-top:50px;} .zd-title{font-size:18px;color:#fff;margin-top:40px;} .zd-jia{font-size:40px;} /*新闻*/ .news { margin-top: 30px; position: relative; height: 800px; } .container { margin-left: auto; margin-right: auto; width: 1200px; } .h2_title { text-align: center; padding-top: 45px; font-size: 36px; font-weight: normal; margin-bottom: 45px; color:#000 } .h2_title a { display: block; color: #000; } .h2_title span { display: block; color: #333; } .h2_title i { display: block; font-size: 17px; color: #888; } .h2_title em { display: block; width: 40px; height: 2px; margin: 25px auto 0 auto; background: #044f9f; } .news .news_type { text-align: center; height: 56px; margin-bottom: 50px; } .news .news_type ul { display: inline-block; *display: inline; zoom: 1; } .news .news_type li { float: left; width: 183px; height: 54px; text-align: center; font-size: 18px; line-height: 54px; } .news .news_type li a { display: block; height: 54px; color: #333; } .news .news_type li.cur { background: #044f9f; border-color: #044f9f; } .news .news_type li.cur a { color: #fff; } .news .news_con {position: absolute;} .news .news_con .conbox { display: none; } .news .news_con .conbox.cur { display: block; } .news .news_con dl { float: left; width: 370px; margin-left: 45px; } .news .news_con dl:first-child { margin-left: 0; } .news .news_con dl dt { height: 285px; position: relative; overflow: hidden; margin-bottom: 20px; } .news .news_con dl dt img { display: block; /* width: 370px;*/ height: 285px; overflow: hidden; transition: all 0.5s; } .news .news_con dl dd.dd1 { margin-bottom: 15px; } .news .news_con dl dd.dd1 a { color: #434343; font-size: 17px; overflow:hidden; text-overflow:ellipsis; display:-webkit-box; -webkit-line-clamp:2; -webkit-box-orient:vertical; line-height: 24px; font-weight: bold; } .news .news_con dl dd.dd1 span { display: block; font-size: 14px; color: #929292; margin-top: 5px; } .news .news_con dl dd.dd2 { font-size: 13px; height: 66px; line-height: 22px; margin-bottom: 30px; } .news .news_con dl dd.dd2 a { font-size: 14px; line-height: 26px; color:#888 } .news .news_con dl:hover dt img { transform: scale(1.1); } .news .news_con dl:hover dd.dd3 a { background: #044f9f; border-color: #044f9f; color: #fff; } .news .sybtn{width:130px;height:44px;background:#044f9f;text-align:center;margin:570px auto} .news .sybtn a{display:block;height:44px;line-height:44px;color:#fff;font-size:14px;} /*加盟*/ .join{position: relative; height: 360px; background-color: rgb(51, 51, 51); background-image: url("../images/join_bg.jpg"); background-position: center center; background-attachment: fixed;width: 100%;} .joinshow{width: 1200px;margin: 0 auto;padding-top:100px} .joins-left{width:1200px;} .joins-left2{display:flex;justify-content:flex-start;width: 1200px;margin-top:60px;} .joinshow .jltitle{font-size:18px;font-weight:600;color:#fff;margin-bottom: 60px;} .joinshow .jltitle img{vertical-align: baseline;margin-right: 6px;} .jltxt{font-size:40px;color:#fff;font-weight: 600;} .jlbtn{width:180px;height:44px;background:#044f9f;text-align:center;margin-left: auto;border:1px solid #fff} .jlbtn a{display:block;height:44px;line-height:44px;color:#fff;font-size:14px;} /*返回顶部*/ #back-to-top{ position:fixed; display:none; bottom:100px; right:15px; } #back-to-top a{ text-align:center; text-decoration:none; color:#d1d1d1; display:block; width:50px; -moz-transition:color 1s; -webkit-transition:color 1s; -o-transition:color 1s; } #back-to-top a:hover{ color:#979797; } #back-to-top a span{ background:url(../images/gotop.png) no-repeat; border-radius:6px; display:block; height:50px; width:50px; margin-bottom:5px; -moz-transition:background 1s; -webkit-transition:background 1s; -o-transition:background 1s; } #back-to-top a:hover span{ background: url(../images/gotop_on.png) no-repeat; } /*首页视频播放*/ .feature-about{position: relative; height: 550px; background-color: rgb(51, 51, 51); background-image: url("../images/it1_meitu_1.jpg"); background-position: center center; background-attachment: fixed;width: 100%;margin-top: 70px;} .fabox{width:1200px;margin:0 auto;} .logbox{width:100%;text-align:center;padding-top:70px;} .logbox .aogo{} .logbox .aogo img{width:80px;} .logbox .sname{color:#fff;font-size:26px;font-weight:600;margin-top: 20px;margin-left: 15px;} .fadesc{font-size:48px;color:#fff;font-weight:600;text-align:center;line-height:140px;} .video_iabout{ position:relative; opacity:0.1; /*这是解决透明度在IE上的兼容问题*/ filter:alpha(opacity=20); width:120px; height:120px; margin:30px auto 0 auto; } .video_iabout a.btnarea { width:120px;height:120px;line-height:120px; background-color: transparent; background-image: url(../images/video.png); background-size: 100% 100%; background-repeat: no-repeat; position: absolute; cursor: pointer; display: inline-block; text-align: center; -moz-border-radius: 3px; -webkit-border-radius: 3px; border-radius: 3px; -moz-transition: border-color 0.4s ease 0s,background-color 0.4s ease 0s; -webkit-transition: border-color 0.4s ease 0s,background-color 0.4s ease 0s; -o-transition: border-color 0.4s ease 0s,background-color 0.4s ease 0s; transition: border-color 0.4s ease 0s,background-color 0.4s ease 0s; } #videobox{ width: 800px; height: 450px; background-color: #000; position: fixed; top: 25%; left: 27%; z-index: 999; display: none; } #closex{ position: absolute; right: 0; top: 0; z-index: 1000; display: block; width: 40px; line-height: 40px; text-align: center; cursor: pointer; color: #fff; font-size: 40px } /*关于我们*/ .nyabout{margin:50px auto 50px auto;} .nyabout_top{word-wrap: break-word;padding: 0px;border-color: transparent;border-width: 0px;height: 80px;background-color: transparent;width: 1200px;border-style: solid;background-image: url('../images/about_top.png');background-position: center top;} .nyabout_content{box-sizing: border-box;padding:50px 70px 70px 70px;border-radius:5px;background-color:#ffffff;} .nytitle{font-size:44px;color:#000;font-weight: 600;} .nytxt{font-size:16px;color:rgb(136, 136, 136);margin-top: 35px;line-height: 28px;} .nyabout .jltitle{font-size:14px;color:#fff;margin-bottom: 60px;} .nyabout .jltitle img{vertical-align: bottom;margin-right: 6px;} .nyabout_desc{padding:50px 70px 70px 70px;background-color:#ffffff;} .nyabout_desc img{max-width:100%!important;height:auto!important} .about_video{width:100%} /*工程案例*/ .nycasebox{display:flex;flex-wrap:wrap;margin-top: 50px;} .nycasebox li{width:22.75%;margin-right:3%;margin-bottom:3%;background: #fff;border-radius: 4px;} .nycasebox li .img{min-width: 160px;} .nycasebox li .img img{min-width: 160px;max-width: 100%;width: 100%;} .nycasebox li .ptxt{margin: 1rem auto 1rem;} .nycasebox li .ptxt .tit2 {color: #333; margin-bottom: 0.2rem;text-align: center;padding: 0 0.75rem;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;font-size: 18px;line-height: 1.6;} .nycasebox li .ptxt .tit3 {color: #777;padding: 0 1.5rem;display: -webkit-box; -webkit-box-orient: vertical;-webkit-line-clamp: 2;overflow: hidden;margin-bottom: 0.7rem;text-align: center;font-size: 14px;line-height: 1.6;} .nycasebox li .seemore{text-align:center;padding: 0 0 30px 0;color:#044f9f;font-size: 14px;} .nycasebox li:hover .ptxt .tit2{color:#044f9f;} /*工程案例内页*/ .nycase_show{margin:50px auto 50px auto;display:flex;justify-content:space-between;position: -webkit-sticky; /* Safari */position: sticky;justify-content:flex-start;} .nycase_showleft{border:1px solid rgb(221, 221, 221);background:#fff;box-sizing: border-box;padding:40px;} .nycase_showleft .artdetail_title{font-size: 20px;line-height: 140%;color: #000000;font-weight: bold;text-align:center;} .nycase_showleft .artview_detail{color: #5a5a5a;font-size: 15px;line-height:30px;padding-top: 20px;overflow: hidden;margin-bottom: 20px;} .nycase_showleft .artview_detail img{max-width:100%!important;height:auto!important} .nycase_showleft .xiayiye{width:100%;} .nycase_showleft .xiayiye a{font-size: 14px;color: #999999;font-weight: normal;line-height: 25px;} .nycase_showright{width:288px;display: inline-table;position: -webkit-sticky; /* Safari */position: sticky;top: 90px;z-index:1000;margin-right:auto} .nycase_showright .nysearch{width:288px;border:1px solid rgb(221, 221, 221);background:#fff;box-sizing: border-box;padding:10px 0 10px 30px;margin-bottom:20px;display:flex} .nycase_showright .nysearch .searchbox_inp{border: none;width: 180px;outline: none;color: #666;} .nycase_showright .nysearch .searchbox_btn{width: 50px;height: 28px;line-height: 28px;cursor: pointer;color: #666666;font-size: 16px;text-align: center;border: none;background: none;} .nycase_showright .nyfenlei{width:288px;border:1px solid rgb(221, 221, 221);background:#fff;box-sizing: border-box;padding:30px;margin-bottom: 20px;} .nycase_showright .nystit{color:#5a5a5a;font-size:16px;font-weight:600} .nycase_showright .nycate{width:150px;margin-top:20px;} .nycase_showright .nycate li{width:140px;border-bottom:1px solid #dddddd;} .nycase_showright .nycate li>a{display:block;text-indent:6px;line-height:40px;font-size:15px;color:#5a5d5a} .nycase_showright .nycate li>a:hover{color:#044f9f;font-weight:600} .nycase_showright .nycate li:last-child{border-bottom:none} .nycase_showright .nycate li>a.cur{color:#044f9f;font-weight:600} .nycase_showright .nynewlist{} .nycase_showright .nynewlist li{display:flex;border-bottom: 1px dashed #dddddd;padding-bottom:20px;margin-top:20px} .nycase_showright .nynewlist li .nynlimg{width:88px;height:55px;margin-right: 10px;} .nycase_showright .nynewlist li .nynlimg img{width:88px;height:55px;} .nycase_showright .nynewlist li .nynltext{} .nycase_showright .nynewlist li .nynltext .ytitle{font-size:13px;color: #5A5A5A;} .nycase_showright .nynewlist li .nynltext .nytime{font-size:12px;color: #929292;margin-top:5px;} /*新闻资讯*/ .newsbox{} .newsbox li{padding-bottom:30px;margin-bottom:40px;border-bottom: 1px dashed #dddddd;} .newsbox li .title{display: inline-block;font-size: 24px;color: #333;font-weight: normal;text-decoration: none;line-height: 140%;} .newsbox li .news_article{display:flex;margin-top:20px;} .newsbox li .nimg{width:240px;height:150px;margin-right: 20px;overflow: hidden;} .newsbox li .nimg img{width:240px;height:150px;transition: all 0.6s;} .newsbox li .nimg img:hover{transform: scale(1.1);} .newsbox li .abstract{width: 100%;overflow: hidden;word-wrap: break-word;display: inline-block;font-size: 15px;line-height: 30px;color: #999999;font-weight: normal;text-decoration: none;} .newsbox li .artdetialtips{display: inline-block;font-size: 14px;color: #044f9f;font-weight: normal;text-decoration: none; line-height: 140%;margin-left: 6px;} .newsbox li .timebox{font-size:14px;color: #929292;text-align: right;} .newsbox li:hover .title{color:#044f9f} .artdetail_title{display:block;font-size:20px;color:#000000;font-weight:bold;text-decoration:none;} .artview_info{display:block;font-size:12px;color:#5A5A5A;font-weight:normal;text-decoration:none;margin: 20px 0;text-align:center} .artview_info span{margin-right:35px;} .artview_detail{display:block;font-size:15px;color:#333333;font-weight:normal;text-decoration:none;overflow: hidden;} .artview_detail img{max-width:100%!important;height:auto!important} /*底部*/ .full_footer{position:relative;height: 300px; background-color: rgb(34, 34, 34);} .footer_content{width: 1200px;margin:0 auto;height: 300px;padding-top:60px;box-sizing: border-box;display:flex; justify-content:space-between} .fc_item1{} .fc_item1 .fcitbox{display:flex} .fc_item1 .llogo{} .fc_item1 .llogo img{width:55px;} .fc_item1 .sname{color:#fff;font-size:26px;font-weight:600;margin-top: 20px;margin-left: 15px;} .fc_item1 .hotlinetitle{font-size: 14px;line-height: 141%;color:#d2d2d2;margin-top:50px;} .fc_item1 .hotline{font-size: 30px;color:#fff;margin-top:20px;font-weight:600} .fc_item2{} .fc_item2 .contact_title{font-size:16px;color:#d2d2d2;font-weight:600;margin-bottom:40px;} .fc_item2 .contact_content{font-size: 14px; line-height: 240%; color: rgb(153, 153, 153);} .fc_item3{} .fc_item3 .contact_title{font-size:16px;color:#d2d2d2;font-weight:600;margin-bottom:40px;} .fc_item3 .contact_content{font-size: 14px; line-height: 240%; color: rgb(153, 153, 153);} .fc_item4{display:flex;background: url(../images/f_erbg.png) no-repeat 0 0;padding-right: 20px;padding-top: 10px;margin-top: 45px;} .fc_item4 .tcode{text-align:center;font-size: 12px;color: rgb(204, 204, 204);margin-left: 20px;} .fc_item4 .tcode img{width:100px;border-radius:4px;margin-bottom:5px} .full_copyright{position:relative;height: 50px; background-color: rgb(17, 17, 17);} .footer_copyright{width: 1200px;margin:0 auto;display:flex;justify-content:flex-start;line-height:50px;} .copyr_left{font-size: 14px;color: rgb(119, 119, 119);} .copyr_right{margin-left: auto;font-size: 14px;} /*创始人*/ .mt35{margin-top: 35px;} .csrbox{display:flex;} .csrbox .mcb_left{width: 360px;} .csrbox .mcb_left .mclname{font-size: 24px;color: #093293;line-height: 42px;padding-top: 10px;} .csrbox .mcb_left .mcldesc{font-size: 16px;color: #555555;} .csrbox .mcb_right{width: 770px;} .csrbox .mcb_right .mcbrbox{width: 100%;padding-bottom: 25px;} .csrbox .mcb_right .mcbrbox .mcbr_name{border-bottom: 1px solid #093293;width:100%;font-size: 20px;color: #093293;line-height: 42px;font-weight: bold;margin-bottom: 10px;} .csrbox .mcb_right .mcbrbox .mcbr_name span{padding-left: 12px; font-size: 18px;color: #093293;font-weight: normal;} .csrbox .mcb_right .mcbrbox p{font-size: 16px;color: #555;text-indent:0;line-height: 24px;} /*联系我们*/ .aboucon{box-sizing: border-box;} .abres{width: 100%;display: flex;padding: 40px;box-sizing: border-box;background:#f5f5f5} .abres .abrlist{width: 460px;padding-left: 40px;} .abres .abrline{border-right: 1px solid #dddddd;} .abres .abrlist .abtit{font-size: 22px;color: #394052;margin-bottom: 17px;line-height: 30px;} .abres .abrlist .abtit span{font-size: 18px;color: #0e3092;} .abres .abrlist p{font-size: 16px;color: #333;line-height: 34px;} .abres .abrlist p img{display:inline!important} .aboucon img{display:block} /*关于我们*/ .com{font-size: 15px;line-height: 28px;} .client_p,.honor p { color: #000; font: 15px/30px "宋体"; height: 60px; overflow: hidden; } .client_corp_main { border-radius: 6px; border: 1px solid #eaeaea; margin: 20px auto; padding-top: 20px; overflow: hidden; } .client_corp_main ul { overflow: hidden; display:flex; flex-wrap:wrap } .client_corp_main li { width: 24%; height: 48px; text-align: center; float: left; border-right: 1px solid #bfbfbf; margin-bottom: 40px; line-height: 48px; margin-top: 20px; } .client_corp_main li.fourbor { border-right: none; } /*荣誉资质*/ .productTab{ padding: 32px 0 30px; overflow:hidden;} .productTab li{ float:left; font-size: 14px; position:relative; margin-bottom:30px;} .productTab li .box{ margin-right:25px; } .productTab li a{ color: #727272; display: block; padding:0 20px; height: 40px;border-radius: 4px; -moz-border-radius:4px; line-height: 40px; text-align: center;} .productTab li a:hover, .productTab li .aNow{ background: #00479d; color: #fff; } .productTab dl{ display:none; position:absolute; width: 900px; height: 45px; top: 35px; left: 50%; margin-left: -450px; z-index:5;} .productTab dd{display: inline-block; line-height: 33px; font-size: 14px; margin:0 6px; background: #ffffff; position: relative;} .productTab dl a{ color:#666; background:none; width:auto;} .productTab dl a:hover{ background:none; text-decoration:underline; color:#00479d;} .rongyuzhz{padding:50px 70px 70px 70px;background-color:#ffffff;border-radius:5px;} .honor { height: auto; overflow: hidden; } .honor ul{display: flex;flex-wrap: wrap;} .honor li { float: left; height: 240px; margin:30px 15px; overflow: hidden; width: 22%; } .honor li img { display: block; height: 180px; width: 100%; } .honor li p { background: rgba(0, 0, 0, 0) url("../style/Img/honor_bg.jpg") no-repeat scroll center top; color: #394052; cursor: pointer; font-size: 14px; height: 70px; margin-top: 0; padding-top: 26px; text-align: center; } .honor .nones { margin-right: 0; } .honor .li01 { background: rgba(0, 0, 0, 0) none repeat scroll 0 0; } /*企业文化*/ .brand{margin-bottom: 30px;overflow:hidden;} .brand .tit01{ margin-bottom:25px;} .brand dl{ height:200px; margin-top:6px; overflow:hidden; background:#d7d7d7;} .brand dt{ width:216px; height:200px; overflow:hidden;} .brand dt img{ width:216px; height:200px;} .brand dd{ width:900px; padding:20px 0 0 30px; overflow:hidden; height:204px;} .brand h4 a{ display:block; font:26px "Microsoft Yahei"; color:#0e3092; height:30px; line-height:30px; overflow:hidden;} .brand p{ font:15px "Microsoft Yahei"; color:#394052; line-height:25px; padding:12px 0;} h4.tit01 { border-bottom:solid 2px #0e3092; vertical-align:text-top; position:relative; display: block; font: 26px "Microsoft Yahei"; color: #0e3092; height: 50px; line-height: 50px; overflow: hidden; } h4.tit01 span{display:block;position:absolute;background:rgb(255, 255, 255); padding-right:20px; top:20px; } h4.tit01 a { color: #394052; } h4.tit01 i { color: #0e3092; font: 24px Arial,Helvetica,sans-serif; text-transform: uppercase; display:block; } /*产品中心*/ .tab_box{background:#fff;width:100%;} .subnav2{padding-top: 50px;padding-bottom: 50px;max-width: 1640px;width: 90%;min-width:1000px;margin: 0 auto;display:flex;} .subnav2 li { margin-right: 50px; -webkit-transition: color .3s; transition: color .3s; position: relative; cursor: pointer; } .subnav2 li>a{ color: #555; font-size:16px; display:block; -webkit-transition: color .3s; transition: color .3s; position: relative; cursor: pointer; padding-bottom: 10px; } .subnav2 li>a:before { content: ""; position: absolute; width: 0; bottom: 0; height: 6px; background:#044f9f; } .subnav2 li>a.cur { color: #044f9f; } .subnav2 li>a.cur:before { content: ""; position: absolute; width: 100%; bottom: 0; height: 3px; } .subnav2 li>a:hover { color: #044f9f; } .subnav2 li>a:hover:before { content: ""; position: absolute; width: 100%; bottom: 0; height: 3px; background:#044f9f; -webkit-transition: all .3s; transition: all .3s; transform: scale(1.1); } .subnav3{padding-top: 2.2rem;padding-bottom: 1.5rem;max-width: 1640px;width: 90%;min-width:1000px;margin: 0 auto;display:flex;border-top: 1px dashed #d1d1d1;} .subnav3 .spname {color: #b1b1b1;width: 110px;padding-right: 10px;font-size: 15px;line-height: 1.6} .subnav3 .spright{display:flex;} .subnav3 .spright li>a{display:flex;font-size: 15px;line-height: 1.6;color:#777;margin-right:50px;} .subnav3 .spright li>a.cur{color:#044f9f;font-weight:bold} .subnav3 .spright li>a:hover{color:#044f9f;font-weight:bold} /*产品中心*/ .productbox{display:flex;flex-wrap:wrap;margin-top: 50px;} .productbox li{width:22.75%;margin-right:3%;margin-bottom:3%;background: #fff;border-radius: 4px;} .productbox li .img{margin: 2.5rem 2rem;min-width: 160px;} .productbox li .img img{min-width: 160px;max-width: 100%;} .productbox li .ptxt{margin: 1rem auto 1rem;} .productbox li .ptxt .tit2 {color: #333; margin-bottom: 0.2rem;text-align: center;padding: 0 0.75rem;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;font-size: 16px;line-height: 1.6;} .productbox li .ptxt .tit3 {color: #777;padding: 0 1.5rem;display: -webkit-box; -webkit-box-orient: vertical;-webkit-line-clamp: 2;overflow: hidden;margin-bottom: 0.7rem;text-align: center;font-size: 14px;line-height: 1.6;} .productbox li .seemore{text-align:center;padding: 0 0 30px 0;color:#044f9f;font-size: 14px;} .productbox li:hover .ptxt .tit2{color:#044f9f;} /*产品详情页*/ .f_pr { position: relative; } .fl, .f_fl, .floatLeft { float: left; } .g_prod{width: 100%;margin:50px auto 50px auto; } .g_prod .m_cpjs{height: 500px;display:flex} .g_prod .m_cpc{} .g_prod .m_cpc .u_ljt,.g_prod .m_cpc .u_rjt{ width:60px; height:60px; display:block;position: absolute;cursor: pointer;} .g_prod .m_cpc .u_ljt{top:194px;left:40px;} .g_prod .m_cpc .u_rjt{top:194px;right:40px;} .g_prod .m_cpc .u_ljt a{ background: url(Img/ljt.png) no-repeat; width:60px; height:60px; display:block;} .g_prod .m_cpc .u_rjt a{ background: url(Img/rjt.png) no-repeat; width:60px; height:60px; display:block;} .g_prod .m_cpc .u_mid{ width:500px; overflow:hidden;} .g_prod .m_cpc .u_lst1 li{ width:500px;float:left; } .g_prod .m_cpc .u_lst1 .lastli{ margin-right:0;} .g_prod .m_cpc .u_lst1 li img{ width:500px; height:500px;display: block; } .g_prod .m_js{padding: 0 0 0 4%;width: 56%;} .g_prod .m_js h2{line-height: 60px;font-size: 24px;color: #333333;font-weight: 600;} .g_prod .m_js .tel{line-height: 45px; background: #f6f8fa;color: #808080;padding-left: 15px;font-size: 14px;} .g_prod .m_js .tel span{color:#00479d;} .g_prod .m_js p{font-size: 16px;color: #808080;line-height: 30px;padding: 24px 0px;margin-bottom: 20px;border-bottom: 1px solid #d3d3d4;} .g_prod .m_js .biaoz{clear:both;display: block; padding-left: 32px; margin-top: 2px;font-size: 16px; line-height: 30px;color:#272727;background:url(../images/merc/zxbz.png) no-repeat left;} .g_prod .m_js .tedian{clear:both;display: block; padding-left: 32px; margin-top: 2px;font-size: 16px; line-height: 30px;color:#272727;background:url(../images/merc/cptd.png) no-repeat left;} .g_prod .m_js .btndiv{clear:both;} .g_prod .m_js .goutong{float: left;padding: 0px 35px 0px 30px;font-size: 18px;margin: 48px 20px 0px 0px;background: #00479d;line-height: 54px;color: #fff;position: relative;} .g_prod .m_js .gengd{float: left;padding:0px 35px 0px 30px;font-size: 18px;margin: 48px 20px 0px 0px;background: #a5a5a5;line-height: 54px;color: #fff;position: relative;} .g_prod .m_js .goutong img{vertical-align: middle;border: none;} .g_prod .m_js .gengd img{vertical-align: middle;border: none;} /*产品详情页 产品轮播图*/ .pro_banner {width: 500px;overflow: hidden;text-align:center;clear:both;position: relative;background: #f8f8f8;} .pro_banner li a{display:block;width:1000px;margin:0 auto; cursor:pointer;} .pro_banner ul li {float: left;width: 100%;} .pro_banner .dots {position: absolute; left: 0;bottom: 10px;width: 100%;text-align: center; } .pro_banner .dots li {display: inline-block;width: 10px;height: 10px;margin: 0 4px;text-indent: -999em;border: 2px solid #00479d;border-radius: 6px;cursor: pointer;opacity: .4;-webkit-transition: background .5s, opacity .5s;-moz-transition: background .5s, opacity .5s;transition: background .5s, opacity .5s;} .pro_banner .dots li.active {background: #00479d;opacity: 1;width: 24px;} .pro_banner .arrow{display: block;width: 50px;height: 50px;position: absolute;top:42%;margin-left:0!important;border:none!important} .pro_banner .prev{background: url(../images/prev.png) left top no-repeat;left: -50px;-webkit-transition:left 300ms; transition:left 300ms;} .pro_banner .prev:hover{background: url(../images/prev_on.png) left top no-repeat;} .pro_banner .next{background: url(../images/next.png) left top no-repeat;right: -50px;-webkit-transition:right 300ms; transition:right 300ms;} .pro_banner .next:hover{background: url(../images/next_on.png) left top no-repeat;} .pro_banner:hover .prev{left: 60px;} .pro_banner:hover .next{right: 60px;} .gbc{ position:relative; cursor: pointer; display:inline-block; } .gbc:hover .lgbcarge{ display: block; } .lgbcarge{ width: 231px; height: 231px; background-size: 100%; position: absolute; right: -35px; bottom: 60px; display: none; border-radius: 7px; border:1px solid #ccc; text-align: center; color: #00479d; line-height: 434px; font-size: 14px; } .proxq{width:100%;border-top:1px solid #ececec;} .pq_item{display:flex;border-bottom: 1px dashed #ececec;padding: 40px 0;} .pq_item .pqi_left{width: 15%;color: #555;font-size:17px;line-height: 2;font-weight:600} .pq_item .pqi_right{width: 85%;color: #666;font-size:15px;line-height:2.1} .pq_item .pqi_right img{max-width:100%!important;height:auto} .pq_item .pqi_right video{max-width:100%!important;height:auto}