/* Write your styles */
body, h1, h2, h3, p, dl, dd, ul, ol, form, input, textarea, th, td, select {
	margin: 0;
	padding: 0;
	font-family: "Microsoft YaHei";
	font-size: 14px
}
a {
	text-decoration: none;
	font-size: 14px;
	color: #333333;
	font-family: "Microsoft YaHei";
}
a:hover {
	color: #327443
}
em {
	font-style: normal;
}
li {
	list-style: none;
}
img {
	border: none;
	vertical-align: top
}
table {
	border-collapse: collapse
}
input, textarea {
	outline: none
}
textarea {
	resize: none;
	overflow: auto
}
.clear {
	zoom: 1
}
.clear:after {
	content: "";
	display: block;
	height: 0;
	clear: both
}

.t28 {
	font-size: 28px
}
.tr {
	text-align: right;
	font-size: 14px
}
.mt30{ margin-top:30px}
.mb20{ margin-bottom:20px}
#head-top {
	width: 100%;
	height:108px;
	background-color: rgba(255,255,255,1);
	box-shadow: 0px 2px 5px #d0d0d0;
}
.top{ width:100%; height:30px; background-color:#0097d3; line-height:30px; color:#FFF}
.top-right ul{ display:flex;justify-content: flex-end;}
.top-right ul li{ padding-left:20px}
.top-right ul li a{ color:#FFF}
.am-container {
	max-width: 1250px; /*padding:0 8px*/
}
/*.am-topbar {
	height:158px
}*/
#max6 img{ max-height:60px; margin-top:30px}

.navBar {
	position: relative;
	z-index: 1;
	height: 108px;
    line-height: 140px;
	color: #fda702;
	float: left
}
.nav{
	position: relative;
	margin: 0 auto;
	font-family: "Microsoft YaHei", SimSun, SimHei;
	font-size: 14px;
}
.wbnav .circle i{display:block; background:url(../images/ico.png) no-repeat ; width:4px; height:4px; background-position:-42px -66px; position:relative;top:55px }
.nav a {
	color: #8b8f90;
	font-size: 18px
}
.nav h3 {
	font-size: 100%;
	font-weight: normal;
}
.nav .m {
	float: left;
	position: relative;
	z-index: 1;
	line-height:110px
}
.nav .s {
	float: left;
	width: 3px;
	text-align: center;
	color: #D4D4D4;
	font-size: 12px;
}
.nav h3 a {
	display: block;
	text-align: center;
	padding: 0 21px;
}
.nav .sub {
	display: none; /*默认隐藏*/
	position: absolute;
	left: 3px;
	top:92px;
	z-index:22;
	width: 158px;
	border-top: 0;
	background: rgba(255,255,255,0.9);
	/*padding-bottom: 10px*/
}
.nav .sub li {
	text-align: center;
	padding: 0 8px;
	margin-bottom: -1px;
}
.nav .sub li a {
	display: block;
	border-bottom: 1px solid #b9b8b7;
	padding: 8px 0;
	line-height: 28px;
	color: #141414;
}
.nav .sub li a:hover {
	color: #FE7700;
}
.nav .block {
	height: 3px;
	width: 130px;
	background: #FE7700;
	position: absolute;
	left: 0;
	top: 57px;
	overflow: hidden;
}


.am-topbar-btn {
	margin-top: 20px;
}
.am-collapse.am-in {
	display: block;
	background-color: rgba(255,255,255,0.9);
}

/*幻灯片*/
@media only screen and (min-width:1100px){
.am-slider-d2 .am-slider-desc{
    bottom:30%;
    left: 150px;
    color: #fff;
    width: 30%;
	padding-left:10px
	}	
.am-slider-d2 .am-slider-title{ font-size:24px; font-weight:bold}	
	}
.am-slider-d2 .am-control-nav{ bottom:20px}
    .flash{
	       width: 100%;
	        height:500px;
	        max-height: 100%;
	        margin-left: auto;
	        margin-right: auto;
	        margin-top: 20px;
	        margin-bottom: 20px;
	        background: #eee;
	    }
	    .swiper-slide {
	        background-position: center;
        	  background-size: cover;
	    }


/*三大板块*/
.block-title h2{ font-size:28px; font-weight:bold; color:#000; width:352px; text-align:center; margin:0 auto}
@media only screen and (max-width:1100px){.block-title h2{ font-size:2rem;}}

.block-title h2 span{ color:#0097d3}
.block-title p{ color:#969696; text-align:center; padding:5px 0 23px 0}
.block-title i{ display:block; width:352px; height:3px; background:url(../images/ico.png) no-repeat top;  background-position:0px 0px; margin:0 auto}
.big-img{ position:relative; overflow:hidden}
.big-img img{transition:all 1s;}
.big-img:hover img{ transform:scale(1.2)}
.big-img .am-gallery-title{ position:absolute; bottom:0px;left: 0;width: 100%; font-size:14px; color:#fff; background:url(../images/tm.png);  overflow: hidden;
        text-overflow: ellipsis;
        display: -webkit-box;
        line-height:15px;    
        max-height:35px;
        -webkit-line-clamp: 1;
        -webkit-box-orient: vertical; padding:10px}


/*新闻切换*/
.news-index{ width:100%; }

	.hasMoreTab{ width:100%; font-family:"Microsoft YaHei";  }
	.hasMoreTab .hd{ line-height:40px; height:50px;   background:url(images/btn_bg.gif) repeat-x; position:relative; padding-right:10px;margin-bottom: 20px;  }
	.hasMoreTab .hd .more{ float:right; }
	.hasMoreTab .hd ul{ z-index:5; position:absolute; height:51px;  overflow:hidden; zoom:1; }
	.hasMoreTab .hd li{ float:left;  padding:5px 30px; cursor:pointer; margin-left:-1px;  }
	.hasMoreTab .hd li.on{ font-weight:bold; height:50px; line-height:40px; border:1px solid ##0097d3; border-top:0; font-weight:bold; color:#fff; background-color:#0097d3}
	.hasMoreTab .bd{  padding:10px; clear:both; position:relative;  }
	.hasMoreTab .bd h2{ font-size:14px; }
	.hasMoreTab .bd p{ color:#999;  }
	.hasMoreTab .bd p a{ color:#c00;  }
	.hasMoreTab .bd ul a{ color:#3E78B3;  }
.am-list-news-default .am-list>li {
    border-color:#e6e1e1;
}
.am-tabs-bd{ border:none}

.whyy{ text-align:center;}
/*为什么选择我们*/
.why{ text-align:center; border:1px solid #dadada; padding-bottom:20px !important}
.why:hover{ border-bottom:1px solid #F00}
.why h3{ font-size:1.8rem !important;  font-weight:bold !important; padding-bottom:1.5rem}
.why h3:after{ content:""; display:block; width:34px; height:2px; background-color:#F00; margin:0 auto; margin-top:0.5rem}
.why p{ font-size:1rem}

@media only screen and (max-width:2050px){
.three-block-img{ max-height:660px}
.list-title{ width:340px}
}
@media only screen and (max-width:1100px){
#head-top ,.am-topbar{ height:78px}
#max6 img{ display:none}
.navBar {
    height: 78px;
    line-height: 78px;
}
.wbnav .circle i {
    display: block;
    background: url(../images/ico.png) no-repeat;
    width: 4px;
    height: 4px;
    background-position: -42px -66px;
    position: relative;
    top:40px;
}
}



@media only screen and (max-width:862px){
.wbnav{ height:78px;}
.nav a {
    color: #018fb3;
    font-size: 14px;
}
}

@media only screen and (max-width:642px){
.wbnav{ height:78px; display:none}
}

@media only screen and (max-width:743px){
.nav h3 a {padding: 0 11px;}
.am-show-sm-only h1 a img{ max-height:60px; padding-top: 10px;}
}


@media only screen and (max-width:600px){
.three-block-img .title{ font-size:20px}
.wbnav { display:none}

}

@media only screen and (max-width:639px){
.cpl{padding:0 !important; margin-bottom:10px !important}	
.cpr{padding:0 !important}
.cp-middle{ margin:32px 0}
}


@media only screen and (max-width:450px){

.cpl{padding:0 !important; margin-bottom:10px}	
.cpr{padding:0 !important}
.zz .list-title{ font-size:16px}
.zz h3 i{ margin-right:10px !important}
.am-topbar { height:78px;}
#head-top{ height:78px;}
.productlist-index .am-g{background:none !important}

}
	
/*联系*/ 
.lx{ width:100%; background-color:#6f6f6f; padding:3rem 0 3rem 0; color:#FFF}
.lx h1{font-size: 1.7rem;}

/*产品中心*/

@media only screen and (max-width:743px){
	
	.swiper-container-news h2{ font-size:18px; text-align:left; font-weight:bold; padding-top:16px}
}


.footer{ width:100%; height:auto; background:#0097d3; margin-top:85px; padding-bottom:50px}
.bt1{ display:block; width:100%; height:auto; border-bottom:1px solid #00afe9}
.bt1 h2{ font-size:18px; color:#FFF; padding-top:20px}
.bt1 p{ color:#FFF}

.bt2{ padding-top:37px}
.bt2 h3{ font-size:22px; color:#FFF; padding-bottom:20px}
.bt2 .lanmu ul{}
.bt2  ul li{ line-height:30px; color:#fff}
.lanmu ul li a{ color:#FFF}
.lanmu ul li a:hover{ color:#EF5E01}

.mbx{ width:100%; background-color:#eee; padding:10px 0; color:#666}
.mbx a{ color:#666}

.am-menu-dropdown1 .am-menu-nav>li>a{ background-color:#F0F0F0;border-bottom: 1px solid #F6F6F6; color:#333}
.am-menu-dropdown1 .am-menu-nav>li.am-parent.am-open>a {
    background-color:#333;
    border-bottom: none;
    color: #fff;
}
.am-menu-dropdown1 .am-menu-toggle{ width:50px}





