@charset "utf-8";

/* CSS Document */



*{ margin:0; padding:0; border:none; border-radius:0; outline:none; font-family:"微软雅黑";}

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

dl,dd,dt,ol,ul,li{ list-style:none;}

.fl{ float:left;}

.fr{ float:right;}

.ov{ overflow:hidden;}

.dis{ display:block !important;}

.dn{ display:none;}

.clear{ clear:both;}

body,html{ width:100%; height:100%; color:#333;}

input::-webkit-input-placeholder,textarea::-webkit-input-placeholder{ color:#999;} 

input:-moz-placeholder,textarea:-moz-placeholder{ color:#999;} 

input::-moz-placeholder,textarea::-moz-placeholder{ color:#999;} 

input:-ms-input-placeholder,textarea:-ms-input-placeholder{ color:#999;} 

input,select,textarea{ -webkit-appearance:none;}

input[type=checkbox]{ -webkit-appearance:checkbox;}





/*header*/

.header{ width:100%; height:40px; padding:15px 0; background-color:#111; position:fixed; left:0; top:0; z-index:991;}

.header .head{ width:1150px; margin:auto; height:40px;}

.header .head .logo{ height:40px; float:left; overflow:hidden;}

.header .head .logo img{ height:40px; display:block;}

.header .head .nav{ height:16px; line-height:16px; padding:12px 0; display:block; font-size:16px; float:left; margin-left:40px; overflow:hidden;}

.header .head .nav dt{ display:block; width:16px; height:16px; float:left;}

.header .head .nav dt img{ display:block; height:16px;}

.header .head .nav dd{ display:block; height:16px; float:left;}

.header .head .nav dd img{ display:block; height:12px; margin:2px 30px;}

.header .head .nav dd a{ font-size:16px; color:#fff;}

.header .head .nav dd a:hover{ color:#ad835a;}

.header .tm{ width:calc(50% - 450px); position:absolute; right:0; top:0; height:70px;}

.header .tm a{ width:100%; display:block; height:70px;}



/*banner*/

.banner{ width:100%; height:100%; position:relative;}

.banner .tempWrap{ width:100%; height:100%;}

.banner .pic{ width:100%; height:100%; display:block; position:relative; z-index:11;}

.banner .pic li{ display:block; width:100%; height:100%; overflow:hidden; background-repeat:no-repeat; background-size:100% auto; background-position:center; position:relative;}

.banner .pic li img{ width:100%; height:100%; object-fit:cover; display:block; position:absolute; top:50%; left:50%; transform:translateX(-50%) translateY(-50%);}

.banner .xban{ width:1150px; height:60px; padding:20px 125px; position:absolute; left:50%; margin-left:-700px; bottom:0; z-index:90; background-color:rgba(255,255,255,0.5); transition: all 0.8s cubic-bezier(0.77, 0, 0.175, 1); transform: perspective(1000px) rotateX(90deg); transform-origin: bottom center;}

.banner .xban:hover{ background-color:#fff;}

.banner .xban.animated{ transform:perspective(1000px) rotateX(0deg);}

.banner .xban p{ width:30px; float:left; display:block; height:32px; margin-top:14px; margin-left:20px;}

.banner .prev{ float:left; cursor:pointer; width:30px; transition:all 0.5s cubic-bezier(0.4, 0.5, 0.2, 1.2); position: relative; height:32px; display:block;}

.banner .prev .ico{

	display:block;

	float:left;

    width: 30px;

    height: 32px;

    background: url(../images/zz.png) no-repeat left center;

	background-size:10px 16px;

}

.banner .prev .line {

    width: 0px;

    height: 2px;

    position: absolute;

    left: 0;

    top: 50%;

    transition: all 0.5s cubic-bezier(0.4, 0.5, 0.2, 1.2);

    margin-top: -1px;

    background: #000;

}

.banner .prev:hover{ margin-left:-10px;}

.banner .prev:hover .line{ width:30px;}



.banner .next{ float:left; cursor:pointer; width:30px; transition:all 0.5s cubic-bezier(0.4, 0.5, 0.2, 1.2); position: relative; height:32px; }

.banner .next .ico{

	display:block;

	float:right;

    width: 30px;

    height: 32px;

    background: url(../images/yy.png) no-repeat right center;

	background-size:10px 16px;

}

.banner .next .line {

    width: 0px;

    height: 2px;

    position: absolute;

    right: 0;

    top: 50%;

    transition: all 0.5s cubic-bezier(0.4, 0.5, 0.2, 1.2);

    margin-top: -1px;

    background: #000;

}

.banner .next:hover{ width:40px;}

.banner .next:hover .line{ width:30px;}



.banner .hd{

    padding-top: 14px;

	float: left;

    padding-left: 6px;

}



.banner .hd li{

    margin-left: 24px;

    display: block;

    float: left;

    font-family: 'GOTHIC';

    font-size: 14px;

    line-height: 32px;

    color: #444;

	cursor:pointer;

    transition: all 0.3s;

}

.banner .hd li.on{ font-weight:bold; color:#000;}



.banner .xban img{ display:block; float:right; margin-right:20px;}



.banner .sb {

    width: 34px;

    height: auto;

    position: absolute;

    left: 50%;

    margin-left: -17px;

    top: 0;

    cursor: pointer;

}

.banner .sb img {

    width: 100%;

    height: auto;

	margin:0;

}

.banner .sb .arrow {

    width: 13px;

    height: auto;

    position: absolute;

    left: 50%;

    margin-left: -6.5px;

    top:42px;

}



/*#wrapper{ width:100%; height:900px; position:relative; overflow:hidden;}

#wrapper .caroufredsel_wrapper{ z-index:10;}

#carousel{ width:1920px; height:900px; z-index:10;}

#carousel img{ width:1920px; height:900px;}

#pager{ width:1150px; height:60px; position:absolute; left:50%; margin-left:-575px; bottom:0; z-index:111;}

#pager a{ width:40px; height:60px; line-height:60px; font-size:14px; text-align:center; display:block; float:left; overflow:hidden; color:#999;}

#pager a.selected{ color:#fff;}

.banner .xban{ width:1200px; height:60px; position:absolute; left:50%; margin-left:-600px; bottom:0; z-index:90; background-color:rgba(0,0,0,0.7); transition: all 0.8s cubic-bezier(0.77, 0, 0.175, 1); transform: perspective(1000px) rotateX(90deg); transform-origin: bottom center;}

.banner .xban.animated{ transform:perspective(1000px) rotateX(0deg);}

.banner .xban img{ display:block; float:right; margin-right:25px;}*/

/*.banner .xban div{ width:1150px; margin:20px auto; height:20px; display:block; overflow:hidden;}

.banner .xban ul{ width:166px; height:20px; display:block; float:right;}

.banner .xban ul li{ display:block; float:left; height:20px; margin-left:20px; overflow:hidden; cursor:pointer;}

.banner .xban ul li a{ display:block; height:20px; position:relative;}

.banner .xban ul li a span{ display:block; height:20px; position:absolute; left:0; top:0; transition:height 0.5s; -moz-transition:height 0.5s; -webkit-transition:height 0.5s; -o-transition:height 0.5s; overflow:hidden;}

.banner .xban ul li a img{ display:block; height:20px;}

.banner .xban ul li a:hover span{ height:0;}*/



/*公司简介*/

.abox{ width:100%; padding:70px 0; background-image:url(../images/abg.jpg); background-position:center bottom; background-repeat:no-repeat; position:relative; background-size:cover;}

.abox .title{ height:57px; text-align:center;}

.abox .title span{ display:block; height:25px; line-height:25px; font-size:36px; text-transform:uppercase; color:#333; font-family:Georgia, "Times New Roman", Times, serif;}

.abox .title p{ display:block; height:22px; line-height:22px; font-size:22px; color:#ad835a; background-image:url(../images/atitle.png); background-position:center; background-repeat:no-repeat; margin-top:10px;}

.abox .left{ width:1150px; margin:auto; margin-top:50px;}

.abox .left .biao{ padding-left:30px; padding-top:15px; height:85px; background-image:url(../images/atitle.jpg); background-position:left center; background-repeat:no-repeat;}

.abox .left .biao span{ display:block; font-size:20px; line-height:30px; height:30px; overflow:hidden;}

.abox .left .biao p{ display:block; font-size:14px; line-height:22px; height:22px; overflow:hidden;}

.abox .left .wen{ width:610px; height:168px; line-height:24px; font-size:14px; margin:25px 0;}

.abox .left .more{ width:142px; height:42px;}

.abox .left .more a{ display:block; width:138px; height:38px; line-height:38px; text-transform:uppercase; overflow:hidden; text-align:center; font-size:14px; color:#ad835a; border:2px solid #ad835a;}

.abox .left .more a:hover{ text-decoration:underline;}



/*产品*/

.pbox{ width:100%; background-image:url(../images/pbg.jpg); background-position:center; background-repeat:no-repeat; background-size:cover; height: -moz-calc(100% - 70px); height: -webkit-calc(100% - 70px); height: calc(100% - 70px); position:relative;}

.pbox .title{ height:57px; text-align:center; position:absolute; left:0; top:70px; text-align:center; width:100%; z-index:1;}

.pbox .title span{ display:block; height:25px; line-height:25px; font-size:36px; text-transform:uppercase; color:#fff; font-family:Georgia, "Times New Roman", Times, serif;}

.pbox .title p{ display:block; height:22px; line-height:22px; font-size:22px; color:#ad835a; background-image:url(../images/atitle.png); background-position:center; background-repeat:no-repeat; margin-top:10px;}

.pbox .box{ width:100%; height:100%; margin:auto; position:relative; z-index:0;}

.pbox .box .software-item {

	width:25%; float:left; height:100%; position:relative; overflow:hidden;

    background-repeat: no-repeat;

    background-size: cover;

    background-position:center;

}

.pbox .box .software-item .software-item-mask {

    position: relative;

    height: 100%;

    width: 100%;

    text-align: center;

	padding-top:150px;

	box-sizing:border-box;

}

.pbox .box .software-item .software-item-mask:hover{ background-color:rgba(4,4,4,.6)}

.top-img-wrapper,.text-img-wrapper,.look-detail-wrapper{

    overflow: hidden;

}

.pbox .box .software-item .software-item-mask .top-img-wrapper .top-img {

    width: 100%;

    position: relative;

    bottom: -50vh; -webkit-transition:.5s; 

-moz-transition:.5s; 

-o-transition:.5s; 

transition:.5s;

}

.pbox .box .software-item .software-item-mask .text-img-wrapper .text-img {

    font-size:14px;

    font-weight: 400;

    color: #fff;

    line-height: 30px;

    width: 100%;

	box-sizing:border-box;

    padding: 0 17%;

    text-align: left;

    position: relative;

    bottom: -120px;

    height:120px;

	overflow:hidden; -webkit-transition:.5s; 

-moz-transition:.5s; 

-o-transition:.5s; 

transition:.5s;

}

.pbox .box .software-item .software-item-mask .look-detail-wrapper .look-detail {

    position: relative;

    bottom: -42px;

    display:block;

    color: #fff;

    font-size:14px;

    border: 1px solid #fff;

    border-radius: 40px;

    width:200px;

    height: 40px;

    line-height: 40px;

    cursor: pointer;

	overflow:hidden;

	margin:auto;

	margin-top:20px; -webkit-transition:.5s; 

-moz-transition:.5s; 

-o-transition:.5s; 

transition:.5s;

}

.pbox .box .software-item .software-item-mask .look-detail-wrapper .look-detail a{ display:block; color:#fff;}

.pbox .box .software-item .software-item-mask .look-detail-wrapper .look-detail:hover{ background-color:#ad835a; border: 1px solid #ad835a;}

.pbox .box .software-item .software-item-mask .bottom-img {

    width: 100%;

    position: absolute;

    bottom: 0;

    left: 0; -webkit-transition:.5s; 

-moz-transition:.5s; 

-o-transition:.5s; 

transition:.5s;

}

.pbox .box .software-item:hover .software-item-mask .top-img-wrapper .top-img{ bottom:0;}

.pbox .box .software-item:hover .software-item-mask .text-img-wrapper .text-img{ bottom:0;}

.pbox .box .software-item:hover .software-item-mask .look-detail-wrapper .look-detail{ bottom:0;}

.pbox .box .software-item:hover .software-item-mask .bottom-img{ bottom:-100vh;}



/*.pbox .box ul{ width:100%; height:100%; display:block; position:relative;}

.pbox li {

    width: 25%;

    float: left;

    display:block;

    text-align: center;

    color: #fff;

    height: 100%;

    position: relative;

    -webkit-transition: all 1s;

    -moz-transition: all 1s;

    -o-transition: all 1s;

    transition: all 1s;

    opacity: 0;

    -webkit-opacity: 0;

    -moz-opacity: 0;

	overflow:hidden;

}

.pbox li.l1 {

    -webkit-transform: translate3d(-600px, 0, 0);

    -ms-transform: translate3d(-600px, 0, 0);

    transform: translate3d(-600px, 0, 0);

}

.pbox li.l2 {

	-webkit-transform: translate3d(-300px, 0, 0);

	-ms-transform: translate3d(-300px, 0, 0);

	transform: translate3d(-300px, 0, 0);

}

.pbox li.l3 {

	-webkit-transform: translate3d(0, 0, 0);

	-ms-transform: translate3d(0, 0, 0);

	transform: translate3d(0, 0, 0);

}

.pbox li.l4 {

	-webkit-transform: translate3d(300px, 0, 0);

	-ms-transform: translate3d(300px, 0, 0);

	transform: translate3d(300px, 0, 0);

}

.pbox li.l5{

	-webkit-transform: translate3d(600px, 0, 0);

	-ms-transform: translate3d(600px, 0, 0);

	transform: translate3d(600px, 0, 0);

}

.pbox .box.animated li {

    -webkit-transform: translate3d(0, 0, 0);

    -ms-transform: translate3d(0, 0, 0);

    transform: translate3d(0, 0, 0);

    opacity: 1;

    -webkit-opacity: 1;

    -moz-opacity: 1;

}

.pbox li .bg {

	position: absolute;

	left: 0;

	right: 0;

	bottom: 0;

	background: #d33f46;

	height: 0;

	-webkit-transition: all 0.5s;

	-moz-transition: all 0.5s;

	-o-transition: all 0.5s;

	transition: all 0.5s;

}

.pbox li:hover .bg { height: 100%;}

.pbox li.l2 .bg { background-color: #acd146;}

.pbox li.l3 .bg { background-color: #04afa6;}

.pbox li.l4 .bg { background-color: #f8c200;}

.pbox li.l5 .bg { background-color: #9a02e0;}

.pbox li .wrap {

	position: absolute;

	left: 30px;

	right: 30px;

	top: 50%;

	transform:translateX(0) translateY(-50%);

}

.pbox li h2 {

    font-size: 18px;

    font-weight: bold;

    line-height: 1;

}

.pbox li p {

    margin-top:10px;

    font-size: 14px;

    line-height: 1;

}

.pbox li .img {

    position: absolute;

    left: 0;

    right: 0;

    bottom: -200px;

    -webkit-transition: all 0.3s;

    -moz-transition: all 0.3s;

    -o-transition: all 0.3s;

    transition: all 0.3s;

    -webkit-transition-delay: 400ms;

    transition-delay: 400ms;

    opacity: 0;

    -webkit-opacity: 0;

    -moz-opacity: 0;

}

.pbox li:hover .img { bottom: 0; opacity: 1; -webkit-opacity: 1; -moz-opacity: 1;}

.pbox li .img img { display: block; width: 100%;}*/



/*.pbox .box{ width:1150px; overflow:hidden; height:460px; margin:auto; position:relative; margin-top:50px; transition: width 2s; -moz-transition: width 2s; -webkit-transition: width 2s; -o-transition: width 2s;}

.pbox .box.animated{ width:1150px;}

.pbox .box div{ width:1150px; position:absolute; left:50%; margin-left:-575px; overflow:hidden; height:460px;}

.pbox .box ul{ width:1150px; position:relative; display:block; height:460px; overflow:hidden;}

.pbox .box ul li{ display:block; width:210px; overflow:hidden; position:absolute; top:0;}

.pbox .box ul li strong{ width:100%; height:420px; overflow:hidden; display:block;}

.pbox .box ul li strong img{ display:block; height:420px; transition-delay:0s; transition-duration:1s; transition-property:all; transition-timing-function:ease; -moz-transition-delay:0s; -moz-transition-duration:1s; -moz-transition-property:all; -moz-transition-timing-function:ease; -webkit-transition-delay:0s; -webkit-transition-duration:1s; -webkit-transition-property:all; -webkit-transition-timing-function:ease; -o-transition-delay:0s; -o-transition-duration:1s; -o-transition-property:all; -o-transition-timing-function:ease;}

.pbox .box ul li span{ display:block; width:100%; height:22px; line-height:22px; text-align:center; font-size:18px; color:#fff; overflow:hidden; margin-top:20px;}

.pbox .box ul li:hover span{ color:#ad835a;}

.pbox .box ul li:hover img{ transform:scale(1.1, 1.1); -ms-transform:scale(1.1, 1.1); -moz-transform:scale(1.1, 1.1); -webkit-transform:scale(1.1, 1.1); -o-transform:scale(1.1, 1.1);}

.pbox .m1{ left:0; z-index:1;}

.pbox .m2{ left:235px; z-index:2;}

.pbox .m3{ left:470px; z-index:3;}

.pbox .m4{ right:235px; z-index:2;}

.pbox .m5{ right:0; z-index:1;} */



/*全屋定制*/

.qbox{ width:100%; height:700px; background-position:center; background-repeat:no-repeat; position:relative; background-size:cover;}

.qbox .box{ width:400px; padding-left:30px; height:700px; background-color:#fff; position:absolute; left:50%; margin-left:-575px; top:0;}

.qbox .box .title{ height:93px; padding-top:114px;}

.qbox .box .title span{ display:block; height:40px; line-height:40px; font-size:22px; text-transform:uppercase; color:#666; font-family:Georgia, "Times New Roman", Times, serif;}

.qbox .box .title p{ display:block; height:30px; line-height:30px; font-size:30px; color:#ad835a;}

.qbox .box .title a{ display:block; height:18px; line-height:18px; font-size:18px; color:#333; margin-top:3px;}

.qbox .box .vertical{ width:400px; margin-top:50px;}

.qbox .box .vertical a{ width:88px; height:88px; border:1px solid #999; display:block; float:left; margin-right:30px; margin-bottom:30px; overflow:hidden; position:relative;}

.qbox .box .vertical a span{ display:block; width:100%; height:50px; margin-top:8px; -webkit-backface-visibility:hidden; backface-visibility:hidden; transform-style:preserve-3d; transition:ease-in-out 600ms; position: absolute;}

.qbox .box .vertical a b{ display:block; width:100%; height:50px; margin-top:8px; -webkit-backface-visibility:hidden; backface-visibility:hidden; transform-style:preserve-3d; transition:ease-in-out 600ms; position: absolute; transform: rotateY(-180deg);}

.qbox .box .vertical a img{ display:block; height:40px; margin:auto;}

.qbox .box .vertical a strong{ width:60px; display:block; height:1px; background-color:#999; margin:auto; margin-top:9px;}

.qbox .box .vertical a p{ width:100%; text-align:center; display:block; height:32px; line-height:32px; font-size:14px; margin-top:58px;}

.qbox .box .vertical a:hover{ border:1px solid #ad835a;}

.qbox .box .vertical a:hover span{ transform:rotateY(180deg);}

.qbox .box .vertical a:hover b{ transform:rotateY(0deg);}

.qbox .box .vertical a:hover b strong{ background-color:#ad835a;}

.qbox .box .vertical a:hover p{ color:#ad835a;}

.qbox .box .more{ width:300px;}

.qbox .box .more img{ width:100%; display:block;}



/*新闻*/

.nbox{ width:100%; background-color:#f1f1f1; padding:70px 0; overflow:hidden;}

.nbox .box{ width:1150px; margin:auto; position:relative;}

.nbox .title{ position:absolute; left:0; top:30px;

	-webkit-transition: all 1s;

    -moz-transition: all 1s;

    -o-transition: all 1s;

    transition: all 1s;

    opacity: 0;

    -webkit-opacity: 0;

    -moz-opacity: 0;}

.nbox.animated .title {

    opacity: 1;

    -webkit-opacity: 1;

    -moz-opacity: 1;

}

.nbox .title span{ display:block; height:25px; line-height:25px; font-size:36px; text-transform:uppercase; color:#333; font-family:Georgia, "Times New Roman", Times, serif;}

.nbox .title p{ display:block; height:22px; line-height:22px; font-size:22px; color:#ad835a; margin-top:10px;}

.nbox .title a{ display:block; font-size:16px; margin-top:10px; height:26px; line-height:26px; width:140px; height:40px; line-height:40px;}

.nbox #dl1{ width:570px; margin-left:430px; display:block; overflow:hidden; border-top:1px solid #333; height:147px;

	-webkit-transform: translate3d(700px, 0, 0);

    -ms-transform: translate3d(700px, 0, 0);

    transform: translate3d(700px, 0, 0);

	-webkit-transition: all 1s;

    -moz-transition: all 1s;

    -o-transition: all 1s;

	transition: all 1s;

}

.nbox.animated #dl1{

    -webkit-transform: translate3d(0, 0, 0);

    -ms-transform: translate3d(0, 0, 0);

    transform: translate3d(0, 0, 0);

	opacity: 1;

    -webkit-opacity: 1;

    -moz-opacity: 1;

}

.nbox #dl1 dt{ display:block; font-size:18px; line-height:58px; height:50px;}

.nbox #dl1 dd{ font-size:14px; height:24px; line-height:24px; display:block; overflow:hidden;}

.nbox #dl1 dd span { margin: 0 5px;}

.nbox #dl1 dd a:hover{ color:#ad835a;}

.nbox .body{ margin-top:30px;}

.nbox .list { display:block; height:310px; width:1120px;}

.nbox .list li{ width:240px; display:block; float:left; overflow:hidden; margin-right:20px; position:relative; height:310px;

	transition-delay: 1s;

    -webkit-transition-delay: 1s;

    -ms-transition-delay: 1s;

	-webkit-transition: all 1s;

    -moz-transition: all 1s;

    -o-transition: all 1s;

    transition: all 1s;

	opacity:0;

    -webkit-opacity:0;

    -moz-opacity:0;

}

.nbox .list li:nth-child(2) {	top: 200px;	left: 100px;}

.nbox .list li:nth-child(3) {	top: 400px;	left: 200px;}

.nbox .list li:nth-child(4) {	top: 600px;	left: 300px;}

.nbox.animated .list li {

    opacity: 1;

    -webkit-opacity: 1;

    -moz-opacity: 1;

	top: 0;

    left: 0;

}

.nbox .view {

    position: relative;

    padding-top: 90px;

    padding-left:20px;

    padding-right:20px;

	background-color:#fff;

	height:220px;

}

.nbox .view .date {

    position: absolute;

    left:150px;

    top:20px;

}

.nbox .view .date big {

    font-size: 50px;

    font-weight: bold;

    font-family: impact;

}

.nbox .view .date span {

    position: absolute;

    left: 18px;

    bottom: 0;

    background: #fff;

    padding: 0 5px;

    font-family: arial;

    width: 80px;

	font-size:12px;

	height:24px;

	line-height:24px;

}

.nbox .view .img {

	width:100%;

	overflow:hidden;

}

.nbox .view .img img{ height:110px; display:block; margin:5px auto;}

.nbox .view h4 {

    font-size: 14px;

    color: #333;

	line-height:24px;

	display:block;

	height:48px;

	overflow:hidden;

	margin-top:10px;

}

.nbox .mask {

    background: #e50581;

    position: absolute;

    left: 0;

    right: 0;

    top: 400px;

    bottom: 0;

    padding:25px 20px;

    color: #fff;

    -webkit-transition: all 0.3s;

    -moz-transition: all 0.3s;

    -o-transition: all 0.3s;

    transition: all 0.3s;

    opacity: 0;

    -webkit-opacity: 0;

    -moz-opacity: 0;

}

.nbox .mask h2 {

    margin-top: 10px;

    font-size: 15px;

	display:block;

	line-height:25px;

	max-height:75px;

}

.nbox .mask p {

    margin-top:10px;

    clear: both;

	font-size:14px;

	line-height:24px;

	height:144px;

	display:block;

	overflow:hidden;

}

.nbox a:hover .mask{

	top: 0;

	opacity: 1;

	-webkit-opacity: 1;

	-moz-opacity: 1;

}

.nbox .mask hr {

	width: 37px;

	height: 1px;

	border: none;

	background: #fff;

	display: block;

	margin-top:10px;

	margin-left: 0;

}

/*.nbox .box{ width:1150px; margin:auto; position:relative; margin-top:50px; height:380px; padding-top:40px; background-image:url(../images/nbg.jpg); background-position:right center; background-repeat:no-repeat;}

.nbox .box .d_img{ display:block; width:520px; position:relative; height:260px; float:right; margin-right:40px; overflow:hidden;}

.nbox .box .d_img p{ width:140px; height:260px; position:absolute; right:0; top:0; z-index:11; background-image:url(../images/new.png); background-position:center; background-repeat:no-repeat;}

.nbox .box .d_img li{ position:absolute; display:none; z-index:0}

.nbox .box .d_img li img{ width:100%; display:block;}

#d_tab29 .d_img li.d_pos1{ display:block; width:380px; right:140px; top:0; z-index:99;}

#d_tab29 .d_img li.d_pos2{ display:block; width:321px; right:70px; top:20px; z-index:2;}

#d_tab29 .d_img li.d_pos3{ display:block; width:262px; right:0; top:40px; z-index:1;}

#d_tab29 .d_prev{ width:50px; height:50px; cursor:pointer; display:block; background-image:url(../images/left.jpg); background-repeat:no-repeat; position:absolute; right:91px; bottom:39px;}

#d_tab29 .d_next{ width:50px; height:50px; cursor:pointer; display:block; background-image:url(../images/right.jpg); background-repeat:no-repeat; position:absolute; right:29px; bottom:39px;}

#d_tab29 .d_menu,#d_tab29 .num{ display:none;}

#d_tab29 .d_prev:hover{ background-image:url(../images/lefth.jpg);}

#d_tab29 .d_next:hover{ background-image:url(../images/righth.jpg);}



.nbox .box .buypic{ width:520px !important; display:block; overflow:hidden; position:relative; margin-top:34px; float:left;}

.nbox .box .buypic li{ width:100%; overflow:hidden; display:none;}

.nbox .box .buypic li .biao{ font-size:18px; height:28px; line-height:28px;}

.nbox .box .buypic li .biao a:hover{ color:#ad835a;}

.nbox .box .buypic li .time{ font-size:14px; height:42px; line-height:42px; color:#999;}

.nbox .box .buypic li .wen{ font-size:14px; height:144px; line-height:24px; text-indent:2rem;}

.nbox .box .buypic li .more{ width:142px; height:42px; margin-top:50px;}

.nbox .box .buypic li .more a{ display:block; width:138px; height:38px; line-height:38px; text-transform:uppercase; overflow:hidden; text-align:center; font-size:14px; color:#ad835a; border:2px solid #ad835a;}

.nbox .box .buypic li .more a:hover{ text-decoration:underline;}*/



/*加盟*/

.jbox{ width:100%; padding:70px 0; background-image:url(../images/jbg.jpg); background-position:center; background-repeat:no-repeat; position:relative; background-size:cover;}

.jbox .title{ height:57px; text-align:center;}

.jbox .title span{ display:block; height:25px; line-height:25px; font-size:36px; text-transform:uppercase; color:#fff; font-family:Georgia, "Times New Roman", Times, serif;}

.jbox .title p{ display:block; height:22px; line-height:22px; font-size:22px; color:#fff; background-image:url(../images/atitle.png); background-position:center; background-repeat:no-repeat; margin-top:10px;}

.jbox .box{ width:1150px; margin:auto; margin-top:30px;}

.jbox .box dl{ width:1160px; display:block;}

.jbox .box dl dt{ width:280px; height:170px; text-align:center; display:block; float:left; margin-right:10px; position:relative; background-image:url(../images/left.png); overflow:hidden}

.jbox .box dl dd{ width:280px; height:170px; text-align:center; display:block; float:left; margin-right:10px; position:relative; background-image:url(../images/right.png);}

.jbox .box dl .cont{ width:100%; height:170px; position:absolute; left:0; top:0; z-index:11;}

.jbox .box dl span{ display:block; padding-top:27px; height:54px; line-height:54px; font-size:30px; overflow:hidden;}

.jbox .box dl a{ display:block; height:26px; line-height:26px; font-size:18px; overflow:hidden;}

.jbox .box dl p{ display:block; height:26px; line-height:26px; font-size:14px; color:#666; text-transform:capitalize; overflow:hidden;}

.jbox .box dl dt:hover span,.jbox .box dl dt:hover a,.jbox .box dl dt:hover p,.jbox .box dl dd:hover span,.jbox .box dl dd:hover a,.jbox .box dl dd:hover p{ color:#fff;}



.jbox .box dl dt.on a{ width:100%; height:170px; display:block; background-image:url(../images/add.png); background-repeat:no-repeat; position:absolute; left:0; top:0; z-index:111;}

.jbox .more{ width:142px; height:42px; margin:auto; margin-top:30px;}

.jbox .more a{ display:block; width:138px; height:38px; line-height:38px; text-transform:uppercase; overflow:hidden; text-align:center; font-size:14px; color:#fff; border:2px solid #fff;}

.jbox .more a:hover{ text-decoration:underline;}



.imghvr-hinge-right,.imghvr-hinge-left{ width:280px; height:170px; position:relative;}

[class^='imghvr-'],

[class*=' imghvr-'] {

  -webkit-backface-visibility: hidden;

  backface-visibility: hidden;

  -moz-osx-font-smoothing: grayscale;

  -webkit-transform: translateZ(0);

  transform: translateZ(0);

}



[class^='imghvr-'],

[class*=' imghvr-'],

[class^='imghvr-']:before,

[class^='imghvr-']:after,

[class*=' imghvr-']:before,

[class*=' imghvr-']:after,

[class^='imghvr-'] *,

[class*=' imghvr-'] *,

[class^='imghvr-'] *:before,

[class^='imghvr-'] *:after,

[class*=' imghvr-'] *:before,

[class*=' imghvr-'] *:after {

  -webkit-box-sizing: border-box;

  box-sizing: border-box;

  -webkit-transition: all 0.35s ease;

  transition: all 0.35s ease;

}



.imghvr-hinge-left img {

  -webkit-transform-origin: 0% 50%;

  -ms-transform-origin: 0% 50%;

  transform-origin: 0% 50%;

  -webkit-transform: rotateY(90deg);

  transform: rotateY(90deg);

  width:100%;

}

.jbox .box dl dd:hover .imghvr-hinge-left img {

  -webkit-transform: rotateY(0);

  transform: rotateY(0);

}



.imghvr-hinge-right img {

  -webkit-transform-origin: 100% 50%;

  -ms-transform-origin: 100% 50%;

  transform-origin: 100% 50%;

  -webkit-transform: rotateY(-90deg);

  transform: rotateY(-90deg);

  width:100%;

}

.jbox .box dl dt:hover .imghvr-hinge-right img {

  -webkit-transform: rotateY(0);

  transform: rotateY(0);

}









/*地图*/

.lbox{ width:100%; height:610px; position:relative; position:relative;}

.lbox .box{ width:430px; height:580px; position:absolute; left:50%; margin-left:-575px; top:25px; background-image:url(../images/map.png); background-position:top left; background-repeat:no-repeat;}

.lbox .box .click{ width:16px; height:11px; background-image:url(../images/bot.jpg); background-repeat:no-repeat; margin-top:45px; margin-left:392px; cursor:pointer;}

.lbox .box .biao{ margin-left:50px; height:66px; line-height:66px; font-size:34px; color:#fff;}

.lbox .box dl{ display:block; width:290px; margin-left:50px; overflow:hidden;}

.lbox .box dl dt{ display:block; line-height:44px; font-size:14px; color:#fff;}

.lbox .box dl dd{ display:block; line-height:44px; font-size:24px; color:#ad835a;}



/*footer*/

.footer{ width:100%; background-color:#111;}

.footer .foot{ width:810px; margin:auto; padding-right:340px; position:relative;}

.footer .foot .top{ width:100%; padding-top:40px; padding-bottom:20px; border-bottom:1px solid #323232;}

.footer .foot .top ul{ display:block; overflow:hidden; height:40px; float:left;}

.footer .foot .top ul li{ height:40px; display:block; text-align:center; float:left; line-height:40px; font-size:16px; background-color:#323232; margin-right:10px;}

.footer .foot .top ul li:hover{ background-color:#222;}

.footer .foot .top ul li a{ color:#fff; padding:0 15px; display:block;}

.footer .foot .top dl{ display:block; overflow:hidden; height:40px; float:right;}

.footer .foot .top dl dt{ display:table; text-align:center; vertical-align:middle; float:left; margin-left:10px; width:34px; height:34px; margin-top:3px; border-radius:34px; background-color:#323232;}

.footer .foot .top dl dt a{ display:table-cell; text-align:center; vertical-align:middle; width:34px; height:34px;}

.footer .foot .top dl dt img{ max-height:18px; max-width:18px;}

.footer .foot .top dl dt:hover{ background-color:#222;}

.footer .foot .bot{ width:100%; height:48px; margin:3px auto; line-height:54px; font-size:14px;}

.footer .foot .bot p{ display:block; line-height:24px; height:48px; float:left; width:500px; color:#fff;}

.footer .foot .bot span{ display:block; float:right; text-align:right; width:290px; color:#fff; line-height:24px; height:48px;}

.footer .foot .bot span a{ color:#fff;}

.footer .foot .bot strong{ width:20px; height:12px; padding:21px 0; float:left; display:block;}

.footer .foot .bot strong a{ width:20px; height:12px; display:block;}

.footer .foot .bot strong a img{ width:100%; display:block;}

.footer .foot .ma{ width:330px; display:block; position:absolute; right:0; top:33px;}

.footer .foot .ma p{ float:left; width:90px; overflow:hidden; margin-left:20px;}

.footer .foot .ma p strong{ width:90px; background-color:#fff; display:block; overflow:hidden;}

.footer .foot .ma p strong img{ display:block; width:100%;}

.footer .foot .ma p span{ display:block; text-align:center; font-size:14px; color:#fff; overflow:hidden; height:30px; line-height:30px;}



/*内页*/

.ban{ width:100%; height:700px; position:relative;}

.ban img{ width:100%; display:block; position:absolute; top:50%; left:50%; transform:translateX(-50%) translateY(-50%);}



/*走进海阔*/

.about01{ width:100%; padding-top:70px; background-image:url(../images/zcbg.jpg); background-position:top center; background-repeat:no-repeat; height:570px;}

.about01 .box{ width:1150px; margin:auto;}

.about01 .box .tu{ width:400px; float:left; overflow:hidden;}

.about01 .box .tu p{ width:400px; height:500px; overflow:hidden; display:block;}

.about01 .box .tu p img{ width:100%; display:block;}

.about01 .box .tu strong{ width:100%; text-align:center; font-size:18px; display:block; height:38px; line-height:38px;}

.about01 .box .right{ width:700px; float:right; overflow:hidden;}

.about01 .box .right .biao{ padding-top:16px; height:84px; padding-left:20px; background-image:url(../images/zc.jpg); background-position:left center; background-repeat:no-repeat;}

.about01 .box .right .biao span{ display:block; height:38px; line-height:38px; font-size:30px; color:#ad835a; overflow:hidden;}

.about01 .box .right .biao p{ display:block; height:28px; line-height:28px; font-size:20px; overflow:hidden; font-family:Arial; text-transform:uppercase;}

.about01 .box .right .wen{ width:100%; padding-top:25px; font-size:14px; line-height:24px;}



.about02{ width:100%; padding:70px 0; background-color:#eee;}

.about02 .title{ height:57px;}

.about02 .title img{ display:block; height:57px; margin:auto;}

#content{ width:1150px; margin:auto; margin-top:30px; padding-top:40px; background-image:url(../images/shang.jpg); background-position:top center; background-repeat:no-repeat;}

#content ul{ width:100%; display:block;}

#content ul li{ width:100%; display:block; height:255px; position:relative; overflow:hidden; background-image:url(../images/pp.jpg); background-position:top center; background-repeat:no-repeat;}

#content ul li .liwrap{ width:100%; position:relative; height:255px;}

#content ul li .lileft{ width:537px; position:absolute; left:0; top:40px; height:170px; overflow:hidden;}

#content ul li .lileft .wen{ width:250px; display:table; float:right; margin-right:25px; text-align:right; vertical-align:middle; line-height:24px; font-size:14px; height:170px;}

#content ul li .lileft .wen span{ display:block; height:50px; line-height:50px; font-size:30px; vertical-align:bottom; width:100%; overflow:hidden;}

#content ul li .lileft .wen p{ display:table-cell; max-height:170px; line-height:24px; vertical-align:bottom; width:100%; overflow:hidden;}

#content ul li .lileft .tu{ width:262px; height:170px; float:right; overflow:hidden; position:relative;}

#content ul li .lileft .tu img{ width:100%; display:block;}

#content ul li .lileft .tu b{ display:block; width:12px; height:170px; background-image:url(../images/pl.png); background-position:right top; background-repeat:no-repeat; position:absolute; right:0; top:0;}

#content ul li .liright{ width:537px; position:absolute; right:0; top:55px; height:170px; overflow:hidden;}

#content ul li .liright .wen{ width:250px; display:table; margin-left:25px; float:left; vertical-align:bottom; line-height:24px; font-size:14px; height:170px;}

#content ul li .liright .wen span{ display:block; height:50px; line-height:50px; font-size:30px; vertical-align:bottom; width:100%; overflow:hidden;}

#content ul li .liright .wen p{ display:table-cell; max-height:170px; line-height:24px; vertical-align:bottom; width:100%; overflow:hidden;}

#content ul li .liright .tu{ width:262px; height:170px; float:left; overflow:hidden; position:relative;}

#content ul li .liright .tu img{ width:100%; display:block;}

#content ul li .liright .tu b{ display:block; width:12px; height:170px; background-image:url(../images/pr.png); background-position:left top; background-repeat:no-repeat; position:absolute; left:0; top:0;}

#content ul li .point{ width:60px; margin:auto; padding-top:40px;}

#content ul li .point p{ display:block; margin-bottom:65px; width:56px; height:56px; line-height:56px; text-align:center; background-color:#ad835a; border-radius:60px; border:2px solid #fff; font-size:18px; color:#fff;}

#content .more{ width:60px; margin:auto; display:block; border-radius:60px;}

#content .more img{ width:100%; display:block;}



.pp{ width:1150px; margin:auto; position:relative; height:460px; margin-top:70px; overflow:hidden;}

.pp .bg01{ position:absolute; top:0; left:0; width:1150px; height:460px;}

.pp .bg01 img{ width:100%; display:block;}

#wrap{ width:1150px; position:absolute; height:460px; top:0; left:0; overflow:hidden;}

#wrap li{ display:block; float:left; width:22%; height:460px; background:url(../images/dotline.jpg) repeat-y right top rgba(0,0,0,0.4);}

#wrap li > a{ display:block; width:100%; height:100%; overflow:hidden; position:relative;}

#wrap li:last-child { background-image:none; z-index:1;}

#wrap li.curr{ width:34%;} 

#wrap ul li span { left:12%; display:block; padding-top:48px; font-size:24px; color:#fff; font-family:Arial; position:relative; width:90%;}

#wrap ul li h1{ height:16px; transition:height 1s; -moz-transition:height 1s; -webkit-transition:height 1s; -o-transition:height 1s; }

#wrap .ourwrap{ margin-left:12%; width:70%; height:34px;}

#wrap .ourwrap h4 { color:#fff; font-size:18px; height:34px; line-height:34px; font-weight:normal; margin-bottom:30px; text-overflow:ellipsis; white-space:nowrap; overflow:hidden; }

#wrap .ourwrap h4 a{ color:#fff;}

#wrap .ourwrap p { color:#fff; font-size:14px; line-height:24px; height:96px; opacity:0; overflow:hidden;}

#wrap ul li.curr span { font-size:36px; transform-origin:left top; padding-top:45px; }

#wrap ul li.curr h1{ height:80px;}

#wrap ul li.curr .ourwrap{  top:180px;}

#wrap ul li.curr .ourwrap h4 { font-size:24px; height:62px; line-height:32px; margin-bottom:20px; transform-origin:left top;}

#wrap ul li.curr .ourwrap p { opacity:1; overflow:hidden;}



.pp .bg02{ position:absolute; top:0; left:0; width:1150px; height:460px;}

.pp .bg02 img{ width:100%; display:block;}

#wrap01{ width:1150px; position:absolute; height:460px; top:0; left:0; overflow:hidden;}

#wrap01 li{ display:block; float:left; width:22%; height:460px; background:url(../images/dotline.jpg) repeat-y right top rgba(0,0,0,0.4);}

#wrap01 li > a{ display:block; width:100%; height:100%; overflow:hidden; position:relative;}

#wrap01 li:last-child { background-image:none; z-index:1;}

#wrap01 li.curr01{ width:34%;} 

#wrap01 ul li span { left:12%; display:block; padding-top:48px; font-size:24px; color:#fff; font-family:Arial; position:relative; width:90%;}

#wrap01 ul li h1{ height:16px; transition:height 1s; -moz-transition:height 1s; -webkit-transition:height 1s; -o-transition:height 1s; }

#wrap01 .ourwrap{ margin-left:12%; width:70%; height:34px;}

#wrap01 .ourwrap h4 { color:#fff; font-size:18px; height:34px; line-height:34px; font-weight:normal; margin-bottom:30px; text-overflow:ellipsis; white-space:nowrap; overflow:hidden; }

#wrap01 .ourwrap h4 a{ color:#fff;}

#wrap01 .ourwrap p { color:#fff; font-size:14px; line-height:24px; height:96px; opacity:0; overflow:hidden;}

#wrap01 ul li.curr01 span { font-size:36px; transform-origin:left top; padding-top:45px; }

#wrap01 ul li.curr01 h1{ height:80px;}

#wrap01 ul li.curr01 .ourwrap{  top:180px;}

#wrap01 ul li.curr01 .ourwrap h4 { font-size:24px; height:62px; line-height:32px; margin-bottom:20px; transform-origin:left top;}

#wrap01 ul li.curr01 .ourwrap p { opacity:1; overflow:hidden;}



.about03{ width:1150px; margin:63px auto; margin-top:70px;}

.about03 .title{ width:100%;}

.about03 .title img{ display:block; margin:auto;}

.about03 .tu{ width:100%; margin-top:29px;}

.about03 .tu img{ width:100%; display:block;}

.about03 .biao{ width:100%; text-align:center; height:52px; line-height:52px; padding-top:16px; font-size:24px; color:#ad835a;}

.about03 .wen{ width:860px; margin:auto; text-align:center; line-height:24px; font-size:14px;}

.about03 .list{ width:100%; display:block; margin-top:35px;}

.about03 .list li{ width:16.66%; display:block; float:left; text-align:center;}

.about03 .list li strong{ width:60px; height:60px; display:block; overflow:hidden; margin:auto; border-radius:130px;}

.about03 .list li strong img{ width:100%; display:block;

transition-delay: 0s;

    transition-duration: 1s;

    transition-property: all;

    transition-timing-function: ease;

	/* Firefox 4 */

	-moz-transition-delay: 0s;

    -moz-transition-duration: 1s;

    -moz-transition-property: all;

    -moz-transition-timing-function: ease;

	/* Safari 和 Chrome */

	-webkit-transition-delay: 0s;

    -webkit-transition-duration: 1s;

    -webkit-transition-property: all;

    -webkit-transition-timing-function: ease;

	/* Opera */

	-o-transition-delay: 0s;

    -o-transition-duration: 1s;

    -o-transition-property: all;

    -o-transition-timing-function: ease;

}

.about03 .list li:hover img {

	transform: scale(1.1, 1.1);

	-ms-transform:scale(1.1, 1.1); 	/* IE 9 */

	-moz-transform:scale(1.1, 1.1); 	/* Firefox */

	-webkit-transform:scale(1.1, 1.1); /* Safari 和 Chrome */

	-o-transform:scale(1.1, 1.1); 	/* Opera */

}



.about03 .list li span{ display:block; height:24px; line-height:24px; font-size:18px; padding-top:7px; overflow:hidden;}

.about03 .list li p{ display:block; line-height:26px; height:52px; font-size:14px; overflow:hidden;}



/*荣誉*/

.about04{ width:100%; padding:70px 0; background-image:url(../images/ry.jpg); background-position:center; background-repeat:no-repeat; position:relative; background-size:cover;}

.about04 .title{ width:100%;}

.about04 .title img{ display:block; margin:auto;}

.about04 .box{ width:1150px; margin:auto; margin-top:30px;}

.about04 .box .ry{ width:100%; display:block; position:relative; height:440px;}

.about04 .box .ry li{ width:1150px; display:block; overflow:hidden; height:440px;}

.about04 .box .ry li .tu{ width:1150px; height:440px; float:left;}

.about04 .box .ry li .tu img{ width:100%; display:block;}

/*.about04 .box .ry li .wen{ width:480px; float:right; margin-top:-67px;}

.about04 .box .ry li .wen .biao{ width:100%; margin-top:46px; height:64px; line-height:64px;}

.about04 .box .ry li .wen .biao span{ width:20px; height:2px; margin:31px 0; background-color:#ad835a; display:block; float:left;}

.about04 .box .ry li .wen .biao p{ display:block; float:left; margin-left:10px; font-size:24px; color:#ad835a;}

.about04 .box .ry li .wen .nei{ font-size:14px; line-height:30px; color:#fff; width:450px; margin-left:30px;}*/

.about04 .box .num{ width:360px; margin:auto; overflow:hidden; text-align:center; margin-top:30px; height:42px; position:relative;}

.about04 .box .num a{ width:24px; height:42px; display:block; position:absolute; top:0; cursor:pointer;}

.about04 .box .num a img{ display:block; height:42px;}

.about04 .box .num a.prev{ left:0;}

.about04 .box .num a.next{ right:0;}

.about04 .box .num ul{ width:100%; display:block; text-align:center; vertical-align:middle; height:42px;}

.about04 .box .num ul li{ width:10px; height:10px; border-radius:10px; background-color:#fff; margin:15px 5px; display:inline-block; font-size:0;}

.about04 .box .num ul li.on{ width:50px;}



/*经销商*/

.jx{ width:100%; height:900px; margin-top:70px; background-image:url(../images/jxs.jpg); background-position:center; background-repeat:no-repeat; position:relative; background-size:cover;}

.jx .deng{ width:640px; height:900px; background-image:url(../images/mask.png); background-repeat:repeat; position:absolute; left:50%; margin-left:35px;}

.jx .deng .biao{ margin-left:98px; padding-top:152px; font-size:32px; line-height:128px; height:128px; font-weight:bold; color:#fff;}

.jx .deng .dl{ width:381px; padding-left:62px; height:114px; padding-top:4px; margin-left:98px; background-image:url(../images/dl.png); background-repeat:no-repeat;}

.jx .deng .dl input{ width:370px; display:block; height:56px; margin-top:1px; font-size:22px; overflow:hidden;}

.jx .deng .lx{ margin-left:98px; width:443px; font-size:18px; line-height:62px; height:62px; text-align:right; color:#fff;}

.jx .deng .lx a{ color:#fff;}

.jx .deng .ti{ margin-left:103px; width:434px; margin-top:18px; line-height:55px; height:55px; text-align:center; border-radius:10px;}

.jx .deng .ti input{ width:100%; height:55px; font-size:24px; background-color:#ad835a; color:#fff; display:block;}

.jx .deng .jian{ font-size:14px; line-height:24px; width:500px; margin:auto; color:#fff; margin-top:200px; text-align:right;}

.db{ width:100%; height:50px; line-height:50px; text-align:center; background-color:#111; font-size:14px; color:#fff;}

.db a{ color:#fff;}



/*产品*/

.pro01{ width:100%; background-color:#f1f1f1; padding:70px 0;}

.pro01 .tou{ width:1150px; margin:auto; position:relative; height:450px;}

.pro01 .tou .tu{ width:720px; height:400px; padding-top:50px;}

.pro01 .tou .tu img{ width:100%; display:block;}

.pro01 .tou .wen{ background-color:#fff; position:absolute; right:0; top:0; width:500px; height:400px;}

.pro01 .tou .wen .en{ padding-top:76px; text-align:center; font-size:36px; line-height:40px; text-transform:uppercase;}

.pro01 .tou .wen .cn{ text-align:center; font-size:24px; line-height:74px;}

.pro01 .tou .wen .line{ width:40px; height:4px; background-color:#ad835a; margin:auto; margin-top:6px;}

.pro01 .tou .wen .zi{ width:260px; font-size:18px; text-align:center; margin:auto; margin-top:22px; line-height:30px;}



.pro02{ width:100%; background-color:#fff; padding:70px 0;}

.pro02 .tou{ width:1150px; margin:auto; position:relative; height:450px;}

.pro02 .tou .tu{ width:720px; height:400px; padding-top:50px; float:right;}

.pro02 .tou .tu img{ width:100%; display:block;}

.pro02 .tou .wen{ background-color:#f1f1f1; position:absolute; left:0; top:0; width:500px; height:400px;}

.pro02 .tou .wen .en{ padding-top:76px; text-align:center; font-size:36px; line-height:40px; text-transform:uppercase;}

.pro02 .tou .wen .cn{ text-align:center; font-size:24px; line-height:74px;}

.pro02 .tou .wen .line{ width:40px; height:4px; background-color:#ad835a; margin:auto; margin-top:6px;}

.pro02 .tou .wen .zi{ width:260px; font-size:18px; text-align:center; margin:auto; margin-top:22px; line-height:30px;}



/*.ladyScroll{ width:100%; position:relative; height:376px;}

.ladyScroll .scrollWrap{ width:100%; position:relative; text-align:center;}

.ladyScroll .scrollWrap .tempWrap{ width:100% !important; margin:25px auto; text-align:center;}

.ladyScroll .scrollWrap .dlList{ text-align:center; overflow:hidden; height:290px; margin:auto; vertical-align:middle;}

.ladyScroll .scrollWrap .dlList dl{ display:inline-block; padding:25px 6px; width:220px;}

.ladyScroll .scrollWrap .dlList dl dt{ display:block; width:220px; height:180px; overflow:hidden; position:relative;}

.ladyScroll .scrollWrap .dlList dl dt img{ height:100%; display:block;}

.ladyScroll .scrollWrap .dlList dl dt a{ width:180px; height:70px; background-color:rgba(255,255,255,0.7); position:absolute; left:50%; margin-left:-90px; top:50%; margin-top:-35px; display:none;}

.ladyScroll .scrollWrap .dlList dl dt a span{ display:block; width:140px; margin:auto; border-bottom:1px solid #cacaca; height:36px; line-height:36px; font-size:14px;}

.ladyScroll .scrollWrap .dlList dl dt a p{ display:block; width:140px; margin:auto; height:34px; line-height:34px; font-size:14px; color:#999;}

.ladyScroll .scrollWrap .dlList dl dd{ display:block; width:220px; height:40px; padding:10px 0; background-color:#fff; overflow:hidden; position:relative;}

.ladyScroll .scrollWrap .dlList dl dd p{ line-height:20px; font-size:14px; text-align:center; display:block;}

.ladyScroll .scrollWrap .dlList dl dd p span{ color:#999; display:block;}

.ladyScroll .scrollWrap .dlList dl dd a{ width:200px; display:none; margin:auto; font-size:14px; line-height:20px;}

.ladyScroll .scrollWrap .dlList dl:hover{ padding:0 6px; position:relative; z-index:99;}

.ladyScroll .scrollWrap .dlList dl:hover dt{ width:280px; height:230px; margin-left:-30px;}

.ladyScroll .scrollWrap .dlList dl:hover dd{ width:280px; margin-left:-30px;}

.ladyScroll .scrollWrap .dlList dl:hover dt a{ display:block;}

.ladyScroll .scrollWrap .dlList dl:hover dd a{ display:block;}

.ladyScroll .scrollWrap .dlList dl:hover dd p{ display:none;}

.ladyScroll .prev,.ladyScroll .next{ width:50px; height:36px; position:absolute; bottom:0; cursor:pointer;}

.ladyScroll .prev{ left:50%; margin-left:-130px; background-image:url(../images/pl01.png); background-repeat:no-repeat;}

.ladyScroll .next{ right:50%; margin-right:-130px; background-image:url(../images/pr01.png); background-repeat:no-repeat;}

.ladyScroll .prev:hover{ background-image:url(../images/pl01h.png);}

.ladyScroll .next:hover{ background-image:url(../images/pr01h.png);}

.ladyScroll .more{ width:140px; height:36px; margin:auto; font-size:14px; text-align:center; position:absolute; left:50%; margin-left:-70px; bottom:0;}

.ladyScroll .more a{ width:138px; display:block; height:34px; line-height:34px; border:1px solid #999;}

.ladyScroll .more a:hover{ border:1px solid #ad835a; color:#ad835a;}



.pro01 .ladyScroll{ width:1150px; margin:auto;}

.pro01 .tempWrap{ padding-left:464px;}*/

.ladyScroll{ width:100%; position:relative; height:380px;}

.ladyScroll .dlList{ text-align:center; overflow-x:auto; overflow-y:hidden; height:376px;}

.ladyScroll .dlList div{ padding:50px 0; margin:auto; height:240px;}

.ladyScroll .dlList dl{ display:inline-block; width:232px; height:240px; animation-duration:0.3s; animation-delay:0.3s; animation-name:fadeInUp; position:relative; overflow:visible;}

.ladyScroll .dlList dl a{

    position: absolute;

    left:6px;

    top: 0;

    z-index: 0;

    width:220px;

	height:170px;

    background: #fff;

    box-shadow: 0 3px 8px rgba(212,0,65,0.05);

    -webkit-transition: all 0.4s ease-in-out;

    -moz-transition: all 0.4s ease-in-out;

    transition: all 0.4s ease-in-out;

	overflow:hidden;

}

.ladyScroll .dlList dl strong{ display:block; width:100%; height:170px; overflow:hidden; position:relative;}

.ladyScroll .dlList dl strong img{ display:block; height:100%;}

.ladyScroll .dlList dl dt{

	position: absolute;

	bottom: -70px;

	left: 0;

	padding-top: 0;

	height: 70px;

	margin: 0;

	z-index: 2;

	width: 100%;

	text-align: center;

	background: #fff;

	-webkit-transition: all 0.4s ease-in-out 0.2s;

	-moz-transition: all 0.4s ease-in-out 0.2s;

	transition: all 0.4s ease-in-out 0.2s;		

}

.ladyScroll .dlList dl dt p{

	width: 70%;

	margin:0 auto;

	padding-top:5px;

	border-bottom: 1px solid #e0e0e0;

	font-size: 14px;

	height:30px;

	line-height:30px;

	-webkit-transition: all 0.4s ease-in-out;

	-moz-transition: all 0.4s ease-in-out;

	transition: all 0.4s ease-in-out;		

}

.ladyScroll .dlList dl dt span{

	font-size: 14px;

	height:30px;

	color:#999;

	line-height:30px;

	-webkit-transition: all 0.4s ease-in-out;

	-moz-transition: all 0.4s ease-in-out;

	transition: all 0.4s ease-in-out;		

}

.ladyScroll .dlList dl dd{ display:block; width:94%; font-size:14px; line-height:24px; height:48px; padding:11px 3%; line-height:24px; overflow:hidden; position:relative; opacity: 0; -webkit-transition: all 0.4s ease-in-out; -moz-transition: all 0.4s ease-in-out; transition: all 0.4s ease-in-out; display:none;}

.ladyScroll .dlList dl:hover a{

	width:280px;

	left: -24px;

	top: -25px;

	box-shadow: 0 3px 25px rgba(212,0,65,0.1);

	z-index: 1;

	height:280px;

}

.ladyScroll .dlList dl:hover strong{ width:100%; height:280px; overflow:hidden; display:block;}

.ladyScroll .dlList dl a:hover dt{

	bottom: 50%;

	width: 70%;

	height: 80px;

	padding-top: 5px;

	left: 15%;

	background: rgba(255,255,255,.85);

}

.ladyScroll .dlList dl a:hover dd{

	opacity: 1;

}



.ladyScroll .more{ width:140px; height:36px; margin:auto; font-size:14px; text-align:center; position:absolute; left:50%; margin-left:-70px; bottom:0;}

.ladyScroll .more a{ width:138px; display:block; height:34px; line-height:34px; border:1px solid #999;}

.ladyScroll .more a:hover{ border:1px solid #ad835a; color:#ad835a;}



.ladyScroll .dlList.p03{ width:1064px; margin:auto; overflow:visible;}

.ladyScroll .dlList.p03 div{ width:1064px;}

.ladyScroll .dlList.p03 dl{ display:block; float:left; margin:0 50px; width:432px; height:300px;}

.ladyScroll .dlList.p03 dl a{ width:420px; height:300px;}

.ladyScroll .dlList.p03 dl strong{ height:230px;}

.ladyScroll .dlList.p03 dl strong img{ width:100%; height:auto;}

.ladyScroll .dlList.p03 dl:hover{ height:360px;}

.ladyScroll .dlList.p03 dl:hover a{ height:360px;}

.ladyScroll .dlList.p03 dl:hover a strong{ height:290px;}



/*产品列表*/

/*.PListWrapper{ width:1150px; margin:50px auto; overflow:hidden;}

.productSideW{ width:198px; overflow:hidden; padding: 0 0 32px 15px; border:1px solid #cacaca;}

.productSideW .productSide{

    height: 30px;

    padding: 15px 0 0 5px;

    line-height: 30px;

    color: #4c4c4c;

    word-spacing: 0;

    font-size: 14px;

    font-weight: 400;

    border-bottom: 1px solid #d1d3d4;

}

.subnav{ padding: 5px 0 0;}

.subnav li {

    height: 34px;

    color: #808285;

    font-size: 14px;

    line-height: 34px;

}

.subnav li a {

    display: block;

    height: 34px;

    line-height: 34px;

    color: #808285;

    text-decoration: none;

    padding: 0 0 0 35px;

}

.subnav li a:hover{ color:#333;}

.subNavBox{ width:100%; overflow:hidden;}

.subNav{

	height: 34px;

	margin-left:10px;

    color: #808285;

    font-size: 14px;

    line-height: 34px;

    cursor: pointer;

	background-image: url(../images/bg.png); 

	background-position:left center;

	background-repeat:no-repeat;

}

.navContent{ display:none; margin-left:10px;}

.navContent li {

    height: 34px;

    color: #808285;

    font-size: 14px;

    line-height: 34px;

}

.navContent li a {

    display: block;

    height: 34px;

    line-height: 34px;

    color: #808285;

    text-decoration: none;

    padding: 0 0 0 10px;

}

.currentDt{ background-image: url(../images/bg01.png);}

.navContent li a:hover{ color:#333;}

.subNav:hover{ color:#333;}

.subNavBox a.active {

    background: #ad835a;

    color: #fff !important;

}



.nei{ width:880px; overflow:hidden;}

.nei .cp{ width:900px; display:block;}

.nei .cp li{ display:block; float:left; margin-right:20px; width:280px; overflow:hidden; margin-bottom:20px;}

.nei .cp li strong{ display:block; width:278px; height:200px; overflow:hidden; border:1px solid #cacaca;}

.nei .cp li strong img{ height:160px; display:block; margin:auto;}

.nei .cp li span{ width:100%; height:30px; line-height:30px; font-size:14px; text-align:center; display:block;} 

.nei .cp li:hover strong{ border:1px solid #333;}

.nei .cp li:hover span{ color:#333;} */



.fanye{ width:100%; text-align:center; font-size:14px; margin-top:20px;}

.fanye span{ color:#fff; background-color:#ad835a; margin:0 3px; display:inline-block; min-width:14px; padding:0 8px; height:30px; line-height:30px; border:1px solid #ad835a; border-radius:3px;}

.fanye a{ margin:0 3px; min-width:14px; padding:0 8px; height:30px; line-height:30px; border:1px solid #cacaca; border-radius:3px; display:inline-block;}

.fanye a:hover{ color:#ad835a;}







/*产品内页*/

/*.slider_box{ width:1150px; margin:50px auto; overflow:hidden; position:relative;} 

.sildercon{ width:498px; height:348px; overflow:hidden; float:left; position:relative; border:1px solid #cacaca;}

.silder_con{ height:348px; display:block; position:absolute; overflow:hidden;}

.silder_panel{ width:498px; height:348px; overflow:hidden; float:left; position:relative;}

.silder_panel img{ height:348px; margin:auto; display:block; overflow:hidden;}

.slider_box a.prev,.slider_box a.next{ display:block; width:45px; height:100px; overflow:hidden; z-indent:9; position:absolute; cursor:pointer; background:url(../images/silder_btn.gif) no-repeat; top:125px; font-size:0;}

.slider_box a.prev{ left:0; background-position:left 0;}

.slider_box a.next{ left:455px; background-position:right 0;} 



.rught{ width:600px; overflow:hidden;}

.rught h3 {

    height: 30px;

    font-weight: 400;

    font-size: 16px;

    line-height: 30px;

    color: #4c4c4c;

}

.numOfPeople{ color: #808285; font-size:12px; height: 30px; line-height: 30px;}

.numOfPeople dd{ padding: 0 0 0 5px;}

.originalPrice{ display:block; margin-top:20px;}

.originalPrice dt{ font-size:12px; height: 30px; line-height: 30px; display:block;}

.originalPrice dd { color:#333; font-size: 24px; height: 30px; line-height: 30px; display:block;}



.silder_nav{ width:450px; display:block; overflow:hidden; margin:6px 0;}

.silder_nav li{ border:1px solid #cacaca; margin-right:10px; width:78px; height:54px; overflow:hidden; display:block; float:left; cursor:pointer;}

.silder_nav li img{ display:block; height:54px; margin:auto;}

.rught p {

    height: 30px;

    font-size: 12px;

    line-height: 30px;

    color: #808285;

}



.p_scombo_tab{

	width:1150px;

	margin:auto;

	margin-top:-20px;

    height: 26px;

    border-bottom: 1px solid #d1d3d4;

}

.p_scombo_tab p {

    color: #4c4c4c;

	width:60px;

	font-size:14px;

	height: 26px;

    line-height: 26px;

	border-bottom: 2px solid #808285;

}



.p_attrList {

    width: 1150px;

	margin:auto;

    margin-top: 30px;

    border-bottom: 1px dashed #d1d3d4;

}

.p_attrList dl {

    position: relative;

    bottom: -1px;

    width: 368.333px;

    height: 32px;

    padding: 0 0 0 15px;

    line-height: 32px;

    color: #4c4c4c;

	font-size:14px;

    border-bottom: 1px dashed #d1d3d4;

}

.p_attrList dt {

    width: 95px;

    font-weight: 700;

}

.p_attrList dd {

    white-space: nowrap;

    overflow: hidden;

    -ms-text-overflow: ellipsis;

    -o-text-overflow: ellipsis;

    text-overflow: ellipsis;

}*/

.p_description {

    padding: 20px 0;

    line-height: 30px;

	font-size:14px; 

	margin:auto;

	width:1150px;

	overflow:hidden;

    color: #4c4c4c;

	margin-bottom:30px;

}



/*在线定制*/

#tab{ width:1150px; margin:70px auto; position:relative;}

#tab .title{ margin:auto; overflow:hidden; width:100%;}

#tab .title img{ margin:auto; display:block;}

#tab .tab_menu{ width:100%; height:176px; position:relative; display:block; overflow:hidden; margin-top:30px;}

#tab .tab_menu li{ width:20%; text-align:center; height:176px; position:relative; display:block; float:left; overflow:hidden;}

#tab .tab_menu li strong{ width:90px; height:90px; display:block; margin:auto; border-radius:90px; background-color:#333; background-position:center; background-repeat:no-repeat;}

#tab .tab_menu li.selected strong{ background-color:#ad835a;}

#tab .tab_menu li span{ display:block; height:54px; line-height:54px; font-size:16px;}

#tab .tab_menu li b{ display:none; width:30px; height:21px; position:absolute; left:50%; margin-left:-15px; bottom:0;}

#tab .tab_menu li.selected b{ display:block;}

#tab .hide{ display:none;}

#tab .tab_box{ border:1px solid #cacaca; margin-top:-1px; padding:15px 44px; padding-bottom:53px;}

#tab .tab_box .box{ width:100%; overflow:hidden;}

#tab .tab_box .box .biao{ height:66px; line-height:66px; font-size:18px;}

#tab .tab_box .box .wen{ line-height:24px; font-size:14px;}



.dbox{ width:100%; padding:70px 0; background-color:#f1f1f1;}

.sign-box-main{ width:1150px; margin:auto; height:634px; background-image:url(../images/sign_bg.png); background-position:center; background-repeat:no-repeat; position:relative; background-size:cover;}

.sign-box-form {

    width: 423px;

    margin-left: 60px;

    margin-top: 252px;

	position:relative;

}

.sign-box-form ::-webkit-input-placeholder {

  /* WebKit browsers */

  color: #414242;

}

.sign-box-form ::-moz-placeholder {

  /* Mozilla Firefox 4 to 18 */

  color: #414242;

}

.sign-box-form ::-moz-placeholder {

  /* Mozilla Firefox 19+ */

  color: #414242;

}

.sign-box-form ::-ms-input-placeholder {

  /* Internet Explorer 10+ */

  color: #414242;

}

.sign-box-form .input_text,

.sign-box-form .sel-box select {

  display: block;

  float: left;

  width: 100%;

  height: 54px;

  padding-left: 13px;

  padding-right: 10px;

  margin-bottom: 10px;

  font-size: 20px;

  color: #414242;

  background: #edeef2;

  border: 1px solid #a3a9aa;

  -webkit-box-sizing: border-box;

  -moz-box-sizing: border-box;

  box-sizing: border-box;

  position: relative;

  z-index: 6;

}

.sign-box-form .input_text {

  text-align: center;

}

.sign-box-form .sel-box {

  width: 135px;

  height: 54px;

  position: relative;

  float: left;

  margin-bottom: 10px;

}

.sign-box-form .sel-box select {

  float: left;

  width: 100%;

  height: 100%;

}

.sign-box-form .sel-boxt {

  margin: 0 9px;

}

.sign-box-form .select-item {

  width: 100%;

  height: 50px;

  font-size: 20px;

  line-height: 50px;

  clear: both;

  position: relative;

  background: transparent;

  color: #414242;

  padding-right: 0;

  margin-bottom: 15px;

}

.sign-box-form .select-item input{ width:100%; height:50px; display:block; opacity:0;}

.sign-box-form .select-item > span {

  vertical-align: top;

  margin-right: 5px;

}

.sign-box-form .select-item ul {

  display: inline-block;

  vertical-align: top;

}

.sign-box-form .select-item li {

  float: left;

  position: relative;

  padding-left: 32px;

  margin-right: 18px;

  cursor: pointer;

  font-size: 20px;

  color: #414242;

}

.sign-box-form .select-item li:last-child {

  margin-right: 0;

}

.sign-box-form .select-item li span {

  display: inline-block;

  width: 24px;

  height: 24px;

  position: absolute;

  top: 13px;

  left: 0;

  background: #ebedf1;

  border: 1px solid #a3a9aa;

  -webkit-box-sizing: border-box;

  -moz-box-sizing: border-box;

  box-sizing: border-box;

}

.sign-box-form .select-item li.active span:before {

  content: '';

  position: absolute;

  bottom: 4px;

  left: 0px;

  box-sizing: border-box;

  width: 26px;

  height: 22px;

  background: url("../images/checked.png") no-repeat;

  -webkit-background-size: 100% 100%;

  background-size: 100% 100%;

}

.sign-box-form .select-item i {

  vertical-align: top;

  font-style:normal;

}

.sign-box-form .sel-box:before {

  content: "";

  position: absolute;

  width: 0;

  height: 0;

  border-left: 5px solid transparent;

  border-right: 5px solid transparent;

  border-top: 8px solid #414242;

  top: 50%;

  margin-top: -4px;

  right: 5%;

  z-index: 7;

}

.sign-box-form .sign_btn {

  text-align: center;

}

.sign-box-form .sign_btn a {

  display: inline-block;

  width: 312px;

  height: 64px;

  line-height: 64px;

  text-align: center;

  color: #fff;

  background: #3b4044;

  font-size: 26px;

  -webkit-border-radius: 6px;

  -moz-border-radius: 6px;

  border-radius: 6px;

  cursor: pointer;

}

.sign-box-form .sign_btn a:hover {

  color: #6a5458;

}

.sign-box-details {

  margin-left: 150px;

  margin-top: 430px;

}

.sign-box-details .sign-tips {

  font-size: 16px;

  color: #414242;

  line-height: 26px;

}

.sign-box-details .sign-tips a {

  color: #000;

  font-weight: 600;

  cursor: pointer;

  border-bottom: 1px solid #676767;

}

.sign-box-details .sign-tips a:hover {

  color: #6a5458;

}

/*.dbox .title{ margin:auto; overflow:hidden; width:100%;}

.dbox .title img{ margin:auto; display:block;}

.dbox .box{ margin:auto; overflow:hidden; width:1150px; margin-top:50px; height:440px;}

.dbox .box .left{ padding-bottom:20px; padding-right:20px; width:460px; height:420px; overflow:hidden; background-image:url(../images/dbg.jpg); background-position:right bottom; background-repeat:no-repeat;}

.dbox .box .left img{ width:100%; display:block;}

.dbox .box .right{ width:590px; overflow:hidden;}

.dbox .box .right p{ width:600px; display:block; overflow:hidden; margin-bottom:20px;}

.dbox .box .right p span{ display:block; float:left; height:48px; line-height:48px; background-color:#fff; border:1px solid #cacaca; border-right:none; width:100px; text-align:right; font-size:16px; color:#999;}

.dbox .box .right p input{ display:block; float:left; height:48px; line-height:48px; background-color:#fff; border:1px solid #cacaca; border-left:none; width:488px; font-size:16px;}

.dbox .box .right p select{ width:190px; height:50px; line-height:50px; font-size:16px; background-image:url(../images/sel.jpg); background-position:159px center; background-repeat:no-repeat; float:left; display:block; background-color:#fff; border:1px solid #cacaca; color:#999; margin-right:10px; text-indent:19px;}

.dbox .box .right a{ display:block; margin-bottom:20px; width:590px; overflow:hidden;}

.dbox .box .right a span{ display:block; float:left; height:132px; padding:13px 0; line-height:24px; background-color:#fff; border:1px solid #cacaca; border-right:none; width:100px; text-align:right; font-size:16px; color:#999;}

.dbox .box .right a textarea{ display:block; float:left; height:132px; padding:13px 0; line-height:24px; background-color:#fff; border:1px solid #cacaca; border-left:none; width:488px; font-size:16px; color:#999;}

.dbox .box .right a input{ width:200px; height:50px; cursor:pointer; line-height:50px; text-align:center; font-size:16px; background-color:#333; color:#fff;}*/





/*联系我们*/

.lx01{ width:100%; padding:70px 0;}

.lx01 .title{ margin:auto; overflow:hidden; width:100%; padding-bottom:30px;}

.lx01 .title img{ margin:auto; display:block;}



.lx02{ width:100%; padding-bottom:70px;}

.lx02 .title{ margin:auto; overflow:hidden; width:100%;}

.lx02 .title img{ margin:auto; display:block;}

.lx02 .box{ width:1150px; margin:auto; padding-top:30px;}

.lx02 .box dl{ width:1260px; display:block; overflow:hidden;}

.lx02 .box dt{ display:block; float:left; width:630px; margin-top:20px; overflow:hidden;}

.lx02 .box dt span{ display:block; float:left; width:80px; height:50px; line-height:50px; font-size:16px;}

.lx02 .box dt input{ display:block; float:left; width:400px; padding:0 19px; height:48px; line-height:48px; font-size:16px; border:1px solid #cacaca;}

.lx02 .box dd{ display:block; float:left; width:1150px; margin-top:20px; overflow:hidden;}

.lx02 .box dd span{ display:block; float:left; width:80px; height:50px; line-height:50px; font-size:16px;}

.lx02 .box dd textarea{ display:block; float:left; width:1030px; padding:12px 19px; height:194px; line-height:24px; font-size:16px; border:1px solid #cacaca;}

.lx02 .box dd input{ width:200px; height:50px; margin:auto; display:block; cursor:pointer; line-height:50px; text-align:center; font-size:16px; background-color:#333; color:#fff;}



/*品牌之声*/

.pin01{ width:100%; padding:70px 0; background-color:#f1f1f1;}

.pin01 .title{ margin:auto; overflow:hidden; width:100%;}

.pin01 .title img{ margin:auto; display:block;}

.pin01 .scrollBox{ width:1150px; margin:auto; position:relative;}

.pin01 .scrollBox .ohbox{ width:1050px; margin:auto; position:relative; height:480px;}

.pin01 .scrollBox .ohbox li{ width:1050px; display:block; overflow:hidden; height:480px;}

.pin01 .scrollBox .ohbox li a{ width:445px; height:420px; display:block; float:left; margin:0 40px; padding:30px 0; overflow:hidden;}

.pin01 .scrollBox .ohbox li img{ width:100%; display:block; transition-delay:0s; transition-duration:1s; transition-property:all; transition-timing-function:ease; -moz-transition-delay:0s; -moz-transition-duration:1s; -moz-transition-property:all; -moz-transition-timing-function:ease; -webkit-transition-delay:0s; -webkit-transition-duration:1s; -webkit-transition-property:all; -webkit-transition-timing-function:ease; -o-transition-delay:0s; -o-transition-duration:1s; -o-transition-property:all; -o-transition-timing-function:ease;}

.pin01 .scrollBox .ohbox li a:hover img{

	transform:scale(1.1, 1.1);

	-ms-transform:scale(1.1, 1.1); 	/* IE 9 */

	-moz-transform:scale(1.1, 1.1); 	/* Firefox */

	-webkit-transform:scale(1.1, 1.1); /* Safari 和 Chrome */

	-o-transform:scale(1.1, 1.1); 	/* Opera */

}

.pin01 .pageBtn{ width:200px; margin:auto; position:relative; height:20px;}

.pin01 .scrollBox .prev{ width:20px; height:20px; position:absolute; left:0; top:0; cursor:pointer; display:block;}

.pin01 .scrollBox .next{ width:20px; height:20px; position:absolute; right:0; top:0; cursor:pointer; display:block;}

.pin01 .scrollBox .pageBtn img{ height:20px; display:block; margin:auto;}

.pin01 .scrollBox .pageBtn .list{ width:100%; display:block; height:20px; line-height:20px; font-size:16px; text-align:center;}

.pin01 .scrollBox .pageBtn .list li{ display:none; letter-spacing:2px;}

.pin01 .scrollBox .pageBtn .list li.on{ display:block;}



.qunars{ width:100%; height:660px; position:relative;}

.qunars .e_pic_wrap{ width:100%; height:660px; overflow:hidden; position:relative; z-index:222;}

.qunars .e_pic_wrap li{ width:100%; display:block; overflow:hidden; height:660px; position:relative !important; left:auto !important;}

.qunars .e_pic_wrap li strong{ width:100%; display:block; height:660px; position:relative; overflow:hidden; z-index:11;}

.qunars .e_pic_wrap li strong img{ width:1920px; display:block; position:absolute; left:50%; margin-left:-960px; z-index:11;}

.qunars .e_pic_wrap li .e_flt_inf{ width:380px; height:660px; background-color:#fff; position:absolute; left:50%; margin-left:-575px; top:0; z-index:99;}

.qunars .e_pic_wrap li .e_flt_inf h2{ display:block; padding-top:100px; padding-left:50px;}

.qunars .e_pic_wrap li .e_flt_inf h2 img{ display:block;}

.qunars .e_pic_wrap li .e_flt_inf em{ display:block; margin-left:50px; padding-top:85px; line-height:70px; font-size:48px; text-transform:capitalize; width:1100px; text-shadow:0 0 10px #fff;}

.qunars .e_pic_wrap li .e_flt_inf span{ display:block; margin-left:50px; line-height:50px; font-size:30px;}

.qunars .e_pic_wrap li .e_flt_inf .more{ width:158px; height:44px; border:1px solid #999; display:block; margin:auto; margin-top:40px; font-size:14px; line-height:44px; text-align:center;}

.qunars .e_pic_wrap li .e_flt_inf b{ width:60px; height:60px; position:absolute; right:50px; top:240px; display:block;}

.qunars .e_prevnext{ width:160px; height:20px; position:absolute; left:50%; margin-left:-465px; bottom:100px; overflow:hidden; z-index:333;}

.qunars .e_prevnext .prev{ width:11px; height:20px; float:left;}

.qunars .e_prevnext .next{ width:11px; height:20px; float:right;}

.qunars .pageState{ width:160px; height:20px; line-height:20px; position:absolute; left:50%; margin-left:-465px; bottom:100px; overflow:hidden; z-index:333; text-align:center; letter-spacing:5px;}



.pin02{ width:100%; padding:70px 0; background-color:#f1f1f1;}

.pin02 .title{ margin:auto; overflow:hidden; width:100%;}

.pin02 .title img{ margin:auto; display:block;}

.pin02 .picScroll{ width:1150px; margin:auto; margin-top:30px; height:536px; position:relative;}

.pin02 .picScroll .slide{ height:500px; margin:auto; overflow:hidden; position:relative;}

.pin02 .picScroll .slide ul{ width:1200px !important;}

.pin02 .picScroll .slide ul li{ width:350px; height:450px; display:block; float:left; overflow:hidden; margin-right:50px; margin-bottom:30px; background-color:#fff;}

.pin02 .picScroll .slide ul li .tu{ width:100%; height:240px;}

.pin02 .picScroll .slide ul li .tu img{ display:block; width:100%;}

.pin02 .picScroll .slide ul li .wen{ width:320px; padding:22px 15px; height:165px; border-top:none; text-align:center;}

.pin02 .picScroll .slide ul li .wen span{ display:block; height:34px; line-height:34px; color:#999; font-size:14px; overflow:hidden;}

.pin02 .picScroll .slide ul li .wen p{ display:block; height:34px; line-height:34px; color:#333; font-size:16px; overflow:hidden;}

.pin02 .picScroll .slide ul li .wen b{ display:block; height:34px; line-height:34px; color:#999; font-size:14px; overflow:hidden; font-weight:normal;}

.pin02 .picScroll .slide ul li .wen strong{ font-weight:normal; width:124px; height:28px; display:block; margin:auto; margin-top:7px; background-color:#333; color:#fff; border-radius:30px; line-height:28px; font-size:14px;}

/*.pin02 .picScroll .slide li{ width:370px; display:block; overflow:hidden; margin-right:20px; float:left; margin-bottom:20px;}

.pin02 .picScroll .slide a{ width:310px; height:162px; padding:24px 30px; background-color:#fff; display:block;}

.pin02 .picScroll .slide .time{ width:100%; padding-bottom:17px; position:relative; border-bottom:1px solid #cacaca;}

.pin02 .picScroll .slide .time span{ display:block; overflow:hidden; height:30px; line-height:30px; font-size:24px;}

.pin02 .picScroll .slide .time p{ display:block; overflow:hidden; height:18px; line-height:18px; font-size:14px; color:#666;}

.pin02 .picScroll .slide .time b{ width:60px; height:14px; position:absolute; right:0; top:18px; background-image:url(../images/more.jpg); background-position:center; background-repeat:no-repeat;}

.pin02 .picScroll .slide .wen{ width:100%; margin-top:10px;} 

.pin02 .picScroll .slide .wen span{ width:100%; display:block; overflow:hidden; height:36px; line-height:36px; font-size:18px;}

.pin02 .picScroll .slide .wen p{ width:100%; display:block; overflow:hidden; height:48px; line-height:24px; font-size:14px; color:#666;}

.pin02 .picScroll .slide a:hover .wen span{ color:#ad835a;}

*/



.pin02 .picScroll .prev,.pin02 .picScroll .next{ width:50px; height:36px; position:absolute; bottom:0; cursor:pointer;}

.pin02 .picScroll .prev{ left:445px; background-image:url(../images/pl01.png); background-repeat:no-repeat;}

.pin02 .picScroll .next{ right:445px; background-image:url(../images/pr01.png); background-repeat:no-repeat;}

.pin02 .picScroll .prev:hover{ background-image:url(../images/pl01h.png);}

.pin02 .picScroll .next:hover{ background-image:url(../images/pr01h.png);}

.pin02 .picScroll .more{ width:140px; height:36px; margin:auto; font-size:14px; text-align:center;}

.pin02 .picScroll .more a{ width:138px; display:block; height:34px; line-height:34px; border:1px solid #999;}

.pin02 .picScroll .more a:hover{ border:1px solid #ad835a; color:#ad835a;}



.pin03{ width:1150px; margin:70px auto; position:relative;}

.pin03 .title{ margin:auto; overflow:hidden; width:100%;}

.pin03 .title img{ margin:auto; display:block;}



#center{ width:1150px; margin:auto; position:relative; overflow:hidden;}

#center ul{ display:block; overflow:visible; width:1200px;}

#center ul li{ display:block; width:550px; margin-right:50px; margin-top:30px; overflow:hidden; float:left; transition: box-shadow 0.5s;}

#center ul li:hover{ box-shadow: 0 0 20px 10px #e4e4e4;}

#center ul li .tu{ width:550px; height:360px; position:relative;}

#center ul li .tu img{ width:100%; display:block;}

#center ul li .tu a{ display:blcok; width:100%; height:0; overflow:hidden; background-image:url(../images/mask.png); background-repeat:repeat; position:absolute; left:0; top:0; transition: height 1s; -moz-transition: height 1s;  -webkit-transition: height 1s;  -o-transition: height 1s;}

#center ul li .tu a p{ width:100%; height:360px; position:absolute; left:0; top:50%; margin-top:-180px; display:block;}

#center ul li .tu a p img{ width:80px; height:60px; margin:150px auto;}

#center ul li .wen{ width:510px; padding:16px 20px; background-color:#f1f1f1; height:28px; position:relative;}

#center ul li .wen p{ display:block; float:left; font-size:18px; height:28px; line-height:28px;}

#center ul li .wen a{ display:none; float:right; height:28px;}

#center ul li:hover .tu a{ height:360px;}



.pin03 .more{ width:140px; height:36px; margin:auto; font-size:14px; text-align:center; margin-top:50px;}

.pin03 .more a{ width:138px; display:block; height:34px; line-height:34px; border:1px solid #999;}

.pin03 .more a:hover{ border:1px solid #ad835a; color:#ad835a;}



/*#center .scroll{ width:100%; height:10px; border-radius:10px; background-color:#eee; position:absolute; left:0; bottom:0;}*/

.ps-container .ps-scrollbar-x{ position:absolute; bottom:0; height:10px; background-color:#333; border-radius:10px;}

.ps-container .ps-scrollbar-x:hover{ background-color:#ad835a;}



/*新闻*/

.main{ width:100%; padding:50px 0; background-color:#eee;}

.news{ width:1150px; margin:auto;}

.news ul{ width:1200px; display:block; overflow:hidden;}

.news ul li{ width:350px; height:450px; display:block; float:left; overflow:hidden; margin-right:50px; margin-bottom:30px; background-color:#fff;}

.news ul li .tu{ width:100%; height:240px;}

.news ul li .tu img{ display:block; width:100%;}

.news ul li .wen{ width:320px; padding:22px 14px; height:165px; border:1px solid #e3e3e3; border-top:none; text-align:center;}

.news ul li .wen span{ display:block; height:34px; line-height:34px; color:#999; font-size:14px; overflow:hidden;}

.news ul li .wen p{ display:block; height:34px; line-height:34px; color:#333; font-size:16px; overflow:hidden;}

.news ul li .wen b{ display:block; height:34px; line-height:34px; color:#999; font-size:14px; overflow:hidden; font-weight:normal;}

.news ul li .wen strong{ font-weight:normal; width:124px; height:28px; display:block; margin:auto; margin-top:7px; background-color:#333; color:#fff; border-radius:30px; line-height:28px; font-size:14px;}



/*加盟*/

.jia01{ width:100% !important; padding:70px 0; position:relative; height:660px; background-image:url(../images/jb01.jpg); background-position:top center; background-repeat:no-repeat; background-size:cover;}

.jia01 .title{ margin:auto; overflow:hidden; width:100%; margin-bottom:30px;}

.jia01 .title img{ margin:auto; display:block;}

#ChinaMap{ width:100% !important; height:720px !important; position:absolute !important; left:0; top:0; overflow:hidden;}

.svggroup{ width:1200px !important; height:580px; margin:auto; margin-top:160px; position:relative; background-image:url(../images/map01.png); background-position:-3px 2px; background-repeat:no-repeat;}



.stateTip{ width:320px; height:400px; position:absolute; margin-left:280px; left:50%; top:250px; overflow:hidden;}

#stateTip{ top:0 !important; display:block; position:static !important; left:0 !important;}



.jia01 .perspective{ overflow:hidden; position:relative; width:0; height:0; display:block; float:right; visibility:hidden; transition: width 1s; -moz-transition: width 1s; -webkit-transition: width 1s; -o-transition: width 1s; transition: height 1s; -moz-transition: height 1s; -webkit-transition: height 1s; -o-transition: height 1s;}

#stateTip .perspective{ width:320px !important; height:400px !important;}



.jia01 .mapTipText{ width:320px; height:400px; background-color:#a84a48; overflow:hidden; position:relative; display:block;}



.jia01 .mapTipText .tou{ width:100%; text-align:center; margin-top:40px;}

.jia01 .mapTipText .tou img{ height:50px; display:block; margin:auto;}

.jia01 .mapTipText .tou span{ display:block; height:40px; line-height:40px; font-size:18px; padding-top:9px; color:#fff;}

.jia01 .mapTipText .tou b{ width:68px; height:1px; display:block; margin:auto; background-color:#fff;}

.jia01 .mapTipText .tou p{ display:block; height:30px; line-height:30px; font-size:14px; text-transform:uppercase; overflow:hidden; color:#fff;}



.jia01 .mapTipText dl{ display:block; width:74%; max-width:260px; margin:auto !important; padding-top:22px;}

.jia01 .mapTipText dl dt{ padding-left:28px; background-position:left top; background-repeat:no-repeat; line-height:24px; font-size:16px; color:#fff; margin-bottom:30px;}





.jia02{ width:100%; padding-top:90px; padding-bottom:86px; background-color:#f1f1f1;}

.jia02 .title{ margin:auto; overflow:hidden; width:100%;}

.jia02 .title img{ margin:auto; display:block;}

.jia02 .box{ width:1150px; padding:70px 0; position:relative; z-index:11;}

.jia02 .box ul{ display:block; overflow:hidden;}

.jia02 .box ul li{ width:206px; display:block; float:left; text-align:center; overflow:hidden;}

.jia02 .box ul li strong{ display:block; width:116px; height:116px; margin-left:14px; overflow:hidden; border-radius:200px;}

.jia02 .box ul li strong img{ height:116px; display:block;}

.jia02 .box ul li span{ width:116px;margin-left:14px; display:block; padding-top:6px; font-size: 30px; line-height: 40px; overflow:hidden; font-family: 'HELVETI1';}

.jia02 .box ul li p{ width:116px;margin-left:14px; display:block; line-height:24px; font-size:14px; overflow:hidden;}

.jia02 .box ul li:last-child{ width:144px;}

.jia02 .scroll {

    width: 1150px;

    height: 10px;

    border-radius: 10px;

    background-color: #999;

    position: absolute;

    left: 0;

    bottom: 0;

	z-index:0;

}



.jia03{ width:100%; height:660px; background-image:url(../images/jb02.jpg); background-position:center; background-repeat:no-repeat; position:relative; background-size:cover;}

.jia03 .title{ margin:auto; overflow:hidden; width:100%; padding-top:70px;}

.jia03 .title img{ margin:auto; display:block;}

.jia03 ul{ width:1150px; display:table; text-align:center; position:absolute; left:50%; margin-left:-575px; bottom:58px;}

.jia03 ul li{ width:12.5%; display:table-cell; float:left; overflow:hidden;}

.jia03 ul li strong{ width:96px; height:96px; padding:5px; display:block; margin:auto; background-image:url(../images/jia.png); background-position:center; background-repeat:no-repeat; overflow:hidden;}

.jia03 ul li strong b{ width:96px; height:96px; display:block; border-radius:96px; overflow:hidden; background-position:center; background-repeat:no-repeat;}

.jia03 ul li strong em{ width:96px; height:96px; display:none; border-radius:96px; overflow:hidden; background-position:center; background-repeat:no-repeat;}

.jia03 ul li span{ display:block; padding-top:20px; height:26px; line-height:26px; font-size:16px; overflow:hidden; color:#fff;}

.jia03 ul li p{ display:block; height:24px; line-height:24px; font-size:14px; overflow:hidden; color:#fff;}

.jia03 ul li a{ width:100%; display:block; height:42px; background-image:url(../images/jl.png); background-position:center; background-repeat:no-repeat; color:#fff; margin-top:33px; font-size:24px; line-height:42px; font-weight:normal;}

.jia03 ul li:hover strong b{ display:none;}

.jia03 ul li:hover strong em{ display:block;}

.jia03 ul li:last-child a{ background-image:url(../images/jl02.png);}

.jia03 ul li:first-child a{ background-image:url(../images/jl01.png);}



.jia04{ width:100%; height:690px; background-image:url(../images/jb03.jpg); background-position:top center; background-repeat:no-repeat; background-size:cover;}

.jia04 .title{ margin:auto; overflow:hidden; width:100%; padding-top:70px;}

.jia04 .title img{ margin:auto; display:block;}

.jia04 .box{ width:1150px; margin:auto; padding-top:30px;}

.jia04 .box ul{ width:1160px; display:block; overflow:hidden;}

.jia04 .box ul li{ width:280px; display:block; float:left; margin-right:10px; height:360px; background-image:url(../images/mask.png); background-repeat:repeat; overflow:hidden; text-align:center; padding-top:100px;}

.jia04 .box ul li strong{ width:100%; height:80px; display:block; overflow:hidden;

-webkit-transform-style: preserve-3d; 

-moz-transform-style: preserve-3d; 

-ms-transform-style: preserve-3d; 

transform-style: preserve-3d; 

-webkit-transition: 0.5s; 

-moz-transition: 0.5s; 

-o-transition: 0.5s; 

-ms-transition: 0.5s; 

transition: 0.5s; 

-webkit-backface-visibility: hidden; 

-moz-backface-visibility: hidden; 

backface-visibility: hidden; }

.jia04 .box ul li strong img{ display:block; height:80px; margin:auto;}

.jia04 .box ul li span{ width:220px; margin:auto; margin-top:60px; display:block; height:48px; line-height:48px; font-size:18px; color:#fff; overflow:hidden;}

.jia04 .box ul li p{ width:220px; margin:auto; line-height:24px; font-size:14px; color:#fff; overflow:hidden; display:block; margin-top:10px;}

.jia04 .box ul li:hover strong{

-webkit-transform: rotateY(360deg); 

-moz-transform: rotateY(360deg); 

transform: rotateY(360deg); 

 }

.jia04 .box ul li:hover span{ color:#ae8359;}

 

  /*规则*/

 @keyframes lefteaseinAnimate{

    0%{ transform: translateX(-2000px); opacity: 0;}   /*在0%时设置文字在想X轴-2000px位移处（左边），透明度为0，也就是看不见文字*/

    100%{ transform: translateX(0px); opacity: 1;}         /*在100%时设置文字在想X轴0px位移处，也就是原始布局的位置，透明度为1，也就是文字可以看见了*/

}

@-webkit-keyframes lefteaseinAnimate{

    0%{ -webkit-transform: translateX(-2000px); opacity: 0;}

    100%{ -webkit-transform: translateX(0px); opacity: 1;}    

}

@-o-keyframes lefteaseinAnimate{

    0%{ -webkit-transform: translateX(-2000px); opacity: 0;}

    100%{ -webkit-transform: translateX(0px); opacity: 1;}    

}

@-ms-keyframes lefteaseinAnimate{

    0%{ -webkit-transform: translateX(-2000px); opacity: 0;}

    100%{ -webkit-transform: translateX(0px); opacity: 1;}    

}

@-moz-keyframes lefteaseinAnimate{

    0%{ -webkit-transform: translateX(-2000px); opacity: 0;}

    100%{ -webkit-transform: translateX(0px); opacity: 1;}    

}



.jia05{ width:100%; height:770px; background-image:url(../images/jia04.jpg); background-repeat:no-repeat; background-position:center; position:relative;}

.jia05 .box{ width:1920px; height:770px; position:absolute; left:50%; margin-left:-960px; top:0;}

.jia05 p{ display:block; position:absolute;}

.jia05 p span{ display:block; float:left; height:36px; line-height:36px; font-size:24px;}

.jia05 p a{ display:block; float:left; height:36px; line-height:44px; font-size:20px; text-transform:uppercase; color:#999; margin-left:10px;}

.jia05 p.j01{ left:830px; top:79px;}

.jia05 p.j02{ left:954px; top:151px;}

.jia05 p.j03{ left:1010px; top:223px;}

.jia05 p.j04{ left:1037px; top:296px;}

.jia05 p.j05{ left:1047px; top:367px;}

.jia05 p.j06{ left:1037px; bottom:296px;}

.jia05 p.j07{ left:1010px; bottom:223px;}

.jia05 p.j08{ left:954px; bottom:151px;}

.jia05 p.j09{ left:830px; bottom:79px;}

.jia05 p:hover span{ color:#ae8359;}



.jia06{ width:100%; padding:70px 0; background-image:url(../images/jb04.jpg); background-position:top center; background-repeat:no-repeat; background-size:cover;}

.jia06 .title{ margin:auto; overflow:hidden; width:100%; padding-bottom:50px;}

.jia06 .title img{ margin:auto; display:block;}

.jia06 p{ width:530px; display:block; margin:auto; margin-bottom:30px; height:50px;}

.jia06 p span{ width:90px; font-size:16px; display:block; float:left; height:50px; line-height:50px; color:#fff;}

.jia06 p .i01{ width:400px; padding:0 20px; font-size:16px; height:50px; line-height:50px; background-color:#ececec; display:block; float:left;}

.jia06 p .i02{ width:20px; height:20px; margin-top:15px; margin-right:1%; display:block; float:left; background-color:#fff;}

.jia06 p strong{ font-size:16px; height:50px; line-height:50px; color:#fff; font-weight:normal; margin-right:118px; display:block; float:left;}

.jia06 a{ width:530px; display:block; margin:auto; height:50px; cursor:pointer;}

.jia06 a input{ width:200px; margin-left:195px; font-size:16px; height:50px; line-height:50px; color:#fff; text-align:center; background-color:#ad835a; display:block;}



/*弹框*/

#btn1{ cursor: pointer;}

.xcConfirm .xc_layer{position: fixed; top: 0; left: 0; width: 100%; height: 100%; background-color: #666666; opacity: 0.5; z-index: 2147000000;}

.xcConfirm .popBox{position: fixed; left: 50%; top: 50%; padding-bottom: 20px; background-color: #ffffff; z-index: 2147000001; width: 570px; margin-left: -285px; margin-top: -160px; border-radius: 5px; font-weight: bold; color: #535e66;}

.xcConfirm .popBox .ttBox{height: 30px; line-height: 30px; padding: 14px 30px; border-bottom: solid 1px #eef0f1;}

.xcConfirm .popBox .ttBox .tt{font-size: 18px; display: block; float: left; height: 30px; position: relative;}

.xcConfirm .popBox .ttBox .clsBtn{display: block; cursor: pointer; width: 12px; height: 12px; position: absolute; top: 22px; right: 30px; background: url(__PUBLIC__/Home/PC/images/icons.png) -48px -96px no-repeat;}

.xcConfirm .popBox .txtBox{margin: 40px 100px; overflow: hidden;}

.xcConfirm .popBox .txtBox .bigIcon{float: left; margin-right: 20px; width: 48px; height: 48px; background-image: url(__PUBLIC__/Home/PC/images/icons.png); background-repeat: no-repeat; background-position: 48px 0;}

.xcConfirm .popBox .txtBox p{ margin-top: 16px; line-height: 26px; overflow-x: hidden; overflow-y: auto;}

.xcConfirm .popBox .btnArea{border-top: solid 1px #eef0f1;}

.xcConfirm .popBox .btnGroup{float: right;}

.xcConfirm .popBox .btnGroup .sgBtn{margin-top: 14px; margin-right: 10px;}

.xcConfirm .popBox .sgBtn{display: block; cursor: pointer; float: left; width: 95px; height: 35px; line-height: 35px; text-align: center; color: #FFFFFF; border-radius: 5px;}

.xcConfirm .popBox .sgBtn.ok{background-color: #0095d9; color: #FFFFFF;}

.xcConfirm .popBox .sgBtn.cancel{background-color: #546a79; color: #FFFFFF;}



/*新闻内页*/

.tb{ width:1150px; margin:auto; font-size:18px; line-height:26px; text-align:center; margin-top:50px;}

.times{ width:1150px; margin:auto; font-size:14px; text-align:center; color:#999; line-height:30px; border-bottom:1px solid #cacaca;}

.fan{ width:1150px; margin:auto; font-size:14px; margin-bottom:70px;}

.fan a{ display:block; max-width:50%;}

.p_description iframe{ width:1150px;}



/*产品*/

.productIdemo { height:450px; position:relative; background-repeat:no-repeat; background-size:cover; background-position:center center; margin-top:70px;}

.productIpage{ position:relative; width:100%;}

.productIdemo .black { position:absolute; left:0px; top:0px; width:50%; height:100%; background:url(../images/black_2.png) repeat; background:none rgba(0,0,0,0.2); }

.productIList{ display:block; overflow:hidden;}

.productIList a:link, .productIList a:visited { color:#fff; }

.productIList a:active, .productIList a:hover { color:#fff; }

.productIList dd { color:#fff; position:relative; padding-left:15%; height:150px; display:block; float:left;}

.productIList .red-bg { position:absolute; left:0px; top:0px; width:0%; height:100%; background:rgba(211,63,70,0.9); transition:300ms; -webkit-transition:300ms; }

.productIList .ico { width:140px; height:80px; position:absolute; left:0px; top:0px; padding:35px 0px; }

.productIList .ico .bg { position:absolute; width:100%; height:100%; background-color:#d33f46; left:0px; top:0px; transform:scale(0.5) rotate(0); -webkit-transform:scale(0.5) rotate(0); -moz-transform:scale(0.5) rotate(0); opacity:0; transition:600ms; -webkit-transition:600ms; }

.productIList .ico .i { width:80px; height:80px; margin:0px auto; position:relative; z-index:5px; display:block; background-position:center; background-repeat:no-repeat;}

.productIList .ico .i1 { background-image:url(../images/p01.png);}

.productIList .ico .i2 { background-image:url(../images/p02.png);}

.productIList .ico .i3 { background-image:url(../images/p03.png);}

.productIList .con { display:block; padding:0px 0 0px 208px; width:648px; position:relative; height:150px; }

.productIList .t { font-size:16px; line-height:1.5; padding:62px 0px 20px; transition:300ms; -webkit-transition:300ms; text-transform:uppercase;}

.productIList .t .zh { transition:300ms; -webkit-transition:300ms; }

.productIList .t .en i { padding-left:5px; transition:300ms; -webkit-transition:300ms; background:url(../images/line.jpg) no-repeat scroll left center; margin:0px 5px 0px 22px; }

.productIList .c { height:25px; overflow:hidden; transition:300ms; -webkit-transition:300ms; opacity:0; visibility:hidden;}

.productIList .line { display:block; background:#fff; position:absolute; transition:300ms; -webkit-transition:300ms; opacity:0; visibility:hidden; }

.productIList .line_1 { width:28px; height:1px; top:50%; right:57px; margin-top:-1px; transform:translateX(30px); -webkit-transform:translateX(30px); }

.productIList .line_2 { width:1px; height:28px; top:50%; margin-top:-14px; right:70px; transform:translateY(30px); -webkit-transform:translateY(30px); }

.productIList dd:hover .red-bg { width:100%; transition:600ms; -webkit-transition:600ms; }

.productIList dd:hover .line { transform:translate(0); -webkit-transform:translate(0); visibility:visible; opacity:1; transition:300ms ease-in 600ms; -webkit-transition:300ms ease-in 600ms; }

.productIList dd:hover .ico .bg { transform:scale(1) rotate(180deg); -webkit-transform:scale(1) rotate(180deg); -moz-transform:scale(1) rotate(180deg); opacity:1; }

.productIList dd:hover .t { padding-top:30px; }

.productIList dd:hover .t .zh { font-size:22px; }

.productIList dd:hover .t .en i { padding-left:42px; }

.productIList dd:hover .c { opacity:1; visibility:visible; }



/*全屋定制*/

/* Study */

.study{width:100%;}

.study_02{ width:100%; background-color:#fafafa;}

.study_02_01{width:1150px;margin:0 auto;padding:50px 0;}

.study_02_title{width:100%;color:#333;text-align:center;font-size:34px;line-height:40px;}

.study_02_line{width:100%;height:3px;margin:30px 0;position:relative;}

.study_02_line em{width:100%;margin:1px 0;height:1px;background:-webkit-radial-gradient(#cecece,rgba(245,245,245,.0));background:radial-gradient(#cecece,rgba(245,245,245,.0));float:left;}

.study_02_line span{width:46px;height:3px;padding:0 5px;position:absolute;top:0;left:50%;margin:0 0 0 -28px;background:#f5f5f5;}

.study_02_line i{width:3px;height:3px;border-radius:50%;float:left;background:#737373;margin:0 0 0 10px;}

.study_02_text{width:100%;color:#737373;text-align:center;font-size:16px;line-height:30px;}

.study_02_more{width:100%;text-align:center;line-height:40px;margin:35px 0;}

.study_02_more a{color:#f6c11e;font-size:20px;}

.study_02_02{width:1148px;margin:0 auto;position:relative;height:304px;padding-bottom:50px;}

.study_02_case{position:absolute;height:304px;box-shadow:0 0 3px #ccc;z-index:0;top:0;cursor:pointer;-webkit-transition:all 0.5s;}

.study_02_case:hover{background:#fff;z-index:20;}

.study_02_02_1{left:0;}

.study_02_02_2{left:164px;}

.study_02_02_3{left:328px;}

.study_02_02_4{left:492px;}

.study_02_02_5{right:328px;}

.study_02_02_6{right:164px;}

.study_02_02_7{right:0;}

.study_02_left{float:left;width:164px;}

.study_02_left img{width:74px;height:74px;margin:74px 45px 20px 45px;}

.study_02_left span{line-height:20px;width:100%;float:left;font-size:16px;font-weight:bold;text-align:center;}

.study_02_left i{line-height:12px;width:100%;float:left;font-size:9px;color:#808080;text-align:center;letter-spacing:4px; font-style:normal;}

.study_02_left em{background:#fcd54a;width:30px;height:1px;float:left;margin:14px 67px 0 67px; font-style:normal;}

.study_02_right{margin:10px 0;float:left;width:0;overflow:hidden;-webkit-transition:all 0.5s; height:284px;}

.study_02_right img{ height:284px; display:block;}

.study_02_case:hover .study_02_right{width:403px;margin:10px;float:left;}



.study_03{background:#fff;}

.study_03_01{width:1150px;margin:0 auto;padding:50px 0;}

.study_03_title{width:100%;color:#333;text-align:center;font-size:34px;line-height:40px;}

.study_03_line{width:100%;height:3px;margin:30px 0;position:relative;}

.study_03_line em{width:100%;margin:1px 0;height:1px;background:-webkit-radial-gradient(#cecece,rgba(245,245,245,.0));background:radial-gradient(#cecece,rgba(245,245,245,.0));float:left;}

.study_03_line span{width:46px;height:3px;padding:0 5px;position:absolute;top:0;left:50%;margin:0 0 0 -28px;background:#fff;}

.study_03_line i{width:3px;height:3px;border-radius:50%;float:left;background:#737373;margin:0 0 0 10px;}

.study_03_text{width:100%;color:#737373;text-align:center;font-size:16px;line-height:30px;}

.study_03_more{width:100%;text-align:center;line-height:40px;margin:35px 0 0 0;}

.study_03_more a{color:#f6c11e;font-size:20px;}

.study_03_02{width:100%;height:598px; position:relative;}

.study_03_02 .hd{ display:none;}

.study_03_02 .bd{ width:100%; height:598px; display:block; overflow:hidden; position:relative;}

.study_03_02 .bd li{ width:100%; height:598px; display:block; overflow:hidden; background-position:center; background-repeat:no-repeat;}



.study_04{background:#fff;width:100%; width:1150px; margin:auto;}

.study_04_box{width:1275px; margin-left:-62.5px; padding-bottom:140px; overflow:hidden;}

.study_04_case{width:300px; margin:0 62.5px;float:left;text-align:center; overflow:hidden; padding-top:140px;}

.study_04_case .brand_modal_show{ width:100%; height:430px; overflow:hidden;}

.study_04_case img{float:left;width:100%; -webkit-transition:all 4s;}

.study_04_case span{width:100%;float:left;margin:60px 0 0 0;line-height:30px;font-size:24px; cursor:default;}

.study_04_case em{width:30px;height:1px;background:#fcd54a;margin:30px 135px;float:left; font-style:normal;}

.study_04_case i{width:100%;float:left;line-height:30px;font-size:20px; cursor:default; font-style:normal;}

.study_04_case i span{ margin:0;}

.study_04_case:hover img{ -webkit-transform:scale(1.2)}

.study_04_case span:hover{ color:#999;}

.study_04_case > div{ width:100%; height:430px; float:left; overflow:hidden;}



.study_05{ width:100%; background-color:#fafafa;}

.study_05 .box{width:1150px;margin:0 auto;padding:50px 0;}

.study_05_case{ margin-top:20px;width:320px;float:left;position:relative; margin-right:95px;}

.study_05_case i{width:100%;float:left;line-height:60px;color:#333;font-size:20px;text-align:center; font-style:normal;}

.study_05_case img{ width:100%; display:block;}

.study_05_title{width:100%;float:left;line-height:80px;margin:80px 0 0 0;color:#333;font-weight:bold;font-size:34px;text-align:center;}

.study_05_line{width:100%;height:3px;margin:30px 0;position:absolute;top:130px;left:0;}

.study_05_line em{width:100%;margin:1px 0;height:1px;background:-webkit-radial-gradient(#cecece,rgba(245,245,245,.0));background:radial-gradient(#cecece,rgba(245,245,245,.0));float:left;}

.study_05_line span{width:46px;height:3px;padding:0 5px;position:absolute;top:0;left:50%;margin:0 0 0 -28px;background:#f5f5f5;}

.study_05_line i{width:3px;height:3px;border-radius:50%;float:left;background:#737373;margin:0 0 0 10px;}

.study_05_text{width:100%;float:left;line-height:30px;color:#737373;font-size:16px;text-align:center;margin:70px 0 30px 0;}

.study_05_more{width:100%;text-align:center;line-height:40px;}

.study_05_more a{color:#f6c11e;font-size:20px;}



.study_06{width:1200px;margin:0 auto;padding:100px 0;text-align:center;position:relative;}

.study_06_title{width:100%;font-size:26px;color:#333;}

.study_06_line{width:30px;position:absolute;top:220px;left:50%;margin:0 0 0 -15px;height:2px;background:#ddd;}

.study_06_text{width:100%;font-size:12px;color:#333;padding:40px 0 60px 0;font-style:italic;}

.study_06_more{height:26px;width:100%;position:relative;}

.study_06_more a{width:120px;margin:0 0 0 -60px;border-radius:13px;position:absolute;left:50%;top:0;line-height:26px;background:#fcd54a;color:#333;font-size:16px;}



/*弹出*/

.brand_modal{ width:100%; height:100%; position:fixed; left:0; top:0; background:rgba(0,0,0,.5); z-index:-1; opacity:0; -webkit-transition:all .5s;}

.brand_modal.on{z-index:999; opacity:1;}

.brand_modal .brand_modal_content{ width:1010px; height:570px; position:absolute; left:50%; top:50%; margin-left:-505px; margin-top:-285px; display:flex; -webkit-transform:translate(0,-30px); -webkit-transition:all .5s; opacity:0;}

.brand_modal.on .brand_modal_content{ -webkit-transform:translate(0,0); opacity:1;}

.brand_modal .brand_modal_left{ width:auto; height:auto; position:relative; float:left;}

.brand_modal .brand_modal_right{ height:auto; position:relative; background-color:#fff;}

.brand_modal .brand_modal_title{ width:100%; height:auto; font-size:28px; line-height:32px; color:#333; text-align:center; margin-top:105px; float:left; clear:both; font-weight:600;}

.brand_modal .brand_modal_title span{ color:#da0051;}

.brand_modal .brand_modal_slogan{ width:100%; height:auto; font-size:20px; line-height:24px; color:#999; text-align:center; margin-top:10px; float:left; clear:both;}

.brand_modal .brand_modal_right form{ width:270px; height:auto; float:left; margin-top:28px; margin-left:114px; position:relative;}

.brand_modal .brand_modal_right div .brand_input{ width:100%; height:38px; border:1px solid #dfdfdf; color:#333; font-size:14px; padding:0 10px 0 16px; margin-bottom:16px; box-sizing:border-box;}

.brand_modal .brand_modal_right div .brand_modal_set{ width:100%; height:38px; border:1px solid #dfdfdf; color:#333; font-size:14px; margin-bottom:16px; box-sizing:border-box;}

.brand_modal .brand_modal_right div .brand_modal_set select{ width:33.3333%;border:none; background:url(https://img.suofeiya.com.cn/newwebsite/Www/Event/topic/734/images/down.jpg) no-repeat center right 15px; padding-left:16px; padding-right:25px; box-sizing:border-box; height:36px; float:left;}

.brand_modal .brand_modal_right div .brand_code{ width:66%; height:38px; border:1px solid #dfdfdf; border-rgiht:none; float:left; font-size:14px; color:#999; padding-left:16px; padding-right:16px; box-sizing:border-box;}

.brand_modal .brand_modal_right div .brand_sms_send{ width:34%; height:38px; text-align:center; background-color:#ffc02f; line

38px; color:#fff; font-size:14px;}

.brand_modal .brand_modal_right div .brand_modal_btn{ width:100%; height:auto; position:relative; clear:both; float:left;}

.brand_modal .brand_modal_right div .brand_modal_btn input{ display:block; width:224px; height:44px; background-color:#da0051; color:#fff; border-radius:30px; font-size:22px; text-align:center; line-height:44px; margin:0 auto; box-shadow: 0px 5px 5px rgba(85,211,195,.29);}

.brand_modal .brand_modal_tips{ width:100%; height:auto; font-size:12px; line-height:16px; color:#333; text-align:center; margin-top:18px; float:left; clear:both; color:#333;}

.brand_modal .brand_modal_tips span{ color:#eb2525;}

.brand_modal .brand_modal_close{ width:18px; height:18px; position:absolute; right:20px; top:20px; cursor:pointer;}

.brand_modal .brand_modal_close:before{ content:""; width:2px; height:22px; -webkit-transform:rotateZ(45deg); position:absolute; left:50%; top:0; background-color:#333;}

.brand_modal .brand_modal_close:after{ content:""; width:2px; height:22px; -webkit-transform:rotateZ(-45deg); position:absolute; left:50%; top:0; background-color:#333;}



/*地板*/

.study_04_case01{ width:340px; margin:0 30px;float:left;text-align:center; overflow:hidden; padding-top:140px;}

.study_04_case01 .brand_modal_show{ width:100%; height:300px; overflow:hidden;}

.study_04_case01 img{float:left;width:340px; -webkit-transition:all 4s;}

.study_04_case01 span{width:100%;float:left;margin:60px 0 0 0;line-height:30px;font-size:24px; cursor:default;}

.study_04_case01 em{width:30px;height:1px;background:#fcd54a;margin:30px 155px;float:left; font-style:normal;}

.study_04_case01 i{width:100%;float:left;line-height:30px;font-size:20px; cursor:default; font-style:normal;}

.study_04_case01:hover img{ -webkit-transform:scale(1.2)}

.study_04_case01 span:hover{ color:#999;}



/*产品内页*/

.cp{ width:100%; padding:100px 0; background-color:#f1f1f1;}

.cp .box{ width:1150px; margin:auto;}

.focusBox{ width:500px; height:400px; position:relative; padding:0 50px;}

.focusBox .pic{ width:500px; height:400px; position:relative; overflow:hidden; display:block;}

.focusBox .pic li{ width:500px; height:400px; display:block; overflow:hidden;}

.focusBox .pic li img{ height:400px; margin:auto; display:block;}

.focusBox .hd{ display:none;}

.focusBox .prev{ width:30px; height:30px; display:block; cursor:pointer; position:absolute; left:0; top:185px;}

.focusBox .next{ width:30px; height:30px; display:block; cursor:pointer; position:absolute; right:0; top:185px;}

.xinx{ width:500px; float:right;}

.xinx .biao{ width:100%; font-size:18px; line-height:36px;}

.xinx .biao a{ float:right;}

.xinx ul{ width:100%; border-top:1px solid #cacaca; display:block; overflow:hidden; padding:5px 0;}

.xinx ul li{ width:100%; display:block; padding:5px 0; font-size:14px; line-height:24px; overflow:hidden}

.xinx ul li a{ display:block; float:left; width:70px;}

.xinx ul li p{ width:430px; display:block; float:left; overflow:hidden;}



.xg{ width:100%; padding:50px 0;}

.xg .title{

	text-align: center;

    font-size: 22px;

    margin-bottom: 15px;

    letter-spacing: 2px;

    height: 30px;

    line-height: 30px;

    display: block;

    font-weight: normal;

    color: #4a4a4a;

}

.xg .cps{ width:1150px; display:block; margin:auto; text-align:center;}

.xg .cps li{ display:inline-block; width:225px; margin:0 10px; overflow:hidden;}

.xg .cps li strong{ display:block; width:223px; height:160px; overflow:hidden; border:1px solid #cacaca;}

.xg .cps li strong img{ height:160px; display:block; margin:auto;}

.xg .cps li span{ width:225px; height:30px; line-height:30px; font-size:14px; text-align:center; display:block;} 

.xg .cps li:hover strong{ border:1px solid #333;}

.xg .cps li:hover span{ color:#333;} 





.jia{ width:100%;}

.jia img{ max-width:100%; display:block; margin:auto;}



/*杂志*/

.booklet{

	-moz-box-shadow:0px 0px 1px #fff;

	-webkit-box-shadow:0px 0px 1px #fff;

	box-shadow:0px 0px 1px #fff;

	-moz-border-radius:10px;

	-webkit-border-radius:10px;

	border-radius:10px;

}

.booklet .b-wrap-left  {

	background:#fff url(../images/left_bg.jpg) no-repeat top left;

	-webkit-border-top-left-radius: 10px;

	-webkit-border-bottom-left-radius: 10px;

	-moz-border-radius-topleft:10px;

	-moz-border-radius-bottomleft: 10px;

	border-top-left-radius: 10px;

	border-bottom-left-radius: 10px;

}

.booklet .b-wrap-right {

	background:#efefef url(../images/right_bg.jpg) no-repeat top left;

	-webkit-border-top-right-radius: 10px;

	-webkit-border-bottom-right-radius: 10px;

	-moz-border-radius-topright: 10px;

	-moz-border-radius-bottomright: 10px;

	border-top-right-radius: 10px;

	border-bottom-right-radius: 10px;

}

.booklet .b-counter {

	bottom:10px;

	position:absolute;

	display:block;

	width:90%;

	height:20px;

	border-top:1px solid #ddd;

	color:#222;

	text-align:center;

	font-size:12px;

	padding:5px 0 0;

	background:transparent;

	-moz-box-shadow:0px -1px 1px #fff;

	-webkit-box-shadow:0px -1px 1px #fff;

	box-shadow:0px -1px 1px #fff;

	opacity:0.8;

}

.book_wrapper{

	margin:5% auto;

	padding-top:50px;

	width:905px;

	height:540px;

	position:relative;

	background:transparent url(../images/bg.png) no-repeat 9px 27px;

}



.book_wrapper img{

	width:100%;

}

a#next_page_button,

a#prev_page_button{

	display:none;

	position:absolute;

	width:41px;

	height:40px;

	cursor:pointer;

	margin-top:-20px;

	top:50%;

	background:transparent url(../images/buttons.png) no-repeat 0px -40px;

}

a#prev_page_button{

	left:-30px;

}

a#next_page_button{

	right:-30px;

	background-position:-41px -40px;

}

a#next_page_button:hover{

	background-position:-41px 0px;

}

a#prev_page_button:hover{

	background-position:0px 0px;

}

.loading{

	width:160px;

	height:56px;

	position: absolute;

	top:50%;

	margin-top:-28px;

	right:135px;

	line-height:56px;

	color:#fff;

	padding-left:60px;

	font-size:15px;

	background: #000 url(../images/ajax-loader.gif) no-repeat 10px 50%;

	opacity: 0.7;

	z-index:9999;

	-moz-border-radius:20px;

	-webkit-border-radius:20px;

	border-radius:20px;

	filter:progid:DXImageTransform.Microsoft.Alpha(opacity=70);

}



/*新闻内页*/

.cpxx1{ width:1150px; overflow:hidden; margin:70px auto; margin-top:50px;}

.cpxx2 {

    width: 250px;

    float: left;

    margin-right: 10px;

    border: 1px solid #e5e5e5;

    border-top: 3px solid #cacaca;

    background: #fff;

}

.cpxx2 h3 {

    line-height: 40px;

    font-size: 16px;

    font-weight: normal;

    border-bottom: #e5e5e5 solid 1px;

    text-indent: 30px;

}

.cpxx2 ul { padding: 20px;}

.cpxx2 ul li {

    padding-bottom: 10px;

    border-bottom: 1px dotted #c3c3c3;

    margin-bottom: 20px;

}

.cpxx2 ul li:hover img { border:2px #cacaca solid; }

.cpxx2 ul li img { width:166px; border:2px solid #fff;}

.cpxx2 ul li:hover a { color:#333;}

.cpxx2 ul li p { line-height: 26px; font-size:12px;}



.ssdtxx {

    float: right;

    width: 828px;

    padding: 20px;

    border: 1px solid #e5e5e5;

    background: #fff;

}

.ssdtxx1 { padding:20px 0px; border-bottom:1px dashed #ccc; text-align:center;}

.ssdtxx1 h3 { color:#333; line-height:50px; font-size:18px; font-weight:normal;}

.ssdtxx1 p { color:#999; font-size:12px;}

.ssdtxx2 {

    text-align: left;

    font-size: 14px;

    color: #666;

    line-height: 24px;

}

.ssdtxx2 img{ max-width:100%;}

.ssdtxx4 { padding-top:10px; border-top:2px solid #c4c4c4;}

.ssdtxx4 p { float:left; line-height:40px; font-size:12px; width:50%; display:block;}

.ssdtxx4 span { float:left; line-height:40px; font-size:12px; width:50%; text-align:right; display:block;}

.ssdtxx4 a { color:#333;}

.ssdtxx4 a:hover { text-decoration:underline;}



.anchorBL{ display:none !important;}



#goodcover {

	display: none;

	position:fixed;

	top: 0%;

	left: 0%;

	width: 100%;

	height: 100%;

	background-color: black;

	z-index: 1001;

	-moz-opacity: 0.9;

	opacity: 0.9;

	filter: alpha(opacity=90);

}

#code {

	width:1000px;

	position: fixed;

	display: none;

	left: 50%;

	margin-left:-510px;

	top:5%;

	z-index: 1002;

}

.close1 {

	width:100%;

	height: 30px;

}

.close1 p{ display:block; height:30px; line-height:0px; font-size:16px; float:left;}

#closebt{ float:right; width:30px; height:30px;}

#closebt img {

	width: 30px;

	display:block;

}

.goodtxt {

	width:1000px; margin:auto; margin-top:10px;

}

.goodtxt object{ width:1000px; height:660px;}

.goodtxt iframe{ width:1000px; height:600px;}



.main{ width:100%;}

.main .box{ width:1150px; margin:auto; padding-top:50px;}



/*会员信息*/

.lbar .kuang{ width:278px; background-color:#fff; border:1px solid #cacaca; margin-bottom:20px;}

.toub{ height:40px; padding:0 20px; border-bottom:1px solid #cacaca;}

.toub span{ display:block; font-size:18px; font-weight:bold; color:#333; line-height:40px;}

.lbar .navl{ width:238px; padding-top:10px; padding-bottom:40px; margin:auto;}

.lbar .navl li{ width:238px; height:36px; border-bottom:1px dashed #cacaca; line-height:36px; display:block; overflow:hidden; font-size:14px; text-align:center;}

.lbar .navl li a{ color:#333;}

.lbar .navl li a:hover,.lbar .navl li.on a{ color:#ad835a;}



.lr{ width:350px;}

.kaung{ width:310px; padding:20px; background-color:#fff; margin-bottom:20px;}

.kaung .tu{ width:110px; height:110px; margin:auto; background-position:center; background-size: auto 100%; background-repeat:no-repeat; overflow:hidden;}

.kaung .tu img{ display:block; width:100%;}

.kaung .tu a{ width: 110px; height: 110px; padding: 0;}

.kaung h1{ text-align:center; padding-top:8px; height:24px; line-height:24px; overflow:hidden; font-size:18px; font-weight:normal; color:#007eff;}

.kaung h1 a{ width: 100%; height: auto; color: #007eff; padding-top: 0;}

.kaung h2{ text-align:center; height:24px; line-height:24px; overflow:hidden; font-size:14px; font-weight:normal; color:#333;}

.kaung h3{ text-align:center; height:20px; line-height:20px; margin:10px auto; overflow:hidden; font-size:16px; font-weight:normal; color:#333; background-image:url(../images/xian.jpg); background-position:center; background-repeat:no-repeat;}

.kaung h3 span{ width:120px; height:20px; background-color:#fff; margin:auto; display:block;}

.kaung h4{ width:310px; overflow:hidden; line-height:26px; font-size:14px; color:#333; font-weight:normal;}

.kaung h4 span{ display:block; font-weight:bold; float:left; width:56px;}

.kaung h4 span em{ font-style:normal;}

.kaung h4 p{ display:block; float:left; width:254px;}

.kaung a{ margin:auto; margin-top:10px; display:block; overflow:hidden; text-align:center;}



.rr{ width:720px; background-color:#fff; padding:20px;}



.rr .button{ display:block; position:relative; font-size:24px; height:80px; width:300px; margin:50px auto; overflow: hidden; box-shadow:2px 2px 2px #ddd; transition: all 0.8s cubic-bezier(0.77, 0, 0.175, 1); transform: perspective(1000px) rotateX(90deg); transform-origin: bottom center; text-align:center; line-height:80px; background-color:#f1f1f1; color:#333; box-shadow: 0 0 20px 10px #e4e4e4;}

.rr .button.animated{ transform:perspective(1000px) rotateX(0deg);}

.rr .button:hover{ color:#fff; background-color:#da0051;}

/*.rr .button > span{ display:block; position:absolute; overflow: hidden; left:0; top:0; width:0%; height:80px;

    -webkit-transition: 1s ease-in-out;

    -moz-transition: 1s ease-in-out;

    -o-transition: 1s ease-in-out;

    transition: 1s ease-in-out; }

	

.rr .button:after,.rr .button > span > span { display:block; text-align:center; height:80px; line-height:80px;}

.rr .button:after{ content:attr(data-title); width:100%; background-color:#f1f1f1; color:#333; height:80px; line-height:80px;}

.rr .button > span > span{ background:#ad835a; color:#fff; font-size:18px;}*/



/*.rr{ width:750px;}

.rr .fen{ width:100%; height:260px; position:relative; margin-bottom:30px;}

.rr .fen .tu{ width:100%; height:260px;}

.rr .fen .tu img{ width:100%; display:block;

	transition-delay: 0s;

    transition-duration: 1s;

    transition-property: all;

    transition-timing-function: ease;

	-moz-transition-delay: 0s;

    -moz-transition-duration: 1s;

    -moz-transition-property: all;

    -moz-transition-timing-function: ease;

	-webkit-transition-delay: 0s;

    -webkit-transition-duration: 1s;

    -webkit-transition-property: all;

    -webkit-transition-timing-function: ease;

	-o-transition-delay: 0s;

    -o-transition-duration: 1s;

    -o-transition-property: all;

    -o-transition-timing-function: ease;

}

.rr .fen:hover img {

	transform: scale(1.1, 1.1);

	-ms-transform:scale(1.1, 1.1); 	

	-moz-transform:scale(1.1, 1.1); 	

	-webkit-transform:scale(1.1, 1.1);

	-o-transform:scale(1.1, 1.1); 	

}

.rr .fen .wen{ position:absolute; left:245px; bottom:0; width:260px; height:260px;}

.rr .fen .wen b{ width:100%; height:170px; display:block; transition: height 0.5s; -moz-transition: height 0.5s; -webkit-transition: height 0.5s; -o-transition: height 0.5s; }

.rr .fen .wen a{ display:block; width:220px; height:80px; padding:5px 20px; background-color:rgba(255,255,255,0.5);}

.rr .fen .wen .en{ width:100%; text-align:center; font-size:18px; line-height:38px; height:39px; text-transform:uppercase;}

.rr .fen .wen .cn{ width:100%; text-align:center; font-size:18px; line-height:40px; height:40px;}

.rr .fen .wen .line{ width:100%; height:1px; background-color:#ad835a; margin:auto;}

.rr .fen:hover b{ height:85px;}

.rr .fen:hover .wen a{  background-color:rgba(255,255,255,0.7);}

*/



.rbar{ width:848px; min-height:888px; background-color:#fff; border:1px solid #cacaca; padding-bottom: 30px;}



.zhu{ width:710px;}

.zhu dt{ width:710px; height:36px; margin-top:20px; display:block;}

.zhu dt h1{ float:left; font-size:16px; color:#333; line-height:36px; height:36px; font-weight:normal; text-align:right; width:160px;}

.zhu dt p,.zhu dt h6{ display:block; float:left; margin-left:10px;}

.zhu dt p input{ width:270px; height:34px; line-height:34px; padding:0 9px; font-size:14px; color:#333; display:block; border:1px solid #cacaca; display:block; float:left;}

.zhu dt h6 img{ height:120px;}

.zhu dt p .ma01{ width:138px; height:36px; line-height:36px; margin-left: 10px; display:block; border:1px solid #cacaca; float:right; font-size:14px; text-align:center; color:#333; background-color:#eee;}

.zhu dt p .ma02{ width:100px; height:30px; display:block; float:right;}

.zhu dt p .ma02 img{ display:block; width:100%;}

.zhu dd{ width:540px; height:36px; display:block; padding-top:20px; margin-left:170px; overflow:hidden;}

.zhu dd input{ display:block; width:120px; height:36px; line-height:36px; font-size:14px; background-color:#000; color:#fff;}



.bii{ background-color:#cacaca; margin:20px auto; font-size:14px;}

.bii th{ background-color:#eee; font-weight:normal;}

.bii td{ background-color:#fff;}

.bii td a:hover{ color:#ad835a;}



.fd{ width:100%; height:100%; position:fixed; z-index:9999; background-color:#000; text-align:center; vertical-align:middle; display:none; top:0; left:0;}

.fd p{ width:100%; height:100%; display:table-cell; text-align:center; vertical-align:middle;}

.fd p img{ max-height:100%; max-width:100%;}

.fd.on{ display:table;}

.fd .close {

    width: 18px;

    height: 18px;

    position: fixed;

    right: 20px;

    top: 20px;

    cursor: pointer;

	z-index:9999;

}

.fd .close:before {

    content: "";

    width: 2px;

    height: 22px;

    -webkit-transform: rotateZ(45deg);

    position: absolute;

    left: 50%;

    top: 0;

    background-color: #fff;

}

.fd .close:after {

    content: "";

    width: 2px;

    height: 22px;

    -webkit-transform: rotateZ(-45deg);

    position: absolute;

    left: 50%;

    top: 0;

    background-color: #fff;

}



/*浮动*/

.flow_window {

  width: 78px;

  position: fixed;

  right: 0;

  top: 50%;

  margin-top: -220px;

  z-index: 999;

  right: 0;

  transition: all ease-in-out 0.5s; }

  @media (max-width: 1024px) {

    .flow_window {

      display: none !important; } }

  .flow_window .flow_icon {

    width: 40px;

    height: 120px;

    position: fixed;

    right: 40px;

    background: #131313;

    border-radius: 40px;

    font-size: 16px;

    line-height: 20px;

    color: #fff;

    text-align: center;

    padding: 20px 10px 0 10px;

    box-sizing: border-box;

    transition: all ease-in-out 0.5s; display:none;}

  .flow_window ul {

    position: relative;

    left: 0; }

    .flow_window ul li {

      background: #131313;

      border-bottom: 1px solid #424242;

      width: 76px;

      transiton: all 0.5s;

      height: 80px;

      position: relative; }

      .flow_window ul li a {

        display: block;

        width: 100%;

        height: 100%; }

      .flow_window ul li:hover {

        background: #e70012; }

        .flow_window ul li:hover .part, .flow_window ul li:hover .part2 {

          display: block; }

      .flow_window ul li .ico {

        padding-top: 15px; }

        .flow_window ul li .ico img {

          display: block;

          margin: 0 auto; }

      .flow_window ul li .txt {

        font-size: 14px;

        line-height: 24px;

        color: #fff;

        text-align: center;

        margin-top: 4px; }

      .flow_window ul li .part {

        line-height: 80px;

        height: 80px;

        width: 160px;

        font-weight: bold;

        text-align: center;

        background: #e70012;

        color: #fff;

        font-size: 18px;

        letter-spacing: 1px;

        position: absolute;

        right: 76px;

        top: 0;

        display: none; }

      .flow_window ul li .part2 {

        height: 160px;

        width: 160px;

        font-weight: bold;

        text-align: center;

        background: #fff;

        color: #fff;

        position: absolute;

        right: 76px;

        bottom: 0;

        display: none; }

        .flow_window ul li .part2 img {

          width: 100%;

          height: 100%; }



/*设计*/

.position {

    width: 100%;

    height: 70px;

    transform: translate(0) !important;

    opacity: 1 !important;

    filter: alpha(opacity=100) !important;

    background: #f6f6f6;

}

.position .position_cen {

	width:1200px;

	margin:auto;

    font-size: 0;

    height: 100%;

    text-align: center;

}

.position .position_cen a {

    display: inline-block;

    width: 14.1%;

    height: 100%;

    font-size: 16px;

    line-height: 70px;

    color: #050001;

    text-align: center;

    position: relative;

}

.position .position_cen a .txt {

    display: block;

    position: relative;

    z-index: 10;

    transition: transform 0.38s cubic-bezier(0.4, 0, 0.2, 1);

}

.position .position_cen a.active .txt {

    color: #fff;

}

.position .position_cen a .bg {

    width: 100%;

    height: 100%;

    position: absolute;

    left: 0;

    top: 0;

    background: #050001;

    transform-origin: right center;

    transform: scaleX(0);

    transition: transform 0.38s cubic-bezier(0.4, 0, 0.2, 1);

}

.position .position_cen a.active .bg {

    transform-origin: left center;

    transform: scaleX(1);

}

.position .position_cen a .line {

    width: 1px;

    height: 25px;

    background: #484445;

    position: absolute;

    right: 0;

    transition: all 0.38s cubic-bezier(0.4, 0, 0.2, 1);

    display: block;

    top: 0;

    transform: rotate(45deg);

    filter: alpha(opacity=0);

    opacity: 0;

    transform-origin: left top;

}

.position .position_cen a.active .line {

    filter: alpha(opacity=100);

    opacity: 1;

}

.position .position_cen a .line.line2 {

    right: auto;

    left: 0;

    bottom: 0;

    top: auto;

    transform-origin: left bottom;

}

.position .position_cen a:hover .txt { color: #fff; }

.position .position_cen a:hover .bg { transform-origin: left center; transform: scaleX(1); }

.position .position_cen a:hover .line { filter: alpha(opacity=100); opacity: 1; }



.section-box-newMain{

    width: 100%;

    overflow: hidden;

    background-color: #fafafa;

}

.mainwrap{ width:1200px; margin:0 auto;}

.mainwrap ul{ width:100%; display:block; padding:50px 0;}

.section-box li {

    position: relative;

    width: 33.33%;

    height: auto;

    transition: all .2s linear;

    float: left;

    margin-bottom: 3px;

    margin-top: 3px;

	box-sizing: border-box;

	display:block;

	height:482px;

}



.section-item{height:460px;background:#fff;border:1px solid #eee;overflow:hidden;transition:all .2s linear; margin-left: .4%; margin-right: .4%;}

.section-item a{position:relative;display:block;height:100%;background-position:center;background-repeat:no-repeat}

.section-title{font-size:22px;color:#333;position:absolute;text-align:center;top:48px;line-height:24px;left:0;display:block;width:100%}

.section-label{font-size:16px;color:#666;position:absolute;text-align:center;top:85px;line-height:18px;left:0;display:block;width:100%}

.section-img{width:340px;height:280px;position:absolute;top:126px;left:50%;margin-left:-170px;-webkit-transition:all .5s linear;overflow:hidden}

.section-box li p{ display:block; transition: all 0.8s cubic-bezier(0.77, 0, 0.175, 1); transform: perspective(340px) rotateX(90deg); transform-origin: bottom center; width:340px; height:280px; overflow:hidden; background-color:rgba(0,0,0,0.2); position:absolute; left:0; bottom:0; z-index:11; background-image:url(../images/sys.png); background-position:right top; background-repeat:no-repeat;}

.section-box li p img{ width:160px; display:block; margin:60px auto;}

.section-box li:hover p{ transform: perspective(340px) rotateX(0deg);}

.section-img .imgs{ width:100%; display:block;}

.section-box li:hover .section-img .imgs{-webkit-transform:scale(1.2);-webkit-transition:all 4s linear}

.section-box li:hover .section-item{ box-shadow:0 15px 30px rgba(0,0,0,.1); -webkit-box-shadow:0 15px 30px rgba(0,0,0,.1); -moz-box-shadow:0 15px 30px rgba(0,0,0,.1); -ms-box-shadow:0 15px 30px rgba(0,0,0,.1); transform:translate3d(0,-8px,0);}



/*全景内页*/

.foucebox{ width:1200px; margin:50px auto; position:relative;}

.foucebox .bd{ width:1180px; margin:auto; position:relative; overflow:hidden; height:640px;}

.foucebox .bd li{ width:1200px; display:block; overflow:hidden; height:640px;}

.foucebox .bd li img{ width:100%; display:block;}

.foucebox .hd{ width:1200px; position:relative; overflow:hidden; margin-top:10px;}

.foucebox .hd ul{ width:100%; display:block; height:96px; overflow:hidden;}

.foucebox .hd ul li{ width:180px; display:block; float:left; margin:0 10px; height:96px; overflow:hidden; position:relative;}

.foucebox .hd ul li span{ position:absolute; width:174px; height:90px; border:3px solid #ccc; left:0; top:0; display:block;}

.foucebox .hd ul li img{ width:100%; display:block;}

.foucebox .hd .hoverBg{ position:absolute; width:174px; height:90px; border:3px solid #ae8359; left:10px; z-index:111; top:0; display:block;}



.xg01{ width:1200px; margin:50px auto;}

.xg01 .title{

	text-align: center;

    font-size: 22px;

    margin-bottom: 15px;

    letter-spacing: 2px;

    height: 30px;

    line-height: 30px;

    display: block;

    font-weight: normal;

    color: #4a4a4a;

}

.xg01 .cps{ width:1220px; display:block; margin:auto; text-align:center;}

.xg01 .cps li{ display:block; float:left; width:224px; margin-right:20px; overflow:hidden;}

.xg01 .cps li strong{ display:block; width:222px; height:180px; overflow:hidden; border:1px solid #cacaca;}

.xg01 .cps li strong img{ width:100%; display:block;}

.xg01 .cps li span{ width:225px; height:30px; line-height:30px; font-size:14px; text-align:center; display:block;} 

.xg01 .cps li:hover strong{ border:1px solid #333;}

.xg01 .cps li:hover span{ color:#333;} 



/*效果图*/

.index-title {

    width: 100%;

    float: left;

    text-align: center;

    padding-top: 40px;

    padding-bottom: 40px;

    position: relative;

}

.index-title span {

    font-size: 28px;

    color: #333;

    display: inline-block;

    position: relative;

}

.index-title span:before {

    content: "";

    width: 0;

    height: 30px;

    border-left: 5px solid #ad835a;

    position: absolute;

    left: -22px;

    top: 50%;

    margin-top: -15px;

}

.index-title span:after {

    content: "";

    width: 0;

    height: 30px;

    border-right: 5px solid #ad835a;

    position: absolute;

    right: -22px;

    top: 50%;

    margin-top: -15px;

}



.section-box01 li {

    position: relative;

    width: 25%;

    height: auto;

    transition: all .2s linear;

    float: left;

    margin-bottom: 3px;

    margin-top: 3px;

	box-sizing: border-box;

	display:block;

}

.section-box01 .section-item{height:430px;background:#fff;border:1px solid #eee;overflow:hidden;transition:all .2s linear; margin-left: .8%; margin-right: .8%;}

.section-box01 .section-img{width:260px;height:260px;position:absolute;top:126px;left:50%;margin-left:-130px;-webkit-transition:all .5s linear;overflow:hidden}

.section-box01 li:hover .section-img img{-webkit-transform:scale(1.2);-webkit-transition:all 4s linear}

.section-box01 li:hover{-webkit-box-shadow:0 15px 30px rgba(0,0,0,.1);-moz-box-shadow:0 15px 30px rgba(0,0,0,.1);-ms-box-shadow:0 15px 30px rgba(0,0,0,.1);transform:translate3d(0,-8px,0);box-shadow:0 15px 30px rgba(0,0,0,.1)}



.case {

    width: 1120px;

    padding: 0px 40px;

    background: #fff;

    margin: 20px auto 20px auto;

}



.case_screen {

    width: 100%;

    float: left;

    line-height: 30px;

    padding: 17px 0;

    border-top: 1px dashed #ddd;

}

.case_screen span {

    font-size: 16px;

    font-weight: bold;

    float: left;

    margin-right: 10px;

}

.case_screen i {

    float: left;

    margin: 5px 8px 0 0;

    font-size: 14px;

    cursor: pointer;

    padding: 0 15px;

    border-radius: 15px;

    -webkit-transition: all 0.3s;

	font-style:normal;

}

.case_screen i:hover, .case_screen_i {

    color: #fff;

    font-weight: bold;

    background: #ae8359;

}

.case_screen_i a,.case_screen i:hover a {

    color: #fff;

}

#closebt{ cursor:pointer;}



.focusBoxs{ width:980px; padding:10px; position:relative; background-color:#fff;}

.focusBoxs .pic{ width:980px; position:relative; display:block; overflow:hidden;}

.focusBoxs .pic li{ width:980px; display:block; overflow:hidden;}

.focusBoxs .pic li img{ width:100%; display:block;}

.focusBoxs .hd{ display:none; width:100%; position:absolute; left:0; bottom:20px; overflow:hidden; text-align:center;} 

.focusBoxs .hd li{ display:inline-block; width:10px; height:10px; border-radius:10px; margin:0 3px; background-color:#fff;}

.focusBoxs .hd li.on{ background-color:#ae8359;}

.focusBoxs .prev{ width:33px; height:64px; position:absolute; left:20px; top:288px; cursor:pointer; display:block; z-index:11;}

.focusBoxs .next{ width:33px; height:64px; position:absolute; right:20px; top:288px; cursor:pointer; display:block; z-index:11;}