@charset "utf-8"; 
/*banner*/ 
 
.banner{  position:relative; z-index:1;}
.banner .item{ background-position:center; background-repeat:no-repeat; background-size:cover} 
.banner  img{ display:block; width:100%; height:530px;}
.banner .slick-dots{ position:absolute; z-index:2; bottom:20px; left:0; right:0; text-align:center; }
.banner .slick-dots li{ display:inline-block; width:11px; height:11px; border:1px solid #fff; border-radius:50%;background-color:#fff; margin:0 8px; cursor:pointer}
.banner .slick-dots li.slick-active{ background-color:#b28850; border:1px solid #b28850  }
.banner .slick-dots button{ display:none}

.index01{ padding-top:60px; margin-bottom:60px}
.plo{ height:46px; border-bottom:1px solid #c7c7c7; margin-bottom:40px}
.plo .title{ float:left; line-height:24px;} 
.plo .title h3{ color:#caa16d; font-size:24px; font-weight:normal; border-left:5px solid #b28850; padding-left:20px; display:inline-block;}
.plo .title .eng{ display:inline-block; vertical-align:bottom; color:#8b8b8b; font-size:18px; margin-left:15px; text-transform:uppercase}
.plo .more{ float:right;}
.plo .more a{ font-size:14px; color:#595757}
.plo .more a:after{ content:">"; font-family:"宋体"; border-radius:50%; position:relative;top:-1px; margin-left:10px; display:inline-block; width:14px; height:14px; line-height:14px; text-align:center; color:#fff; background-color:#727171; font-size:12px;}

.index01left{ width:48%; float:left}
.index01left .img{ height:365px;}
.index01left .img img{ display:block; width:100%; height:100%}
.index01left h3{ height:46px; line-height:46px; background-color:#b1aca5; font-size:16px; padding-left:10px; padding-right:110px; font-weight:normal; color:#fff;overflow: hidden;white-space: nowrap;text-overflow: ellipsis;}
.index01left .slick-dots{ position:absolute; z-index:2; bottom:12px; right:0;}
.index01left .slick-dots button{ display:none}
.index01left .slick-dots li{ margin-right:10px; display:inline-block; width:10px; height:10px; background-color:#fff; border-radius:50%; cursor:pointer;}
.index01left .slick-dots li.slick-active{ background-color:#b28850;}

.index01right{ float:right; width:48%}
.index01right li{ border-bottom:1px dashed #eee}
.index01right li a{ position:relative; display:block; height:68px; line-height:68px;}
.index01right li span{ display:block; position:absolute; z-index:2; right:0;top:0;color:#999}
.index01right li h3{ font-weight:normal;overflow: hidden;white-space: nowrap;text-overflow: ellipsis; font-size:18px; padding-right:100px; }
.index01right li h3:before{ content:""; display:inline-block; width:6px; height:6px; background-color:#c8c9c9; margin-right:10px; border-radius:50%; vertical-align:middle}

.index02{ margin-bottom:60px;}
.index02 .bd li{ border-bottom:1px dashed #eee; width:48%; float:left}
.index02 .bd li:nth-child(even){ float:right}
.index02 .bd li a{ position:relative; display:block; height:62px; line-height:62px;}
.index02 .bd li span{ display:block; position:absolute; z-index:2; right:0;top:0;color:#999}
.index02 .bd li h3{ font-weight:normal;overflow: hidden;white-space: nowrap;text-overflow: ellipsis; font-size:16px; padding-right:100px; }
.index02 .bd li h3:before{ content:""; display:inline-block; width:4px; height:4px; background-color:#c8c9c9; margin-right:10px; vertical-align:middle}

.index03{ margin-bottom:60px}
.index03 .plo{ margin-bottom:30px}
.index03 .bd{ margin:0 -10px; position:relative; overflow:hidden}
.index03 .bd .item{ padding:10px 0;  }
.index03 .bd a{ display:block; margin:0 10px; background-color:#fff; box-shadow:0 0 10px rgba(0,0,0,.2)}
.index03 .bd .img{ height:245px}
.index03 .bd .img img{ display:block; width:100%; height:100%}
.index03 .bd h3{ height:55px; line-height:55px; font-weight:normal; font-size:16px; padding:0 10px; text-align:center;overflow: hidden;white-space: nowrap;text-overflow: ellipsis;}
.index03 .bd .item{ float:left; width:25%}

.index03 .bd .slick-arrow{ overflow:hidden; text-indent:-999px; position:absolute; z-index:2;  top:50%; width:30px; height:60px; background-repeat:no-repeat; background-position:center; background-size:100%; border:none; cursor:pointer; margin-top:-40px}
.index03 .bd .slick-prev{ background-image:url(../images/ico-prev.png); left:0;}
.index03 .bd .slick-next{ background-image:url(../images/ico-next.png); right:0;}

/*栏目页面*/
.nbanner .img{ height:320px; background-size:cover; background-repeat:no-repeat; background-position:center;}
.nbanner .img img{ display:block; width:100%; height:320px;}
.nbanner .slick-dots{ position:absolute; z-index:2; bottom:20px; left:0; right:0; text-align:center; }
.nbanner .slick-dots li{ display:inline-block; width:11px; height:11px; border:1px solid #fff; border-radius:50%;background-color:#fff; margin:0 8px; cursor:pointer}
.nbanner .slick-dots li.slick-active{ background-color:#b28850; border:1px solid #b28850  }
.nbanner .slick-dots button{ display:none}
.lanmutitle{ background-color:#e2b870; color:#fff; height:58px; padding:0 20px; padding-top:5px;}
.lanmutitle h3{ font-size:20px; font-weight:normal;}
.lanmutitle .line{ height:2px; background-color:#fff; width:40px; margin-top:5px;}

.lanmumanin{ padding-top:20px; padding-bottom:100px;}
.lanmuleft{ float:left; width:235px;}
.lanmuright{ padding-left:265px;}

.lanmunav{ background-color:#f5f5f5}
.lanmunav li{ border-bottom:1px solid #fff}
.lanmunav li a{ display:block; height:50px; line-height:50px; padding:0 20px; position:relative; font-size:14px;}
.lanmunav li a:after{ content:">"; font-family:"宋体"; display:block; position:absolute; z-index:2; right:0;top:0; bottom:0; color:#999; padding:0 10px; font-size:16px; font-weight:bolder}
.lanmunav li.on a,.lanmunav li a:hover{ color:#cc983e; background-color:#e5e5e5}
.lanmunav li.on a:after,.lanmunav li a:hover:after{color:#cc983e}

.path{ text-align:right;  font-size:14px; color:#898989; margin-bottom:50px;}
.path a,.path em{ font-size:14px; color:#898989; margin:0 5px;}
.path:before{ content:""; display:inline-block; vertical-align:middle; width:17px; height:16px; background:url(../images/ico-home.png) no-repeat center; position:relative;top:-2px}
.lanmplo{ text-align:center; margin-bottom:40px}
.lanmplo h3{ font-size:24px; color:#333333; font-weight:normal}

.aboutbox .conn{ line-height:1.8; overflow:hidden}
.aboutbox .conn img{ max-width:100%; height:auto !important}

.teambox .lanmplo h3{ font-size:30px} 

.teamp{ font-size:20px; color:#cc983e; padding-left:210px;}
.teamp p{ margin-bottom:35px;}
.teamp .sp1{ margin-right:66px}

.grouplist ul{ margin:0 -13px;}
.grouplist li{ float:left; width:50%; margin-bottom:26px;}
.grouplist li a{ display:block; margin:0 13px;}
.grouplist li .img{ overflow:hidden; margin-bottom:10px; height:370px;}
.grouplist li .img img{ width:100%; height:100%}
.grouplist li h3{transition: all 0.3s;-moz-transition: all 0.3s;	/* Firefox 4 */-webkit-transition: all 0.3s;	/* Safari 和 Chrome */-o-transition: alll 0.3s;	/* Opera */ line-height:53px; height:55px; border:1px solid #eee; padding:0 10px; text-align:center; font-weight:normal;overflow: hidden;white-space: nowrap;text-overflow: ellipsis;}
.grouplist li a:hover h3{ background-color:#e2b870; color:#fff}

.newslist .bd ul{ margin:0 -12px;}
.newslist .bd li{ float:left; width:33.33%; margin-bottom:30px;}
.newslist .bd li a{ display:block; margin:0 12px;}
.newslist .bd li .img{ overflow:hidden; height:245px; margin-bottom:5px;}
.newslist .bd li .img img{ display:block; width:100%; height:100%}
.newslist .bd li h3{ overflow: hidden;white-space: nowrap;text-overflow: ellipsis;font-weight:normal; text-align:center; color:#333; margin-bottom:5px}
.newslist .bd li .p{ font-size:14px; color:#999999; height:44px; overflow:hidden}
.newslist .bd li a:hover h3{ color:#e2b870}

.newspage .title{ text-align:center; font-size:24px; line-height:1.4; font-weight:normal; color:#333; margin-bottom:20px; }
.newspage .conn{ overflow:hidden; line-height:2;}
.newspage .conn img{ max-width:100%; height:auto !important}
.newspage .info{ text-align:center; margin-bottom:55px;font-size:14px; color:#999999}
.newspage .info span{ margin:0 10px}
.newspage .info a{font-size:14px; color:#999999}

.prevnext{ margin-top:50px;}
.prevnext li{ margin:10px 0;overflow: hidden;white-space: nowrap;text-overflow: ellipsis;}
.prevnext li,.prevnext li a{ font-size:15px;}

 
.caselist .bd ul{ margin:0 -10px; position:relative}
.caselist .bd li{ padding:10px 0; float:left; width:25%; margin-bottom:25px}
.caselist .bd li a{ display:block; margin:0 10px; background-color:#fff; box-shadow:0 0 10px rgba(0,0,0,.2)}
.caselist .bd li .img{ height:245px}
.caselist .bd li .img img{ display:block; width:100%; height:100%}
.caselist .bd li h3{ height:55px; line-height:55px; font-weight:normal; font-size:16px; padding:0 10px; text-align:center;overflow: hidden;white-space: nowrap;text-overflow: ellipsis;}

.casepagemain .newspage{ max-width:1096px; margin:0 auto}

.partymain .lanmutitle{ background-color:#e20505}
.partymain .lanmunav li.on a,.partymain .lanmunav li a:hover{ color:#e20505}
.partymain .lanmunav li.on a:after,.partymain .lanmunav li a:hover:after{ color:#e20505}
.partymain .pages li.on a,.partymain .pages li.on span{ background-color:#e20505}

.partylist .bd{ margin-bottom:60px}
.partylist .bd ul{ border-top:1px solid #eee}
.partylist .bd li a{ display:block;}
.partylist .bd li{ border-bottom:1px solid #eee; padding:20px 0}
.partylist .bd li .date{ float:left; text-align:center; width:78px; border-right:1px solid #eee}
.partylist .bd li .date span{ display:block;}
.partylist .bd li .date .d{ color:#e20505; font-size:24px;}
.partylist .bd li .date .ym{ font-size:14px; color:#999}
.partylist .bd li .txt{ padding-left:95px}
.partylist .bd li .txt h3{ font-size:20px; font-weight:normal; color:#333;overflow: hidden;white-space: nowrap;text-overflow: ellipsis;margin-bottom:5px}
.partylist .bd li a:hover .txt h3{color:#e20505;}
.partylist .bd li .txt .p{ font-size:14px; color:#999;overflow: hidden;white-space: nowrap;text-overflow: ellipsis;}

.stafflist.newslist .bd li a:hover h3{ color:#e20505}

.partylist.informationm .bd li .date .d{ color:#cc983e}
.partylist.informationm .bd li a:hover h3{ color:#cc983e}

.contactlist .hd{ text-align:center; margin-bottom:50px}
.contactlist .hd h3{ font-size:26px; font-weight:normal; letter-spacing:7px} 
.contactlist .hd .p{ font-size:17px; color:#8c8c8c; text-transform:uppercase}
.contactlist ul{ text-align:justify}
.contactlist ul li{ display:inline-block; vertical-align:middle; font-size:20px; margin-bottom:10px;}
.contactlist ul li a{ font-size:20px;}
.contactlist ul:after{content:'';width: 100%;display: inline-block;overflow: hidden;height: 0;}
.contactlist ul i{ position:relative;top:-2px; display:inline-block; vertical-align:middle; height:23px; background-repeat:no-repeat; background-position:center; background-size:auto 100%; width:17px; margin-right:10px;}
.contactlist ul i.ico-b01{ background-image:url(../images/ico-b01.png)}
.contactlist ul i.ico-b02{ background-image:url(../images/ico-b02.png); width:21px}
.contactlist ul i.ico-b03{ background-image:url(../images/ico-b03.png); width:22px;}
.contactlist ul i.ico-b04{ background-image:url(../images/ico-b04.png)}


.addmap{ position:relative}
.addmap .lis{ position:absolute; z-index:1; left:0;top:0; bottom:0; background:url(../images/png.png); background-color:rgba(0,0,0,.86); width:440px; padding:30px 30px; padding-bottom:0; overflow-y:auto}
.addmap .lis li{ color:#fff;  line-height:1.4; margin-bottom:15px; cursor:pointer; font-size:18px;  font-weight:lighter}
.addmap .lis li:before{ content:""; display:inline-block;width: 0;height: 0;border-top: 5px solid transparent;border-left: 10px solid #fff;border-bottom: 5px solid transparent; vertical-align:middle; margin-right:10px;}
.addmap .lis li:hover:before{border-left: 10px solid #e2b870}
.addmap .lis li:hover{ color:#e2b870}
.addmap .map{ height:500px;}

.addmap .popbox{ position:absolute; width:520px; height:290px; background-color:#fff; right:15%;top:50%; margin-top:-145px;}
.addmap .popbox .close{ position:absolute; z-index:1; width:38px; height:38px; top:10px; right:10px; cursor:pointer; background:url(../images/ico-close.png) no-repeat center;   opacity:.6}
.addmap .popbox li{ padding:60px 45px; font-size:17px;  font-weight:lighter; display:none }
.addmap .popbox li a{font-size:17px;}
.addmap .popbox li h3{ font-weight:normal; margin-bottom:15px; font-size:21px}
.addmap .popbox li p{ display:block; padding-left:35px; background-position: left 2px; background-repeat:no-repeat; margin-bottom:15px; min-height:26px}
.addmap .popbox li p.p1{ background-image:url(../images/ico-b01.png)}
.addmap .popbox li p.p2{ background-image:url(../images/ico-b02.png)}
.addmap .popbox li p.p4{ background-image:url(../images/ico-b04.png)}

.index01 .slick-list{ z-index:1}
 
@media screen and (max-width: 1380px){ 
.banner img{ height:400px} 
.banner img{ height:40vw}
.nbanner .img img{ height:250px}
.nbanner .img{ height:250px} 
.grouplist li .img{ height:24.2vw}
.newslist .bd li .img{ height:17vw}
.caselist .bd li .img{ height:17vw}
} 
 
@media screen and (max-width:950px){  
.banner .slick-dots{ bottom:5px;}
.banner .slick-dots li{ width:8px; height:8px; border-radius:50%; margin:0 4px}

.index01{ padding-top:30px; margin-bottom:30px;}
.plo{ height:auto; margin-bottom:15px; overflow:hidden; padding-bottom:10px;}
.plo .title h3{ font-size:19px; height:19px; line-height:19px;border-left: 3px solid #b28850; padding-left:10px;}
.plo .title .eng{ font-size:13px; margin-left:5px;}

.index01left{ float:none; width:auto}
.index01left .img{ height:50vw}
.index01left h3{ font-size:15px; height:34px; line-height:34px; padding-right:90px}
.index01left .slick-dots li{ width:8px; height:8px;}
.index01left .slick-dots{ bottom:7px}

.index01right{ float:none; width:auto}
.index01right li h3{ font-size:15px; padding-right:80px}
.index01right li span{ font-size:13px;}
.index01right li a{ height:45px; line-height:45px}
.index01right li h3:before{ width:4px; height:4px;}

.index02{ margin-bottom:30px}
.index02 .plo .eng{ font-size:12px}

.index02 .bd li{ float:none; width:auto;}
.index02 .bd li:nth-child(even){ float:none}
.index02 .bd li h3{ font-size:15px; padding-right:80px}
.index02 .bd li span{ font-size:13px;}
.index02 .bd li a{ height:45px; line-height:45px}

.index03{ margin-bottom:30px}
.index03 .bd a{ margin:0 5px;}
.index03 .bd{ margin:0 -5px;}
.index03 .bd .img{ height:35vw}
.index03 .plo{ margin-bottom:10px;}

.index03 .bd h3{ height:42px; line-height:42px; font-size:15px;}
.index03 .slick-dots{  text-align:center; }
.index03 .slick-dots li{ display:inline-block; width:8px; height:8px;  border-radius:50%;background-color:#999; margin:0 5px; cursor:pointer}
.index03 .slick-dots li.slick-active{ background-color:#b28850; }
.index03 .slick-dots button{ display:none}

.lanmuleft{ float:none; width:auto}
.lanmutitle{ display:none}
.lanmumanin{ padding-top:0; padding-bottom:60px}
.lanmuright{ padding-left:0}
.path{ display:none}

.lanmunav{ margin:0 -10px; padding:10px 5px; padding-bottom:0; margin-bottom:20px}
.lanmunav ul{ overflow:hidden}
.lanmunav ul li{ float:left; width:50%; margin-bottom:10px; border-bottom:none}
.lanmunav ul li a{ margin:0 5px;  background-color:#fff; height:38px; line-height:38px; padding-left:10px}

.lanmplo h3{ font-size:20px;}
.lanmplo{ margin-bottom:20px;}

.teamp{ padding-left:0; font-size:18px}
.teamp .sp1{ margin-right:50px}
.teambox .lanmplo h3{ font-size:26px}


.grouplist li h3{ font-size:15px; height:42px; line-height:42px;}
.grouplist li{ margin-bottom:20px}
.grouplist li .img{ margin-bottom:5px;}
.newspage .title{ font-size:20px}
.newspage .info{ margin-bottom:30px}

.newslist .bd li .img{ height:20vw}

.casemain{ padding-top:30px}

.caselist .bd li h3{ font-size:15px; height:42px; line-height:42px;}

.partylist .bd li .txt h3{ font-size:16px}
.partylist .bd li .txt .p{ font-size:13px}
.partylist .bd li .date .d{ font-size:20px}
.partylist .bd li .date .ym{ font-size:13px;}
.partylist .bd li .date{ width:70px}
.partylist .bd li .txt{ padding-left:80px}
.partylist .bd li{ padding:15px 0}
.partylist .bd{ margin-bottom:30px}

.addmap .bd{ position:relative}
.addmap .lis{ position:static; width:auto; padding:20px;}
.addmap .popbox{ width:90%; margin-left:-45%; left:50%; right:auto}
.addmap .lis li{ margin-bottom:5px}
.addmap .map{ height:350px}
.addmap .lis li{ font-size:14px; margin-bottom:10px}
.addmap .popbox li h3{ font-size:15px; font-weight:bold}
.addmap .popbox li{ padding:50px 20px; font-size:14px; padding-bottom:20px}
.addmap .popbox li a{ font-size:14px;}
.addmap .popbox li p{ background-size:auto 20px; padding-left:30px}
.addmap .popbox{ height:auto;}
.contactmain{ padding-top:30px;}
.contactlist .hd h3{ font-size:20px;}
.contactlist .hd .p{ font-size:14px}
.contactlist .hd{ margin-bottom:20px}

.contactlist ul li{ font-size:16px;}
.contactlist ul li a{ font-size:16px}
.addmap .popbox .close{top:5px}
.addmap .lis li:before{border-top: 3px solid transparent;
    border-left: 6px solid #fff;
    border-bottom: 3px solid transparent;}
.addmap .lis li.on:before {
    border-left: 6px solid #e2b870;
}	


.nbanner .slick-dots{ bottom:5px;}
.nbanner .slick-dots li{ width:8px; height:8px; border-radius:50%; margin:0 4px}
}
@media screen and (max-width:766px){ 
.grouplist ul{ margin:0}
.grouplist li a{ margin:0;}
.grouplist li{ float:none; width:100%; margin-bottom:10px}
.grouplist li .img{ height:48.4vw}

.newslist .bd ul{ margin:0 -5px;}
.newslist .bd li{ width:50%; margin-bottom:15px}
.newslist .bd li a{ margin:0 5px}
.newslist .bd li .img{ height:30vw}

.caselist .bd ul{ margin:0 -5px}
.caselist .bd li{ width:50%; margin-bottom:0px}
.caselist .bd li .img{ height:34vw}
.caselist .bd li a{ margin:0 5px;}

.nbanner .img img{ height:120px}
.nbanner .img{ height:120px} 
}