@charset "utf-8";
*{ margin: 0 auto; font-family:"微软雅黑";}
ul,ol{list-style:none; padding:0px;}
a{ text-decoration:none; color:#000;}
img{ display:block; max-width:100%;}
.picture img{ display:block; max-width:100%;}
.clear{clear: both;}
.clear{clear: both;}
.xunfeng{line-height:200%;}
.xunfeng img{max-width:100%;}
/*头部样式*/
.max{ max-width:1360px;}
header.header{ width:100%; display:block; overflow:hidden; position:absolute; top:0px; left:0px; z-index:999; padding:16px 0px; background:rgba(0,0,0,0.6);}
.header .logo{ float:left; max-width:30%; width:100%; margin-top:4px;}
.header .logo img{ float:left;}
/*导航样式*/
.nav{ max-width:68%; width:100%; float:right; text-align:center;}
.nav li{ max-width:11.111111%; width:100%; float:left; text-align:center;}
.nav li a{ font-size:16px; float:left; width:100%; color:#fff; text-align:center; overflow:hidden; position:relative; padding:27.5px 0px;}
.nav li:hover a{ color:#ef9c00;}
/*导航样式*/
.dh{ float:right; display:none; position:relative; overflow:hidden;}
.dh input[type=checkbox]{ position:absolute; top:0px; left:0px; width:100%; height:100%; opacity:0; padding:0px; border:0px;}
.iconnav-list:after,.iconnav-list:before{ font-size:60px;}
/*幻灯片样式*/
.ban .banner{height:400px;}
.ban .banner li img{height:400px;}
.banner{ max-width:100%; position:relative; min-height:150px; display:block; overflow:hidden; height:805px;}
.banner ul{ position:absolute; left:0px; top:0px;}
.banner ul li{ float:left; max-width:100%; overflow:hidden;}
.banner:hover ol{ opacity:1;}
.banner ol{opacity:0; width:100%; position:absolute; bottom:2%; transition:all 0.5s;-webkit-transition:all 0.5s; text-align:center;}
.banner ol li{ margin:0 5px; cursor:pointer; border-radius:100%; height:5px; width:5px; display:inline-block; border:2px solid rgba(212,0,15,1.00); opacity:0.6;}
.banner ol li:hover{opacity:1;}
.banner li img{min-height:150px; height:805px; width:100%; object-fit:cover;}

.lef_rig{ opacity:0.3; transition:all linear 0.25s;}
.lef_rig span{ opacity:0.5; cursor:pointer;top:calc(50% - 50px); position:absolute;  z-index:2; font-size:50px;text-align:center; color:rgba(212,0,15,1.00);}
.lef_rig span:first-child{ transform:rotate(180deg);left:1%;}
.lef_rig span:nth-child(2){right:1%;}
.lef_rig span:hover{ opacity:0.8; }
.lef_rig span+span:hover{ opacity:0.8;}
.banner:hover .lef_rig{ opacity:1;}
#dot{ background:rgba(212,0,15,1.00); border:2px solid rgba(254,0,0,1.00); opacity:1;}
.often{ overflow:hidden; display:block; width:100%; text-align:center; margin:56px 0px 45px 0px;}
.often .title{ font-size:30px; color:#0070ce; font-weight:bold; float:left; width:100%;}
.often .text{ font-size:14px; color:#333; margin-top:6px; text-align:center; margin-top:8px; display:inline-block; overflow:hidden;}
.often .text::after{ content:""; width:40px; height:1px; background:#666; float:left; transform:translateY(9px); margin-right:8px;}
.often .text::before{ content:""; width:40px; height:1px; background:#666; float:right; transform:translateY(9px); margin-left:8px;}
#often{background:rgba(254,0,0,1); color:#fff;}
section.search{ overflow:hidden; display:block; width:100%; background:#0070ce; padding:25px 0px;}
.search .title{ float:left; font-size:26px; color:#fff; overflow:hidden; width:100%; max-width:11%;}
.search form{ float:right; max-width:88.6%; width:100%;overflow:hidden; margin-top:15px;}
.search form input{box-sizing:border-box; background:#fff; border:0px; outline:none;float:left;height:40px; line-height:40px;max-width:12%; width:100%; font-size:14px; color:#565656; padding:0px 1%; float:left; margin-right:1.5%; border-radius:3px;}
.search form input[type=submit]{ float:right; max-width:6%; height:38px; line-height:38px; border:0px; padding:0px; background:#ef9c00; color:#fff; cursor:pointer; margin-right:0%;}
.search form select{ max-width:16%; width:100%; float:left; background:#fff; border:0px; height:40px; line-height:40px; box-sizing:border-box; outline:none; cursor:pointer; font-size:14px; color:#565656; padding:0px 1%; margin-right:2.5%; border-radius:3px;}
section.about{ display:block; overflow:hidden; width:100%; background:url(../images/ab_01.png) no-repeat center right; padding:86px 0px;}
section.about .max{ display:block; width:100%; background:rgba(255,255,255,0.6); overflow:hidden;}
.about .picture{ float:left; max-width:50%; position:relative; z-index:1; padding:24px 0px 24px 24px;}
.about .picture::before{ content:""; background:#0070ce; position:absolute; left:0px; top:0px; z-index:-1; max-width:calc(100% - 24px); width:100%; height:100%;}
.about .content{ float:right; max-width:46%;}
.about .content .title{ float:left; width:100%; font-size:35px; color:#565656; overflow:hidden;}
.about .content .text{ float:left; width:100%; font-size:20px; color:#565656; overflow:hidden;}
.about .content .intro{ float:left; width:100%; line-height:36px; color:#333; overflow:hidden;}
.about .content .intro p{ float:left; width:100%; text-indent:32px;}
.about .more{ border:1px solid #0070ce; float:left; line-height:40px; height:40px; box-sizing:border-box; width:135px; text-align:center; font-size:14px; color:#0070ce; margin-top:40px;}
.about .more:hover{ background:#0070ce; color:#fff;}
section.products{ display:block; overflow:hidden; width:100%; padding-bottom:70px; background:#f2f2f2;}
.products .column{ display:block; width:100%; overflow:hidden;}
.products .column .title{ float:left; background:#0070ce; font-size:18px; color:#fff; font-weight:bold; max-width:8%; width:100%; text-align:center; padding:22px 0px;}
.products .column ul{float:left; max-width:calc(92% - 110px); width:100%; border:1px solid #e6e6e6; background:#fff;box-sizing:border-box; border-left:0px; border-right:0px; max-height:68px; height:68px;}
.products .column li{ float:left; margin-left:40px; box-sizing:border-box;transition:all linear 0.25s; padding:22.5px 0px;}
.products .column li .title{ float:left; width:100%; text-align:center; margin-top:10px;}
.products .column li:last-child{ margin-right:0px;}
.products .column li a:hover{ color:#ef9c00;}
.products .column .more{ color:#ef9c00; float:right; background:#fff; max-width:110px; width:100%; padding:22.5px 0px; border:1px solid #e6e6e6; box-sizing:border-box; border-left:0px; text-align:center;}
.pro_b{ display:block; max-width:100%; width:100%; overflow:hidden; position:relative; margin-top:60px;}
.pro_b ul{ float:left; width:9999px; overflow:hidden;}
.pro_b ul li{ float:left; width:325px; overflow:hidden; margin-right:20px; box-sizing:border-box; padding:6px 6px 26px 6px; box-sizing:border-box; background:#fff;}
.pro_b ul li .picture{ float:left; width:100%; overflow:hidden;}
.pro_b ul li .picture img{ float:left; width:100%; height:auto; object-fit:cover; transition:all linear 0.25s;}
.pro_b ul li .title{ float:left; width:100%; overflow:hidden; white-space:pre; text-overflow:ellipsis; text-align:center; font-size:18px; color:#333; margin-top:24px; position:relative; z-index:1;}
.pro_b ul li .more{ float:left; text-align:center; box-sizing:border-box; margin-left:calc((100% - 120px) / 2); width:120px; height:40px; line-height:40px; border:1px solid #e6e6e6; border-radius:40px; margin-top:23px;}
.pro_b ul li:hover .title{ color:#ef9c00;}
.pro_b ul li:hover .picture img{ transform:scale(1.1);}
.products .column li:hover{ border-color:#ef9c00;}
.products .column li:hover .icon img{ transform:scale(1.1);}
.pro_b ul li .more:hover{ background:#ef9c00; color:#fff;}
section.brand{ background:url(../images/br_01.jpg) top center; background-size:cover; display:block; overflow:hidden; width:100%; padding-bottom:70px;}
.brand .often{ margin-top:40px;}
.brand .often *{ color:#fff;}
.brand .often .text::before{ background:#fff;}
.brand .often .text::after{ background:#fff;}
.brand li{ float:left; height:180px; max-width:calc(100% / 6); width:100%; overflow:hidden; padding:30px 0px 10px 0px; position:relative;}
.brand li::before{ content:""; width:128px; height:128px; background:#0069c1; position:absolute; transform:rotate(45deg); bottom:27px; left:0px; right:0px; margin:auto; transition:all linear 0.25s;}
.brand li .picture{width:148px; height:148px; overflow:hidden; position:relative; transform:rotate(45deg);}
.brand li .picture img{ float:left; width:100%; height:100%; object-fit:cover; transform:rotate(-45deg) scale(1.4); transition:all linear 0.25s;}
.brand li .picture .title{position:absolute; width:100%; height:100%; background:rgba(0,0,0,0.7); z-index:1; top:0px; left:0px; transform:rotate(-45deg) scale(1.4); font-size:12px; color:#fff; text-align:center; line-height:148px; opacity:0; transition:all linear 0.25s;}
.brand li:hover .picture .title{opacity:1; color:#FFF;}
.brand li:hover .picture .title a{color:#FFF;}
.brand li:hover .picture img{opacity:0;}
.brand li:hover::before{ background:#d01915; transition-delay:0.25s;}
section.inventory{ display:block; overflow:hidden; width:100%; padding-bottom:70px;}
.inventory li{ float:left; max-width:calc(20% - 16px); margin-right:20px; width:100%; background:#f2f2f2; padding:8px 8px 0px 8px; box-sizing:border-box;}
.inventory li:nth-of-type(5n){margin-right:0px;}
.inventory li:nth-of-type(n+6){margin-top:20px;}
.inventory li .title{ float:left; width:100%; font-size:16px; color:#333; text-align:center; padding:21px 0px;}
.inventory li .picture img{ width:100%; height:197px;}
.application{ background:url(../images/ap_01.jpg) no-repeat center top; display:block; width:100%; overflow:hidden;}
.application .often *{ color:#fff;}
.application .often .text::after{ background:#fff;}
.application .often .text::before{ background:#fff;}
.ap_b{ overflow:hidden;}
.application ul{ width:9999px; float:left;}
.application li{ width:193px; float:left;margin-right:40px;}
.application li .picture{ width:100%; float:left; border-radius:100%; overflow:hidden; border:7px solid #fff; box-sizing:border-box; box-shadow:0px 0px 15px rgba(4,0,0,0.4);}
.application li .picture img{ width:100%; height:179px; object-fit:cover; float:left;}
.application li .title{ float:left; text-align:center; width:100%; overflow:hidden; margin-top:36px; white-space:pre; text-overflow:ellipsis;}
.application li:hover .picture{box-shadow:0px 0px 15px rgba(214,26,22,0.4);}
section.cooperative{ display:block; overflow:hidden; width:100%; padding-bottom:75px;}
.cooper_b ul{ display:flex; justify-content:center; flex-wrap:wrap;}
.cooper_b li{ float:left; max-width:calc(100% / 6 - 17px); margin-right:20px; width:100%; background:url(../images/coop_01.png); overflow:hidden; height:242px; background-size:100% 100%; display:flex; align-items:center;}
.cooper_b li:nth-of-type(6),.cooper_b li:nth-of-type(11){ margin-right:0px;}
.cooper_b li img{ height:130px; transition:all linear 0.25s;}
.cooper_b li:hover img{ transform:scale(1.1);}
.cooper_b li:nth-of-type(n+7){ margin:-45px 10px 0px 10px;}
.cooper_b .more{ max-width:628px; display:block; overflow:hidden; width:100%; margin-top:63px;}
.cooper_b .more a{ width:144px; float:left; font-size:14px; color:#0070ce; border:1px solid #0070ce; height:46px; line-height:46px; box-sizing:border-box; border-radius:46px; text-align:center;}
.cooper_b .more a:hover{ background:#0070ce; color:#fff;}
.cooper_b .more .tel{ float:left; max-width:266px; width:100%; margin:0px 34px 0px 14px;}
.cooper_b .more .tel .icon{ float:left; width:50px;}
.cooper_b .more .tel .contact{ float:left; max-width:calc(100% - 62px); float:right; width:100%;}
.cooper_b .more .tel .contact p:nth-of-type(1){ float:left; font-size:14px; color:#333;}
.cooper_b .more .tel .contact p:nth-of-type(2){ float:left; font-size:30px; color:#0070ce; line-height:25px;}
section.news{overflow:hidden; padding-bottom:60px; background:#f2f2f2;}
.news .often{ margin:55px auto;}
.news_b{display:block; padding-bottom:27px; overflow:hidden;}
.message{max-width:69.5%; width:100%; float:left; overflow:hidden; box-sizing:border-box; background:#fff;}
.message .news_column{ display:block !important; width:100%; overflow:hidden;}
.message .column{ float:left; max-width:50%; width:100%; display:flex; align-items:center; justify-content:center; padding:22px 0px; border-bottom:1px solid #e7e7e7; cursor:pointer;}
.message .column .icon{ float:left; width:34px; overflow:hidden; margin-right:0px;}
.message .column .icon img{ max-width:68px;}
.message .column .title{ float:left; font-size:18px; font-weight:bold; color:#0083ed; margin-left:12px;}
.message .news_text{ padding:32px 2.5% 20px 4%; display:block; overflow:hidden;}
.message .news_l .picture{ overflow:hidden; box-shadow:0px 0px 10px rgba(0,0,0,0.10); float:left; width:100%;}
.message .news_l .picture img{ height:353px; width:100%; object-fit:cover; float:left; transition:all linear 0.25s;}
.message .news_l{ max-width:51.5%; float:left; width:100%;}
.message .news_l .picture img{ height:298px; width:100%; object-fit:cover;}
.message .news_l .title{ float:left; width:100%; font-size:18px; color:#333; margin-top:20px; overflow:hidden; white-space:pre; text-overflow:ellipsis;}
.message .news_l .text{ float:left; width:100%; font-size:14px; line-height:25px; color:#666; margin-top:10px; max-height:50px; height:50px; overflow:hidden;}
.message .news_r{ float:right; width:100%; max-width:45%;}
.message .news_r li{float:left; width:100%; border-bottom:1px dashed #adadad;box-sizing:border-box; background:url(../images/ne_03.png)no-repeat left center; padding:17px 0px 17px 20px;}
.message .news_r li .title{font-size:14px; color:#333; float:left; width:100%; overflow:hidden; white-space:pre; text-overflow:ellipsis;transition:all linear 0.25s;}
.message .news_text:nth-of-type(n+3){ display:none;}
#mes{background:#0f59d6; border-bottom:1px solid #0083ed;}
#mes *{ color:#fff;}
#mes .icon img{ transform:translateX(-50%);}
.message .news_l:hover .picture img{ transform:scale(1.1);}
.message .news_l:hover .title{ color:#ef9c00;}
.message .news_r li:hover .title{ color:#ef9c00; transform:translateX(5px);}
.issue{ max-width:29.5%; width:100%; float:right;  background:#fff;}
.issue .column{float:left; width:100%; padding:22px 4% 22px 6%; box-sizing:border-box; border-bottom:1px solid #e7e7e7;}
.issue .column .title{ float:left; max-width:60%; width:100%;}
.issue .column .title .icon{ float:left;}
.issue .column .title .text{ float:left; font-size:18px; color:#0083ed; font-weight:bold; margin-left:10px;}
.issue .column .more{ float:right; max-width:30%; font-size:12px; color:#444; line-height:26px;}
.issue .column .more:hover{color:#0f59d6;}
.issue ul{ padding:0px 27px 10px 27px; box-sizing:border-box; overflow:hidden;}
.issue li{ float:left; width:100%; overflow:hidden; border-bottom:1px solid #efeaea; padding:30px 0px 38px 0px;}
.issue li .title{ float:left; max-width:38px; width:100%; text-align:center; height:42px; line-height:42px; font-size:14px;}
.issue li .text{float:right; max-width:calc(100% - 48px); width:100%; font-size:14px; line-height:22px; color:#666; overflow:hidden;}
.issue li .ans{ float:left; width:100%; overflow:hidden;}
.issue li .ans .title{ background:url(../images/ne_04.png) no-repeat top center; color:#fff;}
.issue li .ans .text{ text-overflow:ellipsis; white-space:pre; padding:12px 0px 8px 0px;}
.issue li .que{ float:left; width:100%; overflow:hidden;}
.issue li .que .title{ background:url(../images/ne_04.png) no-repeat bottom center; color:#666; height:44px; line-height:34px;}
.issue li .que .text{ height:47px; max-height:47px;}
.issue li:hover .ans .title{ background:url(../images/ne_05.png) no-repeat top center;}
.issue li:hover .ans .text{ color:#ef9c00;}

/*底部友情链接*/
section.url{ display:block; width:100%; overflow:hidden; padding:30px 0px;}
.url .max .title{float:left; max-width:90px; width:100%;font-size:16px; color:#0070ce; font-weight:bold;}
.url .max .content{ float:left; max-width:calc(100% - 90px); width:100%;}
.url .max .content a{ color:#333; margin-right:12px;font-size:14px;}
footer.footer{ background:#0070ce; display:block; width:100%; overflow:hidden; padding:44px 0px;}
footer.footer .max{ display:flex;}
.footerL{ float:left; max-width:28%; width:100%; overflow:hidden; border-right:1px solid rgba(255,255,255,0.15); margin:0px;}
.footerL .logo{ float:left; width:100%; overflow:hidden;}
.footerL .logo img{ float:left;}
.footerL .contact{ float:left; width:100%; overflow:hidden; margin-top:30px;}
.footerL .contact .icon{ float:left; overflow:hidden; margin-top:7px; max-width:40px; width:100%;}
.footerL .contact .content{float:right; overflow:hidden; max-width:calc(100% - 52px); width:100%;}
.footerL .contact .content p{float:left; width:100%; overflow:hidden; font-size:14px; color:rgba(255,255,255,0.6);}
.footerL .contact .content p:nth-of-type(2){ font-size:26px; color:#fff;}
.footerL .contact .content p:nth-of-type(3){ font-size:26px; color:#fff;}
.footerL .address{ float:left; width:100%; overflow:hidden; padding-left:10px; box-sizing:border-box; margin-top:35px; position:relative;}
/*.footerL .address::before{ content:""; width:38px; position:absolute; top:13px; left:0px; height:1px; background:rgba(255,255,255,0.9);}*/
.footerL .address div{ float:left; width:100%; margin:4px 0px;}
.footerL .address div .icon{ float:left; width:15px; overflow:hidden; margin-top:4px;}
.footerL .address div .intro{ float:left; margin-left:15px; max-width:calc(100% - 30px); overflow:hidden; font-size:14px; color:rgba(255,255,255,0.9);}
.footNav{ float:left; padding-left:30px; box-sizing:border-box; max-width:20%; width:100%; border-right:1px solid rgba(255,255,255,0.15); margin:0px;}
.footNav .content{ float:left; margin-top:18px;}
.footNav .content a{float:left; font-size:14px; box-sizing:border-box; max-width:50%; width:100%; overflow:hidden; color:rgba(255,255,255,0.9); margin:9px 0px;}
.footNav .content a:nth-of-type(even){ float:right;}
.footNav .content a:hover{color:#fff;}
.footNav .title{ font-size:18px; float:left; color:#fff;}
.footNav .title::after{ content:""; display:block; background:#fff; height:2px; width:30px; overflow:hidden; margin-top:12px;}
.footer .code{ float:right; max-width:10%; width:100%; margin-right:0px;}
.footer .code .title{ float:left; width:100%; font-size:14px; color:rgba(255,255,255,0.9); overflow:hidden; text-align:center; margin-top:8px;}
footer.copyright{ background:#0070ce; border-top:1px solid rgba(255,255,255,0.6); display:block; width:100%; overflow:hidden; padding:20px 0px; }
footer.copyright .copy_l{ float:left; overflow:hidden;}
footer.copyright .copy_r{ float:right; overflow:hidden;}
footer.copyright span{ display:inline-block;}
footer.copyright *{color:rgba(255,255,255,0.6);font-size:14px;}

/*新闻页面*/
.page_picture{ overflow:hidden; display:block; width:100%;}
.page_picture .picture{ overflow:hidden; position:relative; z-index:-1;}
.page_picture .picture img{height:500px; width:100%; object-fit:cover; float:left;}
.page_column{background:rgba(255,255,255,0.9); padding:5px 5px; border-radius:3px; overflow:hidden; border-bottom:1px #CCC dotted;}
.page_column .content{ width:100%; overflow:hidden; padding:10px 0px;}
.page_column .title{ float:left; font-size:20px; color:#0168b7; font-weight:bold;}
.page_column .page_address{ float:right; color:#333; font-size:14px; line-height:26px;}
.page_column .page_address *{color:#333; margin:0px 5px;}
.column_list{ border-top:1px solid #0168b7; overflow:hidden; padding-top:10px;}
.column_list ul li{ float:left; color:#fff;}
.column_list ul li a{ color:#fff; padding:10px 20px; float:left; border:1px #CCC solid; margin-right:20px; margin-bottom:10px; border-radius:8px; background-color:#0070ce;}
.column_list ul li a:hover{ color:#ef9c00;}
.phone_banner .banner,.phone_banner .banner li img{ height:500px;}
.page{ display:block; margin:25px auto 40px auto; overflow:hidden;}
.page.odd{ padding-bottom:20px;}
.page_odd .title{ font-size:26px; text-align:center;}
.page_odd time{ font-size:12px; color:#666; text-align:center; float:left; width:100%; text-align:center; padding:10px 0px; border-top:1px solid rgba(0,0,0,0.2); border-bottom:1px solid rgba(0,0,0,0.2); margin:30px auto;}
.page_odd .pro_img{ margin-top:30px; text-align:center;}
.page_odd .content{ margin-top:25px; float:left; width:100%;}
.page_odd .content p{ line-height:36px;}
.page_odd .picture{overflow:hidden; float:left; width:100%;}
.page_odd .picture img{ max-height:350px;}
.page_list{ margin-top:20px; padding:10px 0px 15px 0px; overflow:hidden; border-top:1px dashed #ccc; border-bottom:1px dashed #ccc; float:left; width:100%;}
.page_list p{ font-size:14px; margin-top:8px; color:#111;}
.page_list a{ color:#666;}
.page_odd .page_intro{ margin:30px auto; overflow:hidden; float:left; width:100%;}
.page_odd .page_intro .picture{ float:left; max-width:50%; width:100%; overflow:hidden;}
.page_odd .page_intro .picture img{ float:left; width:100%; height:430px; object-fit:cover; overflow:hidden; max-height:450px;}
.page_odd .page_intro .intro{ float:right; width:100%; max-width:45%;overflow:hidden;}
.page_odd .page_intro .intro div{ float:left; margin:10px 0px; width:100%; overflow:hidden; line-height:21px;}
.page_odd .page_intro .intro div .inTitle{ float:left; font-size:16px; color:#ef9c00; font-weight:bold;}
.page_odd .page_intro .intro div .introText{ float:left; font-size:14px; color:#666;}
.page_odd .content .content_column{ float:left; width:100%; font-size:20px; color:#ef9c00; border-bottom:3px solid #ef9c00; padding-bottom:10px; margin-bottom:10px; font-weight:bold;}
.pro_list{overflow:hidden; float:left; width:100%;}
.pro_list li{ max-width:calc(100% / 3 - 17px); width:100%; margin:0px 25px 30px 0px; float:left; box-sizing:border-box; background:#f3f3f3; transition:all linear 0.25s;}
.pro_list li:nth-of-type(3n){margin-right:0px;}
.pro_list li .picture{ float:left; width:100%; overflow:hidden;}
.pro_list li .picture img{ float:left; height:280px; object-fit:cover; width:100%; overflow:hidden; transition:all linear 0.25s;}
.pro_list li .content{ float:left; padding:30px 25px; box-sizing:border-box; width:100%; overflow:hidden; transition:all linear 0.25s;}
.pro_list li .content .title{ font-size:22px; line-height:30px; white-space:pre; text-overflow:ellipsis; overflow:hidden; float:left; width:100%; text-align:center; transition:all linear 0.25s;}
.pro_list li .content table{ background:#5b5b5b; text-align:center; font-size:13px; line-height:25px; margin-top:15px; float:left; max-width:100%; width:100%; overflow:hidden;}
.pro_list li .content table tr td{ float:left; max-width:50%; width:100%; background:#f3f3f3; color:#333; transition:all linear 0.25s; max-height:25px; overflow:hidden; height:25px;}
.pro_list li .content table tr th{background:rgba(254,50,50,1); float:left; max-width:50%; width:100%; color:#fff; transition:all linear 0.25s; max-height:25px; overflow:hidden; height:25px;}
.pro_list li .content .text{ float:left; width:100%; overflow:hidden; font-size:14px; color:#333;padding-left:15px; box-sizing:border-box; position:relative; line-height:24px; margin-top:15px; transition:all linear 0.25s; height:48px; max-height:48px; overflow:hidden;}
.pro_list li .content .text::before{ content:"·"; max-width:15px; width:100%; font-size:18px; font-weight:bold; color:#333; position:absolute; left:0px; top:-2px;}
.pro_list li .content .more{ float:left; margin-top:20px; overflow:hidden; width:100%;}
.pro_list li .content .more a{ display:block; max-width:48%; width:100%; border:1px solid #5b5b5b; text-align:center; font-size:14px; height:34px; line-height:34px; color:#333; transition:all linear 0.25s;}
.pro_list li .content .more .contact{ float:right;}
.pro_list li:hover{ background:#0168b7;}
.pro_list li:hover .content .text,.pro_list li:hover .content .text::before,.pro_list li:hover .content .title{ color:#fff;}
.pro_list li:hover .content .more a{ border-color:#fff; color:#fff;}
.pro_list li .content .more a:hover{ background:#fff; color:#333;}
.pro_list li:hover .content table tr td{ background:rgba(255,255,255,0.9); color:#333;}
.pro_list li:hover .picture img{ transform:scale(1.1);}
.pro_list li:hover{ box-shadow:4px 4px 10px #828282;-webkit-box-shadow:4px 4px 10px #828282;}
.list{ display:block; width:100%; overflow:hidden; text-align:center; margin:30px auto 35px auto;}
.list *{ color:#333; font-size:14px;}
.list a:hover{ color:#ef9c00;}
.news_list{ display:block; width:100%;}
.news_list ul{ float:left; overflow:hidden; width:100%; padding:3px; box-sizing:border-box;}
.news_list li{ margin-bottom:20px; overflow:hidden; float:left; padding:10px 15px; box-sizing:border-box; width:100%; box-shadow:1px 1px 4px rgba(0,0,0,0.20);}
.news_list_img{ float:left; max-width:370px; width:100%; height:220px; overflow:hidden;}
.news_list_img img{ width:100%; height:100%; object-fit:cover; transition:all linear 0.25s;}
.news_list_text{ max-width:calc(100% - 410px); width:100%; height:220px; padding:10px 0px; box-sizing:border-box; float:right;}
.news_list_text .title{  font-size:20px; font-weight:bold; color:#333; white-space:pre; text-overflow:ellipsis; overflow:hidden; text-align:left; transition:all linear 0.25s;}
.news_list_text time{ font-size:14px; display:block; margin-top:10px; color:#999; border:0px; text-align:left; padding-top:0px}
.news_list_text .text{ line-height:24px; height:72px; font-size:14px;color:#666; float:left; width:100%;}
.news_list_text .more{ background:#adadad; margin-top:10px; color:#fff; width:120px; height:40px; line-height:40px; float:left; text-align:center; transition:all linear 0.25s;}
.news_list_text .more:hover{ background:#ef9c00;}
.news_list li:hover{ background:#fff; box-shadow:1px 1px 4px rgba(228,31,39,0.20);}
.news_list li:hover .title{ color:#ef9c00; transform:translateX(10px);}
.news_list li:hover .news_list_img img{ transform:scale(1.1);}
.case_list{ display:block; overflow:hidden; width:100%;}
.case_list ul{ padding:5px; box-sizing:border-box;}
.case_list li{ float:left; max-width:calc(25% - 18.75px); width:100%; margin:0px 25px 25px 0px; box-shadow:0px 0px 10px rgba(0,0,0,0.3);}
.case_list li:nth-of-type(4n){margin-right:0px;}
.case_list li .picture{ overflow:hidden; float:left; width:100%;}
.case_list li .picture img{width:100%; height:auto; object-fit:cover; transition:all linear 0.25s; float:left;}
.case_list li .title{ float:left; width:100%; overflow:hidden; text-align:center; margin:15px 0px; color:#333; text-overflow:ellipsis; white-space:pre;}
.case_list li:hover{ background:#ef9c00;}
.case_list li:hover .title{color:#fff;}
.case_list li:hover .picture img{ transform:scale(1.1);}
.honor_list{ display:block; overflow:hidden; width:100%;}
.honor_list ul{ padding:5px; box-sizing:border-box;}
.honor_list li{ float:left; max-width:calc(100% / 3 - 18.75px); width:100%; margin:0px 25px 15px 0px; box-shadow:0px 0px 10px rgba(0,0,0,0.3); position:relative;}
.honor_list li:nth-of-type(3n){margin-right:0px;}
.honor_list li .picture{ overflow:hidden; float:left; width:100%;}
.honor_list li .picture img{width:100%; height:500px; object-fit:cover; transition:all linear 0.25s; float:left;}
.honor_list li .title{ float:left; width:100%; overflow:hidden; text-align:center; padding:15px 0px; color:#333; text-overflow:ellipsis; white-space:pre; position:absolute; bottom:0px; left:0px; background:rgba(255,255,255,0.8);}
.honor_list li:hover{ background:#ef9c00;}
.honor_list li:hover .title{color:#ef9c00;}
.honor_list li:hover .picture img{ transform:scale(1.1);}

/*返回顶部*/
.top{ cursor:pointer; position:fixed; bottom:80px; background:rgba(239,156,0,0.50); right:1%; font-size:60px; display:none; z-index:999;}
.top::before{font-size:60px; color:rgba(255,255,255,0.5);}
.top:hover{background:rgba(239,156,0,1.00);}
.top:hover::before{color:rgba(255,255,255,1);}
.sj_footer{ display:none;}
*::selection {background-color:rgba(254,0,0,1);color:#fff;}
*::-moz-selection {background-color:rgba(254,0,0,1);color:#fff;}
*::-webkit-selection {background-color:rgba(254,0,0,1);color:#fff;}

/*浮动客服*/
#floatDivBoxs{width:170px;background:#fff;position:fixed;top:180px;right:0;z-index:999;}
#floatDivBoxs .floatDtt{width:100%;height:45px;line-height:45px; background:#0070ce;color:#fff;font-size:18px;text-indent:22px;position:relative;}
#floatDivBoxs .floatDqq{padding:0 14px;}
#floatDivBoxs .floatDqq li{height:45px;line-height:45px;font-size:15px;border-bottom:1px solid #e3e3e3; padding:0 0 0 50px;}
#floatDivBoxs .floatDqq img{ display: inherit !important;}
#floatDivBoxs .floatDtxt{font-size:18px;color:#333;padding:12px 14px;}
#floatDivBoxs .floatDtel{padding:0 0 15px 10px;}
#floatDivBoxs .floatDtel img{display:block;}
#floatDivBoxs .floatDbg{width:100%;height:20px;background:url(../images/online_botbg.jpg) no-repeat;box-shadow:-2px 0 3px rgba(0,0,0,0.25);}
.floatShadow{ background:#fff;box-shadow:-2px 0 3px rgba(0,0,0,0.25);}
#rightArrow{width:50px;height:45px;background:url(../images/online_arrow.jpg) no-repeat;position:fixed;top:180px;right:170px;z-index:999;}
#rightArrow a{display:block;height:45px;}

/*分页*/
.pagination {height:40px;text-align:center;padding:20px 0px;}
.pagination a {display:inline-block;margin-right:10px;padding:2px 12px;height:24px;border:1px #cccccc solid;background:#fff;text-decoration:none;color:#808080;font-size:12px;line-height:24px;}
.pagination a:hover {color:#0070ce;background: white;border:1px #0070ce solid;}
.pagination a.cur {border:1px #0070ce solid;background:#0070ce;color:#fff;}
.pagination p {margin:0;cursor:pointer;display:inline-block;padding:2px 12px;font-size:12px;height:24px;line-height:24px;color:#bbb;border:1px #ccc solid;background:#fcfcfc;margin-right:8px;}
.pagination p.pageRemark {border-style:none;background:none;margin-right:0px;padding:4px 0px;color:#666;}
.pagination p.pageRemark b {color:#0070ce;}