/*banner*/
.banner{position:relative;overflow:hidden;height:380px;min-width:1200px;}
.banner .out{position:absolute;top:0;left:50%;margin-left:-960px;width:1920px;height:380px;}
.banner .in{ }

.banner .in .xjCarousel_thumb_button.xjCarousel_active{background-color:#DA6;}.xjMouse 
.banner .in .xjCarousel_thumb_button:hover{background-color:#DA6;}

.banner .in .xjCarousel_button_prev{left:260px;}.xjMouse 
.banner .in:hover .xjCarousel_button_prev{left:310px;}
.banner .in .xjCarousel_button_next{right:260px;}.xjMouse 
.banner .in:hover .xjCarousel_button_next{right:310px;}



/*user*/
.user{position:relative;margin:0 auto;width:1200px;z-index:10;}
.user .out{position:absolute;top:-350px;right:0;overflow:hidden;width:240px;height:320px;border-radius:4px;background-color:#fff;}
.user .in{ }

.user .in .face{position:absolute;top:20px;left:20px;overflow:hidden;width:64px;height:64px;border-radius:32px;}
.user .in .face img{width:100%;height:100%;}

.user .in .state{margin-bottom:20px;padding:30px 20px 0 104px;height:84px;text-align:center;}
.user .in .state dt{height:26px;color:#666;line-height:1;}

.user .in .state dd{white-space:nowrap;font-size:0;}
.user .in .state dd a{display:inline-block;height:24px;border:1px solid #DA6;font-size:12px;line-height:22px;}
.user .in .state .before dd a:first-child{width:50%;border-radius:15px 0 0 15px;color:#999;}
.user .in .state .before dd a:last-child{width:50%;border-radius:0 15px 15px 0;background-color:#DA6;color:#fff;}
.user .in .state .after dd a{width:100%;border-radius:12px;color:#DA6;}

.user .in .action{display:table;margin-bottom:20px;width:100%;height:34px;background-color:#f0f0f0;text-align:center;}
.user .in .action a{position:relative;display:table-cell;color:#666;vertical-align:middle;}
.user .in .action a:hover{color:#29F;}
.user .in .action a:before{position:absolute;top:4px;right:0;bottom:4px;border-right:1px solid #fff;content:"";}

.user .in .message{padding:0 20px;}
.user .in .message h5{margin-bottom:8px;padding-bottom:10px;border-bottom:1px solid #ddd;font-size:12px;}
.user .in .message h5 a{float:right;color:#999;}
.user .in .message h5 a:hover{color:#29F;}
.user .in .message ul{font-size:12px;}
.user .in .message ul li{line-height:24px;}
.user .in .message ul li a{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}
.user .in .message ul li a:hover{color:#29F;}
.user .in .message ul li a:before{position:relative;top:8px;float:left;margin-right:5px;width:4px;height:4px;border-radius:2px;background-color:#bbb;content:"";}



/*count*/
.count{margin-bottom:20px;min-width:1200px;background-color:#fff;}
.count .out{margin:0 auto;width:1200px;}
.count .in{display:table;width:100%;height:120px;}

.count .in dl{position:relative;display:table-cell;width:25%;vertical-align:middle;text-align:center;}
.count .in dl:before{position:absolute;top:10px;bottom:10px;left:0;border-right:1px dotted #ddd;content:"";}
.count .in dl:first-child:before{display:none;}

.count .in dl dt{color:#DA6;font-size:30px;line-height:1;}

.count .in dl dd{color:#999;font-size:12px;}
.count .in dl dd i{display:inline-block;width:40px;height:30px;background-image:url(../im/index.count-icon.gif);background-repeat:no-repeat;vertical-align:top;}
.count .in dl:nth-of-type(1) dd i{background-position:0px top;}
.count .in dl:nth-of-type(2) dd i{background-position:-40px top;}
.count .in dl:nth-of-type(3) dd i{background-position:-80px top;}
.count .in dl:nth-of-type(4) dd i{background-position:-120px top;}
.count .in dl dd b{display:inline-block;padding-top:12px;padding-left:6px;vertical-align:top;line-height:1;}



/*index*/
.index{margin-bottom:20px;min-width:1200px;}
.index .out{margin:0 auto;padding-left:220px;width:1200px;height:400px;background:#fff url(../im/index.module-bg.jpg) no-repeat 0px 0px;}
.index .in{ }

.index .in .internal{float:left;margin:20px 0 0 20px;width:460px;height:360px;}
.index .in .internal .tabs{display:table;width:100%;height:46px;font-size:16px;}
.index .in .internal .tabs span{position:relative;display:table-cell;width:1px;border:1px solid transparent;background-color:#f5f5f5;color:#999;vertical-align:middle;text-align:center;cursor:pointer;transition:all 200ms;}
.index .in .internal .tabs span:after{position:absolute;right:0;bottom:-2px;left:0;border-bottom:2px solid #fff;content:"";opacity:0;transition:all 200ms;}
.index .in .internal .tabs span.active{border:1px solid #ddd;background-color:#fff;color:#333;cursor:default;}
.index .in .internal .tabs span.active:after{opacity:1;}
.index .in .internal .item{padding:15px;height:280px;border:1px solid #ddd;}
.index .in .internal .item li{display:none;width:428px;height:248px;}
.index .in .internal .item li.active{display:block;}
.index .in .internal .name{height:34px;border:1px solid #ddd;border-top:none;background-color:#f5f5f5;color:#999;text-align:center;line-height:32px;}

.index .in .external{float:left;margin:20px 0 0 20px;width:460px;height:360px;}
.index .in .external .tabs{display:table;width:100%;height:46px;font-size:16px;}
.index .in .external .tabs span{position:relative;display:table-cell;width:33%;border:1px solid transparent;background-color:#f5f5f5;color:#999;vertical-align:middle;text-align:center;cursor:pointer;transition:all 200ms;}
.index .in .external .tabs span:after{position:absolute;right:0;bottom:-2px;left:0;border-bottom:2px solid #fff;content:"";opacity:0;transition:all 200ms;}
.index .in .external .tabs span.active{border:1px solid #ddd;background-color:#fff;color:#333;cursor:default;}
.index .in .external .tabs span.active:after{opacity:1;}
.index .in .external .item{padding:15px;height:280px;border:1px solid #ddd;}
.index .in .external .item li{display:none;width:428px;height:248px;}
.index .in .external .item li.active{display:block;}
.index .in .external .name{height:34px;border:1px solid #ddd;border-top:none;background-color:#f5f5f5;color:#999;text-align:center;line-height:32px;}



/*mall*/
.mall{margin-bottom:20px;min-width:1200px;}
.mall .out{margin:0 auto;padding-left:220px;width:1200px;height:400px;background:#fff url(../im/index.module-bg.jpg) no-repeat 0px -400px;}
.mall .in{ }

.mall .in div:first-child{position:relative;z-index:2;display:table;width:100%;height:58px;border-bottom:1px solid #ddd;color:#999;table-layout:fixed;text-align:center;line-height:1;}
.mall .in div span{display:table-cell;vertical-align:middle;}
.mall .in div span:nth-of-type(1){padding-left:20px;width:160px;}
.mall .in div span:nth-of-type(2){width:140px;}
.mall .in div span:nth-of-type(3){width:280px;}
.mall .in div span:nth-of-type(4){width:160px;}
.mall .in div span:nth-of-type(5){width:100px;}
.mall .in div span:nth-of-type(6){padding-right:20px;width:140px;}

.mall .in p{position:relative;display:table;margin:-1px 20px 0;height:58px;border-top:1px solid #ddd;border-bottom:1px solid #ddd;color:#666;table-layout:fixed;text-align:center;line-height:1;transition:box-shadow 200ms;}
.mall .in p:hover{z-index:1;box-shadow:0 0 15px rgba(0,0,0,0.15);}
.mall .in p span{display:table-cell;vertical-align:middle;}
.mall .in p span:nth-of-type(1){width:140px;}
.mall .in p span:nth-of-type(2){width:140px;}
.mall .in p span:nth-of-type(3){width:280px;}
.mall .in p span:nth-of-type(4){width:160px;}
.mall .in p span:nth-of-type(5){width:100px;color:#E62;font-weight:bold;}
.mall .in p span:nth-of-type(6){width:120px;}
.mall .in p span a{display:inline-block;padding:0 20px;height:28px;border:1px solid #DA6;border-radius:2px;color:#DA6;vertical-align:middle;line-height:26px;cursor:pointer;transition:all 200ms;}
.mall .in p span a:hover{background-color:#DA6;color:#FFF;}

.mall .in div:last-child{display:table;margin-top:-1px;width:100%;height:58px;border-top:1px solid #ddd;color:#999;text-align:center;line-height:1;}
.mall .in div a{display:table-cell;color:#999;vertical-align:middle;font-size:16px;transition:color 200ms;}
.mall .in div a:hover{color:#29F;}



/*finance*/
.finance{margin-bottom:20px;min-width:1200px;}
.finance .out{margin:0 auto;padding-left:220px;width:1200px;height:400px;background:#fff url(../im/index.module-bg.jpg) no-repeat 0px -800px;}
.finance .in{ }

.finance .in div{float:left;margin:20px 0 0 20px;padding-top:30px;width:300px;height:360px;border:1px solid #ddd;text-align:center;transition:box-shadow 200ms;}
.finance .in div:hover{box-shadow:0 0 5px rgba(0,0,0,0.25);}
.finance .in div i{display:inline-block;margin-bottom:30px;width:110px;height:110px;background-image:url(../im/index.finance-icon.gif);background-repeat:no-repeat;vertical-align:middle;border:2px solid #DA6;border-radius:55px;}
.finance .in div:nth-of-type(1) i{background-position:0px 0px;}
.finance .in div:nth-of-type(2) i{background-position:-106px 0px;}
.finance .in div:nth-of-type(3) i{background-position:-212px 0px;}
.finance .in div h6{margin-bottom:20px;color:#666;font-size:24px;}
.finance .in div h6 small{font-size:18px;line-height:30px;}
.finance .in div p{margin-bottom:20px;color:#999;font-size:16px;}
.finance .in div a{display:inline-block;width:200px;height:46px;border:1px solid #DA6;border-radius:4px;color:#DA6;vertical-align:middle;font-size:16px;line-height:44px;transition:all 200ms;}
.finance .in div a:hover{background-color:#DA6;color:#FFF;}



/*gauging*/
.gauging{margin-bottom:20px;min-width:1200px;}
.gauging .out{margin:0 auto;padding-left:220px;width:1200px;height:400px;background:#fff url(../im/index.module-bg.jpg) no-repeat 0px -1200px;}
.gauging .in{ }

.gauging .in div{float:left;margin-top:20px;margin-left:20px;width:620px;height:170px;border:1px solid #ddd;background-image:url(../im/index.gauging-bg.gif);background-repeat:no-repeat;transition:box-shadow 200ms;}
.gauging .in div:hover{box-shadow:0 0 5px rgba(0,0,0,0.25);}
.gauging .in div:nth-of-type(1){background-position:400px top;}
.gauging .in div:nth-of-type(2){background-position:400px bottom;}
.gauging .in div a{display:block;padding:30px;height:168px;}
.gauging .in div a i{display:block;margin-bottom:10px;font-size:22px;}
.gauging .in div a b{display:block;color:#999;font-size:16px;}

.gauging .in dl{float:right;margin-top:20px;margin-right:20px;width:300px;height:360px;border:1px solid #ddd;}
.gauging .in dl dt{height:46px;color:#666;text-align:center;font-size:16px;line-height:46px;}
.gauging .in dl dd{border-top:1px solid #ddd;text-align:center;}
.gauging .in dl dd a{display:inline-block;margin:5px 10px;padding:5px 10px;vertical-align:middle;}
.gauging .in dl dd a img{width:84px;}



/*transport*/
.transport{margin-bottom:20px;min-width:1200px;}
.transport .out{margin:0 auto;padding-left:220px;width:1200px;height:400px;background:#fff url(../im/index.module-bg.jpg) no-repeat 0px -1600px;}
.transport .in{ }

.transport .in a{float:left;margin:20px 0 0 20px;padding:30px 20px;width:300px;height:360px;border:1px solid #ddd;background-image:url(../im/index.transport-bg.gif);background-repeat:no-repeat;transition:box-shadow 200ms;}
.transport .in a:hover{box-shadow:0 0 5px rgba(0,0,0,0.25);}
.transport .in a:nth-of-type(1){background-position:0px 208px;}
.transport .in a:nth-of-type(2){background-position:-300px 208px;}
.transport .in a:nth-of-type(3){background-position:-600px 208px;}
.transport .in a i{display:block;margin-bottom:10px;font-size:22px;}
.transport .in a b{display:block;color:#999;font-size:16px;}



/*news*/
.news{margin-bottom:60px;min-width:1200px;}
.news .out{margin:0 auto;width:1200px;height:480px;background-color:#fff;}
.news .in{ }

.news .in h4{margin:0 20px 20px;padding:20px 0;border-bottom:1px solid #ddd;font-size:20px;}
.news .in h4 a{float:right;color:#999;font-size:16px;line-height:20px;}
.news .in h4 a:hover{color:#29F;}

.news .in section:after{clear:both;display:block;height:0;content:"";}
.news .in section a{float:left;margin-left:20px;width:275px;height:380px;transition:box-shadow 200ms;}
.news .in section a:hover{box-shadow:0 0 5px rgba(0,0,0,0.25);}
.news .in section a p:nth-of-type(1){margin-bottom:20px;outline:1px solid #ddd;width:275px;height:200px;background-size:cover;}
.news .in section a p:nth-of-type(2){overflow:hidden;margin-bottom:20px;padding:0 10px;text-overflow:ellipsis;white-space:nowrap;font-size:18px;}
.news .in section a p:nth-of-type(3){display:-webkit-box;overflow:hidden;margin-bottom:20px;padding:0 10px;height:60px;color:#999;text-overflow:ellipsis;word-wrap:break-word;-webkit-line-clamp:3;-webkit-box-orient:vertical;}
.news .in section a p:nth-of-type(4){padding:0 10px;color:#666;}



/*layer*/
.layer{position:fixed;top:50%;left:50%;display:none;margin-top:-153px;margin-left:-670px;}
.layer .out{ }
.layer .in{ }

.layer .in a{display:block;margin-bottom:1px;width:50px;height:50px;background-color:#e3b877;color:#fff;text-align:center;font-size:16px;line-height:50px;transition:all 200ms;}
.layer .in a.active{background-color:#E62;}
.layer .in a:hover{background-color:#E62;}



/*2018新年
.index_head_floor{background:url(../im/tem/2018_newYear_index_bg01.jpg) no-repeat center;}
#info{background:url(../im/tem/2018_newYear_index_bg02.jpg) no-repeat center;}
#layer{display:none!important;}*/

/*2019新年
.count{margin-bottom:0;}
.index{padding-top:20px;background:url(../im/tem/2019_newYear_index_bg01.jpg) no-repeat center top;}
.layer{display:none!important;}*/