@charset "utf-8";
/* CSS Document */
/*公共样式*/
*{ margin:0; padding:0;}
.comwidth{ width:1200px; margin:0 auto;}
.clear{ clear:both;}
/*header部分*/
.header{
	height:30px;
	width:100%;
	background-color:#F0F0F0;
	line-height:30px;
	font-size:12px;
}
.header .ha1{
	color:#F00;
	margin-left:10px;
	margin-right:10px;
}
.header .ha2:hover{
	color:#F00;
	}

.header .ha3{ color:#F00;}


.header .header_right ul li{
	float:left;
}
.header .header_right ul li a{
	margin-left:10px;
	border-left:1px solid #d0d0d0;
	padding:0px 10px;
}
.header .header_right ul li a:hover{
	color:#F00;
}

/*logoBar*/
.logoBar{
	height:80px;
}
.logoBar .img1{
	margin-top:18px;
	}

/*search_box*/
.search_box{
	margin-left:100px;
	width:480px;
	padding-top:43px;
	padding-left:185px;
	
}
.search_text{
	width:383px;
	height:33px;
	line-height:33px\9;
	padding:0 5px;
	background-color:#FFF;
	border:1px solid #0074D9;
	
	}
.search_btn{
	width:85px;
	height:35px;
	font:14px\35px "Microsoft YaHei","微软雅黑";
	background-color:#0074D9;
	color:#fff;
	}

.logoBar .img2{
	margin-top:-40px;
	float:right;
	margin-right:50px;
}

/*logoBar部分结束*/

/*mbox部分*/
#mbox{
	width:100%;
	border:#00F 0px solid;
	margin:0 auto;
}

#mbox .menu{
	border:#FFF 1px solid;
	margin-left:228px;
	margin-top:-35px;
}
#mbox .menu ul li{
	float:left;
	margin-left:0px;
	font-size:16px;
}
#mbox .menu ul li a{
	line-height:20px;
	display:inline-block;
	margin-left:20px;
	height:20px;
	font-size:16px;
	font-family:微软雅黑, 黑体;
	padding:6px 5px;
	border-bottom:2px solid #FFF;
	
}
#mbox .menu ul li a:hover{
	/*color:#FFF;
	background-color:#C00;
	*/
	border-bottom:2px solid #F00;
}


/*picbox部分*/
#picbox{
	height:440px;
	border:0px solid orange;
	clear:both;
	margin:0 auto;
}

.picleft{
	width:180px;
	height:430px;
	border:0px solid green;
	float:left;
}
#picbox .picad{ border:0px solid green; width:752px; margin-left:0px; float:left; height:430px;}
#picbox .pic_down ul{ margin-left:5px; margin-top:-36px;}
#picbox .pic_down ul li{ float:left; margin-left:10px;}


#picbox .siderg{
	width:256px;
	height:430px;
	border:0px solid red;
	margin-left:760px;
	float:left;
	margin-top:-430px;
	text-align:center;
	
}
.siderg .siderg_up{ margin-top:10px;}
.siderg .siderg_up img{
	 margin-top:20px;
	 margin-left:40px;
	border:0px solid red;
	float:left;
}
.siderg .siderg_up h3{ color:#666666; margin-top:20px;}
.siderg .siderg_up ul{ margin-left:10px; margin-top:0px; float:left; border:0px solid yellow;}
.siderg .siderg_up ul li{ margin-top:5px; margin-left:0px;}
.siderg .siderg_up ul li a{ margin-left:10px;}
.siderg .siderg_up ul li a:hover{ color:#F00;}
.rgmember{ margin-top:40px; border:0px solid red; float:left;}
.rgmember ul li{ float:left; line-height:26px; margin-left:10px;}
.rgmember ul li a{ display:block; height:26px; line-height:26px; margin-left:10px; background-color:#F90; padding:2px 20px; color:#FFF;}

.rgmember2{ margin-top:20px; border:0px solid red; float:left;}
.rgmember2 ul li{ float:left; line-height:26px; margin-left:10px;}
.rgmember2 ul li a{ display:block; height:20px; line-height:20px; margin-left:10px; padding:2px 20px; color:#F00; border-radius:10px; border:1px solid red;}




.siderg .rgline{ border:0px solid blue; margin-top:40px; height:120px; float:left;}
.tab {
  width: 240px;
  margin: 0px auto;
}
.tab-title {
  height:30px;
  font-size: 0;
  border-top:1px solid #E0E0E0;
}
.tab-title .item {
  display: inline-block;
  width: 36px;
  height: 26px;
  line-height: 30px;
  text-align: center;
  color: #333;
  font-size: 14px;
  margin-left:20px;
}
.tab-title.item_r{color:#999;}


.tab-title .itemside{ margin-left:-60px;}


.tab-title .item-cur {
	border-bottom:2px solid #F00;
}
.tab-cont {
  position: relative;
  width: 240px;
  height: 200px;
  overflow: hidden;
}
.tab-cont__wrap {
  position: absolute;
  text-height:20px;
}
.tab-cont .item {
  width: 240px;
  height: 200px;
  line-height:20px;
  text-align: center;
  color: #fff;
  border:0px solid red;
}
.tab-cont .item ul li{ float:left;}
.tab-cont__wrap .tab-cont_wrap2{ margin-left:20px; margin-top:10px; line-height:26px; font-size:12px;}






/*cont部分*/
#cont{
	width:1200px;
	border:1px solid #00F;
	background-color:#F0F0F0;
	margin:0 auto;
	margin-top:30px;
}
/*context部分*/
.context{
	
	
}


/*top_text部分*/
.context .top_text{ border:0px solid #666; height:430px;text-align:center;}
.context .top_text h1{ margin-top:10px; font-size:18px; letter-spacing:3px;font-family:"微软雅黑"; color:#333; letter-spacing:6px;}
.context .top_text i{ font-size:12px; color:#999;}

.context .top_text h3{ margin-top:10px; font-size:16px; letter-spacing:3px;margin-top:20px; font-family:"微软雅黑"; color:#666;}
.box{
	width:1200px;
	height:400px;
	border:0px solid #ddd;
	margin:60px auto;
}

.box ul li .hot{
	width:200px;
	height:60px;
	margin:0px auto;
	border:0px solid green;
}


.box ul li .hot h1{
	border:0px solid red;
	margin-top:20px;
	font-size:18px;
}
.box ul li .hot p{
	margin-top:10px;
	font-size:14px;
	color:#333;
}

.box img{
	margin-top:0px;
	margin-left:-45px;
}


.box ul li{
	list-style:none;
	width:225px;
	height:225px;
	float:left;
	margin-right:10px;
	position:relative;
	overflow:hidden;
	transition:all 0.6s ease;
	margin-bottom:20px;
	background-color:#FFFFCC;
}
.box ul li h1{
	width:120px;
	height:26px;
	font-size:16px;
	color:#333;
	font-weight:normal;
	text-align:center;
	line-height:26px;
	margin:0 auto;
}
.box ul li a{
	padding:20px 45px;
	display:block;
}
.box ul li h2{
	font-size:14px;
	font-weight:normal;
	text-align:center;
}
.box ul li h3{
	color:orange;
	text-align:center;
	margin-top:10px;
	font-weight:normal;
}
.box ul li p{
	color:#999;
	font-size:12px;
	text-align:center;
	margin-top:10px;
}
.box ul li .hiden{
	width:100%;
	height:280px;
	background:#3C3C3C;
	background:rgba(0,0,0,0.7);
	position:absolute;
	border:0px solid red;
	top:285px;
	transition:all 0s ease;
}
.box ul li .hiden .hot1{
	width:200px;
	height:60px;
	margin:0px auto;
	border-bottom:1px solid #7B7B7B;
}
.box ul li .hiden .hot1 h1{ font-size:18px; margin-top:20px; color:#FFF;}
.box ul li .hiden .hot1 p{ font-size:14px;color:#FFF;}
.box ul li .hiden h3{ color:#CCC; margin-top:20px;}
.box ul li .hiden a{ width:56px;display:block; margin:0 auto; font-size:14px; border:1px solid #999; line-height:14px; padding:8px 10px; margin-top:40px; color:#D0D0D0;}

.box ul li .hiden a:hover{ color:#6c6c6c;}

.box ul li:hover .hiden{
	top:0px;
}
.box ul li:hover h1{ color:#9D9D9D;}




.box ul li:hover{
	box-shadow:0 15px 30px rgba(0,0,0,0.1);
}
.box ul li:hover{
	transform:translateY(-10px);
	
}


/*context_r部分*/
.context_r{ height:400px;}
.trade{
	width:1150px;
	height:600px;
	border:0px red solid;
	margin:20px auto;
	background:#fff;
	padding:20px;
}

.trade ul li .tu {
	position:absolute;
	top:0px;
	-webkit-transition:all 0.3s ease;
	-moz-transition:all 0.3s ease;
	-o-transition:all 0.3s ease;
	transition:all 0.3s ease;
}

.trade ul li .tu img{
	margin-top:0;
	margin-left:30px;
}
.trade ul li .tu a{
	margin-top:10px;
	color:#6c6c6c;
	margin-left:60px;
	font-size:16px;
}








.trade .title{
	margin-bottom:20px;
}
.trade .title span{
	font-size:18px;
	color:#333；
}
.trade .title a{
	float:right;
	color:#666;
	font-size:14px;
	text-decoration:none;
}
.trade .title a:hover{
	color:red;
}
.trade ul li{
	width:210px;
	height:240px;
	border:1px solid green;
	list-style:none;
	position:relative;
	float:left;
	margin-left:12px;
	margin-bottom:20px;
	overflow:hidden;
}
.trade ul li .info{
	width:210px;
	height:240px;
	background:rgba(0,0,0,0.3);
	background:url(../../../../2017%20%E7%BD%91%E9%A1%B5%E8%AE%BE%E8%AE%A1%20%E5%AD%A6%E4%B9%A0%E6%96%87%E4%BB%B6/12%E6%9C%88%E4%BB%BD%20%E7%BD%91%E9%A1%B5%E8%AE%BE%E8%AE%A1/12-2%E8%AE%BE%E8%AE%A1/images/li_a.jpg);
	position:absolute;
	top:240px;
	-webkit-transition:all 0.s ease;
	-moz-transition:all 0.3s ease;
	-o-transition:all 0.3s ease;
	-ms-transition:all 0.3s ease;
	transition:all 0.3s ease;
}

.trade ul li .info h2{
	font-size:20px;
	color:#fff;
	text-align:center;
	padding-top:50px;
}
.trade ul li .info p{
	font-size:14px;
	color:#fff;
	text-align:center;
	line-height:30px;
	margin-top:30px;
	padding:0 10px;
}
.trade ul li .info a{
	width:100px;
	height:36px;
	background:red;
	display:block;
	text-align:center;
	line-height:36px;
	color:#fff;
	margin:10px auto;
}

.trade ul li:hover .info{
	top:0;
}
.trade ul li:hover .tu{
	top:-240px;
	
}

/*context_r2*/

.context_r2 .title:hover img{ -webkit-transform:rotate(360deg) scale(1);-moz-transform:rotate(360deg) scale(1);-o-transform:rotate(360deg) scale(1);-ms-transform:rotate(360deg) scale(1.5);transform:rotate(360deg) scale(1);}
.context_r2 .title img{transition:1s; -webkit-transition:1s;-moz-transition:1s;-o-transition:1s;-ms-transition:1s;}




.trade2{
	width:1200px;
	height:320px;
	border:0px red solid;
	margin:20px auto;
	background:#fff;
	padding:20px;
	}

.trade2 .title{
	margin-bottom:20px;
}
.trade2 .title span{ font-size:18px;}
.trade2 .title a{ margin-right:10px; float:right;}

.trade2 li.trade2_mix{ border:0px solid red;}


.trade2 ul li .tub{ margin:20px auto; border:0px solid red; text-align:center; line-height:30px;}
.trade2 ul li .tub a{ padding:5px 10px;border:1px solid #999; border-radius:5px;}
.trade2 ul li .tub a:hover{ border:1px solid red;}





.trade2 ul{ margin-left:-20px;}
.trade2 ul li{ float:left; margin-left:10px; width:230px; height:280px; border:0px solid green; background-color:#E0E0E0;}
.trade2 ul li h3{ color:#F00;}


.trade2 ul li img{ margin-left:75px; margin-top:30px; transition:1s; -webkit-transition:1s;-moz-transition:1s;-o-transition:1s;-ms-transition:1s;}
.trade2 ul li:hover img{ -webkit-transform:rotate(360deg) scale(1.5);-moz-transform:rotate(360deg) scale(1.5);-o-transform:rotate(360deg) scale(1.5);-ms-transform:rotate(360deg) scale(1.5);transform:rotate(360deg) scale(1.5);}
.trade2 ul li:hover{}
.trade2 ul li.trade2_mix{ margin-left:0px; width:240px; background:url(file:///G|/2017%E5%B9%B4/2017%20%E7%BD%91%E9%A1%B5%E8%AE%BE%E8%AE%A1%20%E5%AD%A6%E4%B9%A0%E6%96%87%E4%BB%B6/12-17%20%E7%89%9B%E4%BA%91%E5%9B%BE%20%E6%94%B9%E8%BF%9B%E5%AD%A6%E4%B9%A0/mix1.jpg);}







/*trade_three*/
.trade_three{ width:1200px; height:160px; border:0px solid red;}
.trade_three .trade_r1 img{ margin-left:0px;}
.trade_three .trade_r1 h3{ margin-left:45px; font-size:16px; margin-top:-25px;}
.trade_three .trade_r1 ul li{ float:left; margin-left:30px; margin-top:10px;}
.trade_three .trade_r1 ul li dl{ margin-top:10px;}
.trade_three .trade_r1 ul li dl dd{ margin-top:10px; }
.trade_three .trade_r1 ul li dl dd a{margin-left:10px;}


.trade_three .trade_r4 ul li{ float:left; margin-left:10px; width:360px; padding:10px 10px;}

.trade_three .trade_r4 ul li:hover{border-top:3px solid #00F;}

.trade_three .trade_r4 .r4green{ border-top:3px solid green;}
.trade_three .trade_r4 .r4red{ border-top:3px solid red;}
.trade_three .trade_r4 .r4yellow{ border-top:3px solid #F93;}



.trade_three .trade_r4 .trade_r4_right{ margin-left:110px; margin-top:-60px;} 
.trade_three .trade_r4 .trade_r4_right h3{ font-size:18px; color:#06F;}
.trade_three .trade_r4 .trade_r4_right p{ margin-top:10px;}
.trade_three .trade_r4 .trade_r4_right a{ display:block;margin-top:10px;}



















/*context_nav*/
.context_nav{ margin-top:50px; background-color:#FFF;}



#nav{
	margin:0px auto;
	width:1200px;
	height:400px;
	border:0px solid red;
}
#nav ul{ margin-left:0px; border:0px solid yellow;}
#nav ul li{
	list-style:none;
	border:0px solid green;
	width:390px;
	height:350px;
	float:left;
	margin-left:10px;
	position:relative;
	overflow:hidden;
	border-left:1px solid #D0D0D0;
	border-top:1px solid #D0D0D0;
	border-bottom:1px solid #D0D0D0;
	
}
#nav ul li .box{ width:390px; height:350px;}




#nav .nav_left{
	width:190px;
	height:350px;
	border:0px solid red;
	text-align:center;
}


#nav .nav_left h3{
	margin-top:100px;
	font-size:18px;
}
#nav .nav_left h4{
	font-size:12px;
	margin-top:10px;
	color:#F00;
}
#nav .nav_left img{
	margin-top:30px;transition:1s; -webkit-transition:1s;-moz-transition:1s;-o-transition:1s;-ms-transition:1s; margin-left:10px;
	
}
#nav ul li:hover{ background-color:#F0F0F0; /*border-right:1px solid red;border-left:1px solid red;*/ box-shadow:#999 2px;}



#nav ul li:hover img{}

#nav .nav_right{
	width:195px;
	height:330px;
	border:0px solid black;
	position:absolute;
	left:400px;
	top:10px;
	-webkit-transition:all 0.6s ease;
	-moz-transition:all 0.6s ease;
	-o-transition:all 0.6s ease;
	-ms-transition:all 0.6s ease;
	transition:all 0.6s ease;
	background-color:#F0F0F0;
	}
	
#nav .nav_right p{ padding-top:5px; padding-left:15px;}	
#nav .nav_right a{ text-decoration:none; display:block; text-align:center; padding:5px 5px; border:1px solid #9D9D9D; width:80px; margin:0 auto; border-radius:5px; color:#333;}	
#nav .nav_right a:hover{ background-color:#F00; color:#fff;}	

	
	
	
	
#nav ul li:hover .nav_right{ left:200px; z-index:1000; border-left:1px solid #FFF;}

#nav .nav_le2{
	 margin-left:-195px;
     float:left;
}
#nav .nav_le3{
	 margin-left:-195px;
     float:left;
}
#nav .nav_le4{
	 margin-left:-195px;
     float:left;
}
#nav .nav_le5{
	 margin-left:-195px;
     float:left;
}

#nav .navbox_right{
	width:195px;
	height:350px;
	border:1px solid #99;
	z-index:10;
	position:absolute;
	margin-left:990px;
	border-left:1px solid #999;
	
}
#nav .navbox_right h2{ text-align:center; margin-top:100px; font-size:18px; color:#00F; }
#nav .navbox_right img{ width:100px; margin-top:40px; margin-left:50px;}

















































































/*footer部分*/
.footer1{
	background-color:#272727;
	height:200px;
	margin:0 auto;
	font-size:13px;font-family:"微软雅黑"; color:#333;
	
}
.footer1 ul{ float:left; margin-left:30px; margin-top:10px;}
.footer1 ul li{ margin-top:10px; 
}
.footer1 ul li a{ color:#ADADAD;}
.footer1 .f_middle{ margin-left:100px; margin-top:20px; width:400px; height:150px; border0px solid red; float:left; border-left: 1px solid #6C6C6C; border-right:1px solid #6C6C6C;}

.footer1 .f_middle ul li{ float:left; margin-left:50px;}
.footer1 .f_middle ul li img{ margin-top:-15px;}
.footer1 .f_middle ul li p{ margin-top:10px; margin-left:15px; color:#999;}

.footer1 .f_right{ width:350px; height:150px; border:0px solid red; margin-left:900px;}
.footer1 .f_right p img{ width:30px; height:30px; margin-top:30px; margin-left:20px;}
.footer1 .f_right p a{ margin-left:80px;color:#FFF; display:block; margin-top:-20px;}






.footer2{
	background-color:#272727;
	height:200px;
	margin:0 auto;
	border-top:1px solid #6C6C6C;
}
.footer2 p{ color:#ADADAD; margin-left:320px; margin-top:10px;}

.footer2 ul{ margin-left:0;color:#ADADAD;}
.footer2 ul li{ float:left; margin-left:20px; margin-top:20px;}
.footer2 ul li a{color:#ADADAD;}