/*---------------------------------------------------basic--------------------------------------------------*/
		
			*{margin:0;padding:0;}
			h1, h2, h3, h4, h5, h6 { font-size:100%;   font-weight:normal;} 
			fieldset, img, abbr,acronym { border:0 none; } 
			ul { list-style:none; }
			table {border-collapse: separate;border-spacing:0;border:0 none;}
			caption, th, td {text-align:left;font-weight: normal;}
			address, caption, strong, em, cite {font-weight:normal;font-style:normal;}
			ins { text-decoration:none; }
			del { text-decoration:line-through; }
			blockquote:before, blockquote:after, q:before, q:after { content:""; }
			blockquote,q { quotes:"" ""; }
			hr { display:none; }
			/* reset-css  */
			*{margin:0px; padding:0px; -webkit-box-sizing: border-box;
 			-moz-box-sizing: border-box; box-sizing: border-box;}

					.hide{display:none;}
					a{text-decoration:none;color:#000000;}
					li{list-style:none;}
					.block{display:block;}
					.border_right_none{border-right:0px solid #fff;}
					.border_left_none{border-left:0px solid #fff;}
					.border_top_none{border-top:0px solid #fff;}
					.border_bottom_none{border-bottom:0px solid #fff;}
					.border_none{border:0px solid #fff;}
					.inline{
						display: inline-block;
						*display: inline;
						*zoom:1;
						}

					body {
						overflow-y:scroll;
						font-family: '宋體', 'simsun', Arial;
						font-size:100%;
						line-height: inherit;
						color: #000;
                        background:#363636;
						}



/*---------------------------------------------------basic-end----------------------------------------------*/




/* Ujarak */
.button--ujarak, .button--ujarak span {
	-webkit-transition: color 0.3s;
	transition: color 0.3s;
}
.button--ujarak::before {
	content: '';
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 36px;
	background: rgba(190,4,69,0.5);
	opacity: 0;
	-webkit-transform: scale3d(0.7, 1, 1);
	transform: scale3d(0.7, 1, 1);
	-webkit-transition: -webkit-transform 0.4s, opacity 0.4s;
	transition: transform 0.4s, opacity 0.4s;
	-webkit-transition-timing-function: cubic-bezier(0.2, 1, 0.3, 1);
	transition-timing-function: cubic-bezier(0.2, 1, 0.3, 1);
}
.button--ujarak,
.button--ujarak::before {
	-webkit-transition-timing-function: cubic-bezier(0.2, 1, 0.3, 1);
	transition-timing-function: cubic-bezier(0.2, 1, 0.3, 1);
}
.button--ujarak:hover::before {
	opacity: 1;
	-webkit-transform: translate3d(0, 0, 0);
	transform: translate3d(0, 0, 0);
}
.button--ujarak:hover span{color:#fff;}
.button--ujarak span{position:relative;
					z-index:3;}

/* Ujarak */

.submenu{display:none;}
.background{background:#f9f9f9;
			float:left;
			width:100%;
			padding-bottom:5%;}

.container{margin: 0 auto;
		   max-width: 1900px;
		   display: block;
		   }

.wrap{width:1273px;
	  margin:0 auto;
	  }	
	  
.group_header{width:100%;
			  height:157px;
			  float:left;
			  background:url('/media_lib/3232235777_ufFCkaRA_menu_bg.jpg');
			  background-repeat:no-repeat;
			  background-size:cover;
			  margin-top:55px;
			  margin-bottom:42px;}

.group_header div{width:1273px;
				  margin:0 auto;
				  }
.group_header h2{font-size:44px;
				 color:#fff;
				 font-weight:500;
				 margin-top:65px;
				 }
.group_header p{font-size:16px;
				color:#fff;
				}

.group_left_con{width:19.7%;
				height:auto;
				float:left;
				}

.group_left_con ul{width:100%;
				   float:left;
				   }

.group_left_con ul li{width:100%;
					  height:48px;
					  float:left;
					  background:#fff;
					  border-bottom:1px solid #f7f7f7;
					  font-size:15px;
					  cursor:pointer;
					  }

.group_left_con ul li a{width:1%;
						height:48px;
						display:table-cell;
						vertical-align:middle;
						padding-left:20px;
						padding-right:29px;
						color:#3e3e3e;
						font-weight:bold;
						}

.group_left_con ul li a:hover{color:#BE0445;}

.group_left_con ul li a span{float:right;
							 color:#a0a0a0;
							 font-size:10px;
					    	 }


.group_left_con>ul>li:hover>a{color:#c70c47;}

.group_sub_menu{float:left;
				height:auto!important;}

.group_sub_menu div{
					width:100%;
					float:left;
					padding:20px 0;
					background:#fefefe;}


.group_sub_menu div a{       padding-left:35px!important;
					 width:100%!important;
					 display:block!important;
					 height:12px!important;
					 margin-top:9px;
					 font-size:13px;
                                         color:#000;
                                        font-weight:normal!important;
					 }
.group_sub_menu div a:first-child{margin-top:0px!important;}

.group_right_con{width:77.9%;
				 float:right;
				 }
.red_color{color:#BE0445;}
.banner_top{float:right;
		  width:100%;
		  height:435px;
		  background:url('/media_lib/3232235777_mLX2IQAd_banner01.jpg');
		  position:relative;
		  overflow:hidden;
		  margin-bottom:26px;}

.banner_top_img img{position:absolute;
				  bottom:0px;
				  }

.banner_top_txt{float:left;
			  margin-top:50px;
			  margin-left:39px;
			  }
.banner_top_txt p:first-child{font-size:44.11px;}
/*.banner_top_txt p:first-child{margin-left:3px;}*/
.banner_top_txt p:nth-child(2){font-size:14px;
						     color:#888888;
							 margin-top:14px;
                                            line-height:18px;
							 }
.banner_top_btn{width:138px;
			  height:38px;
			  border:1px solid #be0445;
			  margin-top:40px;
                          position:relative;
			  }
.banner_top_btn a{font-size:14px;
				color:#be0445;
				width:136px;
				height:36px;
				display:table-cell;
				vertical-align:middle;
				text-align:center; position:relative;
				}

.banner_bottom{width:100%;
			   float:left;
			   position:relative;
			   }

.banner_bottom p {float:left;
				  position:relative;
				  overflow:hidden;
				  margin-right:1.06%;
				  width:24.203%;
				  cursor:pointer;
				  }

.banner_bottom p img{width:100%;
					   float:left;}

.banner_bottom p:last-child{margin-right:0px;}

.banner_bottom p:hover a{display:block;}

.bottom_hover{display:none;
			  height:111px;
			  width:100%;
			  background:rgba(190,4,69,0.5);
			  position:absolute;
			  bottom:0px;
			  left:0px;
			  z-index:10;
			  font-size:15px;
			  color:#fff;
			  font-weight:bold;
			  padding:19px 24px;}

.block_span{
			display:block;
			text-indent:-9999px;
			width:24px;
			height:2px;
			background:#fff;
			margin-top:11px;
			margin-bottom: 11px;
			}

.bottom_hover_span{font-size:12px;
				   font-weight:100;}


.mobile{display:none;}

@media screen and (min-width:1272px){
.banner_top_img img{width:500px;}
}
@media screen and (min-width:961px){
.banner_top{height:384px;}
}
@media screen and (min-width:661px){
.banner_top_img img{right:5%;}
}


@media screen and (min-width:961px) and (max-width:1290px) {
.group_header div{width:92%;}
.container .wrap{width:92%;}
.banner_top_img img{height:250px!important;
                              right:4%!important;}
.banner_top_txt p:nth-child(3) span{width:80%;}
}


@media screen and (min-width:661px) and (max-width:960px) {

.container .wrap{width:92%;}
.group_header{margin-bottom:24px;
			  background-position:40%;}
.group_header div{width:92%;}
.group_header h2{font-size:44px;
				 color:#fff;
				 font-family: '宋體', 'simsun', Arial;
				 font-weight:500;
				 margin-top:65px;
				 }

.group_left_con{width:100%;
				float:left;
				}
.group_left_con li{width:115px!important;
				   height:45px!important;
				   border-bottom:0px solid #fff!important;
				   margin-right:10px!important;
				   margin-bottom:11px;
				   }

.group_left_con li:last-child{margin-right:0px!important;}

.group_left_con li span{display:none;}

.left_li:hover{border:1px solid #be0445!important;}

.group_left_con li a{text-align:center;
					 padding:0!important;
					 }

.mobile{display:block!important;
		color:#3e3e3e!important;
		margin-right:17px;}

.left-sub{height:auto!important;
		  position:relative;
		  z-index:10;}
.left-sub div a{text-align:left;
				padding-left:20px!important;}

.group_right_con{width:100%;
				 margin-top:13px;
				 }
.banner_top_img img{height:257px;}

.bottom_hover{padding:12px 16px;
			  height:96px;
			  font-size:11px;
			  }
.bottom_hover_span{font-size:11px!important;}
.block_span{margin-bottom:13px;
			margin-top:7px;
			}


}

@media screen and (min-width:320px) and (max-width:660px) {
.bottom_hover_span .block{display:inline;}
.group_sub_menu a{font-size:11px!important;}
.banner_bottom p:nth-child(2){margin-right:0px;}
.banner_bottom p:nth-child(6){margin-right:0px;}
.container .wrap{width:92%;}

.group_header{margin-bottom:14px;
			  background-position:40%;}
.group_header div{width:92%;}
.group_header h2{font-size:30px;
				 margin-top:54px;
				 margin-bottom:8px;
				 }
.group_header p{font-size:12px;}

.mobile{display:block!important;
		color:#3e3e3e!important;
		margin-right:17px;}

.left-sub{height:auto!important;
		  position:relative;
		  width:100%!important;
		  z-index:10;}
.left-sub div a{text-align:left!important;
				width:100%;
				margin-left:10%!important;}

.group_left_con{width:100%;
				float:none;
				margin:0 auto!important;
				}
.left_li{width:/*88px*/32%!important;
				   height:36px!important;
				   border-bottom:0px solid #fff!important;
				   margin-right:2%!important;
				   margin-bottom:2%;
				   }
.left_li a{width:1%!important;
					 height:36px!important;
					 font-size:12px;
					 }

.group_left_con li:nth-child(3){margin-right:0px!important;}
.group_left_con li:nth-child(6){margin-right:0px!important;}
.group_left_con li:nth-child(7){margin-bottom:0px!important;}
.group_left_con li:nth-child(8){margin-bottom:0px!important;}
.group_left_con li:nth-child(9){margin-right:0px!important;margin-bottom:0px!important;}

.group_left_con li span{display:none;}

.left_li:hover{border:1px solid #be0445!important;}

.group_left_con li a{text-align:center;
					 padding:0!important;
					 }
.group_sub_menu div a{font-size:12px;}



.group_right_con{width:100%;
				 margin-top:14px;
				 }

.banner_top_img{width:280px;
				margin:0 auto;
				}
.banner_top_img img{height:183px;}
.banner_top{margin-bottom:8px!important;}
.banner_top_txt{margin:0 auto!important;
				width:92%;
				float:none;
				}
.banner_top_txt p img{height:12px;
					  margin-top:40px;
					  margin-left:3px;
					  }
.banner_top_txt p:nth-child(1){font-size:29px;
							   width:255px;
							   margin:0 auto;
                                                           padding-top:25px;
							   }
.banner_top_txt p:nth-child(2){text-align:center;
							   margin-bottom:30px;
font-size:12px;
							   }

.banner_top_txt p:nth-child(2) span{display:inline;}
.banner_bottom p{width:49%!important;
				 margin-right:2%;
				 margin-bottom:2%;
				 }
.banner_bottom p:nth-child(2){margin-right:0%!important;}
.banner_bottom p:nth-child(4){margin-right:0%!important;}

.banner_top_btn{margin:0 auto;}

.bottom_hover{padding:12px 16px;
			  height:73px;
			  font-size:11px;
			  }
.bottom_hover_span{font-size:10px!important;}
.block_span{margin-bottom:5px;
			margin-top:5px;
			height:1px;
			width:15px;
			}
}