@font-face {font-family:fontDin1;src: url(../cssnew/DIN-MEDIUM_otf.txt),url(../cssnew/DIN-MEDIUM_woff.txt),url(../cssnew/DIN-MEDIUM_eot.txt),url(../cssnew/DIN-MEDIUM_woff2.txt),url(../cssnew/DIN-MEDIUM_ttf.txt)}
@font-face {font-family:fontDin2;src: url(../cssnew/DIN-BOLD_otf.txt),url(../cssnew/DIN-BOLD_woff.txt),url(../cssnew/DIN-BOLD_eot.txt),url(../cssnew/DIN-BOLD_woff2.txt),url(../cssnew/DIN-BOLD_ttf.txt)}
/*通用代码*/
*{ margin:0px; padding:0px;}
body{font-size:14px; color:#222222; font-family:"Microsoft YaHei"; font-family:'微软雅黑'; min-width:1300px; overflow-x:hidden;}
img{margin: 0px; padding: 0px;border-right-width: 0px; border-top-width: 0px; border-bottom-width: 0px; border-left-width: 0px;}
h1,h2,h3,h4,h5,h6,h7{ font-weight:normal;}
dl,dt,dd,ol,ul,li,from,input,select,span,p,div{margin: 0px; padding: 0px; list-style: none;}
.clear{clear:both;}
a{color: #222222; text-decoration: none; font-size:14px;}
a:hover{color: #d00000;cursor:pointer;}
em ,i{ font-style:normal;}
input,button,select,textarea{outline:none;font-family:"Microsoft YaHei"; font-family:'微软雅黑'; background:none; border:none;}
.w1300{ max-width:1300px; margin:0 auto; min-width:1300px;}
.fr{ float:right;}
.fl{ float: left;}
*,:after,:before{ box-sizing:border-box;-moz-box-sizing:border-box; -webkit-box-sizing:border-box; }
.title{ text-align:center; font-size:18px; color:#888888;}
.title span{ display:block; font-size:40px; color:#333333; margin-bottom:10px;}
.title span i{ display:inline-block; vertical-align:middle; width:113px; height:9px; background:url(../images/724.png) no-repeat center; margin:0 40px;}
.title span i:last-child{ background-image:url(../images/999.png);}
.hovermaincolor a:hover{ color:#d00000;}
/*抬头*/
.header{ height:132px; background:#01589f;display: -webkit-flex;display: flex;justify-content:space-between;flex-wrap: nowrap;align-items:center; position:relative; z-index:9; }
.hleft{ background:#fff;display: -webkit-flex;display: flex;justify-content:flex-start;flex-wrap: nowrap;align-items:center; position:relative; height:132px; padding:0 25px; font-size:18px; color:#888; margin-right:-130px;}
.hleft span{ position:absolute; display:block; width:0; height:0; border-bottom:132px solid #fff; border-right:74px solid transparent; left:100%; top:0;}
.nav{ width:calc(100% - 880px); margin-left: 180px;}
.nav ul,.hright{display: -webkit-flex;display: flex;justify-content:space-between;flex-wrap: nowrap;align-items:center;}
.nav ul li{ position:relative;}
.nav ul li>a{ display:block; line-height:151px; font-size:17px; color:#fff;}
.nav ul li>a:after{ content:''; display:block; position:absolute; transition:all .3s ease; border-left:10px solid transparent; border-right:10px solid transparent; border-top:10px solid #fff; width:0; height:0; left:0; right:0; margin:0 auto; bottom:0; opacity:0;}
.nav ul li.cur>a:after,.nav ul li:hover>a:after{ bottom:30px; opacity:1;}
.nav ul li.hasdrop:hover>a:after{ bottom:10px; opacity:1; transform:rotate(180deg);}
.dropmenu{ position:absolute; width:200%; left:-50%;  z-index:99; background:#fff; border-radius:5px; text-align:center; transition:all .3s ease; opacity:0; visibility:hidden; top:105%;}
.nav>ul>li:hover .dropmenu{top:calc(100% - 10px); opacity:1; visibility:visible;}
.dropmenu a{ display:block; line-height:50px; font-size:14px; color:#666; transition:all .3s ease;}
.dropmenu a:hover{ background:#333333; color:#fff;}
.dropmenu table,.dropmenu tbody,.dropmenu tr,.dropmenu td{ display:block; width:100%;}
.hbtn{ height:132px; position:relative;display: -webkit-flex;display: flex;justify-content:center;flex-wrap: nowrap;align-items:center;margin-right: 30px;}
.hconcat{ width:244px; height:110px;  padding:32px 0 0 0px;}
.hconcat strong{ font-size:28px; font-family:Arial, Helvetica, sans-serif; color:#fff;}
.hconcat span{ display:block; font-size:16px; color:#fff; padding-left:30px; background:url(../images/752.png) no-repeat left center; margin-bottom:3px;}
.hbticon{ width:50px; height:50px;display: -webkit-flex;display: flex;justify-content:center;flex-wrap: nowrap;align-items:center; border-radius:50%; background:rgba(255,255,255,.2); cursor:pointer;}
.hbtn+.hbtn{ margin-left:25px;}
.hbticon span{ border-radius:50%; display:block; background:#fff; width:38px; height:38px;display: -webkit-flex;display: flex;justify-content:center;flex-wrap: nowrap;align-items:center; transition:all .3s ease;}
.hbticon span i{ display:block; width:18px; height:18px; background:url(../images/886.png) no-repeat left top; transition:all .3s ease;}
.hbtn+.hbtn .hbticon span i{ height:16px;}
.hbtn:hover .hbticon span{ background-color:#d00000;}
.hbtn:hover .hbticon span i{ background-position-y: bottom;}
.hdropbtn{background: rgba(255,255,255,0.8); position: absolute;top: 100%;right: 0;padding: 30px; transform-origin: top; transform: rotateX(90deg);transition: all 0.5s;z-index: 9;}
.search_l{display:flex;align-items:center;justify-content:end;width:508px;}
.search_l span{ color:#444;}
.search_l a{color: #666;font-size: 14px;}
.search_r{margin-top:15px;position:relative;}
.hsearchicon{width:96px; height:100px; text-align:center;border-right:1px solid #3570d5; font-size:14px; line-height:130px; background:url(../images/456.png) no-repeat center 17px; cursor:pointer;}
.hbtn:hover .hdropbtn{transform: rotateX(0deg);}
#infoname{width:100%;height:38px;line-height: 38px;border:1px solid #eee;text-indent:12px;}
.z_img {width: 38px; height: 38px;position: absolute;top: 0; right: 0; background: no-repeat;}
.hdroptel{font-size:30px; font-family:fontDin1; color:#333; white-space:nowrap;}

/*幻灯片*/
.banner{overflow:hidden; width:100%; position:relative; z-index:1; background:#f5f5f5;}
.banner-box{ min-width:1300px; height:800px; position:relative; margin:0 auto; }
.banner-box .bd, .banner-box .bd ul{ width:100% !important; }
.banner-box .bd li{ width:100% !important; height:800px; background-position: center; background-repeat: no-repeat;}
.banner-box .bd li a{ display:block; background-size:auto;width: 100%;height: 80%;position: relative;z-index: 9;}
.banner-btn{ width: 100%; position: absolute; top:400px; left: 0; margin-left: 0; height: 380px; overflow: hidden; }
.banner-btn a{ display:block; width:49px; height:104px; position:absolute; top:30px; filter:alpha(opacity=0); -moz-opacity:0; -khtml-opacity:0; opacity:0; transition:0.3s all ease-in-out; z-index: 9;}
.banner-btn a.prev{ left:-50px; background:url(../images/780.png) no-repeat 0 0; } 
.banner-btn a.next{ right:-50px; background:url(../images/780.png) no-repeat -49px 0; }
.banner-box .hd { position:absolute; bottom:0px; width: 100%; display: block; }
.banner-box .hd ul{ text-align: center}
.banner-box .hd ul li{ width:10px; height:10px; border-radius :50%; text-indent:-9999px; background:#fff; cursor:pointer; display:inline-block; margin:0 5px; transition:0.3s all ease-in-out; opacity:0.8;}
.banner-box .hd ul li.on{ background: #333;border-radius: 8px; width:70px;}
.banner-box:hover .banner-btn a.prev{ left:20px; filter:alpha(opacity=40); -moz-opacity:.4; -khtml-opacity:.4; opacity:.4; }
.banner-box:hover .banner-btn a.next{ right: 20px; filter:alpha(opacity=40); -moz-opacity:.4; -khtml-opacity:.4; opacity:.4; }
.banner-box .banner-btn a.prev:hover,.banner-box:hover .banner-btn a.next:hover{ filter:alpha(opacity=80); -moz-opacity:.8; -khtml-opacity:.8; opacity:.8; }
.banner-box .bd li{ -webkit-animation: kenburns-top1 3.5s ease-out  both;animation: kenburns-top1 3.5s ease-out  both;}

.bannerr{overflow:hidden; width:100%; position:relative; z-index:1; border:1px solid #eee;}
.bannerr-box{ width:800px; height:800px; position:relative; margin:0 auto; }
.bannerr-box .bd, .bannerr-box .bd ul{ width:100% !important; }
.bannerr-box .bd li{  width:800px; height:800px; background-position: center; background-repeat: no-repeat;}
.bannerr-btn{ width: 100%; position: absolute; top:400px; left: 0; margin-left: 0; height: 380px; overflow: hidden; }
.bannerr-btn a{ display:block; width:49px; height:104px; position:absolute; top:30px; filter:alpha(opacity=0); -moz-opacity:0; -khtml-opacity:0; opacity:0; transition:0.3s all ease-in-out; z-index: 9;}
.bannerr-btn a.prev{ left:-50px; background:url(../images/780.png) no-repeat 0 0; } 
.bannerr-btn a.next{ right:-50px; background:url(../images/780.png) no-repeat -49px 0; }
.bannerr-box .hd { position:absolute; bottom:0px; width: 100%; display: block; }
.bannerr-box .hd ul{ text-align: center}
.bannerr-box .hd ul li{ width:10px; height:10px; border-radius :50%; text-indent:-9999px; background:#1c347f; cursor:pointer; display:inline-block; margin:0 5px; transition:0.3s all ease-in-out; opacity:0.8;}
.bannerr-box .hd ul li.on{ background: #db3c1f;border-radius: 8px; width:10px;}
.bannerr-box:hover .bannerr-btn a.prev{ left:20px; filter:alpha(opacity=40); -moz-opacity:.4; -khtml-opacity:.4; opacity:.4; }
.bannerr-box:hover .bannerr-btn a.next{ right: 20px; filter:alpha(opacity=40); -moz-opacity:.4; -khtml-opacity:.4; opacity:.4; }
.bannerr-box .banner-btn a.prev:hover,.bannerr-box:hover .bannerr-btn a.next:hover{ filter:alpha(opacity=80); -moz-opacity:.8; -khtml-opacity:.8; opacity:.8; }
.bannerr-box .bd li{ -webkit-animation: kenburns-top1 3.5s ease-out  both;animation: kenburns-top1 3.5s ease-out  both;}

/*家泰五金*/
.speak{ padding:80px; background:#fff url(../images/260.jpg) no-repeat center bottom;}
.speaktop{display: -webkit-flex;display: flex;justify-content:flex-start;flex-wrap: nowrap;align-items:flex-start;}
.spleft{ width:660px;}
.sp_t{ font-size:36px; color:#666666; line-height:36px; font-weight:lighter;}
.sp_t b{ font-size:36px; color:#333333;}
.sp_c{ padding:45px 65px 45px 0; border-bottom:1px solid #eeeeee; font-size:14px; color:#999999; line-height:32px;}
.sp_btn{ margin-top:36px; font-size:0;display: -webkit-flex;display: flex;justify-content:flex-start;flex-wrap: nowrap;align-items:center;}
.sp_btn a{ display:inline-block; vertical-align:top; width:126px; line-height:53px; transition:all .3s ease; font-size:18px; color:#333333; text-align:center;}
.sp_btn a+a{ margin-left:3px;}
.sp_btn a:before{ content:''; display:inline-block; vertical-align:middle; width:0; height:0; border-top:8px solid transparent; border-bottom:8px solid transparent; border-left:8px solid #01589f; margin-right:15px; transition:all .3s ease;}
.sp_btn a.on{ background:#01589f; color:#fff;}
.sp_btn a.on:before{ border:none; margin-right:0;}
.speaknum{display: -webkit-flex;display: flex;justify-content:space-between;flex-wrap: nowrap;align-items:flex-start; margin:50px 0 40px 0;}
.speaknum li{ width:25%; text-align:center; height:172px; background:linear-gradient(to right, transparent 70%,#f9f9f9); font-size:16px; color:#9c9ca1;display: -webkit-flex;display: flex;justify-content:center;flex-wrap: nowrap;align-items:center;}
.num_t b{display: flex;justify-content:center;flex-wrap: nowrap;align-items:flex-start; font-size:14px; color:#01589f;}
.num_t span{ font-size:60px; font-family:fontDin2; line-height:60px; margin-right:30px; display:inline-block;}
.num_t{ margin-bottom:15px;}
.spright{ width:640px; height:330px; border:6px solid #eeeeee; background:url(../images/488.jpg) no-repeat center; position:relative;}
.spright:after{ content:''; display:block; position:absolute; width:100%; height:50px; background:url(../images/518.jpg) no-repeat center; bottom:-56px;}
/*家泰 • 产品中心*/
.product{ padding:80px 0 100px 0;}
.protab { margin:40px 0 50px 0;display: -webkit-flex;display: flex;justify-content:space-between;flex-wrap: nowrap;align-items:flex-start; text-align:center; padding: 0% 2% 0% 2%; }
.protab a{ display:block; width:33%; background:#f2f2f2; padding:30px 2%; color:#333333; transition:all .3s ease; border-radius:5%;}
.protab a.on{ background:#333333; color:#fff;}
.protab a.on span{ background:#fff; color:#333; transform:rotate(360deg);}
.propic img{ width:100%; height:auto;}
.protab p{ font-size:20px; line-height:64px;}
.protab span{ display:inline-block; width:30px; height:30px; border-radius:50%; line-height:28px; font-size:20px; font-weight:lighter; color:#fff; background:#444444;transition:all .3s ease;}
.proshow{ padding:0 2%; width:100%;}
.proshow ul{ width:100%;}
.proshow ul li{width:24%; display:inline-block; margin-right:1.1%; margin-bottom:30px;}
.proshow ul li:nth-child(4n){margin-right:0px; float:right;}
.proshow ul li a,.proshow ul li span{ display:block; position:relative; overflow:hidden;}
.proshow ul li>span{ width:100% !important;}
.proshow ul li br{ display:none;}
.proshow ul li span a{line-height:50px; background:#eeeeee; margin-top:1px; text-align:center;font-size:16px; color:#666666;}
.proshow ul li a img{ transition:all .6s ease; width:100%;}
.proshow ul li:hover a img{ transform:scale(1.4) rotate(10deg);}
.proshow ul li>a:after{ content:''; display:block; position:absolute; background:rgba(0,0,0,0.6); width:100%; height:100%; top:0; left:0; transition:all .3s ease; opacity:0;}
.proshow ul li>a{ border:1px solid #e5e5e5;}
.proshow ul li:hover>a:after{ opacity:1;}
.proshow ul li a i:after,.proshow ul li a i:before{ content:''; display:block; position:absolute;  transition:all .6s ease; z-index:3; width:0; height:0; opacity:0;}
.proshow ul li a i:after{ border-top:2px solid #fff; border-right:2px solid #edeff5;top:10%; right:10%;}
.proshow ul li a i:before{ border-bottom:2px solid #fff; border-left:2px solid #edeff5;bottom:10%; left:10%;}
.proshow ul li:hover a i:after,.proshow ul li:hover a i:before{width:85%; height:85%; opacity:1;}
.proshow ul li a span{ position:absolute;left:0;top:0;bottom:0;right:0;margin: auto; width:120px;line-height:40px;text-align:center;font-size:14px;color:#fff;background:#0567d4;background:linear-gradient(to right,rgba(208,0,0,0.9),rgba(208,0,0,0.7),rgba(208,0,0,0.5),rgba(208,0,0,0.4),rgba(208,0,0,0)); font-family:fontDin; opacity:0; transition:all .6s ease; z-index:3; height:40px;}
.proshow ul li:hover a span{ opacity:1;}
.proshow ul li:hover span a{ color:#333;}
/*选择家泰五金的四大优势*/
.adv{ padding:75px 0 0 0; background:#f2f2f2;}
.advtab{ margin:55px auto;display: -webkit-flex;display: flex;justify-content:space-between;flex-wrap: nowrap;align-items:flex-start;}
.advtab li{ width:300px; height:126px; background:#fff;display: -webkit-flex;display: flex;justify-content:center;flex-wrap: nowrap;align-items:center; transition:all .3s ease; cursor:pointer;}
.advicon{ width:50px; height:52px; margin-right:20px; background:url(../images/556.png) no-repeat left top; transition:all .3s ease;}
.advtab li:nth-child(2) .advicon{ background-position-x:-88px;}
.advtab li:nth-child(3) .advicon{ background-position-x:-176px;}
.advtab li:nth-child(4) .advicon{ background-position-x:-269px;}
.advtab li.on .advicon{ background-position-y:-65px;}
.advtab_t b{ font-size:30px; color:#333333;transition:all .3s ease; }
.advtab_t em{ display:block; text-transform:uppercase; font-size:14px; color:#b3b1ae; text-transform:uppercase; margin-top:2px;transition:all .3s ease; }
.advtab li.on{ background:#01589f;}
.advtab li.on b{ color:#fff;}
.advtab li.on em{ color:#999999;}
.advbox{ height:688px; background:#fff;}
.advbox ul{ font-size:0; white-space:nowrap;}
.advleft{ width:955px; height:688px; margin-left:-310px; display:inline-block; vertical-align:top;}
.advright{ width:100vw; height:644px; background:rgba(61,61,61,.88); margin-left:-135px;display:inline-block; vertical-align:top; border-radius:0 0 0 100px; position:relative; z-index:9;}
.advcen{ width:700px; height:484px; background:#fff; margin:80px 0 0 90px; padding:0 45px;}
.advtop{display: -webkit-flex;display: flex;justify-content:flex-start;flex-wrap: nowrap;align-items:center;}
.adv_n{ width:112px; height:112px; background:#01589f; text-align:center; font-size:30px; color:#fff; padding:10px 0;}
.adv_n em{ display:block; font-size:50px; font-family:fontDin2; line-height:55px;}
.adv_t{ font-size:28px; color:#333333; margin-left:25px;}
.adv_t em{ display:block; font-size:14px; color:#b7b7b7; text-transform:uppercase; margin-top:10px;}
.advwa{ padding:40px 0 45px 0; border-bottom:1px solid #e8e8e8;}
.advwa p{ font-size:15px; color:#838383; line-height:36px; padding-left:35px; background:url(../images/653.png) no-repeat left 10px;white-space: pre-line;}
.advtel{ margin-top:45px; padding-left:40px; font-size:16px; color:#888888; background:url(../images/085.png) no-repeat left center;}
.advtel em{ margin-left:20px; display:inline-block; vertical-align:sub; color:#333333; font-size:40px;font-family: fontDin1;}
/*家泰 • 应用案例*/
.case{ padding:100px 0;height:850px;}
/*家泰 • 新闻中心*/
.news{ padding:75px 0 110px 0;}
.newstab{ margin:45px 0; text-align:center;}
.newstab a{ display:inline-block; width:220px; height:62px; background:#f1f1f1; line-height:62px; font-size:22px; color:#414b4b; padding-left:86px; position:relative; transition:all 0.5s ease; text-align:left;}
.newstab a:after{ content:''; display:block; width:32px; height:32px; position:absolute; top:16px; left:36px; background:url(../images/469.png) no-repeat left top;transition:all 0.5s ease;}
.newstab a+a{ margin-left:11px;}
.newstab a:nth-child(2):after{ background-position-x:-37px;}
.newstab a:nth-child(3):after{ background-position-x:-76px;}
.newstab a.on:after{background-position-y:-69px; transform:translateX(360deg);}
.newstab a.on{ background:#333333; color:#fff;}
.newsleft{ width:520px; height:580px; background:#f6f6f6; padding:45px;}
.newshow ul{display: -webkit-flex;display: flex;justify-content:space-between;flex-wrap: nowrap;align-items:flex-start; }
.newsright{ width:730px;}
.newsleft .news_div_item_date{ font-size:0;}
.newsleft .news_div_item_a{ margin:15px 0;}
.newsleft .news_div_item_date>div{ display:inline-block; vertical-align:top; font-size:25px; color:#cacaca;}
.news .news_div_item_a{ display:block; white-space:nowrap; overflow:hidden; text-overflow:ellipsis; font-size:20px; color:#333333;}
.news .news_div_item_body{text-overflow: -o-ellipsis-lastline;overflow: hidden; text-overflow: ellipsis;display: -webkit-box; -webkit-line-clamp: 2;line-clamp: 2;-webkit-box-orient: vertical; font-size:14px; color:#999999; line-height:26px; height:52px;}
.newsleft .news_div_item_pic{ width:100%; height:326px; overflow:hidden; margin-top:25px;}
.newsleft .news_div_item_pic img{ width:100%; height:100%; transition:all .6s ease;}
.newsleft .news_div_item:hover .news_div_item_pic img{ transform:scale(1.1);}
.news_div_item:hover .news_div_item_a{ color:#333;}
.newsright .news_div_item{display: -webkit-flex;display: flex;justify-content:space-between;flex-wrap: nowrap;align-items:center; height:190px;flex-direction:row-reverse; border-top:1px solid #f2f2f2;}
.newsright .news_div_item:last-child{border-bottom:1px solid #f2f2f2;}
.newsright .news_div_item .news_div_item_content{ width:540px;}
.newsright .news_div_item_a{ margin-bottom:20px;}
.newsright .news_div_item_date{ font-size:0; width:70px; margin-right:30px; text-align:center;}
.newsright .news_div_item_date>div{ display:inline-block; vertical-align:top; font-size:22px; color:#999999; font-family:Arial, Helvetica, sans-serif; }
.newsright .news_div_item_date>div.news_div_item_year{ display:block; font-size:30px;}
.newsright .news_div_item_date:after{ content:''; display:block; margin:15px auto 0 auto; width:31px; height:28px; background:url(../images/857.png) no-repeat left top;}
.newsright .news_div_item:hover .news_div_item_date:after{ background-position-y:bottom;}
/*版权*/
.copyright{ background:#01589f; color:#fff; margin-top:50px;}
.end{ border-top:1px solid #0174b9;}
.end,.end a{font-size:15px; color:#fff; line-height:80px;}
.end a:hover{ color:#fff;}
.crcontact{display: -webkit-flex;display: flex;justify-content:space-between;flex-wrap: nowrap;align-items:center; font-size:18px; color:#fff;}
.crcontactwa em{ font-size:18px; color:#ffffff; font-family: Arial, Helvetica, sans-serif;}
.crcontactwa span{ color:#fff; font-size:18px;}
.crcontactwa i{ font-size:20px; color:#fff;}
.crcontactwa p+p{ margin-top:24px;}
.crcontactwa p{ line-height:38px; padding-left:55px; background:url(../images/8780.png) no-repeat left center;margin-top:36px;}
.crcontactwa p:nth-child(2){ background-image:url(../images/4476.png);}
.crcontactright p:nth-child(1){ background-image:url(../images/3974.png);}
.crcontactright p:nth-child(2){ background-image:url(../images/3635.png);}
.crlogo{width:250px;height:226px;border-top:1px solid #cccccc;background:#fff;position:relative;margin-top:-36px;text-align:center;font-size:14px;color:#000;line-height:28px;padding:0 20px; font-weight:bold;}
.crlogo img{ margin:20px 0 15px 0;}
.crlogo:after,.crlogo:before{ content:''; display:block; position:absolute; top:-1px; width:0; height:0;}
.crlogo:after{ border-left:22px solid transparent; border-bottom:36px solid #cccccc; right:100%;}
.crlogo:before{ border-right:22px solid transparent; border-bottom:36px solid #cccccc; left:100%;}
/***********************在线客服**********************************/
.y-kefu-box { position: fixed; right: 0; top: 20%; z-index: 9999; font-size: 13px;}
.y-kefu-box a{ text-decoration:none;}
.y-kefu-box img { display: block; width: 100%; height: auto; }
.y-kefu-box01 .icon { display: block; background: url(../images/830.png) no-repeat; margin: 0 auto 6px;}
.y-kefu-box01 { width: 54px; color: #666; text-align: center; }
.y-kefu-box01 .kf-close-btn { width: 27px; height: 27px; background-position: -5px -115px; position: relative; cursor: pointer;}
.y-kefu-box01 .kf-close-btn:before { content: ''; display: block; width: 1px; height: 12px; position: absolute; bottom: -12px; left: 13px; z-index: 1;  background-color: #01589f; }/*颜色更改*/
.y-kefu-box01 .show-status>a, .y-kefu-box01 .show-status>div { display: block; width: 52px; padding: 8px 0 12px; background-color: #fff; border-left: solid 1px #efefef; border-top: solid 1px #efefef; border-right: solid 1px #efefef; position: relative;}
.y-kefu-box01 .show-status { position: relative; }
.y-kefu-box01 .show-status .kf-zixun { background-color: #333; border-color: #333; color: #fff; margin: 10px 0 7px;}/*颜色更改*/
.y-kefu-box01 .kf-zixun { border-radius: 2px; }
.y-kefu-box01 .kf-zixun i { width: 21px; height: 22px; background-position: -5px -5px; }
.y-kefu-box01 .kf-mobile { border-top-left-radius: 2px; border-top-right-radius: 2px; }
.y-kefu-box01 .kf-mobile>i { width: 18px; height: 18px; background-position: -5px -32px; }
.y-kefu-box01 .kf-mobile:hover>i { background-position: -30px -32px; }
.y-kefu-box01 .kf-weChat>i { width: 22px; height: 19px; background-position: -5px -55px; }
.y-kefu-box01 .kf-weChat:hover>i {background-position: -30px -55px; }
.y-kefu-box01 .kf-email { border-bottom-left-radius: 2px; border-bottom-right-radius: 2px; }
.y-kefu-box01 .kf-email>i { width: 18px; height: 14px; background-position: -5px -80px; }
.y-kefu-box01 .kf-email:hover>i { background-position: -30px -80px; }
.y-kefu-box01 .back-top i { width: 13px; height: 11px; background-position: -5px -98px; }
.y-kefu-box01 .back-top:hover i { background-position: -30px -98px; }
.y-kefu-box01 .kf-weChat, .y-kefu-box01 .back-top  { border-bottom: solid 1px #efefef;}
.y-kefu-box01 .back-top { margin-top: 20px; border-radius: 2px; left: 55px;}
.y-kefu-box01 .hver:hover { background-color: #01589f; border-color: #01589f;}/*颜色更改*/
.y-kefu-box01 .hver:hover>p { color: #fff; }
.y-kefu-box01 .mobile-infos, .y-kefu-box01 .y-ewm-box, .y-kefu-box01 .y-email-infos { background-color: #fff; border: solid 1px #efefef; position: absolute; right: 90px; z-index: 2; border-radius: 2px; display: none;} 
/*电话*/
.y-kefu-box01 .mobile-infos { width: 260px; text-align: left; top: 0;}
.y-kefu-box01 .mobile-infos>div { padding: 20px 0 20px 45px; position: relative; }
.y-kefu-box01 .mobile-infos>div i { width: 15px; height: 15px; background-position: -52px -32px; position: absolute; top: 22px; left: 20px; z-index: 2; }
.y-kefu-box01 .mobile-infos .online1 { border-bottom: solid 1px #efefef; }
.y-kefu-box01 .mobile-infos span { color:#b9b9b9; }
.y-kefu-box01 .mobile-infos p { color: #333; font-size: 18px; }/*颜色更改*/
.right { width: 12px; height: 12px; position: absolute; right: -12px; top: 24px;}
.right-arrow1,.right-arrow2 { width: 0; height: 0; display: block; position: absolute; left: 0; top: 0; border-top: 6px transparent dashed; border-right: 6px transparent dashed; border-bottom: 6px transparent dashed; border-left: 6px white solid; overflow: hidden;}
.right-arrow1 { left: 1px; border-left: 6px #efefef solid;}
.right-arrow2 { border-left: 6px white solid;}
/*二维码*/
.y-kefu-box01 .y-ewm-box { width: 151px; height: 178px; top: -60px;}
.y-kefu-box01 .y-ewm-box>div { width: 151px; height: 178px; }
.y-kefu-box01 .y-ewm-box img { width: 130px; height: 130px; margin: 10px auto 10px; }
.y-kefu-box01 .y-ewm-box .y-ewm-img1 { width: 150px; border-right: solid 1px #efefef; }
.y-kefu-box01 .y-ewm-box .right { top: 84px; }
/*邮箱*/
.y-kefu-box01 .y-email-infos { padding: 28px 20px 28px 45px; color:#b9b9b9; text-align: left; bottom: 0; }
.y-kefu-box01 .y-email-infos p { color: #333; font-size: 16px; }/*颜色更改*/
.y-kefu-box01 .y-email-infos>i { width: 18px; height: 13px; background-position: -52px -80px; position: absolute; left: 15px; top: 30px; }
.y-kefu-box01 .y-email-infos .right { top: 55px; }
.y-kefu-box01 .hide-status { width: 54px; height: 54px; background-color:#01589f;position: absolute; top: 37px; left: 55px; z-index: 9;}/*关闭后颜色*/
.y-kefu-box01 .hide-status .kf-zixun { padding: 10px 0 7px; color: #fff; cursor: pointer; }
/*****************************内页banner*******************************/
/*内页banner*/
.page-banner { position: relative; overflow: hidden; margin-bottom:30px;}
.page-banner .pb-pic { overflow: hidden;  background: #f5f5f5; }
.page-banner .pb-pic img { width: 100%; -webkit-animation: SlickIn cubic-bezier(1, 0, .5, .5) 1s; animation: SlickIn cubic-bezier(1, 0, .5, .5) 1s; }
@-webkit-keyframes SlickIn {0% { -webkit-transform: scale(1.1, 1.1) }100% { -webkit-transform: scale(1, 1) }}
@-webkit-keyframes SlickOut {0% { -webkit-transform: scale(1, 1) }100% { -webkit-transform: scale(.9, .9) }}
@keyframes SlickIn {0% { transform: scale(1.1, 1.1) }100% { transform: scale(1, 1) }}
@keyframes SlickOut {0% { transform: scale(1, 1) }100% { transform: scale(.9, .9) }}
.page-banner .pb-tit { position: absolute; top:40%; text-align:center; z-index: 2;  width: 100%; }
.page-banner .pb-tit .cn { display: block; color: #fff; line-height: 1; font-size: 46px; font-weight:bold; }
.page-banner .pb-tit .en { margin-top: 25px; font-size:24px; line-height: 1; color: #fff; font-weight: normal; text-transform:uppercase;}
.page-banner .pb-tit.white .cn, .page-banner .pb-tit.white .en { color: #fff; }
/*导航*/
.bodycon{}
.strong_title,#right,#left{ display:none;}
.mianbxContent {height: 50px !important;line-height: 50px !important;font-size: 16px !important;text-align: left !important;background-color: #eee;width: 1298px !important;text-indent: 2.5em;transition: 0.1s all;background: url(../images/8207.png) no-repeat 7px 14px;border: 1px dashed #ddd;position: relative;margin-bottom: 30px !important;width: 100%;}
.mianbxContent:hover { background-position: 7px -29px;}
.mianbxContent::after, .mianbxContent:after { content: '';position: absolute;display: block; height: 40px;width: 200px;top: 0; right: 0;}
.mianbxContent a{font-size: 15px !important;color: #333;}
/*分页*/
.pages_box{ text-align:center; margin-bottom:30px;}
.pages_box a,.page_jump{display:inline-block;vertical-align:middle;padding:0 14px;height:36px;background:#eee;line-height:36px;border: 1px solid #e1e1e1;font-size:13px;cursor: pointer;}
.pages_box a{margin-left:10px;color: #666;}
.pages_box a.page_curr,.pages_box a:hover{background:#01589f;color:#fff;font-size:13px;}
.page_jump{margin-left:10px;}
/*产品分类*/
.pro_all_class{width:1300px !important; height:auto !important;margin:0 auto !important; padding-top:8px; overflow:hidden; font-size:0px; line-height:0px; border-bottom:none !important;     margin-bottom: 20px !important;}
.pro_all_class a{ display:inline-block; width:175px;height:60px; overflow:hidden; text-align:center; margin:5px !important; font-size:16px; color:#333; background:#f5f5f5; white-space: nowrap; text-overflow: ellipsis; line-height:60px; text-decoration:blink; transition: all 0.3s linear;margin-bottom: 20px;}
.pro_all_class a:hover{transition: all 0.3s linear; background:#333;color:#fff;}
.pro_all_class strong{background:#333;color:#fff; display:block; font-weight:normal;}
.pro_all_class{ border:none !important; width:100% !important; }
.miaoshu_head{ display:none;}
.cp_2019{ height:60px; clear:both; margin-bottom:30px;} 
.cp_2019 li{ float:left; width:16%;}
.cp_2019 li:nth-child(6n){ float:right; margin:0px;}

.cp_2019 li+li{ margin-left:0.8%;}
.cp_2019 li a{ transition:all .3s ease; line-height:60px; text-align:center; display:block; background:#f3f3f3; font-size:16px; color:#333;}
.cp_2019 li:hover a{ background:#01589f; color:#fff;}

/*新闻*/
.nswsfenlei_2019{ height:60px; clear:both; margin-bottom:30px;} 
.nswsfenlei_2019 li{ float:left; width:33%;}
.nswsfenlei_2019 li+li{ margin-left:0.5%;}
.nswsfenlei_2019 li a{ transition:all .3s ease; line-height:60px; text-align:center; display:block; background:#f3f3f3; font-size:16px; color:#333;}
.nswsfenlei_2019 li.curNewsType_2019 a,.nswsfenlei_2019 li:hover a{ background:#01589f; color:#fff;}
#center .nyxqnews{ width:1300px;}
#center .nyxqnews_left{ width:920px;     margin-left: 58px;}
#center .nyxqnewsfanhui{ left:-1000px;}
.nyxqnewsbg{ background:none !important; padding:0 !important;}
.nyxqnews_left ,.nywenzhang{ background:#f3f3f3 !important;}
.nyxqnews_righttit strong{ color:#333 !important;}
.nyxqnews_righttit:before{background:#01589f !important;}
#center .nynewslist:hover {border: 3px solid #01589f;}
#center .nynewslist_tit a:hover{color:#01589f;}
#center .nynewslist:hover .nynewslist_time { background: url("../images/521.png") center 28px no-repeat #333;}
.nyxqnews_leftcont { margin-top: 0px !important;  line-height: 20px !important;}
/*内页产品展示*/
.pro_one_box,.dgweb_list_item{ width:24% !important; position:relative; overflow:hidden; margin-right:1.3%; margin-bottom:30px; float:left;}
.pro_one_box:nth-child(4n){ float:right; margin:0px;}
.pro_name a,.dgweb_list_item_a a{ line-height:68px; background:#eee; font-size:16px; color:#222; display:block;}
.pro_one_box:hover .pro_name a,.dgweb_list_item:hover .dgweb_list_item_a a{ color:#333;}
#bodycontent .pro_pic a img,#bodycontent .dgweb_list_item_pic a img{ transition:all .6s ease; border:none !important; width:100% !important; height:auto !important;}
.pro_name,.dgweb_list_item_a{ padding:0 !important;}
.pro_pic,.dgweb_list_item_pic{ height:auto !important;}
.pro_one_box:hover .pro_pic a img,.dgweb_list_item:hover .dgweb_list_item_pic a img{ transform:scale(1.4) rotate(10deg);}
.pro_one_box a,.dgweb_list_item_pic a{ display:block; position:relative; overflow:hidden;}
.pro_pic a:after,.dgweb_list_item_pic a:after{ content:''; display:block; position:absolute; background:rgba(0,0,0,0.6); width:100%; height:100%; top:0; left:0; transition:all .3s ease; opacity:0;}
.dgweb_list_item:hover .dgweb_list_item_pic a:after,.pro_one_box:hover .pro_pic a:after{ opacity:1;}
.pro_pic a i:after,.pro_pic a i:before,.dgweb_list_item_pic a i:after,.dgweb_list_item_pic a i:before{ content:''; display:block; position:absolute;  transition:all .6s ease; z-index:3; width:0; height:0;     opacity: 0;} 
.pro_pic a i:after,.dgweb_list_item_pic a i:after{ border-top:2px solid #fff; border-right:2px solid #edeff5;top:10%; right:10%;}
.pro_pic a i:before,.dgweb_list_item_pic a i:before{ border-bottom:2px solid #fff; border-left:2px solid #edeff5;bottom:10%; left:10%;}
.pro_pic,.dgweb_list_item_pic{ box-sizing:border-box; border:1px solid #eee;}
.dgweb_list_item:hover .dgweb_list_item_pic a i:after,.dgweb_list_item:hover .dgweb_list_item_pic a i:before,.pro_one_box:hover .pro_pic a i:after,.pro_one_box:hover .pro_pic a i:before{width:85%; height:85%;    opacity: 1;}
.pro_pic a span,.dgweb_list_item_pic a span{ position:absolute; left:0; top:0; bottom:0; right:0; margin: auto; width:120px; line-height:40px; text-align:center; font-size:14px; color:#fff; background:#333; background:linear-gradient(to right,rgba(208,0,0,0.9),rgba(208,0,0,0.7),rgba(208,0,0,0.5),rgba(208,0,0,0.4),rgba(208,0,0,0));
font-family:fontDin; opacity:0; transition:all .6s ease; z-index:3; height:40px;}
.dgweb_list_item:hover .dgweb_list_item_pic a span,.pro_one_box:hover .pro_pic a span { opacity:1;}
/*********************************关于我们*************************/
#left{ height:auto !important;}
#center{ height:auto !important;}
.bgdkk{width:1300px;margin:0 auto; margin-bottom:60px;}
.nei_about_t {width: 1300px;margin: 0 auto;font-size: 30px;color: #333;text-align: center;font-weight: bold;box-shadow: 0px 1px 15px #eaeaea;padding: 30px 0;margin-bottom: 40px;}	
.zi {padding-top: 20px;font-size: 17px;font-weight: 200;color: #999;}
.photokk{width:800px;float:left;position:relative;}
.jjwzkk{width:770px;margin-left:530px;margin-top:80px;position:absolute;background-color:#fff;box-shadow: 0 0 15px #c3c2c2;transition: transform 0.25s ease;}
.jjwzkk h2{font-size:30px;color:#333;padding:30px 64px 13px;}
.jjwzkk p{line-height:35px;font-size:15px;padding:15px 46px 60px 66px;color: #666;}
.case{padding: 70px 0 15px 0;}	
.jjwzkkkk{ margin-bottom:50px;}
.jjwzkkkk p{line-height:30px;}
.jjwzkkkk p img{ margin-right:30px;}
/*企业风采*/
.qyxx{ padding:40px 0 25px 0;}
.qyxxtab{ border-bottom:1px solid #e5e5e5; line-height:70px; margin-bottom:23px;}
.qyxxtab a{ display:inline-block; position:relative; font-size:20px; color:#666666; padding-left:35px;transition:all .3s ease;}
.qyxxtab a i{ position:absolute; left:0; top:0; bottom:0; margin:auto 0; width:30px; height:31px; background:url(../images/163.png) no-repeat left top; transition:all .3s ease;}
.qyxxtab a:after{ content:''; display:block; position:absolute; width:0; height:3px; bottom:-2px; left:0; transition:all .4s ease; background:#01569c;}
.qyxxtab a:nth-child(2) i{ background-position-x:-34px;}
.qyxxtab a:nth-child(3) i{ background-position-x:-70px;}
.qyxxtab a+a{ margin-left:40px;}
.qyxxtab a.on i{ background-position-y:-37px;}
.qyxxtab a.on:after{ width:100%;}
.qyxxtab a.on{ font-weight:bold;}
.qyxxcon ul li{ display:inline-block; padding:0 !important;  width:24%; margin-right:1.1%; margin-bottom:30px;}
.qyxxcon ul li:nth-child(4n){margin-right:0px; float:right;}
.qyxxcon td+td{ margin-left:15px;}
.qyxxcon ul li br{ display:none;}
.qyxxcon ul li div{ padding:0 !important;}
.qyxxcon ul li a{ display:block; overflow:hidden;}
.qyxxcon ul li div a{ line-height:50px; background:#f1f1f1; text-align:center; font-size:14px; color:#666666; font-weight:lighter; transition:all .3s ease;}
.qyxxcon ul li img{ width:100%; height:auto;}
.qyxxcon ul li:hover div a{ background:#01569c; color:#fff;}
/*联系我们*/
.bodyContentString8{ width:1300px !important;}
.kfay { width:100%; height:225px;}
.kfay dt{ width:188px; float:left;}
.kfay dt img { display:block; width:188px; height:188px;}
.kfay dd { width:1044px; float:right;}
.kfay dd h4 { height:25px; padding-top:40px; font:24px "Microsoft YaHei"; color:#333;}
.kfay dd h4 i { padding-left:15px; text-transform:uppercase; font:16px "Arial"; color:#999999;}
.kfay dd p { font:17px "Microsoft YaHei"; color:#333333; line-height:30px; padding-top:50px;}
.contact_c2 { height:295px; margin-top:20px; overflow:hidden;}
.contact_c2 li { border:1px solid #e6e6e6; position:relative; margin:0 -1px -1px 0; overflow:hidden; float:left; height:93px; line-height:93px; font-size:18px; color:#222222;}
.contact_c2 li.li01 { width:220px; padding-left:30px; -webkit-box-sizing:border-box; -moz-box-sizing:border-box; box-sizing:border-box;}
.contact_c2 li.li02 { width:430px; padding-left:30px; -webkit-box-sizing:border-box; -moz-box-sizing:border-box; box-sizing:border-box;}
.contact_c2 li.li03 { width:1078px; padding-left:30px; -webkit-box-sizing:border-box; -moz-box-sizing:border-box; box-sizing:border-box;}
.contact_c2 li.li04{ color:#222222;}
.contact_c2 li i { display:inline-block; padding-left:40px;}
.contact_c2 li img { padding-right:5px; margin-top:25px; float:left;}
#map{ margin-bottom:30px;}
.message-map {background: #01589f; height: 520px; margin-bottom:50px;}
.page-message { width: 40.85%; background: #01589f; height: 100%;padding: 60px; }
.page-map { width: 59.15%; height: 100%; overflow: hidden; }
.beauty-tit { font-size: 32px; color: #fff; line-height: 1; position: relative; padding-bottom: 23px; }
.beauty-tit:before { content: ""; position: absolute; left: 0; bottom: 0; width: 30px; height: 5px; background-color: #ed4f1d; }
.message-list { margin-top: 20px; }
.message-list li { padding-top: 20px; padding-bottom: 20px; border-bottom: 1px solid rgb(255 255 255 / .2);olor: #fff; }
.message-list li input, .message-list li textarea { vertical-align: top; color: #fff; line-height: 22px; width:100%; }
.message-list li textarea { height:50px; }
.page-message .sub { margin-top: 23px; width: 150px; border: solid 1px rgb(255 255 255 / .5); color: #fff; font-size: 18px; text-align: center; line-height: 46px; cursor: pointer; -webkit-transition: .3s; -o-transition: .3s; transition: .3s; }
.page-message .sub:hover { border-color: #01569c; background: #01569c; }
.nynews_box{ width:100%;}
.nynewslist{ position:relative; margin-bottom:30px; background:#FFF; transition:.45s; border:3px solid #f5f5f5; padding:30px;}
.nynewslist:hover{ border:3px solid #01589f;}
.nynewslist_time{ width:10%; float:left; height:140px; color:#FFF; text-align:center; font-family:Arial; transition:0.5s; background:url(../images/521.png) center 28px no-repeat #a9a9a9;}
.nynewslist:hover .nynewslist_time{ background:url(../images/521.png) center 28px no-repeat #01589f;}
.nynewslist_day{ font-size:34px; font-weight:bold; padding-top:55px;}
.nynewslist_month{ font-size:16px;}
.nynewslist_cont{ float:left; width:87%; position:relative; margin-left:3%;}
.nynewslist_cont a{ text-decoration:none;}
.nynewslist_tit a{ display:block; font-size:16px; font-weight:bold; height:38px; line-height:20px; border-bottom:1px solid #c8c8c8;}
.nynewslist_tit a:hover{ display:block; font-size:16px; color: #01589f;} 
.nynewslist_miao{ line-height:28px; color:#888; margin-top:10px; padding-bottom:32px;}
.nynewslist_more{ padding-left:30px; height:21px; line-height:21px; position:absolute; bottom:30px; left:15%; background: url(../images/568.png) no-repeat;}
.nyxqnewsbg{ width:100%; background:#f4f4f4; padding:30px 0;}
.nyxqnews{ margin:0 auto; width:1200px;}
.nyxqnews_left{ width:830px; float:left; background:#FFF; padding:30px; padding-bottom:0; overflow:hidden;}
.news_lefttit{ border-bottom:1px solid #e7e7e7; padding-bottom:15px;}
.news_lefttit h1{ font-size:22px; font-weight:normal; line-height:30px; display:block; margin-bottom:15px; color:#333;}
.news_lefttit span{ display:block; float:left; border-left:1px dotted #b6b6b6; color:#999; line-height:14px; padding:0 10px;}
.news_lefttit .chuchu{ padding:0 10px 0 0; border-left:none;}
.newsshare{ float:right; margin-top:-8px;}
.nyxqnews_leftcont{ margin-top:20px; line-height:28px; color:#777;}
.nyxqnews_leftpage{ width:890px; margin-left:-30px; margin-top:20px; border-top:1px solid #e7e7e7; line-height:70px;}
.nyxqnews_leftup{ float:left; border-right:1px solid #e7e7e7; width:364px; padding-left:50px; padding-right:30px; height:70px; overflow:hidden; background:url(../images/newsup.png) 30px 29px no-repeat; }
.nyxqnews_leftdown{ float:right; text-align:right; width:365px; padding-left:30px; padding-right:50px; height:70px; overflow:hidden; background:url(../images/newsdown.png) 30px 29px no-repeat; }
.nyxqnews_right{ width:300px; float:right; position:relative;}
.nyxqnewsfanhui{ position:absolute; top:0; left:-958px; z-index:10;}
.nywenzhang{ padding:30px 30px 20px 30px; background:#FFF;}
.nyxqnews_righttit{ font-size:18px; border-bottom: 1px solid #e7e7e7; height:36px; line-height:18px; position:relative;}
.nyxqnews_righttit:before{ content:""; width:75px; height:1px; background:#1059a9; position:absolute; left:0; bottom:-1px;}
.nyxqnews_righttit strong{ color:#1059a9;}
.nyxqnews_rightcont{ margin-top:10px; line-height:36px;}
.nyxqnews_rightcont a{ display:block; background:url(../images/newswenzhagn.png) left center no-repeat; padding-left:22px;width:220px; height:36px; overflow:hidden; }
.nyzx{ margin-top:10px;}

/*产品详情 开始*/
.product-header { padding-top: 60px; padding-bottom: 70px; }
.product-slide-wrap { width:800px; text-align: center; position: relative; overflow: hidden; }
.product-desc { position: relative; width:450px; height: auto; border: solid 1px #dddddd; }
.product-desc .cont { padding: 20px 50px 30px; }
.product-desc .cont h1 { font-size: 32px; color: #4e4b49; line-height: 1.5; position: relative; padding-bottom: 10px; margin-bottom:18px; }
.product-desc .cont h1:before { content: ""; position: absolute; left: 0; bottom: 0; width: 30px; height: 5px; background-color: #ed4f1d; }
.product-desc .cont .des {margin-top:10px; color: #4e4b49; font-size: 16px; line-height: 30px; margin-bottom:20px;}
.product-desc .cont .des img{ width:100%;}
.product-desc .cont .des ul li { display: flex; flex-wrap: nowrap; }
.product-desc .cont .des ul li span { width: 80%; }
.product-desc .cont .des ul li span:first-child { width: 20%; display: inline-block; }
.page-control { position: absolute; left: 0; bottom: 0; width: 100%; height: 50px; line-height: 50px; background-color: #fafafa; border-top: solid 1px #dddddd; display: flex; flex-wrap: nowrap; justify-content: space-between; align-items: center; }
.page-control li { width: 33.3333%; width: calc(100% / 3); text-align: center; color: #aaa; }
.page-control li a { color: #aaa; }
.page-control li a:hover { color: #01569c; }
.page-control li .icon-p-prev, .page-control li .icon-p-next {display:inline-block;  width: 12px; height: 12px; background: url(../images/icon-page-btn.png) no-repeat center; background-size: contain; margin-top: -2px; margin-right: 3px; -webkit-transition: .3s; -o-transition: .3s; transition: .3s; }
.page-control li a:hover .icon-p-prev, .page-control li a:hover .icon-p-next { background: url(../images/icon-page-btn-on.png) no-repeat center; background-size: contain; }
.page-control li .icon-p-next { -webkit-transform: rotate(180deg); -ms-transform: rotate(180deg); -o-transform: rotate(180deg); transform: rotate(180deg); margin-top: -4px; margin-right: 0; margin-left: 3px; -webkit-transition: .3s; -o-transition: .3s; transition: .3s; }
.page-control li .icon-menu {display:inline-block; width: 16px; height: 16px; background: url(../images/icon-list.png) no-repeat center; background-size: contain; margin-top: -2px; }
.page-control li a:hover .icon-menu { background: url(../images/icon-list-on.png) no-repeat center; background-size: contain; }
.detail-body {padding-bottom: 70px; }
.detail-left { width: 73.85%; }
.detail-right { width: 23.92%; }
.detail-tit { font-size: 24px; color: #01569c; line-height: 1.5; margin-bottom: 25px; }
.detail-tit .icon-detail { display:inline-block; width: 28px; height: 26px; background: url(../images/icon-p-tit.png) no-repeat center; background-size: contain; margin-right: 12px; }
.article-content { background: #fff;  border-top: 2px solid #01569c; }
.article-content img{ width:100%;margin-top:20px;}
.block-item { margin-top: 45px; }
.blcok-tit { font-size: 24px; color: #4e4b49; padding-left: 22px; position: relative; margin-bottom: 25px; line-height: 1.5; }
.blcok-tit:before { content: ""; position: absolute; left: 0; top: 50%; margin-top: -11px; width: 6px; height: 24px; border-left: 4px solid #01569c; }
.blcok-tit .more { color: #888888; font-size: 16px; margin-top: 10px; }
.blcok-tit .more:hover { color: #01569c; }
.blcok-tit .more .icon-plus { width: 20px; height: 20px; background: url(../images/icon-plus.png) no-repeat center; background-size: contain; margin-top: -2px; margin-right: 7px; }
.pics-list .item { width:25%; float:left; border:1px solid #eee;}
.pics-list .item .abox {text-align: center; background: #fff; -webkit-transition: .3s; -o-transition: .3s; transition: .3s; }
.pics-list .item .abox:hover { border-color: #01569c; }
.pics-list .item .abox .pic { overflow: hidden; }
.pics-list .item .abox .tit { border-top: 1px solid #ddd; height: 41px; line-height: 40px; color: #4e4b49; font-size: 16px; -webkit-transition: .3s; -o-transition: .3s; transition: .3s; }
.pics-list .item .abox:hover .tit { border-color: #01569c; background: #01569c; color: #fff; }
.detail-right .pics-list .item { margin-bottom: 12px;  border: 1px solid #ddd;}
/*产品详情 结束*/