@charset "utf-8";
/* CSS Document */
html, body{ width:100%; height:100%;}
body{ font-family:"微软雅黑", "Microsoft YaHei", arial, sans-serif; font-size:14px; line-height:1.7; color:#333; background:#fff; overflow-x:hidden;}
a{ text-decoration:none; color:#333; -webkit-tap-highlight-color:transparent;}
*{ list-style:none; margin:0; border:none; outline:none; padding:0;}
.fl{ float:left;}
.fr{ float:right;}
.ov{ overflow:hidden;}
.dis{ display:block !important;}
.dn{ display:none;}
.clear{ clear:both;}
.clear:after{ content:""; display:block; clear:both;}
select{ background-image:url(../images/sel.png); background-position:right 10px center; background-repeat:no-repeat;}
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*/
@media screen and (min-width:1280px){
.header{ width:100%; height:90px; background-image:url(../images/header.png); background-position:top center; background-repeat:repeat-y; position:fixed; left:0; top:0; z-index:999;}
.header .head{ width:1200px; margin:auto; position:relative; height:90px;}
.header .logo{ float:left; width:100px; height:60px; padding:15px 0; background-color:#fff;}
.header .logo img{ height:60px; display:block;}
.header .nav{ float:left; display:block; height:90px; margin-left:100px;}
.header .nav li{ display:block; float:left; margin-right:40px; height:90px; position:relative;}
.header .nav li span{ display:block; height:90px; position:relative; overflow:hidden;}
.header .nav li span a{ display:block; height:90px; line-height:90px; font-size:16px; color:#fff;}
.header .nav li.on span b, .header .nav li:hover span b{ width:100%; display:block; height:4px; background-color:#fff; position:absolute; left:0; bottom:0;}
.header .nav li p{ display:none; position:absolute; left:50%; margin-left:-90px; width:160px; padding:10px; top:90px; background-color:rgba(0,0,0,0.7); text-align:center;}
.header .nav li p a{ display:block; font-size:14px; height:30px; line-height:30px; overflow:hidden; color:#ccc;}
.header .nav li p a:hover{ color:#fff;}
.header .nav li:hover p{ display:block;}
.header .tel{ padding-left:22px; background-image:url(../images/tel.png); background-position:left center; background-repeat:no-repeat; font-size:16px; color:#fff; float:right; height:90px; line-height:90px;}
.header .line{ width:1px; height:12px; display:block; float:right; margin:39px 20px; background-color:#999;}
.header .ser{ width:20px; height:20px; float:right; cursor:pointer; margin:35px 0;}
.serbox{ width:100%; padding:20px 0; background-color:rgba(0,0,0,0.7); position:fixed; left:0; top:90px; z-index:111; display:none;}
.serbox .box{ width:700px; margin:auto;}
.serbox .box p{ display:block; float:left; width:630px; height:40px; background-color:rgba(255,255,255,0.9); padding:10px; border-radius:70px;}
.serbox .box p span{ width:560px; margin:0 10px; height:40px; float:left;}
.serbox .box p span input{ width:100%; display:block; height:40px; line-height:40px; font-size:1rem; background-color:transparent; color:#fff;}
.serbox .box p a{ display:block; width:40px; height:40px; float:right; border-radius:50px; background-color:#942124;}
.serbox .box p a input{ display:block; width:40px; height:40px; background-color:#942124; border-radius:50px; cursor:pointer; background-image:url(../images/ser.png); background-position:center; background-repeat:no-repeat;}
.serbox .box b{ -webkit-transform:rotate(45deg); -moz-transform:rotate(45deg); transform:rotate(45deg); -webkit-transition:all .6s cubic-bezier(0.000, 0.105, 0.035, 1.570); -moz-transition:all .6s cubic-bezier(0.000, 0.105, 0.035, 1.570); transition:all .6s cubic-bezier(0.000, 0.105, 0.035, 1.570); -webkit-transition-delay:0.5s; -moz-transition-delay:0.5s; transition-delay:0.5s; width:25px; height:25px; cursor:pointer; display:block; float:right; margin-top:15px; position:relative;}
.serbox .close::before, .serbox .close::after{ position:absolute; content:''; background:#942124; border-radius:2px;}
.serbox .close::before{ width:5px; height:25px; left:10px; top:0px;}
.serbox .close::after{ width:25px; height:5px; left:0px; top:10px;}
.menu{ display:none;}
}
@media screen and (min-width:769px) and (max-width:1279px){
.header{ width:100%; height:80px; background-color:rgba(148,33,36,0.7); position:fixed; left:0; top:0; z-index:999;}
.header .head{ width:100%; position:relative; height:80px;}
.header .logo{ float:left; padding:15px 3%; height:50px; background-color:#fff;}
.header .logo img{ height:50px; display:block;}
.header .nav{ float:left; display:block; height:80px; margin-left:5%;}
.header .nav li{ display:block; float:left; margin-right:25px; height:80px; position:relative;}
.header .nav li span{ display:block; height:80px; position:relative; overflow:hidden;}
.header .nav li span a{ display:block; height:80px; line-height:80px; font-size:15px; color:#fff;}
.header .nav li.on span b, .header .nav li:hover span b{ width:100%; display:block; height:4px; background-color:#fff; position:absolute; left:0; bottom:0;}
.header .nav li p{ display:none; position:absolute; left:50%; margin-left:-70px; width:120px; padding:10px; top:80px; background-color:rgba(0,0,0,0.7); text-align:center;}
.header .nav li p a{ display:block; font-size:12px; height:24px; line-height:24px; overflow:hidden; color:#ccc;}
.header .nav li p a:hover{ color:#fff;}
.header .nav li:hover p{ display:block;}
.header .tel{ padding-left:22px; background-image:url(../images/tel.png); background-position:left center; background-repeat:no-repeat; font-size:16px; color:#fff; float:right; height:80px; line-height:80px; margin-right:3%;}
.header .line{ width:1px; height:12px; display:block; float:right; margin:34px 20px; background-color:#999;}
.header .ser{ width:20px; height:20px; float:right; cursor:pointer; margin:30px 0;}
.serbox{ width:100%; padding:15px 0; background-color:rgba(0,0,0,0.7); position:fixed; left:0; top:80px; z-index:111; display:none;}
.serbox .box{ width:700px; margin:auto;}
.serbox .box p{ display:block; float:left; width:630px; height:40px; background-color:rgba(255,255,255,0.9); padding:10px; border-radius:70px;}
.serbox .box p span{ width:560px; margin:0 10px; height:40px; float:left;}
.serbox .box p span input{ width:100%; display:block; height:40px; line-height:40px; font-size:1rem; background-color:transparent; color:#fff;}
.serbox .box p a{ display:block; width:40px; height:40px; float:right; border-radius:50px; background-color:#942124;}
.serbox .box p a input{ display:block; width:40px; height:40px; background-color:#942124; border-radius:50px; cursor:pointer; background-image:url(../images/ser.png); background-position:center; background-repeat:no-repeat;}
.serbox .box b{ -webkit-transform:rotate(45deg); -moz-transform:rotate(45deg); transform:rotate(45deg); -webkit-transition:all .6s cubic-bezier(0.000, 0.105, 0.035, 1.570); -moz-transition:all .6s cubic-bezier(0.000, 0.105, 0.035, 1.570); transition:all .6s cubic-bezier(0.000, 0.105, 0.035, 1.570); -webkit-transition-delay:0.5s; -moz-transition-delay:0.5s; transition-delay:0.5s; width:25px; height:25px; cursor:pointer; display:block; float:right; margin-top:15px; position:relative;}
.serbox .close::before, .serbox .close::after{ position:absolute; content:''; background:#942124; border-radius:2px;}
.serbox .close::before{ width:5px; height:25px; left:10px; top:0px;}
.serbox .close::after{ width:25px; height:5px; left:0px; top:10px;}
.menu{ display:none;}
}
@media only screen and (max-width:768px){
.header{ width:100%; height:60px; background-color:rgba(0,0,0,0.7); position:fixed; left:0; top:0; z-index:999;}
.header .head{ width:100%; position:relative; height:60px;}
.header .logo{ float:left; padding:10px 3%; height:40px; background-color:#fff;}
.header .logo img{ height:40px; display:block;}
.header .nav_btn{ height:60px; float:left; width:80px; background-image:url(../images/nav.jpg); background-position:center; background-repeat:no-repeat;}
.header .nav{ display:none;}
.header .tel{ padding-left:22px; background-image:url(../images/tel.png); background-position:left center; background-repeat:no-repeat; font-size:16px; color:#fff; float:right; height:60px; line-height:60px; margin-right:3%;}
.header .line{ width:1px; height:12px; display:block; float:right; margin:24px 20px; background-color:#999;}
.header .ser{ width:20px; height:20px; float:right; cursor:pointer; margin:20px 0;}
.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-position:right center; background-repeat:no-repeat;}
.sliding-menu a.nav{ background-image:url(../images/nr.png);}
.sliding-menu a.back{ background-color:#000; background-image:url(../images/nl.png); background-position:15px center; padding:10px 30px;}
.serbox{ width:100%; padding:10px 0; background-color:rgba(0,0,0,0.7); position:fixed; left:0; top:60px; z-index:111; display:none;}
.serbox .box{ width:280px; margin:auto;}
.serbox .box p{ display:block; float:left; width:240px; height:30px; background-color:rgba(255,255,255,0.9); border-radius:70px; padding:2px;}
.serbox .box p span{ width:200px; height:30px; float:left;}
.serbox .box p span input{ width:100%; display:block; height:30px; line-height:30px; font-size:0.875rem; background-color:transparent; color:#fff; text-indent:10px;}
.serbox .box p a{ display:block; width:30px; height:30px; float:right; border-radius:50px; background-color:#942124;}
.serbox .box p a input{ display:block; width:30px; height:30px; background-color:#942124; border-radius:50px; cursor:pointer; background-image:url(../images/ser.png); background-position:center; background-repeat:no-repeat;}
.serbox .box b{ -webkit-transform:rotate(45deg); -moz-transform:rotate(45deg); transform:rotate(45deg); -webkit-transition:all .6s cubic-bezier(0.000, 0.105, 0.035, 1.570); -moz-transition:all .6s cubic-bezier(0.000, 0.105, 0.035, 1.570); transition:all .6s cubic-bezier(0.000, 0.105, 0.035, 1.570); -webkit-transition-delay:0.5s; -moz-transition-delay:0.5s; transition-delay:0.5s; width:24px; height:24px; cursor:pointer; display:block; float:right; margin-top:9px; position:relative;}
.serbox .close::before, .serbox .close::after{ position:absolute; content:''; background:#942124; border-radius:2px;}
.serbox .close::before{ width:2px; height:20px; left:9px; top:0px;}
.serbox .close::after{ width:20px; height:2px; left:0px; top:9px;}
}

/*banner*/
.banner .swiper-slide{ 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; -webkit-flex-shrink:0; -ms-flex:0 0 auto; flex-shrink:0; width:100%; height:100%; position:relative;}

@media screen and (min-width:1280px){
.banner{ width:100%; height:100%; position:relative; z-index:0; height:100%;}
.banner .video{ width:100%; height:100%; display:none;}
.banner .video video{ width:100%; height:100%; background-color:#000; display:block;}
.banner .swiper-container{ width:100%; height:100%; position:relative; overflow:hidden; z-index:1; background-color:rgba(0,0,0,0.4);}
.banner .swiper-container .swiper-wrapper{ width:100%; height:100%;}
.banner .swiper-slide{ width:100%; height:100%; overflow:hidden; opacity:0 !important;}
.banner .swiper-slide img{ width:100%; height:100%; position:absolute; left:0; top:0; z-index:1; object-fit:cover;}
.banner .swiper-slide a{ color:#fff; font-size:40px; letter-spacing:10px; text-indent:10px; text-align:center; position:relative; z-index:3;}
.banner .swiper-slide.swiper-slide-active{ opacity:1 !important;}
.banner .mask{ width:1200px; height:90px; background-color:#fff; z-index:2; position:absolute; left:50%; margin-left:-600px; bottom:0; box-shadow:0 0 20px rgba(0,0,0,0.2); background-image:url(../images/down.png); background-position:center; background-repeat:no-repeat;}
.banner .mask .player{ float:left; width:25px; cursor:pointer; background-image:url(../images/video01.png); height:20px; margin:35px 50px;}
.banner .mask .player.sound{ background-image:url(../images/video.png);}
.banner .swiper-pagination{ display:block; float:right; margin:35px 50px;}
.banner .swiper-pagination span{ display:block; float:left; width:20px; height:20px; margin-left:10px; background-image:url(../images/banh.png); cursor:pointer;}
.banner .swiper-pagination span.swiper-pagination-bullet-active{ background-image:url(../images/ban.png);}
}
@media screen and (min-width:769px) and (max-width:1279px){
.banner{ width:100%; height:100%; position:relative; z-index:0;}
.banner .video{ width:100%; display:none;}
.banner .video video{ width:100%; background-color:#000; display:block;}
.banner .swiper-container{ width:100%; height:56.25vw; position:relative; overflow:hidden; z-index:1; background-color:rgba(0,0,0,0.4);}
.banner .swiper-container .swiper-wrapper{ width:100%; height:100%;}
.banner .swiper-slide{ width:100%; height:100%; overflow:hidden; opacity:0 !important;}
.banner .swiper-slide img{ width:100%; height:100%; position:absolute; left:0; top:0; z-index:1; object-fit:cover;}
.banner .swiper-slide a{ color:#fff; font-size:30px; letter-spacing:10px; text-indent:10px; text-align:center; position:relative; z-index:3;}
.banner .swiper-slide.swiper-slide-active{ opacity:1 !important;}
.banner .mask{ width:94%; height:70px; background-color:#fff; z-index:2; position:absolute; left:3%; bottom:0; box-shadow:0 0 20px rgba(0,0,0,0.2); background-image:url(../images/down.png); background-position:center; background-repeat:no-repeat;}
.banner .mask .player{ float:left; width:25px; cursor:pointer; background-image:url(../images/video01.png); height:20px; margin:25px 5%;}
.banner .mask .player.sound{ background-image:url(../images/video.png);}
.banner .swiper-pagination{ display:block; float:right; margin:25px 5%;}
.banner .swiper-pagination span{ display:block; float:left; width:20px; height:20px; margin-left:10px; background-image:url(../images/banh.png); cursor:pointer;}
.banner .swiper-pagination span.swiper-pagination-bullet-active{ background-image:url(../images/ban.png);}
}
@media only screen and (max-width:768px){
.banner{ width:100%; position:relative; z-index:0;}
.banner .video{ width:100%; display:none;}
.banner .video video{ width:100%; background-color:#000; display:block;}
.banner .swiper-container{ width:100%; position:relative; overflow:hidden; z-index:1; background-color:rgba(0,0,0,0.4);}
.banner .swiper-slide{ width:100%; height:40vh; overflow:hidden; opacity:0 !important;}
.banner .swiper-slide img{ width:100%; height:100%; position:absolute; left:0; top:0; z-index:1; object-fit:cover;}
.banner .swiper-slide a{ padding:0 15px; color:#fff; font-size:20px; letter-spacing:5px; text-indent:5px; text-align:center; position:relative; z-index:3;}
.banner .swiper-slide.swiper-slide-active{ opacity:1 !important;}
.banner .mask{ width:94%; height:50px; background-color:#fff; z-index:2; position:absolute; left:3%; bottom:0; box-shadow:0 0 20px rgba(0,0,0,0.2); background-image:url(../images/down.png); background-position:center; background-repeat:no-repeat;}
.banner .mask .player{ float:left; width:25px; cursor:pointer; background-image:url(../images/video01.png); height:20px; margin:15px 5%;}
.banner .mask .player.sound{ background-image:url(../images/video.png);}
.banner .swiper-pagination{ display:block; float:right; margin:15px 5%;}
.banner .swiper-pagination span{ display:block; float:left; width:20px; height:20px; margin-left:10px; background-image:url(../images/banh.png); cursor:pointer;}
.banner .swiper-pagination span.swiper-pagination-bullet-active{ background-image:url(../images/ban.png);}
}

/*数据*/
@media screen and (min-width:1280px){
.sbox{ width:1200px; margin:auto; box-shadow:0 0 20px rgba(0,0,0,0.2);}
.sbox .box{ width:100%;}
.sbox .box .title{ width:94%; margin:auto; text-align:center; font-size:30px; line-height:50px; font-weight:bold; margin-top:30px; vertical-align:middle;}
.sbox .box .title span{ display:inline-block; width:5px; height:5px; border-radius:100%; overflow:hidden; vertical-align:middle; background-color:#333; margin:0 12px;}
.sbox ul{ display:block; text-align:center; overflow:hidden; height:106px; margin:77px 0;}
.sbox ul li{ display:inline-block; margin:0 60px;}
.sbox ul li p{ font-size:72px; line-height:72px; height:72px; color:#942124; display:block; overflow:hidden;}
.sbox ul li a{ font-size:16px; line-height:34px; height:34px; display:block; overflow:hidden;}
.sbox .line{ display:block; margin:auto; width:2px; height:100px; background-color:#999;}
}
@media screen and (min-width:769px) and (max-width:1279px){
.sbox{ width:94%; margin:auto; box-shadow:0 0 20px rgba(0,0,0,0.2);}
.sbox .box{ width:100%;}
.sbox .box .title{ width:94%; margin:auto; text-align:center; font-size:24px; line-height:44px; font-weight:bold; margin-top:16px; vertical-align:middle;}
.sbox .box .title span{ display:inline-block; width:5px; height:5px; border-radius:100%; overflow:hidden; vertical-align:middle; background-color:#333; margin:0 8px;}
.sbox ul{ display:block; text-align:center; overflow:hidden; height:70px; margin:35px 0;}
.sbox ul li{ display:inline-block; margin:0 5%;}
.sbox ul li p{ font-size:40px; line-height:40px; height:40px; color:#942124; display:block; overflow:hidden;}
.sbox ul li a{ font-size:14px; line-height:30px; height:30px; display:block; overflow:hidden;}
.sbox .line{ display:block; margin:auto; width:2px; height:70px; background-color:#999;}
}
@media only screen and (max-width:768px){
.sbox{ width:94%; margin:auto; box-shadow:0 0 20px rgba(0,0,0,0.2);}
.sbox .box{ width:100%;}
.sbox .box .title{ width:94%; text-align:center; font-size:18px; line-height:28px; font-weight:bold; margin:15px auto; vertical-align:middle;}
.sbox .box .title span{ display:inline-block; width:4px; height:4px; border-radius:100%; overflow:hidden; vertical-align:middle; background-color:#333; margin:0 5px;}
.sbox ul{ display:block; text-align:center; overflow:hidden; margin-bottom:25px; margin-top:-1px;}
.sbox ul li{ width:45.5%; float:left; margin-left:3%; display:block; margin-top:10px;}
.sbox ul li p{ font-size:26px; line-height:26px; height:26px; color:#942124; display:block; overflow:hidden;}
.sbox ul li a{ font-size:14px; line-height:24px; height:24px; display:block; overflow:hidden;}
.sbox .line{ display:block; margin:auto; width:2px; height:30px; background-color:#999;}
}

/*通用*/
 @media screen and (min-width:1280px){
.title{ width:1200px; margin:auto; overflow:hidden;}
.title>span{ display:block; text-align:center; font-size:42px; line-height:50px; height:50px; text-transform:uppercase; color:#999; overflow:hidden; font-family:Georgia, "Times New Roman", Times, serif;}
.title>p{ display:block; text-align:center; font-size:26px; line-height:36px; height:36px; overflow:hidden;}
.title>b{ width:50px; height:2px; background-color:#333; margin:auto; margin-top:8px; display:block; overflow:hidden;}
}
@media screen and (min-width:769px) and (max-width:1279px){
.title{ width:94%; margin:auto; overflow:hidden;}
.title>span{ display:block; text-align:center; font-size:32px; line-height:40px; height:40px; text-transform:uppercase; color:#999; overflow:hidden; font-family:Georgia, "Times New Roman", Times, serif;}
.title>p{ display:block; text-align:center; font-size:22px; line-height:32px; height:32px; overflow:hidden;}
.title>b{ text-align:center; width:40px; height:2px; background-color:#333; margin:auto; margin-top:5px; display:block; overflow:hidden;}
}
@media only screen and (max-width:768px){
.title{ width:94%; margin:auto; overflow:hidden;}
.title>span{ display:block; text-align:center; font-size:26px; line-height:34px; height:34px; text-transform:uppercase; color:#999; overflow:hidden; font-family:Georgia, "Times New Roman", Times, serif;}
.title>p{ display:block; text-align:center; font-size:18px; line-height:26px; height:26px; overflow:hidden;}
.title>b{ width:30px; height:2px; background-color:#333; margin:auto; margin-top:5px; display:block; overflow:hidden;}
}

/*关于我们*/
@media screen and (min-width:1280px){
.abox{ width:100%; background-image:url(../images/abg.jpg); background-position:center; background-repeat:no-repeat; background-attachment:fixed;}
.abox .box{ padding-top:60px; padding-bottom:70px; width:100%; background-color:rgba(0,0,0,0.5); position:relative;}
.abox .title{ text-align:left;}
.abox .title span, .abox .title p{ color:#fff;}
.abox .title b{ display:none;}
.abox .wen{ width:1100px; height:236px; padding:50px; margin:auto; background-color:rgba(148,33,36,0.8); margin-top:25px;}
.abox .wen .wz{ width:550px; font-size:14px; line-height:24px; color:#fff !important; height:240px;}
.abox .tu{ width:610px; position:absolute; right:50%; bottom:195px; margin-right:-600px;}
.abox .tu img{ display:block; max-width:610px; max-height:435px; float:right;}
.abox .list{ width:1200px; margin:auto; margin-top:25px; height:100px; overflow:hidden;}
.abox .list ul{ width:1230px; display:block; height:100px; overflow:hidden;}
.abox .list ul li{ width:380px; display:block; float:left; overflow:hidden; margin-right:30px;}
.abox .list ul li a{ display:block; width:330px; height:52px; padding:24px 30px; padding-right:20px; background-color:#fff; position:relative;}
.abox .list ul li a span{ display:block; font-size:20px; height:30px; line-height:30px; color:#942124; overflow:hidden;}
.abox .list ul li a span em{ display:block; float:left; font-style:normal;}
.abox .list ul li a span b{ width:8px; height:30px; float:left; margin-left:20px; background-image:url(../images/more.png); background-position:center; background-repeat:no-repeat;}
.abox .list ul li a p{ display:block; font-size:14px; height:22px; line-height:22px; color:#666; text-transform:uppercase; overflow:hidden;}
.abox .list ul li a strong{ display:block; height:60px; position:absolute; right:20px; top:20px; overflow:hidden;}
.abox .list ul li a strong img{ display:block; height:60px; float:right;}
.abox .list ul li a strong img.img02{ display:none;}
.abox .list ul li a:hover strong img.img01{ display:none;}
.abox .list ul li a:hover strong img.img02{ display:block;}
.abox .list ul li a:hover{ background-color:#942124;}
.abox .list ul li a:hover span, .abox .list ul li a:hover p{ color:#fff;}
.abox .list ul li a:hover span b{ background-image:url(../images/more01.png);}
}
@media screen and (min-width:769px) and (max-width:1279px){
.abox{ width:100%; background-image:url(../images/abg.jpg); background-position:center; background-repeat:no-repeat; background-attachment:fixed;}
.abox .box{ padding-top:47px; padding-bottom:55px; width:100%; background-color:rgba(0,0,0,0.5); position:relative;}
.abox .title{ text-align:left;}
.abox .title span, .abox .title p{ color:#fff;}
.abox .title b{ display:none;}
.abox .wen{ width:88%; height:236px; padding:20px 3%; margin:auto; background-color:rgba(148,33,36,0.8); margin-top:15px;}
.abox .wen .wz{ width:50%; font-size:14px; line-height:24px; color:#fff !important; height:240px;}
.abox .tu{ width:46%; position:absolute; right:3%; bottom:140px;}
.abox .tu img{ display:block; max-width:100%; max-height:349px; float:right;}
.abox .list{ width:100%; margin:auto; margin-top:20px; height:80px; overflow:hidden;}
.abox .list ul{ width:100%; display:block; height:80px; overflow:hidden;}
.abox .list ul li{ width:29.33%; display:block; float:left; overflow:hidden; margin-left:3%;}
.abox .list ul li a{ display:block; width:94%; height:50px; padding:15px 3%; background-color:#fff; position:relative;}
.abox .list ul li a span{ display:block; font-size:18px; height:28px; line-height:28px; color:#942124; overflow:hidden;}
.abox .list ul li a span em{ display:block; float:left; font-style:normal;}
.abox .list ul li a span b{ width:8px; height:28px; float:left; margin-left:10px; background-image:url(../images/more.png); background-position:center; background-repeat:no-repeat;}
.abox .list ul li a p{ display:block; font-size:14px; height:22px; line-height:22px; color:#666; text-transform:uppercase; overflow:hidden;}
.abox .list ul li a strong{ display:block; height:50px; position:absolute; right:3%; top:15px; overflow:hidden;}
.abox .list ul li a strong img{ display:block; height:50px; float:right;}
.abox .list ul li a strong img.img02{ display:none;}
.abox .list ul li a:hover strong img.img01{ display:none;}
.abox .list ul li a:hover strong img.img02{ display:block;}
.abox .list ul li a:hover{ background-color:#942124;}
.abox .list ul li a:hover span, .abox .list ul li a:hover p{ color:#fff;}
.abox .list ul li a:hover span b{ background-image:url(../images/more01.png);}
}
@media only screen and (max-width:768px){
.abox{ width:100%; background-image:url(../images/abg.jpg); background-position:center; background-repeat:no-repeat; background-attachment:fixed;}
.abox .box{ padding-top:35px; padding-bottom:40px; width:100%; background-color:rgba(0,0,0,0.5); position:relative;}
.abox .title span, .abox .title p{ color:#fff;}
.abox .title b{ background-color:#fff;}
.abox .wen{ width:88%; height:240px; padding:20px 3%; margin:auto; background-color:rgba(148,33,36,0.8); margin-top:20px;}
.abox .wen .wz{ width:70%; font-size:14px; line-height:24px; color:#fff !important; height:192px;}
.abox .tu{ width:46%; position:absolute; right:3%; bottom:245px;}
.abox .tu img{ display:block; width:100%; float:right;}
.abox .list{ width:94%; margin:auto; margin-top:5px; overflow:hidden;}
.abox .list ul{ width:100%; display:block; overflow:hidden;}
.abox .list ul li{ width:100%; display:block; float:left; overflow:hidden; margin-top:10px;}
.abox .list ul li a{ display:block; width:94%; height:48px; padding:6px 3%; background-color:#fff; position:relative;}
.abox .list ul li a span{ display:block; font-size:16px; height:26px; line-height:26px; color:#942124; overflow:hidden;}
.abox .list ul li a span em{ display:block; float:left; font-style:normal;}
.abox .list ul li a span b{ width:8px; height:26px; float:left; margin-left:10px; background-image:url(../images/more.png); background-position:center; background-repeat:no-repeat;}
.abox .list ul li a p{ display:block; font-size:14px; height:22px; line-height:22px; color:#666; text-transform:uppercase; overflow:hidden;}
.abox .list ul li a strong{ display:block; height:40px; position:absolute; right:3%; top:10px; overflow:hidden;}
.abox .list ul li a strong img{ display:block; height:40px; float:right;}
.abox .list ul li a strong img.img02{ display:none;}
.abox .list ul li a:hover strong img.img01{ display:none;}
.abox .list ul li a:hover strong img.img02{ display:block;}
.abox .list ul li a:hover{ background-color:#942124;}
.abox .list ul li a:hover span, .abox .list ul li a:hover p{ color:#fff;}
.abox .list ul li a:hover span b{ background-image:url(../images/more01.png);}
}

/*核心产品*/
@media screen and (min-width:1280px){
.pbox{ width:100%; padding-top:60px; padding-bottom:50px; position:relative; z-index:1; background-color:#fff;}
.pbox .box{ width:1200px; margin:auto; margin-top:20px;}
.pbox .box .list{ width:100%; display:block;}
.pbox .box .list li{ display:block; float:left; margin-top:10px; margin-left:20px; width:285px;}
.pbox .box .list li:nth-child(4n+1){ clear:left; float:left; margin-left:0;}
.pbox .box .list li .tu{ width:100%; height:240px;}
.pbox .box .list li .tu img{ width:100%; display:block;}
.pbox .box .list li .wen{ padding:20px; padding-top:10px;}
.pbox .box .list li .wen p{ width:calc(100% - 100px); display:block; float:left; font-size:16px; height:36px; line-height:36px; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; padding-bottom:4px; background-image:url(../images/lline_56.png); background-position:left bottom; background-repeat:no-repeat;}
.pbox .box .list li .wen span{ width:90px; height:30px; line-height:30px; border-radius:30px; text-align:center; background-color:#333; overflow:hidden; color:#fff; float:right; overflow:hidden; display:block; text-transform:uppercase; margin-top:10px; font-size:12px;}
.pbox .box .list li:hover{ background-color:#f2f2f2;}
.pbox .box .list li:hover .wen span{ background-color:#942124;}
}
@media screen and (min-width:769px) and (max-width:1279px){
.pbox{ width:100%; padding-top:47px; padding-bottom:40px; position:relative; z-index:1; background-color:#fff;}
.pbox .box{ width:94%; margin:auto; margin-top:15px;}
.pbox .box .list{ width:100%; display:block;}
.pbox .box .list li{ display:block; float:left; margin-top:10px; margin-left:2%; width:23.5%;}
.pbox .box .list li:nth-child(4n+1){ clear:left; float:left; margin-left:0;}
.pbox .box .list li .tu{ width:100%; height:18.6vw;}
.pbox .box .list li .tu img{ width:100%; display:block;}
.pbox .box .list li .wen{ padding:15px; padding-top:5px;}
.pbox .box .list li .wen p{ width:calc(100% - 90px); display:block; float:left; font-size:16px; height:36px; line-height:36px; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; padding-bottom:4px; background-image:url(../images/lline_56.png); background-position:left bottom; background-repeat:no-repeat;}
.pbox .box .list li .wen span{ width:80px; height:30px; line-height:30px; border-radius:30px; text-align:center; background-color:#333; overflow:hidden; color:#fff; float:right; overflow:hidden; display:block; text-transform:uppercase; margin-top:10px; font-size:12px;}
.pbox .box .list li:hover{ background-color:#f2f2f2;}
.pbox .box .list li:hover .wen span{ background-color:#942124;}
}
@media only screen and (max-width:768px){
.pbox{ width:100%; padding-top:35px; padding-bottom:30px; position:relative; z-index:1; background-color:#fff;}
.pbox .box{ width:94%; margin:auto; margin-top:15px;}
.pbox .box .list{ width:100%; display:block;}
.pbox .box .list li{ display:block; float:left; margin-top:5px; margin-left:3%; width:48.5%;}
.pbox .box .list li:nth-child(2n+1){ clear:left; float:left; margin-left:0;}
.pbox .box .list li .tu{ width:100%; height:38.39vw;}
.pbox .box .list li .tu img{ width:100%; display:block;}
.pbox .box .list li .wen{ padding:10px;}
.pbox .box .list li .wen p{ width:calc(100% - 80px); display:block; float:left; font-size:16px; height:26px; line-height:20px; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; padding-bottom:4px; background-image:url(../images/lline_56.png); background-position:left bottom; background-repeat:no-repeat;}
.pbox .box .list li .wen span{ width:70px; height:26px; line-height:26px; border-radius:26px; text-align:center; background-color:#333; overflow:hidden; color:#fff; float:right; overflow:hidden; display:block; text-transform:uppercase; font-size:12px; margin-top:2px;}
.pbox .box .list li:hover{ background-color:#f2f2f2;}
.pbox .box .list li:hover .wen span{ background-color:#942124;}
}

/*精品案例品鉴*/
@media screen and (min-width:1280px){
.cbox{ width:100%; padding-top:70px; padding-bottom:70px; position:relative; z-index:1; background-color:#f2f2f2;}
.cbox .title .left{ float:left; padding-top:44px; width:400px;}
.cbox .title .left span{ font-size:42px; line-height:40px; height:40px; text-transform:uppercase; color:#999; overflow:hidden; font-family:Georgia, "Times New Roman", Times, serif;}
.cbox .title .left p{ font-size:26px; line-height:36px; height:36px; overflow:hidden;}
.cbox .title .left b{ width:50px; height:2px; background-color:#333; margin-top:8px; display:block; overflow:hidden;}
.cbox .title .left .bt{ font-size:18px; line-height:28px; margin:25px 0;}
.cbox .title .left .more{ width:100%;}
.cbox .title .left .more a{ width:180px; height:40px; line-height:40px; display:block; border-radius:40px; text-align:center; background-color:#333; color:#fff; overflow:hidden;}
.cbox .title .left .more a:hover{ background-color:#942124;}
.cbox .title .right{ width:750px; height:300px; float:right; background-position:center; background-repeat:no-repeat; background-size:cover; position:relative;}
.cbox .title .right .wen{ width:460px; height:200px; background-color:rgba(0,0,0,.5); position:absolute; top:50%; left:50%; transform:translateX(-50%) translateY(-50%);}
.cbox .title .right .wz{ width:calc(100% - 84px); height:calc(100% - 24px); border:2px solid rgba(255,255,255,.5); margin:10px; display:flex; flex-direction:column; justify-content:center; align-items:center; padding:0 30px; text-align:center;}
.cbox .title .right .wz .t01{ width:100%; color:#fff; font-size:24px; line-height:34px; font-weight:bold;}
.cbox .title .right .wz .t02{ width:50px; height:2px; background-color:#fff; margin:5px auto; margin-bottom:15px;}
.cbox .title .right .wz .t03{ width:100%; color:#fff; font-size:16px; line-height:26px;}
.cbox .box{ width:1200px; margin:auto; margin-top:10px; overflow:hidden;}
.cbox .box .list{ width:100%; display:block; overflow:hidden;}
.cbox .box .list li{ width:285px; float:left; display:block; position:relative; background-color:#fff; margin-left:20px; margin-top:20px;}
.cbox .box .list li:nth-child(4n+1){ margin-left:0;}
.cbox .box .list li .tu{ width:100%; height:250px; position:relative; z-index:1;}
.cbox .box .list li .tu>img{ width:100%; display:block;}
.cbox .box .list li .tu p{ width:100%; height:100%; position:absolute; left:0; top:0; background-color:rgba(0,0,0,.5); display:flex; align-items:center; opacity:0; -webkit-transition:.5s; -moz-transition:.5s; -o-transition:.5s; transition:.5s;}
.cbox .box .list li .tu p img{ display:block; margin:auto;}
.cbox .box .list li:hover .tu p{ opacity:1;}
.cbox .box .list li .fg{ min-width:125px; padding:0 20px; box-sizing:border-box; position:absolute; left:50%; transform:translateX(-50%); top:232px; background-color:#942124; text-align:center; color:#fff; font-size:16px; line-height:36px; height:36px; z-index:3;}
.cbox .box .list li .wen{ padding:15px 20px; padding-top:33px; text-align:center;}
.cbox .box .list li .wen .bt{ display:flex; justify-content:center; align-items:center;}
.cbox .box .list li .wen .bt span{ width:10px; height:10px; background-color:#333; margin-right:10px; display:block;}
.cbox .box .list li .wen .bt b{ font-size:18px; line-height:28px; height:28px; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; display:block;}
.cbox .box .list li .wen .wz{ font-size:14px; line-height:24px; height:48px; color:#666; text-align:center; margin-top:6px;}
}
@media screen and (min-width:769px) and (max-width:1279px){
.cbox{ width:100%; padding-top:55px; padding-bottom:55px; position:relative; z-index:1; background-color:#f2f2f2;}
.cbox .title .left{ float:left; padding-top:35px; width:300px; margin-right:3%;}
.cbox .title .left span{ font-size:32px; line-height:30px; height:30px; text-transform:uppercase; color:#999; overflow:hidden; font-family:Georgia, "Times New Roman", Times, serif;}
.cbox .title .left p{ font-size:22px; line-height:32px; height:32px; overflow:hidden;}
.cbox .title .left b{ width:40px; height:2px; background-color:#333; margin-top:5px; display:block; overflow:hidden;}
.cbox .title .left .bt{ font-size:16px; line-height:26px; margin:20px 0;}
.cbox .title .left .more{ width:100%;}
.cbox .title .left .more a{ width:180px; height:40px; line-height:40px; display:block; border-radius:40px; text-align:center; background-color:#333; color:#fff; overflow:hidden;}
.cbox .title .left .more a:hover{ background-color:#942124;}
.cbox .title .right{ width:calc(97% - 300px); height:250px; float:right; background-position:center; background-repeat:no-repeat; background-size:cover; position:relative;}
.cbox .title .right .wen{ width:460px; height:200px; background-color:rgba(0,0,0,.5); position:absolute; top:50%; left:50%; transform:translateX(-50%) translateY(-50%);}
.cbox .title .right .wz{ width:calc(100% - 84px); height:calc(100% - 24px); border:2px solid rgba(255,255,255,.5); margin:10px; display:flex; flex-direction:column; justify-content:center; align-items:center; padding:0 20px; text-align:center;}
.cbox .title .right .wz .t01{ width:100%; color:#fff; font-size:22px; line-height:32px; font-weight:bold;}
.cbox .title .right .wz .t02{ width:50px; height:2px; background-color:#fff; margin:5px auto; margin-bottom:10px;}
.cbox .title .right .wz .t03{ width:100%; color:#fff; font-size:16px; line-height:26px;}
.cbox .box{ width:94%; margin:auto; margin-top:5px; overflow:hidden;}
.cbox .box .list{ width:100%; display:block; overflow:hidden;}
.cbox .box .list li{ width:23.5%; float:left; display:block; position:relative; background-color:#fff; margin-left:2%; margin-top:20px;}
.cbox .box .list li:nth-child(4n+1){ margin-left:0;}
.cbox .box .list li .tu{ width:100%; height:19.37vw; position:relative; z-index:1;}
.cbox .box .list li .tu>img{ width:100%; display:block;}
.cbox .box .list li .tu p{ width:100%; height:100%; position:absolute; left:0; top:0; background-color:rgba(0,0,0,.5); display:flex; align-items:center; opacity:0; -webkit-transition:.5s; -moz-transition:.5s; -o-transition:.5s; transition:.5s;}
.cbox .box .list li .tu p img{ display:block; margin:auto;}
.cbox .box .list li:hover .tu p{ opacity:1;}
.cbox .box .list li .fg{ min-width:115px; padding:0 15px; box-sizing:border-box; position:absolute; left:50%; transform:translateX(-50%); top:19.37vw; margin-top:-16px; background-color:#942124; text-align:center; color:#fff; font-size:16px; line-height:32px; height:32px; z-index:3;}
.cbox .box .list li .wen{ padding:10px 15px; padding-top:26px; text-align:center;}
.cbox .box .list li .wen .bt{ display:flex; justify-content:center; align-items:center;}
.cbox .box .list li .wen .bt span{ width:8px; height:8px; background-color:#333; margin-right:10px; display:block;}
.cbox .box .list li .wen .bt b{ font-size:18px; line-height:28px; height:28px; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; display:block;}
.cbox .box .list li .wen .wz{ font-size:14px; line-height:24px; height:48px; color:#666; text-align:center; margin-top:5px;}
}
@media only screen and (max-width:768px){
.cbox{ width:100%; padding-top:35px; padding-bottom:40px; position:relative; z-index:1; background-color:#f2f2f2;}
.cbox .title{ text-align:center;}
.cbox .title .left{ width:100%;}
.cbox .title .left span{ font-size:26px; line-height:26px; height:26px; text-transform:uppercase; color:#999; overflow:hidden; font-family:Georgia, "Times New Roman", Times, serif;}
.cbox .title .left p{ font-size:18px; line-height:26px; height:26px; overflow:hidden;}
.cbox .title .left b{ width:30px; height:2px; background-color:#333; margin:auto; margin-top:5px; display:block; overflow:hidden;}
.cbox .title .left .bt{ font-size:14px; line-height:24px; margin:15px 0;}
.cbox .title .left .more{ width:100%;}
.cbox .title .left .more a{ width:170px; height:34px; line-height:34px; display:block; border-radius:40px; text-align:center; background-color:#333; color:#fff; overflow:hidden; margin:auto;}
.cbox .title .left .more a:hover{ background-color:#942124;}
.cbox .title .right{ width:100%; margin-top:20px; float:right; background-position:center; background-repeat:no-repeat; background-size:cover; position:relative;}
.cbox .title .right .wen{ background-color:rgba(0,0,0,.5); margin:20px;}
.cbox .title .right .wz{ min-height:116px; border:2px solid rgba(255,255,255,.5); margin:10px; display:flex; flex-direction:column; justify-content:center; align-items:center; padding:10px 15px; text-align:center;}
.cbox .title .right .wz .t01{ width:100%; color:#fff; font-size:18px; line-height:28px; font-weight:bold;}
.cbox .title .right .wz .t02{ width:50px; height:2px; background-color:#fff; margin:5px auto;}
.cbox .title .right .wz .t03{ width:100%; color:#fff; font-size:14px; line-height:24px;}
.cbox .box{ width:94%; margin:auto; margin-top:5px; overflow:hidden;}
.cbox .box .list{ width:100%; display:block; overflow:hidden;}
.cbox .box .list li{ width:48.5%; float:left; display:block; position:relative; background-color:#fff; margin-left:3%; margin-top:15px;}
.cbox .box .list li:nth-child(2n+1){ margin-left:0;}
.cbox .box .list li .tu{ width:100%; height:39.99vw; position:relative; z-index:1;}
.cbox .box .list li .tu>img{ width:100%; display:block;}
.cbox .box .list li .tu p{ width:100%; height:100%; position:absolute; left:0; top:0; background-color:rgba(0,0,0,.5); display:flex; align-items:center; opacity:0; -webkit-transition:.5s; -moz-transition:.5s; -o-transition:.5s; transition:.5s;}
.cbox .box .list li .tu p img{ display:block; margin:auto;}
.cbox .box .list li:hover .tu p{ opacity:1;}
.cbox .box .list li .fg{ min-width:105px; padding:0 10px; box-sizing:border-box; position:absolute; left:50%; transform:translateX(-50%); top:39.99vw; margin-top:-14px; background-color:#942124; text-align:center; color:#fff; font-size:14px; line-height:28px; height:28px; z-index:3;}
.cbox .box .list li .wen{ padding:10px; padding-top:21px; text-align:center;}
.cbox .box .list li .wen .bt{ display:flex; justify-content:center; align-items:center;}
.cbox .box .list li .wen .bt span{ width:6px; height:6px; background-color:#333; margin-right:5px; display:block;}
.cbox .box .list li .wen .bt b{ font-size:16px; line-height:26px; height:26px; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; display:block;}
.cbox .box .list li .wen .wz{ font-size:14px; line-height:20px; height:40px; color:#666; text-align:center; margin-top:2px;}
}

/*业务优势*/
@media screen and (min-width:1280px){
.ybox{ width:100%; padding-top:60px; padding-bottom:70px; position:relative; z-index:1; background-color:#fff;}
.ybox .box{ width:1200px; margin:auto; margin-top:30px;}
.ybox .box .list{ width:100%; display:block;}
.ybox .box .list dd{ width:285px; height:480px; display:block; position:relative; float:left; overflow:hidden; margin-left:20px;}
.ybox .box .list dd:nth-child(4n+1){ clear:left; float:left; margin-left:0;}
.ybox .box .list dd img{ width:100%; display:block;}
.ybox .box .list dd a{ display:flex; flex-direction:column; justify-content:flex-end; padding:45px 20px; overflow:hidden; width:100%; height:100%; box-sizing:border-box; position:absolute; left:0; top:0; background:linear-gradient(to top, rgba(0,0,0,.7), rgba(0,0,0,0));}
.ybox .box .list dd:hover a{ justify-content:flex-start; background:linear-gradient(to top, rgba(0,0,0,.7), rgba(0,0,0,.7));}
.ybox .box .list dd a p{ display:block; overflow:hidden;}
.ybox .box .list dd a b{ display:block; font-size:20px; line-height:30px; color:#fff; font-weight:normal;}
.ybox .box .list dd a span{ display:block; font-size:14px; line-height:24px; color:#fff; margin-top:10px; text-transform:uppercase;}
.ybox .more{ width:100%; margin-top:30px;}
.ybox .more a{ width:180px; height:40px; line-height:40px; display:block; border-radius:40px; text-align:center; background-color:#333; color:#fff; overflow:hidden; margin:auto;}
.ybox .more a:hover{ background-color:#942124;}
}
@media screen and (min-width:769px) and (max-width:1279px){
.ybox{ width:100%; padding-top:47px; padding-bottom:55px; position:relative; z-index:1; background-color:#fff;}
.ybox .box{ width:94%; margin:auto; margin-top:25px;}
.ybox .box .list{ width:100%; display:block;}
.ybox .box .list dd{ width:23.5%; height:37.2vw; display:block; position:relative; float:left; overflow:hidden; margin-left:2%;}
.ybox .box .list dd:nth-child(4n+1){ clear:left; float:left; margin-left:0;}
.ybox .box .list dd img{ width:100%; display:block;}
.ybox .box .list dd a{ display:flex; flex-direction:column; justify-content:flex-end; padding:35px 15px; overflow:hidden; width:100%; height:100%; box-sizing:border-box; position:absolute; left:0; top:0; background:linear-gradient(to top, rgba(0,0,0,.7), rgba(0,0,0,0));}
.ybox .box .list dd:hover a{ justify-content:flex-start; background:linear-gradient(to top, rgba(0,0,0,.7), rgba(0,0,0,.7));}
.ybox .box .list dd a p{ display:block; overflow:hidden;}
.ybox .box .list dd a b{ display:block; font-size:18px; line-height:28px; color:#fff; font-weight:normal;}
.ybox .box .list dd a span{ display:block; font-size:14px; line-height:24px; color:#fff; margin-top:6px; text-transform:uppercase;}
.ybox .more{ width:100%; margin-top:25px;}
.ybox .more a{ width:180px; height:40px; line-height:40px; display:block; border-radius:40px; text-align:center; background-color:#333; color:#fff; overflow:hidden; margin:auto;}
.ybox .more a:hover{ background-color:#942124;}
}
@media only screen and (max-width:768px){
.ybox{ width:100%; padding-top:35px; padding-bottom:40px; position:relative; z-index:1; background-color:#fff;}
.ybox .box{ width:94%; margin:auto; margin-top:5px;}
.ybox .box .list{ width:100%; display:block;}
.ybox .box .list dd{ width:48.5%; height:76.78vw; display:block; position:relative; float:left; overflow:hidden; margin-left:3%; margin-top:15px;}
.ybox .box .list dd:nth-child(2n+1){ clear:left; float:left; margin-left:0;}
.ybox .box .list dd img{ width:100%; display:block;}
.ybox .box .list dd a{ display:flex; flex-direction:column; justify-content:flex-end; padding:25px 10px; overflow:hidden; width:100%; height:100%; box-sizing:border-box; position:absolute; left:0; top:0; background:linear-gradient(to top, rgba(0,0,0,.7), rgba(0,0,0,0));}
.ybox .box .list dd:hover a{ justify-content:flex-start; background:linear-gradient(to top, rgba(0,0,0,.7), rgba(0,0,0,.7));}
.ybox .box .list dd a p{ display:block; overflow:hidden;}
.ybox .box .list dd a b{ display:block; font-size:16px; line-height:26px; color:#fff; font-weight:normal;}
.ybox .box .list dd a span{ display:block; font-size:14px; line-height:20px; color:#fff; margin-top:2px; text-transform:uppercase;}
.ybox .more{ width:100%; margin-top:20px;}
.ybox .more a{ width:170px; height:34px; line-height:34px; display:block; border-radius:40px; text-align:center; background-color:#333; color:#fff; overflow:hidden; margin:auto;}
.ybox .more a:hover{ background-color:#942124;}
}

/*合作项目*/
@media screen and (min-width:1280px){
.hbox{ width:100%; background-color:#eee; padding-top:60px; padding-bottom:70px;}
.hbox .box{ width:1200px; margin:auto; margin-top:30px; height:440px; position:relative;}
.hbox .box .left{ width:655px; height:400px; position:relative; position:absolute; left:0; top:0;}
.hbox .box .left a{ width:100%; height:100%; display:block; background-image:url(../images/hl01.png); background-position:left center; background-repeat:no-repeat; overflow:hidden;}
.hbox .box .left .wen{ padding-top:155px; margin-left:70px; width:450px; height:90px;}
.hbox .box .left .wen .tu{ width:100px; height:90px; background-image:url(../images/hz.png); background-repeat:no-repeat; background-position:center; float:left;}
.hbox .box .left .wen .tu strong{ width:100%; height:100%; display:block; background-position:center; background-repeat:no-repeat;}
.hbox .box .left .wen .wz{ width:340px; float:left; margin-left:10px;}
.hbox .box .left .wen .w01{ font-size:18px; height:22px; line-height:22px; color:#fff;}
.hbox .box .left .wen .w02{ font-size:14px; height:40px; line-height:20px; color:#ccc; margin:5px 0;}
.hbox .box .left .wen .w03{ font-size:14px; height:18px; line-height:18px; color:#ccc; width:72px; background-image:url(../images/more01.png); background-position:right center; background-repeat:no-repeat; background-size:5px 10px;}
.hbox .box .right{ width:655px; height:400px; position:relative; position:absolute; right:0; bottom:0;}
.hbox .box .right a{ width:100%; height:100%; display:block; background-image:url(../images/hr01.png); background-position:left center; background-repeat:no-repeat; overflow:hidden;}
.hbox .box .right .wen{ padding-top:155px; margin-left:135px; width:450px; height:90px;}
.hbox .box .right .wen .tu{ width:100px; height:90px; background-image:url(../images/hz.png); background-repeat:no-repeat; background-position:center; float:left;}
.hbox .box .right .wen .tu strong{ width:100%; height:100%; display:block; background-position:center; background-repeat:no-repeat;}
.hbox .box .right .wen .wz{ width:340px; float:left; margin-left:10px;}
.hbox .box .right .wen .w01{ font-size:18px; height:22px; line-height:22px; color:#fff;}
.hbox .box .right .wen .w02{ font-size:14px; height:40px; line-height:20px; color:#ccc; margin:5px 0;}
.hbox .box .right .wen .w03{ font-size:14px; height:18px; line-height:18px; color:#ccc; width:72px; background-image:url(../images/more01.png); background-position:right center; background-repeat:no-repeat; background-size:5px 10px;}
.hbox .box a:hover .wen{ padding-top:145px;}
}
@media screen and (min-width:769px) and (max-width:1279px){
.hbox{ width:100%; background-color:#eee; padding-top:47px; padding-bottom:55px;}
.hbox .box{ width:94%; margin:auto; margin-top:25px; height:370px; position:relative;}
.hbox .box .left{ width:56%; height:300px; position:relative; position:absolute; left:0; top:0; background-position:right center; background-repeat:no-repeat;}
.hbox .box .left a{ width:100%; height:100%; display:block; background-image:url(../images/hl01.png); background-position:right center; background-repeat:no-repeat; overflow:hidden;}
.hbox .box .left .wen{ margin-top:105px; margin-left:5%; width:70%; height:90px; position:relative;}
.hbox .box .left .wen .tu{ width:100px; height:90px; background-image:url(../images/hz.png); background-repeat:no-repeat; background-position:center; position:absolute; left:0; top:0;}
.hbox .box .left .wen .tu strong{ width:100%; height:100%; display:block; background-position:center; background-repeat:no-repeat;}
.hbox .box .left .wen .wz{ padding-left:110px;}
.hbox .box .left .wen .w01{ font-size:18px; height:22px; line-height:22px; color:#fff;}
.hbox .box .left .wen .w02{ font-size:14px; height:40px; line-height:20px; color:#ccc; margin:5px 0;}
.hbox .box .left .wen .w03{ font-size:14px; height:18px; line-height:18px; color:#ccc; width:72px; background-image:url(../images/more01.png); background-position:right center; background-repeat:no-repeat; background-size:5px 10px;}
.hbox .box .right{ width:56%; height:340px; position:relative; position:absolute; right:0; bottom:0; background-position:left center; background-repeat:no-repeat;}
.hbox .box .right a{ width:100%; height:100%; display:block; background-image:url(../images/hr01.png); background-position:left center; background-repeat:no-repeat; overflow:hidden;}
.hbox .box .right .wen{ margin-top:105px; float:right; margin-right:5%; width:70%; height:90px; position:relative;}
.hbox .box .right .wen .tu{ width:100px; height:90px; background-image:url(../images/hz.png); background-repeat:no-repeat; background-position:center; position:absolute; left:0; top:0;}
.hbox .box .right .wen .tu strong{ width:100%; height:100%; display:block; background-position:center; background-repeat:no-repeat;}
.hbox .box .right .wen .wz{ padding-left:110px;}
.hbox .box .right .wen .w01{ font-size:18px; height:22px; line-height:22px; color:#fff;}
.hbox .box .right .wen .w02{ font-size:14px; height:40px; line-height:20px; color:#ccc; margin:5px 0;}
.hbox .box .right .wen .w03{ font-size:14px; height:18px; line-height:18px; color:#ccc; width:72px; background-image:url(../images/more01.png); background-position:right center; background-repeat:no-repeat; background-size:5px 10px;}
.hbox .box a:hover .wen{ padding-top:145px;}
}
@media only screen and (max-width:768px){
.hbox{ width:100%; background-color:#eee; padding-top:35px; padding-bottom:40px;}
.hbox .box{ width:94%; margin:auto; margin-top:20px; height:410px; position:relative;}
.hbox .box .left{ width:100%; height:200px; position:relative; background-position:right center; background-repeat:no-repeat;}
.hbox .box .left a{ width:100%; height:100%; display:block; background-image:url(../images/hl01.png); background-position:right center; background-repeat:no-repeat; overflow:hidden;}
.hbox .box .left .wen{ margin-top:55px; margin-left:5%; width:70%; height:90px; position:relative;}
.hbox .box .left .wen .tu{ width:67px; height:60px; background-image:url(../images/hz.png); background-repeat:no-repeat; background-position:center; background-size:100% 100%; position:absolute; left:0; top:0;}
.hbox .box .left .wen .tu strong{ width:100%; height:100%; display:block; background-position:center; background-repeat:no-repeat; background-size:30px auto;}
.hbox .box .left .wen .wz{ padding-left:80px;}
.hbox .box .left .wen .w01{ font-size:18px; height:22px; line-height:22px; color:#fff;}
.hbox .box .left .wen .w02{ font-size:14px; height:40px; line-height:20px; color:#ccc; margin:5px 0;}
.hbox .box .left .wen .w03{ font-size:14px; height:18px; line-height:18px; color:#ccc; width:72px; background-image:url(../images/more01.png); background-position:right center; background-repeat:no-repeat; background-size:5px 10px;}
.hbox .box .right{ width:100%; height:200px; position:relative; margin-top:10px; background-position:left center; background-repeat:no-repeat;}
.hbox .box .right a{ width:100%; height:100%; display:block; background-image:url(../images/hr01.png); background-position:left center; background-repeat:no-repeat; overflow:hidden;}
.hbox .box .right .wen{ margin-top:55px; float:right; margin-right:5%; width:70%; height:90px; position:relative;}
.hbox .box .right .wen .tu{ width:67px; height:60px; background-image:url(../images/hz.png); background-repeat:no-repeat; background-position:center; background-size:100% 100%; position:absolute; left:0; top:0;}
.hbox .box .right .wen .tu strong{ width:100%; height:100%; display:block; background-position:center; background-repeat:no-repeat; background-size:30px auto;}
.hbox .box .right .wen .wz{ padding-left:80px;}
.hbox .box .right .wen .w01{ font-size:18px; height:22px; line-height:22px; color:#fff;}
.hbox .box .right .wen .w02{ font-size:14px; height:40px; line-height:20px; color:#ccc; margin:5px 0;}
.hbox .box .right .wen .w03{ font-size:14px; height:18px; line-height:18px; color:#ccc; width:72px; background-image:url(../images/more01.png); background-position:right center; background-repeat:no-repeat; background-size:5px 10px;}
.hbox .box a:hover .wen{ padding-top:145px;}
}

/*新闻*/
@media screen and (min-width:1280px){
.nbox{ width:100%; height:650px; position:relative; display:none;}
.nbox .left{ width:430px; padding-left:360px; height:700px; position:absolute; left:50%; margin-left:-960px; top:-50px; background-color:#942124; z-index:1;}
.nbox .left .title{ width:100%; padding-top:60px;}
.nbox .left .title span, .nbox .left .title p{ color:#fff; text-align:left;}
.nbox .left .title b{ display:none;}
.nbox .left .box{ width:380px; margin-top:25px;}
.nbox .left .swiper-container{ width:100%; position:relative; padding-bottom:8px;}
.nbox .left .box .sp{ width:380px; height:245px; position:relative; cursor:pointer;}
.nbox .left .box .sp img{ width:100%; display:block;}
.nbox .left .box .nei{ width:100%; margin-top:13px;}
.nbox .left .box .nei .n01{ font-size:14px; line-height:24px; height:24px; color:#e7b9b9;}
.nbox .left .box .nei .n01 span{ display:block; float:left;}
.nbox .left .box .nei .n01 p{ display:block; float:right;}
.nbox .left .box .nei .n02 a{ font-size:18px; line-height:28px; height:56px; color:#fff; overflow:hidden; display:block; margin-top:2px;}
.nbox .left .box .nei .n03{ font-size:14px; line-height:24px; height:72px; color:#e7b9b9; overflow:hidden; display:block; margin-top:5px; margin-bottom:10px;}
.nbox .left .box .nei .n04 a{ font-size:14px; height:24px; line-height:24px; color:#fff; width:72px; background-image:url(../images/more01.png); background-position:right center; background-repeat:no-repeat; background-size:5px 10px; display:block; overflow:hidden; cursor:pointer;}
.nbox .left .swiper-pagination{ position:absolute; right:0; bottom:0; z-index:3;}
.nbox .left .swiper-pagination span{ display:block; float:left; width:8px; height:8px; margin-left:10px; border-radius:10px; border:1px solid #fff; cursor:pointer;}
.nbox .left .swiper-pagination span.swiper-pagination-bullet-active{ background-color:#fff;}
.nbox .right{ width:720px; padding-left:480px; margin:auto; margin-bottom:70px; height:580px; overflow:hidden; position:relative; z-index:0;}
.nbox .right .title{ width:100%; padding-top:47px;}
.nbox .right .title span, .nbox .right .title p{ text-align:left;}
.nbox .right .title b{ display:none;}
.nbox .right ul{ width:100%; padding-top:5px; display:block;}
.nbox .right ul li{ display:block; padding:20px 0; border-bottom:1px solid #ddd; overflow:hidden; width:100%;}
.nbox .right ul li:last-child{ border-bottom:none;}
.nbox .right ul li .tu{ width:170px; height:110px; float:left;}
.nbox .right ul li .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;}
.nbox .right ul li:hover .tu 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);}
.nbox .right ul li .wen{ float:right; width:530px;}
.nbox .right ul li .wen .n01{ font-size:14px; line-height:22px; height:22px; color:#999;}
.nbox .right ul li .wen .n01 span{ display:block; float:left;}
.nbox .right ul li .wen .n01 p{ display:block; float:right;}
.nbox .right ul li .wen .n02 a{ font-size:18px; line-height:28px; height:28px; overflow:hidden; display:block;}
.nbox .right ul li:hover .wen .n02 a{ color:#942124;}
.nbox .right ul li .wen .n03{ font-size:14px; line-height:20px; height:40px; color:#666; overflow:hidden; display:block; margin-top:18px;}
}
@media screen and (min-width:769px) and (max-width:1279px){
.nbox{ width:100%; position:relative; display:none;}
.nbox .left{ width:30%; padding:47px 3%; float:left; margin-top:-30px; background-color:#942124; padding-bottom:55px;}
.nbox .left .title{ width:100%;}
.nbox .left .title span, .nbox .left .title p{ color:#fff; text-align:left;}
.nbox .left .title b{ display:none;}
.nbox .left .box{ width:100%; margin-top:20px;}
.nbox .left .swiper-container{ width:100%; position:relative; padding-bottom:10px;}
.nbox .left .box .sp{ width:100%;}
.nbox .left .box .sp a{ width:100%; padding-top:64.7%; display:block; position:relative; overflow:hidden;}
.nbox .left .box .sp img{ width:100%; display:block; position:absolute; left:0; top:0;}
.nbox .left .box .nei{ width:100%; margin-top:10px;}
.nbox .left .box .nei .n01{ font-size:14px; line-height:24px; height:24px; color:#e7b9b9;}
.nbox .left .box .nei .n01 span{ display:block; float:left;}
.nbox .left .box .nei .n01 p{ display:block; float:right;}
.nbox .left .box .nei .n02 a{ font-size:16px; line-height:26px; height:52px; color:#fff; overflow:hidden; display:block; cursor:pointer;}
.nbox .left .box .nei .n03{ font-size:14px; line-height:24px; height:72px; color:#e7b9b9; overflow:hidden; display:block; margin-top:5px; margin-bottom:5px;}
.nbox .left .box .nei .n04 a{ font-size:14px; height:24px; line-height:24px; color:#fff; width:72px; background-image:url(../images/more01.png); background-position:right center; background-repeat:no-repeat; background-size:5px 10px; display:block; overflow:hidden; cursor:pointer;}
.nbox .left .swiper-pagination{ position:absolute; right:0; bottom:0; z-index:3;}
.nbox .left .swiper-pagination span{ display:block; float:left; width:8px; height:8px; margin-left:10px; border-radius:10px; border:1px solid #fff; cursor:pointer;}
.nbox .left .swiper-pagination span.swiper-pagination-bullet-active{ background-color:#fff;}
.nbox .right{ width:58%; padding:47px 3%; float:left; padding-bottom:55px;}
.nbox .right .title{ width:100%;}
.nbox .right .title span, .nbox .right .title p{ text-align:left;}
.nbox .right .title b{ display:none;}
.nbox .right ul{ width:100%; display:block; padding-top:5px;}
.nbox .right ul li{ display:block; padding:15px 0; border-bottom:1px solid #ddd; overflow:hidden; width:100%;}
.nbox .right ul li:last-child{ border-bottom:none;}
.nbox .right ul li .tu{ width:24%; height:100px; float:left;}
.nbox .right ul li .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;}
.nbox .right ul li:hover .tu 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);}
.nbox .right ul li .wen{ float:right; width:73%;}
.nbox .right ul li .wen .n01{ font-size:14px; line-height:24px; height:24px; color:#999;}
.nbox .right ul li .wen .n01 span{ display:block; float:left;}
.nbox .right ul li .wen .n01 p{ display:block; float:right;}
.nbox .right ul li .wen .n02 a{ font-size:16px; line-height:26px; height:26px; overflow:hidden; display:block;}
.nbox .right ul li:hover .wen .n02 a{ color:#942124;}
.nbox .right ul li .wen .n03{ font-size:14px; line-height:20px; height:40px; color:#666; overflow:hidden; display:block; margin-top:8px;}
}
@media only screen and (max-width:768px){
.nbox{ width:100%; position:relative; display:none;}
.nbox .left{ width:100%; padding-top:35px; background-color:#942124; padding-bottom:40px;}
.nbox .left .title{ width:100%;}
.nbox .left .title span, .nbox .left .title p{ color:#fff;}
.nbox .left .title b{ background-color:#fff;}
.nbox .left .box{ width:94%; margin:auto; margin-top:20px;}
.nbox .left .swiper-container{ width:100%; position:relative; padding-bottom:10px;}
.nbox .left .box .sp{ width:100%;}
.nbox .left .box .sp a{ width:100%; padding-top:64.7%; display:block; position:relative; overflow:hidden;}
.nbox .left .box .sp img{ width:100%; display:block; position:absolute; left:0; top:0;}
.nbox .left .box .nei{ width:100%; margin-top:10px;}
.nbox .left .box .nei .n01{ font-size:14px; line-height:24px; height:24px; color:#e7b9b9;}
.nbox .left .box .nei .n01 span{ display:block; float:left;}
.nbox .left .box .nei .n01 p{ display:block; float:right;}
.nbox .left .box .nei .n02 a{ font-size:16px; line-height:26px; height:52px; color:#fff; overflow:hidden; display:block; cursor:pointer;}
.nbox .left .box .nei .n03{ font-size:14px; line-height:24px; height:72px; color:#e7b9b9; overflow:hidden; display:block; margin-top:5px; margin-bottom:5px;}
.nbox .left .box .nei .n04 a{ font-size:14px; height:24px; line-height:24px; color:#fff; width:72px; background-image:url(../images/more01.png); background-position:right center; background-repeat:no-repeat; background-size:5px 10px; display:block; overflow:hidden; cursor:pointer;}
.nbox .left .swiper-pagination{ position:absolute; right:0; bottom:0; z-index:3;}
.nbox .left .swiper-pagination span{ display:block; float:left; width:8px; height:8px; margin-left:10px; border-radius:10px; border:1px solid #fff; cursor:pointer;}
.nbox .left .swiper-pagination span.swiper-pagination-bullet-active{ background-color:#fff;}
.nbox .right{ width:94%; margin:35px auto; margin-bottom:40px;}
.nbox .right .title{ width:100%;}
.nbox .right ul{ width:100%; display:block; margin-top:5px;}
.nbox .right ul li{ display:block; padding:15px 0; border-bottom:1px solid #ddd; overflow:hidden; width:100%;}
.nbox .right ul li:last-child{ border-bottom:none;}
.nbox .right ul li .tu{ width:40%; height:100px; float:left;}
.nbox .right ul li .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;}
.nbox .right ul li:hover .tu 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);}
.nbox .right ul li .wen{ float:right; width:57%;}
.nbox .right ul li .wen .n01{ font-size:14px; line-height:24px; height:24px; color:#999;}
.nbox .right ul li .wen .n01 span{ display:block; float:left;}
.nbox .right ul li .wen .n01 p{ display:block; float:right;}
.nbox .right ul li .wen .n02 a{ font-size:16px; line-height:26px; height:26px; overflow:hidden; display:block;}
.nbox .right ul li:hover .wen .n02 a{ color:#942124;}
.nbox .right ul li .wen .n03{ font-size:14px; line-height:20px; height:40px; color:#666; overflow:hidden; display:block; margin-top:8px;}
}

/*在线留言*/
@media screen and (min-width:1280px){
.lbox{ width:100%; height:710px; position:relative;}
.lbox .box{ width:1920px; height:710px; position:absolute; left:50%; margin-left:-960px; top:0;}
.lbox .left{ width:660px; padding-left:360px; float:left; background-color:#fff; padding-top:60px; padding-bottom:70px;}
.lbox .left .title{ width:100%; padding-bottom:15px;}
.lbox .left .title b{ display:none;}
.lbox .left .x01{ width:560px; margin-top:10px;}
.lbox .left .x01 span{ display:block; float:left; width:70px; font-size:14px; height:44px; line-height:44px;}
.lbox .left .x01 p{ display:block; float:left; width:488px; height:42px; background-color:#fff; border:1px solid #cacaca;}
.lbox .left .x01 p strong{ width:42px; height:42px; float:left; display:block; background-position:center; background-repeat:no-repeat;}
.lbox .left .x01 p input{ width:calc(100% - 42px); height:42px; float:left; display:block; font-size:14px; line-height:42px;}
.lbox .left .x01 p select{ width:100%; text-indent:12px; height:42px; float:left; display:block; font-size:14px; line-height:42px; color:#666;}
.lbox .left .x02{ width:560px; margin-top:10px;}
.lbox .left .x02 span{ display:block; float:left; width:70px; font-size:14px; height:44px; line-height:44px;}
.lbox .left .x02 p{ display:block; float:left; width:488px; height:92px; background-color:#fff; border:1px solid #cacaca;}
.lbox .left .x02 p textarea{ width:calc(100% - 24px); padding:8px 12px; height:76px; float:left; display:block; font-size:14px; line-height:24px; overflow:auto;}
.lbox .left .x04{ margin-top:10px; margin-left:70px; width:490px;}
.lbox .left .x04 input{ width:100%; height:40px; line-height:40px; background-color:#942124; color:#fff; cursor:pointer; font-size:14px; text-align:center;}
.lbox .right{ width:900px; float:right; height:710px; background-image:url(../images/mess.jpg); background-repeat:no-repeat; background-size:cover;}
.lbox .right .nei{ width:490px; padding-left:50px; overflow:hidden; text-align:right;}
.lbox .right .nei>h1{ display:block; overflow:hidden;}
.lbox .right .nei>h1 img{ display:block; float:right;}
.lbox .right .nei>b{ display:block; overflow:hidden; color:#fff; font-size:30px; height:56px; line-height:56px; margin-top:50px;}
.lbox .right .nei>span{ display:block; overflow:hidden; color:#fff; font-size:16px; height:26px; line-height:26px; margin-bottom:60px;}
.lbox .right .nei>p{ display:block; overflow:hidden; color:#fff; font-size:16px; line-height:36px;}
.lbox .right .nei div{ display:block; overflow:hidden; color:#fff; font-size:36px; line-height:53px;}
}
@media screen and (min-width:769px) and (max-width:1279px){
.lbox{ width:100%; position:relative; background-color:#fff;}
.lbox .box{ width:100%; height:650px;}
.lbox .left{ width:49%; padding:0 3%; float:left; padding-top:35px; padding-bottom:55px;}
.lbox .left .title{ width:100%; padding-bottom:10px;}
.lbox .left .title b{ display:none;}
.lbox .left .x01{ width:100%; max-width:470px; margin:auto; margin-top:10px;}
.lbox .left .x01 span{ display:block; float:left; width:70px; font-size:14px; height:44px; line-height:44px;}
.lbox .left .x01 p{ display:block; float:left; width:-moz-calc(100% - 72px); width:-webkit-calc(100% - 72px); width:calc(100% - 72px); height:42px; background-color:#fff; border:1px solid #cacaca; position:relative;}
.lbox .left .x01 p strong{ width:42px; height:42px; position:absolute; left:0; top:0; display:block; background-position:center; background-repeat:no-repeat;}
.lbox .left .x01 p input{ padding-left:42px; width:100%; box-sizing:border-box; height:42px; float:left; display:block; font-size:14px; line-height:42px;}
.lbox .left .x01 p select{ width:100%; text-indent:12px; height:42px; float:left; display:block; font-size:14px; line-height:42px; color:#666;}
.lbox .left .x02{ width:100%; max-width:470px; margin:auto; margin-top:10px;}
.lbox .left .x02 span{ display:block; float:left; width:70px; font-size:14px; height:44px; line-height:44px;}
.lbox .left .x02 p{ display:block; float:left; width:-moz-calc(100% - 72px); width:-webkit-calc(100% - 72px); width:calc(100% - 72px); height:92px; background-color:#fff; border:1px solid #cacaca; position:relative;}
.lbox .left .x02 p textarea{ width:100%; box-sizing:border-box; padding:8px 12px; height:92px; float:left; display:block; font-size:14px; line-height:24px; overflow:auto;}
.lbox .left .x04{ margin:auto; margin-top:10px; width:100%; max-width:470px;}
.lbox .left .x04 input{ width:-moz-calc(100% - 70px); width:-webkit-calc(100% - 70px); width:calc(100% - 70px); float:right; height:40px; line-height:40px; background-color:#942124; color:#fff; cursor:pointer; font-size:14px; text-align:center;}
.lbox .right{ width:39%; padding:0 3%; float:right; height:650px; background-image:url(../images/mess.jpg); background-position:center; background-repeat:no-repeat; background-size:cover;}
.lbox .right .nei{ width:100%; overflow:hidden; text-align:right;}
.lbox .right .nei>h1{ display:block; overflow:hidden;}
.lbox .right .nei>h1 img{ width:60px; display:block; float:right;}
.lbox .right .nei>b{ display:block; overflow:hidden; color:#fff; font-size:24px; height:44px; line-height:44px; margin-top:35px;}
.lbox .right .nei>span{ display:block; overflow:hidden; color:#fff; font-size:15px; height:25px; line-height:26px; margin-bottom:40px;}
.lbox .right .nei>p{ display:block; overflow:hidden; color:#fff; font-size:15px; line-height:35px;}
.lbox .right .nei div{ display:block; overflow:hidden; color:#fff; font-size:30px; line-height:40px;}
}
@media only screen and (max-width:768px){
.lbox{ width:100%; position:relative; background-color:#fff;}
.lbox .box{ width:100%;}
.lbox .left{ width:94%; padding:35px 3%; float:left; padding-bottom:40px;}
.lbox .left .title{ width:100%; padding-bottom:10px;}
.lbox .left .title a{ text-align:center; display:block; font-size:14px; line-height:24px; overflow:hidden; color:#666;}
.lbox .left .x01{ width:100%; max-width:470px; margin:auto; margin-top:10px;}
.lbox .left .x01 span{ display:block; float:left; width:70px; font-size:14px; height:44px; line-height:44px;}
.lbox .left .x01 p{ display:block; float:left; width:-moz-calc(100% - 72px); width:-webkit-calc(100% - 72px); width:calc(100% - 72px); height:42px; background-color:#fff; border:1px solid #cacaca; position:relative;}
.lbox .left .x01 p strong{ width:42px; height:42px; position:absolute; left:0; top:0; display:block; background-position:center; background-repeat:no-repeat;}
.lbox .left .x01 p input{ padding-left:42px; width:100%; box-sizing:border-box; height:42px; float:left; display:block; font-size:14px; line-height:42px;}
.lbox .left .x01 p select{ width:100%; text-indent:12px; height:42px; float:left; display:block; font-size:14px; line-height:42px; color:#666;}
.lbox .left .x02{ width:100%; max-width:470px; margin:auto; margin-top:10px;}
.lbox .left .x02 span{ display:block; float:left; width:70px; font-size:14px; height:44px; line-height:44px;}
.lbox .left .x02 p{ display:block; float:left; width:-moz-calc(100% - 72px); width:-webkit-calc(100% - 72px); width:calc(100% - 72px); height:92px; background-color:#fff; border:1px solid #cacaca; position:relative;}
.lbox .left .x02 p textarea{ width:100%; box-sizing:border-box; padding:8px 12px; height:92px; float:left; display:block; font-size:14px; line-height:24px; overflow:auto;}
.lbox .left .x04{ margin:auto; margin-top:10px; width:100%; max-width:470px;}
.lbox .left .x04 input{ width:-moz-calc(100% - 70px); width:-webkit-calc(100% - 70px); width:calc(100% - 70px); float:right; height:40px; line-height:40px; background-color:#942124; color:#fff; cursor:pointer; font-size:14px; text-align:center;}
.lbox .right{ width:94%; padding:35px 3%; padding-top:0; float:right; background-image:url(../images/mess.jpg); background-position:center; background-repeat:no-repeat; background-size:cover;}
.lbox .right .nei{ width:90%; margin:auto; overflow:hidden; text-align:right;}
.lbox .right .nei>h1{ display:block; overflow:hidden;}
.lbox .right .nei>h1 img{ width:40px; display:block; float:right;}
.lbox .right .nei>b{ display:block; overflow:hidden; color:#fff; font-size:18px; height:38px; line-height:38px; margin-top:10px;}
.lbox .right .nei>span{ display:block; overflow:hidden; color:#fff; font-size:14px; height:24px; line-height:24px; margin-bottom:20px;}
.lbox .right .nei>p{ display:block; overflow:hidden; color:#fff; font-size:14px; line-height:24px;}
.lbox .right .nei div{ display:block; overflow:hidden; color:#fff; font-size:24px; line-height:34px;}
}

/*footer*/
@media screen and (min-width:1280px){
.footer{ background-color:#222; padding-bottom:22px; overflow:hidden;}
.footer .foot{ width:1200px; margin:auto; padding:26px 0; border-bottom:1px solid #333; height:169px;}
.footer .foot .left{ width:630px; float:left;}
.footer .foot .left ul{ display:block; overflow:hidden; width:653px;}
.footer .foot .left ul li{ display:block; float:left; height:62px; line-height:62px; font-size:16px; margin-right:23px;}
.footer .foot .left ul li a{ display:block; color:#fff;}
.footer .foot .left ul li a:hover{ color:#942124;}
.footer .foot .left p{ display:block; overflow:hidden; padding:3px 0;}
.footer .foot .left p span{ display:block; font-size:14px; line-height:24px; max-height:48px; color:#999; height:30px; overflow:hidden;}
.footer .foot .middle{ width:300px; float:left; padding-top:24px;}
.footer .foot .middle p{ display:block; width:120px; float:left; margin-left:30px; overflow:hidden;}
.footer .foot .middle strong{ width:120px; height:120px; display:block; overflow:hidden; background-color:#fff;}
.footer .foot .middle strong img{ width:100%; display:block;}
.footer .foot .middle span{ width:100%; text-align:center; display:block; font-size:14px; height:22px; line-height:22px; padding-top:3px; color:#999; overflow:hidden;}
.footer .foot .right{ width:240px; float:right; padding-top:24px;}
.footer .foot .right dl{ width:100%; display:block; overflow:hidden;}
.footer .foot .right dl dt{ width:100%; float:right; display:block; font-size:14px; height:32px; line-height:32px; text-align:right; color:#fff;}
.footer .foot .right dl dd{ float:right;}
.footer .foot .right dl dd a{ display:block; height:24px; margin-left:20px; margin-top:8px; opacity:0.8; float:left;}
.footer .foot .right dl dd a img{ display:block; height:24px;}
.footer .foot .right dl dd a:hover{ opacity:1;}
.footer .foot .right p{ width:100%; display:block; overflow:hidden; margin-top:33px; font-size:14px; height:48px; line-height:24px; text-align:right; color:#999;}
.footer .foot .right p a{ color:#999;}
.footer .link{ width:1200px; margin:auto; padding-top:30px;}
.footer .link p{ float:left; display:block;}
.footer .link p span{ display:block; overflow:hidden; text-transform:uppercase; font-size:14px; line-height:18px; height:18px; color:#999;}
.footer .link p a{ display:block; overflow:hidden; font-size:14px; line-height:38px; height:38px; color:#fff;}
.footer .link ul{ display:block; float:right; max-width:1040px; margin-top:18px; height:38px; overflow:hidden;}
.footer .link ul li{ display:block; overflow:hidden; font-size:14px; line-height:38px; height:38px; float:left; margin-left:40px;}
.footer .link ul li a{ color:#fff;}
.footer .link ul li a:hover{ color:#942124;}
#gotop{ width:40px; height:40px; display:block; cursor:pointer; background-color:rgba(148,33,36,0.7); border-radius:5px; position:fixed; right:3%; bottom:5%; z-index:99; overflow:hidden;}
#gotop img{ width:100%; display:block;}
}
@media screen and (min-width:769px) and (max-width:1279px){
.footer{ background-color:#222; padding-bottom:15px; overflow:hidden;}
.footer .foot{ width:94%; margin:auto; padding:35px 0; border-bottom:1px solid #333;}
.footer .foot .left{ width:55%; float:left;}
.footer .foot .left ul{ display:block; overflow:hidden;}
.footer .foot .left ul li{ display:block; float:left; height:26px; line-height:26px; font-size:16px; margin-right:10px;}
.footer .foot .left ul li a{ display:block; color:#fff;}
.footer .foot .left ul li a:hover{ color:#942124;}
.footer .foot .left p{ display:block; overflow:hidden; margin-top:10px;}
.footer .foot .left p span{ display:block; font-size:14px; line-height:24px; color:#999; height:30px; overflow:hidden;}
.footer .foot .middle{ width:25%; float:left; padding-top:5px;}
.footer .foot .middle p{ display:block; width:47%; float:left; margin-left:3%; overflow:hidden;}
.footer .foot .middle strong{ width:100%; display:block; overflow:hidden; background-color:#fff;}
.footer .foot .middle strong img{ width:100%; display:block;}
.footer .foot .middle span{ width:100%; text-align:center; display:block; font-size:14px; height:22px; line-height:22px; padding-top:3px; color:#999; overflow:hidden;}
.footer .foot .right{ width:20%; float:right;}
.footer .foot .right dl{ width:100%; display:block; overflow:hidden;}
.footer .foot .right dl dt{ width:100%; float:right; display:block; font-size:14px; height:24px; line-height:24px; text-align:right; color:#fff;}
.footer .foot .right dl dd{ float:right;}
.footer .foot .right dl dd a{ display:block; height:24px; margin-left:10px; margin-top:8px; opacity:0.8; float:left;}
.footer .foot .right dl dd a img{ display:block; height:24px;}
.footer .foot .right dl dd a:hover{ opacity:1;}
.footer .foot .right p{ width:100%; display:block; overflow:hidden; margin-top:33px; font-size:14px; height:48px; line-height:24px; text-align:right; color:#999;}
.footer .foot .right p a{ color:#999;}
.footer .link{ width:94%; margin:auto; padding-top:15px;}
.footer .link p{ float:left; display:block;}
.footer .link p span{ display:block; overflow:hidden; text-transform:uppercase; font-size:14px; line-height:24px; height:24px; color:#999;}
.footer .link p a{ display:block; overflow:hidden; font-size:14px; line-height:24px; height:24px; color:#fff;}
.footer .link ul{ display:block; float:right; max-width:70%; overflow:hidden;}
.footer .link ul li{ display:block; overflow:hidden; font-size:14px; line-height:24px; height:24px; float:left; margin-right:20px;}
.footer .link ul li a{ color:#fff;}
.footer .link ul li a:hover{ color:#942124;}
#gotop{ width:40px; height:40px; display:block; cursor:pointer; background-color:rgba(148,33,36,0.7); border-radius:5px; position:fixed; right:3%; bottom:70px; z-index:99; overflow:hidden;}
#gotop img{ width:100%; display:block;}
}
@media only screen and (max-width:768px){
.footer{ background-color:#222; padding-bottom:15px; overflow:hidden;}
.footer .foot{ width:94%; margin:auto; padding:15px 0; border-bottom:1px solid #333;}
.footer .foot .left{ width:100%; float:left;}
.footer .foot .left ul{ display:block; overflow:hidden;}
.footer .foot .left ul li{ display:block; float:left; height:26px; line-height:26px; font-size:16px; margin-right:10px;}
.footer .foot .left ul li a{ display:block; color:#fff;}
.footer .foot .left ul li a:hover{ color:#942124;}
.footer .foot .left p{ display:block; overflow:hidden; margin-top:5px;}
.footer .foot .left p span{ display:block; font-size:14px; line-height:24px; color:#999; height:30px; overflow:hidden;}
.footer .foot .middle{ width:50%; float:left; padding-top:5px;}
.footer .foot .middle p{ display:block; width:47%; float:left; margin-right:3%; overflow:hidden;}
.footer .foot .middle strong{ width:100%; display:block; overflow:hidden; background-color:#fff;}
.footer .foot .middle strong img{ width:100%; display:block;}
.footer .foot .middle span{ width:100%; text-align:center; display:block; font-size:14px; height:22px; line-height:22px; padding-top:3px; color:#999; overflow:hidden;}
.footer .foot .right{ width:50%; float:right;}
.footer .foot .right dl{ width:100%; display:block; overflow:hidden; margin-top:10px;}
.footer .foot .right dl dt{ width:100%; float:right; display:block; font-size:14px; height:24px; line-height:24px; text-align:right; color:#fff;}
.footer .foot .right dl dd{ float:right;}
.footer .foot .right dl dd a{ display:block; height:20px; margin-left:10px; margin-top:5px; opacity:0.8; float:left;}
.footer .foot .right dl dd a img{ display:block; height:20px;}
.footer .foot .right dl dd a:hover{ opacity:1;}
.footer .foot .right p{ width:100%; display:block; overflow:hidden; margin-top:10px; font-size:14px; height:48px; line-height:24px; text-align:right; color:#999;}
.footer .foot .right p a{ color:#999;}
.footer .link{ width:94%; margin:auto; padding-top:15px;}
.footer .link p{ float:left; display:block;}
.footer .link p span{ display:block; overflow:hidden; text-transform:uppercase; font-size:14px; line-height:24px; height:24px; color:#999;}
.footer .link p a{ display:block; overflow:hidden; font-size:14px; line-height:24px; height:24px; color:#fff;}
.footer .link ul{ display:block; float:right; margin-left:-10px; overflow:hidden;}
.footer .link ul li{ display:block; overflow:hidden; font-size:14px; line-height:24px; height:24px; float:left; margin-left:10px;}
.footer .link ul li a{ color:#fff;}
.footer .link ul li a:hover{ color:#942124;}
#gotop{ width:30px; height:30px; display:block; cursor:pointer; background-color:rgba(148,33,36,0.7); border-radius:5px; position:fixed; right:3%; bottom:70px; z-index:99; overflow:hidden;}
#gotop img{ width:100%; display:block;}
}

.bd_weixin_popup{ position:fixed; left:50%; margin-top:-156px; top:50%; margin-left:-131px; padding:10px; width:240px; height:300px; background:#fff; border:solid 1px #d8d8d8; z-index:11001; font-size:12px; display:none;}
.bd_weixin_popup .bd_weixin_popup_head{ font-size:12px; font-weight:bold; text-align:left; line-height:16px; height:16px; position:relative; color:#000;}
.bd_weixin_popup .bd_weixin_popup_head .bd_weixin_popup_close{ width:16px; height:16px; position:absolute; right:0; top:0; color:#999; text-decoration:none; font-size:16px; cursor:pointer; text-align:right;}
.bd_weixin_popup .bd_weixin_popup_main{ padding:10px; padding-bottom:5px;}
.bd_weixin_popup .bd_weixin_popup_main img{ display:block; width:200px; margin:auto;}
.bd_weixin_popup .bd_weixin_popup_foot{ font-size:12px; text-align:left; line-height:22px; color:#666;}

.bo{ display:none;}
@media only screen and (max-width:768px){
.bo{ position:fixed; right:1%; bottom:3%; z-index:999; background-color:rgba(148,33,36,0.8); display:block; border-radius:40px;}
.bo a{ display:block; padding:5px 10px; overflow:hidden; vertical-align:middle;}
.bo img{ height:18px; display:block; float:left;}
.bo span{ color:#fff; display:block; float:left; font-size:12px; height:18px; line-height:18px;}
}

/*内页*/
@keyframes scaleDraw {  /*定义关键帧、scaleDrew是需要绑定到选择器的关键帧名称*/
    0%{
        transform:scale(1);  /*开始为原始大小*/
    }
    25%{
        transform:scale(1.1); /*放大1.1倍*/
    }
    50%{
        transform:scale(1);
    }
    75%{
        transform:scale(1.1);
    }
}
@media screen and (min-width:1280px){
.ban{ width:100%; height:460px; position:relative; overflow:hidden; z-index:0;}
.ban .bg{ width:100%; height:100%; background-position:center; background-repeat:no-repeat; animation:scaleDraw 30s ease-in-out infinite; position:relative; z-index:0;}
.ban .box{ width:100%; background-color:rgba(0,0,0,0.5); padding-top:90px; height:370px; position:absolute; left:0%; bottom:0; z-index:1; text-align:center; display:table; vertical-align:middle;}
.ban .box p{ width:100%; display:table-cell; text-align:center; vertical-align:middle; overflow:hidden; height:100%;}
.ban .box p span{ display:block; color:#fff; font-size:36px; height:60px; line-height:60px; overflow:hidden; letter-spacing:5px; text-indent:5px;}
.ban .box p a{ display:block; color:#fff; font-size:24px; height:48px; line-height:48px; overflow:hidden; letter-spacing:5px; text-indent:5px;}

#gotop{ width:40px; height:40px; display:block; cursor:pointer; background-color:rgba(148,33,36,0.7); border-radius:5px; position:fixed; right:3%; bottom:5%; z-index:99; overflow:hidden;}
#gotop img{ width:100%; display:block;}
}
@media screen and (min-width:769px) and (max-width:1279px){
.ban{ width:100%; height:400px; position:relative; overflow:hidden; z-index:0;}
.ban .bg{ width:100%; height:100%; background-position:center; background-repeat:no-repeat; background-size:cover; animation:scaleDraw 30s ease-in-out infinite; position:relative; z-index:0;}
.ban .box{ width:100%; background-color:rgba(0,0,0,0.5); padding-top:80px; height:320px; position:absolute; left:0%; bottom:0; z-index:1; text-align:center; display:table; vertical-align:middle;}
.ban .box p{ width:100%; display:table-cell; text-align:center; vertical-align:middle; overflow:hidden; height:100%;}
.ban .box p span{ width:94%; margin:auto; display:block; color:#fff; font-size:26px; height:46px; line-height:46px; overflow:hidden; letter-spacing:5px; text-indent:5px;}
.ban .box p a{ width:94%; margin:auto; display:block; color:#fff; font-size:20px; height:40px; line-height:40px; overflow:hidden; letter-spacing:5px; text-indent:5px;}

#gotop{ width:40px; height:40px; display:block; cursor:pointer; background-color:rgba(148,33,36,0.7); border-radius:5px; position:fixed; right:3%; bottom:70px; z-index:99; overflow:hidden;}
#gotop img{ width:100%; display:block;}
}
@media only screen and (max-width:768px){
.ban{ width:100%; height:260px; position:relative; overflow:hidden; z-index:0;}
.ban .bg{ width:100%; height:100%; background-position:center; background-repeat:no-repeat; background-size:cover; animation:scaleDraw 30s ease-in-out infinite; position:relative; z-index:0;}
.ban .box{ width:100%; background-color:rgba(0,0,0,0.5); padding-top:60px; height:200px; position:absolute; left:0%; bottom:0; z-index:1; text-align:center; display:table; vertical-align:middle;}
.ban .box p{ width:100%; display:table-cell; text-align:center; vertical-align:middle; overflow:hidden; height:100%;}
.ban .box p span{ width:94%; margin:auto; display:block; color:#fff; font-size:20px; line-height:30px; overflow:hidden; letter-spacing:5px; text-indent:5px;}
.ban .box p a{ width:94%; margin:auto; display:block; color:#fff; font-size:16px; line-height:26px; overflow:hidden; letter-spacing:5px; text-indent:5px; margin-top:5px;}

#gotop{ width:30px; height:30px; display:block; cursor:pointer; background-color:rgba(148,33,36,0.7); border-radius:5px; position:fixed; right:3%; bottom:70px; z-index:99; overflow:hidden;}
#gotop img{ width:100%; display:block;}
}

/*当前位置*/
@media screen and (min-width:1280px){
.wbox{ width:100%; height:50px; background-color:#eee;}
.wbox .box{ width:1200px; margin:auto;}
.wbox .box .left{ float:left; font-size:14px; height:50px; line-height:50px;}
.wbox .box .left a:hover{ color:#942124;}
.wbox .box .right{ display:block; float:right; overflow:hidden;}
.wbox .box .right li{ float:left; display:block; overflow:hidden; position:relative; height:50px; margin-left:30px;}
.wbox .box .right li a{ height:50px; font-size:14px; line-height:50px; overflow:hidden; display:block;}
.wbox .box .right li:hover b,.wbox .box .right li.on b{ width:100%; height:2px; background-color:#942124; display:block; position:absolute; left:0; bottom:0;}
}
@media screen and (min-width:769px) and (max-width:1279px){
.wbox{ width:100%; height:50px; background-color:#eee;}
.wbox .box{ width:94%; margin:auto;}
.wbox .box .left{ float:left; font-size:14px; height:50px; line-height:50px;}
.wbox .box .left a:hover{ color:#942124;}
.wbox .box .right{ display:block; float:right; overflow:hidden;}
.wbox .box .right li{ float:left; display:block; overflow:hidden; position:relative; height:50px; margin-left:15px;}
.wbox .box .right.mr li{ margin-left:5px;}
.wbox .box .right li a{ height:50px; font-size:14px; line-height:50px; overflow:hidden; display:block;}
.wbox .box .right li:hover b,.wbox .box .right li.on b{ width:100%; height:2px; background-color:#942124; display:block; position:absolute; left:0; bottom:0;}
}
@media only screen and (max-width:768px){
.wbox{ width:100%; background-color:#eee;}
.wbox .box{ padding:10px; margin:auto;}
.wbox .box .left{ display:none;}
.wbox .box .right{ display:block; overflow:hidden; text-align:center;}
.wbox .box .right li{ display:inline-table; margin:5px; overflow:hidden; height:24px; position:relative;}
.wbox .box .right li a{ overflow:hidden; display:block;}
.wbox .box .right li a p{ width:100%; font-size:14px; line-height:24px; height:24px; display:block; overflow:hidden;}
.wbox .box .right li:hover b,.wbox .box .right li.on b{ width:100%; height:2px; background-color:#942124; display:block; position:absolute; left:0; bottom:0;}
}

/*关于我们*/
@media screen and (min-width:1280px){
.row{ width:100%;}
.ab01{ width:1200px; margin:auto; padding:70px 0;}
.ab01 .box{ width:100%; background-position:center; background-repeat:no-repeat; position:relative; background-size:cover;}
.ab01 .box .wen{ width:100%; padding-top:50px; padding-bottom:55px; min-height:460px; box-sizing:border-box; background-image:url(../images/ab01.png); background-repeat:no-repeat; background-size:auto 100%;}
.ab01 .box .wen .title{ margin-left: 60px; width:490px;}
.ab01 .box .wen .title *{ color:#fff; text-align:left;}
.ab01 .box .wen .title b{ margin-left:0; background-color:#fff;}
.ab01 .box .wen .w03{ color:#fff; margin-left:60px; padding-bottom:63px; margin-top:25px; font-size:14px; line-height:30px; width:490px;}
.ab01 .box .wen .w03 span,.ab01 .box .wen .w03 p{ color:#fff !important; background-color:transparent !important;}
}
@media screen and (min-width:769px) and (max-width:1279px){
.row{ width:100%;}
.ab01{ width:94%; margin:auto; padding:55px 0;}
.ab01 .box{ width:100%; background-position:center; background-repeat:no-repeat; position:relative; background-size:cover;}
.ab01 .box .wen{ width:100%; padding-top:37px; padding-bottom:45px; background-image:url(../images/ab01.png); background-repeat:no-repeat; background-size:100% 100%;}
.ab01 .box .wen .title{ margin-left:5%; width:40%;}
.ab01 .box .wen .title *{ color:#fff; text-align:left;}
.ab01 .box .wen .title b{ margin-left:0; background-color:#fff;}
.ab01 .box .wen .w03{ color:#fff; margin-left:5%; margin-top:20px; font-size:14px; line-height:24px; width:40%;}
.ab01 .box .wen .w03 span,.ab01 .box .wen .w03 p{ color:#fff !important; background-color:transparent !important;}
}
@media only screen and (max-width:768px){
.row{ width:100%;}
.ab01{ width:94%; margin:auto; padding:40px 0;}
.ab01 .box{ width:100%; background-position:center; background-repeat:no-repeat; position:relative; background-size:cover;}
.ab01 .box .wen{ width:100%; padding:25px 0; background-image:url(../images/ab01.png); background-repeat:no-repeat; background-size:140% 100%;}
.ab01 .box .wen .title{ margin-left:5%; width:60%;}
.ab01 .box .wen .title *{ color:#fff; text-align:left;}
.ab01 .box .wen .title b{ margin-left:0; background-color:#fff;}
.ab01 .box .wen .w03{ color:#fff; margin-left:5%; margin-top:15px; font-size:14px; line-height:24px; width:60%; max-height:264px; overflow:auto;}
.ab01 .box .wen .w03 span,.ab01 .box .wen .w03 p{ color:#fff !important; background-color:transparent !important;}
}

@media screen and (min-width:1280px){
.ab02{ background-color:#f2f2f2; width:100%;}
.ab02 .box{ width:1200px; margin:auto; position:relative;}
.ab02 .box .left{ width:640px; height:440px; overflow:hidden; float:left; margin:70px 0;}
.ab02 .box .left img{ width:100%; display:block;}
.ab02 .box .right{ width:500px; height:284px; overflow:auto; padding:20px 50px; font-size:14px; line-height:24px; background-color:#942124; color:#fff; position:absolute; right:0; bottom:70px;}
.ab02 .box .right .wen{ width:100%;}
.ab02 .box .right span,.ab02 .box .right p{ color:#fff !important; background-color:transparent !important;}
.ab02 .box .title{ float:right; text-align:right; width:510px; padding-top:60px;}
.ab02 .box .title span,.ab02 .box .title p{ width:100%; float:right; text-align:right;}
.ab02 .box .title b{ float:right;}
}
@media screen and (min-width:769px) and (max-width:1279px){
.ab02{ background-color:#f2f2f2; width:100%;}
.ab02 .box{ width:94%; margin:auto; position:relative;}
.ab02 .box .left{ width:54%; overflow:hidden; float:left; margin:55px 0;}
.ab02 .box .left img{ width:100%; display:block;}
.ab02 .box .right{ width:50%; height:273px; box-sizing:border-box; overflow:auto; padding:15px 5%; font-size:14px; line-height:24px; background-color:#942124; color:#fff; position:absolute; right:0; bottom:55px;}
.ab02 .box .right .wen{ width:100%;}
.ab02 .box .right span,.ab02 .box .right p{ color:#fff !important; background-color:transparent !important;}
.ab02 .box .title{ float:right; text-align:right; width:40%; padding-top:35px;}
.ab02 .box .title span,.ab02 .box .title p{ width:100%; float:right; text-align:right;}
.ab02 .box .title b{ float:right;}
}
@media only screen and (max-width:768px){
.ab02{ background-color:#f2f2f2; width:100%; padding-top:35px; padding-bottom:40px;}
.ab02 .box{ width:94%; margin:auto; position:relative; padding-bottom:150px;}
.ab02 .box .left{ width:100%; overflow:hidden; float:left; margin-top:20px;}
.ab02 .box .left img{ width:100%; display:block;}
.ab02 .box .right{ width:84%; height:144px; overflow:auto; padding:10px 5%; font-size:14px; line-height:24px; background-color:#942124; color:#fff; position:absolute; left:0; bottom:0;}
.ab02 .box .right .wen{ width:100%;}
.ab02 .box .right span,.ab02 .box .right p{ color:#fff !important; background-color:transparent !important;}
}

@media screen and (min-width:1280px){
.ab03{ width:100%; height:580px; background-position:top center; background-repeat:no-repeat; background-attachment:fixed; position:relative;}
.ab03 .titles{ position:absolute; right:50%; margin-right:-600px; top:70px; z-index:2;}
.ab03 .titles img{ display:block;}
.ab03 .black{ position:absolute; left:0px; top:0px; width:46.875%; height:100%; background:rgba(0,0,0,0.7); z-index:0;}
.productIList{ display:block; overflow:hidden; position:absolute; width:1920px; height:100%; left:50%; margin-left:-960px; top:0; z-index:3;}
.productIList dd{ color:#fff; position:relative; padding-left:360px; width:900px; height:145px; display:block;}
.productIList .red-bg{ position:absolute; left:0px; top:0px; width:0%; height:100%; background:rgba(148,33,36,0.7); transition:600ms; -webkit-transition:600ms;}
.productIList dd:hover .red-bg{ width:100%;}
.productIList .ico{ width:145px; height:145px; position:absolute; left:0px; top:0px;}
.productIList .ico .bg{ position:absolute; width:100%; height:100%; background:rgba(148,33,36,0.7); 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:100%; height:100%; position:relative; z-index:5px; display:block; background-position:center; background-repeat:no-repeat; background-size:60px auto;}
.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 .con{ display:block; padding-left:175px; width:725px; position:relative; height:100%;}
.productIList .txt{ width:635px; padding:35px 0; height:75px;}
.productIList .t{ font-size:18px; line-height:75px; height:75px; text-transform:uppercase; overflow:hidden; transition:300ms; -webkit-transition:300ms;}
.productIList .t span{ font-size:14px; color:#fff; float:left; display:block;}
.productIList .t span.zh{ font-size:18px;}
.productIList .t .en i{ width:10px; height:2px; background-color:#fff; display:block; margin:37px 10px; margin-left:20px; float:left; display:block; transition:300ms; -webkit-transition:300ms;}
.productIList .c{ height:32px; line-height:32px; font-size:16px; color:#fff; overflow:hidden; transition:300ms; -webkit-transition:300ms; opacity:0; visibility:hidden;}
.productIList dd:hover .t{ height:43px; line-height:43px;}
.productIList dd:hover .t span.zh{ font-size:24px; line-height:38px;}
.productIList dd:hover .t .en i{ margin-top:21px; width:50px;}
.productIList dd:hover .c{ opacity:1; visibility:visible;}
.productIList .line{ display:block; background:#fff; position:absolute; opacity:0; visibility:hidden;}
.productIList .line_1{ width:31px; height:1px; top:50%; right:30px; margin-top:-1px; transform:translateX(62px); -webkit-transform:translateX(62px);}
.productIList .line_2{ width:1px; height:31px; top:50%; margin-top:-15px; right:45px; transform:translateY(62px); -webkit-transform:translateY(62px);}
.productIList dd:hover .line{ transform:translate(0); -webkit-transform:translate(0); visibility:visible; opacity:1; transition:300ms ease-in 300ms; -webkit-transition:300ms ease-in 300ms;}
}
@media screen and (min-width:769px) and (max-width:1279px){
.ab03{ width:100%; height:500px; background-position:top center; background-repeat:no-repeat; background-attachment:fixed; position:relative;}
.ab03 .titles{ width:46px; position:absolute; right:3%; top:55px; z-index:2;}
.ab03 .titles img{ display:block; width:100%;}
.ab03 .black{ position:absolute; left:0px; top:0px; width:60%; height:100%; background:rgba(0,0,0,0.7); z-index:0;}
.productIList{ display:block; overflow:hidden; width:100%; height:100%; z-index:3;}
.productIList dd{ color:#fff; position:relative; padding-left:3%; width:80%; height:125px; display:block;}
.productIList .red-bg{ position:absolute; left:0px; top:0px; width:0%; height:100%; background:rgba(148,33,36,0.7); transition:600ms; -webkit-transition:600ms;}
.productIList dd:hover .red-bg{ width:100%;}
.productIList .ico{ width:125px; height:125px; position:absolute; left:0px; top:0px;}
.productIList .ico .bg{ position:absolute; width:100%; height:100%; background:rgba(148,33,36,0.7); 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:100%; height:100%; position:relative; z-index:5px; display:block; background-position:center; background-repeat:no-repeat; background-size:40px auto;}
.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 .con{ display:block; padding-left:145px; padding-right:80px; position:relative; height:100%;}
.productIList .txt{ width:100%; padding:25px 0; height:75px;}
.productIList .t{ font-size:18px; line-height:75px; height:75px; text-transform:uppercase; overflow:hidden; transition:300ms; -webkit-transition:300ms;}
.productIList .t span{ font-size:14px; color:#fff; float:left; display:block;}
.productIList .t span.zh{ font-size:18px;}
.productIList .t .en i{ width:10px; height:2px; background-color:#fff; display:block; margin:37px 10px; margin-left:20px; float:left; display:block; transition:300ms; -webkit-transition:300ms;}
.productIList .c{ height:32px; line-height:32px; font-size:14px; color:#fff; overflow:hidden; transition:300ms; -webkit-transition:300ms; opacity:0; visibility:hidden;}
.productIList dd:hover .t{ height:43px; line-height:43px;}
.productIList dd:hover .t span.zh{ font-size:20px; line-height:38px;}
.productIList dd:hover .t .en i{ margin-top:21px; width:50px;}
.productIList dd:hover .c{ opacity:1; visibility:visible;}
.productIList .line{ display:block; background:#fff; position:absolute; opacity:0; visibility:hidden;}
.productIList .line_1{ width:31px; height:1px; top:50%; right:30px; margin-top:-1px; transform:translateX(62px); -webkit-transform:translateX(62px);}
.productIList .line_2{ width:1px; height:31px; top:50%; margin-top:-15px; right:45px; transform:translateY(62px); -webkit-transform:translateY(62px);}
.productIList dd:hover .line{ transform:translate(0); -webkit-transform:translate(0); visibility:visible; opacity:1; transition:300ms ease-in 300ms; -webkit-transition:300ms ease-in 300ms;}
}
@media only screen and (max-width:768px){
.ab03{ width:100%; height:420px; background-position:top center; background-repeat:no-repeat; background-attachment:fixed; position:relative;}
.ab03 .titles{ width:40px; position:absolute; right:3%; top:40px; z-index:1;}
.ab03 .titles img{ display:block; width:100%;}
.ab03 .black{ position:absolute; left:0px; top:0px; width:80%; height:100%; background:rgba(0,0,0,0.7); z-index:0;}
.productIList{ display:block; overflow:hidden; width:100%; height:100%; z-index:3; position:relative;}
.productIList dd{ color:#fff; position:relative; width:90%; height:105px; display:block;}
.productIList .red-bg{ position:absolute; left:0px; top:0px; width:0%; height:100%; background:rgba(148,33,36,0.7); transition:600ms; -webkit-transition:600ms;}
.productIList dd:hover .red-bg{ width:100%;}
.productIList .ico{ width:105px; height:105px; position:absolute; left:0px; top:0px;}
.productIList .ico .bg{ position:absolute; width:100%; height:100%; background:rgba(148,33,36,0.7); 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:100%; height:100%; position:relative; z-index:5px; display:block; background-position:center; background-repeat:no-repeat; background-size:40px auto;}
.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 .con{ display:block; padding-left:115px; position:relative; height:100%;}
.productIList .txt{ width:97%; padding:15px 0; height:75px;}
.productIList .t{ font-size:18px; line-height:75px; height:75px; text-transform:uppercase; overflow:hidden; transition:300ms; -webkit-transition:300ms;}
.productIList .t span{ font-size:14px; color:#fff; float:left; display:block;}
.productIList .t span.zh{ font-size:18px;}
.productIList .t .en i{ width:10px; height:2px; background-color:#fff; display:block; margin:37px 10px; margin-left:20px; float:left; display:block; transition:300ms; -webkit-transition:300ms;}
.productIList .c{ height:40px; line-height:20px; font-size:14px; color:#fff; overflow:hidden; transition:300ms; -webkit-transition:300ms; opacity:0; visibility:hidden;}
.productIList dd:hover .t{ height:30px; line-height:30px;}
.productIList dd:hover .t span.zh{ font-size:18px;}
.productIList dd:hover .t .en i{ margin-top:14px; width:50px;}
.productIList dd:hover .c{ opacity:1; visibility:visible;}
.productIList .line{ display:none;}
}

@media screen and (min-width:1280px){
.ab04{ padding:70px 0; width:100%; background-color:#eee;}
.ab04 dl{ width:1200px; display:block; overflow:hidden; margin:auto; margin-top:-10px;}
.ab04 dl dt{ width:510px; display:block; float:left; overflow:hidden;}
.ab04 dl dt .title{ width:100%;}
.ab04 dl dt .title span,.ab04 dl dt .title p{ text-align:left;}
.ab04 dl dt .title b{ margin-left:0;}
.ab04 dl dt .wen{ display:block; overflow:hidden; font-size:16px; line-height:26px; margin-top:25px;}
.ab04 dl dd{ width:245px; padding:0 20px; height:235px; display:block; float:left; margin-top:10px; background-position:center; background-repeat:no-repeat;}
.ab04 dl dd.d01{ background-image:url(../images/a04.png); margin-left:100px;}
.ab04 dl dd.d01:hover{ background-image:url(../images/a04h.png);}
.ab04 dl dd.d02{ background-image:url(../images/a04r.png); margin-left:20px;}
.ab04 dl dd.d02:hover{ background-image:url(../images/a04rh.png);}
.ab04 dl dd.d03{ background-image:url(../images/a04r.png);}
.ab04 dl dd.d03:hover{ background-image:url(../images/a04rh.png);}
.ab04 dl dd.d04{ background-image:url(../images/a04.png); margin-left:20px;}
.ab04 dl dd.d04:hover{ background-image:url(../images/a04h.png);}
.ab04 dl dd.d05{ background-image:url(../images/a04r.png); margin-left:20px;}
.ab04 dl dd.d05:hover{ background-image:url(../images/a04rh.png);}
.ab04 dl dd.d06{ background-image:url(../images/a04.png); margin-left:20px;}
.ab04 dl dd.d06:hover{ background-image:url(../images/a04h.png);}
.ab04 dl dd strong{ padding-top:35px; display:block; overflow:hidden;}
.ab04 dl dd strong img{ display:block; height:60px; margin:auto;}
.ab04 dl dd strong img.img02{ display:none;}
.ab04 dl dd:hover img.img01{ display:none;}
.ab04 dl dd:hover img.img02{ display:block;}
.ab04 dl dd a{ font-size:18px; height:36px; line-height:36px; display:block; overflow:hidden;}
.ab04 dl dd span{ font-size:18px; height:26px; line-height:26px; display:block; overflow:hidden;}
.ab04 dl dd p{ font-size:14px; height:40px; line-height:20px; margin-top:4px; display:block; overflow:hidden; color:#666;}
.ab04 dl dd:hover a,.ab04 dl dd:hover span,.ab04 dl dd:hover p{ color:#fff;}
}
@media screen and (min-width:769px) and (max-width:1279px){
.ab04{ padding:55px 0; width:100%; background-color:#eee;}
.ab04 dl{ width:94%; display:block; overflow:hidden; margin:auto;}
.ab04 dl dt{ width:45.5%; display:block; float:left; padding-top:25px; overflow:hidden;}
.ab04 dl dt .title{ width:100%;}
.ab04 dl dt .title span,.ab04 dl dt .title p{ text-align:left;}
.ab04 dl dt .title b{ margin-left:0;}
.ab04 dl dt .wen{ display:block; overflow:hidden; font-size:15px; line-height:25px; margin-top:20px;}
.ab04 dl dd{ width:24.25%; box-sizing:border-box; padding:0 15px; height:235px; display:block; float:left; background-position:center; background-repeat:no-repeat;}
.ab04 dl dd.d01{ background-image:url(../images/a04.png); margin-left:5%;}
.ab04 dl dd.d01:hover{ background-image:url(../images/a04h.png);}
.ab04 dl dd.d02{ background-image:url(../images/a04r.png); margin-left:1%;}
.ab04 dl dd.d02:hover{ background-image:url(../images/a04rh.png);}
.ab04 dl dd.d03{ background-image:url(../images/a04r.png);}
.ab04 dl dd.d03:hover{ background-image:url(../images/a04rh.png);}
.ab04 dl dd.d04{ background-image:url(../images/a04.png); margin-left:1%;}
.ab04 dl dd.d04:hover{ background-image:url(../images/a04h.png);}
.ab04 dl dd.d05{ background-image:url(../images/a04r.png); margin-left:1%;}
.ab04 dl dd.d05:hover{ background-image:url(../images/a04rh.png);}
.ab04 dl dd.d06{ background-image:url(../images/a04.png); margin-left:1%;}
.ab04 dl dd.d06:hover{ background-image:url(../images/a04h.png);}
.ab04 dl dd strong{ padding-top:35px; display:block; overflow:hidden;}
.ab04 dl dd strong img{ display:block; height:60px; margin:auto;}
.ab04 dl dd strong img.img02{ display:none;}
.ab04 dl dd:hover img.img01{ display:none;}
.ab04 dl dd:hover img.img02{ display:block;}
.ab04 dl dd a{ font-size:18px; height:36px; line-height:36px; display:block; overflow:hidden;}
.ab04 dl dd span{ font-size:18px; height:26px; line-height:26px; display:block; overflow:hidden;}
.ab04 dl dd p{ font-size:14px; height:40px; line-height:20px; margin-top:4px; display:block; overflow:hidden; color:#666;}
.ab04 dl dd:hover a,.ab04 dl dd:hover span,.ab04 dl dd:hover p{ color:#fff;}
}
@media only screen and (max-width:768px){
.ab04{ padding-top:35px; padding-bottom:40px; width:100%; background-color:#eee;}
.ab04 dl{ width:100%; display:block; overflow:hidden;}
.ab04 dl dt{ width:94%; margin-left:3%; margin-bottom:15px; display:block; float:left; overflow:hidden;}
.ab04 dl dt .title{ width:100%;}
.ab04 dl dt .wen{ display:block; overflow:hidden; font-size:14px; line-height:24px; margin-top:15px;}
.ab04 dl dd{ width:45.5%; box-sizing:border-box; padding:0 10px; height:160px; display:block; float:left; background-position:center; background-repeat:no-repeat; background-size:100% 100%; margin-left:3%;}
.ab04 dl dd.d01{ background-image:url(../images/a04.png);}
.ab04 dl dd.d01:hover{ background-image:url(../images/a04h.png);}
.ab04 dl dd.d02{ background-image:url(../images/a04r.png);}
.ab04 dl dd.d02:hover{ background-image:url(../images/a04rh.png);}
.ab04 dl dd.d03{ background-image:url(../images/a04r.png);}
.ab04 dl dd.d03:hover{ background-image:url(../images/a04rh.png);}
.ab04 dl dd.d04{ background-image:url(../images/a04.png);}
.ab04 dl dd.d04:hover{ background-image:url(../images/a04h.png);}
.ab04 dl dd.d05{ background-image:url(../images/a04.png);}
.ab04 dl dd.d05:hover{ background-image:url(../images/a04h.png);}
.ab04 dl dd.d06{ background-image:url(../images/a04r.png);}
.ab04 dl dd.d06:hover{ background-image:url(../images/a04rh.png);}
.ab04 dl dd strong{ padding-top:20px; display:block; overflow:hidden;}
.ab04 dl dd strong img{ display:block; height:40px; margin:auto;}
.ab04 dl dd strong img.img02{ display:none;}
.ab04 dl dd:hover img.img01{ display:none;}
.ab04 dl dd:hover img.img02{ display:block;}
.ab04 dl dd a{ font-size:14px; height:20px; line-height:20px; display:block; overflow:hidden;}
.ab04 dl dd span{ font-size:16px; height:26px; line-height:26px; display:block; overflow:hidden;}
.ab04 dl dd p{ font-size:14px; height:40px; line-height:20px; display:block; overflow:hidden; color:#666;}
.ab04 dl dd:hover a,.ab04 dl dd:hover span,.ab04 dl dd:hover p{ color:#fff;}
}

@media screen and (min-width:1280px){
.ab06{ width:100%; background-position:center; background-repeat:no-repeat; background-attachment:fixed;}
.ab06 .box{ width:100%; height:415px; padding-top:65px; padding-bottom:150px; background-color:rgba(0,0,0,0.7);}
.ab06 .title span,.ab06 .title p{ color:#fff;}
.ab06 .title b{ background-color:#fff;}
.ab06 .swiper-container{ width:1000px; padding:0 100px; margin:auto; margin-top:30px; height:280px;}
.ab06 .swiper-container .swiper-wrapper{ width:100%; text-align:center;}
.ab06 .swiper-container .swiper-wrapper .swiper-slide{ width:100%; overflow:hidden; height:100%; opacity:0 !important;}
.ab06 .swiper-container .swiper-wrapper .swiper-slide.swiper-slide-active{ opacity:1 !important;}
.ab06 .swiper-container .swiper-wrapper .swiper-slide .nei{ width:100%; height:100%;}
.ab06 .swiper-container .swiper-wrapper .swiper-slide .nei .n01{ width:80px; height:90px; margin:auto; line-height:90px; font-size:24px; font-weight:bold; color:#fff; background-image:url(../images/ab05m.png); background-position:center; background-repeat:no-repeat;}
.ab06 .swiper-container .swiper-wrapper .swiper-slide .nei .n02{ color:#fff; font-size:20px; line-height:50px; height:50px; padding-top:5px;}
.ab06 .swiper-container .swiper-wrapper .swiper-slide .nei .n03{ width:100%; color:#fff !important; font-size:14px; line-height:24px;}
.ab06 .swiper-container .swiper-wrapper .swiper-slide .nei .n03 span,.ab06 .swiper-container .swiper-wrapper .swiper-slide .nei .n01 p{ color:#fff !important;}
.ab06 .swiper-button-white{ width:30px; height:30px; cursor:pointer; border-radius:30px; background-color:#942124; background-position:center; background-repeat:no-repeat; position:absolute; top:95px;}
.ab06 .swiper-button-prev{ left:0; background-image:url(../images/nl.png);}
.ab06 .swiper-button-next{ right:0; background-image:url(../images/nr.png);}
.ab06 .swiper-button-disabled{ display:none;}
}
@media screen and (min-width:769px) and (max-width:1279px){
.ab06{ width:100%; background-position:center; background-repeat:no-repeat; background-attachment:fixed;}
.ab06 .box{ width:94%; padding:50px 3%; padding-bottom:80px; background-color:rgba(0,0,0,0.7);}
.ab06 .title span,.ab06 .title p{ color:#fff;}
.ab06 .title b{ background-color:#fff;}
.ab06 .swiper-container{ padding:20px 50px;}
.ab06 .swiper-container .swiper-wrapper{ width:100%; text-align:center;}
.ab06 .swiper-container .swiper-wrapper .swiper-slide{ width:100%; overflow:hidden; height:100%; opacity:0 !important;}
.ab06 .swiper-container .swiper-wrapper .swiper-slide.swiper-slide-active{ opacity:1 !important;}
.ab06 .swiper-container .swiper-wrapper .swiper-slide .nei{ width:100%; height:100%;}
.ab06 .swiper-container .swiper-wrapper .swiper-slide .nei .n01{ width:80px; height:90px; margin:auto; line-height:90px; font-size:22px; font-weight:bold; color:#fff; background-image:url(../images/ab05m.png); background-position:center; background-repeat:no-repeat;}
.ab06 .swiper-container .swiper-wrapper .swiper-slide .nei .n02{ color:#fff; font-size:18px; line-height:38px; height:38px; margin-top:5px;}
.ab06 .swiper-container .swiper-wrapper .swiper-slide .nei .n03{ width:100%; color:#fff !important; font-size:14px; line-height:24px;}
.ab06 .swiper-container .swiper-wrapper .swiper-slide .nei .n03 span,.ab06 .swiper-container .swiper-wrapper .swiper-slide .nei .n01 p{ color:#fff !important;}
.ab06 .swiper-button-white{ width:30px; height:30px; cursor:pointer; border-radius:30px; background-color:#942124; background-position:center; background-repeat:no-repeat; position:absolute; top:95px;}
.ab06 .swiper-button-prev{ left:0; background-image:url(../images/nl.png);}
.ab06 .swiper-button-next{ right:0; background-image:url(../images/nr.png);}
.ab06 .swiper-button-disabled{ display:none;}
}
@media only screen and (max-width:768px){
.ab06{ width:100%; background-position:center; background-repeat:no-repeat; background-size:cover;}
.ab06 .box{ width:94%; padding:35px 3%; padding-bottom:60px; background-color:rgba(0,0,0,0.7);}
.ab06 .title span,.ab06 .title p{ color:#fff;}
.ab06 .title b{ background-color:#fff;}
.ab06 .swiper-container{ padding:15px 40px;}
.ab06 .swiper-container .swiper-wrapper{ width:100%; text-align:center;}
.ab06 .swiper-container .swiper-wrapper .swiper-slide{ width:100%; overflow:hidden; height:100%; opacity:0 !important;}
.ab06 .swiper-container .swiper-wrapper .swiper-slide.swiper-slide-active{ opacity:1 !important;}
.ab06 .swiper-container .swiper-wrapper .swiper-slide .nei{ width:100%; height:100%;}
.ab06 .swiper-container .swiper-wrapper .swiper-slide .nei .n01{ width:80px; height:80px; margin:auto; line-height:80px; font-size:18px; font-weight:bold; color:#fff; background-image:url(../images/ab05m.png); background-position:center; background-repeat:no-repeat; background-size:auto 80px;}
.ab06 .swiper-container .swiper-wrapper .swiper-slide .nei .n02{ color:#fff; font-size:16px; line-height:26px; padding-top:10px; margin-bottom:5px;}
.ab06 .swiper-container .swiper-wrapper .swiper-slide .nei .n03{ width:100%; color:#fff !important; font-size:14px; line-height:24px;}
.ab06 .swiper-container .swiper-wrapper .swiper-slide .nei .n03 span,.ab06 .swiper-container .swiper-wrapper .swiper-slide .nei .n01 p{ color:#fff !important;}
.ab06 .swiper-button-white{ width:30px; height:30px; cursor:pointer; border-radius:30px; background-color:#942124; background-position:center; background-repeat:no-repeat; position:absolute; top:50%; margin-top:-15px;}
.ab06 .swiper-button-prev{ left:0; background-image:url(../images/nl.png);}
.ab06 .swiper-button-next{ right:0; background-image:url(../images/nr.png);}
.ab06 .swiper-button-disabled{ display:none;}
}

@media screen and (min-width:1280px){
.ab07{ width:1200px; margin:auto; margin-top:-150px;}
.ab07 .tu{ width:300px; margin:auto;}
.ab07 .tu img{ width:100%; display:block;}
.ab07 .wen{ width:100%; padding:60px 0; text-align:center;}
.ab07 .wen b{ display:block; overflow:hidden; font-size:30px; height:48px; line-height:48px;}
.ab07 .wen span{ display:block; overflow:hidden; font-size:14px; height:26px; line-height:26px; color:#666; font-family:Arial, Helvetica, sans-serif; background-image:url(../images/ab06.jpg); background-position:center; background-repeat:no-repeat;}
.ab07 .wen p{ display:block; overflow:hidden; font-size:24px; height:44px; line-height:44px; margin-top:12px;}
}
@media screen and (min-width:769px) and (max-width:1279px){
.ab07{ width:94%; margin:auto; margin-top:-80px;}
.ab07 .tu{ width:160px; margin:auto;}
.ab07 .tu img{ width:100%; display:block;}
.ab07 .wen{ width:100%; padding:30px 0; text-align:center;}
.ab07 .wen b{ display:block; overflow:hidden; font-size:24px; height:44px; line-height:44px;}
.ab07 .wen span{ display:block; overflow:hidden; font-size:14px; height:24px; line-height:24px; color:#666; font-family:Arial, Helvetica, sans-serif; background-image:url(../images/ab06.jpg); background-position:center; background-repeat:no-repeat;}
.ab07 .wen p{ display:block; overflow:hidden; font-size:20px; height:40px; line-height:40px; margin-top:10px;}
}
@media only screen and (max-width:768px){
.ab07{ width:94%; margin:auto; margin-top:-60px;}
.ab07 .tu{ width:120px; margin:auto;}
.ab07 .tu img{ width:100%; display:block;}
.ab07 .wen{ width:100%; padding:20px 0; text-align:center;}
.ab07 .wen b{ display:block; overflow:hidden; font-size:20px; height:40px; line-height:40px;}
.ab07 .wen span{ display:block; overflow:hidden; font-size:14px; height:24px; line-height:24px; color:#666; font-family:Arial, Helvetica, sans-serif; background-image:url(../images/ab06.jpg); background-position:center; background-repeat:no-repeat;}
.ab07 .wen p{ display:block; overflow:hidden; font-size:16px; height:36px; line-height:36px; margin-top:5px;}
}

/*核心产品*/
@media screen and (min-width:1280px){
.main{ width:100%; padding-top:60px; padding-bottom:70px; position:relative; z-index:1; background-color:#fff;}
.main .box{ width:1200px; margin:auto;}
.main .box .pro{ width:100%; display:block; margin-top:20px;}
.main .box .pro li{ display:block; float:left; margin-top:10px; margin-left:20px; width:285px;}
.main .box .pro li:nth-child(4n+1){ clear:left; float:left; margin-left:0;}
.main .box .pro li .tu{ width:100%; height:240px;}
.main .box .pro li .tu img{ width:100%; display:block;}
.main .box .pro li .wen{ padding:20px; padding-top:10px;}
.main .box .pro li .wen p{ width:calc(100% - 100px); display:block; float:left; font-size:16px; height:36px; line-height:36px; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; padding-bottom:4px; background-image:url(../images/lline_56.png); background-position:left bottom; background-repeat:no-repeat;}
.main .box .pro li .wen span{ width:90px; height:30px; line-height:30px; border-radius:30px; text-align:center; background-color:#333; overflow:hidden; color:#fff; float:right; overflow:hidden; display:block; text-transform:uppercase; margin-top:10px; font-size:12px;}
.main .box .pro li:hover{ background-color:#f2f2f2;}
.main .box .pro li:hover .wen span{ background-color:#942124;}

.fanye{ width:100%; max-width:1200px; margin:auto; margin-top:30px; text-align:center;}
.fanye ul{ width:100%; display:block; overflow:hidden; text-align:center;}
.fanye li{ margin:0 5px; display:inline-block;}
.fanye li a{ width:40px; height:40px; line-height:40px; background-color:#f1f1f1; border-radius:40px; display:block;}
.fanye li span{ width:40px; height:40px; line-height:40px; border-radius:40px; display:block;}
.fanye li.active span{ color:#fff; background-color:#c30d23;}
.fanye li.disabled span{ color:#aaa; background-color:#f7f7f7; cursor:no-drop;}
.fanye li a:hover{ color:#c30d23;}
}
@media screen and (min-width:769px) and (max-width:1279px){
.main{ width:100%; padding-top:47px; padding-bottom:55px; position:relative; z-index:1; background-color:#fff;}
.main .box{ width:94%; margin:auto;}
.main .box .pro{ width:100%; display:block; margin-top:15px;}
.main .box .pro li{ display:block; float:left; margin-top:10px; margin-left:2%; width:23.5%;}
.main .box .pro li:nth-child(4n+1){ clear:left; float:left; margin-left:0;}
.main .box .pro li .tu{ width:100%; height:18.6vw;}
.main .box .pro li .tu img{ width:100%; display:block;}
.main .box .pro li .wen{ padding:15px; padding-top:5px;}
.main .box .pro li .wen p{ width:calc(100% - 90px); display:block; float:left; font-size:16px; height:36px; line-height:36px; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; padding-bottom:4px; background-image:url(../images/lline_56.png); background-position:left bottom; background-repeat:no-repeat;}
.main .box .pro li .wen span{ width:80px; height:30px; line-height:30px; border-radius:30px; text-align:center; background-color:#333; overflow:hidden; color:#fff; float:right; overflow:hidden; display:block; text-transform:uppercase; margin-top:10px; font-size:12px;}
.main .box .pro li:hover{ background-color:#f2f2f2;}
.main .box .pro li:hover .wen span{ background-color:#942124;}

.fanye{ width:94%; margin:auto; margin-top:25px; text-align:center;}
.fanye ul{ width:100%; display:block; overflow:hidden; text-align:center;}
.fanye li{ margin:0 5px; display:inline-block;}
.fanye li a{ width:40px; height:40px; line-height:40px; background-color:#f1f1f1; border-radius:40px; display:block;}
.fanye li span{ width:40px; height:40px; line-height:40px; border-radius:40px; display:block;}
.fanye li.active span{ color:#fff; background-color:#c30d23;}
.fanye li.disabled span{ color:#aaa; background-color:#f7f7f7; cursor:no-drop;}
.fanye li a:hover{ color:#c30d23;}
}
@media only screen and (max-width:768px){
.main{ width:100%; padding-top:35px; padding-bottom:40px; position:relative; z-index:1; background-color:#fff;}
.main .box{ width:94%; margin:auto;}
.main .box .pro{ width:100%; display:block; margin-top:15px;}
.main .box .pro li{ display:block; float:left; margin-top:5px; margin-left:3%; width:48.5%;}
.main .box .pro li:nth-child(2n+1){ clear:left; float:left; margin-left:0;}
.main .box .pro li .tu{ width:100%; height:38.39vw;}
.main .box .pro li .tu img{ width:100%; display:block;}
.main .box .pro li .wen{ padding:10px;}
.main .box .pro li .wen p{ width:calc(100% - 80px); display:block; float:left; font-size:16px; height:26px; line-height:20px; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; padding-bottom:4px; background-image:url(../images/lline_56.png); background-position:left bottom; background-repeat:no-repeat;}
.main .box .pro li .wen span{ width:70px; height:26px; line-height:26px; border-radius:26px; text-align:center; background-color:#333; overflow:hidden; color:#fff; float:right; overflow:hidden; display:block; text-transform:uppercase; font-size:12px; margin-top:2px;}
.main .box .pro li:hover{ background-color:#f2f2f2;}
.main .box .pro li:hover .wen span{ background-color:#942124;}

.fanye{ width:94%; margin:auto; margin-top:20px; text-align:center;}
.fanye ul{ width:100%; display:block; overflow:hidden; text-align:center;}
.fanye li{ margin:0 5px; display:inline-block;}
.fanye li a{ width:40px; height:40px; line-height:40px; background-color:#f1f1f1; border-radius:40px; display:block;}
.fanye li span{ width:40px; height:40px; line-height:40px; border-radius:40px; display:block;}
.fanye li.active span{ color:#fff; background-color:#c30d23;}
.fanye li.disabled span{ color:#aaa; background-color:#f7f7f7; cursor:no-drop;}
.fanye li a:hover{ color:#c30d23;}
}

/*核心产品内页*/
@media screen and (min-width:1280px){
.row01{ width:100%; padding-top:60px; padding-bottom:65px; position:relative; z-index:1; background-color:#fff;}
.tp{ width:1200px; margin:auto; margin-top:30px;}
.tp .left{ width:790px; height:350px; float:left;}
.tp .left img{ width:100%; display:block;}
.tp .right{ width:410px; padding-top:110px; float:left;}
.tp .right p{ display:block; margin-left:-17px; height:46px; line-height:46px; font-size:24px; overflow:hidden;}
.tp .right p b{ width:34px; height:6px; display:block; float:left; background-color:#942124; margin:20px; margin-left:0;}
.tp .right p strong{ display:block; float:left; font-weight:normal;}
.tp .right span{ display:block; text-align:right; height:74px; line-height:74px; font-size:48px; color:#942124; text-transform:uppercase;}
.tp .right a{ display:block; margin-left:77px; height:18px; line-height:18px; font-size:18px; color:#666; text-transform:uppercase;}
.row01 .wenz{ width:1200px; margin:auto; margin-top:30px; font-size:14px; line-height:30px;}
.row01 .wenz img{ max-width:100%; height:auto;}
.row01 .wenz iframe{ width:800px !important; height:600px !important; margin:5px auto; display:block;}
.row01 .wenz video{ background-color:#000; width:800px !important; height:600px !important; margin:5px auto; display:block;}
}
@media screen and (min-width:769px) and (max-width:1279px){
.row01{ width:100%; padding-top:47px; padding-bottom:50px; position:relative; z-index:1; background-color:#fff;}
.tp{ width:94%; margin:auto; margin-top:25px;}
.tp .left{ width:65%; float:left;}
.tp .left img{ width:100%; display:block;}
.tp .right{ width:35%; padding-top:5%; float:left;}
.tp .right p{ display:block; margin-left:-17px; overflow:hidden; position:relative;}
.tp .right p b{ width:34px; height:4px; display:block; background-color:#942124; margin:13px; margin-left:0; position:absolute; left:0; top:0;}
.tp .right p strong{ display:block; font-weight:normal; line-height:30px; font-size:20px; padding-left:47px;}
.tp .right span{ display:block; text-align:right; height:46px; line-height:46px; font-size:36px; color:#942124; text-transform:uppercase;}
.tp .right a{ display:block; margin-left:20%; height:24px; line-height:24px; font-size:14px; color:#666; text-transform:uppercase;}

.row01 .wenz{ width:94%; margin:auto; margin-top:20px; font-size:14px; line-height:24px;}
.row01 .wenz img{ max-width:100%; height:auto;}
.row01 .wenz iframe{ width:800px !important; height:600px !important; margin:5px auto; display:block;}
.row01 .wenz video{ background-color:#000; width:800px !important; height:600px !important; margin:5px auto; display:block;}
}
@media only screen and (max-width:768px){
.row01{ width:100%; padding-top:35px; padding-bottom:35px; position:relative; z-index:1; background-color:#fff;}
.tp{ width:94%; margin:auto; margin-top:20px;}
.tp .left{ width:60%; float:left;}
.tp .left img{ width:100%; display:block;}
.tp .right{ width:40%; padding-top:1%; float:left;}
.tp .right p{ display:block; margin-left:-10px; overflow:hidden; position:relative;}
.tp .right p b{ width:20px; height:2px; display:block; float:left; background-color:#942124; margin:9px; margin-left:0; position:absolute; left:0; top:0;}
.tp .right p strong{ display:block; float:left; font-weight:normal; line-height:20px; font-size:16px; padding-left:30px;}
.tp .right span{ display:block; text-align:center; height:24px; line-height:24px; font-size:20px; color:#942124; text-transform:uppercase;}
.tp .right a{ display:block; text-align:right; line-height:14px; font-size:14px; color:#666; text-transform:uppercase;}

.row01 .wenz{ width:94%; margin:auto; margin-top:15px; font-size:14px; line-height:24px;}
.row01 .wenz img{ max-width:100%; height:auto;}
.row01 .wenz iframe{ width:100% !important; height:188vw !important; margin:5px auto; display:block;}
.row01 .wenz video{ background-color:#000; width:100% !important; height:auto !important; margin:5px auto; display:block;}
}

/*工程案例*/
@media screen and (min-width:1280px){
.main .box .case{ width:100%; display:block; overflow:hidden; padding-top:10px;}
.main .box .case li{ width:285px; float:left; display:block; position:relative; background-color:#f2f2f2; margin-left:20px; margin-top:20px;}
.main .box .case li:nth-child(4n+1){ margin-left:0;}
.main .box .case li .tu{ width:100%; height:250px; position:relative; z-index:1;}
.main .box .case li .tu>img{ width:100%; display:block;}
.main .box .case li .tu p{ width:100%; height:100%; position:absolute; left:0; top:0; background-color:rgba(0,0,0,.5); display:flex; align-items:center; opacity:0; -webkit-transition:.5s; -moz-transition:.5s; -o-transition:.5s; transition:.5s;}
.main .box .case li .tu p img{ display:block; margin:auto;}
.main .box .case li:hover .tu p{ opacity:1;}
.main .box .case li .fg{ min-width:125px; padding:0 20px; box-sizing:border-box; position:absolute; left:50%; transform:translateX(-50%); top:232px; background-color:#942124; text-align:center; color:#fff; font-size:16px; line-height:36px; height:36px; z-index:3;}
.main .box .case li .wen{ padding:15px 20px; padding-top:33px; text-align:center;}
.main .box .case li .wen .bt{ display:flex; justify-content:center; align-items:center;}
.main .box .case li .wen .bt span{ width:10px; height:10px; background-color:#333; margin-right:10px; display:block;}
.main .box .case li .wen .bt b{ font-size:18px; line-height:28px; height:28px; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; display:block;}
.main .box .case li .wen .wz{ font-size:14px; line-height:24px; height:48px; color:#666; text-align:center; margin-top:6px;}
}
@media screen and (min-width:769px) and (max-width:1279px){
.main .box .case{ width:100%; display:block; overflow:hidden; padding-top:5px;}
.main .box .case li{ width:23.5%; float:left; display:block; position:relative; background-color:#f2f2f2; margin-left:2%; margin-top:20px;}
.main .box .case li:nth-child(4n+1){ margin-left:0;}
.main .box .case li .tu{ width:100%; height:19.37vw; position:relative; z-index:1;}
.main .box .case li .tu>img{ width:100%; display:block;}
.main .box .case li .tu p{ width:100%; height:100%; position:absolute; left:0; top:0; background-color:rgba(0,0,0,.5); display:flex; align-items:center; opacity:0; -webkit-transition:.5s; -moz-transition:.5s; -o-transition:.5s; transition:.5s;}
.main .box .case li .tu p img{ display:block; margin:auto;}
.main .box .case li:hover .tu p{ opacity:1;}
.main .box .case li .fg{ min-width:115px; padding:0 15px; box-sizing:border-box; position:absolute; left:50%; transform:translateX(-50%); top:19.37vw; margin-top:-16px; background-color:#942124; text-align:center; color:#fff; font-size:16px; line-height:32px; height:32px; z-index:3;}
.main .box .case li .wen{ padding:10px 15px; padding-top:26px; text-align:center;}
.main .box .case li .wen .bt{ display:flex; justify-content:center; align-items:center;}
.main .box .case li .wen .bt span{ width:8px; height:8px; background-color:#333; margin-right:10px; display:block;}
.main .box .case li .wen .bt b{ font-size:18px; line-height:28px; height:28px; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; display:block;}
.main .box .case li .wen .wz{ font-size:14px; line-height:24px; height:48px; color:#666; text-align:center; margin-top:5px;}
}
@media only screen and (max-width:768px){
.main .box .case{ width:100%; display:block; overflow:hidden; padding-top:5px;}
.main .box .case li{ width:48.5%; float:left; display:block; position:relative; background-color:#f2f2f2; margin-left:3%; margin-top:15px;}
.main .box .case li:nth-child(2n+1){ margin-left:0;}
.main .box .case li .tu{ width:100%; height:39.99vw; position:relative; z-index:1;}
.main .box .case li .tu>img{ width:100%; display:block;}
.main .box .case li .tu p{ width:100%; height:100%; position:absolute; left:0; top:0; background-color:rgba(0,0,0,.5); display:flex; align-items:center; opacity:0; -webkit-transition:.5s; -moz-transition:.5s; -o-transition:.5s; transition:.5s;}
.main .box .case li .tu p img{ display:block; margin:auto;}
.main .box .case li:hover .tu p{ opacity:1;}
.main .box .case li .fg{ min-width:105px; padding:0 10px; box-sizing:border-box; position:absolute; left:50%; transform:translateX(-50%); top:39.99vw; margin-top:-14px; background-color:#942124; text-align:center; color:#fff; font-size:14px; line-height:28px; height:28px; z-index:3;}
.main .box .case li .wen{ padding:10px; padding-top:21px; text-align:center;}
.main .box .case li .wen .bt{ display:flex; justify-content:center; align-items:center;}
.main .box .case li .wen .bt span{ width:6px; height:6px; background-color:#333; margin-right:5px; display:block;}
.main .box .case li .wen .bt b{ font-size:16px; line-height:26px; height:26px; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; display:block;}
.main .box .case li .wen .wz{ font-size:14px; line-height:20px; height:40px; color:#666; text-align:center; margin-top:2px;}
}

/*工程案例内页*/
@media screen and (min-width:1280px){
.tp01{ width:1200px; margin:auto; margin-top:30px;}
.tp01 .left{ width:600px; float:left;}
.tp01 .left img{ width:100%; display:block;}
.tp01 .right{ width:550px; float:right;}
.tp01 .right .w01{ display:block; font-size:26px; line-height:36px; margin-top:25px;}
.tp01 .right .w02{ display:block; line-height:32px; font-size:22px; color:#999; text-transform:uppercase; margin-top:5px;}
.tp01 .right .w03{ width:50px; height:4px; display:block; background-color:#942124; margin-top:10px;}
.tp01 .right .w04{ display:block; line-height:26px; font-size:16px; margin-top:20px;}

.ry{ width:1200px; margin:auto; padding-bottom:5px;}
.ry a{ width:380px; height:253px; float:left; display:block; position:relative; overflow:hidden; margin-left:30px; margin-top:30px;}
.ry a:nth-child(3n+1){ margin-left:0;}
.ry a img{ width:100%; display:block; height:100%; object-fit:cover;}
}
@media screen and (min-width:769px) and (max-width:1279px){
.tp01{ width:94%; margin:auto; margin-top:25px;}
.tp01 .left{ width:50%; float:left;}
.tp01 .left img{ width:100%; display:block;}
.tp01 .right{ width:45%; float:right;}
.tp01 .right .w01{ display:block; font-size:22px; line-height:32px; margin-top:20px;}
.tp01 .right .w02{ display:block; line-height:30px; font-size:20px; color:#999; text-transform:uppercase; margin-top:5px;}
.tp01 .right .w03{ width:40px; height:3px; display:block; background-color:#942124; margin-top:7px;}
.tp01 .right .w04{ display:block; line-height:25px; font-size:15px; margin-top:15px;}
	
.ry{ width:94%; margin:auto; padding-bottom:5px;}
.ry a{ width:31.33%; height:19.63vw; float:left; display:block; position:relative; overflow:hidden; margin-left:3%; margin-top:25px;}
.ry a:nth-child(3n+1){ margin-left:0;}
.ry a img{ width:100%; display:block; height:100%; object-fit:cover;}
}
@media only screen and (max-width:768px){
.tp01{ width:94%; margin:auto; margin-top:20px;}
.tp01 .left{ width:100%; float:left;}
.tp01 .left img{ width:100%; display:block;}
.tp01 .right{ width:100%; padding-top:15px; float:left;}
.tp01 .right .w01{ display:block; font-size:18px; line-height:28px;}
.tp01 .right .w02{ display:block; line-height:26px; font-size:16px; color:#999; text-transform:uppercase;}
.tp01 .right .w03{ width:30px; height:2px; display:block; background-color:#942124; margin-top:4px;}
.tp01 .right .w04{ display:block; line-height:24px; font-size:14px; margin-top:10px;}

.ry{ width:94%; margin:auto; padding:5px 0;}
.ry a{ width:48.5%; height:30.39vw; float:left; display:block; position:relative; overflow:hidden; margin-left:3%; margin-top:15px;}
.ry a:nth-child(2n+1){ margin-left:0;}
.ry a img{ width:100%; display:block; height:100%; object-fit:cover;}
}

/*新闻资讯*/
@media screen and (min-width:1280px){
.main .news{ width:1200px; margin:auto; padding-top:10px; display:block;}
.main .news li{ padding:20px 0; display:block; overflow:hidden; border-bottom:1px solid #eee;}
.main .news li .left{ width:170px; height:110px; float:left;}
.main .news li .left img{ width:100%; display:block;}
.main .news li .right{ width:1010px; height:110px; float:right;}
.main .news li .right .bt{ font-size:16px; height:28px; line-height:28px;}
.main .news li .right:hover .bt a{ color:#942124;}
.main .news li .right .wen{ width:100%; height:48px; line-height:24px; font-size:14px; margin:5px 0; color:#666;}
.main .news li .right .shi{ width:100%; height:24px;}
.main .news li .right .shi span{ display:block; float:right; font-size:14px; color:#999; height:24px; line-height:24px;}
.main .news li .right .shi b{ display:block; float:right; width:120px; height:1px; background-color:#cacaca; margin-right:15px; margin-top:11px;}
.main .news li .right:hover .shi b{ background-color:#942124;}
.main .news li .right:hover .shi span{ color:#942124;}
}
@media screen and (min-width:769px) and (max-width:1279px){
.main .news{ width:94%; margin:auto; display:block; padding-top:5px;}
.main .news li{ padding:20px 0; display:block; overflow:hidden; border-bottom:1px solid #eee; position:relative;}
.main .news li .left{ width:170px; height:110px; position:absolute; left:0; top:20px;}
.main .news li .left img{ width:100%; display:block;}
.main .news li .right{ padding-left:190px; height:110px;}
.main .news li .right .bt{ font-size:16px; height:28px; line-height:28px;}
.main .news li .right:hover .bt a{ color:#942124;}
.main .news li .right .wen{ width:100%; height:48px; line-height:24px; font-size:14px; margin:5px 0; color:#666;}
.main .news li .right .shi{ width:100%; height:22px;}
.main .news li .right .shi span{ display:block; float:right; font-size:14px; color:#999; height:22px; line-height:22px;}
.main .news li .right .shi b{ display:block; float:right; width:120px; height:1px; background-color:#cacaca; margin-right:15px; margin-top:10px;}
.main .news li .right:hover .shi b{ background-color:#942124;}
.main .news li .right:hover .shi span{ color:#942124;}
}
@media only screen and (max-width:768px){
.main .news{ width:94%; margin:auto; display:block; padding-top:5px;}
.main .news li{ padding:15px 0; display:block; overflow:hidden; border-bottom:1px solid #eee;}
.main .news li .left{ width:30%; height:110px; float:left;}
.main .news li .left img{ height:100%; display:block;}
.main .news li .right{ width:67%; height:110px; float:right;}
.main .news li .right .bt{ font-size:16px; height:28px; line-height:28px;}
.main .news li .right:hover .bt a{ color:#942124;}
.main .news li .right .wen{ width:100%; height:48px; line-height:24px; font-size:14px; margin:5px 0; color:#666;}
.main .news li .right .shi{ width:100%; height:22px;}
.main .news li .right .shi span{ display:block; float:right; font-size:14px; color:#999; height:22px; line-height:22px;}
.main .news li .right .shi b{ display:block; float:right; width:120px; height:1px; background-color:#cacaca; margin-right:15px; margin-top:10px;}
.main .news li .right:hover .shi b{ background-color:#942124;}
.main .news li .right:hover .shi span{ color:#942124;}
}

/*新闻内页*/
@media screen and (min-width:1280px){
.row04{ width:1200px; margin:65px auto;}
.row04 .lbar{ width:870px; float:left;}
.row04 .lbar .bt{ text-align:center; color:#942124; font-size:24px; line-height:34px;}
.row04 .lbar .sj{ text-align:center; color:#999; font-size:14px; line-height:32px; height:37px; border-bottom:1px solid #eee;}
.row04 .lbar .wen{ font-size:14px; line-height:24px; margin-top:30px;}
.row04 .lbar .wen img{ max-width:100%; height:auto;}
.row04 .lbar .back{ margin-top:20px; padding-top:9px; border-top:1px solid #eee; position:relative;}
.row04 .lbar .back p{ display:block; font-size:14px; height:24px; line-height:24px; overflow:hidden; margin-top:6px;}
.row04 .lbar .back p a{ max-width:700px; overflow:hidden; display:inline-block; vertical-align:middle; height:24px;}
.row04 .lbar .back p a:hover{ color:#942124;}
.row04 .lbar .back span{ position:absolute; right:0; top:15px; font-size:14px; height:24px; line-height:24px;}
.row04 .lbar .back span a:hover{ color:#942124;}

.row04 .rbar{ width:258px; border:1px solid #ddd; border-top:2px solid #942124; float:right; margin:5px 0;}
.row04 .rbar .title{ padding-left:19px; font-size:18px; height:50px; line-height:50px; border-bottom:1px solid #ddd;}
.row04 .rbar ul{ display:block; padding:4px 19px; padding-bottom:15px;}
.row04 .rbar ul li{ display:block; width:100%; margin-top:15px; overflow:hidden;}
.row04 .rbar ul li strong{ width:100%; display:block; height:154px; overflow:hidden;}
.row04 .rbar ul li strong img{ width:100%; display:block;}
.row04 .rbar ul li p{ display:block; overflow:hidden; font-size:16px; height:26px; line-height:26px; padding-top:5px;}
.row04 .rbar ul li span{ display:block; overflow:hidden; font-size:14px; height:22px; line-height:22px; color:#999;}
.row04 .rbar ul li:hover p{ color:#942124;}
}
@media screen and (min-width:769px) and (max-width:1279px){
.row04{ width:94%; margin:50px auto;}
.row04 .lbar{ width:76%; float:left;}
.row04 .lbar .bt{ text-align:center; color:#942124; font-size:20px; line-height:30px;}
.row04 .lbar .sj{ text-align:center; color:#999; font-size:14px; line-height:24px; height:28px; border-bottom:1px solid #eee;}
.row04 .lbar .wen{ font-size:14px; line-height:24px; margin-top:20px;}
.row04 .lbar .wen img{ max-width:100%; height:auto;}
.row04 .lbar .back{ margin-top:15px; padding-top:10px; border-top:1px solid #eee; position:relative;}
.row04 .lbar .back p{ display:block; font-size:14px; height:24px; line-height:24px; overflow:hidden;}
.row04 .lbar .back p a{ max-width:60%; overflow:hidden; display:inline-block; vertical-align:middle; height:24px;}
.row04 .lbar .back p a:hover{ color:#942124;}
.row04 .lbar .back span{ position:absolute; right:0; top:10px; font-size:14px; height:24px; line-height:24px;}
.row04 .lbar .back span a:hover{ color:#942124;}

.row04 .rbar{ width:21.5%; border:1px solid #ddd; border-top:2px solid #942124; float:right; margin:5px 0;}
.row04 .rbar .title{ padding-left:14px; font-size:16px; height:40px; line-height:40px; border-bottom:1px solid #ddd;}
.row04 .rbar ul{ display:block; padding:4px 14px; padding-bottom:10px;}
.row04 .rbar ul li{ display:block; width:100%; margin-top:10px; overflow:hidden;}
.row04 .rbar ul li strong{ width:100%; display:block; overflow:hidden;}
.row04 .rbar ul li strong img{ width:100%; display:block;}
.row04 .rbar ul li p{ display:block; overflow:hidden; font-size:16px; height:22px; line-height:22px; padding-top:5px;}
.row04 .rbar ul li span{ display:block; overflow:hidden; font-size:14px; height:18px; line-height:18px; color:#999;}
.row04 .rbar ul li:hover p{ color:#942124;}
}
@media only screen and (max-width:768px){
.row04{ width:94%; margin:35px auto;}
.row04 .lbar{ width:100%;}
.row04 .lbar .bt{ text-align:center; color:#942124; font-size:18px; line-height:28px;}
.row04 .lbar .sj{ text-align:center; color:#999; font-size:14px; line-height:24px; height:28px; border-bottom:1px solid #eee;}
.row04 .lbar .wen{ font-size:14px; line-height:24px; margin-top:15px;}
.row04 .lbar .wen img{ max-width:100%; height:auto;}
.row04 .lbar .back{ margin-top:10px; padding-top:10px; border-top:1px solid #eee; position:relative;}
.row04 .lbar .back p{ display:block; font-size:14px; height:24px; line-height:24px; overflow:hidden;}
.row04 .lbar .back p a{ max-width:50%; overflow:hidden; display:inline-block; vertical-align:middle; height:24px;}
.row04 .lbar .back p a:hover{ color:#942124;}
.row04 .lbar .back span{ position:absolute; right:0; top:10px; font-size:14px; height:24px; line-height:24px;}
.row04 .lbar .back span a:hover{ color:#942124;}

.row04 .rbar{ display:none;}
}

/*招商合作*/
@media screen and (min-width:1280px){
.row02{ width:100%; padding-top:60px;}
.zs01{ width:1200px; margin:auto; margin-top:30px;}
.zs01 img.img01{ width:100%; display:block;}
.zs01 img.img02{ display:none;}

.zs02{ width:1200px; margin:65px auto; margin-top:70px;}
.zs02 .left{ float:left; width:600px; font-size:14px; line-height:24px; padding-top:25px;}
.zs02 .right{ float:right; width:530px; height:330px; margin-bottom:5px;}
.zs02 .right img{ width:100%; display:block;}
}
@media screen and (min-width:769px) and (max-width:1279px){
.row02{ width:100%; padding-top:47px;}
.zs01{ width:94%; margin:auto; margin-top:25px;}
.zs01 img.img01{ width:100%; display:block;}
.zs01 img.img02{ display:none;}

.zs02{ width:94%; margin:50px auto; margin-top:55px;}
.zs02 .left{ float:left; width:45%; font-size:14px; line-height:24px;}
.zs02 .right{ float:right; width:52%; margin-bottom:5px;}
.zs02 .right img{ width:100%; display:block;}
}
@media only screen and (max-width:768px){
.row02{ width:100%; padding-top:35px;}
.zs01{ width:94%; margin:auto; margin-top:20px;}
.zs01 img.img02{ width:100%; display:block;}
.zs01 img.img01{ display:none;}

.zs02{ width:94%; margin:40px auto; margin-top:35px;}
.zs02 .left{ float:left; width:100%; font-size:14px; line-height:24px;}
.zs02 .right{ float:right; width:100%; margin-top:15px;}
.zs02 .right img{ width:100%; display:block;}
}

@media screen and (min-width:1280px){
.zs03{ width:1200px; margin:30px auto; margin-bottom:70px;}
.zs03 .left{ width:670px; height:340px; float:left;}
.zs03 .left img{ width:100%; display:block;}
.zs03 .right{ width:530px; padding-top:30px; float:left;}
.zs03 .right .r01{ height:56px; margin-left:-30px;}
.zs03 .right .r01 b{ width:110px; height:4px; display:block; background-color:#942124; margin:26px 0; float:left;}
.zs03 .right .r01 strong{ display:block; float:left; font-size:34px; margin-left:30px; color:#942124; line-height:56px;}
.zs03 .right .r02{ margin-left:30px; margin-top:13px; font-size:20px; line-height:36px; color:#666; font-weight:bold;}
.zs03 .right .r03{ margin-left:30px; margin-top:13px; font-size:14px; line-height:30px;}

.zs04{ width:100%; height:470px; background-color:#eee; position:relative;}
.zs04 .box{ width:1920px; height:100%; position:absolute; left:50%; margin-left:-960px; top:0;}
.zs04 .box .left{ width:890px; float:right; height:100%; background-position:center; background-repeat:no-repeat; background-size:cover;}
.zs04 .box .left img{ display:none;}
.zs04 .box .right{ width:670px; float:right; padding-top:70px;}
.zs04 .box .right .r01{ font-size:18px; line-height:34px; height:34px; font-weight:bold; color:#942124; width:620px;}
.zs04 .box .right .r02{ font-size:14px; line-height:30px; width:620px;}
.zs04 .box .right .r03{ width:100%; height:20px;}
}
@media screen and (min-width:769px) and (max-width:1279px){
.zs03{ width:94%; margin:25px auto; margin-bottom:55px;}
.zs03 .left{ width:55%; float:left;}
.zs03 .left img{ width:100%; display:block;}
.zs03 .right{ width:45%; padding-top:15px; float:left;}
.zs03 .right .r01{ margin-left:-30px;}
.zs03 .right .r01 b{ width:60px; height:4px; display:block; background-color:#942124; margin:15px 0; float:left;}
.zs03 .right .r01 strong{ display:block; float:left; font-size:24px; margin-left:3%; color:#942124; line-height:34px;}
.zs03 .right .r02{ margin-left:3%; margin-top:10px; font-size:18px; line-height:28px; color:#666; font-weight:bold;}
.zs03 .right .r03{ margin-left:3%; margin-top:10px; font-size:14px; line-height:24px;}

.zs04{ width:100%; height:400px; background-color:#eee; position:relative;}
.zs04 .box{ width:100%; height:100%;}
.zs04 .box .left{ width:50%; float:right; height:100%; background-position:center; background-repeat:no-repeat; background-size:cover;}
.zs04 .box .left img{ display:none;}
.zs04 .box .right{ width:44%; float:right; padding:50px 3%;}
.zs04 .box .right .r01{ font-size:18px; line-height:28px; height:28px; font-weight:bold; color:#942124;}
.zs04 .box .right .r02{ font-size:14px; line-height:24px;}
.zs04 .box .right .r03{ width:100%; height:15px;}
}
@media only screen and (max-width:768px){
.zs03{ width:94%; margin:20px auto; margin-bottom:35px;}
.zs03 .left{ width:100%; float:left;}
.zs03 .left img{ width:100%; display:block;}
.zs03 .right{ width:100%; padding-top:10px; float:left;}
.zs03 .right .r01 b{ width:30px; height:4px; display:block; background-color:#942124; margin:12px 0; float:left;}
.zs03 .right .r01 strong{ display:block; float:left; font-size:18px; margin-left:3%; color:#942124; line-height:28px;}
.zs03 .right .r02{ margin-top:5px; font-size:16px; line-height:26px; color:#666; font-weight:bold;}
.zs03 .right .r03{ margin-top:5px; font-size:14px; line-height:24px;}

.zs04{ width:100%; background-color:#eee; position:relative;}
.zs04 .box{ width:100%; height:100%;}
.zs04 .box .left{ width:100%; float:right; background-image:none;}
.zs04 .box .left img{ display:block; width:100%;}
.zs04 .box .right{ width:94%; float:right; padding:35px 3%;}
.zs04 .box .right .r01{ font-size:18px; line-height:28px; height:28px; font-weight:bold; color:#942124;}
.zs04 .box .right .r02{ font-size:14px; line-height:24px;}
.zs04 .box .right .r03{ width:100%; height:10px;}
}

@media screen and (min-width:1280px){
.zs05{ width:1200px; margin:25px auto; margin-bottom:70px;}
.zs05 .biao{ text-align:center; font-size:24px; line-height:34px; margin-bottom:5px; font-weight:bold;}
.zs05 .list{ width:1220px; display:block; overflow:hidden;}
.zs05 .list li{ width:285px; height:190px; display:block; overflow:hidden; position:relative; float:left; margin-top:20px; margin-right:20px;}
.zs05 .list li img{ width:100%; display:block;}
.zs05 .list li .wen{ width:100%; height:100%; background-image:url(../images/hz05.png); background-position:left bottom; background-repeat:repeat-x; position:absolute; left:0; top:0;}
.zs05 .list li .wen p{ display:block; padding:0 20px; position:absolute; left:5%; bottom:12px; line-height:26px; font-size:16px; text-align:center; color:#fff; overflow:hidden;}
.zs05 .list li .mask{ width:100%; height:100%; background-color:rgba(0,0,0,0.7); position:absolute; left:0; top:0; display:none; text-align:center; vertical-align:middle;}
.zs05 .list li .mask .nei{ width:100%; height:100%; display:table-cell; text-align:center; vertical-align:middle; overflow:hidden;}
.zs05 .list li .mask .nei span{ padding:0 20px; display:block; color:#fff; font-size:20px; line-height:30px;}
.zs05 .list li .mask .nei p{ padding:5px 20px; display:block; color:#fff; font-size:14px; line-height:24px;}
.zs05 .list li .mask .nei strong{ margin:5px auto; display:block; width:20px;}
.zs05 .list li:hover .wen{ display:none;}
.zs05 .list li:hover .mask{ display:table;}

.z06{ width:100%; padding:70px 0; background-position:center; background-repeat:no-repeat; background-attachment:fixed; position:relative;}
.z06 .bg{ width:100%; height:100%; background-color:rgba(0,0,0,0.3); position:absolute; left:0; top:0; z-index:0;}
.z06 .box{ width:1200px; margin:auto; position:relative; z-index:1;}
.z06 .box .left{ float:left;}
.z06 .box .left img{ display:block;}
.z06 .box .right{ float:right; padding:22px 30px; padding-left:70px; width:660px; background-color:#fff;}
.z06 .box .right .r01{ font-size:24px; height:44px; line-height:42px; color:#942124; font-weight:bold; margin-bottom:11px;}
.z06 .box .right .r01 b{ display:block; width:40px; height:2px; background-color:#942124;}
.z06 .box .right .r02{ font-size:16px; line-height:32px; margin-bottom:23px;}
.z06 .box .right .r03{ font-size:14px; line-height:30px; margin-bottom:9px;}
.z06 .box .right .r04{ font-size:24px; height:42px; line-height:42px; color:#942124; font-weight:bold; text-align:right;}
}
@media screen and (min-width:769px) and (max-width:1279px){
.zs05{ width:100%; margin:20px auto; margin-bottom:55px;}
.zs05 .biao{ width:94%; margin:auto; text-align:center; font-size:18px; line-height:28px; margin-bottom:5px; font-weight:bold;}
.zs05 .list{ width:100%; display:block; overflow:hidden;}
.zs05 .list li{ width:21.25%; height:150px; display:block; overflow:hidden; position:relative; float:left; margin-top:20px; margin-left:3%;}
.zs05 .list li img{ width:100%; display:block;}
.zs05 .list li .wen{ width:100%; height:100%; background-image:url(../images/hz05.png); background-position:left bottom; background-repeat:repeat-x; position:absolute; left:0; top:0;}
.zs05 .list li .wen p{ display:block; padding:0 15px; position:absolute; left:5%; bottom:12px; line-height:26px; font-size:16px; text-align:center; color:#fff; overflow:hidden;}
.zs05 .list li .mask{ width:100%; height:100%; background-color:rgba(0,0,0,0.7); position:absolute; left:0; top:0; display:none; text-align:center; vertical-align:middle;}
.zs05 .list li .mask .nei{ width:100%; height:100%; display:table-cell; text-align:center; vertical-align:middle; overflow:hidden;}
.zs05 .list li .mask .nei span{ padding:0 15px; display:block; color:#fff; font-size:18px; line-height:28px;}
.zs05 .list li .mask .nei p{ padding:5px 15px; display:block; color:#fff; font-size:14px; line-height:24px;}
.zs05 .list li .mask .nei strong{ margin:5px auto; display:block; width:20px;}
.zs05 .list li:hover .wen{ display:none;}
.zs05 .list li:hover .mask{ display:table;}

.z06{ width:100%; padding:55px 0; background-position:center; background-repeat:no-repeat; background-attachment:fixed; position:relative;}
.z06 .bg{ width:100%; height:100%; background-color:rgba(0,0,0,0.3); position:absolute; left:0; top:0; z-index:0;}
.z06 .box{ width:94%; margin:auto; position:relative; z-index:1;}
.z06 .box .left{ float:left; width:7%;}
.z06 .box .left img{ display:block; width:100%;}
.z06 .box .right{ float:right; padding:22px 4%; width:55%; background-color:#fff;}
.z06 .box .right .r01{ font-size:20px; height:40px; line-height:38px; color:#942124; font-weight:bold; margin-bottom:5px;}
.z06 .box .right .r01 b{ display:block; width:40px; height:2px; background-color:#942124;}
.z06 .box .right .r02{ font-size:16px; line-height:26px; margin-bottom:5px;}
.z06 .box .right .r03{ font-size:14px; line-height:24px; margin-bottom:5px;}
.z06 .box .right .r04{ font-size:20px; line-height:38px; color:#942124; font-weight:bold; text-align:right;}
}
@media only screen and (max-width:768px){
.zs05{ width:100%; margin:15px auto; margin-bottom:40px;}
.zs05 .biao{ width:94%; margin:auto; text-align:center; font-size:16px; line-height:26px; font-weight:bold;}
.zs05 .list{ width:100%; display:block; overflow:hidden;}
.zs05 .list li{ width:45.5%; height:130px; display:block; overflow:hidden; position:relative; float:left; margin-top:15px; margin-left:3%;}
.zs05 .list li img{ width:100%; display:block;}
.zs05 .list li .wen{ width:100%; height:100%; background-image:url(../images/hz05.png); background-position:left bottom; background-repeat:repeat-x; position:absolute; left:0; top:0;}
.zs05 .list li .wen p{ display:block; padding:0 10px; position:absolute; left:5%; bottom:10px; line-height:20px; font-size:14px; text-align:center; color:#fff; overflow:hidden;}
.zs05 .list li .mask{ width:100%; height:100%; background-color:rgba(0,0,0,0.7); position:absolute; left:0; top:0; display:none; text-align:center; vertical-align:middle;}
.zs05 .list li .mask .nei{ width:100%; height:100%; display:table-cell; text-align:center; vertical-align:middle; overflow:hidden;}
.zs05 .list li .mask .nei span{ padding:0 10px; display:block; color:#fff; font-size:16px; line-height:22px;}
.zs05 .list li .mask .nei p{ padding:5px 10px; padding-top:0; display:block; color:#fff; font-size:14px; line-height:20px;}
.zs05 .list li .mask .nei strong{ margin:3px auto; margin-top:0; display:block; width:20px;}
.zs05 .list li:hover .wen{ display:none;}
.zs05 .list li:hover .mask{ display:table;}

.z06{ width:100%; padding:40px 0; background-position:center; background-repeat:no-repeat; background-size:cover; position:relative;}
.z06 .bg{ width:100%; height:100%; background-color:rgba(0,0,0,0.3); position:absolute; left:0; top:0; z-index:0;}
.z06 .box{ width:94%; margin:auto; position:relative; z-index:1;}
.z06 .box .left{ float:left; width:7%;}
.z06 .box .left img{ display:block; width:100%;}
.z06 .box .right{ float:right; padding:10px 3%; width:84%; background-color:#fff;}
.z06 .box .right .r01{ font-size:18px; height:30px; line-height:28px; color:#942124; font-weight:bold; margin-bottom:5px;}
.z06 .box .right .r01 b{ display:block; width:40px; height:2px; background-color:#942124;}
.z06 .box .right .r02{ font-size:14px; line-height:24px; margin-bottom:5px;}
.z06 .box .right .r03{ font-size:14px; line-height:24px; margin-bottom:5px;}
.z06 .box .right .r04{ font-size:16px; line-height:26px; color:#942124; font-weight:bold; text-align:right;}
}

/*联系我们*/
@media screen and (min-width:1280px){
.lx01{ width:1198px; margin:auto; margin-top:30px;}
.lx01 ul{ width:1226px; display:block; overflow:hidden;}
.lx01 ul li{ width:280px; float:left; display:block; background-color:#f1f1f1; overflow:hidden; margin-right:26px; height:370px;}
.lx01 ul li strong{ height:50px; padding:30px 0; display:block; overflow:hidden;}
.lx01 ul li strong img{ display:block; height:50px; margin:auto;}
.lx01 ul li b{ display:block; overflow:hidden; height:2px; width:100%; background-image:url(../images/cline.jpg); background-position:center; background-repeat:no-repeat;}
.lx01 ul li p{ width:240px; height:218px; padding:20px; display:table; text-align:center; vertical-align:middle; overflow:hidden;}
.lx01 ul li p span{ width:100%; height:100%; display:table-cell; text-align:center; vertical-align:middle; overflow:hidden; font-size:18px; line-height:30px;}
.lx01 ul li p span a{ color:#942124;}
.lx01 ul li p em{ display:block; width:110px; margin:0 5px; overflow:hidden; font-style:normal;}
.lx01 ul li p em img{ width:100%; display:block;}
.lx01 ul li p em i{ display:block; font-style:normal; font-size:14px; line-height:14px; margin-top:10px;}

#map{ width:100%; height:470px;}
}
@media screen and (min-width:769px) and (max-width:1279px){
.lx01{ width:100%; margin:auto; margin-top:25px;}
.lx01 ul{ width:100%; display:block; overflow:hidden;}
.lx01 ul li{ width:21.25%; float:left; display:block; background-color:#f1f1f1; overflow:hidden; margin-left:3%;}
.lx01 ul li strong{ height:50px; padding:20px 0; display:block; overflow:hidden;}
.lx01 ul li strong img{ display:block; height:50px; margin:auto;}
.lx01 ul li b{ display:block; overflow:hidden; height:2px; width:94%; margin:auto; background-image:url(../images/cline.jpg); background-position:center; background-repeat:no-repeat;}
.lx01 ul li p{ width:94%; height:200px; padding:15px 3%; display:table; text-align:center; vertical-align:middle; overflow:hidden;}
.lx01 ul li p span{ width:100%; height:100%; display:table-cell; text-align:center; vertical-align:middle; overflow:hidden; font-size:16px; line-height:26px;}
.lx01 ul li p span a{ color:#942124;}
.lx01 ul li p em{ display:block; width:48%; margin:0 1%; overflow:hidden; font-style:normal;}
.lx01 ul li p em img{ width:100%; display:block;}
.lx01 ul li p em i{ display:block; font-style:normal; font-size:14px; line-height:14px; margin-top:5px;}

#map{ width:100%; height:400px;}
}
@media only screen and (max-width:768px){
.lx01{ width:100%; margin:auto; margin-top:5px;}
.lx01 ul{ width:100%; display:block; overflow:hidden;}
.lx01 ul li{ width:45.5%; float:left; display:block; background-color:#f1f1f1; overflow:hidden; margin-left:3%; margin-top:15px;}
.lx01 ul li strong{ height:50px; padding:15px 0; display:block; overflow:hidden;}
.lx01 ul li strong img{ display:block; height:50px; margin:auto;}
.lx01 ul li b{ display:block; overflow:hidden; height:2px; width:94%; margin:auto; background-image:url(../images/cline.jpg); background-position:center; background-repeat:no-repeat;}
.lx01 ul li p{ width:94%; height:140px; padding:10px 3%; display:table; text-align:center; vertical-align:middle; overflow:hidden;}
.lx01 ul li p span{ width:100%; height:100%; display:table-cell; text-align:center; vertical-align:middle; overflow:hidden; font-size:14px; line-height:24px;}
.lx01 ul li p span a{ color:#942124;}
.lx01 ul li p em{ display:block; width:48%; margin:0 1%; overflow:hidden; font-style:normal;}
.lx01 ul li p em img{ width:100%; display:block;}
.lx01 ul li p em i{ display:block; font-style:normal; font-size:12px; line-height:12px; margin-top:5px;}

#map{ width:100%; height:360px;}
}

/*在线留言*/
@media screen and (min-width:1280px){
.lx02{ width:1200px; margin:30px auto; margin-bottom:70px; height:500px; position:relative;}
.lx02 .left{ width:500px; position:absolute; left:0; top:0;}
.lx02 .left img{ width:100%; display:block;}
.lx02 .right{ width:780px; padding:30px; padding-top:61px; float:right; background-image:url(../images/lx03.png); background-position:right top; background-repeat:no-repeat; margin-top:17px; overflow:hidden;}
.lx02 .right .r01{ float:left; margin-top:20px; width:350px;}
.lx02 .right .r01 span{ display:block; float:left; text-align:right; width:60px; margin-right:10px; height:44px; line-height:44px; font-size:14px;}
.lx02 .right .r01 input{ display:block; float:left; width:280px; height:44px; line-height:44px; font-size:14px; background-color:#fff; text-indent:10px; overflow:hidden;}
.lx02 .right .r01 select{ display:block; float:left; width:280px; height:44px; line-height:44px; font-size:14px; background-color:#fff; text-indent:10px; overflow:hidden;}
.lx02 .right .r02{ float:left; margin-top:20px; width:350px; margin-left:80px;}
.lx02 .right .r02 span{ display:block; float:left; text-align:right; width:60px; margin-right:10px; height:44px; line-height:44px; font-size:14px;}
.lx02 .right .r02 input{ display:block; float:left; width:280px; height:44px; line-height:44px; font-size:14px; background-color:#fff; text-indent:10px; overflow:hidden;}
.lx02 .right .r02 select{ display:block; float:left; width:280px; height:44px; line-height:44px; font-size:14px; background-color:#fff; text-indent:10px; overflow:hidden;}
.lx02 .right .r03{ float:left; margin-top:20px; width:780px;}
.lx02 .right .r03 span{ display:block; float:left; text-align:right; width:60px; margin-right:10px; height:44px; line-height:44px; font-size:14px;}
.lx02 .right .r03 textarea{ display:block; float:left; width:690px; padding:10px; height:60px; line-height:24px; font-size:14px; background-color:#fff; overflow:auto;}
.lx02 .right .r05{ float:left; margin-top:20px; width:780px; position:relative;}
.lx02 .right .r05 span{ margin-left:70px; display:block; float:left; height:42px; line-height:42px; font-size:16px;}
.lx02 .right .r05 input{ width:120px; height:42px; line-height:42px; text-align:center; font-size:16px; color:#fff; cursor:pointer; background-color:#942124; display:block; float:right;}
}
@media screen and (min-width:769px) and (max-width:1279px){
.lx02{ width:94%; margin:25px auto; margin-bottom:55px; height:500px; position:relative;}
.lx02 .left{ width:500px; position:absolute; left:0; top:0;}
.lx02 .left img{ width:100%; display:block;}
.lx02 .right{ width:65%; padding:30px 2.5%; padding-top:61px; float:right; background-image:url(../images/lx03.png); background-position:right top; background-repeat:no-repeat; overflow:hidden;}
.lx02 .right .r01{ float:left; margin-top:20px; width:48%; padding-left:70px; box-sizing:border-box; position:relative;}
.lx02 .right .r01 span{ display:block; position:absolute; left:0; top:0; text-align:right; width:60px; margin-right:10px; height:44px; line-height:44px; font-size:14px;}
.lx02 .right .r01 input{ display:block; float:left; width:100%; height:44px; line-height:44px; font-size:14px; background-color:#fff; text-indent:10px; overflow:hidden;}
.lx02 .right .r02 select{ display:block; float:left; width:100%; height:44px; line-height:44px; font-size:14px; background-color:#fff; text-indent:10px; overflow:hidden;}
.lx02 .right .r02{ float:left; margin-top:20px; width:48%; margin-left:4%; padding-left:70px; box-sizing:border-box; position:relative;}
.lx02 .right .r02 span{ display:block; position:absolute; left:0; top:0; text-align:right; width:60px; margin-right:10px; height:44px; line-height:44px; font-size:14px;}
.lx02 .right .r02 input{ display:block; float:left; width:100%; height:44px; line-height:44px; font-size:14px; background-color:#fff; text-indent:10px; overflow:hidden;}
.lx02 .right .r02 select{ display:block; float:left; width:100%; height:44px; line-height:44px; font-size:14px; background-color:#fff; text-indent:10px; overflow:hidden;}
.lx02 .right .r03{ float:left; margin-top:20px; width:100%; position:relative; padding-left:70px; box-sizing:border-box;}
.lx02 .right .r03 span{ display:block; position:absolute; left:0; top:0; text-align:right; width:60px; margin-right:10px; height:44px; line-height:44px; font-size:14px;}
.lx02 .right .r03 textarea{ display:block; float:left; width:100%; box-sizing:border-box; padding:10px; height:80px; line-height:24px; font-size:14px; background-color:#fff; overflow:auto;}
.lx02 .right .r05{ float:left; margin-top:20px; width:100%; position:relative;}
.lx02 .right .r05 span{ margin-left:70px; display:block; float:left; height:42px; line-height:42px; font-size:14px;}
.lx02 .right .r05 input{ width:120px; height:42px; line-height:42px; text-align:center; font-size:16px; color:#fff; cursor:pointer; background-color:#942124; display:block; float:right;}
}
@media only screen and (max-width:768px){
.lx02{ width:94%; margin:20px auto; margin-bottom:40px; position:relative;}
.lx02 .left{ display:none;}
.lx02 .right{ width:94%; padding:25px 3%; padding-top:56px; float:right; background-image:url(../images/lx03.jpg); background-position:right top; background-repeat:no-repeat; overflow:hidden; background-color:#f1f1f1;}
.lx02 .right .r01{ float:left; margin-top:15px; width:100%; padding-left:70px; box-sizing:border-box; position:relative;}
.lx02 .right .r01 span{ display:block; position:absolute; left:0; top:0; text-align:right; width:60px; margin-right:10px; height:44px; line-height:44px; font-size:14px;}
.lx02 .right .r01 input{ display:block; float:left; width:100%; height:44px; line-height:44px; font-size:14px; background-color:#fff; text-indent:10px; overflow:hidden;}
.lx02 .right .r01 select{ display:block; float:left; width:100%; height:44px; line-height:44px; font-size:14px; background-color:#fff; text-indent:10px; overflow:hidden;}
.lx02 .right .r02{ float:left; margin-top:15px; width:100%; padding-left:70px; box-sizing:border-box; position:relative;}
.lx02 .right .r02 span{ display:block; position:absolute; left:0; top:0; text-align:right; width:60px; margin-right:10px; height:44px; line-height:44px; font-size:14px;}
.lx02 .right .r02 input{ display:block; float:left; width:100%; height:44px; line-height:44px; font-size:14px; background-color:#fff; text-indent:10px; overflow:hidden;}
.lx02 .right .r02 select{ display:block; float:left; width:100%; height:44px; line-height:44px; font-size:14px; background-color:#fff; text-indent:10px; overflow:hidden;}
.lx02 .right .r03{ float:left; margin-top:15px; width:100%; position:relative; padding-left:70px; box-sizing:border-box;}
.lx02 .right .r03 span{ display:block; position:absolute; left:0; top:0; text-align:right; width:60px; margin-right:10px; height:44px; line-height:44px; font-size:14px;}
.lx02 .right .r03 textarea{ display:block; float:left; width:100%; box-sizing:border-box; padding:10px; height:80px; line-height:24px; font-size:14px; background-color:#fff; overflow:auto;}
.lx02 .right .r05{ float:left; margin-top:10px; width:100%; position:relative;}
.lx02 .right .r05 span{ display:none;}
.lx02 .right .r05 input{ width:120px; height:42px; line-height:42px; text-align:center; font-size:14px; color:#fff; cursor:pointer; background-color:#942124; display:block; float:right;}
}