body,dl,dt,dd,p,h3{margin:0;}
html{font-size:62.5%;}
img{border:0px none; vertical-align:middle;}
table{border-collapse:collapse;}
ul{display:block; margin:0; padding:0;}
li{list-style:none;}
a:link {
	color: #666;
	text-decoration: none;
}
a:visited {
	text-decoration: none;
	color: #666;
}
a:hover {
	text-decoration: none;
	color: #F00;
}
a:active {
	text-decoration: none;
}
.clear{ clear:both; height:0px !important; overflow:hidden;}
.wrap{width:86%;box-sizing: border-box;margin: auto;}
.w12{width: 1200px;max-width: 92%;margin: 0 auto;}
.w14{width: 1440px;max-width: 92%;margin: 0 auto;}
.w16{width: 1600px;max-width: 92%;margin: 0 auto;}
.pt30{padding-top: 30px;}
.pt50{padding-top: 50px;}
.pb30{padding-bottom: 30px;}
.pb50{padding-bottom: 50px;}
.fl{float:left;}
.fr{float:right;}
.imgauto{width: 100%;height: auto;}

/************产品一行四个************/
.prolisthzy{margin-top:40px;}
.prolisthzy{margin: 0 -1% 0 -1%;}
.prolisthzy li{float: left; border: 1px solid #ddd; width:23%; padding: 10px;  margin: 1%; margin-bottom:20px;box-sizing: border-box; position: relative;}
.prolisthzy li i{display: block;height:3px;width:0%;position: absolute;left:0;bottom:0px;z-index: 9; background: #2c5291;overflow: hidden;opacity: 0;transition: all .3s;}
.prolisthzy li i::before{display: block;content: " "; height:4px;width:600%;position: absolute;left: 0;bottom:0;z-index: 9;background: #2c5291 linear-gradient(to right, #2c5291 0%,#2c5291 60%,#2c5291 100%); animation: bgcolor 2s ease infinite;}
.prolisthzy li:hover a i{opacity: 1;width: 100%;}
@keyframes bgcolor{
0% {left: 0;}
100% {left: -1000%;}
}
.prolisthzy li:nth-of-type(4n) { margin-right: 0 !important;}
.prolisthzy li a{display: block; width:100%;}
.prolisthzy li a .img img{
width:100%;transition: all 0.5s;  
-moz-transition: all 0.5s;  
-webkit-transition: all 0.5s;   
-o-transition: all 0.5s; 
}
.prolisthzy li a .img :hover{
transform: scale(1.05);
-ms-transform: scale(1.05);  
-moz-transform: scale(1.1); 
-webkit-transform: scale(1.05); 
-o-transform: scale(1.05);}
.prolisthzy li a p{height: 40px;line-height: 40px; font-size: 16px; text-align: center;white-space:nowrap;;text-overflow:ellipsis;}

/************产品详情TAB************/
#product_tab .pro-ft .tab-hd{height:80px;color:#333;line-height:80px;font-size:1.6rem;text-align:center;background-color: #2c5291;margin-bottom: 20px;}
#product_tab .pro-ft .tab-hd ul{width: 80%; margin:auto;}
#product_tab .pro-ft .tab-hd ul li{float:left;width:20%;font-size: 18px; color: #ffffff;position:relative;cursor:pointer;}
#product_tab .pro-ft  .tab-hd li .arrowT {
    display: inline-block;
    width: 0;
    height: 0;
    border-width: 14px;
    position: absolute;
    bottom: 0px;
    left: 50%;
    margin-left: -10px;
    border-left: 10px solid transparent;
    border-right: 10px solid transparent;
    border-bottom: 10px solid #fff;
	display:none;
	}
#product_tab .pro-ft  .tab-hd li.on .arrowT {
    display: block;
	}
#product_tab .pro-ft .tab-hd ul li:hover{text-decoration:underline;}
#product_tab .pro-ft .tab-hd ul li.on{color: #fff;font-weight:bold; }
.pro-ft .tab-item{display:none;}
.pro-ft .tab-con{margin:auto;}
.pro-ft .tab-con img{max-width:100%;}
.tab-item dt{font-size:26px;color:#333;margin-bottom:30px;}
.tab-item dd{position:relative;font-size: 16px;line-height: 180%;color:#666;padding-top: 20px;}
.pro-ft .tab-con table{width:100%;}
.pro-ft .tab-con table td{border:1px solid #ddd;padding:5px;}
.pro-ft .tab-con table tr:hover{background-color:#f5f5f5!important;}
.pro-ft .tab-con table a{text-decoration: underline;}

.pageurl{width: 100%;}
.pageurl{position:relative;text-align:center; padding-top:35px;border-top: 1px solid #eee;margin-top:40px;}
.pageurl a{display:inline-block;width:150px;height:50px;line-height: 50px; font-size:16px;color: #333;position: relative;overflow: hidden;margin:0 20px;background-color: #e8e8e8;}
.pageurl a:hover{background-color: #f08200;color: #fff;box-shadow: 0px 0px 15px #f08200;}
.pageurl a.back{color: #fff;background-color: #2c5291;}
.pageurl>a.no{ color:#ddd!important;background-color: #f5f5f5!important;box-shadow:none!important;}
.pageurl a.back:hover{color: #fff;background-color: #333;box-shadow: 0px 0px 15px #999;}
@media (max-width: 1280px) {
}
@media (max-width: 992px) {
.pageurl a {display: inline-block;width:90px;height:40px;line-height: 40px;font-size:14px; margin: 0 10px;}
.prolisthzy li{width:48%;}
.pro-ft .tab-hd{ display: none;}
.pro-ft .tab-con { width: 100%;}
.tab-item { display: block !important; }
.tab-item { padding-top: 0; border-bottom: 1px solid #eee }
.tab-item dt { height: 55px; padding: 0 4%; font-weight: normal; font-size: 16px; line-height: 55px; background: #fff; margin-bottom:0; position: relative; cursor: pointer; }
.tab-item dt i { display: block; width: 22px; height: 13px; background: url(arrow2.png) center no-repeat; background-size: 100%; position: absolute; top: 21px; right: 4%; }
.tab-item dt.on { background: #2c5291; color: #fff; border-bottom: 1px solid #2c5291; }
.tab-item dt.on i { background-image: url(arrow1.png); }
.tab-item dd { display: none; padding:2% 15px;font-size: 14px;}
.tab-item dd iframe{height: 200px !important;}
.tab-item dd{overflow-y: auto;}
}