@charset "utf-8";
html, body, ul, li, ol, dl, dd, dt, p, h1, h2, h3, h4, h5, h6, form, fieldset, legend, img {margin: 0; padding: 0; }
fieldset, img {border: none; }
img{vertical-align: middle;}
ul, ol {list-style: none; }
input {padding-top: 0; padding-bottom: 0; font-family: "SimSun", "宋体"; }
select, input {vertical-align: middle; }
select, input, textarea {font-size: 12px; margin: 0; }
textarea {resize: none; }
table {border-collapse: collapse; }
body {font: 21px '微软雅黑'; }
h1 a,h2 a,h3 a,h4 a,h5 a,h6 a,h1,h2,h3 ,h4 ,h5 ,h6{font-weight:normal; }
i,em{font-style: normal;}
a {color: #fff; text-decoration: none; }
/*a:hover {color: #000; }*/
.brownnevus{
max-width: 1680px;
min-width: 1200px;
margin:0 auto;
}
.brownnevus .wrap{
width:1200px;
margin:0 auto;
}
.brownnevus .te{
text-align: center;
}
.brownnevus .re{
position: relative;
}
.brownnevus .auto{
margin:0 auto;
}
.brownnevus .fl{
float: left;
}
.brownnevus .ov{
overflow: hidden;
}
.brownnevus-kv{
min-width: 1200px;
}
.brownnevus-kv img{
width:100%;
}
.brownnevus-navs{
border-top: 1px solid #c28c3f;
background: #000;
height: 62px;
}
.brownnevus-navs ul li{
float: left;
width:140px;
color: #fff;
height:62px;
text-align: center;
line-height: 62px;
}
.brownnevus-navs ul li a{
display: block;
}
.brownnevus-navs ul li.onn{
background:#987a46;
}
.brownnevus-p1-top{
width:100%;
height:86px;
background:url(../images/top1.png) no-repeat bottom center;
font-size: 48px;
color:#76450f;
line-height: 50px;
padding-top: 62px;
}
.brownnevus-part1{
background:#dfd7c9;
padding-bottom: 20px;
}
.brownnevus-p1-pp{
font-size: 18px;
line-height: 30px;
width:1062px;
margin:35px auto;
}
.brownnevus-p1-1{
width:100%;
height:646px;
background:url(../images/p1-1.jpg) no-repeat top center;
}
.brownnevus-p1-1-p1{
font-size: 16px;
line-height: 30px;
position: absolute;
right: 18px;
top: 40px;
width:432px;
}
.brownnevus-p1-1-p2{
top: 164px;
}
.brownnevus-p1-1-p3{
top: 300px;
}
.brownnevus-p1-tips{
position:absolute;
bottom: 75px;
left:112px;
}
.brownnevus-p1-tips h2{
font-size: 22px;
text-align: right;
font-weight: bold;
}
.brownnevus-p1-tips p{
font-size: 18px;
line-height: 30px;
width:647px;
margin-top: 20px;
}
.brownnevus-an{
display:block;
margin: 22px auto;
}
.brownnevus-p2-1{
width:1216px;
height:582px;
background:url(../images/p1-bg.png) no-repeat top center;
padding:10px 8px;
box-sizing: border-box;
margin-top: 70px!important;
}
.brownnevus-p2-1-left{
background:#f3f3f3;
padding: 58px 0 0 28px;
width:594px;
box-sizing: border-box;
}
.brownnevus-p2-1-left div{
margin-bottom: 40px;
}
.brownnevus-p2-1-left div span{
display:inline-block;
font-size: 18px;
vertical-align: middle;
line-height: 30px;
}
.brownnevus-p3-1-title{
position:absolute;
font-size: 30px;
font-weight: bold;
width:300px;
text-align: center;
height:48px;
line-height: 48px;
background:#000;
color:#fff;
top: -30px;
left:50%;
margin-left: -150px;
}
.brownnevus-p2-1-pk{
position:absolute;
top: -35px;
left:50%;
margin-left: -45px;
z-index: 10000;
}
.brownnevus-p3-1{
width:100%;
height:621px;
background:url(../images/p3-bg.jpg) no-repeat top center;
}
/* 本例子css */
.brownnevus-p3-1 .slideBox{ width:100%; height:500px; position:relative; padding:20px 0 0 240px; box-sizing: border-box; }
.brownnevus-p3-1 .slideBox .hd{ height: 100%;
overflow: hidden;
position: absolute;
left: 2px;
top: 73px;
z-index: 1;}
.brownnevus-p3-1 .slideBox .hd ul{ overflow:hidden; zoom:1; float:left; }
.brownnevus-p3-1 .slideBox .hd ul li{width:200px; height:43px; line-height:45px; text-align:center; cursor:pointer;color:#000; border-radius: 50px; margin-bottom: 37px;}
.brownnevus-p3-1 .slideBox .hd ul li.on{ background:#992d2d; color:#fff; }
.brownnevus-p3-1 .slideBox .bd{ position:relative; height:100%; z-index:0; }
.brownnevus-p3-1 .slideBox .bd li{ zoom:1; vertical-align:middle; }
/*.slideBox .bd img{ display:block; }*/
.slideBox .bd .li1 h2{
font-size: 30px;
color:#76450f;
text-align: center;
margin:6px 0 12px;
}
.slideBox .bd .li1 p{
font-size: 16px;
line-height: 24px;
width:272px;
margin-top: 15px;
}
.li2-tu{
width:489px;
height:360px;
background:url(../images/p3-2.png) no-repeat top left;
margin-top: -20px;
padding:202px 0 0 245px;
box-sizing: border-box;
}
.brownnevus-part4 .brownnevus-p1-pp{position: relative;z-index: 2;}
.p4_bd img{width: 100%;}
.p4_bd .p4_1{margin-top: -54px;}
.p4_bd ul{overflow: hidden;padding: 20px;}
.p4_bd ul li{width: 32%;margin-right: 1%;float: left;position: relative;cursor: pointer;}
.p4_bd ul li:last-of-type{margin-right: 0;}
.p4_bd ul li.on:before{content: '';position: absolute;width: 100%;height: 100%;background-color: rgba(0,0,0,0.7);left: 0;top: 0;}
.p4_bd ul li .txt{width: 100%;position: absolute;left: 0;top: 50%;color: #fff;font-size:18px;padding: 0 88px;line-height: 1.6;display: none;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
-webkit-transform: translateY(-50%);
-moz-transform: translateY(-50%);
-ms-transform: translateY(-50%);
-o-transform: translateY(-50%);
transform: translateY(-50%);
}
.p4_bd ul li.on .txt{display: block;}
.p4_bd ul li .txt h3{font-size: 30px;color: #d3ad60;text-align: center;}
.p4_bd ul li .txt span{color: #d3ad60;}
.p4_bd ul li .txt p:last-of-type{font-size: 16px;margin-top: 6px;}
@media screen and (max-width: 1400px){
.p4_bd ul li .txt{padding: 0 50px;}
}
/* 本例子css */
.brownnevus-part5 .slideBox{ width:100%; height:645px;position:relative; padding-left: 198px; box-sizing: border-box; margin-top: 60px; margin-bottom: 50px;}
.brownnevus-part5 .slideBox .hd{ height:100%; overflow:hidden; position:absolute; left:13px; top:50px; z-index:1; }
.brownnevus-part5 .slideBox .hd ul{ overflow:hidden; zoom:1; float:left; }
.brownnevus-part5 .slideBox .hd ul li{ width:185px; height:75px; line-height:75px; text-align:center; background:#f9f6f0; cursor:pointer;font-size: 30px; color:#312435; margin-bottom: 55px; }
.brownnevus-part5 .slideBox .hd ul li div{ width:22px;height:100%; background:#992d2d;}
.brownnevus-part5 .slideBox .hd ul li p{ text-align: center; width:163px;}
.brownnevus-part5 .slideBox .hd ul li.on{ width:220px;}
.brownnevus-part5 .slideBox .bd{ position:relative; height:100%; z-index:0; }
.brownnevus-part5 .slideBox .bd li{ zoom:1; vertical-align:middle; }
.brownnevus-part5 .slideBox .bd img{ display:block; }
.brownnevus-p5-txt{
position:absolute;
top: 102px;
right:9px;
width:525px;
border-top: 1px solid #926a53;
border-right: 1px solid #926a53;
border-bottom: 1px solid #926a53;
padding:64px 0 0 45px;
box-sizing: border-box;
}
.brownnevus-p5-txt .pp1{
font-size: 20px;
line-height: 36px;
color:#312435;
}
.brownnevus-p5-txt .pp2{
font-size: 24px;
padding:5px 10px;
background:#992d2d;
display:inline-block;
color:#fff;
margin:35px 0 15px;
}
.brownnevus-p5-txt .pp3{
font-size: 18px;
line-height: 30px;
color:#312435;
margin-right: 35px;
margin-bottom: 70px;
}
.brownnevus-p5-txt a{
display:block;
position:absolute;
bottom: -25px;
left:50%;
margin-left: -161px;
background:#992d2d;
padding:12px 65px;
font-size: 24px;
border-radius: 110px;
}
.brownnevus-part6 h2{
font-size: 30px;
text-align: center;
line-height: 75px;
}
/* 本例子css */
.brownnevus-part6 .slideBox{ width:1200px; height:421px; position:relative; margin:10px auto 30px; }
.brownnevus-part6 .slideBox .bd{ position:relative; height:100%; z-index:0; }
.brownnevus-part6 .slideBox .bd li{ zoom:1; vertical-align:middle; }
.brownnevus-part6 .slideBox .bd img{ display:block; margin:0 auto; }
/* 下面是前/后按钮代码，如果不需要删除即可 */
.brownnevus-part6 .slideBox .prev,
.brownnevus-part6 .slideBox .next{ position:absolute; left:0; top:50%; margin-top:-25px; display:block; width:30px; height:56px; background:url(../images/left.png) no-repeat;}
.brownnevus-part6 .slideBox .next{ left:auto; right:0; background:url(../images/right.png) no-repeat; }
.brownnevus-p7-1{
width:1272px;
margin:55px auto 20px;
}
.brownnevus-p7-1 p{
text-align: center;
font-size: 22px;
line-height: 24px;
font-weight: bold;
margin:10px 0;
}
.brownnevus-p7-1 .mrr{
margin-right: 20px;
}
.brownnevus-p7-1-txt{
width:268px;
height:268px;
background:rgba(255, 255, 255, 0.7);
position:absolute;
top: 17px;
left:17px;
border-radius: 50%;
font-size: 18px;
line-height: 30px;
padding:48px 35px;
box-sizing: border-box;
}
.brownnevus-p8-1{
margin-top: 30px!important;
}
.brownnevus-p8-1 a{
font-size: 22px;
width:345px;
height:65px;
/*background:#f40;*/
display:block;
position:absolute;
top: 82px;
left:54px;
line-height: 59px;
text-align: center;
color:#000;
}
.brownnevus-p8-1 a.a2{
top: 216px;
left: 94px;
color: #fff;
}
.brownnevus-p8-1 a.a3{
top: 332px;
left: 15px;
width: 418px;
}
.brownnevus-p8-1 a.a4{
top: 481px;
left: 49px;
color: #fff;
}
.brownnevus-p8-1 a.a5{
top: 19px;
left: 801px;
color: #fff;
}
.brownnevus-p8-1 a.a6{
top: 155px;
left: 753px;
}
.brownnevus-p8-1 a.a7{
top: 274px;
left: 836px;
color: #fff;
}
.brownnevus-p8-1 a.a8{
top: 424px;
left: 800px;
}
.brownnevus-p8-1 .brownnevus-an{
position:absolute;
left:50%;
margin-left: -173px;
top: 588px;
}
.brownnevus-part9{
background:#f0f0f0;
}
.brownnevus-part9 a{
font-size: 24px;
text-align: center;
color:#000;
width:367px;
display:inline-block;
line-height: 40px;
margin: 30px 0;
}
.brownnevus-part9 a.mrr{
margin-right: 28px;
}
.brownnevus .topmenu_on {
position: fixed;
top: 0;
z-index: 999999999999999999;
left: 0;
width: 100%;
}
/*********************20170529新加版块 start*********************/
.part22{ padding: 50px 0; background: #cbcbcb}
.part22 .ti{ text-align: center}
.part22 .slideBox22{ padding: 20px 0; }
.part22 .slideBox{ width:1200px; height: 527px; position:relative; padding-left: 176px; box-sizing: border-box; }
.part22 .slideBox .hd{ height:100%; position:absolute; left:10px; top:5px; }
.part22 .slideBox .hd ul{ zoom:1; }
.part22 .slideBox .hd ul li{ width:125px;height:75px; padding-left: 20px; line-height:35px; background:#715e56; cursor:pointer; position:relative; font-weight: bold; font-size: 22px; color:#fff; margin-bottom: 15px; z-index: 0; }
.part22 .slideBox .hd ul li.i1{ margin-top: 30px}
.part22 .slideBox .hd ul li.on{ background: #b9a687}
.part22 .slideBox .bd{ position:relative; height:100%; /*z-index:1;*/ }
.part22 .slideBox .bd li{ zoom:1; vertical-align:middle; position: relative; font-size: 20px }
.part22 .slideBox .bd span{ position: absolute; left: 0; top:0; padding: 30px 40px; width: 394px; height: 207px; line-height: 35px}
.part22 .slideBox .bd span a{ display: block; width: 263px; height: 49px; line-height: 49px; text-align: center; color: #000; border-radius: 50px; border: 1px solid #000; margin-top: 10px}
/*********************新加版块 end*********************/
.tx-hunvshi{
max-width: 1680px;
min-width: 1200px;
margin:0 auto;
color:#000000;
background: #fff;
padding:50px 0 35px;
}
.tx-hunvshi .zuix{ width:1200px; margin:0 auto;padding:35px 0 0 45px; box-sizing: border-box; background:#dfd7c9; border-radius: 30px 30px 30px 0px; position: relative;}
.tx-hunvshi .zuix h2{ font-size: 28px; font-weight: bold; color:#76450f;}
.tx-hunvshi .zuix h2 img{ margin-right: 10px;}
.tx-hunvshi .zuix p.txtt{ font-size: 20px; line-height: 30px; width:54%; padding:15px 0 30px;}
.tx-hunvshi .tup{ position: absolute; top: -25px; right:65px; text-align: center;}
.tx-hunvshi .tup p{ margin-top: 5px;font-size: 18px;}