html,body{max-width:640px;min-width:320px;margin: 0 auto !important;}

html, body, div, span, iframe, a, p, em, img, strong, b, i, dl, dt, dd, ol, ul, li, form, embed, audio, video, h1, h2, h3, h4, h5, h6, table, tbody, tfoot, thead, tr, th, td, input, textarea { margin: 0; padding: 0px;}

h1, h2, h3, h4, h5, h6{font-weight:300;}

html { -webkit-text-size-adjust: 100%; -ms-text-size-adjust: 100%;overflow-x: hidden; -webkit-tap-highlight-color: transparent;}

body{font-size:16px;color:#333;-webkit-text-size-adjust: 100%;overflow: hidden;font-family: \5FAE\8F6F\96C5\9ED1,"Microsoft YaHei";}

ol, ul { list-style: none; }

table{border-collapse:collapse;}

img{border:0;max-width:100%;vertical-align: middle;}

a:hover, .tran{-webkit-transition: 0.5s;-o-transition: 0.5s;-ms-transition: 0.5s;-moz-transition: 0.5s;transition: 0.5s;}

.wot{white-space:nowrap;overflow:hidden;text-overflow:ellipsis;}

.upp{text-transform:uppercase;}

a{text-decoration: none;color:#000;background: transparent;outline: none;display: block;height:100%;-webkit-transition: 0.5s;-o-transition: 0.5s;-ms-transition: 0.5s;-moz-transition: 0.5s;transition: 0.5s;}

input, textarea, select, option { background: none; outline: 0;padding: 0; margin: 0; }

input {outline: none;border:none;}

input[type="text"], input[type="button"], input[type="submit"], input[type="reset"] { -webkit-appearance: none; border-radius: 0; }

textarea {-webkit-appearance: none; border-radius: 0; outline: none;resize: none;}

select{outline: none;}

select::-ms-expand {display: none; }

.clear:before, .clearfix:after { display: table; content: ""; line-height: 0px; }

.clear:after { clear: both; }

.clear{zoom:1;}

.clear:after{ content:""; display:block; height:0; visibility:hidden; clear:both;}

.fl{float: left;}

.fr{float: right;}

.inner{padding:0 15px;overflow: hidden;}

.error3{display: none !important;}

/* 重置样式结束 */



/*================== 公用样式 START ==================*/



/*  头部   */

.header{ position: fixed;z-index:999;width: 100%;height: 54px;left: 0;top:0px;background-color: #fff;box-shadow: 0 1px 3px rgba(0, 0, 0, 0.15);}

@media (min-width: 640px){.header {width: 640px !important;left: 50%;margin-left: -320px;}}

.header .logo{height:44px;margin-top:5px;float:left;}

.header .logo img{margin:0 auto;height:86%;}

.header .menu_box{float: right;width:24px;height:54px;}

.header .nav_button{position: absolute;right:15px;top:26px;vertical-align: middle;width:24px;height:2px;cursor:pointer;background-color:#0f58d6;-webkit-transition: 0.5s;-o-transition: 0.5s;-ms-transition: 0.5s;-moz-transition: 0.5s;transition: 0.5s;}

.header .nav_button::after, .header .nav_button::before{content:'';width:24px;height:2px;position: absolute;z-index:99999999;right:0;background-color:#0f58d6;-webkit-transition: 0.5s;-o-transition: 0.5s;-ms-transition: 0.5s;-moz-transition: 0.5s;transition: 0.5s;}

.header .nav_button::after{top:9px;}

.header .nav_button::before{top:-9px;}

.header .menu_box.on .nav_button{width:0;}

.header .menu_box.on .nav_button::before{-webkit-transform: translateY(9px) rotate(45deg);-ms-transform: translateY(9px) rotate(45deg);transform: translateY(9px) rotate(45deg);}

.header .menu_box.on .nav_button::after{-webkit-transform: translateY(-9px) rotate(-45deg);-ms-transform: translateY(-9px) rotate(-45deg);transform: translateY(-9px) rotate(-45deg);}

.header_height, .header .inner{height:54px;}



.header_nav{position: fixed;width:280px;height:315px;overflow:auto;padding:20px 0;top:50%;left:50%;margin:-200px 0 0 -140px;z-index:9999999999;background-color: #fff;box-shadow:0 0 10px #f1f1f1;-webkit-transform: scale(0);-moz-transform: scale(0);-ms-transform: scale(0);-o-transform: scale(0);transform: scale(0);}

#close{display: none;position: fixed;width:100%;height:100%;background-color:rgba(0,0,0,0.5);z-index:9999;}

.header_nav ul{padding:0 15px;}

.header_nav ul li a{font-size:18px;display:block;color:#333;position: relative;line-height: 40px;border-bottom:1px solid #f9f9f9;text-align: center;}

.header_nav ul li:last-child a{border:none;}

.header_nav ul li a.link{color:#0f58d6;}

.header_nav ul li .son_nav{display: none;padding:5px;background-color: #eee;border-top:2px solid #0f58d6;}

.header_nav ul li .son_nav a{display: block;font-size:16px;line-height:40px;color:#323232;border:none;}

/*  头部   */



.pub_title{text-align:left;font-family:\5FAE\x8F6F\6B63\9ED1\4F53,"Microsoft JhengHei";}

.pub_title h3{font-size:22px;color:#333;font-weight:bold;}

.pub_title p{font-size:12px;color:#0f58d6;opacity:0.3;margin:4px 0 10px 0;text-transform:uppercase;}

.pub_title a{width:90px;height:30px;line-height:30px;color:#999;font-size:12px;background:url(../images/more.png) 75px center/15% no-repeat;}



.pub_more a{width:160px;margin-top:14px;border-bottom:2px solid #999;height:30px;line-height:30px;color:#999;font-size:12px;background:url(../images/more.png) 140px center/11% no-repeat;}



.pub_call{height:44px;line-height:44px;font-weight:bold;color:#0f58d6;font-size:18px;text-align: center;padding:10px 0;border-bottom:10px solid #f3f3f3;}

.pub_call i{display: inline-block;width:20px;height:20px;margin-right:6px;margin-top:-2px;vertical-align: middle;background:url(../images/phone.png) center center/100% no-repeat;}



.footer{background-color: #0f58d6;height:50px;position: fixed;bottom:30px;left:50%;margin-left:-46%;z-index:999;width:92%;border-radius:10px;}

@media (min-width:640px){.footer{width:640px !important;left:50%;margin-left:-320px;}}

.footer a{float: left;width:33.33%;text-align: center;}

.footer img{display: inline-block;height:24px;margin:5px 0 0;}

.footer strong{color:#fff;font-size:12px;display: block;height:20px;line-height:20px;}



.copyright{background-color: #ddd;}

.copyright a, .copyright img{display: inline-block;}



.h3_title{padding:10px 0;margin:0 15px 20px;border-bottom:1px solid #f9f9f9;}

.h3_title h3{padding-left:10px;border-left:4px solid #0f58d6;height:30px;line-height:30px;font-weight:bold;font-size:18px;}



.product_son a{float: left;font-size:14px;width:31.33%;margin:1%;background-color:#0f58d6;box-sizing:border-box;border-radius:6px;text-align: center;color:#fff;height:36px;line-height:36px;white-space:nowrap;overflow:hidden;text-overflow: ellipsis;}



.swiper-pagination-bullet{width:4px !important;height:4px !important;}

.swiper-pagination-bullet-active{background-color:#0f58d6 !important;border-color:#0f58d6 !important;width:20px !important;}



.go_top{display: none;background-color:#0f58d6;width:34px;height:34px;text-align: center;border-radius:50%;position: fixed;right:15px;bottom:100px;z-index:99999999999;}

.go_top img{display: inline-block;margin-top:12px;width:16px;}



/*================== 公用样式 END ==================*/



/*================== 首页  START ==================*/

.product_box{background-color: #fff;padding:30px 15px;overflow: hidden;}

.product_box .product_son, .product_list .product_son{padding:15px 0;}

.product_box ul li, .product_list ul li{float: left;width:48%;margin:1%;text-align: center;}

.product_box ul li strong, .product_list ul li strong{display: block;font-weight:300;font-size:14px;line-height:32px;height:32px;color:#333;white-space:nowrap; overflow:hidden; text-overflow: ellipsis;}



.about_box{background-color:#0f58d6;padding:30px 15px;border-top:10px solid #f3f3f3;overflow: hidden;}

.about_box .pub_title h3, .about_box .pub_title p{color:#fff;opacity:1;}

.about_box .infomation{padding:15px 0;}

.about_box .infomation, .about_box .infomation p{font-size:16px;line-height:26px;color:#fff;}

.about_box .pub_more a{color:#fff;border-color:#fff;margin:0;background:url(../images/more_fff.png) 140px center/11% no-repeat;}



.case_box{background-color: #fff;padding:30px 15px;border-top:10px solid #f3f3f3;overflow: hidden;}

.case_box .case{padding:15px 0 0;}

.case_box .case p{font-size:14px;color:#666;line-height:32px;height:32px;white-space:nowrap;overflow:hidden;text-overflow: ellipsis;}



.glory_box{background-color: #fff;padding:30px 15px;position: relative;border-top:10px solid #f3f3f3;overflow: hidden;}

.sc666.swiper-container {padding:20px 0;}

.ss666.swiper-slide{background-position: center;background-size:cover;box-sizing:border-box;width:620px;height:406px;}

@media( max-width:750px ){.ss666.swiper-slide{width:240px;height:160px;}}



.news_box{background-color: #fff;padding:30px 15px;border-top:10px solid #f3f3f3;overflow: hidden;}

.news_box ul{padding:15px 0 0;}

.news_box ul li, .news_list ul li{background-color:#0f58d6; margin-bottom:10px;padding:15px;border-radius:4px;}

.news_box ul li .time, .news_list ul li .time{height:20px;line-height:20px;font-size:14px;color:#fff;font-family:\5FAE\x8F6F\6B63\9ED1\4F53,"Microsoft JhengHei";}

.news_box ul li .time i, .news_list ul li .time i{display: inline-block;width:40px;height:1px;background-color:#fff;vertical-align: middle;margin-right:10px;}

.news_box ul li h3, .news_list ul li h3{font-size:18px;color:#fff;margin:10px 0;white-space:nowrap;overflow:hidden;text-overflow: ellipsis;}

.news_box ul li h3{margin-top:20px;}

.news_box ul li p, .news_list ul li p{font-size:14px;line-height:22px;color:#fff;}



.contact_box{padding:30px 15px 0;border-top:10px solid #f3f3f3;overflow: hidden;}

.contact_box .infomation{margin-top:15px;color:#666;font-size:14px;line-height:24px;}

/*================== 首页  END ==================*/



/*================== 内页  START ==================*/

#allmap{height:450px;margin-top:20px;border:1px solid #ccc;}

#allmap img{max-width:none !important;}



.product_list .product_son{padding-top:0;}



.news_list ul li{margin-bottom:10px;padding:15px;}

.news_list ul li .time{height:20px;line-height:20px;font-size:14px;color:#0f58d6;opacity:0.3;font-family:\5FAE\x8F6F\6B63\9ED1\4F53,"Microsoft JhengHei";padding-top:10px;}

.news_list ul li .time i{display: inline-block;width:40px;height:1px;background-color:rgba(18,41,146,0.5);vertical-align: middle;margin-right:10px;}

.news_list ul li h3{font-size:18px;color:#fff;margin:10px 0;}

.news_list ul li p{font-size:14px;line-height:22px;color:#fff;}

.news_list ul li{background-color: #fff !important;}

.news_list ul li h3{color:#333;}

.news_list ul li p{color:#999;}

.pagelist{padding-top:20px;}

.pagelist a{display: inline-block;border-radius:4px;font-size:12px;width:60px;height:30px;line-height:30px;text-align: center;background-color:#0f58d6;color:#fff;margin-right:4px;}

.pagelist select{float: right;width:80px;height:30px;border-radius:4px;}



.message .page_list{display: none;}

.message li{margin-bottom:20px;}

.message li dl{font-size:18px;color:#333;display: block;margin-bottom:10px;}

.message li input{height:40px;width:100%;display: block;border:1px solid #ccc;padding:5px 10px;box-sizing:border-box;}

.message label input{display: inline;height:auto;width:auto;}

.message li textarea{width:100%;height:100px;border:1px solid #ccc;padding:5px 10px;box-sizing:border-box;}

.message li.submit input{background-color:#0f58d6;color:#fff;border:none !important;font-size:16px;}



.article_content{font-size:16px;color:#333;line-height:26px;}

.article_content img{display: inline-block;}



ul.showpics, h1.title2, .product_list .content .time{display: none;}



.product_list h1, .news_list h1{font-weight:bold;color:#333;font-size:18px;margin:0 0 20px;position: relative;text-align: left;}

.product_list h1::after, .news_list h1::after{content:'';position: absolute;bottom:-10px;left:0;width:20px;height:2px;background-color:#0f58d6;}

.product_list .content img{margin:20px 0;display: inline-block;}

.product_list .content .p{font-size:16px;line-height:26px;}



.product_list .pagenum, .article_content .pagenum{margin-top:20px;border-top:1px solid #f3f3f3;}

.product_list .pagenum a, .article_content .pagenum a{font-size:14px;color:#999;padding:8px 0 0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;}

.product_list .pagenum a span, .article_content .pagenum a span{padding-right:10px;}



.tg_pages {

    float: right;

    overflow: hidden;

    padding-bottom: 40px;

    padding-top: 20px;

    text-align: center;

    width: 100%;

    margin-bottom: 50px;

}

.tg_pages li {

    display: inline-block;

}

.tg_pages li a {

    border: 1px solid #bebebe;

    color: #bebebe;

    display: inline-block;

    font-size: 13px;

    height: 26px;

    line-height: 26px;

    margin-left: 10px;

    padding-left: 10px;

    padding-right: 10px;

}

.tg_pages li.thisclass a {

    background: #0f58d6 none repeat scroll 0 0;

    border: 1px solid #0f58d6;

    color: #ffffff;

}

.gongshi{

    position:relative;

    left: 70px;

    top: 10px;

}

#maximg span{text-wrap: inherit !important;}
#maximg img{max-width: 100% !important; height:  auto !important;}

/*================== 内页  END ==================*/.pagebar { padding:20px; overflow:hidden; clear:both}
.pagebar .pagination {
  display: flex;
  justify-content: center;
  margin-top: 10px;
}
.pagination a {
  background: #fff;
  border: 1px solid #ccc;
  color: #333;
  font-size: 12px;
  padding: 8px 10px;
  margin: 0 2px;
  border-radius: 3px; line-height:100%
}
.pagination span {
    color: #333;
    font-size: 12px;
    padding: 7px 2px;
    margin: 0 2px;
    border-radius: 3px;
}
.pagination a:hover {
  color: #333;
  border: 1px solid #333;
}
.pagination a.page-num-current {
  color: #fff;
  background: #333;
  border: 1px solid #333;
}
.pagination .st{ font-family:宋体}
.text-secondary{ text-align:center; padding:20px 0}