/*
	头部 head
*/
.head{ height:auto;width:100%; min-width:1200px; background:#ffffff;}
.head ul{ height:auto; width:1200px;  margin:0 auto; position:relative; z-index:3; }


.product-send-logo{ float:left; margin:40px auto 36px 10px; }
/*
	搜索 search
*/
.search-bd{ width:979px; height:auto;float:left; }
.search{ width:540px; float:left;  height:45px;  margin:32px auto auto 120px; position:relative;}
.search .text{ float:left; height:39px; width:449px;border:3px solid #c8c8c8; text-indent:5px; border-right:none; color:#999999;  }
.search .btn{ float:left; background:#e61e1e; width:88px; height:45px; border:none; color:#ffffff; font-size:16px; font-family:"新宋体"; cursor:pointer;}
 /*
	popup 弹窗
*/
.shortcut .wt ul .bc{ width:60px;  height:auto;}
.shortcut .wt ul li p{ position:absolute; line-height:40px; top:19px; right:15px; height:6px; width:6px; background:url(image/triangle.png) no-repeat; overflow:hidden;transition: transform .2s ease-in 0s;-moz-transform:transform .2s ease-in 0s;-ms-transform:transform .2s ease-in 0s;-webkit-transition: -webkit-transform .2s ease-in 0s; cursor:pointer;}
.wt ul .bc:hover .popup{ display:block; position:absolute; overflow:hidden; top:39px; left:5px; width:73px;border: 1px solid #DDD; background: none repeat scroll 0% 0% #FFF;box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.12);}
.wt ul .bc:hover .shelter-tp{ display:block;z-index: -1;left: 5px;top: 4px;width: 73px;height: 38px;position: absolute;border: 1px solid #DDD;background: none repeat scroll 0% 0% #FFF;box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.12); overflow:hidden;}
.wt ul .bc:hover .shelter-bt{display:block;position: absolute;z-index: 1;top: 34px;left: 6px;width: 73px;height: 8px;overflow: hidden;background: none repeat scroll 0% 0% #FFF;}
.wt ul .bc:hover p{ position:absolute; line-height:40px; top:19px; right:15px; height:6px; width:6px; background:url(image/triangle.png) no-repeat; overflow:hidden;transition: transform .2s ease-in 0s;-moz-transform:transform .2s ease-in 0s;-ms-transform:transform .2s ease-in 0s;-webkit-transition: -webkit-transform .2s ease-in 0s; transform: rotate(180deg);-webkit-transform: rotate(180deg);-moz-transform: rotate(180deg);-ms-transform: rotate(180deg);}
.wt ul .bc .popup{ display:none; position:absolute;  overflow:hidden; z-index:-1;  top:39px; left:5px; width:73px;border: 1px solid #DDD; background: none repeat scroll 0% 0% #FFF;box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.12);}
.wt ul .bc .popup a{ display:block; padding-left:5px; height:24px; line-height:24px;}
.wt ul .bc .popup a:hover{ color:red; text-decoration:underline;}
/*
	栏目 column
*/
.column{width: 1200px;  padding:20px 0px 0px 0px;  }
.logo{ width:auto; overflow:hidden; float:left;}
/*
	提示 msg
*/
.msg{ float:left; height:24px; line-height:24px; font-size:12px; width:100%; display:inline;}
.msg a{ color:#999999;}
.msg a:hover{ color:red; text-decoration:underline;}
/*
	导航 nav
*/
.nav{ width:100%; height:60px; background:#000000; }
.nav ul { width:1200px; height:inherit; margin:0 auto;background:url(image/exhibition-nav.png) no-repeat center; }
.nav ul li{ float:left; line-height:60px;  position:relative; }
.nav ul li:hover{float:left; line-height:60px;  position:relative; background:#dc2720; transition:all 0.3s ease-in-out 0s; -webkit-transition:all 0.3s ease-in-out 0s; -moz-transition:all 0.3s ease-in-out 0s; -ms-transition:all 0.3s ease-in-out 0s; -o-transition:all 0.3s ease-in-out 0s;}
.nav ul li a{ display:block;float:left;font-family:"微软雅黑"; color:#ffffff; font-size:16px; padding:0px 23.5px 0px 23.5px;   }
.nav ul li i{ float:right; display:block; width:20px; height:60px;background:url(image/polygon.png) no-repeat center;
transition:all 0.3s ease-in-out 0s;
-webkit-transition:all 0.3s ease-in-out 0s;
-moz-transition:all 0.3s ease-in-out 0s;
-o-transition:all 0.3s ease-in-out 0s;
-ms-transition:all 0.3s ease-in-out 0s;  }
.nav ul li:hover i{float:right; display:block; width:20px; height:60px;background:url(image/polygon.png) no-repeat center;
 transform: rotate(180deg);-webkit-transform: rotate(180deg);-moz-transform: rotate(180deg);-ms-transform: rotate(180deg);
transition:all 0.3s ease-in-out 0s;
-webkit-transition:all 0.3s ease-in-out 0s;
-moz-transition:all 0.3s ease-in-out 0s;
-o-transition:all 0.3s ease-in-out 0s;
-ms-transition:all 0.3s ease-in-out 0s; 
 }
 .nav ul li .subnav{ display:none; position:absolute; top:60px; left:0; overflow:hidden; width:100%; background:#FFFFFF; z-index:11;}
 .nav ul li .subnav a{ color:#666666; font-size:14px; line-height:28px; padding:0px; width:100%; text-indent:23.5px;}
 .nav ul li .subnav a:hover{ background:#dc2720; transition: all 0.3s ease-in-out 0s; color:#FFFFFF;}

/*
	广告位 advert
*/
.advert{ width:100%; height:360px;  position:relative;}
.advert a{ display:block; width:100%; height:100%;}
.advert i{ display:block; position:absolute; top:8px; right:5px; background:#000000 url(image/close.png) no-repeat 7px center; color:#ffffff; text-align:right; font-size:16px; padding:0px 10px 0px 25px; height:32px; line-height:32px; cursor:pointer; font-family:"微软雅黑";transition:all 0.4s ease-in-out 0s;
-webkit-transition:all 0.4s ease-in-out 0s;
 -moz-transition:all 0.4s ease-in-out 0s;
 -o-transition:all 0.4s ease-in-out 0s;
 -ms-transition:all 0.4s ease-in-out 0s;  }

.advert i:hover{ display:block; position:absolute; top:8px; right:5px; background:#000000 url(image/close-red.png) no-repeat 7px center; color:red; text-align:right; font-size:16px; padding:0px 10px 0px 25px; height:52px; line-height:52px; cursor:pointer; font-family:"微软雅黑"; 
transition:all 0.4s ease-in-out 0s;
-webkit-transition:all 0.4s ease-in-out 0s; 
-moz-transition:all 0.4s ease-in-out 0s;
-o-transition:all 0.4s ease-in-out 0s;
-ms-transition:all 0.4s ease-in-out 0s;  
}
/*
	页面主体  main
*/
.main{ width:1200px; margin:0 auto;}
.wrap{ overflow:hidden; width:100%;  }
/* 
	焦点图效果 picBtnTop
*/
.picBtnTop{ width:790px; height:340px;   position:relative;  background:#ffffff;  overflow:hidden;  zoom:1; float:left;  }
.picBtnTop .hd{ width:130px;  height:100%;  margin-left:10px; float:right; overflow:hidden; }
.picBtnTop .hd ul li{ height:58px; padding:10px 15px 10px 15px;   cursor:pointer; }
.picBtnTop .hd ul li p{  font-size:12px; line-height:18px; color:#fffdfb;font-family:"新宋体";  width:100%;transition: all 0.3s ease-in-out 0s; -moz-transition: all 0.3s ease-in-out 0s; -ms-transition: all 0.3s ease-in-out 0s; -o-transition: all 0.3s ease-in-out 0s; -webkit-transition: all 0.3s ease-in-out 0s; }
.picBtnTop .hd ul li p:hover{ width:100%;  opacity:0.5;filter:alpha(opacity=50); transition: all 0.3s ease-in-out 0s; -moz-transition: all 0.3s ease-in-out 0s; -ms-transition: all 0.3s ease-in-out 0s; -o-transition: all 0.3s ease-in-out 0s; -webkit-transition: all 0.3s ease-in-out 0s;}
.picBtnTop .hd ul li:nth-of-type(1){ background:#d82d33;}
.picBtnTop .hd ul li:nth-of-type(2){ margin-top:6px; background:#2daba8;}
.picBtnTop .hd ul li:nth-of-type(3){ margin-top:6px; background:#fe892c;}
.picBtnTop .hd ul li:nth-of-type(4){ margin-top:6px; background:#1e7c23;}
 
.picBtnTop .bd{ width:630px; height:100%;  position:relative; float:left;  }
.picBtnTop .bd li{ position:relative; zoom:1; vertical-align:middle;}
.picBtnTop .bd li .pic{ position:relative; z-index:0;  }
.picBtnTop .bd li .pic img{ width:630px; height:330px; vertical-align:bottom; }
.picBtnTop .bd li .bg{ width:100%; height:55px; position:absolute; left:0; bottom:0; z-index:1;  background:#000; filter:alpha(opacity=60);opacity:0.6; }
.picBtnTop .bd li .caption{ width:100%; height:55px; line-height:55px; left:0; bottom:0;   position:absolute; z-index:2; overflow:hidden;}
.picBtnTop .bd li .caption a{ color:#fffdfb; padding-left:30px; font-family:"新宋体"; font-weight:bold; font-size:16px; }
/*
	最近展会  recently
*/
.recently{ overflow:hidden; float:right; width:320px; height:310px; background:#ffffff; padding:20px 25px 30px 25px;}
.recently h1{  font-size:16px; color:#333333; font-family:"新宋体";  border-bottom:1px solid #333333; padding: 0px 0px 10px 10px; background:url(image/recommend-red.png) no-repeat left top;}
.recently ul li{ width:100%;margin-top:25px;  }
.recently ul li img{ float:left; display:block; height:15px;  margin:3px 15px auto auto;}
.recently ul li a{  display:block; overflow:hidden; color:#333333; font-size:12px; }
.recently ul li a span{ color:#999999; line-height:18px;}
/*
	展会
*/
.title{ overflow:hidden; width:100%; padding-bottom:10px; border-bottom:1px solid #333333; margin-bottom:5px;}
.title p{ float:left; font-weight:bold; font-size:16px; color:#333333;  text-indent:15px;}
.title a{ float:right; color:#333333; font-size:12px; padding:4px 4px 0px 0px;}
.title a:hover{ text-decoration:underline; color:#d82d33;}
.left{width:750px; background:#ffffff; padding:25px 30px 30px 30px;}
.left .yellow p{background:url(image/brand.png) no-repeat top left;}
.right{ width:370px;height:auto; overflow:hidden; }
.right .blue{ background:url(image/blue.png) no-repeat top left;}
.right .green{ background:url(image/green.png) no-repeat top left;}

.mn{ overflow:hidden;}
.mn .content{ width:340px; height:100px; margin-top:25px; float:left; }
.mn .content:nth-of-type(2n){ float:right;}
.content .logo{ float:left; display:block; width:140px; height:inherit; overflow:hidden;}
.content .logo img{ display:block; width:100%;}
.content .list{ float:right; width:190px; height:inherit;}
.content .list h1{ color:#333333;  line-height:18px; margin-top:-2px; font-size: 14px; font-weight: bold;}
.content .list a{ display:block; color:#666666; font-size:12px; line-height:14px; margin-top:8px;}
.content .list a:hover{ text-decoration:underline; color:#e61e1e;}
.content .list span{ display:block;color:#666666; font-size:12px; line-height:12px; margin-top:19px;}

.news{padding:25px 30px 30px 30px; width:310px;background:#ffffff; margin-bottom:20px;}
.news h1{ font-weight:normal; font-size:12px; line-height:12px; color:#333333; text-indent:20px; background:url(image/point-icon.png) no-repeat left center; overflow:hidden;margin-top:15px;}
.news h1 a{color:#333333; float:left; overflow:hidden; }
.news h1 a:hover{ color:#e61e1e; text-decoration:underline;}
.news h1 span{ color:#999999; float:right; padding-right:10px;}
.news h2{ font-weight:normal; font-size:14px; line-height:14px; color:#333333; margin-top:10px; margin-left:10px;}
.news h2:nth-of-type(1){ margin-top:30px;}
.news img{  margin:20px auto auto 10px; text-align:center; }