@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}