﻿@charset "utf-8";
/* CSS Document */
.navbg{
	margin-bottom:20px;
	background:none;
	}
.nav>ul>li>a{
	color:#333;
	}
/**************************内容**************************/
.mabg{
	width:100%;
	overflow:hidden;
	padding-bottom:50px;
	}
.main{
	width:96%;
	max-width:1200px;
	margin:0 auto;
	overflow:hidden;
	min-height:300px;
	margin-top:30px
	}
/**************************pc菜单**************************/
.mnbg{
	width:100%;
	height:48px;
	border-top:1px solid #e5e5e5;
	border-bottom:1px solid #e5e5e5;
	}
.minnav{
	width:100%;
	max-width:1200px;
	margin:0 auto;
	position:relative;
	}
.minnav a.index{
	color:#333;
	margin:0px 15px;
	}
.minnav a.index i{
    font-size: 20px;
    position: relative;
    top: -15px;
	}
.navi_dp1_list{display:inline-block;zoom:1;font-size:14px}
.navi_dp1_list a{color:#333;}
.navi_dp1_list:after{display:block;clear:both;content:''}
.navi_dp1_list>.navi_dp1{float:left;position:relative}
.navi_dp1_list>.navi_dp1>a{position:relative;display:block;padding:0 20px;width:180px;height:48px;line-height:48px;border-right:1px solid #e5e5e5;text-decoration:none}
.navi_dp1_list>.navi_dp1:first-child>a{border-left:1px solid #e5e5e5}
.navi_dp1_list>.navi_dp1>a:after{position:absolute;content:'';top:50%;right:20px;width:0;height:0;border-left:4px solid transparent;border-right:4px solid transparent;border-top:5px solid #000000}
.navi_dp1_list>.navi_dp1.active>a:after{position:absolute;content:'';top:50%;right:20px;width:0;height:0;border-left:4px solid transparent;border-right:4px solid transparent;border-bottom:5px solid #000000;border-top:none}
.navi_dp2_list{display:none;position:absolute;top:100%;left:-1px;border:1px solid #e5e5e5;background-color:#fff;z-index:9999999}
.navi_dp1_list>.navi_dp1:first-child .navi_dp2_list{left:0}
/*.navi_dp1_list>.navi_dp1:hover .navi_dp2_list{display:block}*/
.navi_dp2_list>.navi_dp2>a{display:block;padding:5px 20px;width:180px;text-decoration:none}
.navi_dp2_list>.navi_dp2>a:hover, .navi_dp2_list>.navi_dp2>a:active, .navi_dp2_list>.navi_dp2>a:focus,.navi_dp2_list>.navi_dp2.active>a{background-color:#f4f4f4}
/*btn_all_prd*/
.btn_all_prd{position:absolute;top:0;right:0}
.btn_all_prd button{display:block;width:234px;height:48px;line-height:48px;background-color:#f4f4f4;text-align:center;font-weight:500;color:#0044ab; border:none;border-left:1px solid #e5e5e5;border-right:1px solid #e5e5e5; cursor:pointer; font-size:14px; outline:none;}
.btn_all_prd button i{
    font-size: 26px;
    position: relative;
    top: 4px;
	margin-left:10px;
	}
.bg_all_prd{position:absolute;padding:50px 0;width:100%;background-color:#f4f4f4;border-top:1px solid #e5e5e5;border-bottom:1px solid #dcdcdc;z-index:999999}
.xiala{width:100%;max-width:1200px;margin:0 auto;}
.xiala h2{
	margin-bottom: 25px;
    text-align: center;
    font-size: 25px;
    font-weight: 500;
    color: #0044ab;
	}
.xiala>ul{
	overflow:hidden;
	}
.xiala>ul>li{
	float:left;
	width:13%;
	text-align:center;
	margin: 0px .64%;
	overflow:hidden;
	}
.xiala>ul>li>a{
	display: block;
	font-size:16px;
    background-color: #fff;
    height: 38px;
    line-height: 38px;
	color:#333;
	margin-bottom:5px;
	}
.xiala>ul>li ul{
	overflow:hidden;
	}
.xiala>ul>li ul li{
	font-size:14px;
	line-height:30px;
	}
.xiala>ul>li ul li a{
	color:#333;
	}
.xiala>ul>li a:hover{
	text-decoration:underline;
	}
.bg_all_prd .btn_close{position:absolute;bottom:10px;left:50%;margin-left:-13px;width:40px;height:26px; border:none; background:none; outline:none; cursor:pointer;}
.bg_all_prd .btn_close i{
	font-size:56px;
	color:#ccc;
	position: relative;
    top: -18px;
	}
/**************************特点**************************/
/*add_info_area*/
.add_info_area{ margin-top:30px;}
.add_info_box{border-bottom:2px solid #0044ab}
.add_info_box:first-child{border-top:2px solid #0044ab}
.add_info_box h3.h3_tab_tit{display:block;margin-top:12px;height:50px;line-height:50px;text-align:center;font-size:25px;text-decoration:none}
.add_info_box.open h3.h3_tab_tit{color:#0044ab}
.add_info_box.open{border-bottom:2px solid #dcdcdc}
.add_info_box .wrap_cont_box{display:none;margin:40px 0 70px}
.add_info_box.open .wrap_cont_box{display:block}
.add_info_box .btn_open_close{display:block;width:100%;height:48px; background:none; border:none; cursor:pointer;}
.add_info_box .btn_open_close i{
	font-size:30px;
	color:#0044ab;
	}
/**************************手机位置**************************/
.weizhi{
	width:96%;
	max-width:1200px;
	height:50px;
	margin:0 auto;
	background:#fff;
	display:none;
	}
.weizhi p{
	font-size:14px;
	color:#333;
	line-height:50px;
	padding-left:15px;
	}
.weizhi p:before{
	font-family: 'FontAwesome';
	font-size: 16px;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
	color: #333;
	}
.weizhi p:before {
	content: "\f015"
}
.weizhi p a{
	color:#333;
	margin:0px 5px;
	}
.weizhi p a:hover{
	color:#0044ab;
	text-decoration:underline;
	}
@media (max-width:1000px) {
.mnbg{
	display:none;
	}
.bg_all_prd{
	display:none;
	}
.weizhi{
	display:block;
	margin-top:70px;
	}
	}
/**************************产品中心**************************/
.probg{
	width:100%;
	overflow:hidden;
	margin:50px 0px;
	position: relative;
	}
.probg:before{
	content: '';
	width:100%;
	height:100%;
    position: absolute;
	background:rgba(0,0,0,.3);
	}
.profl{
	width:96%;
	max-width:1200px;
	margin:50px auto;
	z-index:56;
	position: relative;
	text-align:center;
	}
.profl .probttp{
	width:110px;
	height:110px;
	margin:0 auto;
	margin-bottom:20px;
	}
.profl .probttp img{
	max-width:110px;
	max-height:110px;
	}
.profl h2{
	font-size:30px;
	color:#fff;
	text-align:center;
	font-weight:500;
	margin-bottom:10px;
	}
.profl p{
	font-size:18px;
	color:#fff;
	line-height:30px;
	text-align:center;
	}
.profl ul{
	display:inline-block;
	margin-top:40px;
	}
.profl ul li{
	width:158px;
	height:158px;
	float:left;
	border:1px solid #fff;
	font-size:14px;
	text-align:center;
	margin:10px 5px;
	transition: .5s;
	}
.profl ul li a{
	padding:40% 1%;
	color:#fff;
	display:block;
	}
.profl ul li:hover{
	border: 1px solid rgba(225,225,225,0.3);
    background-color: rgba(225,225,225,0.3);
	}
.profl ul li:hover a{
	color:#fff;
	}
@media (max-width:1000px) {
.profl ul{
	display:block;
	overflow:hidden;
	}
.profl ul li{
	width: 22.5%;
    margin: 1%;
    height: 0;
    padding-bottom: 22.5%;
	}
	}
@media (max-width:600px) {
.profl ul li{
	width: 30.5%;
    margin: 1%;
    height: 0;
    padding-bottom: 30.5%;
	}
	}
@media (max-width:600px) {
.profl ul li{
	font-size:12px;
	}
	}
.cpfl{
	overflow:hidden;
	}
.cpfl h2{
	font-size:30px;
	color:#0044ab;
	text-align:center;
	font-weight:500;
	margin-bottom:10px;
	}
.cpfl p{
	font-size:18px;
	color:#333;
	line-height:30px;
	text-align:center;
	}
.cpfl ul{
	overflow:hidden;
	margin:40px 0px;
	}
.cpfl ul li{
	width:calc(33.3% - 2px);
	float:left;
	border:1px solid #e5e5e5;
	font-size:14px;
	text-align:center;
	transition: .5s;
	}
.cpfl ul li+li+li+li{
	border-top:none;
	}
.cpfl ul li a{
	color:#333;
	display:block;
	line-height:40px;
	}
.cpfl ul li:hover{
	border: 1px solid #0044ab;
    background-color: #0044ab;
	}
.cpfl ul li:hover a{
	color:#fff;
	}
.cpfl ul li+li+li+li:hover{
	border-top:none;
	}
.cpfl ul li.hover{
	border: 1px solid #0044ab;
    background-color: #0044ab;
	}
.cpfl ul li.hover a{
	color:#fff;
	}
@media (max-width:1000px) {
.cpfl ul li{
	width:calc(50% - 2px);
	}
.cpfl ul li+li+li{
	border-top:none;
	}
.cpfl ul li+li+li:hover{
	border-top:none;
	}
	}
.product{
	overflow:hidden;
	}
.product ul{
	overflow:hidden;
	}
.product ul li{
	width:31%;
	float:left;
	overflow:hidden;
	margin:1%;
	}
.product ul li .protp{
	width:100%;
	height:0;
	padding-bottom: 88.176%;
	overflow:hidden;
	position:relative;
	}
.product ul li .protp a::before {
	content: '';
    width: 700px;
    height: 700px;
    position: absolute;
    top: -50%;
    border-radius: 50%;
    box-shadow: 0px 0px 0px 0px rgba(0,0,0,0.1) inset;
    -webkit-box-shadow: 0px 0px 0px 0px rgba(0,0,0,0.1) inset;
    z-index: 0;
    left: -40%;
    transition: all 0.5s ease-in-out;
    -webkit-transition: all 0.5s ease-in-out;
	}
.product ul li .protp a::after {
	content: '';
	background: url(http://runtenghg.n.zyqxt.com/uploadfile/image/20171130/20171130163700_1111416998.png) no-repeat center;
	background-size: auto auto;
	position: absolute;
	width: 100%;
	height: 100%;
	left: 0;
	top: 0;
	background-size: 0px;
	transition: all 0.5s ease-in-out;
	-webkit-transition: all 0.5s ease-in-out;
  }
.product ul li:hover .protp a::before{
	box-shadow: 0px 0px 0px 50rem rgba(0,0,0,0.5) inset;
	-webkit-box-shadow: 0px 0px 0px 50rem rgba(0,0,0,0.5) inset;
	transition: all 0.5s ease-in-out;
	-webkit-transition: all 0.5s ease-in-out;
	}
.product ul li:hover .protp a::after{
	background-size:50px;
	transition: all 0.5s ease-in-out;
	-webkit-transition: all 0.5s ease-in-out;
	}
.product ul li .protp img{
	width:100%;
	}
.product ul li .prowz{
	}
.product ul li .prowz a{
	/*color:#7e7d7d;
	font-size:14px;
	line-height:25px;*/
	display:block;
	padding:0 5px;
	height:35px;
	border-bottom:1px solid #ececec;
	background:url(http://www.amantool.com/uploadfile/image/20171207/20171207210327_1256341787.png) no-repeat right -129px;
	text-align:left;
	font-size:14px;
	line-height:35px;
	color:#565656;
	transition:all .3s ease-in-out;
	}
.product ul li:hover .prowz a{
	background-color:#0152ac;
	background-position:right -154px;
	color:#fff;
	}
@media (max-width:1000px) {
.product ul li{
	width:48%;
	}
.product ul li .protp a::before {
    top: -35%;
    left: -25%;
	}
	}
@media (max-width:800px) {
.product ul li .protp a::before {
    top: -56%;
    left: -46%;
	}
	}
@media (max-width:600px) {
.product ul li .protp a::before {
    top: -92%;
    left: -80%;
	}
.product ul li .prowz a{
	background:none;
	}
	}
/**************************产品详情**************************/
.prodetails{
	width:100%;
	max-width:1200px;
	margin:0 auto;
	}
.bigxq{
	overflow:hidden;
	}
table.jianj{

	line-height:30px;
	border-top: 3px solid #0044ab;
	}
table.jianj td{
	font-size:14px;
	color:#333;
	border-bottom: 1px solid #e5e5e5;
	padding:20px 10px 20px 0px;
	}
table.jianj a{
	color:#333;
	}
table.jianj a:hover{
	color:#0044ab;
	text-decoration:underline;
	}
.smallxq h2{
	font-size:20px;
	color:#0044ab;
	margin-bottom:15px;
	text-align:center;
	}
@media (max-width:1180px) {
table.jianj{
	width:450px;
	}
	}
@media (max-width:1130px) {
table.jianj{
	width:400px;
	}
	}
@media (max-width:1080px) {
table.jianj{
	width:330px;
	}
	}
@media (min-width:1000px) {
.smallxq{
	display:none;
	}
	}
@media (max-width:1000px) {
.smallxq{
	display:block;
	}
#preview{
	display:none;
	}
table.jianj{
	width:100%;
	float:none;
	margin:20px 0px;
	}
	}
/**************************产品推荐**************************/
.Box {
	position: relative;
	overflow:hidden;
	margin:50px 0px 15px 0px;
}
.Box .content {
	width:1200px;
	margin: 0 auto;
}
.Box .Box_con {
	position: relative;
}
.Box .Box_con .btnl {
	position: absolute;
}
.Box .Box_con .btn {
	display: block;
	width: 36px;
	height: 36px;
	position: absolute;
	top: 114px;
	cursor: pointer;
}
.Box .Box_con .btnl {
	background: url(../images/jtl02.png) no-repeat center;
	left: 0px;
}
.Box .Box_con .btnr {
	background: url(../images/jtr02.png) no-repeat center;
	right: 0px;
}
.Box .Box_con .btnl:hover {
	background: url(../images/jtl03.png) no-repeat center;
}
.Box .Box_con .btnr:hover {
	background: url(../images/jtr03.png) no-repeat center;
}
.Box .Box_con .conbox {
	width: 1100px;
	margin: 0 auto;
	position: relative;
	overflow: hidden;
}
.Box .Box_con .conbox ul {
	position: relative;
	list-style: none;
}
.Box .Box_con .conbox ul li {
	float: left;
	width: 260px;
	margin-left: 20px;
	overflow: hidden;
}
.Box .Box_con .conbox ul li:first-child {
	margin-left: 0;
}
.Box .Box_con .conbox ul li .cptp {
	width: 260px;
	height: 229px;
	overflow: hidden;
	background:#fafafa;
}
.Box .Box_con .conbox ul li .cptp img {
	display: block;
	width: 260px;
	height: 229px;
	transition: all 0.5s;
}
.Box .Box_con .conbox ul li:hover .cptp img {
	transform: scale(1.1);
}
.Box .Box_con .conbox ul li p{
	font-size:14px;
	text-align:center;
	color:#333;
	line-height:30px;
	margin-top:5px;
	}
.Box .Box_con .conbox ul li:hover p{
	color:#0044ab;
	}
@media screen and (min-width:1100px) and (max-width:1200px) {
.Box .content {
	width: 1070px;
}
.Box .Box_con .conbox {
	width: 950px;
}
.Box .Box_con .btn {
	top: 97.5px;
}
.Box .Box_con .conbox ul li {
	width: 222.5px;
}
.Box .Box_con .conbox ul li .cptp {
	width: 222.5px;
	height: 196px;
}
.Box .Box_con .conbox ul li .cptp img {
	width: 222.5px;
	height: 196px;
}
	}
@media screen and (min-width:1000px) and (max-width:1100px) {
.Box .content {
	width: 980px;
}
.Box .Box_con .conbox {
	width: 870px;
}
.Box .Box_con .btn {
	top: 121px;
}
.Box .Box_con .conbox ul li {
	width: 276px;
}
.Box .Box_con .conbox ul li .cptp {
	width: 276px;
	height: 243px;
}
.Box .Box_con .conbox ul li .cptp img {
	width: 276px;
	height: 243px;
}
	}
@media (max-width:1000px) {
.Box .content {
	width: 900px;
}
.Box .Box_con .conbox {
	width: 820px;
}
	}
@media screen and (min-width:800px) and (max-width:900px) {
.Box .content {
	width: 780px;
}
.Box .Box_con .conbox {
	width: 690px;
}
.Box .Box_con .btn {
	top: 147px;
}
.Box .Box_con .conbox ul li {
	width: 335px;
}
.Box .Box_con .conbox ul li .cptp {
	width: 335px;
	height: 295px;
}
.Box .Box_con .conbox ul li .cptp img {
	width: 335px;
	height: 295px;
}
	}
@media screen and (min-width:700px) and (max-width:800px) {
.Box .content {
	width: 690px;
}
.Box .Box_con .conbox {
	width: 590px;
}
.Box .Box_con .btn {
	top: 125px;
}
.Box .Box_con .conbox ul li {
	width: 285px;
}
.Box .Box_con .conbox ul li .cptp {
	width: 285px;
	height: 251px;
}
.Box .Box_con .conbox ul li .cptp img {
	width: 285px;
	height: 251px;
}
	}
@media (max-width:700px) {/*700*/
.Box .content {
	width: 620px;
}
.Box .Box_con .conbox {
	width: 540px;
}
	}
@media screen and (min-width:500px) and (max-width:620px) {
.Box .content {
	width: 460px;
}
.Box .Box_con .conbox {
	width: 360px;
}
.Box .Box_con .btn {
	top: 158px;
}
.Box .Box_con .conbox ul li {
	width: 360px;
}
.Box .Box_con .conbox ul li .cptp {
	width: 360px;
	height: 317px;
}
.Box .Box_con .conbox ul li .cptp img {
	width: 360px;
	height: 317px;
}
	}
@media (max-width:500px) {/*400*/
.Box .content {
	width: 365px;
}
.Box .Box_con .conbox {
	width: 260px;
}
	}
/**************************新闻**************************/
h2.nebt{
	font-size:30px;
	color:#0044ab;
	font-weight:500;
	margin:35px 0px;
	text-align:center;
	}
table.new{
	line-height:65px;
	}
table.new th{
	font-size:16px;
	color:#333;
	font-weight:500;
	border-top: 3px solid #0044ab;
	border-bottom: 1px solid #e5e5e5;
	text-align:center;
	}
table.new tr td:nth-of-type(1), table.new tr td:nth-of-type(3){
	text-align:center;
	}
table.new tr td:nth-of-type(2){
	padding:0px 10px;
	}
table.new td{
	font-size:14px;
	color:#333;
	border-bottom: 1px solid #e5e5e5;
	}
table.new a{
	color:#333;
	}
table.new a:hover{
	color:#0044ab;
	text-decoration:underline;
	}
.nede{
	}
.news-tit{
	text-align:center;
	font-size:18px;
	color: #333;
	font-weight: bold;
	padding-bottom: 20px;
}
.news-tit span{
	text-align:center;
	display:block;
	line-height:25px;
	}
.news_detail {
	padding-bottom: 20px;
}
.news_detail p {
	font-size: 14px;
	line-height: 24px;
	color: #666666;
	padding-top: 8px;
}
.news_detail img{
	min-width:880px;
	min-height: auto;
}
.pages{
	line-height:30px;
	border-top:1px dotted #ccc;
	font-size:14px;
	color:#666666;
	padding-top: 20px;
	margin-top: 15px;
	margin-bottom: 15px;
	padding-left: 8px;
} 
.pages a{
	text-decoration:none;
	margin-left:3px;
	padding:2px 2px;
	color:#666666;
	}
.pages a:hover{
	text-decoration:none;
	color:#0044ab;
	}
/**************************关于我们**************************/
.abbg{
	width:100%;
	height:0;
	padding-bottom:36.459%;
	overflow:hidden;
	background:url(../images/abbg.jpg) center center;
	background-size:cover;
	margin:30px 0px;
	}
/*.abbg:before{
	content: '';
	width:100%;
	height:0;
	padding-bottom:36.459%;
    position: absolute;
	background:rgba(0,0,0,.3);
	}*/
.text{
	line-height:30px;
	font-size:14px;
	color:#333;
	}
.tpimg{
	width:100%;
	}
.tpimg ul{
	}
.tpimg ul li{
	width:18.5%;
	text-align:center;
	font-size:14px;
	color:#333;
	line-height:30px;
	float:left;
	margin:0.6%
	}
.tpimg ul li .photo{
	width:100%;
	background:#fff;
	cursor:pointer;
	overflow:hidden;
	border:1px solid #fff;
	}
.tpimg ul li .photo img{
	max-width:100%;
	min-width:100%;
	display:block;
	}
.tpimg ul li:hover{
	color:#0044ab;
	}
.tpimg ul li:hover .photo{
	border:1px solid #0044ab;
	}
@media (max-width:768px) {
.tpimg ul li{
	width:48%;
	margin:1%
	}
	}
/**************************联系我们**************************/
.contact{
	}
.contact .way{
	width:40%;
	float:left;
	overflow:hidden;
	}
.contact .way ul{
	}
.contact .way ul li{
	font-size:14px;
	color:#333;
	line-height:30px;
	margin-top:15px;
	}
.contact .way ul li:before{
	font-family: 'FontAwesome';
	font-size: 24px;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
	color: #fff;
	background:#0044ab;
	margin-right:10px;
	}
.contact .way ul li:nth-of-type(1):before {
	margin-right:0px;
	content: "";
	}
.contact .way ul li:nth-of-type(2):before {
	padding:3px 6px;
	content: "\f095";
	}
.contact .way ul li:nth-of-type(3):before {
	font-size: 20px;
	padding:5px 6px;
	content: "\f1ac";
	}
.contact .way ul li:nth-of-type(4):before {
	font-size: 20px;
	padding:5px 5px;
	content: "\f1d6";
	}
.contact .way ul li:nth-of-type(5):before {
	font-size: 20px;
	padding:5px 6px;
	content: "\f0e0";
	}
.contact .way ul li:nth-of-type(6):before {
	padding:3px 9px;
	content: "\f041";
	}
.contact .leave{
	width:55%;
	float:right;
	overflow:hidden;
	}
form{
	width:100%;
	overflow:hidden;
	}
form p+p{
	margin-top:20px;
	}
form p input[type="text"]{
	border:1px solid #ddd;
	width:99%;
	height:48px;
	text-indent:1em;
	outline:none;
	}
form p textarea{
	outline:none;
	resize:none;
	width:98%;
	height:98px;
	border:1px solid #ddd;
	padding:12px 0px 0px 12px;
	}
form p input[type="submit"]{
	background:#0044ab;
	width:48%;
	height:50px;
	outline:none;
	border:none;
	color:#fff;
	cursor:pointer;
	border-radius:5px;
	}
form p input[type="reset"]{
	background:#ccc;
	width:48%;
	height:50px;
	outline:none;
	border:none;
	color:#fff;
	cursor:pointer;
	margin-left:4%;
	border-radius:5px;
	}
@media (max-width:1000px) {
.contact .way{
	width:100%;
	float:none;
	}
.contact .leave{
	width:100%;
	float:none;
	margin-top:30px;
	}
	}