@charset "gb2312";

.art_con{ width: 1090px; margin: 30px auto 80px;}
.breadcrumbs{ border-bottom: 1px solid #ccc; padding-bottom: 10px; font-size: 16px; color: #666; overflow: hidden;}
.wzt_con{ width: 300px;height:30px; overflow: hidden; float: right; background: url(../images/ggico.png) no-repeat left}
.wzt_con i{display: block; width: 90px; float: left}
.wzt_con ul{ width: 210px; float:left}
.art_list{ padding: 40px 0 0;}
.art_list{ overflow: hidden;}
.art_list>li{ width: 530px; overflow: hidden; float: left; padding-bottom: 25px; border-bottom: 1px solid #ccc; margin-bottom: 25px}
.art_list>li:hover{ border-bottom: 1px solid #c59b73}
.art_list>li span{ display: table; background: #eee; width: 195px; height: 146px; text-align: center; float: left}
.art_list>li span a{display: table-cell; vertical-align:middle;}
.art_list>li span img{display: block; max-width: 195px; max-height: 146px; margin: 0 auto}
.art_list>li .al_r{ width: 310px; float: right}
.art_list>li .al_r b{ font-size: 16px; color: #333; height: 35px; display: block; line-height: 35px; overflow: hidden;}
.art_list>li .al_r b>i{ font-size: 14px; color: #999; float: right; font-weight: 100; margin-left: 10px; margin-top: 2px}
.art_list>li .al_r b>a{}
.art_list>li .al_r em{ display: block; height:24px; margin-bottom: 26px; overflow: hidden; color: #666; font-size: 14px;}
.art_list>li .al_r em>i{ color: #c59b73;}
.art_list>li .al_r p{ display: block; color: #666; font-size: 14px;}
.art_list>li:nth-child(even){ float: right}

.arc_page{padding: 20px 0 60px; margin-bottom: 55px; text-align:center;border-bottom: 1px solid #999;}
.arc_page li {border: 1px solid #cdcdcd; display:inline-block; height: 35px;line-height:35px;margin-right: 6px; border-radius: 5px;}
.arc_page li:hover{border: 1px solid #c59b73;}
.arc_page li a { color: #555; display: block; padding: 0 12px}
.arc_page li:hover a{ color: #fff; background: #c59b73}
.arc_page li.thisclass,.arc_page li.thisclass a, .arc_page li.thisclass a:hover {background-color: #c59b73; color: #fff;font-weight: bold; padding: 0 10px}
.arc_page p{display: inline-block;}

.art_b{overflow: hidden;}
.art_b .artb_tit{ overflow: hidden;}
.artb_tit span{ display: block; width: 110px; height: 35px; padding-left: 40px; line-height: 35px; border-bottom: 1px solid #ccc; font-size: 18px; float: left}
.art_b .artb_con{ padding-top: 20px}
.zxtw .artb_tit span{ background: url(../img/b_ico1.jpg) no-repeat left}
.ystd .artb_tit span{ background: url(../img/b_ico2.jpg) no-repeat left}
.jstj .artb_tit span{ background: url(../img/b_ico3.jpg) no-repeat left}

.art_b .zxtw{width: 295px; float: left}
.art_b .ystd{width: 305px; float: left; padding-left: 75px; position: relative}
.art_b .jstj{width: 335px; float: right; position: relative}

.wenda_main{ height:155px; overflow:hidden; padding-left: 5px}
.wenda_main li{ overflow:hidden; font-size:14px; line-height:21px; padding-bottom:2px; margin-bottom:10px}
.wenda_main li:last-child{ border-bottom:none}
.wenda_main li p{ color:#999; height:42px; overflow:hidden; margin-top:5px;}
.wenda_main li a:hover{ color: #c59b73}
.wenda_main li i,.wenda_main li b{ display: inline-block; margin-right:8px; margin-top:2px; line-height:22px; font-style:normal; color:#fff; width:25px; height:22px; font-weight:lighter; text-align:center; -moz-border-radius: 3px;  -webkit-border-radius: 3px;  border-radius: 3px}
.wenda_main li i{ background:#c59b73}
.wenda_main li b{ background:#484848; margin-bottom:21px; float:left}

.ystd_main{ height:177px; overflow:hidden;}
.ystd_main li{overflow: hidden;}
.ystd_main span{display: block; width: 131px; height: 177px; float: left}
.ystd_main p{ width: 157px; padding-top: 18px; float: right}
.ystd_main p i{display: block; color: #3330; font-size: 18px}
.ystd_main p em{ display: block; padding-top: 10px; height: 80px; font-size: 12px}
.ystd_main p b{ background: #484848; display: block; color: #fff; text-align: center; height: 36px; line-height: 32px; font-weight: 100; cursor: pointer;}
.ystd_main p b:hover{ background: #c59b73}

.artb_prev,.artb_next{width: 15px; height: 15px; border:1px solid #ccc; text-align: center; line-height: 15px; position: absolute; top: 8px; font-family: Arial; cursor: pointer;}
.artb_prev{ right:20px;}
.artb_next{ right:0;}
.artb_prev:hover,.artb_next:hover{ border-color: #c59b73; color: #c59b73;}

.ystd_main{ height:164px; overflow:hidden;}
.ystd_main li{overflow: hidden;}

.jstj_main{ overflow: hidden; text-align: center; height: 214px;}

/*ндубрЁ*/
.art_info{ padding:60px 0 80px}
.art_info h1{ font-size: 26px; color: #5e5e5e; text-align: center}
.art_info .art_p{ text-align: center; padding:45px 0 0}
.art_info .art_p i{ background: url(../img/zjzx.jpg) no-repeat left; padding-left: 24px; color: #c59b73;}
.art_info .art_p i,.art_info .art_p em{cursor: pointer;}
.art_info .art_main{ padding: 20px 40px 15px; line-height: 30px; color: #666;}

.art_bzx{overflow: hidden; text-align: center; width: 700px; margin: 10px auto 30px}
.art_bzx dt{display: block; float: left;width: 100px; padding-top: 32px; font-size: 14px}
.art_bzx dd{width: 275px; float: left; margin: 0 12px; overflow: hidden; cursor: pointer;}
.art_bzx dd>p{display: block;width: 110px; height: 110px;overflow: hidden; position: relative; background:#ccc; float:left; color: #666; font-weight: 100; font-size: 14px; border-radius: 50%;}
.art_bzx dd>p>span{width: 100%; height: 80px;display: block; background: #b18250; margin-top: 38px;}
.art_bzx dd>p>span>em{width: 90px; height: 90px;display: block; background: #fff; position: absolute; top: 10px;left: 10px; border-radius: 50%;}
.art_bzx dd>p i{font-size: 15px; color: #b18250;display: block; font-weight:bold; margin: 20px 0 0px}
.art_bzx dd>em{display: block; float: right;width: 150px;height: 70px; line-height: 35px; margin-top: 20px; border:2px solid #b18250; color: #b18250; border-radius: 5px;overflow: hidden;}
.art_bzx dd>em>i{display: block;width: 100%; height: 35px; font-size: 18px; line-height: 33px; background: #b18250; color: #fff;}
.art_bzx dd.artbr>p>span{ background: #FDA201; margin-top: 65px;}
.art_bzx dd.artbr>p i{ color: #FDA201;}
.art_bzx dd.artbr>em{ border:2px solid #FDA201; color: #FDA201;}
.art_bzx dd.artbr>em>i{ background: #FDA201;}
.art_bzx dd *{ transition-duration: 0.8s}
.art_bzx dd:hover>p>span{ animation: artb 1s ease infinite alternate}
.art_bzx dd:hover>em{ transform:rotateX(360deg)}

@keyframes artb{
	0%{width: 0;}
	100%{width:100%;}
}

.words{ padding:25px 75px; color: #c59b73;}
.words a{color:#999; display:inline-block; padding:0 4px}
.words a:hover{ color:#b18250}
.art_pn{ padding:0 20px; overflow:hidden; width: 800px; margin: 0 auto}
.art_pn p{ width:50%; float:left}

.art_b .art_dxal{ width: 307px; float: left; position: relative}
.art_dxal .dxal_con{ height: 220px; overflow: hidden;}
.art_dxal .artb_tit span{ background: url(../img/channel_ico4.jpg) no-repeat left}
.zjgx .artb_tit span{ background: url(../img/b_ico1.jpg) no-repeat left}

.zjgx{ width: 280px; float: right;}
.zjgx_con li{ height: 36px; line-height: 36px; text-align: center; margin-bottom: 6px}
.zjgx_con li a{display: block; height: 36px; background: #f0f0f0; color: #333;}
.zjgx_con li a:hover{ background: #c2996d; color: #fff;}
.newxg{ margin-right: 65px}

.art_jstj{ margin-right:64px}
.art_bc{ width: 1050px; margin: 0 auto}
.art_jstj p{ padding-top: 10px; font-size: 16px}

.dxal .dxal_con{ height: 220px; overflow: hidden;}
.dxal_con a{display: block; text-align: center}
.dxal_con span{display: block; width: 307px; height: 91px; background: #000; position: relative; margin-top: 15px}
.dxal_con span img{ width: 307px; height: 91px;}
.dxal_con span i{display: none;width: 63px; height: 55px; padding-top: 8px; cursor: pointer; border-radius: 50%; background: #c59b73; color: #fff; text-align: center; position: absolute; top: 14px; left: 50%; margin-left: -31px; font-size: 16px;}
.dxal_con span:hover img{ opacity: 0.5}
.dxal_con span:hover i{display: block;}
.dxal_con p{ padding-top: 15px; text-indent: 2em}

