@charset "utf-8";
/* CSS Document */

body,div,img,span,ul,ol,li,a,p,h1,h2,h3,h4,h5,input,select,dl,dt,dd,textarea{ margin:0; padding:0; font-size:13px; color:#666; }
a{ text-decoration:none;color:#333;}
a:hover{text-decoration:none;}
ul,li{ list-style:none;}
[̲̅V̲̅I̲̅P̅] 2019/5/13 13:14:41
@font-face{
		font-family: simhei; /*这里是说明调用来的字体名字*/
		src: url(../font/simhei.ttf); /*这里是字体文件路径*/
}

.index_head{ width:1200px; overflow:hidden; margin:0 auto; margin-top:20px;}
.logo{ width:355px; overflow:hidden; float:left; display:block;}
.logo h2{ width:355px; height:30px; color:#333; font-size:26px; font-weight:600; line-height:30px; display:block;}
.logo span{ width:355px; height:20px; color:#666; font-size:15px; line-height:20px; margin-top:5px; display:block;}
.daohang{ width:600px; height:30px; float:left; margin-left:50px; margin-top:5px;}
.daohang ul li{ width:auto; height:30px; float:left; padding-left:40px;}
.daohang ul li:nth-child(1){ padding-left:0px;}
.daohang ul li a{ width:auto; height:30px; color:#666; line-height:30px; text-align:center; font-size:16px; display:block;}
/*.daohang ul li a:hover{ border-bottom:3px #FF3333 solid; color:#FF3333;}
.daohang ul li .first{ border-bottom:3px #FF3333 solid; color:#FF3333;}*/
.consult{ width:156px; height:25px; float:right; margin-top:8px;}
.consult img{ width:25px; height:25px; float:left; display:block;}
.consult i{ width:128px; height:25px; float:right; color:#FF3333; font-size:18px; font-weight:500; line-height:25px; display:block;}
.banner{ width:100%; height:auto; margin-top:10px;}
.index_about{ width:1200px; overflow:hidden; margin:0 auto; margin-top:30px;}
.about_title{ width:224px; height:98px; margin:0 auto;}
.about{ width:1200px; overflow:hidden; margin:0 auto; margin-top:20px;}
.about_left{ width:629px; height:444px; float:left;}
.about_right{ width:540px; height:355px; float:right; margin-top:100px;}
.wap_title{ width:489px; height:88px;}
.wap_right{ width:540px; height:240px; margin-top:20px; position:relative;}
.about_cen{ width:482px; height:208px; background:#FD6644; float:left;}
.about_text{ width:462px; height:150px; margin:0 auto; padding-top:10px; color:#fff; font-size:14px; line-height:20px;}
.more{ width:105px; height:85px; background:#CC3300; float:right; position:absolute; right:0; top:160px; display:block;}
.more img{ width:43px; height:43px; margin:0 auto; margin-top:21px; display:block;}
.index_product{ width:1200px; overflow:hidden; margin:0 auto; margin-top:30px;}
.product_title{ width:238px; height:98px; margin:0 auto;}
.product{ width:1200px; overflow:hidden; margin:0 auto;}
.daily{ width:776px; height:507px; float:left; position:relative; margin-top:20px;}
.daily .img img{  position: relative;  width: 776px;  height: 507px;  max-width: 100%;-webkit-transform: -webkit-transform 1s ease 0s;　transition:transform 1s ease 0s;
                    -webkit-transform-origin:center; }
.daily .img img:hover{ -webkit-transform: scale(1.2); transform: scale(1.2); }
.daily .info { position: absolute;top: 0;  bottom: 0; left: 0; right: 0;text-align: center;-webkit-backface-visibility: hidden; backface-visibility: hidden; background: rgba(0, 0, 0, 0.3);  
                opacity: 0;-webkit-transition: all 0.35s ease-in-out;  -moz-transition: all 0.35s ease-in-out;transition: all 0.35s ease-in-out;}
.daily a:hover .info {   opacity: 1; }
.daily .info h3{ width:776px; height:50px; padding-top:110px; color:#fff; font-size:20px; text-align:center; line-height:300px;}
.product_left{ width:404px; height:507px; float:right;}
.cosmetics{ width:404px; height:243px; float:left; position:relative; margin-top:20px;}
.cosmetics .img img{  position: relative;  width: 404px;  height: 243px;  max-width: 100%;-webkit-transform: -webkit-transform 1s ease 0s;　transition:transform 1s ease 0s;
                    -webkit-transform-origin:center; }
.cosmetics .img img:hover{ -webkit-transform: scale(1.2); transform: scale(1.2); }
.cosmetics .info { position: absolute;top: 0;  bottom: 0; left: 0; right: 0;text-align: center;-webkit-backface-visibility: hidden; backface-visibility: hidden; background: rgba(0, 0, 0, 0.3);  
                opacity: 0;-webkit-transition: all 0.35s ease-in-out;  -moz-transition: all 0.35s ease-in-out;transition: all 0.35s ease-in-out;}
.cosmetics a:hover .info {   opacity: 1; }
.cosmetics .info h3{ width:404px; height:50px; padding-top:110px; color:#fff; font-size:20px; text-align:center; line-height:30px;}
.green{width:1200px; height:500px; float:left; position:relative; margin-top:20px;}
.green .img img{  position: relative;  width:1200px;  height:500px;  max-width: 100%;-webkit-transform: -webkit-transform 1s ease 0s;　transition:transform 1s ease 0s;
                    -webkit-transform-origin:center; }
.green .img img:hover{ -webkit-transform: scale(1.2); transform: scale(1.2); }
.green .info { position: absolute;top: 0;  bottom: 0; left: 0; right: 0;text-align: center;-webkit-backface-visibility: hidden; backface-visibility: hidden; background: rgba(0, 0, 0, 0.3);  
                opacity: 0;-webkit-transition: all 0.35s ease-in-out;  -moz-transition: all 0.35s ease-in-out;transition: all 0.35s ease-in-out;}
.green a:hover .info {   opacity: 1; }
.green .info h3{ width:1200px; height:50px; padding-top:110px; color:#fff; font-size:20px; text-align:center; line-height:300px;}
.picture{ width:1200px; height:200px; margin:0 auto; margin-top:30px;}
.index_new{ width:1200px; overflow:hidden; margin:0 auto; margin-top:30px;}
.new_title{ width:206px; height:98px; margin:0 auto;}
.new_list{ width:1200px; overflow:hidden; margin:0 auto;}
.new_list ul li{ width:576px; overflow:hidden; float:left; margin-left:45px; margin-top:20px; padding-bottom:10px; border-bottom:1px #B7946E dashed;}
.new_list ul li:nth-child(2n+1){ margin-left:0px;}
.new_list ul li a{ width:576px; overflow:hidden; display:block;}
.new_list ul li a .time{ width:100px; height:80px; background:#B7946E; float:left;}
.new_list ul li a .time h2{ width:100px; height:28px; padding-top:15px; color:#fff; font-size:24px; font-weight:600; text-align:center; line-height:28px; display:block;}
.new_list ul li a .time span{ width:100px; height:20px; color:#fff; font-size:16px; line-height:20px; text-align:center; margin-top:5px; display:block;}
.new_list ul li a .new_right{ width:468px; height:80px; float:right;}
.new_list ul li a .new_right h1{ width:468px; height:20px; font-size:16px; color:#333; line-height:20px; font-weight:normal; display:block;-webkit-line-clamp:1;
                          -webkit-box-orient:vertical; overflow:hidden;}
.new_list ul li a .new_right h2{ width:468px; height:40px; color:#999; font-size:14px; line-height:20px; margin-top:10px; font-weight:normal; display:block;-webkit-line-clamp:2; 
                          -webkit-box-orient:vertical; overflow:hidden;}
.index_footer{ width:100%; height:260px; background:url(../images/bottom-bg.png) repeat-x; background-size:100% 100%; margin-top:30px; min-width:1200px;}
.footer{ width:1200px; overflow:hidden; margin:0 auto; padding-top:50px;}
.footer ul li{ width:276px; height:88px; float:left; margin-left:185px;}
.footer ul li:nth-child(1){ margin-left:0px;}
.footer ul li .fot{ width:276px; height:45px;}
.footer ul li .fot h2{ width:60px; height:45px; color:#BBBABC; font-size:14px; line-height:25px; font-weight:normal; float:left; display:block;}
.footer ul li .fot img{ width:45px; height:45px; float:right; display:block;}
.footer ul li .nob{ width:276px; height:22px; color:#fff; font-size:14px; line-height:18px; margin-top:10px;}
.footer ul li span{ width:60px; height:4px; background:#fff; margin-top:10px; display:block;}
.footer_bottom{ width:1200px; height:20px; color:#fff; font-size:14px; text-align:center; line-height:20px; margin:0 auto; margin-top:70px;}




.brife{ width:1200px; overflow:hidden; margin:0 auto; margin-top:20px;}
.brife_left{ width:290px; overflow:hidden; float:left;}
.classic{ width:288px; overflow:hidden; border:1px #d7d7d7 solid;}
.classic ul li:nth-child(1){ width:275px; height:45px; border-left:15px #CC3300 solid; background:#FD6644; text-align:center; font-size:20px; color:#fff; font-weight:600; line-height:45px;}
.classic ul li{ width:288px; height:45px; border-bottom:1px #d7d7d7 solid;}
.classic ul li a{ width:288px; height:45px; font-size:14px; color:#333; text-align:center; line-height:45px; display:block;}
.classic ul li a:hover{ color:#FD6644;}
.classic ul li:nth-child(5){ border:0px;}
.cont{ width:288px; overflow:hidden; border:1px #d7d7d7 solid; margin-top:20px;}
.cont h1{ width:268px; height:45px; font-size:20px; color:#FD6644; text-align:center; line-height:45px; font-weight:600; margin:0 auto; display:block;}
.cont ul{ width:268px; overflow:hidden; margin:0 auto; padding-bottom:30px;}
.cont ul li{ width:256px; padding-left:10px; border:1px #d7d7d7 solid; margin-top:10px; color:#999; font-size:14px; line-height:43px;}
.brife_right{ width:880px; overflow:hidden; float:right;}
.brife_title{ width:880px; height:20px; margin:0 auto; padding-bottom:10px; border-bottom:1px #e7e7e7 solid; font-size:14px; color:#666; line-height:20px;}
.brife_text{ width:880px; overflow:hidden; margin-top:20px; font-size:14px; line-height:26px;}


.productcenter{ width:880px; overflow:hidden;}
.productcenter ul li{ width:280px; overflow:hidden; float:left; margin-left:20px; margin-top:20px;}
.productcenter ul li:nth-child(3n+1){ margin-left:0px;}
.productcenter ul li a{ width:280px; overflow:hidden; display:block;}
.productcenter ul li a .product_img{ width:280px; height:280px;}
.productcenter ul li a span{ width:280px; height:30px; font-size:14px; color:#333; font-weight:500; text-align:center; line-height:30px; display:block;}
.page { width:400px;  overflow:hidden;text-align:center;margin:0 auto; margin-top:30px; padding-bottom:40px; }
.page ul { width:320px;  overflow:hidden; text-align:center; margin:0 auto;  }
.page ul li { float:left; list-style:none;  padding:4px;}
.page ul li a { border:1px solid #e4e4e4;  padding:3px 7px; color:#666; font-size:14px;}
.page ul li a:hover { background-color:#FD6644; color:#fff;}
.page ul li a.now { background-color:#FD6644; color:#fff;}

.newcenter{ width:880px; overflow:hidden;}
.newcenter ul li{ width:880px; overflow:hidden; margin-top:20px; padding-bottom:10px; border-bottom:1px #B7946E dashed; }
.newcenter ul li a{ width:880px; overflow:hidden; display:block;}
.newcenter ul li a .new_time{ width:100px; height:80px; background:#B7946E; float:left;}
.newcenter ul li a .new_time h2{ width:100px; height:28px; padding-top:15px; color:#fff; font-size:24px; font-weight:600; text-align:center; line-height:28px; display:block;}
.newcenter ul li a .new_time span{ width:100px; height:20px; color:#fff; font-size:16px; line-height:20px; text-align:center; margin-top:5px; display:block;}
.newcenter_right{ width:770px; height:80px; float:right;}
.newcenter_right h1{ width:770px; height:20px; font-size:16px; color:#333; line-height:20px; font-weight:normal; display:block;-webkit-line-clamp:1;
                          -webkit-box-orient:vertical; overflow:hidden;}
.newcenter_right h2{ width:770px; height:40px; color:#999; font-size:14px; line-height:20px; margin-top:10px; font-weight:normal; display:block;-webkit-line-clamp:2; 
                          -webkit-box-orient:vertical; overflow:hidden;}
						  
.pic{ width:880px; height:186px; margin-top:20px;}
.message{ width:700px; overflow:hidden; margin:0 auto;}
.message ul li{ width:700px; overflow:hidden; margin-top:20px;}
.message ul li span{ width:80px; height:35px; font-size:14px; color:#333; line-height:35px; float:left; display:block;}
.message ul li input{ width:600px; height:35px; border:1px #ddd solid; float:right; padding-left:10px; color:#ccc; line-height:35px; display:block;}
.message ul li textarea{ width:600px; height:100px; border:1px #ddd solid; float:right; padding-left:10px; color:#ccc; line-height:25px; display:block;}
.message ul li a{ width:610px; height:40px; background:#FD6644; border-radius:5px; float:right; color:#fff; font-size:16px; text-align:center; margin-top:20px; line-height:40px; display:block;}


.contact{ width:880px; overflow:hidden; margin-top:20px;}
.contact_left{ width:350px; overflow:hidden; float:left;}
.contact_left h2{ width:350px; height:20px; color:#FD6644; font-size:16px; line-height:20px; font-weight:normal; display:block;}
.contact_left span{ width:350px; height:20px; color:#333; font-size:14px; line-height:20px; margin-top:10px; display:block;}
.map{ width:500px; height:335px; float:right;}


.product_detail{ width:880px; overflow:hidden; margin-top:20px;}
.product_detail h2{ width:880px; height:20px; color:#333; font-size:16px; font-weight:500; text-align:center; line-height:20px; display:block;}
.release{ width:880px; height:20px; color:#999; font-size:14px; text-align:center; line-height:20px; margin-top:10px;}
.matter{ width:880px; overflow:hidden; margin-top:10px; font-size:14px; line-height:26px;}


/*分页样式*/
.pglist {
	padding: 20px 0 30px;
	width: 100%;
	text-align: center;
	clear: both;
}
.pglist a {
	color: #666;
	padding: 0 14px;
	margin: 0 3px;
font-/weight: bold;
	background: #fff;
	border: 1px solid #ddd;
	-webkit-border-radius: 2px;
	border-radius: 2px;
}
.pglist * {
	display: inline-block;
	_zoom: 1;
	_display: inline;
	vertical-align: middle;
	line-height: 30px;
	padding-bottom: 1px;
}
.pglist a:hover, .pglist .hover {
	display: inline-block;
	color: #fff;
	background: #FD6644;
	border-color: #FD6644;
}
/*返回首页*/
#tip {
	padding-top: 30px;
	min-height: 640px;
}
#tip b {
	color: #049aef;
}