@charset "UTF-8";
/*整站样式*/

@font-face{ font-family:'STFangsong';src:url("../font/chiease.ttf")/*中文字体*/;}
@font-face{ font-family:'Book'; src:url("../font/Chartrn.ttf")/*英文字体*/;}
@font-face{ font-family:'yingwen'; src:url("../font/Chartrn.ttf")/*英文字体*/;}
html,body,dl,dd,img,form,div,ul,ol,li,h1,h2,h3,h4,h5,h6,p,button{margin:0;padding:0; border:0;}
body{font-size: 12px;font-family: 'STFangsong';}
input,textarea,button{padding: 0;font-family: 'STFangsong';}
h1,h2,h3,h4,h5,h6{font-weight: normal;}
ul,ol,li{ list-style-type:none;}
img{border:0;vertical-align:middle}
select,input,textarea,button{vertical-align:middle;outline: none;}
table{border-collapse:collapse;border-spacing:0}
iframe{border:none;}
a:link{color:#666666;text-decoration:none;}
a:visited{color:#666666;text-decoration:none;}
a:hover{color:#666666;text-decoration:none;}
a:active{color:#666666;text-decoration:none;}
.hidden{display:none;visibility:hidden;}
.wrap{border: 0;padding:0;width:1200px;margin:0 auto;*zoom:1;}
.wrap:after{clear: both;content:"";display: table;}
.clear{clear:both;font-size:0;line-height:0;height:0;visibility:hidden;}
.fix{*zoom:1;}
.fix:after{clear: both;content:"";display: table;}
.fl{float: left;}
.fr{float: right;}
.pors{position: relative;}
.tl{text-align: left;}
.tc{text-align: center;}
.tr{text-align: right;}
/* 编辑器内容样式 凡是编辑器修改区域加上 */
.editor{line-height:24px;text-align:left;}
.editor p{text-indent:2em;}
.editor ol li{list-style-type:circle;margin-left:25px;}
.editor ul li{list-style-type:square;margin-left:25px;}
/*网页样式*/

/*首页顶部*/
.IndexTop{height:0px; padding-bottom:16.48%; width:100%;min-width:1200px; border-bottom:2px solid #666565; position:relative;}
.IndexTopLeftPrc{ position:absolute; background:url("../images/d1.png") left top no-repeat; left:0; width:91px; height:100%; background-size:100% 100%;}
.IndexTopRightPrc{ position:absolute; background:url("../images/d2.png") right top no-repeat; right:0; width:91px; height:100%;background-size:100% 100%;}


.IndexTopImg{width:100%; height:76%;position:absolute;top:15px;}
.IndexTopThump{width:100%; height:100%; position:relative;}
.IndexTopThump ul{ height:100%;}
.IndexTopThump li{zoom:1;vertical-align:middle;height:100%; text-align:center;}
.IndexTopThump a{ display:block; width:100%; height:100%;}
/*
.IndexTopThump li img{ height:100%;}
*/

/*目录*/
.IndexMenu{width:100%; text-align:center; position:absolute; bottom:-2px;left:0;min-width:1200px;}
/*
@media screen and (min-width:800px){
	.IndexMenu li{ display:inline-block; line-height:30px; font-size:15px; margin:0 2.3%; min-width:7%; text-align:center;}
	.Menu li{ display:inline-block; line-height:26px; font-size:18px; margin:0 2%; min-width:7%; text-align:center;}
}

@media screen and (min-width:900px){
	.IndexMenu li{ display:inline-block; line-height:33px; font-size:16px; margin:0 2.5%; min-width:7%; text-align:center;}
	.Menu li{ display:inline-block; line-height:30px; font-size:18px; margin:0 2.5%; min-width:7%; text-align:center;}
}
*/

@media screen and (min-width:1000px){
	.IndexMenu li{ display:inline-block; line-height:2.5; font-size:16px; margin:0 2.5%; min-width:7%; text-align:center;}
	.Menu li{ display:inline-block; line-height:34px; font-size:18px; min-width:7%; text-align:center;}
}
@media screen and (min-width:1400px){
	.IndexMenu li{ display:inline-block; line-height:52px; font-size:20px; margin:0 36px; min-width:7%; text-align:center;}
	.Menu li{ display:inline-block; line-height:52px; font-size:20px; margin:0 36px; min-width:7%; text-align:center;}
}
@media screen and (min-width:1900px){
	.IndexMenu li{ display:inline-block; line-height:70px; font-size:20px; margin:0 36px; min-width:7%; text-align:center;}
	.Menu li{ display:inline-block; line-height:72px; font-size:20px; margin:0 36px; min-width:7%; text-align:center;}
}
/*
.IndexMenu li,.Menu li{ float:left; line-height:52px; font-size:20px; margin:0 36px; min-width:93px; text-align:center;}
.IndexMenu li,.Menu li{ float:left; line-height:52px; font-size:20px; margin:0 36px; min-width:93px; text-align:center;}
*/
.IndexMenu li a,.Menu li a{ color:#000;}
.IndexMenu li.on,.Menu li.on{ border-bottom:2px solid #ce000f;}
.IndexMenu li.on a,.Menu li.on a,
.IndexMenu li a:hover,.Menu li a:hover{color:#ce000f;}

/*首页banner*/
.IndexBanner{ width:100%; height:100%; margin-top:10px; position:relative; overflow:hidden;}
.IndexBanner .pic{width:100%; position:relative; z-index:0; }
.IndexBanner .pic img {width:100%; display: block; }
.IndexBanner .hd { width:100%; position: absolute; bottom: 10px; text-align: center; font-size:0; z-index:1; }
.IndexBanner .hd li{margin: 0 5px; background: url("../images/dot.png") no-repeat 0 -16px; height: 16px; overflow: hidden; width: 16px; cursor: pointer;
	display:inline-block; *display:inline; zoom:1;  _background: url("../images/dot8.png") no-repeat 0 -16px;
}
.IndexBanner .hd .on{ background-position:0 0; }
.IndexBanner .prev,
.IndexBanner .next { width: 60px; height: 90px; margin: -60px 0 0; display: none; background: url("../images/ad_ctr.png") no-repeat 0 0; position: absolute; top: 50%; z-index: 10; cursor: pointer; text-indent: -9999px; filter:alpha(opacity=20);opacity:0.2;  }
.IndexBanner .prev { left: 0; }
.IndexBanner .next { background-position: 0 -90px; right: 0; }
.IndexBanner .prev:hover,
.IndexBanner .next:hover { filter:alpha(opacity=50) !important;opacity:0.5 !important;  }


.IndexBanner img{ width:100%;}

/*首页底部*/
.footer{min-width:1200px; height:44px; line-height:44px; font-size:14px; color:#6b6b6b; box-sizing:content-box; padding:0 20px;}
.footer a{ color:#6b6b6b; display:inline-block; margin:0 5px;}
.IndexTab>a:hover{color:#ce000f;}


/*内页头部*/
.HeadTop{border-bottom:2px solid #666565;min-width:1200px; position:relative; padding-bottom:15.76%; height:0;}
.HeadTopMind{padding-bottom:15.98%; height:0;}
.HeadTopLeftPrc{ position:absolute; left:0; background:url("../images/d4.png") left top no-repeat; width:53px; height:100%; background-size:100% 100%;}
.HeadTopRightPrc{ position:absolute; right:0; background:url("../images/d5.png") right top no-repeat; width:75px;height:100%;background-size:100% 100%;}

.HeadTopMindPrc{ width:100%; height:74.333%; position:absolute;top:10px; overflow:hidden;}
.HeadTopMindThump{height:100%; text-align:center;}
.HeadTopMindThump ul{height:100%;}
.HeadTopMindThump li{ height:100%;}
.HeadTopMindThump li a{ display:block;width:100%; height:100%;}
.Menu{margin-top:9px;width:100%;min-width:1200px; text-align:center; position:absolute; bottom:-2px;}

.ContentBox{ background:#f4f4f4 url("../images/d7.jpg") center top no-repeat;min-width:1200px; margin-top:10px; min-height:891px;}

.localhost{ height:64px; line-height:64px; font-size:15px; color:#3b3b3b;}
.localhost a{ color:#3b3b3b;}
.localhost a:last-child{ color:#d55056;}
.SiderBar{ width:173px;}
.SiderBar dl{ width:173px; text-align:center; border-top:1px solid #cccccc;}
.SiderBar dd{ height:61px; line-height:61px; border-bottom:1px solid #cccccc;}
.SiderBar dd a{ display:block; color:#3b3b3b; font-size:18px;}
.SiderBar dd a:hover,
.SiderBar dd.on a{ color:#d0222d;}

.ContShow{ background-color:#FFF; width:997px;padding:30px; box-sizing:border-box; margin-bottom:30px;}
.ComplayTitle{ background:url("../images/d9.png") left bottom no-repeat; height:80px; width:214px; margin-top:272px; font-weight:800; font-size:24px; color:#ce000f; line-height:32px;}

.ComplayBottom{ margin-top:30px; font-size:17px; letter-spacing:1px; color:#333333; line-height:32px;}

.BrandContent{min-width:1200px; margin-top:10px; background:#f4f4f4 url("../images/d10.jpg") center top no-repeat; min-height:820px;}
.BradSider{ width:173px;}
.BradSider dl{border-top:1px solid #cccccc; line-height:54px; font-size:18px;}
.BradSider dd{ border-bottom:1px solid #cccccc;}
/*.BradSider dd span{ display:block; margin-bottom:-32px;}*/
.BradSider dd a{ color:#3b3b3b; font-size:18px;}
.BradSider dd span{ display:block; margin-bottom:-30px; font-size:18px; font-family:'Book';}
.BradSider dd a:hover{color:#d0222d;}
.BradSider dd.on>a{ color:#d33b43;}
.dd-item{ border-top:1px dotted #b8b8b8;}
.dd-item li{ line-height:40px;}
.dd-item li.on>a{color:#d33b43;}
.dd-item li>a{ font-size:18px;}


.BrandCont{ width:997px;background-color:#eaeaea; box-sizing:border-box; padding:40px 258px; color:#333333; font-size:17px; letter-spacing:1px; text-align:center; margin-bottom:40px; line-height:30px;}
.BrandConts{ width:997px; background:#eaeaea url("../images/d11.png") left top no-repeat;min-height:520px;}
.BrandConts>img{ margin-right:30px; margin-top:30px;}
.BrandContsShow{ margin-top:110px; text-align:center; width:660px; font-size:18px; color:#333; line-height:2.2;}
.BrandContsShow>h3{ font-size:34px;color:#222222; margin-bottom:10px;}

/**产品中心**/
.ProductConts{min-width:1200px; background-color:#f3f3f3; margin-top:10px;}
.ProductContsT{}
.ProductContsT ul{ font-size:0;}
.ProductContsT li{display:inline-block; width:50%; position:relative; overflow:hidden;}
.ProductContsT li img{ width:100%; display:block;}
.overy{ position:absolute; background-color:#000;cursor: pointer; width:100%; height:100%;left:0;top:0; opacity:0;filter:alpha(opacity=0);}
.ProductBox1{width:500px; height: 286px;position: absolute;left: 50%;top: 50%; margin-left: -250px; margin-top: -143px; z-index: 11;}
.ProductBox1>i{position: absolute; width: 100%; height: 1px; background: #fff; left: 0; top: 114px; opacity: 0;filter: alpha(opacity=0);}
.ProductBoxWrite{ text-align:center; box-sizing:border-box; padding-top:35px; opacity:0;filter:alpha(opacity=0);}
.ProductBoxWrite .ctit{ font-size:36px; color:#FFF; line-height:58px;}
.ProductBoxWrite>.MORE{display:inline-block; font-size:16px; color:#ce000f; margin-top:35px;}
.ProductBoxWrite>.MORE:hover{color:#FFF;}

/*新闻中心*/
.NewsBox{min-width:1200px; margin-top:10px; background:#f4f4f4 url("../images/d15.jpg") center top no-repeat; min-height:708px;}
.NewsBoxPrc{ background-color:#ececec; font-size:18px;}
.NewsBoxPrc:hover{ background-color:#FFF;}
.NewsBoxPrc p{ line-height:69px; color:#222222; padding:0 20px; box-sizing:border-box;}
.NewsBoxPrc p span{ display:inline-block; margin-right:20px;}
.NewsBoxWrite{width:590px;}
.NewsBoxWrite li{ height:116px; box-sizing:border-box; padding:20px; background-color:#ececec; margin-bottom:20px;}
.NewsBoxWrite li:hover{ background-color:#FFF;}
.NewsBoxWrite h3{text-align:right; color:#393939;}
.NewsBoxWrite h3>em{ display:block; width:70px; font-size:36px; font-style:normal; line-height:1.3;}
.NewsBoxWrite h3>span{ font-size:18px; line-height:32px;}
.NewsListP{ margin-left:30px; width:450px;}
.NewsListP h5{ font-size:18px; line-height:20px; color:#222222;}
.NewsListP p{ font-size:14px; line-height:24px;color:#222222; margin-top:14px;}
.pagesize{ text-align:center; clear:both; line-height:20px; margin-top:40px;}
.pagesize>a{ padding:5px;color:#222222; display:inline-block; font-size:14px; margin:0 1px;}
.pagesize>a:hover,.pagesize>a.on{ background-color:#dbdbdb; color:#d0474e;}
.pagesize a{ padding:5px;color:#222222; display:inline-block; font-size:14px; margin:0 1px;}
.pagesize a:hover,.pagesize>a.on{ background-color:#dbdbdb; color:#d0474e;}
.cpb{background-color:#dbdbdb; color:#d0474e;padding: 5px;display: inline-block;font-size: 14px;margin: 0 1px;}
.pagesize .NewsTotal:hover{ color:#222222; background:none;}

.NewsInfoShow{min-width:1200px; background-color:#f3f3f3; margin-top:10px;}
.NewsInfoConts{ background-color:#ececec; padding:30px; box-sizing:border-box; margin-bottom:42px;}
.NewsInfoContTitle{ border-bottom:1px solid #d9d9d9; text-align:center;color:#000; padding-bottom:15px;}
.NewsInfoContTitle h3{ font-size:24px; line-height:2; font-weight:800;}
.NewsInfoContTitle h6{ font-size:16px; line-height:3;}
.NewsInfoContBox{ padding:10px 0; font-size:18px; line-height:1.8;color:#333;}
.NewsInfoPages{ margin-top:20px; border-top:1px solid #d9d9d9; padding-top:20px;}
.NewsInfoPages>span{ padding:5px  10px; background-color:#bfbfbf; display:inline-block;}
.NewsInfoPages>span>a{ color:#FFF; font-size:14px; display:block;}
.NewsInfoPages>p{ font-size:16px; color:#000; line-height:39px;}
.NewsInfoPages>p>a{ color:#000;}
.NewsInfoPages>p>a:hover{ color:#ce000f; text-decoration:underline;}



/*高级定制*/
.BrandMenu{ display:block; height:52px; background:url("../images/brand.png") left center no-repeat; height:88px;}
.BrandMenu:hover{ background:url("../images/brands.png") left center no-repeat;}

/*联系我们*/
.ContUsBox{min-width:1200px; margin-top:10px; background:#f4f4f4 url("../images/d20.jpg") center top no-repeat; min-height:920px;}
.ContUsSider{ width:173px; text-align:center;}
.ContUsSider dl{ border-top:1px solid #cccccc;}
.ContUsSider dd{ font-size:18px; line-height:61px; border-bottom:1px solid #cccccc;}
.ContUsSider a{ color:#222222; display:block;}
.ContUsSider a:hover,
.ContUsSider dd.on a{ color:#d33b43;}

.ContUsShow{width:997px; min-height:654px; padding:10px 41px 30px; box-sizing:border-box; background-color:#eaeaea;}
.ContUsShowTop{color:#333;}
.ContUsShowTop p{ line-height:49px; font-size:18px;}
.ContUsShowTop p>img{ margin-right:12px;}

.ContUsShowBottom{ margin-top:80px;}
.ContUsShowBottom li{ float:left; margin-right:88px;}
.ContUsShowBottom span,
.ContUsShowBottom em{ display:block; font-family:'Book'; font-style:normal; font-size:18px; color:#222222; line-height:25px;}
.ContUsShowBottom li img{ margin-top:20px;}



/*在线留言*/
.Massages{ margin-top:20px;}
.Massages p{ font-size:18px; color:#222222; margin-bottom:20px; }
.MassagesInput{ height:40px; border:1px solid #d9d9d9; width:356px; text-indent:1em; background:none; line-height:40px;}
.Massages p>label{color:#333;display:inline-block; width:80px; text-align:right;vertical-align:top; line-height:40px;}
.MassagesTextarea{ border:1px solid #d9d9d9; background:none; width:590px; height:115px; box-sizing:border-box; padding-left:15px; line-height:21px;}
.Massagesyzm{height:40px;width:150px;border:1px solid #d9d9d9;text-indent:1em; background:none; line-height:40px; }
.MassagesImg{ width:138px; height:44px; cursor:pointer;}
.MassagesSubmint{width:150px; height:40px; border:none; background-color:#8b8b8b; color:#FFF; font-size:18px; cursor:pointer;}

/*主营项目*/
.ContShowTitle{height:80px; font-size:24px; color:#ce000f; background:url("../images/d27.png") left bottom no-repeat;}
.ContShowBox{ margin-top:40px; font-size:16px; color:#333333; line-height:32px;}

/*发展历程*/
.HistoryShowTitle{height:80px; font-size:24px; color:#ce000f; background:url("../images/d28.png") left bottom no-repeat;}
.HistoryShowCont{ font-size:16px; color:#333333; letter-spacing:1px; line-height:32px; margin-top:30px;}


/*品牌概况*/
.BrandOverConts{width:997px;min-height:580px; margin-bottom:60px; background-color:#eaeaea; font-size:18px; letter-spacing:1px; line-height:2; color:#333; box-sizing:border-box; padding: 0 130px 60px;}


/*设计总监介绍*/
.IntroduceConts{width:997px;min-height:580px; margin-bottom:60px; background-color:#eaeaea; box-sizing:border-box; padding:30px;}
.IntroducePrc{ text-align:center; width:312px;}
.IntroducePrc p{ margin-bottom:50px;}
.IntroduceCont{width:595px; margin-right:30px;}
.IntroduceCont h3{ background:url("../images/d31.png") bottom repeat-x; font-size:22px; line-height:2.5; width:446px;}
.IntroduceContShow{ padding:20px 0; letter-spacing:1px; font-size:18px; line-height:1.8;color:#333;}



/*产品系列*/
.ProductTop{min-width:1200px; min-height:865px; margin-top:10px; background:#f4f4f4 url("../images/d33.jpg") center top no-repeat;}
.ProductList{overflow:hidden;height:677px; width:100%;position:relative;-moz-user-select:none;}
/***********横向滑动************************/
.container{width:100%;height:720px;margin:20px auto;overflow:hidden;position:relative;}
.container ul{position:absolute;left:0px;top:0px;padding:0;margin:0; font-size:0; white-space:nowrap;}
.container ul li{display:inline-block; text-align:center; cursor:pointer;}
/* hScrollPane */
.hScrollPane_dragbar{width:1200px !important;position:absolute;left:50%;bottom:0px;height:16px;margin:0 auto; margin-left:-600px;background:url("../images/d34.png") center top no-repeat;}
.hScrollPane_draghandle{height:6px;width:85px !important;overflow:hidden;position:absolute;top:0px;left:0; cursor:pointer; background:url("../images/d35.png") 0 center no-repeat; margin-top:-1px;}






/*弹出框*/
div.pp_default .pp_close{width:30px;height:30px;background:url("../images/sprite.png") 2px 1px no-repeat; margin-top:7px;cursor:pointer; margin-right:8px;}
div.pp_default a.pp_arrow_previous,div.pp_default a.pp_arrow_next{background:url("../images/sprite.png") -31px -3px no-repeat;height:20px;width:20px;margin:7px 0 0}
div.pp_default a.pp_arrow_previous{ margin-left:8px;}
div.pp_default a.pp_arrow_next{left:52px;background-position:-82px -3px}
div.pp_overlay{background:#000;display:none;left:0;position:absolute;top:0;width:100%;z-index:9500}
div.pp_pic_holder{display:none;position:absolute;width:100px;z-index:10000}
.pp_nav p{float:left;white-space:nowrap;margin:8px 4px}
.pp_nav .pp_pause{float:left;margin-right:4px;text-indent:-10000px}
a.pp_arrow_previous,a.pp_arrow_next{display:block;float:left;height:15px;margin-top:3px;overflow:hidden;text-indent:-10000px;width:14px}
.pp_hoverContainer{position:absolute;top:0;width:100%;z-index:2000}
.pp_gallery{display:none;left:50%;margin-top:-50px;position:absolute;z-index:10000}
.pp_gallery div{float:left;overflow:hidden;position:relative}
.pp_gallery ul{float:left;height:35px;position:relative;white-space:nowrap;margin:0 0 0 5px;padding:0}
.pp_gallery ul a{border:1px rgba(0,0,0,0.5) solid;display:block;float:left;height:33px;overflow:hidden}
.pp_gallery li{display:block;float:left;margin:0 5px 0 0;padding:0}
a.pp_next{display:block;float:right;height:100%;text-indent:-10000px;width:49%}
a.pp_previous{display:block;float:left;height:100%;text-indent:-10000px;width:49%}
a.pp_expand,a.pp_contract{cursor:pointer;display:none;height:20px;position:absolute;right:30px;text-indent:-10000px;top:10px;width:20px;z-index:20000}
a.pp_close{position:absolute;right:0;top:-5px;display:block;line-height:22px;text-indent:-10000px}
div.pp_default .pp_content,div.light_rounded .pp_content{background-color:#fff}
div.pp_default .pp_gallery ul li a:hover,div.pp_default .pp_gallery ul li.selected a,.pp_gallery ul a:hover,.pp_gallery li.selected a{border-color:#fff}
div.pp_default .pp_details,div.light_rounded .pp_details,div.dark_rounded .pp_details,div.dark_square .pp_details,div.light_square .pp_details,div.facebook .pp_details{position:relative}/**/
.pp_fade,.pp_gallery li.default a img{display:none}
.currentTextHolder{ font-size:14px; color:#000;}