﻿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;}
li{ 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 10px;overflow: hidden;}
.error3{display: none !important;}
#main, .inner_content{padding-bottom:60px;}
.inner_content{padding-top:0px;}
/* 重置样式结束 */

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

/*  头部   */
.header{/* position: fixed;z-index:888;*/width: 100%;height: 50px;left: 0;top:0px; background:#005aab; box-shadow: 0 0 5px rgba(0,0,0,.5);}
@media (min-width: 640px){.header {width: 640px !important;left: 50%;margin-left: -320px;}}
.header .logo{float:left; color:#3471b8; font-size:22px; ver font-weight:bold;}
.header .logo img{display:inline-block; height:100%;    height: 48px;}
.header .menu_box{float: right;width:24px;padding-top:13px;position: relative;}
.header .nav_button{position: absolute;right:0;top:26px;vertical-align: middle;width:24px;height:2px;cursor:pointer;
		background-color:#3471b8;-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:#3471b8;-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:260px;height:395px;border-radius:5px;overflow: hidden;padding:10px 0;top:40%;left:50%;margin:-163px 0 0 -130px;z-index:999;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%;top:0;left:0;background-color:rgba(0,0,0,0.5);z-index:888;}
.header_nav ul{padding:0 15px;}
.header_nav ul li a{font-size:18px;display:block;color:#333;position: relative;line-height: 39px;border-bottom:1px solid #f9f9f9;text-align: center;}
.header_nav ul li a.active{background-color:#3471b8;color:#fff;}
.header_nav ul li:last-child a{border:none;}
.header_nav ul li a.link{color:#3471b8;}
.header_nav ul li .son_nav{display: none;padding:5px;background-color: #eee;border-top:2px solid #3471b8;}
.header_nav ul li .son_nav a{display: block;font-size:16px;line-height:40px;color:#323232;border:none;}
/*  头部   */

.pub_title{text-align: left; background: url(../../m/images/未标题-1.jpg) no-repeat 0 center;  }
.pub_title strong{font-style:normal;display: block;font-size:15px;color:#333; padding: 10px 0 10px 20px;}
.pub_title strong em{font-style:normal;color:#000;font-weight:400;}
.pub_title .y{display: inline-block;vertical-align: middle;width:4px;height:4px;background-color:#3471b8;margin:0 12px;border-radius:50%;}
.pub_title span{font-size:16px;color:#ccc;display: block;line-height:26px;font-weight:500;}
.pub_title span i{display: inline-block;width:16px;height:1px;margin:0 10px 3px;vertical-align: middle;background-color:#ccc;}

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

.pub_call{height:44px;line-height:44px;font-weight:bold;color:#3471b8;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{height:50px;background-color:#005aab;position: fixed;bottom:0;left:0;z-index:99;width:100%;}
@media (min-width:640px){.header, .footer{width:640px !important;left:50%;margin-left:-320px;}}
.footer a{float: left;width:25%;text-align: center;overflow: hidden;position: relative;}
.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;font-weight:400;}
.footer .tel img:nth-of-type(2){position: absolute;left:50%;margin-left:-12px;-webkit-animation:call 1.5s infinite;animation:call 1.5s infinite;}
@-webkit-keyframes call{
	from{-webkit-transform:scale(1);opacity:1;}
	to{-webkit-transform:scale(2);opacity:0;}
}
@keyframes call{
	from{-webkit-transformscale(1);opacity:1;}
	to{-webkit-transform:scale(2);opacity:0;}
}

.h3_title{padding:10px 0 10px;margin:0 15px 10px;border-bottom:1px solid #f9f9f9;}
.h3_title h3{padding-left:10px;border-left:4px solid #3471b8;height:30px;line-height:30px;font-weight:bold;font-size:18px;}

.product_son a{float: left;font-size:14px;width:49%;margin:0.5%;padding:0 6px;background-color:#3471b8;box-sizing:border-box;border-radius:6px;text-align: center;color:#fff;height:40px;line-height:40px;white-space:nowrap;overflow:hidden;text-overflow: ellipsis;}

.swiper-pagination-bullet{width:4px !important;height:4px !important;}
.swiper-pagination-bullet-active{background-color:#3471b8 !important;}

.go_top{display: none;background-color:#3471b8;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;}

.inner_banner{display: none; position: relative;}
.inner_banner .ib_box{position: absolute;bottom:0;opacity:0;filter:alpha(opacity=0);width:70%;padding:15px 0 10px;background-color:rgba(255,255,255,0.75);border-radius:6px;left:50%;margin-left:-35%;text-align: center;-webkit-transition: 0.8s;-o-transition: 0.8s;-ms-transition: 0.8s;-moz-transition: 0.8s;transition: 0.8s;}
.inner_banner .ib_box h3{font-size:24px;color:#676262;height:36px;line-height:36px;font-weight:500;}
.inner_banner .ib_box h3 i{display: inline-block;width:20px;height:1px;vertical-align: middle;background-color:#676262;margin:0 10px;}
.inner_banner .ib_box p{font-size:14px;color:#3471b8;opacity:0.5;font-weight:500;}
.inner_banner.on .ib_box{bottom:50%;margin-bottom:-40px;opacity:1;filter:alpha(opacity=100);}

.inner_content{font-size:16px;line-height:30px;color:#333;}
.inner_content .article{overflow: hidden;}
.inner_content .article img, .inner_content .article a{display: inline-block;}
.inner_content .article p{margin-bottom:10px;}
.inner_content .product_son{padding-bottom:10px;}

.pagenum{margin-top:20px;border-top:1px solid #f3f3f3; }
.pagenum a{font-size:15px;color:#999;padding:10px 0 0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;display: block;}

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

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


.miniNav li,.minidl dd{ float: left; width: 25%; box-sizing: border-box; text-align: center;padding: 10px 0;}
.minidl dd{ width:25%;}
.miniNav li a{ display: block; height: 20px; line-height: 20px; border-right: #b3aaaa 1px solid;}
.minidl{ width: 98%; margin: 0 auto;}
.minidl dd div{ width: 58px; height: 58px;margin: 0 auto; border-radius: 8px; box-sizing: border-box; padding-top: 15px;}
.minidl dd div img{ margin: 0 auto; }
.minidl dd p{ text-align: center; font-size: 15px;padding-top: 5px;}
.minidl dd:nth-child(1) div{ background: #fe824c;}
.minidl dd:nth-child(2) div{ background: #ffa507;}
.minidl dd:nth-child(3) div{ background: #6299ff;}
.minidl dd:nth-child(4) div{ background: #6acb02;}
.minidl dd:nth-child(5) div{ background: #005aab;}

.product_box{background-color: #fff;padding:0px;overflow: hidden;}
.product_box  .proWrap{background:#eeedf3; padding:5px;}
.product_box ul.clear{background:#fff; }
.product_box .product_son{padding:10px 0; /* text-align:center; */}
  .product_box ul li{float: left;width:50%;padding:1%; margin:0;text-align: center;border-bottom:1px solid #d6d6d6;}
.showlist .item{float: left;width:50%;padding:1%; margin:0;text-align: center;   box-sizing: border-box;border-bottom: 1px solid #d6d6d6;}
.showlist .item:nth-child(odd){border-right:1px solid #d6d6d6;box-sizing:border-box;}
.product_box ul li:nth-child(odd){ border-right:1px solid #d6d6d6; box-sizing:border-box;}
.product_box ul li:nth-child(even){ border-right:1px solid #fff; box-sizing:border-box;}

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

.inner_huoban,.inner_qiye,.inner_huanjing{ margin:0 auto;}
.inner_huoban div,.inner_qiye div{
	float:left;
	width: 100%;
	margin-bottom:20px;
}
.inner_huoban div img,.inner_qiye div img{
width: 90%; margin:0 auto;
}
.sbsbsb{ width:100%; border-bottom:#b3aaaa 1px solid; margin-bottom:15px; background:#ffffff;}
.sbsbsb h6{ padding: 8px 12px; border-bottom:#005aab 3px solid;width:60px;    color: #333;
    font-size: 15px;
    font-weight: 550;}

.about_box{/* background-color:#3471b8; */padding:0px 10px;overflow: hidden;}
.about_box .pub_title strong, .about_box .pub_title strong em, .about_box .pub_title span{color:#000;}
.about_box .pub_title i, .about_box .pub_title .y{background-color:#000;}
.about_box .text{font-size:16px;line-height:26px;color:#333;margin:0px 0px 15px;}
.about_box .text img{ margin-bottom: 20px;}
.about_box .pub_more{background-color: #3471b8;color:#fff;}

.case_box{background-color: #fff;padding:30px 10px;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 10px;position: relative;border-top:10px solid #f3f3f3;overflow: hidden;}
.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 10px;border-top:10px solid #f3f3f3;overflow: hidden;}
.news_box ul{padding:15px 0 0;overflow: hidden;}
.news_box ul li{background-color:rgba(52,113,184,0.45);margin-bottom:10px;padding:15px;border-radius:4px;}
.news_box 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{display: inline-block;width:40px;height:1px;background-color:#fff;vertical-align: middle;margin-right:10px;}
.news_box 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:0;}
.news_box ul li p{font-size:14px;line-height:22px;color:#fff;}

.contact_box{border-top:10px solid #f3f3f3;background: ; overflow: hidden;border-top: 3px solid #005aab;}
.contact_box .pub_title{ background:#F5F5F5  url(../../m/images/sbsb.png) no-repeat 10px;padding:0px 10px;border-bottom: #b3b3b3 1px solid;}
.contact_box .text{margin-top:15px;color:#666;font-size:14px;line-height:24px;}
/*================== 首页  END ==================*/

/*================== 内页  START ==================*/
#map{height:350px;margin-top:30px;border:1px solid #ccc;}
#map img{max-width:none;}
#map h3{display: block;font-size:18px;color:#3471b8;font-weight:bold;line-height:30px;}
#map p{font-size:14px;color:#333;margin-top:6px;margin-bottom:0;line-height:20px;}

.news .news_box{display: none;}
#news_data ul li{margin-bottom:10px;padding:0 0 10px 0;border-bottom:1px solid #f9f9f9;border-radius:0;}
#news_data ul li strong{display: block;font-size:16px;color:#333;margin:8px 0;}
#news_data ul li .img{ max-height: 280px; overflow: hidden;}
#news_data ul li .time{display:none; height:20px;line-height:20px;font-size:14px;color:#3471b8;opacity:0.3;font-family:\5FAE\x8F6F\6B63\9ED1\4F53,"Microsoft JhengHei";padding-top:10px;}
#news_data ul li .time i{display: inline-block;width:40px;height:1px;background-color:rgba(0,163,217,0.3);vertical-align: middle;margin-right:10px;}
#news_data ul li p{font-size:14px;line-height:22px;color:#999;}
#news_data ul li{background-color: #fff !important;}

.page_list{text-align: center;}
.page_list b{font-size:0;}
.page_list b a, .page_list b font{display: inline-block;font-weight:100;color:#999;font-size:16px;margin:0 5px 5px;border:1px solid #e5e9ef;width:30px;height:30px;line-height:30px;border-radius:4px;text-align: center;}
.page_list b font, .page_list b a:hover{background-color:#3471b8;color:#fff;border-color:#3471b8;}
.page_list_span1, .page_list_span2{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:#3471b8;color:#fff;border:none !important;font-size:16px;}

.h1_title{font-weight:bold;color:#333;font-size:20px;margin:0 0 40px;position: relative;text-align: left;}
.h1_title::after{content:'';position: absolute;bottom:-20px;left:0;width:4px;height:2px;background-color:#3471b8;-webkit-transition: 0.8s;-o-transition: 0.8s;-ms-transition: 0.8s;-moz-transition: 0.8s;transition: 0.8s;}
.h1_title.on::after{width:40px;}

iframe{width:100% !important;height:340px !important;}

/*================== 内页  END ==================*/
.mod-button {
    padding: 0 10px;
    position: relative;
}
.mod-button-t0 a {
    background: -webkit-linear-gradient(#8cb5d9,#005aab 30%,#005aab 100%);
    border: 1px solid #fff;
}
.mod-button-t0 a .font-ico, .mod-button-t0 a span {
    color: #fff;
}
.mod-button a span {
    font-size: 15px;
}
.mod-button a {
    display: inline-block;
    text-align: center;
}
.mod-button-t0 a {
    border-radius: 5px;
    color: #fff;
}
.mod-button a {
    display: block;
    height: 40px;
    line-height: 40px;
    font-size: 16px;
    text-align: center;
    white-space: nowrap;
}
i.font-ico{
   display:inline-block;
width:5px;
height:5px;
background-image:url(../images/tel1.png);
background-position:center center;
background-repeat:no-repeat;

}
.icon--17:before {
    content: "\e629";
}

.masker, .shareMasker {
    position: absolute;
    z-index: 998;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background-color: #000;
    filter: alpha(Opacity=50);
    display: -webkit-box;
    -webkit-box-pack: center;
    -webkit-box-align: center;
    visibility: hidden;
    background-color: rgba(0,0,0,.5);
    position: fixed;
}
.share-tool {
    background-color: #fff;
    width: 100%;
    position: absolute;
    bottom: 0;
    display: -webkit-box;
    -webkit-box-orient: vertical;
}
.share-item {
    -webkit-box-flex: 1;
    padding: 5px;
}
.share-item dl {
    display: -webkit-box;
}
.share-item dl dd {
    -webkit-box-flex: 1;
    height: 60px;
    line-height: 40px;
    text-align: center;
    width: 100%;
}
.share-item dl dd a.sinashare-item {
    background-position: 23px 0;
}
.share-item dl dd a {
    display: inline-table;
    width: 85px;
    height: 50px;
    background: url(../images/share_popupx.png);
    font-size: 12px;
}
.share-item dl dd a.sinashare-item::before {
    content: "新浪微博";
}
.share-item dl dd a.qqweiboshare-item {
    background-position: -177px 0;
}
.share-item dl dd a {
    display: inline-table;
    width: 85px;
    height: 50px;
    background: url(../images/share_popupx.png);
    font-size: 12px;
}
.share-item dl dd a.qqweiboshare-item::before {
    content: "QQ微博";
}
.share-item dl dd a.mail-item {
    background-position: -277px -100px;
}
.share-item dl dd a {
    display: inline-table;
    width: 85px;
    height: 50px;
    background: url(../images/share_popupx.png);
    font-size: 12px;
}
.share-item dl dd a.mail-item::before {
    content: "邮件";
}

.share-item dl dd a.sms-item {
    background-position: -77px -100px;
}
.share-item dl dd a {
    display: inline-table;
    width: 85px;
    height: 50px;
    background: url(../images/share_popupx.png);
    font-size: 12px;
}
.share-item dl dd a.sms-item::before {
    content: "短信";
}
.share-cancel {
    padding: 8px;
    background-color: #f0f0f0;
}
.share-cancel-btn {
    display: block;
    height: 100%;
    width: 100%;
    text-align: center;
    background-color: #fff;
    padding: 10px 0;
    border: 1px solid #e1e1e1;
}
.share-item dl dd a::before {
    margin-top: 25px;
    display: inline-block;
    
}