/*!

 * @ Author: weiwei

 * @ Date: 2019-04-22 09:39:04

 */

/*Css Reset*/

html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,em,img,ins,kbd,q,s,samp,small,strike,strong,sub,sup,tt,var,b,u,i,center,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td,article,aside,canvas,details,embed,figure,figcaption,footer,header,hgroup,menu,nav,output,ruby,section,summary,time,mark,audio,video{margin:0;padding:0;border:0;font-size:100%;font:inherit;font-weight:normal;vertical-align:baseline}article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section{display:block}ol,ul,li{list-style:none}blockquote,q{quotes:none}blockquote:before,blockquote:after,q:before,q:after{content:'';content:none}table{border-collapse:collapse;border-spacing:0}a{color:#7e8c8d;text-decoration:none;-webkit-backface-visibility:hidden}::-webkit-scrollbar{width:5px;height:5px}::-webkit-scrollbar-track-piece{background-color:rgba(0,0,0,0.2);-webkit-border-radius:6px}::-webkit-scrollbar-thumb:vertical{height:5px;background-color:rgba(125,125,125,0.7);-webkit-border-radius:6px}::-webkit-scrollbar-thumb:horizontal{width:5px;background-color:rgba(125,125,125,0.7);-webkit-border-radius:6px}html,body{width:100%;font-family:"Arial","Microsoft YaHei","微软雅黑","黑体","宋体",sans-serif}body{line-height:1;-webkit-text-size-adjust:none;-webkit-tap-highlight-color:rgba(0,0,0,0)}html{overflow-y:scroll}.clearfix:before,.clearfix:after{content:" ";display:inline-block;height:0;clear:both;visibility:hidden}.clearfix{*zoom:1}.dn{display:none;}.fl{float:left;}.fr{float:right;}

html,body{overflow:hidden;overflow-y:auto;}

.inner{ width: 1200px; margin:0 auto; overflow: hidden; }
iframe{ width: 100%; height: 460px; }
/*h-tool*/

.h-tool{ height: 38px; line-height: 38px; background: #e6e6e6; overflow: hidden; }

.h-tool .tel{ text-align: right; }

.h-tool .fl p{ font-size: 14px; color: #777777; padding-left: 22px; background: url(../img/ico-home.png) no-repeat 2px center; }

.h-tool .fr ul{ height: 38px; overflow: hidden; float: right; margin-left: 28px; }

.h-tool .fr li{ float: left;  }

.h-tool .fr li i{ display: inline-block; width: 17px; height: 17px; overflow: hidden; margin-right:6px; position: relative; top:3px; }

.h-tool .fr li:nth-child(1) i{ background: url(../img/ico-favourite.png) no-repeat 0 0; }

.h-tool .fr li:nth-child(2) i{ background: url(../img/ico-favourite.png) no-repeat 0 -17px; }

.h-tool .fr li:nth-child(3) i{ background: url(../img/ico-favourite.png) no-repeat 0 -34px; }

.h-tool .fr li a{ display: inline-block; height: 38px; line-height: 38px; font-size: 14px; color: #777777; }

.h-tool .fr li a:hover{ color: #ff4701; }

.h-tool .fr li + li{ margin-left: 16px; }

.h-search{ float: right; }

.search-text{ transition: all .3s; width: 132px; height: 26px; padding: 0 0 0 14px; font-size: 12px; color: #999999; background: #fff; border-radius: 15px 0 0 15px; border:0; outline: none; }

.search-btn{ cursor: pointer; outline: none; width: 36px; height: 26px; background: #006eeb url(../img/ico-search.png) no-repeat 10px center; border-radius: 0 15px 15px 0; border:none; position: relative; top: -0.5px; left: -4px; }

.search-text:hover{ transition: all .3s; width: 142px; }

/*h-top*/

.h-top{ overflow: hidden; padding:28px 0; }

.h-top .tel div{ margin-top: 11px; padding-left: 36px; background: url(../img/tel.png) no-repeat left top; height: 40px; }

.h-top .tel div h3{ font-size: 24px; color: #ff4701; font-weight: bold; }

.h-top .tel p{ font-size: 14px; color: #888888; }

/*h-menu*/

.h-menu{ height: 50px; line-height: 50px; background: #006eeb; }

.h-menu li{ width: 109px; float: left; text-align: center; overflow: hidden; position: relative; }

.h-menu li a{ text-align: center; display: block; font-size: 16px; color: #ffffff; }

.h-menu li ul{ position: absolute; top:100px; z-index: 999; width: 180px; transition: all .3s; }

.h-menu li ul a{ background: #ff4701; width: 100%; display: block; margin-top: 6px; }

.h-menu li ul a:hover{ background: #006eeb; }

.h-menu li:hover{ background: #ff4701; overflow: visible; }

.h-menu li:hover ul{ top:50px; transition: all .3s; }

.h-menu .inner{ overflow: visible; }

/*banner*/

#banner{ width: 100%; height: 625px; }

#banner .swiper-slide{ min-width: 1200px; position: relative; background-position: center!important; background-size: cover!important; }

#banner .swiper-slide a{ position: absolute; top:0; left: 0; display: block; width: 100%; height: 100%; }

#banner .swiper-slide .inner{ position: relative; height: 625px; width: 1200px; margin:0 auto; display: block; }

#banner .swiper-slide .b1-tit{ position: absolute; top:56px; right: 0; }

#banner .swiper-slide .b1-p{position: absolute; top:200px; right: 0; }

#banner .swiper-slide .b2-tit{ position: absolute; top:100px; left: 136px; }

#banner .swiper-slide .b2-p{position: absolute; top:122px; left: 0px; }

#banner .swiper-slide .b3-tit{ position: absolute; top:98px; left: 54px; }

/*s_banner*/

.s_banner{ position: relative; height: 339px; background: url(../img/s_banner.jpg) no-repeat top center; }

.s_banner img{ display: block; }

.s_banner .s_h3{ margin-top: 20px; }

.s_banner .s_span{ margin-top: -12px; }

.s_banner .s_p{ margin-top: 32px; }

/*s_search*/

.s_search{ height: 68px; line-height: 68px; background: #e7f2fe; }

.s_search .fl h3{ display: inline-block; font-size: 16px; color: #006eeb; font-weight: bold; }

.s_search .fl a{ font-size: 14px; color: #666666; margin-right: 26px; }

.s_search .fl a:hover{ color: #ff4701; }

.s_search .s_text{ width: 310px; outline: none; font-size: 14px; color: #999999; box-sizing: border-box; padding:0 20px; height: 36px; background: #fff; border:1px solid #dddfdb; border-radius: 30px; margin-top: 15px;  }

.s_search .s_btn{ border:0; width: 18px; height: 18px; background: url(../img/ico-s_search.png) no-repeat; outline: none; margin-left: -40px; cursor: pointer; }

/*location*/

.location{ padding:18px 0; }

.location p{ border-left: 4px solid #0036c7; height: 24px; line-height: 24px; padding-left: 10px; font-size: 14px; color: #666666; }

.location a{ color: #666666; }

.location a:hover{ color: #ff4701; }

/*m-char*/

.m-char{ overflow: hidden; padding:28px 0; background: #f3f3f3; }

.m-char li{ width: 300px; border-right:1px solid #c8c6c6; padding:16px; box-sizing: border-box; float: left; }

.m-char li:first-child{ width: 270px; padding:16px 0; }

.m-char li:last-child{ border-right: 0; }

.m-char li img{ float: left; margin-right: 16px; }

.m-char li div{ float: left; }

.m-char li div h3{ font-size: 20px; color: #333333; margin-bottom: 10px; }

.m-char li div p{ font-size: 14px; color: #666666; }

/*m-product*/

.m-product{ overflow: hidden; }

.m-h-c .hd, .m-product .hd{ text-align: center; padding:57px 0 40px; overflow: hidden; }

.m-h-c .hd h3, .m-product .hd h3{ font-size: 30px; color: #333333; line-height: 1; margin-bottom: 19px; }

.m-h-c .hd p, .m-product .hd p{ font-size: 16px; color: #333333; font-weight: 200; line-height: 1; }

.m-h-c .hd hr, .m-product .hd hr{ width: 56px; height: 2px; background: #ff4701; margin-top: 32px; border:none; }

.m-product > .bd{ padding:30px 0 60px; background: #006eeb; }

.s-type{ width: 240px; }

.s-type .tit{ height: 116px; background: #ff4701; text-align: center; }

.s-type .tit h3{ font-size: 28px; color: #ffffff; font-weight: bold; padding:33px 0 13px; line-height: 1; }

.s-type .tit p{ font-size: 14px; color: #ffffff; }

.s-type .bd{ background: #ffffff; padding:0 30px 10px; }

.s-type .bd h3{ margin:0 -30px 23px; height: 54px; line-height: 54px; background: #0036c7 url(../img/ico-s3.png) no-repeat 30px center; padding-left: 54px; font-size: 16px; color: #ffffff; }

.s-type .bd a{ transition: all .3s; display: block; padding:18px 0; margin-bottom: 12px; border-bottom:1px solid #dcdcdc; font-size: 16px; color: #333333; padding-left: 12px; background: url(../img/ico-sli.png) no-repeat left center; }

.s-type .bd a:hover{ color: #ff4701; padding-left: 18px; background: url(../img/ico-sli.png) no-repeat 6px center; transition: all .3s; }

.s-contact{ padding:24px 22px; background: #0036c7; }

.s-contact div{ margin-top: 11px; padding-left: 36px; background: url(../img/s-tel.png) no-repeat left top; height: 40px; }

.s-contact div h3{ font-size: 22px; color: #ff4701; font-weight: bold; }

.s-contact p{ font-size: 14px; color: #ffffff; }

.m-product > .bd .fr{ width: 950px; background: #fff; padding:15px 15px 24px; box-sizing: border-box; }

.m-product > .bd .fr > h3{ font-size: 18px; font-weight: bold; color: #333333; line-height: 30px; margin-bottom: 12px; padding-left: 30px; background: url(../img/ico-hot.jpg) no-repeat left center; }

.m-product > .bd .fr .img{ width: 100%; height: 218px; border:1px solid #e0e0e0; }

.m-product > .bd .fr .img img{ width: 100%; height: 100%; object-fit: cover; }

.m-product > .bd .fr .img + h3{ height: 50px; line-height: 50px; text-align: center; font-size: 16px; color: #666666; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }

/*super*/

.m-super{ overflow: visible; background: #ebf0f6; }

.m-super .inner{ overflow: visible; }

.m-super .hd{ padding:64px 0 72px; }

.m-super .hd h3{ height: 79px; background: url(../img/super-tit.png) no-repeat center; }

.m-super .bd{ position: relative; height: 710px; padding-bottom: 56px; background: url(../img/super-bg.jpg) no-repeat top center; }

.m-super .bd li{ padding:10px 20px; line-height: 30px; display: inline-block; border:3px solid #ff4701; border-radius: 10px; background: #1191e1; font-size: 20px; color: #ebf0f6; }

.m-super .bd li span{ color: #fffc01; }

.m-super .bd li small{ font-size: 14px; }

.m-super .bd li strong{ font-size: 30px; color: #ebf0f6; font-weight: bold; display: block; }

.m-super .bd li:nth-child(1){ position: absolute; left: 620px; top:3px; }

.m-super .bd li:nth-child(2){ position: absolute; left: 272px; top:70px; }

.m-super .bd li:nth-child(3){ text-align: center; border:0; padding:8px 20px; line-height: 16px; position: absolute; left: 290px; top:176px; }

.m-super .bd li:nth-child(4){ text-align: center; border:0; padding:8px 20px; line-height: 16px; position: absolute; left: 240px; top:254px;  }

.m-super .bd li:nth-child(5){ position: absolute; left: 94px; top:392px; text-align: center; }

.m-super .bd li:nth-child(6){ position: absolute; left: 680px; top:420px; text-align: center; }

.m-super .bd li:nth-child(8){ position: absolute; left: 700px; top:534px; text-align: center; }

.m-super .bd li:nth-child(7){ position: absolute; left: 1010px; top:490px; text-align: center; width: 200px; }

/*m-banner*/

.m-banner{ text-align: center; line-height: 200px; height: 200px; background: url(../img/banner-bg.jpg) no-repeat top center; }

.m-banner img{ vertical-align: middle; }

/*m-4*/

.m-4{ overflow: hidden; }

.m-4 .tit{ text-align: center; padding:56px 0 100px; }

.m-4 li{ width: 50%; float: left; }

.m-4 li:nth-child(1){ width: 505px; float: left; }

.m-4 li:nth-child(2){ width: 642px; float: right; height: 416px; }

.m-4 li:nth-child(3){ width: 630px; float: left; margin-top: 15px; }

.m-4 li:nth-child(4){ width: 570px; float: right; }

.m-4 li div{ margin-bottom: 22px; }

.m-4 li div p{ margin-left: 100px; font-size: 14px; color: #777777; line-height: 30px; }

/*m-value*/

.m-value{ overflow: hidden; height: 234px; background: url(../img/value-bg.jpg) no-repeat top center; }

.m-value .fl{ width: 370px; }

.m-value .fl img{ margin:6px 0 0 58px; }

.m-value .fr{ width: 830px; }

.m-value .fr img{ margin: 36px 0 10px; }

.m-value .fr p{ padding:0 6px; font-size: 14px; color: #8abcfc; line-height: 18px; }

/*m-h-c*/

.m-h-c{ background: #f3f3f3; overflow: hidden; }

.m-h-c .bd{ padding-bottom: 50px; }

.slideGroup{ overflow: hidden;  }

.slideGroup .parHd{ margin-bottom: 50px; }

.slideGroup .parHd ul{ width: 100%; text-align: center; height: 46px; }

.slideGroup .parHd li{ display: inline-block; padding:15px 36px; border:1px solid #fd3100; font-size: 16px; color: #333333;  transition: all .3s; }

.slideGroup .parHd li + li{ margin-left: 12px; }

.slideGroup .parHd li.on{ background: #fd3100; color: #fff; transition: all .3s; }

.slideGroup .parHd li:hover{ cursor: pointer; }

.slideGroup .slideBox{ overflow:hidden; zoom:1; padding:0 48px; position:relative;   }

.slideGroup .sPrev,.slideGroup .sNext{ display:block; width:43px; height:43px; }

.slideGroup .sPrev{ background:url(../img/c-h-l.png) center no-repeat; position:absolute; left:0; top:82px; }

.slideGroup .sNext{ background:url(../img/c-h-r.png) center no-repeat; position:absolute; right:0; top:82px; }

.slideGroup .sPrev:hover{ background:url(../img/c-h-l-h.png) center no-repeat;  }

.slideGroup .sNext:hover{ background:url(../img/c-h-r-h.png) center no-repeat;  }

.slideGroup .parBd ul{ overflow:hidden; zoom:1;   }

.slideGroup .parBd ul li{ margin:0 8px; float:left; _display:inline; overflow:hidden; text-align:center;  }

.slideGroup .parBd ul li .img{ width: 260px; height: 210px; overflow: hidden; }

.slideGroup .parBd ul li .img img{ width:100%; height:100%; object-fit: cover;  }

.slideGroup .parBd ul li .pic a:hover img{ border-color:#999;  }

.slideGroup .parBd ul li .title{ line-height:24px; }

/*m-about*/

.m-about{ height: 532px; box-sizing: border-box; padding-top: 62px; background: url(../img/about-bg.jpg) no-repeat top center; }

.m-about .fl{ width: 670px; }

.m-about .fl span{ display: inline-block; font-size: 24px; color: #6295ce; font-weight: bold; line-height: 1; margin:12px 0 15px; }

.m-about .fl h3{ font-size: 30px; color: #fff; font-weight: bold; line-height: 1; margin-bottom: 20px; }

.m-about .fl p{ font-size: 14px; color: #b6c4e7; line-height: 28px; }

.m-about .fl p a{ color: #f0ff08; }

.m-about .fr{ width: 530px; text-align: right; }

/*m-ability*/

.m-ability{ overflow: visible; margin-top: -156px; padding-bottom: 34px; }

.m-ability .inner{ overflow: visible; }

.m-ability .hd{ height: 70px; line-height: 70px; }

.m-ability .hd h3{ font-size: 24px; color: #fff; font-weight: bold; display: inline-block; }

.m-ability .hd h3 span{ color: #538acb; text-transform: uppercase; font-weight: bold; margin-left: 5px; }

.m-ability .hd a{ display: inline-block; margin-top: 10px; border:1px dotted #d3e0ec; border-radius: 25px; background: #06458b; padding:8px 30px; font-size: 16px; color: #ffffff; line-height: 1; float: right; }

.m-ability .bd{ padding:30px 30px 10px; background: #fff; box-shadow: 0 0 7px #d9d9d9; }

.m-ability .bd .img{ width: 100%; height: 214px; border:1px solid #c6c4c4; }

.m-ability .bd .img img{ width: 100%; height: 100%; object-fit: cover; }

.m-ability .bd .img + h3{ font-size: 14px; color: #333333; height: 40px; line-height: 40px; text-align: center; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }

/*m-news*/

.m-news{ overflow: hidden; background: #f0f0f0; }

.m-news .inner{ background: #fff; }

.m-news .tit{ height: 46px; line-height: 46px; background: #176dc5; padding:0 24px; }

.m-news .tit h3{ font-size: 18px; color: #f0f0f0; font-weight: bold; }

.m-news .tit h3 span{ font-size: 14px; font-weight: normal; margin-left: 10px; text-transform: uppercase; }

.m-news .bd ul{ padding:20px; }

.m-news .bd > a{ display: inline-block; padding:8px 20px; border:1px dotted #63a9f6; border-radius: 25px; background: #fff; font-size: 14px; color: #3d94f4; margin-left: 20px; }

.m-news .bd > a:hover{ background: #63a9f6; color: #fff; }

.m-problem, .m-corporate, .m-industry{ width: 386px; float: left; background: #f0f0f0; padding-bottom: 80px; }

.m-problem li{ overflow: hidden; margin-bottom: 20px; }

.m-problem li span{ width: 21px; height: 21px; font-size: 14px; color: #f0f0f0; text-align: center; line-height: 21px; display: inline-block; float: left; margin-right: 5px; }

.m-problem li h3 span{ background: #3d94f4; }

.m-problem li p span{ background: #282828; text-indent: 0em; }

.m-problem li h3{ margin-bottom: 15px; line-height: 21px; font-size: 16px; color: #333333; font-weight: bold; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }

.m-problem li p{ font-size: 14px; color: #999999; line-height: 18px; text-indent: -2em; }

.m-corporate{ margin:0 21px; }

.m-corporate .bd li, .m-industry .bd li{ height: 37px; line-height: 37px; padding-left: 20px; background: url(../img/news-li.png) no-repeat left center; }

.m-corporate .bd li h3, .m-industry .bd li h3{ width: 80%; float: left; overflow: hidden; text-overflow: ellipsis; white-space: nowrap;  }

.m-corporate .bd li span,  .m-industry .bd li span{ font-size: 14px; color: #999999; float: right; }

.m-corporate .bd li:hover h3, .m-industry .bd li:hover h3, .m-corporate .bd li:hover span, .m-industry .bd li:hover span{ color: #63a9f6; }

/*footer*/

.footer{ overflow: hidden; background: url(../img/f-bg.jpg) no-repeat bottom center; }

.footer a:hover{ color: #fff; }

.f-nav{ height: 66px; line-height: 66px; background: #176dc5; }

.f-nav h3{ float: left; margin-top: 12px; display: inline-block; font-size: 14px; color: #ffffff; line-height: 1; padding:0 15px; }

.f-nav h3 span{ font-size: 24px; text-transform: uppercase; display: block; }

.f-nav ul{ float: left; }

.f-nav li{ width: 113px; float: left; text-align: center; }

.f-nav li a{ font-size: 16px; color: #ffffff; }

.f-nav li a:hover{ color: #ff4701; }

.f-top{ height: 296px; overflow: hidden; padding-top: 46px; box-sizing: border-box; }

.f-top .tit{ font-size: 18px; color: #ffffff; font-weight: bold; margin-bottom: 24px; }

.f-top .tit:after{ content: ""; display: block; width: 40px; height: 3px; background: #0071c1; margin-top: 15px; }

.f-contact{ width: 366px; height: 210px; position: relative; margin-right: 100px; }

.f-contact:after{ content: ""; display: block; width: 1px; height: 170px; background: #535252; position: absolute; right: 0; top:50%; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); }

.f-contact img{ margin-bottom: 12px; }

.f-contact p,.f-contact a{ font-size: 14px; color: #716f6f; line-height: 30px; }

.f-type{ width: 405px; height: 210px; position: relative; margin-right: 100px; }

.f-type a{ display: inline-block; font-size: 14px; color: #7d7b7b; margin-right: 56px; margin-bottom: 18px; }

.f-type:after{ content: ""; display: block; width: 1px; height: 170px; background: #535252; position: absolute; right: 0; top:50%; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); }

.f-ewm{ width: 228px; }

.f-ewm img{ width: 120px; }

.f-ewm p{ font-size: 14px; color: #a2a2a2; padding-left: 36px; margin-top: 5px; }

.f-copy{ height: 46px; line-height: 20px; border-top: 1px solid #535252; text-align: center; }

.f-copy p{ font-size: 14px; color: #616060; }

.f-copy a:hover{ color: #fff; }

/*scrollsidebar*/

.scrollsidebar{position:absolute; z-index:999; top:150px; width: 180px; overflow: hidden; transition: all .3s; }

.scrollsidebar .hd{ position: relative; height: 86px; background: url(../img/msg-tit.jpg) no-repeat top center; }

.close_btn{ cursor: pointer; display: inline-block; width: 16px; height: 16px; background: url(../img/ico-close.png) no-repeat; position: absolute; top:5px; right: 5px; text-indent: -999px; }

.scrollsidebar .s_center{ width: 170px; border-left:5px solid #006eeb; border-right:5px solid #006eeb; background: #fff; text-align: center; }

.scrollsidebar .s_center p{ font-size: 16px; color: #006eeb; padding:28px 0 16px; }

.scrollsidebar .s_center h3{ font-size: 20px; color: #006eeb; font-weight: bold; margin-bottom: 20px; }

.scrollsidebar .s_center a{ display: inline-block; border-radius: 30px; background: #006eeb url(../img/ico-msg.png) no-repeat 21px center; padding:10px 32px 10px 52px; font-size: 16px; color: #ffffff; }

.scrollsidebar .s_center img{ margin:22px 0 6px; }

.scrollsidebar .s_center span{ display: block; font-size: 14px; color: #666666; padding-bottom: 10px; }

.scrollsidebar .bd{ text-align: center; height: 60px; background: url(../img/msg-bd.jpg) no-repeat top center; }

.scrollsidebar .bd a{ margin-top: 26px; font-size: 16px; color: #ffffff; display: inline-block; }

/*article*/

.main{ overflow: hidden; margin-bottom: 20px; }

.main .inner > .fr{ width: 946px; }

.article h1{ font-size: 24px; color: #333; font-weight: bold; line-height: 2; text-align: center; }

.article h2{ clear: both; border-left: 3px solid #ff4701; background: #e2e4e5; height: 64px; line-height: 64px; margin:15px 0;}

.article h2 strong{ padding:0 30px; background: #006eeb; font-size: 24px; color: #f6f8fa; height: 64px; display: inline-block; }

.article p{ font-size: 16px; color: #333333; line-height: 36px; }

#p_img + p{ margin-bottom: 20px; overflow: hidden; }

#p_img + p img{ width: 49.8%; float: left;  }

#p_img + p img:nth-child(even){ width: 49.8%; float: right;  }

.article .meta{ text-align: center; color: #ccc; padding:15px 0; margin-bottom: 20px; font-size: 14px; border-bottom: 1px dotted #ccc; }

.n_list{ background: #e7f2fe; height: 52px; line-height: 52px; margin-bottom: 20px; }

.n_list a{ width: 300px; float: left; display: inline-block; height: 52px; text-align: center; font-size: 14px; color: #333; }

.n_list a:hover{ background: #2159ac; color: #fff; }

.r_list{ margin:20px 0; }

.r_list h3{ line-height: 50px; font-size: 20px; font-weight: bold; border-bottom: 2px solid #ccc; }

.r_list a{ box-sizing: border-box; transition: all .3s; display: inline-block; width: 48%; float: left; height: 40px; line-height: 40px; border-bottom: 1px solid #ccc; }

.r_list a:before{ content: "▪"; display: inline-block; margin:0 10px; }

.r_list a:hover{ transition: all .3s; padding-left: 10px; color: #006eeb; }

.r_list a:nth-child(even){ margin-left: 2%; }

/*pro-bd*/

.pro-bd{ overflow: hidden; }

.pro-bd li{ width: 300px; float: left; margin:0 20px 20px 0; border:1px solid #cacaca; transition: all .3s; }

.pro-bd li:nth-child(3n+0){ margin-right: 0; }

.pro-bd li .img{ width: 100%; height: 236px; overflow: hidden; }

.pro-bd li .img img{ width: 100%; height: 100%; object-fit: cover; transition: all .3s; }

.pro-bd li .txt{ height: 130px; padding:0 20px; }

.pro-bd li .txt h3{ height: 60px; line-height: 60px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; font-size: 18px; font-weight: bold; }

.pro-bd li .txt p{ font-size: 14px; color: #888; line-height: 24px; }

.pro-bd li .b_btn{ margin:20px; }

.pro-bd li .b_btn a:nth-child(1){ color: #fff; font-size: 14px; display: inline-block; padding:10px 20px; border-radius: 5px; background: #ff4701; }

.pro-bd li .b_btn a+a{ float: right; line-height: 36px; font-size: 14px; padding-left: 30px; color: #0036c7; background: url(../img/s02.png) left center no-repeat; }

.pro-bd li:hover{ background: #0036c7; box-shadow: 0 0 3px #f1f1f1; transition: all .3s; }

.pro-bd li:hover .img img{ transform: scale(1.1); transition: all .3s; }

.pro-bd li:hover a+a{ color: #e48804; text-decoration: underline; background: url(../img/s02h.png) left center no-repeat; }

.pro-bd li:hover .txt h3, .pro-bd li:hover .txt p{ color: #fff; }

/*pro_focus*/

.pro_focus{ width: 442px; float: left; margin-right: 20px; }

.pro_tit{ width: 484px; float: right; }

.pro_tit h1{ height: 70px; line-height: 70px; border-bottom: 1px solid #e5e7e8; font-size: 30px; color: #333333; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }

.pro_tit p{ font-size: 14px; color: #666666; line-height: 35px; }

.pro_tit p span{ font-size: 16px; color: #ff4701; }

/*.pro_tit p small{ margin-left: -2em; }*/

.pro_tit > a{ margin:20px 0; display: inline-block; font-size: 16px; color: #ffffff; padding:12px 18px 12px 48px; border-radius: 5px; background: #ff4701 url(../img/ico-msg.png) no-repeat 11px center; }

.pro_tit > a + a{ background: #343434 url(../img/ico-order.png) no-repeat 11px center; margin-left: 16px; }

.bdsharebuttonbox span{ float: left; font-size: 18px; color: #fc0505; line-height: 42px; }

/*p_desc*/

.d-tit{ height: 59px; line-height: 59px; border-bottom: 1px solid #c1c0c0; margin:15px 0; }

.d-tit h3{ display: inline-block; float: left; padding:0 5px; font-size: 24px; color: #666666; border-bottom: 2px solid #0036c7; }

.d-tit p{ line-height: 59px; margin-left: 18px; font-size: 14px; color: #666666; display: inline-block; float: left; }

.d-tit p span{ color: #ff4701; }

.p_desc{ overflow: hidden; clear: both; }

#p_real a img, #p_honor a img, #p_case a img{ width: 100%; height: 184px; object-fit: cover; }

#p_real a h3, #p_honor a h3, #p_case a h3{ text-align: center; height: 42px; line-height: 42px; font-size: 14px; color: #666666; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }

#p_real a:hover h3, #p_honor a:hover h3, #p_case a:hover h3{ color: #0036c7; }

#prev_next{ margin-top: 20px; border-top: 2px dotted #ccc; padding:15px 0; }

#prev_next li{ color: #7e8c8d; width: 50%; float: left; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }

#prev_next li + li{ text-align: right; }

#prev_next li a:hover{ color: #0036c7; }

/*n_indu*/

.n_indu{ background: #fff; overflow: hidden;}

a{transition: all 0.3s;}

.n_indu li{width: 245px; height: 340px; background: #f7f7f7e3; padding: 20px; float: left; margin:0 20px 20px 0;}

.n_indu li:nth-child(4n+0){ margin-right: 0; }

.n_indu li a{display: block;}

.n_indu li a:hover{transform: translateY(10px);}

.n_indu li .art_title{width: 100%; height: 160px;}

.n_indu li h3{width: 100%; height: 40px; line-height: 40px; font-size: 18px; color: #242424; overflow: hidden;}

.n_indu li p{width: 100%; height: 86px; overflow: hidden; line-height: 27px; font-size: 14px; color: #7e7e7e; text-align: justify; margin: 10px 0;}

.n_indu li .new-img{width: 245px; height: 177px; overflow: hidden; }

.n_indu li .new-img img{width: 100%; height: 100%;}

/*list-bd*/

.list-bd{ overflow: hidden; }

.list-bd li{ width: 285px; margin:0 20px 20px 0; float: left; }

.list-bd li:nth-child(4n+0){ margin-right: 0; }

.list-bd li .img{ overflow: hidden; width: 100%; height: 220px; }

.list-bd li .img img{ width: 100%; height: 100%; object-fit: cover; transition: all .3s; }

.list-bd li h3{ padding:0 15px; text-align: center; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; height: 42px; line-height: 42px; background: #e7f2fe; font-size: 14px; color: #333; }

.list-bd li:hover img{ transform: scale(1.1); transition: all .3s; }

.list-bd li:hover h3{ background: #0036c7; color: #fff; }

/*contact_box*/

.contact_box{ width: 100%; height: auto; line-height: 24px; color: #898989; padding-bottom: 20px; margin: 0 auto }

.contact_box .ctitle{ width: 100%; height: 58px; line-height: 58px; font-size: 22px; color: #2653b2; font-weight: bold; padding-top: 20px; border-top: 1px #c9c9c9 solid; }

.contact_info{ width: 100%; height: auto; overflow: hidden; position: relative; margin: 20px 0;}

.contact_info span{ font-size: 22px; line-height: 58px; color: #fb8b00; padding-top: 13px; display: block;}

.contact_info li{ width: 452px; height: 31px; color: #898989; line-height: 31px; background: #f1f1f1; margin-bottom: 3px; padding-left: 20px; transition: 0.4s all}

.contact_info li:hover{background: #2653b2; color: #fff; padding-left: 25px; }

.mobile{ width: 270px; height: 270px; right: 20px; top: 40px; position: absolute;}

.c-ewm{ width: 50%; float: left; padding-left: 120px; box-sizing: border-box; }

.c-txt{ width: 50%; float: left; }

/*order*/

.order{ overflow: hidden; margin:20px 40px; }

.order select{ height: 46px; line-height: 46px; border:1px solid #ccc; border-radius: 3px; padding:0 10px; margin-bottom: 12px; }

.order input{ width: 306px; height: 46px; line-height: 46px; border:1px solid #ccc; border-radius: 3px; margin-bottom: 12px; padding:0 10px; }

.order textarea{ border:1px solid #ccc; border-radius: 3px; width: 322px; margin-bottom: 12px; }

.order .t_r{ vertical-align: top; text-align: right; line-height: 48px; }

.order #submit{ border:0; background: #006eeb; color: #fff; font-size:14px; cursor: pointer; }