@charset "utf-8";
/*关于我们*/
.conter{ width:1200px; margin: 3% auto;}
.intro{ width:1200px; height:90px; background-color: #F8F8F8;margin: auto;}
.intro .sub-intro{height:105px;position:relative;}
.intro-tit{ position:absolute; left:0; top:-80px; background-color:rgba(29, 76, 181, 0.9); width:40%;}
.info-warm{ width:100%; display:table;}
.about-bian{ border:1px solid #fff; color:#fff; text-align:center;margin: 3%;padding: 2%;}
.about-bian h2{ font-size:35px;font-family: "Constantia";text-transform: uppercase;}
.about-bian p{ font-size:20px; margin: 0 auto;}
.info-warm .warm-lft h3{ font-size:26px; color:#DB3717; padding-bottom: 1%; margin-bottom: 2%;border-bottom: 1px solid #D0D0D0;text-align: center;}
.info-warm .warm-lft p{ font-size:13px; color:#666666; line-height:23px; margin-bottom:10px;}
.info-warm .warm-lft span{ display:block; width:35px; border-bottom:2px solid #DB3717; margin:35px 0;}
.info-warm .warm-rit{ float:right; width:445px;}
 

.rit-mbx span,.rit-mbx font,.rit-mbx small,.rit-mbx a{ display:inline-block; font-size:13px; line-height:40px; margin-left:8px; color:#000;} 
.rit-mbx a:hover{ color:#DB3717;}
.rit-mbx{ height:40px; position:absolute; right:25px; top:50%; margin-top:-20px;}

/*新闻资讯*/
.waper,
.news-list{ width:100%; display:table;}
.news-list{ width:1120px; padding:40px; background-color:#fff; margin: 10px auto;}
.sub-news{ width:100%;}
.sub-news li{ width:100%; display:table; margin-bottom:40px; padding-bottom:40px; border-bottom:1px solid #E2E2E2;}
.sub-news li dt{ float:left; width:199px; height:150px; overflow:hidden;}
.sub-news li dt img{ width:199px; height:150px;    -webkit-transition: all ease 0.35s;transition: all ease 0.35s;}
.sub-news li dt img:hover{ opacity:0.9;-webkit-transform: scale(1.05);transform: scale(1.05);}
.sub-news li dd{ width:894px; float:right; position:relative;}
.sub-news li dd h6{ font-size:15px;color: #A7A7A7;font-weight: normal; margin-bottom:3px; margin-top: 6px; display: block;background: url(../images/timeico.jpg) no-repeat  0px 7px;text-indent: 1.5em;}
.sub-news li dd h3{margin-top:20px; }
.sub-news li dd h3 a{ font-size:18px;}
.sub-news li dd h3 a:hover{ color:#DB3717;}
.sub-news li dd span{ display:block; width:30px; border-top:2px solid #E2E2E2; margin:17px 0;}
.sub-news li dd p{ width:776px; line-height:22px; color:#999999;}
.sub-news li dd small a{ position:absolute; right:0; top:50%; margin-top:-10px; display:block; width:20px; height:20px; font-size:14px; text-align:center; line-height:18px; border:1px solid #E2E2E2; color:#E2E2E2;}
.sub-news li dd small a:hover{ background-color:#DB3717; color:#fff; border-color:#DB3717;}

/*翻页*/
.luotong_page{;padding-top:3%;text-align: center;}
.luotong_page a{color:#000;padding: 1%;margin: 5px;border: 1px solid #999;}
.luotong_page a:hover{color: #F00;border: 1px solid #F00;}
.luotong_page a:active{olor: #999;}

.pgfy{width:100%;  margin: 20px auto;}
.pgfyl{ width:722px; height: 52px; border-top:1px solid #d2d2d2; border-bottom:1px solid #d2d2d2;}
.pgfyl p{float:left; width: 346px;height: 52px;padding-left:14px;border-left:1px solid #d2d2d2;  color:#666666;font-size: 14px;line-height: 52px; }
.pgfyl p a{ color:#666666; font-size: 14px;overflow: hidden;text-overflow: ellipsis; white-space: nowrap; width: 90%;}
.pgfyr{width:160px;height:30px;text-align:center; margin: 16px auto 0px auto; background:#ae2422;}
.pgfyr a{ color:#ffffff;font-size:14px;line-height: 28px;}
.pgfyl p a:hover{ color:#CE0000}

/*新闻详情*/
.Accord{ width:100%; height:100px; display:table; background-color:#fff; position:relative;}
.Accord1 a{ float:left; width:50%; height:100px; text-align:center; line-height:100px; background-color:#fff;}
.Accord1 a font{ font-size:15px;}
.Accord1 a span{ display:inline-block; height:12px; border-left:1px solid #E2E2E2; vertical-align:middle; margin:0 10px;}
.Accord1 a small{ font-size:12px; text-transform:uppercase; color:#E2E2E2;}
.Accord1 a:hover{ background-color:#DB3717;}
.Accord1 a:hover font,.Accord a:hover small{ color:#fff;}
.Accord1 a.on{ background-color:#DB3717;}
.Accord1 a.on font,.Accord a.on small{ color:#fff;}

.Accord2 .return{ float:left; width:125px; height:40px; position:absolute; left:25px; top:50%; margin-top:-20px;}
.Accord2 .return a{ display:block; width:100%; height:40px; text-align:center; line-height:40px; border:1px solid #E2E2E2; color:#999999; font-size: 16px;}
.Accord2 .return a img{ vertical-align:middle; margin-right:5%;} 
.Accord2 .return a:hover{ border-color:#DB3717; color:#DB3717;}


.news-title{ width:100%; padding-bottom:18px; border-bottom:1px solid #E2E2E2;}
.news-title h2{ font-size:30px; color:#363636; text-align:center;}
.news-title p{ margin-top:30px; text-align:center; font-size:12px; color:#999999; font-family:"宋体";}
.news-title p font,.news-title p span{ display:inline-block; margin-right:15px;}
.news-title p span{ height:10px; border-right:1px solid #999999; vertical-align:middle;}
.news-cot h5{ font-size:13px; font-weight:bold; color:#363636; margin-top:40px;}
.news-cot p{ margin-top:25px; font-size:15px; color:#4C4C4C; line-height:25px;}
.news-fp{ width:100%; border-top:1px solid #E2E2E2; margin-top:40px; padding-top:40px;}
.news-fp p{ float:left; color:#666666;}
.news-fp p a{ color:#666666;}
.news-fp p a:hover{ color:#DB3717;}

/*产品详情*/
.conter2{ margin-top:0px;}
.screening{ width:100%; display:table; height:100px; margin-bottom:50px; background-color:#fff;}
.screening ul{ width:110%; display:table;}
.screening ul li{ float:left; width:240px; position:relative;}
.screening ul li a{ display:block; width:100%; height:100px; text-align:center; line-height:100px; font-size:15px;}
.screening ul li a:hover{ background-color:#DB3717; color:#fff;}
.screening ul li span{ position:absolute; right:0px; top:50%; margin-top:-10px; display:block; height:20px; border-right:1px solid #D2D2D2;}
.screening ul li:hover span{ display:none;}

.content{
	width: 100%;
	margin: 0 auto;
}
@media screen and (max-width:1440px){
	.content{
	   width: auto !important;
	   margin: 0 auto;
  }	
}
@media screen and (max-width: 1024px){
	.content{
		width: 97%;
		margin: 0 auto;
	}
	
}
@media screen and (max-width: 980px){
	.content{
		width: 95%;
		margin: 0 auto;
	}
}
@media screen and (max-width: 720px){
	.content{
		width: 94%;
		margin: 0 auto;
	}
}
@media only screen and (max-width: 720px) and (-webkit-min-device-pixel-ratio : 1.0) and (orientation:landscape){
	.content .rec_con ul li{
		width: 240px;
		height: 180px;
		margin-top: 10px;
	}
	.content .rec_con ul li img{
		width: 240px;
		height: 180px;
	}
}
@media screen and (max-width: 480px){
	.content{
		width: 100%;
	}
}
@media screen and (max-width: 380px){
	.content{
		width: 240px;
	}
}

.waterfull{margin: 0 auto;overflow: hidden;}
.waterfull ul li{float: left;width: 280px; margin: 20px 20px 0 0;position: relative;overflow: hidden;}
.waterfull ul li .a-img{width: 280px;display: block;position: relative;}
.waterfull ul li .a-img img{width: 100%;margin:0 auto;display: block;}
.waterfull ul li .a-img font{ position:absolute; left:50%; margin-left:-45%; top:5%;  display:block; width:90%; height:90%;}
.waterfull ul li .a-img font span{ position:absolute; display:block;} 
.waterfull ul li .a-img font .it-top{ 
    left:0; 
	top:0; 
	width:0%;
	border-top:1px solid #6DDDFF;
	-webkit-transition:all .3s cubic-bezier(0.45,0.65,0.65,0.45) 0s;
	-moz-transition:all .3s cubic-bezier(0.45,0.65,0.65,0.45) 0s;
	-o-transition:all .3s cubic-bezier(0.45,0.65,0.65,0.45) 0s;
	transition:all .3s cubic-bezier(0.45,0.65,0.65,0.45) 0s;	
}
.waterfull ul li .a-img font .it-bom{
    right:0;
    bottom:0; 
    width:0%;
    border-bottom:1px solid #6DDDFF;
	-webkit-transition:all .3s cubic-bezier(0.45,0.65,0.65,0.45) 0s;
	-moz-transition:all .3s cubic-bezier(0.45,0.65,0.65,0.45) 0s;
	-o-transition:all .3s cubic-bezier(0.45,0.65,0.65,0.45) 0s;
	transition:all .3s cubic-bezier(0.45,0.65,0.65,0.45) 0s;
}
.waterfull ul li .a-img font .it-lft{ 
    left:0;
	bottom:0;
	height:0%; 
	border-left:1px solid #6DDDFF;
	-webkit-transition:all .3s cubic-bezier(0.45,0.65,0.65,0.45) 0s;
	-moz-transition:all .3s cubic-bezier(0.45,0.65,0.65,0.45) 0s;
	-o-transition:all .3s cubic-bezier(0.45,0.65,0.65,0.45) 0s;
	transition:all .3s cubic-bezier(0.45,0.65,0.65,0.45) 0s;
}
.waterfull ul li .a-img font .it-rit{ 
    right:0; 
	top:0; 
	height:0%; 
	border-right:1px solid #6DDDFF;
	-webkit-transition:all .3s cubic-bezier(0.45,0.65,0.65,0.45) 0s;
	-moz-transition:all .3s cubic-bezier(0.45,0.65,0.65,0.45) 0s;
	-o-transition:all .3s cubic-bezier(0.45,0.65,0.65,0.45) 0s;
	transition:all .3s cubic-bezier(0.45,0.65,0.65,0.45) 0s;
}
.waterfull ul li:hover .a-img font .it-top{ 
	 width:100%;
}
.waterfull ul li:hover .a-img font .it-bom{
	 width:100%;
}
.waterfull ul li:hover .a-img font .it-lft{
	 height:100%;
}
.waterfull ul li:hover .a-img font .it-rit{
	 height:100%;
}
.waterfull ul li .water-tit{ width:100%; height:80px;}
.waterfull ul li .water-tit a{ display:block; width:100%; height:80px; text-align:center; line-height:80px;  font-size:15px; background-color:#fff;}
.waterfull ul li:hover .water-tit a{ background-color:#0061B0; color:#FFF;}

/*联系我们*/
.address{ height:200px; margin-top:20px; background-color:#FFFFFF;} 
.address li{ float:left; width:400px; height:200px;}
.address li dl{ width:300px; display:table; margin:58px auto 0;} 
.address li dl dt{ float:left; width:81px; height:81px;} 
.address li dl dd{ float:right; width:212px; margin-top:20px;}
.address li dl dd p{ font-size:14px; color:#999999;} 
.map-tit{ width:278px; height:118px; margin:40px auto;} 
.map{ text-align:center; font-size:15px; line-height:32px;}
.map h3{margin: 2% auto;}
.join-tit-sl{ width:416px; height:109px; margin:90px auto 50px;}

/*留言*/
.am-form-group p{ color:rgba(255, 255, 255, 0.8); font-size:15px;margin: 2% auto;text-align: left;} 
.reserve {background-color: #eeeeee;}
.message{background-color: #fff;height: 49px;line-height: 49px;}
.message h1{font-size: 1.6rem;font-weight: 400;text-align: center}
.message a{color:#FF5B5B;}
.index_message{margin: 0 auto;text-align: center!important;}
fieldset{border: none;}
.am-form-group {margin-bottom: 1rem;}
.feedback fieldset > div input[type="text"], .feedback fieldset > div textarea { background-color: #EEEEEE;}
.am-btn {width:35%;background-color:#EB3D00; padding: 1%;font-size: 18px;color: #FFF;text-align: center;border: 1px solid transparent; float: left;}
.am-btn-danger {color: #fff;background-color: #dd514c;border-color: #dd514c;font-size: 1.8rem;}
input,select{ font-size: 12px;line-height:30px; width:100%;padding: 1%;}

 
 /*返回置顶*/
.toolbar-item,.toolbar-layer{background: url(../images/toolbar.png) no-repeat;}
.toolbar{position:fixed;right:0px;bottom:255px; z-index: 99;}/*假设网页宽度为1200px，导航条在右侧悬浮*/
.toolbar-item{display:block;width:52px;height:52px;margin-top:1px;position:relative;-moz-transition:background-position 1s;-ms-transition:background-position 1s;-o-moz-transition:background-position 1s;-webkit-moz-transition:background-position 1s;transition:background-position 1s;}
.toolbar-item:hover .toolbar-layer{opacity:1;filter:alpha(opacity=100);transform:scale(1);-webkit-transform:scale(1);-moz-transform:scale(1);-ms-transform:scale(1);-o-transform:scale(1);}
.toolbar-item-weixin{background-position:0 -551px;}
.toolbar-item-weixin:hover{background-position:0 -612px;}
.toolbar-item-weixin .toolbar-layer{height:212px;background-position:0 0;}
.toolbar-item-feedback{background-position:0 -426px;}
.toolbar-item-feedback:hover{background-position:0 -488px;}
.toolbar-item-app{background-position:0 -798px;}
.toolbar-item-app:hover{background-position:0 -862px;}
.toolbar-item-app .toolbar-layer{height:194px;background-position:0 -222px;}
.toolbar-item-top{background-position:0 -674px;}
.toolbar-item-top:hover{background-position:0 -736px;}
.toolbar-layer{position:absolute;right:46px;bottom:-10px;width:172px;opacity:0;filter:alpha(opacity=0);
transform-origin: 95% 95%;-moz-transform-origin: 95% 95%;-ms-transform-origin: 95% 95%;-o-transform-origin: 95% 95%;-webkit-transform-origin: 95% 95%;transform:scale(0.01);
-moz-transform:scale(0.01);-ms-transform:scale(0.01);-o-transform:scale(0.01);-webkit-transform:scale(0.01);transition:all 1s;-moz-transition:all 1s;-ms-transition:all 1s;-o-transition:all 1s;-webkit-transition:all 1s;}