@charset "utf-8";

*{margin:0;padding:0;}

.clear:after {

        content: ".";

        display: block;

        clear: both;

        overflow:hidden;

        visibility: hidden;

        height: 0;

}

    

article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section{display:block;}

a{text-decoration:none;}

small{text-transform:uppercase;font:15px "Arial";color:#c8c8c8;margin-left:5px;}

/* CSS Document */

html{width:100%;background:#e9e9e9;font-size:15px;color:#515151;}

header{width:480px;height:73px;margin:0 auto;}

header article{position:fixed;width:480px;height:73px;background: -webkit-gradient(linear,center top,center bottom,from(#00a952), to(#007c3e));background:-moz-linear-gradient(top, #00a952, #007c3e);z-index:1000;}

header h2{width:206px;height:73px;padding-left:60px;text-align:center;float:left;font:34px/60px Arial;color:#fff;}

header h2.longH2{width:240px;padding-left:20px;}

.goback{width:58px;height:58px;margin:7px 0 0 15px;background:url(publicIcons.png) 0 0 no-repeat;display:block;float:left;}

header section{margin:15px 10px 0 0;float:right;}

header section a{width:39px;height:39px;background:url(publicIcons.png) no-repeat;display:block;float:left;margin-left:4px;}

.home{background-position:-59px 0 !important;}

.personCenter{background-position:-98px 0 !important;}

.appStore{background-position:-137px 0 !important;}



/*导航*/

.pagePath{ color:#515151;background-color:#FCFCFC;border-top:1px solid #D7D7D7;border-bottom:1px solid #D7D7D7;padding:10px;width:300px;margin:10px auto;}

.pagePath a{color:#515151;}



.enter{width:480px;margin:6px auto;}

.enter a{width:92%;height:48px;padding-left:8%;margin:4px 0;background:#00a169;display:block;font:24px/48px Arial;color:#fff;}

.enter small{color:#8dcaaf;}



footer{position:relative;width:478px;padding-top:8px;margin:25px auto;border:1px solid #d7d7d7;background:#f6f6f6;display:block;clear:both;}

.goTop{position:absolute;top:-21px;right:10px;width:62px;height:22px;background:url(publicIcons.png) no-repeat -184px -6px;}

footer .register{ line-height:36px;margin-left:25px;color:#00873e;}

footer .login{ line-height:36px;color:#00873e;}

footer .oneKey{width:423px;height:72px;margin:0 auto;display:block;background:url(publicIcons.png) no-repeat 0 -59px;}

footer .share a{width:70px;height:24px;margin:20px 25px;padding-left:30px;background:url(publicIcons.png) no-repeat -400px 0;display:block;float:left;font:14px/24px "宋体";color:#515151;}

footer .weixin{ background-position:-400px -29px !important;}

footer .button{width:130px;height:33px;border:1px solid #dadada;border-top:0;border-radius:3px;background: -webkit-gradient(linear,center top,center bottom,from(#fff), to(#e6e6e6));background:-moz-linear-gradient(top, #fff, #e6e6e6);display:block;float:left;margin:15px;text-align:center;font:18px/34px Arial;color:#14903a;}

footer .down{padding:10px 0;background:#f1f1f1;border-top:1px solid #e4e4e4;display:block;clear:both;text-align:center;}

footer .down a{margin:0 10px 0 5px;color:#515151;line-height:36px;}

footer p{font-size:12px;line-height:24px;}

body #ckepop .jtico{background:none !important;float:none !important;height:auto !important;line-height:auto !important;padding-left:0 !important;}

body #ckepop .button,body #ckepop .jiathis_txt{font-size:inherit  !important;}

body #ckepop .separator,body #ckepop .jiathis_separator{line-height:inherit !important;margin:auto !important;}

#ckepop dl, #ckepop dt, #ckepop dd, #ckepop ol, #ckepop ul, #ckepop li, #ckepop fieldset, #ckepop form, #ckepop label, #ckepop legend, #ckepop table, #ckepop caption, #ckepop tbody, #ckepop tfoot, #ckepop thead, #ckepop tr, #ckepop th, #ckepop td, #ckepop span{font-family:inherit !important;}



/* add */

.sortNews{border-top-width:3px !important;}

.sortType,.sortWarp{position:relative;}

.sortType span{height:45px;line-height:45px;color:#048b49;text-align:center;float:left;}

.sortType span.active{font-weight:bold;}

.sortType b{height:3px;background-color:#048b49;position:absolute;left:0;top:-3px;}

.sortType b,.sortWarp{transform:translateX(0);-webkit-transform:translateX(0);transition:transform 0.3s ease-in-out;-webkit-transition:-webkit-transform 0.3s ease-in-out;}

.sortType b i{border-left:9px solid transparent;border-right:9px solid transparent;border-top:6px solid #048b49;position:absolute;left:50%;top:3px;margin-left:-9px;}

.sortCon{overflow:hidden;position:relative;height:174px;}

.sortCon .newsList{width:478px;float:left;}

.sortCon .newsList li{width:98%;padding-left:2%;height:34px;line-height:34px;border-bottom:1px dashed #cacaca;list-style:inside square;overflow:hidden;}

.sortCon .newsList li:last-child{border:none;}

.sortCon .newsList li a{color:#515151;}

/* add */



/*--------index--------*/

#index header{width:480px;padding:30px 0 20px;margin:0 auto;}

#index header h1{width:297px;height:58px;margin:0 auto;overflow:hidden;text-indent:-999em;background:url(indexSpirits01.png) no-repeat 0 0;}

#index .search{width:452px;height:39px;margin:0 auto;background:url(indexSpirits01.png) no-repeat 0 -58px;}

#index .search input{background:none;border:0;display:block;float:left;}

#index .search input[type=text]{width:385px;height:24px;line-height:24px;padding:7px 15px;}

#index .search input[type=submit]{width:37px;height:39px;}

#index nav{width:480px;margin:15px auto;}

#index nav a{width:61px;height:14px;padding:70px 32px 0 32px;text-align:center;display:block;float:left;background:url(indexSpirits01.png) no-repeat 10px -100px;border-right:1px solid #cfcfcf;color:#4a6374;}

#index nav a:first-child{padding-left:20px;}

#index nav a:nth-child(2){background-position:-100px -100px;}

#index nav a:nth-child(3){background-position:0px -184px;}

#index nav a:last-child{padding-right:10px;width:52px;background-position:-121px -184px;border:none;}

#index .channel{width:480px;height:39px;margin:0 auto;padding-bottom:15px;background:url(indexShadow.gif) repeat-x 0 bottom;}

#index .channel li{width:100px;height:39px;padding-left:52px;line-height:39px;margin:0 4px;list-style:none;float:left;background:url(indexSpirits01.png) no-repeat -300px -2px;}

#index .channel li:nth-child(2){background-position:-300px -102px;}

#index .channel li:last-child{background-position:-300px -141px;}

#index .channel li a{color:#00843b;}



#index .ppt{width:480px;margin:10px auto;overflow:hidden;}

#index .ppt #change_screen_ul{width:2400px;height:145px;}

#index .ppt #change_screen_ul li{width:480px;height:145px;float:left;list-style:none;}

#index .ppt #change_screen_ul li img{width:480px;height:145px;display:block;}

#index .ppt .slider_status{width:100%;height:4px;background:#cacaca;}

#index .ppt #slider_status_span{display:block;width:20%;height:100%;background-color:#5f8e21;-webkit-transition: 300ms;}

#index .wrap{width:478px;margin:10px auto;border:1px solid #d7d7d7;background:#fcfcfc;}

#index .hotNews .newsList{width:95%;margin:0 auto;}

#index .hotNews .newsList li{width:98%;padding-left:2%;height:34px;line-height:34px;border-bottom:1px dashed #cacaca;list-style:inside square;overflow:hidden;}

#index .hotNews .newsList li:last-child{border:none;}

#index .hotNews .newsList li a{color:#515151;}

#index .wrap .title{width:95%;height:31px;padding-top:10px;margin:0 auto;border-bottom:1px solid #dbdbdb;}

#index .wrap .title strong{font:20px/32px Arial;color:#208b3c;border-bottom:2px solid #1f883d;}

#index .showAll{position:relative;width:100%;height:1px;margin:20px auto;text-align:center;display:block;background: -webkit-gradient(linear,left center,right center,from(#f6f6f6),color-stop(0.5,#8e8e8e), to(#f6f6f6));background: -moz-linear-gradient(left, #f6f6f6, #8e8e8e 50%, #f6f6f6);}

#index .showAll button{position:absolute;top:-12px;left:50%;margin-left:-50px;width:100px;line-height:24px;background:#fcfcfc;font-size:15px;color:#8e8e8e;border:0;cursor:pointer;}

#index .links{width:100%;}

#index .links li{list-style:none;width:33%;padding:10px 0;float:left;background:#f4f4f4;border-right:1px solid #d6d6d6;}

#index .links li:last-child{border:none;width:33.5%;}

#index .links li a{width:100%;text-align:center;font:22px/22px Arial;color:#818080;display:block;}

#index .departments table{width:95%;margin:0 auto;}

#index .departments table td{width:50%;padding:10px 0;border-bottom:1px solid #e1e1e1;vertical-align:top;}

#index .departments table td:nth-child(2n){border-left:1px solid #e1e1e1;width:48%;padding-left:2%;}

#index .departments table tr:last-child td{border-bottom:none;}

#index .departments table td .name{width:214px;height:42px;padding:10px 0;margin-bottom:5px;background:url(indexSpirits01.png) no-repeat -238px -181px;display:block;}

#index .departments table td .name a{width:120px;height:42px;padding-left:94px;font:25px/42px Arial;color:#09a241;background:url(indexSpirits02.png) no-repeat 30px 0;display:block;}

#index .departments table td .beauty{height:57px;padding:2px 0 3px;}

#index .departments table td .beauty a{height:57px; line-height:57px;background-position:30px -44px;}

#index .departments table td .eye{height:30px;padding:16px 0;}

#index .departments table td .eye a{height:30px; line-height:30px;background-position:20px -101px;}

#index .departments table td .woman{height:50px;padding:6px 0;}

#index .departments table td .woman a{height:50px; line-height:50px;background-position:30px -132px;}

#index .departments table td .man{height:53px;padding:4px 0 5px;}

#index .departments table td .man a{height:53px; line-height:53px;background-position:25px -183px;}

#index .departments table td .all{height:42px;padding:10px 0;}

#index .departments table td .all a{height:57px; line-height:57px;background-position:30px -237px;}

#index .departments table td .projects{padding:0 5px;height:20px;line-height:20px;border:1px solid #e8e8e8;background:#fff;font-size:12px;color:#515151;white-space:nowrap;display:inline-block;margin-bottom:5px;}

#index .departments table td a.projects:hover{background-color:#36af56;color:#fff;}





/*------为了320尺寸的设备--------*/

@media only screen and (max-width: 479px) {

header{width:320px;height:48px;}

header article{width:320px;height:48px;}

header h2{width:134px;height:48px;padding-left:30px;text-align:center;font:24px/48px Arial;}

header h2.longH2{width:144px;padding-left:20px;}

.goback{width:38px;height:39px;margin:4px 0 0 6px;background:url(320_publicIcons.png) no-repeat 0 0;}

header section{margin:10px 10px 0 0;float:right;}

header section a{width:26px;height:26px;margin-left:4px;background:url(320_publicIcons.png) no-repeat;}

.home{ background-position: -39px 0 !important;}

.personCenter{background-position: -65px 0 !important;}

.appStore{background-position: -91px 0 !important;}



.enter{width:320px;}



footer{width:318px;}

footer .oneKey{width:281px;height:48px;background:url(320_publicIcons.png) no-repeat 0 bottom;}

.goTop{top:-15px;right:10px;width:42px;height:16px;background:url(320_publicIcons.png) no-repeat -122px -4px;}

footer .share{padding-left:16px;}

footer .share a{font-size:12px;margin:10px 0;}

footer .button{width:auto;height:24px;padding:0 5px;font-size:15px;line-height:24px;margin:8px;}





/*-----------index--------------*/

#index header{width:320px;padding:15px 0 10px;}

#index header h1{width:198px;height:38px;background:url(320_indexSpirits01.png);}

#index .search{width:301px;height:27px;background:url(320_indexSpirits01.png) no-repeat 0 -38px;}

#index .search input[type=text]{width:251px;height:27px;line-height:27px;padding:0 12px;}

#index .search input[type=submit]{width:26px;height:27px;}

#index nav{width:320px;}

#index nav a{width:61px;height:14px;font-size:12px;padding:41px 10px 0;background:url(320_indexSpirits01.png) no-repeat 14px -67px;}

#index nav a:first-child{padding-left:12px;}

#index nav a:nth-child(2){background-position:-70px -66px;}

#index nav a:nth-child(3){background-position:-2px -122px;}

#index nav a:last-child{padding-right:5px;background-position:-85px -122px;}

#index .channel{width:320px;height:25px;margin:0 auto;padding-bottom:15px;background:url(indexShadow.gif) repeat-x 0 bottom;}

#index .channel li{width:66px;height:25px;padding-left:34px;line-height:25px;margin:0 3px;background:url(320_indexSpirits01.png) no-repeat -200px -2px;}

#index .channel li:nth-child(2){background-position:-200px -68px;}

#index .channel li:last-child{background-position:-200px -95px;}



#index .ppt{width:320px;margin:10px auto;overflow:hidden;}

#index .ppt #change_screen_ul{width:1600px;height:96px;}

#index .ppt #change_screen_ul li{width:320px;height:96px;}

#index .ppt #change_screen_ul li img{width:320px;height:96px;}

#index .wrap{width:318px;}

#index .links li{width:104px;}

#index .links li:last-child{width:106px;}

#index .links li a{font-size:16px;}

#index .links li small{font-size:12px;}

#index .departments table td .name{width:143px;height:28px;padding:7px 0;margin-bottom:5px;background:url(320_indexSpirits01.png) no-repeat -158px -120px;}

#index .departments table td .name a{width:80px;height:28px;padding-left:63px;font:18px/28px Arial;background:url(320_indexSpirits02.png) no-repeat 20px 0px;}

#index .departments table td .beauty{height:39px;padding:1px 0 2px 0;}

#index .departments table td .beauty a{height:39px;line-height:39px;background-position:15px -28px;}

#index .departments table td .eye{height:21px;padding:10px 0 11px 0;}

#index .departments table td .eye a{height:21px; line-height:21px;background-position:12px -67px;}

#index .departments table td .woman{height:34px;padding:4px 0;}

#index .departments table td .woman a{height:34px; line-height:34px;background-position:15px -88px;}

#index .departments table td .man{height:36px;padding:3px 0;}

#index .departments table td .man a{height:36px; line-height:36px;background-position:15px -122px;}

#index .departments table td .all{height:28px;padding:7px 0;}

#index .departments table td .all a{height:28px; line-height:28px;background-position:15px -158px;}

#index .departments table td .projects{padding:0 5px;height:20px;line-height:20px;border:1px solid #e8e8e8;background:#fff;font-size:12px;color:#515151;white-space:nowrap;display:inline-block;margin-bottom:5px;}

#index .departments table td a.projects:hover{background-color:#36af56;color:#fff;}

}

.pagelistbox{height:26px;position:relative;float:left;margin-left:-160px;}

.pagelistbox li {

    display: inline-block;

    float: left;

    font-size: 12px;

    line-height: 22px;

}

.pagelistbox a {

    border: 1px solid #dadada;

    display: inline-block;

    height: 24px;

    margin: 0 3px;

    padding: 0 8px;

    list-style: none;

    color:gray ;

    line-height:24px

}

.pagelistbox a:hover{

background: #1f883d;

color: #fff;

border-color: #167d33;

}





 



/*--------footer contact-----------------*/

.fz{ font-size:0;}

.contactBox{ bottom: 0;height:44px;left: 0;overflow: hidden;position: fixed;z-index: 1000;text-align:center;width:100%}

.contact{ background: url(ftContact.png) no-repeat #008959;width:480px;margin:0 auto;}

.contact a{width:158px;height:24px;line-height:24px;padding:20px 0 0 0;color:#aff7de;display:inline-block;display:inline-block;font-size:12px;border-top:1px solid #19c184;border-left:1px solid #19c184;border-right:1px solid #008659;text-align:center;position:relative;}

.contact a i{background-image: url(img.png);background-repeat:no-repeat;background-size:15px 50px;width:15px;height:13px;display:block;margin:0;top:5px;left:45%;position:absolute;}

.contact a i.tel{background-position:0 -34px;margin:0;width:15px;height:13px;}

.contact a i.online{background-position:0 0;margin:0;width:15px;height:13px;}

.contact a i.rese{background-position:0 -17px;margin:0;width:15px;height:13px;}





/*------为了320尺寸的设备--------*/

@media only screen and (max-width: 479px) {

	.contact{ width:320px;}

.contact a{width:104px;height:24px;line-height:24px;padding:20px 0 0 0;color:#aff7de;float:left;display:block;font-size:12px;border-top:1px solid #19c184;border-left:1px solid #19c184;border-right:1px solid #008659;text-align:center;position:relative;}

.contact a i{background-image: url(img.png);background-repeat:no-repeat;background-size:15px 50px;width:15px;height:13px;display:block;margin:0;top:5px;left:45%;position:absolute;}

.contact a i.tel{background-position:0 -34px;margin:0;width:15px;height:13px;}

.contact a i.online{background-position:0 0;margin:0;width:15px;height:13px;}

.contact a i.rese{background-position:0 -17px;margin:0;width:15px;height:13px;}

}