

#wrapper{
	width:100%;
	position:relative;
	min-height:100%;
	height:auto !important;
	height:100%;
	margin:0 auto -54px auto;
	display: none;
}

#push{
	 clear:both;
	 height:54px;
	 position: relative;
	 z-index: 1;
}


#loading{
	width:50px;
	height:50px;
	top:50%;
	left:50%;
	position:absolute;
	background-image:url(../images/loading.gif);
}


.under_circle{
	width:18px;
	height:18px;
	border-radius:99em;
	background-color:#fff;
	border:1px solid #000;
	position:absolute;
	top:138px;
}

.under_circle{
	left:945px; 
}

.under_line{
	width:50px;
	height:1px;
	background-color:#c1c1c1;
	position:absolute;
	top:50px;
	left:36px;
	margin-left:-5px;
}

.under_line_2{
	width:50px;
	height:1px;
	background-color:#c1c1c1;
	position:absolute;
	top:50px;
}

.under_line_2{
	left:27.5px;
}



.head{
	width:100%;
	height:148px;
	border-bottom:1px solid #333;
	position:fixed;
	background-color:rgba(255, 255, 255, 0.7);
	z-index:9000;		
}

.head_content{
	width:980px;
	height:120px;
	margin:0 auto;
	padding-top:29px;
	padding-left:285px;
}

.top_bottom{
	width:70px;
	height:35px;
	position:absolute;
	left:93%;
	top:10%;
	z-index:9991;	
}

.fb_btn{
	width:23px;
	height:24px;
	margin-left:10px;	
}

.fb_btn:hover{
	opacity:0.6;
}

.logo{
	width:199px;
	height:130px;
	font-size:16px;
	margin-right:60px;
	background-image:url(../images/logo_03.png);
	background-repeat:no-repeat;
	font-family:Georgia, "Times New Roman", Times, serif;
}

/*.logo:hover{
	transition:all 0.5s ease 0s;
	background-image:url(../images/logo_03_hover.png);
}*/


.btn_02_box{
	width:70px;
	height:50px;	
}


/*-------btn_01-----------*/

.btn_01{
	width:80px;
	height:55px;
	font-size:16px;
	margin-top:78px;
	text-align:center;
	line-height:23px;
	color:#949495;
	margin-right:50px;
	position:relative;
	
	background-image:url(../images/btn01_pic.png);
	background-repeat:no-repeat;
}

.btn_01:hover{
	transition:all 0.5s ease 0s;	
	background-image:url(../images/btn01_pic_hover.png);
}


.btn_01 > ul {
	width:680px;
	height:60px;
	margin-top:25px;
	border-radius:3px;
	line-height:80px;
	position:absolute;
	display:none;
}


.btn_01:hover > ul{
	display: block;
}

.btn_01 > ul > a > li{
	float:left;
}

/*-----------btn_02-------------*/


.btn_02{
	width:70px;
	height:55px;
	text-align:center;
	line-height:23px;
	color:#949495;
	margin-right:55px;
	margin-top:78px;
	background-image:url(../images/btn02_pic.png);
	background-repeat:no-repeat;	
}

.btn_02:hover{
	transition:all 0.5s ease 0s;
	background-image:url(../images/btn02_pic_hover.png);	
}

.btn_02 > ul {
	width:680px;
	height:60px;
	margin-top:25px;
	border-radius:3px;
	line-height:80px;
	position:absolute;
	margin-left:-20px;
	display:none;
}

.btn_02:hover > ul{
	display: block;
}

.btn_02 > ul > a > li{
	width:110px;
	height:25px;
	font-size:14px;
	float:left;
	color:#949494;
	letter-spacing:1px;
}

	.btn_02_a{
		width:70px;
		height:15px;
		margin-left:0px;
		margin-top:33px;
		background-image:url(../images/btn01_a.png);	
	}
	
	.btn_02_a:hover{
		margin-top:33px;
		transition:all 0.5s ease 0s;
		background-image:url(../images/btn01_a_hover.png);	
	}
	
	.btn_02_b{
		width:90px;
		height:15px; 
		margin-top:33px;
		margin-left:20px;
		background-image:url(../images/btn01_b.png);	
	}
	
	.btn_02_b:hover{
		margin-top:33px;
		transition:all 0.5s ease 0s;
		background-image:url(../images/btn01_b_hover.png);	
	}
	
	.btn_02_c{
		width:110px;
		height:15px;
		margin-top:33px;
		margin-left:20px;
		background-image:url(../images/btn01_c.png);	
	}
	
	.btn_02_c:hover{
		transition:all 0.5s ease 0s;
		margin-top:33px;
		background-image:url(../images/btn01_c_hover.png);	
	}
	
	.btn_02_d{
		width:70px;
		height:15px;
		margin-top:33px;
		margin-left:20px;
		margin-left:20px;
		background-image:url(../images/btn01_d.png);	
	}
	
	.btn_02_d:hover{
		transition:all 0.5s ease 0s;
		margin-top:33px;
		background-image:url(../images/btn01_d_hover.png);	
	}
	
	.btn_02_e{
		width:70px;
		height:15px;
		margin-top:33px;
		margin-left:20px;
		background-image:url(../images/btn01_e.png);	
	}
	
	.btn_02_e:hover{
		transition:all 0.5s ease 0s;
		margin-top:33px;
		background-image:url(../images/btn01_e_hover.png);	
	}
	
	.btn_02_f{
		width:70px;
		height:15px;
		margin-top:33px;
		margin-left:20px;
		background-image:url(../images/btn01_f.png);	
	}
	
	.btn_02_f:hover{
		transition:all 0.5s ease 0s;
		margin-top:33px;
		background-image:url(../images/btn01_f_hover.png);	
	}


/*-----------btn_03-------------*/

.btn_03{
	width:70px;
	height:55px;
	margin-right:60px;
	margin-top:78px;
	background-image:url(../images/btn03_pic.png);
	background-repeat:no-repeat;	
}

.btn_03:hover{
	transition:all 0.5s ease 0s;
	background-image:url(../images/btn03_pic_hover.png);	
}

.btn_03 > ul{
	min-height:100px;
	max-width:680px;
	min-width:400px;
	height:60px;
	position:absolute;
	line-height:80px;
	margin-top:25px;
	margin-left:-515px;
	display:none;
	text-align:right;
	font-size:14px;
	letter-spacing:1px;
}

.btn_03:hover ul{
	display:block;	
}

.btn_03 > ul > li {
	width:100px;
	height:25px;
	margin-left:8px;
	float:left;
	text-align:center;	
}

.btn_03 > ul > li a{
	color:#949494;
	font-size:14px;
}

/*-----------btn_04------------------*/

.btn_04{
	width:70px;
	height:55px;
	margin-top:78px;
	line-height:23px;
	background-image:url(../images/btn_04_pic.png);
	background-repeat:no-repeat;
}

.btn_04:hover{
	transition:all 0.5s ease 0s;
	background-image:url(../images/btn_04_pic_hover.png);
}

/*-----------------------------------*/

.cercle{
	width:18px;
	height:18px;
	margin-left:25px;
}

.footer_bg{
	width:100%;
	height:53px;
	border-top:1px solid #b9b9b9;	
}

.footer_left{
	width:260px;
	height:53px;	
}

.fallow_us{
	width:106px;
	height:15px;
	margin-top:22px;
	margin-left:48px;	
}

.facebook_a{
	width:80px;
	height:17px;
	font-size:12px;
	color:#979797;
	font-weight:900;
	text-align:center;
	letter-spacing:1px;
	margin-top:22px;
	position:relative;
	z-index:888;	
}

.footer_right{
	width:260px;
	height:15px;
	font-size:12px;
	letter-spacing:1px;
	color:#6d6d6d;
	margin-top:21px;	
}

.container{
	width:100%;
	position:relative;
	padding-top:200px;	
}

.Animation{
	width:100%;
	height:256px;
	position:relative;
	margin-top:-360px;	
}

.Animation_left{
	width:499px;
	height:258px;
	background-image:url(../images/index_an_left.gif);	
}

.Animation_right{
	width:481px;
	height:258px;
	background-image:url(../images/index_an_right.gif);	
}

.banner{
	width:980px;
	height:650px;
	position:relative;
	z-index:666;
	margin:0 auto;
	margin-top:-280px;	
}

.index_text{
	width:980px;
	height:100px;
	text-align:center;
	font-size:14px;
	line-height:30px;
	margin:0 auto;
	margin-top:140px;
	margin-bottom:60px;
	color:#797979;
	background-image:url(../images/index_text_pic.jpg);	
}

.index_down_Animation{
	width:980px;
	height:169px;
	background-image:url(../images/down_an.gif);
	margin:0 auto;
	margin-top:40px;
	display:none;
}

.person_pic{
	width:245px;
	height:245px;
	margin:0 auto;
	background-image:url(../images/person_pic.png);
	margin-top:-200px;
	display:none;
}

.person_pic:hover{
	transition:all 0.5s ease 0s;
	background-image:url(../images/person_pic_hover.png);	
}

.person_text{
	width:460px;
	height:60px;
	text-align:center;
	font-size:14px;
	line-height:30px;
	margin:0 auto;
	margin-top:50px;
	margin-bottom:60px;
	background-image:url(../images/person_text-pic.png);
	display:none;
}

.news_box{
	width:980px;
	height:660px;
	margin:0 auto;
	margin-top:-8px;	
}

.news_list_box{
	width:980px;
	height:203px;	
}

.news_list{
	width:317px;
	height:203px;
	margin-left:9px;
	background-image:url(../images/news_list_bg.gif);	
}

.news_list_name{
	width:226px;
	height:70px;
	text-align:center;
	color:#b5b5b6;
	font-size:15px;
	margin:0 auto;
	margin-top:70px;
	line-height:23px;
	letter-spacing:1px;	
}

.news_list_name a{
	color:#b5b5b6;	
}

.news_list_name a:hover{
	color:#000;	
}

.news_arrow_down{
	width:23px;
	height:14px;
	background-image:url(../images/arrow_down.png);
	margin:0 auto;
	margin-top:15px;	
}

.news_arrow_down:hover{
	background-image:url(../images/arrow_down_hover.png);	
}

.service_bg{
	width:1902px;
	height:808px;
	background-image:url(../images/service_bg.png);
	position:fixed;
	margin-top:-215px;
	z-index:8888;	
}

.service_body{
	width:980px;
	min-height:500px;
	margin:0 auto;	
}

.service_top{
	width:980px;
	height:655px;
	margin:0 auto;
	background-image:url(../images/service_A_top.png);	
}

.service_top_b{
	width:980px;
	height:655px;
	margin:0 auto;
	background-image:url(../images/service_B_top.png);
	display:none;
}

.service_middle{
	width:980px;
	height:193px;
	position:relative;
	margin:0 auto;
}

.service_middle_b{
	width:980px;
	height:768px;
	position:relative;
	margin:0 auto;
	background-image:url(../images/service-2-text.jpg);
	display:none;
}

.middle_text{
	width:685px;
	height:135px;
	text-align:left;
	color:#FFF;
	margin-top:35px;
	margin-left:45px;
	font-size:0.9em;
	font-weight:900;
	line-height:25px;
	position:absolute;	
}

.service_mail_btn{
	width:48px;
	height:65px;
	background-image:url(../images/service_fb_btn.png);
	margin-right:20px;
	margin-top:50px;
	z-index:9999;
	position:relative;	
}

.service_mail_btn:hover{
	opacity:0.8;	
}

.service_fb_btn{
	width:62px;
	height:65px;
	margin-top:50px;
	margin-right:30px;
	z-index:9999;
	position:relative;
}

.service_fb_btn:hover{
	opacity:0.8;	
}

.service_down{
	width:980px;
	height:453px;
	background-image:url(../images/service_A_pic.png);
	margin-top:13px;
	display:none;	
}

.service_middle_b1{
	width:620px;
	height:65px;
	position:absolute;
	margin-top:30px;
	margin-left:50px;
	border-radius:10px;
	border:1px #FFFFFF solid;
	background-image:url(../images/service_middle_b1.png);	
}

.service_middle_b2{
	width:870px;
	height:365px;
	font-size:0.9em;
	font-weight:900;
	position:absolute;
	margin-top:123px;
	color:#FFF;
	line-height:27px;
	margin-left:50px;
}

.service_middle_b2_left{
	width:395px;
	height:365px;	
}

.service_middle_b2_right{
	width:430px;
	height:365px;	
}

.service_middle_b3{
	width:870px;
	height:204px;
	font-size:0.9em;
	color:#fff;
	margin-left:50px;
	margin-top:488px;
	position:absolute;	
}

.service_middle_b3_left{
	width:440px;
	height:204px;
	padding-top:67px;
	line-height:25px;
	font-weight:900;
	background-image:url(../images/service_middle_b3_left.png);	
}

.service_middle_b3_right{
	width:430px;
	height:204px;
	padding-top:67px;
	line-height:25px;
	font-weight:900;
	background-image:url(../images/service_middle_b3_right.png);	
}

.service_middle_b4{
	width:800px;
	height:104px;
	position:absolute;
	background-image:url(../images/service_middle_b4.png);
	margin-top:690px;
	margin-left:50px;
	font-size:0.9em;
	color:#fff;
	padding-top:63px;
	font-weight:900;	
}

.service_b_pic{
	width:980px;
	min-height:453px;
	background-image:url(../images/service_b_pic.png);
	display:none;	
}

.service_b_down{
	width:980px;
	height:600px;
	background-image:url(../images/service-2-text2.jpg);
	margin-top:15px;
	position:relative;
	display:none;	
}

.contact_bg{
	width:100%;
	height:1200px;
	background-image:url(../images/contact_bg.gif);
	position:fixed;
	z-index:-5555;
	margin-top:-200px;	
}

.contact_info{
	width:980px;
	height:130px;
	position:relative;
	margin:0 auto;	
}

.info_title{
	width:245px;
	height:30px;	
}

.info_btn{
	width:680px;
	height:60px;
	margin-top:40px;	
}

.info_mail{
	width:280px;
	height:60px;	
}

.info_mail_icon{
	width:60px;
	height:60px;
	background-image:url(../images/info_mail_btn.png);	
}

.info_mail_icon:hover{
	background-image:url(../images/info_mail_btn_hover.png);
	transition:all 0.5s ease 0s;	
}

.info_mail_text{
	width:205px;
	height:25px;
	font-size:0.9em;
	color:#727171;
	padding-top:20px;	
}

.info_fb{
	width:290px;
	height:60px;
	margin-right:45px;	
}

.info_fb_icon{
	width:60px;
	height:60px;
	background-image:url(../images/info_fb_btn.png);	
}

.info_fb_icon:hover{
	transition:all 0.5s ease 0s;
	background-image:url(../images/info_fb_btn_hover.png);	
}

.info_fb_txet{
	width:205px;
	height:25px;
	font-size:0.9em;
	color:#727171;
	padding-top:20px;
	margin-right:8px;	
}

.contact_content_bg{
	width:980px;
	height:732px;
	margin:0 auto;
	margin-top:50px;
	position:relative;
	border:1px solid #eaeaea;
}

.Scroll_content{
	width:688px;
	min-height:1180px;
	background-color:#FFF;
	border:1px #CCC solid;
	-webkit-box-shadow: 2px 2px 9px rgba(0,0,0,0.3);
	-moz-box-shadow: 2px 2px 9px rgba(0,0,0,0.3);
	box-shadow: 2px 2px 9px rgba(0,0,0,0.3);
	margin:0 auto;
}

.Scrollbar_contact_bg{
	width:688px;
	height:100px;
	background-image:url(../images/Scrollbar_contact_bg.png);	
}

.Scrollbar_contact_text{
	width:630px;
	height:405px;
	margin:0 auto;
	margin-top:70px;
	background-image:url(../images/Scrollbar_contact_pic.png);	
}

.input_box{
	width:200px;
	height:55px;
	margin-left:35px;
	margin-top:20px;	
}

.product_view_content{
	width:100%;
	min-height:200px;
	margin:0 auto;
	padding-top:50px;
	position:relative;
}

.product_pic{
	width:980px;
	height:650px;
	margin:0 auto;
	position: relative;
	margin-top:-51px;
	text-align:center;	
}

.product_pic img{
	max-width:980px;
	max-height:650px;
}

.center_img{
	position:absolute;
	margin:0 auto;
	top:0;
	left:0;
	right:0;
	bottom:0;	
}

.prev{
	width:30px;
	height:60px;
	margin-top:35px;
	cursor:pointer;
	background-image:url(../images/prev_arrow.png);	
}

.prev:hover{
	transition:all 0.5s ease 0s;	
	background-image:url(../images/prev_arrow_hover.png);	
}

.next{
	width:30px;
	height:60px;
	margin-top:35px;
	cursor:pointer;
	background-image: url(../images/next_arrow.png);	
}

.next:hover{
	transition:all 0.5s ease 0s;	
	background-image: url(../images/next_arrow_hover.png);	
}


.pic_box{
	width:980px;
	height:120px;
	margin:0 auto;
	position:relative;
	margin-top:10px;
}

.pic_description{
	width:600px;
	height:80px;
	text-align:center;
	font-size:14px;
	line-height:25px;
	margin:0 auto;
	margin-top:25px;
	color:#fff;
}

.pic_view_list{
	width:910px;
	height:98px;
	margin-top:11px;
	margin-left:5px;	
}

.little_pic{
	width:143px;
	height:96px;
	position:relative;
	text-align:center;
	opacity:1;	
}

.little_pic:hover{
	transition:all 0.5s ease 0s;
	opacity:1;	
}

.little_pic img{
	max-width:143px;
	max-height:96px;
}

.hovr_color{
	background: #efd6d2;
    z-index: 999;
    min-height: 100%;
    height: auto !important;
    height: 100%;
    width: 100%;
    position: absolute;
    top: 0;
    left: 0;
    opacity: 0.9
}

.hovr_text{
	width:200px;
	height:60px;
	text-align:center;
	font-size:14px;
	position:absolute;
	top:50%;
	left:50%;
	margin-top:-10px;
	margin-left:-100px;
	color:#FFF;
	z-index:99999;
	word-wrap:break-word;
}

.news_view_content{
 width:1000px;
 min-height:500px;
 padding-top:40px;
 margin:0 auto;
 position:relative; 
}

.view_editor{
 width:980px;
 min-height:200px;
 margin:0 auto; 
 margin-top:5px;
 color:#fff;
 padding:0px 13px;
}

.view_title{
 width:980px;
 height:40px;
 text-align:center;
 margin:0 auto;
 color:#fff;
 line-height:40px;
 font-size:0.9em;  
}

.news_view_pic{
	width:950px;
	height:635px;
	position:relative;
	text-align:center;
	margin:0 auto;
	margin-top:-20px; 
}

.news_view_pic img{
	max-width:950px;
	max-height:635px;
}

.service-b-fb-btn{
	width:130px;
	height:50px;
	position:absolute;
	margin-top:400px;
	margin-left:800px;
	z-index:9999;
}

.service-01-bg{
	top:35%;
	left:5%;
	background-image:url(../images/service-01-bg.png);
}

.service-02-bg{
	top:62%;
	left:16%;
	background-image:url(../images/service-02-bg.png);
}

.service-03-bg{
	top:9%;
	left:20%;
	background-image:url(../images/service-03-bg.png);
}

/*
.service-04-bg{
	top:19%;
	left:43%;
	background-image:url(../images/service-04-bg.png);
}
*/

.service-05-bg{
	top:76%;
	left:48%;
	background-image:url(../images/service-05-bg.png);
}

/*
.service-06-bg{
	top:4%;
	left:56%;
	background-image:url(../images/service-06-bg.png);
}

*/

.service-07-bg{
	top:37%;
	left:82%;
	background-image:url(../images/service-07-bg.png);
}

.service-08-bg{
	top:7%;
	left:88%;
	background-image:url(../images/service-08-bg.png);
}

.service-09-bg{
	top:67%;
	left:90%;
	background-image:url(../images/service-09-bg.png);
}





@media screen and (max-device-width:1400px)  {
    

	.product_pic{
		width:980px;
		height:400px;
		margin:0 auto;
		position: relative;
		margin-top:-51px;
		text-align:center;	
	}

	.product_pic img{
		max-width:980px;
		max-height:400px;
	}
	
	.news_view_pic{
		width:950px;
		height:500px;
		position:relative;
		text-align:center;
		margin:0 auto;
		margin-top:-20px;
	}
	
	.news_view_pic img{
		max-width:950px;
		max-height:500px;
	}
	
	.hovr_text{
		width:100px;
		margin-left:-52px;
		word-wrap:break-word;
		margin-top:-15px;
	}
    
}