@charset "gb2312";
/*css重置代码*/
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
margin: 0;
padding: 0;
border: 0;
outline: 0;
font-weight: inherit;
font-style: inherit;
font-size: 100%;
font-family: inherit;
vertical-align: baseline;
}
/* remember to define focus styles! */
:focus {
outline: 0;
}
body {
line-height: 1;
color: black;
background: white;
min-width: 1200px;
}
ol, ul {
list-style: none;
}
/* tables still need 'cellspacing="0"' in the markup */
table {
border-collapse: separate;
border-spacing: 0;
}
caption, th, td {
text-align: left;
font-weight: normal;
}
blockquote:before, blockquote:after,
q:before, q:after {
content: "";
}
blockquote, q {
quotes: "" "";
}
.clear{
	clear: both;
}
body{
	font-family: 微软雅黑;
}
a{text-decoration:none;}
/*全局css*/

.fl{
	float: left;
}
.fr{
	float: right;
}
.content{
	width: 1000px;
	margin: 0 auto;
	height: auto;

}


/*top*/
.top{
	height: 122px;
	background:url(../images/hbg.jpg) no-repeat center;

	width: 100%;
	position: relative;
}
.top  img{
	width: 100%;
	height: auto;
	margin: 0;
}
.top .content{
	position: relative;
	top: 0;
	z-index: 999;
}
/*.nav*/
.nav{
	height: 57px;
	background: #F3F3F3;

}
.nav  .content{
	text-align: center;
}
.nav  .content ul{
	display: inline-block;
}
.nav  .content ul li{

	

	float: left;
	height: 57px;
	line-height: 57px;
	text-align: center;

}
.nav .content ul li a{
	text-decoration: none;
	color: #666;
	height: 57px;
	padding: 0 30px;
}
.nav .content ul li a.hover{
display: inline-block;
	background: #3D3040;
	height: 57px;
	color: #fff;
}

/*.banner*/
.banner{

	width: 100%;

}
.banner img{width:100%; }
/*main*/
.main{
margin-top: 60px;

	background: #FFFFFF;
}
.main .article .col-lg-4{
	width: 33.3%;
	text-align: center;


}
.main .article .col-lg-4 h2{
	color: #3d3040;
	font-size: 18px;
	margin: 30px 0 17px 0;
	text-align: center;
	width: 300px;
}
.main .article .col-lg-4 p{
	color: #999;
	font-size: 14px;
}
.main .article .col-lg-4 .img-back{
	width: 300px;
	height: 175px;
	background: #e8e8e8;
}
.main .article .col-lg-4 .img-back .img-circle{
padding: 17px 0;
}
.main .article .col-lg-4  p{
	text-indent: 5px;
	width: 300px;
}
.main .article .col-lg-4  p span{
display: inline-block;
    padding: 0 20px;
    line-height: 130%;
}
.main .row{
	margin-top: 100px;
}
.main .row .col-lg-4{
	width: 230px;
	background:#3C2F3F;
	color: #fff;
	height:176px ;
	padding-top: 39px;
	padding-left: 10px;
	padding-right: 15px;


}





.main .row .f2 {
    background: #4e4352;
}

.main .row .col-lg-4 span{font-size: 12px;margin-left: 10px;color: #908992;}

.main .row .col-lg-4,.main .row .col-lg{
	position: relative;
}
.main .row .col-lg-4 p,.col-lg p{
padding-top: 20px;
letter-spacing:5;
font-size: 12px;
line-height: 200%;
color: #EAE8E8;
}

.main .row .col-lg-4 p{color:#b8b4ba }
.main .row .col-lg-4 p a,.col-lg p a{
position: absolute;
right: 18px;
bottom: 20px;
color: #fff;
padding: 3px 10px;
border-radius: 10px;
background-color: #3d3040;
}

.fl1 p a{background-color: #4e4352 !important;}
.main .row .col-lg-4 h2,.col-lg h2{
display: inline;
font-size: 18px;
}
.main .row .col-lg {
	z-index: 0;
width: 480px;

	color: #fff;
	height: 215px;
	position: relative;
}
.main .row .col-lg .container{
	height: 176px;
	    z-index: 999;
	    position: absolute;
	    top:0px;
	    padding-top: 39px;
		padding-left: 10px;
		padding-right: 15px;
		background: rgba(65,60,66,0.6); 
}
.container span{font-size: 12px;margin-left: 10px;}

/*footer*/

.footer{
	margin-top: 60px;
	background: #E8E8E8;
	height:245px;
	width: 100%;
	position: relative;
	min-width: 1200px;
}
.content-1200{
	width: 1200px;
	height: 245px;
	background: #3D3040;
	margin: 0 auto;
}
.content-1200 p{
	font-family: 微软雅黑;
	color: #908992;
	font-size: 14px;
	width: 285px;
	margin: 0 auto;
	line-height: 24px;
}
.content-1100{

	width: 1100px;
	height: 165px;
	background: #4E4352;
	margin: 0 auto;
}
.content-1100 p{
	margin: 10px auto;
	width: 525px;
	text-align: center;
	line-height: 16px;
}
.content-1200 .copy{
	margin-left: 50px;
    line-height: 30px;
    height: 20px;
    font-size: 14px;
    color: #7F7682;
    margin-top: 10px;
    text-align: center;
}

.content-1200 .copy a img{
	border: 1px solid #fff;
    border-radius: 100%;
}   

.content-1200 .copy a:hover img{
	border: 1px solid #4e4352;
    border-radius: 100%;
    background-color:#4e4352; 
} 

.content-1200>p{color: #B5ADB7;line-height: 20px;position: relative;
    top: 5px;    text-align: center;
}
.content-1200>p i{font-size: 18px;margin-right: 3px;}

.listul{padding: 30px;}
.listul li{float: left;margin: 0 10px; font-size: 14px;}
.listul li a{color: #b4b4b4;}
.listul li.active a{font-weight: bold;color: #666;}
.listblock{width: 1010px;}
.listblock dl{width: 300px;height: 350px;float: left;margin: 0 15px; margin-top: 10px; 
    margin-bottom: 20px;text-align: center;border: 2px solid #eee;}
.listblock dl img{width: 210px;height: 140px;margin: 0 auto;display: block; margin-top: 30px;
    margin-bottom: 20px;}
.listblock dl dt{border-top:1px solid #eee;text-align: left; font-size: 16px;font-weight: bold;padding: 30px;padding-bottom: 20px;}
.listblock dl a{color: #000;}
.listblock dl dd{text-align: left;color: #aaa;font-size: 14px;padding: 0 30px;line-height: 120%;}

	
.flexslider{position:relative;overflow:hidden;background:url(../images/loading.gif) 50% no-repeat;}
.slides{position:relative;z-index:1;}
.slides li{width: 100%}
.slides li img{width: 100%}
.flex-control-nav{position:absolute;bottom:10px;z-index:2;width:100%;text-align:center;}
.flex-control-nav li{display:inline-block;width:12px;height:12px;margin:0 5px;*display:inline;zoom:1;    background-color: #fff;
    border-radius: 100%;}
.flex-control-nav a{display:inline-block;width:14px;height:14px;line-height:40px;overflow:hidden;background:url(../images/dot.png) right 0 no-repeat;cursor:pointer;}
.flex-control-nav .flex-active{background-color: #666; border-radius: 100%;width:13px;height:13px;position: relative;top:-2px;}

.flex-direction-nav{position:absolute;z-index:3;width:100%;top:45%;}
.flex-direction-nav li a{display:block;width:50px;height:50px;overflow:hidden;cursor:pointer;position:absolute;}
.flex-direction-nav li a.flex-prev{left:40px;background:url(../images/prev.png) center center no-repeat;}
.flex-direction-nav li a.flex-next{right:40px;background:url(../images/next.png) center center no-repeat;}



/*about关于普蒂尼*/
.cont-h-780{
	width: 100%;
	height: 780px;
	margin-bottom: ;
}

.banner-c{
	width: 100%;
	height: 530px;
	background: #938B9A;
	position: absolute;
	z-index: -1;
}
.banner-a .content .position{
	height: 60px;
	line-height: 60px;
	font-size: 14px;
	background-color: #938b9a;
}


.banner-a .content{background: #fff;}

.banner-a .content .position ul li{
	float: left;
	color: #fff;
}

.banner-a .content .position ul li a{
	text-decoration: none;
	color: #fff;
	font-family: 微软雅黑;
	margin-right: 8px;
}
.banner-a .content .about-pu{
	background:#4E4353;
	height: 140px;
}
.banner-a .content .about-pu p{
	padding: 40px 40px;
	font-size: 18px;
	font-family: 微软雅黑;
	color: #fff;
}
.banner-a .content .about-pu ul{
	padding-left: 40px;
}
.banner-a .content .about-pu ul li{
	float: left;
    width: 110px;
    height: 42px;
	font-size: 14px;
	text-align: center;
	line-height: 40px;
	color: #fff;
	background: #655D6F;
	font-family: 微软雅黑;
	margin-right: 2px;
	
}

.banner-a .content .about-pu ul li a{color: #fff;}

.banner-a .content .about-pu ul li.active{
	background: #fff;
	color: #000;
}

.banner-a .content .about-pu ul li.active a{color: #000;}


.banner-a .content .cont{
	background: #fff;
    margin-bottom: 10px;
	
}
.banner-a .content .cont .cont-l{
	display: inline;
	width: 396px;
	float: left;
	padding-left: 78px;
	padding-right: 0px;
	color: #666;
}
.banner-a .content .cont .cont-l p{
	color: #4e4353;
	font-size: 20px;
	padding-top: 30px;
	position: relative;
    left: -40px;
    font-weight: bold;
	padding-bottom: 15px;
}
.banner-a .content .cont .cont-r img{
	display: inline;
	float: right;
	width: 458px;
	padding:10px;
	background: #E8E8E8;
}
/*listen*/
.cont-h-650{
	width: 100%;
	height:650px;
	margin-bottom: ;

}
.banner-a .content .cont-listen{
	background: #fff;
	height: 330px;

	
}
.banner-a .content .cont-listen .cont-l{
	display: inline;
	width: 372px;
	float: left;
	padding-left: 78px;
	padding-right: 70px;
	color: #666;
}
.banner-a .content .cont-listen .cont-l p{
	color: #4e4353;
	font-size: 18px;
	padding-top: 60px;
	
	padding-bottom: 15px;
}
.banner-a .content .cont-listen .cont-r img{
	display: inline;
	float: right;
	width: 458px;
	padding:10px;
	background: #E8E8E8;
}
.banner-a .contact p{
	font-size: 14px;
	color: #000;
	line-height: 30px;
	font-weight: bold;
}
.banner-a .contact p:nth-child(1){
color: #fa5e5f;
font-size: 18px;
line-height: 20px;
font-weight: bold;
padding: 40px 0 25px 0;
}
/*view 鉴赏*/
.cont-h-1170{
	width: 100%;
	height:1170px;
	margin-bottom: ;

}
.banner-a .content .cont{
	background: #fff;
    margin-bottom: 10px;
	
}
.banner-a .content .cont .cont-250{
	display: inline;
	width: 250px;
	float: left;
    /*margin-right: 50;*/
	color: #666;
}
.banner-a .content .cont .cont-250 .title-l{
	height: 65px;
	line-height: 65px;
	padding-left: 55px;
	border-bottom: 2px solid #4F5E7B;
	position: relative;
	color: #333;
	font-size: 16px;
	font-family: 微软雅黑;
}
.banner-a .content .cont .cont-250 .title-l .start{
position: absolute;
top:5px;
left:24px ;
}
.banner-a .content .cont .cont-250 ul li{
	height: 57px;
	text-align: center;
	line-height: 57px;
	border-bottom: 1px solid #c19872;
	position: relative;
}

.banner-a .content .cont .cont-250 ul li a{color: #000;}

.banner-a .content .cont .cont-250 ul li .san{
	position: absolute;
	left: 210px;

}
.banner-a .content .cont .cont-250 ul li.active{
	background: #F3EAE2;
}

.banner-a .content .cont .cont-250 ul li.on {
    background: #e0dfe1;
    border-bottom: #655d6e 1px solid;
}


.banner-a .content .cont .cont-700{
	width: 700px;
	display: inline-block;
	margin-left: 50px;
}

.banner-a .content .cont .cont-700 img{max-width: 100%;}

.banner-a .content .cont .cont-700 .title-r{
height: 65px;
	line-height: 65px;	
	border-bottom: 2px solid #4F5E7B;
	color: #333;
	font-size: 16px;
	font-family: 微软雅黑;

}

/*art产品工艺*/
.banner-a .content .cont .cont-700 .cont-list{
	height: 220px;
	background: #F2F2F2;
	position: relative;
	margin-top: 20px;

}
.banner-a .content .cont .cont-700 .cont-list:nth-child(1){
	margin-top: 20px;

}
.banner-a .content .cont .cont-700 .cont-list:last-child{
margin-bottom: 60px;
}
.banner-a .content .cont .cont-700 .cont-list .list-l img{
	position: absolute;
	top:0;
	left: 0;
}
.banner-a .content .cont .cont-700 .cont-list .list-l span{
	position: absolute;
	top: 16px;
    left: 6px;
    font-size: 16px;
	color: #fff;
	font-weight: bold;
	transform:rotate(-46deg);
-ms-transform:rotate(-49deg); 	/* IE 9 */
-moz-transform:rotate(-49deg); 	/* Firefox */
-webkit-transform:rotate(-49deg); /* Safari 和 Chrome */
-o-transform:rotate(-49deg); 
}
span.list-l{
	padding: 55px 10px 57px 30px;
	display: inline-block;
width:280px;

height: 108px;
float: left;
}
span.list-r{
	display: inline-block;
	width: 370px;
	height: 108px;
	float: left;
}
span.list-r img{
	padding-top:20px ;
}

span.list-l p{color: #666;    font-size: 16px;
    line-height: 200%;text-align: justify;
    width: 270px;}

/*jia-chao 价值超越*/
.cont-h-2370{
	height: 2370px;
	width: 100%;
}
.cont-main p{
	padding-top: 30px;
	font-weight: 24px;
	color: #fc5556;
	font-weight: bold;
padding-left: 36px;
padding-bottom: 30px;
}
/*jia-info 供应链*/
.cont-main  .cont-img{
width: 852px;
margin: 0 auto;
display: block;
height: 273px;
}
  .cont .cont-des{
	float: left;
	display: inline-block;
	background: #F3F3F3;
	width: 432px;
	margin-left: 25px;
	margin-top: 30px;
	padding: 40px 16px;
	color: #666;
	font-size: 15px;
	text-align: left;
    line-height: 160%;
}
/*youshi 普蒂尼优势*/
.cont-h-1300{
	height: 1300px;
}
.banner-a .content .nei{
	background: #fff;
	height: 330px;
	}
	.banner-a .content .nei .cont-l{
	display: inline;
	width:320px;
	float: left;
	padding-left: 60px;
	padding-top: 30px;
	
	height: 300px;
	color: #666;
	margin-top: 60px;
	position: relative;
	font-size: 14px;
	line-height: 200%;
}
.banner-a .content .nei .cont-l p{
	color: #4e4353;
	font-size: 18px;
	font-weight: bold;
	padding-bottom: 15px;
}



.banner-a .content .nei .cont-r{
	display: inline;
	width: 300px;
	float: right;
	padding-right: 70px;
	padding-top: 30px;
	
	height: 300px;
	color: #666;
	margin-top: 60px;
	position: relative;
	line-height: 200%;
    font-size: 14px;
}



.banner-a .content .nei .cont-r p{
	color: #4e4353;
	font-size: 18px;
	font-weight: bold;
	padding-bottom: 15px;
}

.banner-a .content .nei .cont-r .circular{
	border-radius: 100%;
	width: 140px;
	height: 140px;
	background: #FF736E;
	position: absolute;
	left: -20px;
 top: 160px;
 line-height: 140px;
 text-align: center;
 color: #fff;
 font-size: 24px;

}
.banner-a .content .nei .cont-r img{
	display: inline;
	float: right;
	border-radius: 100%;
	height: 230px;
	width: 230px;
	border: 10px solid #e4e5ef;
}

.banner-a .content .nei .cont-l .circular{
	border-radius: 100%;
	width: 140px;
	height: 140px;
	background: #FF736E;
	position: absolute;
 top: 160px;
 line-height: 140px;
 text-align: center;
 color: #fff;
 font-size: 24px;
 left: 300px;

}
.banner-a .content .nei .cont-l img{
	display: inline;
	float: right;
	border-radius: 100%;
	height: 230px;
	width: 230px;
	border: 10px solid #e4e5ef;
}

/*lishi 立式*/
.cont-h-1400{
height: 1400px;
}

.cont-h-1600{
height: 1600px;
}
/*pro-bootom 底进底处*/
.cont-h-1250{
	height: 1250px;
}