@charset "utf-8";
/* CSS Document */
*{ padding:0; margin:0;}
body{ font-size:14px; margin:auto; font-family:"微软雅黑";}
h1,h2,h3,h4,h5,h6,ul,li,ol,li,img,form,input{ padding:0; margin:0; border:0;}
ul{ list-style:none; margin:auto}
a{ text-decoration:none;}
a:hover{text-decoration:none;}
img{ border:0;}

.con_hu{ width:1008px; margin:0 auto; overflow:hidden; position:relative;}
.con_hu ul{ width:100%; height:520px; overflow:hidden; position:absolute; top:0; left:0;}
.con_hu ul li{ float:left; width:192px; height:640px; margin:-60px 1px 0 90px; text-align:center; opacity:0.9; transform:rotate(17deg); overflow:hidden;
position:relative;}
.con_hu ul li .hsk{ width:100%; height:100%;}
.con_hu ul li .huangsekuai{ position:absolute; z-index:1; top:0; left:0; width:100%; height:100%;}
.con_hu ul li.li_1{ margin-right:-80px }
.con_hu ul li.li_1 .huangsekuai{ background:#d0bc7d;}
.con_hu ul li.li_1 a{ color:#000;}
.con_hu ul li a:hover{ text-decoration:underline}
.con_hu ul li.li_2{ width:202px; margin-right:-80px}
.con_hu ul li.li_2 .huangsekuai{ background:#333;}
.con_hu ul li.li_2 a{ color:#d0bc7d;}
.con_hu ul li.li_3{ width:202px; margin-right:-80px}
.con_hu ul li.li_3 .huangsekuai{ background:#d0bc7d;}
.con_hu ul li.li_3 a{ color:#000;}
.con_hu ul li.li_4{ width:202px; margin-right:-80px}
.con_hu ul li.li_4 .huangsekuai{ background:#fff;}
.con_hu ul li.li_4 a{ color:#d0bc7d;}
.con_hu ul li.li_2 strong,.con_hu ul li.li_2 span,.con_hu ul li.li_4 strong,.con_hu ul li.li_4 span{ color:#d4bd77;}
.con_hu ul li strong{ display:block; margin-top:150px; width:100%; font-size:32px; transform:rotate(-17deg);}
.con_hu ul li .huangsekuai div{ margin-top:200px; width:100%;}
.con_hu ul li .huangsekuai div span{ display:block; line-height:38px; font-size:20px; text-align:left; transform:rotate(-17deg); text-align:center;}
.con_hu ul li .huangsekuai div span.sp1{}
.con_hu ul li .huangsekuai div span.sp2{}
.con_hu ul li .huangsekuai div span.sp3{}
.con_hu ul li .huangsekuai div span.sp4{}
.con_zj{ width:100%; max-width:1440px; overflow:hidden; position:relative; margin:0 auto;}
.con_zj div{ width:1440px; margin-left:-720px; left:50%; margin-bottom:60px; position:relative;}
.con_zj div a{ display:block; position:absolute; width:320px; height:50px;}
.con_zj div a.a1{ left:560px; bottom:98px;}
.con_zj div a.a2{ left:560px; bottom:38px;}
.con_srdz{ width:800px; margin:0 auto;}
.srdz{ width:100%; overflow:hidden; position:relative;}
.fwan{ width:302px; height:302px; overflow:hidden; border:2px solid #d6d6d6; border-radius:152px; background:#333; margin:110px auto 108px; position:relative;}
.fwbd{ width:0; height:0; overflow:hidden; opacity:0; transition: opacity 2s;}
.fwbd_op{ width:302px; height:302px; opacity:1;}
.fwan img{ padding:46px; position:absolute; top:0; right:0;}
.fwan h6{ width:100%; text-align:center; font-size:28px; font-weight:100; line-height:30px; margin-top:75px; margin-bottom:32px; color:#d4bd77;}
.fwan p{ width:236px; font-size:18px; line-height:28px; margin:0 auto; color:#a48449;}
.srdz .sry{ transition: color 2s,background 2s; width:126px; height:126px; padding:1px; border-radius:64px; background:#a48449; color:#333; line-height:40px; font-size:28px; text-align:center; position:absolute;}
.srdz .sr_1{ top:0; left:95px;}
.srdz .sr_2{ top:0; right:95px;}
.srdz .sr_3{ top:196px; left:5px;}
.srdz .sr_4{ top:196px; right:5px;}
.srdz .sr_5{ bottom:0; left:95px;}
.srdz .sr_6{ bottom:0; right:95px;}
.srdz .sry span{ margin:0 15px;}
.zxtel{ margin:45px auto 0; text-align:center;}
.zxtel a{ margin:0 18px;}
.box{ position:absolute; bottom:0; width:0px; height:0px;border-top:50px solid rgba(0,0,0,0);
border-right:25px solid  rgba(0,0,0,0);
border-bottom:45px solid #333;
border-left:25px solid  rgba(0,0,0,0);
opacity:0;
transition: opacity 2s,background 2s;
z-index:-1;
}
.srdz .sr_1 .box{ transform:rotate(135deg); top: 85px; left: 110px; }
.srdz .sr_2 .box{ transform:rotate(-135deg); top: 85px; right: 110px;}
.srdz .sr_3 .box{ transform:rotate(90deg); top: 15px; left: 135px;}
.srdz .sr_4 .box{ transform:rotate(-90deg); top: 15px; right: 135px;}
.srdz .sr_5 .box{ transform:rotate(45deg); bottom: 85px; left: 110px;}
.srdz .sr_6 .box{ transform:rotate(-45deg); bottom: 85px; right: 110px;}
.srdz .on{ background:#333; color:#d4bd77;}
.srdz .on .box{ opacity:1;}

.con_yyhj{width:100%; max-width:1440px; height:520px; position:relative; overflow:hidden; margin:0 auto;}
.yyhj{ width:1440px; margin-left:-720px; left:50%; position:relative;}
.yyhj div.bd{margin-left:216px; margin-right:2px; float:left; width:330px; height:520px; overflow:hidden; position:relative;}
.yyhj .bd ul li{ margin-bottom:2px; width:330px; height:154px;}
.yyhj .yyhj_meng{ width:330px; height:364px; position:absolute; bottom:0; left:0; background:#fff; opacity:0.3;}
.yyhj .yyhj_ji{ width:328px; height:152px; border:1px solid #F00; position:absolute; top:0; left:0;}
.yyhj .yybtn{ display:block; position:absolute; left:230px; top:214px; z-index:1}
.yyhj .yybtn .s_1{ display:block; margin:0; cursor:pointer;}
.yyhj .yybtn .s_2{ display:block; margin-top:10px; cursor:pointer;}
.yyhj div.min{ float:left; width:892px; overflow:hidden;}

.zxlc{ width:100%; max-width:1440px; padding-bottom:52px; overflow:hidden; background:#d4bd77; margin:0 auto; text-align:center;}
.zxlc h3{ width:100%; height:105px; line-height:105px; font-size:26px; color:#473715; text-align:center;}
.zxlc img{ margin-bottom:18px;}