@font-face {
	font-family: 'fontn';
	src: url('../fonts/impact.eot');
	src: local('☺'), url('../fonts/impact.woff') format('woff'), url('../fonts/impact.ttf') format('truetype'), url('../fonts/impact.svg') format('svg');
	font-weight: normal;
	font-style: normal;
	
}
* {padding:0;margin:0;transition:all  500ms;-webkit-transition:all  500ms;-moz-transition:all  500ms;-o-transition:all  500ms;}
body {width:100%;overflow-x: hidden;  border: 0 none; background:#fff; font-family:Arial;font-size:62.5%; color:#333;-webkit-text-size-adjust:none;}
table{border-collapse:collapse; border-spacing:0;}
ul {list-style:none; border:none;}
a{text-decoration: none; outline:none;transition:all  500ms;-webkit-transition:all  500ms;-moz-transition:all  500ms;-o-transition:all  500ms;}
.fl{float:left;display:inline;}
.fr{float:right;display:inline;}
.cl {clear:both;}
.pa_rt{padding-right:64px;}
.pd{padding:50px 0;}
.mg{margin-top:35px;}
a:hover{transition:all  500ms;-webkit-transition:all  500ms;-moz-transition:all  500ms;-o-transition:all  500ms;}
.a_fff a{color:#fff;}
.a_fff a:hover{color:#c5a140;}
.a_333 a{color:#000;}
.a_333 a:hover{color:#264087;}
.img_blk{display:block;}
img{ border: 0 none;}
textarea,input{font-family:Arial; font-size:1.2em;}
.head{position:absolute; top:0; left:0; right:0; z-index:999;}
.hd_bg{position:relative; background:#fff; border-radius:0 0 10px 10px; box-shadow:0px 2px 3px #999;}
.top{position:absolute;}
.top_cart{background:url(../images/cart.png) no-repeat left center; padding-left:35px; height:24px; line-height:24px; font-size:1.2em;}
.top_search{background:#fff; border-radius:28px; height:28px; border:1px solid #ccc; box-shadow:2px 2px 3px #999 inset;}
.top_txt{border:none; background:none; height:28px; line-height:28px;}
.top_but{background:url(../images/but.png) no-repeat left center #efefef; font-size:1.4em; color:#195dbe; font-weight:bold; border:none; box-shadow:-2px 0px 3px #999; border-radius:28px; height:28px; cursor:pointer;} 
.nav ul li{float:left; font-size:1.6em; padding-left:20px; position:relative;}
.nav ul li a{color:#195dbe; padding:10px; border-bottom:10px solid #fff; display:block;}
.nav ul li a:hover{border-bottom:10px solid #195dbe;}
.nav ul li .nav_on{border-bottom:10px solid #195dbe; font-weight:bold;}
.nav_erji{display:none; position:absolute; padding:10px 0; top:50px; left:20px; z-index:100; text-align:left; width:240px; background:rgba(42,109,196,0.8);}
.nav ul li:hover .nav_erji{display:block;transition:all  0ms;-webkit-transition:all  0ms;-moz-transition:all  0ms;-o-transition:all  0ms;}
.nav ul li:hover .nav_lei{transition:all  0ms;-webkit-transition:all  0ms;-moz-transition:all  0ms;-o-transition:all  0ms;}
.nav ul li .nav_lei{position: relative}
.nav ul li .nav_lei a{display:block; border:none; font-size:14px; line-height:40px; padding:0; color:#fff; padding-left:20px;}
.nav ul li .nav_lei:hover{background:url(../images/sj.png) no-repeat right center;}
.nav_lei2{display:none; position:absolute; top:0; left:240px;  background:rgba(42,109,196,0.8); width:200px;}
.nav ul li .nav_lei:hover .nav_lei2 a{display:block; border-bottom:1px solid #fff; line-height:26px; height:26px;}
.nav ul li .nav_lei:hover .nav_lei2{display:block;}
.nav ul li .nav_lei:hover .nav_lei2 a:hover{background:#fff; color:#286cc4;}
.ap_nav{z-index:9999;}
.demo{ text-align:right; z-index:1000;}
.menu_head{cursor:pointer;position:absolute; top:60px; right:15px;border-radius:5px;height:40px; width:45px; }
.menu_body{display:none; color:#fff;font-size:1.6em; padding:10px 0; background:#264087; border-top:1px solid #1275b9; text-align:center; position:absolute; top:110px; left:0; right:0; width:100%; z-index:99999;}
.menu_body a{display:block; line-height:50px; color:#fff;}
.menu_head span{display:block; position:absolute;width:35px; height:4px; background:#264087; border-radius:4px;left:10%;}
.ap1{  top:9px;}
.ap2{  top:18px;}
.ap3{  top:27px;}
.bg{background:url(../images/bg.jpg) no-repeat center top; background-size:cover;}
.btfont{font-family:'fontn';}
.bai_bg{background:rgba(255,255,255,0.7); border-radius:10px;}
#demo {
overflow:hidden;
width: 100%;
color:#333;
margin-top:20px;
position: relative;
}
#indemo {
float: left;
width: 800%;
}
#demo1 {
float: left;
}
.cn{ float:left; text-align:center; padding:0 15px;}

.cn .ih2{ position:relative; border-radius:10px; overflow:hidden}
.cn .ih2 a span{display:block; position:absolute; bottom:0px; left:0; right:0; font-size:1.6em; color:#fff; height:40px; line-height:40px; text-align:center; background:rgba(30,96,191,0.9);}
.cn .ih2 a:hover span{background:rgba(255,255,255,0.8); color:#195dbe;}
.cn .ih2 a{ color:#333;vertical-align:middle;text-align:center; }

.cn img{vertical-align:middle;}
#demo2 {
float: left;
}
.in_bt{font-size:3.2em; padding-top:45px; text-transform:uppercase; line-height:30px;}
.in_bt span{font-size:16px; text-transform:none; font-family:Arial, Helvetica, sans-serif; padding-right:30px; background:url(../images/more_bg.png) no-repeat right center; float:right;}
.in_bt a{color:#fff;}
.in_bt2{font-size:3.2em;color:#195dbe; padding-top:45px; text-transform:uppercase; }
.in_bt2 a{color:#195dbe;}
.in_abt{margin-top:15px;}
.in_abtpic img{max-width:100%; display:block;}
.in_abtjj{font-size:1.4em; line-height:25px;}
.in_abtbtm{padding-top:20px;}
.in_abtbtm .fl{font-size:1.8em;}
.in_abtbtm .fr{font-size:1.6em; background:url(../images/more_bg2.png) no-repeat center right; padding-right:30px;}
.in_abtbtm a{color:#195dbe;}
.in_vdnr{padding-top:15px;}
.in_vdbtm{background:rgba(255,255,255,0.7); border-radius:0 0 10px 10px; height:65px; line-height:65px; color:#195dbe; font-size:1.8em; padding-left:4%;}
.ft_pd{padding:4%; min-height:167px; margin-top:15px;}
.ft_pd span{display:block; font-size:1.4em;}
.ft_nrlf{width:200px; background:url(../images/more_bg2.png) no-repeat center right; text-transform:uppercase;}
.ft_nrlf2{width:320px;}
.ft_pd a{display:block; margin-bottom:24px;}
.ft_nrlf2 a{display:inline; margin-bottom:0; margin-right:10px;}
.ft_pd2{padding:4%; margin-top:15px;}
.ft_pd2 img{max-width:100%;}
.ft_pd2 h3{font-size:1.6em;}
.ft_pd2 h4{font-size:1.4em; font-weight:normal; line-height:21px;}
.bq{margin-top:40px; background:#195dbe; color:#fff; height:45px; line-height:45px; font-size:1.2em;}
.nei_bg{background:url(../images/nei_bg.jpg) no-repeat center top; background-size:cover;}
.dqwz{padding:25px 0 10px; line-height:26px; font-size:1.4em; color:#fff;}
.dqwz img{float:left; padding-right:15px;}
.dqwz a{color:#fff;}
.dqwz2{ line-height:26px; padding-top:12px; font-size:1.4em; color:#195dbe;}
.dqwz2 img{float:left; padding-right:15px;}
.dqwz2 a{color:#195dbe;}
.abt_bg{background:#fff; padding:5%; border-radius:10px;}
.abt_bt{font-size:3.0em; display:table; padding:0 20px; background:#195dbe; color:#fff; height:52px; line-height:52px;}
.abt_nr{font-size:1.6em; line-height:1.6em; color:#666464; padding-top:5%;}
.pro_lf{width:278px; float:left;}
.pro_lfbt{font-size:2.2em; height:55px; line-height:55px; padding-left:20px; background:#fff; border-radius:10px 10px 0 0; color:#195dbe; font-weight:bold;}
.pro_lflist ul li{background:#fff; margin-top:5px;}
.pro_lflist ul li h3{font-size:1.6em; color:#195dbe; height:50px; line-height:50px; font-weight:normal;}
.pro_lflist ul li h3 a{display:block; font-weight:bold; line-height:50px; height:50px; color:#195dbe; padding-left:20px;}
.pro_lflist ul li h3 .pro_1on{font-weight:bold; border-bottom:1px dashed #333; }
.pro_lflist ul li h4{font-size:1.4em; line-height:36px;display:none}
.pro_lflist ul li.active h4{display:block}
.pro_lflist ul li h4 a{display:block; line-height:36px; color:#333; padding-left:20px;}
.pro_lflist ul li h4 .pro_on{background:url(../images/pro_jt.png) no-repeat right center; color:#003b90; font-weight:bold;}
.pro_top{background:#fff; padding:4%; border-radius:10px;}
.pro_top h3{font-size:2.4em; color:#195dbe; padding-bottom:10px;}
.pro_top h4{font-size:1.6em; color:#666464; line-height:1.6em; font-weight:normal;}
.ap_pro{padding-bottom:10px;}
.ap_pro select{width:100%; height:35px; font-size:1.4em; line-height:35px; text-align:center;}
.ap_pro select .ap_probt{font-size:1em; font-weight:bold;}
.pro_list ul li{float:left; overflow:hidden; padding-bottom:15px; position:relative; border-radius:10px; width:30%; margin:30px 1.366% 0; line-height:20px;  border:1px solid #195dbe; background:#195dbe;}
.pro_list ul li h3{font-size:1.4em; font-weight:normal; padding:0 10px;}
.pro_list ul li a{color:#fff; display:block;}
.pro_list ul li img{display:block;width:100%; border-radius:10px; margin-bottom:15px;}
.pro_list ul li span{display:block; position:absolute; top:0; bottom:50px; left:0; right:0; background:url(../images/fd.png) no-repeat center center rgba(25,93,190,0.85); opacity:0;}
.pro_list ul li a:hover span{opacity:1;}
.pro_top h5{font-size:1.6em; color:#fff; display:table; padding:0 25px; height:30px; line-height:30px; border-radius:5px; background:#195dbe; font-weight:normal; margin:15px 0;}
.pro_tab{width:100%; overflow-x:auto; padding-top:30px;}
.down_bg{border-radius:10px; background:#fff; padding:4%; margin-top:20px;}
.down_dh{border-bottom:1px solid #195dbe; height:50px;}
.downbt{font-size:3em; padding:0 15px; color:#fff; line-height:50px; height:50px; background:#195dbe;}
.down_list ul li{float:left;}
.down_list ul li h3{font-size:1.6em; padding:12px 12px 0;}
.down_list ul li a{display:block; margin-top:12px;}
.fanye{padding:40px 0 20px; margin:0 auto; width:310px;}

.ct_map{text-align:center; padding:45px 0;}
.ct_map img{max-width:100%;}
.ct_lfbt{font-size:2.4em; border-bottom:1px solid #182b62; padding-bottom:5px; font-weight:bold; color:#666464;}
.ct_lfjj{font-size:1.6em; color:#666464; line-height:26px; padding:20px 0;}
.ct_msg ul li{padding-top:8px;}
.ct_msg ul li span{display:block; line-height:32px; font-size:1.6em;}
.ct_txt{height:30px; line-height:30px; border:1px solid #ccc; background:#eee;}
.ct_txt2{height:110px; line-height:26px; border:1px solid #ccc; background:#eee;}
.ct_sb{background:#182b62; height:45px; width:170px; font-size:1.6em; color:#fff; border:none; cursor:pointer;}
.ct_logo{padding-bottom:9px;}
.ct_logo img{max-width:100%;}
.ct_cmpn{font-size:2.4em; color:#195dbe; font-weight:bold; border-bottom:1px solid #182b62; padding-bottom:5px;}
.ct_nr{line-height:44px; font-size:2em; margin-top:20px;}
.ct_nr span{display:flex; padding-top:25px;}
.news_bg{border-radius:10px; background:#fff; margin-top:20px; padding-bottom:4%;}
.swiper-slide span{display:block; position:absolute; left:0; right:0; bottom:0; padding:2%; background:rgba(25,93,190,0.9); line-height:24px;}
.swiper-slide a{color:#fff; display:block;}
.swiper-slide h3{font-size:1.8em;}
.swiper-slide h4{font-size:1.4em; font-weight:normal;}
.news_list1 ul li{padding-top:45px;}
.news_list1 ul li h3{font-size:1.8em; padding-bottom:5px;}
.news_list1 ul li h4{font-size:1.4em; font-weight:normal; padding-bottom:20px;}
.news_list1 ul li h5{font-size:1.4em; line-height:24px; font-weight:normal;}
.news_list1 ul li h6{margin-top:20px; font-size:1.4em; font-weight:normal; width:129px; height:29px; line-height:29px; text-align:center; background:#195dbe; border-radius:4px;}
.news_list1 ul li a h6{color:#fff;}
.news_list1 ul li a h3,.news_list1 ul li a h4{color:#195dbe;}
.news_list1 ul li a h5{color:#666464;}
.new_top{padding-top:14px; border-top:8px solid #195dbe;}
.news_rt{width:380px; float:right;}
.new_top h3{font-size:1.8em; color:#195dbe; padding-bottom:5px;}
.new_top h4{font-size:1.4em; font-weight:normal; color:#666464; line-height:18px; padding-bottom:20px;} 
.news_txt{width:260px; height:32px; padding:0 4px; border:1px solid #333;}
.news_but{background:url(../images/new_but.png) no-repeat center center #195dbe; width:107px; height:34px; border:none; cursor:pointer; margin-right:2px;}
.news_list2 ul li{padding-top:25px;}
.news_list2 ul li h3{font-size:1.8em; padding-bottom:15px;}
.news_list2 ul li h4{font-size:1.4em; font-weight:normal; padding-top:10px;}
.news_list2 ul li h5{font-size:1.4em; line-height:24px; height:48px; overflow:hidden; font-weight:normal;}
.news_list2 ul li a h3,.news_list2 ul li a h4{color:#195dbe;}
.news_list2 ul li a h5{color:#666464;}
.news_list3 ul li img{width:380px; height:240px; display:block;}
.news_list3 ul li{position:relative; width:380px; height:240px; margin-top:20px;}
.news_list3 ul li span{position:absolute; left:0; right:0; bottom:0; height:45px; overflow:hidden; line-height:45px; padding:0 10px; font-size:1.6em; background:#195dbe;}
.news_list3 ul li a{color:#fff;}
.news_bt{text-align:center; font-size:2em; color:#195dbe; padding:20px;}
.news_nr{line-height:1.6em; font-size:1.4em; color:#666464; padding:0 20px;}
.news_nr img{max-width:100%;}

.page {
    display: flex;
    justify-content: center;
    align-items: center;
    margin-top: 50px;
}
.page .page-item a,
.page .page-item span {
    display: flex;
    justify-content: center;
    align-items: center;
    width: 30px;
    height: 30px;
    border: 1px solid  #333;
    color: #333;
    border-radius: 3px;
    font-size: 12px;
    transition: all .3s ease-in-out;
}
.page .page-item:not(:last-child) {
    margin-right: 10px;
}
.page .page-item.disabled {
    opacity: .8;
}
.page .page-item.active {
    opacity: 1;
    
}
.page .page-item.active a,
.page .page-item.active span {
    background: #195dbe;
    color: #fff;
}
.page .page-item:not(.disabled):hover a,
.page .page-item:not(.disabled):hover span {
    background: #195dbe;
    color: #fff;
}
.pro_tab table {
    width: 100%;
    text-align: center;
    border-collapse: collapse;
    
}
.pro_tab table td {
    height: 30px;
    font-size: 12pt;
}

.pro_list ul {
    margin-top: 30px;
    display: grid;
    grid-template-columns: repeat(3,1fr);
    gap: 30px 5%;
}
.pro_list ul li {
    width: 100%;
    margin: 0;
}
@media screen and (max-width: 992px) {
     .pro_list ul  {
         grid-template-columns: repeat(1,1fr);
     }
}