@charset "utf-8";

*{-moz-box-sizing:border-box;-webkit-box-sizing:border-box;box-sizing:border-box;}
body,h1,h2,h3,h4,h5,h6,hr,p,blockquote,dl,dt,dd,ul,ol,li,pre,form,fieldset,legend,button,input,textarea,th, td,img{margin:0;padding:0;}
body,button, input, select, textarea {font:14px Arial,"Microsoft Yahei","Hiragino Sans GB",sans-serif;-webkit-text-size-adjust:none;color:#4c4c4c;}
body {min-width:1200px;}
h1,h2,h3,h4,h5,h6 {font-size:100%;font-weight:normal;}
ul,ol,li{list-style-type:none;}
img {border:none;vertical-align:top;}
a,a:link,a:visited,a:hover,a:active{text-decoration:none;}
a {color:#4c4c4c;transition:all 0.3s;}
a:hover {color:#eb3d00;}
.clear { clear:both; height:0; font-size:0px; line-height: 0px; }
.clearfix:after{ content:"."; display:block; height:0; clear:both; visibility:hidden;}
.clearfix { zoom:1; }
.fl { float:left;}
.fr { float:right;}
a,input,button{ outline:none; -webkit-tap-highlight-color:rgba(0,0,0,0);}
textarea{resize:none;}
.wrap {width:1200px;margin:0 auto;}
.ovh {overflow:hidden;}

/*header*/
.logo {float:left;padding:25px 0;}
.logo a {float:left;}
.search {float:left;margin-left:55px;margin-top:44px;}
.search form {width:270px;height:30px;border:1px solid #bfbfbf;position:relative;}
.search input {width:242px;border:none;line-height:28px;padding:0 5px;}
.search button {width:28px;height:28px;background-color:#eb3d00;border:none;position:absolute;right:0;top:0;}
.search p {color:#808080;line-height:25px;font-size:13px;}
.h_weixin {float:left;margin-left:10px;}
.h_weixin img {width:110px;margin-left:0;}



.h_tel {float:right;color:#808080;line-height:1.3;margin-top:40px;}
.h_tel i {display:inline-block;vertical-align:middle;width:25px;height:21px;background:url(../images/tel.png) no-repeat;margin-right:5px;}
.h_tel strong {display:block;font-size:18px;font-family:Arial;color:#eb3d00;font-weight:bold;}
.nav {background-color:#002b4d;height:44px;line-height:44px;text-align:center;position:relative;z-index:9;}
.nav li {float:left;width:200px;position:relative;}
.nav li a {display:block;color:#fff;font-size:16px;}
.nav li.active a {background-color:#eb3d00 !important;}
.nav li a:hover {background-color:#006cbd;}
.nav li::after {content:'';width:1px;height:26px;background-color:#4d4d4d;position:absolute;left:auto;right:0;top:9px;}
.nav li:last-child::after,.nav li.active::after {display:none;}
.prel {position:relative;}
.lan {display:block;line-height:30px;position:absolute;top:2px;right:0;}
.lan i {display:inline-block;vertical-align:middle;width:22px;height:22px;background:url(../images/lan.png) no-repeat;}

.banner_slide{position:relative;top:-22px;z-index:2;}
.banner_slide .hd{ width:100%;height:30px; overflow:hidden; position:absolute;left:0;bottom:0; z-index:2;}
.banner_slide .hd ul{ overflow:hidden; zoom:1;text-align:center;}
.banner_slide .hd ul li{ display:inline-block;vertical-align:top;margin-right:8px; width:12px; height:12px;border-radius:12px; text-indent:-9999px;background:#ccc; cursor:pointer;transition:all 0.3s;}
.banner_slide .hd ul li.on{ background-color:#eb3d00;width:30px;}
.banner_slide .bd{ position:relative;}
.banner_slide .bd li img {width:100%;}
.banner_slide .prev,.banner_slide .next{ position:absolute;left:10px;top:50%; margin-top:-48px; display:block;width:42px;height:74px;padding:15px 6px;border-radius:6px; background:url(../images/slider_left.png) no-repeat center;}
.banner_slide .next{ background:url(../images/slider_right.png) no-repeat center;right:10px;left:auto;}
.banner_slide .prev:hover,.banner_slide .next:hover{background-color:#eb3d00;}


/*index*/
.secpad {padding:55px 0;}
.index_tit {text-align:center;}
.index_tit h2 {font-size:30px;color:#142134;background:url(../images/tit_line.png) no-repeat center;text-transform:uppercase;}
.index_tit p {display:block;font-size:16px;color:#142134;text-transform:uppercase;line-height:32px;}
.mt30 {margin-top:30px;}

.left_con {float:left;width:285px;}
.procat_top {background-color:#004880;padding:20px 30px;}
.procat_top h2 {font-size:24px;color:#fff;font-weight:bold;}
.procat_top p {text-transform:uppercase;font-family:Arial;color:#8097b2;margin-top:5px;}
.pronav {padding:9px 20px;border:1px solid #bfbfbf;}
.pronav li {padding:15px 0;border-bottom:1px solid #d9d9d9;}
.pronav li:last-child {border:none;}
.pronav li a {display:block;height:30px;line-height:30px;padding-left:10px;font-size:16px;background:url(../images/parr.png) no-repeat 216px center;}
.pronav li a:hover,.pronav li a.active {background-color:#006cbd;color:#fff;background-image:url(../images/parrh.png);}
.left_cont {padding:9px;margin-top:9px;border:1px solid #bfbfbf;}
.left_cont h6 {color:#000;font-style:italic;margin:20px 0 10px;background:url(../images/tel2.png) no-repeat left center;padding-left:42px;margin-left:15px;height:35px;line-height:35px;}
.left_cont p {font-size:28px;color:#eb3d00;font-family:Arial;font-weight:bold;font-style:italic;margin-left:15px;}


.right_con {float:right;width:900px;}
.right_con h3 {background-color:#eb3d00;color:#fff;height:40px;line-height:40px;font-size:16px;padding:0 10px;}
.right_con h3 i {display:inline-block;vertical-align:middle;width:3px;height:20px;background-color:#eb3d00;margin-right:8px;}
.right_con h3 a {float:right;color:#fff;font-size:14px;}
.right_con h3 a:hover {color:#eb3d00;}
.pro_list li {float:left;width:285px;margin:0 7px 15px;text-align:center;}
.pro_list li a {display:block;}
.pro_list li span {display:block;width:285px;height:285px;overflow:hidden;}
.pro_list li img {width:285px;height:285px;transition:all 0.5s;}
.pro_list li h6 {line-height:2.5;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;}
.pro_list li a:hover img {transform:scale(1.05);}


.about {background:url(../images/about_bg.jpg) no-repeat center top;height:649px;padding-top:98px;}
.about_txt {float:left;width:660px;}
.about_txt .index_tit h2,.about_txt .index_tit p{color:#fff;}
.about_des {font-size:16px;color:#fff;text-indent:2em;line-height:1.8;margin:30px 0 10px;}
a.amore {float:right;display:block;width:120px;height:30px;text-align:center;line-height:30px;background-color:#eb3d00;color:#fff;border-radius:3px;}
a.amore:hover {background-color:#333;}
.about_pic {float:right;width:510px;}
.about_pic img {transition:all 0.3s;}
.about_pic a:hover img {transform:scale(0.98);}

.video_slide {margin-top:30px;position:relative;}
.video_slide li {float:left;width:285px;margin:0 7px;}
.video_slide li a {display:block;width:285px;height:180px;overflow:hidden;position:relative;}
.video_slide li a img {width:285px;height:180px;transition:all 0.3s;}
.video_slide li a i {position:absolute;top:50%;left:50%;display:block;background:url(../images/play.png) no-repeat;width:59px;height:59px;margin-left:-29px;margin-top:-29px;}
.video_slide li a:hover img {transform:scale(1.1);}
.video_slide .prev,.video_slide .next{position:absolute;left:-40px;top:50%; margin-top:-14px; display:block;width:30px;height:29px;background:url(../images/arr_l.png) no-repeat center;}
.video_slide .next{ background:url(../images/arr_r.png) no-repeat center;right:-40px;left:auto;}


.news li {float:left;width:580px;margin:0 10px 20px;}
.news li a {display:block;height:160px;background-color:#f2f2f2;padding:35px 45px 0;position:relative;}
.news li h6 {color:#000;font-size:16px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;}
.news_line {width:70px;height:1px;background-color:#eb3d00;margin:12px 0 18px;}
.news li p {color:#666;font-size:12px;line-height:1.5;}
.news li span {display:block;color:#fff;width:86px;height:86px;text-align:center;background-color:#eb3d00;position:absolute;top:-8px;right:52px;font-size:14px;}
.news li span b {display:block;font-size:50px;}
.news li a:hover {transform:translateY(-5px);box-shadow:0 0 15px rgba(0,0,0,0.3);background-color:#004880;}
.news li a:hover h6 {color:#fff;}
.news li a:hover .news_line {background-color:#bfbfbf;}
.news li a:hover p {color:#999;}
.news li a:hover span {background-color:#7d7d7d;}


/*footer*/
.footer {background-color:#004880;padding:16px 10px 20px;border-top:10px solid #7d7d7d;}
.f_cont {float:left;width:650px;}
.f_cont_wrap,.f_copy {padding-left:105px;}
.f_cont_wrap p,.f_copy {line-height:2.2;}
.f_cont_wrap p,.f_cont_wrap p a {color:#fff;}
.f_cont_wrap p a:hover,.f_copy a:hover {text-decoration:underline;}
.f_copy,.f_copy a {color:#808080;}
.f_form {float:right;width:520px;margin-top:35px;}
.f_form h6 {font-size:16px;color:#fff;position:relative;padding-left:10px;margin-bottom:15px;}
.f_form h6::before {content:'';width:3px;height:16px;background-color:#eb3d00;position:absolute;left:0;top:3px;}

.f_form form {overflow:hidden;}
.f_input_l {float:left;width:250px;}
.f_input_r {float:right;width:250px;}
.f_form form input {width:100%;border:1px solid #bfbfbf;background-color:transparent;color:#fff;height:28px;line-height:28px;padding:0 15px;border-radius:3px;}
.f_form form textarea {width:100%;border:1px solid #bfbfbf;background-color:transparent;color:#fff;height:100px;padding:10px 15px;outline:none;border-radius:3px;}
.f_form form p {margin-bottom:15px;text-align:right;}
.f_form form p button {width:120px;height:30px;line-height:30px;color:#fff;background-color:#eb3d00;border:none;border-radius:3px;}

.backToTop {display:none;width:50px;height:50px;line-height:1.5;text-align:center;position:fixed;right:20px;bottom:52px;z-index:99;background-color:#000;color:#fff !important;opacity:0.8;}
.backToTop i {display:block;background:url(../images/backtop.png) no-repeat center top;height:16px;width:100%;margin-top:8px;}
.backToTop:hover {opacity:1;border-top-left-radius:6px;border-top-right-radius:6px;}


/*news*/
.secpad2 {padding:0 0 50px;}
.breadnav {color:#808080;margin-bottom:30px;}
.breadnav img {vertical-align:bottom;margin-right:10px;}
.breadnav a {color:#808080;}
.breadnav a:hover {text-decoration:underline;color:#000;}

#pages {margin:25px 0;text-align:center;clear:both;}
#pages a,#pages span {display:inline-block;text-align:center;padding:6px 10px;margin:0 2px;font-size:16px;border:1px solid #004880;}
#pages span,#pages a:hover {background-color:#004880;border-color:#004880;color:#fff;}
#pages a.a1 {display:none;}

.news_list li {margin:0 10px 25px;}
.news_list li a {display:block;height:160px;background-color:#f2f2f2;padding:35px 45px 0;position:relative;}
.news_list li h6 {color:#000;font-size:16px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;}
.news_list li p {color:#666;font-size:12px;line-height:1.5;}
.news_list li span {display:block;color:#fff;width:86px;height:86px;text-align:center;background-color:#eb3d00;position:absolute;top:-8px;right:52px;font-size:14px;}
.news_list li span b {display:block;font-size:50px;}
.news_list li a:hover {transform:translateY(-5px);box-shadow:0 0 15px rgba(0,0,0,0.3);background-color:#004880;}
.news_list li a:hover h6 {color:#fff;}
.news_list li a:hover .news_line {background-color:#bfbfbf;}
.news_list li a:hover p {color:#999;}
.news_list li a:hover span {background-color:#7d7d7d;}


.show {padding:0 20px;}
.show_tit {font-size:24px;text-align:center;}
.show_des {color:#999;text-align:center;}
.show_con {padding:20px 0;margin:15px 0;color:#666;font-size:16px;border-top:1px dashed #ccc;}
.show_con p,.show_con div {margin-bottom:15px;}
.show_con img {max-width:100%;height:auto !important;}
.spage p {margin-top:10px;}
.spage p a {color:#999;}
.spage p a:hover {color:#333;}


/*products*/
.showp_imgs {float:left;width:450px;position: relative; border: 1px solid #dcdddd; padding: 4px;}
#showbox span { background:url(../images/whitebg.png) repeat;}
#showsum { left:20px;margin-top:10px;}
#showsum span { border:1px solid #ddd;}
#showsum span.sel { border:1px solid #eb3d00;}
.showpage { width:440px; position:relative;}
.showpage a { display:block; width:20px; border:1px solid #ddd; height:88px; line-height:88px; background:#eee; text-align:center; font-size:18px; position:absolute; left:0; top:-90px; text-decoration:none; color:#999;}
.showpage a#shownext { left:auto; right:0;}
.showpage a:hover { background:#ccc; color:#777;}
.showp_text {float:right;width:420px;}
.showp_text .show_tit {text-align:left;padding:20px 0;border-bottom:1px dashed #ddd;}
.showp_text p {font-size:15px;color:#666;padding:15px 0;text-indent:2em;}
.showp_ctit {background-color:#646466;font-size:20px;color:#fff;padding:10px 20px;margin-top:30px;}
.showp .show_con {border:none;padding:20px;}

/*video*/
.v_big {float:left;width:900px;height:570px;}
.v_big a {display:block;position:relative;overflow:hidden;}
.v_big a img {width:100%;height:570px;transition:all 0.5s;}
.v_big a i {position:absolute;top:50%;left:50%;margin-top:-91px;margin-left:-91px;display:block;width:184px;height:184px;background:url(../images/play2.png) no-repeat;}
.v_big a:hover img {transform:scale(1.05);}
.v_small {float:right;width:285px;}
.v_small li {width:285px;height:180px;margin-bottom:15px;}
.v_small a {display:block;position:relative;overflow:hidden;}
.v_small a img {width:100%;height:180px;transition:all 0.5s;}
.v_small i {position:absolute;top:50%;left:50%;margin-top:-30px;margin-left:-30px;display:block;width:61px;height:61px;background:url(../images/play.png) no-repeat;}
.v_small a:hover img {transform:scale(1.1);}

.v_list {margin-top:10px;}
.v_list li {float:left;width:285px;margin:0 7px 15px;}
.v_list li a {display:block;}
.v_img {width:285px;height:180px;overflow:hidden;position:relative;}
.v_img img {width:285px;height:180px;transition:all 0.5s;}
.v_img i {position:absolute;top:50%;left:50%;margin-top:-30px;margin-left:-30px;display:block;width:61px;height:61px;background:url(../images/play.png) no-repeat;}
.v_list li a h6 {text-align:center;line-height:2.5;font-size:16px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;}
.v_list li a:hover .v_img img {transform:scale(1.1);}

.show_video iframe {width:800px;height:600px;margin:0 auto;display:block;}


/*page*/
.nabout_txt {font-size:16px;line-height:1.8;}
.nabout_pic {float:right;width:510px;margin-left:15px;}


/*contact*/
.c_text {float:left;width:560px;}
.c_text h3,.c_form h3 {font-size:24px;margin-bottom:15px;}
.c_text .c_text_des {color:#999;font-size:14px;margin-bottom:30px;padding-left:0;}
.c_text p {font-size:16px;margin-bottom:15px;padding-left:33px;}
.c_icon1 {background:url(../images/c_icon1.png) no-repeat left center;}
.c_icon2 {background:url(../images/c_icon2.png) no-repeat left center;}
.c_icon3 {background:url(../images/c_icon3.png) no-repeat left center;}
.c_form {float:right;width:500px;}
.c_form p {color:#999;white-space:nowrap;}
.c_input {margin-top:10px;text-align:right;}
.c_input input,.c_form .c_input textarea {width:100%;padding:10px 15px;outline:none;border-radius:3px;border:1px solid #bfbfbf;}
.c_input textarea {height:100px;}
.c_input button {width:110px;height:32px;line-height:32px;text-align:center;background-color:#eb3d00;color:#fff;border:none;border-radius:3px;}

/*search*/
.ser_tit {text-align:center;font-size: 36px;color:#142134;}
.ser_tit span {color:#f00;}
.ser_norel {width:100% !important;font-size:20px;color:#666;text-align:center;padding-top:50px;}


    .swiper {
      width: 100%;
      height: 100%;
    }

    .swiper-slide {
      text-align: center;
      font-size: 18px;
      background: #fff;
      display: flex;
      justify-content: center;
      align-items: center;
    }

    .swiper-slide img {
      display: block;
      width: 100%;
      height: 100%;
      object-fit: cover;
    }