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

body{ font-size:12px; color:#333; line-height:24px;font-family:"微软雅黑"}

a { color:#333; text-decoration:none; }

a:hover { text-decoration:none;}

.sider{width:285px; float:left;}
.containter{float:right; width:655px;}

.clear_cs{height:0px;font-size:0px; line-height:0px;clear:both;over-flow:hidden;}


/******************header css***************/
.w1200{width:1200px; margin:auto;}
.header{background:url(../images/top.png) repeat; height:60px; width:100%; position:fixed; top:0; z-index:9999}
.logo{width:210px; float:left;}


.footer{background:#f2f2f2; padding:20px 0}
.foot_left{float:left; width:564px; color:#767575}
.foot_right{float:right; width:387px; position:relative;}
.ma{ position:absolute; bottom:40px; right:100px; display:none;}
.di_menu a{padding: 0 15px; color:#767575}
.logo{opacity:0;}

.box{    overflow: hidden;
  
    display: block;
    position: relative;
    min-height: 262px;
 width:33%; margin:4px 2px; float:left;}
 
 .box5{    overflow: hidden;
  
    display: block;
    position: relative;
    min-height: 262px;
 width:33%; margin:4px 2px; float:left;}
 .box5:hover{ color:#bc9882;}
.box1{    overflow: hidden;
  
    display: block;
    position: relative;
    min-height: 262px;
 width:523px; float:left;} 
 .box2{    overflow: hidden;
  
    display: block;
    position: relative;
    min-height: 262px;
 width:669px; float:left;} 
 
.box_pic img{
	  -webkit-transform: scale(1);
    -moz-transform: scale(1);
    -ms-transform: scale(1);
    -o-transform: scale(1);
    transform: scale(1);
    -webkit-transition: transform 1s;
    -moz-transition: transform 1s;
    -ms-transition: transform 1s;
    -o-transition: transform 1s;
    transition: transform 1s;
}

.box:hover .box_pic img{-moz-transform:scale(1.03,1.03); 
	 -webkit-transform:scale(1.03,1.03); 
 -o-transform:scale(1.03,1.03);}
 
 
 .box1:hover .box_pic img{-moz-transform:scale(1.07,1.07); 
	 -webkit-transform:scale(1.07,1.07); 
 -o-transform:scale(1.07,1.07);}
 
 .box2:hover .box_pic img{-moz-transform:scale(1.07,1.07); 
	 -webkit-transform:scale(1.07,1.07); 
 -o-transform:scale(1.07,1.07);}
 
.box_title{ width:100%; }
.font-16{font-size:16px;}
.font-14{font-size:14px;}
.font-24{font-size:22px; margin-top:20px;}
.xian{border-bottom:1px solid #222; width:30px; margin:auto; height:10px;}

.box_title1{width:480px; text-align:center; font-size:18px; color:#fff; padding-top:30%; position:absolute; top:0}
.box_title2{position:absolute; top:0; font-size:18px; color:#fff; padding-top:19%; text-align:center; width:100%;} 


.box a{color:#fff;}
.box .xian{border-bottom:1px solid #fff;}
.box:hover a{color:#333;}
.box:hover xian{border-bottom:1px solid #333;}
.sub_menu{background:url(../images/top.png) repeat; height:86px; display:block; position:absolute; left:0; width:100%;top:60px}
.sub_menu ul{border-top:1px solid #ccc; width:1027px; margin:auto; padding-left:400px;}
.menu ul li .sub_menu ul li{float:left; height:93px; line-height:86px; padding-left:60px; margin-right:20px;}
.p11{background:url(../images/icon1.png) no-repeat 50px 25px;background-size:40px 40px;}
.p11:hover{background:url(../images/icon11.png) no-repeat 50px 25px;background-size:40px 40px;}
.sub_menu ul li:hover a{color:#bc9882;}
.p22{background:url(../images/icon2.png) no-repeat 50px 25px;background-size:40px 40px;}
.p22:hover{background:url(../images/icon22.png) no-repeat 50px 25px;background-size:40px 40px;}

.p33{background:url(../images/icon3.png) no-repeat 25px 25px;background-size:40px 40px; text-align:center;}
.p33:hover{background:url(../images/icon33.png) no-repeat 25px 25px;background-size:40px 40px;}

.p44{background:url(../images/icon4.png) no-repeat 15px 25px;background-size:40px 40px;}
.p44:hover{background:url(../images/icon44.png) no-repeat 15px 25px;background-size:40px 40px;}

.p55{background:url(../images/icon5.png) no-repeat 15px 25px;background-size:40px 40px;}
.p55:hover{background:url(../images/icon55.png) no-repeat 15px 25px;background-size:40px 40px;}

.p77{background:url(../images/icon7.png) no-repeat 15px 25px;background-size:40px 40px;}
.p77:hover{background:url(../images/icon77.png) no-repeat 15px 25px;background-size:40px 40px;}
/*@-webkit-keyframes myyan1
{
0%{bottom: -550px;}

100%{bottom: -50px; }
}

@-webkit-keyframes myyan2
{
0%{bottom: -550px;}

100%{bottom: -50px;  }
}

@-webkit-keyframes myyan3
{
0%{bottom: -550px;}
100%{bottom: -50px; }
}
.yan_box{ width:688px; height:700px; overflow:hidden }
.yan1{position:absolute;bottom:-500px; left:0;animation: myyan1 0.1s 0.1s linear infinite; z-index:2222;-webkit-animation: myyan1 2s 0.2s linear infinite;
z-index:2222;

animation-name:myyan1;
animation-duration:2s;
animation-delay:0s;
animation-iteration-count:infinite;
animation-timing-function:2s;
}
.yan2{position:absolute;bottom:-950px; left:0;z-index:2222;animation: myyan2 2s 0.2s linear infinite; z-index:2222;-webkit-animation: myyan2 2s 0.2s linear infinite;


animation-name:myyan2;
animation-duration:2s;
animation-delay:1.5s;
animation-iteration-count:infinite;
animation-timing-function:2s;
}
.yan3{position:absolute;bottom:-1450px; left:0px;z-index:2222;animation: myyan2 4s 0.2s linear infinite; z-index:2222;-webkit-animation: myyan2 2s 0.2s linear infinite;


animation-name:myyan3;
animation-duration:2s;
animation-delay:1.5s;
animation-iteration-count:infinite;
animation-timing-function:2s;
}
*/



@-webkit-keyframes myyan1
{
0% {bottom: -400px}

100% {bottom: 0;}

}

@-webkit-keyframes myyan2
{
0% {bottom: -400px}

100% {bottom: 0;}
}

@-webkit-keyframes myyan3
{
0% {left: -10px}

100% {left: 0;}
}

@-webkit-keyframes myyan4
{
0% {bottom: -600px}
100% {bottom: 0;}
}
@-webkit-keyframes myyan5
{
0% {bottom: -500px}
100% {bottom: 0;}
}
.yan_box{ position:relative; width:297px; height:701px; overflow:hidden }
.yan1{position:absolute;bottom:0; left:0;animation: myyan1 0.6s 0.2s linear infinite; z-index:2222;-webkit-animation: myyan1 0.6s 0.2s linear infinite;}
.yan2{position:absolute;bottom:-617px; left:0;animation: myyan2 0.8s 0.2s linear infinite; z-index:2222;-webkit-animation: myyan2 0.8s 0.2s linear infinite;}

.yan3{position:absolute;bottom:0; left:0;animation: myyan3 1s 0.2s linear infinite alternate; z-index:2222;-webkit-animation: myyan3 1s 0.2s linear infinite alternate; }


.yan4{position:absolute;bottom:-800px; left:0;animation: myyan4 1.4s 0.2s linear infinite ; z-index:2222;-webkit-animation: myyan4 1.4s 0.2s linear infinite ; }

.yan5{position:absolute;bottom:-800px; left:0;animation: myyan5 1.2s 0.2s linear infinite ; z-index:2222;-webkit-animation: myyan4 1.2s 0.2s linear infinite ; }

.yan6{position:absolute;bottom:-800px; left:0;animation: myyan4 1.3s 0.2s linear infinite ; z-index:2222;-webkit-animation: myyan4 1.8s 0.2s linear infinite ; }
.yan7{position:absolute;bottom:-800px; left:0;animation: myyan5 1.5s 0.2s linear infinite ; z-index:2222;-webkit-animation: myyan4 2.2s 0.2s linear infinite ; }


/**********产品列表***********/
.pro_right{width:1200px;}
.title{border-bottom:1px solid #ccc; font-size:16px; height:40px; line-height:40px;}
.pro{ float:left; border:1px solid #ededed; width:251px; padding:10px; margin:13px}
.pro_name{ font-size:14px; text-align:center;}
.pro_xian{border-bottom:2px solid #8f8f8f; margin:auto;  margin-top:30px;width:15px;}
.pro:hover{box-shadow:0 0 3px 3px #ededed; }
.pro:hover a{color:#c09e89;}
.pro:hover .pro_xian{border-bottom:2px solid #c09e89;}
.pro_left a{margin-bottom:15px; display:block}
.pro_left a.p1{background:url(../images/icon1.png) no-repeat center top; text-align:center; padding-top:50px;}
.pro_left a.p1:hover{background:url(../images/icon11.png) no-repeat center top;}
.pro_left  a:hover{color:#bf9c87;}

.pro_left a.p2{background:url(../images/icon2.png) no-repeat center top; text-align:center; padding-top:50px;}
.pro_left a.p2:hover{background:url(../images/icon22.png) no-repeat center top;}
.pro_left a.p3{background:url(../images/icon3.png) no-repeat center top; text-align:center; padding-top:50px;}
.pro_left a.p3:hover{background:url(../images/icon33.png) no-repeat center top;}
.pro_left a.p4{background:url(../images/icon4.png) no-repeat center top; text-align:center; padding-top:50px;}
.pro_left a.p4:hover{background:url(../images/icon44.png) no-repeat center top;}
.pro_left a.p5{background:url(../images/icon5.png) no-repeat center top; text-align:center; padding-top:50px;}
.pro_left a.p5:hover{background:url(../images/icon55.png) no-repeat center top;}
.pro_left a.p6{background:url(../images/icon7.png) no-repeat center top; text-align:center; padding-top:50px;}
.pro_left a.p6:hover{background:url(../images/icon77.png) no-repeat center top;}




/***********联系我们************/
.lx_main{ width:1200px; margin:auto; margin-top:150px;}
.lx_tab li{ float:left;text-align:center; font-size:16px; width:170px; height:170px;margin:30px 15px;transition:background 1s;
-moz-transition:background 1s; /* Firefox 4 */
-webkit-transition:background 1s; /* Safari and Chrome */
-o-transition:background 1s;
transition:box-shadow 1s;
-moz-transition:box-shadow 1s; /* Firefox 4 */
-webkit-transition:box-shadow 1s; /* Safari and Chrome */
-o-transition:box-shadow 1s; 
}
.lx_tab li.lx1{background:url(../images/lx_icon1.png) no-repeat center 20px;background-size:100px 100px;}
.lx_tab li.lx1:hover{background:url(../images/lx_icon11.png) no-repeat center 20px;background-size:100px 100px;}
.lx_tab li:hover a{color:#bc9882;}
.lx_tab li:hover{box-shadow:0 3px 5px 3px #ddcbc0; border-radius:5px;}

.lx_tab li.lx2{background:url(../images/lx_icon2.png) no-repeat center 20px;background-size:100px 100px;}
.lx_tab li.lx2:hover{background:url(../images/lx_icon22.png) no-repeat center 20px;background-size:100px 100px;}

.lx_tab li.lx3{background:url(../images/lx_icon3.png) no-repeat center 20px;background-size:100px 100px;}
.lx_tab li.lx3:hover{background:url(../images/lx_icon33.png) no-repeat center 20px;background-size:100px 100px;}

.lx_tab li.lx4{background:url(../images/lx_icon4.png) no-repeat center 20px;background-size:100px 100px;}
.lx_tab li.lx4:hover{background:url(../images/lx_icon44.png) no-repeat center 20px;background-size:100px 100px;}

.lx_tab li.lx5{background:url(../images/lx_icon5.png) no-repeat center 20px;background-size:100px 100px;}
.lx_tab li.lx5:hover{background:url(../images/lx_icon55.png) no-repeat center 20px;background-size:100px 100px;}

.lx_tab li.lx6{background:url(../images/lx_icon6.png) no-repeat center 20px;background-size:100px 100px;}
.lx_tab li.lx6:hover{background:url(../images/lx_icon66.png) no-repeat center 20px;background-size:100px 100px;}

.lx_tab li a{display:block;padding-top:130px; width:170px; height:40px; }
.kuang{width:500px; background:#ededed; height:273px; position:absolute; top:-47px; left:350px; padding:20px; display:none}
.close{text-align:right;}

.kuang1{width:500px; background:#ededed; height:273px; position:absolute; top:-47px; left:350px; padding:20px; display:none}
.close3{text-align:right;}




/********视频********/
.video_b{ margin-top:100px;text-align:center;}
.video_name{ font-size:16px;}
.video{width:286px; float:left; margin:38px;}
.video:hover a{color:#bc9882;}
.video_pic img{
transition:transform 1s;
-moz-transition:transform 1s; /* Firefox 4 */
-webkit-transition:transform 1s; /* Safari and Chrome */
-o-transition:transform 1s;}
.video:hover .video_pic img{transform:scale(1.08);-moz-transform:scale(1.08);-webkit-transform:scale(1.08);-o-transform:scale(1.08)}
.video_name{height:40px; line-height:40px;}

/*************文化*************/
.bg{background:url(../images/bg.jpg) no-repeat; height:628px; margin-top:60px; padding-top:60px;}


/****新闻****************/
/**关于珀莱雅**/
.newsd_box{width:1200px; margin:auto; height:630px; background:#f7f7f7; margin-top:104px; border-radius:5px; padding-top:30px;} 
#aboutProya, .vehicle, #joinProya, #aboutProya,#dutyProya {
	position: relative;
	width: 100%;
	height: 660px;
	/*overflow: hidden;*/
	min-width: 1200px;
}
#followGeely {
	margin-top: -25px;
}
.viewport {
	position: relative;
	height: 100%;
}
.view-bg {
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	overflow: hidden;
}
.view-bg img {
	position: absolute;
	left: 50%;
	top: 0;
	height: 100%;
	margin-left: -960px;
}
#loading {
	position: absolute;
	left: 0;
	top: 0;
	z-index: 9999;
	width: 100%;
	height: 100%;
	background: #e9f2f9;
}
#loading img {
	position: absolute;
	left: 50%;
	top: 50%;
	margin: 13px 0 0 -30px;
}


.viewport-cont {
	position: absolute;
	top: 0%;
	left: 0%;
	width: 1200px;

}
.viewport-cont .g-tl{
	text-align: center;
}
.viewport-cont .g-tl h2 {
	font-size:48px;
	line-height: 66px;
}
.viewport-cont .g-tl span{
	font-size: 15px;
	font-family: 'Times New Roman';
	text-transform: uppercase;
}
.view-next {
	position: absolute;
	left: 50%;
	bottom: -60px;
	z-index: 3;
	width: 40px;
	height: 40px;
	margin-left: -20px;
	background: url(../images/bg_sign04.png) no-repeat;
}
.view-next:hover {
	opacity: .8;
	filter: alpha(opacity=80);
}
.view-next.blue{
	background: url(../img/bg_sign04b.png) no-repeat;
}

.view-next2 {
	background-position: -41px 0;
}


.fixed-view-ico {
	position: fixed;
	_position: absolute;
	left: auto;
	right: 25px;
	top: 50%;
	z-index: 999;
	width: 17px;
	height: 120px;
	margin-top: -60px;
}
.fixed-view-ico a {
	position: relative;
	display: block;
	width: 10px;
	height: 10px;
	margin-bottom: 12px;
	background:none;
	border:1px solid #333; border-radius:50%;
}
.fixed-view-ico a:hover, .fixed-view-ico .cur {
	background-color:#333;

}
.fixed-view-ico a span{
	display: inline-block;
	width: 0px;
	position: absolute;
	right: 20px;
	top: -6px;
	font-size: 14px;
	line-height: 26px;
	height: 26px;
	font-weight: bold;
	color: #fff;
	text-align: right;
	text-shadow:0 2px 3px rgba(0,0,0,.3);
	overflow: hidden;
	transition:all ease-in 0.4s ;
}
.fixed-view-ico a:hover span, .fixed-view-ico .cur span{
	width: 120px;

}
/**关于我们滚动条**/
.profile-view{
	-webkit-user-select:none;-khtml-user-select:none;-moz-user-select:none;-o-user-select:none;user-select:none;
}
.about-scroll{
	position: relative;
	width: 1150px; margin-left:25px;
	height: 600px;
	overflow: hidden;
	background: url(../img/blank.gif) repeat;
	-webkit-user-select:none;-khtml-user-select:none;-moz-user-select:none;-o-user-select:none;user-select:none;
}
.scroll-obj{
	position: relative;
	width: 1150px;
}
.scroll-obj p{
	line-height: 26px;
}
.scroll-bar{
	position: absolute;
	right: 6px;
	top: 5px;
	height: 600px;
	width: 5px;
	z-index: 1;
	background:#aea8a4;
}
.scroll-bar .scroll-btn{
	position: absolute;
	right: -3px;
	width: 11px;
	height: 120px;
	background:#bc9882; border-radius:10px;
	cursor: pointer;
}



.newd_title{font-size:20px; text-align:center;}
.newd_date{text-align:center;}
.newd_cont{margin-top:30px;}
.lujing{border-bottom:1px solid #ededed; margin-top:30px;}

/*********招商*******/
.jion_box{width:1200px; margin:auto; margin-top:100px;}
.tt1{text-align:center; font-size:30px; color:#555; margin-bottom:15px;}
.tt2{text-align:center; color:#999;}
.text_box{border:1px solid #ededed; width:245px; height:40px; line-height:40px; padding-left:20px; float:left; margin-right:10px;}
.text_box img{float:left; vertical-align:middle; margin-top:3px;}
.text{float:left; width:200px; height:30px; line-height:30px; border:none; margin-top:5px;}
.biao tr td span{color:#f00; line-height:40px;}
.biao{width:600px; margin:auto;}
.biao tr td{height:60px;}
.area_box{border:1px solid #ededed; width:545px; height:200px;padding-left:20px;margin-right:10px;}
.area_box img{float:left; vertical-align:middle; margin-top:3px;}
.area{float:left; width:510px; color:#999; height:180px; line-height:30px; border:none; margin-top:5px;}

.submit{width:566px; border:1px solid #ededed; height:40px; line-height:40px; text-align:center; font-size:14px; background:none;}
.jion_bg{ background:url(../images/zb.jpg) no-repeat; height:455px; padding:50px;}
.zc_box{background:#fff; width:183px; height:339px; padding-top:50px; padding-left:20px; padding-right:20px;transition:color 1s;
-moz-transition:color 1s; /* Firefox 4 */
-webkit-transition:color 1s; /* Safari and Chrome */
-o-transition:color 1s; margin:8px; float:left;}
.zx_icon1{background:url(../images/j1.png) no-repeat center; height:60px;
transition:background 1s;
-moz-transition:background 1s; /* Firefox 4 */
-webkit-transition:background 1s; /* Safari and Chrome */
-o-transition:background 1s;}
.zx_title{ text-align:center; font-size:18px; margin-top:10px; margin-bottom:40px;}
.zx_memo{ font-size:14px;}
.zc_box:hover .zx_icon1{background:url(../images/j11.png) no-repeat center;}
.zc_box:hover{color:#bc9882;}

.zx_icon2{background:url(../images/j2.png) no-repeat center; height:60px;
transition:background 1s;
-moz-transition:background 1s; /* Firefox 4 */
-webkit-transition:background 1s; /* Safari and Chrome */
-o-transition:background 1s;}
.zc_box:hover .zx_icon2{background:url(../images/i22.png) no-repeat center;}

.zx_icon3{background:url(../images/j3.png) no-repeat center; height:60px;
transition:background 1s;
-moz-transition:background 1s; /* Firefox 4 */
-webkit-transition:background 1s; /* Safari and Chrome */
-o-transition:background 1s;}
.zc_box:hover .zx_icon3{background:url(../images/j33.png) no-repeat center;}

.zx_icon4{background:url(../images/j4.png) no-repeat center; height:60px;
transition:background 1s;
-moz-transition:background 1s; /* Firefox 4 */
-webkit-transition:background 1s; /* Safari and Chrome */
-o-transition:background 1s;}
.zc_box:hover .zx_icon4{background:url(../images/j44.png) no-repeat center;}

.zx_icon5{background:url(../images/j5.png) no-repeat center; height:60px;
transition:background 1s;
-moz-transition:background 1s; /* Firefox 4 */
-webkit-transition:background 1s; /* Safari and Chrome */
-o-transition:background 1s;}
.zc_box:hover .zx_icon5{background:url(../images/j55.png) no-repeat center;}

/*********门店************/
.dian_box{width:1200px; margin:auto; margin-top:120px;}
.select{width:130px; height:47px; border:1px solid #ccc;}
.text2{width:525px; border:1px solid #ccc; height:45px; line-height:45px; border-left:none; border-right:none}
.dian{width:373px; float:left; margin:13px;}
.dian_pic img{border-radius:5px;}
.dian_name{font-size:16px; height:35px; line-height:35px;}
.dian_memo a{color:#999;}

.down_box{background:#f7f7f7; padding:40px;}

.down_box table{ width:100%;}
.down_box table th{font-size:14px;}
.down_box table tr{height:35px;}




















.side {
    position: fixed;
    width: 50px;
    height: 275px;
    right: 0;
    top: 415px;
    z-index: 100;
}

    .side ul li {
        width: 50px;
        height: 50px;
        float: left;
        position: relative;
        margin-top: 2px;
    }

        .side ul li .sidebox {
            position: absolute;
            width: 47px;
            height: 50px;
            top: 0;
            right: 0;
            transition: all 0.3s;
            background: url(../images/22.png) repeat;
            color: #fff;
            font: 14px/54px "΢���ź�";
            overflow: hidden;
            border-left: 3px solid #333333;
        }

        .side ul li img.first_img {
            position: absolute;
            left: -229px;
            top: 0;
            display: none;
            transition: all 0.4s;
        }

        .side ul li:hover .first_img {
        }

        .side ul li .sidetop {
            width: 47px;
            height: 50px;
            line-hei
			
			ght: 50px;
            display: block;
            background:#bc9882;
            transition: all 0.3s;
            border-left: 3px solid #333333;
        }

        .side ul li img {
            float: left;
        }
		
		
		
		
#wx_btn a p.wx_img{
	position: absolute;
	top: 0;
	right: 130px;
}
.wx_btn2 a p.wx_img{
	display: none;
}
.side li.wx_btn a p.wx_img{
	display: block;
}