
@font-face {
    font-family: 'webfontregular';
    src: url('../fonts/pfcentrosanspro-regular-webfont.woff2') format('woff2'),
         url('../fonts/pfcentrosanspro-regular-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;

}
.about4_right img,.about4_left img {
    width: auto;
}
/**about**/
.wrapper {
    margin-top: 20px;
}
.about_ban{
	position:relative;
	width:100%;
	height:100%;
	background:url(../images/about.jpg) no-repeat center center;
	background-size:cover;
	-webkit-background-size:cover;
	-moz-background-size:cover;
	-ms-background-size:cover;
	-o-background-size:cover;
	overflow:hidden;
	filter:progid:DXImageTransform.Microsoft.AlphaImageLoader  (src='images/about.jpg',  sizingMethod='scale');
}
.sale_ban{
	width:100%;
	height:100%;
	background:url(../images/sale.jpg) no-repeat center center;
	background-size:cover;
	-webkit-background-size:cover;
	-moz-background-size:cover;
	-ms-background-size:cover;
	-o-background-size:cover;
	overflow:hidden;
	filter:progid:DXImageTransform.Microsoft.AlphaImageLoader  (src='images/sale.jpg',  sizingMethod='scale');
}
.beauty_ban{
	width:100%;
	height:100%;
	background:url(../images/beauty.jpg) no-repeat center center;
	background-size:cover;
	-webkit-background-size:cover;
	-moz-background-size:cover;
	-ms-background-size:cover;
	-o-background-size:cover;
	overflow:hidden;
	filter:progid:DXImageTransform.Microsoft.AlphaImageLoader  (src='images/beauty.jpg',  sizingMethod='scale');
}
.magazine_ban{
	width:100%;
	height:100%;
	background:url(../images/magazine.jpg) no-repeat center center;
	background-size:cover;
	-webkit-background-size:cover;
	-moz-background-size:cover;
	-ms-background-size:cover;
	-o-background-size:cover;
	overflow:hidden;
	filter:progid:DXImageTransform.Microsoft.AlphaImageLoader  (src='images/magazine.jpg',  sizingMethod='scale');
}
.dynamic_ban{
	width:100%;
	height:100%;
	background:url(../images/dynamic.jpg) no-repeat center center;
	background-size:cover;
	-webkit-background-size:cover;
	-moz-background-size:cover;
	-ms-background-size:cover;
	-o-background-size:cover;
	overflow:hidden;
	filter:progid:DXImageTransform.Microsoft.AlphaImageLoader  (src='images/dynamic.jpg',  sizingMethod='scale');
}
.news_ban{
	width:100%;
	height:100%;
	background:url(../images/news.jpg) no-repeat center center;
	background-size:cover;
	-webkit-background-size:cover;
	-moz-background-size:cover;
	-ms-background-size:cover;
	-o-background-size:cover;
	overflow:hidden;
	filter:progid:DXImageTransform.Microsoft.AlphaImageLoader  (src='images/news.jpg',  sizingMethod='scale');
}
.media_ban{
	width:100%;
	height:100%;
	background:url(../images/media.jpg) no-repeat center center;
	background-size:cover;
	-webkit-background-size:cover;
	-moz-background-size:cover;
	-ms-background-size:cover;
	-o-background-size:cover;
	overflow:hidden;
	filter:progid:DXImageTransform.Microsoft.AlphaImageLoader  (src='images/media.jpg',  sizingMethod='scale');
}
.prolist_ban{
	width:100%;
	height:100%;
	background:url(../images/prolist.jpg) no-repeat center center;
	background-size:cover;

	-moz-background-size:cover;
	-ms-background-size:cover;
	-o-background-size:cover;
	overflow:hidden;
	filter:progid:DXImageTransform.Microsoft.AlphaImageLoader  (src='images/prolist.jpg',  sizingMethod='scale');
}
.store_ban{
	width:100%;
	height:100%;
	background:url(../images/store.jpg) no-repeat center center;
	background-size:cover;
	-webkit-background-size:cover;
	-moz-background-size:cover;
	-ms-background-size:cover;
	-o-background-size:cover;
	overflow:hidden;
	filter:progid:DXImageTransform.Microsoft.AlphaImageLoader  (src='images/store.jpg',  sizingMethod='scale');
}
.job_ban{
	width:100%;
	height:100%;
	background:url(../images/job.jpg) no-repeat center center;
	background-size:cover;
	-webkit-background-size:cover;
	-moz-background-size:cover;
	-ms-background-size:cover;
	-o-background-size:cover;
	overflow:hidden;
	filter:progid:DXImageTransform.Microsoft.AlphaImageLoader  (src='images/job.jpg',  sizingMethod='scale');
}
.school_ban{
	width:100%;
	height:100%;
	background:url(../images/school.jpg) no-repeat center center;
	background-size:cover;
	-webkit-background-size:cover;
	-moz-background-size:cover;
	-ms-background-size:cover;
	-o-background-size:cover;
	overflow:hidden;
	filter:progid:DXImageTransform.Microsoft.AlphaImageLoader  (src='images/school.jpg',  sizingMethod='scale');
}
.service_ban{
	width:100%;
	height:100%;
	background:url(../images/service.jpg) no-repeat center center;
	background-size:cover;
	-webkit-background-size:cover;
	-moz-background-size:cover;
	-ms-background-size:cover;
	-o-background-size:cover;
	overflow:hidden;
	filter:progid:DXImageTransform.Microsoft.AlphaImageLoader  (src='images/service.jpg',  sizingMethod='scale');
}
.magazinedot_ban{
	width:100%;
	height:100%;
	background:url(../images/magazinedot.jpg) no-repeat center center;
	background-size:cover;
	-webkit-background-size:cover;
	-moz-background-size:cover;
	-ms-background-size:cover;
	-o-background-size:cover;
	overflow:hidden;
	filter:progid:DXImageTransform.Microsoft.AlphaImageLoader  (src='images/magazinedot.jpg',  sizingMethod='scale');
}
.banner_wz {
    position: absolute;
    top: 10%;
    left: 25%;
    width: 50%;
    text-align: center;    
	font-family: Arial, Helvetica, sans-serif;
	color:#fff;
}
.banner_wz h3 {
    font-size: 15px;
    font-weight: 600;
    text-transform: uppercase;
    margin-top: 24px;
}
.banner_wz hr {
    margin-top: 45px;
    width: 80px;
}
.banner_wz h2 {
    margin: 30px 0;
    font-size: 46px;
    line-height: 72px;
    text-transform: uppercase;
}
.banner_btn a {
    padding: 20px 55px;
    display: inline-block;
    border: solid 2px #fff;
    font-size: 13px;
    text-transform: uppercase;
    font-weight: 600;
	color:#fff;
    position: relative;
    top: 4px;
}
.prodot1_cot p {
    text-indent: 2em;
    color: #666;
    line-height: 24px;
    margin: 0;
}
.banner_bottom {
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    background: url(../images/ban_zz.png);
	opacity: 0.95;
	filter:alpha(opacity=95);
	-moz-opacity: 0.95;
	-khtml-opacity: 0.95;
	display:none;
}
.banner_cot {
    padding: 30px 0;
}
.banner_bottom_lt {
    float: left;
	width:65%;
	text-align:center;
}
.banner_bottom_rt {
    float: right;
	width:35%
}
.banner_bottom_lt h4 {
    margin: 0;
    line-height: 52px;
    font-size: 16px;
    letter-spacing: 3px;
    color: #fff;
	font-family:"Microsoft YaHei",ÃƒÆ’Ã‚Â¥Ãƒâ€šÃ‚Â¾Ãƒâ€šÃ‚Â®ÃƒÆ’Ã‚Â¨Ãƒâ€šÃ‚Â½Ãƒâ€šÃ‚Â¯ÃƒÆ’Ã‚Â©ÃƒÂ¢Ã¢â€šÂ¬Ã‚ÂºÃƒÂ¢Ã¢â€šÂ¬Ã‚Â¦ÃƒÆ’Ã‚Â©Ãƒâ€šÃ‚Â»ÃƒÂ¢Ã¢â€šÂ¬Ã‹Å“,STHeiti;
}
.banner_bottom_btn a {    
	font-size: 13px;
    text-transform:capitalize;
    font-weight: 600;
    display: inline-block;
    padding: 12px 45px;
    font-family: Arial, Helvetica, sans-serif;
    border-radius: 30px;
    border: solid 1px #fff;
	background:#fff;
}
.banner_bottom_btn {
    padding-left: 18px;
}
.banner_bottom_btn i {
    position: relative;
    top: 2px;
    margin-left: 6px;
    display: inline-block;
    width: 13px;
    height: 13px;
    background: url(../images/ban_jt.png) no-repeat center center;
    background-size: cover;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -ms-background-size: cover;
    -o-background-size: cover;
}
.about_container{
	width:1000px;
	margin:0 auto;
}
.about1_left{
	float:left;
	width:40%;
}
.about1_right{
	float:right;
	width:57%;
	padding-left:40px;
    margin-top: 130px;
}
.about_box1{
	padding:90px 0 90px;
}
.about1_wz {
    margin: 60px 0 40px;
}
.about1_right_cot{
	width:100%;
	height:100%;
	background:url(../images/about1_1.jpg) no-repeat center center ;
	background-size:cover;
	-webkit-background-size:cover;
	-moz-background-size:cover;
	-ms-background-size:cover;
	-o-background-size:cover;
}


.about1_tit h3 {
    margin: 0;
    font-size: 20px;
	font-weight:600;
}
.about1_tit h4 {
    font-size: 12px;
    text-transform: uppercase;
    margin-top: 12px;
    color: #737373;
}
.about1_tit hr {
    width: 30px;
    margin: 17px 0;
    border-color: #333;
    text-align: left;
}
.about1_wz h5 {
    color: #737373;
    line-height: 26px;
    font-size: 13px;
    margin-bottom: 18px;
    text-indent: 2em;
    margin: 5px 0;
}
.about1_bt a {
    padding: 12px 38px;
    display: inline-block;
    border: solid 1px #cacaca;
    font-size: 12px;
}
.about_box2{
	padding:100px 0;
	background:url(../images/about2_bg.jpg) no-repeat center center fixed;
	background-size:cover;
	-webkit-background-size:cover;
	-moz-background-size:cover;
	-ms-background-size:cover;
	-o-background-size:cover;
}

.about_box2 .about1_tit{ text-align:center; color:#fff; margin-bottom:35px;}
.about_box2 .about1_tit hr {
    width: 30px;
    margin: 20px auto; 
    border-color: #fff;
}
.about_box2 .about1_tit h4,.about_box6 .about1_tit h4{
    color: #FFFFFF;
}

.about2_cot {
    padding: 0 60px;
    color: #fff;
    text-align: center;
}
.about2_cot h4 {
    line-height: 26px;
    font-size: 13px;
}
.about_more a {
  
    font-size: 20px;
    font-weight: 600;
    color: #fff;

    letter-spacing: 1px;
}
.about_more {
    padding-top: 10px;
}
.about3_top {
    text-align: center;
    padding: 80px 0 100px;
}
.about3_top hr {
    margin: 17px auto;
}
.about3_top_cot {
    width: 70%;
    margin: 0 auto;
}
.about3_wz h4 {
    margin: 0;
    line-height: 26px;
    font-size: 13px;
    color: #737373;
}
.about3_top_list ul{
	display:inline-block;
}
.about3_top_list li {
    float: left;
    padding: 0 12px;
}
.about3_top_list a {
    padding: 9px 24px;
    border: solid 1px #8B604C;
	transition:all 0.4s ease-in;
	-moz-transition:all 0.4s ease-in;
	-ms-transition:all 0.4s ease-in;
	-o-transition:all 0.4s ease-in;
	-webkit-transition:all 0.4s ease-in;
	color:#8B604C;
}
.about3_top_list {
    margin-top: 60px;
}
.about3_wz {
    margin-top: 55px;
}
.about3_top_list li.active a {
    background: #8B604C;
    color: #fff;
	transition:all 0.4s ease-in;
	-moz-transition:all 0.4s ease-in;
	-ms-transition:all 0.4s ease-in;
	-o-transition:all 0.4s ease-in;
	-webkit-transition:all 0.4s ease-in;
}
.about3_cot li {
    width: 33.33%;
    float: left;
	padding:60px;
	text-align:center;
    border-right: solid 1px #ededed;
    border-bottom: solid 1px #ededed;
}
.about3_cot {
    padding-top: 10px;
    margin-right: -2px;
    margin-bottom: -4px;
}
.about3_bottom {
    margin: 0 15px 50px;
    overflow: hidden;
}
.about3_list h4 {
    font-size: 13px;
    line-height: 26px;
    height: 48px; 
	color: #737373;
	display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    overflow: hidden;
}
.about3_list  {
    font-size: 13px;
    line-height: 26px;
    height: 48px; 
	color: #737373;
	display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    overflow: hidden;
}



.about3_list h2 {
    margin: 0;
    font-size: 22px;
    font-weight: 600; 
	text-transform:capitalize;
    margin-bottom: 40px;
    font-family: Arial, Helvetica, sans-serif;
}
.about3_list h5 {
    margin-top: 15px;
    font-family: Arial, Helvetica, sans-serif;
}
.about3_list h5 span{
	width:30px;
	height:40px;
	display:inline-block;
	background:url(../images/about3.png) no-repeat center center;
	background-size:80%;
	vertical-align:middle;
}
.about4_wz {

	padding: 0px; height:104px; 
	display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 3;
    overflow: hidden;

}
.about4_list {
    padding: 50px ;
	position:relative; 
	background:#e9e7e5; 
	margin-right:20px; 
	
}
.about4_pic{ position:relative; overflow:hidden}

.about4_list .about4_pic img{ 
-webkit-filter:grayscale(1); 
transition:All 0.4s ease-in-out;   
 -webkit-transition:All 0.4s ease-in-out;  
  -moz-transition:All 0.4s ease-in-out;  
  -o-transition:All 0.4s ease-in-out;}
.about4_list:hover .about4_pic img{ 
-webkit-filter:grayscale(0)}


.history_bg{ 
position:absolute; 
left:0px; 
top:0px; 
width:100%; 
height:100%;
 /*background:url(../images/dots.png) repeat left top; */
z-index:99;
filter:alpha(opacity=100); -moz-opacity:1; -khtml-opacity:1; opacity:1;
 transition:All 0.4s ease-in-out;   
 -webkit-transition:All 0.4s ease-in-out;  
  -moz-transition:All 0.4s ease-in-out;  
  -o-transition:All 0.4s ease-in-out;
}

.about4_list:hover .history_bg{filter:alpha(opacity=0); -moz-opacity:0; -khtml-opacity:0; opacity:0;}
.about4_date{

	font-family:Arial, Helvetica, sans-serif; 
	font-size:12px; 
	text-align:right;
	color:#c9bc9c;

}
.about4_date h3 {
    font-size: 20px;
}
.about4_wz h4{
	font-size:13px; padding-left:15px; padding-right:15px; text-align:left;
	margin:0;
	line-height:20px; 
	color:#737373;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
	
}
.about_box4 {
    background: #657261;
    padding: 160px 0 60px;
	position:relative;
}
.about4_right {
    position: absolute;
    top: 50%;
	margin-top:-20px;
    right: 20px;
	z-index:2;
}
.about4_left {
    position: absolute;
    top: 50%;
	margin-top:-20px;
    left: 20px;
	z-index:2;
}
.about4_top {
    padding-bottom: 20px;
}
.about4_bottom {
    padding: 25px 40px;
    width: 100%;
    background: url(../images/logo-1.png) no-repeat left 20px;
    margin-top: 50px;
    display: inline-block;
}

.about4_year {
    width: 84%;
    margin-left: 15%;
    overflow: hidden;
    padding: 10px 0;
}
.about4_year li {
    float: left;
	width:7%;
    padding-top: 12px;
}
.about4_year li a{
	color:#1f3843;
	font-size:12px;
	transition:all 0.4s;
	-webkit-transition:all 0.4s;
	-moz-transition:all 0.4s;
	-ms-transition:all 0.4s;
	-o-transition:all 0.4s;
}
.about4_year li.active a{ font-family:Arial, Helvetica, sans-serif; font-size:13px;
	color:#fff;
	transition:all 0.4s;
	-webkit-transition:all 0.4s;
	-moz-transition:all 0.4s;
	-ms-transition:all 0.4s;
	-o-transition:all 0.4s;
}
.about4_year .about4_di {
    position: absolute;
    top: 0;
    left: -2%;
    display: inline-block;
    width: 100%;
    height: 1px;
    background: #1f3843;
}
.about4_year .about4_bh {
    position: absolute;
    top: 0;
    left: -2%;
    display: inline-block;
    width: 10%;
    height: 1px;
    background: #fff;
}
.about4_year ul{
	position:relative;
}
.about_box5{
	padding:110px 0;
    position: relative;
}
.about_box5 .about1_tit ,.about_box5_1 .about1_tit ,.about_box5_2 .about1_tit{
    text-align: center;
}
.about_box5 .about1_tit hr,.about_box5_1  .about1_tit hr,.about_box5_2 .about1_tit hr{
	margin: 17px auto;
}
.about5_img {
    width: 12%;
    margin-right: 8%;
    float: left;
	position:relative;
}
.about5_right{
    width: 55%;
	float:left;
	position:relative;
}
.about5_wz{
	position:absolute;
	top:0;
    left: 5%;
	padding-left:10px;
    width: 97%;
}
.about5_wz h4 {
    position: absolute;
    top: 0;
    left: -5%;
	line-height:24px;
	text-align:right;
    font-size: 20px; 
	font-family:Arial, Helvetica, sans-serif;
}
.about5_box .about1_tit {
    padding: 0 20px;
}
.about5_cot {
    padding-top: 60px;
	position:relative
}
.about5_wz h5 { 
    font-size:13px;
    line-height: 26px;
    color: #737373;
}
.about5_wz h5 strong{ color:#000; font-size:15px; font-weight:600;}

.about5_intr {
    position: absolute;
    bottom: 10%;
    left: -88px;
	text-align:right;
}
.about5_intr h5 {
    margin: 0;
    text-transform: uppercase;
}
.about5_num h4 {
    font-size: 32px;
    text-align: right;
	letter-spacing:2px;
    font-family: Georgia, "Times New Roman", Times, serif;
    display: inline-block;
	position:absolute;
	top:20%;
	left:-22px;
	margin:0;
	color:#8a5f4c;
    border-bottom: solid 3px #8a5f4c;
    padding-bottom: 3px;
}
.about5_num h4 span{
	color:#fff;
	border-bottom:solid 3px #fff;
	padding-bottom:2px;
}
.about5_intr h5 span {
    color: #fff;
}
.about5_list2 .about5_num h4,.about5_list3 .about5_num h4{
    left: auto;
	right:-25px;
	color:#fff;
	border-bottom:solid 3px #fff;
}
.about5_list2 .about5_num h4 span,.about5_list3 .about5_num h4 span{
	color:#8a5f4c;
	border-bottom:solid 3px #8a5f4c;
}
.about5_list2 {
    position: relative;
}
.about5_list2 .about5_img{
	margin-left:6%;
	margin-right:0;
    float: right;
	width: 20%;
}
.about5_list2 .about5_intr,.about5_list3 .about5_intr{
    left: 16px;
}
.about5_list2 .about5_right {
    margin-left: 18%;
}
.about5_list3 .about5_right {
    width: 56%;
}
.about5_list4{
	position:relative;
}
/*.about5_list3 {
    margin: 30px 0;
}*/
.about5_list3 h5 {
    width: 75%;
}
.about5_list2 .about5_wz {
    top: auto;
}
.about5_list4 .about5_wz{
    top: auto;
    bottom: 15px;
    width: 103%;
}
.about_box6{
	padding:150px 0;
	background:url(../images/about6_bg.jpg) no-repeat center center fixed;
	background-size:cover;
}
.about_box6 .about6_cot {
    width: 600px;
    margin: 0 auto;
    text-align: center;
    color: #fff;
}

.about_box6 .about1_tit{ text-align:center; color:#fff; margin-bottom:35px;}
.about_box6 .about1_tit hr {
    width: 30px;
    margin: 20px auto; 
    border-color: #fff;
}
.about5_list3 .about5_img {
    margin-left: 6%;
    margin-right: 0;
    width: 12%;
}
.about5_list4 .about5_img{
	width:30%;
    margin-top: 30px;
	margin-right:10%;
}

.about5_list4_1 .about5_img{
	width:20%;
	margin-left:10%;
	margin-top:0;
}
.about5_cot1 {
    width: 100%;
}
.about5_list1_1 .about5_img {
    width: 16%;
	margin-right:4%;
}
.about5_list2_1 .about5_img{
    width: 16%;
	margin-left:4%;
}
.about5_list2_1{
	top:-40px;
	position:relative;
}
.about5_list3_1 .about5_img{
	margin:0;
}
.about5_list3_1 {
    margin: 5px 0;
}
.arr_left{
	position:absolute;
	top:50%;
	width:40px;
	left:50px;
	display:inline-block;
    z-index: 2;
}
.arr_right{
	position:absolute;
	top:50%;
	width:40px;
	right:50px;
	display:inline-block;
    z-index: 2;
}
.about5_list2_1 .about5_wz{
	text-align:left;
}
.about5_list5 .about5_img{
    width: 16%;
    margin-left: 14%;
	margin-right:0;
}
.about5_list5 .about5_wz{
	position:relative;
	top:60px;
}
.about5_list5{
	margin-top:20px
}
.about5_list5 .about5_right{
	width:50%;
}
.about5_list5 .about5_wz h4{
    top: -10px;
}



.about6_cot hr{
	border-color:#ad8c79;
}
.about6_cot h2 {
    font-size: 40px;
    font-weight: 600;
    font-family: Arial, Helvetica, sans-serif;
    text-transform: capitalize;
}
.about6_cot hr {
    margin-top: 30px;
    width: 60px;
    margin-bottom: 24px;
}
.about6_cot h5 {
    line-height: 26px;
}
.about6_more a {
    padding: 10px 32px;
    display: inline-block;
    font-size: 12px;
	text-align:center;
	position:relative;
	color:#fff; 
	margin-top:20px;
    border:1px #fff solid;
}
.about6_more {
    padding-top: 8px;
}
.about6_more span {
    width: 60px;
    height: 1px;
    background: #fff;
    position: absolute;
    top: 0;
    left: 50%;
    margin-left: -30px;
	transition:all 0.3s ease-in;
	-webkit-transition:all 0.3s ease-in;
	-moz-transition:all 0.3s ease-in;
	-ms-transition:all 0.3s ease-in;
	-o-transition:all 0.3s ease-in;
}
.about6_more .about5_x_b{
	top:auto;
	bottom:0;
}
.about6_more a:hover span{
	width:120px;
	margin-left:-60px;
	transition:all 0.3s ease-in;
	-webkit-transition:all 0.3s ease-in;
	-moz-transition:all 0.3s ease-in;
	-ms-transition:all 0.3s ease-in;
	-o-transition:all 0.3s ease-in;
}
.about_box7 {
    padding: 90px 0;
}
.about7_top .about1_tit {
    text-align: center;
}
.about7_top .about1_tit hr{
	margin: 17px auto;
}
.about7_left,.about7_right {
    width: 15%;
    float: left;
}
.about7_center {
    width: 70%;
    float: left;
}
.about7_center li {
    width: 32%;
    float: left;
}
.about7_center .about7_last{
	width:4%;
}
.about7_left hr {
    width: 30px;
    border-top:solid 2px #333;
    margin: 20px 0;
}
.about7_right hr {
    width: 30px;
    border-top:solid 2px #333;
    text-align: right;
    margin: 20px 0;
	float:right;
}
.about7_addr h3 {
    margin: 10px 0; font-family:Arial, Helvetica, sans-serif;
}
.about7_top_top {
    padding-top: 30px;
}
.about7_wz {
    padding-top: 30px;
}
.about7_wz h5 {
    margin: 0;
    line-height: 40px;
    color: #737373; font-family:Arial, Helvetica, sans-serif;
	position:relative;
    height: 40px;
}
.about7_wx {
    overflow: hidden;
    cursor: pointer;
}
.about7_ewm {
    position: absolute;
    top: -30px;
    left: 30px;
	opacity:0;
	filter:alpha(opacity=0);
	-moz-opacity:0;
	-khtml-opacity:0;
}
.zhongwen{ font-family:"Microsoft YaHei",ÃƒÆ’Ã‚Â¥Ãƒâ€šÃ‚Â¾Ãƒâ€šÃ‚Â®ÃƒÆ’Ã‚Â¨Ãƒâ€šÃ‚Â½Ãƒâ€šÃ‚Â¯ÃƒÆ’Ã‚Â©ÃƒÂ¢Ã¢â€šÂ¬Ã‚ÂºÃƒÂ¢Ã¢â€šÂ¬Ã‚Â¦ÃƒÆ’Ã‚Â©Ãƒâ€šÃ‚Â»ÃƒÂ¢Ã¢â€šÂ¬Ã‹Å“,STHeiti !important; font-size:13px;}

.about7_img {
    text-align: center;
}
.about7_form_top li {
    width: 33.33%;
    float: left;
    padding: 0 60px;
}
.about7_form_top{
	margin:0 -60px;
    padding: 50px 0 80px;
}
.about7_form_top li input {
    width: 100%;
    border: 0;
    border-bottom: solid 1px #ccc;
	padding: 6px;
    color: #999;
}
.about7_form_top li input:focus{
	border-color:#666;
	color:#666;
}
.about7_form>input {
    width: 100%;
    border: 0;
    border-bottom: solid 1px #ccc;
	padding: 6px;
}
.about7_form>input:focus{
	border-color:#666;
	color:#666;
}
.about7_sub {
    text-align: center;
    margin-top: 70px;
	position:relative;
}
.about7_sub input {
    border: 0;
    background: transparent;
    width: 70px;
    height: 36px;
    position: relative;
    z-index: 2;
    color: transparent;
}
.about7_form_bottom li{
	float:left;
	width:50%;
	padding-right:2%
}
.about7_form_bottom li input{
    width: 100%;
    border: 0;
    border-bottom: solid 1px #ccc;
    padding: 6px;
    color: #999;
} 
.about7_form input:focus{
	border-color:#666;
	color:#666;
}
.about7_form_bottom ul {
    margin-right: -2%;
}
.about7_form_bottom li select{
	width:30%;
    border: 0;
    margin-right: 2%;
    border-bottom: solid 1px #ccc;
    color: #999;
    padding: 5px 6px;
	appearance:none;
	-moz-appearance:none;
	-webkit-appearance:none;
	background: url(../images/select_serv.png) no-repeat scroll right center transparent;
	padding-right: 14px;
}
.about7_sub_bt {
    width: 220px;
    display: inline-block;
    position: absolute;
    top: 0;
    left: 50%;
    margin-left: -110px;
    letter-spacing: 4px;
    text-align: center;
    min-width: 150px;
    max-width: 250px;
    padding: 12px 24px;
    vertical-align: middle;
    z-index: 1;
    -webkit-backface-visibility: hidden;
    cursor: pointer;
    color:#fff ;
    font-size: 13px;
	line-height:12px;
	border:1px solid #8B604C;
    background: #8B604C;
	-webkit-transition: all 0.4s  cubic-bezier(0.2, 1, 0.3, 1);
	transition: all 0.4s  cubic-bezier(0.2, 1, 0.3, 1);
}
.about7_sub_bt.active{
	background:#fff;
	border-color:#cacaca;
	color:#000;
	-webkit-transition: all 0.4s  cubic-bezier(0.2, 1, 0.3, 1);
	transition: all 0.4s  cubic-bezier(0.2, 1, 0.3, 1);
}
.about7_sub_bt:before{
	content: '';
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background: #fff;
	z-index: -1;
	opacity: 0;
	filter:alpha(opacity=0);
	-moz-opacity:0;
	-khtml-opacity:0;
	-webkit-transform: scale3d(0.7, 1, 1);
	transform: scale3d(0.7, 1, 1);
	-webkit-transition: all 0.4s  cubic-bezier(0.2, 1, 0.3, 1);
	transition: all 0.4s  cubic-bezier(0.2, 1, 0.3, 1);
	font-family:"Microsoft YaHei",ÃƒÆ’Ã‚Â¥Ãƒâ€šÃ‚Â¾Ãƒâ€šÃ‚Â®ÃƒÆ’Ã‚Â¨Ãƒâ€šÃ‚Â½Ãƒâ€šÃ‚Â¯ÃƒÆ’Ã‚Â©ÃƒÂ¢Ã¢â€šÂ¬Ã‚ÂºÃƒÂ¢Ã¢â€šÂ¬Ã‚Â¦ÃƒÆ’Ã‚Â©Ãƒâ€šÃ‚Â»ÃƒÂ¢Ã¢â€šÂ¬Ã‹Å“,STHeiti;
}

.about7_sub_bt.active:before{
	opacity:1;
	filter:alpha(opacity=100);
	-moz-opacity:1;
	-khtml-opacity:1;
	-webkit-transform: scale3d(1,1,1);
	transform:  scale3d(1,1,1);
	-webkit-transition: all 0.4s  cubic-bezier(0.2, 1, 0.3, 1);
	transition: all 0.4s  cubic-bezier(0.2, 1, 0.3, 1);
}

/**about**/



/**news**/
.news_container {
    width: 90%;
    margin: 0 auto;
}

.news_sec.news_sec1 {
    padding: 80px 0;
}

.news_sel {
    text-align: center;
    margin-bottom: 80px;
}

.news_sel_box {
    display: inline-block;
}

.select {
    display: inline-block;
    position: relative;
    width: 320px;
    margin: 0 5px;
    text-align: left;
    white-space: nowrap;
    text-overflow: ellipsis;
    color: #1e1e1e;
    font-size: 13px;
}

.newswrap img {
    width: 100%;
    margin-bottom: 40px;
    -moz-transition: opacity .7s;
    -o-transition: opacity .7s;
    -webkit-transition: opacity .7s;
    transition: opacity .7s;
    opacity: 1;
}

.newswrap {
    width: 60%;
}

.news1_lis.left .newswrap , .news1_lis.left .extra {
    float: right;
}
.news1_lis.right .newswrap , .news1_lis.right .extra {
    float: left;
}

.news1_lis:after {
    content: "";
    display: table;
    clear: both;
}

.news1_lis .extra {
    width: 20%;
    margin-left: 5%;
    float: left;
    text-transform: uppercase;
    font-size: 13px;
}
.news1_lis.left .extra {
    float: right;
    margin-left: 0;
    margin-right: 5%;
    text-align: right;
}

.news1_lis {
    margin-bottom: 120px;
}

.news1_lis:hover .newswrap img {
    opacity: 0.8;
}


.news1_lis:hover .newswrap .titolo  { color:#895e4c
}
.news1_lis:hover .text-cta{ color:#895e4c}


.newswrap .titolo {
    font-size: 18px;
    margin-bottom: 20px;
    line-height: 26px;
	white-space:nowrap; overflow:hidden; text-overflow:ellipsis; 
}

.newswrap .desc { height:130px; 
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 5;
    overflow: hidden;
    padding: 0; font-size:13px; line-height:26px;    color: #737373;
    text-indent: 2em;
}

.newswrap .categorie {
    margin: 30px 0 0 0;
}

.text-cta {
    font-size: 12px;
    text-transform: uppercase;
    letter-spacing: .1em;
    font-weight: 500;
    color: #1e1e1e;
}
.text-cta:before {
    content: "";
    width: 25px;
    height: 1px;
    background: #1e1e1e;
    display: inline-block;
    margin-right: 20px;
    vertical-align: middle;
}



.news_sel_box .select {
    float: left; text-transform:capitalize;
}


.news_sel_box:after {
    content: "";
    display: table;
    clear: both;
}

.select_show {
    padding: 15px 15px;
    position: relative;
    border: 1px solid #1e1e1e;
    cursor: pointer;
}
.select_show span{ text-transform:capitalize}

.select ul.options {
    position: absolute;
    background: #e9e7e5;
    border: 1px solid #1e1e1e;
    padding: 10px 0;
    border-top: none;
    width: 100%;
    top: 100%;
    z-index: 2;
    display: none;
}
.select.active ul.options{
	display:block;
}

.select_show i.fa {
    float: right;
    font-size: 20px;
}

.select ul.options li {
    padding: 10px 15px;
    cursor: pointer;
}

.select ul.options li.selected {
    font-weight: 600;
}

.select ul.options li:hover {
    font-weight: 600;
}



.news2_rtxt h4 {
    font-size: 20px; line-height:26px;
    margin-bottom: 5px;
    margin: 0;
}

.news2_rtxt h3 {
    margin: 0;
    font-size: 15px;
    color: #555; 
	margin-bottom:30px;
    font-family: 'webfontregular';
}

.news2_rtxt {
    padding-left: 40px;
}
.news2_row {
    padding: 60px 0;
}
.news2_video video {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.news2_video{
	width:100%;
	height:100%;
}
.background_flash{
	display:none;
	width:100%;
	height:100%;
}








.news_harf {
    width: 50%;
    float: left;
    text-align: center;
}

.news_fir:after {
    content: "";
    display: table;
    clear: both;
}

.news3_fir_l {
    margin-right: -1px;
    padding: 0 20%;
    padding-bottom: 35px;
}

.news3_fir_r {
    /* border-left: solid 1px #eee; */
    padding: 0 20%;
    padding-bottom: 35px;
}

.nf_img img {
    width: 100%;
}

h3.nf_t {
    margin: 0 0 20px;
    font-size: 16px;
    color: #000;
    font-weight: bold;
}

h4.nf_b {
    font-size: 13px;
    color: #999;
    margin: 0;
    line-height: 1.42;
}

.nf_img {
    margin-top: 55px;
}

.nf_div {
    margin-top: 70px;
    padding: 0 10%;
}

.nf_div h5 {
    margin: 0;
    font-size: 13px;
    font-weight: bold; margin-bottom:20px;
    color: #333;
}

.nf_div h6 {
    margin: 0 0 15px;
    font-size: 13px;
    color: #888; line-height:26px;
}


.news3_main {
    margin-top: 80px;
}
.news3_bg {
    min-height: 380px;
    background-size: cover;
    background-position: center center;
    background-attachment: fixed;
}


.news3_thr_lis a:after {
    content: "";
    display: table;
    clear: both;
}

.news_thr_img {
    width: 180px;
    float: left;
}

.news_thr_r {
    padding-left: 210px;
}

.news_thr_r:after {
    content: "";
    display: table;
    clear: both;
}

.news_thr_txt {
    width: 60%;
    float: left;
    padding-right: 35px;
}

.news_thr_txt2 {
    width: 40%;
    float: left;
}

.news4_main {
    margin-top: 80px;
}

.news3_thr_lis {
    padding: 15px 0;
    border-top: solid 1px #eee;
}

.news3_thr_top h2 {
    margin: 0;
    font-size: 18px;
    font-weight: bold;
    color: #000;
}

.news3_thr_top {
    margin-bottom: 30px;
}

.news3_thr_top h2 span {
    font-weight: normal;
    color: #9a8b78;
    font-size: 16px;
}

span.fl_right {
    float: right;
}

.news_thr_txt h2 {
    margin: 0 0 10px;
    font-size: 20px;
    color: #000;
	white-space:nowrap; overflow:hidden; text-overflow:ellipsis; 
}

.news_thr_txt h3 {
    margin: 15px 0 30px;
    font-size: 13px;
}

.news_thr_txt h4 {
    font-size: 13px;
    margin: 0;
    color: #999;
	line-height:24px;
}

.news_thr_txt h3 span.gray {
    color: #999;
    margin-right: 10px;
}

.news_thr_txt2 h5 {
      margin: 0;
	  height:25px;
	  font-family: 'webfontregular';
	 line-height:25px;
    font-size: 14px; 
	text-transform:capitalize;
    color: #000; 
	background:url(../images/time.jpg) no-repeat left top; 
	padding-left:40px;
}
/**news**/



/**prolist**/
.prolist_container {
    width: 1340px;
    margin: 0 auto;
}
.prolist {
    padding: 100px 0 80px;
	background:#fff;
}
.prolist_intro{
    padding: 150px 0;
    background: url(../images/prolist_intro.jpg) no-repeat center center fixed;
	background-size:cover;
}
.prolist_intro_wz{
	width:600px;
	text-align:center;
	margin:0 auto;
}
.prolist_intro_wz h3 {
    margin: 0;
    font-size: 20px;
    font-weight: 600;
    color: #fff;
    margin-bottom: 30px;
}
.prolist_intro_wz h4 {
    font-size: 14px;
    color: #fff;
    line-height: 26px;
}
.prolist_top h2 {
    font-size: 26px;
    margin-top: 0;
    margin-bottom: 40px;
}
.prolist_list {
   /* width: 25%;*/
    float: left;
	padding:0 9px;
	margin-bottom:18px;
	overflow:hidden;
    width: 240px;
}
.prolist_row .marqueeleft ul {
    float: left;
}
div#marqueeee li {
    float: left;
}
.prolist_row {
    margin: 0 -9px;
}
.prolist_wz h4 {
    margin: 0;
    font-size: 16px;
    line-height: 26px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}
.prolist_wz h5 {
    margin: 0;
    font-size: 12px;
	max-width:180px;
    line-height: 20px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}
.prolist_price h3 {
    font-size: 12px;
	margin:0;
    line-height: 20px;
} 
.prolist_wz {
    padding: 20px;
    background: #e9e7e5;
	position:relative;
}
.prolist_price span {
    display: block;
    font-size: 13px;
    font-weight: 600;
	margin-top:6px;
}
.prolist_price {
    position: absolute;
    top: 33px;
    right: 20px;
}
.prolist_btn {
    position: absolute;
    bottom: -45px;
    left: 0;
    width: 100%;
    padding: 14px 0;
    text-align: center;
    background: #895e4c;
    color: #fff;
    text-transform: uppercase;
    font-size: 12px;
    letter-spacing: 2px;
}
.prolist_cot:hover{
    bottom:0;
	transition:all 0.4s ease-in;
	-webkit-transition:all 0.4s ease-in;
	-moz-transition:all 0.4s ease-in;
	-ms-transition:all 0.4s ease-in;
	-o-transition:all 0.4s ease-in;
}
.prolist_cot {
    position: relative;
    cursor: pointer;
	transform:translateY(0px);
	-webkit-transform:translateY(0px);
	-moz-transform:translateY(0px);
	-ms-transform:translateY(0px);
	-o-transform:translateY(0px);
	transition:all 0.4s ease-in;
	-webkit-transition:all 0.4s ease-in;
	-moz-transition:all 0.4s ease-in;
	-ms-transition:all 0.4s ease-in;
	-o-transition:all 0.4s ease-in;
}
.prolist_cot:hover{
	transform:translateY(-45px);
	-webkit-transform:translateY(-45px);
	-moz-transform:translateY(-45px);
	-ms-transform:translateY(-45px);
	-o-transform:translateY(-45px);
	transition:all 0.4s ease-in;
	-webkit-transition:all 0.4s ease-in;
	-moz-transition:all 0.4s ease-in;
	-ms-transition:all 0.4s ease-in;
	-o-transition:all 0.4s ease-in;
}
.prolist_menu_cot.TabHide9{
	display:none;
}
#TabShow1{
	display:block;
}
.prolist_menu_list {
    width: 25%;
    float: left;
}
.prolist_menu_right {
    float: left;
    width: 75%;
}
.prolist_menu_right .prolist_menu_list{
	width:100%;
	float:none;
}
.prolist_menu_right .prolist_menu_list>ul>li{
	width:22%;
	float:left;
}
.prolist_top{
	position:relative;
    padding: 0 0 60px;
}
.prolist_top>h3 {
    font-size: 16px;
    margin: 0;
    position: relative;
}
.prolist_top_btn {
    position: absolute;
    right: 0;
    top: 0;
}
.prolist_top_btn a {
    text-decoration: underline; color:#895e4c; font-size:15px;
}
.prolist_menu {
    padding: 40px 0 20px;
	display:none;
}
.prolist_menu_list h4 {
    margin: 0;
    font-size: 17px;
    font-weight: 600;
    line-height: 40px;
    margin-bottom: 20px;
}
.prolist_menu_list li a {
    line-height: 32px; 
}
.prolist_menu_list li a:hover,.prolist_menu_list li.active a{
	color:#8B604C;
}
.prolist_img1 {
    /*-webkit-filter: grayscale(100%);
    -moz-filter: grayscale(100%);
    -ms-filter: grayscale(100%);
    -o-filter: grayscale(100%);
    filter: grayscale(100%);
    filter: gray;*/
	position:relative;
	transition:all 0.4s ease-in;
	-webkit-transition:all 0.4s ease-in;
	-moz-transition:all 0.4s ease-in;
	-ms-transition:all 0.4s ease-in;
	-o-transition:all 0.4s ease-in;
}
.prolist_img2{
	display:none;
}
/*.prolist_cot:hover .prolist_img1 {
	opacity:0;
	filter:alpha(opacity=0);
	-moz-opacity:0;
	-khtml-opacity:0;
	transition:all 0.4s ease-in;
	-webkit-transition:all 0.4s ease-in;
	-moz-transition:all 0.4s ease-in;
	-ms-transition:all 0.4s ease-in;
	-o-transition:all 0.4s ease-in;
}
.prolist_img2{
	position:absolute;
	top:0;
	left:0;
	width:100%;
	opacity:0;
	filter:alpha(opacity=0);
	-moz-opacity:0;
	-khtml-opacity:0;
	transition:all 0.4s ease-in;
	-webkit-transition:all 0.4s ease-in;
	-moz-transition:all 0.4s ease-in;
	-ms-transition:all 0.4s ease-in;
	-o-transition:all 0.4s ease-in;
}
.prolist_cot:hover .prolist_img2 {
	opacity:1;
	filter:alpha(opacity=100);
	-moz-opacity:1;
	-khtml-opacity:1;
	transition:all 0.4s ease-in;
	-webkit-transition:all 0.4s ease-in;
	-moz-transition:all 0.4s ease-in;
	-ms-transition:all 0.4s ease-in;
	-o-transition:all 0.4s ease-in;
}*/
.prolist2_list.TabHidet8{
	display:none;	
}
.prolist_wz a {
    margin-top: 10px;
	transition:all 0.4s;
	-webkit-transition:all 0.4s;
	-moz-transition:all 0.4s;
	-ms-transition:all 0.4s;
	-o-transition:all 0.4s;
	display:none;
}
.prolist_wz a:hover{
    color: #8B604C;
	transition:all 0.4s;
	-webkit-transition:all 0.4s;
	-moz-transition:all 0.4s;
	-ms-transition:all 0.4s;
	-o-transition:all 0.4s;
}
.prolist2_left h2 {
    font-size: 24px;
    color: #8B604C;
    margin-bottom: 30px;
    margin-top: 0;
}
.prolist2_wz h5 {
    line-height: 26px;
    text-indent: 2em;
    margin: 10px 0;
    color: #737373;
    font-size: 13px;
}
.prolist2_top li {
    float: left;
    width: 50%;
    line-height: 26px;
    color: #737373;
    font-size: 13px;
}
/*.prolist2_right{
	width:90%;
	margin-left:10%;
}*/
.prolist2_left {
    width: 86%;
	margin:0 auto;
}
.prolist2_right {
    width: 86%;
	margin:0 auto;
}
.prolist2_top li span {
    color: #999;
}
.prolist2_top{
	padding:0 0 30px ;
}
/*.prolist_box2{
	position:fixed;
	top:0;
	left:0;
	background:rgba(255,255,255,0.8);
	width:100%;
	height:100%;
	display:none;
    z-index: 1;
}*/
.prolist2_list {
    padding-bottom: 80px;
}
.prolist2_list h3 {
    margin: 20px 7%;
}
.prolist2_cot{
	width:900px;
	background:#fafafa;
    margin: 0 auto;
    padding: 40px;
	position:relative;
}
.table_proli{
	display:table;
	width:100%;
	height:100%;
}
.table_cell{
	display:table-cell;
	vertical-align:middle;
}
.prolist2_close {
    position: absolute;
    top: 20px;
    right: 20px;
}
.prolist2_gm {
    padding-top: 20px;
    text-align: right;
}

.prolist2_gm a {
    padding: 8px 40px;
    background: #8F634E;
    color: #fff;
    display: inline-block;
}



/**prodot**/
.prodot_box1 {
    padding: 80px 0 60px;
}
.prodot1_left {
    width: 60%;
	float:left;
	padding-right:8%;
}
.prodot1_right {
    width: 40%;
    float: right;
	position:relative;
}
.prodot1_small li {
    float: left;
    width: 50px;
    height: 50px;
    padding: 3px;
    margin-right:20px;
	border:solid 1px #ddd;
}
.prodot1_small li.active{
	border-color:#8B604C;
}
.prodot1_right_cot>h3 {
    font-size:18px;
    margin: 0;	
}
.prodot1_right_cot>h4 {
    font-size:34px; margin:18px auto;
}
.prodot1_right_cot>h5 {
    font-size: 13px;
    line-height: 26px;
	 margin-top:30px;
    color: #737373;
}

.prodot1_right_cot>h7{ font-family:Arial, Helvetica, sans-serif; text-transform:capitalize; font-size:15px; color:#000}


.prodot1_bg {
    margin: 20px 0;
    background: #e3e3e3;
    padding: 15px 54px;
}
.prodot1_bg h2 {
    margin: 0;
    font-size: 16px;
}
.prodot1_bg h2 span {
    font-size: 24px;
    color: #ce0a0a;
    padding: 0 4px;
}
.prodot1_gg h3 {
    font-size: 13px;
	color:#000;
	width:40%;
	display:inline-block;
    line-height: 50px;
    margin: 0;
}
.prodot1_gg h3 span {
    padding-left: 15px;
    font-size: 12px;
    color: #000;
}
.prodot1_gg h3 select,.prodot1_gg h3 select:focus {
    font-size: 12px;
    margin-left: 15px;
    margin-right: 5px;
	outline:none;
    padding: 10px 10px;
    border-color: #ccc;
}
.prodot1_gg_list a {
    width: 60%;
    display: inline-block;
    padding: 10px 40px;
    text-align: center;
    background: #8B604C;
    color: #fff;
}
.prodot1_right_cot h6 {
    text-align: left;
    margin-top: 30px;
}
.prodot1_right_cot h6:hover i{
	color:#8B604C;
	transition:all 0.3s ease-in;
	-webkit-transition:all 0.3s ease-in;
	-moz-transition:all 0.3s ease-in;
	-ms-transition:all 0.3s ease-in;
	-o-transition:all 0.3s ease-in;
}
.prodot1_right_cot h6 a{ font-size:12px;}
.prodot1_right_cot h6 i{
	color:#999;
	padding-right:5px;
	transition:all 0.3s ease-in;
	-webkit-transition:all 0.3s ease-in;
	-moz-transition:all 0.3s ease-in;
	-ms-transition:all 0.3s ease-in;
	-o-transition:all 0.3s ease-in;
}
.prodot2_top {
    border-top: solid 1px #ddd;
	padding: 24px 30px;
}
.prodot2_top h3 {
    margin: 0;
    font-size: 18px;
	 font-weight:bold;
}
.prodot2_gg h5 {
    width: 33.3%;
    float: left;
	margin:0;
	line-height:32px;
	font-size:13px;
	color:#737373;
}
.prodot2_gg h5 strong{ color:#000; font-size:13px;letter-spacing:1px;}
.prodot2_gg{
	padding:15px 0;
}
.prodot2_intro h4 {
    font-size: 13px;
    line-height: 26px;
    margin: 0;
    color: #737373;
}
.prodot2_intro h4  strong{ color:#000; font-size:13px; letter-spacing:1px; }

.prodot2_img {
    margin-top: 30px;
}
.prodot_box2 {
    padding-bottom: 80px;
}
.prodot1_wz h3 {
    margin: 0;
    font-size: 24px;
    color: #8B604C;
}

.prodot1_cot {
    margin: 20px 0;
}

.prodot1_cot h4 {
    margin: 0;
    font-size: 18px;
    line-height: 30px;
}

.prodot1_cot h5 {
    font-size: 13px;
    line-height: 26px;
	color:#737373;
}
.prodot2_li li {
    float: left;
	position:relative;
	bottom:-1px;
}
.prodot2_li li a{
	padding:0 50px;
	line-height:36px;
    font-size: 15px;
    color: #8B604C;
}
.prodot2_li li.active{
    border-bottom: solid 1px #8B604C;
}
.prodot2_li ul {
    border-bottom: solid 1px #ddd;
}
.prodot2_star{
	display:inline-block;
	width:98px;
	height:18px;
    margin-left: 20px;
	background:url(../images/star.png) no-repeat;
	position:relative;
	top:2px;
}.prodot2_star5{
	background-position:0 0;
}
.prodot2_star4{
	background-position:-20px 0;
}
.prodot2_star3{
	background-position:-40px 0;
}
.prodot2_star2{
	background-position:-60px 0;
}
.prodot2_star1{
	background-position:-80px 0;
}

.prodot2_star1_1{
	background-position:-20px 0;
}

.prodot2_star2_1{
	background-position:-20px 0;
}
.prodot2_star3_1{
	background-position:0 0;
}
.prodot2_star4_1{
	background-position:-20px 0;
}
.prodot2_star1_2{
	background-position:-20px 0;
}
.prodot2_star2_2{
	background-position:0 0;
}
.prodot2_star3_2{
	background-position:0 0;
}
.prodot2_star4_2{
	background-position:-40px 0;
}
.prodot2_star1_3{
	background-position:-20px 0;
}
.prodot2_star2_3{
	background-position:0 0;
}
.prodot2_star3_3{
	background-position:-20px 0;
}
.prodot2_star4_3{
	background-position:-40px 0;
}
.prodot2_star1_4{
	background-position:0 0;
}
.prodot2_star2_4{
	background-position:-20px 0;
}
.prodot2_star3_4{
	background-position:-20px 0;
}
.prodot2_star4_4{
	background-position:-40px 0;
}
.prodot2_star1_5{
	background-position:-20px 0;
}
.prodot2_star2_5{
	background-position:0 0;
}
.prodot2_star3_5{
	background-position:0 0;
}
.prodot2_star4_5{
	background-position:-20px 0;
}
.prodot2_star1_6{
	background-position:-20px 0;
}
.prodot2_star2_6{
	background-position:0 0;
}
.prodot2_star3_6{
	background-position:0 0;
}
.prodot2_star4_6{
	background-position:0 0;
}
.prodot2_star1_7{
	background-position:0 0;
}
.prodot2_star2_7{
	background-position:-20px 0;
}
.prodot2_star3_7{
	background-position:-20px 0;
}
.prodot2_star4_7{
	background-position:-20px 0;
}
.prodot2_star1_8{
	background-position:-20px 0;
}
.prodot2_star2_8{
	background-position:0 0;
}
.prodot2_star3_8{
	background-position:0 0;
}
.prodot2_star4_8{
	background-position:0 0;
}
.prodot2_star1_9{
	background-position:-20px 0;
}
.prodot2_star2_9{
	background-position:-20px 0;
}
.prodot2_star3_9{
	background-position:-20px 0;
}
.prodot2_star4_9{
	background-position:-40px 0;
}
.prodot2_star1_10{
	background-position:0 0;
}
.prodot2_star2_10{
	background-position:-20px 0;
}
.prodot2_star3_10{
	background-position:-20px 0;
}
.prodot2_star4_10{
	background-position:-20px 0;
}
.prodot2_star1_11{
	background-position:-20px 0;
}
.prodot2_star2_11{
	background-position:0 0;
}
.prodot2_star3_11{
	background-position:0 0;
}
.prodot2_star4_11{
	background-position:0 0;
}
.prodot2_star1_12{
	background-position:-40px 0;
}
.prodot2_star2_12{
	background-position:-20px 0;
}
.prodot2_star3_12{
	background-position:0 0;
}
.prodot2_star4_12{
	background-position:-20px 0;
}
.prodot2_star1_13{
	background-position:-20px 0;
}
.prodot2_star2_13{
	background-position:-20px 0;
}
.prodot2_star3_13{
	background-position:-20px 0;
}
.prodot2_star4_13{
	background-position:-20px 0;
}
.prodot2_star1_14{
	background-position:-20px 0;
}
.prodot2_star2_14{
	background-position:0 0;
}
.prodot2_star3_14{
	background-position:-20px 0;
}
.prodot2_star4_14{
	background-position:-20px 0;
}
.prodot2_star1_15{
	background-position:-20px 0;
}
.prodot2_star2_15{
	background-position:0 0;
}
.prodot2_star3_15{
	background-position:0 0;
}
.prodot2_star4_15{
	background-position:0 0;
}
.prodot2_pf_li h5 {
    line-height: 24px;
}
.prodot2_name img {
    width: 18px;
    display: inline-block;
}

.prodot2_name {
    width: 20%;
    float: left;
}

.prodot2_name h5 {
    display: inline-block;
    padding-left: 10px;
}

.prodot2_pj h5 {
    margin: 0;
    line-height: 26px;
}

.prodot2_time {
    width: 20%;
    float: right;
}

.prodot2_pj_cot {
    width: 60%;
    float: left;
}
.prodot2_pf{
	padding-bottom:10px;
	margin-bottom:10px;
	border-bottom:solid 1px #ddd;
    padding-top: 20px;
}
.prodot2_pj_li {
    padding: 10px 0;
}
.prodot2_pj_li_ts h5{
	font-size:14px;
}
.prodot2_pj_li h5{
	font-size:13px;
    color: #737373;
}
.prodot2_lis {
    padding: 0 20px;
}
.prodot1_zan img {
    width: 20px;
    position: relative;
    top: -3px;
    margin-right: 8px;
}
.prodot1_zan {
    position: absolute;
    bottom: 0;
    left: 0;
}




/**sale**/
.ban_wz {
    top: 40%;
    color: #fff;
    text-align: center;
    width: 600px;
    margin: 0 auto;
    position: absolute;
    left: 50%;
    margin-left: -300px;
}
.ban_wz h3 {
    margin: 0;
    font-size: 20px;
	line-height:34px;
}
.ban_wz h2 {
    font-size: 30px;
	margin-bottom:20px;
}
.sale_list {
    width: 25%;
    padding: 0 10px;
	float:left;
    margin-bottom: 40px;
}
.sale_list_zz {
    opacity: 0.8;
    filter: alpha(opacity=80);
    -moz-opacity: 0.8;
    -khtml-opacity: 0.8;
    -webkit-filter: grayscale(100%);
    -moz-filter: grayscale(100%);
    -ms-filter: grayscale(100%);
    -o-filter: grayscale(100%);
    filter: grayscale(100%);
    filter: gray;
}
.sale_list_zz .sale_img:hover img{
	transform:scale(1);
	-webkit-transform:scale(1);
	-moz-transform:scale(1);
	-ms-transform:scale(1);
	-o-transform:scale(1);
}
.sale_bottom{
	margin:0 -10px;
}
.sale {
    padding: 80px 0 40px;
}
.sale .about1_tit {
    text-align: center;

    margin-bottom: 35px;
}
.sale .about1_tit hr {
    width: 30px;
    margin: 20px auto;

}





.sale_top {
    margin: 20px 0 40px;
    padding-bottom: 10px;
    border-bottom: solid 1px #ddd;
}
.sale_top h3 {
    margin: 0;
    font-size: 16px;
    display: inline-block;
    text-transform: capitalize;
}
.sale_top span {
    float: right;
}
.sale_gwc {
    width: 28px;
    position: absolute;
    right: 10px;
    top: 15px;
}
.sale_wz {
    position: relative;
    margin-top: 10px;
    border-top: solid 1px #333;
    padding-top: 10px;
}
.sale_wz h4 {
    margin: 0;
    font-size: 13px;
    color: #d30b0b;
}
.sale_wz h5 {
    margin: 0;
    font-size: 14px;
    line-height: 26px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}
.sale_wz h4 span {
    color: #999;
    padding-right: 10px;
	position:relative;
}
.sale_wz h4 span:after {
    content: "";
    width: 100%;
    height: 1px;
    display: inline-block;
    position: absolute;
    top: 10px;
    left: 0;
    background: #999;
}
.sale_img {
    overflow: hidden;
}
.sale_img:hover img{
	transform:scale(1.1);
	-webkit-transform:scale(1.1);
	-moz-transform:scale(1.1);
	-ms-transform:scale(1.1);
	-o-transform:scale(1.1);
	transition:all 0.5s ease-in;
	-webkit-transition:all 0.5s ease-in;
	-moz-transition:all 0.5s ease-in;
	-ms-transition:all 0.5s ease-in;
	-o-transition:all 0.5s ease-in;
}
.sale_img img{
	transition:all 0.5s ease-in;
	-webkit-transition:all 0.5s ease-in;
	-moz-transition:all 0.5s ease-in;
	-ms-transition:all 0.5s ease-in;
	-o-transition:all 0.5s ease-in;
}
/**sale**/




/**club_activity**/
.act_cot {
    padding: 0 50px;
}
.act1_tit1 h4 {
    font-size: 13px;
	font-family: Arial, Helvetica, sans-serif;
}
.act1_cot {
    width: 65%;
    margin: 0 auto;
	text-align:center;
}

.act {
    padding: 80px 0;
}
.act_box {
    padding-top: 80px;
}
.act1_tit1 h3 {
    line-height: 30px;
    color: #191A1C;
    font-size: 30px;
    margin: 10px auto 0;
}
.act1_tit1 h5 {
    padding: 15px 0;
    font-family: serif;
    font-size: 30px;
    display: inline-block;
    margin: 0;
}
.act1_tit1 h6 {
    font-size: 30px;
    margin: 0;
}
.act1_tit1 h2 {
    margin-top: 30px;
    font-size: 35px; margin-bottom:40px;
   
}
.act1_wz h5 {
    font-size: 13px;
    line-height: 26px; 
	text-align:left;
	color: #737373;
    text-indent: 2em;
}
.act3_cot_cot h5 span {    
	width: 32px;
    height: 24px;
    line-height: 26px;
    position: absolute;
    top: -6px;
    left: -2px;
}
.act3_cot_cot {
    max-width: 350px;
    margin: 0 auto;
}
.act3_cot_cot h5 {
    font-size: 29px;
    line-height: 48px;
    color: #191A1C;
    position: relative;
    padding-left: 50px;
    letter-spacing: .25px;
 
}
.act3_cot_cot h5:after {
    content: 'ÃƒÆ’Ã‚Â¢ÃƒÂ¢Ã¢â‚¬Å¡Ã‚Â¬Ãƒâ€šÃ‚Â';
    font-family: Georgia, "Times New Roman", Times, serif;
    font-style: italic;
    font-size: 45px;
    color: #191A1C;
    margin-left: 10px;
}
.table_dis {
    display: table;
    width: 100%;
    height: 100%;
}
.table-cel {
    display: table-cell;
    vertical-align: middle;
}
.act4_left {
    top: 0;
    left: 0;
}
.act4_left.fixed {
    position: fixed;
    top:90px;
    left: 0;
}
.act4_img {
    width: 86%;
}
.act4_bottom span {
    width: 80px;
    float: left;
    text-transform: uppercase;
    font-size: 12px;
    position: relative;
	font-family: Arial, Helvetica, sans-serif;
	font-weight:600;
}
.act4_bottom h5 {
    float: left;
	width:calc(100% - 80px);
	margin:0;
    padding-left: 20px;
    font-size: 13px;
	color: #737373;
    line-height: 26px;
    text-align: justify;
}
.act4_li h4 {
    font-size: 19px;
    color: #191A1C;
    margin-bottom: 25px;
	margin-top:0;
    font-weight: 600;
}
.act4_bottom span:after{
    content: "";
    position: absolute;
    bottom: -5px;
    left: 0px;
    width: 10px;
    height: 2px;
    background-color: #474849;
}
.act4_li {
    padding-bottom: 30px;
}
.act4_left_box {
    position: relative;
}
/**club_activity**/


/**login**/
.login_tit h2 {
    font-size: 26px;
    margin: 20px 0; letter-spacing:1px;
}
.login_cot {
    padding: 130px 0;
    width: 815px;
    margin: 0 auto;
}
.login_left {
    width: 400px;
    float: left;
    border: solid 1px #d9d9d9;
    padding: 30px;
    height: 290px;
}
.login_right {
    float: right;
    width: 400px;
    border: solid 1px #d9d9d9;
    padding: 30px;
    height: 290px;
}
.login_left h3 ,.login_right h3{
    margin: 0;
    font-size: 13px;
    color: #636363;
    font-weight: 400;
    margin-bottom: 20px;
    padding: 0 0 10px;
    border-bottom: 1px solid #d9d9d9;
}
.login_left h4 {
    font-size: 12px;
    line-height: 20px;
    margin: 0;
    color: #A0A0A0;
}
.login_btn1 {
    font-size: 12px;
    text-align: right;
}
.login_btn1 a {
    background: #895e4c;
    color: #fff;
    padding: 8px 20px;
    display: inline-block;
}
.login_list label {
    font-weight: normal;
    font-size: 12px;
}
.login_list span {
    width: 90px;
    display: inline-block;
}
.login_list input {
    width: 240px;
    line-height: 30px;
    padding: 0 8px;
    height: 32px;
	border:none;
	background:#ebebeb;
}
.login_bottom {
    padding-left: 90px;
}
.login_list {
    padding: 8px 0;
}
.login_bottom>a {
    color: #737373; font-size:12px;
    text-decoration: underline;
}
.login_sf h6 {
    color: #a0a0a0;
}
.login_sf {
    padding-top: 5px;
	position:relative;
}
.login_sf li {
    float: left;
    width: 20px;
    margin-right: 5px;
}
.login_dl {
    position: absolute;
    top: 0;
    right: 0;
}
.login_dl a {
    background: #895e4c;
    color: #fff;
    padding: 8px 20px;
    display: inline-block;
}


/**register**/
.register {
    padding: 100px 0;
}
.register_cot{
    width: 700px;
    margin: 0 auto;
    border: solid 1px #d9d9d9;
	padding:30px 30px 20px;
}
.register_top h3 {
    font-size: 24px;
    color: #636363;    
	padding-bottom: 3px ;
    margin-bottom: 15px ;
    margin-top: 0;
}
.register_top h4 {
    font-size: 12px !important;
    color: #A0A0A0;
    line-height: 20px;
}
.register_list label {
    font-weight: normal;
    font-size: 12px;
}
.register_list span {
    width: 90px;
    display: inline-block;
	color:#666;
}
.register_list input {
    width: 200px;
    line-height: 30px;
    height: 32px;
    padding: 0 8px;
    background: #ebebeb;
    border: none;
}
.register_list {
    width: 50%;
    float: left;
    padding: 8px 0;
	position:relative;
}
.register_yz a {
    display: inline-block;
}
.register_list img {
    width: 86px;
    position: relative;
    top: -1px;
    height: 32px;
}
.register_yz input {
    width: 110px;
}
.register_dx a {
    position: absolute;
    right: 25px;
    top: 8px;
    padding: 7px 20px;
    background: #895e4c;
    color: #fff;
    display: inline-block;
}
.register_dx input {
    padding-right: 72px;
}
.register_list select {
    height: 32px;
    line-height: 30px;
    padding: 0 0 0 8px;
    background: #ebebeb;
    border: none;
}
.register_list select:focus{
	outline:none;
}
.register_qd input{
	width:auto;
    line-height: 14px;
    margin: 0;
    position: relative;
    top: 12px;
}
.register_qd span{
	width:94%;
    display: inline; font-size:12px; color:#895e4c; 
}
.register_qd span a{ text-decoration:underline; }

.register_qd {
    margin-top: 0px;
}
.register_list select {
    width: 200px;
}
.register_year select {
    width: 50px;
}
.register_year select[name="year"]{
    width: 60px;
}
.register_btn{
	position:absolute;
    bottom: 10px;
	right:0px;
}
.register_bottom_cot {
    position: relative;
}
.register_btn a {
    padding: 8px 20px;
    background: #895e4c;
    color: #fff;
    display: inline-block;
}

/**job**/
.job_box1 {
    padding-top: 80px;
}

.job_box1 .about1_tit {
    text-align: center;
    margin-bottom: 35px;
}
.job_box1 .about1_tit hr {
    width: 30px;
    margin: 20px auto;
  
}



.job1_list {
    width: 25%;
    float: left;
    border-right: solid 1px #eee;
    padding-bottom: 50px;
}
.job1_bottom {
    border-left: solid 1px #eee;
}
.job1_bottom_wz {
    padding: 15px 20px;
}
.job1_bottom_wz h6 {
    font-size: 13px;
    color: #8B604C;
}
.job1_wz h5 {
    margin: 0 auto;
    line-height: 26px;
	 color:#737373;
    text-align: center;
}
.job1_wz {
    width: 90%;
    margin: 0 auto;
}
.job1_tit h3 {
    font-size: 16px;
    margin-top: 10px;
}
.job1_cot {
    padding: 80px 0 0;
}
.job_box01{
	padding-top:100px !important;
}
.job1_top_tit {
    padding: 40px;
	background:#c9bc9c;
}
.job1_top_tit h3 {
    float: left;
    margin: 0;
    font-size: 24px;
    color: #fff;
}
.job1_top_tit h5 {
    float: right; 
	text-align:right;
    margin: 0;
    line-height: 26px;
    color: #666;
    width: 30%;
    font-size: 16px;
}
.job1_top_bottom {
    padding: 25px;
    background: #8B604C;
}
.job1_top_bottom h4 {
    margin: 0;
    color: #fff;
}
.job1_btn {
    margin-top: 40px;
    text-align: center;
}
.job1_btn a {
    padding: 14px 36px;
    border: solid 1px #8B604C;
    font-size: 12px;
    text-transform: uppercase;
    letter-spacing: 1px;
	display:inline-block;
}
.job_box2{
	padding:140px 0;
	background:url(../images/job2.jpg) no-repeat center center ;
	background-size:cover;
	-moz-background-size:cover;
	-ms-background-size:cover;
	-o-background-size:cover;
	-webkit-background-size:cover;
}
.job2_btn {
    text-align: center;
}
.job2_btn a {
    padding: 10px 120px;
    color: #fff;
	display:inline-block;
	background:#8B604C;

	transition:all 0.4s ease-in;
	-webkit-transition:all 0.4s ease-in;
	-moz-transition:all 0.4s ease-in;
	-ms-transition:all 0.4s ease-in;
	-o-transition:all 0.4s ease-in;
}
.job2_btn h4 {
    font-size: 20px;
	font-weight:600;
    letter-spacing: 1px;
    margin: 0;
	margin-top:10px;
}
.job2_btn h5 {
    font-size: 16px;
	line-height:24px;
}
.job2_btn i {
    position: absolute;
    top: 50%;
    margin-top: -0.5px;
    right: -20px;
    width: 100px;
    height: 1px;
    background: #fff;
	transition:all 0.4s ease-in;
	-webkit-transition:all 0.4s ease-in;
	-moz-transition:all 0.4s ease-in;
	-ms-transition:all 0.4s ease-in;
	-o-transition:all 0.4s ease-in;
}
.job2_btn a:hover i{
	width:50px;
	transition:all 0.4s ease-in;
	-webkit-transition:all 0.4s ease-in;
	-moz-transition:all 0.4s ease-in;
	-ms-transition:all 0.4s ease-in;
	-o-transition:all 0.4s ease-in;
}
.job2_btn a:hover{
	background:#694433;
	transition:all 0.4s ease-in;
	-webkit-transition:all 0.4s ease-in;
	-moz-transition:all 0.4s ease-in;
	-ms-transition:all 0.4s ease-in;
	-o-transition:all 0.4s ease-in;
}
.job_box3 {
    padding: 100px 0;
}
.job3_zz {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
	text-align:center;
	color:#fff;
	background:#000;
	opacity:0.5;
	filter:alpha(opacity=50);
	-moz-opacity:0.5;
	-khtml-opacity:0.5;
	transition:all 0.4s ease-in;
	-webkit-transition:all 0.4s ease-in;
	-moz-transition:all 0.4s ease-in;
	-ms-transition:all 0.4s ease-in;
	-o-transition:all 0.4s ease-in;
}
.job3_list {
    position: relative;
	overflow:hidden;
}
.job3_zz h5 {
    font-size: 20px;
    text-transform:capitalize; font-family:Arial, Helvetica, sans-serif;
}
.job3_list img{
	transition:all 0.4s ease-in;
	-webkit-transition:all 0.4s ease-in;
	-moz-transition:all 0.4s ease-in;
	-ms-transition:all 0.4s ease-in;
	-o-transition:all 0.4s ease-in;
}
.job3_list:hover img{
	transform:scale(1.05);
	-webkit-transform:scale(1.05);
	-moz-transform:scale(1.05);
	-ms-transform:scale(1.05);
	-o-transform:scale(1.05);
	transition:all 0.4s ease-in;
	-webkit-transition:all 0.4s ease-in;
	-moz-transition:all 0.4s ease-in;
	-ms-transition:all 0.4s ease-in;
	-o-transition:all 0.4s ease-in;
}
.job3_list:hover .job3_zz{
	opacity:0;
	filter:alpha(opacity=0);
	-moz-opacity:0;
	-khtml-opacity:0;
	transition:all 0.4s ease-in;
	-webkit-transition:all 0.4s ease-in;
	-moz-transition:all 0.4s ease-in;
	-ms-transition:all 0.4s ease-in;
	-o-transition:all 0.4s ease-in;
}


/**newsdot**/
.newsdot_t .nd_title {color: #77787b;      font-size: 13px;      line-height: 22px;}

.newsdot_t .nd_value {
    color: #131010;
    font-size: 13px;
    line-height: 22px;
}

.newsdot {
    padding: 100px 0;
}

.newsdot_content h5 {
    margin: 0 0 22px;
    font-size: 13px;
    line-height: 1.4;
    color: #333;
}

.newsdot_content h5 a {
    color: #0068B3;
}
.newsdot_arrow-left {
    background: #979797;
    font-size: 18px;
    width: 28px;
    height: auto;
    padding: 6px 0;
    text-align: center;
	position:relative;
	top:auto;
    left: auto;
	right: auto;
}
.newsdot_arrow-right {
    background: #979797;
    font-size: 18px;
    width: 28px;
    height: auto;
    padding: 6px 0;
    text-align: center;
	position:relative;
	top:auto;
    left: auto;
	right: auto;
}
a.newsdot_zoom {
    background: #979797;
    width: 30px;
    height: auto;
    padding: 8px 0;
    text-align: center;
    position: relative;
    z-index: 1;
    color: #fff;
    border-left: solid 1px #fff;
    font-size: 13px;
}
.newsdot_sw_control {
    display: inline-block;
    position: absolute;
    top: 0;
    right: 0;
}

.newsdot_sw_control a {
    display: inline-block;
    float: left;
	-webkit-transition: all .2s ease-out;
    -moz-transition: all .2s ease-out;
    -o-transition: all .2s ease-out;
    transition: all .2s ease-out;
}
.newsdot_sw_control a:hover{
    -moz-opacity: .8;
    -khtml-opacity: .8;
    -webkit-opacity: .8;
    opacity: .8;
    -ms-filter: alpha(opacity=80);
    filter: alpha(opacity=80);
}

.newsdot_img {
    margin-bottom: 40px;
}

.newsdot_txt {
    padding: 0 15px;
}

.newsdot_txt p{ 
	line-height:26px; 
	color:#737373; 
	font-size:13px;
	font-family:"Microsoft YaHei",ÃƒÆ’Ã‚Â¥Ãƒâ€šÃ‚Â¾Ãƒâ€šÃ‚Â®ÃƒÆ’Ã‚Â¨Ãƒâ€šÃ‚Â½Ãƒâ€šÃ‚Â¯ÃƒÆ’Ã‚Â©ÃƒÂ¢Ã¢â€šÂ¬Ã‚ÂºÃƒÂ¢Ã¢â€šÂ¬Ã‚Â¦ÃƒÆ’Ã‚Â©Ãƒâ€šÃ‚Â»ÃƒÂ¢Ã¢â€šÂ¬Ã‹Å“,STHeiti; 
	margin-top:20px;    
	text-indent: 2em;
}

.newsdot_left {
    position: relative;
    margin-top: 160px;
    padding: 50px 0 20px;
}

.newsdot_left h5 {
    margin-bottom: 20px;
    margin-top: 0; 


}
.b_val {
    color: #000;
	font-family:"Microsoft YaHei",ÃƒÆ’Ã‚Â¥Ãƒâ€šÃ‚Â¾Ãƒâ€šÃ‚Â®ÃƒÆ’Ã‚Â¨Ãƒâ€šÃ‚Â½Ãƒâ€šÃ‚Â¯ÃƒÆ’Ã‚Â©ÃƒÂ¢Ã¢â€šÂ¬Ã‚ÂºÃƒÂ¢Ã¢â€šÂ¬Ã‚Â¦ÃƒÆ’Ã‚Â©Ãƒâ€šÃ‚Â»ÃƒÂ¢Ã¢â€šÂ¬Ã‹Å“,STHeiti;font-size:13px; font-weight:normal;
}


.b_val span{  color: #999;display:block; margin-top:10px;font-family:"Microsoft YaHei",ÃƒÆ’Ã‚Â¥Ãƒâ€šÃ‚Â¾Ãƒâ€šÃ‚Â®ÃƒÆ’Ã‚Â¨Ãƒâ€šÃ‚Â½Ãƒâ€šÃ‚Â¯ÃƒÆ’Ã‚Â©ÃƒÂ¢Ã¢â€šÂ¬Ã‚ÂºÃƒÂ¢Ã¢â€šÂ¬Ã‚Â¦ÃƒÆ’Ã‚Â©Ãƒâ€šÃ‚Â»ÃƒÂ¢Ã¢â€šÂ¬Ã‹Å“,STHeiti;white-space:nowrap; overflow:hidden; text-overflow:ellipsis;  }

.g_val {
    color: #000;font-family:"Microsoft YaHei",ÃƒÆ’Ã‚Â¥Ãƒâ€šÃ‚Â¾Ãƒâ€šÃ‚Â®ÃƒÆ’Ã‚Â¨Ãƒâ€šÃ‚Â½Ãƒâ€šÃ‚Â¯ÃƒÆ’Ã‚Â©ÃƒÂ¢Ã¢â€šÂ¬Ã‚ÂºÃƒÂ¢Ã¢â€šÂ¬Ã‚Â¦ÃƒÆ’Ã‚Â©Ãƒâ€šÃ‚Â»ÃƒÂ¢Ã¢â€šÂ¬Ã‹Å“,STHeiti; font-size:13px; font-weight:normal; margin-bottom:30px; display:block;
}

.g_val:hover span{ text-decoration:underline; color:#0068B3}

.g_val span{  color: #999;display:block; margin-top:5px;font-family:"Microsoft YaHei",ÃƒÆ’Ã‚Â¥Ãƒâ€šÃ‚Â¾Ãƒâ€šÃ‚Â®ÃƒÆ’Ã‚Â¨Ãƒâ€šÃ‚Â½Ãƒâ€šÃ‚Â¯ÃƒÆ’Ã‚Â©ÃƒÂ¢Ã¢â€šÂ¬Ã‚ÂºÃƒÂ¢Ã¢â€šÂ¬Ã‚Â¦ÃƒÆ’Ã‚Â©Ãƒâ€šÃ‚Â»ÃƒÂ¢Ã¢â€šÂ¬Ã‹Å“,STHeiti;white-space:nowrap; overflow:hidden; text-overflow:ellipsis; }

.b_val span{  color: #999;display:block; margin-top:10px;font-family:"Microsoft YaHei",ÃƒÆ’Ã‚Â¥Ãƒâ€šÃ‚Â¾Ãƒâ€šÃ‚Â®ÃƒÆ’Ã‚Â¨Ãƒâ€šÃ‚Â½Ãƒâ€šÃ‚Â¯ÃƒÆ’Ã‚Â©ÃƒÂ¢Ã¢â€šÂ¬Ã‚ÂºÃƒÂ¢Ã¢â€šÂ¬Ã‚Â¦ÃƒÆ’Ã‚Â©Ãƒâ€šÃ‚Â»ÃƒÂ¢Ã¢â€šÂ¬Ã‹Å“,STHeiti;white-space:nowrap; overflow:hidden; text-overflow:ellipsis;  }

.g_val {
    color: #000;font-family:"Microsoft YaHei",ÃƒÆ’Ã‚Â¥Ãƒâ€šÃ‚Â¾Ãƒâ€šÃ‚Â®ÃƒÆ’Ã‚Â¨Ãƒâ€šÃ‚Â½Ãƒâ€šÃ‚Â¯ÃƒÆ’Ã‚Â©ÃƒÂ¢Ã¢â€šÂ¬Ã‚ÂºÃƒÂ¢Ã¢â€šÂ¬Ã‚Â¦ÃƒÆ’Ã‚Â©Ãƒâ€šÃ‚Â»ÃƒÂ¢Ã¢â€šÂ¬Ã‹Å“,STHeiti; font-size:13px; font-weight:normal; margin-bottom:30px; display:block;
}

.g_val:hover span{ text-decoration:underline; color:#895e4c}

.g_val span{  color: #999;display:block; margin-top:5px;font-family:"Microsoft YaHei",ÃƒÆ’Ã‚Â¥Ãƒâ€šÃ‚Â¾Ãƒâ€šÃ‚Â®ÃƒÆ’Ã‚Â¨Ãƒâ€šÃ‚Â½Ãƒâ€šÃ‚Â¯ÃƒÆ’Ã‚Â©ÃƒÂ¢Ã¢â€šÂ¬Ã‚ÂºÃƒÂ¢Ã¢â€šÂ¬Ã‚Â¦ÃƒÆ’Ã‚Â©Ãƒâ€šÃ‚Â»ÃƒÂ¢Ã¢â€šÂ¬Ã‹Å“,STHeiti;white-space:nowrap; overflow:hidden; text-overflow:ellipsis; }


.newsdot_left_new{ position:fixed; left:50%; top:20px; margin-left:-580px;}

.newsdot_left:before {
    content: "";
    display: block;
    width: 80px;
    height: 8px;
    background: #000;
    position: absolute;
    top: 0;
    left: 0;
}

.newsdot_left:after {
    content: "";
    display: block;
    width: 70%;
    height: 1px;
    background: #ccc;
    position: absolute;
    bottom: 0;
    left: 0;
}


/**jobdot**/
.title_con {
    margin-bottom: 50px;
}
.title_con h3 {
    font-size: 32px;
    line-height: 40px;
    margin-bottom: 0px;
    margin-top: 0px;
    color: rgb(45, 45, 45);
    font-family:"Microsoft YaHei",ÃƒÆ’Ã‚Â¥Ãƒâ€šÃ‚Â¾Ãƒâ€šÃ‚Â®ÃƒÆ’Ã‚Â¨Ãƒâ€šÃ‚Â½Ãƒâ€šÃ‚Â¯ÃƒÆ’Ã‚Â©ÃƒÂ¢Ã¢â€šÂ¬Ã‚ÂºÃƒÂ¢Ã¢â€šÂ¬Ã‚Â¦ÃƒÆ’Ã‚Â©Ãƒâ€šÃ‚Â»ÃƒÂ¢Ã¢â€šÂ¬Ã‹Å“,STHeiti;
    text-align: center;

}

.title_con h2 { text-align:center;
font-size: 16px;
    margin-bottom: 8px;
    color: #000;
    font-family: Arial, Helvetica, sans-serif;
}

.bt {
    float: left;
    padding: 0 6px;
    line-height: 22px;
}
.sc {
    float: left;
    outline: none;
}
.jobdot {
	padding: 100px 0;
}



.jobdot .about1_tit {
    text-align: center;
    margin-bottom: 35px;
} 
.jobdot .about1_tit hr {
    width: 30px;
    margin: 20px auto;

}



.zpxxnrtop_job {
	width: auto;
	line-height: 30px;
	border-bottom: 1px #ddd dashed;
	text-align: left;
	font-size: 16px;
	color: #333;
	font-weight: bold;
}
.zpxxnrtop_job span {
	color: #dab866;
	font-size: 12px;
}
.zpxxnrbody {
	width: auto;
	border-bottom: 1px #ddd dashed;
	padding-top: 20px;
	padding-bottom: 20px;
	padding-left: 12px;
	padding-right: 10px;
}
.zpxxnrbodynr {
    width: 50%;
	float: left;
	padding-right:20px;
}
.zpxxnrbodynrs {
	width: auto;
	height: auto;
}
.zpxxnrbodynrsz {
	width: 75px;
	height: 25px;
	line-height: 25px;
	font-size: 13px;
	display:inline-block;
	color: #666;
}
.zpxxnrbodynrsy {
	display:inline-block;
	line-height: 25px;
	font-size: 13px;
}
.zxzpnr {
	line-height: 25px;
	font-size: 13px;
	color: #666;
}
.zxzpnr p {
    font-size: 13px;
    line-height: 26px;
    color: #737373;
    margin: 0;
}
.jianli {
	width: 180px;
	height: auto;
	position: relative;
}
.shangchuan {
	width: 80px;
	height: 23px;
	line-height: 23px;
	margin-top: 10px;
	right: 0px;
	position: absolute;
	border: 1px #dab866 solid;
	color: #dab866;
	text-align: center;
	font-size: 12px;
}
.shangchuan a {
	color: #0068B3;
}
.shangchuan a:hover {
	color: #fff;
	background: #0068B3;
	display: block;
}
.tjl {
	width: 100px;
	height: 50px;
	position: absolute;
	left: 0px;
}
.upload {
	margin-top: 50px;
}
.upload a {
	display: block;
	width: 130px;
	height: 35px;
	line-height: 35px;
	margin: 0 auto;
    border: 1px solid #8B604C;
    color: #fff;
    text-align: center;
    background: #8B604C;
	transition: color .6s, border-color .6s, background-color .6s, border .6s;
}
.upload a:hover {
	background: #fff;
	color: #000;
	transition: color .6s, border-color .6s, background-color .6s, border .6s;
}
.conbg {
	padding: 60px 0;
}


/**store**/
.store{
	position:relative;
}
.store_left {
	overflow-y:scroll;
	padding-right:35px;
}
.store_left::selection {background: #222 ; color: white ; text-shadow: none ; }
.store_left::-webkit-scrollbar-track-piece{width:1px;background-color:#333}
.store_left::-webkit-scrollbar{width:4px;height:6px}
.store_left::-webkit-scrollbar-thumb{height:50px;background-color:#fff;}
.store_left::-webkit-scrollbar-thumb:hover{background:#fff}  
.store_cot{
    width: 400px;
    background: #131414;
    padding: 40px 20px 40px 70px;    
	position: absolute;
    top: 0;
    left: 0;
    z-index: 9;
}
.stroe_top input {
    width: 100%;
    line-height: 26px;
    background: transparent;
    padding: 0 30px;
    font-size: 13px;
    color: #999;
    height: 28px;
}
.stroe_top input[type="submit"] {
	display:inline-block;
    width: 20px;
	height:20px;
    border: none;
    background: url(../images/store_sear.png) no-repeat center center;
	margin:5px;
    position: absolute;
    right: 0;
    top: 0;
	padding:0;
}
.stroe_top img {
    width:20px;
    position: absolute;
    top: 4px;
    left: 4px;
}
.stroe_top {
    position: relative;
    width: 60%;
	float:left;
	margin-top:10px;
}
.store_tit h3 {
    font-size: 15px;
    color: #fff;
    text-transform: uppercase;
    letter-spacing: 1px;
    margin: 0;
    padding-bottom: 20px;
}
.store_tit {
    margin-top: 40px;
}
.store_list h6 {
    margin: 0;
    font-size: 12px;
    color: #999;
    line-height: 26px;
}
.store_list h6  strong{color:#eee; font-size: 13px; font-weight:normal;}

.store_list h3 {
    margin: 0;
    font-size: 12px;
    line-height: 26px; 
	color:#999;
}
.store_list h3  strong{color:#eee; font-size: 13px; font-weight:normal;}

.store_list h4 {
    font-size: 12px;
    line-height: 26px; 
	color:#999;
    margin: 0;
  
}

.store_sele_li select {
    width: 100%;
}

.store_list h4 strong{color:#eee; font-size: 13px; font-weight:normal;}



.store_list h5 {
    font-size: 12px;
    line-height: 26px; 
	color:#999;
    margin: 0;
}

.store_list h5 strong{color:#eee; font-size: 13px; font-weight:normal;}







.store_list {
    border-top: solid 1px #fff;
    color: #fff;
    padding: 20px 0;
}

.store_sele {
    padding: 20px 0;
}
.store_sele h4{
	font-size:15px;
	color:#fff;
}
.store_sele select{
	background:transparent;
    color: #999;
    line-height: 26px;
    font-size: 13px;
    height: 28px;
    padding: 0 20px 0 5px;
    appearance: none;
    -moz-appearance: none;
    -webkit-appearance: none;
    background: url(../images/store_sele.png) no-repeat scroll right center transparent;
    padding-right: 20px;
    outline: 0;
	outline:none;
	border:solid 1px #ccc;
}
.store_sele select.ie8{
	background:none;
	padding-right:0;
}
.store_sele select option{
	color:#333;
}
.store_submit input {
    background: transparent;
    color: #fff;
    padding: 0px 18px;
    line-height: 26px;
    font-size: 13px;
    height: 28px;
}
.store_submit {
    padding-top: 10px;
    float: right;
}
.store_sele_li {
    padding-bottom: 10px;
    width: 50%;
    float: left;
}


/**  my  **/
.my_top {
    position: fixed;
    width: 100%;
    height: 40px;
    top: 90px;
    z-index: 1;
    background: #8b604c;
}

.my {
    padding-top: 80px;
}

.my_top ul li {
    display: inline-block;
    float: left;
    margin: 0 10px;
    position: relative;
}

.my_top ul:after {
    content: "";
    display: table;
    clear: both;
}

.my_top ul li a {
    display: block;
    line-height: 40px;
    padding: 0 25px;
    color: #fff;
    position: relative;
}

.my_top ul li.active a {
height: 45px;background: #9e6d57;}

.my_header {
    padding: 30px;
    border: solid 1px #e6e6e6;
}

.myheaderl_img {
    display: inline-block;
    float: left;
    width: 120px;
    border-radius: 50%;
    overflow: hidden;
    border: solid 5px #fff;
    box-shadow: 2px 2px 4px #ddd;
}

.myheader_l:after {
    content: "";
    display: table;
    clear: both;
}

.myheader_l {
border-right: solid 1px #e6e6e6;}

.myheaderl_txt {
    padding-left: 140px;
}

.myheaderl_img img {
    width: 100%;
}

.myheaderl_txt h2 {
    margin: 0 0 10px;
    font-size: 22px;
    line-height: 1.42;
}

span.mht_1 {
    font-weight: bold;
    font-family: Arial, Helvetica, sans-serif;
    letter-spacing: 1px;
}

.myheaderl_txt span {
    vertical-align: middle;
}

span.mth_2 img {
    width: 36px;
}




span.mht_3 {
    font-size: 18px;
    color: #666;
}

span.mth_2 {
    margin: 0;
}

.myheaderl_txt h3 {
    margin: 13px 0 0;
    font-size: 16px;
    line-height: 1.42;
    color: #666;
}

span.mht_cube {
    display: inline-block;
    width: 120px;
    position: relative;
    background: #dddddd;
    font-size: 14px;
    color: #fff;
}

span.mht_cube span {
    display: block;
    position: relative;
    text-align: center;
    width: 50%;
    background: #f09412;
}

span.mht_5 img {
    width: 20px;
    margin: 0 2px;
}

span.mht_5 {
    margin: 0 0 0 10px;
    vertical-align: text-bottom;
}

span.mht_ico img {
    width: 16px;
}

span.mht_ico {
    vertical-align: bottom;
    margin-left: 5px;
}

a.mth_btn {
    color: #418bcf;
    margin-left: 10px;
}

.myheader_r h2 {
    margin: 0 0 15px;
    line-height: 1.42;
    font-size: 18px;
    font-weight: bold;
}

.myheader_r {
    border-bottom: solid 1px #e6e6e6;
    padding-bottom: 10px;
}

.myheader_r h3 {
    margin: 0 0 5px;
    font-size: 16px;
    color: #666;
}
.my_main {
    padding-bottom: 80px;
    margin-top: 50px;
}

.my_main_top h2 {
    margin: 0 0 20px;
    border-bottom: solid 2px #e9e9e9;
}

.my_main_top h2 span {
    display: inline-block;
    font-size: 18px;
    padding: 8px 15px;
    margin-bottom: -2px;
    border-bottom: solid  2px #895e4c;
    color: #895e4c;
    font-weight: bold;
}

.my_sel {
    margin-bottom: 35px;
    font-size: 14px;
}

.my_sel input {
    border: solid 1px #ccc;
    padding: 2px 5px;
    line-height: 1.42;
    font-size: 14px;
}

input.my_sel1 {
    width: 240px;
    margin-right: 20px;
}

.my_sel span {
    margin-right: 5px;
    color: #000;
}

input.my_sel2 {
    width: 170px;
}

input.my_sel_btn {
    margin-left: 20px;
    background: #f5f5f5;
    color: #000;
    padding: 2px 15px;
}

.my_main_lis {
    border: solid 1px #e6e6e6;
    margin-top: 25px;
    padding-bottom: 30px;
}

.my_main_lis table {
    width: 100%;
    text-align: center;
}

.my_main_lis h2 {
    margin: 0 0 30px;
    background: #f1f1f1;
    color: #666;
    padding: 12px 15px;
    font-size: 14px;
}

.my_main_lis h2 input {
    margin: 0;
    margin-right: 5px;
    vertical-align: middle;
}

.my_main_lis h2 b {
    margin-right: 15px;
    font-size: 15px;
    vertical-align: middle;
    color: #000;
}

span.eng {
    font-family: Arial, Helvetica, sans-serif;
}

.my_m_table1 img {
    width: 80px;
}

.my_m_table1 {
}

.my_m_table2 {
font-size: 14px;color: #333;white-space: nowrap;overflow: hidden;text-overflow: ellipsis;}

.my_main_lis table td {
max-width: 140px;}

.my_m_table3 {
    font-size: 16px;
    color: #f00678;
    font-weight: bold;
    font-family: Arial, Helvetica, sans-serif;
}

.my_m_table4 {
    font-size: 16px;
    color: #333;
}

.my_m_table5 a {
    font-size: 16px;
    color: #895e4c;
}

.my_main_top h2 span{float: left; border-bottom: solid 2px transparent; color: #aaa; cursor: pointer;}
.my_main_top h2:after{content: ""; display: table; clear: both;}
.my_main_top h2 span.active{border-bottom: solid 2px #895e4c; color: #895e4c;}


/** my end **/






.nf_img_box.TabHide3{
	display:none;
}
.nf_img #TabShow1{
	display:block;
}
.nf_div {
    cursor: pointer;
}
.news3_fir_box {
    height:540px;
	overflow:hidden;
    margin-right: -10px;
	padding-right:10px;
}
.news3_fir_box::selection {
	background: #222 ;
	color: white ; 
	text-shadow: none ; 
}
.news3_fir_box::-webkit-scrollbar-track-piece{
	width:10px;
	background-color:#ccc
}
.news3_fir_box::-webkit-scrollbar{
	width:5px;
	height:6px
}
.news3_fir_box::-webkit-scrollbar-thumb{
	height:50px;
	background-color:#8B604C;
}





/**service**/
.service2-list {
    position: relative;
    padding: 10px 0;
    padding-left: 40px;
}
.service2-img {
    display: inline-block;
    width: 26px;
    position: absolute;
    top: 8px;
    left: 0;
}
.service2-list h4 {
    font-size: 18px;
    margin: 0;
    line-height: 24px;
}
.service2-list h5 {
    font-size: 13px;
    line-height: 26px;
    color: #737373;
}
.service2-image {
    width: 50%;
    float: left;
}
.service2-image1{
	margin-top:60px;
}
.service2-right {
    padding-left: 20px;
}
.service2-left {
    padding-right: 20px;
	overflow:hidden;
}
.service_box2{
	padding:80px 0;
}
.service2-left::selection {
	background: #222 ;
	color: white ; 
	text-shadow: none ; 
}
.service2-left::-webkit-scrollbar-track-piece{
	width:10px;
	background-color:#ccc
}
.service2-left::-webkit-scrollbar{
	width:5px;
	height:6px
}
.service2-left::-webkit-scrollbar-thumb{
	height:50px;
	background-color:#8B604C;
}
.service2-cot{
	padding-top:60px;
}


.service_box5{
	background:url(../images/service1_bg.jpg) no-repeat center center fixed;
	background-size:cover;
	height:400px;
}
.service_box6{
	background:url(../images/service2_bg.jpg) no-repeat center center fixed;
	background-size:cover;
	height:400px;
}
.service_tit .about1_tit{
	text-align:center;
}
.service_tit .about1_tit hr{
	margin:17px auto;
}
.service1_center_cot {
    width: 88%;
    margin: 0 auto;
	overflow:hidden;
}
.service1_center_cot ul{
	margin-right:-1px;
}
.service1_center_cot li {
    float: left;
	padding:0 20px;
	width:25%;
}
.service1_center_cot li {
    float: left;
    padding: 0 20px;
    width: 25%;
    border-right: solid 1px #CCC;
    text-align: center;
}
.service_box1 {
    padding: 80px 0;
}
.service1_center {
    padding-top: 80px;
    padding-bottom: 80px;
}
.service1_img {
    width: 40%;
    margin: 0 auto;
}
.service1_center_list h5 {
    padding-top: 10px;
    line-height: 26px; 
	font-size:13px; 
	color:#737373;
    width: 70%;
	margin:0 auto;
}
.service3_bottom li {
    width: 130px;
    float: left;
    padding: 0 10px;
    opacity: 0.5;
	filter:alpha(opacity=50);
	-moz-opacity: 0.5;
	-khtml-opacity: 0.5;
}
.service3_bottom li.active{
    opacity: 1;
	filter:alpha(opacity=100);
	-moz-opacity: 1;
	-khtml-opacity: 1;
}
.service3_bottom ul {
    margin: 0 -10px;
}
.service-wz {
    padding-left: 20px;
}
.service-wz h4 {
    margin: 0;
    color: #000;
    font-size: 20px;
    line-height: 30px;
}
.service3_wz h5 {
    margin: 0;
	 font-size:13px; 
	color:#737373;
    line-height: 26px;
    text-indent: 2em;
}
.service3_wz{
    line-height: 24px;
    margin: 30px 0;
}
.service3_more img {
    width: 20px;
    margin-right: 10px;
}
.service3_more a {
    text-transform: uppercase;
    font-size: 12px;
    color: #8B604C;
    display: inline-block;
}
.service3_img {
    padding-right: 30px;
}
.service_table {
    width: 100%;
    height: 100%;
    display: table;
}
.service_cell {
    display: table-cell;
    vertical-align: middle;
}
.service3_li.TabHide8{
	display:none;
}
.service3_top #TabShow1{
	display:block;
}
.service3_bottom {
    position: relative;
    margin: 0 auto;
	max-width:910px;
}
.service3_page_bg {
    position: absolute;
    bottom: 80px;
    right: 45px;
    width: 170px;
    text-align: center;
    background: #fff;
}
.service3_page_height {
    position: relative;
    text-align: right;
}
.service3_page_bg h5 {
    padding: 30px 0 12px;
    margin: 0;
    font-size: 16px;
	letter-spacing:2px;
}
.service3_page_bg h5 span {
    padding: 0 8px;
}
span.service3_page_qian {
    font-weight: 600;
    font-size: 18px;
	color:#895e4c; 
	font-family:Arial, Helvetica, sans-serif;
	
}
.service_box3 {
    padding: 110px 0 150px;
}
.service3_bottom_img {
     position:relative;
    padding-bottom: 12px;
    width: 84px;
    margin: 0 auto;
	transition:all 0.4s;
	-webkit-transition:all 0.4s;
	-moz-transition:all 0.4s;
	-ms-transition:all 0.4s;
	-o-transition:all 0.4s;
}
/*.service3_bottom_img_bg{
	 position:absolute;
	 color:#fff; 
	 font-size:12px; 
	 text-align:center; 
	 line-height:30px;
	 width:100%; 
	 left:0px; 
	 bottom:0px; 
	 height:30px; 
	background:rgba(138,96,76,0.8);
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#CC8a604c,endColorstr=#CC8a604c);
	white-space:nowrap;
	overflow:hidden; 
	text-overflow:ellipsis;   
 }*/
.service3_bottom li {
	background:#efefef;
	border-right: solid 2px #fff;
}
.service3_bottom li.active {
    border-color:#8B604C;
}
.service3_top {
    padding-top: 60px;
}
.service3_bottom_img img {
    position: relative;
	opacity:1;
	filter:alpha(opacity=100);
	-moz-opacity:1;
	-khtml-opacity:1;
}

img.service3_hid {
    position: absolute;
    top: 0;
    left: 0;
	opacity:0;
	filter:alpha(opacity=0);
	-moz-opacity:0;
	-khtml-opacity:0;
	transition:all 0.4s;
	-webkit-transition:all 0.4s;
	-moz-transition:all 0.4s;
	-ms-transition:all 0.4s;
	-o-transition:all 0.4s;
}
.service3_bottom_img_bg{
    padding: 0 5px;
    color: #8B604C;
    height: 34px;
	overflow:hidden;
    font-size: 12px;
    text-align: center;display: -webkit-box;
	-webkit-box-orient: vertical;
	-webkit-line-clamp: 2;
	overflow: hidden;
	transition:all 0.4s;
	-webkit-transition:all 0.4s;
	-moz-transition:all 0.4s;
	-ms-transition:all 0.4s;
	-o-transition:all 0.4s;
}
.service3_bottom li.active .service3_bottom_img_bg {
    color: #fff;
	transition:all 0.4s;
	-webkit-transition:all 0.4s;
	-moz-transition:all 0.4s;
	-ms-transition:all 0.4s;
	-o-transition:all 0.4s;
}
.service3_bottom li.active{
    background: #8B604C;
	transition:all 0.4s;
	-webkit-transition:all 0.4s;
	-moz-transition:all 0.4s;
	-ms-transition:all 0.4s;
	-o-transition:all 0.4s;
}
.service3_bottom li.active .service3_hid{
	opacity:1;
	filter:alpha(opacity=100);
	-moz-opacity:1;
	-khtml-opacity:1;
	transition:all 0.4s;
	-webkit-transition:all 0.4s;
	-moz-transition:all 0.4s;
	-ms-transition:all 0.4s;
	-o-transition:all 0.4s;
}




.service_box4{
	background:url(../images/service4_bg.jpg) no-repeat center center;
	position:relative;
    color: #fff;
    background-size: cover;
	-webkit-background-size: cover;
	-moz-background-size: cover;
	-ms-background-size: cover;
	-o-background-size: cover;
}
.service4_bg{
	position:absolute;
	bottom:0;
	left:0;
	width:88%;
	background:url(../images/service4_bg_bg.jpg) no-repeat center center;
    background-size: cover;
	-webkit-background-size: cover;
	-moz-background-size: cover;
	-ms-background-size: cover;
	-o-background-size: cover;
}
.service_box4 .about1_tit h4{
	color:#fff;
}
.service_box4 .about1_tit hr{
	border-color:#fff;
}
.service4_left {
    padding-right: 60px;
}
.service4_wz {
    padding: 20px 0;
}
.service4_wz h5 {
    margin: 0;
    line-height: 26px; 
	color:#ddd; 
	font-size:13px;
    text-indent: 2em;
}
.service4_cot{
	position:relative;
    padding: 80px 0; 
}
.service4_right {
    padding-left: 60px;
}
.service4_li input {
    width: 100%;
    line-height: 50px;
    height: 50px;
    background: transparent;
    border: 0;
    border-bottom: solid 2px #686868;
    font-size: 13px; 
	color:#ddd;
    padding: 0px 10px;
}
.service4_li input::-webkit-input-placeholder { 
color: #ddd; 
} 
.service4_li input:-moz-placeholder { 
color: #ddd; 
} 
.service4_li input::-moz-placeholder { 
color: #ddd; 
} 
.service4_li input:-ms-input-placeholder { 
color: #ddd; 
} 
.service4_li textarea::-webkit-input-placeholder { 
color: #ddd; 
} 
.service4_li textarea:-moz-placeholder { 
color: #ddd; 
} 
.service4_li textarea::-moz-placeholder { 
color: #ddd; 
} 
.service4_li textarea:-ms-input-placeholder { 
color: #ddd; 
} 
.service4_li textarea {
    width: 100%;
    border: 0;
    background: transparent;
    border-bottom: solid 2px #686868;
    line-height: 50px;
	height:100px;
    padding: 0 10px;
}
.service4_li{
    padding-bottom: 10px;
}
.service4_btn input {
    padding: 12px 46px;
    text-transform: capitalize;
    width: 220px;
    letter-spacing: 4px;
    text-align: center;
    min-width: 150px;
    max-width: 250px;
    padding: 12px 24px;
    border: none;
    background: #fff;
    color: #8B604C;
    vertical-align: middle;
    position: relative;
    z-index: 1;
	font-size:12px;
}
.service4_back {
    position: absolute;
    top: 300px;
    right: -80px;
    width: 300px;
    height: 80px;
    transform: rotate(90deg);
	-webkit-transform: rotate(90deg);
	-moz-transform: rotate(90deg);
	-ms-transform: rotate(90deg);
	-o-transform: rotate(90deg);
    transform-origin: top right;
    background: #8B604C;
	cursor:pointer;
}
.service4_back h4 {
    text-align: center;
    margin: 0;
    line-height: 80px;
    font-size: 14px;
}
.service4_back h4 i {
    margin-right: 20px;
}
.service4_btn {
    padding-top: 40px;
    text-align: right;
}


.service2_left {
    width: 60%;
    float: left;
	background:url(../images/service2.jpg) no-repeat  center center;
	background-size:cover;
		position:relative;
}
.service2_right {
    width: 40%;
    float: right;
    background: #222;
    color: #fff;
    padding:100px 80px 100px 100px;

}
.service2-tit {
    position: absolute;
    top: 20%;
    left: 20%;
}

.service2-tit .about1_tit h3{
	color:#fff;
}
.service2-tit .about1_tit h4{
	color:#fff;
}
.service2-tit .about1_tit hr{
	border-color:#fff;
}
.service2_tb {
    display: inline-block;
	position:absolute;
    width: 30px;
    position: absolute;
    top: -3px;
    left: 0;
}
.service2_wz {
    position: relative;
    padding-left: 48px;
}
.service2_wz h4 {
    font-size: 18px;
    margin: 0;
    line-height: 24px;
}
.service2_wz h5 {
    font-size: 13px;
    line-height: 26px; color:#737373;
}
.service2_cot li {
    padding: 10px 0;
}
.service2_cot{
	overflow:hidden;
    height: 430px;
    padding-right: 15px;
}
.service2_right:hover .service2_cot{
    overflow-y: scroll;
}
.service2_cot::selection {
	background: #222 ;
	color: white ; 
	text-shadow: none ; 
}
.service2_cot::-webkit-scrollbar-track-piece{
	width:10px;
	background-color:#ccc
}
.service2_cot::-webkit-scrollbar{
	width:5px;
	height:6px
}
.service2_cot::-webkit-scrollbar-thumb{
	height:50px;
	background-color:#8B604C;
}


/**servicedot**/
.servicedot_box_wz p{
    line-height: 26px;
    color: rgb(102, 102, 102);
    font-size: 13px;
    margin: 0;
}
.servicedot_box{
    padding-bottom: 40px;
}
.servicedot_box h3 {
    font-size: 26px;
    text-align: center;
    margin: 0;
}










.serverdot {
    width: 90%;
    margin: 0 auto;
    padding: 60px 0;
    padding-left: 260px;
}

.serverdot_l {
    position: fixed;
    top: 150px;
    left: 5%;
}

h2.serverdot_tit {
    margin: 0 0 25px;
    text-align: center;
    font-size: 22px;
    font-weight: bold;
    color: #333;
}

.serverdot_l li a {
    font-size: 15px;
    line-height: 1.42;
}

.serverdot_l li {
    margin: 0 0 8px;
}

.serverdot_l li a span {
    display: inline-block;
    width: 18px;
    height: 1px;
    background: #999;
    vertical-align: middle;
    margin-right: 25px;
}

.serverdot_l li.active a span {
    background: #895e4c;
    transform: rotate(-45deg);
}

.serverdot_l li.active a {
    color: #895e4c;
}

.serverdot_txt h3 {
    margin: 15px 0 ;
    font-size: 15px;
    font-weight: bold;
    line-height:26px;
    color: #000;
}

.serverdot_txt h5 {
    margin: 3px 0;
    line-height:26px;
    font-size: 13px;
    color: #737373;
}

/*span.ser_lspan {
    display: inline-block;
    width: 35px;
}*/
.serverdot_img {
    padding-top: 30px; padding-left:10%
}
.serverdot_img_one img{ width:40%; margin-right:10%; float:left}
.serverdot_sec {
    margin-bottom: 150px;
}

.img_hd .bottom_a {
    position: absolute;
    display: block;
    top: 50%;
    margin-top: -11px;
    cursor: pointer;
    z-index: 10;
    background: url(../images/serv3.png) no-repeat;
    width: 22px;
    height: 22px;
    right: 0;
	display:none;
}
.img_hd .next_serv {
    background-position: -30px -24px;
	right:10px;
}
.img_hd .prev_serv {
    background-position: 0 -24px;
    left: 10px;
}
.change_a{
    width: 16px;
    height: 28px;
    position: absolute;
    top: 0;
    z-index: 1;
    cursor: pointer;
    display: block;
    overflow: hidden;
}
.service3_play .prev_serv {
    left: 0;
}
.service3_play .next_serv {
    right: 0;
}
.service3_play {
    position: relative;
	margin-bottom:80px;
    margin-top: 40px;
}
.service3_top_jt{
	position:relative;
    width: 80px;
    display: inline-block;
    top: -122px;
	display:none;
}
.next_serv span {
    background: url(../images/serv3_1.png) no-repeat -16px 0;
    right: 0;
    width: 16px;
    height: 28px;
}
.prev_serv span {
    background: url(../images/serv3_1.png) no-repeat 0 0;
    left: 0;
    width: 16px;
    height: 28px;
}
.change_a.prev_serv{
	left:0;
}
.change_a.next_serv{
	right:0;
}


/**product**/
.product1_cot li {
    float: left;
}
.product1_cot li a {
    display: inline-block;
    padding: 0 14px;
    font-size: 13px;
    line-height: 30px;
}
.product1_cot {
    float: left;
    width: 80%;
}
.product1_tit {
    float: left;
    width: 20%;
}
.product1_tit h3 {
    font-size: 20px;
    margin: 0;
    line-height: 30px;
}
.product1_tit h3 span {
    font-size: 14px;
    padding-left: 10px;
    text-transform: capitalize;
}
.product1_wz {
    padding-top: 25px;
}
.product_box {
    padding-top: 40px;
}
.product_tit h3{
    font-size: 20px;
    margin: 0;
    line-height: 30px;
}
.product_tit span {
    font-size: 14px;
    padding-left: 10px;
    text-transform: capitalize;
	font-family:Arial, Helvetica, sans-serif;
}


.product1_wz:after {
    content: "";
    display: table;
    clear: both;
}
.product_tit {
    margin-bottom: 15px;
}
.pro_old {
    padding-bottom: 60px;
}
.proold_more {
    position: relative;
    height: 40px;
    margin-top: 45px;
}
.proold_more a {
    display: inline-block;
}
.prod_sec {
    margin-bottom: 25px;
}
.pro_fix_l {
    overflow: hidden;
    display: block;
    position: fixed;
    margin-right: 580px;
    left: 50%;
    top: 30%;
    z-index: 99;
}

.pro_fix_l li {
    width: 50px;
    position: relative;
    text-align: center;
    border-bottom: solid 1px #ccc;
    overflow: hidden;
}
.pro_fix_l li:hover{
    background: #458bc5;
    color: white;
}
span.p_sp1 , span.p_sp2 {
    display: inline-block;
    padding: 8px;
    line-height: 18px;
}

span.p_sp2 img {
    width: 100%;
}

span.p_sp1 {
    position: absolute;
    top: 0;
    left: 0;
    background: #458bc5;
    color: #fff;
    opacity: 0;
    filter:alpha(opacity=0);
    -moz-opacity: 0;
    -khtml-opacity: 0;
    font-size: 12px;
    z-index: 1;
}

li.current span.p_sp1 , .pro_fix_l li:hover span.p_sp1{
    opacity: 1;
	filter:alpha(opacity=100);
	-moz-opacity: 1;
	-khtml-opacity: 1;
}
.pro_fix_l ul {
    border: solid 1px #ccc;
    border-bottom: none;
}

li.p_last_li h6 {
    margin: 0 0 5px;
    line-height: 1;
    font-size: 12px;
    color: #458bc5;
}

li.p_last_li span.p_sp2 {
    padding: 4px 10px;
}
li.p_last_li:hover h6{
	color:white
}
.product_image {
    width: 100%;
}

	.join4_pagi {
			position: absolute;
			display: inline-block;
			line-height: 1;
			bottom: 28px;
			right: 4%;
			margin-right: 40px;
			color: #333;
			font-size:18px;
			text-align: center;
			font-family: Arial, Helvetica, sans-serif;
		}

		span.join4_pagi1 {
			display: inline-block;
			text-align: right;
			/*position: relative;
			font-size: 16px;
			top: -9px;
			right: -10px;*/
		}

		span.join4_pagi3 {
			display: inline-block;
			text-align: left;
			/*font-size: 20px;
			position: relative;
			top: 12px;
			left: -11px;*/
		}

		span.join4_pagi2 {
		}
		span.ewm_span img {
			width: 72px;
		}

		span.ewm_span {
			display: inline-block;
			text-align: center;
		}

		.weimeima_box {
			margin-left: 0;
			white-space: nowrap;
		}

		span.ewm_span h6 {
			margin: 0;
			padding: 5px 0;
			font-size: 12px;
			color: #666;
		}

.serverdot_l .proold_more {
    left: 0;
    position: relative;
    margin-top: 50px;
}
.serverdot_l .about7_sub_bt{
	left:0;
	margin:0;
}
.serverdot_ico {
    width: 200px;
    margin-bottom: 40px;
}




.magaz_row:after {
    content: "";
    display: table;
    clear: both;
}

.magaz_harf {
    width: 50%;
    float: left;
    padding: 0 6px;
}

.magazine_warpper {
    background: #fff;
}


.magazine_top{ padding-top:80px;}
.magazine_top .about1_tit {
    text-align: center;
    margin-bottom: 35px;
}

.magazine_top .about1_tit hr {
    width: 30px;
    margin: 20px auto;

}





.maz_lis {
    background: #fff;
}

.magaz_row {
    margin: 0 -6px;
}

.magazine_main {
    padding: 40px 0; padding-bottom:120px
}

.magazine_topbox {
    width: 100%;
    max-width: 870px;
    margin: 0 auto;
    padding: 80px 0 0;
    position: relative;
    text-align: center;
}

.magazine_topbox h2 {
    font-family:  Arial, Helvetica, sans-serif;
    font-weight: 700;
    font-size: 22px;
    width: 90%;
    margin: 0 auto;
}

.lineBlack {
    height: 3px;
    width: 100%;
    margin: 15px auto 0;
    max-width: 70px;
    background-color: #1c1716;
}

.magazine_topbox .intro {
    width: 90%;
    margin: 0 auto;
    padding-top: 30px;
}

.magazine_topbox .intro h3 {
    margin: 0;
    font-size: 14px;
    line-height: 22px;
    color: #5d585e;
}

.mag_main_sel ul li {
    display: inline-block;
    float: left;
    position: relative;
}

.mag_main_sel ul:after {
    content: "";
    display: table;
    clear: both;
}

span.mag_msel_tit {
    color: #fff;
    line-height: 60px;
    padding: 0 15px;
    font-size: 12px;
    float: left;
}

.mag_main_sel {
    background-color: #555555;
}

.magaz_box {
    margin-top: 12px;
}

.mag_main_sel ul {
    padding-left: 10px;
}

.mag_main_sel ul li a {
    line-height: 60px;
    color: #fff;
    padding: 0 25px;
    font-size: 13px;
}

.mag_main_sel ul li a:after {
    border-bottom: 2px solid #fff;
    bottom: 16px;
    content: "";
    display: block;
    font-size: 0;
    left: 0;
    margin: 0 50%;
    position: absolute;
    width: 0%;
    -moz-transition-timing-function: easeOutExpo;
    -o-transition-timing-function: easeOutExpo;
    -webkit-transition-timing-function: easeOutExpo;
    transition-timing-function: easeOutExpo;
    -moz-transition-property: width, margin;
    -o-transition-property: width, margin;
    -webkit-transition-property: width, margin;
    transition-property: width, margin;
    -moz-transition-duration: 0.3s;
    -o-transition-duration: 0.3s;
    -webkit-transition-duration: 0.3s;
    transition-duration: 0.3s;
}
.mag_main_sel ul li.active a:after{
    width: 40%;
    margin: 0 30%;
}
.mag_main_sel ul li a:hover:after {
    width: 50%;
    margin: 0 25%;
}


.magz_txt {
    height: 164px;
    text-align: center;
    padding: 0 10px;
    position: relative;
    overflow: hidden;
}

.magz_txt_vlign h3 {
    font-size: 14px;
    margin: 0 0 12px;
    color: #555555;
    transition: all 0.5s;
	-moz-transition: all 0.5s;
	-ms-transition: all 0.5s;
	-o-transition: all 0.5s;
	-webkit-transition: all 0.5s;
}

.magz_txt_vlign h4 {
    margin: 0;
    color: #1c1716;
    font-size: 20px;
    font-weight: bold;
    transition: all 0.5s;
	-moz-transition: all 0.5s;
	-ms-transition: all 0.5s;
	-o-transition: all 0.5s;
	-webkit-transition: all 0.5s;
}
.maz_lis:hover .magz_txt_vlign h3{
    color:#fff;
}
.maz_lis:hover .magz_txt_vlign h4{
    color:#fff;
}

span.magz_txt_more {
    position: absolute;
    bottom: 5px;
    right: 10px;
    font-size: 18px;
    color: #1c1716;
    transition: all 0.5s;
	-moz-transition: all 0.5s;
	-ms-transition: all 0.5s;
	-o-transition: all 0.5s;
	-webkit-transition: all 0.5s;
}
.maz_lis:hover span.magz_txt_more{
    color:#fff;
}

.maz_lis.maz_lis_margin {
    margin-top: -161px;
}

.magz_txt_vlign {
    position: relative;
}

.magz_txt>.maga_bg{
    position: absolute;
    background-color: #555555;
	z-index:0;
    height: 100%;
    width: 100%;
    left: 0;
    top: 100%;
    -moz-transition-property: top;
    -o-transition-property: top;
    -webkit-transition-property: top;
    transition-property: top;
    -moz-transition-duration: 0.5s;
    -o-transition-duration: 0.5s;
    -webkit-transition-duration: 0.5s;
    transition-duration: 0.5s;
    -moz-transition-timing-function: easeOutExpo;
    -o-transition-timing-function: easeOutExpo;
    -webkit-transition-timing-function: easeOutExpo;
    transition-timing-function: easeOutExpo;
}
.maz_lis:hover .magz_txt>.maga_bg{
    top:0;
}

.magaz_row.magaz_row_margin {
    margin-top: 12px;
}

.magaz_morebtn {
    margin-top: 55px;
    text-align: center;
}

.magaz_morebtn a {
    color: #1c1716;
    border: 1px #1c1716 solid;
    display: inline-block;
    padding: 12px 20px;
    text-transform: uppercase;
    font-size: 13px;
    letter-spacing: 1px;
	transition: all 0.3s;
	-moz-transition: all 0.3s;
	-ms-transition: all 0.3s;
	-o-transition: all 0.3s;
	-webkit-transition: all 0.3s;
}

.magaz_morebtn a:hover {
    background-color: #1c1716;
    color: #fff;
}


.huace{
	height:850px;
}

































.magaz2_box:after {
    content: "";
    display: table;
    clear: both;
}

.magaz2_harf {
    width: 50%;
    float: left;
}

.magazine_main2 {
    background: #fff;
    padding: 80px 0 220px;
}

.magaz_sec2 {
    background: #222222;
}

.magaz2_harf.magaz2_harf_r {
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center center;
    margin-top: -15px;
}

.magaz2_question {
    padding: 45px 0 45px 18%;
}

.magaz2_harf.magaz2_harf_l {
    position: relative;
    padding-left: 140px;
}

.magaz2_tit {
    position: absolute;
    top: 240px;
    left: 0;
    padding-top: 40px;
    padding-left: 5px;
    border-left: solid 1px #6F6F6F;
    transform-origin: left top;
    transform: rotate(-90deg);
	-moz-transform: rotate(-90deg);
	-ms-transform: rotate(-90deg);
	-o-transform: rotate(-90deg);
	-webkit-transform: rotate(-90deg);
}

.magaz2_tit h3 {
    color: #B2B2B2;
    font-size: 12px;
    margin: 0 0 10px;
    text-transform: uppercase;
}

.magaz2_tit h4 {
    margin: 0;
    font-size: 26px;
    letter-spacing: 1px;
    line-height: 1.42;
    color: #E4E4E4;
    text-transform: uppercase;
}

.magaz2_tit h4 span.num {
    display: inline-block;
    font-size: 12px;
    color: #B2B2B2;
    margin-right: 10px;
    vertical-align: 6px;
    transform: rotate(90deg);
	-moz-transform: rotate(90deg);
	-ms-transform: rotate(90deg);
	-o-transform: rotate(90deg);
	-webkit-transform: rotate(90deg);
}

.magaz2_harf.magaz2_harf_l:after {
    content: "";
    display: table;
    clear: both;
}

.magaz2_form {
    width: 100%;
    max-width: 580px;
    float: right;
    border: solid 5px #ececec;
    margin-top: 66px;
    margin-right: -50px;
    margin-bottom: -140px;
    padding: 50px;
}

.magaz2_form input {
    display: block;
    width: 90%;
    max-width: 380px;
    margin-top: 25px;
    padding: 8px 0;
    font-size: 15px;
    background: transparent;
    border: none;
    border-bottom: solid 1px #6F6F6F;
}

.magaz2_form h2 {
    margin: 0 0 45px;
    font-size: 30px;
    color: #eee;
}

.magaz2_form_btn {
    margin-top: 100px;
}

.magaz2_form_btn input {
    width: 100%;
    height: 100%;
    padding: 0;
    margin: 0;
    position: absolute;
    border: none;
}

.magaz2_btnbox {
    display: inline-block;
    position: relative;
    border: solid 1px #ccc;
}

.magaz2_btnbox span {
    display: block;
    line-height: 1;
    padding: 10px 25px;
    font-size: 13px;
    text-transform: uppercase;
    color: #3187b8;
    font-weight: bold;
    letter-spacing: 1px;
}

.magaz2_btnbox span i.fa {
    color: #999;
    margin-right: 5px;
}

.mag_que_lis {
    margin: 40px 0;
}

.mag_que_lis h4 {
    margin: 0 0 5px;
    padding: 10px 0;
    position: relative;
    color: #fff;
    text-transform: uppercase;
    font-size: 15px;
    font-weight: 600;
}

.mag_que_lis h4:before {
    content: "";
    display: block;
    width: 15px;
    height: 2px;
    background: #eee;
    position: absolute;
    top: 0;
    left: 0;
}

.mag_que_lis input {
    border: none;
    background: transparent;
    color: #eee;
    width: 100%;
	padding: 5px 0;
    font-size: 14px;
    max-width: 380px;
    border-bottom: solid 1px #7DBEE2;
}
.mag_que_lis input::-moz-placeholder {
  color: #ddd;
}
.mag_que_lis input:-ms-input-placeholder {
  color: #ddd;
}
.mag_que_lis input::-webkit-input-placeholder {
  color: #ddd;
}





.beauty_tit {
    text-align: center;
    margin-bottom: 60px;
}


.beauty1_main{ margin-top:70px;}

.beauty_sec.beauty_sec1 {
    padding: 80px 0;
}


.beauty_sec1 .about1_tit{ text-align:center;  margin-bottom:35px;}
.beauty_sec1 .about1_tit hr {
    width: 30px;
    margin: 20px auto; 
   
}

.beauty_tit h2 {
    margin: 0 0 10px;
    color: #4f382a;
    line-height: 1;

}

.beauty_tit h2:first-letter {
    font-size: 34px;
}

.beauty_tit h3 {
    margin: 0;
    font-size: 14px;
    color: #4f382a;
    position: relative;
}

.beauty_tit h3:before , .beauty_tit h3:after {
    content: "";
    display: inline-block;
    margin: 0 15px;
    width: 40px;
    height: 1px;
    background: #4f382a;
    position: relative;
    vertical-align: middle;
}

ul.beauty1_sel {
    margin: 0;
    border-top: 1px solid #5a5a5a;
    border-bottom: 1px solid #5a5a5a;
    width: 100%;
}

ul.beauty1_sel li {
    display: inline-block;
    padding-right: 50px;
    text-align: center;
    width: auto;
    position: relative;
    max-width: 100%;
    vertical-align: middle;
    letter-spacing: 1px;
    font-size: 13px;
}

.beauty_sel_hide {
    position: absolute;
    display: none;
    top: 100%;
    text-align: left;
    border: 1px solid #5a5a5a;
    border-bottom: 1px solid #999;
    width: 250px;
    padding: 20px;
    z-index: 1;
    background-color: #fff;
}

li.active .beauty_sel_hide {
    display: block;
}
ul.beauty1_sel li.filterLine {
    color: #acacac;
    text-transform: uppercase;
}

ul.beauty1_sel li a {
    line-height: 16px;
    padding: 13px 0;
    text-transform: uppercase;
    text-decoration: none;
    color: #111;
    display: block;
    letter-spacing: 1px;
    text-align: center;
    vertical-align: middle;
}

ul.beauty1_sel li a:after {
    content: "";
    position: absolute;
    right: 35px;
    top: 50%;
    margin-top: -3px;
    border-width: 5px 5px 0 5px;
    border-style: solid;
    border-color: #5a5a5a transparent;
}

.beauty_hide_lis {
    color: #111;
    line-height: 24px;
    font-size: 12px;
    vertical-align: top;
    display: block;
    margin-right: 2%;
    margin-bottom: 10px;
	cursor: pointer; 
}


ul.beauty1_sel li.active:before {
    content: ' ';
    height: 0;
    width: 0;
    border: 10px solid transparent;
    border-bottom-color: #fff;
    position: absolute;
    bottom: -1px;
    left: 30%;
    z-index: 2;
}

ul.beauty1_sel li.active:after {
    content: ' ';
    height: 0;
    width: 0;
    border: 10px solid transparent;
    border-bottom-color: #5a5a5a;
    position: absolute;
    bottom: 0;
    left: 30%;
    z-index: 1;
}

.beauty_hide_lis .bl_cube {
    border: 1px solid #5a5a5a;
    display: inline-block;
    vertical-align: middle;
    margin-right: 2px;
    width: 24px;
    height: 24px;
}
.beauty_hide_lis.active .bl_cube{
	background:url(../images/check.png) center center no-repeat;
	background-size:cover;
}

.beauty_hide_lis .bl_txt {
    line-height: 24px;
}
.active-filters-wrapper {
    width: 100%;
    display: none;
    background-color: #c3c3c5;
}
.active-filters-wrapper.active {
    display: block;
}

.active-filters button {
    color: #fff;
	border: none;
	outline:none;
    background-color: transparent;
    padding-left: 5px;
    padding-right: 5px;
    line-height: 40px;
    width: auto;
    min-width: 100px;
    white-space: nowrap;
    margin: 0 15px;
    /*font-family: "MontblancType","Arial";*/
    font-size: 14px;
    text-transform: none;
    display: inline-block;
}

.active-filters button i.fa {
    margin-right: 5px;
}

.active-filters button.reset-filters {
    color: #5a5a5a;
}
.active_submit {
    position: absolute;
    bottom: 0;
    right: 0;
}

.active-filters{
	position:relative;
}

.active_submit input {
    background: transparent;
    border: transparent;
    font-size: 14px;
    line-height: 42px;
    padding: 0 5px;
    color: #5a5a5a;
}

.active_submit{
    margin: 0 15px;
}

.active_submit i{
    color: #5a5a5a;
}

.beauty_sort_sel {
    display: inline-block;
    float: right;
    width: 260px;
    border: #c3c3c3 solid 1px;
    background: #fff;
    position: relative;
}

.beauty_sort:after {
    content: "";
    display: table;
    clear: both;
}

.beauty_sort {
    margin-top: 15px;
}

.beauty_sort_sel .srot_val {
    position: relative;
    padding: 10px;
    cursor: pointer;
    color: #111;
}

.beauty_sort_sel ul li {
    line-height: 40px;
    letter-spacing: 1px;
    font-size: 13px;
    padding-left: 10px;
    cursor: pointer;
}

.beauty_sort_sel ul {
    display: none;
    position: absolute;
    background: #fefefe;
    z-index: 1;
    border: #c3c3c3 solid 1px;
    border-top: none;
    left: -1px;
    right: -1px;
}
.beauty_sort_sel.active ul {
	display:block;
}

.srot_val:after {
    content: "";
    position: absolute;
    right: 15px;
    top: 50%;
    margin-top: -3px;
    border-width: 5px 5px 0 5px;
    border-style: solid;
    border-color: #5a5a5a transparent;
}
.beauty_sort_sel ul li:hover {
    font-weight: bold;
}


.beauty1_box ul li {
    width: 25%;
    float: left;
}

.beauty1_img {
    position: relative;
    width: 90%;
    margin: 0 auto 15px;
}
.beauty1_img img{
    filter:alpha(opacity=0); -moz-opacity:0; -khtml-opacity:0; opacity:0;
}
/*
.beauty1_img {
    position: relative;
    width: 90%;
    margin: 0 auto 15px;
}

.beauty1_img img.beauty1_imgab {
    position: absolute;
    top: 0;
    left: 0;
    filter:alpha(opacity=0); -moz-opacity:0; -khtml-opacity:0; opacity:0;
}
*/

.beauty1_img img.beauty1_imgab {
    position: absolute;
    top: 0;
    left: 0;
    filter:alpha(opacity=100); -moz-opacity:1; -khtml-opacity:1; opacity:1;
}


.beauty1_lis h3 {
    font-size: 13px;
	color: #737373;
    white-space: normal;
    margin: 0;
    margin-bottom: 10px;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    line-height: 1.25;
    max-height: 35px;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
}

.beauty1_lis {
    text-align: center;
}

.beauty1_lis h4 {
    font-size: 14px;
    font-weight: bold;
    margin: 0;
}

.beauty1_lis {
    padding: 15px;
    border: 1px solid transparent;
}

.beauty1_lis:hover {
    border: 1px solid #c0c0c0;
}

.beauty1_more {
    margin-top: 15px;
    background-color: #8B604C;
    color: #eee;
    padding: 10px 0;
    filter:alpha(opacity=0); -moz-opacity:0; -khtml-opacity:0; opacity:0;
}

.beauty1_lis:hover .beauty1_more {
    filter:alpha(opacity=100); -moz-opacity:1; -khtml-opacity:1;opacity:1;
}

.beauty1_lis:hover .beauty1_img img.beauty1_imgab{
    filter:alpha(opacity=0); -moz-opacity:0; -khtml-opacity:0;opacity:0;
}

.beauty1_lis:hover .beauty1_img img{
    filter:alpha(opacity=100); -moz-opacity:1; -khtml-opacity:1;opacity:1;
}

/*
.beauty1_lis:hover .beauty1_img img.beauty1_imgab{
    filter:alpha(opacity=100); -moz-opacity:1; -khtml-opacity:1;opacity:1;
}*/
.beauty1_box ul:after {
    content: "";
    display: table;
    clear: both;
}

.beauty1_box {
    margin-top: 15px;
}

.beauty4_btn {
    text-align: center;
    padding: 280px 0;
    width: auto;
    margin: 0 auto;
    position: relative;
    z-index: 1;
}

.beauty4_btn a {
    display: inline-block;
    padding: 10px 35px;
    border: solid 1px #fff;
    color: #fff;
    font-size: 15px;
}

.beauty_sec.beauty_sec4 {
    background-size: cover;
    background-position: center center;
}

.store_bg {
    height: 600px;
}

.store_ewm {
    width: 50%;
    float: right;
	text-align:center;
}
.store_ban_wz {

    color: #fff;
    margin-top: -50px;
    text-shadow: 1px 1px 4px #333;
}

.store_ban_wz h4{ font-size:13px;}
.store_ewm  img{
	width: 90px;
    margin: 0 auto;
    position: relative;
    top: -50px;
}
/*.store_bg:before {
    content: "";
    display: block;
    width: 100%;
    HEIGHT: 100%;
    POSITION: absolute;
    background: rgba(139, 96, 76, 0.25);
}*/
.magaz2_form textarea {
    background: transparent;
    width: 90%;
    border: 0;
    border-bottom: solid 1px #6F6F6F;
    max-width: 380px;
    margin-top: 25px;
    padding: 8px 0;
}














.beauty2_swiper ul:after {
    content: "";
    display: table;
    clear: both;
}

.beauty2_swiper ul li {
    width: 25%;
    float: left;
}

.beauty2_top {
    background: #000; 
	padding-top:80px;
}


.beauty_sec2 .about1_tit{ text-align:center; color:#fff;  margin-bottom:35px;}
.beauty_sec2 .about1_tit hr {
    width: 30px;
    margin: 20px auto; 
   border-color: #fff;
}


.beauty2_tit h3 {
    margin: 0;
    font-size: 28px;
    color: #fff;
    padding: 12px 0;
    text-transform: uppercase;
}

.beauty2_lis {
    position: relative;
}

.beauty2_txt {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 80%;
    color: #fff;
    text-align: center;
}

.beauty2_t_cir {
    display: inline-block;
    position: relative;
    width: 160px;
    height: 160px;
    line-height: 160px;
    border-radius: 50%;
    background: rgba(137, 94, 76, 0.7);
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#B2895e4c,endColorstr=#B2895e4c);
}

.beauty2_t_cir span {
font-size: 18px;color: #fff;}

.beauty2_hidebox {
    background: rgba(137, 94, 76, 0.7);
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#B2895e4c,endColorstr=#B2895e4c);
    width: 100%;
    padding: 20px 8%;
    
}
.beauty2_hideboxes {
    display: none;
	margin-top: 20px;
}
.beauty2_hidebox h4 {
    margin: 15px 0 25px;
    font-size: 13px;
    line-height: 1.42;
}

span.beauty2_more {
    display: inline-block;
    padding: 10px 30px;
    border: solid 1px #BEBEBE;
}




.beauty_sec.beauty_sec3 {
    padding: 80px 0;
}



.beauty_sec3 .about1_tit{ text-align:center;  margin-bottom:35px;}
.beauty_sec3 .about1_tit hr {
    width: 30px;
    margin: 20px auto; 
  
}




.beauty3_r1 {
    margin-top: 80px;
}

.beauty3_sec1 {
    position: relative;
}

.beauty3_l1 {
    background: #8B604C;
    position: absolute;
    top: 0;
    left: 0;
    z-index: 1;
    width: 35%;
    padding: 80px 5%;
    color: #fff;
}

.beauty3_l1_t {
    border-left: solid 1px #fff;
    padding-left: 15px;
    padding-top: 15px;
    position: relative;
}

.beauty3_l1_t h3 {
    margin: 0 0 10px;
    font-size: 20px;
    text-transform: uppercase;
}

.beauty3_l1_t h4 {
    margin: 0;
    font-size: 13px;
	line-height: 1.4;
}

.beauty3_l1_t:before {
    content: "";
    display: block;
    width: 1px;
    height: 4px;
    background: #fff;
    position: absolute;
    top: -10px;
    left: -1px;
}

.beauty3_l1 h5 {
    margin: 30px 0 0;
    font-size: 16px;
}

.beauty3_l1 h5 span {
    margin-right: 20px;
}

.beauty3_l1 h5 span i {
    font-size: 18px;
    margin-right: 2px;
}


.beauty3_lis {
    margin-top: 80px;
}

.beauty3_l2 {
    padding-top: 260px;
    padding-right: 20px;
}

.beauty3_r2 {
    padding-left: 20px;
}

.beauty3_lis_txt {
    padding-top: 40px;
    color: #8a5f4c;
}

.beauty3_lis_txt .beauty3_l1_t {
    border-color: #d2d5db;
}

.beauty3_lis_txt .beauty3_l1_t:before {
    background: #d2d5db;
}

.beauty3_lis_txt h5 {
    margin: 30px 0 0;
    color: #737373;
    line-height: 26px;
    font-size: 13px;
}

.beauty3_lis_txt h5 i.fa {
    font-size: 18px;
    margin-right: 2px;
    color: #6b768a;
}

.beauty3_lis_txt h5 span {
    margin-right: 20px;
}







.school1_box a:after {
    content: "";
    display: table;
    clear: both;
}

.school1_img {
    width: 50%;
    float: left;
}

.school1_txt {
    width: 50%;
    float: left;
    padding: 45px 5% 0;
}

.school1_box {
    margin: 30px 0 0;
}

.school_sec1 {
    padding: 50px 0 80px;
    position: relative;
}

.school1_box.school1_box2 {
    background: #e9e7e5;
    margin-right: 10%;
}

.school1_box.school1_box2 a {
    color: #8B604C;
}

.school1_box.school1_box1 {
    margin-left: 10%;
    background: #fff;
}

.school1_bg {
    position: absolute;
    width: 100%;
    top: 0;
    left: 0;
    height: 45%;
    background: #f5f5f5;
    z-index: -1;
}

.school1_txt h2 {
    margin: 0 0 15px;
    padding-bottom: 21px;
    font-size: 18px;
    position: relative;
}

.school1_txt h2:after {
    content: "";
    display: block;
    width: 15px;
    height: 2px;
    background: #808080;
    position: absolute;
    bottom: 0;
    left: 0;
}

.school1_txt h3 {
    margin: 0 0 15px;
    font-size: 14px;
    line-height:26px;
    color: #737373; 
	height:80px; 
	overflow:hidden;
	display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 3;
    text-indent: 2em;

}

.school1_box1 .school1_txt h2 {
    color: #000;
	 white-space:nowrap; overflow:hidden; text-overflow:ellipsis; 
}

.school1_txt h4 {
    margin: 0 0 10px;
    font-size: 12px;

}
.school1_txt span{ width:120px; height:30px; line-height:28px; text-align:center; font-size:12px; border:1px #c9bb9e solid; display:block; color:#c9bb9e; margin-top:30px;}
.school1_txt span:hover{ border:1px #c9bb9e solid; background:#c9bb9e; color:#fff;}



.school1_box.school1_box2 .school1_txt h3 {
    color: #737373;
}
.school1_box.school1_box2 .school1_txt h4 {
    color: #737373;
}













.school_sec2 {
    background-size: cover;
    background-position: center center;
    background-attachment: fixed;
    padding: 50px 0;
}

.school2_box h2 {
    margin: 0 0 50px;
    font-size: 26px;
    text-align: center;
    color: #fff;
	font-family:Arial, Helvetica, sans-serif;

}

.school_btn {
    display: inline-block;
    width: 100px;
    height: 100%;
    position: absolute;
    top: 0;
    right: 0;
}

.school2_form_box:after {
    content: "";
    display: table;
    clear: both;
}

.school2_form_box ul {
    float: left;
    width: 100%;
}

.school2_form_box {
    width: 90%;
    margin: 0 auto;
    padding-right: 100px;
    position: relative;
    background: rgba(139, 96, 76, 0.62);
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#B200a7e2,endColorstr=#B200a7e2);
    border-radius: 4px;
    overflow: hidden;
}

.school2_form_box ul li {
    width: 33.333%;
    float: left;
    padding: 10px 10px;
}

.school_btn input {
    width: 100%;
    height: 100%;
    border: none;
    background: #8B604C;
    color: #fff;
    font-size: 14px;
    text-transform: uppercase;
}

.school2_form_box ul li input {
    width: 100%;
    background: #fff;
    border: none;
    padding: 10px 5px;
    border-radius: 5px;
}






.scroll3_box ul:after {
    content: "";
    display: table;
    clear: both;
}

.scroll3_box ul li {
    width: 25%;
    float: left;
    padding: 0 10px 25px;
}

.scroll3_box ul {
    margin: 0 -10px;
}

.school_sec3 {
    padding: 80px 0;
}

.school3_tit {
    margin-bottom: 15px;
    font-size: 20px;
    color: #000;
    font-weight: bold;
}

.school3_tit .st1 {
    font-weight: normal;
    margin: 0 5px 0 10px;
    font-size: 15px;
    color: #aaa;
}

.school3_tit .st2 {
    font-size: 13px;
    color: #8B604C;
    font-weight: normal;
}

.school3_txt h3 {
    margin: 0;
    padding: 10px 0 0;
    line-height: 30px;
    font-size: 15px;
    color: #333;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.school3_txt hr {
    margin: 15px 0;
    border-top: 3px solid #eee;
}

span.school3_btn {
    display: inline-block;
    padding: 0px 15px;
    background: #8B604C;
    line-height:26px;
    font-size: 13px;
    color: #fff;
    border-radius: 50px;
}

span.school3_btn:after {
    content: "";
    display: inline-block;
    position: relative;
    right: 0;
    margin-left: 10px;
    top: 50%;
    margin-top: -3px;
    border-width: 5px 0 5px 5px;
    border-style: solid;
    border-color: transparent #fff;
}

.school3_img {
    position: relative;
}

li a:hover span.school3_btn {
    background: #667362;
}

.school3_img_hover {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    text-align: center;
    background: rgba(102,115,98, 0.8);
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#CC667362,endColorstr=#CC667362);
	
    filter:alpha(opacity=0); -moz-opacity:0; -khtml-opacity:0; opacity:0;
}

.school3_img_hover img {
    width: 32px;
}

li a:hover .school3_img_hover{
    filter:alpha(opacity=100); -moz-opacity:1; -khtml-opacity:1;opacity:1;
}







/*meixue*/
section.prod-slide {
    background: #000;
}

a.gallery-nav {
    position: absolute; 
    z-index: 2;
    bottom: 40px;
    display: inline-block;
    background-color: #895e4c;
    text-transform: uppercase;
    padding: 12px 80px 12px 80px;
    color: #fff;
    font-size: 15px;
    font-weight: 500;
    left: 50%; 
    margin-left: -110px;
    filter:alpha(opacity=0); -moz-opacity:0; -khtml-opacity:0; opacity:0;
    -moz-transition: all .3s ease-in-out;
    -o-transition: all .3s ease-in-out;
    -webkit-transition: all .3s ease-in-out;
    transition: all .3s ease-in-out;
}
.item{ position:relative}
.item:hover a.gallery-nav{
    filter:alpha(opacity=100); -moz-opacity:1; -khtml-opacity:1;opacity:1;
}
.item:hover a.gallery-nav{
    filter:alpha(opacity=100); -moz-opacity:1; -khtml-opacity:1;opacity:1;
}
a.gallery-nav img {
    display: inline;
    margin-right: 15px;
    position: relative; margin-top:-10px
}
.ind3_ico {
    position: absolute;
    bottom: 5px;
    right: 30px;
    height: 45px;
	width:auto !important;
	background:none !important;
    filter: alpha(opacity=0);
    -moz-opacity: 0;
    -khtml-opacity: 0;
    opacity: 0;
    -moz-transition: all .3s ease-in-out;
    -o-transition: all .3s ease-in-out;
    -webkit-transition: all .3s ease-in-out;
    transition: all .3s ease-in-out;
}
.item:hover .ind3_ico {
    filter:alpha(opacity=100); -moz-opacity:1; -khtml-opacity:1;opacity:1;
}
.ind3_ico a {
    display: inline-block;
    background-color: rgba(152,152,152,.9);
    height: 45px;
    width: 45px;
    margin-left: 10px;
    text-align: center;
}

.ind3_ico a img {
	margin: 13px auto 0;
    width: auto;
}


.beautydot {
    padding: 120px 0;
}

.beaytydot_box {
    width: 85%;
    margin: 0 auto;
}

.beautydot_lis {
    text-align: center; margin-bottom:50px
	
}
.beautydot_lis_pic{ 
overflow:hidden;
}
.beautydot_lis_pic img{
  transition:All 0.7s ease-in-out;   
 -webkit-transition:All 0.7s ease-in-out;  
  -moz-transition:All 0.7s ease-in-out;  
  -o-transition:All 0.7s ease-in-out;
  }
.beautydot_lis_pic:hover img{
	filter:alpha(opacity=70); -moz-opacity:0.7; -khtml-opacity:0.7; opacity:0.7;
	transform:scale(1.05);   
-webkit-transform:scale(1.05);   
-moz-transform:scale(1.05);    
-o-transform:scale(1.05);   
 -ms-transform:scale(1.05);
	}

.beaytydot_box .row {
margin-top: 35px;}

.beautydot_lis h2 {
    font-size: 15px;
    color: #000;
    line-height: 1.42;
    margin: 25px 0 10px;
}

.beautydot_lis h3 {
    margin: 0;
    font-size: 14px;
    line-height: 26px; color:#737373;

    display: none;
}
.beautydot_tit {
    margin-bottom: 120px;
    text-align: center;
}

.beautydot_tit h2 {
    margin: 0;
    font-size: 18px;
    font-weight: bold;
    color: #000;
}
















/**  join  **/

.join_sec.join_sec1 {
    padding: 80px 0;
}

.join1_sec_l span {
    display: block;
    width: 100%;
    height: 100%;
    position: absolute;
    top: 20px;
    left: 20px;
    background: #667362;
}

.join1_sec_l {
    position: relative;
    width: 90%;
}

.join1_sec_l img {
    position: relative;
}

.join1_sec_r {
    padding: 0 0 0 25px;
}

.join1_sec_r .about1_tit {
}

.join1_r_txt h3 {
    margin: 55px auto;
    font-size: 16px; 
    color: #999; 
	line-height:25px;
}

.join1_r_txt {
    margin-top: 35px;
}

.join1_r_txt ul {
    margin-top: 30px;
}

.join1_r_txt ul li {
    margin: 0 0 35px;
    font-size: 15px;
    line-height:26px;
    color: #333;
}

.join1_r_txt li img {
    width: 33px;
    margin-right: 10px;
}












.join_sec.join_sec2 {
    padding: 80px 0;
}

.join2_lis {
    position: relative;
}

.join2_txt {
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
}

.join2_box {
    position: relative;
    width:90%;
    margin:0 auto;
    padding-bottom: 20px;
}





.join2_txt {
    background: rgba(137,94,76, 0.8);
    filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#CC895e4c,endColorstr=#CC895e4c);
    color: #fff;
    text-align: left;
    padding: 0 10%;
    opacity: 0;
    transition: all 0.3s ease;
    -webkit-transition: all 0.3s ease;
    -moz-transition: all 0.3s ease;
    -ms-transition: all 0.3s ease;
    -o-transition: all 0.3s ease;
}

.join2_txt h2 {
    margin: 0 0 15px;
    font-size: 22px;
    letter-spacing: 1px;
}

.join2_txt h3 {
    margin: 0;
    font-size: 13px;
    color: #eee; line-height:26px;
}

.join2_lis:hover .join2_txt {
    opacity: 1;
}
.join_sec.join_sec2 .about1_tit ,.join_sec.join_sec3 .about1_tit , .join_sec.join_sec4 .about1_tit {
    text-align: center;
    margin-bottom: 30px;
}

.join_sec.join_sec2 .about1_tit hr ,.join_sec.join_sec3 .about1_tit hr , .join_sec.join_sec4 .about1_tit hr{
    margin-left:auto;
    margin-right:auto;
}

.pagination_join2 .swiper-pagination-switch {
    width: 8px;
    height:8px;
    background: transparent;
    border: solid 1px #666;
    border-radius: 50%;
}

.pagination_join2 {
    bottom: -10px;
    position: relative;
}

.pagination_join2 .swiper-active-switch {
    background: #666;
}








.join3_main ul:after {
    content: "";
    display: table;
    clear: both;
}

.join3_main ul li {
    width: 20%;
    float: left;
}

.join3_lis {
    text-align: center;
}

.join_sec.join_sec3 {
    padding: 80px 0;
}

.join3_lis_txt {
    padding: 25px 10px;
    transition: all 0.4s ease-in-out;
    -webkit-transition: all 0.4s ease-in-out;
    -moz-transition: all 0.4s ease-in-out;
    -ms-transition: all 0.4s ease-in-out;
    -o-transition: all 0.4s ease-in-out;
}

.join3_lis_txt h3 {
    margin: 0 0 15px;
    font-size: 15px;
    color: #000; letter-spacing:1px;
    position: relative;
    padding-top: 15px;
    transition: all 0.4s ease-in-out;
    -webkit-transition: all 0.4s ease-in-out;
    -moz-transition: all 0.4s ease-in-out;
    -ms-transition: all 0.4s ease-in-out;
    -o-transition: all 0.4s ease-in-out;
}

.join3_lis_txt h3:before {
    content: "";
    display: block;
    width: 20px;
    height: 1px;
    background: #895e4c;
    position: absolute;
    top: 0;
    left: 50%;
    margin-left: -10px;
    transition: all 0.4s ease-in-out;
    -webkit-transition: all 0.4s ease-in-out;
    -moz-transition: all 0.4s ease-in-out;
    -ms-transition: all 0.4s ease-in-out;
    -o-transition: all 0.4s ease-in-out;
}

.join3_lis_txt h4 {
    margin: 0;
    font-size: 13px;
    color: #737373;
    transition: all 0.4s ease-in-out;
    -webkit-transition: all 0.4s ease-in-out;
    -moz-transition: all 0.4s ease-in-out;
    -ms-transition: all 0.4s ease-in-out;
    -o-transition: all 0.4s ease-in-out;
}

.join3_lis_img {
    position: relative;
}

.join3_lis_img:after {
    content: "";
    display: block;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    position: absolute;
    background: rgba(137,94,76,0.5);
    filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#7F895e4c,endColorstr=#7F895e4c);
    transition: all 0.4s ease-in-out;
    -webkit-transition: all 0.4s ease-in-out;
    -moz-transition: all 0.4s ease-in-out;
    -ms-transition: all 0.4s ease-in-out;
    -o-transition: all 0.4s ease-in-out;
}

.join3_lis:hover .join3_lis_img:after{
    filter:alpha(opacity=0); -moz-opacity:0; -khtml-opacity:0; opacity:0;
}
.join3_lis:hover .join3_lis_txt{
    background:#895e4c;
}
.join3_lis:hover .join3_lis_txt h3 {
    color:#fff;
}
.join3_lis:hover  .join3_lis_txt h4 {
    color:#fff;
}
.join3_lis:hover .join3_lis_txt h3:before {
    background:#c9bb9e;
}




.join4_bottom:after {
    content: "";
    display: table;
    clear: both;
}

.join4_b_l {
    width: 50%;
    float: left;
}

.join4_bottom {
    width: 90%;
    margin: -340px auto 0;
    background: #e9e7e5;
    position: relative;
}

.join4_top {
    padding: 80px 0 360px;
    background: #667362;
}

.join_sec.join_sec4 .about1_tit {
    color: #fff;
}
.join_sec.join_sec4 .about1_tit h4{
    color: #eee;
}
.join_sec.join_sec4  .about1_tit hr{
    border-color:#fff
}

.join_sec.join_sec4 {
    padding-bottom: 100px;
}

.join4_b_r {
    width: 50%;
    float: left;
    position: relative;
}

.join4_b_txt {
    padding: 20% 10% 0;
}

img.join4_b_ico {
    width: 60px;
    position: absolute;
    top: 0;
    right: 15%;
}

.join4_b_txt.join4_b_txt_ab {
    position: absolute;
    width: 100%;
    top: 0;
    left: 0;
}

.join4_b_txt h3 {
    margin: 0 0 15px;
    font-size: 26px;
    font-weight: bold;
    line-height: 1.42;
}

.join4_b_txt h4 {
    margin: 0 0 10px;
    line-height:26px;
    font-size: 13px;
    color: #737373;
}
.join4_b_txt h4 strong{ color:#000}








.join4_b_txt h3 {
    position: relative;
    top: 30px;
    filter:alpha(opacity=0); -moz-opacity:0; -khtml-opacity:0; opacity:0;
    transition: all 0.2s;
    -webkit-transition: all 0.2s;
    -moz-transition: all 0.2s;
    -ms-transition: all 0.2s;
    -o-transition: all 0.2s;
    
    transition-delay: 0.2s;
    -webkit-transition-delay: 0.2s;
    -moz-transition-delay: 0.2s;
    -ms-transition-delay: 0.2s;
    -o-transition-delay: 0.2s;
}

.join4_b_txt h4 {
    position: relative;
    top: 30px;
    filter:alpha(opacity=0); -moz-opacity:0; -khtml-opacity:0; opacity:0;
    transition: all 0.2s;
    -webkit-transition: all 0.2s;
    -moz-transition: all 0.2s;
    -ms-transition: all 0.2s;
    -o-transition: all 0.2s;
}

.join4_b_txt.active h3 {
    top: 0;
    filter:alpha(opacity=100); -moz-opacity:1; -khtml-opacity:1;opacity:1;
    transition-delay: 0.3s;
    -webkit-transition-delay: 0.3s;
    -moz-transition-delay: 0.3s;
    -ms-transition-delay: 0.3s;
    -o-transition-delay: 0.3s;
}
.join4_b_txt.active h4 {
    top: 0;
    filter:alpha(opacity=100); -moz-opacity:1; -khtml-opacity:1;opacity:1;
    transition-delay: 0.4s;
    -webkit-transition-delay: 0.4s;
    -moz-transition-delay: 0.4s;
    -ms-transition-delay: 0.4s;
    -o-transition-delay: 0.4s;
}
a.join4_b_btn {
    position: absolute;
    display: inline-block;
    line-height: 1;
    bottom: 25px;
    right: 4%;
    font-size: 18px;
    color: #666;
    width: 50px;
    text-align: center;
}

a.join4_b_btn span {
    display: inline-block;
    width: 20px;
    height: 3px;
    background: #666;
    vertical-align: middle;
    position: relative;
    top: -3px;
    right: -7px;
    transition: all 0.3s;
    -webkit-transition: all 0.3s;

    -moz-transition: all 0.3s;
    -ms-transition: all 0.3s;
    -o-transition: all 0.3s;
}

a.join4_b_btn:hover span {
    width: 30px;
}


.join_sec.join_sec5 {
    padding: 120px 0;
    background-size: cover;
    background-position: center center;
    background-repeat: no-repeat;
}

.join5_box {
    color: #fff;
    display: inline-block;
    padding: 35px 0 0 3%;
    border: solid 1px #F2F2F2;
    border-right: none;
}

.join5_box .about1_tit h4 {
    color: #fff;
}
.join5_box .about1_tit hr {
    border-color: #fff;
}

.join5_txt {
    margin-top: 25px;
    padding-bottom: 35px;
    padding-right: 45px;
    border-right: solid 1px #F2F2F2;
}

.join5_txt h5 {
    margin: 10px 0 0;
    font-size: 13px;
    line-height:26px;
}









.join4_img {
    width: 100%;
}

.join6_box ul:after {
    content: "";
    display: table;
    clear: both;
}

.join6_box ul li {
    width: 33.33%;
    float: left;
    padding: 0 45px;
    text-align: center;
    position: relative;
}

.join6_box ul {
    margin: 0 -45px 40px;
}

.join_sec.join_sec6 {
    padding: 80px 0;
}

.join6_bottom:after {
    content: "";
    display: table;
    clear: both;
}

.join6_b_lis {
    width: 50%;
    float: left;
    text-align: center;
    font-size: 16px; 

}


.join6_b_lis img{ margin-top:-5px}


.join6_bottom {
    margin-top: 80px;
}

.join6_lis {
padding: 0;}

.join6_lis h3 {
    line-height:26px;
    font-size: 13px;
    margin: 20px 0 0;
    color: #737373;
}

.join6_lis i.fa {
    font-size: 28px;
    position: absolute;
    right: -3px;
    top: 15px;
    color: #666;
}



.join6_b_lis img {
    width: 20px;
    margin-right: 10px;
}
.join6_box .about1_tit {
    text-align: center;
    margin-bottom:60px
}
.join6_box .about1_tit hr{
    margin-left:auto;
    margin-right:auto
}

/*join end*/


.newsdot_left {
    width: 262.5px;
}
.newsdot_left_new{
	margin-left: -570px;
}
.school1_box.school1_box2 .school1_img {
    float: right;
}

.fa-stack b {
    font-size: 14px;
    font-weight: normal;
    display: inline-block;
    width: 40px;
    text-align: center;
    display: none;
}
.jobschool_wz{
	margin:40px 0;
}


















































.prodot2_yhpj textarea {
    width: 100%;
    height: 120px;
    padding: 6px 10px;
    color: #999;
}
.prodot2_yhpj {
    width: 70%;
    margin-top: 20px;
}
.prodot2_yhpj input {
    margin-top: 20px;
    padding: 8px 40px;
    background: #8B604C;
    border-color: #8B604C;
    color: #fff;
}





/**6-13**/
.about5_cot1 .beautydot_lis , .about5_3_cot .beautydot_lis {
    margin-bottom: 15px;
}
.about5_cot1 .beautydot_lis h2 , .about5_3_cot .beautydot_lis h2 {
    margin: 10px 0 0;
	height:40px;
	overflow:hidden;
}
.about5_3_cot .beautydot_lis h2 {
	font-size:14px;
	white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}
.ab5_title .about1_tit {
    display: none;
}
.ab5_title .about1_tit.active {
    display: block;
}
.about5_box .about5_3_cot .about1_tit {
    padding: 0;
    margin-top:40px
}
.jobschool_logo img {
    max-width: 160px;
}

.swiper_join2.ie8{
	height:540px;
}






/*branddot*/
.branddot{ padding:100px 0px 500px; 
     width:100%; 
    overflow:hidden; 
    background:url(../images/branddot.jpg) no-repeat center bottom;  
    background-size:cover;
    -moz-background-size:cover;
    -webkit-background-size:cover;
    -o-background-size:cover;
    filter:progid:DXImageTransform.Microsoft.AlphaImageLoader  (src='../images/branddot.jpg',  sizingMethod='scale')
}
.branddot p{     
   color: #333;
    line-height: 26px; letter-spacing:1px;
    font-size: 13px;
    margin-bottom: 18px;
	}
.branddot_one{
	}	
/*branddot*/



/**8-10**/
.branddot_one_main {
    padding: 80px 0;
}

.branddot_one_main h4 {
    color: #333;
    line-height: 26px;
    letter-spacing: 1px;
    font-size: 14px;
    margin: 0;
}

.branddot_one_main h5 {
    color: #333;
    line-height: 22px;
    letter-spacing: 1px;
    font-size: 13px;
    margin: 0;
}

.foot_r_tL h6 img {
    height: 18px;
    vertical-align: middle;
    margin-right: 5px;
}

.foot_r_tL h6 span {
    vertical-align: middle;
    color: #999;
    font-size: 13px;
}

.foot_r_t:after {content: "";display: table;clear: both;}

.foot_r_tL {
    display: inline-block;
    float: left;
}

.foot_r_tL h5 {
    margin-top: 15px;
}

.foot_r_tR {
    float: right;
    padding-top: 10px;
    position: absolute;
    top: 0;
    right: 0;
}

.foot_r_tR h5 a {
    margin: 0;
}

.foot_r_tL h6 {
    margin-bottom: 10px;
}

.foot_r_tR h5 {
    margin: 10px 0;
}

/**8-10**/







@media(max-width:1600px){
.swiper_join2.ie8{
	height:500px;
}
}

@media(max-width:1500px){
.swiper_join2.ie8{
	height:480px;
}
}






.serverdot_sec {
    margin-bottom: 100px;
}

@media(max-width:1400px){
.prolist_container{
	width:1170px;
}
.about4_bottom{ background:url(../images/logo-1.png) no-repeat -2% 20px;}
.container_cs{ width:1000px !important}
.swiper_join2.ie8{
	height:450px;
}
.about4_wz h4{
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 4;
    -webkit-box-orient: vertical;
	font-size: 12px;
    line-height: 18px;
}

.serverdot_l {
    top: 130px;
}
.serverdot_ico {
    margin-bottom: 25px;
}
.serverdot_l .proold_more {
    margin-top: 30px;
}
.serverdot_sec {
    margin-bottom: 60px;
}



}


@media(max-width:1200px){
.swiper_join2.ie8{
	height:350px;
}
.footer_container {
    width: 88%;
}
.zpxxnrbodynr {
    width: 50%;
}

.about_container{
	width:970px;
}
.prolist_container{
	width:970px;
}
.beaytydot_box{ width:90% !important; margin:0 auto}
.about3_cot li{ width:50%;}
.about4_bottom {
	 background:url(../images/logo-1.png) no-repeat -10% 20px;
}

/**g**/
.mainbox{
	width: 20%;
}
.prodot1_right {
    height: auto !important;
    padding-bottom: 20px;
}
.newsdot_left {
    width: 212.5px;
}
.newsdot_left_new {
    margin-left: -470px;
}
.magz_txt_vlign h4 {
    font-size: 16px;
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
}
.magz_txt {
    height: 133px;
}
.maz_lis.maz_lis_margin {
    margin-top: -133px;
}
.act1_cot {
    width: 80%;
}
.footer_menu_list .first_menu {
    line-height: 1;
}
/**g**/
.prodot2_yhpj {
    width: 80%;
}
}
@media(max-width:992px){
.swiper_join2.ie8{
	height:300px;
}
.about_container,prolist_container{
	width:750px;
}
.jobschool_wz{
	margin:0;
}
.footer_container {
    width: 94%;
}
.about5_list1 .about5_right{
	width:70%;
}
/**g**/
.newsdot_left_new {
    position: relative;
    margin: 0;
    top: 0;
    left: 0;
}
.newsdot_left {
    width: auto;
    margin-top: 0;
}
#leftsead{display:none}
.menu_list>li {
    padding: 0 4px;
}
.menu_list>li a{
	font-size:12px;
}
.header_logo {
    width: 140px;
}

.header_cont {
    /* width: 129px; */
}

.nav_container {
    margin-top: 15px;
}
.magz_txt {
    height: 102px;
	padding: 0;
}
.maz_lis.maz_lis_margin {
    margin-top: -102px;
}
.magz_txt_vlign h4 {
    font-size: 15px;
}
span.magz_txt_more {
    font-size: 14px;
}
/**g**/
.about5_list2,.about5_list4 {
	margin:20px 0 0;
}
.about5_wz h5  {
    font-size: 12px;
}
.prodot2_yhpj {
    width: 100%;
}
about1_left{
	padding-right:0;
}
}



@media(max-width:768px){	
html{cursor:pointer}
.my_top{top: 60px;}
.my_header{padding: 15px;}
.myheaderl_img{width: 100px;}
.myheaderl_txt{top: 15px; padding-left: 120px;}
.myheader_l{border: none; margin-bottom: 20px;}
.myheaderl_txt h2{font-size: 16px;}
span.mth_2 img{width: 22px;}
span.mht_3{font-size: 16px; display: inline-block;}
.myheaderl_txt h3{font-size: 14px;}
.myheader_r{padding: 0; border: none; border-top: solid 1px #e6e6e6; padding-top: 15px;}
input.my_sel1{width: 100%;}
.my_sel input{margin-bottom: 10px;}
input.my_sel2{width: auto;}
.my_main_lis h2 b:after{content: ""; display: table; clear: both;}
.my_main_lis h2{line-height: 1.42;padding: 8px 15px;margin-bottom: 15px;}
.my_table:after{content: ""; display: table; clear: both;}
.my_table_l{width: 65px; text-align: center; float: left;}
.my_table{padding: 0 5px;}
.my_table_r{padding-left: 80px;}
.my_table_r h3{font-size: 16px; color: #000; margin: 0 0 15px;}
.my_table_l h5{margin: 5px 0 0; font-size: 13px; color: #333;}
.my_table_r h4{font-size: 14px; color: #f00678; font-weight: bold; margin: 0 0 10px;}
.my_main_lis{padding-bottom: 15px;}
.my_table_r h5{margin: 0; font-size: 14px; color: #666;}
.my_table_r h5 a{float: right; margin-right: 5px; border: solid 1px #8B604C; color: #8B604C; display: inline-block; padding: 5px 15px; font-size: 13px; margin-top: -5px;}
.job_box1{padding-top: 40px;}
.job1_wz h5{width: 100%;}
.job1_cot{padding: 40px 0 50px;}
.job1_bottom_wz{padding: 5px;}
.job1_list{width: 50%; padding-bottom: 20px;}
.job1_bottom_wz h6{white-space: nowrap; text-overflow: ellipsis; overflow: hidden;}
.job_box01 .job1_wz h5{width: 100% !important;}
.job01_lis{width: 90% !important;}
.job01_ul{margin-top: 30px !important;}
.job_box01{padding-bottom: 50px !important;}
.job2_btn a{padding: 10px 50px;}
.job2_btn i{width: 60px;}
.prolist_container{width: 100%;}
.job_box3{padding: 50px 0;}
.job_box2{padding: 80px 0;}
.school1_img{width: 100%;}
.school1_txt{width: 100%; padding: 20px 5%;}
.school_sec1{padding: 30px 0 40px;}
.school1_txt h2{font-size: 16px;}
.school1_txt span{margin-top: 20px;}
.school2_form_box ul li{width: 100%;}
.school_btn{height: 40px; top: 50%; right: 5px; margin-top: -20px; border-radius: 5px; overflow: hidden;}
.scroll3_box ul li{width: 50%;}
.school_sec3{padding: 40px 0;}


.about4_year li{width: 10%;padding-top: 12px;height: 22px;}



/**g**/


.jobschool_logo{
	width:200px;
	margin:0 auto;
}

.about_container,prolist_container{
	width:100%;
}
.menuBox {
	position: fixed;
	width: 62%;
	top: 0;
	left: -62%;
	height: 100%;
	z-index: 999999999;
	background: #8B604C;
	color: #fff;
	transition: all 0.3s ease-in-out;
	-moz-transition: all 0.3s ease-in-out;
	-ms-transition: all 0.3s ease-in-out;
	-o-transition: all 0.3s ease-in-out;
	-webkit-transition: all 0.3s ease-in-out;
}

.menuBox.active {
	left: 0;
}

.menuAll {
	position: relative;
	height: 100%;
	top: 0;
	padding-top: 43px;
}

.menuTitle {
	padding: 5px 10px;
	font-size: 16px;
	line-height: 32px;
	border-bottom: solid 1px #B08C7B;
	position: absolute;
	width: 100%;
	top: 0;
	left: 0;
}

.menuTitle i.fa {
	font-size: 20px;
	line-height: 32px;
	float: left;
	margin-right: 15px;
}

.menuBody {
	height: 100%;
	overflow: auto;
}

.menuBody ul {
	padding: 0;
	margin: 0;
}

.menuBody li.ua {
	padding: 0;
	border-bottom: solid 1px #B08C7B;
}

.menuBody li a {
	color: #fff;
	line-height: 36px;
	padding: 0 15px;
	font-size: 12px;
}

.menuBody li a .fa {
	float: right;
	line-height: 36px;
	font-size: 18px;
}

.menuBody ul.ul2_0 {
	background: rgba(255, 255, 255, 0.2);
	display: none;
}

.menuBody ul.ul2_0 li {
	border-top: solid 1px #B08C7B;
	padding-left: 20px;
}

.menuBody li a.ua_a {
	line-height: 38px;
}

.menuBody li a:after {
	content: "";
	display: table;
	clear: both;
}

.p_logo {
	height: 40px;
	display: inline-block;
	float: left;
}

.p_logo img {
	height: 100%;
	width: auto;
}

.p_logo p{
	float: right;
	font-size: 19px;
	color: #616060;
	margin-top: 13px;
	line-height: 20px;
}
.header_phone {
	background: #fff;
	box-shadow: 0 0 10px #E5DBD6;
	padding: 10px 15px;
	position: fixed;
	width: 100%;
	left: 0;
	top: 0;
	z-index: 99999999;
}

a.p_menubtn span {
	display: block;
	width: 30px;
	height: 2px;
	background: #8B604C;
	margin: 7px 0 5px;
}

.header_p_box {
	position: relative;
}

a.p_menubtn {
	display: inline-block;
	float: right;
	padding: 4px 0 0;
}

.header_p_box:after {
	content: "";
	display: table;
	clear: both;
}

.header {
	display: none;
}

.wrapper {
	margin-top: 60px;
}

.banner {
	margin-top: 60px;
}

.resellers h2 {
	font-size: 18px;
}

.jieshao>p {
	width: 80%;
	font-size: 14px;
}

.product_box {
	padding-top: 30px;
}

.index2_list {
	width: 50%;
	padding: 10px;
}

.index2_wz {
	padding-top: 10px;
}

.beauty4_btn {
	padding: 120px 0;
}

ul.beauty1_sel li {
	padding-right: 30px;
}

ul.beauty1_sel li a:after {
	right: 15px;
}

ul.beauty1_sel li a {
	padding: 10px 0;
}

.active-filters button {
	line-height: 30px;
	margin: 0 10px;
	min-width: 80px;
}

.active_submit input {
	line-height: 32px;
}

.beauty1_box ul li {
	width: 33.33%;
	margin-bottom: 5px;
}

.beauty1_lis {
	padding: 0;
}

.beauty1_lis h3 {
	height: 34px;
	margin: 0;
}

.beauty1_more {
	display: none;
}

.prolist_intro_wz {
	width: 100%;
}

.prolist_intro_wz h4 {
	line-height: 22px;
	margin: 5px 0;
}

.prolist_intro {
	padding: 40px 0;
}

.prolist {
	padding: 40px 0 40px;
}

.prolist_top {
	padding: 0 0 30px;
}

.prolist_top h2 {
	margin-bottom: 20px;
    font-size: 18px;
}

.prolist_top>h3 {
	font-size: 14px;
}

.prolist_top_btn a {
	font-size: 14px;
}

.prolist_menu {
	padding: 20px 0 10px;
}

.prolist_menu_list h4 {
	line-height: 28px;
	margin-bottom: 5px;
}

.prolist_menu_list {
	width: 50%;
}

.prolist_menu_right {
	width: 50%;
}

.prolist_menu_right .prolist_menu_list>ul>li {
	width: 100%;
}

.prolist_menu_right .prolist_menu_list>ul>li ul li {
	display: inline-block;
	margin-right: 15px;
	font-size: 13px;
}

.prolist_menu_list li a {
	font-size: 13px;
}

.prolist_list {
	width: 160px;
	padding: 0 5px;
}

.prolist_wz {
	padding: 10px 5px;
	text-align: center;
}

.prolist2_left h2 {
	font-size: 18px;
	margin-bottom: 15px;
}

.prolist2_left {
	width: 100%;
}

.prolist2_top {
	padding: 0 0 15px;
}

.footertop .col-lg-9.col-md-9.col-sm-9 {
	display: none;
}

.footer {
	padding: 15px 0 5px;
}

.footer_container {
	width: 100%;
    padding: 0 15px;
}

.footer_right {
	margin-left: 0;
}

.copy {
	line-height: 22px;
	font-size: 12px;
}

.footertop {
	padding-bottom: 20px;
}

.weimeima_box {
	margin-top: 15px;
}

span.ewm_span {
	width: 28%;
	float: left;
}

.weimeima_box:after {
	content: "";
	display: table;
	clear: both;
}

span.ewm_span img {
	width: 100%;
}

.sale_list {
	width: 50%;
	padding: 0 5px;
	margin-bottom: 30px;
}

.sale {
	padding: 40px 0 20px;
}

.sale_top {
	margin: 10px 0 20px;
}

.service_box2 {
	padding: 40px 0;
}

.service2-cot {
	padding-top: 15px;
}

.ban_wz {
	top: 35%;
}

.ban_wz h2 {
	font-size: 20px;
	margin-bottom: 5px;
}

.ban_wz h3 {
	font-size: 14px;
}

.service2-list h4 {
	font-size: 15px;
}

.service2-list h5 {
	font-size: 12px;
}

.service2-list {
	padding: 5px 0 5px 35px;
}

.service2-img {
	width: 24px;
	top: 6px;
}

.service2-right {
	margin-top: 25px;
}

.service1_center_cot li {
	width: 50%;
	padding:0 15px;
    padding-bottom: 20px;
	border:0;
}
.service1_center_list h5{
	width:100%;
	height:60px;
	font-size:12px;
	line-height:22px;
}

.service_box1 {
	padding: 40px 0;
}
.about7_form_top li input,.about7_form_bottom li input{
	font-size:12px;
}

.service1_center {
	padding: 30px 0 0;
}

.about7_form_top li {
	width: 100%;
	padding: 0;
	margin-top: 10px;
}

.about7_form_top {
	margin: 0;
	padding: 15px 0 5px;
}

.about7_form_bottom ul {
    margin-right: 0;
}

.about7_form_bottom li {
	width: 100%;
	padding: 0;
}

.about7_form_bottom li select {
	width: 100%;
	margin: 0;
	margin-top: 10px;
    padding: 5px 3px;
	font-size:12px;
}

.about7_sub {
	margin-top: 40px;
}

.service3_img {
	padding: 0;
}

.service-wz {
	padding: 15px 0;
}

.service3_wz {
	margin: 5px 0;
}

.service3_right {
	height: auto !important;
}

.service3_play {
	margin: 30px 0 15px;
}

.service3_bottom li {
	width: 80px;
	padding: 0 5px;
}

.service3_bottom_img {
	width: 100%;
}

.service3_bottom_img_bg {
	padding: 0;
}

div#service_box3 {
	padding: 40px 0;
}

.service4_right {
	padding: 0;
}

.service4_cot {
	padding: 40px 0;
}

.service4_left {
	padding: 0;
}

.service4_wz {
	padding: 0 0 15px;
}

.store_cot {
	width: 100%;
	position: relative;
	padding: 25px 15px;
}

.store_sele {
	padding: 15px 0;
}

.store_tit {
	margin-top: 15px;
}

.login_cot {
	width: 100%;
	padding: 40px 0;
}

.login {
	padding: 0 15px;
}

.login_tit h2 {
	font-size: 20px;
	margin: 0 0 15px;
}

.login_left {
	width: 100%;
	height: auto;
	padding: 20px;
}

.login_right {
	width: 100%;
	margin-top: 15px;
	padding: 20px;
	height: auto;
}

.login_bottom {
	padding-left: 0;
}

.login_list input {
	width: 100%;
	margin-top: 5px;
}

.login_list label {
	width: 100%;
}

.register_cot {
	width: 100%;
	padding: 10px;
}

.register {
	padding: 60px 15px;
}

.register_list {
	width: 100%;
}

.register_list input {
	margin-top: 5px;
}

.register_list span {
	width: 100%;
	display: block;
}

.register_yz input {
	width: 110px;
}

.register_list label {
	width: 100%;
}

.register_dx a {
	position: relative;
	top: 0;
	right: -5px;
}

.register_btn {
	position: relative;
	bottom: 0;
	margin: 10px 0 0;
}

.about1_right {
	width: 100%;
	float: none;
	padding: 0 15px;
	height: 240px !important;
	margin-top:10px;
}

.about1_left {
	float: none;
	width: 100%;
	padding: 30px 15px;
}

.about_box1 {
	margin-bottom: 15px;
}

.about_box2 {
	padding: 40px 0;    
	background: url(../images/about2_bg.jpg) no-repeat center center;
}

.about_box2 .about1_tit {
	margin-bottom: 15px;
}

.about2_cot {
	padding: 0 15px;
}

.about3_top {
	padding: 40px 0;
}

.about3_top_cot {
	width: 100%;
	padding: 0 15px;
}

.about3_wz {
	margin-top: 30px;
}

.about3_top_list {
	margin-top: 30px;
}

.about3_top_list li {
	padding: 0 5px;
	margin-top: 10px;
}

.about3_top_list a {
	font-size: 13px;
	padding: 8px 15px;
}

.about3_cot li {
	padding: 15px 5px;
}

.about3_list h2 {
	font-size: 16px;
	margin-bottom: 20px;
}

.about3_list h4 {
	font-size: 13px;
	line-height: 22px;
	-webkit-line-clamp: 3;
	height: 66px;
}

.about_box6 {
	padding: 60px 0;    
	background: url(../images/about6_bg.jpg) no-repeat center center ;
}

.about_box6 .about6_cot {
	width: 100%;
	padding: 0 15px;
}

.about_box7 {
	padding: 40px 0;
}

.about7_addr h3 {
	display: none;
}

.about7_center {
	width: 100%;
}

.about7_left, .about7_right {
	display: none;
}

.about7_top_top {
	padding: 20px 0 0;
}

.about7_center li {
	width: 100%;
}

.about7_wz {
	padding: 0;
}

.about7_center .about7_last {
	width: 100%;
}

.about7_wz h5 {
	display: inline-block;
	margin-right: 25px;
	float: left;
}

.about7_wz:after {
	content: "";
	display: table;
	clear: both;
}


/**index**/
.float_box{
	display:none !important;
}
.footer_col1{
	border:0 !important;
}
.footer_right h4 {
    line-height: 24px;
}
.dianpu {
    padding-top: 15px;
}
.mainbox{
	display:none !important;
}
.pagination_ban,.pagination_ind4{
	position:absolute;
	bottom:10px;
}
.pagination_ban .swiper-pagination-switch{
	background:#fff;
}
.pagination_ban .swiper-active-switch{
	background:#8B604C;
}
.resellers.title {
    margin-top: 50px;
}
.jieshao {
    padding: 15px 0 50px;
}
.ind4_bg{
	width:100%;
	height:100%;
	background-size:cover;
}
.ind4_bg1{
	background:url(../img/a1.jpg) no-repeat center center;
	background-size:cover;
}
.ind4_bg2{
	background:url(../img/a2.jpg) no-repeat center center;
	background-size:cover;
}
.ind4_bg3{
	background:url(../img/a3.jpg) no-repeat center center;
	background-size:cover;
}
.ind4_bg4{
	background:url(../img/a6.jpg) no-repeat center center;
	background-size:cover;
}
.ind4_bg5{
	background:url(../img/a4.jpg) no-repeat center center;
	background-size:cover;
}
.ind4_bg6{
	background:url(../img/a7.jpg) no-repeat center center;
	background-size:cover;
}
.ind4_wz li {
    width: 18%;
    float: left;
    margin-right: 2%;
}
.ind4_wz{
	padding:0 15px;
	position: absolute;
	bottom: 40px;
	color: white;
}
.ind4_wz h3 {
    color: #fff;
    margin-bottom: 20px;
    padding-bottom: 10px;
    border-bottom: solid 1px #fff;
	text-align:left;
    text-shadow: 1px 1px 4px #000;
}
.ind4_wz ul{
	margin:0;
}
.be-bg-parallax{
	display:none;
}
.resellers_picture1{
	width:100% !important;
}
.col-sm-6.mb{
	margin:15px -15px 0;	
}
.col-sm-6.mb .col-xs-6{
	margin-bottom:15px;
}
.re_img_zi{
	font-size:12px;
	top:100%;
	    padding: 0 5px;
    text-align: center;
}
.button--text-thick{
	margin:40px auto !important;
	float:none !important;
}
.dianji_bea{
	padding-bottom:10px !important;
}
.vc_empty_space{
	display:none;	
} 
.ind_ico{
    margin: 0 auto 30px;
    padding-top: 30px;
}
.chapter-service__media img{
	display:none;
}
.chapter-service__summary{
	position:relative;
	top:0;
	left:0;
	transform:translate(0,0)
}
.digit_wrap {
    margin-top: -49px;
}
.dataStatistics .digit_set {
    height: 100%;
}
.dataStatistics{
	margin-bottom:0;
	height:70px;
}
.info{
	width:100%;
}
.info #s_province{
	width:50% !important;
	margin-left:0 !important;
}
.buttom_ind1{
	margin-top:80px !important;  	
}
.row{
	margin:0 -15px;
}

/**product**/
.prod_sec{
	margin-bottom: 20px;
}
.pro_old {
    padding-bottom: 40px;
}
.product_tit h3 {
    font-size: 18px;
}



/**prolist**/
.about_ban{
	height: 200px !important;
}
.prolist_intro{
	background:url(../images/prolist_intro_1.jpg) no-repeat center center;
}
.prolist_intro_wz h4{
	font-size:12px;
}
.prolist_wz h4 {
    font-size: 14px;
}


/**beauty**/
.beauty_sec4{
	height:200px;
	background:url(../images/beauty4_bg_1.jpg) no-repeat center center;
}
.beauty4_btn{
	padding:80px 0 ;
}
.beauty_sec.beauty_sec1 {
    padding: 40px 0;
}
.beauty1_main {
    margin-top: 40px;
}
.about1_tit h3 {
    font-size: 18px;
}
.beauty1_box ul li {
    width: 50%;
}

/**prodot**/
.prodot1_left{
	width:100%;	
	padding:0;
}
.prodot1_right{
	width:100%;
	height:auto !important;
	margin-top:30px;
}
.prodot1_wz h3{
	font-size:18px;
}
.prodot1_cot h4{
	font-size:15px;
}
.prodot1_cot h5 {
    font-size: 12px;
    line-height: 22px;
}
.prodot2_gg h5{
	width:100%;	
	font-size:12px;
}
.prodot_box1 {
    padding: 40px 0 20px;
}
.prodot2_lis{
	padding:0;
}
.prodot1_zan {
    bottom: -10px;
}
.prodot2_intro h4 {
    font-size: 12px;
}
.prodot_box2 {
    padding-bottom: 50px;
}
.prolist2_wz h5 {
    line-height: 22px;
    font-size: 12px;
}
.prolist2_top li {
    line-height: 22px;
    font-size: 12px;
}
.prolist2_list {
    padding-bottom: 40px;
}
.resellers.title h2{
	top:0;
	opacity:1;
}
.sale {
    padding: 40px 0 20px;
}


/**service**/
.service_box5 {
    background: url(../images/service1_bg_1.jpg) no-repeat center center;
    background-size: cover;
    height: 200px;
}
.service_box6{
    background: url(../images/service2_bg_1.jpg) no-repeat center center;
    background-size: cover;
    height: 200px;
}
.service-wz h4 {
    font-size: 16px;
}
.service3_wz h5 {
    font-size: 12px;
    line-height: 22px;
}
.service3_bottom li {
    width: 70px;
}
.service4_wz h5 {
    line-height: 22px;
    font-size: 12px;
}
.service4_li input {
    width: 100%;
    line-height: 40px;
	font-size:12px;
}


/****/
.serverdot_l{
	display:none;
}
.serverdot{
	width:100%;
	padding:40px 15px 0;
}
h2.serverdot_tit {
    font-size: 18px;
}
.serverdot_txt h3 {
    font-size: 13px;
}
.serverdot_txt h5 {
    line-height: 22px;
    font-size: 12px;
	margin:0;
}
.serverdot_sec {
    margin-bottom: 40px;
}


/**servicedot**/
.newsdot {
    padding: 40px 0;
}
.servicedot_box h3 {
    font-size: 18px;
}



/**store**/
.store_bg{
	background-size:150% !important;
}



/**about**/
.about4_year {
    width: 100%;
	margin:0;
}
.about4_bottom {
    padding: 15px 10px;
	background:none;
}
.about4_list{
	margin:0 15px;
}
.about_box4 {
    padding: 100px 0 125px;
}
.about_box5 {
    padding: 40px 0;
}
.about5_cot {
    padding-top: 0px;
	padding:0 15px;
}
.about5_1_img {
    width: 40%;
    margin: 0 auto 15px;
}
.about5_1_wz h5 {
    font-size: 12px;
    line-height: 22px;
	padding-top:20px;
	color:#737373;
}
.about5_1_img1 {
    width: 56%;
}
.about5_1_left{
	position:absolute;
	top:50%;
	margin-top:-40px;
	left:0px;
	z-index:1;
}
.about5_1_right{
	position:absolute;
	top:50%;
	margin-top:-40px;
	right:0px;
	z-index:1;
}
.about_pdf {
    width: 100%;
    height: 100%;
    background: url(../images/about_pdf.jpg) no-repeat center center !important;
    background-size: cover;
    padding: 60px 0 !important;
}


/**join**/
.join_sec.join_sec1 {
    padding: 50px 0 0;
}
.join1_sec_r {
    padding: 60px 0 0 0;
}
.join1_sec_l {
    width: 94%;
}
.join1_r_txt h3 {
    margin: 35px auto;
    font-size: 14px;
}
.join1_r_txt ul li {
    margin: 0 0 25px;
    font-size: 13px;
}
.join_sec.join_sec2 {
    padding: 40px 0;
}
.join_sec.join_sec3 {
    padding: 0 0 20px;
}
.join3_lis{
	margin:0 15px;
}
.join4_top {
    padding: 40px 0 680px;
}
.join4_b_l,.join4_b_r{
	width:100%;
}
.join4_b_txt {
    padding: 20px 20px 70px;
}
.join4_bottom {
    margin: -680px 15px 0;
	width:92%;
}
.join_sec.join_sec4 {
    padding-bottom: 35px;
}
.join_sec.join_sec5 {
    padding: 40px 0;
}
.join6_lis i.fa {
    right: 60px;
	display:none;
}
.join6_b_lis {
    width: 100%;
	color:#737373;
	line-height:26px;
	font-size:13px;
}
.join_sec.join_sec6 {
    padding: 40px 0;
}


/**media**/
.news_sec.news_sec1 {
    padding:20px 0 0;
}
.news2_row {
    padding:20px 0;
}
.news2_rtxt {
    padding-left: 0;
	height:auto !important;
    padding-top: 20px;
}
.news2_rtxt h3 {
    margin-bottom: 20px;
}
.news2_rtxt h4 {
    font-size: 18px;
}



/**news**/
.select_show {
    padding: 12px 15px;
}
.news_sel_box .select{
	margin:10px 15px;
}
.newswrap{
	width:100%;
}
.news_sel {
    margin-bottom: 40px;
    margin-top: 20px;
}
.news_container{
	width:100%;
	padding:0 15px;
}
.newswrap img {
    margin-bottom: 30px;
}
.newswrap .titolo {
    font-size: 16px;
}
.news1_lis.left .extra{
	margin-right:0;
	width:100%;
}
.news1_lis {
    margin-bottom: 60px;
}
.news1_lis.right .extra{
	float:right;
	width: 100%;
	text-align:right;
}
.newswrap .desc{
	height:auto;
}



/**meiti**/
.news_harf{
	width:100%;
}
.news3_fir_l{
	border:0;
    padding: 0 5%;
}
.nf_div {
    margin-top: 40px;
    padding: 0 0;
}
.news3_fir_box {
    height: 420px;
}
.news3_fir_r{
	border:0;
	padding:0 10%;
}
.news3_main{
	display:none;
}
.news_thr_img{
	width:100%;
}
.news_thr_r{
	width:100%;
	padding:0;
}
.news_thr_txt {
    width: 100%;
	padding-right:0;
	margin-top:20px;
}
.news_thr_txt h2 {
    font-size: 16px;
}
.news_thr_txt h3 {
    margin: 15px 0 20px;
}
.news_thr_txt2 {
    width: 100%;
	margin-top:20px;
}
.newsdot_left {
    margin-top: 0;
    padding: 40px 0 20px;
}
.newsdot_left h5 {
    margin-bottom: 0px;
}
.g_val {
    margin-bottom: 20px;
}
.newsdot_txt {
    padding: 0;
}
.newsdot_txt p{
	font-size:12px;
	line-height:22px;
}


/**club**/
.ind3_qh {
    padding: 20px;
}
.ind3_wz{
	position: relative;
    bottom: 0;
    right: 0;
    width: 100%;
    padding: 20px 13px;
}
.club_box {
    padding-top: 40px;
}
.club_box5{
	background: url(../images/cpzs0.jpg) top center no-repeat;
}
.club_tit h2 {
    font-size: 30px;
	margin:0;
}
.ind1_l {
    width: 100%;
}
.ind1_r {
    width: 100%;
	height:auto !important;
}
.ind1_txt{
	position:relative;
	width:100%;
	left:0;
	top:0;
	padding:20px;
}
.text-excerpt p{
	font-size:12px;
	line-height:22px;
} 
.club_box.ind2 {
    padding-top: 40px;
}
.ind2_tit h3{
	margin:0;
}
.ind2_box.ind2_left {
    padding-top: 70px;
    padding-bottom: 40px;
}
.ind2_tit {
    position: absolute;
    right: 0;
    top: 0;
    width: 100%;
    text-align: center;
}
.ind2_txt {
    width: 88%;
    padding: 20px;
    margin: 0 auto -50px;
}
.ind3_bigTit h2 {
    font-size: 30px; font-weight:normal;
}
.ind3_bigTit{
	margin-left:0;
	text-align:center;
	margin-bottom:40px;
}
a.ind3_btn_r {
    margin-right: -10px;
}
a.ind3_btn_l {
    margin-left: -10px;
}
.ind_team .slick-list.draggable {
    padding: 60px 0 40px !important;
}
.ind_team {
    min-height: 510px;
}
.ind_box3_main {
    position: relative;
    height: 220px;
}
.index_cp_list_wz h2 a {
    font-size: 20px;
}
.index_cp_list_wz h3 {
    font-size: 16px;
}
.index_cp_list_wz{
	padding:0 15px;
}
.club6_top {
    padding-top: 40px;
}
.club_box6 .ind3_bigTit{
	margin-bottom:0;
}
.ind2_box {
    padding-bottom: 40px;
}
.club6_bottom {
    padding-top: 0;
}
.content-loop .title {
    font-size: 15px;
}
.club_box6 {
    padding:40px 0 0;
}


/**club_show**/
.act {
    padding: 40px 0;
}
.act_box {
    padding-top: 40px;
}
.act_cot {
    padding: 0;
}
.act1_tit1 h3 {
    line-height: 30px;
    color: #191A1C;
    font-size: 18px;
}
.act1_tit1 h5 {
    font-size: 26px;
}
.act1_tit1 h2 {
    margin-top: 20px;
    font-size: 18px;
    margin-bottom: 40px;
}
.act1_tit1 {
    width: 60%;
	margin:auto;
}
.act1_cot{
	width:100%;
}
.act1_tit1 h6 {
    font-size: 24px;
}
.act1_wz h5{
	margin:0;
}
.act4_left{
	position:relative;
}
.act4_img {
    width: 100%;
}
.act4_wz {
    margin-top: 30px;
}
.act4_li h4 {
    margin-bottom: 20px;    
	font-size: 18px;
}
.act4_bottom h5 {
    font-size: 12px;
    color: #737373;
	padding-left:10px;
}


/**club_activity**/
.act3_left{
	height:auto !important;
	margin-bottom:30px;
}
.act3_cot_cot h5 {
    font-size: 16px;
    line-height: 30px;
    padding-left: 40px;
}
.act3_cot_cot h5 span {
    width: 22px;
}
.act3_cot_cot h5:after {
    font-size: 35px;
}
.act6 img{
	margin-top:40px;
}
.act6{
	padding:0;
}




/**magazine**/
.magazine_top {
    padding-top: 40px;
}
.magazine_main {
    padding: 0;
}
.magaz_harf{
	width:100%;
}
.maz_lis {
    padding-bottom: 40px;
}
.magazine-viewport{
	height:100% !important;
}
.huace{
	height:400px;
}
.resellers p{
    font-size: 12px;
    line-height: 22px;
	/*display:none;*/
}
.serverdot_img {
    padding-left: 0;
}
.re_img_box:hover .re_img_zi1{
	top: 90% !important;
	margin-top:0 !important;
}
.re_img_box_bg{
	display:none;
}

span.ser_lspan {
    display: inline-block;
    width: 18px;
}
.join2_txt {
    opacity: 1;
	z-index:1;
}
.about7_ewm {
    position: absolute;
    top: 30px;
    left: -30px;
}
.about7_img {
    display: none;
}
.maz_lis.maz_lis_margin{
	margin-top:0 ;
}

.about4_year li a {
    transform: scale(0.8);
}
.beauty_sel_hide {
    width: 160px;
}

.team-carousel__carousel .slick-center .team-carousel__carousel__body {
    margin-left: -50px;
    margin-right: -50px;
    margin-top: -100px;
}
.job1_top_tit h3 {
    font-size: 20px;
    line-height: 30px;
}
.school1_box.school1_box1 {
     margin-left: 0;
}
.school1_box.school1_box2{
	margin-right:0;
}	
.jobdot {
    padding: 40px 0;
} 
.ind7_cont{
	width:100%;
	padding:0;
	min-width:auto;
}
.beauty1_box ul {
    margin: 0 -7px;
}
.mag_main_sel ul li a:hover:after {
    width: 0;
    margin: 0 25%;
}
.honor{ position:relative !important ; height:515px !important;}
.honor_left{ float:none !important; width:100% !important; }
.honor_right{ top:120%  !important;width:100% !important; padding:6% !important;}

.about4_wz{ height:110px !important; -webkit-line-clamp:5  !important;}



.jm_bottom{ margin-top:0px!important;}
.jm_cot{ width:100%!important;}
.jm_bottom li{ width:33.3%!important;}
.about5_1_wz{ padding:0 25px !important;}

.join6_lis{ width:100%; float:none; margin-bottom:20px; display:table;}

.txt_box{  
line-height:20px; 
 text-align: left;
 margin: 0px 0 0 8px;  width:83%;  vertical-align: middle;display:table-cell;
	}
	
.join6_lis img{ float:left; width:40px}

.prolistCla ul li {
    float: left !important;
    margin-right: 15px !important;
    margin-bottom: 9px !important; font-size:13px !important;
    line-height: 22px !important;
    min-width: 60px !important;
}


.mtsj_box{}
.mtsj_box li{ margin-bottom:35px;}
.mtsj_box li img{  float:left;  width: 30%;}
.mtsj_box li span{ float:right;width: 65%;}
.mtsj_box li span h2{    
    margin: 0;
    font-size: 14px;
    font-weight: bold; line-height:20px;
    color: #333;}
.mtsj_box li span p{ font-size:12px;color: #888;
    line-height: 20px;}
	
.about7_form_bottom li input{
    width: 100%;
    border: 0;
    border-bottom: solid 1px #ccc;
    padding:12px 6px;
    color: #999;
} 	

.wpb_wrapper h5{
    width: 80%;
    margin: 0 auto;
}	
	
}
@media(max-width:450px){
.p_logo p{
    font-size: 14px;
}	
}


@media(max-width:320px){

.digit_wrap {
    margin-top: -48px;
}	
	
.about3_top_list a {
    padding: 8px 10px;
    font-size: 12px;
}
.select {
    width: 290px;
}
input.sc {
    width: 250px;
}
.re_img_zi h5{
    font-size: 16px !important;
}
.ind_ico {
    margin: 0 auto 20px;
}
.dataStatistics .digit_set {
    height: 88%;
	width: 44px;
}
.dataStatistics .digit > div.digit_top, .dataStatistics .digit > div.shadow_top {
    width: 42px;
}
.dataStatistics .digit > div.digit_bottom, .dataStatistics .digit > div.shadow_bottom {
    width: 42px;
}
.dataStatistics .digit > div.digit_bottom .digit_wrap, .dataStatistics .digit > div.shadow_bottom .digit_wrap {
    display: block;
    margin-top: -196%;
}
.digit_wrap {
    margin-top: -54px;
}
.chapter-service__summary h2 {
    margin-bottom: 20px;
}
.wpb_wrapper h5{
	font-size:12px !important;
    width: 80%;
    margin: 0 auto;
}	
.dataStatistics {
    width: 250px;
	
}
.service3_bottom li {
    width: 74px;
}
.prodot2_li li a {
    padding: 0 40px;
}
.about4_wz h4 {
    -webkit-line-clamp: 5;
}
.product_tit span {
    font-size: 12px;
}
.product_tit h3 {
    font-size: 16px;
}


.resellers h2{ font-size:18px; letter-spacing:2px;}
.join1_r_txt li img{ width:25px; margin-right:5px;}
.menuBox {
    width: 56%;
}

}

