﻿.banner_x{background-color:#f8f8f8;width:100%;height:450px;min-width:1200px; margin-top:60px;}
	.banner_x-content{width:100%;height:450px;position:relative; background:#222}
	.banner_x-content-background{width:100%;min-width:1200px; height:450px;}
	.banner_x-content-absolute{position:absolute;top:0;left:0;width:100%;height:450px;z-index:2}
	.banner_x-content-absolute-center{width:1200px;height:450px;margin:0 auto;}
	.banner_x-left{width:280px;height:446px;;background-color:#fff;float: left;}
	.div td{text-align:center;width:25%}
	.banner_x-center{width:100%;height:100%;}
	.banner_x-right{width:240px;height:100%;background-color:#363636;float: right;}
	.banner_x-left-content-title{font-size:16px;line-height:24px;color:#000000;border-bottom:2px solid #b2a49d;padding-bottom:5px;margin:0 0 0 18px;width:33px}
	.banner_x-left a{font-size:14px;line-height:24px;color:#8e7a70}
	.div{width:100%}
	.banner_x-left-content{height:25%}
	.center1{height:300px}
	.color1{background-color:#f8f8f8}
	.table p{width:25%;float:left;text-align:center}
	.p10{height:10px; margin:0}


.f-z-title{margin:43px 0 20px 0}
.f-z-title p{text-transform:uppercase;margin-top:8px;}
.f-z-title p.f-title-ch{font-size:16px}
.title-pu{font-size:24px;text-align:center;position:relative}
.title-pu i{width:30px;height:4px;display:inline-block;vertical-align:middle;background:#b71c25;margin:0 10px}
.title-pu strong{color:#fff; font-weight:normal}
.title-pu em{color:#b71c25}
.f-z-title{text-align:center;font-size:12px;color:#fff}
.er-title{font-size:18px;color:#999;text-align:center;margin-bottom:10px;margin-top:10px}

.more-r{width:164px;height:37px;line-height:37px;text-align:center;font-size:16px;color:#b71c24;border:1px solid #b71c24;display:block;margin:0 auto;border-radius:30px}
.more-r{background:#b71c24;color:#fff}
.up-f-more{ border-left:5px solid #b71c25; padding-left:10px; height:20px; line-height:20px; font-size:18px;}
.up-f-more strong{ display:block;}
.up-f-more strong a{ color:#fff;}
.up-f-more p{font-size:14px;color:#fff; float:right;}
.up-f-more p a{ color:#fff; padding-right:10px;}
.up-f-more p a.more{ color:#666; font-size:12px; padding-left:20px;}

.big-vr{width:570px;height:415px;overflow:hidden;position:relative}
.vr-box-hz{margin-top:15px}
.big-vr img{width:100%}
.hr-img{width:100%; height:100%;}
.hr-img2{width:570px;height:415px;}
.hr-img:hover{transform:scale(1.05)}
.hr-img2:hover{transform:scale(1.05)}
.vr-zzc{width:100%;height:39px;position:absolute;bottom:0;left:0;line-height:39px;text-align:center;font-size:0;background:rgba(0,0,0,0.4)}
.vr-zzc i{width:22px;height:22px;display:inline-block;background-position:-97px -104px;vertical-align:middle;margin-right:10px}
.vr-zzc span{color:#ffffff;font-size:16px;vertical-align:middle}
.small-vr{ width:630px; padding:0; margin:0;}
.small-vr li{width:300px;height:200px;overflow:hidden; float:left;margin:0 0 15px 15px; position:relative}
.small-vrs{ width:630px; padding:0; margin:0;}
.small-vrs li{width:300px;height:200px;overflow:hidden; float:left;margin:0 15px 15px 0; position:relative}
.big-vrs{width:570px;height:415px;overflow:hidden;position:relative}
.big-vrs img{width:100%}

.js-zs-box{width:100%; margin:auto;background:#444;overflow:hidden}
.js-zs-box .about-box{width:1200px}
.about-box{width:1200px;margin:50px auto 20px}
.r-about{color:#333333;width:546px}
.about-box .r-about h4{font-size:19px;margin-bottom:37px;font-weight:bold}
.about-box .r-about p{font-size:16px;color:#fff;line-height:35px;margin-bottom:29px}
.about-box .r-about p em{font-weight:bold}
.l-about{ width:634px; margin-right:20px}
.l-about img{ width:100%;}
.ys-zs-box{overflow:hidden}
.xx-zm{width:100px;height:100px;border-radius:50%;border:1px solid #be323a;color:#be323a;text-align:center;line-height:100px;font-size:80px; margin-top:10px;}
.xx-font{width:263px;margin-left:15px}
.xx-font h4{font-size:24px;color:#fff;margin-bottom:0px; margin-top:0px;}
.xx-font p{font-size:14px;color:#999}
.ys-item-yc{margin:0px; padding:0px;}
.ys-item-yc li{float:left;margin-right:0;margin-bottom:20px; width:400px; height:160px;}
.ys-item-yc li:nth-child(3n){margin-right:0}



.service-lc{width:100%; margin:auto;height:auto;overflow:hidden;background:#444;}
.lc-bg-tu{width:1200px;height:189px;margin:65px auto;}

fieldset,img{border:0}
address,caption,cite,code,dfn,em,th,var{font-style:normal;font-weight:normal}
ol,ul,li{list-style:none}
h1,h2,h3,h4,h5,h6{font-size:100%;font-weight:normal}



.gy-width{width:1200px;margin:0 auto}
.g-fl{float:left}
.g-fr{float:right}
.c:before,.c:after{content:"";display:table}
.c:after{clear:both}
.c{zoom:1}
.vr-box {margin-bottom: 25px;}

@media screen and (max-width: 1100px){
.banner_x{ display:none;}
.yd_box{ margin-top:150px;}
.gy-width{width:96%;}
.up-f-more p a{ display:none;}
.up-f-more p a.more{ display:block;}
.big-vr{width:100%;height:100%;}
.hr-img2{width:100%;height:100%;}
.small-vr{ width:100%; margin-top:2%;}
.small-vr li{width:49%;height:100%;margin:0 2% 2% 0; position:relative}
.small-vr li:nth-child(2n){ margin-right:0}
.vr-zzc{height:28px;line-height:28px;}
.vr-zzc span{font-size:12px;}
.small-vrs{ width:100%;}
.small-vrs li{width:49%;height:100%;margin:0 2% 2% 0; position:relative}
.small-vrs li:nth-child(2n){ margin-right:0}
.big-vrs{width:100%;height:100%;}

.js-zs-box{width:100%;background:#444;overflow:hidden}
.f-z-title{margin:23px 0 10px 0}
.f-z-title p{margin:0px;}
.js-zs-box .about-box{width:100%}
.about-box{width:100%;margin:20px auto 10px}
.l-about{ width:100%; margin-right:0px}
.r-about{width:96%; margin:0 2%;}
.about-box .r-about h4{font-size:16px;margin-bottom:17px;padding-top:10px; text-align:center}
.about-box .r-about p{font-size:14px;line-height:25px;margin-bottom:15px}
.ys-item-yc li{margin-bottom:20px; width:100%; height:auto;}
.xx-zm{width:20%;height:100%;border-radius:50%;border:1px solid #be323a;color:#be323a;text-align:center;line-height:100%;font-size:80px; margin-top:10px;}
.xx-font{width:76%;margin-left:4%}
.xx-font h4{font-size:18px;}
.xx-font p{font-size:14px; margin:0}

.service-lc{width:100%;}
.lc-bg-tu{width:96%;height:100%;margin:65px auto;}
}

@media screen and (max-width: 767px){
.banner_x{ display:none;}
.yd_box{ margin-top:70px;}
.gy-width{width:96%;}
.up-f-more p a{ display:none;}
.up-f-more p a.more{ display:block;}
.big-vr{width:100%;height:100%;}
.hr-img2{width:100%;height:100%;}
.small-vr{ width:100%; margin-top:2%;}
.small-vr li{width:49%;height:100%;margin:0 2% 2% 0; position:relative}
.small-vr li:nth-child(2n){ margin-right:0}
.vr-zzc{height:28px;line-height:28px;}
.vr-zzc span{font-size:12px;}
.small-vrs{ width:100%;}
.small-vrs li{width:49%;height:100%;margin:0 2% 2% 0; position:relative}
.small-vrs li:nth-child(2n){ margin-right:0}
.big-vrs{width:100%;height:100%;}

.js-zs-box{width:100%;background:#444;overflow:hidden}
.f-z-title{margin:23px 0 10px 0}
.f-z-title p{margin:0px;}
.js-zs-box .about-box{width:100%}
.about-box{width:100%;margin:20px auto 10px}
.l-about{ width:100%; margin-right:0px}
.r-about{width:96%; margin:0 2%;}
.about-box .r-about h4{font-size:16px;margin-bottom:17px;padding-top:10px; text-align:center}
.about-box .r-about p{font-size:14px;line-height:25px;margin-bottom:15px}
.ys-item-yc li{margin-bottom:20px; width:100%; height:auto;}
.xx-zm{width:20%;height:100%;border-radius:50%;border:1px solid #be323a;color:#be323a;text-align:center;line-height:100%;font-size:80px; margin-top:10px;}
.xx-font{width:76%;margin-left:4%}
.xx-font h4{font-size:18px;}
.xx-font p{font-size:14px; margin:0}

.service-lc{width:100%;}
.lc-bg-tu{width:96%;height:100%;margin:65px auto;}


}





