@charset "utf-8";
/* CSS Document */
*{ margin:0; padding:0; border:none; border-radius:0; outline:none; }
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; font-size:14px; font-family:"微软雅黑";}
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;} 

/*header*/
@media screen and (min-width:1281px){
.header{ width:1200px; margin:20px auto; height:80px;}
.header .logo{ height:80px; float:left;}
.header .logo img{ display:block; height:80px;}
.header .tel{ height:52px; float:right; margin:14px 0;}
.header .tel span{ display:block; text-align:right; height:24px; line-height:24px; font-size:14px; color:#999; overflow:hidden;}
.header .tel p{ display:block; text-align:right; height:28px; line-height:28px; font-size:24px; padding-left:29px; background-image:url(../images/tel.jpg); background-position:left center; background-repeat:no-repeat; overflow:hidden;}
.header .ser{ height:30px; width:330px; padding:4px; border:1px solid #d9d9d9; border-radius:40px; float:right; margin:20px 50px;}
.header .ser p{ padding:0 15px; width:210px; display:block; float:left; height:30px; overflow:hidden;}
.header .ser p input{ display:block; height:30px; line-height:30px; font-size:14px;}
.header .ser span{ width:80px; display:block; float:right; height:30px; overflow:hidden;}
.header .ser span input{ width:100%; border-radius:30px; background-color:#62151b; color:#fff; text-align:center; display:block; height:30px; line-height:30px; font-size:14px; cursor:pointer;}
.header .nav_btn{ display:none;}
.sbox{ display:none;}
.menu{ display:none;}
}

@media screen and (min-width:768px) and (max-width:1280px){
.header{ width:100%; background-color:#fff; box-shadow:0 0 5px #cacaca; position:fixed; left:0; top:0; z-index:999;}
.header .logo{ height:60px; float:left; margin:15px 3%; margin-right:0;}
.header .logo img{ display:block; height:60px;}
.header .tel{ display:none;}
.header .ser{ height:30px; width:270px; padding:4px; border:1px solid #d9d9d9; border-radius:40px; float:right; margin:25px 10px; margin-left:0;}
.header .ser p{ padding:0 10px; width:170px; display:block; float:left; height:30px; overflow:hidden;}
.header .ser p input{ display:block; height:30px; line-height:30px; font-size:14px;}
.header .ser span{ width:70px; display:block; float:right; height:30px; overflow:hidden;}
.header .ser span input{ width:100%; border-radius:30px; background-color:#62151b; color:#fff; text-align:center; display:block; height:30px; line-height:30px; font-size:14px; cursor:pointer;}
.header .nav_btn{ float:right; width:90px; height:90px; background-image:url(../images/menu.png); background-position:center; background-repeat:no-repeat;}
.sbox{ display:none;}
.menu{ width:100%; height:100%; position:fixed; left:0; top:90px; opacity:0; z-index:-1;}
.menu.active{ opacity:1; z-index:9999;}
.sliding-menu{ width:100%; position:relative; background-color:rgba(0,0,0,0.7);}
.sliding-menu ul{ float:left;}
.sliding-menu ul li{ display:block; overflow:hidden;}
.sliding-menu a{ display:block; margin:10px 3%; color:#fff; height:24px; line-height:24px; font-size:16px; background-image:url(../images/nr.png); background-position:right center; background-repeat:no-repeat;}
.sliding-menu a.back{ background-color:#000; background-image:url(../images/nl.png); background-position:3% center; margin:0; padding:10px 5%;}
}

@media only screen and (max-width:767px){
.header{ width:100%; background-color:#fff; box-shadow:0 0 5px #cacaca; position:fixed; left:0; top:0; z-index:999;}
.header .logo{ height:40px; float:left; margin:10px 3%; margin-right:0;}
.header .logo img{ display:block; height:40px;}
.header .tel{ display:none;}
.header .ser{ height:60px; width:60px; float:right;}
.header .ser p,.header .ser span{ display:none;}
.header .ser a{ width:60px; display:block; height:60px; overflow:hidden; background-image:url(../images/ser.jpg); background-position:center; background-repeat:no-repeat;}
.header .nav_btn{ float:right; width:60px; height:60px; background-image:url(../images/menu.png); background-position:center; background-repeat:no-repeat; background-size:24px 24px;}
.sbox{ display:none; position:fixed; top:61px; width:94%; padding:10px 3%; background-color:#fff; z-index:9999;}
.sbox .box{ height:30px; width:80%; border:1px solid #d9d9d9; border-radius:40px; float:left;}
.sbox .box p{ padding:0 3%; width:60%; display:block; float:left; height:30px; overflow:hidden;}
.sbox .box p input{ width:100%; overflow:hidden; display:block; height:30px; line-height:30px; font-size:14px;}
.sbox .box span{ width:34%; display:block; float:right; height:30px; overflow:hidden;}
.sbox .box span input{ width:100%; border-radius:30px; background-color:#62151b; color:#fff; text-align:center; display:block; height:30px; line-height:30px; font-size:14px; cursor:pointer;}
.sbox a{ font-size:18px; text-align:right; height:32px; line-height:32px; float:right; margin-right:3%; display:block;}
.menu{ width:100%; height:100%; position:fixed; left:0; top:60px; opacity:0; z-index:-1;}
.menu.active{ opacity:1; z-index:9999;}
.sliding-menu{ width:100%; position:relative; background-color:rgba(0,0,0,0.7);}
.sliding-menu ul{ float:left;}
.sliding-menu ul li{ display:block; overflow:hidden; padding:10px 15px;}
.sliding-menu a{ display:block; color:#fff; height:24px; line-height:24px; font-size:14px; background-image:url(../images/nr.png); background-position:right center; background-repeat:no-repeat;}
.sliding-menu a.back{ background-color:#000; background-image:url(../images/nl.png); background-position:15px center; padding:10px 30px;}
}

/*nav*/
@media screen and (min-width:1281px){
.nav{ width:100%; height:51px; background-color:#fff; background-image:url(../images/nav.jpg); background-position:top left; background-repeat:repeat-x; position:absolute; left:0; top:120px; z-index:11;}
.nav .box{ width:1200px; height:51px; margin:auto;}
.nav .box ul{ display:block; float:left; height:51px;}
.nav .box ul li{ display:block; float:left; height:49px; width:200px; padding-top:2px; vertical-align:middle;}
.nav .box ul li a{ width:100%; display:block; height:46px; line-height:46px; text-align:center; vertical-align:middle; font-size:16px;}
.nav .box ul li a b{ display:inline-block; margin-left:10px; width:10px; height:46px; background-image:url(../images/nx.jpg); background-position:center; background-repeat:no-repeat; vertical-align:middle;}
.nav .box ul li:hover{ padding-top:0; border-top:2px solid #62151b;}
.nav .box ul li dl{ display:none; width:160px; margin-top:2px; border-top:1px solid #83494d; padding:9px 20px; overflow:hidden; background-color:rgba(255,255,255,0.7);}
.nav .box ul li dl dt{ display:block; width:100%; height:40px; border-bottom:1px solid #eee;}
.nav .box ul li dl dt:last-child{ border-bottom:none;}
.nav .box ul li dl dt a{ background-image:none; width:100%; height:40px; line-height:40px; font-size:14px; padding:0; text-align:left;}
.nav .box ul li:hover dl{ display:block;}
.nav .box ul li dl dt a:hover{ color:#62151b;}
.nav .box p{ display:none;}

.nav.bg{ position:fixed; top:0; z-index:999; background-image:none; height:70px; box-shadow:0 0 5px #cacaca;}
.nav.bg .box,.nav.bg .box ul{ height:70px;}
.nav.bg .box ul li{ height:68px; width:140px;}
.nav.bg .box ul li a{ height:66px; line-height:66px;}
.nav.bg .box ul li a b{ height:66px;}
.nav.bg p{ display:block; width:238px; height:28px; float:right; border:1px solid #d9d9d9; border-radius:30px; margin-top:20px;}
.nav.bg p span{ display:block; margin:0 19px; width:170px; float:left; height:28px;}
.nav.bg p span input{ display:block; height:28px; line-height:28px; font-size:14px;}
.nav.bg p a{ display:block; width:28px; float:left; height:28px;}
.nav.bg p a input{ display:block; height:28px; width:28px; background-color:#fff; background-image:url(../images/ser.jpg); background-position:center; background-repeat:no-repeat; background-size:16px 16px; cursor:pointer; border-radius:30px;}
.nav.bg .box ul li dl dt a{ background-image:none; width:100%; height:40px; line-height:40px; font-size:14px; padding:0; text-align:left;}
.nav.bg .box ul li dl{ width:140px;}
}

@media screen and (min-width:768px) and (max-width:1280px){
.nav{ display:none;}
}

@media only screen and (max-width:767px){
.nav{ display:none;}
}

/*banner*/
@media screen and (min-width:1281px){
.banner{ width:100%; height:600px; position:relative;}
.banner .swiper-container{ width:100%; height:600px; position:absolute; left:0; top:0; overflow:hidden;}
.banner .swiper-wrapper{ position:relative; width:100%; height:100%; z-index:1; display:-webkit-box; display:-moz-box; display:-ms-flexbox; display:-webkit-flex; display:flex; -webkit-transition-property:-webkit-transform; -moz-transition-property:-moz-transform; -o-transition-property:-o-transform; -ms-transition-property:-ms-transform; transition-property:transform; -webkit-box-sizing:content-box; -moz-box-sizing:content-box; box-sizing:content-box;}
.banner .swiper-wrapper{ -webkit-transform:translate3d(0,0,0); -moz-transform:translate3d(0,0,0); -o-transform:translate(0,0); -ms-transform:translate3d(0,0,0); transform:translate3d(0,0,0);}
.banner .swiper-slide{ -webkit-flex-shrink:0; -ms-flex:0 0 auto; flex-shrink:0; width:100%; height:100%; position:relative; display:-webkit-box; display:-ms-flexbox; display:-webkit-flex; display:flex; -webkit-box-pack:center; -ms-flex-pack:center; -webkit-justify-content:center; justify-content:center; -webkit-box-align:center; -ms-flex-align:center; -webkit-align-items:center; align-items:center;}
.banner .swiper-slide a{ display:block; width:100%; height:600px; position:relative; overflow:hidden;}
.banner .swiper-slide a img{ width:1920px; display:block; position:absolute; left:50%; margin-left:-960px; top:0;}
.banner .swiper-pagination{ width:140px; height:20px; position:absolute; left:50%; margin-left:-70px; bottom:20px; z-index:3; background-color:rgba(0,0,0,0.3); border-radius:20px; text-align:center; vertical-align:middle;}
.banner .swiper-pagination span{ width:10px; height:10px; margin:5px; display:inline-block; background-image:url(../images/ban.png); background-repeat:no-repeat; background-position:center;}
.banner .swiper-pagination span.swiper-pagination-bullet-active{ background-image:url(../images/banh.png);}
}

@media screen and (min-width:768px) and (max-width:1280px){
.banner{ width:100%; position:relative; margin-top:39px;}
.banner .swiper-container{ width:100%; height:100%; position:absolute; left:0; top:0; overflow:hidden;}
.banner .swiper-wrapper{ position:relative; width:100%; height:100%; z-index:1; display:-webkit-box; display:-moz-box; display:-ms-flexbox; display:-webkit-flex; display:flex; -webkit-transition-property:-webkit-transform; -moz-transition-property:-moz-transform; -o-transition-property:-o-transform; -ms-transition-property:-ms-transform; transition-property:transform; -webkit-box-sizing:content-box; -moz-box-sizing:content-box; box-sizing:content-box;}
.banner .swiper-wrapper{ -webkit-transform:translate3d(0,0,0); -moz-transform:translate3d(0,0,0); -o-transform:translate(0,0); -ms-transform:translate3d(0,0,0); transform:translate3d(0,0,0);}
.banner .swiper-slide{ -webkit-flex-shrink:0; -ms-flex:0 0 auto; flex-shrink:0; width:100%; height:100%; position:relative; display:-webkit-box; display:-ms-flexbox; display:-webkit-flex; display:flex; -webkit-box-pack:center; -ms-flex-pack:center; -webkit-justify-content:center; justify-content:center; -webkit-box-align:center; -ms-flex-align:center; -webkit-align-items:center; align-items:center;}
.banner .swiper-slide a{ display:block; width:100%; height:100%; position:relative; overflow:hidden;}
.banner .swiper-slide a img{ width:100%; display:block;}
.banner .swiper-pagination{ width:120px; height:20px; position:absolute; left:50%; margin-left:-60px; bottom:10px; z-index:3; background-color:rgba(0,0,0,0.3); border-radius:20px; text-align:center; vertical-align:middle;}
.banner .swiper-pagination span{ width:10px; height:10px; margin:5px; display:inline-block; background-image:url(../images/ban.png); background-repeat:no-repeat; background-position:center;}
.banner .swiper-pagination span.swiper-pagination-bullet-active{ background-image:url(../images/banh.png);}
}

@media only screen and (max-width:767px){
.banner{ width:100%; position:relative; margin-top:9px;}
.banner .swiper-container{ width:100%; height:100%; position:absolute; left:0; top:0; overflow:hidden;}
.banner .swiper-wrapper{ position:relative; width:100%; height:100%; z-index:1; display:-webkit-box; display:-moz-box; display:-ms-flexbox; display:-webkit-flex; display:flex; -webkit-transition-property:-webkit-transform; -moz-transition-property:-moz-transform; -o-transition-property:-o-transform; -ms-transition-property:-ms-transform; transition-property:transform; -webkit-box-sizing:content-box; -moz-box-sizing:content-box; box-sizing:content-box;}
.banner .swiper-wrapper{ -webkit-transform:translate3d(0,0,0); -moz-transform:translate3d(0,0,0); -o-transform:translate(0,0); -ms-transform:translate3d(0,0,0); transform:translate3d(0,0,0);}
.banner .swiper-slide{ -webkit-flex-shrink:0; -ms-flex:0 0 auto; flex-shrink:0; width:100%; height:100%; position:relative; display:-webkit-box; display:-ms-flexbox; display:-webkit-flex; display:flex; -webkit-box-pack:center; -ms-flex-pack:center; -webkit-justify-content:center; justify-content:center; -webkit-box-align:center; -ms-flex-align:center; -webkit-align-items:center; align-items:center;}
.banner .swiper-slide a{ display:block; width:100%; height:100%; position:relative; overflow:hidden;}
.banner .swiper-slide a img{ width:100%; display:block;}
.banner .swiper-pagination{ width:100px; height:20px; position:absolute; left:50%; margin-left:-50px; bottom:5px; z-index:3; background-color:rgba(0,0,0,0.3); border-radius:20px; text-align:center; vertical-align:middle;}
.banner .swiper-pagination span{ width:10px; height:10px; margin:5px; display:inline-block; background-image:url(../images/ban.png); background-repeat:no-repeat; background-position:center;}
.banner .swiper-pagination span.swiper-pagination-bullet-active{ background-image:url(../images/banh.png);}
}

/*产品*/
@media screen and (min-width:1281px){
.pbox{ width:1200px; margin:56px auto;}
.pbox .title{ width:100%; margin-bottom:24px; height:82px; text-align:center; background-image:url(../images/title.png); background-position:center 37px; background-repeat:no-repeat;}
.pbox .title span{ display:block; height:46px; line-height:46px; font-size:24px; color:#999; text-transform:uppercase; overflow:hidden;}
.pbox .title p{ display:block; height:36px; line-height:36px; font-size:24px; color:#333; overflow:hidden; letter-spacing:6px; padding-left:6px;}
.pbox .box{ width:1200px; margin:auto;}
.pbox .box ul{ width:1220px; display:block; overflow:hidden;}
.pbox .box ul li{ width:285px; float:left; margin-right:20px; overflow:hidden; display:block;}
.pbox .box ul li .tu{ width:285px; height:225px;}
.pbox .box ul li .tu img{ width:285px; 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;
}
.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 .box ul li .wen{ padding:20px 40px; height:50px; background-color:#f2f2f2; position:relative;}
.pbox .box ul li .wen b{ width:0; height:4px; background-color:#62151b; display:block; position:absolute; left:0; top:32px; transition:width 0.5s; -moz-transition:width 0.5s; -webkit-transition:width 0.5s; -o-transition:width 0.5s;}
.pbox .box ul li .wen span{ display:block; height:28px; line-height:28px; font-size:18px; overflow:hidden;}
.pbox .box ul li .wen p{ display:block; height:20px; line-height:20px; font-size:14px; color:#666; overflow:hidden;}
.pbox .box ul li:hover .wen b{ width:24px;}
.pbox .box ul li:hover .wen span{ color:#62151b;}
}

@media screen and (min-width:768px) and (max-width:1280px){
.pbox{ width:100%; margin:36px auto;}
.pbox .title{ width:94%; margin:auto; margin-bottom:20px; text-align:center; background-image:url(../images/title.png); background-position:center; background-repeat:no-repeat;}
.pbox .title span{ display:block; height:32px; line-height:32px; font-size:24px; color:#999; text-transform:uppercase; overflow:hidden;}
.pbox .title p{ display:block; height:36px; line-height:36px; font-size:24px; color:#333; overflow:hidden; letter-spacing:6px; padding-left:6px;}
.pbox .box{ width:100%; margin:auto;}
.pbox .box ul{ width:100%; display:block; overflow:hidden;}
.pbox .box ul li{ width:21.25%; float:left; margin-left:3%; overflow:hidden; display:block;}
.pbox .box ul li .tu{ width:100%;}
.pbox .box ul li .tu img{ display:block; width:100%;
	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;
}
.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 .box ul li .wen{ padding:15px 30px; height:50px; background-color:#f2f2f2; position:relative;}
.pbox .box ul li .wen b{ width:0; height:4px; background-color:#62151b; display:block; position:absolute; left:0; top:27px; transition:width 0.5s; -moz-transition:width 0.5s; -webkit-transition:width 0.5s; -o-transition:width 0.5s;}
.pbox .box ul li .wen span{ display:block; height:28px; line-height:28px; font-size:18px; overflow:hidden;}
.pbox .box ul li .wen p{ display:block; height:20px; line-height:20px; font-size:14px; color:#666; overflow:hidden;}
.pbox .box ul li:hover .wen b{ width:20px;}
.pbox .box ul li:hover .wen span{ color:#62151b;}
}

@media only screen and (max-width:767px){
.pbox{ width:100%; margin:20px auto;}
.pbox .title{ width:94%; margin:auto; text-align:center;}
.pbox .title span{ display:block; height:20px; line-height:20px; font-size:16px; color:#999; text-transform:uppercase; overflow:hidden;}
.pbox .title p{ display:block; height:24px; line-height:24px; font-size:16px; color:#333; overflow:hidden; background-image:url(../images/title.png); background-position:center; background-repeat:no-repeat; background-size:130% auto;}
.pbox .box{ width:100%; margin:auto;}
.pbox .box ul{ width:100%; display:block; overflow:hidden;}
.pbox .box ul li{ width:45.5%; float:left; margin-left:3%; margin-top:10px; overflow:hidden; display:block;}
.pbox .box ul li .tu{ width:100%;}
.pbox .box ul li .tu img{ display:block; width:100%;}

.pbox .box ul li .wen{ padding:10px 15px; background-color:#f2f2f2; position:relative;}
.pbox .box ul li .wen b{ display:none;}
.pbox .box ul li .wen span{ display:block; height:26px; line-height:26px; font-size:16px; overflow:hidden;}
.pbox .box ul li .wen p{ display:block; height:20px; line-height:20px; font-size:14px; color:#666; overflow:hidden;}
.pbox .box ul li:hover .wen span{ color:#62151b;}
}

/*店面*/
@media screen and (min-width:1281px){
.dbox{ width:100%;}
.dbox .title{ width:100%; margin-bottom:24px; height:82px; text-align:center; background-image:url(../images/title.png); background-position:center 37px; background-repeat:no-repeat;}
.dbox .title span{ display:block; height:46px; line-height:46px; font-size:24px; color:#999; text-transform:uppercase; overflow:hidden;}
.dbox .title p{ display:block; height:36px; line-height:36px; font-size:24px; color:#333; overflow:hidden; letter-spacing:6px; padding-left:6px;}
.dbox .box{ width:100%; background-color:#62151b; height:700px; position:relative;}
.dbox .swiper-container{ width:2400px; height:700px; overflow:hidden; position:absolute; left:50%; margin-left:-1200px; top:0;}
.dbox .swiper-wrapper{ position:relative; width:100%; height:100%; z-index:1; display:-webkit-box; display:-moz-box; display:-ms-flexbox; display:-webkit-flex; display:flex; -webkit-transition-property:-webkit-transform; -moz-transition-property:-moz-transform; -o-transition-property:-o-transform; -ms-transition-property:-ms-transform; transition-property:transform; -webkit-box-sizing:content-box; -moz-box-sizing:content-box; box-sizing:content-box;}
.dbox .swiper-wrapper{ -webkit-transform:translate3d(0,0,0); -moz-transform:translate3d(0,0,0); -o-transform:translate(0,0); -ms-transform:translate3d(0,0,0); transform:translate3d(0,0,0);}
.dbox .swiper-slide{ -webkit-flex-shrink:0; -ms-flex:0 0 auto; flex-shrink:0; width:20%; overflow:hidden; height:100%; position:relative; display:-webkit-box; display:-ms-flexbox; display:-webkit-flex; display:flex; -webkit-box-pack:center; -ms-flex-pack:center; -webkit-justify-content:center; justify-content:center; -webkit-box-align:center; -ms-flex-align:center; -webkit-align-items:center; align-items:center;}
.dbox .swiper-slide.swiper-slide-active{ width:60%;}
.dbox .swiper-slide a{ display:block; width:100%; height:100%; overflow:hidden;}
.dbox .swiper-slide b{ width:100%; display:block; height:470px; overflow:hidden; position:relative;}
.dbox .swiper-slide b img{ width:100%; display:block;}
.dbox .swiper-slide b em{ display:block; width:100%; height:100%; position:absolute; left:0; top:0; background-color:rgba(0,0,0,0.7); overflow:hidden;}
.dbox .swiper-slide strong{ display:none; width:75%; margin-left:25%; color:#fff; padding-top:35px; height:28px; line-height:28px; font-size:18px; overflow:hidden;}
.dbox .swiper-slide span{ display:none; width:75%; margin-left:25%; color:#fff; padding-bottom:16px; height:22px; line-height:22px; font-size:14px; overflow:hidden; border-bottom:1px solid #fff;}
.dbox .swiper-slide p{ display:none; width:75%; margin-left:25%; color:#fff; padding-top:15px; height:48px; line-height:24px; font-size:14px; overflow:hidden;}
.dbox .swiper-slide.swiper-slide-active strong,.dbox .swiper-slide.swiper-slide-active span,.dbox .swiper-slide.swiper-slide-active p{ display:block;}
.dbox .swiper-slide.swiper-slide-active b em{ display:none;}
.dbox .swiper-pagination{ position:absolute; left:600px; bottom:156px; z-index:3;}
.dbox .swiper-pagination span{ width:10px; height:10px; margin-right:14px; display:block; float:left; border-radius:20px; background-color:#fff; border:2px solid #62151b;}
.dbox .swiper-pagination span.swiper-pagination-bullet-active{ background-color:#62151b; border:2px solid #fff;}
.dbox .button{ width:50px; height:120px; position:absolute; top:175px; z-index:9; cursor:pointer;}
.dbox .swiper-button-prev{ left:600px;}
.dbox .swiper-button-next{ right:600px;}
.dbox .button img{ width:100%; display:block;}
.dbox .more{ position:absolute; left:600px; bottom:70px; z-index:3; width:140px; height:40px; background-image:url(../images/more01.jpg); background-repeat:no-repeat;}
.dbox .more a{ display:block; width:100%; padding-left:40px; line-height:40px; font-size:14px; color:#62151b; text-transform:uppercase;}
}

@media screen and (min-width:768px) and (max-width:1280px){
.dbox{ width:100%;}
.dbox .title{ width:94%; margin:auto; margin-bottom:20px; text-align:center; background-image:url(../images/title.png); background-position:center; background-repeat:no-repeat;}
.dbox .title span{ display:block; height:32px; line-height:32px; font-size:24px; color:#999; text-transform:uppercase; overflow:hidden;}
.dbox .title p{ display:block; height:36px; line-height:36px; font-size:24px; color:#333; overflow:hidden; letter-spacing:6px; padding-left:6px;}

.dbox .box{ width:100%; background-color:#62151b; position:relative;}
.dbox .swiper-container{ width:100%; overflow:hidden; position:relative;}
.dbox .swiper-wrapper{ position:relative; width:100%; height:100%; z-index:1; display:-webkit-box; display:-moz-box; display:-ms-flexbox; display:-webkit-flex; display:flex; -webkit-transition-property:-webkit-transform; -moz-transition-property:-moz-transform; -o-transition-property:-o-transform; -ms-transition-property:-ms-transform; transition-property:transform; -webkit-box-sizing:content-box; -moz-box-sizing:content-box; box-sizing:content-box;}
.dbox .swiper-wrapper{ -webkit-transform:translate3d(0,0,0); -moz-transform:translate3d(0,0,0); -o-transform:translate(0,0); -ms-transform:translate3d(0,0,0); transform:translate3d(0,0,0);}
.dbox .swiper-slide{ -webkit-flex-shrink:0; -ms-flex:0 0 auto; flex-shrink:0; width:20%; overflow:hidden; height:100%; position:relative; display:-webkit-box; display:-ms-flexbox; display:-webkit-flex; display:flex; -webkit-box-pack:center; -ms-flex-pack:center; -webkit-justify-content:center; justify-content:center; -webkit-box-align:center; -ms-flex-align:center; -webkit-align-items:center; align-items:center;}
.dbox .swiper-slide.swiper-slide-active{ width:60%;}
.dbox .swiper-slide a{ display:block; width:100%; height:100%; overflow:hidden;}
.dbox .swiper-slide b{ width:100%; display:block; overflow:hidden; position:relative;}
.dbox .swiper-slide b img{ width:100%; display:block;}
.dbox .swiper-slide b em{ display:block; width:100%; height:100%; position:absolute; left:0; top:0; background-color:rgba(0,0,0,0.7); overflow:hidden;}
.dbox .swiper-slide strong{ display:none; width:100%; color:#fff; padding-top:15px; height:28px; line-height:28px; font-size:18px; overflow:hidden;}
.dbox .swiper-slide span{ display:none; width:100%; color:#fff; padding-bottom:10px; height:22px; line-height:22px; font-size:14px; overflow:hidden; border-bottom:1px solid #fff;}
.dbox .swiper-slide p{ display:none; width:100%; color:#fff; padding-top:15px; height:48px; line-height:24px; font-size:14px; overflow:hidden; margin-bottom:15px;}
.dbox .swiper-slide.swiper-slide-active strong,.dbox .swiper-slide.swiper-slide-active span,.dbox .swiper-slide.swiper-slide-active p{ display:block;}
.dbox .swiper-slide.swiper-slide-active b em{ display:none;}
.dbox .swiper-pagination{ position:absolute; left:3%; bottom:30px; z-index:3;}
.dbox .swiper-pagination span{ width:10px; height:10px; margin-right:14px; display:block; float:left; border-radius:20px; background-color:#fff; border:2px solid #62151b;}
.dbox .swiper-pagination span.swiper-pagination-bullet-active{ background-color:#62151b; border:2px solid #fff;}
.dbox .button{ width:30px; position:absolute; top:50%; margin-top:-110px; z-index:9; cursor:pointer;}
.dbox .swiper-button-prev{ left:25%;}
.dbox .swiper-button-next{ right:25%;}
.dbox .button img{ width:100%; display:block;}
.dbox .more{ position:absolute; right:3%; bottom:30px; z-index:3; width:140px; height:40px; background-image:url(../images/more01.jpg); background-repeat:no-repeat;}
.dbox .more a{ display:block; width:100%; padding-left:40px; line-height:40px; font-size:14px; color:#62151b; text-transform:uppercase;}
}

@media only screen and (max-width:767px){
.dbox{ width:100%;}
.dbox .title{ width:94%; margin:auto; margin-bottom:10px; text-align:center;}
.dbox .title span{ display:block; height:20px; line-height:20px; font-size:16px; color:#999; text-transform:uppercase; overflow:hidden;}
.dbox .title p{ display:block; height:24px; line-height:24px; font-size:16px; color:#333; overflow:hidden; background-image:url(../images/title.png); background-position:center; background-repeat:no-repeat; background-size:130% auto;}

.dbox .box{ width:100%; background-color:#62151b; position:relative;}
.dbox .swiper-container{ width:100%; overflow:hidden; position:relative;}
.dbox .swiper-wrapper{ position:relative; width:100%; height:100%; z-index:1; display:-webkit-box; display:-moz-box; display:-ms-flexbox; display:-webkit-flex; display:flex; -webkit-transition-property:-webkit-transform; -moz-transition-property:-moz-transform; -o-transition-property:-o-transform; -ms-transition-property:-ms-transform; transition-property:transform; -webkit-box-sizing:content-box; -moz-box-sizing:content-box; box-sizing:content-box;}
.dbox .swiper-wrapper{ -webkit-transform:translate3d(0,0,0); -moz-transform:translate3d(0,0,0); -o-transform:translate(0,0); -ms-transform:translate3d(0,0,0); transform:translate3d(0,0,0);}
.dbox .swiper-slide{ -webkit-flex-shrink:0; -ms-flex:0 0 auto; flex-shrink:0; width:20%; overflow:hidden; height:100%; position:relative; display:-webkit-box; display:-ms-flexbox; display:-webkit-flex; display:flex; -webkit-box-pack:center; -ms-flex-pack:center; -webkit-justify-content:center; justify-content:center; -webkit-box-align:center; -ms-flex-align:center; -webkit-align-items:center; align-items:center;}
.dbox .swiper-slide.swiper-slide-active{ width:60%;}
.dbox .swiper-slide a{ display:block; width:100%; height:100%; overflow:hidden;}
.dbox .swiper-slide b{ width:100%; display:block; overflow:hidden; position:relative;}
.dbox .swiper-slide b img{ width:100%; display:block;}
.dbox .swiper-slide b em{ display:block; width:100%; height:100%; position:absolute; left:0; top:0; background-color:rgba(0,0,0,0.7); overflow:hidden;}
.dbox .swiper-slide strong{ display:none; width:94%; margin:auto; color:#fff; padding-top:10px; height:28px; line-height:28px; font-size:16px; overflow:hidden;}
.dbox .swiper-slide span{ display:none; width:94%; margin:auto; color:#fff; padding-bottom:7px; height:22px; line-height:22px; font-size:14px; overflow:hidden;}
.dbox .swiper-slide p{ display:none !important; width:94%; margin:auto; color:#fff; padding-top:10px; height:48px; line-height:24px; font-size:14px; overflow:hidden; margin-bottom:10px;}
.dbox .swiper-slide.swiper-slide-active strong,.dbox .swiper-slide.swiper-slide-active span,.dbox .swiper-slide.swiper-slide-active p{ display:block;}
.dbox .swiper-slide.swiper-slide-active b em{ display:none;}
.dbox .swiper-pagination{ position:absolute; left:3%; bottom:23px; z-index:3;}
.dbox .swiper-pagination span{ width:10px; height:10px; margin-right:14px; display:block; float:left; border-radius:20px; background-color:#fff; border:2px solid #62151b;}
.dbox .swiper-pagination span.swiper-pagination-bullet-active{ background-color:#62151b; border:2px solid #fff;}
.dbox .button{ width:20px; position:absolute; top:50%; margin-top:-90px; z-index:9; cursor:pointer;}
.dbox .swiper-button-prev{ left:3%;}
.dbox .swiper-button-next{ right:3%;}
.dbox .button img{ width:100%; display:block;}
.dbox .more{ z-index:3; width:105px; height:30px; float:right; margin-right:3%; margin-bottom:15px; background-image:url(../images/more01.jpg); background-repeat:no-repeat; background-position:right center;}
.dbox .more a{ display:block; width:100%; padding-left:30px; line-height:30px; font-size:14px; color:#62151b; text-transform:uppercase;}
}

/*产品*/
@media screen and (min-width:1281px){
.fbox{ width:100%; padding-top:56px; padding-bottom:70px; background-image:url(../images/fw.jpg); background-position:bottom center; background-repeat:repeat-x;}
.fbox .title{ width:100%; margin-bottom:24px; height:82px; text-align:center; background-image:url(../images/title.png); background-position:center 37px; background-repeat:no-repeat;}
.fbox .title span{ display:block; height:46px; line-height:46px; font-size:24px; color:#999; text-transform:uppercase; overflow:hidden;}
.fbox .title p{ display:block; height:36px; line-height:36px; font-size:24px; color:#333; overflow:hidden; letter-spacing:6px; padding-left:6px;}

.fbox .box{ width:1200px; margin:auto; height:500px; position:relative;}
.fbox .box .tu{ width:584px; margin:94px auto;}
.fbox .box .tu img{ width:100%; display:block;}
.fbox .box .bb{ position:absolute; width:320px; height:200px; padding-top:20px;}
.fbox .box .b01{ left:0; top:0;}
.fbox .box .b02{ left:0; bottom:0;}
.fbox .box .b03{ right:0; top:0;}
.fbox .box .b04{ right:0; bottom:0;}
.fbox .box .bb .sz{ position:absolute; top:0; font-size:72px; color:#62151b; font-family:Arial; height:54px; line-height:54px; display:none;}
.fbox .box .b01 .sz,.fbox .box .b02 .sz{ left:30px;}
.fbox .box .b03 .sz,.fbox .box .b04 .sz{ right:30px;}
.fbox .box .bb:hover .sz{ display:block;}
.fbox .box .bb .wen{ padding:30px; width:260px; height:140px;}
.fbox .box .bb .wen .biao{ height:38px; line-height:38px; font-size:18px; color:#62151b; font-weight:bold;}
.fbox .box .bb .wen .wz{ height:48px; line-height:24px; font-size:14px; margin-top:15px; margin-bottom:28px;}
.fbox .box .b01 .wen,.fbox .box .b02 .wen{ text-align:right;}
.fbox .box .bb:hover .wen{ background-color:#f2f2f2;}
.fbox .box .bb .wen .line{ width:0; height:1px; background-color:#62151b; transition:width 0.5s; -moz-transition:width 0.5s; -webkit-transition:width 0.5s; -o-transition:width 0.5s; position:absolute; bottom:40px;}
.fbox .box .b01 .line,.fbox .box .b02 .line{ right:30px;}
.fbox .box .b03 .line,.fbox .box .b04 .line{ left:30px;}
.fbox .box .bb:hover .line{ width:260px;}
}

@media screen and (min-width:768px) and (max-width:1280px){
.fbox{ width:100%; padding-top:36px; padding-bottom:40px; background-image:url(../images/fw.jpg); background-position:bottom center; background-size:100% auto; background-repeat:no-repeat;}
.fbox .title{ width:94%; margin:auto; text-align:center; background-image:url(../images/title.png); background-position:center; background-repeat:no-repeat;}
.fbox .title span{ display:block; height:32px; line-height:32px; font-size:24px; color:#999; text-transform:uppercase; overflow:hidden;}
.fbox .title p{ display:block; height:36px; line-height:36px; font-size:24px; color:#333; overflow:hidden; letter-spacing:6px; padding-left:6px;}

.fbox .box{ width:100%; margin-top:20px;}
.fbox .box .tu{ width:584px; margin:auto;}
.fbox .box .tu img{ width:100%; margin:auto;}
.fbox .box .bb{ width:45.5%; margin-left:3%; margin-top:15px; float:left; padding-top:20px; position:relative;}
.fbox .box .bb .sz{ position:absolute; top:0; font-size:72px; color:#62151b; font-family:Arial; height:54px; line-height:54px; margin-left:20px;}
.fbox .box .bb .wen{ padding:30px; background-color:#f2f2f2; text-align:right;}
.fbox .box .bb .wen .biao{ height:38px; line-height:38px; font-size:18px; color:#62151b; font-weight:bold;}
.fbox .box .bb .wen .wz{ height:48px; line-height:24px; font-size:14px; margin-top:15px; margin-bottom:20px;}
.fbox .box .bb .wen .line{ width:100%; height:1px; background-color:#62151b;}
}

@media only screen and (max-width:767px){
.fbox{ width:100%; padding-top:20px; padding-bottom:25px; background-image:url(../images/fw.jpg); background-position:bottom center; background-size:100% auto; background-repeat:no-repeat;}
.fbox .title{ width:94%; margin:auto; margin-bottom:10px; text-align:center;}
.fbox .title span{ display:block; height:20px; line-height:20px; font-size:16px; color:#999; text-transform:uppercase; overflow:hidden;}
.fbox .title p{ display:block; height:24px; line-height:24px; font-size:16px; color:#333; overflow:hidden; background-image:url(../images/title.png); background-position:center; background-repeat:no-repeat; background-size:130% auto;}
.fbox .box{ width:100%; margin-top:10px;}
.fbox .box .tu{ width:94%; margin:auto;}
.fbox .box .tu img{ width:100%; margin:auto;}
.fbox .box .bb{ width:45.5%; margin-left:3%; margin-top:10px; float:left; padding-top:15px; position:relative;}
.fbox .box .bb .sz{ position:absolute; top:0; font-size:42px; color:#62151b; font-family:Arial; height:34px; line-height:34px; margin-left:20px;}
.fbox .box .bb .wen{ padding:10px 15px; background-color:#f2f2f2; text-align:right;}
.fbox .box .bb .wen .biao{ height:28px; line-height:28px; font-size:16px; color:#62151b; font-weight:bold;}
.fbox .box .bb .wen .wz{ height:48px; line-height:24px; font-size:14px; margin-top:5px; margin-bottom:10px;}
.fbox .box .bb .wen .line{ width:100%; height:1px; background-color:#62151b; margin-bottom:5px;}
}

/*加盟商展示*/
@media screen and (min-width:1281px){
.jbox{ width:100%; padding-top:56px; padding-bottom:70px; background-image:url(../images/jbg.jpg); background-attachment:fixed; background-size:cover;}
.jbox .title{ width:100%; margin-bottom:24px; height:82px; text-align:center; background-image:url(../images/title.png); background-position:center 37px; background-repeat:no-repeat;}
.jbox .title span{ display:block; height:46px; line-height:46px; font-size:24px; color:#999; text-transform:uppercase; overflow:hidden;}
.jbox .title p{ display:block; height:36px; line-height:36px; font-size:24px; color:#fff; overflow:hidden; letter-spacing:6px; padding-left:6px;}

.jbox .box02{ display:none;}
.jbox .swiper-container{ width:1200px; margin:auto; height:470px; overflow:hidden; position:relative;}
.jbox .swiper-wrapper{ position:relative; width:100%; height:400px; z-index:1; display:-webkit-box; display:-moz-box; display:-ms-flexbox; display:-webkit-flex; display:flex; -webkit-transition-property:-webkit-transform; -moz-transition-property:-moz-transform; -o-transition-property:-o-transform; -ms-transition-property:-ms-transform; transition-property:transform; -webkit-box-sizing:content-box; -moz-box-sizing:content-box; box-sizing:content-box;}
.jbox .swiper-wrapper{ -webkit-transform:translate3d(0,0,0); -moz-transform:translate3d(0,0,0); -o-transform:translate(0,0); -ms-transform:translate3d(0,0,0); transform:translate3d(0,0,0);}
.jbox .swiper-slide{ -webkit-flex-shrink:0; -ms-flex:0 0 auto; flex-shrink:0; width:380px; overflow:hidden; height:100%; position:relative; display:-webkit-box; display:-ms-flexbox; display:-webkit-flex; display:flex; -webkit-box-pack:center; -ms-flex-pack:center; -webkit-justify-content:center; justify-content:center; -webkit-box-align:center; -ms-flex-align:center; -webkit-align-items:center; align-items:center;}
.jbox .swiper-slide a{ width:100%; height:100%; background-color:#fff; position:relative; display:block; overflow:hidden;}
.jbox .swiper-slide .tu{ width:100%; height:300px;}
.jbox .swiper-slide .tu 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;
}
.jbox .swiper-slide: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); 
}
.jbox .swiper-slide .wen{ padding:17px 30px; width:320px; position:absolute; left:0; bottom:0; height:66px; text-align:center; background-color:#fff; transition:height 0.5s; -moz-transition:height 0.5s; -webkit-transition:height 0.5s; -o-transition:height 0.5s;}
.jbox .swiper-slide .wen span{ display:block; font-size:18px; height:30px; line-height:30px; overflow:hidden;}
.jbox .swiper-slide .wen b{ display:block; font-size:14px; height:30px; line-height:30px; overflow:hidden; font-weight:normal; color:#999;}
.jbox .swiper-slide .wen p{ display:block; font-size:14px; height:48px; line-height:24px; overflow:hidden; display:none; color:#666;}
.jbox .swiper-slide:hover .wen{ padding:23px 30px; height:114px;}
.jbox .swiper-slide:hover .wen span{ color:#62151b;}
.jbox .swiper-slide:hover .wen p{ display:block; margin-top:6px;}
.jbox .swiper-pagination{ display:none;}
.jbox .button{ width:60px; position:absolute; bottom:0; cursor:pointer;}
.jbox .swiper-button-prev{ left:460px;}
.jbox .swiper-button-next{ right:460px;}
.jbox .button img{ display:block; width:100%;}
.jbox .more{ width:140px; position:absolute; bottom:0; left:530px;}
.jbox .more img{ display:block; width:100%;}
}

@media screen and (min-width:768px) and (max-width:1280px){
.jbox{ width:100%; padding-top:36px; padding-bottom:40px; background-image:url(../images/jbg.jpg); background-attachment:fixed; background-size:cover;}
.jbox .title{ width:94%; margin:auto; text-align:center; background-image:url(../images/title.png); background-position:center; background-repeat:no-repeat;}
.jbox .title span{ display:block; height:32px; line-height:32px; font-size:24px; color:#999; text-transform:uppercase; overflow:hidden;}
.jbox .title p{ display:block; height:36px; line-height:36px; font-size:24px; color:#fff; overflow:hidden; letter-spacing:6px; padding-left:6px;}

.jbox .box02{ display:none;}
.jbox .swiper-container{ width:94%; margin:auto; margin-top:14px; padding-bottom:50px; overflow:hidden; position:relative;}
.jbox .swiper-wrapper{ position:relative; width:100%; z-index:1; display:-webkit-box; display:-moz-box; display:-ms-flexbox; display:-webkit-flex; display:flex; -webkit-transition-property:-webkit-transform; -moz-transition-property:-moz-transform; -o-transition-property:-o-transform; -ms-transition-property:-ms-transform; transition-property:transform; -webkit-box-sizing:content-box; -moz-box-sizing:content-box; box-sizing:content-box;}
.jbox .swiper-wrapper{ -webkit-transform:translate3d(0,0,0); -moz-transform:translate3d(0,0,0); -o-transform:translate(0,0); -ms-transform:translate3d(0,0,0); transform:translate3d(0,0,0);}
.jbox .swiper-slide{ -webkit-flex-shrink:0; -ms-flex:0 0 auto; flex-shrink:0; width:380px; overflow:hidden; height:100%; position:relative; display:-webkit-box; display:-ms-flexbox; display:-webkit-flex; display:flex; -webkit-box-pack:center; -ms-flex-pack:center; -webkit-justify-content:center; justify-content:center; -webkit-box-align:center; -ms-flex-align:center; -webkit-align-items:center; align-items:center;}
.jbox .swiper-slide a{ width:100%; padding-bottom:80px; background-color:#fff; position:relative; display:block; overflow:hidden;}
.jbox .swiper-slide .tu{ width:100%;}
.jbox .swiper-slide .tu 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;
}
.jbox .swiper-slide: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); 
}
.jbox .swiper-slide .wen{ padding:10px 20px; width:100%; box-sizing:border-box; position:absolute; left:0; bottom:0; height:80px; text-align:center; background-color:#fff; transition:height 0.5s; -moz-transition:height 0.5s; -webkit-transition:height 0.5s; -o-transition:height 0.5s;}
.jbox .swiper-slide .wen span{ display:block; font-size:18px; height:30px; line-height:30px; overflow:hidden;}
.jbox .swiper-slide .wen b{ display:block; font-size:14px; height:30px; line-height:30px; overflow:hidden; font-weight:normal; color:#999;}
.jbox .swiper-slide .wen p{ display:block; font-size:14px; height:48px; line-height:24px; overflow:hidden; display:none; color:#666;}
.jbox .swiper-slide:hover .wen{ height:128px;}
.jbox .swiper-slide:hover .wen span{ color:#62151b;}
.jbox .swiper-slide:hover .wen p{ display:block;}
.jbox .swiper-pagination{ display:none;}
.jbox .button{ height:30px; position:absolute; bottom:0; cursor:pointer;}
.jbox .swiper-button-prev{ left:0;}
.jbox .swiper-button-next{ right:0;}
.jbox .button img{ display:block; height:100%;}
.jbox .more{ height:30px; position:absolute; bottom:0; left:50%; margin-left:-52.5px;}
.jbox .more img{ display:block; height:100%;}
}

@media only screen and (max-width:767px){
.jbox{ width:100%; padding-top:20px; padding-bottom:25px; background-image:url(../images/jbg.jpg); background-attachment:fixed; background-size:cover;}
.jbox .title{ width:94%; margin:auto; text-align:center;}
.jbox .title span{ display:block; height:20px; line-height:20px; font-size:16px; color:#999; text-transform:uppercase; overflow:hidden;}
.jbox .title p{ display:block; height:24px; line-height:24px; font-size:16px; color:#fff; overflow:hidden; background-image:url(../images/title.png); background-position:center; background-repeat:no-repeat; background-size:130% auto;}

.jbox .box01{ display:none;}
.jbox .swiper-container{ width:94%; margin:auto; margin-top:14px; padding-bottom:40px; overflow:hidden; position:relative;}
.jbox .swiper-wrapper{ position:relative; width:100%; z-index:1; display:-webkit-box; display:-moz-box; display:-ms-flexbox; display:-webkit-flex; display:flex; -webkit-transition-property:-webkit-transform; -moz-transition-property:-moz-transform; -o-transition-property:-o-transform; -ms-transition-property:-ms-transform; transition-property:transform; -webkit-box-sizing:content-box; -moz-box-sizing:content-box; box-sizing:content-box;}
.jbox .swiper-wrapper{ -webkit-transform:translate3d(0,0,0); -moz-transform:translate3d(0,0,0); -o-transform:translate(0,0); -ms-transform:translate3d(0,0,0); transform:translate3d(0,0,0);}
.jbox .swiper-slide{ -webkit-flex-shrink:0; -ms-flex:0 0 auto; flex-shrink:0; width:380px; overflow:hidden; height:100%; position:relative; display:-webkit-box; display:-ms-flexbox; display:-webkit-flex; display:flex; -webkit-box-pack:center; -ms-flex-pack:center; -webkit-justify-content:center; justify-content:center; -webkit-box-align:center; -ms-flex-align:center; -webkit-align-items:center; align-items:center;}
.jbox .swiper-slide a{ width:100%; background-color:#fff; position:relative; display:block; overflow:hidden;}
.jbox .swiper-slide .tu{ width:100%;}
.jbox .swiper-slide .tu img{ width:100%; display:block;}
.jbox .swiper-slide .wen{ padding:10px; width:100%; box-sizing:border-box; text-align:center; background-color:#fff; transition:height 0.5s; -moz-transition:height 0.5s; -webkit-transition:height 0.5s; -o-transition:height 0.5s;}
.jbox .swiper-slide .wen span{ display:block; font-size:16px; height:26px; line-height:26px; overflow:hidden;}
.jbox .swiper-slide .wen b{ display:block; font-size:14px; height:24px; line-height:24px; overflow:hidden; font-weight:normal; color:#999;}
.jbox .swiper-slide .wen p{ display:none;}
.jbox .swiper-slide:hover .wen span{ color:#62151b;}
.jbox .swiper-pagination{ display:none;}
.jbox .button{ height:30px; position:absolute; bottom:0; cursor:pointer;}
.jbox .swiper-button-prev{ left:0;}
.jbox .swiper-button-next{ right:0;}
.jbox .button img{ display:block; height:100%;}
.jbox .more{ height:30px; position:absolute; bottom:0; left:50%; margin-left:-52.5px;}
.jbox .more img{ display:block; height:100%;}
}

/*关于*/
@media screen and (min-width:1281px){
.abox{ width:100%; position:relative; background-position:right bottom; background-color:#110f10; background-repeat:no-repeat; background-size:37% auto;}
.abox .bg{ width:64%; height:100%; background-color:#62151b; position:absolute; left:0; top:0; z-index:2;}
.abox .box{ width:100%; padding:70px 0; position:relative; z-index:11;}
.abox .box .title{ width:1200px; margin:auto; height:84px; padding-top:36px; background-image:url(../images/abt.png); background-position:left top; background-repeat:no-repeat;}
.abox .box .title p{ display:block; margin-left:60px; overflow:hidden; color:#fff;}
.abox .box .title p span{ display:block; float:left; font-size:24px; line-height:32px; height:32px;}
.abox .box .title p b{ display:block; float:left; height:1px; width:40px; background-color:#ccc; margin-left:20px; margin-top:15px;}
.abox .box .title p strong{ display:block; float:left; font-size:14px; line-height:32px; height:32px; text-transform:uppercase; margin-left:10px; font-weight:normal;}
.abox .box .title a{ display:block; margin-left:60px; overflow:hidden; color:#fff; font-size:16px; line-height:26px; height:26px;}
.abox .box .wbox{ width:1200px; margin:25px auto;}
.abox .box .wen{ width:760px; font-size:14px; line-height:24px; color:#fff; height:216px;}
.abox .box .list{ width:1200px; margin:auto;}
.abox .box .list ul{ display:block; background-color:#fff; width:920px; overflow:hidden; padding:30px 0;}
.abox .box .list ul li{ width:25%; display:block; text-align:center; height:66px; overflow:hidden; float:left;}
.abox .box .list ul li p{ height:42px; line-height:42px; overflow:hidden; font-size:40px; display:block;}
.abox .box .list ul li p a{ font-size:14px;}
.abox .box .list ul li span{ height:24px; line-height:24px; overflow:hidden; font-size:16px; display:block;}
}

@media screen and (min-width:768px) and (max-width:1280px){
.abox{ width:100%; position:relative; background-position:right bottom; background-repeat:no-repeat; background-color:#110f10; background-size:40% auto;}
.abox .box{ width:60%; padding:40px 0; position:relative; background-color:#62151b;}
.abox .box .title{ width:88%; margin:auto; height:84px; padding-top:36px; background-image:url(../images/abt.png); background-position:left top; background-repeat:no-repeat;}
.abox .box .title p{ display:block; margin-left:60px; overflow:hidden; color:#fff;}
.abox .box .title p span{ display:block; float:left; font-size:24px; line-height:32px; height:32px;}
.abox .box .title p b{ display:block; float:left; height:1px; width:40px; background-color:#ccc; margin-left:20px; margin-top:15px;}
.abox .box .title p strong{ display:block; float:left; font-size:14px; line-height:32px; height:32px; text-transform:uppercase; margin-left:10px; font-weight:normal;}
.abox .box .title a{ display:block; margin-left:60px; overflow:hidden; color:#fff; font-size:16px; line-height:26px; height:26px;}
.abox .box .wbox{ width:88%; margin:15px auto;}
.abox .box .wen{ width:100%; font-size:14px; line-height:24px; color:#fff; height:120px;}
.abox .box .list{ width:120%; margin-left:6%;}
.abox .box .list ul{ display:block; background-color:#fff; width:100%; overflow:hidden; padding:20px 0;}
.abox .box .list ul li{ width:25%; display:block; text-align:center; overflow:hidden; float:left;}
.abox .box .list ul li p{ height:42px; line-height:42px; overflow:hidden; font-size:36px; display:block;}
.abox .box .list ul li p a{ font-size:14px;}
.abox .box .list ul li span{ height:24px; line-height:24px; overflow:hidden; font-size:16px; display:block;}
}

@media only screen and (max-width:767px){
.abox{ width:100%; position:relative; background-position:right center; background-repeat:no-repeat; background-size:cover;}
.abox .box{ width:100%; padding-top:20px; position:relative; background-color:rgba(98,21,27,0.9);}
.abox .box .title{ width:94%; margin:auto; height:60px; padding-top:20px; background-image:url(../images/abt.png); background-position:left top; background-repeat:no-repeat; background-size:auto 100%;}
.abox .box .title p{ display:block; margin-left:20px; overflow:hidden; color:#fff;}
.abox .box .title p span{ display:block; float:left; font-size:18px; line-height:26px; height:26px;}
.abox .box .title p b{ display:block; float:left; height:1px; width:20px; background-color:#ccc; margin-left:10px; margin-top:12px;}
.abox .box .title p strong{ display:block; float:left; font-size:14px; line-height:26px; height:26px; text-transform:uppercase; margin-left:5px; font-weight:normal;}
.abox .box .title a{ display:block; margin-left:20px; overflow:hidden; color:#fff; font-size:12px; line-height:14px; height:14px;}
.abox .box .wbox{ width:94%; margin:10px auto;}
.abox .box .wen{ width:100%; font-size:14px; line-height:24px; color:#fff; height:120px;}
.abox .box .list{ width:94%; margin:auto; padding-bottom:5px;}
.abox .box .list ul{ display:block; width:100%; overflow:hidden;}
.abox .box .list ul li{ width:50%; display:block; text-align:center; overflow:hidden; float:left; margin-bottom:10px;}
.abox .box .list ul li p{ height:30px; line-height:30px; overflow:hidden; font-size:24px; display:block; color:#fff;}
.abox .box .list ul li p a{ font-size:14px; color:#fff;}
.abox .box .list ul li span{ height:24px; line-height:24px; overflow:hidden; font-size:14px; display:block; color:#fff;}
}

/*新闻*/
@media screen and (min-width:1281px){
.nbox{ width:100%; padding-top:56px; padding-bottom:70px;}
.nbox .title{ width:100%; height:82px; text-align:center; background-image:url(../images/title.png); background-position:center 37px; background-repeat:no-repeat;}
.nbox .title span{ display:block; height:46px; line-height:46px; font-size:24px; color:#999; text-transform:uppercase; overflow:hidden;}
.nbox .title p{ display:block; height:36px; line-height:36px; font-size:24px; color:#333; overflow:hidden; letter-spacing:6px; padding-left:6px;}
.nbox .box{ width:100%;}
.nbox .box dl{ width:100%; display:block; margin-top:-6px;}
.nbox .box dl dt,.nbox .box dl dd{ width:1160px; padding:19px; border:1px solid #d9d9d9; display:block; overflow:hidden; background-color:#fff; margin:auto; margin-top:30px;}
.nbox .box dl dt:hover,.nbox .box dl dd:hover{ box-shadow:0 0 5px #d9d9d9;}
.nbox .box dl .tu{ width:260px; height:160px; float:left;}
.nbox .box dl .tu img{ width:100%; display:block;}
.nbox .box dl .wen{ width:630px; float:left; margin:20px 50px;}
.nbox .box dl .wen a{ display:block; height:38px; line-height:38px; font-size:18px; overflow:hidden;}
.nbox .box dl .wen p{ display:block; height:72px; line-height:24px; font-size:14px; overflow:hidden; color:#666; width:590px;}
.nbox .box dl .more{ width:150px; height:142px; float:left; margin:9px 10px;}
.nbox .box dl .more span{ display:block; font-size:30px; height:64px; line-height:64px; color:#999; overflow:hidden; text-transform:uppercase;}
.nbox .box dl .more p{ display:block; width:140px; height:40px; overflow:hidden;}
.nbox .box dl .more p img{ display:block; height:40px;}
.nbox .box dl .more p b a{ display:block; height:40px; width:100px; background-image:url(../images/more02h.jpg); background-repeat:no-repeat; padding-left:40px; font-size:14px; line-height:40px; text-transform:uppercase; color:#fff; font-weight:normal;}
.nbox .box dl dt .tu,.nbox .box dl dt .wen,.nbox .box dl dt .more{ float:left;}
.nbox .box dl dd .tu,.nbox .box dl dd .wen,.nbox .box dl dd .more{ float:right;}
.nbox .box dl dd .wen{ text-align:right;}
.nbox .box dl dd .wen p{ margin-left:40px;}
.nbox .box dl dt:hover .wen a,.nbox .box dl dd:hover .wen a{ color:#62151b;}
.nbox .box dl dt:hover .more img,.nbox .box dl dd:hover .more img{ display:none;}
}

@media screen and (min-width:768px) and (max-width:1280px){
.nbox{ width:100%; padding-top:36px; padding-bottom:40px;}
.nbox .title{ width:94%; margin:auto; text-align:center; background-image:url(../images/title.png); background-position:center; background-repeat:no-repeat;}
.nbox .title span{ display:block; height:32px; line-height:32px; font-size:24px; color:#999; text-transform:uppercase; overflow:hidden;}
.nbox .title p{ display:block; height:36px; line-height:36px; font-size:24px; color:#333; overflow:hidden; letter-spacing:6px; padding-left:6px;}

.nbox .box{ width:100%;}
.nbox .box dl{ width:100%; display:block; margin-top:-6px;}
.nbox .box dl dt,.nbox .box dl dd{ width:94%; box-sizing:border-box; padding:10px; border:1px solid #d9d9d9; display:block; overflow:hidden; background-color:#fff; margin:auto; margin-top:20px;}
.nbox .box dl dt:hover,.nbox .box dl dd:hover{ box-shadow:0 0 5px #d9d9d9;}
.nbox .box dl dt .tu{ width:45%; float:left;}
.nbox .box dl dd .tu{ width:45%; float:right;}
.nbox .box dl .tu img{ width:100%; display:block;}
.nbox .box dl dt .wen{ width:52%; float:left; margin-left:3%; padding-top:10px;}
.nbox .box dl dd .wen{ width:52%; float:right; margin-right:3%; padding-top:10px;}
.nbox .box dl .wen a{ display:block; font-size:18px; height:38px; line-height:38px; overflow:hidden;}
.nbox .box dl .wen p{ display:block; font-size:14px; height:48px; line-height:24px; overflow:hidden; color:#666;}
.nbox .box dl dt .more{ width:52%; float:left; margin-left:3%;}
.nbox .box dl dd .more{ width:52%; float:right; margin-right:3%;}
.nbox .box dl .more span{ display:block; font-size:24px; height:44px; line-height:44px; color:#999; overflow:hidden; text-transform:uppercase;}
.nbox .box dl .more p{ display:block;}
.nbox .box dl .more p strong{ display:block;}
.nbox .box dl .more p strong img{ display:block;}
.nbox .box dl .more p b{ display:none;}
.nbox .box dl dt:hover strong,.nbox .box dl dd:hover strong{ display:none;}
.nbox .box dl dt:hover .wen a,.nbox .box dl dd:hover .wen a{ color:#62151b;}
}

@media only screen and (max-width:767px){
.nbox{ width:100%; padding-top:20px; padding-bottom:25px;}
.nbox .title{ width:94%; margin:auto; text-align:center;}
.nbox .title span{ display:block; height:20px; line-height:20px; font-size:16px; color:#999; text-transform:uppercase; overflow:hidden;}
.nbox .title p{ display:block; height:24px; line-height:24px; font-size:16px; color:#333; overflow:hidden; background-image:url(../images/title.png); background-position:center; background-repeat:no-repeat; background-size:130% auto;}

.nbox .box{ width:100%;}
.nbox .box dl{ width:100%; display:block;}
.nbox .box dl dt,.nbox .box dl dd{ width:94%; padding:10px; box-sizing:border-box; border:1px solid #d9d9d9; display:block; overflow:hidden; background-color:#fff; margin:auto; margin-top:10px;}
.nbox .box dl dt:hover,.nbox .box dl dd:hover{ box-shadow:0 0 5px #d9d9d9;}
.nbox .box dl .tu{ width:100%;}
.nbox .box dl .tu img{ width:100%; display:block;}
.nbox .box dl .wen{ width:100%; padding-top:10px;}
.nbox .box dl .wen a{ display:block; font-size:16px; height:28px; line-height:28px; overflow:hidden; color:#62151b;}
.nbox .box dl .wen p{ display:block; font-size:14px; height:48px; line-height:24px; overflow:hidden; color:#666;}
.nbox .box dl .more{ width:100%;}
.nbox .box dl .more span{ display:none;}
.nbox .box dl .more p{ display:block;}
.nbox .box dl .more p strong{ display:block;}
.nbox .box dl .more p strong img{ display:block; height:30px;}
.nbox .box dl .more p b{ display:none;}
}

/*联系*/
@media screen and (min-width:1281px){
.lbox{ width:100%; padding:100px 0; background-image:url(../images/lx.jpg); background-position:center; background-repeat:no-repeat; background-size:cover;}
.lbox .box{ width:1200px; margin:auto; background-color:#fff; padding-top:56px; padding-bottom:70px;}
.lbox .title{ width:100%; height:82px; margin-bottom:24px; text-align:center; background-image:url(../images/title.png); background-position:center 37px; background-repeat:no-repeat;}
.lbox .title span{ display:block; height:46px; line-height:46px; font-size:24px; color:#999; text-transform:uppercase; overflow:hidden;}
.lbox .title p{ display:block; height:36px; line-height:36px; font-size:24px; color:#333; overflow:hidden; letter-spacing:6px; padding-left:6px;}
.lbox .mess{ width:940px; margin:auto;}
.lbox .mess dt{ display:block; width:960px; overflow:hidden; margin-bottom:20px;}
.lbox .mess dt input{ width:260px; display:block; padding:0 19px; border:1px solid #d9d9d9; height:38px; line-height:38px; font-size:14px; margin-right:20px; float:left;}
.lbox .mess dt textarea{ width:900px; display:block; padding:7px 19px; border:1px solid #d9d9d9; height:104px; line-height:24px; font-size:14px;}
.lbox .mess dd{ width:160px; height:40px; margin:auto; display:block;}
.lbox .mess dd input{ width:100%; height:40px; line-height:40px; text-align:center; border-radius:40px; font-size:14px; background-color:#62151b; color:#fff; cursor:pointer;}
}

@media screen and (min-width:768px) and (max-width:1280px){	
.lbox{ width:100%; padding:40px 0; background-image:url(../images/lx.jpg); background-position:center; background-repeat:no-repeat; background-size:cover;}
.lbox .box{ width:94%; margin:auto; background-color:#fff; padding-top:36px; padding-bottom:40px;}
.lbox .title{ width:94%; margin:auto; margin-bottom:14px; text-align:center; background-image:url(../images/title.png); background-position:center; background-repeat:no-repeat;}
.lbox .title span{ display:block; height:32px; line-height:32px; font-size:24px; color:#999; text-transform:uppercase; overflow:hidden;}
.lbox .title p{ display:block; height:36px; line-height:36px; font-size:24px; color:#333; overflow:hidden; letter-spacing:6px; padding-left:6px;}
.lbox .mess{ width:100%; margin:auto;}
.lbox .mess dt{ display:block; width:100%; overflow:hidden; margin-bottom:20px;}
.lbox .mess dt input{ width:29.33%; box-sizing:border-box; display:block; padding:0 19px; border:1px solid #d9d9d9; height:40px; line-height:38px; font-size:14px; margin-left:3%; float:left;}
.lbox .mess dt textarea{ width:94%; margin:auto; box-sizing:border-box; display:block; padding:7px 19px; border:1px solid #d9d9d9; height:120px; line-height:24px; font-size:14px;}
.lbox .mess dd{ width:160px; height:40px; margin:auto; display:block;}
.lbox .mess dd input{ width:100%; height:40px; line-height:40px; text-align:center; border-radius:40px; font-size:14px; background-color:#62151b; color:#fff; cursor:pointer;}
}

@media only screen and (max-width:767px){
.lbox{ width:100%; padding:30px 0; background-image:url(../images/lx.jpg); background-position:center; background-repeat:no-repeat; background-size:cover;}
.lbox .box{ width:94%; margin:auto; background-color:#fff; padding-top:20px; padding-bottom:25px;}
.lbox .title{ width:94%; margin:auto; margin-bottom:10px; text-align:center;}
.lbox .title span{ display:block; height:20px; line-height:20px; font-size:16px; color:#999; text-transform:uppercase; overflow:hidden;}
.lbox .title p{ display:block; height:24px; line-height:24px; font-size:16px; color:#333; overflow:hidden; background-image:url(../images/title.png); background-position:center; background-repeat:no-repeat; background-size:130% auto;}
.lbox .mess{ width:94%; margin:auto;}
.lbox .mess dt{ display:block; width:100%; overflow:hidden;}
.lbox .mess dt input{ width:100%; box-sizing:border-box; display:block; padding:0 19px; border:1px solid #d9d9d9; height:40px; line-height:38px; font-size:14px; margin-bottom:15px;}
.lbox .mess dt textarea{ width:100%; box-sizing:border-box; display:block; padding:7px 19px; border:1px solid #d9d9d9; height:120px; line-height:24px; font-size:14px;}
.lbox .mess dd{ width:160px; height:40px; margin:auto; margin-top:15px; display:block;}
.lbox .mess dd input{ width:100%; height:40px; line-height:40px; text-align:center; border-radius:40px; font-size:14px; background-color:#62151b; color:#fff; cursor:pointer;}
}

/*footer*/
@media screen and (min-width:1281px){
.footer{ width:100%; background-color:#222;}
.footer .box{ width:1200px; margin:60px auto;}
.footer .box .f01{ width:270px; height:100px; float:left;}
.footer .box .f01 p{ display:block; height:60px; overflow:hidden;}
.footer .box .f01 p img{ display:block; height:60px;}
.footer .box .f01 ul{ display:block; margin-top:20px; height:20px; overflow:hidden;}
.footer .box .f01 ul li{ display:block; height:20px; float:left; margin-right:20px; opacity:0.7;}
.footer .box .f01 ul li img{ display:block; height:20px;}
.footer .box .f01 ul li:hover{ opacity:1;}
.footer .box .f02{ width:379px; padding-left:60px; height:100px; float:left; border-left:1px solid #393939;}
.footer .box .f02 ul{ display:block; height:108px; margin-top:-4px; overflow:hidden;}
.footer .box .f02 ul li{ display:block; font-size:14px; line-height:36px; height:36px; color:#fff; overflow:hidden;}
.footer .box .f03{ width:429px; padding-left:60px; height:100px; float:left; border-left:1px solid #393939;}
.footer .box .f03 p{ display:block; float:left; width:320px; padding-top:10px;}
.footer .box .f03 p span{ display:block; height:32px; line-height:32px; font-size:18px; color:#fff; overflow:hidden;}
.footer .box .f03 p a{ display:block; height:54px; line-height:54px; font-size:36px; color:#fff; overflow:hidden;}
.footer .box .f03 strong{ display:block; float:right; height:100px;}
.footer .box .f03 strong img{ display:block; height:100px;}
.footer .foot{ width:100%; height:50px; line-height:50px; font-size:14px; background-color:#000; color:#fff; text-align:center;}
.footer .foot p{ margin:0 20px; color:#fff; display:inline-block;}
.footer .foot a{ color:#fff;}
}

@media screen and (min-width:768px) and (max-width:1280px){	
.footer{ width:100%; background-color:#222;}
.footer .box{ width:94%; margin:40px auto;}
.footer .box .f01{ width:40%; height:100px; float:left;}
.footer .box .f01 p{ display:block; height:60px; overflow:hidden;}
.footer .box .f01 p img{ display:block; height:60px;}
.footer .box .f01 ul{ display:block; margin-top:20px; height:20px; overflow:hidden;}
.footer .box .f01 ul li{ display:block; height:20px; float:left; margin-right:20px; opacity:0.7;}
.footer .box .f01 ul li img{ display:block; height:20px;}
.footer .box .f01 ul li:hover{ opacity:1;}
.footer .box .f02{ display:none;}
.footer .box .f03{ width:60%; padding-left:3%; box-sizing:border-box; height:100px; float:left; border-left:1px solid #393939;}
.footer .box .f03 p{ display:block; float:left; padding-top:10px;}
.footer .box .f03 p span{ display:block; height:32px; line-height:32px; font-size:18px; color:#fff; overflow:hidden;}
.footer .box .f03 p a{ display:block; height:54px; line-height:54px; font-size:36px; color:#fff; overflow:hidden;}
.footer .box .f03 strong{ display:block; float:right; height:100px;}
.footer .box .f03 strong img{ display:block; height:100px;}
.footer .foot{ width:100%; height:50px; line-height:50px; font-size:14px; background-color:#000; color:#fff; text-align:center;}
.footer .foot p{ margin:0 20px; color:#fff; display:inline-block;}
.footer .foot a{ color:#fff;}
}

@media only screen and (max-width:767px){
.footer{ width:100%; background-color:#222;}
.footer .box{ width:94%; margin:25px auto;}
.footer .box .f01{ width:100%;}
.footer .box .f01 p{ display:block; height:40px; overflow:hidden;}
.footer .box .f01 p img{ display:block; height:40px; margin:auto;}
.footer .box .f01 ul{ display:block; margin-top:15px; text-align:center; overflow:hidden;}
.footer .box .f01 ul li{ display:inline-block; height:20px; margin:0 5px; opacity:0.7;}
.footer .box .f01 ul li img{ display:block; height:20px;}
.footer .box .f01 ul li:hover{ opacity:1;}
.footer .box .f02,.footer .box .f03{ display:none;}
.footer .foot{ width:94%; padding:10px 3%; line-height:18px; font-size:12px; background-color:#000; color:#fff; text-align:center;}
.footer .foot p{ display:block; color:#fff;}
.footer .foot a{ color:#fff;}
}

/*内页*/
.ban{ width:100%;}
.ban img{ width:100%; display:block;}

@media screen and (min-width:1281px){
.main{ width:1200px; margin:auto; padding-top:56px; padding-bottom:70px;}
.main .title{ width:100%; height:82px; text-align:center; background-image:url(../images/title.png); background-position:center 37px; background-repeat:no-repeat;}
.main .title span{ display:block; height:46px; line-height:46px; font-size:24px; color:#999; text-transform:uppercase; overflow:hidden;}
.main .title p{ display:block; height:36px; line-height:36px; font-size:24px; color:#333; overflow:hidden; letter-spacing:6px; padding-left:6px;}
.main .dao{ width:100%; display:block; text-align:center;}
.main .dao li{ margin-top:24px; display:inline-block; position:relative;}
.main .dao li a{ line-height:20px; height:20px; display:block; padding:8px 26px; font-size:14px; position:relative; margin-right:2px;}
.main .dao li a.active,.main .dao li a:hover{ background:#62151b; color:#fff;}
.main .dao li::after{ content:""; display:block; width:1px; height:14px; background-color:#E6e6e6; top:10px; right:-1px; position:absolute;}
.main .dao li:last-child:after{ width:0px;}
}

@media screen and (min-width:768px) and (max-width:1280px){
.main{ width:100%; padding-top:36px; padding-bottom:40px;}
.main .title{ width:94%; margin:auto; text-align:center; background-image:url(../images/title.png); background-position:center; background-repeat:no-repeat;}
.main .title span{ display:block; height:32px; line-height:32px; font-size:24px; color:#999; text-transform:uppercase; overflow:hidden;}
.main .title p{ display:block; height:36px; line-height:36px; font-size:24px; color:#333; overflow:hidden; letter-spacing:6px; padding-left:6px;}
.main .dao{ width:100%; display:block; text-align:center;}
.main .dao li{ margin-top:14px; display:inline-block; position:relative;}
.main .dao li a{ line-height:20px; height:20px; display:block; padding:8px 20px; font-size:14px; position:relative; margin-right:2px;}
.main .dao li a.active,.main .dao li a:hover{ background:#62151b; color:#fff;}
.main .dao li::after{ content:""; display:block; width:1px; height:14px; background-color:#E6e6e6; top:10px; right:-1px; position:absolute;}
.main .dao li:last-child:after{ width:0px;}
}

@media only screen and (max-width:767px){
.main{ width:100%; padding-top:20px; padding-bottom:25px;}
.main .title{ width:94%; margin:auto; text-align:center;}
.main .title span{ display:block; height:20px; line-height:20px; font-size:16px; color:#999; text-transform:uppercase; overflow:hidden;}
.main .title p{ display:block; height:24px; line-height:24px; font-size:16px; color:#333; overflow:hidden; background-image:url(../images/title.png); background-position:center; background-repeat:no-repeat; background-size:100% auto;}
.main .dao{ width:100%; display:block; text-align:center;}
.main .dao li{ margin-top:10px; display:inline-block; position:relative;}
.main .dao li a{ line-height:20px; height:20px; display:block; padding:5px 15px; font-size:14px; position:relative; margin-right:2px;}
.main .dao li a.active,.main .dao li a:hover{ background:#62151b; color:#fff;}
.main .dao li::after{ content:""; display:block; width:1px; height:14px; background-color:#E6e6e6; top:10px; right:-1px; position:absolute;}
.main .dao li:last-child:after{ width:0px;}
}

/*关于我们*/
@media screen and (min-width:1281px){
.main .wenz{ width:100%; font-size:14px; line-height:24px; margin-top:25px;}
.main .wenz img{ max-width:100%; height:auto;}
.main .nei{ width:100%; border-top:1px solid #d9d9d9; padding:25px 0; margin-top:25px;}
.main .nei img{ max-width:100%; height:auto;}
.main .nei .ordinary{ width:100%;}
.main .nei .ordinary p{ font-size:24px; display:block; height:24px; line-height:24px; overflow:hidden;}
.main .nei .ordinary span{ font-size:14px; display:block; height:24px; line-height:24px; overflow:hidden; text-transform:uppercase; color:#999;}
.main .nei .wenz{ margin-top:15px;}
}

@media screen and (min-width:768px) and (max-width:1280px){
.main .wenz{ width:94%; margin:auto; font-size:14px; line-height:24px; margin-top:15px;}
.main .wenz img{ max-width:100%; height:auto;}
.main .nei{ width:94%; margin:auto; border-top:1px solid #d9d9d9; padding:20px 0; margin-top:15px;}
.main .nei img{ max-width:100%; height:auto;}
.main .nei .ordinary{ width:100%;}
.main .nei .ordinary p{ font-size:22px; display:block; height:22px; line-height:22px; overflow:hidden;}
.main .nei .ordinary span{ font-size:14px; display:block; height:24px; line-height:24px; overflow:hidden; text-transform:uppercase; color:#999;}
.main .nei .wenz{ width:100%; margin-top:5px;}
}

@media only screen and (max-width:767px){
.main .wenz{ width:94%; margin:auto; font-size:14px; line-height:24px; margin-top:10px;}
.main .wenz img{ max-width:100%; height:auto;}
.main .nei{ width:94%; margin:auto; border-top:1px solid #d9d9d9; padding:15px 0; margin-top:10px;}
.main .nei img{ max-width:100%; height:auto;}
.main .nei .ordinary{ width:100%;}
.main .nei .ordinary p{ font-size:18px; display:block; height:20px; line-height:20px; overflow:hidden;}
.main .nei .ordinary span{ font-size:14px; display:block; height:20px; line-height:20px; overflow:hidden; text-transform:uppercase; color:#999;}
.main .nei .wenz{ width:100%; margin-top:5px;}
}

/*联系我们*/
@media screen and (min-width:1281px){
.main .box{ width:100%; margin-top:25px;}
.main .box #map{ width:46%; float:left; border:1px solid #cacaca; height:360px;}
.main .box .wen01{ width:50%; float:right; font-size:16px; line-height:26px;}
}

@media screen and (min-width:768px) and (max-width:1280px){
.main .box{ width:94%; margin:auto; margin-top:20px;}
.main .box #map{ width:100%; height:360px;}
.main .box .wen01{ width:100%; margin-top:15px; font-size:16px; line-height:26px;}
}

@media only screen and (max-width:767px){
.main .box{ width:94%; margin:auto; margin-top:15px;}
.main .box #map{ width:100%; height:260px;}
.main .box .wen01{ width:100%; margin-top:10px; font-size:14px; line-height:24px;}
}

/*产品中心*/
@media screen and (min-width:1281px){
.main .pro{ width:1230px; display:block; overflow:hidden;}
.main .pro li{ width:380px; float:left; margin-right:30px; margin-top:25px; overflow:hidden; display:block;}
.main .pro li .tu{ width:100%;}
.main .pro li .tu 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;
}
.main .pro 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); 
}

.main .pro li .wen{ padding:15px 40px; height:50px; background-color:#f2f2f2; position:relative;}
.main .pro li .wen b{ width:0; height:4px; background-color:#62151b; display:block; position:absolute; left:0; top:47px; transition:width 0.5s; -moz-transition:width 0.5s; -webkit-transition:width 0.5s; -o-transition:width 0.5s;}
.main .pro li .wen span{ display:block; height:28px; line-height:28px; font-size:18px; overflow:hidden;}
.main .pro li .wen p{ display:block; height:20px; line-height:20px; font-size:14px; color:#666; overflow:hidden;}
.main .pro li:hover .wen b{ width:24px;}
.main .pro li:hover .wen span{ color:#62151b;}

.main .fanye{ text-align:center; font-size:12px; line-height:24px; height:24px; margin-top:20px;}
.main .fanye a{ margin:0 3px; display:inline-block; background-color:#eee; min-width:14px; padding:0 5px;}
.main .fanye a:hover{ color:#62151b;}
.main .fanye span{ margin:0 3px; color:#fff; display:inline-block; background-color:#62151b; min-width:14px; padding:0 5px;}
}

@media screen and (min-width:768px) and (max-width:1280px){
.main .pro{ width:100%; display:block; overflow:hidden;}
.main .pro li{ width:29.33%; float:left; margin-left:3%; margin-top:15px; overflow:hidden; display:block;}
.main .pro li .tu{ width:100%;}
.main .pro li .tu img{ display:block; width:100%;
	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;
}
.main .pro 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); 
}

.main .pro li .wen{ padding:15px 30px; height:50px; background-color:#f2f2f2; position:relative;}
.main .pro li .wen b{ width:0; height:4px; background-color:#62151b; display:block; position:absolute; left:0; top:27px; transition:width 0.5s; -moz-transition:width 0.5s; -webkit-transition:width 0.5s; -o-transition:width 0.5s;}
.main .pro li .wen span{ display:block; height:28px; line-height:28px; font-size:18px; overflow:hidden;}
.main .pro li .wen p{ display:block; height:20px; line-height:20px; font-size:14px; color:#666; overflow:hidden;}
.main .pro li:hover .wen b{ width:20px;}
.main .pro li:hover .wen span{ color:#62151b;}

.main .fanye{ text-align:center; font-size:12px; line-height:24px; height:24px; margin-top:15px;}
.main .fanye a{ margin:0 3px; display:inline-block; background-color:#eee; min-width:14px; padding:0 5px;}
.main .fanye a:hover{ color:#62151b;}
.main .fanye span{ margin:0 3px; color:#fff; display:inline-block; background-color:#62151b; min-width:14px; padding:0 5px;}
}

@media only screen and (max-width:767px){
.main .pro{ width:100%; display:block; overflow:hidden;}
.main .pro li{ width:45.5%; float:left; margin-left:3%; margin-top:10px; overflow:hidden; display:block;}
.main .pro li .tu{ width:100%;}
.main .pro li .tu img{ display:block; width:100%;}
.main .pro li .wen{ padding:10px 15px; background-color:#f2f2f2; position:relative;}
.main .pro li .wen b{ display:none;}
.main .pro li .wen span{ display:block; height:26px; line-height:26px; font-size:16px; overflow:hidden;}
.main .pro li .wen p{ display:block; height:20px; line-height:20px; font-size:14px; color:#666; overflow:hidden;}
.main .pro li:hover .wen span{ color:#62151b;}

.main .fanye{ text-align:center; font-size:12px; line-height:24px; height:24px; margin-top:10px;}
.main .fanye a{ margin:0 3px; display:inline-block; background-color:#eee; min-width:14px; padding:0 5px;}
.main .fanye a:hover{ color:#62151b;}
.main .fanye span{ margin:0 3px; color:#fff; display:inline-block; background-color:#62151b; min-width:14px; padding:0 5px;}
}

/*产品内页*/
@media screen and (min-width:1281px){
.main .ny{ width:100%;}
.main .ny .toub{ margin-top:30px; font-size:24px; text-align:center;}
.main .ny .time{ padding:20px 0; color:#666; font-size:16px; text-align:center; border-bottom:1px solid #cacaca;}
.main .ny .wen{ width:100%; margin:20px auto; font-size:14px; line-height:24px;}
.main .ny .wen img{ max-width:100%; height:auto;}
.main .ny .back{ width:100%; font-size:14px; line-height:24px;}
.main .ny .back p{ display:block; float:left; width:80%; overflow:hidden;}
.main .ny .back p span{ display:block; height:24px; overflow:hidden;}
.main .ny .back p span a:hover{ color:#e61e18;}
.main .ny .back strong{ display:block; float:left; width:20%; text-align:right; overflow:hidden; font-weight:normal;}
.main .ny .back strong a:hover{ color:#e61e18;}
}

@media screen and (min-width:768px) and (max-width:1280px){
.main .ny{ width:94%; margin:auto;}
.main .ny .toub{ margin-top:20px; font-size:18px; text-align:center;}
.main .ny .time{ padding:10px 0; color:#666; font-size:16px; text-align:center; border-bottom:1px solid #cacaca;}
.main .ny .wen{ width:100%; margin:15px auto; font-size:14px; line-height:24px;}
.main .ny .wen img{ max-width:100%; height:auto;}
.main .ny .back{ width:100%; font-size:14px; line-height:24px;}
.main .ny .back p{ display:block; float:left; width:80%; overflow:hidden;}
.main .ny .back p span{ display:block; height:24px; overflow:hidden;}
.main .ny .back p span a:hover{ color:#e61e18;}
.main .ny .back strong{ display:block; float:left; width:20%; text-align:right; overflow:hidden; font-weight:normal;}
.main .ny .back strong a:hover{ color:#e61e18;}
}

@media only screen and (max-width:767px){
.main .ny{ width:94%; margin:auto;}
.main .ny .toub{ margin-top:10px; font-size:16px; line-height:24px; text-align:center;}
.main .ny .time{ padding:10px 0; color:#666; font-size:14px; text-align:center; border-bottom:1px solid #cacaca;}
.main .ny .wen{ width:100%; margin:10px auto; font-size:14px; line-height:24px;}
.main .ny .wen img{ max-width:100%; height:auto;}
.main .ny .back{ width:100%; font-size:14px; line-height:24px;}
.main .ny .back p{ display:block; float:left; width:100%; overflow:hidden;}
.main .ny .back p span{ display:block; height:24px; overflow:hidden;}
.main .ny .back p span a:hover{ color:#e61e18;}
.main .ny .back strong{ display:block; float:left; width:100%; text-align:center; overflow:hidden; font-weight:normal;}
.main .ny .back strong a:hover{ color:#e61e18;}
}

/*新闻*/
@media screen and (min-width:1281px){
.main .box01{ width:100%;}
.main .box01 dl{ width:100%; display:block; margin-top:-6px;}
.main .box01 dl dt,.main .box01 dl dd{ width:1160px; padding:19px; border:1px solid #d9d9d9; display:block; overflow:hidden; background-color:#fff; margin:auto; margin-top:30px;}
.main .box01 dl dt:hover,.main .box01 dl dd:hover{ box-shadow:0 0 5px #d9d9d9;}
.main .box01 dl .tu{ width:260px; height:160px; float:left;}
.main .box01 dl .tu img{ width:100%; display:block;}
.main .box01 dl .wen{ width:630px; float:left; margin:20px 50px;}
.main .box01 dl .wen a{ display:block; height:38px; line-height:38px; font-size:18px; overflow:hidden;}
.main .box01 dl .wen p{ display:block; height:72px; line-height:24px; font-size:14px; overflow:hidden; color:#666; width:590px;}
.main .box01 dl .more{ width:150px; height:142px; float:left; margin:9px 10px;}
.main .box01 dl .more span{ display:block; font-size:30px; height:64px; line-height:64px; color:#999; overflow:hidden; text-transform:uppercase;}
.main .box01 dl .more p{ display:block; width:140px; height:40px; overflow:hidden;}
.main .box01 dl .more p img{ display:block; height:40px;}
.main .box01 dl .more p b a{ display:block; height:40px; width:100px; background-image:url(../images/more02h.jpg); background-repeat:no-repeat; padding-left:40px; font-size:14px; line-height:40px; text-transform:uppercase; color:#fff; font-weight:normal;}
.main .box01 dl dt .tu,.main .box01 dl dt .wen,.main .box01 dl dt .more{ float:left;}
.main .box01 dl dd .tu,.main .box01 dl dd .wen,.main .box01 dl dd .more{ float:right;}
.main .box01 dl dd .wen{ text-align:right;}
.main .box01 dl dd .wen p{ margin-left:40px;}
.main .box01 dl dt:hover .wen a,.main .box01 dl dd:hover .wen a{ color:#62151b;}
.main .box01 dl dt:hover .more img,.main .box01 dl dd:hover .more img{ display:none;}
}

@media screen and (min-width:768px) and (max-width:1280px){
.main .box01{ width:100%;}
.main .box01 dl{ width:100%; display:block; margin-top:-6px;}
.main .box01 dl dt,.main .box01 dl dd{ width:94%; box-sizing:border-box; padding:10px; border:1px solid #d9d9d9; display:block; overflow:hidden; background-color:#fff; margin:auto; margin-top:20px;}
.main .box01 dl dt:hover,.main .box01 dl dd:hover{ box-shadow:0 0 5px #d9d9d9;}
.main .box01 dl dt .tu{ width:45%; float:left;}
.main .box01 dl dd .tu{ width:45%; float:right;}
.main .box01 dl .tu img{ width:100%; display:block;}
.main .box01 dl dt .wen{ width:52%; float:left; margin-left:3%; padding-top:10px;}
.main .box01 dl dd .wen{ width:52%; float:right; margin-right:3%; padding-top:10px;}
.main .box01 dl .wen a{ display:block; font-size:18px; height:38px; line-height:38px; overflow:hidden;}
.main .box01 dl .wen p{ display:block; font-size:14px; height:48px; line-height:24px; overflow:hidden; color:#666;}
.main .box01 dl dt .more{ width:52%; float:left; margin-left:3%;}
.main .box01 dl dd .more{ width:52%; float:right; margin-right:3%;}
.main .box01 dl .more span{ display:block; font-size:24px; height:44px; line-height:44px; color:#999; overflow:hidden; text-transform:uppercase;}
.main .box01 dl .more p{ display:block;}
.main .box01 dl .more p strong{ display:block;}
.main .box01 dl .more p strong img{ display:block;}
.main .box01 dl .more p b{ display:none;}
.main .box01 dl dt:hover strong,.main .box01 dl dd:hover strong{ display:none;}
.main .box01 dl dt:hover .wen a,.main .box01 dl dd:hover .wen a{ color:#62151b;}
}

@media only screen and (max-width:767px){
.main .box01{ width:100%;}
.main .box01 dl{ width:100%; display:block;}
.main .box01 dl dt,.main .box01 dl dd{ width:94%; padding:10px; box-sizing:border-box; border:1px solid #d9d9d9; display:block; overflow:hidden; background-color:#fff; margin:auto; margin-top:10px;}
.main .box01 dl dt:hover,.main .box01 dl dd:hover{ box-shadow:0 0 5px #d9d9d9;}
.main .box01 dl .tu{ width:100%;}
.main .box01 dl .tu img{ width:100%; display:block;}
.main .box01 dl .wen{ width:100%; padding-top:10px;}
.main .box01 dl .wen a{ display:block; font-size:16px; height:28px; line-height:28px; overflow:hidden; color:#62151b;}
.main .box01 dl .wen p{ display:block; font-size:14px; height:48px; line-height:24px; overflow:hidden; color:#666;}
.main .box01 dl .more{ width:100%;}
.main .box01 dl .more span{ display:none;}
.main .box01 dl .more p{ display:block;}
.main .box01 dl .more p strong{ display:block;}
.main .box01 dl .more p strong img{ display:block; height:30px;}
.main .box01 dl .more p b{ display:none;}
}

/*专卖店*/
@media screen and (min-width:1281px){
.dian{ width:1230px; display:block;}
.dian li{ width:380px; height:400px; display:block; float:left; overflow:hidden; margin-right:30px; margin-top:25px;}
.dian li a{ width:100%; height:100%; position:relative; display:block; overflow:hidden;}
.dian li .tu{ width:100%; height:300px;}
.dian li .tu 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;
}
.dian 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); 
}
.dian li .wen{ padding:17px 30px; width:320px; position:absolute; left:0; bottom:0; height:66px; text-align:center; background-color:#f2f2f2; transition:height 0.5s; -moz-transition:height 0.5s; -webkit-transition:height 0.5s; -o-transition:height 0.5s;}
.dian li .wen span{ display:block; font-size:18px; height:30px; line-height:30px; overflow:hidden;}
.dian li .wen b{ display:block; font-size:14px; height:30px; line-height:30px; overflow:hidden; font-weight:normal; color:#999;}
.dian li .wen p{ display:block; font-size:14px; height:48px; line-height:24px; overflow:hidden; display:none; color:#666;}
.dian li:hover .wen{ padding:23px 30px; height:114px;}
.dian li:hover .wen span{ color:#62151b;}
.dian li:hover .wen p{ display:block; margin-top:6px;}

}

@media screen and (min-width:768px) and (max-width:1280px){
.dian{ width:100%; display:block;}
.dian li{ width:29.33%; display:block; margin-left:3%; margin-top:20px; float:left; overflow:hidden;}
.dian li a{ width:100%; padding-bottom:80px; background-color:#fff; position:relative; display:block; overflow:hidden;}
.dian li .tu{ width:100%;}
.dian li .tu 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;
}
.dian 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); 
}
.dian li .wen{ padding:10px 20px; width:100%; box-sizing:border-box; position:absolute; left:0; bottom:0; height:80px; text-align:center; background-color:#f2f2f2; transition:height 0.5s; -moz-transition:height 0.5s; -webkit-transition:height 0.5s; -o-transition:height 0.5s;}
.dian li .wen span{ display:block; font-size:18px; height:30px; line-height:30px; overflow:hidden;}
.dian li .wen b{ display:block; font-size:14px; height:30px; line-height:30px; overflow:hidden; font-weight:normal; color:#999;}
.dian li .wen p{ display:block; font-size:14px; height:48px; line-height:24px; overflow:hidden; display:none; color:#666;}
.dian li:hover .wen{ height:128px;}
.dian li:hover .wen span{ color:#62151b;}
.dian li:hover .wen p{ display:block;}
}

@media only screen and (max-width:767px){
.dian{ width:100%; display:block;}
.dian li{ width:45.5%; display:block; float:left; overflow:hidden; margin-left:3%; margin-top:15px;}
.dian li a{ width:100%; background-color:#fff; position:relative; display:block; overflow:hidden;}
.dian li .tu{ width:100%;}
.dian li .tu img{ width:100%; display:block;}
.dian li .wen{ padding:10px; width:100%; box-sizing:border-box; text-align:center; background-color:#f2f2f2; transition:height 0.5s; -moz-transition:height 0.5s; -webkit-transition:height 0.5s; -o-transition:height 0.5s;}
.dian li .wen span{ display:block; font-size:16px; height:26px; line-height:26px; overflow:hidden;}
.dian li .wen b{ display:block; font-size:14px; height:24px; line-height:24px; overflow:hidden; font-weight:normal; color:#999;}
.dian li .wen p{ display:none;}
.dian li:hover .wen span{ color:#62151b;}
}