body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,textarea,blockquote,th,td {margin: 0; padding: 0;}
table {border-collapse: collapse; border-spacing: 0;}
fieldset,img {border: 0;}
ol,ul {list-style: none;}
caption,th {text-align: left;}
q:before,q:after {content: '';}
abbr,acronym {border: 0;}
.clear {clear: both; display: block; overflow: hidden; visibility: hidden; width: 0; height: 0;}
.c {clear: both;}
.n,em {font-weight: normal; font-style: normal;}
.b {font-weight: bold;}
.i {font-style: italic;}

a{ margin:0px; padding:0px; border:0px; text-decoration:none; color:#555555; font-size:13px;transition: all 0.3s ease 0s;-webkit-transform: all 0.3s ease 0s;  -webkit-tap-highlight-color: transparent; outline: none;}
a:hover{text-decoration:none;transition:all 0.5s ease 0s;-webkit-transform:all 0.5s ease 0s;color: #007cdc;}
*{padding:0px;margin:0px;border:0px;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;}
/* background:rgba(0,0,0,0);filter:progid:DXImageTransform.Microsoft.gradient(startcolorstr=#7F000000,endcolorstr=#7F000000);*/
html {-webkit-text-size-adjust: 100%;-ms-text-size-adjust: 100%;font-size: 62.5%;font-size: 14px;}
body{color: #333;font-family:"Nunito","SourceHanSansCN-Medium","思源黑体",sans-serif;font-style: normal; font-size: calc(14px + 0.12rem);}
li{ list-style:none;}
.clearfix:after {display: block;content: "";clear: both;}
.clear{zoom: 1;	clear: both}/* 触发 hasLayout */
img{ vertical-align: middle;border: 0;max-width: 100%;}
input:focus{ outline: none;}/*去除按钮选中的高亮标签*/
textarea:focus{ outline: none;}/*去除文本框选中的高亮标签*/
button:focus{ outline: none;}/*去除按钮选中的高亮标签*/
select:focus{ outline: none;}/*去除下拉框选中的高亮标签*/

.ani {transition: .3s;-ms-transition: .3s; -moz-transition: .3s; -webkit-transition: .3s; -o-transition: .3s;}
input,select,button,textarea {color: #333; font-size: 14px; font-family: "思源黑体"; border: 0; background: none;
    -webkit-appearance: none; -moz-appearance: none; -ms-appearance: none;
    appearance: none; box-sizing: border-box; -moz-box-sizing: border-box; -webkit-box-sizing: border-box;}
/*scrollbar*/
::-webkit-scrollbar {width: 3px; height: 3px; border-radius: 3px;}
::-webkit-scrollbar-track {background: #ddd;}
::-webkit-scrollbar-thumb {background: #333; border-radius: 3px;}
::-webkit-scrollbar-thumb:window-inactive {background: #000; border-radius: 3px;}
/*fonts*/

/*title*/

/*button*/
.btn1 {color: #fff; font-size: 18px; width: 188px; height: 42px; line-height: 42px; text-align: center; border: 1px solid #fff; border-radius: 21px; display: block; margin: 20px auto;
    transition: .3s; -ms-transition: .3s; -moz-transition: .3s; -webkit-transition: .3s; -o-transition: .3s;}
.btn1:hover {color: #fff; background: #007cdc; border-color: #007cdc;}
/*color*/
.red {color: #cc1414;}
.blue {color: #007cdc;}
.bgfa {background-color: #fafafa;}
.bgf5 {background-color: #f5f5f5;}

/*******************************
  -------[=layout]-------
********************************/
.d-flex{display: flex}
.wp {max-width: 1200px;}
.wrap {max-width: 1200px;}
.text2overflow{overflow: hidden;  text-overflow: ellipsis;  display: -webkit-box;  -webkit-line-clamp: 2;  line-clamp: 2;  -webkit-box-orient: vertical;}
/*******************************
  -------[=header]-------
********************************/
.top {background: #f6f6f6; border-bottom: 1px #e0e0e0 solid; color: #666;width: 100%; margin: 0 auto; font-size: 12px; line-height: 34px; overflow: hidden;}
.top .welcome {width: 50%; float: left;}
.top .links {color: #666; text-align: right;}
.top .links a {margin: 0 10px 0 0; color: #666; font-size: 12px;}
.top .links a:after {content:""; display:inline-block; width: 1px;height: 12px; background: #c8c8c8; margin-left: 10px; vertical-align: middle;margin-top: -3px}
.top .links a:hover {color: #e70010}
.top .links a:last-child {margin-right: 0}
.top .links a:last-child:after {display: none}
#header {height: 100px; background: #fff;}
#header .logo {background:#fff; display: flex; justify-content:flex-start; padding: 10px 0px;}
#header .logo .text{padding: 10px 10px 0px 0px;font-weight: 700;font-size: 17px; font-family:'Times New Roman';text-transform: uppercase;}
#header .logo h3{font-size: 31px; color:#333;margin-bottom: 5px;font-weight: 700;letter-spacing: 4px;}
#header .logo img {display: inline-block; vertical-align: middle; padding: 10px; height: 80px;}
#header .logo .txt {margin-left: 10px;}

#header .topright{display: flex;}
#header .topright .box{display: flex;justify-content: flex-end; align-items: center;width: 100%;}
#header .topright .box span{width: 50px;height: 50px;align-items: center; display: flex; margin-right: 10px;}
#header .topright .box span:last-of-type{margin-right: 0;}
#header .topright .box span img{max-width: 100%;max-height: 100%}

#header .topright .call_tel{display: flex;justify-content: center;align-items: center; width: 280px;}
#header .topright .call_tel img{width:80px;}
#header .topright .call_tel .telphone{color: #007cdc; font-size: 18px; font-family: 'Arial';}
#header .topright .call_tel .telphone p{font-weight: 700;margin-bottom: 0;}
#header .topright .call_tel .telphone p:first-child{font-size: 12px;color: #666;font-weight: normal; margin-top: 20px;}

/*******************************
  -------[=navigation]-------
********************************/
/*menu*/
#nav {text-align: inherit; color: #666;margin: 0 auto;background-color:#007cdc;}
#nav ul {margin: 0 auto;}
#nav li {padding:10px 30px; text-align: center; color: #fff; position: relative; display: inline-block;cursor: pointer;}
#nav li a{color: #fff;}
#nav li:hover{background: linear-gradient(180deg, #ee7407,#e70010, #e70010);}
#nav li.on{background: linear-gradient(180deg, #ee7407,#e70010, #e70010); color: #fff;}
#nav li.on .v1{color: #fff;}
#nav .v1 {font-size: 16px; text-align: center; position: relative; display: block; width: 100%; height: 100%; overflow: hidden;}
#nav .v1:hover,#nav li:hover .v1 { color: #fff;}

#nav .nav_sub {position: absolute;top:44px; margin-left: -30px;display: none; z-index: 11; width: 100%; line-height: 1.5; text-align: center; background:#007cdc;}
#nav .nav_sub dd{padding: 0px 0px;}
#nav .nav_sub a {color: #fff;font-size: 14px; padding: 15px 5px; border-bottom: 1px solid #f5f5f5; display: block;}
#nav .nav_sub a:last-child{border-bottom: none;}
#nav .nav_sub a:hover {color: #007cdc; background: #fff;}
#nav li:hover .nav_sub{display: block;}
/*******************************
	-------[=一键查询]-------
********************************/
.pro-search {color: #000;background-color: #e8eef3; padding: 25px 0;}
.pro-search .grid-box{display: flex;justify-content: space-between;align-content: center;}
.pro-search .grid-box .left {width: 70%; vertical-align: middle;}
.pro-search .grid-box .left ul {overflow: hidden;  text-overflow: ellipsis;  display: -webkit-box;  -webkit-line-clamp: 2;  line-clamp: 2;  -webkit-box-orient: vertical;}
.pro-search .grid-box .left ul li {display: inline-block; font-size: 14px;padding: 0 10px;}
.pro-search .grid-box .left ul li small {font-weight: bolder;color: #2b2b2b;}
.pro-search .grid-box .left ul li a {color: #656565;}
.pro-search .grid-box .left ul li a:hover {font-weight: bold; color: #2b2b2b;}
.pro-search .grid-box .right {width: 30%;text-align: right;vertical-align: middle;}
.pro-search .grid-box .right .form form {font-size: 0;display: flex; justify-content: flex-end;}
.pro-search .grid-box .right .form form input[type="text"] {display: inline-block;font-size: 14px; width:20rem; border: 1px solid #007cdc;line-height: 38px;padding: 0 11px;}
.pro-search .grid-box .right .form form input[type="text"]:nth-child(2) {display: inline-block;font-size: 14px;height: 40px;width: 100px; border: none; text-align: center; padding: 8px 23px;color:#fff;background-color: #007cdc;}

.ny_pro{background: #f6f6f6; border: 1px #eee solid;}
.ny_pro_tit{background: #007cdc; width: 100%;padding: 15px 0; text-align: center;}
.ny_pro_tit h3{color: #fff; margin: 5px 0;font-size: 26px;}
.ny_pro_tit img{width: 100%;}
.ny_pro_item{padding: 10px 20px 10px 20px;}
.lside{float:left;margin-right:20px;width:18rem;}
.lside .iauth dl dd{border-top:1px solid #ddd;}
.lside .iauth dl a{color:#666;font-size:14px;line-height:3.4em;}
.lside h2 small{text-transform:uppercase;margin-left: 5px;font-size: 14px;}
.lside .iauth{box-sizing:border-box;}
.lside .iauth li{background:#007cdc; color: #fff; margin: 5px 0; padding:10px 0;position: relative;}
.lside .iauth li i{color: #fff; position: absolute;right: 10px;top: 15px;}
.lside .iauth li:hover{background: #e70010;color: #fff;}
.lside .iauth a{display:block;color:#fff;text-align:center;}
.lside .iauth li.act{background:#e70010;}

.lside .news_l{margin-top:2vw; border: #eee solid 1px;}
.lside .newslist{padding:10px;}
.lside .newslist li{margin-bottom:.8rem; display: flex;font-size:14px;}
.lside .newslist li p{margin: 0px;width: 79.5%}
.lside .newslist a{display:block;overflow:hidden;}
.lside .newslist a.act,.lside .newslist a:hover{color:#1357a5;}
.lside .newslist a span{color:#888;font-size:12px;}
.lside .newslist .big{float:left;margin-right:.8rem;width:5rem;height:3.75rem;}
.lside .newslist h4{overflow:hidden;margin-bottom:.5em;height:3em;color:#666;font-weight:400;font-size:14px;line-height:1.67em;}
/*******************************
  -------[=footer]-------
********************************/

#footer {background-color: #007cdc;margin: 0 auto; overflow: hidden; font-size: 14px;}
#footer .p{color: #fff; padding-top:10px;}
#footer .p a{color: #fff;}
#footer .p span{margin-left:10px;}
#footer .p span:last-of-type{margin-right: 0px;}

#footer .footer-nav {color: #fff;}
#footer .footer-nav a {margin: 0 30px 0 0; color: #fff;}
#footer .footer-nav a:after {content:""; display:inline-block; width: 1px;height: 12px; background: #fff; margin-left: 30px; vertical-align: middle;margin-top:-3px}
#footer .footer-nav a:hover {color: #e70010}
#footer .footer-nav a:last-child {margin-right: 0}
#footer .footer-nav a:last-child:after {display: none}

/*******************************
  -------[=banner]-------
********************************/
.indexbanner .swiper-slide img{width:100%;}
.indexbanner{position: relative; width: auto; margin: 0 auto;}
.indexbanner div.title { display:none; padding: 20px 20px; margin-left:1%; background: rgba(5,49,187,0.5); border-bottom: 4px solid #3A56B6; font-size: 36px; color: #fff; position: absolute; left: 0; right: 0; bottom: 20px; width: 80%; display: table; font-weight: bold;}
.indexbanner div.title a {display: table-cell; color: #fff; overflow: hidden; vertical-align: middle; padding: 0 30px;}

.indexbanner .swiper-button-prev:after, .indexbanner .swiper-button-next:after{ color:#fff; font-size: 100%;}
.indexbanner .swiper-button-prev:hover::after,.indexbanner .swiper-button-next:hover::after{ color:#fff}
.indexbanner .swiper-button-next, .indexbanner .swiper-button-prev{ background: rgba(0,0,0,.45);color: #fff; font-size: 20px; border-radius: 100%; height: 40px; width: 40px; text-align: center;}
.indexbanner .swiper-button-next:hover, .indexbanner .swiper-button-prev:hover{ background: #d4251a;color: #fff;}
.indexbanner .swiper-button-next i, .indexbanner .swiper-button-prev i{line-height: 40px;}
.indexbanner .swiper-pagination-bullet-active{background: #0f0b69;}
.indexbanner .swiper-pagination-bullet{width: 15px; height: 15px; background: #fff}
/*******************************
	-------[=submenu]-------
********************************/
#snav {height: 60px; line-height: 60px; background-color: #fff; border-bottom: 1px solid #e6e6e6; text-align: center;overflow-y: hidden; overflow-x: auto;}
#snav::-webkit-scrollbar {height: 0;}
#snav ul {display: inline-block; *display: inline; *zoom: 1;}
#snav li {float: left;}
#snav .s1 {font-size: 16px; padding: 0 10px; line-height: 58px; border-bottom: 3px solid transparent; display: block;margin: 0 40px;}
#snav li.active .s1 {color: #007cdc; border-color: #007cdc;}
/*******************************
	-------[=联系我们]-------
********************************/

/*联系方式*/
#maximg img{ max-width:100%; height:auto !important}
.AddressTxt p{ line-height:40px; font-size:1.2rem;}
.AddressTxt i>img{width:20px;}
.AddressTxt {padding:10px 50px;border: 1px #eee solid; margin: 0px 0px 20px;}
.AddressTxt .tit-2 {text-align: left;}

.AddressTxt .text {color: #666; font-size: 16px; line-height: 2;}
/*******************************
列表页-新闻
********************************/
.article-list {overflow: hidden;}
.article-list li {width:100%; padding:10px 10px 10px;}
.article-list .con {color: #fff; line-height: 20px; display: block; overflow: hidden;border-bottom: 1px #ccc dashed; padding-bottom: 10px;}
.article-list li:last-child .con{border-bottom: 0px;}
.article-list .date {float: left;width: 80px; line-height: 28px;padding-bottom:5px; text-align: center; background-color: #007cdc;
    transition: .3s;-ms-transition: .3s;-moz-transition: .3s;-webkit-transition: .3s;-o-transition: .3s;}
.article-list .con:hover .date {color: #fff; background-color: #e70010;}
.article-list .date span {font-size:21px; padding-top: 12px; display: block;}
.article-list .txt {margin-left: 90px;}
.article-list h4 {color: #333; font-size:18px; font-weight:700; word-break: keep-all; white-space: nowrap; text-overflow: ellipsis; overflow: hidden; margin:0px 0 5px 0;}
.article-list p {color: #aeadad; overflow: hidden;margin-bottom: 0;}

.article {color: #666; line-height: 2; background: #fff;}
.article .header {padding: 30px 50px; text-align: center; border-bottom: 1px solid #e6e6e6;}

.article h1 {color: #007cdc;font-size: 24px; font-weight: normal;line-height: 40px;margin-bottom: 5px;}
.article .date {color: #999; font-family: 'Arial';text-align: center;}
.article .date li:first-child {padding-left: 0; padding-right: 0;}
.article .date li{display: inline-block; padding: 0 30px;font-size: 15px;}
.article .date li i{font-style: normal;}

.article .cont {line-height: 2.3; padding: 25px 50px 50px; border-bottom: 1px solid #e6e6e6;}
.article .cont p {text-indent: 2em;}
.article .footer {color: #666; line-height: 40px; padding: 20px 5px 25px;}
.article .footer a {color: #666;}
.article .footer a:hover { color: #e70010;}

.article .footer>div {margin-right: 100px; word-break: keep-all; white-space: nowrap; text-overflow: ellipsis; overflow: hidden;}

.article .footer .back {float: right;color: #0062b0; width: 78px; height: 38px;line-height: 38px;text-align: center; border: 1px solid #0062b0;display: inline-block; margin-top: 27px;
    transition: .3s;
    -ms-transition: .3s;
    -moz-transition: .3s;
    -webkit-transition: .3s;
    -o-transition: .3s;
}
.article .footer .back:hover {color: #fff; background: #e70010;}

/*检索页面*/
.product_list{clear: both; overflow: hidden;}
.product_img{padding:0px;}
.product_box{margin: 10px; border: 0px #f2f2f2 solid;}
.product_box:hover{border: 1px #007cdc solid;}

.product_title{padding: 10px; text-align: center;overflow: hidden;  text-overflow: ellipsis;  display: -webkit-box;  -webkit-line-clamp: 2;  line-clamp: 2;  -webkit-box-orient: vertical;}
.product_title a{color: #656464;}
.product_title a:hover{text-decoration: none; color:#045db9;}
.bx-viewport ul li{max-width: 100%; line-height: 300px; text-align: center;}
.bx-viewport ul li img{max-width: 100%; display: inline-block; vertical-align:middle;}

.breakerDiv{border-bottom:1px solid #007cdc;position: relative;}
.breakerDiv h1,.breakerDiv h3{color:#1357a5;font-weight:400;font-size:1.4rem;float: left;line-height: 50px;}
.breakerDiv h3::after{content: '';width: 100px;height:5px;background: #007cdc;position: absolute;left: 0; top: 48px;}
.breakerDiv+.ind_pro{padding-top:0;}
.breaker{float:right;overflow:hidden;box-sizing:border-box;color:#666;text-overflow:ellipsis;white-space:nowrap;font-size:14px;line-height:50px;}
.breaker a{color:#666;}
.breaker span{color:#666;}
.breaker i{color:#666;}
.articleCon{padding:2vw 10px}
.articleCon img{max-width: 100%;}
.articleCon p{line-height: 170%; margin-bottom: 0;}
/*产品详细页*/
.product_h1{
    margin:0px; 
    line-height:22px; 
    font-size:16px;
    font-weight: bold;
    color: #000; 
    padding-bottom:10px;
    border-bottom: 1px dotted #cccccc; 
}
.product_info{list-style:none; padding:0px; margin-top:10px;}
.product_info p{line-height:28px;}
.product_info li:last-child{margin-top:10px;}
.product_info li i{margin-right: 5px; float: left; font-size: 2rem;}
.product_btn{margin-top: 25px;}

.text-secondary{ text-align:center; padding:20px 0}

.swiper-container .indexbannerbox{left:0; top:0;right: 0;bottom: 0;z-index: 9;}
.swiper-container .indexbannerbox .boxx{height: 100%;}
.swiper-container .indexbannerbox .box1{padding:30px 0 0 0px;}
.swiper-container .indexbannerbox .box1 h1{font-size: 36px; color: #007cdc;}
.swiper-container .indexbannerbox .box1 span{font-size: 12px; color: #007cdc; text-transform: uppercase;}
.swiper-container .indexbannerbox .box2{padding-top: 130px; padding-bottom: 10px;}
.swiper-container .indexbannerbox .box2 p{font-weight: 700;letter-spacing: 2px;margin-left: 50px;}
.swiper-container .indexbannerbox .box2 p:first-child{font-size: 48px;text-shadow: 0px 0px #007cdc;color: #076fb6;}
.swiper-container .indexbannerbox .box2 p:nth-child(2){font-size: 32px;text-shadow: 0px 0px #007cdc;color: #076fb6;text-indent: 2em; margin-top: 10px;}
.swiper-container .indexbannerbox .box2 p:last-child{font-size: 14px; color: #007cdc; }
.swiper-container .indexbannerbox .box3 {font-size: 28px; color: #007cdc;margin-top:5vh; }