/* CSS Document */

.index_top { width:1140px; height:80px; margin:0 auto; position:relative;}
.index_top .logo{ width:400px; height:80px; background:url(indexbg.png) 0 0 no-repeat; float:left; text-indent:-999px; overflow:hidden;}
.index_top .serch { width:309px; height:36px; float:left; margin:22px 0 22px 310px;}
.index_top .right { width:96px; height:26px; float:right; margin:27px 0;}
.index_top .right li{ width:26px; height:26px; float:left; margin-right:22px;}
.index_top .right li a{ width:26px; height:26px; display:block;background:url(indexbg.png) no-repeat;text-indent:-999px; overflow:hidden;}
.index_top .right li.app a{ background-position:-10px -90px;}
.index_top .right li.app a:hover{ background-position:-82px -90px;}
.index_top .right li.wx a{ background-position:-46px -90px;}
.index_top .right li.wx a:hover{ background-position:-118px -90px;}

.index_main {  width:100%; height:560px; max-width:1500px; min-width:1140px; margin:0 auto; position:relative;}
.index_main .theme-default{  width:100%; height:525px; max-width:1500px; min-width:1140px; margin:0 auto; background-color:#000000}
.index_main .theme-default .nivoSlider{width:100% !important;}
.index_main .theme-default .nivoSlider li{width:100% !important;height:525px;overflow:hidden;text-align:center;position:relative;}

.foe_m1 {left:50%;position:absolute;top:149px;margin-left:-536px;}
.foe_m2 {left:50%;position:absolute;top:124px;margin-left:-103px;}
.foe_m3 {left:50%;position:absolute;top:91px;margin-left:-543px;}
.foe_m4 {left:50%;position:absolute;top:127px;margin-left:-15px;}
.foe_m5 {left:50%;position:absolute;top:94px;margin-left:-525px;}
.foe_m6 {left:50%;position:absolute;top:149px;margin-left:-329px;}
.foe_m8 {left:50%;position:absolute;top:153px;margin-left:40px;}

.index_main .index_nav{ width:1080px; height:160px; background-color:#f5f5f5; position:absolute; top:400px; left:50%; margin-left:-570px; padding:0 30px;}
.index_main .index_nav li{ width:135px; height:160px; float:left;}
.index_main .index_nav li a{ width:120px; height:100px;display:block; padding:34px 7px 26px 7px;}
.index_main .index_nav li a em{ width:120px; height:42px;display:block;background:url(indexbg.png?1125) no-repeat; font-size:16px; text-align:center; line-height:20px;overflow:hidden; padding-top:58px;color:#000;}
.index_main .index_nav li a:hover em{ color:#9e7a52;}
.index_main .index_nav li.a1 a em{ background-position:0 -130px;}
.index_main .index_nav li.a1 a:hover em{ background-position:0 -230px;}
.index_main .index_nav li.a2 a em{ background-position:-120px -130px;}
.index_main .index_nav li.a2 a:hover em{ background-position:-120px -230px;}
.index_main .index_nav li.a2_1 a em{ background-position:-840px -130px;}
.index_main .index_nav li.a2_1 a:hover em{ background-position:-840px -230px;}
.index_main .index_nav li.a2_2 a em{ background-position:-720px -130px;}
.index_main .index_nav li.a2_2 a:hover em{ background-position:-720px -230px;}
.index_main .index_nav li.a3 a em{ background-position:-240px -130px;}
.index_main .index_nav li.a3 a:hover em{ background-position:-240px -230px;}
.index_main .index_nav li.a4 a em{ background-position:-360px -130px;}
.index_main .index_nav li.a4 a:hover em{ background-position:-360px -230px;}
.index_main .index_nav li.a5 a em{ background-position:-480px -130px;}
.index_main .index_nav li.a5 a:hover em{ background-position:-480px -230px;}
.index_main .index_nav li.a6 a em{ background-position:-600px -130px;}
.index_main .index_nav li.a6 a:hover em{ background-position:-600px -230px;}

.index_main .index_nav li{ width:135px; height:160px;position: relative; font-weight: 400;  float:left; overflow: hidden;  z-index: 0; cursor: pointer; }
.index_main .index_nav li.raised{-moz-transition: all 0.1s; -o-transition: all 0.1s; -webkit-transition: all 0.1s; transition: all 0.1s;}
.anim{-moz-transform: translateY(-50%) translateX(-50%); -ms-transform: translateY(-50%) translateX(-50%); -webkit-transform: translateY(-50%) translateX(-50%); transform: translateY(-50%) translateX(-50%); position: absolute; top: 50%; left: 50%; z-index: -1;}
.anim:before{position: relative; content: ''; display: block; margin-top: 100%;}
.anim:after{content: ''; position: absolute; top: 0; bottom: 0; left: 0; right: 0; border-radius: 50%;}
.hoverable:hover > .anim{-moz-animation: anim-out 0.75s; -webkit-animation: anim-out 0.75s; animation: anim-out 0.75s;}
.hoverable:hover > .anim:after{-moz-animation: anim-out-pseudo 0.75s; -webkit-animation: anim-out-pseudo 0.75s; animation: anim-out-pseudo 0.75s;}
@-webkit-keyframes anim-in{0%{width: 0%;} 100%{width: 100%;}}
@-moz-keyframes anim-in{0%{width: 0%;} 100%{width: 100%;}}
@-ms-keyframes anim-in{0%{width: 0%;} 100%{width: 100%;}}
@keyframes anim-in{0%{width: 0%;} 100%{width: 100%;}}
@-webkit-keyframes anim-in-pseudo{0%{background: rgba(99, 71, 41, 0.25);} 100%{background: transparent;}}
@-moz-keyframes anim-in-pseudo{0%{background: rgba(99, 71, 41, 0.25);} 100%{background: transparent;}}
@-ms-keyframes anim-in-pseudo{0%{background: rgba(99, 71, 41, 0.25);} 100%{background: transparent;}}
@keyframes anim-in-pseudo{0%{background: rgba(99, 71, 41, 0.25);} 100%{background: transparent;}}
@-webkit-keyframes anim-out{0%{width: 0%;} 100%{width: 100%;}}
@-moz-keyframes anim-out{0%{width: 0%;} 100%{width: 100%;}}
@-ms-keyframes anim-out{0%{width: 0%;} 100%{width: 100%;}}
@keyframes anim-out{0%{width: 0%;} 100%{width: 100%;}}
@-webkit-keyframes anim-out-pseudo{0%{background: rgba(99, 71, 41, 0.25);} 100%{background: transparent;}}
@-moz-keyframes anim-out-pseudo{0%{background: rgba(99, 71, 41, 0.25);} 100%{background: transparent;}}
@-ms-keyframes anim-out-pseudo{0%{background: rgba(99, 71, 41, 0.25);} 100%{background: transparent;}}
@keyframes anim-out-pseudo{0%{background: rgba(99, 71, 41, 0.25);} 100%{background: transparent;}}

.index_news { width:1140px; margin:40px auto;}
.index_news .left{ width:570px; float: left;}
.index_news .left h6{ width:540px; height:40px; background:url(indexbg.png) -600px -80px no-repeat; padding-left:30px; font-size:17px; line-height:40px;}
.index_news .left ul{ height:254px; overflow:hidden;}
.index_news .left li{ width:570px; height:50px; border-bottom:1px solid #dedede;font-size:16px; line-height:50px;white-space: nowrap;text-overflow:ellipsis;overflow: hidden;}
.index_news .left li:hover{ background-color:#fbfbfb;}
.index_news .left li em{ height:20px; font-size:12px; line-height:20px; text-align:center; color:#fff; background-color:#caae8f; display:inline-block; *display:inline; zoom:1; margin:0px 14px; padding:0 10px;}

.index_news .rightbox { position: relative; width: 520px; height: 290px; overflow: hidden; float:right;}
.index_news .rightbox .pic img { width: 520px; height: 290px; display: block; }
.index_news .rightbox .txt-bg { position: absolute; bottom: 0; z-index: 1; height: 36px; width:100%;  background: #333; filter: alpha(opacity=40); opacity: 0.4; overflow: hidden; }
.index_news .rightbox .txt { position: absolute; bottom: 0; z-index: 2; height: 36px; width:100%; overflow: hidden; }
.index_news .rightbox .txt li{ width:520px; height:36px; line-height:36px; position:absolute; bottom:-36px; text-align:center; overflow:hidden;}
.index_news .rightbox .txt li a{ display: block; color:#fff; font-size: 14px;}
.index_news .rightbox .prev,
.index_news .rightbox .next { width: 40px; height: 40px; margin: -20px 0 0; display: none; background:url(indexbg.png) no-repeat;position: absolute; top: 50%; z-index: 10; cursor: pointer; text-indent: -9999px;}
.index_news .rightbox .prev { left: 0; background-position:-360px -80px;}
.index_news .rightbox .next { background-position: -420px -80px; right: 0; }

.zgslink { width:1140px; height:84px; margin:50px auto; }
.zgslink li{ width:240px; height:84px; float: left; position:relative;}
.zgslink li.m{ width:140px; height:40px; float: left;background:url(indexbg.png) -600px -80px no-repeat; padding-left:30px; font-size:17px; line-height:40px; margin-top:15px;}
.zgslink li.s{ width:1px; height:40px; float: left; background-color:#eaeaea; overflow:hidden;margin-top:22px;}
.zgslink li img{ width:110px; height:45px; position: absolute;top:8px;left:55px;}
.zgslink li h1{ width:110px; height:32px; position: absolute;top:59px;left:55px; font-size:12px; line-height:16px; text-align: center;}