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";word-break: break-all;word-wrap: break-word;text-align: justify;}
ol, ul { list-style: none; }
table{border-collapse:collapse;}
img{border:0; display: block;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;}
body,html{max-width:640px;margin:0 auto;position: relative;}
/* 重置样式结束 */

/*================== 公用样式 START ==================*/
#body_box{position:relative;top:0;}
#close{display: none;position: absolute;top:0;right:0;width:100%;height:100%;z-index:9999;}

.header{ position: fixed;z-index:999;width: 100%;height: 54px;left: 0;top:0px;background-color: #fff;border-bottom:1px solid #efefef;}
/* @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:100%;}
.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:#0088d6;-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:#0088d6;-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;}

#nav_box{position:fixed;top:0;right:-220px;z-index:9999;width:220px;height:100%;border-left:1px solid #efefef;box-sizing:border-box;background-color: #fff;}
#nav_box .logo{max-width:80%;margin:20px auto;}
.header_nav{height:500px;overflow-y:auto;overflow-x:hidden;padding:0px 4px;border-top:1px solid #efefef;margin-bottom:20px;}
.header_nav ul li a{font-size:20px;display:block;color:#333;position: relative;line-height:40px;text-align: center;}
.header_nav ul li a.link{color:#0088d6;}
.header_nav ul li .son_nav{display: none;padding:5px;background-color: #eee;border-top:2px solid #0088d6;}
.header_nav ul li .son_nav a{display: block;font-size:17px;line-height:50px;color:#323232;}
.header_nav ul li{transform:translateX(220px);-webkit-transition: 0.5s;-o-transition: 0.5s;-ms-transition: 0.5s;-moz-transition: 0.5s;transition: 0.5s;}
#nav_box.on li{transform:translateX(0px);-moz-transform:translateX(0px);-ms-transform:translateX(0px);-o-transform:translateX(0px);-webkit-transform:translateX(0px);}
#nav_box.on li:nth-of-type(1){transition-delay:0.1s;-moz-transition-delay:0.1s;-webkit-transition-delay:0.1s;-o-transition-delay:0.1s;-ms-transition-delay:0.1s;}
#nav_box.on li:nth-of-type(2){transition-delay:0.2s;-moz-transition-delay:0.2s;-webkit-transition-delay:0.2s;-o-transition-delay:0.2s;-ms-transition-delay:0.2s;}
#nav_box.on li:nth-of-type(3){transition-delay:0.3s;-moz-transition-delay:0.3s;-webkit-transition-delay:0.3s;-o-transition-delay:0.3s;-ms-transition-delay:0.3s;}
#nav_box.on li:nth-of-type(4){transition-delay:0.4s;-moz-transition-delay:0.4s;-webkit-transition-delay:0.4s;-o-transition-delay:0.4s;-ms-transition-delay:0.4s;}
#nav_box.on li:nth-of-type(5){transition-delay:0.5s;-moz-transition-delay:0.5s;-webkit-transition-delay:0.5s;-o-transition-delay:0.5s;-ms-transition-delay:0.5s;}
#nav_box.on li:nth-of-type(6){transition-delay:0.6s;-moz-transition-delay:0.6s;-webkit-transition-delay:0.6s;-o-transition-delay:0.6s;-ms-transition-delay:0.6s;}
#nav_box.on li:nth-of-type(7){transition-delay:0.7s;-moz-transition-delay:0.7s;-webkit-transition-delay:0.7s;-o-transition-delay:0.7s;-ms-transition-delay:0.7s;}
#nav_box.on li:nth-of-type(8){transition-delay:0.8s;-moz-transition-delay:0.8s;-webkit-transition-delay:0.8s;-o-transition-delay:0.8s;-ms-transition-delay:0.8s;}
#nav_box.on li:nth-of-type(9){transition-delay:0.9s;-moz-transition-delay:0.9s;-webkit-transition-delay:0.9s;-o-transition-delay:0.9s;-ms-transition-delay:0.9s;}
#nav_box.on li:nth-of-type(10){transition-delay:1s;-moz-transition-delay:1s;-webkit-transition-delay:1s;-o-transition-delay:1s;-ms-transition-delay:1s;}

.pub_title{text-align: center;}
.pub_title h4{font-weight:bold;font-size:30px;color:#0088d6;}
.pub_title h4 span{font-weight:100;color:#000;padding-left:10px;}
.pub_title strong{font-size:16px;color:#ccc;display: block;line-height:30px;font-weight:300;}
.pub_title strong i{display: inline-block;width:16px;height:1px;margin:0 10px 3px;vertical-align: middle;background-color:#ccc;}

.pub_more{margin:30px auto 0;width:180px;height:34px;line-height:34px;border-radius:60px;background-color:#0088d6;color:#fff;font-size:14px;text-align: center;}

.pub_call{height:44px;line-height:44px;font-weight:bold;color:#0088d6;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:rgba(0,136,214,0.75);height:50px;position: fixed;bottom:30px;left:0;z-index:999;width:90%;margin:0 5%;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;}

#main{padding-top:15px;}

.product_son a{float: left;font-size:14px;width:31.33%;margin:1%;background-color:#0088d6;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:#0088d6 !important;border-color:#0088d6 !important;width:20px !important;}

.go_top{display: none;background-color:#0088d6;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 ==================*/

.kskc ul{font-size:0;text-align: center;padding:20px 0;}
.kskc ul li{display: inline-block;margin:6px 0 0;width:3.6rem;vertical-align: top;height:3.6rem;overflow: hidden;}
.kskc ul li a{font-size:0.6rem;color:#0088d6;width:100%;height:2.3rem;padding-top:1.3rem;margin:0 auto;background:url(../../style/images/c2.png) center/100% no-repeat;}
.kskc ul li span{display: block;font-size:0.45rem;color:#3f3f3f;}

.product_box{background-color: #fff;padding:30px 15px;overflow: hidden;border-top:10px solid #f3f3f3;}
.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:#0088d6;padding:30px 15px;border-top:10px solid #f3f3f3;overflow: hidden;}
.about_box .pub_title h4, .about_box .pub_title span, .about_box .pub_title strong{color:#fff;}
.about_box .pub_title i{background-color:#fff;}
.about_box .infomation{padding:15px 0;}
.about_box .infomation, .about_box .infomation p{font-size:16px;line-height:26px;color:#fff;}

.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{margin-top:30px;}
.news_box ul li{margin-bottom:10px;}
.news_box ul li .img{width:6rem;position: relative;}
.news_box ul li .img img{position: relative;z-index:1;border-radius:10px;}
.news_box ul li .img:after{content:'';position: absolute;z-index:-1;top:0.75rem;right:-6px;border-radius:10px;width:6rem;height:3.2rem;background-color:rgba(0,136,214,0.1);}
.news_box ul li .info{width:7.9rem;overflow: hidden;}
.news_box ul li .info strong{display: block;font-size:16px;color:#333;}
.news_box ul li .info p{font-size:14px;line-height:20px;height:40px;overflow: hidden;color:#787878;margin:0.3rem 0;}
.news_box ul li .info .date{font-size:12px;color:#666}


.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;}

.nei_banner{position: relative;text-align:center;color:#fff;}
.nei_banner .bg{position: absolute;left:0;top:0;width:100%;height:100%;background:url(../images/bg.png) repeat;}
.nei_banner .txt{position: absolute;left:0;top:0;width:100%;height:100%;}
.nei_banner .tab{display: table;width: 100%;height: 100%;}
.nei_banner .tab .tab_cell{display: table-cell;vertical-align: middle;width: 100%;}
.nei_banner .txt strong{font-size:30px;display: block;}
.nei_banner .txt strong i{width:25px;height:1px;background-color: #fff;margin:0 14px;display: inline-block;vertical-align: middle;}

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

.news_list ul li{margin-bottom:10px;padding:0px;}
.news_list ul li .time{height:20px;line-height:20px;font-size:14px;color:#0088d6;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(0,136,214,0.3);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:#0088d6;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:#0088d6;color:#fff;border:none !important;font-size:16px;}

.article_content{font-size:16px;color:#333;line-height:26px;}
.article_content img, .article_content a{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:#0088d6;}
.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:16px;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;}

/*================== 内页  END ==================*/


.cccccc{width: 100%; padding: 20px 0; margin: 0 auto;text-align: center;} 
.cccccc li{ float: left; width: 19.53%; line-height: 2.5; text-align: center;background: #0088d6; border-right:1px solid #37b0f7 ;border-bottom:1px solid #37b0f7 ;}
.cccccc li a{color: #fff;}