@charset "utf-8";
/* CSS Document */

*{ margin:0px; padding:0px;}
ul,ol,dl,li{ list-style:none}
img{ border:none;max-width: 100%;margin-left: auto;margin-right: auto;}
a{ text-decoration:none;}
a:hover{ color:#444;}
.clear{ clear:both}
body{
	color:#444;
	line-height:24px;
	font-size:14px;
	font-family: Tahoma, Geneva, sans-serif;
	position:relative;
	z-index:999; 

}
#wrap{
	width: 100%;
	min-width: 300px;
	background: #fefefe;
}
.hiSlider{
	overflow: hidden;
	height: auto;
	width: 100%;
	background: #eee;
}
.hiSlider-item{
	float: left;
}
.f_l{ float:left}
.f_r{ float:right}
.container{  margin:auto; padding:20px 0;}
.container-fluid{ width:100%; height:auto; padding:10px 0;}
.color{ background-color:#eee; margin-top:20px;}
.padding-clear{ padding:0 0;}
/*xs-nav*/
.header-button-nav{ display: none; position: absolute; right:10%; top:30px; z-index: 99; border: none; background-color: rgba(255,255,255,0); cursor:pointer; }
.icon-bar{ display: block; width:25px ;height:3px;  background-color: #000; margin-top: 5px;transition:all 0.3s ease-in-out;}
.icon-bar:last-child{ margin-bottom: 5px; }
.click-button .icon-bar:first-child{ transform:translate(0,8px) rotate(45deg); }
.click-button .icon-bar:nth-child(2){ background-color: rgba(255,255,255,0);}
.click-button .icon-bar:last-child{transform:translate(0,-8px) rotate(-45deg); }
.xs-nav{ display: none; width:auto; padding:0 5%;  margin:0 auto;  position: absolute; top:86px; left:0; z-index: 999;background-color: rgba(255,255,255,0.9); box-shadow: 0 5px 5px #333; }
.xs-nav ul li{ height: 50px; line-height: 30px; padding: 10px 0;  }
.xs-nav ul li a{ color:#333; font-size: 20px; }
/*xs-nav-end*/
/*top*/
.header{ width: 100%; height: auto; }
.header:after{visibility: hidden;display: block;font-size: 0;content: ".";clear: both;height: 0;}
.header-logo{height:90px;max-width: 1440px; }
.header-tel{ background: url(../images/tel.png) no-repeat left center; padding-left:70px; height:60px;}
.header-tel-1{  background:url(../images/tel.jpg) no-repeat left center ; padding-left:30px}
.header-tel-1 span{ color:#adadad; font-size:16px;}
.header-tel-1 p{ font-size:20px; color:#000}
.header-tel-2{ background:url(../images/eamil.jpg) no-repeat left center; padding-left:30px;; margin-left:20px;}
.header-tel-2 span{ color:#adadad; font-size:16px;}
.header-tel-2 p{ font-size:20px; color:#000}
.header-nav{  background-color:#023793}
.header-nav-mid{ padding:0; margin:0; width:100%}
.nav-bar-list{ padding:0; }
.nav-bar-list ul { padding:0; margin:0}
.nav-bar-list ul li{ float:left;  }
.nav-bar-list ul li a{ padding-left:10px; padding-right:10px; font-family:Tahoma, Geneva, sans-serif; height:45px; line-height:45px; display:block;font-size:18px; color:#fff; font-family:"微软雅黑";margin-left:5px; margin-right:5px;}
.header-search{ margin-top:10px;  border-radius:15px 15px; background-color:#fff}
.header-search input{ font-family:Tahoma, Geneva, sans-serif; border:none; color:#999;}
.nav-bar-list ul a:hover{ color:#fff;  padding-left:10px; padding-right:10px;display:block; text-decoration:none }
.container-text-1{ font-size:30px; font-family: impact; margin:auto; color:#0e318f; border:2px #0e318f solid; padding:15px 15px; width:200px;text-align:center ;border-radius:15px 15px;   }
.container-about{ margin-top:10px; font-size:14px; color:#666}
.container-about-2{ margin-top:20px;}
.container-fluid-color{ background-color:#f0f0f0}
.container-product-1{ width:96%; background-color:#fff; padding:20px 10px 20px 10px; margin-top:20px;}
.container-product-1 h1{ border:1px #ddd solid; margin:0 0;}
.container-product-1 p{ margin: 0 0; height:46px; overflow:hidden; line-height:20px; padding-top:5px}
.text-color-1{ color:#002a45; font-size:14px; font-weight:bold; line-height:22px;}
.container-news{padding-top:28px; padding-bottom:28px;}
.container-news-1{box-shadow: 3px 3px 3px 3px #999; padding-bottom:30px;background-color:#fff}
.container-text-2{font-size:30px; font-family: impact; text-align:center; color:#0e318f; margin-top:20px; padding-bottom:20px; border-bottom:1px #ddd solid}
.container-news-2 dl dd h1{ margin:0 0; font-size:14px; color:#002a45; font-weight:bold; padding-bottom:10px; }
.container-news-2 dl dd{ padding-left:20px}
.container-news-2 dl dd span{ color:#e43b4e; font-size:14px; font-weight:bold}
.container-foot-nav ul li{ float:left; padding-right:10px; font-weight:bold}
.container-foot-eamil{ background-color:#0e318f; padding:10px 10px}
.container-foot-eamil-1{ background-color:#fff}
.container-foot-eamil-2{ color:#fff; font-weight:bold; font-size:14px;}
.header-tel-3{ background:url(../images/eamil.jpg) no-repeat left center; padding-left:30px;}
.header-tel-3 span{ color:#adadad; font-size:16px;}
.header-tel-3 p{ font-size:20px; color:#000}
.container-fluid-foot{ background-color:#0e318f; color:#fff}
footer{ border-top:1px #ddd solid; padding-top:10px;}
.hd{ margin:auto; width:100px; text-align:center; margin-top:10px;}
.picScroll{ margin-top:20px;}

.content-text{  border-bottom:1px #ddd solid; padding:0 0; padding-top:5px; padding-bottom:5px; background-color:#f7f5f5; color:#666;}
.content-about h1{ font-size:18px; color:#0e318f}
a:link,a:visited{text-decoration: none;}
.inactive{cursor:pointer}
.list{width: 100%; padding:0; margin:0;margin:0 auto 0 auto; color:#fff }
.list .yiji{ padding:0; margin:0; padding-right:10px; padding-left:10px; background-color:#023793;padding-bottom:50px;}
.list .list-text{ font-size:15px;font-weight:bold; margin:0; padding:0; padding:20px 15px; background-color:#022a70}
.list ul li{ padding: 0}
.list ul li a{ font-size:14px; display: block;position: relative;border-bottom:1px #fff dashed; color:#fff  }
.list ul li a:hover{ color:#fff}
.list ul li .inactive{ background:url(../images/off.png) no-repeat left center; padding-left:20px;}
.list ul li .inactives{background:url(../images/on.png) no-repeat left center;} .list ul li .active{ font-size:12px; color:#eee}
.list ul li ul{display: none; padding:0; margin:0; padding-left:10px;}
.list ul li ul li { border-left:0; border-right:0; }
.list ul li ul li ul{display: none;}
.list ul li ul li ul last{ font-size:18px;}
.list ul li ul li a{ padding-left:0px; font-weight:normal}
.list ul li ul li ul li a{  padding-left:0px; font-weight:normal}


.page { text-align:center;  margin-top:20px; padding-top:5px; padding-bottom:5px; background-color:#f1f1f1}
.page a { margin:5px 5px; padding:5px 5px; border:1px solid #999999; padding:5px 10px 5px 10px}

.content-product ul li{ margin-bottom:10px; padding-right:10px;}
.content-product ul li img{ border:1px #ddd solid}
.content-product h1{ margin:0 0; font-size:18px; font-weight:bold; margin-bottom:20px; padding-right:10px; padding-top:10px; padding-bottom:10px; border-bottom:1px #ddd dashed}
.content-news-1{ border:1px #ddd solid; padding:10px 10px; margin-bottom:10px;}
.content-news-1-2 h1{ font-size:18px; margin:0 0; padding-bottom:10px; }
.content-news-1-2 p{ color:#666}
.content-contact{ margin-top:10px;}
.content-messages{ padding:0 0}
.content-messages ul li{ padding:0 0; margin:5px 0; padding-right:10px;}
.messages-button{ width:100%; height:35px;}
.messages-button-1{width:100%; height:80px;}
.messages-button-2{ width:50%; height:35px;}
.messages-button-3{ background-color:#e93100; height:50px; text-align:center; padding:0 30px;font-family:Tahoma, Geneva, sans-serif; border:none; color:#fff; font-size:18px; margin-top:10px}
.messages-button-4{ background-color:#023793; height:50px; text-align:center; padding:0 30px; font-family:Tahoma, Geneva, sans-serif; border:none; color:#fff; font-size:18px; margin-top:10px}
.content-messages h1{ font-size:18px;  color:#023793;}


.content-newsinfo{ margin-top:20px; font-size:14px; color:#666 }
.tie{margin-top:20px; padding-left:20px; font-size:16px; font-weight:bold; text-align:center;}
.tit_3{display:block; margin:10px 0; padding-bottom:10px; border-bottom:1px dashed #d2d2d2; text-align:center; color:#999;}
.tit_4{display:block;  margin:10px 0; padding:10px 0 10px 10px; text-indent:2em;border-bottom:1px dashed #d2d2d2;}

.content-newsinfo-1{ margin-top:20px; line-height:30px; font-size:14px;}
.content-newsinfo-1 h1{ font-size:18px;}
.content-newsinfo-1 a{ color:#023793}

.container-product-in { margin-top:20px; margin-bottom:10px;}
.container-product-in-2-h1{ font-size:18px;  margin:0; padding-bottom:10px;}
.container-product-in-2-ul{ padding:0; margin:0;  line-height:30px;}
.container-product-in-3{ margin-top:30px;font-size:14px; line-height:30px; padding-top:20px; border-top:1px #ddd solid}
.button{ width:150px; height:40px; margin-top:10px; margin-bottom:10px; background-color:#ba1929; border:none;border-radius:10px 10px; color:#fff; font-size:16px;}
.button:hover{ background-color:#a04f5b}
.htmleaf-container{ display: none}
.content-right-color{box-shadow:1px 1px 2px 4px #eee}

.container-produ{ display:none}

.badoo {
	PADDING-RIGHT: 0px; PADDING-LEFT: 0px; FONT-SIZE: 15px; PADDING-BOTTOM: 10px; COLOR: #023793; PADDING-TOP: 10px; FONT-FAMILY: Arial, Helvetica, sans-serif; TEXT-ALIGN: right
}
.badoo A {
	BORDER-RIGHT: #023793 2px solid; PADDING-RIGHT: 5px; BORDER-TOP: #023793 2px solid; PADDING-LEFT: 5px; PADDING-BOTTOM: 2px; MARGIN: 0px 2px; BORDER-LEFT: #023793 2px solid; COLOR: #023793; PADDING-TOP: 2px; BORDER-BOTTOM: #023793 2px solid; TEXT-DECORATION: none
}
.badoo A:hover {
	BORDER-RIGHT: #023793 2px solid; BORDER-TOP: #023793 2px solid; BORDER-LEFT: #023793 2px solid; COLOR: #000; BORDER-BOTTOM: #023793 2px solid
}
.badoo .current {
	BORDER-RIGHT: #023793 2px solid; PADDING-RIGHT: 5px; BORDER-TOP: #023793 2px solid; PADDING-LEFT: 5px; FONT-WEIGHT: bold; PADDING-BOTTOM: 2px; BORDER-LEFT: #023793 2px solid; COLOR: #fff; PADDING-TOP: 2px; BORDER-BOTTOM: #023793 2px solid; BACKGROUND-COLOR: #023793
}
.common_bottom{margin-top:10px}
.common_bottom span{display:block}

.index_online_ab{width:300px;position:fixed;right:0;bottom:80px;z-index:999999;}
.index_online_ab h1{width:300px;padding:8px 20px;line-height:30px;font-size:18px;color:#fff;background-color:#023793;margin:0;border-radius:4px 4px 0 0; text-align:right}
.message_btn{float: right;}
.index_online_title{position: relative;}
.close{position: absolute;top: 12px;left: 20px;opacity: 0.8;}
.close:hover{opacity: 1.0;}
.online_message{padding-bottom:20px;padding-left:20px;background-color:#fff;border: 1px solid #ccc;}
.online_message input{margin-top:20px;background: #f2f2f2;border: 1px solid #fff;border-radius: 4px;padding: 0 10px;line-height: 30px;width: 260px;font-size: 12px;}

.index_online_code{width: 200px !important;line-height: 30px;padding: 0 5px;background-repeat: no-repeat;background-position: center right;border:none;border-radius: 4px;}
.online_message input[type=text]:focus {border:#023793 1px solid}
.online_message textarea{width:260px;height:120px;padding: 5px 10px;border-radius:4px;margin-top:20px;background: #f2f2f2;border: none;font-size: 12px;}
.index_online_btn{width:130px;line-height:40px !important;color:#fff;font-size:16px !important;background-color:#023793 !important;border:none;border-radius:4px;}

#map {height:450px}
/* 超小设备（手机，小于 768px） */

@media (max-width: 	768px) 
{   .container{ width:80%}
	.row{ margin-left: 15px; margin-right: 15px;}
	.col-xs-1, .col-sm-1, .col-md-1, .col-lg-1, .col-xs-2, .col-sm-2, .col-md-2, .col-lg-2, .col-xs-3, .col-sm-3, .col-md-3, .col-lg-3, .col-xs-4, .col-sm-4, .col-md-4, .col-lg-4, .col-xs-5, .col-sm-5, .col-md-5, .col-lg-5, .col-xs-6, .col-sm-6, .col-md-6, .col-lg-6, .col-xs-7, .col-sm-7, .col-md-7, .col-lg-7, .col-xs-8, .col-sm-8, .col-md-8, .col-lg-8, .col-xs-9, .col-sm-9, .col-md-9, .col-lg-9, .col-xs-10, .col-sm-10, .col-md-10, .col-lg-10, .col-xs-11, .col-sm-11, .col-md-11, .col-lg-11, .col-xs-12, .col-sm-12, .col-md-12, .col-lg-12 {}
	.nav-bar-list{ display: none; }
	.xs-nav{ display:none;}
	.header-button-nav{ display:block;}
	.header-search{ display:none}
	.header-logo{ background-size:300px}
	.header-tel{ display:none}
	.container-product-1{ width:100%;  }
	.container-product{ padding:0 0}
	.content-left{ display:none}
	.htmleaf-container{ display:block}
	.content-news-1{ padding:0 0}
	.container-news-2 dl dd{ padding-left:0px; margin-top:10px; }
	.container-produ{ display:block}
    .container-products{ display:none}
	
}


/* 小型设备（平板电脑，768px 起） */
@media (min-width: 	768px) and (max-width: 992px) 
{
	
	.row{ margin-left: 15px; margin-right: 15px;}
	.col-xs-1, .col-sm-1, .col-md-1, .col-lg-1, .col-xs-2, .col-sm-2, .col-md-2, .col-lg-2, .col-xs-3, .col-sm-3, .col-md-3, .col-lg-3, .col-xs-4, .col-sm-4, .col-md-4, .col-lg-4, .col-xs-5, .col-sm-5, .col-md-5, .col-lg-5, .col-xs-6, .col-sm-6, .col-md-6, .col-lg-6, .col-xs-7, .col-sm-7, .col-md-7, .col-lg-7, .col-xs-8, .col-sm-8, .col-md-8, .col-lg-8, .col-xs-9, .col-sm-9, .col-md-9, .col-lg-9, .col-xs-10, .col-sm-10, .col-md-10, .col-lg-10, .col-xs-11, .col-sm-11, .col-md-11, .col-lg-11, .col-xs-12, .col-sm-12, .col-md-12, .col-lg-12 {}
	.nav-bar-list{ display: none; }
	.xs-nav{ display:none;}
	.header-button-nav{ display:block;}
	.header-search{ display:none}
	.header-tel{ display:none}
	.content-left{ display:none}
}
/* 中型设备（台式电脑，992px 起） */
@media (min-width: 992px) and (max-width: 1200px) 
{
	
	.row{ margin-left: 15px; margin-right: 15px;}
	.col-xs-1, .col-sm-1, .col-md-1, .col-lg-1, .col-xs-2, .col-sm-2, .col-md-2, .col-lg-2, .col-xs-3, .col-sm-3, .col-md-3, .col-lg-3, .col-xs-4, .col-sm-4, .col-md-4, .col-lg-4, .col-xs-5, .col-sm-5, .col-md-5, .col-lg-5, .col-xs-6, .col-sm-6, .col-md-6, .col-lg-6, .col-xs-7, .col-sm-7, .col-md-7, .col-lg-7, .col-xs-8, .col-sm-8, .col-md-8, .col-lg-8, .col-xs-9, .col-sm-9, .col-md-9, .col-lg-9, .col-xs-10, .col-sm-10, .col-md-10, .col-lg-10, .col-xs-11, .col-sm-11, .col-md-11, .col-lg-11, .col-xs-12, .col-sm-12, .col-md-12, .col-lg-12 {}
.header-tel{ display:none}
	
}
 
  
/* 大型设备（台式电脑，1200px 起） */
@media (min-width: 1200px)
{
		
	.row{ margin-left: 15px; margin-right: 15px;}
	.col-xs-1, .col-sm-1, .col-md-1, .col-lg-1, .col-xs-2, .col-sm-2, .col-md-2, .col-lg-2, .col-xs-3, .col-sm-3, .col-md-3, .col-lg-3, .col-xs-4, .col-sm-4, .col-md-4, .col-lg-4, .col-xs-5, .col-sm-5, .col-md-5, .col-lg-5, .col-xs-6, .col-sm-6, .col-md-6, .col-lg-6, .col-xs-7, .col-sm-7, .col-md-7, .col-lg-7, .col-xs-8, .col-sm-8, .col-md-8, .col-lg-8, .col-xs-9, .col-sm-9, .col-md-9, .col-lg-9, .col-xs-10, .col-sm-10, .col-md-10, .col-lg-10, .col-xs-11, .col-sm-11, .col-md-11, .col-lg-11, .col-xs-12, .col-sm-12, .col-md-12, .col-lg-12 {}
    .header-logo{ height:auto; padding-top:20px; padding-bottom:20px;}
	.htmleaf-container{ display:none}
	
	
}