/*!
 * @ 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; }
/*h-top*/
.h-top{ overflow: visible; padding:30px 0; background: #024e9c; }
.h-top .inner{ overflow: visible; height: 51px; }
.h-search{ overflow: hidden; margin-top: -6px; }
.h-search > div{ margin-bottom: 10px; }
.h-search > div a{ font-size: 14px; color: #ffffff; display: inline-block; margin-right:12px; }
.h-search > div a + a{ border-left: 2px solid #fff; padding-left: 12px; }
.h-search > div a:hover{ color: #e47600; }
.h-search form{ position: relative; overflow: hidden; }
.search-text{ transition: all .3s; width: 250px; height: 32px; padding: 0 0 0 8px; font-size: 14px; color: #024e9c; background: #fff; border-radius: 4px; border:0; outline: none; }
.search-btn{ cursor: pointer; outline: none; width: 25px; height: 21px; background: url(../img/ico-search.png) no-repeat center; border:none; position: absolute; right: 8px; top:5px; }
.search-text:hover{ transition: all .3s;  }
table{ border-collapse: collapse; border-spacing: 0; }
table td{ padding:10px; }
/*h-menu*/
.h-menu{ height: 50px; line-height: 50px; background: #eeeeee; margin-bottom: 8px; }
.h-menu li{ width: 133px; float: left; text-align: center; overflow: hidden; position: relative; }
.h-menu li a{ text-align: center; display: block; font-size: 16px; color: #333333; }
.h-menu li a:hover{ background: #e47600; color: #fff; }
/*m-focus*/
.m-focus{ width: 1344px; margin:0 auto 14px; position: relative; }
.m-focus .prev, .m-focus .next{ display: inline-block; width: 43px; height: 69px; position: absolute; }
.m-focus .prev{ background: url(../img/focus-l.png) no-repeat center; position: absolute; top:50%; left: 0; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); }
.m-focus .next{ background: url(../img/focus-r.png) no-repeat center; position: absolute; top:50%; right: 0; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); }
.m-focus .prev:hover{ background: url(../img/focus-l-h.png) no-repeat center; }
.m-focus .next:hover{ background: url(../img/focus-r-h.png) no-repeat center; }
.m-focus .bd{ width: 1200px; margin:0 auto; height: 320px; }
.m-focus .bd li .img{ width: 800px; height: 320px; float: left; }
.m-focus .bd li .img img{ width: 100%; height: 100%; object-fit: cover; }
.m-focus .bd li .txt{ float: right; width: 400px; height: 320px; box-sizing: border-box; padding:20px; background: #eeeeee; }
.m-focus .bd li .txt h3{ margin-bottom: 10px; font-size: 22px; color: #282828; font-weight: bold; line-height: 34px; }
.m-focus .bd li .txt p{ font-size: 16px; color: #454545; line-height: 32px; }
.m-focus .hd{ position: absolute; left:900px; bottom:20px; z-index: 999; }
.m-focus .hd li{ display: inline-block; width: 10px; height: 10px; border-radius: 50%; background: #555555; }
.m-focus .hd li.on{ background: #ef2d36; }
.m-focus .hd li + li{ margin-left: 16px; }
/*m-3*/
.tit{ margin-bottom: 14px; height: 34px; line-height: 34px; border-bottom: 1px solid #024e9c; position: relative; }
.tit:before{ content: ""; display: inline-block; position: absolute; width: 85px; height: 1px; background: #ff0000; border:none; left: 0; bottom:-1px; }
.tit h3{ display: inline-block; float: left; height:34px; }
.tit a{ float: right; font-size: 14px; color: #999999; }
.tit a:hover{ color: #ff0000; }
.m-3{ overflow: hidden; margin-bottom: 14px; }
.m-3 li{ line-height: 34px; overflow: hidden; }
.m-3 li h3{ width: 80%; float: left; font-size: 14px; color: #333333; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.m-3 li h3:before{ display: inline-block; content: "▪"; margin-right: 5px; }
.m-3 li span{ float: right; font-size: 14px; color: #333333; }
.m-3 li:hover h3, .m-3 li:hover span{ color: #002b8e; }
/*m-equ*/
.m-equ{ width: 382px; float: left; }
.m-equ .tit h3{ background: url(../img/equ-h3.png) no-repeat left center; width: 252px; }
.m-equ .bd, .m-res .bd{ min-height: 170px; }
/*m-res*/
.m-res{ width: 382px; float: left; margin-left: 26px; }
.m-res .tit h3{ background: url(../img/res-h3.png) no-repeat left center; width: 269px; }
/*m-team*/
.m-team{ width: 382px; float: left; margin-left: 26px; }
.m-team .tit h3{ background: url(../img/team-h3.png) no-repeat left center; width: 231px; }
/*m-product*/
.m-product{ overflow: hidden; padding-bottom: 14px; }
.m-product .tit h3{ background: url(../img/product-h3.png) no-repeat left center; width: 269px; }
.m-product .tit a:nth-child(3){ position: relative; display: inline-block; padding:0 15px; margin:0 15px; }
.m-product .tit a:nth-child(3):before{ content: ""; display: inline-block; width: 1px; background: #999999; height: 15px; border:0; position: absolute; left:0; top:10px; }
.m-product .tit a:nth-child(3):after{ content: ""; display: inline-block; width: 1px; background: #999999; height: 15px; border:0; position: absolute; right: 0; top:10px; }
.m-product .bd a{ display: block; width:220px; height: 158px; }
.m-product .bd a img{ width: 100%; height: 158px; object-fit: cover; }
.m-product .bd a h3{ height: 34px; line-height: 34px; transition: all .3s; background: rgba(0,0,0,.5); padding:0 15px; font-size: 14px; color: #ffffff; text-align: center; position: absolute; left: 0; bottom:0; width: 100%; box-sizing: border-box; }
.m-product .bd a:hover h3{ background: #000; transition: all .3s; }
/*footer*/
.footer{ overflow: hidden; background: #262626; }
.footer a:hover{ color: #fff; }
.f-nav{ height: 40px; line-height: 40px; border-bottom: 1px solid #434343; }
.f-nav li{ width: 133px; float: left; text-align: center; }
.f-nav li a{ font-size: 14px; color: #9a9a9a; }
.f-nav li a:hover{ color: #fff; }
.f-copy p{ line-height: 52px; text-align: center; font-size: 14px; color: #666666; }
/*sidebar*/
.s-type{ width: 244px; overflow: hidden; }
.s-type .hd{ height: 44px; line-height: 44px; background: #024e9c url(../img/ico-stit.png) no-repeat 21px center; }
.s-type .hd h3{ margin-left: 70px; font-size: 18px; color: #ffffff; }
.s-type .bd{ padding:15px 15px 30px; background: -moz-linear-gradient(top, #60bfff 0%, #f2faff 100%); background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#60bfff), color-stop(100%,#f2faff)); background: -webkit-linear-gradient(top, #60bfff 0%,#f2faff 100%); background: -o-linear-gradient(top, #60bfff 0%,#f2faff 100%); background: -ms-linear-gradient(top, #60bfff 0%,#f2faff 100%); background: linear-gradient(to bottom, #60bfff 0%,#f2faff 100%); }
.s-type .bd a{ height: 49px; display: block; line-height: 49px; border-bottom: 1px dashed #528ecc; font-size: 18px; color: #024e9c; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.s-type .bd a:before{ content: ">"; display: inline-block; margin:0 10px;  }
.s-type .bd a:hover{ color: #e47600; }
/*location*/
.location{ height: 44px; line-height: 44px; border-bottom: 1px solid #024e9c; margin-bottom: 20px; }
.location h3, .location a{ font-size: 14px; color: #333333; }
.location a:hover{ color: #e47600; }
/*article*/
.main{ overflow: hidden; margin-bottom: 20px; }
.main .inner > .fr{ width: 926px; }
.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; }
.article p img{ max-width: 100%; }
#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: 292px; 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{ 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{ text-indent: -2em; 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: #024e9c; background: url(../img/s02.png) left center no-repeat; }
.pro-bd li:hover{ background: #024e9c; 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_tit{ width: 100%; 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 #024e9c; }
.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: #024e9c; }
#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: #024e9c; }
/*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: #024e9c; 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; }