@charset "utf-8";
/* CSS Document */
body{text-align:center; font-family:"Microsoft Yahei",Arial, Helvetica, sans-serif; font-size:16px;  margin:0px 0px;  padding:0px 0px; color:#fff; background:url(../images/bg01.jpg)}  
*{margin:0; padding:0;}
form{margin:0px auto;  list-style-type:none;  padding:0px 0px; }  
td{font-family:"Microsoft Yahei",Arial, Helvetica, sans-serif;  font-size:14px;  }  
table{font-family:"Microsoft Yahei",Arial, Helvetica, sans-serif; margin:0px auto;  list-style-type:none;  padding:0px 0px;  }  
td {font-size:16px }  
tr {font-size:16px}  
th {font-size:16px}  
ul{margin:0px 0px;  padding:0px 0px;  list-style-type:none;}  
li{margin:0px 0px;  padding:0px 0px;  list-style-type:none;}    
a:link {color:#fff;text-decoration:none;  }  
a:visited {color:#fff;text-decoration:none;  }  
a:hover {color:#f95705;text-decoration:none;  }  
a:active {color:#fff;text-decoration:none;  } 
.grey{color:#a7a7a7}
.grey a{color:#a7a7a7; text-decoration:none}
.grey a:hover{color:#1ba6df; text-decoration:none}
.red{color:#ff0000}
.red a{color:#ff0000; text-decoration:none}
.red a:hover{color:#000000; text-decoration:underline}
.white{color:#FFFFFF}
.white a{color:#fff; text-decoration:none}
.white a:hover{color:#1ba6df; text-decoration:none;}
.black{color:#000}
.black a{color:#000; text-decoration:none}
.black a:hover{color:#ea5730; text-decoration:none}
.yellow{color:#f95705;}
.yellow a{color:#f95705; text-decoration:none}
.yellow a:hover{color:#f95705; text-decoration:none}
.blue{color:#3077bd;}
.blue a{color:#3077bd; text-decoration:none}
.blue a:hover{color:#3077bd; text-decoration:underline}
.blue1{color:#014592}
.blue1 a{color:#014592; text-decoration:none}
.blue1 a:hover{color:#014592; text-decoration:none}
.blue2{color:#9ba3b1}
.blue2 a{color:#9ba3b1; text-decoration:none}
.blue2 a:hover{color:#fff; text-decoration:none}
.grey1{color:#c1c1c1}
.grey1 a:link {color:#c1c1c1;text-decoration:none;  }  
.grey1 a:visited {color:#c1c1c1;text-decoration:none;  }  
.grey1 a:hover {color:#1c3b96;text-decoration:none;  }  
.grey1 a:active {color:#c1c1c1;text-decoration:none;  } 
img{border:0px;}
.left{float:left;}
.right{float:right;}
.banner1{clear:both; height:30px; overflow:hidden}
.banner2{clear:both; height:50px; overflow:hidden}
.t01{font-family:"Microsoft Yahei",Arial, Helvetica, sans-serif;}
.t02{font-family:"Microsoft Yahei",Arial, Helvetica, sans-serif;}
.extent{width:1400px; margin:0px auto; clear:both}
.main-index{clear:both; overflow:hidden}

.top{clear:both; padding:35px 0px; overflow:hidden}
#menu{height:45px; background:#151515; color:#f95705}
/*.menu{clear:both; line-height:45px;}
.menu ul{list-style-type:none; padding:0px;}
.menu li{float:left; width:auto; padding:0px 55px; color:#f95705; margin-left:100px; font-size:18px; font-weight:bold}
.menu li:nth-child(1){margin-left:0px;}
.menu li a{color:#f95705}
.menu li:hover{background:#f95705; color:#fff}
.menu li:hover a{color:#fff}*/
.menu{clear:both; }
#daohang{clear:both;  margin:0px auto; padding:0px;text-transform:uppercase;}
.tab{position:relative;display:block;float:left;cursor:pointer;}
.tab .tablink{position:relative; width:233px; line-height:45px;display:block;height:45px;color:#ff5600;font-size:18px;z-index:99;float:left;}
.tab .tablink a{line-height:45px;color:#ff5600;text-decoration:none; }
#daohang .hover .tablink a{line-height:45px;color:#ff5600;text-decoration:none;}
.arwlink a{color:#fff;padding:0px 0px; display:block}
a.tablink{color:#fff;padding:0px 0px; display:block}
.tab:hover{}
.tab:hover .tablink{color:#fff;  background:#f45f01;text-decoration:none}
.tab:hover .tablink a{color:#fff}
.dropdown:hover .arwlink{color:#000; height:45px}
.dropdown ul{display:none}
.dropdown:hover ul{position:absolute;display:block;top:40px;left:0px;z-index:9}
li.tab{margin-left:0px}
li.tab:nth-child(1){margin-left:0px}
.subnav{padding-bottom:10px; margin:0px auto; font-size:14px}
.subnav a{padding:10px 0px 8px 0px; width:233px;line-height:25px; margin:0px auto; display:block;white-space:nowrap;color:#ff5600; border-bottom:1px solid #2a2a2a; background:#000; text-align:center}
.subnav a:hover{text-decoration:none;color:#fff; background:#ff5600}
#daohang li.hover{color:#fff;  background:#ff5600;text-decoration:none}

.av{clear:both;}
/* flexslider */
.av .flexslider{position:relative;height:673px;overflow:hidden;background:url(../images/loading.gif) 50% no-repeat; z-index:1; width:100%}
.av .slides{position:relative;width:100%}
.av .slides li{height:673px;width:100%}
.slides li a{ display:block; width:100%; height:100%; text-align:left; text-indent:-9999px; }
.av .flex-control-nav{position:absolute;bottom:10px;z-index:2; left:46%;text-align:center;}
.av .flex-control-nav li{display:inline-block;width:14px; float:left;height:14px;margin:0 2px;*display:inline;zoom:1;}
.av .flex-control-nav a{display:inline-block;width:14px;height:14px;line-height:40px;overflow:hidden;background:url(../images/dot.png) right 0 no-repeat;cursor:pointer;}
.av .flex-control-nav .flex-active{background-position:0 0;}

.av .flex-direction-nav{position:absolute;z-index:3; left:0;width:100%;top:45%;}
.av .flex-direction-nav li a{display:block;width:50px;height:50px;overflow:hidden;cursor:pointer;position:absolute;}
/*.flex-direction-nav li a.flex-prev{left:60px;background:url(../images/prev.png) center center no-repeat;}
.flex-direction-nav li a.flex-next{right:60px;background:url(../images/next.png) center center no-repeat;}*/

.mainproducts{clear:both; margin:0px auto 40px auto; overflow:hidden}
.mainproducts .title{clear:both; padding:60px 0px 40px 0px; overflow:hidden; text-align:center}
.mainproducts .content{clear:both;}
.mainproducts .content ul{list-style-type:none; padding:0px; margin:0px;}
.mainproducts .content li{width:32%; float:left; margin:0px 0px 15px 0px}
.mainproducts .content li:nth-child(3n-1){margin:0px 2%}
.mainproducts .content li a{color:#fff}
.tpic img{width:100%;}
.mainproducts .content li h1{text-transform:uppercase; font-size:18px; padding:20px 0px 0px 0px; margin:0px;}
[data-zlname]{
	margin-bottom: 20px;
	width: 100%;
}
/*TEST*/
[data-zlname = test] [data-zl-popup]{
	width: 50%;
	height: 50%;
	padding: 5px;
	color: #fff; text-align:center;
}
#bgcolor01{ background-color:rgba(0,0,0,0.3)}
.mainicon{clear:both; margin:0px auto; padding-bottom:40px; overflow:hidden}
.mainicon .title{clear:both; padding:60px 0px 40px 0px; overflow:hidden; text-align:center}
.mainicon .content{clear:both;}
.mainicon .content ul{list-style-type:none; padding:0px;}
.mainicon .content li{width:19.2%; float:left; margin:0px 0px 10px 1%; height:175px; background:#333333; text-align:center}
.mainicon .content li:nth-child(5n+1){margin:0px}
.mainicon .content li .ipic{clear:both; padding:25px 0px 20px 0px; overflow:hidden}
.mainicon .content li .ipic2{clear:both; padding:45px 0px 20px 0px; overflow:hidden}
@keyframes xuanzhuan {
  from {
    transform: perspective(400px) translate3d(0, 0, 0) rotate3d(0, 1, 0, -360deg);
    animation-timing-function: linear;
  }
  20% {
    transform: perspective(400px) translate3d(0, 0, 0) rotate3d(0, 1, 0, -300deg);
    animation-timing-function: linear;
  }
  40% {
    transform: perspective(400px) translate3d(0, 0, 0) rotate3d(0, 1, 0, -240deg);
    animation-timing-function: linear;
  }
  60% {
    transform: perspective(400px) translate3d(0, 0, 0) rotate3d(0, 1, 0, -180deg);
    animation-timing-function: linear;
  }
  80% {
    transform: perspective(400px) translate3d(0, 0, 0) rotate3d(0, 1, 0, -60deg);
    animation-timing-function: linear;
  }
  to {
    transform: perspective(400px) translate3d(0, 0, 0) rotate3d(0, 1, 0, 0deg);;
    animation-timing-function: linear;
  }
}

.mainicon .content li:hover .ipic {
    animation: xuanzhuan 0.5s 1;
    -webkit-animation: xuanzhuan 0.5s 1;
    -moz-animation: xuanzhuan 0.5s 1;}
.mainicon .content li:hover .ipic2{
    animation: xuanzhuan 0.5s 1;
    -webkit-animation: xuanzhuan 0.5s 1;
    -moz-animation: xuanzhuan 0.5s 1;}	
.mainicon .content li{opacity:0.6;}
.mainicon .content li h1{font-size:16px; text-transform:uppercase; font-weight:normal; padding:0px; margin:3px 0px}
.mainicon .content li h2{font-size:14px; font-weight:normal; padding:0px; margin:0px 0px}
.mainicon .content li:hover{background:#ff5600; opacity:1}
.mainabout{clear:both; padding:45px 0px; overflow:hidden}
.mainabout .left{width:517px; float:left; margin:0px 60px 0px 0px}
.mainabout .right{width: calc(100% - 577px); float:left; padding:20px 0px 0px 0px}
.mainabout .right .title{clear:both; font-size:32px; color:#ff5600; font-weight:bold;  text-align:left; padding:0px 0px 10px 0px}
.mainabout .right .content{text-align:left; line-height:32px; clear:both}
.mainabout .right .more{clear:both; text-align:right}
.mainabout .right .more img:hover { position:relative;top:-10px; }
.mainodm{clear:both; margin:0px auto; padding-bottom:40px; overflow:hidden}
.mainodm .title{clear:both; padding:60px 0px 40px 0px; overflow:hidden; text-align:center}
.mainodm .mmnenu{clear:both; text-transform:uppercase; padding:0px 0px 20px 0px}
.mainodm .mmnenu a{height:35px; line-height:35px; font-size:16px; width:120px; margin:0px 8px; text-align:center;  border-radius:20px; display:inline-table; background:#2a2a2a; color:#fff}
.mainodm .mmnenu a:hover{ background:#ff5600; color:#fff}
.mainodm .mmnenu a.hover{background:#ff5600; color:#fff}
.mainodm .content{clear:both;}
.mainodm .content ul{list-style-type:none; padding:0px; margin:0px;}
.mainodm .content li{width:49%; float:left; margin-left:2%}
.mainodm .content li img{width:100%}
.mainodm .content li:nth-child(1){margin:0px}
.mm_name{clear:both; font-size:18px; padding:20px 0px 10px 0px}
.mainoutdoors{clear:both; margin:0px auto 40px auto; overflow:hidden}
.mainoutdoors .title{clear:both; padding:60px 0px 40px 0px; overflow:hidden; text-align:center}
.mainoutdoors .title .left{font-size:32px; color:#ff5600; font-weight:bold;  text-align:left; text-transform:uppercase; background:url(../images/line01.png) no-repeat right 30px }
.mainoutdoors .title .right{padding:10px 0px 0px 0px}
.mainoutdoors .title .right img:hover { position:relative;top:-10px; }
.mainoutdoors .content{clear:both;}
.mainoutdoors .content ul{list-style-type:none; padding:0px; margin:0px;}
.mainoutdoors .content li{width:28%; float:left; margin:0px 0px 15px 0px; background:#161616; padding:30px 2%; border-bottom:3px solid #161616}
.mainoutdoors .content li:nth-child(3n-1){margin:0px 2%}
.mainoutdoors .content li .time{font-size:30px; font-weight:bold; text-align:left}
.mainoutdoors .content li .title{clear:both; font-size:24px; font-weight:bold; padding:0px; margin:10px 0px; text-align:left}
.mainoutdoors .content li .info{clear:both; text-align:left; line-height:24px;}
.mainoutdoors .content li .pic{clear:both; padding:20px 0px}
.mainoutdoors .content li .pic img{width:100%}
.mainoutdoors .content li .more{clear:both; text-align:right}
.mainoutdoors .content li:hover{background:#353535; border-bottom:3px solid #ff5600}
.mainoutdoors .content li:hover .more img { position:relative;top:-5px; }
#footer{clear:both; background:#000}
.footer_top{clear:both; padding:30px 0px; overflow:hidden}
.lump01{width:210px; float:left; margin:0px 0px 0px 100px}
.logo2{clear:both; padding:0px 0px 40px 0px}
.ficon{clear:both; border-bottom:1px solid #242424; border-top:1px solid #242424; padding:10px 3px}
.lump02{float:left; text-align:left; margin:0px 0px 0px 200px;width: calc(100% - 910px);}
.lump02 h1{font-size:24px; font-weight:bold; color:#ff5600;}
.lump02 ul{list-style-type:none; padding:20px 0px 0px 0px;}
.lump02 li{width:40%; float:left; padding:6px 0px;text-transform:uppercase;}
.lump03{float:right; width:400px; text-align:left}
.lump03 h1{font-size:24px; font-weight:bold; color:#ff5600;}
.lump03 ul{list-style-type:none; padding:0px; margin:0px;}
.lump03 li{clear:both; text-align:left}
.lump03 li.i11{background:url(../images/ic11.png) no-repeat left center; padding:6px 0px 6px 25px;}
.lump03 li.i12{background:url(../images/ic12.png) no-repeat left center; padding:6px 0px 6px 25px;}
.lump03 li.i13{background:url(../images/ic13.png) no-repeat left center; padding:6px 0px 6px 25px;}
.lump03 li.i14{background:url(../images/ic14.png) no-repeat left 5px; padding:6px 0px 6px 25px;}
.footer_bottom{clear:both; height:45px; line-height:45px; border-top:1px solid #242424;}

.subwarp{clear:both}
#size{clear:both; border-bottom:1px solid #383838;text-transform:uppercase;}
.size{clear:both; color:#fff; height:45px; line-height:45px;}
.size .right{float:right}
.size .right ul{list-style-type:none; padding:0px; margin:0px}
.size .right li{float:left;text-transform:uppercase; margin:0px 0px 0px 15px}
.size .right li.hover{border-bottom:2px solid #f95705; color:#f95705; font-weight:bold}
.size .right li.hover a{color:#f95705;}
.pro_menu{clear:both; padding:20px 0px 0px 0px}
.pro_menu ul{list-style-type:none; padding:0px;  margin:0px;}
.pro_menu li{float:left; width:auto; padding:0px 20px; height:40px; line-height:40px; text-transform:uppercase; border-radius:20px; background:#2a2a2a; margin:0px 10px 10px 0px}
.pro_menu li.hover{background:#ff5600; color:#fff}
.pro_menu li:hover{background:#ff5600; color:#fff}
.pro_menu li a,.pro_menu li.hover a{color:#fff}
.products{clear:both; padding:20px 0px; overflow:hidden; width:1400px; margin:0px auto}
.products ul{list-style-type:none; padding:0px; margin:0px;}
.products li{list-style-type:none; padding:0px; margin:10px 0px 0px 16px; width:338px; float:left}
.p_pic{width:338px; height:338px; overflow:hidden}
.p_pic img{width:338px; height:338px; transform: scale(1);transition: all 1s ease-in-out 0s;}
.p_name{height:40px; line-height:40px;overflow:hidden}
.products li:nth-child(4n+1){margin-left:0px;}
.products li:hover .p_pic img{transform: scale(1.5);}
.products li:hover .p_name{color:#ff5600;}
.p_top{clear:both; padding:20px 0px 0px 0px; overflow:hidden}
.p_left{width:500px; margin-right:35px; float:left; text-align:center}
.p_right{float:right; width: calc(100% - 535px); text-align:left; line-height:36px;z-index:-99}
.p_right p{padding: 0px; margin: 0px;}
.p_right h1{font-size:32px; margin:0px; padding:0px 0px 15px 0px; color:#ff5600; letter-spacing:2px; }
.p_right ul{list-style-type:none; padding:0px; margin:0px;}
.p_right li{clear:both; text-align:left; line-height:26px; padding:3px 0px}
.p_right b{letter-spacing:2px;}
.p_bottom{clear:both; border-top:1px solid #383838; border-bottom:1px solid #383838; padding:5px 0px;}
.p_bottom .title{clear:both; border-bottom:1px solid #1ba6df; overflow:hidden; padding:20px 0px 0px 0px; margin:0px 0px 10px 0px}
.p_bottom .title .left{width:220px; background:#1ba6df; color:#fff;border-radius:10px 10px 0px 0px; height:55px; line-height:55px; font-size:18px;letter-spacing:1px; text-transform:uppercase;}
.p_bottom .content{clear:both; line-height:32px;}
.pr_btn{clear: both;}
.p_right .btn{clear:both; width:110px; text-align:center; background:#ff5600; font-size:18px; padding:5px 20px; color:#fff; float:left; overflow:hidden; margin-top:10px; display:block}
.p_right .btn a{color:#fff;}
.p_right .pr_links{width: auto;clear:both;  padding:20px 0px 30px 0px; overflow:hidden}
.p_right .pr_links img{margin: 0px 0px 0px 10px;}
/*.p_bottom{clear:both; padding:20px 0px 0px 0px }
.p_bottom .title{clear:both; border-bottom:3px solid #f95609; overflow:hidden; height:50px;}
.p_bottom .title .left{width:229px; background:url(../images/line02.png) no-repeat; padding:0px 20px 0px 0px; color:#fff; text-align:center;  height:50px; line-height:50px; font-size:18px; font-weight:bold; letter-spacing:1px; text-transform:uppercase;}
.p_bottom .content{clear:both; line-height:32px; padding:20px 0px 0px 0px}*/

/* tsShopContainer */
#tsShopContainer li,#tsShopContainer img{vertical-align:top;}
#tsShopContainer{width:500px; height:580px;position:relative; font-size:12px;}
#tsShopContainer #tsImgS{text-align:center;width:100%;position:relative; height:500px; border:1px solid #383838}
#tsShopContainer #tsImgS a{display:block;text-align:center;margin:0px auto;}
#tsShopContainer #tsImgS img{border:0px; height:500px; width:500px;}
#tsShopContainer #tsPicContainer{width:100%;height:61px;position:relative;}
#tsShopContainer #tsPicContainer #tsImgSArrL{width:17px;height:100%;background:url(../images/picshopArr.gif) no-repeat left center;position:absolute;top:6px;left:8px;cursor:pointer;}
#tsShopContainer #tsPicContainer #tsImgSArrR{width:17px;height:100%;background:url(../images/picshopArr.gif) no-repeat right center;position:absolute;top:6px;right:8px;cursor:pointer;}
#tsShopContainer #tsPicContainer #tsImgSCon{position:absolute;top:10px;left:38px;width:1px;height:70px;overflow:hidden;}
#tsShopContainer #tsPicContainer #tsImgSCon ul{width:100%;overflow:hidden;}
#tsShopContainer #tsPicContainer #tsImgSCon li{width:61px;float:left;cursor:pointer;}
#tsShopContainer #tsPicContainer #tsImgSCon li img{padding:3px;margin:1px;border:1px solid  #383838;display:block;width:42px;height:42px;}
#tsShopContainer #tsPicContainer #tsImgSCon li.tsSelectImg img{border:2px solid #ff5600;margin:0px;}
/* CSS class for zoomed area */
.MagicZoomBigImageCont {
	border:1px solid #ddd;
	background:#FFF; z-index:99
}

.MagicZoomMain {
	text-align: center !important;
	width: 92px;
}

.MagicZoomMain div {
	padding: 0px !important;
}

/* Header look and feel CSS class */
/* header is shown if "title" attribute is present in the <A> tag */
.MagicZoomHeader {
	font:			10px Tahoma, Verdana, Arial, sans-serif;
	color:			#fff;
	background:		#fff;
	text-align:     center !important; 
}


/* CSS class for small looking glass square under mouse */
.MagicZoomPup {
	border: 		0px solid #fff;
	background: 	#ffffff;
}

/* CSS style for loading animation box */
.MagicZoomLoading {
	text-align:		center;
	background: 	#ffffff;
	color:			#444;
	border: 		1px solid #ccc;
	opacity:		0.8;
	padding:		3px 3px 3px 3px !important;
	display: 		none; /* do not edit this line please */ 
}

/* CSS style for gif image in the loading animation box */
.MagicZoomLoading img {
	padding-top:	3px !important;
}
.productsinfo2{clear:both; padding:40px 0px 40px 0px; overflow:hidden}
.about{clear:both; padding:40px 0px 40px 0px; text-align:left; line-height:36px; overflow:hidden}
.subtitle{clear:both; text-align:center; text-transform:uppercase; font-size:30px; background:url(../images/line03.png) no-repeat center 0px; padding:10px 0px 20px 0px; color:#ff5600}
.about .content{clear:both}
.about .info{clear:both; text-align:center; padding:0px 0px 10px 0px}
.about .hcontent{clear:both; text-align:center;}
.about .hcontent img{height:400px; margin:0px 8px 10px 8px}
.quality{clear:both; padding:40px 0px 0px 0px; overflow:hidden}
.quality .info{clear:both; text-align:center; padding:0px 0px 20px 0px}
.quality .content{clear:both}
.quality .content ul{list-style-type:none; padding:0px; margin:0px;}
.quality .content li{clear:both}
.quality .content li .left{float:left; width:48%}
.quality .content li .right{float:right; width:48%}
.quality .content li h1{font-size:36px; color:#ff5600; padding:0px 0px 15px 0px; margin:0px; font-weight:normal;}
.quality .content li h2{font-size:36px; color:#ff5600; padding:0px 0px 15px 0px; margin:0px; font-weight:normal;}
.quality .content li .left{text-align:right}
.quality .content li .right{text-align:left}
.quality .content li .box01{height: 463px; display: table;}
.quality .content li .box02{height: 463px; display: table;}
.quality .content li .txt01{display: table-cell;  vertical-align: middle;  line-height:36px; padding:0px 20px 0px 0px}
.quality .content li .txt02{display: table-cell;  vertical-align: middle;  line-height:36px; padding:0px 20px 0px 0px}
.quality .content li .txt02 b{color:#ff5600;}
.pattern{clear:both; padding:40px 0px 0px 0px; overflow:hidden}
.pattern .content ul{list-style-type:none; padding:0px; margin:0px;}
.pattern .content li{width:32%; float:left}
.pattern .content li:nth-child(3n-1){margin:0px 2%}
.pa_name{height:45px; line-height:45px;}
.zipper{clear:both; padding:40px 0px 0px 0px; overflow:hidden}
.zipper .content ul{list-style-type:none; padding:0px; margin:0px;}
.zipper .content li{width:23%; float:left}
.zipper .content li:nth-child(2),.zipper .content li:nth-child(3){margin:0px 2%}
.zi_name{height:45px; line-height:45px;}
.scontact{clear:both; overflow:hidden; width:1400px; margin:0px auto}
.scontact .title{background:url(../images/i12.png) no-repeat 0px 30px; background-size:70px; text-align:center; font-size:24px; line-height:36px; margin:0px auto; padding:90px 0px 0px 0px;letter-spacing:2px; text-transform:uppercase;}
.scontact .content{clear:both; border-bottom:1px dotted #2a2a2a; overflow:hidden; margin-bottom:30px}
.scontact .content h1{font-size:36px; color:#fff; padding:40px 0px 30px 0px; margin:0px; text-align:center;letter-spacing:2px; text-transform:uppercase;}
.scontact .content ul{list-style-type:none; padding:0px; margin:0px;}
.scontact .content li{float:left; width:27%; padding:0px 3%; text-align:center; font-size:18px; border-left:1px solid #2a2a2a; overflow:hidden; height:220px; margin:35px 0px;}
.scontact .content li h1{font-size:24px; color:#fff; padding:20px 0px 10px 0px; margin:0px; text-align:center }
.scontact .content li:nth-child(1){border-left:none; } 
.feedback{clear:both;}
.feedback .title{text-align:center;font-size:20px; letter-spacing:2px; text-transform:uppercase; font-size:36px; color:#ff5600; font-weight:bold; background:none}
.feedback .txt{font-size: 18px; color: #a0a0a0;letter-spacing: 2px;
    text-transform: uppercase; padding:5px 0px; clear:both}
.feedback .content{clear:both; padding:30px 0px 40px 0px}
.feedback input{background:none;  outline:none;  border:none; font-size:16px; color:#fff;border:3px solid #383838;}
.feedback textarea{background:none;  outline:none;  border:none; font-size:16px; color:#fff;border:3px solid #383838;}
.txt03{border:3px solid #2e2e2e; width:97%; height:40px; line-height:40px; text-indent:15px}
.txt04{border:3px solid #2e2e2e; width:99%; text-indent:15px; padding:10px 0px 0px 0px}
.c_btn{clear:both; width:500px; margin:0px auto}
.c_btn ul{list-style-type:none; padding:0px; margin:0px;}
.c_btn li{ width:40%; margin:0px 5%; float:left;height:45px; line-height:45px; text-align:center; font-size:20px;letter-spacing:2px; text-transform:uppercase;}
.c_btn li:nth-child(1){color:#fff; background:#ff5600;}
.c_btn li:nth-child(2){color:#fff; background:#ff5600;}
.c_btn a{color:#fff;}
.knowleage{clear:both; padding:40px 0px 40px 0px; overflow:hidden}
.knowleage .content{clear:both; text-align:left; line-height:36px;}
.knowleage .content h1{padding:10px 0px; margin:0px; color:#ff5600; font-weight:normal}
.work{clear:both; padding:40px 0px 40px 0px; overflow:hidden}
.work .content{clear:both; text-align:left; line-height:36px;}
.work .info{clear:both; text-align:center; line-height:32px; padding:0px 0px 20px 0px; overflow:hidden}
.work .content ul{list-style-type:none; padding:0px; margin:0px;}
.work .content li{clear:both}
.work .content li .left{float:left; width:48%}
.work .content li .right{float:right; width:48%}
.work .content li h1{font-size:36px; color:#ff5600; padding:0px 0px 15px 0px; margin:0px; font-weight:normal;}
.work .content li h2{font-size:36px; color:#ff5600; padding:0px 0px 15px 0px; margin:0px; font-weight:normal;}
.work .content li .left{text-align:right}
.work .content li .right{text-align:left}
.work .content li .box01{height: 463px; display: table;}
.work .content li .box02{height: 463px; display: table;}
.work .content li .txt01{display: table-cell;  vertical-align: middle;  line-height:36px; padding:0px 20px 0px 0px}
.work .content li .txt02{display: table-cell;  vertical-align: middle;  line-height:36px; padding:0px 20px 0px 0px}
.work .content li .txt02 b{color:#ff5600;}

.news{clear:both}
.news ul{list-style-type:none; padding:0px;  margin:0px;}
.news li{clear:both; border-bottom:1px solid #383838; padding:20px 0px 10px 0px; color:#fff}
.news li .time{float:left; width:130px; text-align:left}
.news li .time h1{font-size:32px; color:#fff; padding:15px 0px 0px 0px; margin:0px; font-weight:normal}
.news li .info{width: calc(100% - 130px); float:left; text-align:left; line-height:26px}
.news li .info h1{font-size:18px; color:#fff; padding:0px 0px 10px 0px; margin:0px; }
.news li .more{clear:both; color:#f45f01; text-align:right; padding:10px 0px 10px 0px; overflow:hidden}
.news li .more a{ color:#ff5600;}
.news li:hover{border-bottom:1px solid #ff5600; color:#ff5600 }
.news li:hover h1{color:#ff5600 }

.news_title{clear:both;border-bottom:1px solid #383838; padding:0px 0px 20px 0px; }
.news_title h1{font-size:24px; color:#ff5600; padding:0px 0px 10px 0px; margin:0px; }
.news_content{clear:both; padding:20px 0px 0px 0px; overflow:hidden; text-align:left; line-height:36px;}
.news_content h1{padding:10px 0px; margin:0px; color:#ff5600; font-weight:normal}

@media only screen and (max-width: 1366px) {
.extent{width:1200px; margin:0px auto; clear:both}
.tab .tablink{position:relative; width:200px; line-height:45px;display:block;height:45px;color:#ff5600;font-size:16px;z-index:99;float:left;}
.subnav a{padding:10px 0px 8px 0px; width:200px;line-height:25px; margin:0px auto; display:block;white-space:nowrap;color:#ff5600; border-bottom:1px solid #2a2a2a; background:#000; text-align:center}
.subnav{font-size:13px;}
li.tab{margin-left:0px}
li.tab:nth-child(1){margin-left:0px}

.products{clear:both; padding:20px 0px; overflow:hidden}
.products ul{list-style-type:none; padding:0px; margin:0px;}
.products li{list-style-type:none; padding:0px; margin:10px 0px 0px 16px; width:288px; float:left}
.p_pic{width:288px; height:288px; overflow:hidden}
.p_pic img{width:288px; height:288px; transform: scale(1);transition: all 1s ease-in-out 0s;}
.p_name{height:40px; line-height:40px;overflow:hidden}
.products li:nth-child(4n+1){margin-left:0px;}
.products li:hover .p_pic img{transform: scale(1.5);}
.products li:hover .p_name{color:#ff5600;}
}
@media only screen and (min-width: 1367px) and (max-width: 1600px) and (min-width: 1367px){
.extent{width:1200px; margin:0px auto; clear:both}
.tab .tablink{position:relative; width:200px; line-height:45px;display:block;height:45px;color:#ff5600;font-size:16px;z-index:99;float:left;}
.subnav{font-size:13px;}
.subnav a{padding:10px 0px 8px 0px; width:200px;line-height:25px; margin:0px auto; display:block;white-space:nowrap;color:#ff5600; border-bottom:1px solid #2a2a2a; background:#000; text-align:center}
li.tab{margin-left:0px}
li.tab:nth-child(1){margin-left:0px}

.products{clear:both; padding:20px 0px; overflow:hidden}
.products ul{list-style-type:none; padding:0px; margin:0px;}
.products li{list-style-type:none; padding:0px; margin:10px 0px 0px 16px; width:288px; float:left}
.p_pic{width:288px; height:288px; overflow:hidden}
.p_pic img{width:288px; height:288px; transform: scale(1);transition: all 1s ease-in-out 0s;}
.p_name{height:40px; line-height:40px;overflow:hidden}
.products li:nth-child(4n+1){margin-left:0px;}
.products li:hover .p_pic img{transform: scale(1.5);}
.products li:hover .p_name{color:#ff5600;}
}

.pagination{padding: 20px 0;  text-align: center; cursor: default;}
.pagination a{color:#fff}
.pagination ul{list-style-type:none; padding:0px; margin:0px; color:#fff}
.pagination li{display: inline-block;}
.pagination li span{background:#000;background:#000; margin:0px 2px; padding:6px 15px}
.pagination a{background:#000;background:#000; margin:0px 2px; padding:6px 15px}
.pagination li.active span{background:#ff5600; color:#fff}